{"version":3,"file":"static/js/4e8654fa0b3ca4ee05ac.bundle.js","mappings":"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","sources":["webpack://Msdyn365.Commerce.Online/./src/themes/moenzcsitetheme/views/active-image.view.tsx?a223","webpack://Msdyn365.Commerce.Online/./lib/active-image/module-registration.js?d2eb","webpack://Msdyn365.Commerce.Online/./src/modules/actions/get-active-image-products.ts?0501","webpack://Msdyn365.Commerce.Online/./src/modules/active-image-utilities/active-product.tsx?69b2","webpack://Msdyn365.Commerce.Online/./src/modules/active-image-utilities/additional-content.tsx?6946","webpack://Msdyn365.Commerce.Online/./src/modules/active-image-utilities/image-mapper.tsx?dd86","webpack://Msdyn365.Commerce.Online/./src/modules/active-image/active-image.tsx?00d3","webpack://Msdyn365.Commerce.Online/./src/modules/active-image/active-image.view.tsx?a935","webpack://Msdyn365.Commerce.Online/external var \"React\"?0d3b","webpack://Msdyn365.Commerce.Online/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 { Module, Node } from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\n\r\nimport { IActiveImageAdditionalContentViewProps } from '@msdyn365-commerce-modules/active-image/src/modules/active-image/../active-image-utilities';\r\nimport { IActiveImageViewProps } from '@msdyn365-commerce-modules/active-image/src/modules/active-image/./active-image';\r\n\r\n/**\r\n * Render Additional Content.\r\n * @param additionalContent - Additional content view props.\r\n * @returns JSX Element.\r\n */\r\nconst renderAdditionalContent = (additionalContent: IActiveImageAdditionalContentViewProps) => {\r\n    return (\r\n        <Node {...additionalContent.additionalContentNode}>\r\n            {additionalContent.heading}\r\n            <Node {...additionalContent.additionalContentContainer}>\r\n                {additionalContent.text}\r\n                <Node {...additionalContent.additionalContentItemLinks}>\r\n                    {additionalContent.links}\r\n                </Node>\r\n            </Node>\r\n        </Node >\r\n    );\r\n};\r\n\r\n/**\r\n * Render View.\r\n * @param props - The view props.\r\n * @returns -The JSX Element.\r\n */\r\nexport const activeImageView: React.FC<IActiveImageViewProps> = props => {\r\n    return (\r\n        <Module {...props.activePointContainer}>\r\n            <Node {...props.activePointDetailsContainer}>\r\n                {props.imageMapper}\r\n                <Node {...props.detailsContainer} className={props.detailsContainer ? props.detailsContainer.className : ''}>\r\n                    {props.title}\r\n                    {props.text}\r\n                    {props.additionalContent && renderAdditionalContent(props.additionalContent)}\r\n                    <Node {...props.detailsContainerCta} className={props.detailsContainerCta ? props.detailsContainerCta.className : ''}>\r\n                        {props.links}\r\n                    </Node>\r\n                </Node>\r\n            </Node>\r\n            <Node\r\n                className='msc-active-image-product-card-container'\r\n                style={{ top: `${props.productCardtopPosition}px`, left: `${props.productCardleftPosition}px` }}>\r\n                {props.overlay}\r\n                {props.productCard}\r\n            </Node>\r\n        </Module>\r\n    );\r\n};\r\n\r\nexport default activeImageView;\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['active-image'] = {\n        c: () => require('@msdyn365-commerce-modules/active-image/dist/lib/modules/active-image/active-image'),\n        $type: 'contentModule',\n        da: [{name:'products',  path:'@msdyn365-commerce-modules/active-image/dist/lib/modules/actions/get-active-image-products', runOn: 0}],\n        \n        iNM: true,\n        ns: '@msdyn365-commerce-modules',\n        n: 'active-image',\n        p: 'active-image',\n        \n        pdp: '',\n        \n        \n        md: 'node_modules/@msdyn365-commerce-modules/active-image/dist/lib/modules/active-image'\n    });\n        \n\n        {\n            const sanitizedActionPath = '@msdyn365-commerce-modules/active-image/dist/lib/modules/actions/get-active-image-products';\n            let dataAction = require('@msdyn365-commerce-modules/active-image/dist/lib/modules/actions/get-active-image-products');\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|moenzcsitetheme|views|active-image'] = {\n                c: () => require('partner/themes/moenzcsitetheme/views/active-image.view.tsx'),\n                cn: '__local__-__local__-active-image'\n            };\nviewDictionary['@msdyn365-commerce-modules|active-image|modules|active-image|active-image'] = {\n                c: () => require('@msdyn365-commerce-modules/active-image/dist/lib/modules/active-image/active-image.view.js'),\n                cn: '@msdyn365-commerce-modules-active-image-active-image'\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 {\n    CacheType,\n    createObservableDataAction,\n    getCatalogId,\n    IAction,\n    IActionContext,\n    IActionInput,\n    ICreateActionContext\n} from '@msdyn365-commerce/core';\nimport { ProductLookupClause, ProductsDataActions, ProductSearchCriteria, ProductSearchResult } from '@msdyn365-commerce/retail-proxy';\nimport { ArrayExtensions } from '@msdyn365-commerce-modules/retail-actions';\n\nimport { IActiveImageConfig, IActivePointsData } from '../active-image';\n\n/**\n * ActiveImageInput.\n */\nexport class ActiveImageInput implements IActionInput {\n    public config: IActiveImageConfig;\n\n    private readonly _cacheKey: string = 'ActiveImage';\n\n    public constructor(config: IActiveImageConfig) {\n        this.config = config;\n\n        if (this.config.activePoints && ArrayExtensions.hasElements(this.config.activePoints)) {\n            for (const activePointData of this.config.activePoints) {\n                if (activePointData.itemId) {\n                    this._cacheKey = `${this._cacheKey}-${activePointData.itemId.toString()}`;\n                }\n            }\n        }\n    }\n\n    /**\n     * GetCacheObjectType.\n     * @returns - Returns string.\n     */\n    public getCacheObjectType = (): string => 'ActiveImageFullProductSearchResult';\n\n    /**\n     * GetCacheKey.\n     * @returns - Returns string.\n     */\n    public getCacheKey = (): string => this._cacheKey;\n\n    /**\n     * DataCacheType.\n     * @returns - CacheType string.\n     */\n    public dataCacheType = (): CacheType => 'application';\n}\n\n/**\n * CreateInput.\n * @param inputData - IActionContext.\n * @returns - IActionInput.\n */\nexport const createInput = (inputData: ICreateActionContext): IActionInput => {\n    return new ActiveImageInput(inputData.config as IActiveImageConfig);\n};\n\n/**\n * Action.\n * @param input - ActiveImageInput.\n * @param context - IActionContext.\n * @returns - ProductSearchResult[].\n */\nexport const getActiveImageproductAction = async (input: ActiveImageInput, context: IActionContext): Promise<ProductSearchResult[]> => {\n    const { config } = input;\n    const itemIds: ProductLookupClause[] = [];\n    if (config.activePoints) {\n        config.activePoints.map((activePointData: IActivePointsData) => itemIds.push({ ItemId: activePointData.itemId }));\n    }\n    const searchCriteriaInput: ProductSearchCriteria = {};\n    searchCriteriaInput.Context = {\n        ChannelId: context.requestContext.apiSettings.channelId,\n        CatalogId: getCatalogId(context.requestContext)\n    };\n    searchCriteriaInput.IncludeAttributes = true;\n    searchCriteriaInput.ItemIds = itemIds;\n    if (!config.activePoints || !ArrayExtensions.hasElements(config.activePoints)) {\n        throw new Error('Fail to call ActiveImage API no active points configured.');\n    }\n    // eslint-disable-next-line no-return-await -- Disable because we want to return the promise.\n    return await ProductsDataActions.searchByCriteriaAsync({ callerContext: context }, searchCriteriaInput);\n};\n\n/**\n * Action.\n * @param id - Id.\n * @param action - Action.\n * @returns - Results.\n */\nexport const actionDataAction = createObservableDataAction({\n    id: '@msdyn365-commerce-modules/active-image/get-active-image-products',\n    action: getActiveImageproductAction as IAction<ProductSearchResult[]>,\n    input: createInput\n});\n\nexport default actionDataAction;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { PriceComponent, RatingComponent } from '@msdyn365-commerce/components';\nimport {\n    IComponent,\n    IComponentProps,\n    ICoreContext,\n    IGridSettings,\n    IImageData,\n    IImageSettings,\n    Image,\n    IRequestContext\n} from '@msdyn365-commerce/core';\nimport { ProductPrice, ProductSearchResult } from '@msdyn365-commerce/retail-proxy';\nimport { format } from '@msdyn365-commerce-modules/utilities';\nimport React from 'react';\n\n/**\n * IActiveProductProps interface.\n */\nexport interface IActiveProductProps extends IComponentProps<{ product?: ProductSearchResult }> {\n    className?: string;\n    imageSettings?: IImageSettings;\n    savingsText?: string;\n    freePriceText?: string;\n    originalPriceText?: string;\n    currentPriceText?: string;\n    ratingAriaLabel?: string;\n}\n\n/**\n * IActiveProduct interface.\n */\nexport interface IActiveProduct extends IComponent<IActiveProductProps> {}\n\n/**\n * RenderDescription function.\n * @param description - Product description string.\n * @returns - Returns JSX.Element | null.\n */\nfunction renderDescription(description?: string): JSX.Element | null {\n    return <p className='msc-active-image-product__text'>{description}</p>;\n}\n\n/**\n * GetRatingAriaLabel function.\n * @param rating - Product rating number.\n * @param ratingAriaLabel - Product rating aria label.\n * @returns - Returns string.\n */\nfunction getRatingAriaLabel(rating?: number, ratingAriaLabel?: string): string {\n    const numberTwo: number = 2;\n    if (rating && ratingAriaLabel) {\n        const roundedRating = rating.toFixed(numberTwo);\n        return format(ratingAriaLabel || '', roundedRating, '5');\n    }\n    return '';\n}\n\n/**\n * RenderRating function.\n * @param context - The core context.\n * @param typeName - The type name of the module.\n * @param ratingId - The rating id.\n * @param avgRating - The average rating.\n * @param totalRatings - The total ratings.\n * @param ariaLabel - The rating aria label.\n * @returns - Returns JSX.Element | null.\n */\nfunction renderRating(\n    context: ICoreContext,\n    typeName: string,\n    ratingId: string,\n    avgRating?: number,\n    totalRatings?: number,\n    ariaLabel?: string\n): JSX.Element | null {\n    if (!avgRating) {\n        return null;\n    }\n\n    const numberRatings = totalRatings?.toString() ?? undefined;\n    const ratingAriaLabel = getRatingAriaLabel(avgRating, ariaLabel);\n\n    return (\n        <RatingComponent\n            context={context}\n            id={ratingId}\n            typeName={typeName}\n            avgRating={avgRating}\n            ratingCount={numberRatings}\n            readOnly\n            ariaLabel={ratingAriaLabel}\n            data={{}}\n        />\n    );\n}\n\n/**\n * RenderPrice function.\n * @param context - The core context.\n * @param typeName - The type name of the module.\n * @param productId - The product id.\n * @param basePrice - The base price of the product.\n * @param adjustedPrice - The adjusted price of the product.\n * @param savingsText - The savings text of the product.\n * @param freePriceText - The free price text.\n * @param originalPriceText - The original price text.\n * @returns - Returns JSX.Element | null.\n */\nfunction renderPrice(\n    context: ICoreContext,\n    typeName: string,\n    productId: string,\n    basePrice?: number,\n    adjustedPrice?: number,\n    savingsText?: string,\n    freePriceText?: string,\n    originalPriceText?: string\n): JSX.Element | null {\n    const price: ProductPrice = {\n        BasePrice: basePrice,\n        AdjustedPrice: adjustedPrice,\n        CustomerContextualPrice: adjustedPrice\n    };\n\n    return (\n        <PriceComponent\n            context={context}\n            id={productId}\n            typeName={typeName}\n            data={{ price }}\n            savingsText={savingsText}\n            freePriceText={freePriceText}\n            originalPriceText={originalPriceText}\n        />\n    );\n}\n\n/**\n * RenderProductPlacementImage function.\n * @param requestContext - RequestContext.\n * @param imageSettings - The product image settings.\n * @param gridSettings - The viewport gird settings.\n * @param imageUrl - The product image url.\n * @param altText - The product image alt text.\n * @returns - Returns JSX.Element | null.\n */\nfunction renderProductPlacementImage(\n    requestContext: IRequestContext,\n    imageSettings?: IImageSettings,\n    gridSettings?: IGridSettings,\n    imageUrl?: string,\n    altText?: string\n): JSX.Element | null {\n    if (!imageUrl || !gridSettings || !imageSettings) {\n        return null;\n    }\n    const imgData: IImageData = {\n        src: imageUrl,\n        altText: altText ? altText : ''\n    };\n    const imageProps = {\n        gridSettings,\n        imageSettings\n    };\n    imageProps.imageSettings.cropFocalRegion = true;\n    return <Image {...imgData} {...imageProps} requestContext={requestContext} loadFailureBehavior='empty' />;\n}\n\n/**\n * ActiveProduct constant.\n * @param props - The active product props.\n * @param props.data - The product search result data.\n * @param props.context - The core context.\n * @param props.imageSettings - The prodcut image settings.\n * @param props.savingsText - The product savings text.\n * @param props.freePriceText - The free price text.\n * @param props.originalPriceText - The original price text.\n * @param props.ratingAriaLabel - The product rating aria label.\n * @param props.typeName - The type name of the module.\n * @param props.id - The id of the product.\n * @returns - Returns JSX.Element | null.\n */\nexport const ActiveProductComponent: React.FC<IActiveProductProps> = ({\n    data,\n    context,\n    imageSettings,\n    savingsText,\n    freePriceText,\n    originalPriceText,\n    ratingAriaLabel,\n    typeName,\n    // eslint-disable-next-line @typescript-eslint/naming-convention -- Do not need naming convention check for library prameters\n    id\n}) => {\n    const product = data.product;\n    if (!product) {\n        return null;\n    }\n\n    return (\n        <>\n            <div className='msc-active-image-product'>\n                <div className='msc-active-image-product__image'>\n                    {renderProductPlacementImage(\n                        context.actionContext.requestContext,\n                        imageSettings,\n                        context.request.gridSettings,\n                        product.PrimaryImageUrl,\n                        product.Name\n                    )}\n                </div>\n                <div className='msc-active-image-product__details'>\n                    <h4 className='msc-active-image-product__title'>{product.Name}</h4>\n                    {renderPrice(context, typeName, id, product.BasePrice, product.Price, savingsText, freePriceText, originalPriceText)}\n                    {renderDescription(product.Description)}\n                    {!context.app.config.hideRating &&\n                        renderRating(context, typeName, id, product.AverageRating, product.TotalRatings, ratingAriaLabel)}\n                </div>\n            </div>\n        </>\n    );\n};\n\nexport default ActiveProductComponent;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport * as Msdyn365 from '@msdyn365-commerce/core';\nimport { INodeProps } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\n/**\n * ILinksData: Interface for\n * Additional content.\n */\ninterface ILinksData {\n    linkText?: string;\n    linkUrl: Msdyn365.ILinkData;\n    ariaLabel?: string;\n    isOpenInNewTab?: boolean;\n}\n\n/**\n * IAdditionalContentData: Interface for\n * Active content.\n */\ninterface IAdditionalContentData {\n    heading?: string;\n    subtext?: string;\n    links?: ILinksData[];\n}\n\n/**\n * IActiveImageAdditionalContentProps: Interface for\n * Active Image Additional Content Component props.\n */\nexport interface IActiveImageAdditionalContentProps {\n    requestContext: Msdyn365.IRequestContext;\n    additionalContent: IAdditionalContentData | undefined;\n    handleAdditionalTextChange(event: Msdyn365.ContentEditableEvent): void;\n    handleAdditionalParagraphChange(event: Msdyn365.ContentEditableEvent): void;\n    handleAdditionalLinkTextChange(linkIndex: number, event: Msdyn365.ContentEditableEvent): void;\n}\n\n/**\n * IActiveImageAdditionalContentViewProps: Interface for\n * Active Image Additional Content view props.\n */\nexport interface IActiveImageAdditionalContentViewProps {\n    additionalContentNode: INodeProps;\n    heading: React.ReactNode;\n    text: React.ReactNode;\n    links: React.ReactNode;\n    additionalContentContainer: INodeProps;\n    additionalContentItemLinks: INodeProps;\n}\n\n/**\n * Renders additional content heading.\n * @param additionalContentHeading - Additional content heading.\n * @param props - Active Image Additional content component props.\n * @returns Heading Node.\n */\nconst renderHeading = (additionalContentHeading: string, props: IActiveImageAdditionalContentProps) => {\n    const requestContext = props.requestContext;\n    return (\n        <Msdyn365.Text\n            text={additionalContentHeading}\n            tag='p'\n            className='msc-active-image__details__additional-content__text'\n            editProps={{\n                /**\n                 * On edit event for heading text change.\n                 * @param event - Change event.\n                 */\n                onEdit: event => {\n                    props.handleAdditionalTextChange(event);\n                },\n                requestContext\n            }}\n        />\n    );\n};\n\n/**\n * Renders additional content heading.\n * @param additionalContentParagraphText - Additional content paragraph text.\n * @param props - Active Image Additional content component props.\n * @returns Paragraph Node.\n */\nconst renderParagraph = (additionalContentParagraphText: string, props: IActiveImageAdditionalContentProps) => {\n    const requestContext = props.requestContext;\n    return (\n        <Msdyn365.Text\n            text={additionalContentParagraphText}\n            tag='p'\n            className='msc-active-image__details__additional-content__paragraph'\n            editProps={{\n                /**\n                 * On edit event for heading text change.\n                 * @param event - Change event.\n                 */\n                onEdit: event => {\n                    props.handleAdditionalTextChange(event);\n                },\n                requestContext\n            }}\n        />\n    );\n};\n\n/**\n * Renders additional content heading.\n * @param ctaLink - Additional content link.\n * @param props - Active Image Additional content component props.\n * @param linkIndex - Additional content link index.\n * @returns Link Node.\n */\nconst renderLinks = (ctaLink: ILinksData, props: IActiveImageAdditionalContentProps, linkIndex: number) => {\n    const editableLink: Msdyn365.ILinksData = {\n        ariaLabel: ctaLink.ariaLabel,\n        className: 'msc-active-image__details__additional-content__cta__links',\n        linkText: ctaLink.linkText,\n        linkUrl: ctaLink.linkUrl.destinationUrl,\n        openInNewTab: ctaLink.isOpenInNewTab,\n        role: 'button'\n    };\n    const requestContext = props.requestContext;\n    return (\n        <Msdyn365.Link\n            key={linkIndex}\n            link={editableLink}\n            editProps={{\n                /**\n                 * Handle additional Link Text change.\n                 * @param event - The keyboard event.\n                 */\n                onTextChange: event => {\n                    props.handleAdditionalLinkTextChange(linkIndex, event);\n                },\n                requestContext\n            }}\n        />\n    );\n};\n\n/**\n * Create node for each additonal content item.\n * @param item - Active Image additonal content item props.\n * @param props - Active Image Additional content component props.\n * @returns IActiveImageAdditionalContentItemViewProps.\n */\nconst assembleNode = (item: IAdditionalContentData, props: IActiveImageAdditionalContentProps): IActiveImageAdditionalContentViewProps => {\n    const headingNode = item.heading && renderHeading(item.heading, props);\n    const paragraphNode = item.subtext && renderParagraph(item.subtext, props);\n    const linksNode = item.links?.map((ctaLink: ILinksData, index: number) => {\n        return renderLinks(ctaLink, props, index);\n    });\n\n    return {\n        additionalContentNode: { className: 'msc-active-image__details__additional-content' },\n        heading: headingNode,\n        text: paragraphNode,\n        links: linksNode,\n        additionalContentContainer: { className: 'msc-active-image__details__additional-content__container' },\n        additionalContentItemLinks: { className: 'msc-active-image__details__additional__content__cta' }\n    };\n};\n\n/**\n * ActiveImageAdditionalContent component.\n * @param props - Active Image Additional content component props.\n * @returns Active Image Additional content view props.\n */\nexport const activeImageAdditionalContent = (\n    props: IActiveImageAdditionalContentProps\n): IActiveImageAdditionalContentViewProps | undefined => {\n    const { additionalContent } = props;\n    if (!additionalContent) {\n        return undefined;\n    }\n\n    return assembleNode(additionalContent, props);\n};\n\nexport default activeImageAdditionalContent;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport MsDyn365, { IImageData, Image, IRequestContext } from '@msdyn365-commerce/core';\nimport { ProductSearchResult } from '@msdyn365-commerce/retail-proxy';\nimport React from 'react';\n\n/**\n * @type AreaEvent for active points\n */\ntype AreaEvent = Event | React.MouseEvent<HTMLAreaElement, MouseEvent> | React.FocusEvent<HTMLAreaElement>;\n\n/**\n * @interface IRgbColor\n * @description - The IRgbColor interface contract.\n */\nexport interface IRgbColor {\n    rValue: number;\n    gValue: number;\n    bValue: number;\n}\n\n/**\n * @interface IArea\n * @description - The IArea interface contract.\n */\nexport interface IArea {\n    areaId: string;\n    coords: number[];\n    href?: string;\n    center?: number[];\n    primaryImageUrl?: string;\n    productUrl: string;\n    productSearchResult?: ProductSearchResult;\n}\n\n/**\n * @interface IArea\n * @description - The IArea interface contract.\n */\nexport interface IAreaMap {\n    name: string;\n    areas: IArea[];\n}\n\n/**\n * @enum CanvasCalculations\n * @description - The canvas calculations enum.\n */\nexport enum CanvasCalculations {\n    defaultWidth = 0,\n    defaultHeight = 0,\n    defaultPositionX = 0,\n    defaultPositionY = 0,\n    defaultScale = 1,\n    halfDivisor = 2,\n    doubleMultiplier = 2,\n    buttonHeight = 30,\n    buttonPadding = 30,\n    paddingAdjustment = 3,\n    expandAnimationStartWidth = 10,\n    expandAnimationEndWidth = 40,\n    collapseAnimationStartWidth = 40,\n    collapseAnimationEndWidth = 8,\n    expandRadius = 12,\n    collapseRadius = 8,\n    rotation = 1.57,\n    startAngle = 0,\n    endAngle = 7,\n    clearMargin = 50,\n    clearHeight = 100,\n    clearWidth = 100,\n    textFadeInStartValue = 0,\n    textFadeOutStartValue = 0.5,\n    textFadeInterval = 0.01\n}\n\n/**\n * @enum CanvasStyles\n * @description - The canvas styles enum.\n */\nexport enum CanvasStyles {\n    color = '#FFFFFF',\n    buttonTextClor = '#000000'\n}\n\n/**\n * @enum\n * @description - The canvas styles enum.\n */\nexport interface IImageMapperResources {\n    buttonText?: string;\n    altText?: string;\n}\n\n/**\n * @interface IImageMapperProps\n * @description - The IImageMapperProps interface contract.\n */\nexport interface IImageMapperProps {\n    imageData: IImageData;\n    areaMap: IAreaMap;\n    viewPort: string;\n    requestContext: IRequestContext;\n    color?: string;\n    buttonTextClor?: string;\n    width?: number;\n    imgWidth?: number;\n    activeImageRefs: React.RefObject<HTMLDivElement>;\n    imageMapperResources?: IImageMapperResources;\n    onLoad?(): void;\n    onClick?(area: IArea, index: number, event: AreaEvent): void;\n    onFocus?(area: IArea, index: number, event: AreaEvent): void;\n    onMouseEnter?(area: IArea, index: number, event: AreaEvent): void;\n    onMouseLeave?(area: IArea, index: number, event: AreaEvent): void;\n}\n\n/**\n * ImageMapper.\n */\nexport class ImageMapper extends React.Component<IImageMapperProps> {\n    private readonly _backgroundImage: React.RefObject<Image>;\n\n    private readonly _container: React.RefObject<HTMLDivElement>;\n\n    private readonly _canvas: React.RefObject<HTMLCanvasElement>;\n\n    private _isDesktopViewPort: boolean = false;\n\n    private _context: CanvasRenderingContext2D | null | undefined = null;\n\n    public constructor(props: IImageMapperProps) {\n        super(props);\n        this._backgroundImage = React.createRef();\n        this._container = React.createRef();\n        this._canvas = React.createRef();\n    }\n\n    /**\n     * ComponentDidMount method.\n     */\n    public componentDidMount(): void {\n        const { viewPort } = this.props;\n        this.initCanvas();\n        this._isDesktopViewPort = viewPort === 'lg' || viewPort === 'xl';\n        this.renderAreas();\n        this._context = null;\n    }\n\n    /**\n     * ComponentDidUpdate method.\n     */\n    public componentDidUpdate(): void {\n        const { viewPort } = this.props;\n        this.initCanvas();\n        this._isDesktopViewPort = viewPort === 'lg' || viewPort === 'xl';\n    }\n\n    /**\n     * ShouldComponentUpdate method.\n     * @param nextProps - Next props.\n     * @returns Returns boolean.\n     */\n    public shouldComponentUpdate(nextProps: IImageMapperProps): boolean {\n        let shouldRender = false;\n        if (nextProps !== this.props) {\n            shouldRender = true;\n        }\n        return shouldRender;\n    }\n\n    /**\n     * GetActiveImageWidth method - Gets the active image width.\n     * @returns Returns number | undefined.\n     */\n    public getActiveImageWidth = (): number | undefined => {\n        if (MsDyn365.isBrowser) {\n            const activeImageReferenceValue = this.props.activeImageRefs;\n            if (activeImageReferenceValue.current !== null) {\n                return activeImageReferenceValue.current.clientWidth;\n            }\n        }\n        return undefined;\n    };\n\n    /**\n     * GetActiveImageHeight method - Gets the active image height.\n     * @returns Returns number | undefined.\n     */\n    public getActiveImageHeight = (): number | undefined => {\n        if (MsDyn365.isBrowser) {\n            const activeImageReferenceValue = this.props.activeImageRefs;\n            if (activeImageReferenceValue.current !== null) {\n                return activeImageReferenceValue.current.clientHeight;\n            }\n        }\n        return undefined;\n    };\n\n    /**\n     * ConvertHexToRgb method - This method takes color in HEX format and returns IRgbColor color object.\n     * @param hexColor -The color hex value.\n     * @returns -Returns IRgbColor object.\n     */\n    public convertHexToRgb = (hexColor: string): IRgbColor => {\n        // RegEx used to execute the conversion of the hex color to rgb value.\n        const regEx = new RegExp('^#?([a-f\\\\d]{2})([a-f\\\\d]{2})([a-f\\\\d]{2})$', 'u');\n\n        // RegEx.exec method executes a search for a match in a specified string. Returns a result array, or null.\n        const result = regEx.exec(hexColor);\n        const defaultValue = 0;\n        return result\n            ? {\n                  rValue: Number.parseInt(result[1], 16),\n                  gValue: Number.parseInt(result[2], 16),\n                  bValue: Number.parseInt(result[3], 16)\n              }\n            : {\n                  rValue: defaultValue,\n                  gValue: defaultValue,\n                  bValue: defaultValue\n              };\n    };\n\n    /**\n     * ApplyFadingTransition method - Applys fading transition to button text.\n     * @param text -The button text.\n     * @param coords -The coordinates.\n     * @param rgbColor -The RGB color object.\n     * @param alpha -The alpha value of the button text.\n     */\n    public applyFadingTransition = (text: string, coords: number[], rgbColor: IRgbColor, alpha: number): void => {\n        const halfDivisor: number = CanvasCalculations.halfDivisor;\n        const context = this._canvas.current?.getContext('2d') ?? this._context;\n        if (context && this._isDesktopViewPort) {\n            const buttonPadding = CanvasCalculations.buttonPadding;\n            const paddingAdjustment = CanvasCalculations.paddingAdjustment;\n            const buttonWidth = context.measureText(text).width + buttonPadding;\n            context.fillStyle = `rgba(${rgbColor.rValue}, ${rgbColor.gValue}, ${rgbColor.bValue}, ${alpha} )`;\n            if (MsDyn365.isBrowser && document.body.parentElement && document.body.parentElement.getAttribute('dir') === 'rtl') {\n                context.fillText(text, coords[0] + buttonWidth / halfDivisor - buttonPadding / halfDivisor, coords[1] + paddingAdjustment);\n            } else {\n                context.fillText(text, coords[0] - buttonWidth / halfDivisor + buttonPadding / halfDivisor, coords[1] + paddingAdjustment);\n            }\n        }\n    };\n\n    /**\n     * Draw button method - Draws button and contains fixed hight, padding values.\n     * @param text -The button text.\n     * @param coords -The coordinates.\n     */\n    public drawButton = (text: string, coords: number[]): void => {\n        const { color = CanvasStyles.color, buttonTextClor = CanvasStyles.buttonTextClor } = this.props;\n        const halfDivisor: number = CanvasCalculations.halfDivisor;\n        const context = this._canvas.current?.getContext('2d') ?? this._context;\n        if (context && this._isDesktopViewPort) {\n            const buttonHeight = CanvasCalculations.buttonHeight;\n            const buttonPadding = CanvasCalculations.buttonPadding;\n            const paddingAdjustment = CanvasCalculations.paddingAdjustment;\n            const buttonWidth = context.measureText(text).width + buttonPadding;\n            const buttonPositionX = coords[0] - buttonWidth / halfDivisor;\n            const buttonPositionY = coords[1] - buttonHeight / halfDivisor;\n            const arcsize = buttonHeight / halfDivisor;\n\n            context.beginPath();\n            context.moveTo(buttonPositionX + arcsize, buttonPositionY);\n            context.lineTo(buttonPositionX + buttonWidth - arcsize, buttonPositionY);\n            context.arcTo(\n                buttonPositionX + buttonWidth,\n                buttonPositionY,\n                buttonPositionX + buttonWidth,\n                buttonPositionY + arcsize,\n                arcsize\n            );\n            context.lineTo(buttonPositionX + buttonWidth, buttonPositionY + buttonHeight - arcsize);\n            context.arcTo(\n                buttonPositionX + buttonWidth,\n                buttonPositionY + buttonHeight,\n                buttonPositionX + buttonWidth - arcsize,\n                buttonPositionY + buttonHeight,\n                arcsize\n            );\n            context.lineTo(buttonPositionX + arcsize, buttonPositionY + buttonHeight);\n            context.arcTo(buttonPositionX, buttonPositionY + buttonHeight, buttonPositionX, buttonPositionY - arcsize, arcsize);\n            context.lineTo(buttonPositionX, buttonPositionY + arcsize);\n            context.arcTo(buttonPositionX, buttonPositionY, buttonPositionX + arcsize, buttonPositionY, arcsize);\n            context.lineTo(buttonPositionX + arcsize, buttonPositionY);\n            context.stroke();\n            context.closePath();\n            context.fillStyle = color;\n            context.fill();\n            context.fillStyle = buttonTextClor;\n            if (MsDyn365.isBrowser && document.body.parentElement && document.body.parentElement.getAttribute('dir') === 'rtl') {\n                context.fillText(text, coords[0] + buttonWidth / halfDivisor - buttonPadding / halfDivisor, coords[1] + paddingAdjustment);\n            } else {\n                context.fillText(text, coords[0] - buttonWidth / halfDivisor + buttonPadding / halfDivisor, coords[1] + paddingAdjustment);\n            }\n        }\n    };\n\n    /**\n     * ExpandAnimation method - Shows expand animation and contains fixed values to draw the circle and ellipse shapes.\n     * @param coords -Coordinates.\n     */\n    public expandAnimation = (coords: number[]): void => {\n        const { color = CanvasStyles.color, buttonTextClor = CanvasStyles.buttonTextClor } = this.props;\n        const buttonText = this.props.imageMapperResources?.buttonText;\n        let animationStartWidth = CanvasCalculations.expandAnimationStartWidth;\n        const pointPositionX = coords[0];\n        const pointPositionY = coords[1];\n        const animationEndWidth = CanvasCalculations.expandAnimationEndWidth;\n        const radius = CanvasCalculations.expandRadius;\n        const rotation = CanvasCalculations.rotation;\n        const startAngle = CanvasCalculations.startAngle;\n        const endAngle = CanvasCalculations.endAngle;\n        let textFadeInValue = CanvasCalculations.textFadeInStartValue;\n        const buttonTextClorInRgb = this.convertHexToRgb(buttonTextClor.toLocaleLowerCase());\n\n        /**\n         * Animate method - Reders expand animation.\n         */\n        const animate = () => {\n            const context = this._canvas.current?.getContext('2d') ?? this._context;\n            if (!context) {\n                return;\n            }\n            context.beginPath();\n            context.ellipse(pointPositionX, pointPositionY, radius, animationStartWidth, rotation, startAngle, endAngle);\n            context.fillStyle = color;\n            context.fill();\n            context.fillStyle = color;\n            if (buttonText) {\n                if (animationStartWidth < animationEndWidth) {\n                    requestAnimationFrame(animate);\n                    this.applyFadingTransition(buttonText, coords, buttonTextClorInRgb, textFadeInValue);\n                    textFadeInValue += CanvasCalculations.textFadeInterval;\n                    animationStartWidth++;\n                } else {\n                    this.drawButton(buttonText, [pointPositionX, pointPositionY]);\n                }\n            }\n        };\n\n        if (this._isDesktopViewPort) {\n            animate();\n        }\n    };\n\n    /**\n     * CollapseAnimation method - Shows collapse animation and contains fixed values to draw the circle and ellipse shapes.\n     * @param coords -Coordinates.\n     */\n    public collapseAnimation = (coords: number[]): void => {\n        const { color = CanvasStyles.color, buttonTextClor = CanvasStyles.buttonTextClor } = this.props;\n        const buttonText = this.props.imageMapperResources?.buttonText;\n        let animationStartWidth = CanvasCalculations.collapseAnimationStartWidth;\n        const pointPositionX = coords[0];\n        const pointPositionY = coords[1];\n        const animationEndWidth = CanvasCalculations.collapseAnimationEndWidth;\n        const rotation = CanvasCalculations.rotation;\n        const clearMargin = CanvasCalculations.clearMargin;\n        const clearHeight = CanvasCalculations.clearHeight;\n        const clearWidth = CanvasCalculations.clearWidth;\n        const radius = CanvasCalculations.collapseRadius;\n        const startAngle = CanvasCalculations.startAngle;\n        const endAngle = CanvasCalculations.endAngle;\n        let textFadeOutValue = CanvasCalculations.textFadeOutStartValue;\n        const buttonTextClorInRgb = this.convertHexToRgb(buttonTextClor.toLocaleLowerCase());\n\n        /**\n         * Animate method - Renders collapse animation.\n         */\n        const animate = () => {\n            const context = this._canvas.current?.getContext('2d') ?? this._context;\n            if (!context) {\n                return;\n            }\n            context.beginPath();\n            context.clearRect(pointPositionX - clearMargin, pointPositionY - clearMargin, clearWidth, clearHeight);\n            context.ellipse(pointPositionX, pointPositionY, radius, animationStartWidth, rotation, startAngle, endAngle);\n            context.fillStyle = color;\n            context.fill();\n            if (animationEndWidth < animationStartWidth && buttonText) {\n                requestAnimationFrame(animate);\n                this.applyFadingTransition(buttonText, coords, buttonTextClorInRgb, textFadeOutValue);\n                textFadeOutValue -= CanvasCalculations.textFadeInterval;\n                animationStartWidth--;\n            }\n        };\n\n        if (this._isDesktopViewPort) {\n            animate();\n        }\n    };\n\n    /**\n     * DrawCircle method - Renders active points.\n     * @param coords -Coordinates.\n     */\n    public drawCircle = (coords: number[]): void => {\n        const { color = CanvasStyles.color, viewPort } = this.props;\n        const doubleMultiplier: number = CanvasCalculations.doubleMultiplier;\n        const startAngle: number = CanvasCalculations.startAngle;\n        const context = this._canvas.current?.getContext('2d') ?? this._context;\n        const radius = viewPort === 'xs' || viewPort === 'sm' ? coords[2] * doubleMultiplier : coords[2];\n        if (!context) {\n            return;\n        }\n        context.fillStyle = color;\n        context.beginPath();\n        context.strokeStyle = color;\n        context.arc(coords[0], coords[1], radius, startAngle, Math.PI * doubleMultiplier);\n        context.closePath();\n        context.stroke();\n        context.fill();\n    };\n\n    /**\n     * ScaleCoords method - To scale the active point coordinates based on the window size.\n     * @param coords -Coordinates.\n     * @returns -Returns number[].\n     */\n    public scaleCoords = (coords: number[]): number[] => {\n        const { imgWidth } = this.props;\n        const defaultWidth: number = CanvasCalculations.defaultWidth;\n        const defaultScale: number = CanvasCalculations.defaultScale;\n\n        // Calculate scale based on current 'width' and the original 'imgWidth'\n        const width = this.getActiveImageWidth();\n        const scale = width && imgWidth && imgWidth > defaultWidth ? width / imgWidth : defaultScale;\n        return coords.map(coord => coord * scale);\n    };\n\n    /**\n     * RenderPrefilledAreas method - To render active points in case of events.\n     */\n    public renderPrefilledAreas = (): void => {\n        const { areaMap } = this.props;\n        areaMap.areas.map(area => {\n            this.drawCircle(this.scaleCoords(area.coords));\n            return null;\n        });\n    };\n\n    /**\n     * ComputeCenter method - To re-calculate the center of active point based on window size.\n     * @param area -IArea.\n     * @returns -Returns number[].\n     */\n    public computeCenter = (area: IArea): number[] => {\n        const scaledCoords = this.scaleCoords(area.coords);\n        return [scaledCoords[0], scaledCoords[1]];\n    };\n\n    /**\n     * HandleHoverOn method - To handle mouse hover on event.\n     * @param area -IArea.\n     */\n    public handleHoverOn = (area: IArea): void => {\n        if (area.center && this._canvas.current) {\n            this.drawCircle(this.scaleCoords(area.coords));\n            this.expandAnimation(area.center);\n        }\n    };\n\n    /**\n     * HandleHoverOff method - To handle mouse hover off event.\n     * @param area -IArea.\n     */\n    public handleHoverOff = (area: IArea): void => {\n        if (this._canvas.current) {\n            const context = this._canvas.current.getContext('2d') ?? this._context;\n            const canvasPositionX: number = CanvasCalculations.defaultPositionX;\n            const canvasPositionY: number = CanvasCalculations.defaultPositionY;\n\n            if (!context) {\n                return;\n            }\n            context.clearRect(canvasPositionX, canvasPositionY, this._canvas.current.width, this._canvas.current.height);\n            this.renderPrefilledAreas();\n            if (area.center) {\n                this.collapseAnimation(area.center);\n            }\n        }\n    };\n\n    /**\n     * Click method - Mouse click event.\n     * @param area -IArea.\n     * @param index - Number.\n     * @returns - Void.\n     */\n    public click = (area: IArea, index: number) => (event: AreaEvent): void => {\n        const { onClick } = this.props;\n        if (onClick) {\n            event.preventDefault();\n            onClick(area, index, event);\n        }\n    };\n\n    /**\n     * HoverOn method - Mouse hover on event.\n     * @param area -IArea.\n     * @param index - Number.\n     * @returns - Void.\n     */\n    public hoverOn = (area: IArea, index: number) => (event: AreaEvent): void => {\n        const { onMouseEnter } = this.props;\n        this.handleHoverOn(area);\n        if (onMouseEnter) {\n            onMouseEnter(area, index, event);\n        }\n    };\n\n    /**\n     * HoverOff method - Mouse hover off event.\n     * @param area - IArea.\n     * @param index - Number.\n     * @returns - Void.\n     */\n    public hoverOff = (area: IArea, index: number) => (event: AreaEvent): void => {\n        const { onMouseLeave } = this.props;\n\n        this.handleHoverOff(area);\n\n        if (onMouseLeave) {\n            onMouseLeave(area, index, event);\n        }\n    };\n\n    /**\n     * RenderAreas method - Renders active points at given coordinates.\n     * @returns -Returns JSX.Element[].\n     */\n    public renderAreas = (): JSX.Element[] => {\n        const { areaMap, viewPort } = this.props;\n        const buttonText = this.props.imageMapperResources?.buttonText ? this.props.imageMapperResources.buttonText : '';\n        const altText = this.props.imageMapperResources?.altText ? this.props.imageMapperResources.altText : '';\n        const doubleMultiplier: number = CanvasCalculations.doubleMultiplier;\n\n        return areaMap.areas.map((area, index) => {\n            const scaledCoords = this.scaleCoords(area.coords);\n            const xsRadius = area.coords[2] * doubleMultiplier;\n            if (viewPort === 'xs') {\n                scaledCoords[2] = xsRadius;\n            }\n            const center = this.computeCenter(area);\n            const extendedArea = { ...area, scaledCoords, center };\n            const areaKey = `area-${index}`;\n            const altTextWithProductName = altText\n                .replace('{buttonText}', buttonText ? buttonText : '')\n                .replace('{productName}', area.productSearchResult?.Name ? area.productSearchResult.Name : '');\n            return (\n                <area\n                    key={areaKey}\n                    shape='circle'\n                    coords={scaledCoords.join(',')}\n                    onMouseEnter={this.hoverOn(extendedArea, index)}\n                    onMouseLeave={this.hoverOff(extendedArea, index)}\n                    onClick={this.click(extendedArea, index)}\n                    onFocus={this.hoverOn(extendedArea, index)}\n                    onBlur={this.hoverOff(extendedArea, index)}\n                    href={area.productUrl}\n                    tabIndex={0}\n                    alt={altTextWithProductName}\n                    aria-label={altTextWithProductName}\n                />\n            );\n        });\n    };\n\n    /**\n     * InitCanvas method - To render the canvas.\n     */\n    public initCanvas = (): void => {\n        if (!this._canvas.current || !this._backgroundImage.current || !this._container.current) {\n            return;\n        }\n\n        const { color, onLoad } = this.props;\n        const defaultWidth: number = CanvasCalculations.defaultWidth;\n        const defaultHeight: number = CanvasCalculations.defaultHeight;\n\n        const canvasWidth = this.getActiveImageWidth() ?? defaultWidth;\n        const canvasHeight = this.getActiveImageHeight() ?? defaultHeight;\n\n        this._canvas.current.width = canvasWidth;\n        this._canvas.current.height = canvasHeight;\n        this._container.current.style.width = `${canvasWidth}px`;\n\n        const context = this._canvas.current.getContext('2d') ?? this._context;\n        if (!context) {\n            return;\n        }\n        context.fillStyle = color ?? '';\n\n        if (onLoad) {\n            onLoad();\n        }\n\n        this.renderPrefilledAreas();\n    };\n\n    /**\n     * Render method - To render the image mapper component with active image, canvas and active points.\n     * @returns -Returns JSX.Element | null.\n     */\n    public render(): JSX.Element | null {\n        const { imageData, areaMap, requestContext } = this.props;\n\n        return (\n            <div className='msc-active-image-container' ref={this._container}>\n                <Image\n                    src={imageData.src}\n                    useMap={`#${areaMap.name}`}\n                    alt={areaMap.name}\n                    ref={this._backgroundImage}\n                    height={imageData.height}\n                    width={imageData.width}\n                    className='msc-active-image-img'\n                    imageSettings={imageData.imageSettings}\n                    gridSettings={requestContext.gridSettings ?? {}}\n                    requestContext={requestContext}\n                />\n                <canvas ref={this._canvas} className='msc-active-image-canvas' />\n                <map name={areaMap.name} className='msc-active-image-map'>\n                    {this.renderAreas()}\n                </map>\n            </div>\n        );\n    }\n}\n\nexport default ImageMapper;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport * as MsDyn365 from '@msdyn365-commerce/core';\nimport { ProductSearchResult } from '@msdyn365-commerce/retail-proxy';\nimport { ArrayExtensions, getProductPageUrlSync } from '@msdyn365-commerce-modules/retail-actions';\nimport {\n    getPayloadObject,\n    getTelemetryAttributes,\n    getTelemetryObject,\n    IModuleProps,\n    INodeProps,\n    isMobile,\n    ITelemetryContent,\n    VariantType\n} from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport * as React from 'react';\n\nimport {\n    activeImageAdditionalContent,\n    ActiveProductComponent,\n    IActiveImageAdditionalContentViewProps,\n    IArea,\n    IAreaMap,\n    IImageMapperProps,\n    ImageMapper\n} from '../active-image-utilities';\nimport { IActiveImageData } from './active-image.data';\nimport { IActiveImageProps } from './active-image.props.autogenerated';\n\n/**\n * @type AreaEvent for active points\n */\ntype AreaEvent = Event | React.MouseEvent<HTMLAreaElement, MouseEvent> | React.FocusEvent<HTMLAreaElement>;\n\n/**\n * @interface IActiveImageViewProps\n * @classdesc - The IActiveImageViewProps interface contract.\n */\nexport interface IActiveImageViewProps extends IActiveImageProps<{}>, IImageMapperProps {\n    activePointContainer: IModuleProps;\n    activePointDetailsContainer: INodeProps;\n    imageMapper: React.ReactNode;\n    overlay: React.ReactNode;\n    productCard: React.ReactNode;\n    title?: React.ReactNode;\n    text?: React.ReactNode;\n    links?: React.ReactNode;\n    detailsContainer?: INodeProps;\n    detailsContainerCta?: INodeProps;\n    additionalContent?: IActiveImageAdditionalContentViewProps;\n    productCardleftPosition: number;\n    productCardtopPosition: number;\n    handleAdditionalText?(event: MsDyn365.ContentEditableEvent): void;\n    handleAdditionalParagraph?(event: MsDyn365.ContentEditableEvent): void;\n    handleAdditionalLinkText?(event: MsDyn365.ContentEditableEvent): void;\n}\n\n/**\n * @interface IActiveImageLinksData\n * @classdesc - The IActiveImageLinksData interface contract.\n */\nexport interface IActiveImageLinksData {\n    linkText?: string;\n    linkUrl: MsDyn365.ILinkData;\n    ariaLabel?: string;\n    willOpenInNewTab?: boolean;\n}\n\n/**\n * @interface IActiveImageState\n * @classdesc - The IActiveImageState interface contract.\n */\ninterface IActiveImageState {\n    clientWidth: number;\n    area: IArea | null;\n    viewport: string;\n    overlayClass: string;\n}\n\n/**\n * @enum ActiveImageConstants\n * @description - The active image constants enum.\n */\nexport enum ActiveImageConstants {\n    timeoutInterval = 200,\n    enterKey = 'Enter',\n    escKey = 'Escape'\n}\n\n/**\n *\n * ActiveImage class.\n * @extends {React.PureComponent<IActiveImageProps<{}> & IImageMapperProps, IActiveImageState>}\n */\nexport class ActiveImage extends React.PureComponent<IActiveImageProps<IActiveImageData> & IImageMapperProps, IActiveImageState> {\n    private readonly _telemetryContent: ITelemetryContent;\n\n    private _isDesktopViewPort: boolean;\n\n    private readonly _defaultProductCardWidth: number = 315;\n\n    private readonly _defaultProdutCardHight: number = 490;\n\n    private readonly _activePoints: IArea[] = [];\n\n    private readonly _activeImageRefs: React.RefObject<HTMLDivElement>;\n\n    private readonly _activeImageClass: string;\n\n    private readonly _productCardDivRef: React.RefObject<HTMLDivElement>;\n\n    public constructor(props: IActiveImageProps<IActiveImageData> & IImageMapperProps) {\n        super(props);\n        this._telemetryContent = getTelemetryObject(\n            this.props.context.request.telemetryPageName!,\n            this.props.friendlyName,\n            this.props.telemetry\n        );\n        const viewport = isMobile({ variant: VariantType.Browser, context: this.props.context.request });\n        this._activeImageClass = `msc-active-image-${this.getActiveImageId()}`;\n        this.state = {\n            clientWidth: 0,\n            area: null,\n            viewport,\n            overlayClass: ''\n        };\n        this._isDesktopViewPort = viewport === 'lg' || viewport === 'xl';\n        this._activeImageRefs = React.createRef();\n        this._productCardDivRef = React.createRef();\n    }\n\n    public componentDidMount(): void {\n        if (MsDyn365.msdyn365Commerce.isBrowser) {\n            window.addEventListener('resize', this.updateClientWidth);\n            document.addEventListener('keydown', this.keyDown, false);\n            document.addEventListener('mousedown', this._handleOutsideClick);\n        }\n        setTimeout(() => {\n            this.updateClientWidth();\n        }, ActiveImageConstants.timeoutInterval);\n\n        if (MsDyn365.msdyn365Commerce.isBrowser && this._activeImageRefs.current) {\n            const images: HTMLCollectionOf<Element> = this._activeImageRefs.current.getElementsByClassName(\n                'msc-thumbnail_image msc-active-image-img'\n            );\n            if (ArrayExtensions.hasElements(Array.from(images))) {\n                images[0].removeAttribute('usemap');\n            }\n        }\n    }\n\n    /**\n     * AddActivePoints method - To handle add Active Points.\n     * @param area - IArea.\n     * @param product - ProductSearchResult.\n     * @param coords - Coords.\n     * @param productUrl - String.\n     */\n    public addActivePoints = (area: IArea | undefined, product: ProductSearchResult, coords: number[], productUrl: string): void => {\n        if (!area) {\n            this._activePoints.push({\n                areaId: product.RecordId.toString(),\n                coords,\n                primaryImageUrl: product.PrimaryImageUrl ?? '',\n                productUrl,\n                productSearchResult: product\n            });\n        }\n    };\n\n    /**\n     * ComponentWillUnmount method.\n     */\n    public componentWillUnmount(): void {\n        if (MsDyn365.msdyn365Commerce.isBrowser) {\n            window.removeEventListener('resize', this.updateClientWidth);\n            document.removeEventListener('keydown', (this.keyDown as unknown) as EventListener, false);\n            document.removeEventListener('mousedown', this._handleOutsideClick, false);\n        }\n    }\n\n    /**\n     * UpdateClientWidth method to update client width in state.\n     */\n    public updateClientWidth = (): void => {\n        const viewport = isMobile({ variant: VariantType.Browser, context: this.props.context.request });\n        this.setState({ clientWidth: this.getActiveImageWidth(), viewport });\n        this._isDesktopViewPort = viewport === 'lg' || viewport === 'xl';\n    };\n\n    /**\n     * Render method.\n     * @returns - Returns JSX.Element | null.\n     */\n    public render(): JSX.Element | null {\n        const viewProps: IActiveImageViewProps = {\n            ...(this.props as IImageMapperProps & IActiveImageProps<{}>),\n            activePointContainer: {\n                moduleProps: this.props,\n                className: classnames('msc-active-image', this._activeImageClass, this.props.config.className)\n            },\n            activePointDetailsContainer: {\n                tag: 'div',\n                className: classnames('msc-active-image-wrapper', this._activeImageClass, this.props.config.className),\n                ref: this._activeImageRefs\n            },\n            imgWidth: this.props.config.canvasWidth,\n            imageMapper: this.renderImageMapper(),\n            overlay: this.renderOverlay(),\n            productCard: this.renderProductCard(),\n            productCardleftPosition: this.getProductCardPositionX(),\n            productCardtopPosition: this.getProductCardPositionY(),\n            title: this.renderActiveImageDetailsHeading(),\n            text: this.renderActiveImageDetailsParagraph(),\n            links: this.renderActiveImageDetailsLinks(),\n            detailsContainer: { className: 'msc-active-image__details' },\n            detailsContainerCta: { className: 'msc-active-image__details__cta' },\n            additionalContent: activeImageAdditionalContent({\n                requestContext: this.props.context.request,\n                additionalContent: this.props.config.additionalContent,\n                handleAdditionalTextChange: this.handleAdditionalTextChange,\n                handleAdditionalParagraphChange: this.handleAdditionalParagraphChange,\n                handleAdditionalLinkTextChange: this.handleAdditionalLinkTextChange\n            }),\n            handleAdditionalText: this.handleAdditionalTextChange,\n            handleAdditionalParagraph: this.handleAdditionalParagraphChange,\n            handleAdditionalLinkText: this.handleAdditionalTextChange\n        };\n\n        return this.props.renderView(viewProps);\n    }\n\n    /**\n     * RenderImageMapper method - To render image mapper.\n     * @returns - Returns React.ReactNode | null.\n     */\n    public renderImageMapper = (): React.ReactNode | null => {\n        const { config, context } = this.props;\n        const defaultPosition: number = 0;\n        const defaultLength: number = 0;\n        const productResults = this.props.data.products.result;\n        if (config.activePoints && productResults) {\n            for (const product of productResults) {\n                for (const configProduct of config.activePoints) {\n                    if (product.ItemId === configProduct.itemId) {\n                        const productUrl = getProductPageUrlSync(product.Name ?? '', product.RecordId, context.actionContext, undefined);\n                        const coords = [\n                            configProduct.xPosition ?? defaultPosition,\n                            configProduct.yPosition ?? defaultPosition,\n                            configProduct.radius ?? defaultPosition\n                        ];\n                        const area = this._activePoints.find(activePoint => JSON.stringify(activePoint.coords) === JSON.stringify(coords));\n                        this.addActivePoints(area, product, coords, productUrl);\n                    }\n                }\n            }\n        }\n        const mappedArea: IAreaMap = {\n            name: `map-${this._activeImageClass}`,\n            areas: this._activePoints.length > defaultLength ? this._activePoints : []\n        };\n\n        // If image is null, we want to render the placeholder SVG - by passing image data with empty src\n        return (\n            <ImageMapper\n                viewPort={this.state.viewport}\n                requestContext={this.props.context.actionContext.requestContext}\n                width={this.state.clientWidth}\n                imgWidth={this.props.config.canvasWidth}\n                onClick={this.enterArea}\n                onFocus={this.enterArea}\n                onMouseEnter={this.enterArea}\n                onMouseLeave={this.leaveArea}\n                imageData={this.props.config.activeImage ?? {}}\n                areaMap={mappedArea}\n                activeImageRefs={this._activeImageRefs}\n                imageMapperResources={{\n                    altText: this.props.resources.altTextForSeeMoreButtonWithProductName,\n                    buttonText: this.props.resources.seeMoreButtonText\n                }}\n            />\n        );\n    };\n\n    /**\n     * EnterArea method - To handle mouse enter event.\n     * @param area - Active point area.\n     * @param index - Active point index.\n     * @param event - Active point AreaEvent.\n     */\n    public enterArea = (area: IArea, index: number, event: AreaEvent): void => {\n        this.setState({ area, overlayClass: 'msc-active-image-overlay' });\n        if (this.props.onMouseEnter) {\n            this.props.onMouseEnter(area, index, event);\n        }\n        if (event.type.toLocaleLowerCase() === 'click' && this._isDesktopViewPort) {\n            window.open(area.productUrl, '_self');\n        }\n    };\n\n    /**\n     * LeaveArea method - To handle mouse leave event.\n     */\n    public leaveArea = (): void => {\n        if (this._isDesktopViewPort) {\n            this.resetState();\n        }\n    };\n\n    /**\n     * ResetState method - To reset the state for area and overlayclass.\n     */\n    public resetState = (): void => {\n        this.setState({ area: null, overlayClass: '' });\n    };\n\n    /**\n     * RenderProductComponent method - To render the product card with product information.\n     * @returns - Returns React.ReactNode.\n     */\n    public renderProductComponent = (): React.ReactNode => {\n        if (this.state.area?.productSearchResult) {\n            const baseImageUrl: string = this.props.context.request.apiSettings.baseImageUrl;\n            const imageUrl: string = this.state.area.primaryImageUrl ?? '';\n            const primaryImageUrl: string = `${baseImageUrl}${imageUrl}`;\n            const product: ProductSearchResult = this.state.area.productSearchResult;\n            product.PrimaryImageUrl = primaryImageUrl;\n\n            return (\n                <ActiveProductComponent\n                    context={this.props.context}\n                    imageSettings={this.props.config.productImageSettings}\n                    id={product.ItemId ?? ''}\n                    typeName={this.props.typeName || ''}\n                    data={{ product }}\n                />\n            );\n        }\n        return React.Fragment;\n    };\n\n    /**\n     * RenderProductCard method - To render product cards.\n     * @returns - Returns React.ReactNode.\n     */\n    public renderProductCard = (): React.ReactNode => {\n        const { area } = this.state;\n\n        return (\n            <>\n                {area?.center && (\n                    <div className='msc-active-image-product-card' ref={this._productCardDivRef}>\n                        <div className='msc-active-image-product-card-wrapper' key={area.areaId}>\n                            {!this._isDesktopViewPort && <button onClick={this.resetState} className='close-button' />}\n                            {area.productSearchResult && this.renderProductComponent()}\n                            {!this._isDesktopViewPort && (\n                                <a href={area.productUrl} className='see-more-button'>\n                                    {this.props.resources.seeMoreButtonText}\n                                </a>\n                            )}\n                        </div>\n                    </div>\n                )}\n            </>\n        );\n    };\n\n    /**\n     * RenderOverlay method - To render overlay for non desktop viewports.\n     * @returns - Returns React.ReactNode.\n     */\n    public renderOverlay = (): React.ReactNode => {\n        return <>{!this._isDesktopViewPort && <div className={this.state.overlayClass} />}</>;\n    };\n\n    /**\n     * GetProductCardPositionX method - Provides product card x position to the left or right of active point based on available space.\n     * For xs, sm and md viewports it provides x position for the center alignment.\n     * @returns - Returns number.\n     */\n    public getProductCardPositionX = (): number => {\n        const defaultImageSettings = this.getDefaultImageSettings();\n        const productImageSettingsWidth = this.props.config.productImageSettings?.viewports\n            ? this.props.config.productImageSettings.viewports.lg?.w\n            : defaultImageSettings.viewports.lg?.w;\n        const defaultPositionX: number = 0;\n        const halfDivisor: number = 2;\n        const productCardWidth: number = productImageSettingsWidth ? productImageSettingsWidth : this._defaultProductCardWidth;\n        const { area, clientWidth, viewport } = this.state;\n        const pointPositionX = area?.center?.[0] ?? clientWidth / halfDivisor;\n        const leftAllignPosition = pointPositionX - productCardWidth - productCardWidth / halfDivisor;\n        const rightAllignPosition = pointPositionX + productCardWidth / halfDivisor;\n        let position: number = (clientWidth - productCardWidth) / halfDivisor;\n        if (viewport !== 'xs' && viewport !== 'sm' && viewport !== 'md') {\n            if (leftAllignPosition < defaultPositionX) {\n                position = rightAllignPosition;\n            } else {\n                position = leftAllignPosition;\n            }\n        }\n        return position;\n    };\n\n    /**\n     * GetProductCardPositionY method - Provides product card y position in center with respect to active point.\n     * For xs, sm and md viewports it provides y position for the center alignment.\n     * @returns - Returns number.\n     */\n    public getProductCardPositionY = (): number => {\n        const defaultImageSettings = this.getDefaultImageSettings();\n        const productImageSettingsHeight = this.props.config.productImageSettings?.viewports\n            ? this.props.config.productImageSettings.viewports.lg?.h\n            : defaultImageSettings.viewports.lg?.h;\n        const halfDivisor: number = 2;\n        const { area, viewport } = this.state;\n        const produtCardHight: number = productImageSettingsHeight ? productImageSettingsHeight : this._defaultProdutCardHight;\n        const pointPositionY = (this.getActiveImageHeight() - produtCardHight) / halfDivisor;\n        let position: number = pointPositionY;\n        if (viewport !== 'xs' && viewport !== 'sm' && viewport !== 'md') {\n            position = (area?.center?.[1] ?? this.getActiveImageHeight() / halfDivisor) - produtCardHight / halfDivisor;\n        }\n        return position;\n    };\n\n    /**\n     * GetDefaultImageSettings method.\n     * @returns MsDyn365.IImageSettings.\n     */\n    public getDefaultImageSettings = (): MsDyn365.IImageSettings => {\n        const defaultImageSettings: MsDyn365.IImageSettings = {\n            viewports: {\n                xs: { q: 'w=275&h=275&m=6', w: 275, h: 275 },\n                lg: { q: 'w=275&h=275&m=6', w: 275, h: 275 },\n                xl: { q: 'w=275&h=275&m=6', w: 275, h: 275 }\n            },\n            lazyload: true\n        };\n\n        return defaultImageSettings;\n    };\n\n    /**\n     * KeyDown method - To handle keydown event.\n     * @param event - KeyboardEvent.\n     */\n    public keyDown = (event: KeyboardEvent): void => {\n        if (event.key === ActiveImageConstants.enterKey) {\n            const target: HTMLElement = event.target as HTMLElement;\n            if (target.nodeName === 'AREA') {\n                const area: HTMLAreaElement = target as HTMLAreaElement;\n                if (area.href) {\n                    window.open(area.href, '_self');\n                }\n            }\n        }\n        if (event.key === ActiveImageConstants.escKey) {\n            this.resetState();\n        }\n    };\n\n    /**\n     * GetActiveImageWidth method - To get active image width.\n     * @returns Returns number.\n     */\n    public getActiveImageWidth = (): number => {\n        const defaultWidth: number = 0;\n        if (MsDyn365.msdyn365Commerce.isBrowser) {\n            const activeImageReferenceValue = this._activeImageRefs;\n            if (activeImageReferenceValue.current !== null) {\n                return activeImageReferenceValue.current.clientWidth;\n            }\n        }\n        return defaultWidth;\n    };\n\n    /**\n     * GetActiveImageHeight method - To get active image height.\n     * @returns Returns number.\n     */\n    public getActiveImageHeight = (): number => {\n        const defaultHeight: number = 0;\n        if (MsDyn365.msdyn365Commerce.isBrowser) {\n            const activeImageReferenceValue = this._activeImageRefs;\n            if (activeImageReferenceValue.current !== null) {\n                return activeImageReferenceValue.current.clientHeight;\n            }\n        }\n        return defaultHeight;\n    };\n\n    /**\n     * HandleLinkTextChange method - To handle link text change event.\n     * @param linkIndex - The link index.\n     * @param event - The dialog that is allowed to remain open.\n     */\n    public handleLinkTextChange(linkIndex: number, event: MsDyn365.ContentEditableEvent): void {\n        if (this.props.config.links && this.props.config.links[Number(linkIndex)]) {\n            this.props.config.links[Number(linkIndex)].linkText = event.target.value;\n        }\n    }\n\n    /**\n     * HandleTextChange method - To handle text change event.\n     * @param event - The dialog that is allowed to remain open.\n     */\n    public handleTextChange = (event: MsDyn365.ContentEditableEvent): void => {\n        this.props.config.heading!.text = event.target.value;\n    };\n\n    /**\n     * HandleParagraphChange method - To handle paragraph change event.\n     * @param event - The dialog that is allowed to remain open.\n     */\n    public handleParagraphChange = (event: MsDyn365.ContentEditableEvent): void => {\n        this.props.config.paragraph = event.target.value;\n    };\n\n    /**\n     * HandleAdditionalTextChange method - To handle additional text change event.\n     * @param event - The dialog that is allowed to remain open.\n     */\n    public handleAdditionalTextChange(event: MsDyn365.ContentEditableEvent): void {\n        if (this.props.config.additionalContent) {\n            this.props.config.additionalContent.heading = event.target.value;\n        }\n    }\n\n    /**\n     * HandleAdditionalLinkTextChange method - To handle additional link text change event.\n     * @param linkIndex - The link index.\n     * @param event - The dialog that is allowed to remain open.\n     */\n    public handleAdditionalLinkTextChange(linkIndex: number, event: MsDyn365.ContentEditableEvent): void {\n        const additionalContent = this.props.config.additionalContent ?? {};\n        if (additionalContent.links) {\n            additionalContent.links[Number(linkIndex)].linkText = event.target.value;\n        }\n    }\n\n    /**\n     * HandleAdditionalParagraphChange method - To handle additional paragraph change event.\n     * @param event - The dialog that is allowed to remain open.\n     */\n    public handleAdditionalParagraphChange(event: MsDyn365.ContentEditableEvent): void {\n        if (this.props.config.additionalContent) {\n            this.props.config.additionalContent.subtext = event.target.value;\n        }\n    }\n\n    /**\n     * RenderActiveImageDetailsLinks method - To render active image details links.\n     * @returns - React node.\n     */\n    public renderActiveImageDetailsLinks = (): React.ReactNode[] | undefined => {\n        const { links } = this.props.config;\n        const payLoad = getPayloadObject('click', this._telemetryContent, '');\n\n        return links?.map((linkData: IActiveImageLinksData, index: number) => {\n            payLoad.contentAction.etext = linkData.linkText;\n            const attributes = getTelemetryAttributes(this._telemetryContent, payLoad);\n            const linkId = index;\n            const editableLink: MsDyn365.ILinksData = {\n                ariaLabel: linkData.ariaLabel,\n                className: 'msc-active-image__details__cta__link',\n                linkText: linkData.linkText,\n                linkUrl: linkData.linkUrl.destinationUrl,\n                openInNewTab: linkData.willOpenInNewTab,\n                role: 'button',\n                additionalProperties: attributes\n            };\n\n            return (\n                <MsDyn365.Link\n                    key={linkId}\n                    link={editableLink}\n                    editProps={{\n                        /**\n                         * Handle additional paragraph change.\n                         * @param event - The keyboard event.\n                         */\n                        onTextChange: event => {\n                            this.handleLinkTextChange(index, event);\n                        },\n                        requestContext: this.props.context.request\n                    }}\n                />\n            );\n        });\n    };\n\n    /**\n     * RenderActiveImageDetailsHeading method - To render active image details heading.\n     * @returns - React.ReactNode | undefined.\n     */\n    public renderActiveImageDetailsHeading = (): React.ReactNode | undefined => {\n        const { heading } = this.props.config;\n\n        return (\n            heading && (\n                <MsDyn365.Text\n                    className='msc-active-image__details__title'\n                    tag={heading.tag ?? 'h1'}\n                    text={heading.text}\n                    editProps={{ onEdit: this.handleTextChange, requestContext: this.props.context.request }}\n                />\n            )\n        );\n    };\n\n    /**\n     * RenderActiveImageDetailsParagraph method - To render active image details paragraph.\n     * @returns - React.ReactNode | undefined.\n     */\n    public renderActiveImageDetailsParagraph = (): React.ReactNode | undefined => {\n        const { paragraph } = this.props.config;\n\n        return (\n            paragraph && (\n                <MsDyn365.RichTextComponent\n                    text={paragraph}\n                    className='msc-active-image__details__text'\n                    editProps={{ onEdit: this.handleParagraphChange, requestContext: this.props.context.request }}\n                />\n            )\n        );\n    };\n\n    /**\n     * GetActiveImageId - To get active image id from src.\n     * @returns - String.\n     */\n    public getActiveImageId = (): string => {\n        const { activeImage } = this.props.config;\n        let activeImageId: string = '';\n        if (activeImage?.src) {\n            const activeImageSource = activeImage.src.split('/');\n            const decrementOne: number = 1;\n            const activeImageIdPart = activeImageSource[activeImageSource.length - decrementOne].split('?');\n            activeImageId = activeImageIdPart[0] ?? '';\n        }\n        return activeImageId;\n    };\n\n    /**\n     * Handle outside click method - To handle outside click of the active image product.\n     * @param event - Mouse event.\n     */\n    private readonly _handleOutsideClick = (event: MouseEvent) => {\n        if (this._productCardDivRef.current?.contains(event.target as Node)) {\n            return;\n        }\n        this.resetState();\n    };\n}\nexport default ActiveImage;\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 { IActiveImageAdditionalContentViewProps } from '../active-image-utilities';\nimport { IActiveImageViewProps } from './active-image';\n\n/**\n * Render Additional Content.\n * @param additionalContent - Additional content view props.\n * @returns JSX Element.\n */\nconst renderAdditionalContent = (additionalContent: IActiveImageAdditionalContentViewProps) => {\n    return (\n        <Node {...additionalContent.additionalContentNode}>\n            {additionalContent.heading}\n            <Node {...additionalContent.additionalContentContainer}>\n                {additionalContent.text}\n                <Node {...additionalContent.additionalContentItemLinks}>{additionalContent.links}</Node>\n            </Node>\n        </Node>\n    );\n};\n\n/**\n * Render View.\n * @param props - The view props.\n * @returns -The JSX Element.\n */\nexport const activeImageView: React.FC<IActiveImageViewProps> = props => {\n    return (\n        <Module {...props.activePointContainer}>\n            <Node {...props.activePointDetailsContainer}>\n                {props.imageMapper}\n                <Node {...props.detailsContainer} className={props.detailsContainer ? props.detailsContainer.className : ''}>\n                    {props.title}\n                    {props.text}\n                    {props.additionalContent && renderAdditionalContent(props.additionalContent)}\n                    <Node {...props.detailsContainerCta} className={props.detailsContainerCta ? props.detailsContainerCta.className : ''}>\n                        {props.links}\n                    </Node>\n                </Node>\n            </Node>\n            <Node\n                className='msc-active-image-product-card-container'\n                style={{ top: `${props.productCardtopPosition}px`, left: `${props.productCardleftPosition}px` }}\n            >\n                {props.overlay}\n                {props.productCard}\n            </Node>\n        </Module>\n    );\n};\n\nexport default activeImageView;\n","module.exports = React;","module.exports = ReactDOM;"],"names":["activeImageView","props","React","Module","Object","assign","activePointContainer","Node","activePointDetailsContainer","imageMapper","detailsContainer","className","title","text","additionalContent","additionalContentNode","heading","additionalContentContainer","additionalContentItemLinks","links","detailsContainerCta","style","top","productCardtopPosition","left","productCardleftPosition","overlay","productCard","binding","modules","dataActions","c","require","$type","da","name","path","runOn","iNM","ns","n","p","pdp","md","registerSanitizedActionPath","sanitizedActionPath","dataAction","default","Error","prototype","RegistrationId","id","window","__bindings__","_objectSpread","viewDictionary","cn","ActiveImageInput","constructor","config","_cacheKey","getCacheObjectType","getCacheKey","this","dataCacheType","activePoints","ArrayExtensions","hasElements","activePointData","itemId","toString","createInput","inputData","getActiveImageproductAction","async","input","context","itemIds","map","push","ItemId","searchCriteriaInput","Context","ChannelId","requestContext","apiSettings","channelId","CatalogId","getCatalogId","IncludeAttributes","ItemIds","ProductsDataActions","callerContext","actionDataAction","createObservableDataAction","action","renderRating","typeName","ratingId","avgRating","totalRatings","ariaLabel","_totalRatings$toStrin","numberRatings","undefined","ratingAriaLabel","rating","roundedRating","toFixed","format","getRatingAriaLabel","RatingComponent","ratingCount","readOnly","data","ActiveProductComponent","_ref","imageSettings","savingsText","freePriceText","originalPriceText","product","gridSettings","imageUrl","altText","imgData","src","imageProps","cropFocalRegion","Image","loadFailureBehavior","renderProductPlacementImage","actionContext","request","PrimaryImageUrl","Name","productId","basePrice","adjustedPrice","price","BasePrice","AdjustedPrice","CustomerContextualPrice","PriceComponent","renderPrice","Price","description","Description","app","hideRating","AverageRating","TotalRatings","assembleNode","item","_item$links","renderHeading","additionalContentHeading","Msdyn365","tag","editProps","onEdit","event","handleAdditionalTextChange","subtext","renderParagraph","additionalContentParagraphText","ctaLink","index","renderLinks","linkIndex","editableLink","linkText","linkUrl","destinationUrl","openInNewTab","isOpenInNewTab","role","key","link","onTextChange","handleAdditionalLinkTextChange","activeImageAdditionalContent","CanvasCalculations","CanvasStyles","ImageMapper","super","_isDesktopViewPort","_context","getActiveImageWidth","MsDyn365","isBrowser","activeImageReferenceValue","activeImageRefs","current","clientWidth","getActiveImageHeight","clientHeight","convertHexToRgb","hexColor","result","RegExp","exec","rValue","Number","parseInt","gValue","bValue","applyFadingTransition","coords","rgbColor","alpha","_this$_canvas$current","_this$_canvas$current2","halfDivisor","_canvas","getContext","buttonPadding","paddingAdjustment","buttonWidth","measureText","width","fillStyle","document","body","parentElement","getAttribute","fillText","drawButton","_this$_canvas$current3","_this$_canvas$current4","color","buttonTextClor","buttonHeight","buttonPositionX","buttonPositionY","arcsize","beginPath","moveTo","lineTo","arcTo","stroke","closePath","fill","expandAnimation","_this$props$imageMapp","buttonText","imageMapperResources","animationStartWidth","expandAnimationStartWidth","pointPositionX","pointPositionY","animationEndWidth","expandAnimationEndWidth","radius","expandRadius","rotation","startAngle","endAngle","textFadeInValue","textFadeInStartValue","buttonTextClorInRgb","toLocaleLowerCase","animate","_this$_canvas$current5","_this$_canvas$current6","ellipse","requestAnimationFrame","textFadeInterval","collapseAnimation","_this$props$imageMapp2","collapseAnimationStartWidth","collapseAnimationEndWidth","clearMargin","clearHeight","clearWidth","collapseRadius","textFadeOutValue","textFadeOutStartValue","_this$_canvas$current7","_this$_canvas$current8","clearRect","drawCircle","_this$_canvas$current9","_this$_canvas$current10","viewPort","doubleMultiplier","strokeStyle","arc","Math","PI","scaleCoords","imgWidth","defaultWidth","defaultScale","scale","coord","renderPrefilledAreas","areaMap","areas","area","computeCenter","scaledCoords","handleHoverOn","center","handleHoverOff","_this$_canvas$current11","canvasPositionX","defaultPositionX","canvasPositionY","defaultPositionY","height","click","onClick","preventDefault","hoverOn","onMouseEnter","hoverOff","onMouseLeave","renderAreas","_this$props$imageMapp3","_this$props$imageMapp4","_area$productSearchRe","xsRadius","extendedArea","areaKey","altTextWithProductName","replace","productSearchResult","shape","join","onFocus","onBlur","href","productUrl","tabIndex","alt","initCanvas","_this$getActiveImageW","_this$getActiveImageH","_this$_canvas$current12","_backgroundImage","_container","onLoad","defaultHeight","canvasWidth","canvasHeight","componentDidMount","componentDidUpdate","shouldComponentUpdate","nextProps","shouldRender","render","_requestContext$gridS","imageData","ref","useMap","ActiveImageConstants","ActiveImage","_defaultProductCardWidth","_defaultProdutCardHight","_activePoints","addActivePoints","_product$PrimaryImage","areaId","RecordId","primaryImageUrl","updateClientWidth","viewport","isMobile","variant","VariantType","Browser","setState","renderImageMapper","_this$props$config$ac","productResults","products","configProduct","_product$Name","_configProduct$xPosit","_configProduct$yPosit","_configProduct$radius","getProductPageUrlSync","xPosition","yPosition","find","activePoint","JSON","stringify","mappedArea","_activeImageClass","length","state","enterArea","leaveArea","activeImage","_activeImageRefs","resources","altTextForSeeMoreButtonWithProductName","seeMoreButtonText","overlayClass","type","open","resetState","renderProductComponent","_this$state$area","_this$state$area$prim","_product$ItemId","baseImageUrl","productImageSettings","renderProductCard","_productCardDivRef","renderOverlay","getProductCardPositionX","_this$props$config$pr","_this$props$config$pr2","_defaultImageSettings","_area$center$","_area$center","defaultImageSettings","getDefaultImageSettings","productImageSettingsWidth","viewports","lg","w","productCardWidth","leftAllignPosition","position","getProductCardPositionY","_this$props$config$pr3","_this$props$config$pr4","_defaultImageSettings2","productImageSettingsHeight","h","produtCardHight","_area$center$2","_area$center2","xs","q","xl","lazyload","keyDown","enterKey","target","nodeName","escKey","handleTextChange","value","handleParagraphChange","paragraph","renderActiveImageDetailsLinks","payLoad","getPayloadObject","_telemetryContent","linkData","contentAction","etext","attributes","getTelemetryAttributes","linkId","willOpenInNewTab","additionalProperties","handleLinkTextChange","renderActiveImageDetailsHeading","_heading$tag","renderActiveImageDetailsParagraph","getActiveImageId","activeImageId","_activeImageIdPart$","activeImageSource","split","decrementOne","_handleOutsideClick","_this$_productCardDiv","contains","getTelemetryObject","telemetryPageName","friendlyName","telemetry","addEventListener","setTimeout","timeoutInterval","images","getElementsByClassName","Array","from","removeAttribute","componentWillUnmount","removeEventListener","viewProps","moduleProps","classnames","handleAdditionalParagraphChange","handleAdditionalText","handleAdditionalParagraph","handleAdditionalLinkText","renderView","_this$props$config$ad","module","exports","ReactDOM"],"sourceRoot":""}