{"version":3,"file":"static/js/0b28efd680651a870308.bundle.js","mappings":"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","sources":["webpack://sgi-bookstore/./src/themes/sgi-theme/views/media-gallery.view.tsx?3fac","webpack://sgi-bookstore/./lib/media-gallery/module-registration.js?47e5","webpack://sgi-bookstore/./src/modules/media-gallery/media-gallery.tsx?24d7","webpack://sgi-bookstore/./src/modules/media-gallery/media-gallery.view.tsx?5061","webpack://sgi-bookstore/./src/modules/media-gallery/utils/helper.ts?b895","webpack://sgi-bookstore/./src/modules/media-gallery/utils/get-valid-product-images.ts?a364","webpack://sgi-bookstore/./src/modules/adventureworks/views/media-gallery.view.tsx?7624","webpack://sgi-bookstore/external var \"React\"?0d3b","webpack://sgi-bookstore/external var \"ReactDOM\"?853b"],"sourcesContent":["/*--------------------------------------------------------------\r\n * Copyright (c) Microsoft Corporation. All rights reserved.\r\n * See License.txt in the project root for license information.\r\n *--------------------------------------------------------------*/\r\n\r\nimport { IImageData, IImageSettings, Image } from '@msdyn365-commerce/core';\r\nimport {\r\n    IMediaGalleryThumbnailItemViewProps,\r\n    IMediaGalleryThumbnailsViewProps,\r\n    IMediaGalleryViewProps\r\n} from '@msdyn365-commerce-modules/media-gallery';\r\nimport { getFallbackImageUrl } from '@msdyn365-commerce-modules/retail-actions';\r\nimport { Button, KeyCodes, Module, Node, NodeTag } from '@msdyn365-commerce-modules/utilities';\r\nimport classnames from 'classnames';\r\nimport React from 'react';\r\n\r\n/**\r\n * Render the thumbnail item images.\r\n * @param thumbnail - The carousel thumbnail line props.\r\n * @returns Return HTML having thumnailcontainer props with image.\r\n */\r\nconst renderThumbnailItem = (thumbnail: IMediaGalleryThumbnailItemViewProps): JSX.Element => {\r\n    // eslint-disable-next-line @typescript-eslint/naming-convention --  Dependency from media-gallery.tsx file\r\n    const { ThumbnailItemContainerProps, Picture } = thumbnail;\r\n\r\n    return <Node {...ThumbnailItemContainerProps}>{Picture}</Node>;\r\n};\r\n\r\n/**\r\n * Gets the thumbnail item to display media gallery images.\r\n * @param image - The media gallery images.\r\n * @param imageSettings - Image settings for the image gallery items.\r\n * @param imageId - Image id.\r\n * @param modifiedActiveIndex - Modified Index of the images when selection changes.\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 images.\r\n */\r\nconst GetThumbnailItemComponent = (\r\n    image: IImageData,\r\n    imageSettings: IImageSettings,\r\n    imageId: number,\r\n    modifiedActiveIndex: number,\r\n    props: IMediaGalleryViewProps\r\n): IMediaGalleryThumbnailItemViewProps => {\r\n    let fallbackImage: string | undefined = '';\r\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access -- Site level config can be of any type.\r\n    const emptyPlaceHolderImage = props.context.app.config?.placeholderImageName as string;\r\n    if (props.data.product.result) {\r\n        fallbackImage = getFallbackImageUrl(props.data.product.result.ItemId, props.context.request.apiSettings);\r\n    }\r\n    if (emptyPlaceHolderImage && fallbackImage) {\r\n        fallbackImage = `${fallbackImage},${emptyPlaceHolderImage}`;\r\n    }\r\n\r\n    /**\r\n     * OnClick method of media gallery item.\r\n     * */\r\n    const onClick = () => {\r\n        props.callbackToggle?.();\r\n        props.callbackThumbnailClick?.(imageId);\r\n        props.state.activeIndex = imageId;\r\n    };\r\n\r\n    const classes = classnames(\r\n        'ms-media-gallery__thumbnail-item',\r\n        modifiedActiveIndex === imageId ? 'ms-media-gallery__thumbnail-item-active' : ''\r\n    );\r\n\r\n    /**\r\n     * Keydown event of media gallery item.\r\n     * @param event - React.KeyboardEvent.\r\n     * */\r\n    const handleKeyDown = (event: React.KeyboardEvent) => {\r\n        if (event.keyCode === KeyCodes.Enter) {\r\n            event.preventDefault();\r\n            onClick();\r\n        }\r\n    };\r\n    const defaultIndex = 0;\r\n    return {\r\n        ThumbnailItemContainerProps: {\r\n            tag: 'li' as NodeTag,\r\n            className: classes,\r\n            role: 'presentation',\r\n            key: imageId\r\n        },\r\n        Picture: (\r\n            <Node className='ms-fullscreen-section'>\r\n                <Button\r\n                    role='tab'\r\n                    aria-label={image.altText}\r\n                    aria-selected={modifiedActiveIndex === imageId}\r\n                    aria-controls={`${props.id}__carousel-item__${imageId}`}\r\n                    className='msc-ss-carousel-vert-button-wrapper'\r\n                    onClick={onClick}\r\n                    onKeyDown={handleKeyDown}\r\n                >\r\n                    <Image\r\n                        requestContext={props.context.actionContext.requestContext}\r\n                        className='ms-media-gallery__thumbnail'\r\n                        {...image}\r\n                        gridSettings={props.context.request.gridSettings!}\r\n                        imageSettings={props.config.thumbnailImageSettings ?? imageSettings}\r\n                        loadFailureBehavior='hide'\r\n                        imageFallbackOptimize={props.state.shouldUseOptimizedImage}\r\n                        fallBackSrc={imageId === defaultIndex ? fallbackImage : image.src}\r\n                        bypassHideOnFailure={imageId === defaultIndex}\r\n                    />\r\n                </Button>\r\n                <Node className='ms-fullscreen-section__overlay'>\r\n                    <Button\r\n                        onKeyDown={handleKeyDown}\r\n                        title={props.resources.fullScreenTitleText}\r\n                        role='button'\r\n                        className='ms-fullscreen-section__magnifying-glass-icon'\r\n                        onClick={onClick}\r\n                    />\r\n                </Node>\r\n            </Node>\r\n        )\r\n    };\r\n};\r\n\r\n/**\r\n * Gets the empty thumbnail item to display media gallery images.\r\n * @param imageSettings - Image settings for the image gallery items.\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 empty images.\r\n */\r\nconst GetEmptyThumbnailItemComponent = (\r\n    imageSettings: IImageSettings,\r\n    props: IMediaGalleryViewProps\r\n): IMediaGalleryThumbnailItemViewProps => {\r\n    let fallbackImage: string | undefined = '';\r\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access -- Site level config can be of any type.\r\n    const emptyPlaceHolderImage = props.context.app.config?.placeholderImageName as string;\r\n    if (props.data.product.result) {\r\n        fallbackImage = getFallbackImageUrl(props.data.product.result.ItemId, props.context.request.apiSettings);\r\n    }\r\n    if (emptyPlaceHolderImage && fallbackImage) {\r\n        fallbackImage = `${fallbackImage},${emptyPlaceHolderImage}`;\r\n    }\r\n    return {\r\n        ThumbnailItemContainerProps: {\r\n            tag: 'li' as NodeTag,\r\n            className: 'ms-media-gallery__thumbnail-item',\r\n            role: 'tab',\r\n            tabIndex: 0,\r\n            key: 0,\r\n            'aria-label': '',\r\n            'aria-selected': true\r\n        },\r\n        Picture: (\r\n            <Image\r\n                requestContext={props.context.actionContext.requestContext}\r\n                className='ms-media-gallery__thumbnail-item__image'\r\n                src='empty'\r\n                gridSettings={props.context.request.gridSettings!}\r\n                imageSettings={props.config.thumbnailImageSettings ?? imageSettings}\r\n                loadFailureBehavior='empty'\r\n                imageFallbackOptimize={!!props.config.skipImageValidation}\r\n                fallBackSrc={fallbackImage}\r\n            />\r\n        )\r\n    };\r\n};\r\n\r\n/**\r\n * Update media gallery items method.\r\n * @param items - The media gallery thumbnail item view props.\r\n * @returns The IImageData array.\r\n */\r\nconst getMediaGalleryItems = (items?: IMediaGalleryThumbnailItemViewProps[]): IImageData[] | undefined => {\r\n    return items?.map(item => {\r\n        return {\r\n            altText: item.Picture.props.altText,\r\n            src: item.Picture.props.src\r\n        };\r\n    });\r\n};\r\n\r\nconst defaultThumbnailImageSettings: IImageSettings = {\r\n    viewports: {\r\n        xs: { q: 'w=295&h=295&q=80&m=6&f=jpg', w: 295, h: 295 },\r\n        xl: { q: 'w=295&h=295&q=80&m=6&f=jpg', w: 295, h: 295 }\r\n    },\r\n    lazyload: true,\r\n    cropFocalRegion: true\r\n};\r\n\r\n/**\r\n * Render the Media gallery thumbnails to represent images in grid view.\r\n * @param thumbnails - The thumbnail view props.\r\n * @param props - The media gallery view props.\r\n * @returns - The single slide carousel component to render as media gallery image.\r\n */\r\nconst renderThumbnails = (thumbnails: IMediaGalleryThumbnailsViewProps, props: IMediaGalleryViewProps): JSX.Element => {\r\n    // eslint-disable-next-line @typescript-eslint/naming-convention --  Dependency from media-gallery.tsx file\r\n    const { ThumbnailsContainerProps, SingleSlideCarouselComponentProps } = thumbnails;\r\n    const { state, Thumbnails } = props;\r\n    const mediaGalleryItems = getMediaGalleryItems(Thumbnails.items);\r\n\r\n    const items: IMediaGalleryThumbnailItemViewProps[] | undefined =\r\n        // eslint-disable-next-line multiline-ternary -- need multiline for easy code reading\r\n        state.lastUpdate && mediaGalleryItems && mediaGalleryItems[0].src === 'empty'\r\n            ? [GetEmptyThumbnailItemComponent(defaultThumbnailImageSettings, props)]\r\n            : // eslint-disable-next-line @typescript-eslint/naming-convention -- Dependency from media-gallery\r\n              mediaGalleryItems?.map((item: IImageData, id: number) =>\r\n                  GetThumbnailItemComponent(item, defaultThumbnailImageSettings, id, state.activeIndex, props)\r\n              );\r\n\r\n    return (\r\n        <Node {...ThumbnailsContainerProps}>\r\n            <Node {...SingleSlideCarouselComponentProps}>{items?.map(renderThumbnailItem)}</Node>\r\n        </Node>\r\n    );\r\n};\r\n\r\n/**\r\n * Render the Media gallery items using viewprops.\r\n * @param props - The media gallery view props.\r\n * @returns The media gallery module wrapping up images node.\r\n */\r\nconst mediaGalleryView: React.FC<IMediaGalleryViewProps> = props => {\r\n    // eslint-disable-next-line @typescript-eslint/naming-convention --  Dependency from media-gallery.tsx file\r\n    const { CarouselProps, Thumbnails, MediaGallery, Modal } = props;\r\n    return (\r\n        <Module {...MediaGallery}>\r\n            <Node {...CarouselProps} />\r\n            {Modal}\r\n            {renderThumbnails(Thumbnails, props)}\r\n        </Module>\r\n    );\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['media-gallery'] = {\n        c: () => require('@msdyn365-commerce-modules/media-gallery/dist/lib/modules/media-gallery/media-gallery'),\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}],\n        \n        iNM: true,\n        ns: '@msdyn365-commerce-modules',\n        n: 'media-gallery',\n        p: 'media-gallery',\n        \n        pdp: '',\n        \n        \n        md: 'node_modules/@msdyn365-commerce-modules/media-gallery/dist/lib/modules/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__|themes|sgi-theme|views|media-gallery'] = {\n                c: () => require('partner/themes/sgi-theme/views/media-gallery.view.tsx'),\n                cn: '__local__-__local__-media-gallery'\n            };\nviewDictionary['@msdyn365-commerce-modules|media-gallery|modules|media-gallery|media-gallery'] = {\n                c: () => require('@msdyn365-commerce-modules/media-gallery/dist/lib/modules/media-gallery/media-gallery.view.js'),\n                cn: '@msdyn365-commerce-modules-media-gallery-media-gallery'\n            };\nviewDictionary['@msdyn365-commerce-theme|adventureworks-theme-kit|modules|adventureworks|views|media-gallery'] = {\n                c: () => require('@msdyn365-commerce-theme/adventureworks-theme-kit/dist/lib/modules/adventureworks/views/media-gallery.view.js'),\n                cn: '@msdyn365-commerce-theme-adventureworks-theme-kit-media-gallery'\n            };\nwindow.__bindings__ = window.__bindings__ || {};\nwindow.__bindings__.viewDictionary = {\n                        ...window.__bindings__.viewDictionary || {},\n                        ...viewDictionary\n                    };","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { Carousel, ICarouselProps, Player, IPlayerData, IPlayerOptions, IVideoMetadata } from '@msdyn365-commerce/components';\nimport { IImageData, IImageSettings, Image, Video } from '@msdyn365-commerce/core';\nimport { MediaLocation, MediaType, SimpleProduct } from '@msdyn365-commerce/retail-proxy';\nimport { ArrayExtensions, getFallbackImageUrl, ObjectExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport {\n    defaultDataScale,\n    IComponentNodeProps,\n    ImagefullView,\n    IModalViewProps,\n    IModuleProps,\n    inlineZoomImageOnHover,\n    inlineZoomImageOnMouseMove,\n    inlineZoomImageOnMouseOut,\n    inlineZoomInitClick,\n    INodeProps,\n    ISingleSlideCarouselProps,\n    isMobile,\n    KeyCodes,\n    NodeTag,\n    onContainerZoomInit,\n    onMouseMoveLensContainer,\n    onMouseOutLensContainer,\n    onMouseOverImageContainer,\n    removeContainerZoomStyle,\n    removeInlineZoomStyle,\n    SingleSlideCarousel,\n    VariantType\n} from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport { reaction } from 'mobx';\nimport * as React from 'react';\n\nimport { IMediaGalleryData } from './media-gallery.data';\nimport { imageSource, imageZoom, IMediaGalleryProps, thumbnailsOrientation } from './media-gallery.props.autogenerated';\nimport { getProductImages, getValidProductImages, getVideoMetadataFromApi, validateProductImages } from './utils';\nimport { getAltText, IMediaData } from './utils/helper';\n\n/**\n * IMediaGalleryState Interface.\n */\nexport interface IMediaGalleryState {\n    animating: boolean;\n    activeIndex: number;\n    isImageZoomed: boolean;\n    modalIsOpen: boolean;\n    lastUpdate?: number;\n    isMobileImageZoomed?: boolean;\n    mediaGalleryItems?: IMediaData[];\n    isInitialLoad?: boolean;\n    shouldUseOptimizedImage?: boolean;\n}\n\n/**\n * IMediaGalleryThumbnailsViewProps Interface.\n */\nexport interface IMediaGalleryThumbnailsViewProps {\n    ThumbnailsContainerProps: INodeProps;\n    SingleSlideCarouselComponentProps: INodeProps;\n    items?: IMediaGalleryThumbnailItemViewProps[];\n}\n\n/**\n * IMediaGalleryThumbnailItemViewProps Interface.\n */\nexport interface IMediaGalleryThumbnailItemViewProps {\n    ThumbnailItemContainerProps: INodeProps;\n    Picture: React.ReactElement;\n}\n\n/**\n * IMediaGalleryViewProps Interface.\n */\nexport interface IMediaGalleryViewProps extends IMediaGalleryProps<IMediaGalleryData> {\n    state: IMediaGalleryState;\n    MediaGallery: IModuleProps;\n    CarouselProps: INodeProps;\n    Thumbnails: IMediaGalleryThumbnailsViewProps;\n    Modal?: React.ReactElement | null;\n    callbackToggle?(): void;\n    callbackThumbnailClick?(index: number): void;\n    callbackThumbnailKeyDown?(index: number): void;\n}\n\n/**\n * Props for carousel.\n */\ninterface IMediaGalleryCarouselItems<ItemType> {\n    items: ItemType[];\n    keys: (string | undefined)[];\n}\n\n/**\n * Media gallery component.\n */\nclass MediaGallery extends React.Component<IMediaGalleryProps<IMediaGalleryData>, IMediaGalleryState> {\n    private readonly _inlineZoomDivRef: Map<number, HTMLDivElement> = new Map();\n\n    private readonly fullScreenOverlayButtonRef: React.RefObject<HTMLAnchorElement & HTMLButtonElement> = React.createRef();\n    private readonly player: React.RefObject<Player> = React.createRef<Player>();\n    private fallbackImage?: string;\n\n    private readonly defaultGalleryImageSettings: IImageSettings = {\n        viewports: {\n            xs: { q: 'w=767&h=767&m=8', w: 0, h: 0 },\n            sm: { q: 'w=600&h=600&m=8', w: 0, h: 0 },\n            md: { q: 'w=600&h=772&m=8', w: 0, h: 0 },\n            lg: { q: 'h=772&m=8', w: 0, h: 0 }\n        },\n        lazyload: true,\n        cropFocalRegion: true\n    };\n\n    private readonly defaultThumbnailImageSettings: IImageSettings = {\n        viewports: {\n            xs: { q: 'w=100&m=8', w: 100, h: 0 },\n            lg: { q: 'w=100&m=8', w: 100, h: 0 }\n        },\n        lazyload: true,\n        cropFocalRegion: true\n    };\n\n    private readonly _zoomedImageSettings: IImageSettings;\n\n    public constructor(props: IMediaGalleryProps<IMediaGalleryData>) {\n        super(props);\n        this._toggleModal = this._toggleModal.bind(this);\n        const mediaGalleryImages = this.getImagesData();\n        this.state = {\n            activeIndex: 0,\n            animating: false,\n            isImageZoomed: false,\n            modalIsOpen: false,\n            isInitialLoad: true,\n            shouldUseOptimizedImage: !!this.props.config.skipImageValidation,\n            mediaGalleryItems: mediaGalleryImages\n        };\n\n        this._zoomedImageSettings =\n            props.config.zoomedImageSettings ?? props.config.galleryImageSettings ?? this.defaultGalleryImageSettings;\n\n        this._onImageMouseOut = this._onImageMouseOut.bind(this);\n        this._inlineZoomImageOnHover = this._inlineZoomImageOnHover.bind(this);\n        this._onInlineImageClick = this._onInlineImageClick.bind(this);\n        this._onContainerZoomImageClick = this._onContainerZoomImageClick.bind(this);\n        this._onMouseOutLensContainer = this._onMouseOutLensContainer.bind(this);\n    }\n\n    public isMobile(): boolean {\n        const size = isMobile({ variant: VariantType.Viewport, context: this.props.context.request });\n        return size === 'xs';\n    }\n\n    public async componentDidMount(): Promise<void> {\n        const source = this.props.config.imageSource ?? imageSource.pageContext;\n        const shouldUpdateOnPartialDimensionSelection = this.props.config.shouldUpdateOnPartialDimensionSelection;\n        this._setRenderType();\n        if (!this.props.context.request.app?.config?.OmniChannelMedia) {\n            if (source === imageSource.pageContext) {\n                if (this.state.mediaGalleryItems === undefined && this.props.data.mediaLocationsForSelectedVariant.result) {\n                    const images = await validateProductImages(\n                        this.props.data.mediaLocationsForSelectedVariant.result,\n                        this.props.context.actionContext,\n                        this.props.config.thumbnailImageSettings ?? this.defaultThumbnailImageSettings\n                    );\n                    await this._setImages(images);\n                } else if (this.state.mediaGalleryItems === undefined && this.props.data.product.result) {\n                    const product = this.props.data.product.result;\n                    const images = await getValidProductImages(\n                        product.RecordId,\n                        +this.props.context.request.apiSettings.channelId,\n                        this.props.context.actionContext,\n                        this.props.config.thumbnailImageSettings ?? this.defaultThumbnailImageSettings,\n                        product.productVariant\n                    );\n\n                    await this._setImages(images);\n                } else {\n                    await this._setImages([]);\n                }\n            }\n        }\n\n        reaction(\n            () => {\n                const product = this.props.data.product.result;\n                if (!product) {\n                    return null;\n                }\n\n                if (!shouldUpdateOnPartialDimensionSelection || !product.productVariant?.RecordId) {\n                    return `${product.RecordId}`;\n                }\n\n                return `${product.RecordId}-${product.productVariant.RecordId}`;\n            },\n            async () => {\n                const product = this.props.data.product.result;\n                let images: IImageData[] = [];\n                if (product) {\n                    if (this.props.context.app?.config?.OmniChannelMedia) {\n                        images = await getProductImages(\n                            product.RecordId,\n                            this.shouldUseCmsAltText(),\n                            +this.props.context.request.apiSettings.channelId,\n                            this.props.context.actionContext,\n                            product.Name,\n                            shouldUpdateOnPartialDimensionSelection ? product.productVariant : undefined\n                        );\n                    } else {\n                        images = await getValidProductImages(\n                            product.RecordId,\n                            +this.props.context.request.apiSettings.channelId,\n                            this.props.context.actionContext,\n                            this.props.config.thumbnailImageSettings ?? this.defaultThumbnailImageSettings,\n                            shouldUpdateOnPartialDimensionSelection ? product.productVariant : undefined\n                        );\n                    }\n                    await this._setImages(images);\n                } else {\n                    await this._setImages([]);\n                }\n            },\n            { fireImmediately: true }\n        );\n\n        if (source === imageSource.productId && this.props.data.mediaLocations.result) {\n            const images = await validateProductImages(\n                this.props.data.mediaLocations.result,\n                this.props.context.actionContext,\n                this.props.config.thumbnailImageSettings ?? this.defaultThumbnailImageSettings\n            );\n            await this._setImages(images);\n        }\n    }\n\n    public shouldComponentUpdate(nextProps: IMediaGalleryProps<IMediaGalleryData>, nextState: IMediaGalleryState): boolean {\n        if (this.state === nextState && this.props.data === nextProps.data) {\n            return false;\n        }\n        return true;\n    }\n\n    public render(): JSX.Element {\n        const { id, config, resources } = this.props;\n\n        const { className, showPaginationTooltip } = config;\n\n        const isVertical: boolean = config.thumbnailsOrientation === thumbnailsOrientation.vertical;\n        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- || is required.\n        const isFullscreenAllowed: boolean = this.isMobile() || config.allowFullScreen || false;\n        const zoomViewMode: string =\n            config.imageZoom === imageZoom.inline ? imageZoom.inline : config.imageZoom === imageZoom.container ? imageZoom.container : '';\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access -- Site level config can be of any type.\n        const emptyPlaceHolderImage = this.props.context.app.config?.placeholderImageName as string;\n        if (this.props.data.product.result) {\n            this.fallbackImage = getFallbackImageUrl(\n                this.props.data.product.result.ItemId,\n                this.props.context.request.apiSettings,\n                this.props.context.request.app?.config?.OmniChannelMedia\n            );\n        }\n        if (emptyPlaceHolderImage && this.fallbackImage) {\n            this.fallbackImage = `${this.fallbackImage},${emptyPlaceHolderImage}`;\n        }\n\n        const mediaGalleryCarouselItems = this._getMediaGalleryItems(isFullscreenAllowed, zoomViewMode);\n        const mediaGalleryThumbnailCarouselItems = this._getMediaGalleryThumbnailItems();\n        const viewProps: IMediaGalleryViewProps = {\n            ...(this.props as IMediaGalleryProps<IMediaGalleryData>),\n            state: this.state,\n            MediaGallery: {\n                moduleProps: this.props,\n                className: classnames(`ms-media-gallery ${isVertical ? 'vertical' : ''}`, className)\n            },\n            Modal: isFullscreenAllowed ? this.imageModalSlider(zoomViewMode) : null,\n            callbackToggle: this.openModalDialog,\n            callbackThumbnailClick: this._generateOnThumbnailClick,\n            callbackThumbnailKeyDown: this._generateOnThumbnailKeyDown,\n            CarouselProps: {\n                tag: Carousel,\n                className: 'ms-media-gallery__carousel',\n                items: mediaGalleryCarouselItems.items,\n                activeIndex: this.state.activeIndex,\n                next: this.next,\n                previous: this.previous,\n                interval: false,\n                directionTextPrev: resources.previousScreenshotFlipperText,\n                directionTextNext: resources.nextScreenshotFlipperText,\n                onIndicatorsClickHandler: this.goToIndex,\n                showPaginationTooltip: showPaginationTooltip === true,\n                indicatorAriaText: resources.ariaLabelForSlide,\n                handleOnExited: this.onExited,\n                handleOnExiting: this.onExiting,\n                key: mediaGalleryCarouselItems.keys\n            } as IComponentNodeProps<ICarouselProps>,\n            Thumbnails: {\n                ThumbnailsContainerProps: { className: 'ms-media-gallery__thumbnails-container' },\n                SingleSlideCarouselComponentProps: {\n                    tag: SingleSlideCarousel,\n                    className: 'ms-media-gallery__thumbnails',\n                    vertical: isVertical,\n                    flipperPrevLabel: resources.previousScreenshotFlipperText,\n                    flipperNextLabel: resources.nextScreenshotFlipperText,\n                    parentId: id,\n                    useTabList: true,\n                    key: JSON.stringify(mediaGalleryThumbnailCarouselItems.keys)\n                } as IComponentNodeProps<ISingleSlideCarouselProps>,\n                items: mediaGalleryThumbnailCarouselItems.items\n            }\n        };\n\n        return this.props.renderView(viewProps) as React.ReactElement;\n    }\n\n    /**\n     * Zoomed out image on previous/next click.\n     */\n    public updateZoomedInImage(): void {\n        this.setState({ isImageZoomed: false });\n    }\n\n    private readonly onExiting = () => {\n        this.setState({ animating: true });\n    };\n\n    private readonly onExited = () => {\n        this.setState({ animating: false });\n    };\n\n    /**\n     * On click next in carousel.\n     */\n    private readonly next = (): void => {\n        removeInlineZoomStyle();\n        if (this.isLastItem() === undefined) {\n            return;\n        }\n\n        const nextIndex = this.isLastItem() ? 0 : this.state.activeIndex + 1;\n        this.goToIndex(nextIndex);\n\n        this.updateZoomedInImage();\n    };\n\n    /**\n     * On click previous in carousel.\n     */\n    private readonly previous = (): void => {\n        removeInlineZoomStyle();\n        const images = this.state.mediaGalleryItems;\n        const nextIndex = this.isFirstItem() ? (images ? images.length - 1 : 0) : this.state.activeIndex - 1;\n        this.goToIndex(nextIndex);\n        this.updateZoomedInImage();\n    };\n\n    private readonly goToIndex = (index: number): void => {\n        const { autoplay } = this.props.config;\n        const currentIndex = this.state.activeIndex;\n        const mediaItems = this.state.mediaGalleryItems;\n        if (autoplay && mediaItems) {\n            if (mediaItems[`${index}`]?.mediaTypeValue === MediaType.Video) {\n                this.player.current?.play();\n            } else if (mediaItems[`${currentIndex}`].mediaTypeValue === MediaType.Video) {\n                this.player.current?.pause();\n            }\n        }\n        this.setState({ activeIndex: index });\n    };\n\n    private _getMediaGalleryThumbnailItems(): IMediaGalleryCarouselItems<IMediaGalleryThumbnailItemViewProps> {\n        const mediaGalleryItems = this.state.mediaGalleryItems;\n        const thumbnailImageSettings = this.props.config.thumbnailImageSettings;\n        if (thumbnailImageSettings) {\n            thumbnailImageSettings.cropFocalRegion = true;\n        }\n\n        const hasMediaGalleryItems = ArrayExtensions.hasElements(mediaGalleryItems);\n\n        if (!hasMediaGalleryItems) {\n            if (this.state.lastUpdate) {\n                const defaultKey = 0;\n                return {\n                    items: [this._getEmptyThumbnailItem(thumbnailImageSettings, defaultKey, this.state.activeIndex)],\n                    keys: ['empty']\n                };\n            }\n            return { items: [], keys: [] };\n        }\n\n        return {\n            items: [\n                // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n                ...mediaGalleryItems!.map((item: IMediaData, index: number) => {\n                    if (item.mediaTypeValue === MediaType.Video) {\n                        return this.getVideoThumbNailItem(\n                            item,\n                            thumbnailImageSettings ?? this.defaultThumbnailImageSettings,\n                            index,\n                            this.state.activeIndex\n                        );\n                    } else {\n                        return this._getThumbnailItem(\n                            item,\n                            thumbnailImageSettings ?? this.defaultThumbnailImageSettings,\n                            index,\n                            this.state.activeIndex\n                        );\n                    }\n                })\n            ],\n            // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n            keys: [...mediaGalleryItems!.map(item => item.src)]\n        };\n    }\n\n    private getImagesData = (): IImageData[] => {\n        if (this.props.config.skipImageValidation || this.props.context.request.app?.config?.OmniChannelMedia) {\n            const source = this.props.config.imageSource ?? imageSource.pageContext;\n            let images: IImageData[] = [];\n            let mediaLocations: MediaLocation[] = [];\n            if (source === imageSource.pageContext && this.props.data.mediaLocationsForSelectedVariant.result) {\n                mediaLocations = this.props.data.mediaLocationsForSelectedVariant.result;\n            } else if (source === imageSource.productId && this.props.data.mediaLocations.result) {\n                mediaLocations = this.props.data.mediaLocations.result;\n            }\n            images = mediaLocations.map(mediaLocation => {\n                return {\n                    src: mediaLocation.Uri ?? '',\n                    altText: getAltText(\n                        this.props.context.actionContext.requestContext,\n                        this.shouldUseCmsAltText(),\n                        this.props.data.product.result?.Name,\n                        mediaLocation.AltText\n                    ),\n                    additionalProperties: mediaLocation.IsApplicableForChildEntities\n                        ? {\n                              isApplicableForChildEntities: 'true'\n                          }\n                        : undefined\n                };\n            });\n            const curatedImages = this.props.config.images ?? [];\n\n            return [...this._filterMasterImageFromVariant(images), ...curatedImages];\n        }\n        return [];\n    };\n\n    private _getMediaGalleryItems(isFullscreenAllowed: boolean, zoomViewMode: string): IMediaGalleryCarouselItems<React.ReactNode> {\n        const mediaGalleryItems = this.state.mediaGalleryItems;\n        const galleryImageSettings = this.props.config.galleryImageSettings;\n        if (galleryImageSettings) {\n            galleryImageSettings.cropFocalRegion = true;\n        }\n\n        const zoomView = isFullscreenAllowed ? 'fullscreen' : zoomViewMode;\n\n        const hasMediaGalleryItems = ArrayExtensions.hasElements(mediaGalleryItems);\n\n        if (!hasMediaGalleryItems) {\n            if (this.state.lastUpdate) {\n                return { items: [this._renderEmptyImage(galleryImageSettings)], keys: ['empty'] };\n            }\n            return { items: [], keys: [] };\n        }\n\n        return {\n            items: [\n                // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n                ...mediaGalleryItems!.map((item: IMediaData, index: number) => {\n                    return this._renderCarouselItemImageView(\n                        zoomView,\n                        item,\n                        galleryImageSettings ?? this.defaultGalleryImageSettings,\n                        index\n                    );\n                })\n            ],\n            // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n            keys: [...mediaGalleryItems!.map(item => item.src)]\n        };\n    }\n\n    private async _setImages(images?: IMediaData[]): Promise<void> {\n        const curatedImage = this.props.config.images || [];\n        const mediaToSet: IMediaData[] = this._filterMasterImageFromVariant(images);\n\n        void Promise.all(\n            mediaToSet.map(async mediaData => {\n                if (mediaData.mediaTypeValue === MediaType.Video && mediaData.src) {\n                    try {\n                        const url = new URL(mediaData.src);\n                        const videoId = url.searchParams.get('CVID');\n                        if (videoId) {\n                            mediaData.videoData = await getVideoMetadataFromApi(videoId, this.props.context.actionContext);\n                        }\n                    } catch (error) {\n                        if (this.props.telemetry) {\n                            this.props.telemetry.debug('Error while fetching videoId');\n                        }\n                    }\n                }\n                return mediaData;\n            })\n        ).then(mediaData => {\n            const mediaItems = mediaData.filter(element => {\n                return (\n                    element.mediaTypeValue !== MediaType.Video ||\n                    (element.mediaTypeValue === MediaType.Video && element.videoData !== undefined)\n                );\n            });\n\n            this.setState({\n                mediaGalleryItems: [...mediaItems, ...curatedImage],\n                activeIndex: 0,\n                lastUpdate: Date.now(),\n                shouldUseOptimizedImage: false\n            });\n        });\n\n        this.setState({\n            mediaGalleryItems: [...mediaToSet, ...curatedImage],\n            activeIndex: 0,\n            lastUpdate: Date.now(),\n            shouldUseOptimizedImage: false\n        });\n    }\n\n    private _setRenderType(): void {\n        this.setState({\n            isInitialLoad: false\n        });\n    }\n\n    private _renderCarouselItemImageView(\n        zoomView: string,\n        media: IMediaData,\n        imageSettings: IImageSettings,\n        index: number,\n        isInPopup: boolean = false\n    ): React.ReactNode {\n        if (media.mediaTypeValue === MediaType.Video) {\n            if (isInPopup || zoomView !== 'fullscreen') {\n                return <>{this._renderCarouselItemVideo(media, index, imageSettings)}</>;\n            }\n            return <>{this._renderVideoThumbnail(media, index, imageSettings)}</>;\n        } else {\n            if (this.isMobile()) {\n                if (isInPopup) {\n                    return this._renderImageInContainerOnZoom(media, this._zoomedImageSettings, index);\n                }\n                return this._renderImageFullScreenOnZoom(media, imageSettings, index);\n            }\n\n            switch (zoomView) {\n                case 'container': {\n                    return this._renderImageInContainerOnZoom(media, this._zoomedImageSettings, index);\n                }\n                case 'inline': {\n                    return this._renderImageInlineOnZoom(media, this._zoomedImageSettings, index);\n                }\n                case 'fullscreen': {\n                    return this._renderImageFullScreenOnZoom(media, imageSettings, index);\n                }\n\n                // No default\n            }\n            return <>{this._getCarouselItem(media, imageSettings, index, isInPopup)}</>;\n        }\n    }\n\n    private _filterMasterImageFromVariant(images?: IImageData[]): IImageData[] {\n        const shouldHidePrimaryImages = this.props.config.shouldHideMasterProductImagesForVariant ?? true;\n        let variantImages = images ?? [];\n        const isVariantProduct =\n            !ObjectExtensions.isNullOrUndefined(this.props.data.product.result?.MasterProductId) ||\n            !ObjectExtensions.isNullOrUndefined(this.props.data.product.result?.productVariant);\n        const itemId = this.props.data.product.result?.ItemId;\n        if (shouldHidePrimaryImages && isVariantProduct && itemId) {\n            variantImages = variantImages.filter(item => {\n                const isApplicableForChildEntities = item.additionalProperties?.isApplicableForChildEntities;\n                return !isApplicableForChildEntities;\n            });\n            if (!ArrayExtensions.hasElements(variantImages)) {\n                variantImages = images ?? [];\n            }\n        }\n        return variantImages;\n    }\n\n    private readonly _renderCarouselItemVideo = (mediaData: IMediaData, index: number, imageSettings: IImageSettings): React.ReactNode => {\n        const videoData = mediaData.videoData;\n        if (videoData) {\n            const options: IPlayerOptions = this.props.config as IPlayerOptions;\n            const playerResources = this.props.resources;\n            const videoMetaData: IVideoMetadata = {};\n            videoMetaData.videoId = videoData.id;\n            videoMetaData.title = videoData.title;\n            videoMetaData.duration = videoData.playTime;\n            if (videoData.thumbnail) {\n                videoMetaData.posterframeUrl = videoData.thumbnail.src;\n            }\n            if (videoData._links?.binaryReferences) {\n                videoMetaData.videoBinaryReferences = videoData._links.binaryReferences;\n            }\n            const videoPlayerData: IPlayerData = { options, metaData: videoMetaData };\n            const attributes = {\n                id: `${this.props.id}__carousel-item__${index}`\n            };\n            return (\n                <Video className='ms-media-gallery__player' editProps={{ key: videoData, requestContext: this.props.context.request }}>\n                    <Player\n                        ref={this.player}\n                        playerData={videoPlayerData}\n                        isEditor={this.props.context.request.params.isEditor}\n                        playerResources={playerResources}\n                        {...attributes}\n                    />\n                </Video>\n            );\n        }\n        return this._renderEmptyImage(imageSettings);\n    };\n\n    private readonly _getCarouselItem = (\n        image: IImageData,\n        imageSettings: IImageSettings,\n        index: number,\n        isInPopup: boolean = false\n    ): React.ReactNode => (\n        <Image\n            requestContext={this.props.context.actionContext.requestContext}\n            className='ms-media-gallery__item'\n            {...image}\n            fallBackSrc={this.props.context.request.app?.config?.OmniChannelMedia ? '' : index === 0 ? this.fallbackImage : image.src}\n            gridSettings={this.props.context.request.gridSettings!}\n            imageSettings={imageSettings}\n            loadFailureBehavior='hide'\n            id={`${this.props.id}__carousel-item__${index}`}\n            shouldSkipToMainImage={isInPopup}\n            bypassHideOnFailure={index === 0}\n        />\n    );\n\n    private readonly _getThumbnailItem = (\n        image: IImageData,\n        imageSettings: IImageSettings,\n        index: number,\n        modifiedActiveIndex: number\n    ): IMediaGalleryThumbnailItemViewProps => {\n        const classes = classnames(\n            'ms-media-gallery__thumbnail-item',\n            modifiedActiveIndex === index ? 'ms-media-gallery__thumbnail-item-active' : ''\n        );\n\n        return {\n            ThumbnailItemContainerProps: {\n                tag: 'li' as NodeTag,\n                className: classes,\n                role: 'tab',\n                tabIndex: 0,\n                key: index,\n                'aria-label': image.altText,\n                'aria-selected': modifiedActiveIndex === index,\n                onClick: this._generateOnThumbnailClick(index),\n                onKeyDown: this._generateOnThumbnailKeyDown(index)\n            },\n            Picture: (\n                <Image\n                    requestContext={this.props.context.actionContext.requestContext}\n                    className='ms-media-gallery__thumbnail'\n                    {...image}\n                    fallBackSrc={index === 0 ? this.fallbackImage : image.src}\n                    gridSettings={this.props.context.request.gridSettings!}\n                    imageSettings={imageSettings}\n                    loadFailureBehavior='hide'\n                    imageFallbackOptimize={this.state.shouldUseOptimizedImage}\n                    bypassHideOnFailure={index === 0}\n                />\n            )\n        };\n    };\n\n    /**\n     * Gets the video thumbnail item to display media gallery.\n     * @param props - The Media gallery view props from business layer.\n     * @returns Return thumbnail view props which will be used to render video.\n     */\n    private readonly getVideoThumbNailItem = (\n        mediaData: IMediaData,\n        imageSettings: IImageSettings,\n        index: number,\n        modifiedActiveIndex: number\n    ): IMediaGalleryThumbnailItemViewProps => {\n        const classes = classnames(\n            'ms-media-gallery__thumbnail-item',\n            modifiedActiveIndex === index ? 'ms-media-gallery__thumbnail-item-active' : ''\n        );\n\n        const videoData = mediaData.videoData;\n        let image: IImageData;\n        if (videoData?.thumbnail) {\n            image = videoData.thumbnail;\n        } else {\n            image = {\n                src: 'empty'\n            };\n        }\n\n        return {\n            ThumbnailItemContainerProps: {\n                tag: 'li' as NodeTag,\n                className: classes,\n                role: 'tab',\n                tabIndex: 0,\n                key: index,\n                'aria-label': image.altText,\n                'aria-selected': modifiedActiveIndex === index,\n                onClick: this._generateOnThumbnailClick(index),\n                onKeyDown: this._generateOnThumbnailKeyDown(index)\n            },\n            Picture: (\n                <Image\n                    requestContext={this.props.context.actionContext.requestContext}\n                    className='ms-media-gallery__thumbnail'\n                    {...image}\n                    fallBackSrc={image.src}\n                    gridSettings={this.props.context.request.gridSettings!}\n                    imageSettings={imageSettings}\n                    loadFailureBehavior='hide'\n                    imageFallbackOptimize={this.state.shouldUseOptimizedImage}\n                    bypassHideOnFailure={index === 0}\n                />\n            )\n        };\n    };\n\n    /**\n     * Ref Handler.\n     * @param index -Remove item click function.\n     * @returns Set inline zoom.\n     */\n    private readonly _refHandler = (index: number) => (divRef: HTMLDivElement) => {\n        this._inlineZoomDivRef.set(index, divRef);\n    };\n\n    private readonly _generateOnThumbnailKeyDown = (index: number) => {\n        return (event: React.KeyboardEvent) => {\n            if (event.which === KeyCodes.Enter || event.which === KeyCodes.Space) {\n                event.preventDefault();\n\n                this.goToIndex(index);\n            }\n        };\n    };\n\n    private readonly _generateOnThumbnailClick = (index: number) => {\n        return (event: React.MouseEvent<HTMLLIElement>) => {\n            event.preventDefault();\n\n            this.goToIndex(index);\n        };\n    };\n\n    private _renderImageInlineOnZoom(image: IImageData, imageSettings: IImageSettings, index: number): React.ReactNode {\n        return (\n            <div\n                className={`ms-inline-zoom ${this.state.isImageZoomed ? 'zoomed' : ''}`}\n                ref={this._refHandler(index)}\n                data-scale={this.props.config.dataScale ?? defaultDataScale}\n            >\n                <Image\n                    requestContext={this.props.context.actionContext.requestContext}\n                    className='ms-media-gallery__item'\n                    {...image}\n                    fallBackSrc={index === 0 ? this.fallbackImage : image.src}\n                    gridSettings={this.props.context.request.gridSettings!}\n                    imageSettings={imageSettings}\n                    loadFailureBehavior='hide'\n                    onClick={this._onInlineImageClick}\n                    onMouseOver={(this.state.isImageZoomed && this._inlineZoomImageOnHover) || undefined}\n                    id={`${this.props.id}__carousel-item__${index}`}\n                    shouldSkipToMainImage\n                    imageFallbackOptimize={this.state.shouldUseOptimizedImage && !this.props.config.allowFullScreen}\n                    bypassHideOnFailure={index === 0}\n                />\n                <Image\n                    role='presentation'\n                    requestContext={this.props.context.actionContext.requestContext}\n                    className='ms-inline-zoom__zoomedImg'\n                    {...image}\n                    fallBackSrc={index === 0 ? this.fallbackImage : image.src}\n                    onClick={this._onImageMouseOut}\n                    gridSettings={this.props.context.request.gridSettings!}\n                    imageSettings={imageSettings}\n                    loadFailureBehavior='hide'\n                    id={`${this.props.id}__zoom__${index}`}\n                    onMouseMove={(this.state.isImageZoomed && inlineZoomImageOnMouseMove) || undefined}\n                    shouldSkipToMainImage\n                    imageFallbackOptimize={this.state.shouldUseOptimizedImage && !this.props.config.allowFullScreen}\n                    bypassHideOnFailure={index === 0}\n                />\n            </div>\n        );\n    }\n\n    private _inlineZoomImageOnHover(event: React.MouseEvent<HTMLImageElement>): void {\n        inlineZoomImageOnHover(event, this.props.config.dataScale ?? String(defaultDataScale));\n    }\n\n    private _handleMobileViewZoomedImageClick(event: React.MouseEvent<HTMLImageElement>) {\n        const target = this.state.shouldUseOptimizedImage ? (event.target as HTMLImageElement) : event.currentTarget;\n        const mobileZoomedInImageClassName = 'msc-mobile-zoomed-in';\n        if (!this.state.isMobileImageZoomed) {\n            const bounds = target.getBoundingClientRect();\n            const dataScale = Number(this.props.config.dataScale ?? defaultDataScale);\n\n            const positionX = event.clientX - bounds.left;\n            const positionY = event.clientY - bounds.top;\n            const scaledPositionX = positionX * dataScale;\n            const scaledPositionY = positionY * dataScale;\n\n            target.style.transform = `scale(${dataScale})`;\n            target.classList.add(mobileZoomedInImageClassName);\n            target.parentElement!.style.overflow = 'auto';\n            target.parentElement!.scrollTo(scaledPositionX - positionX, scaledPositionY - positionY);\n            this.setState({\n                isMobileImageZoomed: true\n            });\n        } else {\n            target.style.transform = '';\n            target.classList.remove(mobileZoomedInImageClassName);\n            target.parentElement!.style.overflow = '';\n            this.setState({\n                isMobileImageZoomed: false\n            });\n        }\n    }\n\n    private _onInlineImageClick(event: React.MouseEvent<HTMLImageElement>): void {\n        if (window.innerWidth <= 768) {\n            // $msv-breakpoint-m\n            this._handleMobileViewZoomedImageClick(event);\n            return;\n        }\n        inlineZoomInitClick(event, this.props.config.dataScale ?? String(defaultDataScale));\n        this.setState({\n            isImageZoomed: true\n        });\n    }\n\n    private _onImageMouseOut(event: React.MouseEvent<HTMLImageElement, MouseEvent>): void {\n        inlineZoomImageOnMouseOut(event);\n        this.setState({\n            isImageZoomed: false\n        });\n    }\n\n    private _onContainerZoomImageClick(event: React.MouseEvent<HTMLImageElement>): void {\n        if (window.innerWidth <= 768) {\n            // $msv-breakpoint-m\n            this._handleMobileViewZoomedImageClick(event);\n            return;\n        }\n\n        onContainerZoomInit(event);\n\n        this.setState({\n            isImageZoomed: true\n        });\n    }\n\n    private _onMouseOutLensContainer(event: React.MouseEvent<HTMLImageElement>): void {\n        onMouseOutLensContainer(event);\n\n        this.setState({\n            isImageZoomed: false\n        });\n    }\n\n    private _renderImageInContainerOnZoom(image: IImageData, imageSettings: IImageSettings, index: number): React.ReactNode {\n        return (\n            <div className='ms-containerZoom__container'>\n                <div\n                    data-scale={this.props.config.dataScale ?? defaultDataScale}\n                    className='ms-containerZoom__zoom-lens'\n                    role='presentation'\n                    onMouseOut={this._onMouseOutLensContainer}\n                    onClick={this._onMouseOutLensContainer}\n                    onMouseMove={(this.state.isImageZoomed && onMouseMoveLensContainer) || undefined}\n                />\n                <Image\n                    requestContext={this.props.context.actionContext.requestContext}\n                    className='ms-media-gallery__item'\n                    {...image}\n                    fallBackSrc={index === 0 ? this.fallbackImage : image.src}\n                    gridSettings={this.props.context.request.gridSettings!}\n                    onClick={this._onContainerZoomImageClick}\n                    imageSettings={imageSettings}\n                    loadFailureBehavior='hide'\n                    onMouseOver={(this.state.isImageZoomed && onMouseOverImageContainer) || undefined}\n                    id={`${this.props.id}__carousel-item__${index}`}\n                    shouldSkipToMainImage\n                    imageFallbackOptimize={this.state.shouldUseOptimizedImage && !this.props.config.allowFullScreen}\n                    bypassHideOnFailure={index === 0}\n                />\n            </div>\n        );\n    }\n\n    private _renderImageFullScreenOnZoom(image: IImageData, imageSettings: IImageSettings, index: number): React.ReactNode {\n        return (\n            <div className='ms-fullscreen-section'>\n                <Image\n                    requestContext={this.props.context.actionContext.requestContext}\n                    className='ms-media-gallery__item'\n                    {...image}\n                    fallBackSrc={index === 0 ? this.fallbackImage : image.src}\n                    gridSettings={this.props.context.request.gridSettings!}\n                    imageSettings={imageSettings}\n                    loadFailureBehavior='hide'\n                    imageFallbackOptimize={this.state.shouldUseOptimizedImage}\n                    bypassHideOnFailure={index === 0}\n                />\n                <div className='ms-fullscreen-section__overlay'>\n                    {}\n                    <a\n                        href='javascript:void(0);'\n                        title={this.props.resources.fullScreenTitleText}\n                        role='button'\n                        ref={this.fullScreenOverlayButtonRef}\n                        onClick={this.openModalDialog}\n                        className='ms-fullscreen-section__magnifying-glass-icon'\n                    />\n                </div>\n            </div>\n        );\n    }\n\n    /**\n     * Render the video thumbnail in full screen.\n     * @param mediaData - Media Data.\n     * @param index - Index\n     * @param imageSettings - Image settings.\n     * @returns - JSX.Element\n     */\n    private readonly _renderVideoThumbnail = (mediaData: IMediaData, index: number, imageSettings: IImageSettings): React.ReactNode => {\n        const videoData = mediaData.videoData;\n        let image: IImageData;\n        if (videoData?.thumbnail) {\n            image = videoData.thumbnail;\n        } else {\n            image = {\n                src: 'empty'\n            };\n        }\n\n        return (\n            <div className='ms-fullscreen-section'>\n                <Image\n                    requestContext={this.props.context.actionContext.requestContext}\n                    className='ms-fullscreen-section__video'\n                    {...image}\n                    fallBackSrc={image.src}\n                    gridSettings={this.props.context.request.gridSettings!}\n                    imageSettings={imageSettings}\n                    loadFailureBehavior='hide'\n                    imageFallbackOptimize={this.state.shouldUseOptimizedImage}\n                    bypassHideOnFailure={index === 0}\n                />\n                <div className='ms-fullscreen-section__video-overlay'>\n                    {}\n                    <button\n                        title={this.props.resources.fullScreenTitleText}\n                        role='button'\n                        ref={this.fullScreenOverlayButtonRef}\n                        onClick={this.openModalDialog}\n                        className='ms-fullscreen-section__video-play-icon'\n                    />\n                </div>\n            </div>\n        );\n    };\n\n    private _mapProductToImageData(product: SimpleProduct): IImageData {\n        return {\n            src: product.PrimaryImageUrl ?? ''\n        };\n    }\n\n    private _renderEmptyImage(imageSettings: IImageSettings | undefined): React.ReactNode {\n        return (\n            <div className='ms-media-gallery__item'>\n                <Image\n                    requestContext={this.props.context.actionContext.requestContext}\n                    className='ms-media-gallery__item__image'\n                    src='empty'\n                    gridSettings={this.props.context.request.gridSettings!}\n                    imageSettings={imageSettings ?? this.defaultGalleryImageSettings}\n                    loadFailureBehavior='empty'\n                />\n            </div>\n        );\n    }\n\n    private _getEmptyThumbnailItem(\n        imageSettings: IImageSettings | undefined,\n        index: number,\n        modifiedActiveIndex: number\n    ): IMediaGalleryThumbnailItemViewProps {\n        const classes = classnames(\n            'ms-media-gallery__thumbnail-item',\n            modifiedActiveIndex === index ? 'ms-media-gallery__thumbnail-item-active' : ''\n        );\n        return {\n            ThumbnailItemContainerProps: {\n                tag: 'li' as NodeTag,\n                className: classes,\n                role: 'tab',\n                tabIndex: 0,\n                key: 'empty',\n                'aria-label': '',\n                'aria-selected': modifiedActiveIndex === index,\n                onClick: this._generateOnThumbnailClick(index),\n                onKeyDown: this._generateOnThumbnailKeyDown(index)\n            },\n            Picture: (\n                <Image\n                    requestContext={this.props.context.actionContext.requestContext}\n                    className='ms-media-gallery__thumbnail-item__image'\n                    src='empty'\n                    gridSettings={this.props.context.request.gridSettings!}\n                    imageSettings={imageSettings ?? this.defaultThumbnailImageSettings}\n                    loadFailureBehavior='empty'\n                />\n            )\n        };\n    }\n\n    private readonly isFirstItem = () => this.state.activeIndex === 0;\n\n    private readonly isLastItem = () => {\n        const images = this.state.mediaGalleryItems;\n        return images && this.state.activeIndex === images.length - 1;\n    };\n\n    private readonly openModalDialog = (): void => {\n        this._toggleModal();\n    };\n\n    private _toggleModal(): void {\n        if (this.state.modalIsOpen) {\n            this.fullScreenOverlayButtonRef.current?.focus();\n            const parentDiv = this._inlineZoomDivRef.get(this.state.activeIndex);\n            if (parentDiv && parentDiv.children && parentDiv.children.length >= 2) {\n                const image = parentDiv.children[1].querySelector('img');\n                if (image) {\n                    image.removeAttribute('style');\n                }\n            }\n            this.setState({\n                isImageZoomed: false\n            });\n        }\n        this.setState({\n            isImageZoomed: false,\n            modalIsOpen: !this.state.modalIsOpen\n        });\n        removeInlineZoomStyle();\n        removeContainerZoomStyle();\n    }\n\n    private readonly imageModalSlider = (ZoomView: string): React.ReactElement => {\n        const {\n            data: {\n                product: { result: product }\n            },\n            resources\n        } = this.props;\n        let mediaGalleryItems = this.state.mediaGalleryItems;\n\n        if (!mediaGalleryItems && product) {\n            mediaGalleryItems = [this._mapProductToImageData(product)];\n        }\n        const carouselprops = {\n            tag: Carousel,\n            className: 'ms-media-gallery__carousel',\n            items:\n                mediaGalleryItems &&\n                mediaGalleryItems.map((item: IImageData, index: number) =>\n                    this._renderCarouselItemImageView(ZoomView, item, this._zoomedImageSettings, index, true)\n                ),\n            activeIndex: this.state.activeIndex,\n            next: this.next,\n            previous: this.previous,\n            interval: false,\n            directionTextPrev: resources.previousScreenshotFlipperText,\n            directionTextNext: resources.nextScreenshotFlipperText,\n            onIndicatorsClickHandler: this.goToIndex,\n            showPaginationTooltip: true,\n            hideIndicator: false,\n            keyboard: false,\n            handleOnExited: this.onExited,\n            handleOnExiting: this.onExiting,\n            isDisabledFunctionality: this.state.isMobileImageZoomed\n        } as IComponentNodeProps<ICarouselProps>;\n        const carousel = <Carousel {...carouselprops} />;\n\n        const imageModalSliderProps: IModalViewProps = {\n            modalIsOpen: this.state.modalIsOpen,\n            ontoggle: this._toggleModal,\n            galleryCarousel: carousel,\n            classNames: classnames('ms-media-gallery__modal', 'msc-modal-input-required')\n        };\n        return ImagefullView(imageModalSliderProps) as React.ReactElement;\n    };\n\n    private shouldUseCmsAltText = (): boolean => {\n        if (this.props.config.altTextSource === 'product') {\n            return false;\n        } else {\n            return true;\n        }\n    };\n}\n\nexport default MediaGallery;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { Module, Node } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { IMediaGalleryThumbnailItemViewProps, IMediaGalleryThumbnailsViewProps, IMediaGalleryViewProps } from '../..';\n\nconst MediaGalleryView: React.FC<IMediaGalleryViewProps> = props => {\n    const { CarouselProps, Thumbnails, MediaGallery, Modal } = props;\n\n    return (\n        <Module {...MediaGallery}>\n            <Node {...CarouselProps} />\n            {Modal}\n            {_renderThumbnails(Thumbnails)}\n        </Module>\n    );\n};\n\nconst _renderThumbnails = (thumbnails: IMediaGalleryThumbnailsViewProps): JSX.Element => {\n    const { ThumbnailsContainerProps, SingleSlideCarouselComponentProps, items } = thumbnails;\n\n    return (\n        <Node {...ThumbnailsContainerProps}>\n            <Node {...SingleSlideCarouselComponentProps}>{items && items.map(_renderThumbnailItem)}</Node>\n        </Node>\n    );\n};\n\nconst _renderThumbnailItem = (thumbnail: IMediaGalleryThumbnailItemViewProps): JSX.Element => {\n    const { ThumbnailItemContainerProps, Picture } = thumbnail;\n\n    return <Node {...ThumbnailItemContainerProps}>{Picture}</Node>;\n};\n\nexport default MediaGalleryView;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { IImageData, IRequestContext, IVideoData } from '@msdyn365-commerce/core';\n\nexport enum MediaType {\n    /**\n     * The None.\n     */\n    None = 0,\n    /**\n     * The Image type.\n     */\n    Image = 1,\n    /**\n     * The video type.\n     */\n    Video = 2,\n    /**\n     * The file type.\n     */\n    File = 3\n}\n\nexport interface IMediaData extends IImageData {\n    mediaTypeValue?: MediaType;\n    displayOrder?: number;\n    videoData?: IVideoData;\n}\n\n/**\n * Gets correct alt text for image based on configuration of site.\n * @param productName Product name.\n * @param context Current request context.\n * @param imageAltText Alt-text from CMS image.\n */\nexport function getAltText(\n    context: IRequestContext,\n    shouldUseCmsAltText: boolean,\n    productName?: string,\n    imageAltText?: string\n): string | undefined {\n    if (!context?.app?.config?.OmniChannelMedia) {\n        return productName;\n    }\n    if (shouldUseCmsAltText) {\n        return imageAltText;\n    }\n    return productName;\n}\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport {\n    commerceApiRequest,\n    commerceVideoMetadataRequest,\n    getCatalogId,\n    IActionContext,\n    IImageData,\n    IImageSettings,\n    IVideoData\n} from '@msdyn365-commerce/core';\nimport { MediaLocation, SimpleProduct } from '@msdyn365-commerce/retail-proxy';\nimport {\n    ArrayExtensions,\n    getMediaLocationsForSelectedVariant,\n    MediaLocationsForSelectedVariantInput\n} from '@msdyn365-commerce-modules/retail-actions';\nimport { getAltText } from './helper';\n\nasync function validateMediaLocationAsync(mediaLocation: MediaLocation): Promise<[IImageData, boolean]> {\n    const imageData: IImageData = {\n        src: mediaLocation.Uri || '',\n        altText: mediaLocation.AltText || ''\n    };\n    if (mediaLocation.IsApplicableForChildEntities) {\n        imageData.additionalProperties = { isApplicableForChildEntities: 'true' };\n    }\n\n    if (imageData.src === '') {\n        return [imageData, false];\n    }\n\n    return new Promise<[IImageData, boolean]>(resolve => {\n        try {\n            const http = new XMLHttpRequest();\n            http.open('HEAD', imageData.src!, true);\n\n            http.addEventListener('load', () => {\n                resolve([imageData, http.status === 200 || http.status === 201]);\n            });\n\n            http.addEventListener('error', () => {\n                resolve([imageData, false]);\n            });\n\n            http.send();\n        } catch {\n            resolve([imageData, false]);\n        }\n    });\n}\n\nexport async function getValidProductImages(\n    productId: number,\n    channelId: number,\n    actionContext: IActionContext,\n    imageSettings: IImageSettings,\n    selectedProduct?: SimpleProduct\n): Promise<IImageData[]> {\n    const catalogId = getCatalogId(actionContext.requestContext);\n    const actionInput = new MediaLocationsForSelectedVariantInput(productId, channelId, selectedProduct, catalogId);\n\n    return getMediaLocationsForSelectedVariant(actionInput, actionContext)\n        .then(mediaLocations => {\n            if (mediaLocations) {\n                return Promise.all(mediaLocations.map(mediaLocation => validateMediaLocationAsync(mediaLocation))).then(pairs => {\n                    return pairs.filter(pair => pair[1]).map(pair => pair[0]);\n                });\n            }\n\n            return [];\n        })\n        .catch(error => {\n            actionContext.telemetry.exception(error);\n            actionContext.telemetry.debug('Unable to get Media Locations for Selected Variant');\n            return [];\n        });\n}\n\n/**\n * Gets product variant images on dimension change of buy-box module for Omni scenario.\n * @param productId Product record id.\n * @param shouldUseCmsAltText Alt-text source to use.\n * @param channelId Current channel id.\n * @param actionContext Current action context.\n * @param productName Product name.\n * @param selectedProduct Currently selected variant product.\n * @returns List of images.\n */\n\nexport async function getProductImages(\n    productId: number,\n    shouldUseCmsAltText: boolean,\n    channelId: number,\n    actionContext: IActionContext,\n    productName?: string,\n    selectedProduct?: SimpleProduct\n): Promise<IImageData[]> {\n    const catalogId = getCatalogId(actionContext.requestContext);\n    if (actionContext.requestContext?.params?.isPreview) {\n        const response = await commerceApiRequest(actionContext.requestContext, 'msdyn365-ochannel-product-info', 'post', {\n            productId: productId,\n            channelId: channelId,\n            catalogId: catalogId\n        });\n        if (response.status !== 200) {\n            actionContext.telemetry.debug('Unable to get Media Locations for Selected Variant for preview scenario');\n            return [];\n        }\n        const previewImageData = response?.data as MediaLocation[];\n        if (previewImageData) {\n            return previewImageData.map(mediaLocation => {\n                return {\n                    src: mediaLocation.Uri ?? '',\n                    altText: getAltText(actionContext.requestContext, shouldUseCmsAltText, productName, mediaLocation.AltText),\n                    displayOrder: mediaLocation.DisplayOrder,\n                    mediaTypeValue: mediaLocation.MediaTypeValue,\n                    additionalProperties: mediaLocation.IsApplicableForChildEntities\n                        ? {\n                              isApplicableForChildEntities: 'true'\n                          }\n                        : undefined\n                };\n            });\n        }\n        return [];\n    }\n    const actionInput = new MediaLocationsForSelectedVariantInput(productId, channelId, selectedProduct, catalogId);\n    return getMediaLocationsForSelectedVariant(actionInput, actionContext)\n        .then(mediaLocations => {\n            if (mediaLocations) {\n                return mediaLocations.map(mediaLocation => {\n                    return {\n                        src: mediaLocation.Uri ?? '',\n                        altText: getAltText(actionContext.requestContext, shouldUseCmsAltText, productName, mediaLocation.AltText),\n                        displayOrder: mediaLocation.DisplayOrder,\n                        mediaTypeValue: mediaLocation.MediaTypeValue,\n                        additionalProperties: mediaLocation.IsApplicableForChildEntities\n                            ? {\n                                  isApplicableForChildEntities: 'true'\n                              }\n                            : undefined\n                    };\n                });\n            }\n            return [];\n        })\n        .catch(error => {\n            actionContext.telemetry.exception(error);\n            actionContext.telemetry.debug('Unable to get Media Locations for Selected Variant');\n            return [];\n        });\n}\n\nexport async function validateProductImages(\n    mediaLocations: MediaLocation[],\n    actionContext: IActionContext,\n    imageSettings: IImageSettings\n): Promise<IImageData[]> {\n    return Promise.all(mediaLocations.map(mediaLocation => validateMediaLocationAsync(mediaLocation)))\n        .then(pairs => {\n            return pairs.filter(pair => pair[1]).map(pair => pair[0]);\n        })\n        .catch(error => {\n            actionContext.telemetry.exception(error);\n            actionContext.telemetry.debug('Unable to validate product images');\n            return [];\n        });\n}\n\n/**\n * GetVideoMetadataFromAPI - Makes API call to get video metadata.\n * @param videoId: Video Id\n * @param actionContext: Action context\n * @returns: Returns the meta data of the video.\n */\nexport async function getVideoMetadataFromApi(videoId: string, actionContext: IActionContext): Promise<IVideoData | undefined> {\n    let videoPlayerData: IVideoData | undefined;\n    if (videoId) {\n        const response = await commerceVideoMetadataRequest(actionContext.requestContext, [videoId]);\n\n        if (response.status !== 200) {\n            actionContext.telemetry.debug(`Unable to get video metadata for videoId: ${videoId}`);\n            return;\n        }\n\n        const videoData = response.data as [];\n        if (videoData && ArrayExtensions.hasElements(videoData)) {\n            videoPlayerData = videoData[0];\n        }\n    }\n    return videoPlayerData;\n}\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { IImageData, IImageSettings, Image, Video } from '@msdyn365-commerce/core';\nimport {\n    IMediaData,\n    IMediaGalleryThumbnailItemViewProps,\n    IMediaGalleryThumbnailsViewProps,\n    IMediaGalleryViewProps,\n    MediaType\n} from '@msdyn365-commerce-modules/media-gallery';\nimport { ArrayExtensions, getFallbackImageUrl } from '@msdyn365-commerce-modules/retail-actions';\nimport { Button, KeyCodes, Module, Node, NodeTag } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport React from 'react';\nimport { IPlayerData, IPlayerOptions, IVideoMetadata, Player } from '@msdyn365-commerce-modules/video-player-utilities';\n\ninterface IMediaGalleryItemsProps extends IMediaGalleryThumbnailItemViewProps {\n    Video?: React.ReactElement;\n}\n\n/**\n * Render the thumbnail item images.\n * @param thumbnail - The carousel thumbnail line props.\n * @returns Return HTML having thumbnail container props with image.\n */\nconst renderThumbnailItem = (thumbnail: IMediaGalleryItemsProps): JSX.Element => {\n    // eslint-disable-next-line @typescript-eslint/naming-convention --  Dependency from media-gallery.tsx file\n    const { ThumbnailItemContainerProps, Picture, Video } = thumbnail;\n\n    return <Node {...ThumbnailItemContainerProps}>{Video ? Video : Picture}</Node>;\n};\n\n/**\n * Gets the thumbnail item to display media gallery images.\n * @param image - The media gallery images.\n * @param imageSettings - Image settings for the image gallery items.\n * @param imageId - Image id.\n * @param modifiedActiveIndex - Modified Index of the images when selection changes.\n * @param props - The Media gallery view props from business layer.\n * @returns Return thumbnail view props which will be used to render images.\n */\nconst GetThumbnailItemComponent = (\n    image: IImageData,\n    imageSettings: IImageSettings,\n    imageId: number,\n    modifiedActiveIndex: number,\n    props: IMediaGalleryViewProps,\n    mediaTypeValue?: MediaType\n): IMediaGalleryThumbnailItemViewProps => {\n    let fallbackImage: string | undefined = '';\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access -- Site level config can be of any type.\n    const emptyPlaceHolderImage = props.context.app.config?.placeholderImageName as string;\n    if (props.data.product.result) {\n        fallbackImage = getFallbackImageUrl(\n            props.data.product.result.ItemId,\n            props.context.request.apiSettings,\n            props.context.request.app?.config?.OmniChannelMedia\n        );\n    }\n    if (emptyPlaceHolderImage && fallbackImage) {\n        fallbackImage = `${fallbackImage},${emptyPlaceHolderImage}`;\n    }\n\n    /**\n     * OnClick method of media gallery item.\n     */\n    const onClick = () => {\n        props.callbackToggle?.();\n        props.callbackThumbnailClick?.(imageId);\n        props.state.activeIndex = imageId;\n    };\n\n    const classes = classnames(\n        'ms-media-gallery__thumbnail-item',\n        modifiedActiveIndex === imageId ? 'ms-media-gallery__thumbnail-item-active' : ''\n    );\n\n    /**\n     * Keydown event of media gallery item.\n     * @param event - React.KeyboardEvent.\n     */\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        if (event.keyCode === KeyCodes.Enter) {\n            event.preventDefault();\n            onClick();\n        }\n    };\n    const defaultIndex = 0;\n    return {\n        ThumbnailItemContainerProps: {\n            tag: 'li' as NodeTag,\n            className: classes,\n            role: 'listitem',\n            key: imageId\n        },\n        Picture: (\n            <Node className='ms-fullscreen-section'>\n                <Button\n                    aria-label={image.altText}\n                    className='msc-ss-carousel-vert-button-wrapper'\n                    onClick={onClick}\n                    onKeyDown={handleKeyDown}\n                >\n                    <Image\n                        requestContext={props.context.actionContext.requestContext}\n                        className='ms-media-gallery__thumbnail'\n                        {...image}\n                        gridSettings={props.context.request.gridSettings!}\n                        imageSettings={props.config.thumbnailImageSettings ?? imageSettings}\n                        loadFailureBehavior='hide'\n                        imageFallbackOptimize={props.state.shouldUseOptimizedImage}\n                        fallBackSrc={\n                            props.context.request.app?.config?.OmniChannelMedia ? '' : imageId === defaultIndex ? fallbackImage : image.src\n                        }\n                        bypassHideOnFailure={imageId === defaultIndex}\n                    />\n                </Button>\n                <Node\n                    className={\n                        mediaTypeValue === MediaType.Video ? 'ms-fullscreen-section__video-overlay' : 'ms-fullscreen-section__overlay'\n                    }\n                >\n                    <Button\n                        onKeyDown={handleKeyDown}\n                        title={\n                            mediaTypeValue === MediaType.Video ? props.resources.playVideoTitleText : props.resources.fullScreenTitleText\n                        }\n                        role='button'\n                        className={\n                            mediaTypeValue === MediaType.Video\n                                ? 'ms-fullscreen-section__video-play-icon'\n                                : 'ms-fullscreen-section__magnifying-glass-icon'\n                        }\n                        onClick={onClick}\n                    />\n                </Node>\n            </Node>\n        )\n    };\n};\n\n/**\n * Render the video player.\n * @param mediaData - Media Data\n * @param index - Index of the video\n * @param activeIndex - Active Index\n * @param imageSettings - Image settings\n * @param props - Media gallery view props\n * @returns - JSX.Element.\n */\nconst RenderVideo = (\n    mediaData: IMediaData,\n    index: number,\n    activeIndex: number,\n    imageSettings: IImageSettings,\n    props: IMediaGalleryViewProps\n): IMediaGalleryItemsProps => {\n    const videoData = mediaData.videoData;\n    if (videoData) {\n        const options: IPlayerOptions = props.config as IPlayerOptions;\n        const playerResources = props.resources;\n        const videoMetaData: IVideoMetadata = {};\n        videoMetaData.videoId = videoData.id;\n        videoMetaData.title = videoData.title;\n        videoMetaData.duration = videoData.playTime;\n        if (videoData.thumbnail) {\n            videoMetaData.posterframeUrl = videoData.thumbnail.src;\n        }\n        if (videoData._links?.binaryReferences) {\n            videoMetaData.videoBinaryReferences = videoData._links.binaryReferences;\n        }\n        const videoPlayerData: IPlayerData = { options, metaData: videoMetaData };\n\n        const classes = classnames(\n            'ms-media-gallery__thumbnail-item',\n            index === activeIndex ? 'ms-media-gallery__thumbnail-item-active' : ''\n        );\n\n        return {\n            ThumbnailItemContainerProps: {\n                tag: 'li' as NodeTag,\n                className: classes,\n                role: 'listitem',\n                key: index\n            },\n            Picture: <></>,\n            Video: (\n                <Video className='ms-media-gallery__player' editProps={{ key: videoData, requestContext: props.context.request }}>\n                    <Player\n                        playerData={videoPlayerData}\n                        isEditor={props.context.request.params.isEditor}\n                        playerResources={playerResources}\n                    />\n                </Video>\n            )\n        };\n    }\n    return GetEmptyThumbnailItemComponent(imageSettings, props);\n};\n\n/**\n * Gets the empty thumbnail item to display media gallery images.\n * @param imageSettings - Image settings for the image gallery items.\n * @param props - The Media gallery view props from business layer.\n * @returns Return thumbnail view props which will be used to render empty images.\n */\nconst GetEmptyThumbnailItemComponent = (\n    imageSettings: IImageSettings,\n    props: IMediaGalleryViewProps\n): IMediaGalleryThumbnailItemViewProps => {\n    let fallbackImage: string | undefined = '';\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access -- Site level config can be of any type.\n    const emptyPlaceHolderImage = props.context.app.config?.placeholderImageName as string;\n\n    if (props.data.product.result) {\n        fallbackImage = getFallbackImageUrl(\n            props.data.product.result.ItemId,\n            props.context.request.apiSettings,\n            props.context.request.app?.config?.OmniChannelMedia\n        );\n    }\n    if (emptyPlaceHolderImage && fallbackImage) {\n        fallbackImage = `${fallbackImage},${emptyPlaceHolderImage}`;\n    }\n\n    return {\n        ThumbnailItemContainerProps: {\n            tag: 'li' as NodeTag,\n            className: 'ms-media-gallery__thumbnail-item',\n            role: 'listitem',\n            tabIndex: 0,\n            key: 0,\n            'aria-label': ''\n        },\n        Picture: (\n            <Image\n                requestContext={props.context.actionContext.requestContext}\n                className='ms-media-gallery__thumbnail-item__image'\n                src='empty'\n                gridSettings={props.context.request.gridSettings!}\n                imageSettings={props.config.thumbnailImageSettings ?? imageSettings}\n                loadFailureBehavior='empty'\n                imageFallbackOptimize={!!props.config.skipImageValidation}\n                fallBackSrc={fallbackImage}\n            />\n        )\n    };\n};\n\n/**\n * Update media gallery items method.\n * @param items - The media gallery thumbnail item view props.\n * @returns The IImageData array.\n */\nconst getMediaGalleryItems = (items?: IMediaData[]): IMediaData[] | undefined => {\n    return items?.map(item => {\n        return {\n            displayOrder: item.displayOrder,\n            mediaTypeValue: item.mediaTypeValue,\n            altText: item.altText,\n            src: item.src,\n            videoData: item.videoData\n        };\n    });\n};\n\nconst defaultThumbnailImageSettings: IImageSettings = {\n    viewports: {\n        xs: { q: 'w=295&h=295&q=80&m=6&f=jpg', w: 295, h: 295 },\n        xl: { q: 'w=295&h=295&q=80&m=6&f=jpg', w: 295, h: 295 }\n    },\n    lazyload: true,\n    cropFocalRegion: true\n};\n\n/**\n * Render the Media gallery thumbnails to represent images in grid view.\n * @param thumbnails - The thumbnail view props.\n * @param props - The media gallery view props.\n * @returns - The single slide carousel component to render as media gallery image.\n */\nconst renderThumbnails = (thumbnails: IMediaGalleryThumbnailsViewProps, props: IMediaGalleryViewProps): JSX.Element => {\n    // eslint-disable-next-line @typescript-eslint/naming-convention --  Dependency from media-gallery.tsx file\n    const { ThumbnailsContainerProps, SingleSlideCarouselComponentProps } = thumbnails;\n    const { state } = props;\n    const mediaGalleryItems = getMediaGalleryItems(state.mediaGalleryItems);\n\n    const items: IMediaGalleryItemsProps[] | undefined =\n        // eslint-disable-next-line multiline-ternary -- need multiline for easy code reading\n        state.lastUpdate && ArrayExtensions.hasElements(mediaGalleryItems) && mediaGalleryItems[0].src === 'empty'\n            ? [GetEmptyThumbnailItemComponent(defaultThumbnailImageSettings, props)]\n            : // eslint-disable-next-line @typescript-eslint/naming-convention -- Dependency from media-gallery\n              mediaGalleryItems?.map((item: IMediaData, id: number) => {\n                  if (item.mediaTypeValue === MediaType.Video) {\n                      if (props.config.allowFullScreen) {\n                          const videoThumbnail = item.videoData?.thumbnail;\n                          if (videoThumbnail) {\n                              return GetThumbnailItemComponent(\n                                  videoThumbnail,\n                                  defaultThumbnailImageSettings,\n                                  id,\n                                  state.activeIndex,\n                                  props,\n                                  item.mediaTypeValue\n                              );\n                          } else {\n                              return GetEmptyThumbnailItemComponent(defaultThumbnailImageSettings, props);\n                          }\n                      } else {\n                          return RenderVideo(item, id, state.activeIndex, defaultThumbnailImageSettings, props);\n                      }\n                  } else {\n                      return GetThumbnailItemComponent(item, defaultThumbnailImageSettings, id, state.activeIndex, props);\n                  }\n              });\n\n    return (\n        <Node {...ThumbnailsContainerProps}>\n            <Node {...SingleSlideCarouselComponentProps}>{items?.map(renderThumbnailItem)}</Node>\n        </Node>\n    );\n};\n\n/**\n * Render the Media gallery items using viewprops.\n * @param props - The media gallery view props.\n * @returns The media gallery module wrapping up images node.\n */\nconst mediaGalleryView: React.FC<IMediaGalleryViewProps> = props => {\n    // eslint-disable-next-line @typescript-eslint/naming-convention --  Dependency from media-gallery.tsx file\n    const { CarouselProps, Thumbnails, MediaGallery, Modal } = props;\n\n    // The thumbnails in AW theme aren't used as tabs\n    const NewSingleSlideCarouselComponentProps = { ...Thumbnails.SingleSlideCarouselComponentProps, useTabList: false };\n    const NewThumbnails = { ...Thumbnails, SingleSlideCarouselComponentProps: NewSingleSlideCarouselComponentProps };\n\n    return (\n        <Module {...MediaGallery}>\n            <Node {...CarouselProps} />\n            {Modal}\n            {renderThumbnails(NewThumbnails, props)}\n        </Module>\n    );\n};\n\nexport default mediaGalleryView;\n","module.exports = React;","module.exports = ReactDOM;"],"names":["renderThumbnailItem","thumbnail","ThumbnailItemContainerProps","Picture","React","Node","Object","assign","GetEmptyThumbnailItemComponent","imageSettings","props","_props$context$app$co2","_props$config$thumbna2","fallbackImage","emptyPlaceHolderImage","context","app","config","placeholderImageName","data","product","result","getFallbackImageUrl","ItemId","request","apiSettings","tag","className","role","tabIndex","key","Image","requestContext","actionContext","src","gridSettings","thumbnailImageSettings","loadFailureBehavior","imageFallbackOptimize","skipImageValidation","fallBackSrc","defaultThumbnailImageSettings","viewports","xs","q","w","h","xl","lazyload","cropFocalRegion","renderThumbnails","thumbnails","ThumbnailsContainerProps","SingleSlideCarouselComponentProps","state","Thumbnails","mediaGalleryItems","items","map","item","altText","getMediaGalleryItems","lastUpdate","id","GetThumbnailItemComponent","image","imageId","modifiedActiveIndex","_props$context$app$co","_props$config$thumbna","onClick","_props$callbackToggle","_props$callbackThumbn","callbackToggle","call","callbackThumbnailClick","activeIndex","handleKeyDown","event","keyCode","KeyCodes","Enter","preventDefault","classnames","Button","onKeyDown","shouldUseOptimizedImage","bypassHideOnFailure","title","resources","fullScreenTitleText","CarouselProps","MediaGallery","Modal","Module","binding","modules","dataActions","registerSanitizedActionPath","sanitizedActionPath","dataAction","default","Error","prototype","RegistrationId","c","require","$type","da","name","path","runOn","iNM","ns","n","p","pdp","md","window","__bindings__","_objectSpread","viewDictionary","cn","constructor","_this","_ref","_props$config$zoomedI","super","this","_inlineZoomDivRef","Map","fullScreenOverlayButtonRef","player","defaultGalleryImageSettings","sm","lg","onExiting","setState","animating","onExited","next","removeInlineZoomStyle","undefined","isLastItem","nextIndex","goToIndex","updateZoomedInImage","previous","images","isFirstItem","length","index","autoplay","currentIndex","mediaItems","_mediaItems","_this$player$current","mediaTypeValue","MediaType","Video","current","play","_this$player$current2","pause","getImagesData","_this$props$context$r","OmniChannelMedia","_this$props$config$im","_this$props$config$im2","source","imageSource","mediaLocations","mediaLocationsForSelectedVariant","mediaLocation","_mediaLocation$Uri","_this$props$data$prod","Uri","getAltText","shouldUseCmsAltText","Name","AltText","additionalProperties","IsApplicableForChildEntities","isApplicableForChildEntities","curatedImages","_filterMasterImageFromVariant","_renderCarouselItemVideo","mediaData","videoData","_videoData$_links","options","playerResources","videoMetaData","videoId","duration","playTime","posterframeUrl","_links","binaryReferences","videoBinaryReferences","videoPlayerData","metaData","attributes","editProps","Player","ref","playerData","isEditor","params","_renderEmptyImage","_getCarouselItem","_this$props$context$r2","isInPopup","arguments","shouldSkipToMainImage","_getThumbnailItem","_generateOnThumbnailClick","_generateOnThumbnailKeyDown","getVideoThumbNailItem","classes","_refHandler","divRef","set","which","Space","_renderVideoThumbnail","openModalDialog","_toggleModal","imageModalSlider","ZoomView","_mapProductToImageData","carouselprops","Carousel","_renderCarouselItemImageView","_zoomedImageSettings","interval","directionTextPrev","previousScreenshotFlipperText","directionTextNext","nextScreenshotFlipperText","onIndicatorsClickHandler","showPaginationTooltip","hideIndicator","keyboard","handleOnExited","handleOnExiting","isDisabledFunctionality","isMobileImageZoomed","carousel","imageModalSliderProps","modalIsOpen","ontoggle","galleryCarousel","classNames","ImagefullView","altTextSource","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","validateProductImages","_setImages","_this$props$config$th2","getValidProductImages","RecordId","channelId","productVariant","reaction","_product$productVaria","async","_this$props$context$a","_this$props$config$th3","getProductImages","fireImmediately","_this$props$config$th4","shouldComponentUpdate","nextProps","nextState","render","_this$props$context$a2","isVertical","thumbnailsOrientation","isFullscreenAllowed","allowFullScreen","zoomViewMode","imageZoom","_this$props$context$r4","mediaGalleryCarouselItems","_getMediaGalleryItems","mediaGalleryThumbnailCarouselItems","_getMediaGalleryThumbnailItems","viewProps","moduleProps","callbackThumbnailKeyDown","indicatorAriaText","ariaLabelForSlide","keys","SingleSlideCarousel","vertical","flipperPrevLabel","flipperNextLabel","parentId","useTabList","JSON","stringify","renderView","ArrayExtensions","hasElements","defaultKey","_getEmptyThumbnailItem","zoomView","curatedImage","mediaToSet","Promise","all","URL","searchParams","get","getVideoMetadataFromApi","error","telemetry","debug","then","filter","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","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","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","_renderThumbnailItem","productName","imageAltText","_context$app","validateMediaLocationAsync","imageData","resolve","http","XMLHttpRequest","open","addEventListener","status","send","_unused","productId","selectedProduct","catalogId","getCatalogId","actionInput","MediaLocationsForSelectedVariantInput","getMediaLocationsForSelectedVariant","pairs","pair","catch","exception","_actionContext$reques","isPreview","response","commerceApiRequest","previewImageData","displayOrder","DisplayOrder","MediaTypeValue","_mediaLocation$Uri2","commerceVideoMetadataRequest","_props$context$reques2","_props$context$reques","playVideoTitleText","_props$context$reques3","_item$videoData","videoThumbnail","RenderVideo","NewSingleSlideCarouselComponentProps","NewThumbnails","module","exports","ReactDOM"],"sourceRoot":""}