{"version":3,"sources":["webpack:///src/modules/header/header.view.tsx?40e5","webpack:///src/modules/header/components/header-preferred-store.tsx?9138","webpack:///src/modules/header/components/logo.tsx?be23","webpack:///src/modules/header/components/nav-icon.tsx?49a1","webpack:///src/modules/header/header.tsx?4703","webpack:///src/store-selector-state-manager/base-store-selector-state-manager.ts?edbe","webpack:///src/store-selector-state-manager/map-store-selector-state-manager.ts?d1f8","webpack:///src/store-selector-state-manager/store-selector-state-manager-data-action.ts?22fb","webpack:///./lib/header/module-registration.js?4d67","webpack:///./src/themes/dobbies/views/header.view.tsx?bc93","webpack:///./src/modules/dobbies-add-product-to-cart/components/add-product-to-cart.tsx?d9c4","webpack:///src/modules/fabrikam/views/header.view.tsx?1cde","webpack:///external \"React\"?c481","webpack:///external \"ReactDOM\"?4b2d"],"names":["_renderReactFragment","items","React","length","map","slot","index","key","headerView","props","HeaderTag","HeaderContainer","HeaderTopBarContainer","MobileMenuContainer","MobileMenuBodyContainer","MobileMenuLinksContainer","Divider","Module","Object","Node","navIcon","logo","search","preferredStore","AccountInfoDropdownParentContainer","AccountInfoDropdownPopoverConentContainer","accountInfoDropdownButton","signOutLink","signInLink","accountLinks","link","context","telemetry","error","_renderDesktopAccountBlock","wishListIconDesktop","cartIcon","siteOptions","MobileMenuHeader","menuBar","wishListIconMobile","HeaderPreferredStore","constructor","modalCloseButtonRef","handleClick","this","_findPreferredStoreOnClick","render","data","storeSelectorStateManager","result","slots","resources","ArrayExtensions","hasElements","storeSelector","storeName","StoreName","headerPreferredStoreText","className","color","headerPreferredStoreAriaLabel","onClick","ref","modules","storeSelectorId","keys","id","openDialog","showMapViewLink","parentElementRef","onLocationSelected","orgUnitLocation","Promise","resolve","catch","message","debug","observer","Logo","super","payLoad","getPayloadObject","telemetryContent","TelemetryConstant","attributes","getTelemetryAttributes","_renderLogo","config","linkUrl","destinationUrl","href","ariaLabel","target","openInNewTab","undefined","_renderImage","Msdyn365","image","requestContext","gridSettings","imageSettings","viewports","xs","q","w","h","lg","lazyload","loadFailureBehavior","editProps","moduleType","typeName","imagePropertyName","shouldSkipToMainImage","NavIcon","Button","toggleNavBar","title","mobileHamburgerAriaLabel","isExpanded","targetId","Header","handleLinkTextChange","linkIndex","event","myAccountLinks","linkText","value","popOverRef","_toggleNavbar","bind","_togglePopover","_keydown","state","mobileMenuCollapsed","signinPopoverOpen","hasSigninerror","getTelemetryObject","request","telemetryPageName","friendlyName","customer","accountInformation","FirstName","Name","componentDidMount","MsDyn365","isBrowser","window","addEventListener","reaction","cart","user","signUpCustomerNotFoundTitle","signUpMultipleCustomerFoundTitle","closeNotificationLabel","signinNotificationError","_getSigninNotification","NotificationsManager","instance","addNotification","ErrorNotification","componentWillUnmount","removeEventListener","wishlists","cartLabel","cartQtyLabel","logoLink","logoImage","shouldShowWishlistCount","disableTooltip","app","headerToggleClass","headerClassName","classnames","cartIconSlot","_getSlot","menuBarSlot","searchSlot","wishlistCount","siteOptionsSlot","preferredStoreSlot","CommerceListLines","viewProps","WishListIconComponent","showButtonTooltip","wishlistTooltipText","wishlistCountLabel","isDispayWishlistCount","CartIconComponent","moduleProps","tag","Modal","isOpen","wrapClassName","toggle","ModalHeader","ModalBody","displayName","Popover","placement","_getSigninButton","_getSignOutButton","_getAccountInfoDropdownButton","_getAccountLinks","renderView","slotName","SignIn","signInLinkText","signInUrl","signInLinkAriaText","onTelemetryClick","SignOut","signOutLinkText","signOutUrl","signOutLinkAriaText","signUpCustomerNotFound","signUpMultipleCustomerFound","retailServerErrorCode","MyProfile","innerRef","cta","contentAction","etext","editableLink","role","additionalProperties","onTextChange","setState","keyCode","KeyCodes","Escape","__decorate","computed","BaseStoreSelectorStateManager","listMapViewState","displayList","displayMap","preferredStoreLocalStorageKey","isMapModuleLoaded","_readFromToCookie","storeInfo","JSON","parse","_context","input","storeId","selectedStoreLocationId","writeToCookie","StoreId","Latitude","Longitude","_writeToCookie","stringify","latitude","longitude","lastInlineShownStoreInfo","_removeCookie","Error","localStorage","removeItem","setItem","cookieValue","getItem","observable","action","MapStoreSelectorStateManager","SERVICE_ENDPOINT","MAP_API_ENDPOINT","searchTerm","actionContext","channel","BingMapsApiKey","BingMapsEnabled","searchContent","jsonp","crypto","getRandomValues","Uint32Array","ChannelCountryRegionISOCode","trim","query","encodeURI","geolocationApiUrl","requestUrl","script","document","createElement","setAttribute","remove","resourceSets","point","coordinates","body","appendChild","StringExtensions","isNullOrEmpty","getElementById","url","lang","market","reject","type","async","defer","src","mapAPIReady","isMapApiLoaded","createStoreSelectorStateInput","GenericInput","getGenericActionDataAction","createObservableDataAction","getGenericAction","inputData","binding","dataActions","registerSanitizedActionPath","sanitizedActionPath","dataAction","default","prototype","RegistrationId","c","require","$type","da","name","path","runOn","iNM","ns","n","p","pdp","md","__bindings__","viewDictionary","cn","getStoreLinkUrl","storeLinkUrl","getTierId","loyaltyCard","CardNumber","loyaltyGroup","LoyaltyGroups","highestActiveLoyaltyCardTier","HighestActiveLoyaltyCardTier","loyaltyCardTiers","LoyaltyCardTiers","_","loyaltyCardTier","entries","RecordId","TierId","clubPlusTierText","dobbiesClubLinkText","tierId","toLowerCase","_getAccountLinksForGuest","_getPopoverContainer","popOver","togglePopOver","_getUserAvatar","userOptionsMenuLabel","_getSignUpButton","isMobile","signUpUrl","signUpLinkNameforDesktop","signUpLinkNameforMobile","Fragment","cookies","searchTermString","hasOwnProperty","pageType","pageUrl","toString","isLoggedIn","useState","onlyBody","useEffect","tierName","set","TierType","ClubPlus","ClubPremium","Club","ClubPlusFreeTrial","createRef","showStoreTooltip","storeIconRef","storeLinkData","UncontrolledTooltip","trigger","toggleState","myAccountLinksBeforeLogin","greetingText","userOptionsDropDownContainer","userAvatar","onMouseEnter","onMouseLeave","promoBanner","dobbiesCTASection","vocab","typeof","property","content","concat","DobbiesProductAddToCart","itemAdded","setItemAdded","isAuthenticated","authenticationMessage","loadingDobbiesExperienceMessage","clubPremiumTierId","clubPlusTierId","clubPlusTrialTierId","loyaltyGroups","tier","clubPlusText","cartState","getCartState","lineItemIdsToRemove","productToAdd","activeCart","activeCartLine","CartLines","push","LineId","removeCartLines","cartLineIds","variantInput","SelectedVariantInput","getSelectedVariant","addProductToCart","product","count","enableStockCheck","checkoutLink","location","assign","loyaltyLink","loyaltyJoinLink","signinLink","Waiting","renderCustomerName","renderForMobile","accountClassName","_renderAccountBlock","Collapse","Drawer","openGlyph","closeGlyph","glyphPlacement","toggleButtonText","_renderMobileAccountBlock","_renderCollapseMenu","module","exports","ReactDOM"],"mappings":"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","file":"static/js/133.93b309c27144f599cfd4.chunk.js","sourcesContent":["/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { Module, Node } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { IHeaderViewProps } from './header';\n\nconst headerView: React.FC<IHeaderViewProps> = props => {\n    const {\n        HeaderTag,\n        HeaderContainer,\n        HeaderTopBarContainer,\n        MobileMenuContainer,\n        MobileMenuBodyContainer,\n        MobileMenuLinksContainer,\n        Divider\n    } = props;\n    return (\n        <Module {...HeaderTag}>\n            <Node {...HeaderContainer}>\n                <Node {...HeaderTopBarContainer}>\n                    {props.navIcon}\n                    {props.logo}\n                    {_renderReactFragment(props.search)}\n                    {props.preferredStore}\n                    {_renderDesktopAccountBlock(props)}\n                    {props.wishListIconDesktop}\n                    <Node {...Divider} />\n                    {props.cartIcon}\n                    {_renderReactFragment(props.siteOptions)}\n                </Node>\n                <Node {...MobileMenuContainer}>\n                    <Node {...MobileMenuBodyContainer}>\n                        { props.MobileMenuHeader }\n                        {_renderReactFragment(props.menuBar)}\n                        <Node {...MobileMenuLinksContainer}>\n                            { props.accountLinks ? props.accountLinks.map(link => link) : false }\n                            { props.siteOptions }\n                            { props.wishListIconMobile }\n                            { props.signInLink }\n                            { props.signOutLink }\n                        </Node>\n                    </Node>\n                </Node>\n                {_renderReactFragment(props.menuBar)}\n            </Node>\n        </Module>\n    );\n};\n\nfunction _renderDesktopAccountBlock(props: IHeaderViewProps): JSX.Element | null {\n    const {\n        AccountInfoDropdownParentContainer,\n        AccountInfoDropdownPopoverConentContainer,\n        accountInfoDropdownButton,\n        signOutLink,\n        signInLink,\n        accountLinks\n    } = props;\n\n    if (AccountInfoDropdownParentContainer) {\n        if (AccountInfoDropdownPopoverConentContainer) {\n            return (\n                <Node {...AccountInfoDropdownParentContainer}>\n                    {accountInfoDropdownButton}\n                    <Node {...AccountInfoDropdownPopoverConentContainer}>\n                        { accountLinks ? accountLinks.map(link => link) : false }\n                        {signOutLink}\n                    </Node>\n                </Node>\n            );\n        } else if (signInLink) {\n            return (\n                <Node {...AccountInfoDropdownParentContainer}>\n                    {signInLink}\n                </Node>\n            );\n        }\n    }\n    props.context.telemetry.error('Header content is empty, module wont render.');\n    return null;\n}\n\nfunction _renderReactFragment(items: React.ReactNode[]): JSX.Element | null {\n    return (\n        <>\n            {items && items.length > 0 ? items.map((slot: React.ReactNode, index: number) => {\n                return (<React.Fragment key={index}>\n                    {slot}\n                </React.Fragment>);\n            }) : null}\n        </>\n    );\n}\n\nexport default headerView;\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { ArrayExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { observer } from 'mobx-react';\nimport * as React from 'react';\n\nimport { IHeaderData } from '../header.data';\nimport { IHeaderProps } from '../header.props.autogenerated';\n\n/**\n * The header preferred store component.\n */\n@observer\nexport class HeaderPreferredStore extends React.PureComponent<IHeaderProps<IHeaderData>> {\n    private readonly modalCloseButtonRef: React.RefObject<HTMLButtonElement> = React.createRef();\n\n    /**\n     * Handle click on the store selector.\n     * @returns : Promise void.\n     */\n    public handleClick = () => {\n        return this._findPreferredStoreOnClick(this.props);\n    };\n\n    public render(): JSX.Element | undefined {\n        const {\n            data: {\n                storeSelectorStateManager: { result: storeSelectorStateManager }\n            },\n            slots,\n            resources\n        } = this.props;\n\n        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- slots can be undefined.\n        if (ArrayExtensions.hasElements(slots?.storeSelector)) {\n            const storeName = storeSelectorStateManager?.preferredStore &&\n                storeSelectorStateManager.preferredStore.StoreName ? storeSelectorStateManager.preferredStore.StoreName : resources.headerPreferredStoreText;\n\n            return (\n                <div className='ms-header__preferred-store-container'>\n                    <button\n                        className='ms-header__preferred-store-btn msc-btn' color='secondary' aria-label={resources.headerPreferredStoreAriaLabel}\n                        onClick={this.handleClick}\n                        ref={this.modalCloseButtonRef} >\n                        <span className='ms-header__preferred-store-text'>\n                            {storeName}\n                        </span>\n                    </button>\n                    {slots.storeSelector}\n                </div>\n            );\n        }\n\n        return undefined;\n    }\n\n    private async _findPreferredStoreOnClick(props: IHeaderProps<IHeaderData>): Promise<void> {\n        const { data: { storeSelectorStateManager: { result: storeSelectorStateManager } }, modules } = props;\n        if (!storeSelectorStateManager) {\n            return;\n        }\n        let storeSelectorId: string = '';\n        if (modules && Object.keys(modules).length > 0 && ArrayExtensions.hasElements(modules.storeSelector)) {\n            storeSelectorId = modules.storeSelector[0].id;\n        }\n        await storeSelectorStateManager.openDialog({\n            id: storeSelectorId,\n            showMapViewLink: true,\n            parentElementRef: this.modalCloseButtonRef,\n            onLocationSelected: orgUnitLocation => {\n                return Promise.resolve();\n            }\n        }).catch((error: Error) => {\n            if (props.telemetry) {\n                props.telemetry.error(error.message);\n                props.telemetry.debug('Unable to set preferred store');\n            }\n        });\n    }\n}\n\nexport default HeaderPreferredStore;\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport * as Msdyn365 from '@msdyn365-commerce/core';\nimport { getPayloadObject, getTelemetryAttributes, ITelemetryContent, TelemetryConstant } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nexport interface ILogoProps {\n    image: Msdyn365.IImageData;\n    gridSettings?: Msdyn365.IGridSettings;\n    link?: ILinkData;\n    className?: string;\n    telemetryContent?: ITelemetryContent;\n    requestContext: Msdyn365.IRequestContext;\n    typeName?: string;\n}\n\nexport interface ILinkData {\n    linkUrl: Msdyn365.ILinkData;\n    ariaLabel?: string;\n    openInNewTab?: boolean;\n    linkText?: string;\n}\n\n/**\n *\n * Logo component.\n * @extends {React.PureComponent<ILogoConfig>}\n */\nexport class Logo extends React.PureComponent<ILogoProps> {\n\n    private readonly attributes?: Msdyn365.IDictionary<string>;\n\n    constructor(props: ILogoProps) {\n        super(props);\n        const payLoad = getPayloadObject('click', props.telemetryContent!, TelemetryConstant.Logo);\n        this.attributes = getTelemetryAttributes(props.telemetryContent!, payLoad);\n    }\n\n    public render(): JSX.Element {\n        return (\n            <div className={this.props.className}>\n                {this._renderLogo(this.props)}\n            </div>\n        );\n    }\n\n    private _renderLogo(config: ILogoProps): JSX.Element {\n        if (config.link && config.link.linkUrl.destinationUrl) {\n            return (\n                <a\n                    href={config.link.linkUrl.destinationUrl}\n                    aria-label={config.link.ariaLabel}\n                    target={config.link.openInNewTab ? '_blank' : undefined}\n                    {...this.attributes}\n                >\n                    {this._renderImage(config)}\n                </a>\n            );\n        }\n        return (\n            this._renderImage(config)\n        );\n    }\n\n    private _renderImage(config: ILogoProps): JSX.Element {\n        const defaultImageSettings: Msdyn365.IImageSettings = {\n            viewports: {\n                xs: { q: 'w=132&h=28&m=6', w: 0, h: 0 },\n                lg: { q: 'w=160&h=48&m=6', w: 0, h: 0 }\n            },\n            lazyload: true\n        };\n\n        return (\n            <Msdyn365.Image\n                {...config.image}\n                requestContext={this.props.requestContext}\n                gridSettings={this.props.gridSettings!}\n                imageSettings={config && config.image && config.image.imageSettings || defaultImageSettings}\n                loadFailureBehavior='default'\n                editProps={{ key: config.image || {}, requestContext: this.props.requestContext,\n                    moduleType: this.props.typeName,\n                    imagePropertyName: 'image' }}\n                shouldSkipToMainImage\n            />\n        );\n    }\n}\n\nexport default Logo;\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport * as Msdyn365 from '@msdyn365-commerce/core';\nimport { Button, getPayloadObject, getTelemetryAttributes, ITelemetryContent, TelemetryConstant } from '@msdyn365-commerce-modules/utilities';\nimport { observer } from 'mobx-react';\nimport * as React from 'react';\n\nimport { IHeaderResources } from '../header.props.autogenerated';\n\nexport interface INavIconProps {\n    resources: IHeaderResources;\n    isExpanded: boolean;\n    targetId: string;\n    telemetryContent?: ITelemetryContent;\n    toggleNavBar(): void;\n}\n\n/**\n *\n * NavIcon component.\n * @extends {React.PureComponent<INavIconProps>}\n */\n\n@observer\nexport class NavIcon extends React.PureComponent<INavIconProps> {\n\n    private readonly attributes?: Msdyn365.IDictionary<string>;\n\n    constructor(props: INavIconProps) {\n        super(props);\n        const payLoad = getPayloadObject('click', props.telemetryContent!, TelemetryConstant.NavIcon);\n        this.attributes = getTelemetryAttributes(props.telemetryContent!, payLoad);\n    }\n\n    public render(): JSX.Element {\n        return (\n            <Button\n                className='ms-header__nav-icon'\n                onClick={this.props.toggleNavBar}\n                title={this.props.resources.mobileHamburgerAriaLabel}\n                aria-label={this.props.resources.mobileHamburgerAriaLabel}\n                aria-expanded={this.props.isExpanded}\n                aria-controls={this.props.targetId}\n                {...this.attributes}\n            />\n        );\n    }\n}\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { CartIconComponent, WishListIconComponent } from '@msdyn365-commerce/components';\nimport * as MsDyn365 from '@msdyn365-commerce/core';\nimport { ICartState } from '@msdyn365-commerce/global-state';\nimport { Customer } from '@msdyn365-commerce/retail-proxy';\nimport { ErrorNotification, NotificationsManager } from '@msdyn365-commerce-modules/notifications-core';\nimport { ArrayExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport {\n    Button, getPayloadObject, getTelemetryAttributes, getTelemetryObject, IModuleProps, INodeProps, ITelemetryContent, KeyCodes, Modal,\n    ModalBody, ModalHeader, onTelemetryClick, Popover, TelemetryConstant\n} from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport { computed, reaction } from 'mobx';\nimport { observer } from 'mobx-react';\nimport * as React from 'react';\n\nimport { HeaderPreferredStore, Logo, NavIcon } from './components';\nimport { IHeaderData } from './header.data';\nimport { IHeaderProps, IHeaderResources, IMyAccountLinksData } from './header.props.autogenerated';\n\nexport interface IHeaderState {\n    mobileMenuCollapsed: boolean;\n    signinPopoverOpen: boolean;\n    hasSigninerror?: boolean;\n}\n\nexport interface IHeaderViewProps extends IHeaderProps<IHeaderData>, IHeaderState {\n    logo: React.ReactNode;\n    wishListIconDesktop: React.ReactNode;\n    wishListIconMobile: React.ReactNode;\n    cartIcon: React.ReactNode;\n    navIcon: React.ReactNode;\n    className: string;\n    menuBar: React.ReactNode[];\n    search: React.ReactNode[];\n    siteOptions: React.ReactNode[];\n    HeaderTag: IModuleProps;\n    HeaderContainer: INodeProps;\n    MobileMenuContainer: INodeProps;\n    MobileMenuHeader: React.ReactNode;\n    MobileMenuBodyContainer: INodeProps;\n    MobileMenuLinksContainer: INodeProps;\n    HeaderTopBarContainer: INodeProps;\n    Divider: INodeProps;\n\n    AccountInfoDropdownParentContainer?: INodeProps;\n    AccountInfoDropdownPopoverConentContainer?: INodeProps;\n    accountInfoDropdownButton?: React.ReactNode;\n\n    signOutLink?: React.ReactNode;\n    signInLink?: React.ReactNode;\n    accountLinks?: React.ReactNode[];\n    preferredStore?: React.ReactNode;\n}\n\n/**\n *\n * Header component.\n * @extends {React.PureComponent<IHeaderProps<IHeaderData>>}\n */\n@observer\nclass Header extends React.PureComponent<IHeaderProps<IHeaderData>, IHeaderState> {\n    private readonly popOverRef: React.RefObject<HTMLButtonElement>;\n\n    private readonly telemetryContent: ITelemetryContent;\n\n    private cart: ICartState | undefined;\n\n    @computed public get displayName(): Readonly<string | undefined> {\n        const customer = this.props.data.accountInformation?.result;\n        return customer ? customer.FirstName || customer.Name : undefined;\n    }\n\n    public constructor(props: IHeaderProps<IHeaderData>) {\n        super(props);\n        this.popOverRef = React.createRef();\n        this._toggleNavbar = this._toggleNavbar.bind(this);\n        this._togglePopover = this._togglePopover.bind(this);\n        this._keydown = this._keydown.bind(this);\n        this.state = {\n            mobileMenuCollapsed: true,\n            signinPopoverOpen: false,\n            hasSigninerror: false\n        };\n        this.telemetryContent = getTelemetryObject(this.props.context.request.telemetryPageName!, this.props.friendlyName, this.props.telemetry);\n    }\n\n    public componentDidMount(): void {\n        if (MsDyn365.msdyn365Commerce.isBrowser) {\n            window.addEventListener('keydown', this._keydown);\n        }\n        reaction(\n            () => this.props.data.cart.result,\n            () => {\n                this.cart = this.props.data.cart.result;\n            }\n        );\n\n        const {\n            context: {\n                request: {\n                    user\n                }\n            },\n            resources: {\n                signUpCustomerNotFoundTitle,\n                signUpMultipleCustomerFoundTitle,\n                closeNotificationLabel\n            }\n        } = this.props;\n\n        const signinNotificationError = this._getSigninNotification(user, signUpMultipleCustomerFoundTitle, signUpCustomerNotFoundTitle);\n        if (signinNotificationError !== undefined && this.state.hasSigninerror === false) {\n            // For signup show simple error notification.\n            NotificationsManager.instance().addNotification(new ErrorNotification(\n                signinNotificationError, closeNotificationLabel));\n        }\n\n    }\n\n    public componentWillUnmount(): void {\n        if (MsDyn365.msdyn365Commerce.isBrowser) {\n            window.removeEventListener('keydown', this._keydown, false);\n        }\n    }\n\n    public render(): JSX.Element | null {\n        const {\n            id,\n            typeName,\n            data: { accountInformation,\n                wishlists\n            },\n            context: {\n                request: {\n                    user\n                }\n            },\n            context,\n            resources: {\n                cartLabel,\n                cartQtyLabel\n            }\n        } = this.props;\n        const { logoLink, logoImage, shouldShowWishlistCount } = this.props.config;\n\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access -- app config is generic\n        const disableTooltip = this.props.context.app.config.disableTooltip || false;\n        const headerToggleClass = this.state.mobileMenuCollapsed ? '' : 'ms-header-open';\n        const headerClassName = classnames('ms-header', this.props.config.className, headerToggleClass);\n        const navbarKey = 'header-nav-mobile';\n        const customer = accountInformation && accountInformation.result;\n        const cartIconSlot = this._getSlot('cartIcon');\n        const menuBarSlot = this._getSlot('menuBar');\n        const searchSlot = this._getSlot('search');\n        let wishlistCount = 0;\n        const siteOptionsSlot = this._getSlot('siteOptions');\n        const preferredStoreSlot = this._getSlot('storeSelector');\n        if (wishlists !== undefined) {\n            if (!wishlists.result || !ArrayExtensions.hasElements(wishlists.result) ||\n                !wishlists.result[0].CommerceListLines || !ArrayExtensions.hasElements(wishlists.result[0].CommerceListLines)) {\n                wishlistCount = 0;\n            } else {\n                wishlistCount = wishlists.result[0].CommerceListLines.length;\n            }\n        }\n        const viewProps: IHeaderViewProps = {\n            ...(this.props as IHeaderProps<IHeaderData>),\n            ...(this.state),\n            logo: <Logo {\n                ...{ link: logoLink,\n                    image: logoImage,\n                    className: 'ms-header__logo',\n                    gridSettings: this.props.context.request.gridSettings,\n                    requestContext: this.props.context.request,\n                    telemetryContent: this.telemetryContent,\n                    typeName: this.props.typeName }} />,\n            wishListIconDesktop: (\n                <WishListIconComponent\n                    className='ms-header__wishlist-desktop'\n                    showButtonTooltip={!disableTooltip}\n                    wishlistTooltipText={this.props.resources.wishlistTooltipText}\n                    context={context}\n                    id={id}\n                    typeName={typeName}\n                    telemetryContent={this.telemetryContent}\n                    data={{}}\n                    wishlistCount={wishlistCount}\n                    wishlistCountLabel={this.props.resources.wishlistCountLabel}\n                    isDispayWishlistCount={shouldShowWishlistCount}\n                />\n            ),\n            wishListIconMobile: (\n                <WishListIconComponent\n                    className='ms-header__wishlist-mobile'\n                    showButtonTooltip={!disableTooltip}\n                    wishlistTooltipText={this.props.resources.wishlistTooltipText}\n                    context={context}\n                    id={id}\n                    typeName={typeName}\n                    telemetryContent={this.telemetryContent}\n                    data={{}}\n                    wishlistCount={wishlistCount}\n                    wishlistCountLabel={this.props.resources.wishlistCountLabel}\n                    isDispayWishlistCount={shouldShowWishlistCount}\n                />\n            ),\n            cartIcon: (ArrayExtensions.hasElements(cartIconSlot)) ? cartIconSlot[0] : <CartIconComponent\n                cartLabel={cartLabel} cartQtyLabel={cartQtyLabel} context={context}\n                id={id} typeName={typeName} telemetryContent={this.telemetryContent}\n                data={{ cart: this.cart }} />,\n            navIcon: <NavIcon\n                {\n                    ...{\n                        resources: this.props.resources,\n                        isExpanded: !this.state.mobileMenuCollapsed,\n                        targetId: navbarKey,\n                        toggleNavBar: this._toggleNavbar,\n                        telemetryContent: this.telemetryContent }}\n            />,\n            menuBar: ArrayExtensions.hasElements(menuBarSlot) ? menuBarSlot : [],\n            search: ArrayExtensions.hasElements(searchSlot) ? searchSlot : [],\n            siteOptions: ArrayExtensions.hasElements(siteOptionsSlot) ? siteOptionsSlot : [],\n            className: headerClassName,\n            HeaderTag: {\n                moduleProps: this.props,\n                className: classnames(headerClassName),\n                tag: 'header'\n            },\n            HeaderContainer: {\n                className: classnames('ms-header__container')\n            },\n            HeaderTopBarContainer: {\n                className: classnames('ms-header__topbar')\n            },\n            Divider: {\n                className: classnames('ms-header__divider')\n            },\n            MobileMenuContainer: {\n                tag: Modal,\n                id: navbarKey,\n                className: 'ms-header__mobile-hamburger',\n                isOpen: !this.state.mobileMenuCollapsed,\n                wrapClassName: 'ms-header__modal',\n                toggle: this._toggleNavbar\n            },\n            MobileMenuHeader: (\n                <ModalHeader\n                    className='ms-header__mobile-hamburger-menu-header'\n                    toggle={this._toggleNavbar}\n                />\n            ),\n            MobileMenuBodyContainer: {\n                tag: ModalBody,\n                className: 'ms-header__mobile-hamburger-menu-body'\n            },\n            MobileMenuLinksContainer: {\n                className: 'ms-header__mobile-hamburger-menu-links'\n            },\n            AccountInfoDropdownParentContainer: {\n                className: 'ms-header__account-info'\n            },\n            AccountInfoDropdownPopoverConentContainer: customer && this.displayName ? {\n                tag: Popover,\n                id: 'myprofilePopover',\n                className: 'ms-header__account-info-content',\n                placement: 'bottom',\n                isOpen: this.state.signinPopoverOpen,\n                target: this.popOverRef,\n                toggle: this._togglePopover\n            } : undefined,\n            signInLink: this._getSigninButton(customer, user, this.props.resources),\n            signOutLink: this._getSignOutButton(customer, user, this.props.resources),\n            accountInfoDropdownButton: this._getAccountInfoDropdownButton(customer),\n            accountLinks: this._getAccountLinks(customer),\n            preferredStore: ArrayExtensions.hasElements(preferredStoreSlot) &&\n                (<HeaderPreferredStore {...this.props} />)\n        };\n\n        return this.props.renderView(viewProps) as React.ReactElement;\n    }\n\n    /**\n     * Handle link text change.\n     * @param linkIndex - Link Index.\n     * @returns : Void.\n     */\n    public handleLinkTextChange = (linkIndex: number) => (event: MsDyn365.ContentEditableEvent): void => {\n        if (this.props.config.myAccountLinks?.[linkIndex]) {\n            this.props.config.myAccountLinks[linkIndex].linkText = event.target.value;\n        }\n    };\n\n    /**\n     * Get the slot.\n     * @param slotName - Name of the slot.\n     * @returns The slot.\n     */\n    private _getSlot(slotName: string): React.ReactNode[] | null {\n        const { slots } = this.props;\n        return (slots && slots[slotName] && slots[slotName].length && slots[slotName]) || null;\n    }\n\n    /**\n     * Renders the sign in button.\n     * @param customer - Customer object.\n     * @param user - Request context user.\n     * @param resources - Resources.\n     * @returns React Node.\n     */\n    private _getSigninButton(customer: Customer | undefined, user: MsDyn365.IRequestContextUser | undefined, resources: IHeaderResources):\n    React.ReactNode | undefined {\n        const payLoad = getPayloadObject('click', this.telemetryContent, TelemetryConstant.SignIn);\n        const attributes = getTelemetryAttributes(this.telemetryContent, payLoad);\n        return !customer && (\n            <Button\n                className='ms-header__signin-button'\n                title={resources.signInLinkText}\n                href={user?.signInUrl}\n                aria-label={resources.signInLinkAriaText}\n                onClick={onTelemetryClick(this.telemetryContent, payLoad, 'Sign in')}\n                {...attributes}\n            >\n                <span className='ms-header__signin-button-text' aria-hidden>\n                    {resources.signInLinkText}\n                </span>\n            </Button>\n        );\n    }\n\n    /**\n     * Renders the sign out button.\n     * @param customer - Customer object.\n     * @param user - Request context user.\n     * @param resources - Resources.\n     * @returns React Node.\n     */\n    private _getSignOutButton(customer: Customer | undefined, user: MsDyn365.IRequestContextUser | undefined, resources: IHeaderResources):\n    React.ReactNode | undefined {\n        const payLoad = getPayloadObject('click', this.telemetryContent, TelemetryConstant.SignOut);\n        const attributes = getTelemetryAttributes(this.telemetryContent, payLoad);\n        return customer && this.displayName && (\n            <Button\n                className='ms-header__signout-button'\n                title={resources.signOutLinkText}\n                href={user?.signOutUrl ?? ''}\n                aria-label={resources.signOutLinkAriaText}\n                onClick={onTelemetryClick(this.telemetryContent, payLoad, 'Sign out')}\n                {...attributes}\n            >\n                <span className='ms-header__signout-button-text' aria-hidden>\n                    {resources.signOutLinkText}\n                </span>\n            </Button>\n        );\n    }\n\n    private _getSigninNotification(user: MsDyn365.IRequestContextUser | undefined,\n        signUpMultipleCustomerFoundTitle: string, signUpCustomerNotFoundTitle: string): string | undefined {\n        const { signUpCustomerNotFound, signUpMultipleCustomerFound } = this.props.config;\n        const notFoundError = 'Microsoft_Dynamics_Commerce_Runtime_CustomerNotFound_WhenAutoLinking';\n        const multipleAccountError = 'Microsoft_Dynamics_Commerce_Runtime_MultipleCustomerAccountsFoundWithSameEmailAddress';\n\n        if (user?.retailServerErrorCode === notFoundError) {\n            return signUpCustomerNotFound !== undefined ? signUpCustomerNotFound : signUpCustomerNotFoundTitle;\n        } else if (user?.retailServerErrorCode === multipleAccountError) {\n            return signUpMultipleCustomerFound !== undefined ? signUpMultipleCustomerFound : signUpMultipleCustomerFoundTitle;\n        }\n        return undefined;\n    }\n\n    private _getAccountInfoDropdownButton(customer: Customer | undefined): React.ReactNode | undefined {\n        const payLoad = getPayloadObject('click', this.telemetryContent, TelemetryConstant.MyProfile);\n        const attributes = getTelemetryAttributes(this.telemetryContent, payLoad);\n        return customer && this.displayName && (\n            <Button\n                innerRef={this.popOverRef}\n                className='ms-header__profile-button'\n                aria-describedby='myprofilePopover'\n                onClick={this._togglePopover}\n                color='link'\n                aria-label={this.displayName}\n                aria-expanded={this.state.signinPopoverOpen}\n                {...attributes}\n            >\n                <span className='ms-profile-button-text'>\n                    {this.displayName}\n                </span>\n            </Button>\n        );\n    }\n\n    private _getAccountLinks(customer: Customer | undefined): React.ReactNode[] | undefined {\n        const { myAccountLinks } = this.props.config;\n        const payLoad = getPayloadObject('click', this.telemetryContent, '');\n        if (!customer || !this.displayName || !myAccountLinks || !ArrayExtensions.hasElements(myAccountLinks)) {\n            return undefined;\n        }\n        return myAccountLinks.map((cta: IMyAccountLinksData, index: number) => {\n            payLoad.contentAction.etext = cta.linkText;\n            const attributes = getTelemetryAttributes(this.telemetryContent, payLoad);\n            const editableLink: MsDyn365.ILinksData = {\n                ariaLabel: cta.ariaLabel,\n                className: 'ms-signin-info__account-link-button',\n                linkText: cta.linkText,\n                linkUrl: cta.linkUrl.destinationUrl,\n                openInNewTab: cta.openInNewTab,\n                role: 'link',\n                additionalProperties: attributes\n            };\n\n            return (\n                <MsDyn365.Link\n                    key={index}\n                    link={editableLink}\n                    editProps={{ onTextChange: this.handleLinkTextChange(index), requestContext: this.props.context.request }}\n                />\n            );\n        });\n    }\n\n    private _toggleNavbar(): void {\n        this.setState({\n            mobileMenuCollapsed: !this.state.mobileMenuCollapsed\n        });\n    }\n\n    private _togglePopover(): void {\n        this.setState({\n            signinPopoverOpen: !this.state.signinPopoverOpen\n        });\n    }\n\n    private _keydown(event: KeyboardEvent): void {\n        if (event.keyCode === KeyCodes.Escape) {\n            this.setState({ mobileMenuCollapsed: true });\n        }\n    }\n}\n\nexport default Header;\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport MsDyn365, { IActionContext } from '@msdyn365-commerce/core';\nimport { action, computed, observable } from 'mobx';\n\nimport { IListMapViewState, ILoadMapApiInput, IStoreInfo, IStoreSelectionStateContext, IStoreSelectorLocation, IStoreSelectorStateManager } from './i-store-selection-state-manager';\n\n/**\n * Abstract instance of IStoreSelectorStateManager with base implementation\n * of everything except the geoLocate function.\n */\nexport abstract class BaseStoreSelectorStateManager implements IStoreSelectorStateManager {\n\n    @computed public get isDialogOpen(): Readonly<boolean> {\n        return this._context !== undefined;\n    }\n\n    @computed public get context(): Readonly<IStoreSelectionStateContext | undefined> {\n        return this._context;\n    }\n\n    @observable public isMapApiLoaded?: boolean;\n\n    @observable public selectedStoreLocationId?: string;\n\n    @observable public preferredStore?: IStoreInfo;\n\n    @observable public listMapViewState: IListMapViewState = { displayList: true, displayMap: false };\n\n    @observable public isMapModuleLoaded?: boolean;\n\n    @observable public lastInlineShownStoreInfo?: IStoreInfo;\n\n    @observable protected _context?: IStoreSelectionStateContext;\n\n    private readonly preferredStoreLocalStorageKey: string = '_msdyn365__preferredStore_';\n\n    constructor() {\n        this.isMapModuleLoaded = false;\n        const value = this._readFromToCookie(this.preferredStoreLocalStorageKey);\n        try {\n            const storeInfo: IStoreInfo | undefined = value ? JSON.parse(value) : undefined;\n            if (storeInfo) {\n                this.preferredStore = storeInfo;\n            }\n        } catch {\n            this.preferredStore = undefined;\n        }\n\n    }\n\n    public abstract geoLocate(searchTerm: string, actionContext: IActionContext): Promise<IStoreSelectorLocation | undefined>;\n\n    public abstract loadMapApi(input: ILoadMapApiInput): Promise<void>;\n\n    @action\n    public async toggleListMapViewState(): Promise<void> {\n        this.listMapViewState = {\n            displayList: !this.listMapViewState.displayList,\n            displayMap: !this.listMapViewState.displayMap\n        };\n    }\n\n    @action\n    public async setMapModuleLoaded(input: boolean): Promise<void> {\n        this.isMapModuleLoaded = input;\n    }\n\n    @action\n    public async setOrgUnitStoreInformation(input: IStoreSelectionStateContext): Promise<void> {\n        this._context = input;\n    }\n\n    @action\n    public async setSelectedStoreLocationId(storeId: string | undefined): Promise<void> {\n        this.selectedStoreLocationId = storeId;\n    }\n\n    @action\n    public async setPreferredStoreLocation(storeId?: string, storeName?: string | undefined, writeToCookie: boolean = false, latitude?: number, longitude?: number): Promise<void> {\n        const storeInfo: IStoreInfo = { StoreId: storeId, StoreName: storeName, Latitude: latitude, Longitude: longitude };\n        this.preferredStore = storeInfo;\n        if (writeToCookie) {\n            this._writeToCookie(this.preferredStoreLocalStorageKey, JSON.stringify(storeInfo));\n        }\n    }\n\n    @action\n    public async setLastInlineStoreInfo(latitude?: number, longitude?: number): Promise<void> {\n        const storeInfo: IStoreInfo = { StoreId: '', StoreName: '', Latitude: latitude, Longitude: longitude };\n        this.lastInlineShownStoreInfo = storeInfo;\n    }\n\n    @action\n    public async clearPreferredStore(writeToCookie: boolean): Promise<void> {\n        this.preferredStore = undefined;\n        if (writeToCookie) {\n            this._removeCookie(this.preferredStoreLocalStorageKey);\n        }\n    }\n\n    @action\n    public async openDialog(input: IStoreSelectionStateContext): Promise<void> {\n        if (this._context && this._context.id === input.id) {\n            throw new Error('Dialog is already opened');\n        }\n\n        this._context = input;\n    }\n\n    @action\n    public async closeDialog(): Promise<void> {\n        this._context = undefined;\n    }\n\n    private _removeCookie(key: string): void {\n        if (!key) {\n            return;\n        }\n        if (MsDyn365.isBrowser) {\n            const storage = window.localStorage;\n            storage.removeItem(key);\n        }\n    }\n\n    private _writeToCookie(key: string, value: string | undefined): void {\n        if (!key || !value) {\n            return;\n        }\n        if (MsDyn365.isBrowser) {\n            const storage = window.localStorage;\n            storage.setItem(key, value);\n        }\n    }\n\n    private _readFromToCookie(key: string): string | undefined {\n        if (!key) {\n            return undefined;\n        }\n        if (MsDyn365.isBrowser) {\n            const storage = window.localStorage;\n            const cookieValue = storage.getItem(key);\n            if (cookieValue) {\n                return cookieValue;\n            }\n        }\n\n        return undefined;\n    }\n}\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { IActionContext } from '@msdyn365-commerce/core';\nimport { StringExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { action } from 'mobx';\n\nimport { BaseStoreSelectorStateManager } from './base-store-selector-state-manager';\nimport { ILoadMapApiInput, IStoreSelectorLocation } from './i-store-selection-state-manager';\nimport { IMapWindow, MapLocationsResult } from './models/map-data';\n\ndeclare const window: IMapWindow;\n\n/**\n * Instance of IStoreSelectorStateManager manager that uses Map service\n * for geo location.\n */\nexport class MapStoreSelectorStateManager extends BaseStoreSelectorStateManager {\n    private readonly SERVICE_ENDPOINT: string = 'https://dev.virtualearth.net/REST/v1/';\n\n    private readonly MAP_API_ENDPOINT: string = 'https://www.bing.com/api/maps/mapcontrol?callback=mapAPIReady';\n\n    @action\n    public async geoLocate(searchTerm: string, actionContext: IActionContext): Promise<IStoreSelectorLocation | undefined> {\n        if (!searchTerm ||\n            !actionContext.requestContext.channel ||\n            !actionContext.requestContext.channel.BingMapsApiKey ||\n            !actionContext.requestContext.channel.BingMapsEnabled) {\n            return undefined;\n        }\n\n        let searchContent: string = searchTerm;\n\n        const jsonp = `mapSearchCallback_${crypto.getRandomValues(new Uint32Array(1))[0]}`;\n\n        if (actionContext.requestContext.channel.ChannelCountryRegionISOCode) {\n            searchContent = `${searchTerm.trim()} ${actionContext.requestContext.channel.ChannelCountryRegionISOCode}`;\n        }\n\n        const query = encodeURI(searchContent);\n        const key = encodeURI(actionContext.requestContext.channel.BingMapsApiKey);\n\n        const geolocationApiUrl = actionContext.requestContext.app && actionContext.requestContext.app.config && actionContext.requestContext.app.config.geolocationApiUrl;\n        const requestUrl = `${geolocationApiUrl ? geolocationApiUrl : this.SERVICE_ENDPOINT}/Locations?query=${query}&key=${key}&jsonp=${jsonp}`;\n\n        return new Promise<IStoreSelectorLocation | undefined>((resolve) => {\n            const script = document.createElement('script');\n            script.setAttribute('type', 'text/javascript');\n            script.setAttribute('src', requestUrl);\n\n            window[jsonp] = (data: MapLocationsResult) => {\n                delete window[jsonp];\n                script.remove();\n\n                if (data && data.resourceSets && data.resourceSets.length > 0 && data.resourceSets[0].resources.length > 0) {\n                    resolve({\n                        latitude: data.resourceSets[0].resources[0].point.coordinates[0],\n                        longitude: data.resourceSets[0].resources[0].point.coordinates[1]\n                    });\n                }\n\n                resolve(undefined);\n            };\n\n            document.body.appendChild(script);\n        });\n\n    }\n\n    @action\n    public async loadMapApi(input: ILoadMapApiInput): Promise<void> {\n        if (StringExtensions.isNullOrEmpty(input.key)) {\n            return Promise.resolve();\n        }\n\n        const isScriptAlreadyLoaded = !!document?.getElementById('msdyn_map-api-script');\n\n        if (isScriptAlreadyLoaded) {\n            // Prevents from loading multiple script into the body\n            return Promise.resolve();\n        }\n\n        const url = `${this.MAP_API_ENDPOINT}${input.key ? `&key=${input.key}` : ''}${input.lang ? `&setLang=${input.lang}` : ''}${input.market ? `&setMkt=${input.market}` : ''}`;\n\n        return new Promise((resolve, reject) => {\n            const script = document?.createElement('script');\n            script.type = 'text/javascript';\n            script.async = true;\n            script.defer = true;\n            script.src = url;\n            script.id = 'msdyn_map-api-script';\n            if (window) {\n                window.mapAPIReady = () => {\n                    this.isMapApiLoaded = true;\n                    resolve();\n                };\n            }\n            script.addEventListener('error', (error: string | Event) => {\n                reject(error);\n            });\n            document?.body?.appendChild(script);\n        });\n    }\n\n}\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { createObservableDataAction, IAction, IActionInput, IAny, ICreateActionContext, IGeneric } from '@msdyn365-commerce/core';\nimport { GenericInput, getGenericAction } from '@msdyn365-commerce-modules/retail-actions';\n\nimport { IStoreSelectorStateManager } from './i-store-selection-state-manager';\nimport { MapStoreSelectorStateManager } from './map-store-selector-state-manager';\n\nexport function createStoreSelectorStateInput(result: IStoreSelectorStateManager): GenericInput<IStoreSelectorStateManager> {\n    return new GenericInput<IStoreSelectorStateManager>('mapSSSM', result, 'IStoreSelectorStateManager');\n}\n\nconst createStoreSelectorStateInputInternal = (inputData: ICreateActionContext<IGeneric<IAny>>): IActionInput => {\n    return createStoreSelectorStateInput(new MapStoreSelectorStateManager());\n};\n\nexport const getGenericActionDataAction = createObservableDataAction({\n    action: <IAction<IStoreSelectorStateManager>>getGenericAction,\n    input: createStoreSelectorStateInputInternal\n});\n\nexport default getGenericActionDataAction;\n","const binding = { modules: {}, dataActions: {} };\n\n    const registerActionId = (actionPath) => {\n        if (binding.dataActions[actionPath] &&\n            binding.dataActions[actionPath].default &&\n            binding.dataActions[actionPath].default.prototype &&\n            binding.dataActions[actionPath].default.prototype.id) {\n            binding.dataActions[binding.dataActions[actionPath].default.prototype.id] = binding.dataActions[actionPath];\n        } else {\n            Object.keys(binding.dataActions[actionPath] || {}).forEach(exportName => {\n                if (binding.dataActions[actionPath][exportName] &&\n                    binding.dataActions[actionPath][exportName].prototype &&\n                    binding.dataActions[actionPath][exportName].prototype.Action) {\n                    binding.dataActions[binding.dataActions[actionPath][exportName].prototype.id] = binding.dataActions[actionPath][exportName];\n                }\n            })\n        }\n    };\n\n    const registerSanitizedActionPath = (sanitizedActionPath, dataAction) => {\n        if (process.env.NODE_ENV === 'development') {\n            if (!dataAction.default) {\n                throw new Error('Data action path does not have a default export');\n            }\n            if (!(dataAction.default.prototype.id && binding.dataActions[dataAction.default.prototype.id]) || !binding.dataActions[sanitizedActionPath]) {\n                binding.dataActions[sanitizedActionPath] = dataAction;\n            }\n        } else {\n            binding.dataActions[sanitizedActionPath] = dataAction;\n            if (!binding.dataActions[sanitizedActionPath].default) {\n                throw new Error('Data action path ' + sanitizedActionPath + ' does not have a default export');\n            }\n            binding.dataActions[sanitizedActionPath].default.prototype.RegistrationId = sanitizedActionPath;\n            if (binding.dataActions[sanitizedActionPath].default.prototype.id) {\n                binding.dataActions[binding.dataActions[sanitizedActionPath].default.prototype.id] = sanitizedActionPath;\n            }\n        }\n    };\n    \n\n    (binding.modules['header'] = {\n        c: () => require('@msdyn365-commerce-modules/header/dist/lib/modules/header/header'),\n        $type: 'containerModule',\n        da: [{name:'accountInformation',  path:'@msdyn365-commerce-modules/retail-actions/dist/lib/get-customer', runOn: 0},{name:'cart',  path:'@msdyn365-commerce/global-state/dist/lib/data-actions/get-cart-state-data-action', runOn: 1},{name:'storeSelectorStateManager',  path:'@msdyn365-commerce-modules/bopis-utilities/dist/lib/store-selector-state-manager/store-selector-state-manager-data-action', runOn: 1},{name:'wishlists',  path:'@msdyn365-commerce-modules/retail-actions/dist/lib/get-wishlist-by-customer-id', runOn: 0}],\n        \n        iNM: true,\n        ns: '@msdyn365-commerce-modules',\n        n: 'header',\n        p: 'header',\n        \n        pdp: '',\n        \n        \n        md: 'node_modules/@msdyn365-commerce-modules/header/dist/lib/modules/header'\n    });\n        \n\n        {\n            const sanitizedActionPath = '@msdyn365-commerce-modules/bopis-utilities/dist/lib/store-selector-state-manager/store-selector-state-manager-data-action';\n            let dataAction = require('@msdyn365-commerce-modules/bopis-utilities/dist/lib/store-selector-state-manager/store-selector-state-manager-data-action');\n            registerSanitizedActionPath(sanitizedActionPath, dataAction);\n        }\n            \n\n        {\n            const sanitizedActionPath = '@msdyn365-commerce-modules/retail-actions/dist/lib/get-customer';\n            let dataAction = require('@msdyn365-commerce-modules/retail-actions/dist/lib/get-customer');\n            registerSanitizedActionPath(sanitizedActionPath, dataAction);\n        }\n            \n\n        {\n            const sanitizedActionPath = '@msdyn365-commerce-modules/retail-actions/dist/lib/get-wishlist-by-customer-id';\n            let dataAction = require('@msdyn365-commerce-modules/retail-actions/dist/lib/get-wishlist-by-customer-id');\n            registerSanitizedActionPath(sanitizedActionPath, dataAction);\n        }\n            \n\n        {\n            const sanitizedActionPath = '@msdyn365-commerce/global-state/dist/lib/data-actions/get-cart-state-data-action';\n            let dataAction = require('@msdyn365-commerce/global-state/dist/lib/data-actions/get-cart-state-data-action');\n            registerSanitizedActionPath(sanitizedActionPath, dataAction);\n        }\n            \n\n        \n    window.__bindings__ = window.__bindings__ || {};\n    window.__bindings__.modules = {\n        ...window.__bindings__.modules || {},\n        ...binding.modules\n    };\n    \n        window.__bindings__.dataActions = {\n        ...window.__bindings__.dataActions || {},\n        ...binding.dataActions\n    };\n                        export const viewDictionary = {};\n                        viewDictionary['__local__|__local__|themes|dobbies|views|header'] = {\n                c: () => require('partner/themes/dobbies/views/header.view.tsx'),\n                cn: '__local__-__local__-header'\n            };\nviewDictionary['@msdyn365-commerce-modules|fabrikam-design-kit|modules|fabrikam|views|header'] = {\n                c: () => require('@msdyn365-commerce-modules/fabrikam-design-kit/dist/lib/modules/fabrikam/views/header.view.js'),\n                cn: '@msdyn365-commerce-modules-fabrikam-design-kit-header'\n            };\nviewDictionary['@msdyn365-commerce-modules|header|modules|header|header'] = {\n                c: () => require('@msdyn365-commerce-modules/header/dist/lib/modules/header/header.view.js'),\n                cn: '@msdyn365-commerce-modules-header-header'\n            };\nwindow.__bindings__ = window.__bindings__ || {};\nwindow.__bindings__.viewDictionary = {\n                        ...window.__bindings__.viewDictionary || {},\n                        ...viewDictionary\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\r\n/* eslint-disable max-len */\r\n\r\nimport { IHeaderViewProps } from '@msdyn365-commerce-modules/header/dist/types';\r\nimport {\r\n    Button,\r\n    getPayloadObject,\r\n    getTelemetryAttributes,\r\n    getTelemetryObject,\r\n    Module,\r\n    Node,\r\n    Popover,\r\n    UncontrolledTooltip\r\n} from '@msdyn365-commerce-modules/utilities';\r\nimport * as Msdyn365 from '@msdyn365-commerce/core';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { TierType } from '../../../modules/dobbies-add-product-to-cart/components/add-product-to-cart';\r\nimport {\r\n    IHeaderProps,\r\n    IMyAccountLinksBeforeLoginData,\r\n    IMyAccountLinksData,\r\n    IStoreLinkUrlData\r\n} from '../definition-extensions/header.ext.props.autogenerated';\r\nimport { IHeaderData } from './header.data';\r\nimport { _getLoyaltyInfo } from './account-loyalty.view';\r\n\r\nconst headerView: React.FC<IHeaderViewProps & IHeaderProps<IHeaderData>> = props => {\r\n    const {\r\n        HeaderTag,\r\n        HeaderContainer,\r\n        HeaderTopBarContainer,\r\n        MobileMenuContainer,\r\n        MobileMenuBodyContainer,\r\n        MobileMenuLinksContainer,\r\n        signInLink,\r\n        signOutLink,\r\n        wishListIconMobile,\r\n        data: {\r\n            accountInformation: { result }\r\n        },\r\n        context: {\r\n            request: query,\r\n            actionContext: {\r\n                requestContext: { cookies }\r\n            }\r\n        }\r\n    } = props;\r\n    const searchTermString: string | object | undefined =\r\n        typeof query === 'object' && query && query.hasOwnProperty('query') && query.query && query.query.hasOwnProperty('q')\r\n            ? query.query.q\r\n            : 'all';\r\n    const pageType = props.context.request.telemetryPageName;\r\n    const pageUrl = props.context.request.url.requestUrl.href.toString();\r\n    /* VSI Customization - START - 22/10/20 */\r\n    const isLoggedIn = result && result.Name ? true : false;\r\n    /* State manages popup menu visibility */\r\n    const [popOver, togglePopOver] = useState(false);\r\n\r\n    /*  condition either to show or hide the header  */\r\n    if (props.context.request.query!.onlyBody && props.context.request.query!.onlyBody === 'true') {\r\n        return null;\r\n    }\r\n\r\n    useEffect(() => {\r\n        cookies.remove('tier');\r\n        if (isLoggedIn) {\r\n            const tierName = getTierId(props);\r\n            if (tierName === 'Club Plus') {\r\n                cookies.set('tier', TierType.ClubPlus);\r\n            } else if (tierName === 'Club Premium') {\r\n                cookies.set('tier', TierType.ClubPremium);\r\n            } else if (tierName === 'Club') {\r\n                cookies.set('tier', TierType.Club);\r\n            } else if (tierName === 'Club Plus Free Trial') {\r\n                cookies.set('tier', TierType.ClubPlusFreeTrial);\r\n            }\r\n        } else {\r\n            togglePopOver(false);\r\n        }\r\n    }, []);\r\n\r\n    /* popOverRef is used to create popup menu */\r\n    const popOverRef: React.RefObject<HTMLButtonElement> = React.createRef();\r\n    /* VSI Customization - START - 23/10/20 */\r\n    /* Added store link and text from configs with tooltips */\r\n    const {\r\n        config: { showStoreTooltip, storeLinkUrl }\r\n    } = props;\r\n    const storeIconRef: React.RefObject<HTMLAnchorElement> = React.createRef();\r\n    const storeLinkData: Msdyn365.ILinksData = getStoreLinkUrl(storeLinkUrl!);\r\n    return (\r\n        <Module {...HeaderTag}>\r\n            <Node {...HeaderContainer}>\r\n                <Node tag='div' className='container'>\r\n                    <Node {...HeaderTopBarContainer}>\r\n                        <Node className='ms-header__brand-logo'>\r\n                            {props.navIcon}\r\n                            {props.logo}\r\n                        </Node>\r\n                        <Node className='ms-header__search-container'>{_renderReactFragment(props.search)}</Node>\r\n                        <Node className='ms-header__header-sidebar'>\r\n                            <Node className='ms-header__header-sidebar__group-icons'>\r\n                                <Msdyn365.Link link={storeLinkData} editProps={{ requestContext: props.context.request }} />\r\n                                {/* Used existing component for tooltips */}\r\n                                {showStoreTooltip && storeLinkUrl && (\r\n                                    <UncontrolledTooltip trigger={'hover focus'} target={storeIconRef}>\r\n                                        {storeLinkUrl.linkText}\r\n                                    </UncontrolledTooltip>\r\n                                )}\r\n                                {_renderDesktopAccountBlock(props, popOver, togglePopOver, popOverRef)}\r\n                                {props.wishListIconDesktop}\r\n                                {props.cartIcon}\r\n                            </Node>\r\n                        </Node>\r\n                    </Node>\r\n                </Node>\r\n                {/* VSI-Customization -- START 29/10/20 Render Promo Banner Slot */}\r\n                <Node tag='div' className='ms-promo-banner__slot'>\r\n                    {props.slots.promoBanner}\r\n                </Node>\r\n                {/* VSI-Customization -- END  */}\r\n                {/* VSI-Customization -- START 13/06/22 Render Dobbies CTA Section Slot */}\r\n                <Node tag='div' className='ms-promo-banner__slot'>\r\n                    {props.slots.dobbiesCTASection}\r\n                </Node>\r\n                {/* VSI-Customization -- END  */}\r\n                <Node {...MobileMenuContainer}>\r\n                    <Node {...MobileMenuBodyContainer}>\r\n                        {props.MobileMenuHeader}\r\n                        {_renderReactFragment(props.menuBar)}\r\n                        <Node {...MobileMenuLinksContainer}>\r\n                            {signInLink}\r\n                            {/* True value indicates it's for Mobile view */}\r\n                            {!isLoggedIn && _getSignUpButton(props, true)}\r\n                            {signOutLink}\r\n                            {isLoggedIn && wishListIconMobile}\r\n                        </Node>\r\n                    </Node>\r\n                </Node>\r\n                {_renderReactFragment(props.menuBar)}\r\n            </Node>\r\n            {/** Node added for schema */}\r\n            {pageType === 'Homepage' && (\r\n                <Node className='' vocab='https://schema.org/' typeof='Corporation'>\r\n                    <meta property='name' content='Dobbies' />\r\n                    <meta property='url' content={pageUrl} />\r\n                    <meta property='logo' content={`${pageUrl}static/shop/ui-departmentstore/images/absinthe/logo-large.svg`} />\r\n                    <Node tag='span' className='' property='contactPoint' typeof='ContactPoint'>\r\n                        <meta property='telephone' content='+44 131 561 6406' />\r\n                        <meta property='contactType' content='customer service' />\r\n                        <meta property='contactOption' content='HearingImpairedSupported' />\r\n                        <meta property='areaServed' content='GB' />\r\n                        <meta property='availableLanguage' content='en' />\r\n                    </Node>\r\n                    <meta\r\n                        property='sameAs'\r\n                        content={'['\r\n                            .concat('\\nhttps://www.facebook.com/DobbiesGC/')\r\n                            .concat(',')\r\n                            .concat('\\nhttps://twitter.com/dobbies')\r\n                            .concat(',')\r\n                            .concat('\\nhttps://www.instagram.com/dobbiesgardencentres/')\r\n                            .concat(',')\r\n                            .concat('\\nhttps://www.youtube.com/user/DobbiesGardenCentres')\r\n                            .concat(',')\r\n                            .concat('\\nhttps://en.wikipedia.org/wiki/Dobbies_Garden_Centres\\n')\r\n                            .concat(']')}\r\n                    />\r\n                </Node>\r\n            )}\r\n            {/** Node added for schema */}\r\n            {pageType === 'Homepage' && (\r\n                <Node className='' vocab='https://schema.org/' typeof='WebSite'>\r\n                    <meta property='name' content='Dobbies' />\r\n                    <meta property='url' content={pageUrl} />\r\n                    <Node tag='span' className='' property='potentialAction' typeof='SearchAction'>\r\n                        <meta property='target' content={`${pageUrl}search?q=${searchTermString}`} />\r\n                        <meta property='query-input' content={`required name=${searchTermString}`} />\r\n                    </Node>\r\n                </Node>\r\n            )}\r\n        </Module>\r\n    );\r\n};\r\n\r\nconst getStoreLinkUrl = (storeLinkUrl: IStoreLinkUrlData): Msdyn365.ILinksData => {\r\n    return {\r\n        ariaLabel: storeLinkUrl && storeLinkUrl.ariaLabel,\r\n        className: 'ms-header__icon-store',\r\n        linkText: storeLinkUrl && storeLinkUrl.linkText,\r\n        linkUrl: storeLinkUrl && storeLinkUrl.linkUrl.destinationUrl,\r\n        openInNewTab: storeLinkUrl && storeLinkUrl.openInNewTab,\r\n        role: 'button'\r\n    };\r\n};\r\n// Function will give the user's tierId (loyalty membership could be club or club plus)\r\nconst getTierId = (props: IHeaderViewProps & IHeaderProps<IHeaderData>) => {\r\n    const { loyaltyCard } = props.data;\r\n    // If card number doesn't exist immediately return;\r\n    if (!loyaltyCard.result?.CardNumber) {\r\n        return;\r\n    }\r\n    const loyaltyGroup = loyaltyCard.result?.LoyaltyGroups && loyaltyCard.result?.LoyaltyGroups[0];\r\n    // highestLoyaltCardTier\r\n    const highestActiveLoyaltyCardTier = loyaltyGroup && loyaltyGroup.HighestActiveLoyaltyCardTier;\r\n    const loyaltyCardTiers = loyaltyGroup && loyaltyGroup.LoyaltyCardTiers;\r\n    // Get TierId based on the active cardTier\r\n    if (loyaltyCardTiers && loyaltyCardTiers?.length > 0) {\r\n        for (const [_, loyaltyCardTier] of loyaltyCardTiers.entries()) {\r\n            if (loyaltyCardTier.RecordId === highestActiveLoyaltyCardTier) {\r\n                return loyaltyCardTier.TierId;\r\n            }\r\n        }\r\n    }\r\n    return;\r\n};\r\n// commented out for production\r\n// const getTotalPoints = (props: IHeaderViewProps & IHeaderProps<IHeaderData>): number => {\r\n//     const rewardPoints = props.data.loyaltyCard.result && props.data.loyaltyCard.result.RewardPoints;\r\n//     let total = 0;\r\n//     rewardPoints!.forEach(loyaltyPoints => {\r\n//         total += loyaltyPoints.ActivePoints ?? 0;\r\n//     });\r\n\r\n//     return total;\r\n// };\r\n/* VSI Customization - START - 22/10/20 */\r\n/* Updated function parameters to handle state and user menu pop-up*/\r\nfunction _renderDesktopAccountBlock(\r\n    props: IHeaderViewProps & IHeaderProps<IHeaderData>,\r\n    popOver: boolean,\r\n    togglePopOver: React.Dispatch<React.SetStateAction<boolean>>,\r\n    popOverRef: React.RefObject<HTMLButtonElement>\r\n): JSX.Element | null {\r\n    /* VSI Customization - START - 22/10/20 */\r\n    /* Following function toggle popover */\r\n    function toggleState(): void {\r\n        togglePopOver(!popOver);\r\n    }\r\n    const {\r\n        AccountInfoDropdownParentContainer,\r\n        signInLink,\r\n        signOutLink,\r\n        config: { myAccountLinksBeforeLogin },\r\n        data: {\r\n            accountInformation: { result }\r\n        },\r\n        /* Added following 2 configs for displaying text to greet customer */\r\n        resources: { greetingText }\r\n    } = props;\r\n    /* Following lines checks if user is loggedin or not */\r\n    const isLoggedIn = result && result.Name ? true : false;\r\n    //commented out for production\r\n    // const loyaltyCardData = props.data.loyaltyCard.result;\r\n    // const rewardPoints = props.data.loyaltyCard.result && loyaltyCardData?.RewardPoints;\r\n    // const totalPoints = rewardPoints && getTotalPoints(props);\r\n    // const tierName = getTierId(props);\r\n    // const [coffeePerksBalance, setCoffeePerksBalance] = useState<number | undefined>(undefined);\r\n    // const [coffeeMembershipError, setCoffeeMembershipError] = React.useState(false);\r\n    // if (!coffeePerksBalance) {\r\n    //     // First call to get customer rewards if any\r\n    //     const customerCardNo = props.data.loyaltyCard.result?.CardNumber;\r\n    //     if (customerCardNo && props.config.programID) {\r\n    //         _getLoyaltyInfo(\r\n    //             props.context.actionContext,\r\n    //             customerCardNo,\r\n    //             props.config.programID,\r\n    //             props.config.rewardID!,\r\n    //             props.config.availableRewardID!,\r\n    //             setCoffeePerksBalance,\r\n    //             setCoffeeMembershipError\r\n    //         ).catch((error: Error) => error);\r\n    //     }\r\n    // }\r\n    //console.log(coffeeMembershipError);\r\n    const userOptionsDropDownContainer = _getPopoverContainer(props, popOver, togglePopOver, popOverRef);\r\n    /* User Avator will display user menu options when mouse moves on it */\r\n    const userAvatar = _getUserAvatar(props, popOver, togglePopOver, popOverRef);\r\n    /* Updated return data to display avatar and popup options for both loggedin and guest customer.\r\n    Option for both type of customer have some common and some different items. */\r\n    if (AccountInfoDropdownParentContainer) {\r\n        if (userAvatar) {\r\n            return (\r\n                <Node {...AccountInfoDropdownParentContainer} onClick={toggleState} onMouseEnter={toggleState} onMouseLeave={toggleState}>\r\n                    {userAvatar}\r\n                    <Node {...userOptionsDropDownContainer} className='ms-header__user-options'>\r\n                        <div className='slide-down-animation'>\r\n                            {signInLink}\r\n                            {isLoggedIn && result && result.Name && (\r\n                                <Node tag='div' className={'ms-header__greeting-text'}>\r\n                                    {greetingText}\r\n                                    {result.Name}\r\n                                </Node>\r\n                            )}\r\n                            {_getAccountLinks(props)}\r\n                            {!isLoggedIn && myAccountLinksBeforeLogin && myAccountLinksBeforeLogin.map(_getAccountLinksForGuest)}\r\n                            {signOutLink}\r\n                            {/* commented out for production*/}\r\n                            {/* {isLoggedIn && tierName === 'Club Plus' && (\r\n                                <Node\r\n                                    style={{\r\n                                        backgroundColor: 'gray',\r\n                                        display: 'grid',\r\n                                        gridTemplateColumns: '50% 50%',\r\n                                        marginBottom: '0px'\r\n                                    }}\r\n                                    tag='div'\r\n                                    className={'ms-account-loyalty__total-points'}\r\n                                >\r\n                                    <div className='loyalty-points-dropdown'>\r\n                                        <div className='clubPlus-points-drinks'>{totalPoints && totalPoints.toFixed(0)}</div>\r\n                                        <div className='points-drink-text'>points</div>\r\n                                    </div>\r\n                                    <div className='loyalty-coffee-dropdown'>\r\n                                        <div className='clubPlus-points-drinks'>{coffeePerksBalance}</div>\r\n                                        <div className=' points-drink-text'>hot drinks</div>\r\n                                    </div>\r\n                                </Node>\r\n                            )}\r\n                            {isLoggedIn && tierName === 'Club' && (\r\n                                <div\r\n                                    style={{\r\n                                        marginBottom: '0px',\r\n                                        backgroundColor: 'gray',\r\n                                        display: 'flow-root'\r\n                                    }}\r\n                                    className='ms-account-loyalty__total-points'\r\n                                >\r\n                                    <div className='loyalty-points-Club-dropdown'>\r\n                                        <div className=' club-points-drinks'>{totalPoints && totalPoints.toFixed(0)}</div>\r\n                                        <div className='points-drink-text'>points</div>\r\n                                    </div>\r\n                                </div>\r\n                            )} */}\r\n                        </div>\r\n                    </Node>\r\n                </Node>\r\n            );\r\n        }\r\n    }\r\n    /* VSI Customization - END - 23/10/20 */\r\n    props.context.telemetry.error('Header content is empty, module wont render.');\r\n    return null;\r\n}\r\n// this function will return myAccountLinks (coming from CMS)\r\nconst _getAccountLinks = (props: IHeaderViewProps & IHeaderProps<IHeaderData>): React.ReactNode[] | undefined => {\r\n    const { myAccountLinks, clubPlusTierText, dobbiesClubLinkText } = props.config;\r\n    // User's tier ID (loyalty membership could be club or club plus)\r\n    const tierId = getTierId(props);\r\n    const telemetryContent = getTelemetryObject(props.context.request.telemetryPageName!, props.friendlyName, props.telemetry);\r\n    const payLoad = getPayloadObject('click', telemetryContent, '');\r\n    if (!props.data.accountInformation.result || !myAccountLinks || !myAccountLinks.length) {\r\n        return undefined;\r\n    }\r\n    return myAccountLinks.map((cta: IMyAccountLinksData, index: number) => {\r\n        // If user's tier is club plus override the url to \"loyalty\"\r\n        if (\r\n            cta.linkText?.toLowerCase() === dobbiesClubLinkText?.toLowerCase() &&\r\n            tierId?.toLowerCase() === clubPlusTierText?.toLowerCase()\r\n        ) {\r\n            cta.linkUrl.destinationUrl = Msdyn365.getUrlSync('loyalty', props.context.actionContext) || '';\r\n        }\r\n        payLoad.contentAction.etext = cta.linkText;\r\n        const attributes = getTelemetryAttributes(telemetryContent, payLoad);\r\n        const editableLink: Msdyn365.ILinksData = {\r\n            ariaLabel: cta.ariaLabel,\r\n            className: 'ms-signin-info__account-link-button',\r\n            linkText: cta.linkText,\r\n            linkUrl: cta.linkUrl.destinationUrl,\r\n            openInNewTab: cta.openInNewTab,\r\n            role: 'button',\r\n            additionalProperties: attributes\r\n        };\r\n\r\n        return (\r\n            <Msdyn365.Link\r\n                key={index}\r\n                link={editableLink}\r\n                editProps={{ onTextChange: handleLinkTextChange(index, props), requestContext: props.context.request }}\r\n            />\r\n        );\r\n    });\r\n};\r\n\r\n/* Handle link text change*/\r\nconst handleLinkTextChange = (linkIndex: number, props: IHeaderViewProps & IHeaderProps<IHeaderData>) => (\r\n    event: Msdyn365.ContentEditableEvent\r\n) => {\r\n    if (props.config.myAccountLinks && props.config.myAccountLinks[linkIndex]) {\r\n        props.config.myAccountLinks[linkIndex].linkText = event.target.value;\r\n    }\r\n};\r\n\r\n// This function converts linkData to React.ReactNode\r\nconst _getAccountLinksForGuest = (link: IMyAccountLinksBeforeLoginData): React.ReactNode => {\r\n    const editableLink: Msdyn365.ILinksData = {\r\n        ariaLabel: link.ariaLabel,\r\n        className: 'ms-guest-user__account-link-button',\r\n        linkText: link.linkText,\r\n        linkUrl: link.linkUrl.destinationUrl,\r\n        openInNewTab: link.openInNewTab,\r\n        role: 'button'\r\n    };\r\n\r\n    return <Msdyn365.Link link={editableLink} />;\r\n};\r\n\r\n/* Following function displays pop-up menu when mouse moves on avatar.\r\nThis function is also available in header.tsx file but re-wrote here just to remove the condition of loggedin user from it.\r\nSo that pop-up will be displayed for both loggedin and guest user. */\r\nconst _getPopoverContainer = (\r\n    props: IHeaderViewProps & IHeaderProps<IHeaderData>,\r\n    popOver: boolean,\r\n    togglePopOver: React.Dispatch<React.SetStateAction<boolean>>,\r\n    popOverRef: React.RefObject<HTMLButtonElement>\r\n) => {\r\n    return (\r\n        {\r\n            tag: Popover,\r\n            id: 'userOptionsPopover',\r\n            className: 'ms-header__user-options-content',\r\n            placement: 'bottom',\r\n            isOpen: popOver,\r\n            target: popOverRef,\r\n            toggle: togglePopOver\r\n        } || undefined\r\n    );\r\n};\r\n/* Following function return avatar which will display pop-up menu on mousehover */\r\nconst _getUserAvatar = (\r\n    props: IHeaderViewProps & IHeaderProps<IHeaderData>,\r\n    popOver: boolean,\r\n    togglePopOver: React.Dispatch<React.SetStateAction<boolean>>,\r\n    popOverRef: React.RefObject<HTMLButtonElement>\r\n): React.ReactNode | undefined => {\r\n    function toggleState(): void {\r\n        togglePopOver(!popOver);\r\n    }\r\n    const {\r\n        resources: { userOptionsMenuLabel }\r\n    } = props;\r\n    return (\r\n        <Button\r\n            innerRef={popOverRef}\r\n            className='ms-header__user-options-button'\r\n            aria-describedby='userOptionsPopover'\r\n            onClick={toggleState}\r\n            color='link'\r\n            aria-expanded={popOver}\r\n        >\r\n            <span className='ms-profile-button-text'>{userOptionsMenuLabel}</span>\r\n        </Button>\r\n    );\r\n};\r\n\r\n/* Following function returns Signup button for guest user. */\r\nconst _getSignUpButton = (props: IHeaderViewProps & IHeaderProps<{}>, isMobile: Boolean): React.ReactNode | undefined => {\r\n    const {\r\n        context: {\r\n            request: {\r\n                user: { signUpUrl }\r\n            }\r\n        },\r\n        resources: { signUpLinkNameforDesktop, signUpLinkNameforMobile }\r\n    } = props;\r\n    const editableLink: Msdyn365.ILinksData = {\r\n        className: isMobile ? 'ms-header__sign-up-button msc-btn' : 'ms-header__sign-up-link msc-btn',\r\n        linkText: isMobile ? signUpLinkNameforMobile : signUpLinkNameforDesktop,\r\n        linkUrl: signUpUrl,\r\n        role: 'button'\r\n    };\r\n    return <Msdyn365.Link link={editableLink} />;\r\n};\r\n/* VSI Customization - END - 23/10/20 */\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","/* tslint:disable:max-func-body-length */\r\n\r\nimport { Waiting } from '@msdyn365-commerce-modules/utilities';\r\nimport * as Msdyn365 from '@msdyn365-commerce/core';\r\nimport { getCartState } from '@msdyn365-commerce/global-state';\r\nimport * as React from 'react';\r\nimport { IDobbiesAddProductToCartViewProps } from '../dobbies-add-product-to-cart';\r\n\r\nimport { getSelectedVariant, SelectedVariantInput } from '@msdyn365-commerce-modules/retail-actions';\r\n\r\nexport enum TierType {\r\n    Club = 'club',\r\n    ClubPlus = 'club-plus',\r\n    ClubPremium = 'club-premium',\r\n    ClubPlusFreeTrial = 'club-plus-trial'\r\n}\r\n\r\nexport interface IDobbiesProductAddToCartProps {\r\n    props: IDobbiesAddProductToCartViewProps;\r\n}\r\n\r\nconst DobbiesProductAddToCart: React.FC<IDobbiesProductAddToCartProps> = props => {\r\n    const [itemAdded, setItemAdded] = React.useState(false);\r\n    const { isAuthenticated } = props.props.context.request.user;\r\n    const { authenticationMessage, loadingDobbiesExperienceMessage } = props.props.resources;\r\n\r\n    const { clubPremiumTierId, clubPlusTierId, clubPlusTrialTierId } = props.props.config;\r\n\r\n    React.useEffect(() => {\r\n        const addProductToCart = async () => {\r\n            // get product from data that we want to add into cart.\r\n\r\n            // VSI CUSTOMIZATION - START\r\n            const context = props.props.context.actionContext;\r\n            // props.props.context.request.channel!.RecordId\r\n\r\n            // Clear cart on page load\r\n            const cartState = await getCartState(props.props.context.actionContext);\r\n\r\n            const lineItemIdsToRemove = [];\r\n            let productToAdd;\r\n\r\n            const activeCart = cartState.cart;\r\n            for (const activeCartLine of activeCart.CartLines || []) {\r\n                lineItemIdsToRemove.push(activeCartLine.LineId!);\r\n            }\r\n\r\n            if (lineItemIdsToRemove.length > 0) {\r\n                try {\r\n                    await cartState.removeCartLines({ cartLineIds: lineItemIdsToRemove });\r\n                } catch (error) {\r\n                    throw error;\r\n                }\r\n            }\r\n\r\n            if (!props.props.context.request.query?.tier) return;\r\n\r\n            const tier = props.props.context.request.query.tier.toLowerCase();\r\n\r\n            if (tier === TierType.ClubPremium) {\r\n                const variantInput = new SelectedVariantInput(clubPremiumTierId!, props.props.context.request.channel!.RecordId);\r\n                const newProduct = await getSelectedVariant(variantInput, context);\r\n\r\n                productToAdd = newProduct;\r\n            } else if (tier === TierType.ClubPlusFreeTrial) {\r\n                const variantInput = new SelectedVariantInput(clubPlusTrialTierId!, props.props.context.request.channel!.RecordId);\r\n                const newProduct = await getSelectedVariant(variantInput, context);\r\n\r\n                productToAdd = newProduct;\r\n            } else {\r\n                const variantInput = new SelectedVariantInput(clubPlusTierId!, props.props.context.request.channel!.RecordId);\r\n                const newProduct = await getSelectedVariant(variantInput, context);\r\n\r\n                productToAdd = newProduct;\r\n            }\r\n\r\n            // if cartLines is empty add product to cart\r\n            if (cartState.cart.CartLines && cartState.cart.CartLines.length === 0) {\r\n                await cartState.addProductToCart({ product: productToAdd!, count: 1, enableStockCheck: false });\r\n                // After adding product to cart redirects user to checkout page\r\n                setItemAdded(true);\r\n            }\r\n            const checkoutLink = Msdyn365.getUrlSync('checkout', props.props.context.actionContext) || '';\r\n\r\n            if (tier === TierType.ClubPremium) {\r\n                window.location.assign(`${checkoutLink}?tier=club-premium`);\r\n            } else if (tier === TierType.ClubPlus) {\r\n                window.location.assign(`${checkoutLink}?tier=club-plus`);\r\n            } else {\r\n                window.location.assign(`${checkoutLink}`);\r\n            }\r\n        };\r\n\r\n        const loyaltyGroups = props.props.data.loyaltyCard.result?.LoyaltyGroups;\r\n        const tier =\r\n            loyaltyGroups &&\r\n            loyaltyGroups.length > 0 &&\r\n            loyaltyGroups[0].LoyaltyCardTiers &&\r\n            loyaltyGroups[0].LoyaltyCardTiers.length > 0 &&\r\n            loyaltyGroups[0].LoyaltyCardTiers[0].TierId;\r\n        // If user is authenticated\r\n        if (isAuthenticated) {\r\n            // if user tierId is not 'club plus' add product to cart and redirect to checkout\r\n            if (!props.props.data.loyaltyCard.result?.LoyaltyGroups) {\r\n                // redirect user to loyalty page\r\n                const loyaltyJoinLink = props.props.context?.app?.config?.loyaltyJoinLink;\r\n                window.location.assign(loyaltyJoinLink);\r\n            } else {\r\n                // check if loyalty tier is club free then proceed\r\n                if (tier && tier.toLowerCase() !== props.props.config.clubPlusText?.toLowerCase()) {\r\n                    !itemAdded && addProductToCart();\r\n                    // TODO: if tier is expired what to do\r\n                } else {\r\n                    // redirects user to loyalty page (so he can view his points)\r\n                    const loyaltyLink = props.props.context?.app?.config?.loyaltyLink;\r\n                    window.location.assign(loyaltyLink);\r\n                }\r\n            }\r\n        } else {\r\n            // if user is not authenticated redirects to checkout\r\n            const signinLink = props.props.context.request.user.signInUrl;\r\n            setItemAdded(true);\r\n            window.location.assign(signinLink!);\r\n        }\r\n    }, [itemAdded]);\r\n    // If user is not authenticated show him/her message with loader and redirects him to signin page\r\n    if (isAuthenticated) {\r\n        return (\r\n            <div className='loading-message-container'>\r\n                <div className='loading-message-container__innerbox'>\r\n                    <Waiting />\r\n                    <span>{authenticationMessage}</span>\r\n                </div>\r\n            </div>\r\n        );\r\n        // If user is authenticated display him/her custom message please wait while we're loading club experience\r\n    } else {\r\n        return (\r\n            <div className='loading-message-container'>\r\n                <div className='loading-message-container__innerbox'>\r\n                    <Waiting />\r\n                    <span>{loadingDobbiesExperienceMessage}</span>\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n};\r\n\r\nexport default DobbiesProductAddToCart;\r\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { AsyncResult } from '@msdyn365-commerce/core';\nimport { Customer } from '@msdyn365-commerce/retail-proxy';\nimport { IHeaderViewProps } from '@msdyn365-commerce-modules/header';\nimport { Collapse, Drawer, Module, Node } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport * as React from 'react';\n\nconst headerView: React.FC<IHeaderViewProps> = props => {\n    const {\n        HeaderTag,\n        HeaderContainer,\n        HeaderTopBarContainer,\n        Divider\n    } = props;\n    return (\n        <Module {...HeaderTag}>\n            <Node {...HeaderContainer}>\n                <Node {...HeaderTopBarContainer}>\n                    {props.navIcon}\n                    {props.logo}\n                    {_renderReactFragment(props.search)}\n                    {props.preferredStore}\n                    {_renderAccountBlock(props, false)}\n                    {props.wishListIconDesktop}\n                    <Node {...Divider} />\n                    {props.cartIcon}\n                    {_renderReactFragment(props.siteOptions)}\n                </Node>\n                {_renderCollapseMenu(props)}\n                <Node className='ms-header__desktop-view'>\n                    {_renderReactFragment(props.menuBar)}\n                </Node>\n            </Node>\n        </Module>\n    );\n};\n\nfunction _renderCollapseMenu(props: IHeaderViewProps): JSX.Element | null {\n    const { Divider, MobileMenuLinksContainer, mobileMenuCollapsed } = props;\n    return (\n        <Collapse className='ms-header__collapsible-hamburger' isOpen={!mobileMenuCollapsed}>\n            <Node {...MobileMenuLinksContainer}>\n                {_renderReactFragment(props.search)}\n                {_renderMobileAccountBlock(props, true)}\n                { props.wishListIconMobile }\n                {props.siteOptions}\n            </Node>\n            <Node {...Divider} />\n            {_renderReactFragment(props.menuBar)}\n        </Collapse>\n    );\n}\n\nconst renderCustomerName = (accountInformation: AsyncResult<Customer>): React.ReactChild => {\n    const customer = accountInformation && accountInformation.result;\n    return (\n        <>\n            {customer ? customer.FirstName || customer.Name : ''}\n        </>\n    );\n};\n\nfunction _renderMobileAccountBlock(props: IHeaderViewProps, renderForMobile: boolean): JSX.Element | null {\n    const {\n        AccountInfoDropdownParentContainer,\n        signOutLink,\n        signInLink,\n        data,\n        accountLinks } = props;\n\n    if (AccountInfoDropdownParentContainer) {\n        const accountClassName = classnames('ms-header__drawer', AccountInfoDropdownParentContainer.className, renderForMobile ? 'account-mobile' : 'account-desktop');\n\n        if (accountLinks) {\n            return (\n                <Drawer\n                    className={accountClassName} openGlyph='ms-header__drawer-open' closeGlyph='ms-header__drawer-close'\n                    glyphPlacement='end' toggleButtonText={renderCustomerName(data.accountInformation)}>\n                    <div>\n                        { accountLinks ? accountLinks.map((link: React.ReactNode) => link) : false }\n                        {signOutLink}\n                    </div>\n                </Drawer>\n            );\n        } else if (signInLink) {\n            return (\n                <Node {...AccountInfoDropdownParentContainer} className={accountClassName}>\n                    {signInLink}\n                </Node>\n            );\n        }\n    }\n    return null;\n}\n\nfunction _renderAccountBlock(props: IHeaderViewProps, renderForMobile: boolean): JSX.Element | null {\n    const {\n        AccountInfoDropdownParentContainer,\n        AccountInfoDropdownPopoverConentContainer,\n        accountInfoDropdownButton,\n        signOutLink,\n        signInLink,\n        accountLinks\n    } = props;\n\n    if (AccountInfoDropdownParentContainer) {\n        const accountClassName = classnames(AccountInfoDropdownParentContainer.className, renderForMobile ? 'account-mobile' : 'account-desktop');\n        if (AccountInfoDropdownPopoverConentContainer) {\n            return (\n                <Node {...AccountInfoDropdownParentContainer} className={accountClassName}>\n                    {accountInfoDropdownButton}\n                    <Node {...AccountInfoDropdownPopoverConentContainer}>\n                        { accountLinks ? accountLinks.map((link: React.ReactNode) => link) : false }\n                        {signOutLink}\n                    </Node>\n                </Node>\n            );\n        } else if (signInLink) {\n            return (\n                <Node {...AccountInfoDropdownParentContainer} className={accountClassName}>\n                    {signInLink}\n                </Node>\n            );\n        }\n    }\n\n    return null;\n}\n\nfunction _renderReactFragment(items: React.ReactNode[]): JSX.Element | null {\n    return (\n        <>\n            {items && items.length > 0 ? items.map((slot: React.ReactNode, index: number) => {\n                return (<React.Fragment key={index}>\n                    {slot}\n                </React.Fragment>);\n            }) : null}\n        </>\n    );\n}\n\nexport default headerView;\n","module.exports = React;","module.exports = ReactDOM;"],"sourceRoot":""}