{"version":3,"sources":["webpack:///src/modules/content-block/components/additional-content.tsx?1a32","webpack:///src/modules/content-block/components/links.tsx?5056","webpack:///src/modules/content-block/content-block.tsx?8675","webpack:///./src/modules/citta-navigation-menu/citta-navigation-menu.view.tsx?ec6a","webpack:///./src/modules/citta-navigation-menu/citta-navigation-menu.props.autogenerated.ts?350a","webpack:///./src/modules/citta-navigation-menu/citta-navigation-menu.tsx?15e5","webpack:///./src/modules/citta-tile-list-item/citta-tile-list-item.view.tsx?4e9f","webpack:///./src/modules/citta-tile-list-item/components/links.tsx?c8ad","webpack:///./src/modules/citta-tile-list-item/citta-tile-list-item.tsx?04a8","webpack:///src/modules/content-block/content-block.view.tsx?a86e"],"names":["assembleNode","item","props","itemIndex","_item$links","heading","renderHeading","additionalContentHeading","requestContext","React","Msdyn365","text","tag","className","editProps","onEdit","event","handleAdditionalTextChange","subtext","renderParagraph","additionalContentParagraphText","links","map","ctaLink","index","renderLinks","linkIndex","editableLink","ariaLabel","linkText","linkUrl","destinationUrl","openInNewTab","role","key","link","onTextChange","handleAdditionalLinkTextChange","additionalContentItemContainer","additionalContentItemLinks","contentBlockAdditionalContent","additionalContent","reactNodes","push","additionalContentNode","additionalContentItems","ContentCardLinks","constructor","_mapEditableLinks","linkdata","length","editableLinks","forEach","payLoad","getPayloadObject","this","telemetryContent","contentAction","etext","attributes","getTelemetryAttributes","btnClass","additionalProperties","onClick","onTelemetryClick","render","ContentBlock","getTelemetryObject","context","request","telemetryPageName","friendlyName","telemetry","handleTextChange","config","target","value","handleParagraphChange","paragraph","handleLinkTextChange","Number","_heading$tag","_this$props$context$r","_this$props$config$im","image","imageAriaLabel","contentBlockTitle","imageProps","gridSettings","imageSettings","contentBlockLinks","ArrayExtensions","hasElements","LinksComponent","Object","assign","msdyn365__moduleLayout","contentBlockText","contentBlockImage","preserveImageSpace","moduleType","typeName","imagePropertyName","moduleId","id","layout","shouldSkipToMainImage","error","contentBlockviewProps","_objectSpread","title","moduleClass","contentBlockContainer","moduleProps","classnames","imageContainer","detailsContainer","contentBlockAnchorTag","imageLink","_getImageLink","handleAdditionalParagraphChange","handleAdditionalText","handleAdditionalParagraph","renderView","additionalContentObject","actionableRegion","NavigationMenuView","super","currentLevel","_updateCategoryImage","categoryImageSrc","setState","categoryImage","categoryImageAltText","_handleDropdownToggle","data","parentId","isMobileView","isBackTrack","activeMenu","mobileViewLabelText","parentMenu","state","undefined","showCategoryImage","imageSource","_resetFocus","_handleGoBack","setTimeout","menuNode","current","focus","_handleClickOutside","contains","_getCategoryImage","alttext","categoryImageUrl","generateImageUrl","actionContext","apiSettings","defaultImageSettings","viewports","xs","q","w","h","sm","md","lg","lazyload","ImageData","src","Image","categoryImageSettings","loadFailureBehavior","altText","_closeSubmenu","bind","componentDidMount","document","body","addEventListener","componentWillUnmount","removeEventListener","MenuList","MobileBackButton","MobileDescriptionContainer","MobileDescriptionLabel","Navigation","Module","Node","ref","tabIndex","_renderDisplay","ListItem","menuItemData","menuItemList","menuItem","i","_getFromSubMenu","_createMenuItemList","subMenus","subMenu","found","_renderSubMenu","_renderButtonMenuItem","linkURL","_renderLinkMenuItem","_renderSpanMenuItem","IsSubMenu","enableMultiSupportMenu","enableMultilevelMenu","multiLevelSupportedMenu","menuLevelSupport","levelClassName","menuOptions","option","idx","hasOptions","haveSubmenu","Math","round","toString","_renderMenu","Button","onFocus","hoverEffect","arguments","Link","imagesource","onMouseOver","href","Span","level","currentItem","submenu","DivContainer","ImageDivContainer","categoryImageDisplay","DivContainerClass","navigationMenuSource","NavigationMenu","isRetail","isCMS","_setNavigationSource","sourceType","retailServerOnly","cmsOnly","all","_updateViewport","viewport","device","Type","isMobile","locale","nameTranslations","nameTranslation","find","Language","toLowerCase","Text","resizeThrottledEventHandler","window","addThrottledEvent","_mapData","isEmptyOrNullObject","xl","viewProps","resources","menuAriaLabel","displayCategoryImage","ImageContainer","backButtonAriaLabel","mergedData","categories","result","_constructMenuItemData","cmsNavItems","_constructTopMenuItemData","enabletopMenu","mergedRootMenuData","topMenu","rootMenuNavigation","retailItem","cmsItem","addedAllMenu","imageSouce","Images","Uri","RSItemIdInit","getFriendlyName","NameTranslations","Url","_getNestedChildren","CMSItemIdInit","imageDestinationURL","_getCMSNestedChildren","category","imageSourceUrl","nestedChildren","Children","allCategoryMenuText","getCategoryUrl","_getViewport","innerWidth","__decorate","observable","computed","TileListItemViewComponent","tileListItem","backgroundImage","thumbnailImage","tileListContainer","tileListImageContainer","tileListThumbnailImageContainer","tileListHeadingContainer","renderTileListItemContent","TileListLinks","TileListItem","_telemetryContent","handleHeadingChange","_this$props$config$li","redirectionUrl","tileListLinks","tileListLinkContainer","_createHeading","_createParagraph","_renderBackgroundImage","_renderThumbnailImage","StringExtensions","isNullOrWhitespace","isAriaHiddenAttribute","_item$imageSettings","_this$props$config$ba","verifiedImageSettings","itemImageSettings","_this$props$config$th","renderAdditionalContent","_additionalContent$ad","ContentBlockView"],"mappings":"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","file":"static/js/34.e5b2d2eedd9fd284a1d2.chunk.js","sourcesContent":["/*!\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\nimport { IAdditionalContentData, ILinksData } from '../content-block.props.autogenerated';\n\n/**\n * IContentBlockAdditionalContentProps: Interface for\n * Content Block Additional Content Component props.\n */\nexport interface IContentBlockAdditionalContentProps {\n    requestContext: Msdyn365.IRequestContext;\n    additionalContent: IAdditionalContentData[] | undefined;\n    handleAdditionalTextChange(index: number, event: Msdyn365.ContentEditableEvent): void;\n    handleAdditionalParagraphChange(index: number, event: Msdyn365.ContentEditableEvent): void;\n    handleAdditionalLinkTextChange(linkIndex: number, index: number, event: Msdyn365.ContentEditableEvent): void;\n}\n\n/**\n * IContentBlockAdditionalContentProps: Interface for\n * Content Block Additional Content view props.\n */\nexport interface IContentBlockAdditionalContentViewProps {\n    additionalContentNode: INodeProps;\n    additionalContentItems?: IContentBlockAdditionalContentItemViewProps[];\n}\n\n/**\n * IContentBlockAdditionalContentProps: Interface for\n * Content Block Additional Content Item view props.\n */\nexport interface IContentBlockAdditionalContentItemViewProps {\n    heading: React.ReactNode;\n    text: React.ReactNode;\n    links: React.ReactNode;\n    additionalContentItemContainer: INodeProps;\n    additionalContentItemLinks: INodeProps;\n}\n\n/**\n * Renders additional content heading.\n * @param additionalContentHeading - Additional content heading.\n * @param props - Content Block Additional content component props.\n * @param itemIndex - Item index.\n * @returns Heading Node.\n */\nconst renderHeading = (additionalContentHeading: string, props: IContentBlockAdditionalContentProps, itemIndex: number) => {\n    const requestContext = props.requestContext;\n    return (\n        <Msdyn365.Text\n            text={additionalContentHeading}\n            tag='p'\n            className='ms-content-block__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(itemIndex, 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 - Content Block Additional content component props.\n * @param itemIndex - Item index.\n * @returns Paragraph Node.\n */\nconst renderParagraph = (additionalContentParagraphText: string, props: IContentBlockAdditionalContentProps, itemIndex: number) => {\n    const requestContext = props.requestContext;\n    return (\n        <Msdyn365.Text\n            text={additionalContentParagraphText}\n            tag='p'\n            className='ms-content-block__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(itemIndex, event);\n                },\n                requestContext\n            }}\n        />\n    );\n};\n\n/**\n * Renders additional content heading.\n * @param ctaLink - Additional content link.\n * @param props - Content Block Additional content component props.\n * @param itemIndex - Item index.\n * @param linkIndex - Additional content link index.\n * @returns Link Node.\n */\nconst renderLinks = (ctaLink: ILinksData, props: IContentBlockAdditionalContentProps, itemIndex: number, linkIndex: number) => {\n    const editableLink: Msdyn365.ILinksData = {\n        ariaLabel: ctaLink.ariaLabel,\n        className: 'ms-content-block__details__additional-content-cta-links',\n        linkText: ctaLink.linkText,\n        linkUrl: ctaLink.linkUrl.destinationUrl,\n        openInNewTab: ctaLink.openInNewTab,\n        role: 'link'\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, itemIndex, event);\n                },\n                requestContext\n            }}\n        />\n    );\n};\n\n/**\n * Create node for each additonal content item.\n * @param item - Content block additonal content item props.\n * @param props - Content Block Additional content component props.\n * @param itemIndex - Item index.\n * @returns IContentBlockAdditionalContentItemViewProps.\n */\nconst assembleNode = (\n    item: IAdditionalContentData,\n    props: IContentBlockAdditionalContentProps,\n    itemIndex: number\n): IContentBlockAdditionalContentItemViewProps => {\n    const headingNode = item.heading && renderHeading(item.heading, props, itemIndex);\n    const paragraphNode = item.subtext && renderParagraph(item.subtext, props, itemIndex);\n    const linksNode = item.links?.map((ctaLink: ILinksData, index: number) => {\n        return renderLinks(ctaLink, props, itemIndex, index);\n    });\n\n    return {\n        heading: headingNode,\n        text: paragraphNode,\n        links: linksNode,\n        additionalContentItemContainer: { className: 'ms-content-block__details__additional-content__container' },\n        additionalContentItemLinks: { className: 'ms-content-block__details__additional-content-cta' }\n    };\n};\n\n/**\n * ContentBlockAdditionalContent component.\n * @param props - Content Block Additional content component props.\n * @returns Content Block Additional content view props.\n */\nexport const contentBlockAdditionalContent = (\n    props: IContentBlockAdditionalContentProps\n): IContentBlockAdditionalContentViewProps | undefined => {\n    const { additionalContent } = props;\n    if (!additionalContent) {\n        return undefined;\n    }\n\n    const reactNodes: IContentBlockAdditionalContentItemViewProps[] = [];\n    additionalContent.map((item, index: number) => {\n        return reactNodes.push(assembleNode(item, props, index));\n    });\n\n    return {\n        additionalContentNode: { className: 'ms-content-block__details__additional-content' },\n        additionalContentItems: reactNodes\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 Msdyn365 from '@msdyn365-commerce/core';\nimport { getPayloadObject, getTelemetryAttributes, ITelemetryContent, onTelemetryClick } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { ILinksData } from '../content-block.props.autogenerated';\n\nexport interface IContentCardLinks {\n    links: ILinksData[];\n    requestContext: Msdyn365.IRequestContext;\n    telemetryContent: ITelemetryContent;\n    role?: string;\n    onTextChange?(index: number): (event: Msdyn365.ContentEditableEvent) => void;\n}\n\n/**\n *\n * ContentCardLinks component.\n * @extends {React.PureComponent<IContentCardLinks>}\n */\nexport class ContentCardLinks extends React.PureComponent<IContentCardLinks> {\n    public render(): JSX.Element {\n        const editableLinks = this._mapEditableLinks(this.props.links);\n        return (\n            <div className='ms-content-block__cta'>\n                {editableLinks && editableLinks.length > 0 ? (\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    private readonly _mapEditableLinks = (linkdata: ILinksData[]): Msdyn365.ILinksData[] | null => {\n        if (!linkdata || linkdata.length === 0) {\n            return null;\n        }\n        const editableLinks: Msdyn365.ILinksData[] = [];\n        linkdata.forEach((link, index) => {\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 btnClass = index === 0 ? 'msc-cta__primary' : 'msc-cta__secondary';\n            const editableLink: Msdyn365.ILinksData = {\n                ariaLabel: link.ariaLabel,\n                className: btnClass,\n                linkText: link.linkText,\n                linkUrl: link.linkUrl.destinationUrl,\n                openInNewTab: link.openInNewTab,\n                role: this.props.role,\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 ContentCardLinks;\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 { getTelemetryObject, IModuleProps, INodeProps, ITelemetryContent } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport * as React from 'react';\n\nimport { contentBlockAdditionalContent, IContentBlockAdditionalContentViewProps } from './components/additional-content';\nimport LinksComponent from './components/links';\nimport { actionableRegion as region, IContentBlockConfig, IContentBlockProps } from './content-block.props.autogenerated';\n\nexport interface IContentBlockViewProps extends IContentBlockProps<{}> {\n    title?: React.ReactNode;\n    text?: React.ReactNode;\n    image?: React.ReactNode;\n    links?: React.ReactNode;\n    className?: string;\n    contentBlockContainer: IModuleProps;\n    imageContainer: INodeProps;\n    detailsContainer: INodeProps;\n    contentBlockAnchorTag?: INodeProps;\n    imageLink?: string;\n    imageAriaLabel?: string;\n    additionalContent?: IContentBlockAdditionalContentViewProps;\n    handleAdditionalText?(): void;\n    handleAdditionalParagraph?(): void;\n    handleAdditionalLinkTextChange?(): void;\n}\n\n/**\n * Site-builder configuration for the module.\n */\nexport interface IContentBlockFullConfig extends IContentBlockConfig {\n    // eslint-disable-next-line @typescript-eslint/naming-convention -- This field comes from SDK.\n    msdyn365__moduleLayout?: string;\n}\n\n/**\n * ContentCard component.\n * @extends {React.PureComponent<IContentBlockProps{}>}\n */\nexport class ContentBlock extends React.PureComponent<IContentBlockProps<{}>> {\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 { heading, paragraph, image, links, className, imageAriaLabel } = this.props.config;\n        const contentBlockTitle = heading && (\n            <Msdyn365.Text\n                className='ms-content-block__title'\n                tag={heading.tag ?? 'h1'}\n                text={heading.text}\n                editProps={{ onEdit: this.handleTextChange, requestContext: this.props.context.request }}\n            />\n        );\n        const imageProps = {\n            gridSettings: this.props.context.request.gridSettings ?? {},\n            imageSettings: image?.imageSettings\n        };\n        const contentBlockLinks = links && ArrayExtensions.hasElements(links) && (\n            <LinksComponent\n                {...{\n                    links,\n                    onTextChange: this.handleLinkTextChange,\n                    requestContext: this.props.context.request,\n                    telemetryContent: this.telemetryContent,\n                    role: (this.props.config as IContentBlockFullConfig).msdyn365__moduleLayout === 'tile' ? 'link' : 'button'\n                }}\n            />\n        );\n        const contentBlockText = paragraph && (\n            <Msdyn365.RichTextComponent\n                text={paragraph}\n                className='ms-content-block__text'\n                editProps={{ onEdit: this.handleParagraphChange, requestContext: this.props.context.request }}\n            />\n        );\n        const contentBlockImage = (\n            <Msdyn365.Image\n                {...image}\n                {...imageProps}\n                requestContext={this.props.context.request}\n                preserveImageSpace={true}\n                editProps={{\n                    key: this.props.config.image ?? {},\n                    requestContext: this.props.context.request,\n                    moduleType: this.props.typeName,\n                    imagePropertyName: 'image',\n                    moduleId: this.props.id,\n                    layout: (this.props.config as IContentBlockFullConfig).msdyn365__moduleLayout\n                }}\n                shouldSkipToMainImage\n            />\n        );\n\n        if (!contentBlockTitle && !contentBlockText && !contentBlockLinks) {\n            this.props.context.telemetry.error('Content block content is empty, module wont render.');\n            return null;\n        }\n        const contentBlockviewProps = {\n            ...this.props,\n            title: contentBlockTitle,\n            text: contentBlockText,\n            image: contentBlockImage,\n            links: contentBlockLinks,\n            moduleClass: this.props.config.className,\n            contentBlockContainer: {\n                moduleProps: this.props,\n                className: classnames('ms-content-block', className)\n            },\n            imageContainer: { className: 'ms-content-block__image' },\n            detailsContainer: { className: 'ms-content-block__details' },\n            contentBlockAnchorTag: {\n                tag: 'a',\n                className: 'ms-content-block__link',\n                role: 'link'\n            },\n            imageLink: this._getImageLink(),\n            imageAriaLabel,\n            additionalContent: contentBlockAdditionalContent({\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            handleAdditionalLinkTextChange: this.handleAdditionalLinkTextChange\n        };\n\n        return this.props.renderView(contentBlockviewProps) 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.heading!.text = event.target.value);\n\n    /**\n     * To handle paragraph change.\n     * @param event - To handle text change event.\n     * @name - HandleParagraphChange\n     * @public\n     * @returns - The Paragraph value.\n     */\n    public handleParagraphChange = (event: Msdyn365.ContentEditableEvent) => (this.props.config.paragraph = event.target.value);\n\n    /**\n     * Handle link text change.\n     * @param linkIndex - The link index.\n     * @returns - Void.\n     */\n    public handleLinkTextChange = (linkIndex: number) => (event: Msdyn365.ContentEditableEvent) => {\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    public handleAdditionalTextChange(index: number, event: Msdyn365.ContentEditableEvent): void {\n        if (this.props.config.additionalContent) {\n            this.props.config.additionalContent[Number(index)].heading = event.target.value;\n        }\n    }\n\n    public handleAdditionalLinkTextChange(linkIndex: number, index: number, event: Msdyn365.ContentEditableEvent): void {\n        const additionalContentObject =\n            (this.props.config.additionalContent &&\n                ArrayExtensions.hasElements(this.props.config.additionalContent) &&\n                this.props.config.additionalContent[Number(index)]) ||\n            {};\n        if (additionalContentObject.links) {\n            additionalContentObject.links[Number(linkIndex)].linkText = event.target.value;\n        }\n    }\n\n    public handleAdditionalParagraphChange(index: number, event: Msdyn365.ContentEditableEvent): void {\n        if (this.props.config.additionalContent) {\n            this.props.config.additionalContent[Number(index)].subtext = event.target.value;\n        }\n    }\n\n    private _getImageLink(): string | null {\n        const { imageLink, links, actionableRegion } = this.props.config;\n        if (actionableRegion === region.imageAndLinks) {\n            if (imageLink?.destinationUrl) {\n                return imageLink.destinationUrl;\n            } else if (links && ArrayExtensions.hasElements(links) && links[0].linkUrl) {\n                return links[0].linkUrl.destinationUrl;\n            }\n            return null;\n        }\n        return null;\n    }\n}\n\nexport default ContentBlock;\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/* eslint-disable no-duplicate-imports */\r\nimport { generateImageUrl } from '@msdyn365-commerce-modules/retail-actions';\r\nimport { getPayloadObject, getTelemetryAttributes, getTelemetryObject, IPayLoad, ITelemetryContent, Module, Node, onTelemetryClick } from '@msdyn365-commerce-modules/utilities';\r\nimport { IImageData, IImageSettings, Image} from '@msdyn365-commerce/core';\r\nimport classnames from 'classnames';\r\nimport * as React from 'react';\r\nimport { INavigationMenuViewProps } from './citta-navigation-menu';\r\nimport { IMenuItemData } from './citta-navigation-menu.data';\r\n\r\ninterface INavigationState {\r\n  parentMenu?: number;\r\n  activeMenu?: number;\r\n  categoryImage?:string|null;\r\n  mobileViewLabelText?: string;\r\n  categoryImageAltText:string;\r\n}\r\n\r\n/**\r\n *\r\n * NavigationMenuView component\r\n * @extends {React.PureComponent<INavigationMenuViewProps>}\r\n */\r\nexport class NavigationMenuView extends React.PureComponent<INavigationMenuViewProps, INavigationState> {\r\n    private static isBackTrack: boolean = false;\r\n    private currentLevel: number = 0;\r\n    private menuNode: React.RefObject<HTMLUListElement>;\r\n    private telemetryContent: ITelemetryContent;\r\n    private payLoad: IPayLoad;\r\n    constructor(props: INavigationMenuViewProps) {\r\n        super(props);\r\n        this.menuNode = React.createRef();\r\n        this.state = {activeMenu: undefined, mobileViewLabelText: '', parentMenu: undefined,categoryImageAltText:''};\r\n        this._closeSubmenu  =this._closeSubmenu.bind(this);\r\n        this.telemetryContent = getTelemetryObject(this.props.context.request.telemetryPageName!,\r\n                                                   this.props.friendlyName,\r\n                                                   this.props.telemetry);\r\n        this.payLoad = getPayloadObject('click', this.telemetryContent, '', '');\r\n    }\r\n\r\n    public componentDidMount(): void {\r\n      document.body && document.body.addEventListener('mousedown',  this._handleClickOutside);\r\n    }\r\n\r\n    public componentWillUnmount(): void {\r\n        document.body && document.body.removeEventListener('mousedown', this._handleClickOutside, false);\r\n    }\r\n\r\n    public render(): JSX.Element | null {\r\n      const { isMobileView, MenuList, MobileBackButton, MobileDescriptionContainer, MobileDescriptionLabel, Navigation} = this.props;\r\n\r\n      this.currentLevel = 1;\r\n      return(\r\n          <Module {...Navigation} className={classnames(Navigation.className, isMobileView && this.state.activeMenu !== undefined ? 'child' : 'parent')}>\r\n            <Node { ...MenuList } ref={this.menuNode} tabIndex='-1'>\r\n            {isMobileView && this.state.activeMenu !== undefined &&\r\n              <Node {...MobileDescriptionContainer}>\r\n                  <Node {...MobileBackButton} onClick={this._handleGoBack()}/>\r\n                  <Node {...MobileDescriptionLabel}>{this.state.mobileViewLabelText}</Node>\r\n              </Node>}\r\n                {this._renderDisplay()}\r\n            </Node>\r\n          </Module>\r\n      );\r\n    }\r\n\r\n    private _renderDisplay(): JSX.Element[] {\r\n      const {ListItem, menuItemData, isMobileView} = this.props;\r\n      const {activeMenu} = this.state;\r\n      const menuItemList: JSX.Element[] = [];\r\n\r\n      if (isMobileView &&  activeMenu !== undefined && menuItemData.length > 0) {\r\n        let menuItem: IMenuItemData = {};\r\n        for(let i = 0; i < menuItemData.length; i++) {\r\n          if (menuItemData[i] && menuItemData[i].id === activeMenu) {\r\n            menuItem = menuItemData[i];\r\n            !NavigationMenuView.isBackTrack ? this.setState({parentMenu: undefined}) : this.setState({parentMenu: undefined, mobileViewLabelText: menuItemData[i].linkText});\r\n            break;\r\n          }\r\n          menuItem = this._getFromSubMenu(menuItemData[i]) as IMenuItemData;\r\n          if (menuItem && menuItem.id === activeMenu) {\r\n            break;\r\n          }\r\n        }\r\n\r\n        menuItem && menuItemList.push (\r\n          <Node key={menuItem.id} { ...ListItem}> {this._createMenuItemList(menuItem)} </Node>\r\n        );\r\n      } else {\r\n        menuItemData.forEach((item: IMenuItemData, index: number) => {\r\n          menuItemList.push (\r\n            <Node key={index} { ...ListItem} >\r\n                {this._createMenuItemList(item)}\r\n            </Node>\r\n          );\r\n      });\r\n      }\r\n\r\n      return menuItemList;\r\n  }\r\n\r\n  private _getFromSubMenu(item?: IMenuItemData): IMenuItemData | null {\r\n    const subMenus = item && item.subMenu;\r\n    if (subMenus && subMenus.length > 0) {\r\n      for(let i = 0; i <= subMenus.length-1; i++) {\r\n        if (subMenus[i].id === this.state.activeMenu) {\r\n            !NavigationMenuView.isBackTrack ? this.setState({parentMenu: item && item.id}) : this.setState({parentMenu: item && item.id, mobileViewLabelText: subMenus[i].linkText});\r\n            return subMenus[i];\r\n        }\r\n        const found = this._getFromSubMenu(subMenus[i]);\r\n        if (found) {\r\n          return found;\r\n        }\r\n      }\r\n    }\r\n    this.props.context.telemetry.error('Submenu content is empty, module wont render.');\r\n    return null;\r\n  }\r\n\r\n  private _createMenuItemList(menuItemData: IMenuItemData): JSX.Element | null {\r\n    if (menuItemData && menuItemData.subMenu && menuItemData.subMenu.length > 0) {\r\n      if (this.props.isMobileView && this.state.activeMenu !== undefined) {\r\n        return (this._renderSubMenu(menuItemData.subMenu, menuItemData.id,false));\r\n      } else {\r\n        return (\r\n          <React.Fragment>\r\n            {this._renderButtonMenuItem(menuItemData)}\r\n            {this._renderSubMenu(menuItemData.subMenu, menuItemData.id,false)}\r\n          </React.Fragment>\r\n        );\r\n      }\r\n    } else if (menuItemData && menuItemData.linkText && menuItemData.linkURL && menuItemData.linkURL.length > 0) {\r\n      return (this._renderLinkMenuItem(menuItemData,menuItemData.id,false));\r\n    } else if (menuItemData && menuItemData.linkText && !menuItemData.linkURL) {\r\n      return (this._renderSpanMenuItem(menuItemData));\r\n    }\r\n    this.props.context.telemetry.error('Navigation menu content is empty, module wont render.');\r\n    return null;\r\n  }\r\n\r\n  private _renderSubMenu(subMenus?: IMenuItemData[], activeMenu?: number,IsSubMenu?:boolean): JSX.Element | null {\r\n    const {isMobileView, ListItem} = this.props;\r\n    const enableMultiSupportMenu  = this.props.config.enableMultilevelMenu || false;\r\n    const multiLevelSupportedMenu = this.props.config.menuLevelSupport || 3;\r\n    // const isParentMenu:boolean= false;\r\n    if (activeMenu && this.state.activeMenu !== activeMenu) {\r\n      this.props.context.telemetry.error('Navigation Active menu content is empty, module wont render.');\r\n      return null;\r\n    }\r\n\r\n    if (!subMenus || subMenus.length === 0) {\r\n      this.props.context.telemetry.error('Navigation Submenu content is empty, module wont render.');\r\n      return null;\r\n    }\r\n\r\n    let levelClassName: string = '';\r\n    const menuOptions = subMenus && subMenus.map((option: IMenuItemData, idx: number)  => {\r\n    const hasOptions = (option.subMenu && option.subMenu.length > 0);\r\n    let menuItem: JSX.Element | null;\r\n    if (hasOptions && isMobileView) {\r\n      menuItem = this._renderButtonMenuItem(option, activeMenu, idx);\r\n    } else {\r\n      menuItem = (option.linkURL\r\n        ? this._renderLinkMenuItem(option, idx)\r\n        : this._renderSpanMenuItem(option)\r\n      );\r\n    }\r\n\r\n    let subMenu;\r\n    const haveSubmenu = hasOptions && enableMultiSupportMenu && (this.currentLevel <= Math.round(multiLevelSupportedMenu)-1);\r\n    if (haveSubmenu) {\r\n      this.currentLevel++;\r\n      levelClassName = enableMultiSupportMenu?`level-${this.currentLevel.toString()}`:'';\r\n      subMenu = this._renderSubMenu(option.subMenu, isMobileView ? option.id : undefined,true);\r\n    }\r\n    return (\r\n    <Node {...ListItem} key={ option.id } className={classnames(ListItem.className,haveSubmenu && 'havesubmenu')}>\r\n        { menuItem }\r\n        { subMenu }\r\n    </Node>\r\n    );\r\n    });\r\n    return (this._renderMenu(levelClassName, menuOptions, activeMenu,IsSubMenu));\r\n  }\r\n  private _renderButtonMenuItem(option: IMenuItemData, activeMenu?: number, index?: number): JSX.Element | null {\r\n    const {Button} = this.props;\r\n    return (\r\n          <Node\r\n            key={index}\r\n            {...Button}\r\n            onClick={this._handleDropdownToggle(option, activeMenu)}\r\n            onFocus={this._closeSubmenu}\r\n            aria-haspopup={true}\r\n            aria-expanded={this.state.activeMenu && this.state.activeMenu === option.id ? true : false}\r\n            data-parent={activeMenu}\r\n          >\r\n            { option.linkText }\r\n          </Node>\r\n      );\r\n  }\r\n\r\n  private _renderLinkMenuItem(option: IMenuItemData, index?: number,hoverEffect:boolean=true): JSX.Element | null {\r\n    const {Link} = this.props;\r\n    const linkText = option.linkText ? option.linkText : '';\r\n    const imagesource= option.imageSource ? option.imageSource :'';\r\n    this.payLoad.contentAction.etext = linkText;\r\n    const attributes = getTelemetryAttributes(this.telemetryContent, this.payLoad);\r\n    return (\r\n      <Node {...Link} key={index} onMouseOver={hoverEffect && this._updateCategoryImage(imagesource,linkText)} href={ option.linkURL } {...attributes} onClick={onTelemetryClick(this.telemetryContent, this.payLoad, linkText)}>\r\n        { option.linkText }\r\n      </Node>\r\n    );\r\n  }\r\n\r\n  private _renderSpanMenuItem(option: IMenuItemData, index?: number): JSX.Element | null {\r\n    const {Span} = this.props;\r\n    return (\r\n      <Node key={index} {...Span}>{ option.linkText }</Node>\r\n    );\r\n  }\r\n\r\n  private _renderMenu(level: string, menuOptions: JSX.Element[], currentItem?: number,submenu?:boolean): JSX.Element | null {\r\n\r\n    const {DivContainer, MenuList,ImageDivContainer,showCategoryImage,isMobileView} = this.props;\r\n    const categoryImageDisplay = !isMobileView  && showCategoryImage && this.state.categoryImage !==null && this.state.categoryImage !==undefined && !submenu;\r\n    const DivContainerClass = this.currentLevel > 2 || categoryImageDisplay ? DivContainer!.className:'ms-nav__deafult';\r\n    this.currentLevel = 1;\r\n    return (\r\n      <Node {...DivContainer} className={DivContainerClass}>\r\n      <Node {...MenuList} className={classnames(MenuList.className, level,categoryImageDisplay && 'havecateImage',categoryImageDisplay && this.props.config.menuLevelSupport && this.props.config.menuLevelSupport > 2 && 'navmenu-multi-level') }>\r\n        { menuOptions }\r\n        </Node>\r\n        {\r\n          categoryImageDisplay && this.state.categoryImage && (\r\n           <Node {...ImageDivContainer}  className={ImageDivContainer!.className}>\r\n              { this.state.categoryImage && this._getCategoryImage(this.state.categoryImage,this.state.categoryImageAltText) }\r\n          </Node>)\r\n        }\r\n      </Node>\r\n    );\r\n  }\r\n  private _updateCategoryImage=(categoryImageSrc:string,linkText:string) => ()=> {\r\n    this.setState({\r\n      categoryImage: categoryImageSrc !==''? categoryImageSrc :'empty',\r\n      categoryImageAltText:linkText\r\n     });\r\n }\r\n  private _handleDropdownToggle = (data: IMenuItemData, parentId?: number) => () => {\r\n    if (!this.props.isMobileView) {\r\n      this.setState({\r\n        activeMenu: (this.state.activeMenu && this.state.activeMenu === data.id!) ? undefined : data.id!,\r\n        parentMenu: parentId\r\n      });\r\n      if(this.props.showCategoryImage) {\r\n        this._updateCategoryImage(data.imageSource!,data.linkText!)();\r\n      }\r\n    } else {\r\n      NavigationMenuView.isBackTrack = false;\r\n      this.setState({\r\n        activeMenu: data.id,\r\n        mobileViewLabelText: data.linkText!,\r\n        parentMenu: parentId\r\n      });\r\n    }\r\n\r\n    this._resetFocus();\r\n  };\r\n\r\n  private _handleGoBack = () => () => {\r\n    NavigationMenuView.isBackTrack = true;\r\n    this.setState({ activeMenu: this.state.parentMenu});\r\n\r\n    this._resetFocus();\r\n  };\r\n\r\n  private _resetFocus = () => {\r\n    if (this.props.isMobileView) {\r\n      setTimeout(() => {\r\n        this.menuNode && this.menuNode.current && this.menuNode.current.focus();\r\n      },         0);\r\n    }\r\n  }\r\n\r\n  // tslint:disable-next-line:no-any\r\n  private _handleClickOutside = (event: any) => {\r\n    if (this.menuNode.current && !this.menuNode.current.contains(event.target)) {\r\n      this.setState(\r\n          {\r\n              activeMenu:undefined,\r\n              mobileViewLabelText: '',\r\n              categoryImage:null\r\n            }\r\n          );\r\n    }\r\n  };\r\n\r\n  private _closeSubmenu():void {\r\n    if (!this.props.isMobileView) {\r\n      this.setState({activeMenu:undefined,categoryImage:null,mobileViewLabelText: ''});\r\n    }\r\n  }\r\n  private _getCategoryImage=(categoryImage:string,alttext:string):React.ReactNode|null => {\r\n\r\n    const categoryImageUrl = generateImageUrl(`${categoryImage}`, this.props.context.actionContext.requestContext.apiSettings);\r\n    const defaultImageSettings: IImageSettings = {\r\n        viewports: {\r\n            xs: { q: 'w=300&h=250&m=8', w: 0, h: 0 },\r\n            sm: { q: 'w=300&h=250&m=8', w: 0, h: 0 },\r\n            md: { q: 'w=300&h=250&m=8', w: 0, h: 0 },\r\n            lg: { q: 'w=300&h=250&m=8', w: 0, h: 0 }\r\n        },\r\n        lazyload: true\r\n    };\r\n    if(categoryImageUrl !== undefined) {\r\n        const ImageData:IImageData = {src:categoryImageUrl};\r\n        return (\r\n            <Image\r\n                className='ms-nav-image__item'\r\n                {...ImageData}\r\n                gridSettings={this.props.context.request.gridSettings!}\r\n                imageSettings={this.props.config.categoryImageSettings || defaultImageSettings}\r\n                loadFailureBehavior='hide'\r\n                role='tabpanel'\r\n                id={`categoryImageTag__categoryImage`}\r\n                altText={alttext}\r\n            />\r\n        );\r\n    }\r\n    return null;\r\n  }\r\n}\r\n\r\nexport default NavigationMenuView;","/**\r\n * Copyright (c) Microsoft Corporation\r\n * All rights reserved. See License.txt in the project root for license information.\r\n * ICittaNavigationMenu contentModule Interface Properties\r\n * THIS FILE IS AUTO-GENERATED - MANUAL MODIFICATIONS WILL BE LOST\r\n */\r\n\r\nimport * as Msdyn365 from '@msdyn365-commerce/core';\r\n\r\nexport const enum navigationMenuSource {\r\n    retailServerOnly = 'retailServerOnly',\r\n    cmsOnly = 'cmsOnly',\r\n    all = 'all'\r\n}\r\n\r\nexport interface ICittaNavigationMenuConfig extends Msdyn365.IModuleConfig {\r\n    categoryImageSettings?: Msdyn365.IImageSettings;\r\n    displayCategoryImage?: boolean;\r\n    navigationMenuSource?: navigationMenuSource;\r\n    enableMultilevelMenu?: boolean;\r\n    menuLevelSupport?: number;\r\n    enabletopMenu?: boolean;\r\n    rootMenuNavigation?: string;\r\n    cmsNavItems?: ICmsNavItemsData[];\r\n    className?: string;\r\n}\r\n\r\nexport interface ICittaNavigationMenuResources {\r\n    menuAriaLabel: string;\r\n    backButtonAriaLabel: string;\r\n    allCategoryMenuText: string;\r\n}\r\n\r\nexport interface ICmsNavItemsData {\r\n    linkText?: string;\r\n    linkUrl?: Msdyn365.ILinkData;\r\n    image?: Msdyn365.IImageData;\r\n    imageLink?: Msdyn365.ILinkData;\r\n    ariaLabel?: string;\r\n    openInNewTab?: boolean;\r\n    subMenus?: ISubMenusData[];\r\n}\r\n\r\nexport interface ISubMenusData {\r\n    linkText?: string;\r\n    linkUrl: Msdyn365.ILinkData;\r\n    ariaLabel?: string;\r\n    image?: Msdyn365.IImageData;\r\n    imageLink?: Msdyn365.ILinkData;\r\n    subMenus?: ISubMenusData[];\r\n}\r\n\r\nexport interface ISubMenusData {\r\n    linkText?: string;\r\n    linkUrl: Msdyn365.ILinkData;\r\n    ariaLabel?: string;\r\n    image?: Msdyn365.IImageData;\r\n    imageLink?: Msdyn365.ILinkData;\r\n}\r\n\r\nexport interface ICittaNavigationMenuProps<T> extends Msdyn365.IModule<T> {\r\n    resources: ICittaNavigationMenuResources;\r\n    config: ICittaNavigationMenuConfig;\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/* eslint-disable no-duplicate-imports */\r\nimport { getCategoryUrl } from '@msdyn365-commerce-modules/retail-actions';\r\nimport { addThrottledEvent, IModuleProps,  INodeProps } from '@msdyn365-commerce-modules/utilities';\r\nimport { CategoryHierarchy } from '@msdyn365-commerce/commerce-entities';\r\nimport { IActionContext, IGridSettings, IImageSettings, isEmptyOrNullObject} from '@msdyn365-commerce/core';\r\nimport { TextValueTranslation } from '@msdyn365-commerce/retail-proxy';\r\nimport classnames from 'classnames';\r\nimport { computed, observable } from 'mobx';\r\nimport * as React from 'react';\r\nimport { IMenuItemData, ICittaNavigationMenuData } from './citta-navigation-menu.data';\r\nimport { ICmsNavItemsData, ICittaNavigationMenuProps, ISubMenusData, navigationMenuSource } from './citta-navigation-menu.props.autogenerated';\r\n\r\nexport interface  INavigationMenuViewProps extends ICittaNavigationMenuProps<ICittaNavigationMenuData> {\r\n    className: string;\r\n    menuItemData: IMenuItemData[];\r\n    Navigation: IModuleProps;\r\n    MenuList: INodeProps;\r\n    ListItem: INodeProps;\r\n    Link: INodeProps;\r\n    Button: INodeProps;\r\n    Span: INodeProps;\r\n    ImageContainer:INodeProps;\r\n    MobileDescriptionContainer:INodeProps;\r\n    MobileBackButton:INodeProps;\r\n    MobileDescriptionLabel:INodeProps;\r\n    imageSettings: IImageSettings;\r\n    gridSettings: IGridSettings;\r\n    isMobileView: boolean;\r\n    DivContainer?:INodeProps;\r\n    ImageDivContainer?:INodeProps;\r\n    showCategoryImage?:boolean;\r\n}\r\n\r\nexport type GridSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\r\n\r\nexport interface INavigationMenuState {\r\n    isMobile: boolean;\r\n}\r\n\r\n/**\r\n *\r\n * NavigationMenu component\r\n * @extends {React.PureComponent<ICittaNavigationMenuProps<ICittaNavigationMenuData>>}\r\n */\r\nclass NavigationMenu extends React.PureComponent<ICittaNavigationMenuProps<ICittaNavigationMenuData>, INavigationMenuState> {\r\n    private static CMSItemIdInit: number = 1000;\r\n    private static RSItemIdInit: number = 5000;\r\n    private resizeThrottledEventHandler?: (event: Event) => void;\r\n    private menuItemList: IMenuItemData[];\r\n    private isRetail: boolean = true;\r\n    private isCMS: boolean = true;\r\n    @observable\r\n    private viewport: GridSize;\r\n    public static getFriendlyName(locale: string, nameTranslations?: TextValueTranslation[]): string | undefined {\r\n        let nameTranslation: TextValueTranslation | undefined;\r\n        if (locale && nameTranslations && nameTranslations.length > 0) {\r\n            nameTranslation = nameTranslations.find(item => item.Language!.toLowerCase() === locale.toLowerCase());\r\n        }\r\n\r\n        return nameTranslation && nameTranslation.Text;\r\n    }\r\n\r\n    constructor(props: ICittaNavigationMenuProps<ICittaNavigationMenuData>) {\r\n        super(props);\r\n        this._updateViewport = this._updateViewport.bind(this);\r\n        this.viewport = props.context.request && props.context.request.device && props.context.request.device.Type === 'Mobile' ? 'xs' : 'lg';\r\n        this._setNavigationSource(this.props.config && this.props.config.navigationMenuSource);\r\n        this.state = {isMobile: this.isMobile};\r\n        this.menuItemList = [];\r\n    }\r\n\r\n    @computed get isMobile(): boolean {\r\n        return (this.viewport === 'xs' || this.viewport === 'sm');\r\n    }\r\n\r\n    public componentDidMount(): void {\r\n        this.resizeThrottledEventHandler =\r\n        window && addThrottledEvent(window, 'resize', this._updateViewport as EventListener);\r\n        this._updateViewport();\r\n    }\r\n\r\n    public componentWillUnmount(): void {\r\n        window && window.removeEventListener('resize', this.resizeThrottledEventHandler!, false);\r\n    }\r\n\r\n    public render(): JSX.Element | null {\r\n        this.menuItemList =  this._mapData();\r\n        if (isEmptyOrNullObject(this.props.data)) {\r\n            this.props.telemetry.error('Navigatiomenu returned null');\r\n            return null;\r\n        }\r\n\r\n        const defaultImageSettings: IImageSettings = {\r\n            viewports: {\r\n                xs: { q: `w=224&h=300&m=6`, w: 0, h: 0 },\r\n                xl: { q: `w=224&h=300&m=6`, w: 0, h: 0 }\r\n            },\r\n            lazyload: true\r\n        };\r\n\r\n        const viewProps = {\r\n            ...this.props,\r\n            ...this.state,\r\n            imageSettings: defaultImageSettings,\r\n            gridSettings: this.props.context.request.gridSettings,\r\n            Navigation: {\r\n                moduleProps: this.props,\r\n                className: classnames('ms-nav', this.props.config.className, this.state.isMobile ? 'mobile-vp' : 'desktop-vp'),\r\n                tag:'nav',\r\n                role:'navigation',\r\n                'aria-label': this.props.resources.menuAriaLabel\r\n            },\r\n            MenuList: {\r\n                className: 'ms-nav__list',\r\n                tag:'ul',\r\n                role: 'menu'\r\n            },\r\n            ListItem: {\r\n                className: 'ms-nav__list__item',\r\n                role: 'presentation',\r\n                tag:'li'\r\n            },\r\n            showCategoryImage:this.props.config.displayCategoryImage||false,\r\n            Link: {\r\n                tag: 'a',\r\n                className: 'ms-nav__list__item__link',\r\n                role: 'menuitem'\r\n            },\r\n            DivContainer:\r\n            {\r\n                tag: 'div',\r\n                className:'ms-nav__feature',\r\n                role:'menuitem'\r\n            },\r\n            ImageDivContainer:\r\n            {\r\n                tag:'div',\r\n                className:'category-image',\r\n                role:'tabpanel'\r\n            },\r\n            Button: {\r\n                className: 'ms-nav__list__item__button',\r\n                tag:'button',\r\n                role:'menuitem',\r\n                onClick:this.props\r\n            },\r\n            ImageContainer: {\r\n                className: 'ms-nav__list__item__image'\r\n            },\r\n            Span: {\r\n                className: 'ms-nav__list__item__span',\r\n                tag:'span'\r\n            },\r\n            MobileDescriptionContainer: {\r\n                className: 'ms-nav__list__mobile__container'\r\n            },\r\n            MobileBackButton: {\r\n                className: 'ms-nav__list__mobile__container__button',\r\n                tag:'button',\r\n                'aria-label': this.props.resources.backButtonAriaLabel,\r\n                onClick:this.props\r\n            },\r\n            MobileDescriptionLabel: {\r\n                className: 'ms-nav__list__mobile__container__span',\r\n                tag:'span'\r\n            },\r\n            isMobileView: this.state.isMobile,\r\n            menuItemData: this.menuItemList,\r\n            className: classnames('ms-nav', this.props.config.className)\r\n        };\r\n\r\n        return this.props.renderView(viewProps) as React.ReactElement;\r\n    }\r\n\r\n    private _mapData(): IMenuItemData[] {\r\n        const { data, config } = this.props;\r\n        const mergedData: IMenuItemData[] = [];\r\n        if (this.isRetail && data && data.categories && data.categories.result && data.categories.result.length > 0) {\r\n            data.categories.result.map((item: CategoryHierarchy,index) => (\r\n                mergedData.push(this._constructMenuItemData(item, undefined, true,index,true))\r\n            ));\r\n        }\r\n\r\n        if (this.isCMS && config.cmsNavItems &&  config.cmsNavItems.length > 0) {\r\n            config.cmsNavItems.map((item: ICmsNavItemsData, idx: number) => (\r\n                mergedData.push(this._constructMenuItemData(undefined, item, false, idx+1))\r\n            ));\r\n        }\r\n        return this._constructTopMenuItemData(mergedData);\r\n    }\r\n    private _constructTopMenuItemData(mergedData:IMenuItemData[]):IMenuItemData[] {\r\n        const enableTopLevelMenu = this.props.config.enabletopMenu||false;\r\n        if(!enableTopLevelMenu) {\r\n            return mergedData;\r\n        }\r\n        const mergedRootMenuData: IMenuItemData[] = [];\r\n        const topMenu = {\r\n            id:1,\r\n            linkText:this.props.config.rootMenuNavigation||'...',\r\n            linkURL:'#',\r\n            imageSource:undefined,\r\n            subMenu: mergedData\r\n        } as IMenuItemData;\r\n        mergedRootMenuData.push(topMenu);\r\n\r\n        return mergedRootMenuData;\r\n    }\r\n    // tslint:disable-next-line: cyclomatic-complexity\r\n    private _constructMenuItemData(retailItem?: CategoryHierarchy, cmsItem?: ICmsNavItemsData, isRetail?: boolean, idx?: number,addedAllMenu?:boolean): IMenuItemData {\r\n        const locale = this.props.context && this.props.context.request && this.props.context.request.locale ? this.props.context.request.locale : 'en-us';\r\n        const imageSouce  = retailItem && retailItem.Images && retailItem.Images[0].Uri ? retailItem.Images[0].Uri: 'empty';\r\n        if (isRetail) {\r\n            return {\r\n                id: NavigationMenu.RSItemIdInit++,\r\n                linkText: NavigationMenu.getFriendlyName(locale, retailItem && retailItem.NameTranslations) || '',\r\n                linkURL: retailItem && retailItem.Url,\r\n                imageSource: imageSouce,\r\n                subMenu: this._getNestedChildren(retailItem,imageSouce,addedAllMenu)\r\n            } as IMenuItemData;\r\n        } else {\r\n            return {\r\n                id: NavigationMenu.CMSItemIdInit++,\r\n                linkText: cmsItem && cmsItem.linkText || '',\r\n                linkURL: cmsItem && cmsItem.linkUrl && cmsItem.linkUrl.destinationUrl || '',\r\n                imageDestinationURL: cmsItem && cmsItem.imageLink && cmsItem.imageLink.destinationUrl || '',\r\n                imageSource: cmsItem && cmsItem.image && cmsItem.image.src || '',\r\n                subMenu: this._getCMSNestedChildren(cmsItem)\r\n            } as IMenuItemData;\r\n        }\r\n    }\r\n    private _getNestedChildren(category?: CategoryHierarchy,imageSourceUrl?:string,addedAllMenu:boolean=false): IMenuItemData[] {\r\n        const nestedChildren: IMenuItemData[] = [];\r\n        if (!category || !category.Children || !category.Children.length) {\r\n            return [];\r\n        }\r\n        if(!this.props.config.enabletopMenu && addedAllMenu) {\r\n            nestedChildren.push({linkText: this.props.resources.allCategoryMenuText,imageSource:imageSourceUrl,linkURL: getCategoryUrl(category, this.props.context as unknown as IActionContext, {}) });\r\n        }\r\n        category.Children.map((item: CategoryHierarchy,index) => {\r\n            nestedChildren.push(this._constructMenuItemData(item, undefined, true,index,false));\r\n        });\r\n        return nestedChildren;\r\n    }\r\n\r\n    private _getCMSNestedChildren(category?: ICmsNavItemsData): IMenuItemData[] {\r\n        const nestedChildren: IMenuItemData[] = [];\r\n\r\n        if (!category || !category.subMenus || !category.subMenus.length) {\r\n            return [];\r\n        }\r\n\r\n        category.subMenus.map((item: ISubMenusData, idx: number) => {\r\n            nestedChildren.push(this._constructMenuItemData(undefined, item, false, idx));\r\n        });\r\n        return nestedChildren;\r\n    }\r\n\r\n    private _setNavigationSource = (sourceType?: navigationMenuSource): void => {\r\n        switch(sourceType) {\r\n            case navigationMenuSource.retailServerOnly:\r\n                this.isRetail = true;\r\n                this.isCMS = false;\r\n                break;\r\n            case navigationMenuSource.cmsOnly:\r\n                this.isRetail = false;\r\n                this.isCMS = true;\r\n                break;\r\n            case navigationMenuSource.all:\r\n                this.isRetail = true;\r\n                this.isCMS = true;\r\n                break;\r\n            default:\r\n        }\r\n    }\r\n\r\n    private _updateViewport(): void {\r\n        this.viewport = this._getViewport();\r\n        this.setState({ isMobile: this.isMobile });\r\n    }\r\n\r\n    private _getViewport(): GridSize {\r\n        const { context } = this.props;\r\n\r\n        // always render in mobile viewport on a mobile device\r\n        if (context.request && context.request.device && context.request.device.Type === 'Mobile') {\r\n            return 'xs';\r\n        }\r\n\r\n        if (typeof window !== undefined && window.innerWidth) {\r\n            const gridSettings = context.request.gridSettings;\r\n            if (gridSettings) {\r\n                if (gridSettings.xs && window.innerWidth <= gridSettings.xs.w) {\r\n                    return 'xs';\r\n                } else if (gridSettings.sm && window.innerWidth <= gridSettings.sm.w) {\r\n                    return 'sm';\r\n                } else if (gridSettings.md && window.innerWidth <= gridSettings.md.w) {\r\n                    return 'md';\r\n                } else if (gridSettings.lg && window.innerWidth <= gridSettings.lg.w) {\r\n                    return 'lg';\r\n                } else {\r\n                    return 'xl';\r\n                }\r\n            }\r\n        }\r\n\r\n        return 'xs';\r\n    }\r\n}\r\n\r\nexport default NavigationMenu;\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\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 { ITileListItemViewProps } from './citta-tile-list-item';\r\n\r\n/**\r\n *\r\n * ITileListItemViewProps component.\r\n * @param props - Component props.\r\n * @returns TileListView.\r\n */\r\nconst renderTileListItemContent = (props: ITileListItemViewProps): JSX.Element => {\r\n    const {\r\n        heading,\r\n        paragraph,\r\n        backgroundImage,\r\n        links,\r\n        thumbnailImage,\r\n        tileListContainer,\r\n        tileListImageContainer,\r\n        tileListThumbnailImageContainer,\r\n        tileListHeadingContainer\r\n    } = props;\r\n\r\n    return (\r\n        <Node {...tileListContainer}>\r\n            <Node {...tileListImageContainer}>{backgroundImage}</Node>\r\n            <Node {...tileListHeadingContainer}>\r\n                {heading}\r\n                {paragraph}\r\n                {links}\r\n            </Node>\r\n            <Node {...tileListThumbnailImageContainer}>{thumbnailImage}</Node>\r\n        </Node>\r\n    );\r\n};\r\n\r\n/**\r\n *\r\n * TileListItemViewProps component.\r\n * @param props - Component props.\r\n * @returns TileListView.\r\n */\r\nexport const TileListItemViewComponent: React.FC<ITileListItemViewProps> = props => {\r\n    const { tileListItem } = props;\r\n    return <Module {...tileListItem}>{renderTileListItemContent(props)}</Module>;\r\n};\r\n\r\nexport default TileListItemViewComponent;\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\n\r\n/* eslint-disable no-duplicate-imports */\r\nimport * as Msdyn365 from '@msdyn365-commerce/core';\r\nimport { ArrayExtensions } from '@msdyn365-commerce-modules/retail-actions';\r\nimport { getPayloadObject, getTelemetryAttributes, ITelemetryContent, onTelemetryClick } from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\n\r\nimport { ILinksData } from '../citta-tile-list-item.props.autogenerated';\r\n\r\n/**\r\n * Tile List links.\r\n */\r\nexport interface ITileListLinks {\r\n    links: ILinksData[];\r\n    requestContext: Msdyn365.IRequestContext;\r\n    telemetryContent: ITelemetryContent;\r\n    onTextChange?(index: number): (event: Msdyn365.ContentEditableEvent) => void;\r\n}\r\n\r\n/**\r\n *\r\n * ITileListLinks component.\r\n * @extends {React.PureComponent<ITileListLinks>}\r\n */\r\nexport class TileListLinks extends React.PureComponent<ITileListLinks> {\r\n    public render(): JSX.Element {\r\n        const editableLinks = this._mapEditableLinks(this.props.links);\r\n        return (\r\n            <div className='ms-tile-list__links'>\r\n                {editableLinks && ArrayExtensions.hasElements(editableLinks) ? (\r\n                    <Msdyn365.Links\r\n                        links={editableLinks}\r\n                        editProps={{ onTextChange: this.props.onTextChange, requestContext: this.props.requestContext }}\r\n                    />\r\n                ) : null}\r\n            </div>\r\n        );\r\n    }\r\n\r\n    /**\r\n     * ITileListLinks component.\r\n     * @param linkdata - Link data.\r\n     * @returns Editable links.\r\n     */\r\n    private readonly _mapEditableLinks = (linkdata: ILinksData[]): Msdyn365.ILinksData[] | null => {\r\n        if (!ArrayExtensions.hasElements(linkdata)) {\r\n            return null;\r\n        }\r\n        const editableLinks: Msdyn365.ILinksData[] = [];\r\n        for (const link of linkdata) {\r\n            // Construct telemetry attribute to render\r\n            const payLoad = getPayloadObject('click', this.props.telemetryContent, '', '');\r\n            const linkText = link.linkText ? link.linkText : '';\r\n            payLoad.contentAction.etext = linkText;\r\n            const attributes = getTelemetryAttributes(this.props.telemetryContent, payLoad);\r\n            const editableLink: Msdyn365.ILinksData = {\r\n                ariaLabel: link.ariaLabel,\r\n                className: 'ms-tile-list__link',\r\n                linkText: link.linkText,\r\n                linkUrl: link.linkUrl.destinationUrl,\r\n                openInNewTab: link.openInNewTab,\r\n                role: 'button',\r\n                additionalProperties: attributes,\r\n                onClick: onTelemetryClick(this.props.telemetryContent, payLoad, linkText)\r\n            };\r\n            editableLinks.push(editableLink);\r\n        }\r\n\r\n        return editableLinks;\r\n    };\r\n}\r\nexport default TileListLinks;\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\n\r\n/* eslint-disable no-duplicate-imports */\r\nimport * as Msdyn365 from '@msdyn365-commerce/core';\r\nimport { ArrayExtensions, StringExtensions } from '@msdyn365-commerce-modules/retail-actions';\r\nimport { getTelemetryObject, IModuleProps, INodeProps, ITelemetryContent, NodeTag } from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\n\r\nimport { TileListLinks } from './components';\r\nimport { IHeadingData, ICittaTileListItemProps } from './citta-tile-list-item.props.autogenerated';\r\n\r\n/**\r\n * Tile-list-item view props.\r\n */\r\nexport interface ITileListItemViewProps extends ICittaTileListItemProps<{}> {\r\n    heading?: React.ReactNode;\r\n    paragraph?: React.ReactNode;\r\n    links?: React.ReactNode;\r\n    backgroundImage?: React.ReactNode;\r\n    thumbnailImage?: React.ReactNode;\r\n    tileListItem: IModuleProps;\r\n    tileListContainer: INodeProps;\r\n    tileListImageContainer: INodeProps;\r\n    tileListThumbnailImageContainer: INodeProps;\r\n    tileListHeadingContainer: INodeProps;\r\n}\r\n\r\n/**\r\n *\r\n * TileListItem component.\r\n * @extends {React.PureComponent<ICittaTileListItemProps<{}>>}\r\n */\r\nexport class TileListItem extends React.PureComponent<ICittaTileListItemProps<{}>> {\r\n    private readonly _telemetryContent: ITelemetryContent = getTelemetryObject(\r\n        this.props.context.request.telemetryPageName!,\r\n        this.props.friendlyName,\r\n        this.props.telemetry\r\n    );\r\n\r\n    public constructor(props: ICittaTileListItemProps<{}>) {\r\n        super(props);\r\n    }\r\n\r\n    public render(): JSX.Element {\r\n        const { heading, paragraph, backgroundImage, thumbnailImage, redirectionUrl, links } = this.props.config;\r\n        const tileListLinks = links && ArrayExtensions.hasElements(links) && (\r\n            <TileListLinks\r\n                links={links}\r\n                onTextChange={this.handleLinkTextChange}\r\n                requestContext={this.props.context.request}\r\n                telemetryContent={this._telemetryContent}\r\n            />\r\n        );\r\n        const tileListLinkContainer = {\r\n            tag: 'a' as NodeTag,\r\n            className: 'ms-tile-list-container',\r\n            role: 'link',\r\n            href: redirectionUrl?.linkUrl.destinationUrl,\r\n            'aria-label': redirectionUrl?.ariaLabel\r\n        };\r\n\r\n        const tileListButtonContainer = {\r\n            tag: 'button' as NodeTag,\r\n            className: 'ms-tile-list-container'\r\n        };\r\n        const viewProps: ITileListItemViewProps = {\r\n            ...this.props,\r\n            heading: this._createHeading(heading),\r\n            paragraph: this._createParagraph(paragraph),\r\n            backgroundImage: this._renderBackgroundImage(backgroundImage),\r\n            thumbnailImage: this._renderThumbnailImage(thumbnailImage),\r\n            links: tileListLinks,\r\n            tileListItem: {\r\n                moduleProps: this.props,\r\n                className: ''\r\n            },\r\n            tileListContainer: redirectionUrl ? tileListLinkContainer : tileListButtonContainer,\r\n            tileListImageContainer: {\r\n                className: 'ms-tile-list__image'\r\n            },\r\n            tileListThumbnailImageContainer: {\r\n                className: 'ms-tile-list__thumbnail_image',\r\n                'aria-hidden': 'true'\r\n            },\r\n            tileListHeadingContainer: {\r\n                className: 'ms-tile-list__heading'\r\n            }\r\n        };\r\n\r\n        return this.props.renderView(viewProps) as React.ReactElement;\r\n    }\r\n\r\n    /**\r\n     * Handles heading content change event.\r\n     * @param event - Content editable event.\r\n     */\r\n    public handleHeadingChange = (event: Msdyn365.ContentEditableEvent): void => {\r\n        this.props.config.heading!.text = event.target.value;\r\n    };\r\n\r\n    /**\r\n     * Handles paragraph content change event.\r\n     * @param event - Content editable event.\r\n     */\r\n    public handleParagraphChange = (event: Msdyn365.ContentEditableEvent): void => {\r\n        this.props.config.paragraph = event.target.value;\r\n    };\r\n\r\n    /**\r\n     * Handles paragraph content change event.\r\n     * @param linkIndex - Index of link in linkarray.\r\n     * @returns Void.\r\n     */\r\n    public handleLinkTextChange = (linkIndex: number) => (event: Msdyn365.ContentEditableEvent): void => {\r\n        if (this.props.config.links?.[Number(linkIndex)]) {\r\n            this.props.config.links[Number(linkIndex)].linkText = event.target.value;\r\n        }\r\n    };\r\n\r\n    private _createParagraph(text?: Msdyn365.RichText): React.ReactNode | null {\r\n        if (!text) {\r\n            return null;\r\n        }\r\n        return (\r\n            <Msdyn365.RichTextComponent\r\n                text={text}\r\n                className='ms-tile-list__text'\r\n                editProps={{ onEdit: this.handleParagraphChange, requestContext: this.props.context.request }}\r\n            />\r\n        );\r\n    }\r\n\r\n    private _createHeading(heading?: IHeadingData): React.ReactNode | null {\r\n        if (!heading) {\r\n            return null;\r\n        }\r\n        if (StringExtensions.isNullOrWhitespace(heading.text)) {\r\n            return null;\r\n        }\r\n\r\n        return (\r\n            <Msdyn365.Text\r\n                tag={heading.tag ?? 'h1'}\r\n                text={heading.text}\r\n                className='ms-tile-list__title'\r\n                editProps={{ onEdit: this.handleHeadingChange, requestContext: this.props.context.request }}\r\n            />\r\n        );\r\n    }\r\n\r\n    private _renderBackgroundImage(item?: Msdyn365.IImageData, isAriaHiddenAttribute?: boolean): React.ReactNode | null {\r\n        // If image is null, we want to render the placeholder SVG - by passing image data with empty src\r\n\r\n        const defaultImageSettings: Msdyn365.IImageSettings = {\r\n            viewports: {\r\n                xs: { q: 'w=500&h=500&m=6', w: 500, h: 500 },\r\n                sm: { q: 'w=600&h=600&m=6', w: 600, h: 600 },\r\n                md: { q: 'w=700&h=700&m=6', w: 700, h: 700 },\r\n                lg: { q: 'w=800&h=800&m=6', w: 800, h: 800 },\r\n                xl: { q: 'w=900&h=900&m=6', w: 900, h: 900 }\r\n            },\r\n            lazyload: true\r\n        };\r\n        const verifiedImageSettings = item?.imageSettings?.viewports ? item.imageSettings : defaultImageSettings;\r\n\r\n        return (\r\n            <Msdyn365.Image\r\n                {...item}\r\n                requestContext={this.props.context.request}\r\n                gridSettings={this.props.context.request.gridSettings!}\r\n                imageSettings={verifiedImageSettings}\r\n                loadFailureBehavior='default'\r\n                aria-hidden={isAriaHiddenAttribute}\r\n                editProps={{\r\n                    key: this.props.config.backgroundImage ?? {},\r\n                    requestContext: this.props.context.request,\r\n                    moduleType: this.props.typeName,\r\n                    imagePropertyName: 'image'\r\n                }}\r\n            />\r\n        );\r\n    }\r\n\r\n    private _renderThumbnailImage(\r\n        item?: Msdyn365.IImageData,\r\n        itemImageSettings?: Msdyn365.IImageSettings,\r\n        isAriaHiddenAttribute?: boolean\r\n    ): React.ReactNode | null {\r\n        if (!item) {\r\n            return null;\r\n        }\r\n        if (StringExtensions.isNullOrWhitespace(item.src)) {\r\n            return null;\r\n        }\r\n\r\n        return (\r\n            <Msdyn365.Image\r\n                {...item}\r\n                gridSettings={this.props.context.request.gridSettings!}\r\n                imageSettings={itemImageSettings}\r\n                loadFailureBehavior='default'\r\n                aria-hidden={isAriaHiddenAttribute}\r\n                editProps={{\r\n                    key: this.props.config.thumbnailImage ?? {},\r\n                    requestContext: this.props.context.request,\r\n                    moduleType: this.props.typeName,\r\n                    imagePropertyName: 'image',\r\n                    // eslint-disable-next-line max-len -- Auto-suppressed.\r\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment -- Auto-suppressed.\r\n                    layout: (this.props.config as any).msdyn365__moduleLayout\r\n                }}\r\n            />\r\n        );\r\n    }\r\n}\r\n\r\nexport default TileListItem;\r\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 { IContentBlockAdditionalContentItemViewProps, IContentBlockAdditionalContentViewProps } from './components/additional-content';\nimport { IContentBlockViewProps } from './content-block';\n\n/**\n * Render Additional Content.\n * @param additionalContent - Additional content view props.\n * @returns JSX Element.\n */\nconst renderAdditionalContent = (additionalContent: IContentBlockAdditionalContentViewProps) => {\n    return (\n        <Node {...additionalContent.additionalContentNode}>\n            {additionalContent.additionalContentItems?.map((item: IContentBlockAdditionalContentItemViewProps) => {\n                return (\n                    <>\n                        {item.heading}\n                        <Node {...item.additionalContentItemContainer}>\n                            {item.text}\n                            <Node {...item.additionalContentItemLinks}>{item.links}</Node>\n                        </Node>\n                    </>\n                );\n            })}\n        </Node>\n    );\n};\n\nconst ContentBlockView: React.FC<IContentBlockViewProps> = props => {\n    const {\n        contentBlockContainer,\n        imageContainer,\n        detailsContainer,\n        title,\n        text,\n        links,\n        image,\n        contentBlockAnchorTag,\n        imageLink,\n        imageAriaLabel,\n        additionalContent\n    } = props;\n\n    if (imageLink) {\n        return (\n            <Module {...contentBlockContainer}>\n                <Node\n                    {...contentBlockAnchorTag}\n                    href={imageLink}\n                    className={contentBlockAnchorTag ? contentBlockAnchorTag.className : ''}\n                    aria-label={imageAriaLabel}\n                >\n                    <Node {...imageContainer}>{image}</Node>\n                </Node>\n                <Node {...detailsContainer}>\n                    {title}\n                    {text}\n                    {links}\n                    {additionalContent && renderAdditionalContent(additionalContent)}\n                </Node>\n            </Module>\n        );\n    }\n    return (\n        <Module {...contentBlockContainer}>\n            <Node {...imageContainer}>{image}</Node>\n            <Node {...detailsContainer}>\n                {title}\n                {text}\n                {links}\n                {additionalContent && renderAdditionalContent(additionalContent)}\n            </Node>\n        </Module>\n    );\n};\n\nexport default ContentBlockView;\n"],"sourceRoot":""}