{"version":3,"file":"static/js/10ddd819ee1e8322d2ae.bundle.js","mappings":";wtBAAA,MAAMA,EAAU,CAAEC,QAAS,GAAIC,YAAa,IAEvCF,EAAQC,QAAQ,kCAAoC,CACjDE,EAAGA,IAAMC,EAAQ,MACjBC,MAAO,kBACPC,GAAI,GAEJC,KAAK,EACLC,GAAI,6BACJC,EAAG,iCACHC,EAAG,iCAEHC,IAAK,GAGLC,GAAI,0HAKRC,OAAOC,aAAeD,OAAOC,cAAgB,GAC7CD,OAAOC,aAAab,QAAOc,EAAAA,EAAA,GACpBF,OAAOC,aAAab,SAAW,IAC/BD,EAAQC,SAGXY,OAAOC,aAAaZ,YAAWa,EAAAA,EAAA,GAC5BF,OAAOC,aAAaZ,aAAe,IACnCF,EAAQE,aAEY,MAAMc,EAAiB,GAC9BA,EAAe,mIAAqI,CAC5Jb,EAAGA,IAAMC,EAAQ,MACjBa,GAAI,4FAEpBJ,OAAOC,aAAeD,OAAOC,cAAgB,GAC7CD,OAAOC,aAAaE,eAAcD,EAAAA,EAAA,GACPF,OAAOC,aAAaE,gBAAkB,IACtCA,8sBCGpB,MAAME,UAAqCC,EAAAA,cAgB9CC,YAAmBC,GACfC,MAAMD,GAhBO,KAAAE,mBAAuCC,EAAAA,EAAAA,oBACpDC,KAAKJ,MAAMK,QAAQC,QAAQC,kBAC3BH,KAAKJ,MAAMQ,aACXJ,KAAKJ,MAAMS,WAgFR,KAAAC,iBAAoBC,GAA0CP,KAAKJ,MAAMY,OAAOC,MAAOC,KAAOH,EAAMI,OAAOC,MA7E1G,uBAAuBC,EAAuBC,EAAeC,GACjE,MAAMC,EAAW,oCAAoCF,IACrD,OACIpB,EAAAA,cAACA,EAAAA,SAAc,CAACuB,IAAKD,GAChBtB,EAAAA,aAAmBmB,EAA4B,CAAEK,UAAWJ,EAAOK,YAAaJ,EAAcK,UAAU,KAS9GC,SAAM,IAAAC,EAAAC,EACT,MAAM,UAAEC,GAAcxB,KAAKJ,OACrB,MAAEa,EAAK,UAAEgB,GAAczB,KAAKJ,MAAMY,OAClCkB,EAAmB1B,KAAKJ,MAAM+B,OAAS3B,KAAKJ,MAAM+B,MAAMC,wBACxDC,EAAsBH,GAAoBA,EAAiBI,OAC3DC,EAAoF,CACtFC,IAAKC,EAAAA,oBACLR,UAAsC,QAA7BH,EAAEtB,KAAKJ,MAAMY,OAAOiB,iBAAS,IAAAH,EAAAA,EAAI,GAC1CY,iBAAkBV,EAAUW,gBAC5BC,iBAAkBZ,EAAUa,YAC5BC,SAAUtC,KAAKJ,MAAM2C,GACrBC,iBAAkBxC,KAAKF,kBACvB2C,UAAU,GAGRC,EAAgBjC,GAClBf,EAAAA,cAACiD,EAAAA,GAAa,CACVlB,UAAU,gCACVO,IAAc,QAAXT,EAAEd,EAAMuB,WAAG,IAAAT,EAAAA,EAAI,KAClBb,KAAMD,EAAMC,KACZkC,UAAW,CAAEC,OAAQ7C,KAAKM,iBAAkBwC,eAAgB9C,KAAKJ,MAAMK,QAAQC,WAGjF6C,EAASzD,EAAAA,EAAA,GACRU,KAAKJ,OAAK,IACba,MAAOiC,EACPM,oCAAqC,CACjCvB,UAAW,8CAEfwB,sCAAuC,CACnCC,YAAalD,KAAKJ,MAClB6B,UAAW0B,GAAAA,CAAW,oCAAqC1B,IAE/D2B,6CAA8C,CAC1CpB,IAAK,MACLP,UAAW,6CAEf4B,4CAA6C,CACzCrB,IAAK,MACLP,UAAW,4CAEfM,kCAAAA,EACAuB,iCAAkC,CAC9BtB,IAAK,KACLP,UAAW,6CACX8B,KAAM,YAEVC,wCAAyCxD,KAAKJ,MAAM+B,MAAMC,wBAC1D6B,yCACI5B,EAnCwB,GAoCxBH,EAAiBgC,KAAI,CAAC7C,EAAuBC,IACzCrB,EAA6BkE,gBAAgB9C,EAAMC,EAAOe,OAGtE,OAAO7B,KAAKJ,MAAMgE,WAAWb,IAarC,+HCjHO,MAAMc,EAAqFjE,IAC9F,MAAM,MACFa,EAAK,oCACLuC,EAAmC,sCACnCC,EAAqC,6CACrCG,EAA4C,yCAC5CK,EAAwC,wCACxCD,EAAuC,4CACvCH,EAA2C,kCAC3CtB,EAAiC,iCACjCuB,GACA1D,EACJ,OACIF,IAAAA,cAACoE,EAAAA,OAAMC,OAAAC,OAAA,GAAKf,GACRvD,IAAAA,cAACuE,EAAAA,KAAIF,OAAAC,OAAA,GAAKhB,GAAsCvC,GAChDf,IAAAA,cAACuE,EAAAA,KAAIF,OAAAC,OAAA,GAAKZ,GAA+CK,GACzD/D,IAAAA,cAACuE,EAAAA,KAAIF,OAAAC,OAAA,GAAKX,GACN3D,IAAAA,cAACuE,EAAAA,KAAIF,OAAAC,OAAA,GAAKjC,GACLyB,GACGA,EAAwCE,KAAI,CAACQ,EAAqBpD,KAC9D,MAAME,EAAW,sCAAsCF,IACvD,OACIpB,IAAAA,cAACuE,EAAAA,KAAIF,OAAAC,OAAA,GAAKV,EAAgC,CAAErC,IAAKD,IAC5CkD,UAUrC,WChDAC,EAAOC,QAAU1E,cCAjByE,EAAOC,QAAUC","sources":["webpack://Msdyn365.Commerce.Online/./lib/interactive-feature-collection/module-registration.js?54e5","webpack://Msdyn365.Commerce.Online/./src/modules/interactive-feature-collection/interactive-feature-collection.tsx?96a6","webpack://Msdyn365.Commerce.Online/./src/modules/interactive-feature-collection/interactive-feature-collection.view.tsx?db52","webpack://Msdyn365.Commerce.Online/external var \"React\"?0d3b","webpack://Msdyn365.Commerce.Online/external var \"ReactDOM\"?853b"],"sourcesContent":["const binding = { modules: {}, dataActions: {} };\n\n    (binding.modules['interactive-feature-collection'] = {\n        c: () => require('@msdyn365-commerce-modules/interactive-feature-collection/dist/lib/modules/interactive-feature-collection/interactive-feature-collection'),\n        $type: 'containerModule',\n        da: [],\n        \n        iNM: true,\n        ns: '@msdyn365-commerce-modules',\n        n: 'interactive-feature-collection',\n        p: 'interactive-feature-collection',\n        \n        pdp: '',\n        \n        \n        md: 'node_modules/@msdyn365-commerce-modules/interactive-feature-collection/dist/lib/modules/interactive-feature-collection'\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|interactive-feature-collection|modules|interactive-feature-collection|interactive-feature-collection'] = {\n                c: () => require('@msdyn365-commerce-modules/interactive-feature-collection/dist/lib/modules/interactive-feature-collection/interactive-feature-collection.view.js'),\n                cn: '@msdyn365-commerce-modules-interactive-feature-collection-interactive-feature-collection'\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    getTelemetryObject,\n    IComponentNodeProps,\n    IModuleProps,\n    INodeProps,\n    ISingleSlideCarouselProps,\n    ITelemetryContent,\n    NodeTag,\n    SingleSlideCarousel\n} from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport * as Msdyn365 from '@msdyn365-commerce/core';\nimport * as React from 'react';\n\nimport { IInteractiveFeatureCollectionProps } from './interactive-feature-collection.props.autogenerated';\n\n/**\n * Interactive Feature Collection view props.\n */\nexport interface IInteractiveFeatureCollectionViewProps extends IInteractiveFeatureCollectionProps<{}> {\n    title: React.ReactNode;\n    interactiveFeatureCollectionHeading: INodeProps;\n    interactiveFeatureCollectionContainer: IModuleProps;\n    interactiveFeatureCollectionDesktopContainer: INodeProps;\n    interactiveFeatureCollectionDesktopItems: React.ReactNode[];\n    interactiveFeatureCollectionMobileContainer: INodeProps;\n    interactiveFeatureCollectionMobileItems: React.ReactNode[];\n    singleSlideCarouselComponentProps: INodeProps;\n    singleSlideCarouselItemContainer: INodeProps;\n}\n\n/**\n *\n * InteractiveFeatureCollection component.\n * @extends {React.PureComponent<IInteractiveFeatureCollectionProps<{}>>}\n */\nexport class InteractiveFeatureCollection extends React.PureComponent<IInteractiveFeatureCollectionProps<{}>> {\n    private readonly _telemetryContent: ITelemetryContent = getTelemetryObject(\n        this.props.context.request.telemetryPageName!,\n        this.props.friendlyName,\n        this.props.telemetry\n    );\n\n    private static _getFeatureItem(item: React.ReactNode, index: number, itemsCounter: number): React.ReactNode {\n        const keyIndex = `interactive-feature-mosaic-item__${index}`;\n        return (\n            <React.Fragment key={keyIndex}>\n                {React.cloneElement(item as React.ReactElement, { indexItem: index, itemCounter: itemsCounter, isMosaic: true })}\n            </React.Fragment>\n        );\n    }\n\n    public constructor(props: IInteractiveFeatureCollectionProps<IInteractiveFeatureCollectionViewProps>) {\n        super(props);\n    }\n\n    public render(): JSX.Element | null {\n        const { resources } = this.props;\n        const { title, className } = this.props.config;\n        const interactiveItems = this.props.slots && this.props.slots.interactiveFeatureItems;\n        const itemsFeatureCounter = interactiveItems && interactiveItems.length;\n        const singleSlideCarouselComponentProps: IComponentNodeProps<ISingleSlideCarouselProps> = {\n            tag: SingleSlideCarousel,\n            className: this.props.config.className ?? '',\n            flipperPrevLabel: resources.flipperPrevious,\n            flipperNextLabel: resources.flipperNext,\n            parentId: this.props.id,\n            telemetryContent: this._telemetryContent,\n            vertical: false\n        };\n        const initItemsFeatureCounter = 0;\n        const createHeading = title && (\n            <Msdyn365.Text\n                className='ms-interactive-feature__title'\n                tag={title.tag ?? 'h1'}\n                text={title.text}\n                editProps={{ onEdit: this.handleTextChange, requestContext: this.props.context.request }}\n            />\n        );\n        const viewProps = {\n            ...this.props,\n            title: createHeading,\n            interactiveFeatureCollectionHeading: {\n                className: 'ms-interactive-feature-collection__heading'\n            },\n            interactiveFeatureCollectionContainer: {\n                moduleProps: this.props,\n                className: classnames('ms-interactive-feature-collection', className)\n            },\n            interactiveFeatureCollectionDesktopContainer: {\n                tag: 'div' as NodeTag,\n                className: 'ms-interactive-feature-collection-desktop'\n            },\n            interactiveFeatureCollectionMobileContainer: {\n                tag: 'div' as NodeTag,\n                className: 'ms-interactive-feature-collection-mobile'\n            },\n            singleSlideCarouselComponentProps,\n            singleSlideCarouselItemContainer: {\n                tag: 'li' as NodeTag,\n                className: 'ms-interactive-feature-collection-carousel',\n                role: 'listitem'\n            },\n            interactiveFeatureCollectionMobileItems: this.props.slots.interactiveFeatureItems,\n            interactiveFeatureCollectionDesktopItems:\n                itemsFeatureCounter > initItemsFeatureCounter &&\n                interactiveItems.map((item: React.ReactNode, index: number) =>\n                    InteractiveFeatureCollection._getFeatureItem(item, index, itemsFeatureCounter)\n                )\n        };\n        return this.props.renderView(viewProps) as React.ReactElement;\n    }\n\n    /**\n     * To handle text change.\n     * @param event - To handle text change event.\n     * @name - HandleTextChange\n     * @public\n     * @returns - The Text value.\n     */\n    public handleTextChange = (event: Msdyn365.ContentEditableEvent) => (this.props.config.title!.text = event.target.value);\n}\n\nexport default InteractiveFeatureCollection;\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 React, { ReactNode } from 'react';\n\nimport { IInteractiveFeatureCollectionViewProps } from './interactive-feature-collection';\n\n/**\n * Feature Collection View.\n * @param props - Feature Collection view props.\n * @returns Feature Collection View.\n */\nexport const interactiveFeatureCollectionView: React.FC<IInteractiveFeatureCollectionViewProps> = props => {\n    const {\n        title,\n        interactiveFeatureCollectionHeading,\n        interactiveFeatureCollectionContainer,\n        interactiveFeatureCollectionDesktopContainer,\n        interactiveFeatureCollectionDesktopItems,\n        interactiveFeatureCollectionMobileItems,\n        interactiveFeatureCollectionMobileContainer,\n        singleSlideCarouselComponentProps,\n        singleSlideCarouselItemContainer\n    } = props;\n    return (\n        <Module {...interactiveFeatureCollectionContainer}>\n            <Node {...interactiveFeatureCollectionHeading}>{title}</Node>\n            <Node {...interactiveFeatureCollectionDesktopContainer}>{interactiveFeatureCollectionDesktopItems}</Node>\n            <Node {...interactiveFeatureCollectionMobileContainer}>\n                <Node {...singleSlideCarouselComponentProps}>\n                    {interactiveFeatureCollectionMobileItems &&\n                        interactiveFeatureCollectionMobileItems.map((tileItem: ReactNode, index: number) => {\n                            const keyIndex = `interactive-feature-carousel-item__${index}`;\n                            return (\n                                <Node {...singleSlideCarouselItemContainer} key={keyIndex}>\n                                    {tileItem}\n                                </Node>\n                            );\n                        })}\n                </Node>\n            </Node>\n        </Module>\n    );\n};\n\nexport default interactiveFeatureCollectionView;\n","module.exports = React;","module.exports = ReactDOM;"],"names":["binding","modules","dataActions","c","require","$type","da","iNM","ns","n","p","pdp","md","window","__bindings__","_objectSpread","viewDictionary","cn","InteractiveFeatureCollection","React","constructor","props","super","_telemetryContent","getTelemetryObject","this","context","request","telemetryPageName","friendlyName","telemetry","handleTextChange","event","config","title","text","target","value","item","index","itemsCounter","keyIndex","key","indexItem","itemCounter","isMosaic","render","_this$props$config$cl","_title$tag","resources","className","interactiveItems","slots","interactiveFeatureItems","itemsFeatureCounter","length","singleSlideCarouselComponentProps","tag","SingleSlideCarousel","flipperPrevLabel","flipperPrevious","flipperNextLabel","flipperNext","parentId","id","telemetryContent","vertical","createHeading","Msdyn365","editProps","onEdit","requestContext","viewProps","interactiveFeatureCollectionHeading","interactiveFeatureCollectionContainer","moduleProps","classnames","interactiveFeatureCollectionDesktopContainer","interactiveFeatureCollectionMobileContainer","singleSlideCarouselItemContainer","role","interactiveFeatureCollectionMobileItems","interactiveFeatureCollectionDesktopItems","map","_getFeatureItem","renderView","interactiveFeatureCollectionView","Module","Object","assign","Node","tileItem","module","exports","ReactDOM"],"sourceRoot":""}