{"version":3,"file":"static/js/9f67adca768f0285db14.bundle.js","mappings":"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","sources":["webpack://Dobbies.Commerce/./src/modules/dobbies-media-gallery/dobbies-media-gallery.props.autogenerated.ts?5f17","webpack://Dobbies.Commerce/./src/modules/dobbies-media-gallery/utils/helper.ts?ee30","webpack://Dobbies.Commerce/./src/modules/dobbies-media-gallery/utils/get-valid-product-images.ts?f860","webpack://Dobbies.Commerce/./src/modules/dobbies-media-gallery/dobbies-media-gallery.tsx?c821","webpack://Dobbies.Commerce/./src/modules/dobbies-media-gallery/dobbies-media-gallery.view.tsx?9d8c","webpack://Dobbies.Commerce/./lib/dobbies-media-gallery/module-registration.js?5264","webpack://Dobbies.Commerce/external var \"React\"?0d3b","webpack://Dobbies.Commerce/external var \"ReactDOM\"?853b"],"sourcesContent":["/**\r\n * Copyright (c) Microsoft Corporation\r\n * All rights reserved. See License.txt in the project root for license information.\r\n * IDobbiesMediaGallery contentModule Interface Properties\r\n * THIS FILE IS AUTO-GENERATED - MANUAL MODIFICATIONS WILL BE LOST\r\n */\r\n\r\nimport * as Msdyn365 from '@msdyn365-commerce/core';\r\n\r\nexport const enum imageSource {\r\n    pageContext = 'pageContext',\r\n    productId = 'productId'\r\n}\r\n\r\nexport const enum imageZoom {\r\n    inline = 'inline',\r\n    container = 'container'\r\n}\r\n\r\nexport const enum thumbnailsOrientation {\r\n    vertical = 'vertical',\r\n    horizontal = 'horizontal'\r\n}\r\n\r\nexport const enum altTextSource {\r\n    product = 'product',\r\n    cms = 'cms'\r\n}\r\n\r\nexport interface IDobbiesMediaGalleryConfig extends Msdyn365.IModuleConfig {\r\n    imageSource?: imageSource;\r\n    images?: Msdyn365.IImageData[];\r\n    productId?: string;\r\n    imageZoom?: imageZoom;\r\n    allowFullScreen?: boolean;\r\n    dataScale?: string;\r\n    zoomedImageSettings?: Msdyn365.IImageSettings;\r\n    thumbnailsOrientation?: thumbnailsOrientation;\r\n    thumbnailImageSettings?: Msdyn365.IImageSettings;\r\n    galleryImageSettings?: Msdyn365.IImageSettings;\r\n    shouldHideMasterProductImagesForVariant?: boolean;\r\n    altTextSource?: altTextSource;\r\n    showPaginationTooltip?: boolean;\r\n    shouldUpdateOnPartialDimensionSelection?: boolean;\r\n    className?: string;\r\n    skipImageValidation?: boolean;\r\n    autoplay?: boolean;\r\n    mute?: boolean;\r\n    playPauseTrigger?: boolean;\r\n    controls?: boolean;\r\n    clientRender?: boolean;\r\n}\r\n\r\nexport interface IDobbiesMediaGalleryResources {\r\n    nextScreenshotFlipperText: string;\r\n    previousScreenshotFlipperText: string;\r\n    fullScreenTitleText: string;\r\n    ariaLabelForSlide: string;\r\n    playLabel: string;\r\n    pauseLabel: string;\r\n    pausedLabel: string;\r\n    playingLabel: string;\r\n    unMuteLabel: string;\r\n    muteLabel: string;\r\n    fullScreenLabel: string;\r\n    exitFullScreenLabel: string;\r\n    seekBarLabel: string;\r\n    videoTimeDurationLabel: string;\r\n    closedCaptionLabel: string;\r\n    optionButtonLabel: string;\r\n    sliderThumbLabel: string;\r\n    volumeThumbLabel: string;\r\n    playVideoTitleText: string;\r\n}\r\n\r\nexport interface IDobbiesMediaGalleryProps<T> extends Msdyn365.IModule<T> {\r\n    resources: IDobbiesMediaGalleryResources;\r\n    config: IDobbiesMediaGalleryConfig;\r\n}\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\n/* eslint-disable no-duplicate-imports */\r\nimport { IImageData, IRequestContext, IVideoData } from '@msdyn365-commerce/core';\r\n\r\nexport enum MediaType {\r\n    /**\r\n     * The None.\r\n     */\r\n    None = 0,\r\n    /**\r\n     * The Image type.\r\n     */\r\n    Image = 1,\r\n    /**\r\n     * The video type.\r\n     */\r\n    Video = 2,\r\n    /**\r\n     * The file type.\r\n     */\r\n    File = 3\r\n}\r\n\r\nexport interface IMediaData extends IImageData {\r\n    mediaTypeValue?: MediaType;\r\n    displayOrder?: number;\r\n    videoData?: IVideoData;\r\n}\r\n\r\n/**\r\n * Gets correct alt text for image based on configuration of site.\r\n * @param productName Product name.\r\n * @param context Current request context.\r\n * @param imageAltText Alt-text from CMS image.\r\n */\r\nexport function getAltText(\r\n    context: IRequestContext,\r\n    shouldUseCmsAltText: boolean,\r\n    productName?: string,\r\n    imageAltText?: string\r\n): string | undefined {\r\n    if (!context?.app?.config?.OmniChannelMedia) {\r\n        return productName;\r\n    }\r\n    if (shouldUseCmsAltText) {\r\n        return imageAltText;\r\n    }\r\n    return productName;\r\n}\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\n/* eslint-disable no-duplicate-imports */\r\nimport {\r\n    commerceApiRequest,\r\n    commerceVideoMetadataRequest,\r\n    getCatalogId,\r\n    IActionContext,\r\n    IImageData,\r\n    IImageSettings,\r\n    IVideoData\r\n} from '@msdyn365-commerce/core';\r\nimport { MediaLocation, SimpleProduct } from '@msdyn365-commerce/retail-proxy';\r\nimport {\r\n    ArrayExtensions,\r\n    getMediaLocationsForSelectedVariant,\r\n    MediaLocationsForSelectedVariantInput\r\n} from '@msdyn365-commerce-modules/retail-actions';\r\nimport { getAltText } from './helper';\r\n\r\nasync function validateMediaLocationAsync(mediaLocation: MediaLocation): Promise<[IImageData, boolean]> {\r\n    const imageData: IImageData = {\r\n        src: mediaLocation.Uri || '',\r\n        altText: mediaLocation.AltText || ''\r\n    };\r\n    if (mediaLocation.IsApplicableForChildEntities) {\r\n        imageData.additionalProperties = { isApplicableForChildEntities: 'true' };\r\n    }\r\n\r\n    if (imageData.src === '') {\r\n        return [imageData, false];\r\n    }\r\n\r\n    return new Promise<[IImageData, boolean]>(resolve => {\r\n        try {\r\n            const http = new XMLHttpRequest();\r\n            http.open('HEAD', imageData.src!, true);\r\n\r\n            http.addEventListener('load', () => {\r\n                resolve([imageData, http.status === 200 || http.status === 201]);\r\n            });\r\n\r\n            http.addEventListener('error', () => {\r\n                resolve([imageData, false]);\r\n            });\r\n\r\n            http.send();\r\n        } catch {\r\n            resolve([imageData, false]);\r\n        }\r\n    });\r\n}\r\n\r\nexport async function getValidProductImages(\r\n    productId: number,\r\n    channelId: number,\r\n    actionContext: IActionContext,\r\n    imageSettings: IImageSettings,\r\n    selectedProduct?: SimpleProduct\r\n): Promise<IImageData[]> {\r\n    const catalogId = getCatalogId(actionContext.requestContext);\r\n    const actionInput = new MediaLocationsForSelectedVariantInput(productId, channelId, selectedProduct, catalogId);\r\n\r\n    return getMediaLocationsForSelectedVariant(actionInput, actionContext)\r\n        .then(mediaLocations => {\r\n            if (mediaLocations) {\r\n                return Promise.all(mediaLocations.map(mediaLocation => validateMediaLocationAsync(mediaLocation))).then(pairs => {\r\n                    return pairs.filter(pair => pair[1]).map(pair => pair[0]);\r\n                });\r\n            }\r\n\r\n            return [];\r\n        })\r\n        .catch(error => {\r\n            actionContext.telemetry.exception(error);\r\n            actionContext.telemetry.debug('Unable to get Media Locations for Selected Variant');\r\n            return [];\r\n        });\r\n}\r\n\r\n/**\r\n * Gets product variant images on dimension change of buy-box module for Omni scenario.\r\n * @param productId Product record id.\r\n * @param shouldUseCmsAltText Alt-text source to use.\r\n * @param channelId Current channel id.\r\n * @param actionContext Current action context.\r\n * @param productName Product name.\r\n * @param selectedProduct Currently selected variant product.\r\n * @returns List of images.\r\n */\r\n\r\nexport async function getProductImages(\r\n    productId: number,\r\n    shouldUseCmsAltText: boolean,\r\n    channelId: number,\r\n    actionContext: IActionContext,\r\n    productName?: string,\r\n    selectedProduct?: SimpleProduct\r\n): Promise<IImageData[]> {\r\n    const catalogId = getCatalogId(actionContext.requestContext);\r\n    if (actionContext.requestContext?.params?.isPreview) {\r\n        const response = await commerceApiRequest(actionContext.requestContext, 'msdyn365-ochannel-product-info', 'post', {\r\n            productId: productId,\r\n            channelId: channelId,\r\n            catalogId: catalogId\r\n        });\r\n        if (response.status !== 200) {\r\n            actionContext.telemetry.debug('Unable to get Media Locations for Selected Variant for preview scenario');\r\n            return [];\r\n        }\r\n        const previewImageData = response?.data as MediaLocation[];\r\n        if (previewImageData) {\r\n            return previewImageData.map(mediaLocation => {\r\n                return {\r\n                    src: mediaLocation.Uri ?? '',\r\n                    altText: getAltText(actionContext.requestContext, shouldUseCmsAltText, productName, mediaLocation.AltText),\r\n                    displayOrder: mediaLocation.DisplayOrder,\r\n                    mediaTypeValue: mediaLocation.MediaTypeValue,\r\n                    additionalProperties: mediaLocation.IsApplicableForChildEntities\r\n                        ? {\r\n                              isApplicableForChildEntities: 'true'\r\n                          }\r\n                        : undefined\r\n                };\r\n            });\r\n        }\r\n        return [];\r\n    }\r\n    const actionInput = new MediaLocationsForSelectedVariantInput(productId, channelId, selectedProduct, catalogId);\r\n    return getMediaLocationsForSelectedVariant(actionInput, actionContext)\r\n        .then(mediaLocations => {\r\n            if (mediaLocations) {\r\n                return mediaLocations.map(mediaLocation => {\r\n                    return {\r\n                        src: mediaLocation.Uri ?? '',\r\n                        altText: getAltText(actionContext.requestContext, shouldUseCmsAltText, productName, mediaLocation.AltText),\r\n                        displayOrder: mediaLocation.DisplayOrder,\r\n                        mediaTypeValue: mediaLocation.MediaTypeValue,\r\n                        additionalProperties: mediaLocation.IsApplicableForChildEntities\r\n                            ? {\r\n                                  isApplicableForChildEntities: 'true'\r\n                              }\r\n                            : undefined\r\n                    };\r\n                });\r\n            }\r\n            return [];\r\n        })\r\n        .catch(error => {\r\n            actionContext.telemetry.exception(error);\r\n            actionContext.telemetry.debug('Unable to get Media Locations for Selected Variant');\r\n            return [];\r\n        });\r\n}\r\n\r\nexport async function validateProductImages(\r\n    mediaLocations: MediaLocation[],\r\n    actionContext: IActionContext,\r\n    imageSettings: IImageSettings\r\n): Promise<IImageData[]> {\r\n    return Promise.all(mediaLocations.map(mediaLocation => validateMediaLocationAsync(mediaLocation)))\r\n        .then(pairs => {\r\n            return pairs.filter(pair => pair[1]).map(pair => pair[0]);\r\n        })\r\n        .catch(error => {\r\n            actionContext.telemetry.exception(error);\r\n            actionContext.telemetry.debug('Unable to validate product images');\r\n            return [];\r\n        });\r\n}\r\n\r\n/**\r\n * GetVideoMetadataFromAPI - Makes API call to get video metadata.\r\n * @param videoId: Video Id\r\n * @param actionContext: Action context\r\n * @returns: Returns the meta data of the video.\r\n */\r\nexport async function getVideoMetadataFromApi(videoId: string, actionContext: IActionContext): Promise<IVideoData | undefined> {\r\n    let videoPlayerData: IVideoData | undefined;\r\n    if (videoId) {\r\n        const response = await commerceVideoMetadataRequest(actionContext.requestContext, [videoId]);\r\n\r\n        if (response.status !== 200) {\r\n            actionContext.telemetry.debug(`Unable to get video metadata for videoId: ${videoId}`);\r\n            return;\r\n        }\r\n\r\n        const videoData = response.data as [];\r\n        if (videoData && ArrayExtensions.hasElements(videoData)) {\r\n            videoPlayerData = videoData[0];\r\n        }\r\n    }\r\n    return videoPlayerData;\r\n}\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\n/* eslint-disable no-duplicate-imports */\r\nimport { Carousel, ICarouselProps, Player, IPlayerData, IPlayerOptions, IVideoMetadata } from '@msdyn365-commerce/components';\r\nimport { IImageData, IImageSettings, Image, Video } from '@msdyn365-commerce/core';\r\n// import { MediaLocation, MediaType, SimpleProduct } from '@msdyn365-commerce/retail-proxy';\r\nimport { MediaType, SimpleProduct } from '@msdyn365-commerce/retail-proxy';\r\nimport { ArrayExtensions, getFallbackImageUrl, ObjectExtensions } from '@msdyn365-commerce-modules/retail-actions';\r\nimport {\r\n    defaultDataScale,\r\n    IComponentNodeProps,\r\n    ImagefullView,\r\n    IModalViewProps,\r\n    IModuleProps,\r\n    inlineZoomImageOnHover,\r\n    inlineZoomImageOnMouseMove,\r\n    inlineZoomImageOnMouseOut,\r\n    inlineZoomInitClick,\r\n    INodeProps,\r\n    ISingleSlideCarouselProps,\r\n    isMobile,\r\n    KeyCodes,\r\n    NodeTag,\r\n    onContainerZoomInit,\r\n    onMouseMoveLensContainer,\r\n    onMouseOutLensContainer,\r\n    onMouseOverImageContainer,\r\n    removeContainerZoomStyle,\r\n    removeInlineZoomStyle,\r\n    SingleSlideCarousel,\r\n    VariantType\r\n} from '@msdyn365-commerce-modules/utilities';\r\nimport classnames from 'classnames';\r\nimport { reaction } from 'mobx';\r\nimport * as React from 'react';\r\n\r\nimport { IDobbiesMediaGalleryData } from './dobbies-media-gallery.data';\r\nimport { imageSource, imageZoom, IDobbiesMediaGalleryProps, thumbnailsOrientation } from './dobbies-media-gallery.props.autogenerated';\r\nimport { getProductImages, getValidProductImages, getVideoMetadataFromApi, validateProductImages } from './utils';\r\n// import { getAltText, IMediaData } from './utils/helper';\r\nimport { IMediaData } from './utils/helper';\r\n\r\n/**\r\n * IMediaGalleryState Interface.\r\n */\r\nexport interface IMediaGalleryState {\r\n    animating: boolean;\r\n    activeIndex: number;\r\n    isImageZoomed: boolean;\r\n    modalIsOpen: boolean;\r\n    lastUpdate?: number;\r\n    isMobileImageZoomed?: boolean;\r\n    // mediaGalleryItems?: IMediaData[];\r\n    isInitialLoad?: boolean;\r\n    shouldUseOptimizedImage?: boolean;\r\n}\r\n\r\n/**\r\n * IMediaGalleryThumbnailsViewProps Interface.\r\n */\r\nexport interface IMediaGalleryThumbnailsViewProps {\r\n    ThumbnailsContainerProps: INodeProps;\r\n    SingleSlideCarouselComponentProps: INodeProps;\r\n    items?: IMediaGalleryThumbnailItemViewProps[];\r\n}\r\n\r\n/**\r\n * IMediaGalleryThumbnailItemViewProps Interface.\r\n */\r\nexport interface IMediaGalleryThumbnailItemViewProps {\r\n    ThumbnailItemContainerProps: INodeProps;\r\n    Picture: React.ReactElement;\r\n}\r\n\r\n/**\r\n * IMediaGalleryViewProps Interface.\r\n */\r\nexport interface IMediaGalleryViewProps extends IDobbiesMediaGalleryProps<IDobbiesMediaGalleryData> {\r\n    state: IMediaGalleryState;\r\n    MediaGallery: IModuleProps;\r\n    CarouselProps: INodeProps;\r\n    Thumbnails: IMediaGalleryThumbnailsViewProps;\r\n    Modal?: React.ReactElement | null;\r\n    callbackToggle?(): void;\r\n    callbackThumbnailClick?(index: number): void;\r\n    callbackThumbnailKeyDown?(index: number): void;\r\n}\r\n\r\n/**\r\n * Props for carousel.\r\n */\r\ninterface IMediaGalleryCarouselItems<ItemType> {\r\n    items: ItemType[];\r\n    keys: (string | undefined)[];\r\n}\r\n\r\n/**\r\n * Media gallery component.\r\n */\r\nclass MediaGallery extends React.Component<IDobbiesMediaGalleryProps<IDobbiesMediaGalleryData>, IMediaGalleryState> {\r\n    private readonly _inlineZoomDivRef: Map<number, HTMLDivElement> = new Map();\r\n\r\n    private readonly fullScreenOverlayButtonRef: React.RefObject<HTMLAnchorElement & HTMLButtonElement> = React.createRef();\r\n    private readonly player: React.RefObject<Player> = React.createRef<Player>();\r\n    private fallbackImage?: string;\r\n    private myGalleryImages: IMediaData[] = [];\r\n    private readonly defaultGalleryImageSettings: IImageSettings = {\r\n        viewports: {\r\n            xs: { q: 'w=767&h=767&m=8', w: 0, h: 0 },\r\n            sm: { q: 'w=600&h=600&m=8', w: 0, h: 0 },\r\n            md: { q: 'w=600&h=772&m=8', w: 0, h: 0 },\r\n            lg: { q: 'h=772&m=8', w: 0, h: 0 }\r\n        },\r\n        lazyload: true,\r\n        cropFocalRegion: true\r\n    };\r\n\r\n    private readonly defaultThumbnailImageSettings: IImageSettings = {\r\n        viewports: {\r\n            xs: { q: 'w=100&m=8', w: 100, h: 0 },\r\n            lg: { q: 'w=100&m=8', w: 100, h: 0 }\r\n        },\r\n        lazyload: true,\r\n        cropFocalRegion: true\r\n    };\r\n\r\n    private sortImages(Images: IImageData[]): IImageData[] {\r\n        return Images.sort(function(a, b) {\r\n            const srcA = a?.src!.toUpperCase(); // ignore upper and lowercase\r\n            const srcB = b?.src!.toUpperCase(); // ignore upper and lowercase\r\n            if (srcA < srcB) {\r\n                return -1;\r\n            }\r\n            if (srcA > srcB) {\r\n                return 1;\r\n            }\r\n            return 0;\r\n        });\r\n    }\r\n\r\n    private hideMasterProductImages(Images: IImageData[], ItemId: string): IImageData[] {\r\n        return Images?.filter(item => {\r\n            const imagePattern = `${ItemId}_000`;\r\n            return !item.src?.includes(imagePattern);\r\n        });\r\n    }\r\n\r\n    private readonly _zoomedImageSettings: IImageSettings;\r\n\r\n    public constructor(props: IDobbiesMediaGalleryProps<IDobbiesMediaGalleryData>) {\r\n        super(props);\r\n        this._toggleModal = this._toggleModal.bind(this);\r\n        // const mediaGalleryImages = this.getImagesData();\r\n        this.state = {\r\n            activeIndex: 0,\r\n            animating: false,\r\n            isImageZoomed: false,\r\n            modalIsOpen: false,\r\n            isInitialLoad: true,\r\n            shouldUseOptimizedImage: !!this.props.config.skipImageValidation\r\n            // mediaGalleryItems: mediaGalleryImages\r\n        };\r\n\r\n        this._zoomedImageSettings =\r\n            props.config.zoomedImageSettings ?? props.config.galleryImageSettings ?? this.defaultGalleryImageSettings;\r\n\r\n        this._onImageMouseOut = this._onImageMouseOut.bind(this);\r\n        this._inlineZoomImageOnHover = this._inlineZoomImageOnHover.bind(this);\r\n        this._onInlineImageClick = this._onInlineImageClick.bind(this);\r\n        this._onContainerZoomImageClick = this._onContainerZoomImageClick.bind(this);\r\n        this._onMouseOutLensContainer = this._onMouseOutLensContainer.bind(this);\r\n    }\r\n\r\n    public isMobile(): boolean {\r\n        const size = isMobile({ variant: VariantType.Viewport, context: this.props.context.request });\r\n        return size === 'xs';\r\n    }\r\n\r\n    public async componentDidMount(): Promise<void> {\r\n        const source = this.props.config.imageSource ?? imageSource.pageContext;\r\n        const shouldUpdateOnPartialDimensionSelection = this.props.config.shouldUpdateOnPartialDimensionSelection;\r\n        this._setRenderType();\r\n        if (!this.props.context.request.app?.config?.OmniChannelMedia) {\r\n            if (source === imageSource.pageContext) {\r\n                const imageSettings = this.props.config.thumbnailImageSettings || this.defaultThumbnailImageSettings;\r\n                // if (this.state.mediaGalleryItems === undefined && this.props.data.mediaLocationsForSelectedVariant.result) {\r\n                if (\r\n                    (this.myGalleryImages === undefined || !this.myGalleryImages.length) &&\r\n                    this.props.data.mediaLocationsForSelectedVariant.result\r\n                ) {\r\n                    // const images = await validateProductImages(\r\n                    //     this.props.data.mediaLocationsForSelectedVariant.result,\r\n                    //     this.props.context.actionContext,\r\n                    //     this.props.config.thumbnailImageSettings ?? this.defaultThumbnailImageSettings\r\n                    // );\r\n                    // await this._setImages(images);\r\n\r\n                    this.myGalleryImages = await validateProductImages(\r\n                        this.props.data.mediaLocationsForSelectedVariant.result,\r\n                        this.props.context.actionContext,\r\n                        imageSettings\r\n                    );\r\n                    this.myGalleryImages = this.sortImages(this.myGalleryImages);\r\n                } else if ((this.myGalleryImages === undefined || !this.myGalleryImages.length) && this.props.data.product.result) {\r\n                    // const product = this.props.data.product.result;\r\n                    // const images = await getValidProductImages(\r\n                    //     product.RecordId,\r\n                    //     +this.props.context.request.apiSettings.channelId,\r\n                    //     this.props.context.actionContext,\r\n                    //     this.props.config.thumbnailImageSettings ?? this.defaultThumbnailImageSettings,\r\n                    //     product.productVariant\r\n                    // );\r\n\r\n                    // await this._setImages(images);\r\n                    this.myGalleryImages = await getValidProductImages(\r\n                        this.props.data.product.result.RecordId,\r\n                        +this.props.context.request.apiSettings.channelId,\r\n                        this.props.context.actionContext,\r\n                        imageSettings\r\n                    );\r\n                    this.myGalleryImages = this.sortImages(this.myGalleryImages);\r\n                } else {\r\n                    await this._setImages([]);\r\n                }\r\n            }\r\n        }\r\n\r\n        reaction(\r\n            () => {\r\n                const product = this.props.data.product.result;\r\n                if (!product) {\r\n                    return null;\r\n                }\r\n\r\n                if (!shouldUpdateOnPartialDimensionSelection || !product.productVariant?.RecordId) {\r\n                    return `${product.RecordId}`;\r\n                }\r\n\r\n                return `${product.RecordId}-${product.productVariant.RecordId}`;\r\n            },\r\n            async () => {\r\n                const product = this.props.data.product.result;\r\n                let images: IImageData[] = [];\r\n                if (product) {\r\n                    if (this.props.context.app?.config?.OmniChannelMedia) {\r\n                        images = await getProductImages(\r\n                            product.RecordId,\r\n                            this.shouldUseCmsAltText(),\r\n                            +this.props.context.request.apiSettings.channelId,\r\n                            this.props.context.actionContext,\r\n                            product.Name,\r\n                            shouldUpdateOnPartialDimensionSelection ? product.productVariant : undefined\r\n                        );\r\n                    } else {\r\n                        images = await getValidProductImages(\r\n                            product.RecordId,\r\n                            +this.props.context.request.apiSettings.channelId,\r\n                            this.props.context.actionContext,\r\n                            this.props.config.thumbnailImageSettings ?? this.defaultThumbnailImageSettings,\r\n                            shouldUpdateOnPartialDimensionSelection ? product.productVariant : undefined\r\n                        );\r\n                    }\r\n                    await this._setImages(images);\r\n                } else {\r\n                    await this._setImages([]);\r\n                }\r\n            },\r\n            { fireImmediately: true }\r\n        );\r\n\r\n        if (source === imageSource.productId && this.props.data.mediaLocations.result) {\r\n            const images = await validateProductImages(\r\n                this.props.data.mediaLocations.result,\r\n                this.props.context.actionContext,\r\n                this.props.config.thumbnailImageSettings ?? this.defaultThumbnailImageSettings\r\n            );\r\n            await this._setImages(images);\r\n        }\r\n    }\r\n\r\n    public shouldComponentUpdate(nextProps: IDobbiesMediaGalleryProps<IDobbiesMediaGalleryData>, nextState: IMediaGalleryState): boolean {\r\n        if (this.state === nextState && this.props.data === nextProps.data) {\r\n            return false;\r\n        }\r\n        return true;\r\n    }\r\n\r\n    public render(): JSX.Element {\r\n        const { id, config, resources } = this.props;\r\n\r\n        const { className, showPaginationTooltip } = config;\r\n\r\n        const isVertical: boolean = config.thumbnailsOrientation === thumbnailsOrientation.vertical;\r\n        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- || is required.\r\n        const isFullscreenAllowed: boolean = this.isMobile() || config.allowFullScreen || false;\r\n        const zoomViewMode: string =\r\n            config.imageZoom === imageZoom.inline ? imageZoom.inline : config.imageZoom === imageZoom.container ? imageZoom.container : '';\r\n        if (this.myGalleryImages.length <= 0 && this.props.data.mediaLocationsForSelectedVariant?.result) {\r\n            this.myGalleryImages = this.props.data.mediaLocationsForSelectedVariant?.result?.map(mediaLocation => {\r\n                return {\r\n                    src: mediaLocation.Uri || '',\r\n                    altText: mediaLocation.AltText || ''\r\n                };\r\n            });\r\n            this.myGalleryImages = this.sortImages(this.myGalleryImages);\r\n\r\n            const itemId = this.props.data.product.result?.ItemId!;\r\n            const shouldHideMasterImage = this.props.config.shouldHideMasterProductImagesForVariant ?? true;\r\n            if (shouldHideMasterImage) {\r\n                // Currently returned image response is having duplicate image\r\n                // along with non-selected variant and previous selection is not getting cleared. With the help of index we\r\n                // select item from 0 index till it is having non repeating image source name ending with index number.\r\n                // Here we are keeping '.' to make sure that we are considering any digit just before '.' in image source path\r\n                this.myGalleryImages = this.hideMasterProductImages(this.myGalleryImages, itemId);\r\n            }\r\n        }\r\n\r\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access -- Site level config can be of any type.\r\n        const emptyPlaceHolderImage = this.props.context.app.config?.placeholderImageName as string;\r\n        if (this.props.data.product.result) {\r\n            this.fallbackImage = getFallbackImageUrl(\r\n                this.props.data.product.result.ItemId,\r\n                this.props.context.request.apiSettings,\r\n                this.props.context.request.app?.config?.OmniChannelMedia\r\n            );\r\n        }\r\n        if (emptyPlaceHolderImage && this.fallbackImage) {\r\n            this.fallbackImage = `${this.fallbackImage},${emptyPlaceHolderImage}`;\r\n        }\r\n\r\n        const mediaGalleryCarouselItems = this._getMediaGalleryItems(isFullscreenAllowed, zoomViewMode);\r\n        const mediaGalleryThumbnailCarouselItems = this._getMediaGalleryThumbnailItems();\r\n        const viewProps: IMediaGalleryViewProps = {\r\n            ...(this.props as IDobbiesMediaGalleryProps<IDobbiesMediaGalleryData>),\r\n            state: this.state,\r\n            MediaGallery: {\r\n                moduleProps: this.props,\r\n                className: classnames(`ms-media-gallery ${isVertical ? 'vertical' : ''}`, className)\r\n            },\r\n            Modal: isFullscreenAllowed ? this.imageModalSlider(zoomViewMode) : null,\r\n            callbackToggle: this.openModalDialog,\r\n            callbackThumbnailClick: this._generateOnThumbnailClick,\r\n            callbackThumbnailKeyDown: this._generateOnThumbnailKeyDown,\r\n            CarouselProps: {\r\n                tag: Carousel,\r\n                className: 'ms-media-gallery__carousel',\r\n                items: mediaGalleryCarouselItems.items,\r\n                activeIndex: this.state.activeIndex,\r\n                next: this.next,\r\n                previous: this.previous,\r\n                interval: false,\r\n                directionTextPrev: resources.previousScreenshotFlipperText,\r\n                directionTextNext: resources.nextScreenshotFlipperText,\r\n                onIndicatorsClickHandler: this.goToIndex,\r\n                showPaginationTooltip: showPaginationTooltip === true,\r\n                indicatorAriaText: resources.ariaLabelForSlide,\r\n                handleOnExited: this.onExited,\r\n                handleOnExiting: this.onExiting,\r\n                key: mediaGalleryCarouselItems.keys\r\n            } as IComponentNodeProps<ICarouselProps>,\r\n            Thumbnails: {\r\n                ThumbnailsContainerProps: { className: 'ms-media-gallery__thumbnails-container' },\r\n                SingleSlideCarouselComponentProps: {\r\n                    tag: SingleSlideCarousel,\r\n                    className: 'ms-media-gallery__thumbnails',\r\n                    vertical: isVertical,\r\n                    flipperPrevLabel: resources.previousScreenshotFlipperText,\r\n                    flipperNextLabel: resources.nextScreenshotFlipperText,\r\n                    parentId: id,\r\n                    useTabList: true,\r\n                    key: JSON.stringify(mediaGalleryThumbnailCarouselItems.keys)\r\n                } as IComponentNodeProps<ISingleSlideCarouselProps>,\r\n                items: mediaGalleryThumbnailCarouselItems.items\r\n            }\r\n        };\r\n\r\n        return this.props.renderView(viewProps) as React.ReactElement;\r\n    }\r\n\r\n    /**\r\n     * Zoomed out image on previous/next click.\r\n     */\r\n    public updateZoomedInImage(): void {\r\n        this.setState({ isImageZoomed: false });\r\n    }\r\n\r\n    private readonly onExiting = () => {\r\n        this.setState({ animating: true });\r\n    };\r\n\r\n    private readonly onExited = () => {\r\n        this.setState({ animating: false });\r\n    };\r\n\r\n    /**\r\n     * On click next in carousel.\r\n     */\r\n    private readonly next = (): void => {\r\n        removeInlineZoomStyle();\r\n        if (this.isLastItem() === undefined) {\r\n            return;\r\n        }\r\n\r\n        const nextIndex = this.isLastItem() ? 0 : this.state.activeIndex + 1;\r\n        this.goToIndex(nextIndex);\r\n\r\n        this.updateZoomedInImage();\r\n    };\r\n\r\n    /**\r\n     * On click previous in carousel.\r\n     */\r\n    private readonly previous = (): void => {\r\n        removeInlineZoomStyle();\r\n        const images = this.myGalleryImages; // this.state.mediaGalleryItems;\r\n        const nextIndex = this.isFirstItem() ? (images ? images.length - 1 : 0) : this.state.activeIndex - 1;\r\n        this.goToIndex(nextIndex);\r\n        this.updateZoomedInImage();\r\n    };\r\n\r\n    private readonly goToIndex = (index: number): void => {\r\n        const { autoplay } = this.props.config;\r\n        const currentIndex = this.state.activeIndex;\r\n        const mediaItems = this.myGalleryImages; //this.state.mediaGalleryItems;\r\n        if (autoplay && mediaItems) {\r\n            if (mediaItems[`${index}`]?.mediaTypeValue === MediaType.Video) {\r\n                this.player.current?.play();\r\n            } else if (mediaItems[`${currentIndex}`].mediaTypeValue === MediaType.Video) {\r\n                this.player.current?.pause();\r\n            }\r\n        }\r\n        this.setState({ activeIndex: index });\r\n    };\r\n\r\n    private _getMediaGalleryThumbnailItems(): IMediaGalleryCarouselItems<IMediaGalleryThumbnailItemViewProps> {\r\n        const mediaGalleryItems = this.myGalleryImages; //this.state.mediaGalleryItems;\r\n        const thumbnailImageSettings = this.props.config.thumbnailImageSettings;\r\n        if (thumbnailImageSettings) {\r\n            thumbnailImageSettings.cropFocalRegion = true;\r\n        }\r\n\r\n        const hasMediaGalleryItems = ArrayExtensions.hasElements(mediaGalleryItems);\r\n\r\n        if (!hasMediaGalleryItems) {\r\n            if (this.state.lastUpdate) {\r\n                const defaultKey = 0;\r\n                return {\r\n                    items: [this._getEmptyThumbnailItem(thumbnailImageSettings, defaultKey, this.state.activeIndex)],\r\n                    keys: ['empty']\r\n                };\r\n            }\r\n            return { items: [], keys: [] };\r\n        }\r\n\r\n        return {\r\n            items: [\r\n                // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\r\n                ...mediaGalleryItems.map((item: IMediaData, index: number) => {\r\n                    if (item.mediaTypeValue === MediaType.Video) {\r\n                        return this.getVideoThumbNailItem(\r\n                            item,\r\n                            thumbnailImageSettings ?? this.defaultThumbnailImageSettings,\r\n                            index,\r\n                            this.state.activeIndex\r\n                        );\r\n                    } else {\r\n                        return this._getThumbnailItem(\r\n                            item,\r\n                            thumbnailImageSettings ?? this.defaultThumbnailImageSettings,\r\n                            index,\r\n                            this.state.activeIndex\r\n                        );\r\n                    }\r\n                })\r\n            ],\r\n            // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\r\n            keys: [...mediaGalleryItems.map(item => item.src)]\r\n        };\r\n    }\r\n\r\n    // private getImagesData = (): IImageData[] => {\r\n    //     if (this.props.config.skipImageValidation || this.props.context.request.app?.config?.OmniChannelMedia) {\r\n    //         const source = this.props.config.imageSource ?? imageSource.pageContext;\r\n    //         let images: IImageData[] = [];\r\n    //         let mediaLocations: MediaLocation[] = [];\r\n    //         if (source === imageSource.pageContext && this.props.data.mediaLocationsForSelectedVariant.result) {\r\n    //             mediaLocations = this.props.data.mediaLocationsForSelectedVariant.result;\r\n    //         } else if (source === imageSource.productId && this.props.data.mediaLocations.result) {\r\n    //             mediaLocations = this.props.data.mediaLocations.result;\r\n    //         }\r\n    //         images = mediaLocations.map(mediaLocation => {\r\n    //             return {\r\n    //                 src: mediaLocation.Uri ?? '',\r\n    //                 altText: getAltText(\r\n    //                     this.props.context.actionContext.requestContext,\r\n    //                     this.shouldUseCmsAltText(),\r\n    //                     this.props.data.product.result?.Name,\r\n    //                     mediaLocation.AltText\r\n    //                 ),\r\n    //                 additionalProperties: mediaLocation.IsApplicableForChildEntities\r\n    //                     ? {\r\n    //                           isApplicableForChildEntities: 'true'\r\n    //                       }\r\n    //                     : undefined\r\n    //             };\r\n    //         });\r\n    //         const curatedImages = this.props.config.images ?? [];\r\n\r\n    //         return [...this._filterMasterImageFromVariant(images), ...curatedImages];\r\n    //     }\r\n    //     return [];\r\n    // };\r\n\r\n    private _getMediaGalleryItems(isFullscreenAllowed: boolean, zoomViewMode: string): IMediaGalleryCarouselItems<React.ReactNode> {\r\n        const mediaGalleryItems = this.myGalleryImages; //this.state.mediaGalleryItems;\r\n        const galleryImageSettings = this.props.config.galleryImageSettings;\r\n        if (galleryImageSettings) {\r\n            galleryImageSettings.cropFocalRegion = true;\r\n        }\r\n\r\n        const zoomView = isFullscreenAllowed ? 'fullscreen' : zoomViewMode;\r\n\r\n        const hasMediaGalleryItems = ArrayExtensions.hasElements(mediaGalleryItems);\r\n\r\n        if (!hasMediaGalleryItems) {\r\n            if (this.state.lastUpdate) {\r\n                return { items: [this._renderEmptyImage(galleryImageSettings)], keys: ['empty'] };\r\n            }\r\n            return { items: [], keys: [] };\r\n        }\r\n\r\n        return {\r\n            items: [\r\n                // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\r\n                ...mediaGalleryItems.map((item: IMediaData, index: number) => {\r\n                    return this._renderCarouselItemImageView(\r\n                        zoomView,\r\n                        item,\r\n                        galleryImageSettings ?? this.defaultGalleryImageSettings,\r\n                        index\r\n                    );\r\n                })\r\n            ],\r\n            // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\r\n            keys: [...mediaGalleryItems.map(item => item.src)]\r\n        };\r\n    }\r\n\r\n    private async _setImages(images?: IMediaData[]): Promise<void> {\r\n        const curatedImage = this.props.config.images || [];\r\n        const mediaToSet: IMediaData[] = this._filterMasterImageFromVariant(images);\r\n\r\n        void Promise.all(\r\n            mediaToSet.map(async mediaData => {\r\n                if (mediaData.mediaTypeValue === MediaType.Video && mediaData.src) {\r\n                    try {\r\n                        const url = new URL(mediaData.src);\r\n                        const videoId = url.searchParams.get('CVID');\r\n                        if (videoId) {\r\n                            mediaData.videoData = await getVideoMetadataFromApi(videoId, this.props.context.actionContext);\r\n                        }\r\n                    } catch (error) {\r\n                        if (this.props.telemetry) {\r\n                            this.props.telemetry.debug('Error while fetching videoId');\r\n                        }\r\n                    }\r\n                }\r\n                return mediaData;\r\n            })\r\n        ).then(mediaData => {\r\n            const mediaItems = mediaData.filter(element => {\r\n                return (\r\n                    element.mediaTypeValue !== MediaType.Video ||\r\n                    (element.mediaTypeValue === MediaType.Video && element.videoData !== undefined)\r\n                );\r\n            });\r\n            this.myGalleryImages = [...mediaItems, ...curatedImage];\r\n            this.setState({\r\n                // mediaGalleryItems: [...mediaItems, ...curatedImage],\r\n                activeIndex: 0,\r\n                lastUpdate: Date.now(),\r\n                shouldUseOptimizedImage: false\r\n            });\r\n        });\r\n        this.myGalleryImages = [...mediaToSet, ...curatedImage];\r\n        this.setState({\r\n            // mediaGalleryItems: [...mediaToSet, ...curatedImage],\r\n            activeIndex: 0,\r\n            lastUpdate: Date.now(),\r\n            shouldUseOptimizedImage: false\r\n        });\r\n    }\r\n\r\n    private _setRenderType(): void {\r\n        this.setState({\r\n            isInitialLoad: false\r\n        });\r\n    }\r\n\r\n    private _renderCarouselItemImageView(\r\n        zoomView: string,\r\n        media: IMediaData,\r\n        imageSettings: IImageSettings,\r\n        index: number,\r\n        isInPopup: boolean = false\r\n    ): React.ReactNode {\r\n        if (media.mediaTypeValue === MediaType.Video) {\r\n            if (isInPopup || zoomView !== 'fullscreen') {\r\n                return <>{this._renderCarouselItemVideo(media, index, imageSettings)}</>;\r\n            }\r\n            return <>{this._renderVideoThumbnail(media, index, imageSettings)}</>;\r\n        } else {\r\n            if (this.isMobile()) {\r\n                if (isInPopup) {\r\n                    return this._renderImageInContainerOnZoom(media, this._zoomedImageSettings, index);\r\n                }\r\n                return this._renderImageFullScreenOnZoom(media, imageSettings, index);\r\n            }\r\n\r\n            switch (zoomView) {\r\n                case 'container': {\r\n                    return this._renderImageInContainerOnZoom(media, this._zoomedImageSettings, index);\r\n                }\r\n                case 'inline': {\r\n                    return this._renderImageInlineOnZoom(media, this._zoomedImageSettings, index);\r\n                }\r\n                case 'fullscreen': {\r\n                    return this._renderImageFullScreenOnZoom(media, imageSettings, index);\r\n                }\r\n\r\n                // No default\r\n            }\r\n            return <>{this._getCarouselItem(media, imageSettings, index, isInPopup)}</>;\r\n        }\r\n    }\r\n\r\n    private _filterMasterImageFromVariant(images?: IImageData[]): IImageData[] {\r\n        const shouldHidePrimaryImages = this.props.config.shouldHideMasterProductImagesForVariant ?? true;\r\n        let variantImages = images ?? [];\r\n        const isVariantProduct =\r\n            !ObjectExtensions.isNullOrUndefined(this.props.data.product.result?.MasterProductId) ||\r\n            !ObjectExtensions.isNullOrUndefined(this.props.data.product.result?.productVariant);\r\n        const itemId = this.props.data.product.result?.ItemId;\r\n        if (shouldHidePrimaryImages && isVariantProduct && itemId) {\r\n            variantImages = variantImages.filter(item => {\r\n                const isApplicableForChildEntities = item.additionalProperties?.isApplicableForChildEntities;\r\n                return !isApplicableForChildEntities;\r\n            });\r\n            if (!ArrayExtensions.hasElements(variantImages)) {\r\n                variantImages = images ?? [];\r\n            }\r\n        }\r\n        return variantImages;\r\n    }\r\n\r\n    private readonly _renderCarouselItemVideo = (mediaData: IMediaData, index: number, imageSettings: IImageSettings): React.ReactNode => {\r\n        const videoData = mediaData.videoData;\r\n        if (videoData) {\r\n            const options: IPlayerOptions = this.props.config as IPlayerOptions;\r\n            const playerResources = this.props.resources;\r\n            const videoMetaData: IVideoMetadata = {};\r\n            videoMetaData.videoId = videoData.id;\r\n            videoMetaData.title = videoData.title;\r\n            videoMetaData.duration = videoData.playTime;\r\n            if (videoData.thumbnail) {\r\n                videoMetaData.posterframeUrl = videoData.thumbnail.src;\r\n            }\r\n            if (videoData._links?.binaryReferences) {\r\n                videoMetaData.videoBinaryReferences = videoData._links.binaryReferences;\r\n            }\r\n            const videoPlayerData: IPlayerData = { options, metaData: videoMetaData };\r\n            const attributes = {\r\n                id: `${this.props.id}__carousel-item__${index}`\r\n            };\r\n            return (\r\n                <Video className='ms-media-gallery__player' editProps={{ key: videoData, requestContext: this.props.context.request }}>\r\n                    <Player\r\n                        ref={this.player}\r\n                        playerData={videoPlayerData}\r\n                        isEditor={this.props.context.request.params.isEditor}\r\n                        playerResources={playerResources}\r\n                        {...attributes}\r\n                    />\r\n                </Video>\r\n            );\r\n        }\r\n        return this._renderEmptyImage(imageSettings);\r\n    };\r\n\r\n    private readonly _getCarouselItem = (\r\n        image: IImageData,\r\n        imageSettings: IImageSettings,\r\n        index: number,\r\n        isInPopup: boolean = false\r\n    ): React.ReactNode => (\r\n        <Image\r\n            requestContext={this.props.context.actionContext.requestContext}\r\n            className='ms-media-gallery__item'\r\n            {...image}\r\n            fallBackSrc={this.props.context.request.app?.config?.OmniChannelMedia ? '' : index === 0 ? this.fallbackImage : image.src}\r\n            gridSettings={this.props.context.request.gridSettings!}\r\n            imageSettings={imageSettings}\r\n            loadFailureBehavior='hide'\r\n            id={`${this.props.id}__carousel-item__${index}`}\r\n            shouldSkipToMainImage={isInPopup}\r\n            bypassHideOnFailure={index === 0}\r\n        />\r\n    );\r\n\r\n    private readonly _getThumbnailItem = (\r\n        image: IImageData,\r\n        imageSettings: IImageSettings,\r\n        index: number,\r\n        modifiedActiveIndex: number\r\n    ): IMediaGalleryThumbnailItemViewProps => {\r\n        const classes = classnames(\r\n            'ms-media-gallery__thumbnail-item',\r\n            modifiedActiveIndex === index ? 'ms-media-gallery__thumbnail-item-active' : ''\r\n        );\r\n\r\n        return {\r\n            ThumbnailItemContainerProps: {\r\n                tag: 'li' as NodeTag,\r\n                className: classes,\r\n                role: 'tab',\r\n                tabIndex: 0,\r\n                key: index,\r\n                'aria-label': image.altText,\r\n                'aria-selected': modifiedActiveIndex === index,\r\n                onClick: this._generateOnThumbnailClick(index),\r\n                onKeyDown: this._generateOnThumbnailKeyDown(index)\r\n            },\r\n            Picture: (\r\n                <Image\r\n                    requestContext={this.props.context.actionContext.requestContext}\r\n                    className='ms-media-gallery__thumbnail'\r\n                    {...image}\r\n                    fallBackSrc={index === 0 ? this.fallbackImage : image.src}\r\n                    gridSettings={this.props.context.request.gridSettings!}\r\n                    imageSettings={imageSettings}\r\n                    loadFailureBehavior='hide'\r\n                    imageFallbackOptimize={this.state.shouldUseOptimizedImage}\r\n                    bypassHideOnFailure={index === 0}\r\n                />\r\n            )\r\n        };\r\n    };\r\n\r\n    /**\r\n     * Gets the video thumbnail item to display media gallery.\r\n     * @param props - The Media gallery view props from business layer.\r\n     * @returns Return thumbnail view props which will be used to render video.\r\n     */\r\n    private readonly getVideoThumbNailItem = (\r\n        mediaData: IMediaData,\r\n        imageSettings: IImageSettings,\r\n        index: number,\r\n        modifiedActiveIndex: number\r\n    ): IMediaGalleryThumbnailItemViewProps => {\r\n        const classes = classnames(\r\n            'ms-media-gallery__thumbnail-item',\r\n            modifiedActiveIndex === index ? 'ms-media-gallery__thumbnail-item-active' : ''\r\n        );\r\n\r\n        const videoData = mediaData.videoData;\r\n        let image: IImageData;\r\n        if (videoData?.thumbnail) {\r\n            image = videoData.thumbnail;\r\n        } else {\r\n            image = {\r\n                src: 'empty'\r\n            };\r\n        }\r\n\r\n        return {\r\n            ThumbnailItemContainerProps: {\r\n                tag: 'li' as NodeTag,\r\n                className: classes,\r\n                role: 'tab',\r\n                tabIndex: 0,\r\n                key: index,\r\n                'aria-label': image.altText,\r\n                'aria-selected': modifiedActiveIndex === index,\r\n                onClick: this._generateOnThumbnailClick(index),\r\n                onKeyDown: this._generateOnThumbnailKeyDown(index)\r\n            },\r\n            Picture: (\r\n                <Image\r\n                    requestContext={this.props.context.actionContext.requestContext}\r\n                    className='ms-media-gallery__thumbnail'\r\n                    {...image}\r\n                    fallBackSrc={image.src}\r\n                    gridSettings={this.props.context.request.gridSettings!}\r\n                    imageSettings={imageSettings}\r\n                    loadFailureBehavior='hide'\r\n                    imageFallbackOptimize={this.state.shouldUseOptimizedImage}\r\n                    bypassHideOnFailure={index === 0}\r\n                />\r\n            )\r\n        };\r\n    };\r\n\r\n    /**\r\n     * Ref Handler.\r\n     * @param index -Remove item click function.\r\n     * @returns Set inline zoom.\r\n     */\r\n    private readonly _refHandler = (index: number) => (divRef: HTMLDivElement) => {\r\n        this._inlineZoomDivRef.set(index, divRef);\r\n    };\r\n\r\n    private readonly _generateOnThumbnailKeyDown = (index: number) => {\r\n        return (event: React.KeyboardEvent) => {\r\n            if (event.which === KeyCodes.Enter || event.which === KeyCodes.Space) {\r\n                event.preventDefault();\r\n\r\n                this.goToIndex(index);\r\n            }\r\n        };\r\n    };\r\n\r\n    private readonly _generateOnThumbnailClick = (index: number) => {\r\n        return (event: React.MouseEvent<HTMLLIElement>) => {\r\n            event.preventDefault();\r\n\r\n            this.goToIndex(index);\r\n        };\r\n    };\r\n\r\n    private _renderImageInlineOnZoom(image: IImageData, imageSettings: IImageSettings, index: number): React.ReactNode {\r\n        return (\r\n            <div\r\n                className={`ms-inline-zoom ${this.state.isImageZoomed ? 'zoomed' : ''}`}\r\n                ref={this._refHandler(index)}\r\n                data-scale={this.props.config.dataScale ?? defaultDataScale}\r\n            >\r\n                <Image\r\n                    requestContext={this.props.context.actionContext.requestContext}\r\n                    className='ms-media-gallery__item'\r\n                    {...image}\r\n                    fallBackSrc={index === 0 ? this.fallbackImage : image.src}\r\n                    gridSettings={this.props.context.request.gridSettings!}\r\n                    imageSettings={imageSettings}\r\n                    loadFailureBehavior='hide'\r\n                    onClick={this._onInlineImageClick}\r\n                    onMouseOver={(this.state.isImageZoomed && this._inlineZoomImageOnHover) || undefined}\r\n                    id={`${this.props.id}__carousel-item__${index}`}\r\n                    shouldSkipToMainImage\r\n                    imageFallbackOptimize={this.state.shouldUseOptimizedImage && !this.props.config.allowFullScreen}\r\n                    bypassHideOnFailure={index === 0}\r\n                />\r\n                <Image\r\n                    role='presentation'\r\n                    requestContext={this.props.context.actionContext.requestContext}\r\n                    className='ms-inline-zoom__zoomedImg'\r\n                    {...image}\r\n                    fallBackSrc={index === 0 ? this.fallbackImage : image.src}\r\n                    onClick={this._onImageMouseOut}\r\n                    gridSettings={this.props.context.request.gridSettings!}\r\n                    imageSettings={imageSettings}\r\n                    loadFailureBehavior='hide'\r\n                    id={`${this.props.id}__zoom__${index}`}\r\n                    onMouseMove={(this.state.isImageZoomed && inlineZoomImageOnMouseMove) || undefined}\r\n                    shouldSkipToMainImage\r\n                    imageFallbackOptimize={this.state.shouldUseOptimizedImage && !this.props.config.allowFullScreen}\r\n                    bypassHideOnFailure={index === 0}\r\n                />\r\n            </div>\r\n        );\r\n    }\r\n\r\n    private _inlineZoomImageOnHover(event: React.MouseEvent<HTMLImageElement>): void {\r\n        inlineZoomImageOnHover(event, this.props.config.dataScale ?? String(defaultDataScale));\r\n    }\r\n\r\n    private _handleMobileViewZoomedImageClick(event: React.MouseEvent<HTMLImageElement>) {\r\n        const target = this.state.shouldUseOptimizedImage ? (event.target as HTMLImageElement) : event.currentTarget;\r\n        const mobileZoomedInImageClassName = 'msc-mobile-zoomed-in';\r\n        if (!this.state.isMobileImageZoomed) {\r\n            const bounds = target.getBoundingClientRect();\r\n            const dataScale = Number(this.props.config.dataScale ?? defaultDataScale);\r\n\r\n            const positionX = event.clientX - bounds.left;\r\n            const positionY = event.clientY - bounds.top;\r\n            const scaledPositionX = positionX * dataScale;\r\n            const scaledPositionY = positionY * dataScale;\r\n\r\n            target.style.transform = `scale(${dataScale})`;\r\n            target.classList.add(mobileZoomedInImageClassName);\r\n            target.parentElement!.style.overflow = 'auto';\r\n            target.parentElement!.scrollTo(scaledPositionX - positionX, scaledPositionY - positionY);\r\n            this.setState({\r\n                isMobileImageZoomed: true\r\n            });\r\n        } else {\r\n            target.style.transform = '';\r\n            target.classList.remove(mobileZoomedInImageClassName);\r\n            target.parentElement!.style.overflow = '';\r\n            this.setState({\r\n                isMobileImageZoomed: false\r\n            });\r\n        }\r\n    }\r\n\r\n    private _onInlineImageClick(event: React.MouseEvent<HTMLImageElement>): void {\r\n        if (window.innerWidth <= 768) {\r\n            // $msv-breakpoint-m\r\n            this._handleMobileViewZoomedImageClick(event);\r\n            return;\r\n        }\r\n        inlineZoomInitClick(event, this.props.config.dataScale ?? String(defaultDataScale));\r\n        this.setState({\r\n            isImageZoomed: true\r\n        });\r\n    }\r\n\r\n    private _onImageMouseOut(event: React.MouseEvent<HTMLImageElement, MouseEvent>): void {\r\n        inlineZoomImageOnMouseOut(event);\r\n        this.setState({\r\n            isImageZoomed: false\r\n        });\r\n    }\r\n\r\n    private _onContainerZoomImageClick(event: React.MouseEvent<HTMLImageElement>): void {\r\n        if (window.innerWidth <= 768) {\r\n            // $msv-breakpoint-m\r\n            this._handleMobileViewZoomedImageClick(event);\r\n            return;\r\n        }\r\n\r\n        onContainerZoomInit(event);\r\n\r\n        this.setState({\r\n            isImageZoomed: true\r\n        });\r\n    }\r\n\r\n    private _onMouseOutLensContainer(event: React.MouseEvent<HTMLImageElement>): void {\r\n        onMouseOutLensContainer(event);\r\n\r\n        this.setState({\r\n            isImageZoomed: false\r\n        });\r\n    }\r\n\r\n    private _renderImageInContainerOnZoom(image: IImageData, imageSettings: IImageSettings, index: number): React.ReactNode {\r\n        return (\r\n            <div className='ms-containerZoom__container'>\r\n                <div\r\n                    data-scale={this.props.config.dataScale ?? defaultDataScale}\r\n                    className='ms-containerZoom__zoom-lens'\r\n                    role='presentation'\r\n                    onMouseOut={this._onMouseOutLensContainer}\r\n                    onClick={this._onMouseOutLensContainer}\r\n                    onMouseMove={(this.state.isImageZoomed && onMouseMoveLensContainer) || undefined}\r\n                />\r\n                <Image\r\n                    requestContext={this.props.context.actionContext.requestContext}\r\n                    className='ms-media-gallery__item'\r\n                    {...image}\r\n                    fallBackSrc={index === 0 ? this.fallbackImage : image.src}\r\n                    gridSettings={this.props.context.request.gridSettings!}\r\n                    onClick={this._onContainerZoomImageClick}\r\n                    imageSettings={imageSettings}\r\n                    loadFailureBehavior='hide'\r\n                    onMouseOver={(this.state.isImageZoomed && onMouseOverImageContainer) || undefined}\r\n                    id={`${this.props.id}__carousel-item__${index}`}\r\n                    shouldSkipToMainImage\r\n                    imageFallbackOptimize={this.state.shouldUseOptimizedImage && !this.props.config.allowFullScreen}\r\n                    bypassHideOnFailure={index === 0}\r\n                />\r\n            </div>\r\n        );\r\n    }\r\n\r\n    private _renderImageFullScreenOnZoom(image: IImageData, imageSettings: IImageSettings, index: number): React.ReactNode {\r\n        return (\r\n            <div className='ms-fullscreen-section'>\r\n                <Image\r\n                    requestContext={this.props.context.actionContext.requestContext}\r\n                    className='ms-media-gallery__item'\r\n                    {...image}\r\n                    fallBackSrc={index === 0 ? this.fallbackImage : image.src}\r\n                    gridSettings={this.props.context.request.gridSettings!}\r\n                    imageSettings={imageSettings}\r\n                    loadFailureBehavior='hide'\r\n                    imageFallbackOptimize={this.state.shouldUseOptimizedImage}\r\n                    bypassHideOnFailure={index === 0}\r\n                />\r\n                <div className='ms-fullscreen-section__overlay'>\r\n                    {}\r\n                    <a\r\n                        href='javascript:void(0);'\r\n                        title={this.props.resources.fullScreenTitleText}\r\n                        role='button'\r\n                        ref={this.fullScreenOverlayButtonRef}\r\n                        onClick={this.openModalDialog}\r\n                        className='ms-fullscreen-section__magnifying-glass-icon'\r\n                    />\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    /**\r\n     * Render the video thumbnail in full screen.\r\n     * @param mediaData - Media Data.\r\n     * @param index - Index\r\n     * @param imageSettings - Image settings.\r\n     * @returns - JSX.Element\r\n     */\r\n    private readonly _renderVideoThumbnail = (mediaData: IMediaData, index: number, imageSettings: IImageSettings): React.ReactNode => {\r\n        const videoData = mediaData.videoData;\r\n        let image: IImageData;\r\n        if (videoData?.thumbnail) {\r\n            image = videoData.thumbnail;\r\n        } else {\r\n            image = {\r\n                src: 'empty'\r\n            };\r\n        }\r\n\r\n        return (\r\n            <div className='ms-fullscreen-section'>\r\n                <Image\r\n                    requestContext={this.props.context.actionContext.requestContext}\r\n                    className='ms-fullscreen-section__video'\r\n                    {...image}\r\n                    fallBackSrc={image.src}\r\n                    gridSettings={this.props.context.request.gridSettings!}\r\n                    imageSettings={imageSettings}\r\n                    loadFailureBehavior='hide'\r\n                    imageFallbackOptimize={this.state.shouldUseOptimizedImage}\r\n                    bypassHideOnFailure={index === 0}\r\n                />\r\n                <div className='ms-fullscreen-section__video-overlay'>\r\n                    {}\r\n                    <button\r\n                        title={this.props.resources.fullScreenTitleText}\r\n                        role='button'\r\n                        ref={this.fullScreenOverlayButtonRef}\r\n                        onClick={this.openModalDialog}\r\n                        className='ms-fullscreen-section__video-play-icon'\r\n                    />\r\n                </div>\r\n            </div>\r\n        );\r\n    };\r\n\r\n    private _mapProductToImageData(product: SimpleProduct): IImageData {\r\n        return {\r\n            src: product.PrimaryImageUrl ?? ''\r\n        };\r\n    }\r\n\r\n    private _renderEmptyImage(imageSettings: IImageSettings | undefined): React.ReactNode {\r\n        return (\r\n            <div className='ms-media-gallery__item'>\r\n                <Image\r\n                    requestContext={this.props.context.actionContext.requestContext}\r\n                    className='ms-media-gallery__item__image'\r\n                    src='empty'\r\n                    gridSettings={this.props.context.request.gridSettings!}\r\n                    imageSettings={imageSettings ?? this.defaultGalleryImageSettings}\r\n                    loadFailureBehavior='empty'\r\n                />\r\n            </div>\r\n        );\r\n    }\r\n\r\n    private _getEmptyThumbnailItem(\r\n        imageSettings: IImageSettings | undefined,\r\n        index: number,\r\n        modifiedActiveIndex: number\r\n    ): IMediaGalleryThumbnailItemViewProps {\r\n        const classes = classnames(\r\n            'ms-media-gallery__thumbnail-item',\r\n            modifiedActiveIndex === index ? 'ms-media-gallery__thumbnail-item-active' : ''\r\n        );\r\n        return {\r\n            ThumbnailItemContainerProps: {\r\n                tag: 'li' as NodeTag,\r\n                className: classes,\r\n                role: 'tab',\r\n                tabIndex: 0,\r\n                key: 'empty',\r\n                'aria-label': '',\r\n                'aria-selected': modifiedActiveIndex === index,\r\n                onClick: this._generateOnThumbnailClick(index),\r\n                onKeyDown: this._generateOnThumbnailKeyDown(index)\r\n            },\r\n            Picture: (\r\n                <Image\r\n                    requestContext={this.props.context.actionContext.requestContext}\r\n                    className='ms-media-gallery__thumbnail-item__image'\r\n                    src='empty'\r\n                    gridSettings={this.props.context.request.gridSettings!}\r\n                    imageSettings={imageSettings ?? this.defaultThumbnailImageSettings}\r\n                    loadFailureBehavior='empty'\r\n                />\r\n            )\r\n        };\r\n    }\r\n\r\n    private readonly isFirstItem = () => this.state.activeIndex === 0;\r\n\r\n    private readonly isLastItem = () => {\r\n        const images = this.myGalleryImages; // this.state.mediaGalleryItems;\r\n        return images && this.state.activeIndex === images.length - 1;\r\n    };\r\n\r\n    private readonly openModalDialog = (): void => {\r\n        this._toggleModal();\r\n    };\r\n\r\n    private _toggleModal(): void {\r\n        if (this.state.modalIsOpen) {\r\n            this.fullScreenOverlayButtonRef.current?.focus();\r\n            const parentDiv = this._inlineZoomDivRef.get(this.state.activeIndex);\r\n            if (parentDiv && parentDiv.children && parentDiv.children.length >= 2) {\r\n                const image = parentDiv.children[1].querySelector('img');\r\n                if (image) {\r\n                    image.removeAttribute('style');\r\n                }\r\n            }\r\n            this.setState({\r\n                isImageZoomed: false\r\n            });\r\n        }\r\n        this.setState({\r\n            isImageZoomed: false,\r\n            modalIsOpen: !this.state.modalIsOpen\r\n        });\r\n        removeInlineZoomStyle();\r\n        removeContainerZoomStyle();\r\n    }\r\n\r\n    private readonly imageModalSlider = (ZoomView: string): React.ReactElement => {\r\n        const {\r\n            data: {\r\n                product: { result: product }\r\n            },\r\n            resources\r\n        } = this.props;\r\n        let mediaGalleryItems = this.myGalleryImages; // this.state.mediaGalleryItems;\r\n\r\n        if (!mediaGalleryItems && product) {\r\n            mediaGalleryItems = [this._mapProductToImageData(product)];\r\n        }\r\n        const carouselprops = {\r\n            tag: Carousel,\r\n            className: 'ms-media-gallery__carousel',\r\n            items:\r\n                mediaGalleryItems &&\r\n                mediaGalleryItems.map((item: IImageData, index: number) =>\r\n                    this._renderCarouselItemImageView(ZoomView, item, this._zoomedImageSettings, index, true)\r\n                ),\r\n            activeIndex: this.state.activeIndex,\r\n            next: this.next,\r\n            previous: this.previous,\r\n            interval: false,\r\n            directionTextPrev: resources.previousScreenshotFlipperText,\r\n            directionTextNext: resources.nextScreenshotFlipperText,\r\n            onIndicatorsClickHandler: this.goToIndex,\r\n            showPaginationTooltip: true,\r\n            hideIndicator: false,\r\n            keyboard: false,\r\n            handleOnExited: this.onExited,\r\n            handleOnExiting: this.onExiting,\r\n            isDisabledFunctionality: this.state.isMobileImageZoomed\r\n        } as IComponentNodeProps<ICarouselProps>;\r\n        const carousel = <Carousel {...carouselprops} />;\r\n\r\n        const imageModalSliderProps: IModalViewProps = {\r\n            modalIsOpen: this.state.modalIsOpen,\r\n            ontoggle: this._toggleModal,\r\n            galleryCarousel: carousel,\r\n            classNames: classnames('ms-media-gallery__modal', 'msc-modal-input-required')\r\n        };\r\n        return ImagefullView(imageModalSliderProps) as React.ReactElement;\r\n    };\r\n\r\n    private shouldUseCmsAltText = (): boolean => {\r\n        if (this.props.config.altTextSource === 'product') {\r\n            return false;\r\n        } else {\r\n            return true;\r\n        }\r\n    };\r\n}\r\n\r\nexport default MediaGallery;\r\n","import {\r\n    IMediaGalleryThumbnailItemViewProps,\r\n    IMediaGalleryThumbnailsViewProps,\r\n    IMediaGalleryViewProps\r\n} from '@msdyn365-commerce-modules/media-gallery/src/modules/media-gallery/../..';\r\nimport { Module, Node } from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\nimport { IDobbiesMediaGalleryProps } from './dobbies-media-gallery.props.autogenerated';\r\nimport VsiProductBadges, { badgePageType } from '../../themes/dobbies/utilities/badges/vsi-product-badges';\r\nimport { IDobbiesMediaGalleryData } from './dobbies-media-gallery.data';\r\n\r\nconst MediaGalleryView: React.FC<IMediaGalleryViewProps & IDobbiesMediaGalleryProps<IDobbiesMediaGalleryData>> = props => {\r\n    const { CarouselProps, Thumbnails, MediaGallery, Modal, context } = props;\r\n    let productAvailbilityData;\r\n    if (props.data) {\r\n        productAvailbilityData = props.data.productAvailableQuantity;\r\n    }\r\n    return (\r\n        <Module {...MediaGallery}>\r\n            <Node tag='div' className='position-relative order-one'>\r\n                <Node {...CarouselProps} />\r\n                <VsiProductBadges\r\n                    mediaGalleryProduct={props.data.product.result}\r\n                    context={context}\r\n                    moduleType={badgePageType.pdp}\r\n                    productAvailableData={productAvailbilityData}\r\n                />\r\n            </Node>\r\n            {Modal}\r\n            {_renderThumbnails(Thumbnails)}\r\n        </Module>\r\n    );\r\n};\r\n\r\nconst _renderThumbnails = (thumbnails: IMediaGalleryThumbnailsViewProps): JSX.Element => {\r\n    const { ThumbnailsContainerProps, SingleSlideCarouselComponentProps, items } = thumbnails;\r\n\r\n    return (\r\n        <Node {...ThumbnailsContainerProps}>\r\n            <Node {...SingleSlideCarouselComponentProps}>{items && items.map(_renderThumbnailItem)}</Node>\r\n        </Node>\r\n    );\r\n};\r\n\r\nconst _renderThumbnailItem = (thumbnail: IMediaGalleryThumbnailItemViewProps): JSX.Element => {\r\n    const { ThumbnailItemContainerProps, Picture } = thumbnail;\r\n\r\n    return <Node {...ThumbnailItemContainerProps}>{Picture}</Node>;\r\n};\r\n\r\nexport default MediaGalleryView;\r\n","const binding = { modules: {}, dataActions: {} };\n\n    const registerActionId = (actionPath) => {\n        if (binding.dataActions[actionPath] &&\n            binding.dataActions[actionPath].default &&\n            binding.dataActions[actionPath].default.prototype &&\n            binding.dataActions[actionPath].default.prototype.id) {\n            binding.dataActions[binding.dataActions[actionPath].default.prototype.id] = binding.dataActions[actionPath];\n        } else {\n            Object.keys(binding.dataActions[actionPath] || {}).forEach(exportName => {\n                if (binding.dataActions[actionPath][exportName] &&\n                    binding.dataActions[actionPath][exportName].prototype &&\n                    binding.dataActions[actionPath][exportName].prototype.Action) {\n                    binding.dataActions[binding.dataActions[actionPath][exportName].prototype.id] = binding.dataActions[actionPath][exportName];\n                }\n            })\n        }\n    };\n\n    const registerSanitizedActionPath = (sanitizedActionPath, dataAction) => {\n        if (process.env.NODE_ENV === 'development') {\n            if (!dataAction.default) {\n                throw new Error('Data action path does not have a default export');\n            }\n            if (!(dataAction.default.prototype.id && binding.dataActions[dataAction.default.prototype.id]) || !binding.dataActions[sanitizedActionPath]) {\n                binding.dataActions[sanitizedActionPath] = dataAction;\n            }\n        } else {\n            binding.dataActions[sanitizedActionPath] = dataAction;\n            if (!binding.dataActions[sanitizedActionPath].default) {\n                throw new Error('Data action path ' + sanitizedActionPath + ' does not have a default export');\n            }\n            binding.dataActions[sanitizedActionPath].default.prototype.RegistrationId = sanitizedActionPath;\n            if (binding.dataActions[sanitizedActionPath].default.prototype.id) {\n                binding.dataActions[binding.dataActions[sanitizedActionPath].default.prototype.id] = sanitizedActionPath;\n            }\n        }\n    };\n    \n\n    (binding.modules['dobbies-media-gallery'] = {\n        c: () => require('partner/modules/dobbies-media-gallery/dobbies-media-gallery.tsx'),\n        $type: 'contentModule',\n        da: [{name:'mediaLocations',  path:'@msdyn365-commerce-modules/retail-actions/dist/lib/get-media-locations-by-id', runOn: 0},{name:'mediaLocationsForSelectedVariant',  path:'@msdyn365-commerce-modules/retail-actions/dist/lib/get-media-locations-for-selected-variant', runOn: 0},{name:'product',  path:'@msdyn365-commerce-modules/retail-actions/dist/lib/get-selected-variant', runOn: 0},{name:'productAvailableQuantity',  path:'@msdyn365-commerce-modules/retail-actions/dist/lib/get-product-availabilities-for-selected-variant', runOn: 0}],\n        \n        iNM: false,\n        ns: '__local__',\n        n: 'dobbies-media-gallery',\n        p: '__local__',\n        \n        pdp: '',\n        \n        \n        md: 'src/modules/dobbies-media-gallery'\n    });\n        \n\n        {\n            const sanitizedActionPath = '@msdyn365-commerce-modules/retail-actions/dist/lib/get-media-locations-by-id';\n            let dataAction = require('@msdyn365-commerce-modules/retail-actions/dist/lib/get-media-locations-by-id');\n            registerSanitizedActionPath(sanitizedActionPath, dataAction);\n        }\n            \n\n        {\n            const sanitizedActionPath = '@msdyn365-commerce-modules/retail-actions/dist/lib/get-media-locations-for-selected-variant';\n            let dataAction = require('@msdyn365-commerce-modules/retail-actions/dist/lib/get-media-locations-for-selected-variant');\n            registerSanitizedActionPath(sanitizedActionPath, dataAction);\n        }\n            \n\n        {\n            const sanitizedActionPath = '@msdyn365-commerce-modules/retail-actions/dist/lib/get-product-availabilities-for-selected-variant';\n            let dataAction = require('@msdyn365-commerce-modules/retail-actions/dist/lib/get-product-availabilities-for-selected-variant');\n            registerSanitizedActionPath(sanitizedActionPath, dataAction);\n        }\n            \n\n        {\n            const sanitizedActionPath = '@msdyn365-commerce-modules/retail-actions/dist/lib/get-selected-variant';\n            let dataAction = require('@msdyn365-commerce-modules/retail-actions/dist/lib/get-selected-variant');\n            registerSanitizedActionPath(sanitizedActionPath, dataAction);\n        }\n            \n\n        \n    window.__bindings__ = window.__bindings__ || {};\n    window.__bindings__.modules = {\n        ...window.__bindings__.modules || {},\n        ...binding.modules\n    };\n    \n        window.__bindings__.dataActions = {\n        ...window.__bindings__.dataActions || {},\n        ...binding.dataActions\n    };\n                        export const viewDictionary = {};\n                        viewDictionary['__local__|__local__|modules|dobbies-media-gallery|dobbies-media-gallery'] = {\n                c: () => require('partner/modules/dobbies-media-gallery/dobbies-media-gallery.view.tsx'),\n                cn: '__local__-__local__-dobbies-media-gallery'\n            };\nwindow.__bindings__ = window.__bindings__ || {};\nwindow.__bindings__.viewDictionary = {\n                        ...window.__bindings__.viewDictionary || {},\n                        ...viewDictionary\n                    };","module.exports = React;","module.exports = ReactDOM;"],"names":["imageSource","imageZoom","thumbnailsOrientation","altTextSource","MediaType","getAltText","context","shouldUseCmsAltText","productName","imageAltText","_context$app","app","config","OmniChannelMedia","async","validateMediaLocationAsync","mediaLocation","imageData","src","Uri","altText","AltText","IsApplicableForChildEntities","additionalProperties","isApplicableForChildEntities","Promise","resolve","http","XMLHttpRequest","open","addEventListener","status","send","_unused","getValidProductImages","productId","channelId","actionContext","imageSettings","selectedProduct","catalogId","getCatalogId","requestContext","actionInput","MediaLocationsForSelectedVariantInput","getMediaLocationsForSelectedVariant","then","mediaLocations","all","map","pairs","filter","pair","catch","error","telemetry","exception","debug","validateProductImages","MediaGallery","React","constructor","props","_this","_ref","_props$config$zoomedI","super","this","_inlineZoomDivRef","Map","fullScreenOverlayButtonRef","player","myGalleryImages","defaultGalleryImageSettings","viewports","xs","q","w","h","sm","md","lg","lazyload","cropFocalRegion","defaultThumbnailImageSettings","onExiting","setState","animating","onExited","next","removeInlineZoomStyle","undefined","isLastItem","nextIndex","state","activeIndex","goToIndex","updateZoomedInImage","previous","images","isFirstItem","length","index","autoplay","currentIndex","mediaItems","_mediaItems","_this$player$current","mediaTypeValue","Video","current","play","_this$player$current2","pause","_renderCarouselItemVideo","mediaData","videoData","_videoData$_links","options","playerResources","resources","videoMetaData","videoId","id","title","duration","playTime","thumbnail","posterframeUrl","_links","binaryReferences","videoBinaryReferences","videoPlayerData","metaData","attributes","className","editProps","key","request","Player","Object","assign","ref","playerData","isEditor","params","_renderEmptyImage","_getCarouselItem","image","_this$props$context$r","isInPopup","arguments","Image","fallBackSrc","fallbackImage","gridSettings","loadFailureBehavior","shouldSkipToMainImage","bypassHideOnFailure","_getThumbnailItem","modifiedActiveIndex","ThumbnailItemContainerProps","tag","classnames","role","tabIndex","onClick","_generateOnThumbnailClick","onKeyDown","_generateOnThumbnailKeyDown","Picture","imageFallbackOptimize","shouldUseOptimizedImage","getVideoThumbNailItem","classes","_refHandler","divRef","set","event","which","KeyCodes","Enter","Space","preventDefault","_renderVideoThumbnail","fullScreenTitleText","openModalDialog","_toggleModal","imageModalSlider","ZoomView","data","product","result","mediaGalleryItems","_mapProductToImageData","carouselprops","Carousel","items","item","_renderCarouselItemImageView","_zoomedImageSettings","interval","directionTextPrev","previousScreenshotFlipperText","directionTextNext","nextScreenshotFlipperText","onIndicatorsClickHandler","showPaginationTooltip","hideIndicator","keyboard","handleOnExited","handleOnExiting","isDisabledFunctionality","isMobileImageZoomed","carousel","imageModalSliderProps","modalIsOpen","ontoggle","galleryCarousel","classNames","ImagefullView","bind","isImageZoomed","isInitialLoad","skipImageValidation","zoomedImageSettings","galleryImageSettings","_onImageMouseOut","_inlineZoomImageOnHover","_onInlineImageClick","_onContainerZoomImageClick","_onMouseOutLensContainer","sortImages","Images","sort","a","b","srcA","toUpperCase","srcB","hideMasterProductImages","ItemId","_item$src","imagePattern","includes","isMobile","variant","VariantType","Viewport","_this$props$config$im","_this$props$context$r2","source","pageContext","shouldUpdateOnPartialDimensionSelection","_setRenderType","thumbnailImageSettings","mediaLocationsForSelectedVariant","_setImages","RecordId","apiSettings","reaction","_product$productVaria","productVariant","_this$props$context$a","_this$props$config$th","_actionContext$reques","isPreview","response","commerceApiRequest","previewImageData","_mediaLocation$Uri","displayOrder","DisplayOrder","MediaTypeValue","_mediaLocation$Uri2","getProductImages","Name","fireImmediately","_this$props$config$th2","shouldComponentUpdate","nextProps","nextState","render","_this$props$data$medi","_this$props$context$a2","isVertical","vertical","isFullscreenAllowed","allowFullScreen","zoomViewMode","inline","container","_this$props$data$medi2","_this$props$data$prod","_this$props$config$sh","itemId","shouldHideMasterProductImagesForVariant","emptyPlaceHolderImage","placeholderImageName","_this$props$context$r3","getFallbackImageUrl","mediaGalleryCarouselItems","_getMediaGalleryItems","mediaGalleryThumbnailCarouselItems","_getMediaGalleryThumbnailItems","viewProps","_objectSpread","moduleProps","Modal","callbackToggle","callbackThumbnailClick","callbackThumbnailKeyDown","CarouselProps","indicatorAriaText","ariaLabelForSlide","keys","Thumbnails","ThumbnailsContainerProps","SingleSlideCarouselComponentProps","SingleSlideCarousel","flipperPrevLabel","flipperNextLabel","parentId","useTabList","JSON","stringify","renderView","ArrayExtensions","hasElements","lastUpdate","defaultKey","_getEmptyThumbnailItem","zoomView","curatedImage","mediaToSet","_filterMasterImageFromVariant","URL","searchParams","get","commerceVideoMetadataRequest","getVideoMetadataFromApi","element","Date","now","media","_renderImageInContainerOnZoom","_renderImageFullScreenOnZoom","_renderImageInlineOnZoom","_this$props$config$sh2","_this$props$data$prod2","_this$props$data$prod3","_this$props$data$prod4","shouldHidePrimaryImages","variantImages","isVariantProduct","ObjectExtensions","isNullOrUndefined","MasterProductId","_item$additionalPrope","_this$props$config$da","dataScale","defaultDataScale","onMouseOver","onMouseMove","inlineZoomImageOnMouseMove","_this$props$config$da2","inlineZoomImageOnHover","String","_handleMobileViewZoomedImageClick","target","currentTarget","mobileZoomedInImageClassName","style","transform","classList","remove","parentElement","overflow","_this$props$config$da3","bounds","getBoundingClientRect","Number","positionX","clientX","left","positionY","clientY","top","scaledPositionX","scaledPositionY","add","scrollTo","_this$props$config$da4","window","innerWidth","inlineZoomInitClick","inlineZoomImageOnMouseOut","onContainerZoomInit","onMouseOutLensContainer","_this$props$config$da5","onMouseOut","onMouseMoveLensContainer","onMouseOverImageContainer","href","_product$PrimaryImage","PrimaryImageUrl","_this$fullScreenOverl","focus","parentDiv","children","querySelector","removeAttribute","removeContainerZoomStyle","_renderThumbnails","thumbnails","Node","_renderThumbnailItem","productAvailbilityData","productAvailableQuantity","Module","VsiProductBadges","mediaGalleryProduct","moduleType","badgePageType","pdp","productAvailableData","binding","modules","dataActions","registerSanitizedActionPath","sanitizedActionPath","dataAction","default","Error","prototype","RegistrationId","c","require","$type","da","name","path","runOn","iNM","ns","n","p","__bindings__","viewDictionary","cn","module","exports","ReactDOM"],"sourceRoot":""}