{"version":3,"file":"static/js/c4aae5687ff52b4c5df9.bundle.js","mappings":"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","sources":["webpack://bestseller.commerce.online/external var \"React\"?0d3b","webpack://bestseller.commerce.online/external var \"ReactDOM\"?853b","webpack://bestseller.commerce.online/./src/shared/functions/is-valid-image.ts?b7db","webpack://bestseller.commerce.online/./lib/ext-media-gallery/module-registration.js?7d2c","webpack://bestseller.commerce.online/./src/modules/ext-media-gallery/ext-media-gallery.props.autogenerated.ts?4de4","webpack://bestseller.commerce.online/./src/modules/ext-media-gallery/utils/helper.ts?448e","webpack://bestseller.commerce.online/./src/modules/ext-media-gallery/utils/get-valid-product-images.ts?a5b9","webpack://bestseller.commerce.online/./src/modules/ext-media-gallery/ext-media-gallery.tsx?4052","webpack://bestseller.commerce.online/./src/modules/ext-media-gallery/ext-media-gallery.view.tsx?47b1"],"sourcesContent":["module.exports = React;","module.exports = ReactDOM;","import { generateImageUrl, ICommerceApiSettings } from '@msdyn365-commerce/core';\r\n/**\r\n * Parses whether a URL is valid\r\n * @param url\r\n * @returns\r\n */\r\nexport const isValidImage = (url?: string): boolean => {\r\n    if (url) {\r\n        return url.startsWith('https') || url.startsWith('Products');\r\n    } else {\r\n        return false;\r\n    }\r\n};\r\n\r\nexport async function validateUrlsAsync(\r\n    urls: string[],\r\n    apiSettings: ICommerceApiSettings,\r\n    filterLegacy: boolean = false\r\n): Promise<boolean> {\r\n    var results: Promise<Boolean>[] = [];\r\n    var isValid = false;\r\n    for (const url of urls) {\r\n        results.push(validateUrlAsync(url, apiSettings, filterLegacy));\r\n    }\r\n    await Promise.all(results).then(values => {\r\n        //If any of the values are true, the image is valid\r\n        isValid = values.some(value => value);\r\n    });\r\n\r\n    return isValid;\r\n}\r\n\r\nexport async function validateUrlAsync(url: string, apiSettings: ICommerceApiSettings, filterLegacy: boolean = false): Promise<boolean> {\r\n    //If we filter legacy images and the image is a legacy image, we know it is not valid\r\n    if (filterLegacy && !isValidImage(url)) {\r\n        return false;\r\n    }\r\n\r\n    const imageUrl = generateImageUrl(apiSettings, url);\r\n\r\n    if (imageUrl === '') {\r\n        return false;\r\n    }\r\n\r\n    return new Promise<boolean>(resolve => {\r\n        try {\r\n            const http = new XMLHttpRequest();\r\n            http.open('HEAD', imageUrl ?? '', true);\r\n\r\n            http.addEventListener('load', () => {\r\n                resolve(http.status === 200 || http.status === 201);\r\n            });\r\n\r\n            http.addEventListener('error', () => {\r\n                resolve(false);\r\n            });\r\n\r\n            http.send();\r\n        } catch {\r\n            resolve(false);\r\n        }\r\n    });\r\n}\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['ext-media-gallery'] = {\n        c: () => require('partner/modules/ext-media-gallery/ext-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: 1}],\n        \n        iNM: false,\n        ns: '__local__',\n        n: 'ext-media-gallery',\n        p: '__local__',\n        \n        pdp: '',\n        \n        \n        md: 'src/modules/ext-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-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|ext-media-gallery|ext-media-gallery'] = {\n                c: () => require('partner/modules/ext-media-gallery/ext-media-gallery.view.tsx'),\n                cn: '__local__-__local__-ext-media-gallery'\n            };\nwindow.__bindings__ = window.__bindings__ || {};\nwindow.__bindings__.viewDictionary = {\n                        ...window.__bindings__.viewDictionary || {},\n                        ...viewDictionary\n                    };","/**\r\n * Copyright (c) Microsoft Corporation\r\n * All rights reserved. See License.txt in the project root for license information.\r\n * IExtMediaGallery 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 IExtMediaGalleryConfig 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    preventImageUpdateOnSizeDimensionUpdate?: boolean;\r\n}\r\n\r\nexport interface IExtMediaGalleryResources {\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 IExtMediaGalleryProps<T> extends Msdyn365.IModule<T> {\r\n    resources: IExtMediaGalleryResources;\r\n    config: IExtMediaGalleryConfig;\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\nimport { isValidImage } from '../../../shared/functions/is-valid-image';\r\n\r\nasync function validateMediaLocationAsync(mediaLocation: MediaLocation, filterLegacy?: boolean): Promise<[IImageData, boolean]> {\r\n    const imageData: IImageData = {\r\n        src: mediaLocation.Uri || '',\r\n        altText: mediaLocation.AltText || ''\r\n    };\r\n    //BS CUSTOM\r\n    if (mediaLocation.Uri && filterLegacy) {\r\n        const fileName = mediaLocation?.Uri.split('fileName=/')[1];\r\n        if (!isValidImage(fileName)) {\r\n            return [imageData, false];\r\n        }\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    filterLegacy?: boolean\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, filterLegacy))).then(\r\n                    pairs => {\r\n                        return pairs.filter(pair => pair[1]).map(pair => pair[0]);\r\n                    }\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    filterLegacy?: boolean\r\n): Promise<IImageData[]> {\r\n    return Promise.all(mediaLocations.map(mediaLocation => validateMediaLocationAsync(mediaLocation, filterLegacy)))\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\nimport { MediaLocation, MediaType, SimpleProduct } from '@msdyn365-commerce/retail-proxy';\r\nimport { ArrayExtensions, getFallbackImageUrl, ISelectedProduct, 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 { IExtMediaGalleryData } from './ext-media-gallery.data';\r\nimport { imageSource, imageZoom, IExtMediaGalleryProps, thumbnailsOrientation } from './ext-media-gallery.props.autogenerated';\r\nimport { getProductImages, getValidProductImages, getVideoMetadataFromApi, validateProductImages } from './utils';\r\nimport { getAltText, 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    lastSelectedProduct?: ISelectedProduct;\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 IExtMediaGalleryProps<IExtMediaGalleryData> {\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<IExtMediaGalleryProps<IExtMediaGalleryData>, 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\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 readonly _zoomedImageSettings: IImageSettings;\r\n\r\n    public constructor(props: IExtMediaGalleryProps<IExtMediaGalleryData>) {\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                if (this.state.mediaGalleryItems === undefined && this.props.data.mediaLocationsForSelectedVariant.result) {\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                        this.props.app.config.filterLegacyImageUrls\r\n                    );\r\n                    await this._setImages(images);\r\n                } else if (this.state.mediaGalleryItems === undefined && 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                        this.props.app.config.filterLegacyImageUrls\r\n                    );\r\n\r\n                    await this._setImages(images);\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.config.preventImageUpdateOnSizeDimensionUpdate) {\r\n                        const { lastSelectedProduct } = this.state;\r\n                        let differsBeyondSize = false;\r\n                        if (!lastSelectedProduct) {\r\n                            differsBeyondSize = true;\r\n                        } else {\r\n                            // check previous variant's dimensions against new one\r\n                            product?.Dimensions?.forEach(dimension => {\r\n                                const lastSelectedDimension = lastSelectedProduct?.Dimensions?.find(\r\n                                    lastDimension =>\r\n                                        dimension.DimensionTypeValue === lastDimension.DimensionTypeValue &&\r\n                                        dimension.DimensionValue?.Value !== lastDimension.DimensionValue?.Value\r\n                                );\r\n                                // there'll only be a dimension to look at if it had a different value\r\n                                // 3 = size dimeension inside D365\r\n                                if (lastSelectedDimension && lastSelectedDimension.DimensionTypeValue !== 3) {\r\n                                    differsBeyondSize = true;\r\n                                }\r\n                            });\r\n                        }\r\n                        this.setState({ lastSelectedProduct: product });\r\n                        //If the dimensions are the same, we don't need to update the images\r\n                        if (!differsBeyondSize) {\r\n                            return;\r\n                        }\r\n                    }\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                            this.props.app.config.filterLegacyImageUrls\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                this.props.app.config.filterLegacyImageUrls\r\n            );\r\n            await this._setImages(images);\r\n        }\r\n    }\r\n\r\n    public shouldComponentUpdate(nextProps: IExtMediaGalleryProps<IExtMediaGalleryData>, 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        // 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}&fallback=${emptyPlaceHolderImage}`;\r\n        }\r\n\r\n        // bs extension -  CLS improvements : on mobile sizes use the xs viewport settings to define the mediaGallery container size\r\n        const imageSettings = this.props.config.galleryImageSettings;\r\n        const style =\r\n            this.isMobile() && imageSettings?.viewports?.xs\r\n                ? { width: imageSettings?.viewports?.xs.w, height: imageSettings?.viewports?.xs.h }\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 IExtMediaGalleryProps<IExtMediaGalleryData>),\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                style: style\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.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.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.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.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\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\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                    fallBackSrc={this.fallbackImage}\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                    fallBackSrc={this.fallbackImage}\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.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.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","/*!\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 { Module, Node } from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\n\r\nimport {\r\n    IMediaGalleryThumbnailItemViewProps,\r\n    IMediaGalleryThumbnailsViewProps,\r\n    IMediaGalleryViewProps\r\n} from '@msdyn365-commerce-modules/media-gallery';\r\n\r\nconst MediaGalleryView: React.FC<IMediaGalleryViewProps> = props => {\r\n    const { CarouselProps, Thumbnails, MediaGallery, Modal } = props;\r\n\r\n    return (\r\n        <Module {...MediaGallery}>\r\n            <Node {...CarouselProps} />\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"],"names":["module","exports","React","ReactDOM","isValidImage","url","startsWith","binding","modules","dataActions","registerSanitizedActionPath","sanitizedActionPath","dataAction","default","Error","prototype","RegistrationId","id","c","require","$type","da","name","path","runOn","iNM","ns","n","p","pdp","md","window","__bindings__","_objectSpread","viewDictionary","cn","imageSource","imageZoom","thumbnailsOrientation","altTextSource","MediaType","getAltText","context","shouldUseCmsAltText","productName","imageAltText","_context$app","app","config","OmniChannelMedia","async","validateMediaLocationAsync","mediaLocation","filterLegacy","imageData","src","Uri","altText","AltText","fileName","split","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","constructor","props","_this","_ref","_props$config$zoomedI","super","this","_inlineZoomDivRef","Map","fullScreenOverlayButtonRef","player","defaultGalleryImageSettings","viewports","xs","q","w","h","sm","lg","lazyload","cropFocalRegion","defaultThumbnailImageSettings","onExiting","setState","animating","onExited","next","removeInlineZoomStyle","undefined","isLastItem","nextIndex","state","activeIndex","goToIndex","updateZoomedInImage","previous","images","mediaGalleryItems","isFirstItem","length","index","autoplay","currentIndex","mediaItems","_mediaItems","_this$player$current","mediaTypeValue","Video","current","play","_this$player$current2","pause","getImagesData","_this$props$context$r","skipImageValidation","request","_this$props$config$im","_this$props$config$im2","source","pageContext","data","mediaLocationsForSelectedVariant","result","_mediaLocation$Uri","_this$props$data$prod","product","Name","curatedImages","_filterMasterImageFromVariant","_renderCarouselItemVideo","mediaData","videoData","_videoData$_links","options","playerResources","resources","videoMetaData","videoId","title","duration","playTime","thumbnail","posterframeUrl","_links","binaryReferences","videoBinaryReferences","videoPlayerData","metaData","attributes","className","editProps","key","Player","Object","assign","ref","playerData","isEditor","params","_renderEmptyImage","_getCarouselItem","image","_this$props$context$r2","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","_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","mediaGalleryImages","isImageZoomed","isInitialLoad","zoomedImageSettings","galleryImageSettings","_onImageMouseOut","_inlineZoomImageOnHover","_onInlineImageClick","_onContainerZoomImageClick","_onMouseOutLensContainer","isMobile","variant","VariantType","Viewport","_this$props$config$im3","_this$props$context$r3","shouldUpdateOnPartialDimensionSelection","_setRenderType","_this$props$config$th","thumbnailImageSettings","filterLegacyImageUrls","_setImages","_this$props$config$th2","RecordId","apiSettings","productVariant","reaction","_product$productVaria","_this$props$context$a","_this$props$config$th3","preventImageUpdateOnSizeDimensionUpdate","lastSelectedProduct","differsBeyondSize","_product$Dimensions","Dimensions","forEach","dimension","_lastSelectedProduct$","lastSelectedDimension","find","lastDimension","_dimension$DimensionV","_lastDimension$Dimens","DimensionTypeValue","DimensionValue","Value","_actionContext$reques","isPreview","response","commerceApiRequest","previewImageData","displayOrder","DisplayOrder","MediaTypeValue","_mediaLocation$Uri2","getProductImages","fireImmediately","_this$props$config$th4","shouldComponentUpdate","nextProps","nextState","render","_this$props$context$a2","_imageSettings$viewpo","_imageSettings$viewpo2","_imageSettings$viewpo3","isVertical","vertical","isFullscreenAllowed","allowFullScreen","zoomViewMode","inline","container","emptyPlaceHolderImage","placeholderImageName","_this$props$context$r4","getFallbackImageUrl","ItemId","style","width","height","mediaGalleryCarouselItems","_getMediaGalleryItems","mediaGalleryThumbnailCarouselItems","_getMediaGalleryThumbnailItems","viewProps","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","URL","searchParams","get","commerceVideoMetadataRequest","getVideoMetadataFromApi","element","Date","now","media","_renderImageInContainerOnZoom","_renderImageFullScreenOnZoom","_renderImageInlineOnZoom","_this$props$config$sh","_this$props$data$prod2","_this$props$data$prod3","_this$props$data$prod4","shouldHidePrimaryImages","shouldHideMasterProductImagesForVariant","variantImages","isVariantProduct","ObjectExtensions","isNullOrUndefined","MasterProductId","itemId","_item$additionalPrope","_this$props$config$da","dataScale","defaultDataScale","onMouseOver","onMouseMove","inlineZoomImageOnMouseMove","_this$props$config$da2","inlineZoomImageOnHover","String","_handleMobileViewZoomedImageClick","target","currentTarget","mobileZoomedInImageClassName","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","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","Module"],"sourceRoot":""}