{"version":3,"file":"static/js/b7ce63f303a8f7bc04c9.bundle.js","mappings":"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","sources":["webpack://Msdyn365.Commerce.Online/./lib/media-gallery/module-registration.js?47e5","webpack://Msdyn365.Commerce.Online/./src/modules/media-gallery/utils/get-valid-product-images.ts?a364","webpack://Msdyn365.Commerce.Online/./src/modules/media-gallery/media-gallery.tsx?24d7","webpack://Msdyn365.Commerce.Online/./src/modules/media-gallery/media-gallery.view.tsx?5061","webpack://Msdyn365.Commerce.Online/external var \"React\"?0d3b","webpack://Msdyn365.Commerce.Online/external var \"ReactDOM\"?853b"],"sourcesContent":["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['@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            };\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 { getCatalogId, IActionContext, IImageData, IImageSettings } from '@msdyn365-commerce/core';\nimport { MediaLocation, SimpleProduct } from '@msdyn365-commerce/retail-proxy';\nimport { getMediaLocationsForSelectedVariant, MediaLocationsForSelectedVariantInput } from '@msdyn365-commerce-modules/retail-actions';\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\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 * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { Carousel, ICarouselProps } from '@msdyn365-commerce/components';\nimport { IImageData, IImageSettings, Image } from '@msdyn365-commerce/core';\nimport { MediaLocation, 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 { getValidProductImages, validateProductImages } from './utils';\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?: IImageData[];\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> = React.createRef();\n\n    private mediaGalleryImages: IImageData[] = [];\n\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        this.state = {\n            activeIndex: 0,\n            animating: false,\n            isImageZoomed: false,\n            modalIsOpen: false,\n            isInitialLoad: true,\n            shouldUseOptimizedImage: !!this.props.config.skipImageValidation\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 (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                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                this._setImages(images);\n            } else {\n                this._setImages([]);\n            }\n\n            reaction(\n                () => {\n                    const product = this.props.data.product.result;\n                    if (!product) {\n                        return null;\n                    }\n\n                    if (!shouldUpdateOnPartialDimensionSelection || ObjectExtensions.isNullOrUndefined(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                    if (product) {\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                            shouldUpdateOnPartialDimensionSelection ? product.productVariant : undefined\n                        );\n                        this._setImages(images);\n                    } else {\n                        this._setImages([]);\n                    }\n                }\n            );\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            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        const source = this.props.config.imageSource ?? imageSource.pageContext;\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(this.props.data.product.result.ItemId, this.props.context.request.apiSettings);\n        }\n        if (emptyPlaceHolderImage && this.fallbackImage) {\n            this.fallbackImage = `${this.fallbackImage},${emptyPlaceHolderImage}`;\n        }\n        if (this.props.config.skipImageValidation && !this.state.mediaGalleryItems && this.state.isInitialLoad) {\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: mediaLocation.AltText ?? ''\n                };\n            });\n            const curatedImages = this.props.config.images ?? [];\n            this.mediaGalleryImages = [...this._filterMasterImageFromVariant(images), ...curatedImages];\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        this.setState({ activeIndex: index });\n    };\n\n    private _getMediaGalleryThumbnailItems(): IMediaGalleryCarouselItems<IMediaGalleryThumbnailItemViewProps> {\n        const mediaGalleryItems = this.state.mediaGalleryItems ?? this.mediaGalleryImages;\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: IImageData, index: number) =>\n                    this._getThumbnailItem(\n                        item,\n                        thumbnailImageSettings ?? this.defaultThumbnailImageSettings,\n                        index,\n                        this.state.activeIndex\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 _getMediaGalleryItems(isFullscreenAllowed: boolean, zoomViewMode: string): IMediaGalleryCarouselItems<React.ReactNode> {\n        const mediaGalleryItems = this.state.mediaGalleryItems ?? this.mediaGalleryImages;\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: IImageData, index: number) =>\n                    this._renderCarouselItemImageView(zoomView, item, galleryImageSettings ?? this.defaultGalleryImageSettings, index)\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 _setImages(images?: IImageData[]): void {\n        const curatedImage = this.props.config.images || [];\n        const imagesToSet = this._filterMasterImageFromVariant(images);\n\n        this.setState({\n            mediaGalleryItems: [...imagesToSet, ...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        image: IImageData,\n        imageSettings: IImageSettings,\n        index: number,\n        isInPopup: boolean = false\n    ): React.ReactNode {\n        if (this.isMobile()) {\n            if (isInPopup) {\n                return this._renderImageInContainerOnZoom(image, this._zoomedImageSettings, index);\n            }\n            return this._renderImageFullScreenOnZoom(image, imageSettings, index);\n        }\n\n        switch (zoomView) {\n            case 'container': {\n                return this._renderImageInContainerOnZoom(image, this._zoomedImageSettings, index);\n            }\n            case 'inline': {\n                return this._renderImageInlineOnZoom(image, this._zoomedImageSettings, index);\n            }\n            case 'fullscreen': {\n                return this._renderImageFullScreenOnZoom(image, imageSettings, index);\n            }\n\n            // No default\n        }\n        return <>{this._getCarouselItem(image, imageSettings, index, isInPopup)}</>;\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 _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={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     * 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    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\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","module.exports = React;","module.exports = ReactDOM;"],"names":["binding","modules","dataActions","registerSanitizedActionPath","sanitizedActionPath","dataAction","default","Error","prototype","RegistrationId","id","c","require","$type","da","name","path","runOn","iNM","ns","n","p","pdp","md","window","__bindings__","_objectSpread","viewDictionary","cn","async","validateMediaLocationAsync","mediaLocation","imageData","src","Uri","altText","AltText","IsApplicableForChildEntities","additionalProperties","isApplicableForChildEntities","Promise","resolve","http","XMLHttpRequest","open","addEventListener","status","send","_unused","getValidProductImages","productId","channelId","actionContext","imageSettings","selectedProduct","catalogId","getCatalogId","requestContext","actionInput","MediaLocationsForSelectedVariantInput","getMediaLocationsForSelectedVariant","then","mediaLocations","all","map","pairs","filter","pair","catch","error","telemetry","exception","debug","validateProductImages","MediaGallery","React","constructor","props","_this","_ref","_props$config$zoomedI","super","this","_inlineZoomDivRef","Map","fullScreenOverlayButtonRef","mediaGalleryImages","defaultGalleryImageSettings","viewports","xs","q","w","h","sm","lg","lazyload","cropFocalRegion","defaultThumbnailImageSettings","onExiting","setState","animating","onExited","next","removeInlineZoomStyle","undefined","isLastItem","nextIndex","state","activeIndex","goToIndex","updateZoomedInImage","previous","images","mediaGalleryItems","isFirstItem","length","index","_getCarouselItem","image","isInPopup","arguments","Image","Object","assign","context","className","fallBackSrc","fallbackImage","gridSettings","request","loadFailureBehavior","shouldSkipToMainImage","bypassHideOnFailure","_getThumbnailItem","modifiedActiveIndex","ThumbnailItemContainerProps","tag","classnames","role","tabIndex","key","onClick","_generateOnThumbnailClick","onKeyDown","_generateOnThumbnailKeyDown","Picture","imageFallbackOptimize","shouldUseOptimizedImage","_refHandler","divRef","set","event","which","KeyCodes","preventDefault","openModalDialog","_toggleModal","imageModalSlider","ZoomView","data","product","result","resources","_mapProductToImageData","carouselprops","Carousel","items","item","_renderCarouselItemImageView","_zoomedImageSettings","interval","directionTextPrev","previousScreenshotFlipperText","directionTextNext","nextScreenshotFlipperText","onIndicatorsClickHandler","showPaginationTooltip","hideIndicator","keyboard","handleOnExited","handleOnExiting","isDisabledFunctionality","isMobileImageZoomed","carousel","imageModalSliderProps","modalIsOpen","ontoggle","galleryCarousel","classNames","ImagefullView","bind","isImageZoomed","isInitialLoad","config","skipImageValidation","zoomedImageSettings","galleryImageSettings","_onImageMouseOut","_inlineZoomImageOnHover","_onInlineImageClick","_onContainerZoomImageClick","_onMouseOutLensContainer","isMobile","variant","VariantType","_this$props$config$im","source","imageSource","shouldUpdateOnPartialDimensionSelection","_setRenderType","mediaLocationsForSelectedVariant","_this$props$config$th","thumbnailImageSettings","_setImages","_this$props$config$th2","RecordId","apiSettings","productVariant","reaction","_product$productVaria","ObjectExtensions","_this$props$config$th3","_this$props$config$th4","shouldComponentUpdate","nextProps","nextState","render","_this$props$config$im2","_this$props$context$a","isVertical","thumbnailsOrientation","isFullscreenAllowed","allowFullScreen","zoomViewMode","imageZoom","emptyPlaceHolderImage","app","placeholderImageName","getFallbackImageUrl","ItemId","_this$props$config$im3","_mediaLocation$Uri","_mediaLocation$AltTex","curatedImages","_filterMasterImageFromVariant","mediaGalleryCarouselItems","_getMediaGalleryItems","mediaGalleryThumbnailCarouselItems","_getMediaGalleryThumbnailItems","viewProps","moduleProps","Modal","callbackToggle","callbackThumbnailClick","callbackThumbnailKeyDown","CarouselProps","indicatorAriaText","ariaLabelForSlide","keys","Thumbnails","ThumbnailsContainerProps","SingleSlideCarouselComponentProps","SingleSlideCarousel","vertical","flipperPrevLabel","flipperNextLabel","parentId","useTabList","JSON","stringify","renderView","_this$state$mediaGall","ArrayExtensions","lastUpdate","defaultKey","_getEmptyThumbnailItem","_this$state$mediaGall2","zoomView","_renderEmptyImage","curatedImage","imagesToSet","Date","now","_renderImageInContainerOnZoom","_renderImageFullScreenOnZoom","_renderImageInlineOnZoom","_this$props$config$sh","_this$props$data$prod","_this$props$data$prod2","_this$props$data$prod3","shouldHidePrimaryImages","shouldHideMasterProductImagesForVariant","variantImages","isVariantProduct","MasterProductId","itemId","_item$additionalPrope","_this$props$config$da","ref","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","title","fullScreenTitleText","_product$PrimaryImage","PrimaryImageUrl","_this$fullScreenOverl","current","focus","parentDiv","get","children","querySelector","removeAttribute","removeContainerZoomStyle","_renderThumbnails","thumbnails","Node","_renderThumbnailItem","thumbnail","Module","module","exports","ReactDOM"],"sourceRoot":""}