{"version":3,"sources":["webpack:///src/modules/breadcrumb/breadcrumb.view.tsx?58b4","webpack:///src/modules/image-list/image-list.tsx?18cb","webpack:///src/modules/interactive-feature-item/interactive-feature-item.view.tsx?d4e3","webpack:///./src/modules/citta-commercial-header/citta-commercial-header.view.tsx?ead5","webpack:///./src/modules/citta-gift-card-container/citta-gift-card-container.view.tsx?9e7e","webpack:///src/modules/image-list/image-list.view.tsx?cab9","webpack:///./src/modules/citta-gift-card-container/citta-gift-card-container.tsx?6dd3","webpack:///src/modules/breadcrumb/components/link.tsx?b7b8","webpack:///src/modules/breadcrumb/components/separator.tsx?7c35","webpack:///src/modules/breadcrumb/breadcrumb.tsx?3387","webpack:///src/modules/default-metatags/default-metatags.tsx?1bb4","webpack:///./src/themes/citta/views/invoice-details.view.tsx?5aa5","webpack:///src/modules/interactive-feature-item/components/links.tsx?8ab2","webpack:///src/modules/interactive-feature-item/interactive-feature-item.tsx?340f","webpack:///./src/modules/citta-commercial-header/components/nav-icon.tsx?3c05","webpack:///./src/modules/citta-commercial-header/components/logo.tsx?a134","webpack:///./src/modules/citta-commercial-header/citta-commercial-header.tsx?60ec"],"names":["BreadCrumbView","props","root","links","backButton","BreadcrumbContainer","BreadcrumbList","BreadcrumbListItem","separator","React","Module","Object","assign","Node","map","link","index","key","className","classnames","length","context","telemetry","error","ImageList","constructor","handleParagraphChange","event","this","config","images","paragraph","target","value","_renderImageListItems","imageList","defaultImageSettings","viewports","xs","q","w","h","lg","xl","lazyload","disableLazyLoad","item","_image$imageSettings","_link$linkText","image","imageProps","gridSettings","request","imageSettings","imageLink","linkUrl","destinationUrl","imageLinkText","linkText","ariaLabel","imageLinkAriaLabel","Msdyn365","loadFailureBehavior","requestContext","text","editProps","onEdit","linkAltText","linkAriaLabel","render","_heading$tag","heading","imageListTitle","tag","viewProps","_objectSpread","moduleProps","imageListHeading","imageListContainer","role","imageListItem","imageListItemAnchorTag","imageListItems","renderView","MagicNumber","FeatureItemViewComponent","isMosaic","featureItem","indexItem","itemCounter","renderMosaic","thisProps","title","interactiveFeatureCollectionMosaicContainer","interactiveFeatureCollectionMosaicImage","interactiveFeatureCollectionMosaicDetails","indexAux","caseNumberOne","itemCounterAux","caseNumberZero","modularAux","modularDivisor","firstRow","caseNumberTwo","lastRow","onCornerRight","onCornerLeft","containerClasses","interactiveFeatureCollectionCarouselContainer","interactiveFeatureCollectionCarouselImage","interactiveFeatureCollectionCarouselContent","renderCarousel","_renderReactFragment","items","slot","headerView","HeaderTag","menuBar","MobileMenuContainer","MobileMenuBodyContainer","logo","navIcon","MobileMenuHeader","GiftCardWrapper","giftCardContent","giftCardForm","SlotWrapper","imageListView","indexKey","src","href","altText","CittaGiftCardContainer","moduleClassName","slots","slot1","slot2","Link","_ref","noclick","telemetryContent","payLoad","getPayloadObject","undefined","contentAction","etext","attribute","getTelemetryAttributes","onClick","onTelemetryClick","itemProp","content","Separator","Breadcrumb","_pageType","urlTokens","pageType","getTelemetryObject","telemetryPageName","friendlyName","_getRootLink","_getCustomBreadcrumbLinks","itemPosition","keyIndex","toString","_getCategoryHierarchy","data","categoryHierarchy","result","_getFriendlyName","locale","NameTranslations","Url","nameTranslations","_nameTranslation","nameTranslation","ArrayExtensions","hasElements","find","Language","toLowerCase","Text","_getPDPLinks","categoryPaths","product","url","requestUrl","push","Name","hideProductName","_goBack","window","history","back","_getPDPBackButton","query","MsDyn365","isBrowser","document","referrer","resources","backToResultsText","rootLink","breadcrumbLinks","backButtonComponent","breaCrumbType","app","breadcrumbType","linkSeparator","breadcrumbViewProps","DefaultMetaTags","nonceToken","isNonceEnabled","metaTags","metaTagsHtml","_addNonceToInlineScript","join","metaTagsText","simpleText","SDK_FRAGMENT_NAME","id","dangerouslySetInnerHTML","__html","inlineScripRegex","metaTag","test","replace","filter","Boolean","InvoiceDetailsView","_props$data$invoiceDe","_props$data$invoiceDe2","header","products","paymentDetails","payInvoiceError","salesId","invoiceDetails","SalesId","invoiceOrderId","Id","salesIdLabel","invoiceNoIdLabel","InteractiveFeatureCollectionLinks","_mapEditableLinks","linkdata","editableLinks","attributes","editableLink","openInNewTab","additionalProperties","onTextChange","InteractiveFeatureItem","super","_telemetryContent","handleHeadingChange","handleLinkTextChange","linkIndex","_this$props$config$li","Number","featureItemLinks","_createHeading","_createParagraph","_renderImage","tabindex","StringExtensions","isNullOrWhitespace","isAriaHiddenAttribute","_item$imageSettings","_this$props$config$im","verifiedImageSettings","sm","md","moduleType","typeName","imagePropertyName","NavIcon","TelemetryConstant","Button","toggleNavBar","mobileHamburgerAriaLabel","isExpanded","targetId","__decorate","observer","Logo","_renderLogo","CommercialHeader","state","mobileMenuCollapsed","signinPopoverOpen","_toggleNavbar","bind","componentDidMount","_stickyHeaderSetup","menuBarSlot","_getSlot","headerClassName","logoLink","logoImage","Modal","isOpen","wrapClassName","toggle","ModalHeader","ModalBody","console","log","setState","_setHeader","slotName","lockHeader","headerElem","querySelector","documentElement","scrollTop","classList","add","body","contains","remove","_updateHeader","isInMobileMenu","onscroll"],"mappings":"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","file":"static/js/16.ca89e687a9c5df255c74.chunk.js","sourcesContent":["/*!\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 classnames from 'classnames';\nimport * as React from 'react';\n\nimport { IBreadcrumbViewProps } from './breadcrumb';\n\nconst BreadCrumbView: React.FC<IBreadcrumbViewProps> = props => {\n    const { root, links, backButton, BreadcrumbContainer, BreadcrumbList, BreadcrumbListItem, separator } = props;\n    if (!root && !links && !backButton) {\n        props.context.telemetry.error('BreadCrumb content is empty, module wont render');\n        return null;\n    }\n    return (\n        <Module {...BreadcrumbContainer}>\n            <Node {...BreadcrumbList}>\n                {root && (\n                    <Node {...BreadcrumbListItem}>\n                        {root}\n                        {links && separator}\n                    </Node>\n                )}\n                {backButton && <Node {...BreadcrumbListItem}>{backButton}</Node>}\n                {links &&\n                    links.map((link, index) => (\n                        <React.Fragment key={index}>\n                            <Node\n                                {...BreadcrumbListItem}\n                                className={classnames(\n                                    BreadcrumbListItem.className,\n                                    index === links.length - 1 ? 'breadcrumb_item-current' : ''\n                                )}\n                            >\n                                {link}\n                                {links[index + 1] && separator}\n                            </Node>\n                        </React.Fragment>\n                    ))}\n            </Node>\n        </Module>\n    );\n};\n\nexport default BreadCrumbView;\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 { IModuleProps, INodeProps } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport * as React from 'react';\n\nimport { IImageListConfig, IImageListProps, IImagesData } from './image-list.props.autogenerated';\n\n/**\n * The interface for IImageListViewProps.\n */\nexport interface IImageListViewProps extends IImageListProps<IImageListConfig> {\n    imageList: IModuleProps;\n    imageListHeading?: React.ReactNode;\n    imageListContainer: INodeProps;\n    imageListItem: INodeProps;\n    imageListItemAnchorTag: INodeProps;\n    imageListItems: IImageListItem[] | undefined;\n}\n\n/**\n * The interface for IImageListItem.\n */\nexport interface IImageListItem {\n    image: JSX.Element | undefined;\n    text: JSX.Element | undefined;\n    link: string | undefined;\n    linkAltText: string | undefined;\n    linkAriaLabel: string | undefined;\n}\n\n/**\n *\n * ImageList component.\n * @extends {React.PureComponent<IImageListProps<IImageListConfig>>}\n */\nclass ImageList extends React.PureComponent<IImageListProps<IImageListConfig>> {\n    public render(): JSX.Element | null {\n        const { heading } = this.props.config;\n        const imageListTitle = heading && <Msdyn365.Text className='ms-image-list__title' tag={heading.tag ?? 'h1'} text={heading.text} />;\n        const viewProps: IImageListViewProps = {\n            ...this.props,\n            imageList: {\n                moduleProps: this.props,\n                className: classnames('ms-image-list', this.props.config.className),\n                tag: 'div'\n            },\n            imageListHeading: imageListTitle,\n            imageListContainer: {\n                className: 'ms-image-list__list',\n                role: 'list',\n                tag: 'ul'\n            },\n            imageListItem: {\n                className: 'ms-image-list__list-item',\n                role: 'listitem',\n                tag: 'li'\n            },\n            imageListItemAnchorTag: {\n                tag: 'a',\n                className: 'ms-image-list__link',\n                role: 'link'\n            },\n            imageListItems: this._renderImageListItems()\n        };\n        return this.props.renderView(viewProps);\n    }\n\n    /**\n     * Handle paragraph change.\n     * @param index - Index of image item in array of image items.\n     * @returns Void.\n     */\n    public handleParagraphChange = (index: number) => (event: Msdyn365.ContentEditableEvent): void => {\n        if (this.props.config.images![index]) {\n            this.props.config.images![index].paragraph = event.target.value;\n        }\n    };\n\n    /**\n     * Render list of images.\n     * @returns List of images with text and redirection link.\n     */\n    private readonly _renderImageListItems = (): IImageListItem[] | undefined => {\n        const imageList: IImagesData[] | undefined = this.props.config.images;\n        const defaultImageSettings: Msdyn365.IImageSettings = {\n            viewports: {\n                xs: { q: 'w=65&h=65&q=80&m=6', w: 65, h: 65 },\n                lg: { q: 'w=65&h=65&q=80&m=6', w: 65, h: 65 },\n                xl: { q: 'w=65&h=65&q=80&m=6', w: 65, h: 65 }\n            },\n            lazyload: false,\n            disableLazyLoad: true\n        };\n        return imageList?.map((item, index) => {\n            const { image, link, paragraph } = item;\n\n            const imageProps = {\n                gridSettings: this.props.context.request.gridSettings!,\n                imageSettings: (image?.imageSettings ?? defaultImageSettings) as Msdyn365.IImageSettings | undefined\n            };\n\n            const imageLink: string | undefined = link?.linkUrl.destinationUrl;\n            const imageLinkText: string | undefined = link?.linkText ?? link?.ariaLabel;\n            const imageLinkAriaLabel: string | undefined = link?.ariaLabel;\n\n            // If image is null, we want to render the placeholder SVG - by passing image data with empty src\n            const imageImage = (\n                <Msdyn365.Image {...image} {...imageProps} loadFailureBehavior='empty' requestContext={this.props.context.request} />\n            );\n\n            const imageText = paragraph && (\n                <Msdyn365.RichTextComponent\n                    text={paragraph as Msdyn365.RichText | undefined}\n                    className='ms-image-list__text'\n                    editProps={{ onEdit: this.handleParagraphChange(index), requestContext: this.props.context.request }}\n                />\n            );\n            const imageListItem: IImageListItem = {\n                image: imageImage,\n                text: imageText,\n                link: imageLink,\n                linkAltText: imageLinkText,\n                linkAriaLabel: imageLinkAriaLabel\n            };\n            return imageListItem;\n        });\n    };\n}\n\nexport default ImageList;\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 classnames from 'classnames';\nimport * as React from 'react';\n\nimport { IInteractiveFeatureItemViewProps } from './interactive-feature-item';\n\n/**\n * Enumerator used to make some calculations to set the proper classnames\n * using modular calculations to see if they are in a right or left column or on first or last row.\n */\nenum MagicNumber {\n    modularDivisor = 4,\n    caseNumberZero = 0,\n    caseNumberOne = 1,\n    caseNumberTwo = 2\n}\n\n/**\n * Feature Item View.\n * @param thisProps - Feature Item view props.\n * @param indexItem - Feature Item view props.\n * @param itemCounter - Feature Item view props.\n * @returns Feature item View.\n * @extends {} InteractiveFeatureItem\n */\nconst renderMosaic = (thisProps: IInteractiveFeatureItemViewProps, indexItem?: number, itemCounter?: number): JSX.Element | null => {\n    const {\n        title,\n        paragraph,\n        image,\n        links,\n        interactiveFeatureCollectionMosaicContainer,\n        interactiveFeatureCollectionMosaicImage,\n        interactiveFeatureCollectionMosaicDetails\n    } = thisProps;\n    const indexAux = indexItem ? indexItem + MagicNumber.caseNumberOne : MagicNumber.caseNumberOne;\n    const itemCounterAux = itemCounter ? itemCounter : MagicNumber.caseNumberZero;\n    const modularAux = indexAux % MagicNumber.modularDivisor;\n    const firstRow = indexAux <= MagicNumber.caseNumberTwo ? 'firstRow' : '';\n    const lastRow =\n        itemCounterAux && (indexAux === itemCounterAux || indexAux === itemCounterAux - MagicNumber.caseNumberOne) ? 'lastRow' : '';\n    const onCornerRight = modularAux === MagicNumber.caseNumberZero ? 'item-corner-right' : '';\n    const onCornerLeft = modularAux === MagicNumber.caseNumberOne ? 'item-corner-left' : '';\n    const containerClasses = classnames('ms-interactive-feature-collection-mosaic', onCornerLeft, onCornerRight, firstRow, lastRow);\n\n    return (\n        <Node {...interactiveFeatureCollectionMosaicContainer} className={containerClasses}>\n            <Node {...interactiveFeatureCollectionMosaicImage}>{image}</Node>\n            <Node {...interactiveFeatureCollectionMosaicDetails}>\n                {title}\n                {paragraph}\n                {links}\n            </Node>\n        </Node>\n    );\n};\n\n/**\n * Feature Item View.\n * @param thisProps - Feature Item view props.\n * @returns Feature item View.\n * @extends {} InteractiveFeatureItem\n */ const renderCarousel = (thisProps: IInteractiveFeatureItemViewProps): JSX.Element | null => {\n    const {\n        title,\n        paragraph,\n        image,\n        links,\n        interactiveFeatureCollectionCarouselContainer,\n        interactiveFeatureCollectionCarouselImage,\n        interactiveFeatureCollectionCarouselContent\n    } = thisProps;\n    return (\n        <Node {...interactiveFeatureCollectionCarouselContainer}>\n            <Node {...interactiveFeatureCollectionCarouselImage}>{image}</Node>\n            <Node {...interactiveFeatureCollectionCarouselContent}>\n                {title}\n                {paragraph}\n                {links}\n            </Node>\n        </Node>\n    );\n};\n\n/**\n * Feature Item View.\n * @param props - Feature Item view props.\n * @returns Feature item View.\n * @extends {} InteractiveFeatureItem\n */\nexport const FeatureItemViewComponent: React.FC<IInteractiveFeatureItemViewProps> = props => {\n    const { isMosaic, featureItem, indexItem, itemCounter } = props;\n    if (isMosaic) {\n        return <>{renderMosaic(props, indexItem, itemCounter)}</>;\n    }\n    return <Module {...featureItem}>{renderCarousel(props)}</Module>;\n};\n\nexport default FeatureItemViewComponent;\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\n/* eslint-disable no-duplicate-imports */\r\nimport { Module, Node } from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\n\r\nimport { IHeaderViewProps } from './citta-commercial-header';\r\n\r\nconst headerView: React.FC<IHeaderViewProps> = props => {\r\n    const {\r\n        HeaderTag,\r\n        menuBar,\r\n        MobileMenuContainer,\r\n        MobileMenuBodyContainer,\r\n        logo\r\n    } = props;\r\n    return (\r\n        <Module {...HeaderTag}>\r\n            {props.navIcon}\r\n            {_renderReactFragment(menuBar!)}\r\n            {logo}\r\n            <Node {...MobileMenuContainer}>\r\n                <Node {...MobileMenuBodyContainer}>\r\n                    { props.MobileMenuHeader }\r\n                    {_renderReactFragment(menuBar!)}\r\n                    \r\n                </Node>\r\n            </Node>\r\n        </Module>\r\n    );\r\n};\r\n\r\nfunction _renderReactFragment(items: React.ReactNode[]): JSX.Element | null {\r\n    return (\r\n        <React.Fragment>\r\n            {items && items.length\r\n                ? items.map((slot: React.ReactNode, index: number) => {\r\n                      return <React.Fragment key={index}>{slot}</React.Fragment>;\r\n                  })\r\n                : null}\r\n        </React.Fragment>\r\n    );\r\n}\r\n\r\nexport default headerView;\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\nimport { Module, Node } from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\nimport { ICittaGiftCardContainerViewProps } from './citta-gift-card-container';\r\n\r\nexport default (props: ICittaGiftCardContainerViewProps) => {\r\n    const { GiftCardWrapper, giftCardContent, giftCardForm, SlotWrapper } = props;\r\n    return (\r\n        <Module {...GiftCardWrapper} >\r\n            <Node {...SlotWrapper}>\r\n                {...giftCardContent}\r\n            </Node>\r\n            <Node {...SlotWrapper}>\r\n            {...giftCardForm}\r\n            </Node>\r\n        </Module>\r\n    );\r\n};\r\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 { Module, Node } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { IImageListViewProps } from './image-list';\n\n/**\n * Render the thumbnail item images.\n * @param props - The image list view props.\n * @returns Return HTML having IImageListViewProps props with image List.\n */\nexport const imageListView = (props: IImageListViewProps): JSX.Element => {\n    const { imageList, imageListContainer, imageListHeading, imageListItem, imageListItems, imageListItemAnchorTag } = props;\n    return (\n        <Module {...imageList}>\n            {imageListHeading}\n            <Node {...imageListContainer}>\n                {imageListItems?.map(item => {\n                    let indexKey: string;\n\n                    if (item.image) {\n                        const image = (item.image as unknown) as Msdyn365.Image;\n                        indexKey = image.props.src as string;\n                    } else {\n                        const text = (item.text as unknown) as Msdyn365.RichTextComponent;\n                        indexKey = text.props.text as string;\n                    }\n                    return (\n                        <Node {...imageListItem} key={indexKey}>\n                            {item.image && (\n                                <Node\n                                    {...imageListItemAnchorTag}\n                                    href={item.link}\n                                    altText={item.linkAltText}\n                                    aria-label={item.linkAriaLabel}\n                                    className={imageListItemAnchorTag.className}\n                                >\n                                    {item.image}\n                                </Node>\n                            )}\n                            {item.text}\n                        </Node>\n                    );\n                })}\n            </Node>\n        </Module>\n    );\n};\n\nexport default imageListView;\n","/*---------------------------------------------------------------------------------------------\r\n *  Copyright (c) Microsoft Corporation. All rights reserved.\r\n *  Licensed under the MIT License. See License.txt in the project root for license information.\r\n *--------------------------------------------------------------------------------------------*/\r\nimport { IModuleProps, INodeProps } from '@msdyn365-commerce-modules/utilities';\r\nimport classnames from 'classnames';\r\nimport * as React from 'react';\r\n\r\nimport { ICittaGiftCardContainerData } from './citta-gift-card-container.data';\r\nimport { ICittaGiftCardContainerProps } from './citta-gift-card-container.props.autogenerated';\r\n\r\nexport interface ICittaGiftCardContainerViewProps extends ICittaGiftCardContainerProps<ICittaGiftCardContainerData> {\r\n    GiftCardWrapper: IModuleProps;\r\n    giftCardContent: React.ReactNode[];\r\n    giftCardForm: React.ReactNode[];\r\n    SlotWrapper: INodeProps;\r\n}\r\n\r\n/**\r\n *\r\n * CittaGiftCardContainer component\r\n * @extends {React.PureComponent<ICittaGiftCardContainerProps<ICittaGiftCardContainerData>>}\r\n */\r\nclass CittaGiftCardContainer extends React.PureComponent<ICittaGiftCardContainerProps<ICittaGiftCardContainerData>> {\r\n    private moduleClassName: string = 'giftcardCreateWrap';\r\n\r\n    public render(): JSX.Element | null {\r\n        const viewProps: ICittaGiftCardContainerViewProps = {\r\n            ...this.props,\r\n            GiftCardWrapper: {\r\n                moduleProps: this.props,\r\n                className: classnames(this.moduleClassName)\r\n            },\r\n            giftCardContent: this.props.slots.slot1,\r\n            giftCardForm: this.props.slots.slot2,\r\n            SlotWrapper: {\r\n                className: 'giftcardsslot-wrapper',\r\n            },\r\n        };\r\n        return this.props.renderView(viewProps) as React.ReactElement;\r\n    }\r\n}\r\n\r\nexport default CittaGiftCardContainer;\r\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { getPayloadObject, getTelemetryAttributes, ITelemetryContent, onTelemetryClick } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\ninterface ILink {\n    className?: string;\n    text?: string;\n    href?: string;\n    ariaLabel?: string;\n    index: string;\n    noclick?: boolean;\n    telemetryContent: ITelemetryContent;\n}\n\nexport const Link: React.FC<ILink> = ({ text, className, href, ariaLabel, index, noclick, telemetryContent }) => {\n    const payLoad = getPayloadObject('click', telemetryContent, '', '');\n\n    const linkText = text !== undefined ? text : '';\n    payLoad.contentAction.etext = linkText;\n\n    // Construct telemetry attribute to render\n    const attribute = getTelemetryAttributes(telemetryContent, payLoad);\n\n    return (\n        <a\n            {...attribute}\n            className={className}\n            href={href}\n            aria-label={ariaLabel}\n            onClick={onTelemetryClick(telemetryContent, payLoad, linkText)}\n            {...(noclick && { 'data-no-click': true })}\n        >\n            <span itemProp='name'>{linkText}</span>\n            <meta itemProp='position' content={index} />\n        </a>\n    );\n};\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport * as React from 'react';\n\ninterface ISeparator {\n    separator: string;\n}\n\nexport const Separator: React.FC<ISeparator> = ({ separator }) => (\n    <span aria-hidden='true'>\n        {` `}\n        {separator}\n        {` `}\n    </span>\n);\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { CategoryHierarchy } from '@msdyn365-commerce/commerce-entities';\nimport MsDyn365 from '@msdyn365-commerce/core';\nimport { ICategoryUrl } from '@msdyn365-commerce/core-internal/dist/types/interfaces/ICategoryPathInterfaces';\nimport { TextValueTranslation } from '@msdyn365-commerce/retail-proxy';\nimport { ArrayExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { getTelemetryObject, IModuleProps, INodeProps, ITelemetryContent, NodeTag } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport * as React from 'react';\n\nimport { IBreadcrumbData } from './breadcrumb.data';\nimport { IBreadcrumbProps, ILinksData } from './breadcrumb.props.autogenerated';\nimport { Link } from './components/link';\nimport { Separator } from './components/separator';\n\nexport interface IBreadcrumbViewProps extends IBreadcrumbProps<IBreadcrumbData> {\n    root?: React.ReactNode;\n    links?: React.ReactNode[];\n    backButton?: React.ReactNode;\n    separator?: React.ReactNode;\n    BreadcrumbContainer: IModuleProps;\n    BreadcrumbList: INodeProps;\n    BreadcrumbListItem: INodeProps;\n}\n\n/**\n *\n * Breadcrumb component.\n * @extends {React.PureComponent<IBreadcrumbProps<IBreadcrumbData>>}\n */\nclass Breadcrumb extends React.PureComponent<IBreadcrumbProps<IBreadcrumbData>> {\n    private readonly _pageType: string | undefined = this.props.context.request.urlTokens.pageType;\n\n    private readonly telemetryContent: ITelemetryContent = getTelemetryObject(\n        this.props.context.request.telemetryPageName!,\n        this.props.friendlyName,\n        this.props.telemetry\n    );\n\n    public render(): JSX.Element | null {\n        const { className } = this.props.config;\n        let rootLink = null;\n        let breadcrumbLinks = null;\n        let backButtonComponent = null;\n        rootLink = this._getRootLink();\n        const itemPosition = rootLink ? 1 : 0;\n        if (this._pageType === 'Category') {\n            breadcrumbLinks = this._getCustomBreadcrumbLinks(itemPosition);\n            if (!breadcrumbLinks) {\n                breadcrumbLinks = this._getCategoryHierarchy(itemPosition);\n            }\n        } else if (this._pageType === 'Product') {\n            breadcrumbLinks = this._getCustomBreadcrumbLinks(itemPosition);\n            if (!breadcrumbLinks) {\n                const breaCrumbType = this.props.context.app.config.breadcrumbType;\n                if (breaCrumbType === 'category') {\n                    breadcrumbLinks = this._getPDPLinks(itemPosition);\n                }\n                if (breaCrumbType === 'categoryAndBack') {\n                    backButtonComponent = this._getPDPBackButton();\n                    breadcrumbLinks = this._getPDPLinks(itemPosition);\n                }\n                if (breaCrumbType === 'back') {\n                    backButtonComponent = this._getPDPBackButton();\n                    if (backButtonComponent === null) {\n                        breadcrumbLinks = this._getPDPLinks(itemPosition);\n                    }\n                }\n            }\n        } else {\n            breadcrumbLinks = this._getCustomBreadcrumbLinks(itemPosition);\n        }\n        const linkSeparator = <Separator separator='/' />;\n\n        const breadcrumbViewProps = {\n            ...this.props,\n            BreadcrumbContainer: {\n                moduleProps: this.props,\n                className: classnames('ms-breadcrumb', className),\n                tag: 'nav',\n                role: 'navigation'\n            },\n            BreadcrumbList: {\n                tag: 'ol' as NodeTag,\n                className: 'ms-breadcrumb_list'\n            },\n            BreadcrumbListItem: {\n                tag: 'li',\n                className: 'ms-breadcrumb_item'\n            },\n            root: rootLink,\n            links: breadcrumbLinks,\n            backButton: backButtonComponent,\n            separator: linkSeparator\n        };\n        return this.props.renderView(breadcrumbViewProps) as React.ReactElement;\n    }\n\n    private readonly _getRootLink = (): JSX.Element | null => {\n        const { root } = this.props.config;\n        if (!root || !root.linkUrl || !root.linkUrl.destinationUrl) {\n            this.props.context.telemetry.error('BreadCrumb link url content is empty, link wont render');\n            return null;\n        }\n        return (\n            <Link\n                text={root.linkText}\n                ariaLabel={root.ariaLabel || root.linkText}\n                href={root.linkUrl && root.linkUrl.destinationUrl}\n                index='1'\n                className='ms-breadcrumb_link'\n                telemetryContent={this.telemetryContent}\n            />\n        );\n    };\n\n    private readonly _getCustomBreadcrumbLinks = (itemPosition: number): JSX.Element[] | null => {\n        const { links } = this.props.config;\n\n        if (!links || links.length === 0) {\n            this.props.context.telemetry.error('BreadCrumb links content is empty, links wont render');\n            return null;\n        }\n        const defaultValueToSubtract = 1;\n        return links.map((value: ILinksData, index: number) => {\n            itemPosition++;\n            const keyIndex = index;\n            return index !== links.length - defaultValueToSubtract ? (\n                <Link\n                    key={index}\n                    text={value.linkText}\n                    ariaLabel={value.ariaLabel || value.linkText}\n                    href={value.linkUrl && value.linkUrl.destinationUrl}\n                    index={{ itemPosition }.toString()}\n                    className='ms-breadcrumb_link'\n                    telemetryContent={this.telemetryContent}\n                />\n            ) : (\n                <div key={keyIndex} className='ms-breadcrumb_link ms-breadcrumb-no-link-text'>\n                    {value.linkText}\n                </div>\n            );\n        });\n    };\n\n    private readonly _getCategoryHierarchy = (itemPosition: number): JSX.Element[] | null => {\n        const { data } = this.props;\n        const categoryHierarchy = data.categoryHierarchy.result;\n        if (!categoryHierarchy) {\n            this.props.context.telemetry.error('Category Hierarchy content is empty, module wont render');\n            return null;\n        }\n        return categoryHierarchy.map((value: CategoryHierarchy, index: number) => {\n            itemPosition++;\n\n            const friendlyName = this._getFriendlyName(this.props.context.request.locale, value.NameTranslations);\n\n            return (\n                <Link\n                    key={index}\n                    text={friendlyName}\n                    ariaLabel={friendlyName}\n                    href={value.Url}\n                    index={itemPosition.toString()}\n                    className='ms-breadcrumb_link'\n                    noclick={index === categoryHierarchy.length - 1}\n                    telemetryContent={this.telemetryContent}\n                />\n            );\n        });\n    };\n\n    /**\n     * The function to get translation name for the locale.\n     * @param locale - The locale information.\n     * @param nameTranslations - The name translations names.\n     * @returns - The translation name for the locale.\n     */\n    private readonly _getFriendlyName = (locale: string, nameTranslations?: TextValueTranslation[]): string | undefined => {\n        let nameTranslation: TextValueTranslation | undefined;\n        if (locale && nameTranslations && ArrayExtensions.hasElements(nameTranslations)) {\n            nameTranslation = nameTranslations.find(item => item.Language!.toLowerCase() === locale.toLowerCase());\n        }\n\n        // If friendly name for current locale is null, should use default locale.\n        if (nameTranslation === undefined && ArrayExtensions.hasElements(nameTranslations)) {\n            nameTranslation = nameTranslations[0];\n        }\n\n        return nameTranslation?.Text;\n    };\n\n    private readonly _getPDPLinks = (itemPosition: number): JSX.Element[] | null => {\n        const { data, config } = this.props;\n        const categoryHierarchy = data.categoryPaths.result;\n        const product = data.product.result;\n        const url = this.props.context.request.url.requestUrl.href;\n        if (!categoryHierarchy) {\n            this.props.context.telemetry.error('Category path content is empty for the product');\n            return null;\n        }\n        const links: JSX.Element[] = [];\n\n        categoryHierarchy.map((value: ICategoryUrl, index: number) => {\n            itemPosition++;\n            links.push(\n                <Link\n                    key={index}\n                    text={value.Name}\n                    ariaLabel={value.Name}\n                    href={value.Url}\n                    index={itemPosition.toString()}\n                    className='ms-breadcrumb_link'\n                    telemetryContent={this.telemetryContent}\n                />\n            );\n        });\n        if (product && !config.hideProductName) {\n            itemPosition++;\n            links.push(\n                <Link\n                    text={product.Name}\n                    ariaLabel={product.Name}\n                    href={url}\n                    index={itemPosition.toString()}\n                    noclick\n                    className='ms-breadcrumb_link'\n                    telemetryContent={this.telemetryContent}\n                />\n            );\n        }\n        return links;\n    };\n\n    private readonly _goBack = (): void => {\n        window.history.back();\n    };\n\n    private readonly _getPDPBackButton = (): JSX.Element | null => {\n        const isBackAllowed =\n            this.props.context && this.props.context.request && this.props.context.request.query && this.props.context.request.query.back;\n        if (!isBackAllowed) {\n            return null;\n        }\n        if (MsDyn365.isBrowser && (document.referrer === '' || window.history.length < 2)) {\n            return null;\n        }\n        return (\n            <a\n                className='ms-breadcrumb-back-button'\n                role='button'\n                href='javascript:void(0);'\n                onClick={this._goBack}\n                aria-label={this.props.resources.backToResultsText}\n            >\n                {this.props.resources.backToResultsText}\n            </a>\n        );\n    };\n}\n\nexport default Breadcrumb;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport * as React from 'react';\n\nimport { isNonceEnabled, SDK_FRAGMENT_NAME } from '@msdyn365-commerce/core-internal';\nimport { IDefaultMetatagsData } from './default-metatags.data';\nimport { IDefaultMetatagsProps } from './default-metatags.props.autogenerated';\n\n/**\n *\n * DefaultPageSummaryMetadata component\n * @extends {React.PureComponent<DefaultPageSummaryProps<{}>>}\n */\nclass DefaultMetaTags extends React.PureComponent<IDefaultMetatagsProps<IDefaultMetatagsData>> {\n    public render(): JSX.Element {\n        const { data, config } = this.props;\n        const nonceToken = this.props.context && isNonceEnabled(this.props.context.request);\n        let metaTagsHtml: string = '';\n        let metaTags;\n        if (config.metaTags) {\n            metaTags = nonceToken ? this._addNonceToInlineScript(config.metaTags, nonceToken) : config.metaTags;\n            metaTagsHtml = metaTags && metaTags.join('\\n');\n        } else if (data.metaTags) {\n            metaTags = data.metaTags;\n            let metaTagsText = metaTags.map(simpleText => simpleText.text);\n            metaTagsText = nonceToken ? this._addNonceToInlineScript(metaTagsText, nonceToken) : metaTagsText;\n            metaTagsHtml = metaTagsText && metaTagsText.join('\\n');\n        }\n        return React.createElement(SDK_FRAGMENT_NAME, { key: this.props.id, dangerouslySetInnerHTML: { __html: metaTagsHtml } });\n    }\n\n    private _addNonceToInlineScript(metaTags: string[], nonceToken: string): string[] {\n        const inlineScripRegex = /<script((?:(?!src=).)*?)>(.*?)<\\/script>/g;\n        return metaTags\n            .map(metaTag => {\n                if (inlineScripRegex.test(metaTag)) {\n                    return metaTag.replace(/<script/g, `<script nonce=${nonceToken}`);\n                }\n                return metaTag;\n            })\n            .filter(Boolean);\n    }\n}\n\nexport default DefaultMetaTags;\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport { Module } from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\n\r\nimport { IInvoiceDetailsViewProps } from '@msdyn365-commerce-modules/invoice-details/src/modules/invoice-details/./invoice-details';\r\n\r\nexport const InvoiceDetailsView: React.FC<IInvoiceDetailsViewProps> = props => {\r\n    const { header, products, paymentDetails, payInvoiceError } = props;\r\n\r\n    // console.log('header', header)\r\n    const salesId = props.data.invoiceDetails.result?.SalesId;\r\n    const invoiceOrderId = props.data.invoiceDetails.result?.Id;\r\n    return (\r\n        <Module {...props.moduleProps}>\r\n            {/* @ts-ignore */}\r\n            {salesId && <>{props.resources.salesIdLabel}{salesId}</>}\r\n            {/* @ts-ignore */}\r\n            {invoiceOrderId && <div className=\"msc-invoice-details__header__invoice-no\">{props.resources.invoiceNoIdLabel}{invoiceOrderId}</div>}\r\n            {header}\r\n            {products}\r\n            {paymentDetails}\r\n            {payInvoiceError}\r\n        </Module>\r\n    );\r\n};\r\n\r\nexport default InvoiceDetailsView;\r\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 { ArrayExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { getPayloadObject, getTelemetryAttributes, ITelemetryContent, onTelemetryClick } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { ILinksData } from '../interactive-feature-item.props.autogenerated';\n\n/**\n * Interactive Feature links.\n */\nexport interface IInteractiveFeatureLinks {\n    links: ILinksData[];\n    requestContext: Msdyn365.IRequestContext;\n    telemetryContent: ITelemetryContent;\n    onTextChange?(index: number): (event: Msdyn365.ContentEditableEvent) => void;\n}\n\n/**\n *\n * IInteractiveFeatureLinks component.\n * @extends {React.PureComponent<IInteractiveFeatureLinks>}\n */\nexport class InteractiveFeatureCollectionLinks extends React.PureComponent<IInteractiveFeatureLinks> {\n    public render(): JSX.Element {\n        const editableLinks = this._mapEditableLinks(this.props.links);\n        return (\n            <div className='ms-interactive-feature-collection__links'>\n                {editableLinks && ArrayExtensions.hasElements(editableLinks) ? (\n                    <Msdyn365.Links\n                        links={editableLinks}\n                        editProps={{ onTextChange: this.props.onTextChange, requestContext: this.props.requestContext }}\n                    />\n                ) : null}\n            </div>\n        );\n    }\n\n    /**\n     * IInteractiveFeatureLinks component.\n     * @param linkdata - Link data.\n     * @returns Editable links.\n     */\n    private readonly _mapEditableLinks = (linkdata?: ILinksData[]): Msdyn365.ILinksData[] | null => {\n        if (!linkdata || !ArrayExtensions.hasElements(linkdata)) {\n            return null;\n        }\n        const editableLinks: Msdyn365.ILinksData[] = [];\n        for (const link of linkdata) {\n            // Construct telemetry attribute to render\n            const payLoad = getPayloadObject('click', this.props.telemetryContent, '', '');\n            const linkText = link.linkText ? link.linkText : '';\n            payLoad.contentAction.etext = linkText;\n            const attributes = getTelemetryAttributes(this.props.telemetryContent, payLoad);\n            const editableLink: Msdyn365.ILinksData = {\n                ariaLabel: link.ariaLabel,\n                className: 'ms-interactive-feature-collection__link',\n                linkText: link.linkText,\n                linkUrl: link.linkUrl.destinationUrl,\n                openInNewTab: link.openInNewTab,\n                role: 'button',\n                additionalProperties: attributes,\n                onClick: onTelemetryClick(this.props.telemetryContent, payLoad, linkText)\n            };\n            editableLinks.push(editableLink);\n        }\n\n        return editableLinks;\n    };\n}\nexport default InteractiveFeatureCollectionLinks;\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 { ArrayExtensions, StringExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { getTelemetryObject, IModuleProps, INodeProps, ITelemetryContent, NodeTag } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { InteractiveFeatureCollectionLinks } from './components';\nimport { IHeadingData, IInteractiveFeatureItemProps } from './interactive-feature-item.props.autogenerated';\n\n/**\n * Interactive Feature Item view props.\n */\nexport interface IInteractiveFeatureItemViewProps extends IInteractiveFeatureItemProps<{}> {\n    title: React.ReactNode;\n    paragraph: React.ReactNode;\n    image: React.ReactNode;\n    links: React.ReactNode;\n    featureItem: IModuleProps;\n    isMosaic: boolean;\n    indexItem?: number;\n    itemCounter?: number;\n\n    interactiveFeatureCollectionCarouselContainer: INodeProps;\n    interactiveFeatureCollectionCarouselImage: INodeProps;\n    interactiveFeatureCollectionCarouselContent: INodeProps;\n\n    interactiveFeatureCollectionMosaicContainer: INodeProps;\n    interactiveFeatureCollectionMosaicImage: INodeProps;\n    interactiveFeatureCollectionMosaicDetails: INodeProps;\n}\n\n/**\n * Interactive Feature Item Extented props.\n */\nexport interface IInteractiveFeatureItemExtentedProps extends IInteractiveFeatureItemProps<{}> {\n    isMosaic?: boolean;\n    indexItem?: number;\n    itemCounter?: number;\n}\n\n/**\n *\n * InteractiveFeatureItem component.\n * @extends {React.PureComponent<IInteractiveFeatureItemExtentedProps>}\n */\nexport class InteractiveFeatureItem extends React.PureComponent<IInteractiveFeatureItemExtentedProps> {\n    private readonly _telemetryContent: ITelemetryContent = getTelemetryObject(\n        this.props.context.request.telemetryPageName!,\n        this.props.friendlyName,\n        this.props.telemetry\n    );\n\n    public constructor(props: IInteractiveFeatureItemProps<{}>) {\n        super(props);\n    }\n\n    public render(): JSX.Element | null {\n        const { indexItem, itemCounter, isMosaic } = this.props;\n        const { heading, paragraph, image, links } = this.props.config;\n        const featureItemLinks = links && ArrayExtensions.hasElements(links) && (\n            <InteractiveFeatureCollectionLinks\n                links={links}\n                onTextChange={this.handleLinkTextChange}\n                requestContext={this.props.context.request}\n                telemetryContent={this._telemetryContent}\n            />\n        );\n\n        const viewProps = {\n            ...this.props,\n            indexItem,\n            itemCounter,\n            isMosaic: isMosaic ? isMosaic : false,\n            title: this._createHeading(heading),\n            paragraph: this._createParagraph(paragraph),\n            image: this._renderImage(image),\n            links: featureItemLinks,\n            featureItem: {\n                moduleProps: this.props,\n                className: ''\n            },\n            interactiveFeatureCollectionCarouselContainer: {\n                tag: 'div' as NodeTag,\n                className: 'ms-interactive-feature-collection-carousel__container'\n            },\n            interactiveFeatureCollectionCarouselImage: {\n                tag: 'div' as NodeTag,\n                className: 'ms-interactive-feature-collection-carousel__image'\n            },\n            interactiveFeatureCollectionCarouselContent: {\n                tag: 'div' as NodeTag,\n                className: 'ms-interactive-feature-collection-carousel__heading'\n            },\n            interactiveFeatureCollectionMosaicContainer: {\n                tag: 'div' as NodeTag,\n                className: 'ms-interactive-feature-collection-mosaic',\n                'aria-label': heading?.text,\n                tabindex: '0',\n                role: 'group'\n            },\n            interactiveFeatureCollectionMosaicImage: {\n                className: 'ms-interactive-feature-collection-mosaic__image'\n            },\n            interactiveFeatureCollectionMosaicDetails: {\n                className: 'ms-interactive-feature-collection-mosaic__details'\n            }\n        };\n\n        return this.props.renderView(viewProps) as React.ReactElement;\n    }\n\n    /**\n     * Handles heading content change event.\n     * @param event - Content editable event.\n     */\n    public handleHeadingChange = (event: Msdyn365.ContentEditableEvent): void => {\n        this.props.config.heading!.text = event.target.value;\n    };\n\n    /**\n     * Handles paragraph content change event.\n     * @param event - Content editable event.\n     */\n    public handleParagraphChange = (event: Msdyn365.ContentEditableEvent): void => {\n        this.props.config.paragraph = event.target.value;\n    };\n\n    /**\n     * Handles paragraph content change event.\n     * @param linkIndex - Index of link in linkarray.\n     * @returns Void.\n     */\n    public handleLinkTextChange = (linkIndex: number) => (event: Msdyn365.ContentEditableEvent): void => {\n        if (this.props.config.links?.[Number(linkIndex)]) {\n            this.props.config.links[Number(linkIndex)].linkText = event.target.value;\n        }\n    };\n\n    private _createParagraph(text?: Msdyn365.RichText): React.ReactNode | null {\n        if (!text) {\n            return null;\n        }\n        return (\n            <Msdyn365.RichTextComponent\n                text={text}\n                className='ms-interactive-feature-collection__text'\n                editProps={{ onEdit: this.handleParagraphChange, requestContext: this.props.context.request }}\n            />\n        );\n    }\n\n    private _createHeading(heading?: IHeadingData): React.ReactNode | null {\n        if (!heading) {\n            return null;\n        }\n        if (StringExtensions.isNullOrWhitespace(heading.text)) {\n            return null;\n        }\n\n        return (\n            <Msdyn365.Text\n                tag={heading.tag ?? 'h2'}\n                text={heading.text}\n                className='ms-interactive-feature-collection__title'\n                editProps={{ onEdit: this.handleHeadingChange, requestContext: this.props.context.request }}\n            />\n        );\n    }\n\n    private _renderImage(item?: Msdyn365.IImageData, isAriaHiddenAttribute?: boolean): React.ReactNode | null {\n        // Even if image.src is null, we render the Image component to render the fallback SVG\n        const defaultImageSettings: Msdyn365.IImageSettings = {\n            viewports: {\n                xs: { q: 'w=328&h=459&m=6', w: 328, h: 459 },\n                sm: { q: 'w=348&h=487&m=6', w: 348, h: 487 },\n                md: { q: 'w=650&h=366&m=6', w: 650, h: 366 },\n                lg: { q: 'w=650&h=366&m=6', w: 650, h: 366 },\n                xl: { q: 'w=650&h=366&m=6', w: 650, h: 366 }\n            },\n            lazyload: true\n        };\n        const verifiedImageSettings = item?.imageSettings?.viewports ? item.imageSettings : defaultImageSettings;\n        return (\n            <Msdyn365.Image\n                {...item}\n                requestContext={this.props.context.request}\n                gridSettings={this.props.context.request.gridSettings!}\n                imageSettings={verifiedImageSettings}\n                loadFailureBehavior='default'\n                aria-hidden={isAriaHiddenAttribute}\n                editProps={{\n                    key: this.props.config.image ?? {},\n                    requestContext: this.props.context.request,\n                    moduleType: this.props.typeName,\n                    imagePropertyName: 'image'\n                }}\n            />\n        );\n    }\n}\n\nexport default InteractiveFeatureItem;\n","/*---------------------------------------------------------------------------------------------\r\n *  Copyright (c) Microsoft Corporation. All rights reserved.\r\n *  Licensed under the MIT License. See License.txt in the project root for license information.\r\n *--------------------------------------------------------------------------------------------*/\r\nimport { Button, getPayloadObject, getTelemetryAttributes, ITelemetryContent, TelemetryConstant } from '@msdyn365-commerce-modules/utilities';\r\nimport * as Msdyn365 from '@msdyn365-commerce/core';\r\nimport { observer } from 'mobx-react';\r\nimport * as React from 'react';\r\n\r\nexport interface INavIconProps {\r\n    mobileHamburgerAriaLabel: string;\r\n    isExpanded: boolean;\r\n    targetId: string;\r\n    telemetryContent?: ITelemetryContent;\r\n    toggleNavBar(): void;\r\n}\r\n\r\n/**\r\n *\r\n * NavIcon component\r\n * @extends {React.PureComponent<INavIconProps>}\r\n */\r\n\r\n@observer\r\nexport class NavIcon extends React.Component<INavIconProps> {\r\n\r\n    private attributes?: Msdyn365.IDictionary<string>;\r\n\r\n    constructor(props: INavIconProps) {\r\n        super(props);\r\n        const payLoad = getPayloadObject('click', props.telemetryContent!, TelemetryConstant.NavIcon);\r\n        this.attributes = getTelemetryAttributes(props.telemetryContent!, payLoad);\r\n    }\r\n\r\n    public render():JSX.Element {\r\n        return (\r\n            <Button\r\n                className='ms-header__nav-icon'\r\n                onClick={this.props.toggleNavBar}\r\n                title={this.props.mobileHamburgerAriaLabel}\r\n                aria-label={this.props.mobileHamburgerAriaLabel}\r\n                aria-expanded={this.props.isExpanded}\r\n                aria-controls={this.props.targetId}\r\n                {...this.attributes}\r\n            />\r\n        );\r\n    }\r\n}","/*---------------------------------------------------------------------------------------------\r\n *  Copyright (c) Microsoft Corporation. All rights reserved.\r\n *  Licensed under the MIT License. See License.txt in the project root for license information.\r\n *--------------------------------------------------------------------------------------------*/\r\n// import { getPayloadObject, getTelemetryAttributes, ITelemetryContent, TelemetryConstant } from '@msdyn365-commerce-modules/utilities';\r\nimport * as Msdyn365 from '@msdyn365-commerce/core';\r\nimport * as React from 'react';\r\n\r\nexport interface ILogoProps {\r\n    image: Msdyn365.IImageData;\r\n    gridSettings?: Msdyn365.IGridSettings;\r\n    link?: any;\r\n    className?: string;\r\n    requestContext: Msdyn365.IRequestContext;\r\n}\r\n\r\n\r\n/**\r\n *\r\n * Logo component\r\n * @extends {React.PureComponent<ILogoConfig>}\r\n */\r\nexport class Logo extends React.PureComponent<ILogoProps> {\r\n\r\n    // private attributes?: Msdyn365.IDictionary<string>;\r\n\r\n    constructor(props: ILogoProps) {\r\n        super(props);\r\n        // const payLoad = getPayloadObject('click', props.telemetryContent!, TelemetryConstant.Logo);\r\n        // this.attributes = getTelemetryAttributes(props.telemetryContent!, payLoad);\r\n    }\r\n    public render():JSX.Element {\r\n        return(\r\n            <div className={this.props.className}>\r\n                {this._renderLogo(this.props)}\r\n            </div>\r\n        );\r\n    }\r\n\r\n    private _renderLogo(config: ILogoProps):JSX.Element {\r\n        if(config.link && config.link.linkUrl) {\r\n            return(\r\n                <a\r\n                    href={config.link.linkUrl}\r\n                    aria-label='logo'\r\n                    // {...this.attributes}\r\n                >\r\n                    {this._renderImage(config)}\r\n                </a>\r\n            );\r\n        }\r\n        return(\r\n           this._renderImage(config)\r\n        );\r\n    }\r\n\r\n    private _renderImage(config: ILogoProps): JSX.Element {\r\n        const defaultImageSettings: Msdyn365.IImageSettings = {\r\n            viewports: {\r\n                xs: { q: `w=132&h=28&m=6`, w: 0, h: 0 },\r\n                lg: { q: `w=160&h=48&m=6`, w: 0, h: 0 }\r\n            },\r\n            lazyload: true\r\n        };\r\n        return  (\r\n            <Msdyn365.Image\r\n                {...config.image}\r\n                gridSettings={this.props.gridSettings!}\r\n                imageSettings={config && config.image && config.image.imageSettings || defaultImageSettings}\r\n                loadFailureBehavior='default'\r\n                editProps= {{key: config.image || {}, requestContext: this.props.requestContext}}\r\n            />\r\n        );\r\n    }\r\n}\r\n\r\nexport default Logo;","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\n/* eslint-disable no-duplicate-imports */\r\nimport {\r\n    IModuleProps, \r\n    INodeProps,\r\n    Modal,\r\n    ModalBody, \r\n    ModalHeader\r\n} from '@msdyn365-commerce-modules/utilities';\r\nimport classnames from 'classnames';\r\nimport { observer } from 'mobx-react';\r\nimport * as React from 'react';\r\n\r\nimport { ICittaCommercialHeaderData } from './citta-commercial-header.data';\r\nimport { ICittaCommercialHeaderProps } from './citta-commercial-header.props.autogenerated';\r\n\r\nimport { NavIcon, Logo } from './components';\r\n\r\nexport interface IHeaderState {\r\n    mobileMenuCollapsed: boolean;\r\n    signinPopoverOpen: boolean;\r\n}\r\n\r\nexport interface IHeaderViewProps extends ICittaCommercialHeaderProps<ICittaCommercialHeaderData> {\r\n    HeaderTag: IModuleProps;\r\n    loginLink?: React.ReactNode;\r\n    menuBar?: React.ReactNode[];\r\n    navIcon: React.ReactNode;\r\n    MobileMenuContainer: INodeProps;\r\n    MobileMenuHeader: React.ReactNode;\r\n    MobileMenuBodyContainer: INodeProps;\r\n    logo: React.ReactNode;\r\n}\r\n\r\n/**\r\n *\r\n * Header component.\r\n * @extends {React.PureComponent<ICittaCommercialHeaderProps<ICittaCommercialHeaderData>>}\r\n */\r\n@observer\r\nclass CommercialHeader extends React.PureComponent<ICittaCommercialHeaderProps<ICittaCommercialHeaderData>, IHeaderState> {\r\n    constructor(props: ICittaCommercialHeaderProps<ICittaCommercialHeaderData>) {\r\n        super(props);\r\n        this.state = {\r\n            mobileMenuCollapsed: true,\r\n            signinPopoverOpen: false\r\n        };\r\n\r\n        this._toggleNavbar = this._toggleNavbar.bind(this);\r\n    }\r\n    \r\n    public componentDidMount(): void {\r\n        this._stickyHeaderSetup();\r\n    }\r\n\r\n    public render(): JSX.Element | null {\r\n\r\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access -- app config is generic\r\n        const menuBarSlot = this._getSlot('menuBar');\r\n        const navbarKey = 'header-nav-mobile';\r\n        const headerClassName = classnames('commercial-header', this.props.config.className);\r\n       \r\n        const {logoLink, logoImage } = this.props.config;\r\n\r\n        const viewProps: IHeaderViewProps = {\r\n            ...(this.props as ICittaCommercialHeaderProps<ICittaCommercialHeaderData>),\r\n            ...(this.state),\r\n            logo: <Logo {...{ link: logoLink, image: logoImage, className: 'ms-header-commercial__logo', gridSettings: this.props.context.request.gridSettings, requestContext: this.props.context.request }} />,\r\n\r\n            HeaderTag: {\r\n                moduleProps: this.props,\r\n                className: classnames(headerClassName),\r\n                tag: 'header'\r\n            },\r\n            menuBar: menuBarSlot && menuBarSlot.length && menuBarSlot || [],\r\n            navIcon: <NavIcon {...{ mobileHamburgerAriaLabel: 'mobileHamburgerAriaLabel', isExpanded: !this.state.mobileMenuCollapsed, targetId: navbarKey, toggleNavBar: this._toggleNavbar }} />,\r\n            // loginLink: this._getLoginLink(loginLink, loginLinkText),\r\n            MobileMenuContainer: {\r\n                tag: Modal,\r\n                id: navbarKey,\r\n                className: 'ms-header__mobile-hamburger',\r\n                isOpen: !this.state.mobileMenuCollapsed,\r\n                wrapClassName: `ms-header__citta-modal citta-header-mobile ${!this.state.mobileMenuCollapsed ? 'modal-open' : ''}`,\r\n                toggle: this._toggleNavbar\r\n            },\r\n            MobileMenuHeader: (\r\n                <ModalHeader\r\n                    className='ms-header__mobile-hamburger-menu-header'\r\n                    toggle={this._toggleNavbar}\r\n                />\r\n            ),\r\n            MobileMenuBodyContainer: {\r\n                tag: ModalBody,\r\n                className: 'ms-header__mobile-hamburger-menu-body',\r\n            }\r\n        };\r\n\r\n        return this.props.renderView(viewProps) as React.ReactElement;\r\n    }\r\n\r\n    private _toggleNavbar(): void {\r\n        console.log('set state', !this.state.mobileMenuCollapsed)\r\n        this.setState({\r\n            mobileMenuCollapsed: !this.state.mobileMenuCollapsed\r\n        });\r\n        this.state.mobileMenuCollapsed && this._setHeader(this.state.mobileMenuCollapsed);\r\n    }\r\n\r\n    private _getSlot(slotName: string): React.ReactNode[] | null {\r\n        const { slots } = this.props;\r\n        return (slots && slots[slotName] && slots[slotName].length && slots[slotName]) || null;\r\n    }\r\n\r\n    private _setHeader(lockHeader?: boolean): void {\r\n       const headerElem = document.querySelector('.commercial-header');\r\n       if (headerElem) {\r\n           if (lockHeader || document.documentElement.scrollTop > 0) {\r\n               headerElem.classList.add('lock-opaque');\r\n           } else if (!window.document.body.classList.contains('search-open')) {  \r\n               headerElem.classList.remove('lock-opaque');\r\n           }\r\n       }\r\n   }\r\n\r\n    private _updateHeader(isInMobileMenu?: boolean): void {\r\n        this._setHeader();\r\n    }\r\n    \r\n    private _stickyHeaderSetup(): void {\r\n        window.onscroll = () => {\r\n            this._updateHeader();\r\n        };\r\n        this._updateHeader();\r\n    }\r\n}\r\n\r\nexport default CommercialHeader;\r\n"],"sourceRoot":""}