{"version":3,"file":"static/js/e085bb7d01f2551f071d.bundle.js","mappings":"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","sources":["webpack://morland-ecommerce/./src/modules/header-section/actions/get-auto-suggest-suggestions.ts?182a","webpack://morland-ecommerce/./src/modules/header-section/header-section.tsx?4025","webpack://morland-ecommerce/./src/modules/header-section/header-section.view.tsx?3edf","webpack://morland-ecommerce/./src/utils/debug-mode.ts?cb07","webpack://morland-ecommerce/./lib/header-section/module-registration.js?f22e","webpack://morland-ecommerce/./src/search-state-data-action.ts?8223","webpack://morland-ecommerce/external var \"React\"?0d3b","webpack://morland-ecommerce/external var \"ReactDOM\"?853b"],"sourcesContent":["/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\n/* eslint-disable no-duplicate-imports */\nimport { Autosuggestions } from '@msdyn365-commerce/commerce-entities';\nimport {\n    CacheType,\n    createObservableDataAction,\n    getCatalogId,\n    IAction,\n    IActionContext,\n    IActionInput,\n    ICreateActionContext\n} from '@msdyn365-commerce/core';\nimport { SearchSuggestion, SearchSuggestionCriteria } from '@msdyn365-commerce/retail-proxy';\nimport { getSearchSuggestionsAsync } from '@msdyn365-commerce/retail-proxy/dist/DataActions/StoreOperationsDataActions.g';\nimport { generateImageUrl } from '@msdyn365-commerce-modules/retail-actions';\n\nexport enum SuggestionType {\n    Category = 'ScopedCategory',\n    Keyword = 'Keyword',\n    Product = 'Product',\n    None = 'None'\n}\n\n/**\n * Input class for auto suggest search input.\n */\nexport class AutoSuggestInput implements IActionInput {\n    public searchQuery?: string;\n\n    public topResultsCount?: number;\n\n    public suggestionType?: string;\n\n    public hitPrefix?: string;\n\n    public hitSuffix?: string;\n\n    public constructor(searchText?: string, top?: number, suggestionType?: string, hitPrefix?: string, hitSuffix?: string) {\n        this.searchQuery = searchText;\n        this.topResultsCount = top;\n        this.suggestionType = suggestionType;\n        this.hitPrefix = hitPrefix;\n        this.hitSuffix = hitSuffix;\n    }\n\n    public getCacheKey = () => 'AutoSuggestSearchSuggestions';\n\n    public getCacheObjectType = () => 'AutoSuggestSearchSuggestions';\n\n    public dataCacheType = (): CacheType => 'none';\n}\n\nconst createInput = (inputData: ICreateActionContext) => {\n    return new AutoSuggestInput();\n};\n\n/**\n * Calls the Retail API and returns a auto-suggest suggestions.\n * @param input\n * @param ctx\n */\nexport async function getSearchSuggestionsAction(input: AutoSuggestInput, ctx: IActionContext): Promise<Autosuggestions | null> {\n    // If no input is provided fail out\n    if (!input || !input.searchQuery) {\n        throw new Error('[getSearchSuggestionsAction]No valid Input was provided, failing');\n    }\n\n    const autosuggest: Autosuggestions = {};\n\n    const autoSuggestPromises = [_getAutoSuggest(input, autosuggest, ctx)];\n    return Promise.all(autoSuggestPromises).then(() => {\n        return autosuggest;\n    });\n}\n\nasync function _getAutoSuggest(input: AutoSuggestInput, autosuggest: Autosuggestions, ctx: IActionContext): Promise<void> {\n    const catalogId = getCatalogId(ctx.requestContext);\n    const searchCriteria: SearchSuggestionCriteria = {\n        ProductSearchCriteria: {\n            SearchCondition: input.searchQuery && input.searchQuery.length > 0 ? input.searchQuery : '',\n            Context: {\n                ChannelId: +ctx.requestContext.apiSettings.channelId,\n                CatalogId: catalogId\n            }\n        },\n        HitPrefix: input.hitPrefix,\n        HitSuffix: input.hitSuffix,\n        SuggestionType: input.suggestionType\n    };\n\n    const searchSuggestions = await getSearchSuggestionsAsync(\n        { callerContext: ctx, queryResultSettings: { Paging: { Top: input.topResultsCount } } },\n        searchCriteria\n    );\n\n    if (searchSuggestions && searchSuggestions.length > 0) {\n        // Generate image url\n        searchSuggestions.map(\n            (item: SearchSuggestion) =>\n                (item.ImageUrl = item.ImageUrl ? generateImageUrl(item.ImageUrl, ctx.requestContext.apiSettings) : '')\n        );\n\n        autosuggest.AllSearchResults = searchSuggestions;\n    } else {\n        ctx.telemetry.error(\n            `[getSearchSuggestionsAction] unable to get availabilites for search with suggestion type ${searchCriteria.SuggestionType}`\n        );\n    }\n}\n\nexport const getSearchSuggestionsActionDataAction = createObservableDataAction({\n    id: '@msdyn365-commerce-modules/search/get-auto-suggest-suggestions',\n    action: <IAction<Autosuggestions>>getSearchSuggestionsAction,\n    input: createInput\n});\n\nexport default getSearchSuggestionsActionDataAction;\n","import * as React from 'react';\nimport { Autosuggestions, CategoryHierarchy } from '@msdyn365-commerce/commerce-entities';\nimport { IHeaderSectionData } from './header-section.data';\nimport { IHeaderSectionProps } from './header-section.props.autogenerated';\nimport getSearchSuggestionsAction, { AutoSuggestInput, SuggestionType } from './actions/get-auto-suggest-suggestions';\nimport { IActionContext } from '@msdyn365-commerce/core';\nimport { Cart } from '@msdyn365-commerce/retail-proxy';\n\nexport interface IHeaderSectionViewProps extends IHeaderSectionProps<IHeaderSectionData> {\n    categories: CategoryHierarchy[];\n    cart: Cart | undefined;\n    inputChange: (query: string, ctx: IActionContext) => {};\n    suggestions: Autosuggestions | undefined;\n}\n\nexport interface ISearchState {\n    suggestions: Autosuggestions | undefined;\n}\nclass HeaderSection extends React.PureComponent<IHeaderSectionProps<IHeaderSectionData>, ISearchState> {\n    public constructor(props: IHeaderSectionProps<IHeaderSectionData>) {\n        super(props);\n        this.state = {\n            suggestions: {}\n        };\n        this.inputChange = this.inputChange.bind(this);\n    }\n    public render(): JSX.Element | null {\n        const {\n            data: { categories, cart }\n        } = this.props;\n        const { suggestions } = this.state;\n        const MLHeaderViewProps = {\n            ...this.props,\n            inputChange: this.inputChange,\n            categories: categories.result,\n            suggestions: suggestions,\n            cart: typeof cart.result !== 'undefined' ? cart.result : undefined\n        };\n        return this.props.renderView(MLHeaderViewProps);\n    }\n\n    private async inputChange(query: string, ctx: IActionContext) {\n        if (query.length > 0) {\n            const searchSuggestions = await getSearchSuggestionsAction(\n                new AutoSuggestInput(query, 50, SuggestionType.Product, '', ''),\n                ctx\n            );\n            this.setState({ suggestions: searchSuggestions });\n        }\n    }\n}\n\nexport default HeaderSection;\n","import * as Msdyn365 from '@msdyn365-commerce/core';\r\nimport { debounce } from 'lodash';\r\n\r\nimport { generateImageUrl, getProductPageUrlSync } from '@msdyn365-commerce-modules/retail-actions';\r\n\r\nimport React, { RefObject, useEffect, useRef, useState } from 'react';\r\nimport { IHeaderSectionViewProps } from './header-section';\r\nimport { CategoryHierarchy } from '@msdyn365-commerce/commerce-entities';\r\nimport { Cart } from '@msdyn365-commerce/retail-proxy';\r\nimport { ISiteOptionListData } from './header-section.props.autogenerated';\r\nimport { logDetails } from '../../utils/debug-mode';\r\n\r\nconst SubSubMenuComponent: React.FC<{ subSubMenuCategories: CategoryHierarchy[] }> = ({ subSubMenuCategories }) => {\r\n    return (\r\n        <ul className={` ${subSubMenuCategories.length > 0 ? 'open' : ''}`}>\r\n            {subSubMenuCategories.map(subSubMenuCategory => (\r\n                <li key={subSubMenuCategory.RecordId} className='Menu-Item-2'>\r\n                    <a href={subSubMenuCategory.Url} className='Menu-Link-2'>\r\n                        {subSubMenuCategory.Name}\r\n                    </a>\r\n                </li>\r\n            ))}\r\n        </ul>\r\n    );\r\n};\r\n\r\nconst SubMenuComponent: React.FC<{\r\n    subCategories: CategoryHierarchy[];\r\n    isOpen: boolean;\r\n    onToggle: () => void;\r\n    onSubSubMenuToggle: (subCategory: CategoryHierarchy, event: React.MouseEvent) => void;\r\n}> = ({ subCategories, isOpen, onToggle, onSubSubMenuToggle }) => {\r\n    return (\r\n        <ul className={`submenu ${isOpen ? 'open' : ''}`}>\r\n            {subCategories.map(subCategory => (\r\n                <li key={subCategory.RecordId} className='Menu-Item-1'>\r\n                    <div className='Menu-ItemContent'>\r\n                        <a href={subCategory.Url} className='Menu-Link-1' onClick={e => onSubSubMenuToggle(subCategory, e)}>\r\n                            {subCategory.Name}\r\n                        </a>\r\n                        {subCategory.Children && subCategory.Children.length > 0 && (\r\n                            <div className='Menu-Icon-1' onClick={onToggle}>\r\n                                {/* ▼ */}\r\n                            </div>\r\n                        )}\r\n                    </div>\r\n                    {isOpen && <SubSubMenuComponent subSubMenuCategories={subCategory.Children || []} />}\r\n                </li>\r\n            ))}\r\n        </ul>\r\n    );\r\n};\r\nexport default (props: IHeaderSectionViewProps) => {\r\n    logDetails(props.context.app.config.debugMode, props);\r\n    const { inputChange, suggestions, categories, config, cart } = props;\r\n\r\n    // @ts-ignore\r\n    const cartState: Cart = typeof cart !== 'undefined' ? cart._cart : undefined;\r\n    const user = props.context.request.user;\r\n    // const intlFormatter = props.context.cultureFormatter;\r\n    const context = props.context.actionContext;\r\n    const subCategoryRef = useRef<HTMLDivElement>(null);\r\n    const menuRef = useRef<HTMLAnchorElement>(null);\r\n    const miniCartRef = useRef<HTMLButtonElement>(null);\r\n    const myAccountRef = useRef<HTMLButtonElement>(null);\r\n\r\n    const [openStoreSwitcher, setStoreSwitcher] = React.useState(false);\r\n    const [menuOpen, setMenuOpen] = useState(false);\r\n    const [searchResultsOpen, setSearchResultsOpen] = useState(false);\r\n    const [miniCartOpen, setMiniCartOpen] = useState(false);\r\n    miniCartOpen;\r\n    const [myAccountOpen, setMyAccountOpen] = useState(false);\r\n    const [searchInput, setSearchInput] = useState('');\r\n\r\n    const LogoImageGrid: Msdyn365.IGridSettings = {\r\n        xs: {\r\n            w: 0,\r\n            h: 0\r\n        },\r\n        sm: {\r\n            w: 0\r\n        },\r\n        md: {\r\n            w: 0\r\n        },\r\n        lg: {\r\n            w: 0\r\n        },\r\n        xl: {\r\n            w: 0\r\n        }\r\n    };\r\n\r\n    LogoImageGrid;\r\n    useEffect(() => {\r\n        if (searchInput.length > 0) {\r\n            setSearchResultsOpen(true);\r\n            inputChange(searchInput, context);\r\n        } else {\r\n            setSearchResultsOpen(false);\r\n        }\r\n    }, [searchInput]);\r\n\r\n    const updateSearchInput = (inputValue: string) => {\r\n        setSearchInput(inputValue);\r\n    };\r\n    const debounceOnChange = debounce(updateSearchInput, 500);\r\n    const searchInputRef: RefObject<HTMLInputElement> = useRef(null);\r\n\r\n    useEffect(() => {\r\n        if (!menuOpen) {\r\n            if (Msdyn365.msdyn365Commerce.isBrowser) {\r\n                document.querySelectorAll('.Menu-Link').forEach(el => {\r\n                    el.classList.remove('Menu-Link_isHovered');\r\n                });\r\n            }\r\n        }\r\n    }, [menuOpen]);\r\n\r\n    const handleMenuOpen = (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\r\n        e.currentTarget.classList.add('Menu-Link_isHovered');\r\n        setMenuOpen(true);\r\n\r\n        if (Msdyn365.msdyn365Commerce.isBrowser) {\r\n            document.querySelectorAll('.Menu-Link').forEach(el => {\r\n                if (el !== e.currentTarget) {\r\n                    el.classList.remove('Menu-Link_isHovered');\r\n                }\r\n            });\r\n        }\r\n    };\r\n    const [menuContainerOpen, setMenuContainerOpen] = useState(false);\r\n    const [currentSubMenuOpen, setCurrentSubMenuOpen] = useState<number | null>(null);\r\n\r\n    const [currentSubCategories, setCurrentSubCategories] = useState<CategoryHierarchy[]>([]);\r\n    // @ts-ignore\r\n    const [currentSubSubMenuCategories, setCurrentSubSubMenuCategories] = useState<CategoryHierarchy[]>([]);\r\n    // @ts-ignore\r\n    const [currentSubSubMenuOpen, setCurrentSubSubMenuOpen] = useState<number | null>(null);\r\n    // @ts-ignore\r\n    const [subSubMenuPosition, setSubSubMenuPosition] = useState({ top: 0, left: 0 });\r\n    const [openSubMenuIds, setOpenSubMenuIds] = useState<number[]>([]);\r\n    // @ts-ignore\r\n    const [openSubSubMenuIds, setOpenSubSubMenuIds] = useState<number[]>([]);\r\n    if (Msdyn365.msdyn365Commerce.isBrowser) {\r\n        document.addEventListener('click', e => {\r\n            if (menuRef.current && !menuRef.current.contains(e.target as Node) && !subCategoryRef.current?.contains(e.target as Node)) {\r\n                setMenuOpen(false);\r\n                document.querySelectorAll('.Menu-Link').forEach(el => {\r\n                    el.classList.remove('Menu-Link_isHovered');\r\n                });\r\n            }\r\n\r\n            if (miniCartRef.current && !miniCartRef.current.contains(e.target as Node)) {\r\n                setMiniCartOpen(false);\r\n            }\r\n\r\n            if (myAccountRef.current && !myAccountRef.current.contains(e.target as Node)) {\r\n                setMyAccountOpen(false);\r\n            }\r\n        });\r\n    }\r\n\r\n    const handleSubMenuToggle = (categoryId: number, event: React.MouseEvent) => {\r\n        const isSameCategory = openSubMenuIds.includes(categoryId);\r\n\r\n        setOpenSubMenuIds(prevIds => (isSameCategory ? prevIds.filter(id => id !== categoryId) : [...prevIds, categoryId]));\r\n        setCurrentSubMenuOpen(isSameCategory ? null : categoryId);\r\n        // setCurrentSubSubMenuOpen(null);\r\n        console.log('sub smenu id', categoryId);\r\n        // Calculate position for sub-sub-menu based on the position of the triggering element\r\n        const rect = event.currentTarget.getBoundingClientRect();\r\n        setSubSubMenuPosition({ top: rect.top, left: rect.right });\r\n    };\r\n\r\n    const handleSubSubMenuToggle = (category: CategoryHierarchy, event: React.MouseEvent) => {\r\n        setOpenSubSubMenuIds(prevIds =>\r\n            prevIds.includes(category.RecordId) ? prevIds.filter(id => id !== category.RecordId) : [...prevIds, category.RecordId]\r\n        );\r\n\r\n        setCurrentSubSubMenuOpen(prev => (prev === category.RecordId ? null : category.RecordId));\r\n        console.log('sub sub sub menu id', category.RecordId);\r\n\r\n        // Calculate position for sub-sub-menu based on the position of the triggering element\r\n        const rect = event.currentTarget.getBoundingClientRect();\r\n        setSubSubMenuPosition({ top: rect.top, left: rect.right });\r\n    };\r\n    const toggleMenu = () => {\r\n        setMenuContainerOpen(!menuContainerOpen);\r\n        setCurrentSubMenuOpen(null);\r\n        setCurrentSubSubMenuOpen(null);\r\n    };\r\n    const handleMenuCategoryClose = (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\r\n        e;\r\n        if (Msdyn365.msdyn365Commerce.isBrowser) {\r\n            document.querySelectorAll('.Menu-Link').forEach(el => {\r\n                el.classList.remove('Menu-Link_isHovered');\r\n            });\r\n        }\r\n        setMenuOpen(false);\r\n    };\r\n\r\n    const handleOpenMyAccount = () => {\r\n        if (user && user.isAuthenticated) {\r\n            setMyAccountOpen(true);\r\n        } else if (Msdyn365.msdyn365Commerce.isBrowser) {\r\n            window.location.href = user.signInUrl as string;\r\n        }\r\n    };\r\n\r\n    const getImageUrl = (imageUrl: string | undefined) => {\r\n        return generateImageUrl(imageUrl, props.context.request.apiSettings) as string;\r\n    };\r\n\r\n    const getProductPageUrl = (name: string | undefined, recordId: string | number | undefined) => {\r\n        return getProductPageUrlSync(name as string, recordId as number, context);\r\n    };\r\n\r\n    const getCurrentSubCategories = (category: CategoryHierarchy) => {\r\n        setCurrentSubCategories(category.Children);\r\n    };\r\n\r\n    const [siteOption, setSiteOption] = useState<ISiteOptionListData | undefined>();\r\n    useEffect(() => {\r\n        props.config.siteOptions &&\r\n            props.config.siteOptions.length > 0 &&\r\n            props.config.siteOptions.map(value => {\r\n                if (value.link && value.link.trim() === '/' && props.context.request.sitePath === '') {\r\n                    setSiteOption(value);\r\n                } else if (value.link && value.link.trim() === props.context.request.sitePath) {\r\n                    setSiteOption(value);\r\n                }\r\n            });\r\n    }, []);\r\n    // const [mobSearchOpen, setMobSearchOpen] = useState(false);\r\n\r\n    // const toggleSearchOpen = () => {\r\n    //     setMobSearchOpen(!mobSearchOpen);\r\n    // };\r\n    return (\r\n        <div className='Morland-Header'>\r\n            <section className='Header-Wrapper'>\r\n                <header className='Header Header_name_cart_overlay FixedElement-Top'>\r\n                    <div className='SiteWideMessageCMS'>\r\n                        <div className='CmsBlock-Wrapper CmsBlock-Wrapper_type_'>\r\n                            <div className='row-full-width-inner' data-element='inner'>\r\n                                <div\r\n                                    className='pagebuilder-column-group'\r\n                                    data-content-type='column-group'\r\n                                    data-grid-size={12}\r\n                                    data-element='main'\r\n                                    style={{ display: 'flex', background: '#00296B' }}\r\n                                >\r\n                                    {config.topBanners &&\r\n                                        config.topBanners.length > 0 &&\r\n                                        config.topBanners.map((banner, index) => {\r\n                                            return (\r\n                                                <div\r\n                                                    className='ml-col-6'\r\n                                                    key={index}\r\n                                                    data-content-type='html'\r\n                                                    data-appearance='default'\r\n                                                    data-element='main'\r\n                                                    style={{ width: '50%' }}\r\n                                                >\r\n                                                    <div className='link'>\r\n                                                        <div style={{ textAlign: 'center' }}>\r\n                                                            <a href={banner.link?.destinationUrl}>{banner.text}</a>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            );\r\n                                        })}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className='Header-MainWrapper'>\r\n                        <div className='Header-Logo'>\r\n                            <a\r\n                                aria-label='Go to homepage by clicking on Morland logo'\r\n                                aria-hidden='false'\r\n                                tabIndex={0}\r\n                                href={props.app.routes.home.destinationUrl}\r\n                                className=' Header-LogoWrapper Header-LogoWrapper_isVisible'\r\n                            >\r\n                                <div className='Image Image_imageStatus_1 Logo'>\r\n                                    {/* <Msdyn365.Image\r\n                                        className='Image-Image'\r\n                                        gridSettings={LogoImageGrid}\r\n                                        src={config.companyMainlogo && config.companyMainlogo.src}\r\n                                        altText={config.companyMainlogo && config.companyMainlogo.altText}\r\n                                        title={config.companyMainlogo && config.companyMainlogo.title}\r\n                                    /> */}\r\n                                    {config.companyMainlogo ? (\r\n                                        <img\r\n                                            src={config.companyMainlogo.src}\r\n                                            alt={config.companyMainlogo.altText}\r\n                                            title={config.companyMainlogo.title}\r\n                                            className='Image-Image'\r\n                                        />\r\n                                    ) : null}\r\n                                </div>\r\n                            </a>\r\n                        </div>\r\n                        <div>\r\n                            <div className='SearchBlock'>\r\n                                <div className='SearchBlock-Wrapper'>\r\n                                    <div className='SearchField SearchField_isVisible SearchField_isActive'>\r\n                                        <div className='SearchField-Wrapper'>\r\n                                            <div className='SearchField-SearchWrapper SearchField-SearchWrapper_isVisible'>\r\n                                                <div className='SearchField-SearchInnerWrapper'>\r\n                                                    <div className='Image Image_ratio_custom Image_imageStatus_1 Image_hasSrc SearchField-MorlandIcon '>\r\n                                                        {config.searchBarLogo ? (\r\n                                                            <img\r\n                                                                src={config.searchBarLogo.src}\r\n                                                                alt={config.searchBarLogo.altText}\r\n                                                                className='Image-Image'\r\n                                                                style={{ width: '100%', height: '100%' }}\r\n                                                            />\r\n                                                        ) : null}\r\n                                                    </div>\r\n                                                    <input\r\n                                                        ref={searchInputRef}\r\n                                                        id='search-field'\r\n                                                        autoComplete='off'\r\n                                                        placeholder={config.searchPlaceholder}\r\n                                                        className='SearchField-Input SearchField-Input_isActive'\r\n                                                        onChange={e => debounceOnChange(e.target.value)}\r\n                                                    />\r\n                                                    <div\r\n                                                        role='button'\r\n                                                        tabIndex={0}\r\n                                                        aria-label='Search'\r\n                                                        className='SearchField-SearchIcon'\r\n                                                    />\r\n\r\n                                                    <article aria-label='Search results' className='SearchOverlay-Results'>\r\n                                                        {searchResultsOpen ? (\r\n                                                            <div className='KlevuSearchOverlay'>\r\n                                                                {/* <div className='KlevuSearchOverlay-leftSettingsWrapper'>\r\n                                                                    <div className='KlevuSearchOverlay-Header'>\r\n                                                                        <div className='KlevuSearchOverlay-Heading'>\r\n                                                                            Suggestions (search terms)\r\n                                                                        </div>\r\n                                                                        <ul>\r\n                                                                            <li>\r\n                                                                                <a\r\n                                                                                    href='/search/seal'\r\n                                                                                    className=' KlevuSearchOverlay-Suggestion'\r\n                                                                                >\r\n                                                                                    <b>s</b>eal\r\n                                                                                </a>\r\n                                                                            </li>\r\n                                                                            <li>\r\n                                                                                <a\r\n                                                                                    href='/search/slate'\r\n                                                                                    className=' KlevuSearchOverlay-Suggestion'\r\n                                                                                >\r\n                                                                                    <b>s</b>late\r\n                                                                                </a>\r\n                                                                            </li>\r\n                                                                            <li>\r\n                                                                                <a\r\n                                                                                    href='/search/silver'\r\n                                                                                    className=' KlevuSearchOverlay-Suggestion'\r\n                                                                                >\r\n                                                                                    <b>s</b>ilver\r\n                                                                                </a>\r\n                                                                            </li>\r\n                                                                            <li>\r\n                                                                                <a\r\n                                                                                    href='/search/seal 27x22x1800mm'\r\n                                                                                    className=' KlevuSearchOverlay-Suggestion'\r\n                                                                                >\r\n                                                                                    <b>s</b>eal 27x22x1800mm\r\n                                                                                </a>\r\n                                                                            </li>\r\n                                                                            <li>\r\n                                                                                <a\r\n                                                                                    href='/search/seal 27x22x1800mm lengths'\r\n                                                                                    className=' KlevuSearchOverlay-Suggestion'\r\n                                                                                >\r\n                                                                                    <b>s</b>eal 27x22x1800mm lengths\r\n                                                                                </a>\r\n                                                                            </li>\r\n                                                                        </ul>\r\n                                                                    </div>\r\n                                                                    <div className='KlevuSearchOverlay-Header'>\r\n                                                                        <div className='KlevuSearchOverlay-Heading'>Categories</div>\r\n                                                                        <ul>\r\n                                                                            <li>\r\n                                                                                <a\r\n                                                                                    href='/shop-by-product/laminate-sheets.html'\r\n                                                                                    className=' '\r\n                                                                                >\r\n                                                                                    Laminate Sheets\r\n                                                                                </a>\r\n                                                                            </li>\r\n                                                                            <li>\r\n                                                                                <a\r\n                                                                                    href='/shop-by-brand/egger/st16-matex-plaster.html'\r\n                                                                                    className=' '\r\n                                                                                >\r\n                                                                                    ST16 Matex Plaster\r\n                                                                                </a>\r\n                                                                            </li>\r\n                                                                            <li>\r\n                                                                                <a\r\n                                                                                    href='/shop-by-colour/patterns/marble-slate.html'\r\n                                                                                    className=' '\r\n                                                                                >\r\n                                                                                    Marble &amp; Slate\r\n                                                                                </a>\r\n                                                                            </li>\r\n                                                                            <li>\r\n                                                                                <a href='/shop-by-texture/smooth.html' className=' '>\r\n                                                                                    Smooth\r\n                                                                                </a>\r\n                                                                            </li>\r\n                                                                            <li>\r\n                                                                                <a href='/shop-by-product.html' className=' '>\r\n                                                                                    Shop by Product\r\n                                                                                </a>\r\n                                                                            </li>\r\n                                                                            <li>\r\n                                                                                <a\r\n                                                                                    href='/shop-by-brand/egger/st10-deepskin-rough.html'\r\n                                                                                    className=' '\r\n                                                                                >\r\n                                                                                    ST10 Deepskin Rough\r\n                                                                                </a>\r\n                                                                            </li>\r\n                                                                            <li>\r\n                                                                                <a\r\n                                                                                    href='/shop-by-brand/egger/st9-smoothtouch-matt.html'\r\n                                                                                    className=' '\r\n                                                                                >\r\n                                                                                    ST9 Smoothtouch Matt\r\n                                                                                </a>\r\n                                                                            </li>\r\n                                                                            <li>\r\n                                                                                <a\r\n                                                                                    href='/shop-by-brand/egger/st87-matex-ceramic.html'\r\n                                                                                    className=' '\r\n                                                                                >\r\n                                                                                    ST87 Matex Ceramic\r\n                                                                                </a>\r\n                                                                            </li>\r\n                                                                            <li>\r\n                                                                                <a\r\n                                                                                    href='/shop-by-brand/egger/st12-omnipore-matt.html'\r\n                                                                                    className=' '\r\n                                                                                >\r\n                                                                                    ST12 Omnipore Matt\r\n                                                                                </a>\r\n                                                                            </li>\r\n                                                                            <li>\r\n                                                                                <a\r\n                                                                                    href='/shop-by-brand/egger/st2-smoothtouch-pearl.html'\r\n                                                                                    className=' '\r\n                                                                                >\r\n                                                                                    ST2 Smoothtouch Pearl\r\n                                                                                </a>\r\n                                                                            </li>\r\n                                                                        </ul>\r\n                                                                    </div>\r\n                                                                    <div className='KlevuSearchOverlay-Header'>\r\n                                                                        <div className='KlevuSearchOverlay-Heading'>Pages</div>\r\n                                                                        <ul>\r\n                                                                            <li>\r\n                                                                                <a\r\n                                                                                    href='https://shop.morlanduk.com/marketing-sign-up'\r\n                                                                                    className=' '\r\n                                                                                >\r\n                                                                                    Marketing Sign Up\r\n                                                                                </a>\r\n                                                                            </li>\r\n                                                                            <li>\r\n                                                                                <a\r\n                                                                                    href='https://shop.morlanduk.com/privacy-policy'\r\n                                                                                    className=' '\r\n                                                                                >\r\n                                                                                    Privacy Policy\r\n                                                                                </a>\r\n                                                                            </li>\r\n                                                                            <li>\r\n                                                                                <a\r\n                                                                                    href='https://shop.morlanduk.com/cookie-policy'\r\n                                                                                    className=' '\r\n                                                                                >\r\n                                                                                    Cookie Policy\r\n                                                                                </a>\r\n                                                                            </li>\r\n                                                                            <li>\r\n                                                                                <a\r\n                                                                                    href='https://shop.morlanduk.com/sustainable-wood'\r\n                                                                                    className=' '\r\n                                                                                >\r\n                                                                                    Sustainable\r\n                                                                                </a>\r\n                                                                            </li>\r\n                                                                            <li>\r\n                                                                                <a\r\n                                                                                    href='https://shop.morlanduk.com/private-sales'\r\n                                                                                    className=' '\r\n                                                                                >\r\n                                                                                    Welcome to our Exclusive Online Store\r\n                                                                                </a>\r\n                                                                            </li>\r\n                                                                            <li>\r\n                                                                                <a\r\n                                                                                    href='https://shop.morlanduk.com/free-samples'\r\n                                                                                    className=' '\r\n                                                                                >\r\n                                                                                    Free Samples\r\n                                                                                </a>\r\n                                                                            </li>\r\n                                                                            <li>\r\n                                                                                <a\r\n                                                                                    href='https://shop.morlanduk.com/new-website-launch'\r\n                                                                                    className=' '\r\n                                                                                >\r\n                                                                                    New website launch\r\n                                                                                </a>\r\n                                                                            </li>\r\n                                                                            <li>\r\n                                                                                <a href='https://shop.morlanduk.com/bulk-buy' className=' '>\r\n                                                                                    Bulk Buy\r\n                                                                                </a>\r\n                                                                            </li>\r\n                                                                            <li>\r\n                                                                                <a\r\n                                                                                    href='https://shop.morlanduk.com/terms-and-conditions'\r\n                                                                                    className=' '\r\n                                                                                >\r\n                                                                                    Terms &amp; Conditions\r\n                                                                                </a>\r\n                                                                            </li>\r\n                                                                            <li>\r\n                                                                                <a\r\n                                                                                    href='https://shop.morlanduk.com/inspiration'\r\n                                                                                    className=' '\r\n                                                                                >\r\n                                                                                    Design Inspiration for Your Van Build\r\n                                                                                </a>\r\n                                                                            </li>\r\n                                                                        </ul>\r\n                                                                    </div>\r\n                                                                </div> */}\r\n                                                                <div className='KlevuSearchOverlay-Products'>\r\n                                                                    <ul className='KlevuSearchOverlay-ProductsResult'>\r\n                                                                        {suggestions &&\r\n                                                                            suggestions.AllSearchResults?.map((item, index) => {\r\n                                                                                return (\r\n                                                                                    <li\r\n                                                                                        key={index}\r\n                                                                                        className='KlevuSearchOverlayProductCard-ProductCardContainer'\r\n                                                                                    >\r\n                                                                                        <a\r\n                                                                                            href={getProductPageUrl(item.Value, item.Id)}\r\n                                                                                            className=' KlevuSearchOverlayProductCard-ProductCard'\r\n                                                                                        >\r\n                                                                                            <div className='KlevuSearchOverlayProductCard-ProductImageWrapper'>\r\n                                                                                                <div className='Image Image_ratio_square Image_imageStatus_1 Image_hasSrc KlevuSearchOverlayProductCard-ProductImage '>\r\n                                                                                                    <img\r\n                                                                                                        src={getImageUrl(item.ImageUrl)}\r\n                                                                                                        alt={item.Value}\r\n                                                                                                        className='Image-Image'\r\n                                                                                                        style={{\r\n                                                                                                            width: '100%',\r\n                                                                                                            height: '100%'\r\n                                                                                                        }}\r\n                                                                                                    />\r\n                                                                                                </div>\r\n                                                                                            </div>\r\n                                                                                            <div className='KlevuSearchOverlayProductCard-ProductInformation'>\r\n                                                                                                <span className='KlevuSearchOverlayProductCard-ProductName'>\r\n                                                                                                    {item.Value}\r\n                                                                                                </span>\r\n                                                                                            </div>\r\n                                                                                        </a>\r\n                                                                                    </li>\r\n                                                                                );\r\n                                                                            })}\r\n                                                                    </ul>\r\n                                                                    {typeof suggestions?.AllSearchResults === 'undefined' ? (\r\n                                                                        <span className='KlevuSearchOverlay-NoResult'>\r\n                                                                            Were Sorry, No result found for this term\r\n                                                                        </span>\r\n                                                                    ) : null}\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        ) : null}\r\n                                                    </article>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className='Menu-MenuWrapper'>\r\n                                <div className='Menu-MainCategories'>\r\n                                    <ul aria-label='All' className='Menu-ItemList Menu-ItemList_type_main'>\r\n                                        {categories &&\r\n                                            categories.map(category => {\r\n                                                return (\r\n                                                    <li key={category.RecordId} className='Menu-Item'>\r\n                                                        <a\r\n                                                            href={category.Url}\r\n                                                            className=' Menu-Link '\r\n                                                            onMouseEnter={e => {\r\n                                                                if (category.Children && category.Children.length > 0) {\r\n                                                                    handleMenuOpen(e);\r\n                                                                    getCurrentSubCategories(category);\r\n                                                                } else {\r\n                                                                    setMenuOpen(false);\r\n                                                                }\r\n                                                            }}\r\n                                                            ref={menuRef}\r\n                                                        >\r\n                                                            <figure className='Menu-ItemFigure Menu-ItemFigure_type_main'>\r\n                                                                <figcaption\r\n                                                                    className={`Menu-ItemCaption Menu-ItemCaption_type_main ${\r\n                                                                        category.Children && category.Children.length > 0\r\n                                                                            ? 'Menu-Item-Children'\r\n                                                                            : ''\r\n                                                                    }`}\r\n                                                                >\r\n                                                                    {category.Name}\r\n                                                                </figcaption>\r\n                                                            </figure>\r\n                                                        </a>\r\n                                                    </li>\r\n                                                );\r\n                                            })}\r\n                                    </ul>\r\n                                </div>\r\n                                {menuOpen ? (\r\n                                    <div\r\n                                        ref={subCategoryRef}\r\n                                        onMouseLeave={e => handleMenuCategoryClose(e)}\r\n                                        className='Menu-SubCategoriesWrapper Menu-SubCategoriesWrapper_isVisible'\r\n                                    >\r\n                                        <div className='Menu-SubCategoriesWrapperInner Menu-SubCategoriesWrapperInner_isVisible'>\r\n                                            <div className='Menu-SubCategories'>\r\n                                                <div className='Menu-SubMenu Menu-SubMenu_isVisible'>\r\n                                                    <div className='Menu-ItemList_type_subcategory'>\r\n                                                        {currentSubCategories &&\r\n                                                            currentSubCategories.length > 0 &&\r\n                                                            currentSubCategories.map(subCategory => {\r\n                                                                return (\r\n                                                                    <div key={subCategory.RecordId} className='Menu-SubItemWrapper'>\r\n                                                                        <a href={subCategory.Url} className=' Menu-Link'>\r\n                                                                            <figure className='Menu-ItemFigure'>\r\n                                                                                <div className='Image Image_ratio_custom Image_imageStatus_1 Image_hasSrc Menu-Image '>\r\n                                                                                    <img\r\n                                                                                        src={getImageUrl(\r\n                                                                                            subCategory.Images && subCategory.Images[0].Uri\r\n                                                                                        )}\r\n                                                                                        alt={\r\n                                                                                            subCategory.Images &&\r\n                                                                                            subCategory.Images[0].AltText\r\n                                                                                        }\r\n                                                                                        className='Image-Image'\r\n                                                                                        style={{ width: '100%', height: '100%' }}\r\n                                                                                    />\r\n                                                                                </div>\r\n                                                                                <figcaption className='Menu-ItemCaption'>\r\n                                                                                    {subCategory.Name}\r\n                                                                                </figcaption>\r\n                                                                            </figure>\r\n                                                                        </a>\r\n                                                                        <div className='Menu-SubLevelDesktop'>\r\n                                                                            <div className='Menu-ItemList'>\r\n                                                                                {subCategory.Children &&\r\n                                                                                    subCategory.Children.map(childrenCategory => {\r\n                                                                                        return (\r\n                                                                                            <a\r\n                                                                                                key={childrenCategory.RecordId}\r\n                                                                                                href={childrenCategory.Url}\r\n                                                                                                className=' Menu-Link'\r\n                                                                                            >\r\n                                                                                                <figure className='Menu-ItemFigure'>\r\n                                                                                                    <div className='Image Image_ratio_custom Image_imageStatus_1 Image_hasSrc Menu-Image '>\r\n                                                                                                        <img\r\n                                                                                                            src={getImageUrl(\r\n                                                                                                                childrenCategory.Images &&\r\n                                                                                                                    childrenCategory\r\n                                                                                                                        .Images[0].Uri\r\n                                                                                                            )}\r\n                                                                                                            alt={\r\n                                                                                                                childrenCategory.Images &&\r\n                                                                                                                childrenCategory.Images[0]\r\n                                                                                                                    .AltText\r\n                                                                                                            }\r\n                                                                                                            className='Image-Image'\r\n                                                                                                            style={{\r\n                                                                                                                width: '100%',\r\n                                                                                                                height: '100%'\r\n                                                                                                            }}\r\n                                                                                                        />\r\n                                                                                                    </div>\r\n                                                                                                    <figcaption className='Menu-ItemCaption'>\r\n                                                                                                        {childrenCategory.Name}\r\n                                                                                                    </figcaption>\r\n                                                                                                </figure>\r\n                                                                                            </a>\r\n                                                                                        );\r\n                                                                                    })}\r\n                                                                            </div>\r\n                                                                        </div>\r\n                                                                    </div>\r\n                                                                );\r\n                                                            })}\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div className='Menu-Overlay Menu-Overlay_isVisible' />\r\n                                    </div>\r\n                                ) : null}\r\n                            </div>\r\n                        </div>\r\n                        <nav className='Header-Nav'>\r\n                            <div className='Header-CorporateWrapper'>\r\n                                <a\r\n                                    aria-label='Morland Corporate'\r\n                                    title='Morland Corporate Site'\r\n                                    tabIndex={0}\r\n                                    href='https://www.morlanduk.com/'\r\n                                    className=' Header-Corporate Header-Corporate_isVisible_'\r\n                                >\r\n                                    <span aria-hidden='true' className='Header-CorporateText'>\r\n                                        Morland Corporate\r\n                                    </span>\r\n                                </a>\r\n                            </div>\r\n                            <button\r\n                                aria-label='Cancel changes'\r\n                                aria-hidden='true'\r\n                                tabIndex={-1}\r\n                                className='Header-Button Header-Button_type_cancel'\r\n                            >\r\n                                Cancel\r\n                            </button>\r\n                            <button\r\n                                aria-label='Go back'\r\n                                aria-hidden='true'\r\n                                tabIndex={-1}\r\n                                className='Header-Button Header-Button_type_back'\r\n                            />\r\n                            <button\r\n                                aria-label='Close'\r\n                                aria-hidden='true'\r\n                                tabIndex={-1}\r\n                                className='Header-Button Header-Button_type_close'\r\n                            />\r\n                            <button aria-label='Share' aria-hidden='true' className='Header-Button Header-Button_type_share' />\r\n                            <h1 className='Header-Title Header-Title_isVisible'>0 Items</h1>\r\n                            <div aria-label='My account' className='Header-MyAccount'>\r\n                                <button\r\n                                    title='My Account'\r\n                                    // ref={myAccountRef}\r\n                                    tabIndex={0}\r\n                                    aria-label='Open my account'\r\n                                    id='myAccount'\r\n                                    className='Header-MyAccountWrapper'\r\n                                    onClick={handleOpenMyAccount}\r\n                                >\r\n                                    {user.isAuthenticated && <span>&nbsp;&nbsp;{user.name}</span>}\r\n                                </button>\r\n\r\n                                {myAccountOpen ? (\r\n                                    <div className='Overlay Overlay_isVisible MyAccount_Overlay'>\r\n                                        <div className='SubLinks'>\r\n                                            {props.config.accountLinks &&\r\n                                                props.config.accountLinks.map((link, index) => {\r\n                                                    return (\r\n                                                        <a key={index} href={link.link?.destinationUrl}>\r\n                                                            {link.text}\r\n                                                        </a>\r\n                                                    );\r\n                                                })}\r\n                                            <a href={user.signOutUrl}>Sign Out</a>\r\n                                        </div>\r\n                                    </div>\r\n                                ) : null}\r\n                            </div>\r\n                            {props.slots.cartIcon}\r\n                            <div aria-label='My account' className='Header-MyAccount'>\r\n                                <div className='Header-SiteImage'>\r\n                                    <img src={siteOption?.image?.src} alt={siteOption?.text} />\r\n                                </div>\r\n                            </div>\r\n                            <button\r\n                                aria-label='Clear'\r\n                                aria-hidden='true'\r\n                                tabIndex={-1}\r\n                                className='Header-Button Header-Button_type_clear Header-Button_isDisabled'\r\n                            />\r\n                            <button aria-label='Edit' aria-hidden='true' tabIndex={-1} className='Header-Button Header-Button_type_edit'>\r\n                                Edit\r\n                            </button>\r\n                            <button\r\n                                aria-label='Save changes'\r\n                                aria-hidden='true'\r\n                                tabIndex={-1}\r\n                                className='Header-Button Header-Button_type_ok'\r\n                            >\r\n                                OK\r\n                            </button>\r\n                        </nav>\r\n                    </div>\r\n                    <div className='Header-TopMenuWrapper'>\r\n                        <div className='Header-TopMenu'>\r\n                            <div className='Header-Contacts'>\r\n                                <div className='CmsBlock-Wrapper CmsBlock-Wrapper_type_'>\r\n                                    <div className='left' style={{ textAlign: 'left' }}>\r\n                                        <a\r\n                                            id='header-telephone'\r\n                                            className='header-telephone'\r\n                                            title='telephone'\r\n                                            href={`tel:${config.telephone}`}\r\n                                        >\r\n                                            Telephone: {config.telephone}\r\n                                        </a>\r\n                                        <a id='header-email' className='header-email' title='Email Us' href={`mailto:${config.email}`}>\r\n                                            Mail: {config.email}\r\n                                        </a>\r\n                                        <span style={{ color: 'rgb(0, 0, 0)' }} />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className='Header-Switcher'>\r\n                                <div className='StoreSwitcher'>\r\n                                    <button\r\n                                        onClick={() => setStoreSwitcher(!openStoreSwitcher)}\r\n                                        className={`StoreSwitcher-Title ${openStoreSwitcher ? 'StoreSwitcher-Title_isOpen' : ''} `}\r\n                                    >\r\n                                        {siteOption ? siteOption.text : ''}\r\n                                    </button>\r\n                                    <div\r\n                                        className={`StoreSwitcher-StoreList ${openStoreSwitcher ? 'StoreSwitcher-StoreList_isOpen ' : ''} `}\r\n                                    >\r\n                                        {props.config.siteOptions && props.config.siteOptions.length > 0\r\n                                            ? props.config.siteOptions.map((option, index) => {\r\n                                                  return (\r\n                                                      <a key={index} className='StoreItems-Item' href={option.link}>\r\n                                                          {option.text}\r\n                                                      </a>\r\n                                                  );\r\n                                              })\r\n                                            : null}\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </header>\r\n            </section>\r\n\r\n            <footer className='NavigationTabs NavigationTabs_isHidden_undefined FixedElement-Bottom'>\r\n                <nav className='NavigationTabs-Nav'>\r\n                    <button\r\n                        aria-label='Open my account'\r\n                        className='NavigationTabs-Button'\r\n                        title='My Account'\r\n                        // ref={myAccountRef}\r\n                        tabIndex={0}\r\n                        id='myAccount'\r\n                        onClick={handleOpenMyAccount}\r\n                    >\r\n                        {myAccountOpen ? (\r\n                            <div className='Overlay Overlay_isVisible MyAccount_Overlay'>\r\n                                <div className='SubLinks'>\r\n                                    {props.config.accountLinks &&\r\n                                        props.config.accountLinks.map((link, index) => {\r\n                                            return (\r\n                                                <a key={index} href={link.link?.destinationUrl}>\r\n                                                    {link.text}\r\n                                                </a>\r\n                                            );\r\n                                        })}\r\n                                    <a href={user.signOutUrl}>Sign Out</a>\r\n                                </div>\r\n                            </div>\r\n                        ) : null}\r\n                        <div className='Header-Button Header-Button_isVisible Header-Button_type_account NavigationTabs-Icon' />\r\n                        <span className='NavigationTabs-Label'>Account</span>\r\n                    </button>\r\n                    <div className='NavigationTabs-Button'>\r\n                        <button aria-label='Home' className='NavigationTabs-Button' onClick={() => searchInputRef.current?.focus()}>\r\n                            <div className='Header-Button Header-Button_type_search Header-Button_isVisible NavigationTabs-Icon' />\r\n                            <span className='NavigationTabs-Label'>Search</span>\r\n                        </button>\r\n                    </div>\r\n                    <button aria-label='Minicart' className='NavigationTabs-Button Header-MinicartButtonWrapper'>\r\n                        {props.slots.mobCartIcon}\r\n                        <a href={props.app.routes.cart.destinationUrl}>\r\n                            <span className='NavigationTabs-Label'>Basket</span>\r\n                        </a>\r\n                    </button>\r\n\r\n                    <div className='NavigationTabs-Button'>\r\n                        <button aria-label='Go to menu and search' className='NavigationTabs-Button' onClick={toggleMenu}>\r\n                            <div className='Header-Button Header-Button_isVisible Header-Button_type_menu NavigationTabs-Icon' />\r\n                            <span className='NavigationTabs-Label'>Menu</span>\r\n                        </button>\r\n                        <div className={`menu-container ${menuContainerOpen ? 'open' : ''}`}>\r\n                            <button className='ml-mobile-menu-close' onClick={toggleMenu}>\r\n                                ×\r\n                            </button>\r\n                            <ul aria-label='All' className={`Menu-ItemList Menu-ItemList_type_main ${menuContainerOpen ? 'open' : ''}`}>\r\n                                {categories &&\r\n                                    categories.map(category => (\r\n                                        <li key={category.RecordId} className='Menu-Item parent'>\r\n                                            <div className='Menu-ItemContent'>\r\n                                                <a\r\n                                                    href={category.Url}\r\n                                                    className='Menu-Link'\r\n                                                    onClick={e => handleSubMenuToggle(category.RecordId, e)}\r\n                                                >\r\n                                                    <figure className='Menu-ItemFigure Menu-ItemFigure_type_main'>\r\n                                                        <figcaption\r\n                                                            className={`Menu-ItemCaption Menu-ItemCaption_type_main ${\r\n                                                                category.Children && category.Children.length > 0\r\n                                                                    ? 'Menu-Item-Children'\r\n                                                                    : ''\r\n                                                            }`}\r\n                                                        >\r\n                                                            {category.Name}\r\n                                                        </figcaption>\r\n                                                    </figure>\r\n                                                </a>\r\n                                                {category.Children && category.Children.length > 0 && (\r\n                                                    <div className='Menu-Icon' onClick={e => handleSubMenuToggle(category.RecordId, e)}>\r\n                                                        ▼\r\n                                                    </div>\r\n                                                )}\r\n                                            </div>\r\n                                            {currentSubMenuOpen === category.RecordId && (\r\n                                                <SubMenuComponent\r\n                                                    subCategories={category.Children || []}\r\n                                                    isOpen={currentSubMenuOpen === category.RecordId}\r\n                                                    onToggle={() => setCurrentSubMenuOpen(null)}\r\n                                                    onSubSubMenuToggle={(subCategory, event) => handleSubSubMenuToggle(subCategory, event)}\r\n                                                />\r\n                                            )}\r\n                                        </li>\r\n                                    ))}\r\n                            </ul>\r\n                        </div>\r\n                    </div>\r\n                </nav>\r\n            </footer>\r\n        </div>\r\n    );\r\n};\r\n","export const logDetails = (debugMode: boolean, props: any) => {\r\n    if (!debugMode) {\r\n        return;\r\n    }\r\n    console.log(props);\r\n};\r\n","const binding = { modules: {}, dataActions: {} };\n\n    const registerActionId = (actionPath) => {\n        if (binding.dataActions[actionPath] &&\n            binding.dataActions[actionPath].default &&\n            binding.dataActions[actionPath].default.prototype &&\n            binding.dataActions[actionPath].default.prototype.id) {\n            binding.dataActions[binding.dataActions[actionPath].default.prototype.id] = binding.dataActions[actionPath];\n        } else {\n            Object.keys(binding.dataActions[actionPath] || {}).forEach(exportName => {\n                if (binding.dataActions[actionPath][exportName] &&\n                    binding.dataActions[actionPath][exportName].prototype &&\n                    binding.dataActions[actionPath][exportName].prototype.Action) {\n                    binding.dataActions[binding.dataActions[actionPath][exportName].prototype.id] = binding.dataActions[actionPath][exportName];\n                }\n            })\n        }\n    };\n\n    const registerSanitizedActionPath = (sanitizedActionPath, dataAction) => {\n        if (process.env.NODE_ENV === 'development') {\n            if (!dataAction.default) {\n                throw new Error('Data action path does not have a default export');\n            }\n            if (!(dataAction.default.prototype.id && binding.dataActions[dataAction.default.prototype.id]) || !binding.dataActions[sanitizedActionPath]) {\n                binding.dataActions[sanitizedActionPath] = dataAction;\n            }\n        } else {\n            binding.dataActions[sanitizedActionPath] = dataAction;\n            if (!binding.dataActions[sanitizedActionPath].default) {\n                throw new Error('Data action path ' + sanitizedActionPath + ' does not have a default export');\n            }\n            binding.dataActions[sanitizedActionPath].default.prototype.RegistrationId = sanitizedActionPath;\n            if (binding.dataActions[sanitizedActionPath].default.prototype.id) {\n                binding.dataActions[binding.dataActions[sanitizedActionPath].default.prototype.id] = sanitizedActionPath;\n            }\n        }\n    };\n    \n\n    (binding.modules['header-section'] = {\n        c: () => require('partner/modules/header-section/header-section.tsx'),\n        $type: 'containerModule',\n        da: [{name:'cart',  path:'@msdyn365-commerce/global-state/dist/lib/data-actions/get-cart-state-data-action', runOn: 1},{name:'categories',  path:'@msdyn365-commerce-modules/retail-actions/dist/lib/get-categories-hierarchy', runOn: 0},{name:'searchState',  path:'@msdyn365-commerce-modules/search-utilities/dist/lib/search-state-data-action', runOn: 1}],\n        \n        iNM: false,\n        ns: '__local__',\n        n: 'header-section',\n        p: '__local__',\n        \n        pdp: '',\n        \n        \n        md: 'src/modules/header-section'\n    });\n        \n\n        {\n            const sanitizedActionPath = '@msdyn365-commerce-modules/retail-actions/dist/lib/get-categories-hierarchy';\n            let dataAction = require('@msdyn365-commerce-modules/retail-actions/dist/lib/get-categories-hierarchy');\n            registerSanitizedActionPath(sanitizedActionPath, dataAction);\n        }\n            \n\n        {\n            const sanitizedActionPath = '@msdyn365-commerce-modules/search-utilities/dist/lib/search-state-data-action';\n            let dataAction = require('@msdyn365-commerce-modules/search-utilities/dist/lib/search-state-data-action');\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__|modules|header-section|header-section'] = {\n                c: () => require('partner/modules/header-section/header-section.view.tsx'),\n                cn: '__local__-__local__-header-section'\n            };\nwindow.__bindings__ = window.__bindings__ || {};\nwindow.__bindings__.viewDictionary = {\n                        ...window.__bindings__.viewDictionary || {},\n                        ...viewDictionary\n                    };","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { createObservableDataAction, IAction, IActionInput, IAny, ICreateActionContext, IGeneric } from '@msdyn365-commerce/core';\nimport { GenericInput, getGenericAction } from '@msdyn365-commerce-modules/retail-actions';\n\nimport { SearchState } from './search-state';\n\nexport function createSearchStateInput(result: SearchState): GenericInput<SearchState> {\n    return new GenericInput<SearchState>('searchState', result, 'SearchState');\n}\n\nconst createsearchStateInputInternal = (inputData: ICreateActionContext<IGeneric<IAny>>): IActionInput => {\n    return createSearchStateInput({ searchText: '' });\n};\n\nexport const getGenericActionDataAction = createObservableDataAction({\n    action: <IAction<SearchState>>getGenericAction,\n    input: createsearchStateInputInternal\n});\n\nexport default getGenericActionDataAction;\n","module.exports = React;","module.exports = ReactDOM;"],"names":["SuggestionType","AutoSuggestInput","constructor","searchText","top","suggestionType","hitPrefix","hitSuffix","getCacheKey","getCacheObjectType","dataCacheType","this","searchQuery","topResultsCount","async","_getAutoSuggest","input","autosuggest","ctx","catalogId","getCatalogId","requestContext","searchCriteria","ProductSearchCriteria","SearchCondition","length","Context","ChannelId","apiSettings","channelId","CatalogId","HitPrefix","HitSuffix","searchSuggestions","getSearchSuggestionsAsync","callerContext","queryResultSettings","Paging","Top","map","item","ImageUrl","generateImageUrl","AllSearchResults","telemetry","error","createObservableDataAction","id","action","Error","autoSuggestPromises","Promise","all","then","inputData","HeaderSection","React","props","super","state","suggestions","inputChange","bind","render","data","categories","cart","MLHeaderViewProps","_objectSpread","result","undefined","renderView","query","getSearchSuggestionsAction","Product","setState","SubSubMenuComponent","_ref","subSubMenuCategories","className","subSubMenuCategory","key","RecordId","href","Url","Name","SubMenuComponent","_ref2","subCategories","isOpen","onToggle","onSubSubMenuToggle","subCategory","onClick","e","Children","_suggestions$AllSearc","_siteOption$image","logDetails","context","app","config","debugMode","user","_cart","request","actionContext","subCategoryRef","useRef","menuRef","miniCartRef","myAccountRef","openStoreSwitcher","setStoreSwitcher","menuOpen","setMenuOpen","useState","searchResultsOpen","setSearchResultsOpen","miniCartOpen","setMiniCartOpen","myAccountOpen","setMyAccountOpen","searchInput","setSearchInput","useEffect","debounceOnChange","_debounce","inputValue","searchInputRef","Msdyn365","isBrowser","document","querySelectorAll","forEach","el","classList","remove","menuContainerOpen","setMenuContainerOpen","currentSubMenuOpen","setCurrentSubMenuOpen","currentSubCategories","setCurrentSubCategories","currentSubSubMenuCategories","setCurrentSubSubMenuCategories","currentSubSubMenuOpen","setCurrentSubSubMenuOpen","subSubMenuPosition","setSubSubMenuPosition","left","openSubMenuIds","setOpenSubMenuIds","openSubSubMenuIds","setOpenSubSubMenuIds","addEventListener","_subCategoryRef$curre","current","contains","target","handleSubMenuToggle","categoryId","event","isSameCategory","includes","prevIds","filter","console","log","rect","currentTarget","getBoundingClientRect","right","toggleMenu","handleOpenMyAccount","isAuthenticated","window","location","signInUrl","getImageUrl","imageUrl","siteOption","setSiteOption","siteOptions","value","link","trim","sitePath","style","display","background","topBanners","banner","index","_banner$link","width","textAlign","destinationUrl","text","tabIndex","routes","home","companyMainlogo","src","alt","altText","title","searchBarLogo","height","ref","autoComplete","placeholder","searchPlaceholder","onChange","role","name","Value","recordId","Id","getProductPageUrlSync","getProductPageUrl","category","onMouseEnter","add","handleMenuOpen","getCurrentSubCategories","onMouseLeave","Images","Uri","AltText","childrenCategory","accountLinks","_link$link","signOutUrl","slots","cartIcon","image","telephone","email","color","option","_link$link2","_searchInputRef$curre","focus","mobCartIcon","handleSubSubMenuToggle","prev","binding","modules","dataActions","registerSanitizedActionPath","sanitizedActionPath","dataAction","default","prototype","RegistrationId","c","require","$type","da","path","runOn","iNM","ns","n","p","pdp","md","__bindings__","viewDictionary","cn","createSearchStateInput","GenericInput","getGenericActionDataAction","getGenericAction","module","exports","ReactDOM"],"sourceRoot":""}