{"version":3,"file":"static/js/d1ada8610fd0d6b27af5.bundle.js","mappings":"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","sources":["webpack://illumina-commerce/./src/themes/newsunshine-b2c/views/components/search.categorysuggest.tsx?458d","webpack://illumina-commerce/./src/themes/newsunshine-b2c/views/components/search.mobile.empty.tsx?28ae","webpack://illumina-commerce/./src/themes/newsunshine-b2c/views/components/search.form.tsx?ce20","webpack://illumina-commerce/./src/themes/newsunshine-b2c/views/components/search.productsuggest.tsx?ec3e","webpack://illumina-commerce/./src/themes/newsunshine-b2c/views/search.view.tsx?a670","webpack://illumina-commerce/./src/themes/newsunshine-dev-b2c/views/components/search.categorysuggest.tsx?4f19","webpack://illumina-commerce/./src/themes/newsunshine-dev-b2c/views/components/search.mobile.empty.tsx?dc1e","webpack://illumina-commerce/./src/themes/newsunshine-dev-b2c/views/components/search.form.tsx?1db7","webpack://illumina-commerce/./src/themes/newsunshine-dev-b2c/views/components/search.productsuggest.tsx?9c1f","webpack://illumina-commerce/./src/themes/newsunshine-dev-b2c/views/search.view.tsx?cf5d","webpack://illumina-commerce/./src/themes/newsunshine-dev/views/components/search.categorysuggest.tsx?8296","webpack://illumina-commerce/./src/themes/newsunshine-dev/views/components/search.mobile.empty.tsx?db9f","webpack://illumina-commerce/./src/themes/newsunshine-dev/views/components/search.form.tsx?a38c","webpack://illumina-commerce/./src/themes/newsunshine-dev/views/components/search.productsuggest.tsx?a647","webpack://illumina-commerce/./src/themes/newsunshine-dev/views/search.view.tsx?cc75","webpack://illumina-commerce/./src/themes/newsunshine/views/components/search.categorysuggest.tsx?035e","webpack://illumina-commerce/./src/themes/newsunshine/views/components/search.mobile.empty.tsx?4c24","webpack://illumina-commerce/./src/themes/newsunshine/views/components/search.form.tsx?fec6","webpack://illumina-commerce/./src/themes/newsunshine/views/components/search.productsuggest.tsx?b5f8","webpack://illumina-commerce/./src/themes/newsunshine/views/search.view.tsx?dd3a","webpack://illumina-commerce/./lib/search/module-registration.js?f197","webpack://illumina-commerce/./src/search-state-data-action.ts?8223","webpack://illumina-commerce/./src/search-state.ts?dd10","webpack://illumina-commerce/./src/modules/search/actions/get-auto-suggest-suggestions.ts?4735","webpack://illumina-commerce/./src/modules/search/components/search.categorysuggest.tsx?c65d","webpack://illumina-commerce/./src/modules/search/components/search.form.tsx?25a5","webpack://illumina-commerce/./src/modules/search/components/search.keywordsuggest.tsx?297c","webpack://illumina-commerce/./src/modules/search/components/search.label.tsx?0c17","webpack://illumina-commerce/./src/modules/search/components/search.productsuggest.tsx?2af9","webpack://illumina-commerce/./src/modules/search/search.tsx?72fb","webpack://illumina-commerce/./src/modules/search/search.view.tsx?1505","webpack://illumina-commerce/./src/modules/adventureworks/views/components/search.categorysuggest.tsx?6bcf","webpack://illumina-commerce/./src/modules/adventureworks/views/components/search.mobile.empty.tsx?ff32","webpack://illumina-commerce/./src/modules/adventureworks/views/components/search.form.tsx?d41a","webpack://illumina-commerce/./src/modules/adventureworks/views/components/search.keywordsuggest.tsx?2724","webpack://illumina-commerce/./src/modules/adventureworks/views/components/search.productsuggest.tsx?6616","webpack://illumina-commerce/./src/modules/adventureworks/views/search.view.tsx?bfa7","webpack://illumina-commerce/external var \"React\"?0d3b","webpack://illumina-commerce/external var \"ReactDOM\"?853b"],"sourcesContent":["/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport { ISearchData, ISearchViewProps } from '@msdyn365-commerce-modules/search';\r\nimport { Node } from '@msdyn365-commerce-modules/utilities';\r\nimport React from 'react';\r\n\r\nimport { ISearchProps } from '../../definition-extensions/search.ext.props.autogenerated';\r\n\r\n/**\r\n * Render Categories heading.\r\n * @param inCategoriesHeading - The Keywords result heading.\r\n * @returns The JSX Element.\r\n */\r\nconst renderCategorySuggestionsTitle = (inCategoriesHeading: string): JSX.Element => {\r\n    const categoryAutoSuggestionHeading =  'Search in categories';\r\n\r\n    return <div className='msc-autoSuggest__categoryResults-title'>{categoryAutoSuggestionHeading}</div>;\r\n};\r\n\r\n/**\r\n * Render Categories suggestion result.\r\n * @param inCategoriesHeading - The Categories result heading.\r\n * @param noResultText - The \"No Result\" text.\r\n * @param props - The Categories suggestion result.\r\n * @param isLoadingAutoSuggest - The autosuggestion loading flag.\r\n * @param isLoadingNode - The autosuggestion loading node.\r\n * @returns The JSX Element.\r\n */\r\nexport const CategorySuggestionsComponent = (\r\n    inCategoriesHeading: string,\r\n    noResultText: string,\r\n    props: ISearchViewProps & ISearchProps<ISearchData>,\r\n    isLoadingAutoSuggest?: boolean,\r\n    isLoadingNode?: React.ReactNode\r\n): JSX.Element => {\r\n    return props.autosuggestCategory ? (\r\n        <Node {...props.CategorySuggest}>\r\n            {renderCategorySuggestionsTitle(inCategoriesHeading)}\r\n            <Node {...props.UlCategory}>\r\n                {isLoadingAutoSuggest && isLoadingNode}\r\n                {!isLoadingAutoSuggest &&\r\n                    props.autosuggestCategory.text.map(text => {\r\n                        return text;\r\n                    })}\r\n            </Node>\r\n        </Node>\r\n    ) : (\r\n        <Node {...props.CategorySuggest}>\r\n            {renderCategorySuggestionsTitle(inCategoriesHeading)}\r\n            <Node {...props.UlCategory}>\r\n                <li className='msc-autoSuggest__categoryResults-no-results'>{noResultText}</li>\r\n            </Node>\r\n        </Node>\r\n    );\r\n};\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport { IImageData, Image } from '@msdyn365-commerce/core';\r\nimport { ISearchData } from '@msdyn365-commerce-modules/search';\r\nimport { Node } from '@msdyn365-commerce-modules/utilities';\r\nimport React from 'react';\r\n\r\nimport { ISearchProps } from '../../definition-extensions/search.ext.props.autogenerated';\r\n\r\n/**\r\n * Render Products Suggestion result heading.\r\n * @param props -The props.\r\n * @returns The JSX Element.\r\n */\r\nconst renderProductNotFoundResultsImage = (props: ISearchProps<ISearchData>): JSX.Element | null => {\r\n    const noSearchResultImage: IImageData | undefined = props.config.noSearchResultImage;\r\n    if (!noSearchResultImage || !noSearchResultImage.src) {\r\n        return null;\r\n    }\r\n    const imageSettings = {\r\n        lazyload: true,\r\n        viewports: {\r\n            xs: { w: 100, h: 100, q: 'w=100&h=100&q=60&m=6' }\r\n        }\r\n    };\r\n    return (\r\n        <Image\r\n            altText={noSearchResultImage.altText}\r\n            className='msc-autoSuggest__productResults-no-results-image-img'\r\n            gridSettings={props.context.request.gridSettings!}\r\n            src={noSearchResultImage.src}\r\n            requestContext={props.context.request}\r\n            imageSettings={imageSettings}\r\n        />\r\n    );\r\n};\r\n\r\n/**\r\n * Render Product suggestion result.\r\n * @param props -The props.\r\n * @returns The JSX Element.\r\n */\r\nexport const MobileAutoSuggestEmptyComponent = (props: ISearchProps<ISearchData>): JSX.Element => {\r\n    return (\r\n        <Node className='msc-autoSuggest__productResults-empty-mobile-content'>\r\n            <div className='msc-autoSuggest__productResults-empty-mobile-no-results-image'>{renderProductNotFoundResultsImage(props)}</div>\r\n            <div className='msc-autoSuggest__productResults-empty-mobile-text-content'>\r\n                <div className='msc-autoSuggest__productResults-empty-mobile-heading'>{props.resources.emptyMobileSearchTextHeading}</div>\r\n                <div className='msc-autoSuggest__productResults-empty-mobile-text'>{props.resources.emptyMobileSearchText}</div>\r\n            </div>\r\n        </Node>\r\n    );\r\n};\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport { ISearchData, ISearchFormViewProps } from '@msdyn365-commerce-modules/search';\r\nimport { Button, INodeProps, Node } from '@msdyn365-commerce-modules/utilities';\r\nimport React from 'react';\r\n\r\nimport { ISearchProps } from '../../definition-extensions/search.ext.props.autogenerated';\r\nimport { MobileAutoSuggestEmptyComponent } from './search.mobile.empty';\r\n\r\n/**\r\n * Render Clear button for mobile viewport.\r\n * @param clearSearchButtonText -The Clear button text.\r\n * @param clearSearch -Clear Search callback.\r\n * @returns -The JSX Element.\r\n */\r\nconst renderClearButton = (clearSearchButtonText: string, clearSearch: () => void): JSX.Element => {\r\n    return (\r\n        <Button className='ms-search__form-control__clear' title={clearSearchButtonText || 'Clear'} onClick={clearSearch}>\r\n            {clearSearchButtonText || 'Clear'}\r\n        </Button>\r\n    );\r\n};\r\n\r\n/**\r\n * Render Search form.\r\n * @param form -Form view props.\r\n * @param searchForm -Search Form props.\r\n * @param formWrapper -Form Wrapper props.\r\n * @param isMobile -Is mobile viewport flag.\r\n * @param clearSearchButtonText -The Clear button text.\r\n * @param props -The props for resource.\r\n * @param isSearchText -Is SearchText flag for input text.\r\n * @param clearSearch -Clear Search callback.\r\n * @returns -The JSX Element.\r\n */\r\nexport const FormComponent = (\r\n    form: ISearchFormViewProps,\r\n    searchForm: INodeProps,\r\n    formWrapper: INodeProps,\r\n    isMobile: boolean,\r\n    clearSearchButtonText: string,\r\n    props: ISearchProps<ISearchData>,\r\n    isSearchText: boolean,\r\n    clearSearch: () => void\r\n): JSX.Element => {\r\n    // const cancelButtonNode = (\r\n    //     <Button\r\n    //         className='ms-search__form-cancelSearch'\r\n    //         aria-label={props.resources.cancelBtnAriaLabel}\r\n    //         onClick={clearSearch}\r\n    //         type='button'\r\n    //     />\r\n    // );\r\n\r\n    return isMobile ? (\r\n        <Node {...searchForm}>\r\n            {form.cancelBtn}\r\n            <Node {...formWrapper}>\r\n                {form.input}\r\n                {isSearchText && renderClearButton(clearSearchButtonText, clearSearch)}\r\n                {!isSearchText ? MobileAutoSuggestEmptyComponent(props) : null}\r\n            </Node>\r\n        </Node>\r\n    ) : (\r\n        <Node {...searchForm}>\r\n            <Node {...formWrapper}>\r\n                {form.submitBtn}\r\n                {form.input}\r\n                {/* {isSearchText && cancelButtonNode} */}\r\n            </Node>\r\n        </Node>\r\n    );\r\n};\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport { IImageData, Image } from '@msdyn365-commerce/core';\r\nimport { ISearchData, ISearchProductViewProps } from '@msdyn365-commerce-modules/search';\r\nimport { INodeProps, Node } from '@msdyn365-commerce-modules/utilities';\r\nimport React from 'react';\r\n\r\nimport { ISearchProps } from '../../definition-extensions/search.ext.props.autogenerated';\r\n\r\n/**\r\n * Render Products Suggestion result heading.\r\n * @param productSuggestionsHeading -The products suggestion result heading.\r\n * @returns The JSX Element.\r\n */\r\nconst renderProductSuggestionsTitle = (productSuggestionsHeading: string): JSX.Element => {\r\n    const productAutoSuggestionHeading = productSuggestionsHeading ? productSuggestionsHeading : 'Products';\r\n\r\n    return <div className='msc-autoSuggest__productResults-title'>{productAutoSuggestionHeading}</div>;\r\n};\r\n\r\n/**\r\n * Render Products Suggestion result heading.\r\n * @param props -The props.\r\n * @returns The JSX Element.\r\n */\r\nconst renderProductNotFoundResultsImage = (props: ISearchProps<ISearchData>): JSX.Element | null => {\r\n    const noSearchResultImage: IImageData | undefined = props.config.noSearchResultImage;\r\n    if (!noSearchResultImage || !noSearchResultImage.src) {\r\n        return null;\r\n    }\r\n    return (\r\n        <Image\r\n            altText={noSearchResultImage.altText}\r\n            className='msc-autoSuggest__productResults-no-results-image-img'\r\n            gridSettings={props.context.request.gridSettings!}\r\n            src={noSearchResultImage.src}\r\n        />\r\n    );\r\n};\r\n\r\n/**\r\n * Render Products No result section.\r\n * @param props -The props.\r\n * @returns The JSX Element.\r\n */\r\nconst renderProductNotFoundResults = (props: ISearchProps<ISearchData>): JSX.Element => {\r\n    return (\r\n        <Node className='msc-autoSuggest__productResults-no-results-content'>\r\n            <div className='msc-autoSuggest__productResults-no-results-image'>{renderProductNotFoundResultsImage(props)}</div>\r\n            <div className='msc-autoSuggest__productResults-no-results-content-title'>{props.resources.noResultContentHeadingText}</div>\r\n            <div className='msc-autoSuggest__productResults-no-results-content-paragraph'>\r\n                {props.resources.noResultContentParagraphText}\r\n            </div>\r\n        </Node>\r\n    );\r\n};\r\n\r\n/**\r\n * Render Product suggestion result.\r\n * @param productSuggest -The product suggest Node props.\r\n * @param ulProduct -The List Node props.\r\n * @param props -The props.\r\n * @param productSuggestions -The Product suggestion result.\r\n * @param isLoadingAutoSuggest - The autosuggestion loading flag.\r\n * @param isLoadingNode - The autosuggestion loading node.\r\n * @returns The JSX Element.\r\n */\r\nexport const ProductSuggestionsComponent = (\r\n    productSuggest: INodeProps,\r\n    ulProduct: INodeProps,\r\n    props: ISearchProps<ISearchData>,\r\n    productSuggestions?: ISearchProductViewProps,\r\n    isLoadingAutoSuggest?: boolean,\r\n    isLoadingNode?: React.ReactNode\r\n): JSX.Element => {\r\n    const liProduct: INodeProps = {\r\n        tag: 'li',\r\n        className: 'msc-no-result-content'\r\n    };\r\n    return productSuggestions ? (\r\n        <Node {...productSuggest}>\r\n            {renderProductSuggestionsTitle(props.resources.productSuggestionHeading)}\r\n            <Node {...ulProduct}>\r\n                {isLoadingAutoSuggest && isLoadingNode}\r\n                {!isLoadingAutoSuggest &&\r\n                    productSuggestions.items.map((item, index) => {\r\n                        return (\r\n                            <Node {...item.LiProduct} key={item.id ?? index}>\r\n                                <Node {...item.AProduct}>\r\n                                    {item.thumbnail}\r\n                                    {item.text}\r\n                                    {item.price}\r\n                                </Node>\r\n                            </Node>\r\n                        );\r\n                    })}\r\n            </Node>\r\n        </Node>\r\n    ) : (\r\n        <Node {...productSuggest}>\r\n            {renderProductSuggestionsTitle(props.resources.productSuggestionHeading)}\r\n            <Node {...ulProduct}>\r\n                <Node {...liProduct}>{renderProductNotFoundResults(props)}</Node>\r\n            </Node>\r\n        </Node>\r\n    );\r\n};\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport { StringExtensions } from '@msdyn365-commerce-modules/retail-actions';\r\nimport { ISearchData, ISearchFormViewProps, ISearchViewProps } from '@msdyn365-commerce-modules/search';\r\nimport { Button, format, isMobile, Module, Node, VariantType } from '@msdyn365-commerce-modules/utilities';\r\nimport React, { useCallback, useEffect, useState } from 'react';\r\n\r\nimport { ISearchProps } from '../definition-extensions/search.ext.props.autogenerated';\r\nimport { CategorySuggestionsComponent } from './components/search.categorysuggest';\r\nimport { FormComponent } from './components/search.form';\r\n// import { KeywordSuggestionsComponent } from './components/search.keywordsuggest';\r\nimport { ProductSuggestionsComponent } from './components/search.productsuggest';\r\n\r\n/**\r\n * Render Title for AutoSuggest.\r\n * @param searchSuggestionHeading -The heading resource string.\r\n * @param searchText -The search string.\r\n * @returns -The JSX Element.\r\n */\r\nconst renderTitle = (searchSuggestionHeading: string, searchText: string): JSX.Element => {\r\n    const searchTextString = '\"'.concat(searchText.concat('\"'));\r\n    const searchAutoSuggestionHeading = searchSuggestionHeading\r\n        ? format(searchSuggestionHeading, searchTextString)\r\n        : `Search for ${searchTextString}`;\r\n\r\n    return <Node className='msc-autoSuggest__search-title'>{searchAutoSuggestionHeading}</Node>;\r\n};\r\n\r\n/**\r\n * Search View.\r\n * @param props - The view props.\r\n * @returns The JSX Element.\r\n */\r\nconst SearchView: React.FC<ISearchViewProps & ISearchProps<ISearchData>> = (\r\n    props: ISearchViewProps & ISearchProps<ISearchData>\r\n): JSX.Element => {\r\n    const {\r\n        Search,\r\n        AutoSuggestAriaLabel,\r\n        AutoSuggestAriaLabelText,\r\n        searchText,\r\n        AutoSuggest,\r\n        // KeywordSuggest,\r\n        ProductSuggest,\r\n        // UlKeyword,\r\n        UlProduct,\r\n        form,\r\n        // autosuggestKeyword,\r\n        autosuggestProduct,\r\n        SearchForm,\r\n        FormWrapper,\r\n        label,\r\n        context,\r\n        isLoadingAutoSuggest,\r\n        isLoadingNode,\r\n        callbacks: { handleCancelSearchFocused, handleCancelSearchChange }\r\n    } = props;\r\n\r\n    const {\r\n        searchSuggestionHeading,\r\n        categorySuggestionHeading,\r\n        //  keywordsHeading,\r\n        noResultText,\r\n        clearSearchButtonText\r\n    } = props.resources;\r\n\r\n    const [searchTextString, setSearchTextString] = useState<string>();\r\n    const [isMobilePort, setIsMobile] = useState<boolean>(false);\r\n    const searchRef = React.useRef<HTMLDivElement>();\r\n\r\n    useEffect(() => {\r\n        setSearchTextString(searchText);\r\n    }, [searchText]);\r\n\r\n    useEffect(() => {\r\n        document.addEventListener('click', event => {\r\n            const showBtn = document.querySelector('.ms-search__label.bx-show');\r\n            const hideBtn = document.querySelector('.ms-search__label.bx-hide');\r\n            const target = event.target as HTMLElement;\r\n            if (checkMatchParent(target, showBtn as HTMLElement)) {\r\n                clearSearch();\r\n            }\r\n            if (searchRef && hideBtn && !checkMatchParent(target as Node, searchRef.current)) {\r\n                handleCancelSearchChange();\r\n                clearSearch();\r\n            }\r\n        });\r\n\r\n        return () => {\r\n            document.removeEventListener('click', () => {});\r\n        };\r\n    }, []);\r\n\r\n    const checkMatchParent = (target: Node | null, element?: HTMLElement): boolean => {\r\n        if (!target) {\r\n            return false;\r\n        }\r\n        if (target && target === element) {\r\n            return true;\r\n        }\r\n        return checkMatchParent(target?.parentNode, element);\r\n    };\r\n\r\n    /**\r\n     * ClearSearch callback method to clear search string.\r\n     */\r\n    const clearSearch = (): void => {\r\n        setSearchTextString('');\r\n\r\n        const propsForm = props.form as ISearchFormViewProps;\r\n        const propsFormInput = propsForm.input as React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;\r\n        const propsFormInputCurrent = (propsFormInput.ref as React.RefObject<HTMLInputElement>).current;\r\n\r\n        if (propsFormInputCurrent) {\r\n            propsFormInputCurrent.value = '';\r\n        }\r\n\r\n        propsFormInput.value = '';\r\n        props.searchText = '';\r\n        props.FormWrapper.action = '';\r\n    };\r\n\r\n    const isMobileViewport = useCallback(() => {\r\n        const isMobileView = isMobile({ variant: VariantType.Browser, context: context.request }) === 'xs';\r\n        setIsMobile(isMobileView);\r\n    }, [context]);\r\n\r\n    useEffect(() => {\r\n        window.addEventListener('resize', isMobileViewport);\r\n        isMobileViewport();\r\n    }, [isMobileViewport]);\r\n\r\n    const viewport = isMobile({ variant: VariantType.Browser, context: context.request });\r\n\r\n    const isMobileView = viewport === 'sm' || viewport === 'xs';\r\n\r\n    AutoSuggest.className = !StringExtensions.isNullOrEmpty(searchTextString)\r\n        ? `${AutoSuggest.className} show`\r\n        : `${AutoSuggest.className} hide`;\r\n    const isSearchText: boolean = !StringExtensions.isNullOrEmpty(searchTextString);\r\n\r\n    return (\r\n        <Module {...Search} ref={searchRef}>\r\n            {label}\r\n            {FormComponent(\r\n                form as ISearchFormViewProps,\r\n                SearchForm,\r\n                FormWrapper,\r\n                isMobilePort,\r\n                clearSearchButtonText,\r\n                props,\r\n                isSearchText,\r\n                clearSearch\r\n            )}\r\n            {!isMobileView && (\r\n                <Node {...AutoSuggest}>\r\n                    {!StringExtensions.isNullOrEmpty(searchTextString) ? (\r\n                        <Node {...AutoSuggestAriaLabel}>{AutoSuggestAriaLabelText}</Node>\r\n                    ) : (\r\n                        ''\r\n                    )}\r\n                    {!StringExtensions.isNullOrEmpty(searchTextString) ? (\r\n                        <>\r\n                            <Node className='msc-autoSuggest__search-title-container'>\r\n                                <Button\r\n                                    className='ms-search__form-cancelSearch'\r\n                                    aria-label={props.resources.cancelBtnAriaLabel}\r\n                                    onClick={clearSearch}\r\n                                    onBlur={handleCancelSearchFocused}\r\n                                    type='button'\r\n                                />\r\n                                {renderTitle(searchSuggestionHeading, searchText)}\r\n                            </Node>\r\n                            <Node className='msc-autoSuggest__results-container'>\r\n                                <Node className='msc-autoSuggest__results'>\r\n                                    {CategorySuggestionsComponent(\r\n                                        categorySuggestionHeading,\r\n                                        noResultText,\r\n                                        props,\r\n                                        isLoadingAutoSuggest,\r\n                                        isLoadingNode\r\n                                    )}\r\n                                    {/* {KeywordSuggestionsComponent(\r\n                                        KeywordSuggest,\r\n                                        UlKeyword,\r\n                                        keywordsHeading,\r\n                                        noResultText,\r\n                                        autosuggestKeyword,\r\n                                        isLoadingAutoSuggest,\r\n                                        isLoadingNode\r\n                                    )} */}\r\n                                </Node>\r\n                                {ProductSuggestionsComponent(\r\n                                    ProductSuggest,\r\n                                    UlProduct,\r\n                                    props,\r\n                                    autosuggestProduct,\r\n                                    isLoadingAutoSuggest,\r\n                                    isLoadingNode\r\n                                )}\r\n                            </Node>\r\n                        </>\r\n                    ) : null}\r\n                </Node>\r\n            )}\r\n            {isMobileView && props.isSearchFormExpanded && (\r\n                <Node {...AutoSuggest}>\r\n                    {!StringExtensions.isNullOrEmpty(searchTextString) ? (\r\n                        <Node {...AutoSuggestAriaLabel}>{AutoSuggestAriaLabelText}</Node>\r\n                    ) : (\r\n                        ''\r\n                    )}\r\n                    {!StringExtensions.isNullOrEmpty(searchTextString) ? (\r\n                        <>\r\n                            <Node className='msc-autoSuggest__search-title-container'>\r\n                                {(form as ISearchFormViewProps).cancelBtn}\r\n                                {renderTitle(searchSuggestionHeading, searchText)}\r\n                            </Node>\r\n                            <Node className='msc-autoSuggest__results-container'>\r\n                                <Node className='msc-autoSuggest__results'>\r\n                                    {CategorySuggestionsComponent(\r\n                                        categorySuggestionHeading,\r\n                                        noResultText,\r\n                                        props,\r\n                                        isLoadingAutoSuggest,\r\n                                        isLoadingNode\r\n                                    )}\r\n                                    {/* {KeywordSuggestionsComponent(\r\n                                        KeywordSuggest,\r\n                                        UlKeyword,\r\n                                        keywordsHeading,\r\n                                        noResultText,\r\n                                        autosuggestKeyword,\r\n                                        isLoadingAutoSuggest,\r\n                                        isLoadingNode\r\n                                    )} */}\r\n                                </Node>\r\n                                {ProductSuggestionsComponent(\r\n                                    ProductSuggest,\r\n                                    UlProduct,\r\n                                    props,\r\n                                    autosuggestProduct,\r\n                                    isLoadingAutoSuggest,\r\n                                    isLoadingNode\r\n                                )}\r\n                            </Node>\r\n                        </>\r\n                    ) : null}\r\n                </Node>\r\n            )}\r\n        </Module>\r\n    );\r\n};\r\nexport default SearchView;\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport { ISearchData, ISearchViewProps } from '@msdyn365-commerce-modules/search';\r\nimport { Node } from '@msdyn365-commerce-modules/utilities';\r\nimport React from 'react';\r\n\r\nimport { ISearchProps } from '../../definition-extensions/search.ext.props.autogenerated';\r\n\r\n/**\r\n * Render Categories heading.\r\n * @param inCategoriesHeading - The Keywords result heading.\r\n * @returns The JSX Element.\r\n */\r\nconst renderCategorySuggestionsTitle = (inCategoriesHeading: string): JSX.Element => {\r\n    const categoryAutoSuggestionHeading =  'Search in categories';\r\n\r\n    return <div className='msc-autoSuggest__categoryResults-title'>{categoryAutoSuggestionHeading}</div>;\r\n};\r\n\r\n/**\r\n * Render Categories suggestion result.\r\n * @param inCategoriesHeading - The Categories result heading.\r\n * @param noResultText - The \"No Result\" text.\r\n * @param props - The Categories suggestion result.\r\n * @param isLoadingAutoSuggest - The autosuggestion loading flag.\r\n * @param isLoadingNode - The autosuggestion loading node.\r\n * @returns The JSX Element.\r\n */\r\nexport const CategorySuggestionsComponent = (\r\n    inCategoriesHeading: string,\r\n    noResultText: string,\r\n    props: ISearchViewProps & ISearchProps<ISearchData>,\r\n    isLoadingAutoSuggest?: boolean,\r\n    isLoadingNode?: React.ReactNode\r\n): JSX.Element => {\r\n    return props.autosuggestCategory ? (\r\n        <Node {...props.CategorySuggest}>\r\n            {renderCategorySuggestionsTitle(inCategoriesHeading)}\r\n            <Node {...props.UlCategory}>\r\n                {isLoadingAutoSuggest && isLoadingNode}\r\n                {!isLoadingAutoSuggest &&\r\n                    props.autosuggestCategory.text.map(text => {\r\n                        return text;\r\n                    })}\r\n            </Node>\r\n        </Node>\r\n    ) : (\r\n        <Node {...props.CategorySuggest}>\r\n            {renderCategorySuggestionsTitle(inCategoriesHeading)}\r\n            <Node {...props.UlCategory}>\r\n                <li className='msc-autoSuggest__categoryResults-no-results'>{noResultText}</li>\r\n            </Node>\r\n        </Node>\r\n    );\r\n};\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport { IImageData, Image } from '@msdyn365-commerce/core';\r\nimport { ISearchData } from '@msdyn365-commerce-modules/search';\r\nimport { Node } from '@msdyn365-commerce-modules/utilities';\r\nimport React from 'react';\r\n\r\nimport { ISearchProps } from '../../definition-extensions/search.ext.props.autogenerated';\r\n\r\n/**\r\n * Render Products Suggestion result heading.\r\n * @param props -The props.\r\n * @returns The JSX Element.\r\n */\r\nconst renderProductNotFoundResultsImage = (props: ISearchProps<ISearchData>): JSX.Element | null => {\r\n    const noSearchResultImage: IImageData | undefined = props.config.noSearchResultImage;\r\n    if (!noSearchResultImage || !noSearchResultImage.src) {\r\n        return null;\r\n    }\r\n    const imageSettings = {\r\n        lazyload: true,\r\n        viewports: {\r\n            xs: { w: 100, h: 100, q: 'w=100&h=100&q=60&m=6' }\r\n        }\r\n    };\r\n    return (\r\n        <Image\r\n            altText={noSearchResultImage.altText}\r\n            className='msc-autoSuggest__productResults-no-results-image-img'\r\n            gridSettings={props.context.request.gridSettings!}\r\n            src={noSearchResultImage.src}\r\n            requestContext={props.context.request}\r\n            imageSettings={imageSettings}\r\n        />\r\n    );\r\n};\r\n\r\n/**\r\n * Render Product suggestion result.\r\n * @param props -The props.\r\n * @returns The JSX Element.\r\n */\r\nexport const MobileAutoSuggestEmptyComponent = (props: ISearchProps<ISearchData>): JSX.Element => {\r\n    return (\r\n        <Node className='msc-autoSuggest__productResults-empty-mobile-content'>\r\n            <div className='msc-autoSuggest__productResults-empty-mobile-no-results-image'>{renderProductNotFoundResultsImage(props)}</div>\r\n            <div className='msc-autoSuggest__productResults-empty-mobile-text-content'>\r\n                <div className='msc-autoSuggest__productResults-empty-mobile-heading'>{props.resources.emptyMobileSearchTextHeading}</div>\r\n                <div className='msc-autoSuggest__productResults-empty-mobile-text'>{props.resources.emptyMobileSearchText}</div>\r\n            </div>\r\n        </Node>\r\n    );\r\n};\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport { ISearchData, ISearchFormViewProps } from '@msdyn365-commerce-modules/search';\r\nimport { Button, INodeProps, Node } from '@msdyn365-commerce-modules/utilities';\r\nimport React from 'react';\r\n\r\nimport { ISearchProps } from '../../definition-extensions/search.ext.props.autogenerated';\r\nimport { MobileAutoSuggestEmptyComponent } from './search.mobile.empty';\r\n\r\n/**\r\n * Render Clear button for mobile viewport.\r\n * @param clearSearchButtonText -The Clear button text.\r\n * @param clearSearch -Clear Search callback.\r\n * @returns -The JSX Element.\r\n */\r\nconst renderClearButton = (clearSearchButtonText: string, clearSearch: () => void): JSX.Element => {\r\n    return (\r\n        <Button className='ms-search__form-control__clear' title={clearSearchButtonText || 'Clear'} onClick={clearSearch}>\r\n            {clearSearchButtonText || 'Clear'}\r\n        </Button>\r\n    );\r\n};\r\n\r\n/**\r\n * Render Search form.\r\n * @param form -Form view props.\r\n * @param searchForm -Search Form props.\r\n * @param formWrapper -Form Wrapper props.\r\n * @param isMobile -Is mobile viewport flag.\r\n * @param clearSearchButtonText -The Clear button text.\r\n * @param props -The props for resource.\r\n * @param isSearchText -Is SearchText flag for input text.\r\n * @param clearSearch -Clear Search callback.\r\n * @returns -The JSX Element.\r\n */\r\nexport const FormComponent = (\r\n    form: ISearchFormViewProps,\r\n    searchForm: INodeProps,\r\n    formWrapper: INodeProps,\r\n    isMobile: boolean,\r\n    clearSearchButtonText: string,\r\n    props: ISearchProps<ISearchData>,\r\n    isSearchText: boolean,\r\n    clearSearch: () => void\r\n): JSX.Element => {\r\n    // const cancelButtonNode = (\r\n    //     <Button\r\n    //         className='ms-search__form-cancelSearch'\r\n    //         aria-label={props.resources.cancelBtnAriaLabel}\r\n    //         onClick={clearSearch}\r\n    //         type='button'\r\n    //     />\r\n    // );\r\n\r\n    return isMobile ? (\r\n        <Node {...searchForm}>\r\n            {form.cancelBtn}\r\n            <Node {...formWrapper}>\r\n                {form.input}\r\n                {isSearchText && renderClearButton(clearSearchButtonText, clearSearch)}\r\n                {!isSearchText ? MobileAutoSuggestEmptyComponent(props) : null}\r\n            </Node>\r\n        </Node>\r\n    ) : (\r\n        <Node {...searchForm}>\r\n            <Node {...formWrapper}>\r\n                {form.submitBtn}\r\n                {form.input}\r\n                {/* {isSearchText && cancelButtonNode} */}\r\n            </Node>\r\n        </Node>\r\n    );\r\n};\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport { IImageData, Image } from '@msdyn365-commerce/core';\r\nimport { ISearchData, ISearchProductViewProps } from '@msdyn365-commerce-modules/search';\r\nimport { INodeProps, Node } from '@msdyn365-commerce-modules/utilities';\r\nimport React from 'react';\r\n\r\nimport { ISearchProps } from '../../definition-extensions/search.ext.props.autogenerated';\r\n\r\n/**\r\n * Render Products Suggestion result heading.\r\n * @param productSuggestionsHeading -The products suggestion result heading.\r\n * @returns The JSX Element.\r\n */\r\nconst renderProductSuggestionsTitle = (productSuggestionsHeading: string): JSX.Element => {\r\n    const productAutoSuggestionHeading = productSuggestionsHeading ? productSuggestionsHeading : 'Products';\r\n\r\n    return <div className='msc-autoSuggest__productResults-title'>{productAutoSuggestionHeading}</div>;\r\n};\r\n\r\n/**\r\n * Render Products Suggestion result heading.\r\n * @param props -The props.\r\n * @returns The JSX Element.\r\n */\r\nconst renderProductNotFoundResultsImage = (props: ISearchProps<ISearchData>): JSX.Element | null => {\r\n    const noSearchResultImage: IImageData | undefined = props.config.noSearchResultImage;\r\n    if (!noSearchResultImage || !noSearchResultImage.src) {\r\n        return null;\r\n    }\r\n    return (\r\n        <Image\r\n            altText={noSearchResultImage.altText}\r\n            className='msc-autoSuggest__productResults-no-results-image-img'\r\n            gridSettings={props.context.request.gridSettings!}\r\n            src={noSearchResultImage.src}\r\n        />\r\n    );\r\n};\r\n\r\n/**\r\n * Render Products No result section.\r\n * @param props -The props.\r\n * @returns The JSX Element.\r\n */\r\nconst renderProductNotFoundResults = (props: ISearchProps<ISearchData>): JSX.Element => {\r\n    return (\r\n        <Node className='msc-autoSuggest__productResults-no-results-content'>\r\n            <div className='msc-autoSuggest__productResults-no-results-image'>{renderProductNotFoundResultsImage(props)}</div>\r\n            <div className='msc-autoSuggest__productResults-no-results-content-title'>{props.resources.noResultContentHeadingText}</div>\r\n            <div className='msc-autoSuggest__productResults-no-results-content-paragraph'>\r\n                {props.resources.noResultContentParagraphText}\r\n            </div>\r\n        </Node>\r\n    );\r\n};\r\n\r\n/**\r\n * Render Product suggestion result.\r\n * @param productSuggest -The product suggest Node props.\r\n * @param ulProduct -The List Node props.\r\n * @param props -The props.\r\n * @param productSuggestions -The Product suggestion result.\r\n * @param isLoadingAutoSuggest - The autosuggestion loading flag.\r\n * @param isLoadingNode - The autosuggestion loading node.\r\n * @returns The JSX Element.\r\n */\r\nexport const ProductSuggestionsComponent = (\r\n    productSuggest: INodeProps,\r\n    ulProduct: INodeProps,\r\n    props: ISearchProps<ISearchData>,\r\n    productSuggestions?: ISearchProductViewProps,\r\n    isLoadingAutoSuggest?: boolean,\r\n    isLoadingNode?: React.ReactNode\r\n): JSX.Element => {\r\n    const liProduct: INodeProps = {\r\n        tag: 'li',\r\n        className: 'msc-no-result-content'\r\n    };\r\n    return productSuggestions ? (\r\n        <Node {...productSuggest}>\r\n            {renderProductSuggestionsTitle(props.resources.productSuggestionHeading)}\r\n            <Node {...ulProduct}>\r\n                {isLoadingAutoSuggest && isLoadingNode}\r\n                {!isLoadingAutoSuggest &&\r\n                    productSuggestions.items.map((item, index) => {\r\n                        return (\r\n                            <Node {...item.LiProduct} key={item.id ?? index}>\r\n                                <Node {...item.AProduct}>\r\n                                    {item.thumbnail}\r\n                                    {item.text}\r\n                                    {item.price}\r\n                                </Node>\r\n                            </Node>\r\n                        );\r\n                    })}\r\n            </Node>\r\n        </Node>\r\n    ) : (\r\n        <Node {...productSuggest}>\r\n            {renderProductSuggestionsTitle(props.resources.productSuggestionHeading)}\r\n            <Node {...ulProduct}>\r\n                <Node {...liProduct}>{renderProductNotFoundResults(props)}</Node>\r\n            </Node>\r\n        </Node>\r\n    );\r\n};\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport { StringExtensions } from '@msdyn365-commerce-modules/retail-actions';\r\nimport { ISearchData, ISearchFormViewProps, ISearchViewProps } from '@msdyn365-commerce-modules/search';\r\nimport { Button, format, isMobile, Module, Node, VariantType } from '@msdyn365-commerce-modules/utilities';\r\nimport React, { useCallback, useEffect, useState } from 'react';\r\n\r\nimport { ISearchProps } from '../definition-extensions/search.ext.props.autogenerated';\r\nimport { CategorySuggestionsComponent } from './components/search.categorysuggest';\r\nimport { FormComponent } from './components/search.form';\r\n// import { KeywordSuggestionsComponent } from './components/search.keywordsuggest';\r\nimport { ProductSuggestionsComponent } from './components/search.productsuggest';\r\n\r\n/**\r\n * Render Title for AutoSuggest.\r\n * @param searchSuggestionHeading -The heading resource string.\r\n * @param searchText -The search string.\r\n * @returns -The JSX Element.\r\n */\r\nconst renderTitle = (searchSuggestionHeading: string, searchText: string): JSX.Element => {\r\n    const searchTextString = '\"'.concat(searchText.concat('\"'));\r\n    const searchAutoSuggestionHeading = searchSuggestionHeading\r\n        ? format(searchSuggestionHeading, searchTextString)\r\n        : `Search for ${searchTextString}`;\r\n\r\n    return <Node className='msc-autoSuggest__search-title'>{searchAutoSuggestionHeading}</Node>;\r\n};\r\n\r\n/**\r\n * Search View.\r\n * @param props - The view props.\r\n * @returns The JSX Element.\r\n */\r\nconst SearchView: React.FC<ISearchViewProps & ISearchProps<ISearchData>> = (\r\n    props: ISearchViewProps & ISearchProps<ISearchData>\r\n): JSX.Element => {\r\n    const {\r\n        Search,\r\n        AutoSuggestAriaLabel,\r\n        AutoSuggestAriaLabelText,\r\n        searchText,\r\n        AutoSuggest,\r\n        // KeywordSuggest,\r\n        ProductSuggest,\r\n        // UlKeyword,\r\n        UlProduct,\r\n        form,\r\n        // autosuggestKeyword,\r\n        autosuggestProduct,\r\n        SearchForm,\r\n        FormWrapper,\r\n        label,\r\n        context,\r\n        isLoadingAutoSuggest,\r\n        isLoadingNode,\r\n        callbacks: { handleCancelSearchFocused, handleCancelSearchChange }\r\n    } = props;\r\n\r\n    const {\r\n        searchSuggestionHeading,\r\n        categorySuggestionHeading,\r\n        //  keywordsHeading,\r\n        noResultText,\r\n        clearSearchButtonText\r\n    } = props.resources;\r\n\r\n    const [searchTextString, setSearchTextString] = useState<string>();\r\n    const [isMobilePort, setIsMobile] = useState<boolean>(false);\r\n    const searchRef = React.useRef<HTMLDivElement>();\r\n\r\n    useEffect(() => {\r\n        setSearchTextString(searchText);\r\n    }, [searchText]);\r\n\r\n    useEffect(() => {\r\n        document.addEventListener('click', event => {\r\n            const showBtn = document.querySelector('.ms-search__label.bx-show');\r\n            const hideBtn = document.querySelector('.ms-search__label.bx-hide');\r\n            const target = event.target as HTMLElement;\r\n            if (checkMatchParent(target, showBtn as HTMLElement)) {\r\n                clearSearch();\r\n            }\r\n            if (searchRef && hideBtn && !checkMatchParent(target as Node, searchRef.current)) {\r\n                handleCancelSearchChange();\r\n                clearSearch();\r\n            }\r\n        });\r\n\r\n        return () => {\r\n            document.removeEventListener('click', () => {});\r\n        };\r\n    }, []);\r\n\r\n    const checkMatchParent = (target: Node | null, element?: HTMLElement): boolean => {\r\n        if (!target) {\r\n            return false;\r\n        }\r\n        if (target && target === element) {\r\n            return true;\r\n        }\r\n        return checkMatchParent(target?.parentNode, element);\r\n    };\r\n\r\n    /**\r\n     * ClearSearch callback method to clear search string.\r\n     */\r\n    const clearSearch = (): void => {\r\n        setSearchTextString('');\r\n\r\n        const propsForm = props.form as ISearchFormViewProps;\r\n        const propsFormInput = propsForm.input as React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;\r\n        const propsFormInputCurrent = (propsFormInput.ref as React.RefObject<HTMLInputElement>).current;\r\n\r\n        if (propsFormInputCurrent) {\r\n            propsFormInputCurrent.value = '';\r\n        }\r\n\r\n        propsFormInput.value = '';\r\n        props.searchText = '';\r\n        props.FormWrapper.action = '';\r\n    };\r\n\r\n    const isMobileViewport = useCallback(() => {\r\n        const isMobileView = isMobile({ variant: VariantType.Browser, context: context.request }) === 'xs';\r\n        setIsMobile(isMobileView);\r\n    }, [context]);\r\n\r\n    useEffect(() => {\r\n        window.addEventListener('resize', isMobileViewport);\r\n        isMobileViewport();\r\n    }, [isMobileViewport]);\r\n\r\n    const viewport = isMobile({ variant: VariantType.Browser, context: context.request });\r\n\r\n    const isMobileView = viewport === 'sm' || viewport === 'xs';\r\n\r\n    AutoSuggest.className = !StringExtensions.isNullOrEmpty(searchTextString)\r\n        ? `${AutoSuggest.className} show`\r\n        : `${AutoSuggest.className} hide`;\r\n    const isSearchText: boolean = !StringExtensions.isNullOrEmpty(searchTextString);\r\n\r\n    return (\r\n        <Module {...Search} ref={searchRef}>\r\n            {label}\r\n            {FormComponent(\r\n                form as ISearchFormViewProps,\r\n                SearchForm,\r\n                FormWrapper,\r\n                isMobilePort,\r\n                clearSearchButtonText,\r\n                props,\r\n                isSearchText,\r\n                clearSearch\r\n            )}\r\n            {!isMobileView && (\r\n                <Node {...AutoSuggest}>\r\n                    {!StringExtensions.isNullOrEmpty(searchTextString) ? (\r\n                        <Node {...AutoSuggestAriaLabel}>{AutoSuggestAriaLabelText}</Node>\r\n                    ) : (\r\n                        ''\r\n                    )}\r\n                    {!StringExtensions.isNullOrEmpty(searchTextString) ? (\r\n                        <>\r\n                            <Node className='msc-autoSuggest__search-title-container'>\r\n                                <Button\r\n                                    className='ms-search__form-cancelSearch'\r\n                                    aria-label={props.resources.cancelBtnAriaLabel}\r\n                                    onClick={clearSearch}\r\n                                    onBlur={handleCancelSearchFocused}\r\n                                    type='button'\r\n                                />\r\n                                {renderTitle(searchSuggestionHeading, searchText)}\r\n                            </Node>\r\n                            <Node className='msc-autoSuggest__results-container'>\r\n                                <Node className='msc-autoSuggest__results'>\r\n                                    {CategorySuggestionsComponent(\r\n                                        categorySuggestionHeading,\r\n                                        noResultText,\r\n                                        props,\r\n                                        isLoadingAutoSuggest,\r\n                                        isLoadingNode\r\n                                    )}\r\n                                    {/* {KeywordSuggestionsComponent(\r\n                                        KeywordSuggest,\r\n                                        UlKeyword,\r\n                                        keywordsHeading,\r\n                                        noResultText,\r\n                                        autosuggestKeyword,\r\n                                        isLoadingAutoSuggest,\r\n                                        isLoadingNode\r\n                                    )} */}\r\n                                </Node>\r\n                                {ProductSuggestionsComponent(\r\n                                    ProductSuggest,\r\n                                    UlProduct,\r\n                                    props,\r\n                                    autosuggestProduct,\r\n                                    isLoadingAutoSuggest,\r\n                                    isLoadingNode\r\n                                )}\r\n                            </Node>\r\n                        </>\r\n                    ) : null}\r\n                </Node>\r\n            )}\r\n            {isMobileView && props.isSearchFormExpanded && (\r\n                <Node {...AutoSuggest}>\r\n                    {!StringExtensions.isNullOrEmpty(searchTextString) ? (\r\n                        <Node {...AutoSuggestAriaLabel}>{AutoSuggestAriaLabelText}</Node>\r\n                    ) : (\r\n                        ''\r\n                    )}\r\n                    {!StringExtensions.isNullOrEmpty(searchTextString) ? (\r\n                        <>\r\n                            <Node className='msc-autoSuggest__search-title-container'>\r\n                                {(form as ISearchFormViewProps).cancelBtn}\r\n                                {renderTitle(searchSuggestionHeading, searchText)}\r\n                            </Node>\r\n                            <Node className='msc-autoSuggest__results-container'>\r\n                                <Node className='msc-autoSuggest__results'>\r\n                                    {CategorySuggestionsComponent(\r\n                                        categorySuggestionHeading,\r\n                                        noResultText,\r\n                                        props,\r\n                                        isLoadingAutoSuggest,\r\n                                        isLoadingNode\r\n                                    )}\r\n                                    {/* {KeywordSuggestionsComponent(\r\n                                        KeywordSuggest,\r\n                                        UlKeyword,\r\n                                        keywordsHeading,\r\n                                        noResultText,\r\n                                        autosuggestKeyword,\r\n                                        isLoadingAutoSuggest,\r\n                                        isLoadingNode\r\n                                    )} */}\r\n                                </Node>\r\n                                {ProductSuggestionsComponent(\r\n                                    ProductSuggest,\r\n                                    UlProduct,\r\n                                    props,\r\n                                    autosuggestProduct,\r\n                                    isLoadingAutoSuggest,\r\n                                    isLoadingNode\r\n                                )}\r\n                            </Node>\r\n                        </>\r\n                    ) : null}\r\n                </Node>\r\n            )}\r\n        </Module>\r\n    );\r\n};\r\nexport default SearchView;\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport { ISearchData, ISearchViewProps } from '@msdyn365-commerce-modules/search';\r\nimport { Node } from '@msdyn365-commerce-modules/utilities';\r\nimport React from 'react';\r\n\r\nimport { ISearchProps } from '../../definition-extensions/search.ext.props.autogenerated';\r\n\r\n/**\r\n * Render Categories heading.\r\n * @param inCategoriesHeading - The Keywords result heading.\r\n * @returns The JSX Element.\r\n */\r\nconst renderCategorySuggestionsTitle = (inCategoriesHeading: string): JSX.Element => {\r\n    const categoryAutoSuggestionHeading =  'Search in categories';\r\n\r\n    return <div className='msc-autoSuggest__categoryResults-title'>{categoryAutoSuggestionHeading}</div>;\r\n};\r\n\r\n/**\r\n * Render Categories suggestion result.\r\n * @param inCategoriesHeading - The Categories result heading.\r\n * @param noResultText - The \"No Result\" text.\r\n * @param props - The Categories suggestion result.\r\n * @param isLoadingAutoSuggest - The autosuggestion loading flag.\r\n * @param isLoadingNode - The autosuggestion loading node.\r\n * @returns The JSX Element.\r\n */\r\nexport const CategorySuggestionsComponent = (\r\n    inCategoriesHeading: string,\r\n    noResultText: string,\r\n    props: ISearchViewProps & ISearchProps<ISearchData>,\r\n    isLoadingAutoSuggest?: boolean,\r\n    isLoadingNode?: React.ReactNode\r\n): JSX.Element => {\r\n    return props.autosuggestCategory ? (\r\n        <Node {...props.CategorySuggest}>\r\n            {renderCategorySuggestionsTitle(inCategoriesHeading)}\r\n            <Node {...props.UlCategory}>\r\n                {isLoadingAutoSuggest && isLoadingNode}\r\n                {!isLoadingAutoSuggest &&\r\n                    props.autosuggestCategory.text.map(text => {\r\n                        return text;\r\n                    })}\r\n            </Node>\r\n        </Node>\r\n    ) : (\r\n        <Node {...props.CategorySuggest}>\r\n            {renderCategorySuggestionsTitle(inCategoriesHeading)}\r\n            <Node {...props.UlCategory}>\r\n                <li className='msc-autoSuggest__categoryResults-no-results'>{noResultText}</li>\r\n            </Node>\r\n        </Node>\r\n    );\r\n};\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport { IImageData, Image } from '@msdyn365-commerce/core';\r\nimport { ISearchData } from '@msdyn365-commerce-modules/search';\r\nimport { Node } from '@msdyn365-commerce-modules/utilities';\r\nimport React from 'react';\r\n\r\nimport { ISearchProps } from '../../definition-extensions/search.ext.props.autogenerated';\r\n\r\n/**\r\n * Render Products Suggestion result heading.\r\n * @param props -The props.\r\n * @returns The JSX Element.\r\n */\r\nconst renderProductNotFoundResultsImage = (props: ISearchProps<ISearchData>): JSX.Element | null => {\r\n    const noSearchResultImage: IImageData | undefined = props.config.noSearchResultImage;\r\n    if (!noSearchResultImage || !noSearchResultImage.src) {\r\n        return null;\r\n    }\r\n    const imageSettings = {\r\n        lazyload: true,\r\n        viewports: {\r\n            xs: { w: 100, h: 100, q: 'w=100&h=100&q=60&m=6' }\r\n        }\r\n    };\r\n    return (\r\n        <Image\r\n            altText={noSearchResultImage.altText}\r\n            className='msc-autoSuggest__productResults-no-results-image-img'\r\n            gridSettings={props.context.request.gridSettings!}\r\n            src={noSearchResultImage.src}\r\n            requestContext={props.context.request}\r\n            imageSettings={imageSettings}\r\n        />\r\n    );\r\n};\r\n\r\n/**\r\n * Render Product suggestion result.\r\n * @param props -The props.\r\n * @returns The JSX Element.\r\n */\r\nexport const MobileAutoSuggestEmptyComponent = (props: ISearchProps<ISearchData>): JSX.Element => {\r\n    return (\r\n        <Node className='msc-autoSuggest__productResults-empty-mobile-content'>\r\n            <div className='msc-autoSuggest__productResults-empty-mobile-no-results-image'>{renderProductNotFoundResultsImage(props)}</div>\r\n            <div className='msc-autoSuggest__productResults-empty-mobile-text-content'>\r\n                <div className='msc-autoSuggest__productResults-empty-mobile-heading'>{props.resources.emptyMobileSearchTextHeading}</div>\r\n                <div className='msc-autoSuggest__productResults-empty-mobile-text'>{props.resources.emptyMobileSearchText}</div>\r\n            </div>\r\n        </Node>\r\n    );\r\n};\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport { ISearchData, ISearchFormViewProps } from '@msdyn365-commerce-modules/search';\r\nimport { Button, INodeProps, Node } from '@msdyn365-commerce-modules/utilities';\r\nimport React from 'react';\r\n\r\nimport { ISearchProps } from '../../definition-extensions/search.ext.props.autogenerated';\r\nimport { MobileAutoSuggestEmptyComponent } from './search.mobile.empty';\r\n\r\n/**\r\n * Render Clear button for mobile viewport.\r\n * @param clearSearchButtonText -The Clear button text.\r\n * @param clearSearch -Clear Search callback.\r\n * @returns -The JSX Element.\r\n */\r\nconst renderClearButton = (clearSearchButtonText: string, clearSearch: () => void): JSX.Element => {\r\n    return (\r\n        <Button className='ms-search__form-control__clear' title={clearSearchButtonText || 'Clear'} onClick={clearSearch}>\r\n            {clearSearchButtonText || 'Clear'}\r\n        </Button>\r\n    );\r\n};\r\n\r\n/**\r\n * Render Search form.\r\n * @param form -Form view props.\r\n * @param searchForm -Search Form props.\r\n * @param formWrapper -Form Wrapper props.\r\n * @param isMobile -Is mobile viewport flag.\r\n * @param clearSearchButtonText -The Clear button text.\r\n * @param props -The props for resource.\r\n * @param isSearchText -Is SearchText flag for input text.\r\n * @param clearSearch -Clear Search callback.\r\n * @returns -The JSX Element.\r\n */\r\nexport const FormComponent = (\r\n    form: ISearchFormViewProps,\r\n    searchForm: INodeProps,\r\n    formWrapper: INodeProps,\r\n    isMobile: boolean,\r\n    clearSearchButtonText: string,\r\n    props: ISearchProps<ISearchData>,\r\n    isSearchText: boolean,\r\n    clearSearch: () => void\r\n): JSX.Element => {\r\n    // const cancelButtonNode = (\r\n    //     <Button\r\n    //         className='ms-search__form-cancelSearch'\r\n    //         aria-label={props.resources.cancelBtnAriaLabel}\r\n    //         onClick={clearSearch}\r\n    //         type='button'\r\n    //     />\r\n    // );\r\n\r\n    return isMobile ? (\r\n        <Node {...searchForm}>\r\n            {form.cancelBtn}\r\n            <Node {...formWrapper}>\r\n                {form.input}\r\n                {isSearchText && renderClearButton(clearSearchButtonText, clearSearch)}\r\n                {!isSearchText ? MobileAutoSuggestEmptyComponent(props) : null}\r\n            </Node>\r\n        </Node>\r\n    ) : (\r\n        <Node {...searchForm}>\r\n            <Node {...formWrapper}>\r\n                {form.submitBtn}\r\n                {form.input}\r\n                {/* {isSearchText && cancelButtonNode} */}\r\n            </Node>\r\n        </Node>\r\n    );\r\n};\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport { IImageData, Image } from '@msdyn365-commerce/core';\r\nimport { ISearchData, ISearchProductViewProps } from '@msdyn365-commerce-modules/search';\r\nimport { INodeProps, Node } from '@msdyn365-commerce-modules/utilities';\r\nimport React from 'react';\r\n\r\nimport { ISearchProps } from '../../definition-extensions/search.ext.props.autogenerated';\r\n\r\n/**\r\n * Render Products Suggestion result heading.\r\n * @param productSuggestionsHeading -The products suggestion result heading.\r\n * @returns The JSX Element.\r\n */\r\nconst renderProductSuggestionsTitle = (productSuggestionsHeading: string): JSX.Element => {\r\n    const productAutoSuggestionHeading = productSuggestionsHeading ? productSuggestionsHeading : 'Products';\r\n\r\n    return <div className='msc-autoSuggest__productResults-title'>{productAutoSuggestionHeading}</div>;\r\n};\r\n\r\n/**\r\n * Render Products Suggestion result heading.\r\n * @param props -The props.\r\n * @returns The JSX Element.\r\n */\r\nconst renderProductNotFoundResultsImage = (props: ISearchProps<ISearchData>): JSX.Element | null => {\r\n    const noSearchResultImage: IImageData | undefined = props.config.noSearchResultImage;\r\n    if (!noSearchResultImage || !noSearchResultImage.src) {\r\n        return null;\r\n    }\r\n    return (\r\n        <Image\r\n            altText={noSearchResultImage.altText}\r\n            className='msc-autoSuggest__productResults-no-results-image-img'\r\n            gridSettings={props.context.request.gridSettings!}\r\n            src={noSearchResultImage.src}\r\n        />\r\n    );\r\n};\r\n\r\n/**\r\n * Render Products No result section.\r\n * @param props -The props.\r\n * @returns The JSX Element.\r\n */\r\nconst renderProductNotFoundResults = (props: ISearchProps<ISearchData>): JSX.Element => {\r\n    return (\r\n        <Node className='msc-autoSuggest__productResults-no-results-content'>\r\n            <div className='msc-autoSuggest__productResults-no-results-image'>{renderProductNotFoundResultsImage(props)}</div>\r\n            <div className='msc-autoSuggest__productResults-no-results-content-title'>{props.resources.noResultContentHeadingText}</div>\r\n            <div className='msc-autoSuggest__productResults-no-results-content-paragraph'>\r\n                {props.resources.noResultContentParagraphText}\r\n            </div>\r\n        </Node>\r\n    );\r\n};\r\n\r\n/**\r\n * Render Product suggestion result.\r\n * @param productSuggest -The product suggest Node props.\r\n * @param ulProduct -The List Node props.\r\n * @param props -The props.\r\n * @param productSuggestions -The Product suggestion result.\r\n * @param isLoadingAutoSuggest - The autosuggestion loading flag.\r\n * @param isLoadingNode - The autosuggestion loading node.\r\n * @returns The JSX Element.\r\n */\r\nexport const ProductSuggestionsComponent = (\r\n    productSuggest: INodeProps,\r\n    ulProduct: INodeProps,\r\n    props: ISearchProps<ISearchData>,\r\n    productSuggestions?: ISearchProductViewProps,\r\n    isLoadingAutoSuggest?: boolean,\r\n    isLoadingNode?: React.ReactNode\r\n): JSX.Element => {\r\n    const liProduct: INodeProps = {\r\n        tag: 'li',\r\n        className: 'msc-no-result-content'\r\n    };\r\n    return productSuggestions ? (\r\n        <Node {...productSuggest}>\r\n            {renderProductSuggestionsTitle(props.resources.productSuggestionHeading)}\r\n            <Node {...ulProduct}>\r\n                {isLoadingAutoSuggest && isLoadingNode}\r\n                {!isLoadingAutoSuggest &&\r\n                    productSuggestions.items.map((item, index) => {\r\n                        return (\r\n                            <Node {...item.LiProduct} key={item.id ?? index}>\r\n                                <Node {...item.AProduct}>\r\n                                    {item.thumbnail}\r\n                                    {item.text}\r\n                                    {item.price}\r\n                                </Node>\r\n                            </Node>\r\n                        );\r\n                    })}\r\n            </Node>\r\n        </Node>\r\n    ) : (\r\n        <Node {...productSuggest}>\r\n            {renderProductSuggestionsTitle(props.resources.productSuggestionHeading)}\r\n            <Node {...ulProduct}>\r\n                <Node {...liProduct}>{renderProductNotFoundResults(props)}</Node>\r\n            </Node>\r\n        </Node>\r\n    );\r\n};\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport { StringExtensions } from '@msdyn365-commerce-modules/retail-actions';\r\nimport { ISearchData, ISearchFormViewProps, ISearchViewProps } from '@msdyn365-commerce-modules/search';\r\nimport { Button, format, isMobile, Module, Node, VariantType } from '@msdyn365-commerce-modules/utilities';\r\nimport React, { useCallback, useEffect, useState } from 'react';\r\n\r\nimport { ISearchProps } from '../definition-extensions/search.ext.props.autogenerated';\r\nimport { CategorySuggestionsComponent } from './components/search.categorysuggest';\r\nimport { FormComponent } from './components/search.form';\r\n// import { KeywordSuggestionsComponent } from './components/search.keywordsuggest';\r\nimport { ProductSuggestionsComponent } from './components/search.productsuggest';\r\n\r\n/**\r\n * Render Title for AutoSuggest.\r\n * @param searchSuggestionHeading -The heading resource string.\r\n * @param searchText -The search string.\r\n * @returns -The JSX Element.\r\n */\r\nconst renderTitle = (searchSuggestionHeading: string, searchText: string): JSX.Element => {\r\n    const searchTextString = '\"'.concat(searchText.concat('\"'));\r\n    const searchAutoSuggestionHeading = searchSuggestionHeading\r\n        ? format(searchSuggestionHeading, searchTextString)\r\n        : `Search for ${searchTextString}`;\r\n\r\n    return <Node className='msc-autoSuggest__search-title'>{searchAutoSuggestionHeading}</Node>;\r\n};\r\n\r\n/**\r\n * Search View.\r\n * @param props - The view props.\r\n * @returns The JSX Element.\r\n */\r\nconst SearchView: React.FC<ISearchViewProps & ISearchProps<ISearchData>> = (\r\n    props: ISearchViewProps & ISearchProps<ISearchData>\r\n): JSX.Element => {\r\n    const {\r\n        Search,\r\n        AutoSuggestAriaLabel,\r\n        AutoSuggestAriaLabelText,\r\n        searchText,\r\n        AutoSuggest,\r\n        // KeywordSuggest,\r\n        ProductSuggest,\r\n        // UlKeyword,\r\n        UlProduct,\r\n        form,\r\n        // autosuggestKeyword,\r\n        autosuggestProduct,\r\n        SearchForm,\r\n        FormWrapper,\r\n        label,\r\n        context,\r\n        isLoadingAutoSuggest,\r\n        isLoadingNode,\r\n        callbacks: { handleCancelSearchFocused, handleCancelSearchChange }\r\n    } = props;\r\n\r\n    const {\r\n        searchSuggestionHeading,\r\n        categorySuggestionHeading,\r\n        //  keywordsHeading,\r\n        noResultText,\r\n        clearSearchButtonText\r\n    } = props.resources;\r\n\r\n    const [searchTextString, setSearchTextString] = useState<string>();\r\n    const [isMobilePort, setIsMobile] = useState<boolean>(false);\r\n    const searchRef = React.useRef<HTMLDivElement>();\r\n\r\n    useEffect(() => {\r\n        setSearchTextString(searchText);\r\n    }, [searchText]);\r\n\r\n    useEffect(() => {\r\n        document.addEventListener('click', event => {\r\n            const showBtn = document.querySelector('.ms-search__label.bx-show');\r\n            const hideBtn = document.querySelector('.ms-search__label.bx-hide');\r\n            const target = event.target as HTMLElement;\r\n            if (checkMatchParent(target, showBtn as HTMLElement)) {\r\n                clearSearch();\r\n            }\r\n            if (searchRef && hideBtn && !checkMatchParent(target as Node, searchRef.current)) {\r\n                handleCancelSearchChange();\r\n                clearSearch();\r\n            }\r\n        });\r\n\r\n        return () => {\r\n            document.removeEventListener('click', () => {});\r\n        };\r\n    }, []);\r\n\r\n    const checkMatchParent = (target: Node | null, element?: HTMLElement): boolean => {\r\n        if (!target) {\r\n            return false;\r\n        }\r\n        if (target && target === element) {\r\n            return true;\r\n        }\r\n        return checkMatchParent(target?.parentNode, element);\r\n    };\r\n\r\n    /**\r\n     * ClearSearch callback method to clear search string.\r\n     */\r\n    const clearSearch = (): void => {\r\n        setSearchTextString('');\r\n\r\n        const propsForm = props.form as ISearchFormViewProps;\r\n        const propsFormInput = propsForm.input as React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;\r\n        const propsFormInputCurrent = (propsFormInput.ref as React.RefObject<HTMLInputElement>).current;\r\n\r\n        if (propsFormInputCurrent) {\r\n            propsFormInputCurrent.value = '';\r\n        }\r\n\r\n        propsFormInput.value = '';\r\n        props.searchText = '';\r\n        props.FormWrapper.action = '';\r\n    };\r\n\r\n    const isMobileViewport = useCallback(() => {\r\n        const isMobileView = isMobile({ variant: VariantType.Browser, context: context.request }) === 'xs';\r\n        setIsMobile(isMobileView);\r\n    }, [context]);\r\n\r\n    useEffect(() => {\r\n        window.addEventListener('resize', isMobileViewport);\r\n        isMobileViewport();\r\n    }, [isMobileViewport]);\r\n\r\n    const viewport = isMobile({ variant: VariantType.Browser, context: context.request });\r\n\r\n    const isMobileView = viewport === 'sm' || viewport === 'xs';\r\n\r\n    AutoSuggest.className = !StringExtensions.isNullOrEmpty(searchTextString)\r\n        ? `${AutoSuggest.className} show`\r\n        : `${AutoSuggest.className} hide`;\r\n    const isSearchText: boolean = !StringExtensions.isNullOrEmpty(searchTextString);\r\n\r\n    return (\r\n        <Module {...Search} ref={searchRef}>\r\n            {label}\r\n            {FormComponent(\r\n                form as ISearchFormViewProps,\r\n                SearchForm,\r\n                FormWrapper,\r\n                isMobilePort,\r\n                clearSearchButtonText,\r\n                props,\r\n                isSearchText,\r\n                clearSearch\r\n            )}\r\n            {!isMobileView && (\r\n                <Node {...AutoSuggest}>\r\n                    {!StringExtensions.isNullOrEmpty(searchTextString) ? (\r\n                        <Node {...AutoSuggestAriaLabel}>{AutoSuggestAriaLabelText}</Node>\r\n                    ) : (\r\n                        ''\r\n                    )}\r\n                    {!StringExtensions.isNullOrEmpty(searchTextString) ? (\r\n                        <>\r\n                            <Node className='msc-autoSuggest__search-title-container'>\r\n                                <Button\r\n                                    className='ms-search__form-cancelSearch'\r\n                                    aria-label={props.resources.cancelBtnAriaLabel}\r\n                                    onClick={clearSearch}\r\n                                    onBlur={handleCancelSearchFocused}\r\n                                    type='button'\r\n                                />\r\n                                {renderTitle(searchSuggestionHeading, searchText)}\r\n                            </Node>\r\n                            <Node className='msc-autoSuggest__results-container'>\r\n                                <Node className='msc-autoSuggest__results'>\r\n                                    {CategorySuggestionsComponent(\r\n                                        categorySuggestionHeading,\r\n                                        noResultText,\r\n                                        props,\r\n                                        isLoadingAutoSuggest,\r\n                                        isLoadingNode\r\n                                    )}\r\n                                    {/* {KeywordSuggestionsComponent(\r\n                                        KeywordSuggest,\r\n                                        UlKeyword,\r\n                                        keywordsHeading,\r\n                                        noResultText,\r\n                                        autosuggestKeyword,\r\n                                        isLoadingAutoSuggest,\r\n                                        isLoadingNode\r\n                                    )} */}\r\n                                </Node>\r\n                                {ProductSuggestionsComponent(\r\n                                    ProductSuggest,\r\n                                    UlProduct,\r\n                                    props,\r\n                                    autosuggestProduct,\r\n                                    isLoadingAutoSuggest,\r\n                                    isLoadingNode\r\n                                )}\r\n                            </Node>\r\n                        </>\r\n                    ) : null}\r\n                </Node>\r\n            )}\r\n            {isMobileView && props.isSearchFormExpanded && (\r\n                <Node {...AutoSuggest}>\r\n                    {!StringExtensions.isNullOrEmpty(searchTextString) ? (\r\n                        <Node {...AutoSuggestAriaLabel}>{AutoSuggestAriaLabelText}</Node>\r\n                    ) : (\r\n                        ''\r\n                    )}\r\n                    {!StringExtensions.isNullOrEmpty(searchTextString) ? (\r\n                        <>\r\n                            <Node className='msc-autoSuggest__search-title-container'>\r\n                                {(form as ISearchFormViewProps).cancelBtn}\r\n                                {renderTitle(searchSuggestionHeading, searchText)}\r\n                            </Node>\r\n                            <Node className='msc-autoSuggest__results-container'>\r\n                                <Node className='msc-autoSuggest__results'>\r\n                                    {CategorySuggestionsComponent(\r\n                                        categorySuggestionHeading,\r\n                                        noResultText,\r\n                                        props,\r\n                                        isLoadingAutoSuggest,\r\n                                        isLoadingNode\r\n                                    )}\r\n                                    {/* {KeywordSuggestionsComponent(\r\n                                        KeywordSuggest,\r\n                                        UlKeyword,\r\n                                        keywordsHeading,\r\n                                        noResultText,\r\n                                        autosuggestKeyword,\r\n                                        isLoadingAutoSuggest,\r\n                                        isLoadingNode\r\n                                    )} */}\r\n                                </Node>\r\n                                {ProductSuggestionsComponent(\r\n                                    ProductSuggest,\r\n                                    UlProduct,\r\n                                    props,\r\n                                    autosuggestProduct,\r\n                                    isLoadingAutoSuggest,\r\n                                    isLoadingNode\r\n                                )}\r\n                            </Node>\r\n                        </>\r\n                    ) : null}\r\n                </Node>\r\n            )}\r\n        </Module>\r\n    );\r\n};\r\nexport default SearchView;\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport { ISearchData, ISearchViewProps } from '@msdyn365-commerce-modules/search';\r\nimport { Node } from '@msdyn365-commerce-modules/utilities';\r\nimport React from 'react';\r\n\r\nimport { ISearchProps } from '../../definition-extensions/search.ext.props.autogenerated';\r\n\r\n/**\r\n * Render Categories heading.\r\n * @param inCategoriesHeading - The Keywords result heading.\r\n * @returns The JSX Element.\r\n */\r\nconst renderCategorySuggestionsTitle = (inCategoriesHeading: string): JSX.Element => {\r\n    const categoryAutoSuggestionHeading =  'Search in categories';\r\n\r\n    return <div className='msc-autoSuggest__categoryResults-title'>{categoryAutoSuggestionHeading}</div>;\r\n};\r\n\r\n/**\r\n * Render Categories suggestion result.\r\n * @param inCategoriesHeading - The Categories result heading.\r\n * @param noResultText - The \"No Result\" text.\r\n * @param props - The Categories suggestion result.\r\n * @param isLoadingAutoSuggest - The autosuggestion loading flag.\r\n * @param isLoadingNode - The autosuggestion loading node.\r\n * @returns The JSX Element.\r\n */\r\nexport const CategorySuggestionsComponent = (\r\n    inCategoriesHeading: string,\r\n    noResultText: string,\r\n    props: ISearchViewProps & ISearchProps<ISearchData>,\r\n    isLoadingAutoSuggest?: boolean,\r\n    isLoadingNode?: React.ReactNode\r\n): JSX.Element => {\r\n    return props.autosuggestCategory ? (\r\n        <Node {...props.CategorySuggest}>\r\n            {renderCategorySuggestionsTitle(inCategoriesHeading)}\r\n            <Node {...props.UlCategory}>\r\n                {isLoadingAutoSuggest && isLoadingNode}\r\n                {!isLoadingAutoSuggest &&\r\n                    props.autosuggestCategory.text.map(text => {\r\n                        return text;\r\n                    })}\r\n            </Node>\r\n        </Node>\r\n    ) : (\r\n        <Node {...props.CategorySuggest}>\r\n            {renderCategorySuggestionsTitle(inCategoriesHeading)}\r\n            <Node {...props.UlCategory}>\r\n                <li className='msc-autoSuggest__categoryResults-no-results'>{noResultText}</li>\r\n            </Node>\r\n        </Node>\r\n    );\r\n};\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport { IImageData, Image } from '@msdyn365-commerce/core';\r\nimport { ISearchData } from '@msdyn365-commerce-modules/search';\r\nimport { Node } from '@msdyn365-commerce-modules/utilities';\r\nimport React from 'react';\r\n\r\nimport { ISearchProps } from '../../definition-extensions/search.ext.props.autogenerated';\r\n\r\n/**\r\n * Render Products Suggestion result heading.\r\n * @param props -The props.\r\n * @returns The JSX Element.\r\n */\r\nconst renderProductNotFoundResultsImage = (props: ISearchProps<ISearchData>): JSX.Element | null => {\r\n    const noSearchResultImage: IImageData | undefined = props.config.noSearchResultImage;\r\n    if (!noSearchResultImage || !noSearchResultImage.src) {\r\n        return null;\r\n    }\r\n    const imageSettings = {\r\n        lazyload: true,\r\n        viewports: {\r\n            xs: { w: 100, h: 100, q: 'w=100&h=100&q=60&m=6' }\r\n        }\r\n    };\r\n    return (\r\n        <Image\r\n            altText={noSearchResultImage.altText}\r\n            className='msc-autoSuggest__productResults-no-results-image-img'\r\n            gridSettings={props.context.request.gridSettings!}\r\n            src={noSearchResultImage.src}\r\n            requestContext={props.context.request}\r\n            imageSettings={imageSettings}\r\n        />\r\n    );\r\n};\r\n\r\n/**\r\n * Render Product suggestion result.\r\n * @param props -The props.\r\n * @returns The JSX Element.\r\n */\r\nexport const MobileAutoSuggestEmptyComponent = (props: ISearchProps<ISearchData>): JSX.Element => {\r\n    return (\r\n        <Node className='msc-autoSuggest__productResults-empty-mobile-content'>\r\n            <div className='msc-autoSuggest__productResults-empty-mobile-no-results-image'>{renderProductNotFoundResultsImage(props)}</div>\r\n            <div className='msc-autoSuggest__productResults-empty-mobile-text-content'>\r\n                <div className='msc-autoSuggest__productResults-empty-mobile-heading'>{props.resources.emptyMobileSearchTextHeading}</div>\r\n                <div className='msc-autoSuggest__productResults-empty-mobile-text'>{props.resources.emptyMobileSearchText}</div>\r\n            </div>\r\n        </Node>\r\n    );\r\n};\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport { ISearchData, ISearchFormViewProps } from '@msdyn365-commerce-modules/search';\r\nimport { Button, INodeProps, Node } from '@msdyn365-commerce-modules/utilities';\r\nimport React from 'react';\r\n\r\nimport { ISearchProps } from '../../definition-extensions/search.ext.props.autogenerated';\r\nimport { MobileAutoSuggestEmptyComponent } from './search.mobile.empty';\r\n\r\n/**\r\n * Render Clear button for mobile viewport.\r\n * @param clearSearchButtonText -The Clear button text.\r\n * @param clearSearch -Clear Search callback.\r\n * @returns -The JSX Element.\r\n */\r\nconst renderClearButton = (clearSearchButtonText: string, clearSearch: () => void): JSX.Element => {\r\n    return (\r\n        <Button className='ms-search__form-control__clear' title={clearSearchButtonText || 'Clear'} onClick={clearSearch}>\r\n            {clearSearchButtonText || 'Clear'}\r\n        </Button>\r\n    );\r\n};\r\n\r\n/**\r\n * Render Search form.\r\n * @param form -Form view props.\r\n * @param searchForm -Search Form props.\r\n * @param formWrapper -Form Wrapper props.\r\n * @param isMobile -Is mobile viewport flag.\r\n * @param clearSearchButtonText -The Clear button text.\r\n * @param props -The props for resource.\r\n * @param isSearchText -Is SearchText flag for input text.\r\n * @param clearSearch -Clear Search callback.\r\n * @returns -The JSX Element.\r\n */\r\nexport const FormComponent = (\r\n    form: ISearchFormViewProps,\r\n    searchForm: INodeProps,\r\n    formWrapper: INodeProps,\r\n    isMobile: boolean,\r\n    clearSearchButtonText: string,\r\n    props: ISearchProps<ISearchData>,\r\n    isSearchText: boolean,\r\n    clearSearch: () => void\r\n): JSX.Element => {\r\n    // const cancelButtonNode = (\r\n    //     <Button\r\n    //         className='ms-search__form-cancelSearch'\r\n    //         aria-label={props.resources.cancelBtnAriaLabel}\r\n    //         onClick={clearSearch}\r\n    //         type='button'\r\n    //     />\r\n    // );\r\n\r\n    return isMobile ? (\r\n        <Node {...searchForm}>\r\n            {form.cancelBtn}\r\n            <Node {...formWrapper}>\r\n                {form.input}\r\n                {isSearchText && renderClearButton(clearSearchButtonText, clearSearch)}\r\n                {!isSearchText ? MobileAutoSuggestEmptyComponent(props) : null}\r\n            </Node>\r\n        </Node>\r\n    ) : (\r\n        <Node {...searchForm}>\r\n            <Node {...formWrapper}>\r\n                {form.submitBtn}\r\n                {form.input}\r\n                {/* {isSearchText && cancelButtonNode} */}\r\n            </Node>\r\n        </Node>\r\n    );\r\n};\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport { IImageData, Image } from '@msdyn365-commerce/core';\r\nimport { ISearchData, ISearchProductViewProps } from '@msdyn365-commerce-modules/search';\r\nimport { INodeProps, Node } from '@msdyn365-commerce-modules/utilities';\r\nimport React from 'react';\r\n\r\nimport { ISearchProps } from '../../definition-extensions/search.ext.props.autogenerated';\r\n\r\n/**\r\n * Render Products Suggestion result heading.\r\n * @param productSuggestionsHeading -The products suggestion result heading.\r\n * @returns The JSX Element.\r\n */\r\nconst renderProductSuggestionsTitle = (productSuggestionsHeading: string): JSX.Element => {\r\n    const productAutoSuggestionHeading = productSuggestionsHeading ? productSuggestionsHeading : 'Products';\r\n\r\n    return <div className='msc-autoSuggest__productResults-title'>{productAutoSuggestionHeading}</div>;\r\n};\r\n\r\n/**\r\n * Render Products Suggestion result heading.\r\n * @param props -The props.\r\n * @returns The JSX Element.\r\n */\r\nconst renderProductNotFoundResultsImage = (props: ISearchProps<ISearchData>): JSX.Element | null => {\r\n    const noSearchResultImage: IImageData | undefined = props.config.noSearchResultImage;\r\n    if (!noSearchResultImage || !noSearchResultImage.src) {\r\n        return null;\r\n    }\r\n    return (\r\n        <Image\r\n            altText={noSearchResultImage.altText}\r\n            className='msc-autoSuggest__productResults-no-results-image-img'\r\n            gridSettings={props.context.request.gridSettings!}\r\n            src={noSearchResultImage.src}\r\n        />\r\n    );\r\n};\r\n\r\n/**\r\n * Render Products No result section.\r\n * @param props -The props.\r\n * @returns The JSX Element.\r\n */\r\nconst renderProductNotFoundResults = (props: ISearchProps<ISearchData>): JSX.Element => {\r\n    return (\r\n        <Node className='msc-autoSuggest__productResults-no-results-content'>\r\n            <div className='msc-autoSuggest__productResults-no-results-image'>{renderProductNotFoundResultsImage(props)}</div>\r\n            <div className='msc-autoSuggest__productResults-no-results-content-title'>{props.resources.noResultContentHeadingText}</div>\r\n            <div className='msc-autoSuggest__productResults-no-results-content-paragraph'>\r\n                {props.resources.noResultContentParagraphText}\r\n            </div>\r\n        </Node>\r\n    );\r\n};\r\n\r\n/**\r\n * Render Product suggestion result.\r\n * @param productSuggest -The product suggest Node props.\r\n * @param ulProduct -The List Node props.\r\n * @param props -The props.\r\n * @param productSuggestions -The Product suggestion result.\r\n * @param isLoadingAutoSuggest - The autosuggestion loading flag.\r\n * @param isLoadingNode - The autosuggestion loading node.\r\n * @returns The JSX Element.\r\n */\r\nexport const ProductSuggestionsComponent = (\r\n    productSuggest: INodeProps,\r\n    ulProduct: INodeProps,\r\n    props: ISearchProps<ISearchData>,\r\n    productSuggestions?: ISearchProductViewProps,\r\n    isLoadingAutoSuggest?: boolean,\r\n    isLoadingNode?: React.ReactNode\r\n): JSX.Element => {\r\n    const liProduct: INodeProps = {\r\n        tag: 'li',\r\n        className: 'msc-no-result-content'\r\n    };\r\n    return productSuggestions ? (\r\n        <Node {...productSuggest}>\r\n            {renderProductSuggestionsTitle(props.resources.productSuggestionHeading)}\r\n            <Node {...ulProduct}>\r\n                {isLoadingAutoSuggest && isLoadingNode}\r\n                {!isLoadingAutoSuggest &&\r\n                    productSuggestions.items.map((item, index) => {\r\n                        return (\r\n                            <Node {...item.LiProduct} key={item.id ?? index}>\r\n                                <Node {...item.AProduct}>\r\n                                    {item.thumbnail}\r\n                                    {item.text}\r\n                                    {item.price}\r\n                                </Node>\r\n                            </Node>\r\n                        );\r\n                    })}\r\n            </Node>\r\n        </Node>\r\n    ) : (\r\n        <Node {...productSuggest}>\r\n            {renderProductSuggestionsTitle(props.resources.productSuggestionHeading)}\r\n            <Node {...ulProduct}>\r\n                <Node {...liProduct}>{renderProductNotFoundResults(props)}</Node>\r\n            </Node>\r\n        </Node>\r\n    );\r\n};\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport { StringExtensions } from '@msdyn365-commerce-modules/retail-actions';\r\nimport { ISearchData, ISearchFormViewProps, ISearchViewProps } from '@msdyn365-commerce-modules/search';\r\nimport { Button, format, isMobile, Module, Node, VariantType } from '@msdyn365-commerce-modules/utilities';\r\nimport React, { useCallback, useEffect, useState } from 'react';\r\n\r\nimport { ISearchProps } from '../definition-extensions/search.ext.props.autogenerated';\r\nimport { CategorySuggestionsComponent } from './components/search.categorysuggest';\r\nimport { FormComponent } from './components/search.form';\r\n// import { KeywordSuggestionsComponent } from './components/search.keywordsuggest';\r\nimport { ProductSuggestionsComponent } from './components/search.productsuggest';\r\n\r\n/**\r\n * Render Title for AutoSuggest.\r\n * @param searchSuggestionHeading -The heading resource string.\r\n * @param searchText -The search string.\r\n * @returns -The JSX Element.\r\n */\r\nconst renderTitle = (searchSuggestionHeading: string, searchText: string): JSX.Element => {\r\n    const searchTextString = '\"'.concat(searchText.concat('\"'));\r\n    const searchAutoSuggestionHeading = searchSuggestionHeading\r\n        ? format(searchSuggestionHeading, searchTextString)\r\n        : `Search for ${searchTextString}`;\r\n\r\n    return <Node className='msc-autoSuggest__search-title'>{searchAutoSuggestionHeading}</Node>;\r\n};\r\n\r\n/**\r\n * Search View.\r\n * @param props - The view props.\r\n * @returns The JSX Element.\r\n */\r\nconst SearchView: React.FC<ISearchViewProps & ISearchProps<ISearchData>> = (\r\n    props: ISearchViewProps & ISearchProps<ISearchData>\r\n): JSX.Element => {\r\n    const {\r\n        Search,\r\n        AutoSuggestAriaLabel,\r\n        AutoSuggestAriaLabelText,\r\n        searchText,\r\n        AutoSuggest,\r\n        // KeywordSuggest,\r\n        ProductSuggest,\r\n        // UlKeyword,\r\n        UlProduct,\r\n        form,\r\n        // autosuggestKeyword,\r\n        autosuggestProduct,\r\n        SearchForm,\r\n        FormWrapper,\r\n        label,\r\n        context,\r\n        isLoadingAutoSuggest,\r\n        isLoadingNode,\r\n        callbacks: { handleCancelSearchFocused, handleCancelSearchChange }\r\n    } = props;\r\n\r\n    const {\r\n        searchSuggestionHeading,\r\n        categorySuggestionHeading,\r\n        //  keywordsHeading,\r\n        noResultText,\r\n        clearSearchButtonText\r\n    } = props.resources;\r\n\r\n    const [searchTextString, setSearchTextString] = useState<string>();\r\n    const [isMobilePort, setIsMobile] = useState<boolean>(false);\r\n    const searchRef = React.useRef<HTMLDivElement>();\r\n\r\n    useEffect(() => {\r\n        setSearchTextString(searchText);\r\n    }, [searchText]);\r\n\r\n    useEffect(() => {\r\n        document.addEventListener('click', event => {\r\n            const showBtn = document.querySelector('.ms-search__label.bx-show');\r\n            const hideBtn = document.querySelector('.ms-search__label.bx-hide');\r\n            const target = event.target as HTMLElement;\r\n            if (checkMatchParent(target, showBtn as HTMLElement)) {\r\n                clearSearch();\r\n            }\r\n            if (searchRef && hideBtn && !checkMatchParent(target as Node, searchRef.current)) {\r\n                handleCancelSearchChange();\r\n                clearSearch();\r\n            }\r\n        });\r\n\r\n        return () => {\r\n            document.removeEventListener('click', () => {});\r\n        };\r\n    }, []);\r\n\r\n    const checkMatchParent = (target: Node | null, element?: HTMLElement): boolean => {\r\n        if (!target) {\r\n            return false;\r\n        }\r\n        if (target && target === element) {\r\n            return true;\r\n        }\r\n        return checkMatchParent(target?.parentNode, element);\r\n    };\r\n\r\n    /**\r\n     * ClearSearch callback method to clear search string.\r\n     */\r\n    const clearSearch = (): void => {\r\n        setSearchTextString('');\r\n\r\n        const propsForm = props.form as ISearchFormViewProps;\r\n        const propsFormInput = propsForm.input as React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;\r\n        const propsFormInputCurrent = (propsFormInput.ref as React.RefObject<HTMLInputElement>).current;\r\n\r\n        if (propsFormInputCurrent) {\r\n            propsFormInputCurrent.value = '';\r\n        }\r\n\r\n        propsFormInput.value = '';\r\n        props.searchText = '';\r\n        props.FormWrapper.action = '';\r\n    };\r\n\r\n    const isMobileViewport = useCallback(() => {\r\n        const isMobileView = isMobile({ variant: VariantType.Browser, context: context.request }) === 'xs';\r\n        setIsMobile(isMobileView);\r\n    }, [context]);\r\n\r\n    useEffect(() => {\r\n        window.addEventListener('resize', isMobileViewport);\r\n        isMobileViewport();\r\n    }, [isMobileViewport]);\r\n\r\n    const viewport = isMobile({ variant: VariantType.Browser, context: context.request });\r\n\r\n    const isMobileView = viewport === 'sm' || viewport === 'xs';\r\n\r\n    AutoSuggest.className = !StringExtensions.isNullOrEmpty(searchTextString)\r\n        ? `${AutoSuggest.className} show`\r\n        : `${AutoSuggest.className} hide`;\r\n    const isSearchText: boolean = !StringExtensions.isNullOrEmpty(searchTextString);\r\n\r\n    return (\r\n        <Module {...Search} ref={searchRef}>\r\n            {label}\r\n            {FormComponent(\r\n                form as ISearchFormViewProps,\r\n                SearchForm,\r\n                FormWrapper,\r\n                isMobilePort,\r\n                clearSearchButtonText,\r\n                props,\r\n                isSearchText,\r\n                clearSearch\r\n            )}\r\n            {!isMobileView && (\r\n                <Node {...AutoSuggest}>\r\n                    {!StringExtensions.isNullOrEmpty(searchTextString) ? (\r\n                        <Node {...AutoSuggestAriaLabel}>{AutoSuggestAriaLabelText}</Node>\r\n                    ) : (\r\n                        ''\r\n                    )}\r\n                    {!StringExtensions.isNullOrEmpty(searchTextString) ? (\r\n                        <>\r\n                            <Node className='msc-autoSuggest__search-title-container'>\r\n                                <Button\r\n                                    className='ms-search__form-cancelSearch'\r\n                                    aria-label={props.resources.cancelBtnAriaLabel}\r\n                                    onClick={clearSearch}\r\n                                    onBlur={handleCancelSearchFocused}\r\n                                    type='button'\r\n                                />\r\n                                {renderTitle(searchSuggestionHeading, searchText)}\r\n                            </Node>\r\n                            <Node className='msc-autoSuggest__results-container'>\r\n                                <Node className='msc-autoSuggest__results'>\r\n                                    {CategorySuggestionsComponent(\r\n                                        categorySuggestionHeading,\r\n                                        noResultText,\r\n                                        props,\r\n                                        isLoadingAutoSuggest,\r\n                                        isLoadingNode\r\n                                    )}\r\n                                    {/* {KeywordSuggestionsComponent(\r\n                                        KeywordSuggest,\r\n                                        UlKeyword,\r\n                                        keywordsHeading,\r\n                                        noResultText,\r\n                                        autosuggestKeyword,\r\n                                        isLoadingAutoSuggest,\r\n                                        isLoadingNode\r\n                                    )} */}\r\n                                </Node>\r\n                                {ProductSuggestionsComponent(\r\n                                    ProductSuggest,\r\n                                    UlProduct,\r\n                                    props,\r\n                                    autosuggestProduct,\r\n                                    isLoadingAutoSuggest,\r\n                                    isLoadingNode\r\n                                )}\r\n                            </Node>\r\n                        </>\r\n                    ) : null}\r\n                </Node>\r\n            )}\r\n            {isMobileView && props.isSearchFormExpanded && (\r\n                <Node {...AutoSuggest}>\r\n                    {!StringExtensions.isNullOrEmpty(searchTextString) ? (\r\n                        <Node {...AutoSuggestAriaLabel}>{AutoSuggestAriaLabelText}</Node>\r\n                    ) : (\r\n                        ''\r\n                    )}\r\n                    {!StringExtensions.isNullOrEmpty(searchTextString) ? (\r\n                        <>\r\n                            <Node className='msc-autoSuggest__search-title-container'>\r\n                                {(form as ISearchFormViewProps).cancelBtn}\r\n                                {renderTitle(searchSuggestionHeading, searchText)}\r\n                            </Node>\r\n                            <Node className='msc-autoSuggest__results-container'>\r\n                                <Node className='msc-autoSuggest__results'>\r\n                                    {CategorySuggestionsComponent(\r\n                                        categorySuggestionHeading,\r\n                                        noResultText,\r\n                                        props,\r\n                                        isLoadingAutoSuggest,\r\n                                        isLoadingNode\r\n                                    )}\r\n                                    {/* {KeywordSuggestionsComponent(\r\n                                        KeywordSuggest,\r\n                                        UlKeyword,\r\n                                        keywordsHeading,\r\n                                        noResultText,\r\n                                        autosuggestKeyword,\r\n                                        isLoadingAutoSuggest,\r\n                                        isLoadingNode\r\n                                    )} */}\r\n                                </Node>\r\n                                {ProductSuggestionsComponent(\r\n                                    ProductSuggest,\r\n                                    UlProduct,\r\n                                    props,\r\n                                    autosuggestProduct,\r\n                                    isLoadingAutoSuggest,\r\n                                    isLoadingNode\r\n                                )}\r\n                            </Node>\r\n                        </>\r\n                    ) : null}\r\n                </Node>\r\n            )}\r\n        </Module>\r\n    );\r\n};\r\nexport default SearchView;\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['search'] = {\n        c: () => require('@msdyn365-commerce-modules/search/dist/lib/modules/search/search'),\n        $type: 'contentModule',\n        da: [{name:'searchState',  path:'@msdyn365-commerce-modules/search-utilities/dist/lib/search-state-data-action', runOn: 1}],\n        \n        iNM: true,\n        ns: '@msdyn365-commerce-modules',\n        n: 'search',\n        p: 'search',\n        \n        pdp: '',\n        \n        \n        md: 'node_modules/@msdyn365-commerce-modules/search/dist/lib/modules/search'\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    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|newsunshine-b2c|views|search'] = {\n                c: () => require('partner/themes/newsunshine-b2c/views/search.view.tsx'),\n                cn: '__local__-__local__-search'\n            };\nviewDictionary['__local__|__local__|themes|newsunshine-dev-b2c|views|search'] = {\n                c: () => require('partner/themes/newsunshine-dev-b2c/views/search.view.tsx'),\n                cn: '__local__-__local__-search'\n            };\nviewDictionary['__local__|__local__|themes|newsunshine-dev|views|search'] = {\n                c: () => require('partner/themes/newsunshine-dev/views/search.view.tsx'),\n                cn: '__local__-__local__-search'\n            };\nviewDictionary['__local__|__local__|themes|newsunshine|views|search'] = {\n                c: () => require('partner/themes/newsunshine/views/search.view.tsx'),\n                cn: '__local__-__local__-search'\n            };\nviewDictionary['@msdyn365-commerce-modules|search|modules|search|search'] = {\n                c: () => require('@msdyn365-commerce-modules/search/dist/lib/modules/search/search.view.js'),\n                cn: '@msdyn365-commerce-modules-search-search'\n            };\nviewDictionary['@msdyn365-commerce-theme|adventureworks-theme-kit|modules|adventureworks|views|search'] = {\n                c: () => require('@msdyn365-commerce-theme/adventureworks-theme-kit/dist/lib/modules/adventureworks/views/search.view.js'),\n                cn: '@msdyn365-commerce-theme-adventureworks-theme-kit-search'\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","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { observable } from 'mobx';\n\n/**\n * State information related to what is needed to succesfully perform a autosuggest.\n */\nexport class SearchState {\n    @observable public searchText?: string;\n\n    @observable public defaultBasicSearchUrl?: string;\n\n    @observable public searchQueryStringParameter?: string;\n}\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\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 {\n    AttributeDataType,\n    ChannelInventoryConfiguration,\n    ProductRefinerSource,\n    ProductRefinerValue,\n    ProductSearchCriteria,\n    SearchSuggestion,\n    SearchSuggestionCriteria\n} from '@msdyn365-commerce/retail-proxy';\nimport {\n    getInventoryConfigurationAsync,\n    getSearchSuggestionsAsync\n} 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 * This setting defines inventory filtering options.\n */\nexport enum ProductListInventoryFilteringOptions {\n    /**\n     * Filter out all products out of stock.\n     */\n    HideOOS = 'hideOOS',\n\n    /**\n     * Sort products by availability, OOS goes last.\n     */\n    SortOOS = 'sortOOS',\n\n    /**\n     * No filtering selected.\n     */\n    Default = 'default'\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\n/**\n * Returns inventory in stock sortable refiner value.\n * @param  channelInventoryConfiguration - The channelInventoryConfiguration.\n * @param  isInStock - The flag indicating whether is getting in-stock refiner or out-of-stock refiner.\n * @returns Refiners.\n */\nconst getInventorySortableRefinerValue = (\n    channelInventoryConfiguration: ChannelInventoryConfiguration,\n    isInStock: boolean\n): ProductRefinerValue | undefined => {\n    if (channelInventoryConfiguration && channelInventoryConfiguration.ProductAvailabilitySortableAttributeRecordId) {\n        return {\n            RefinerRecordId: channelInventoryConfiguration.ProductAvailabilitySortableAttributeRecordId,\n            DataTypeValue: AttributeDataType.TrueFalse,\n            LeftValueBoundString: isInStock ? 'true' : 'false',\n            RightValueBoundString: isInStock ? 'true' : 'false',\n            UnitText: '',\n            RowNumber: 0,\n            Count: 0,\n            ExtensionProperties: [],\n            RefinerSourceValue: ProductRefinerSource.Attribute\n        };\n    }\n    return undefined;\n};\n\nasync function _getAutoSuggest(input: AutoSuggestInput, autosuggest: Autosuggestions, ctx: IActionContext): Promise<void> {\n    const catalogId = getCatalogId(ctx.requestContext);\n    let productSearchCriteria: 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\n    if (ctx.requestContext.app.config?.productListInventoryDisplay === ProductListInventoryFilteringOptions.HideOOS) {\n        const channelInventoryConfiguration = await getInventoryConfigurationAsync({ callerContext: ctx });\n        const isInStockRefiner = true;\n        const inventoryRefinerValue = getInventorySortableRefinerValue(channelInventoryConfiguration, isInStockRefiner);\n\n        if (inventoryRefinerValue) {\n            productSearchCriteria = {\n                ...productSearchCriteria,\n                Refinement: [inventoryRefinerValue]\n            };\n        }\n    }\n\n    const searchCriteria: SearchSuggestionCriteria = {\n        ProductSearchCriteria: productSearchCriteria,\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","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport MsDyn365, { getRichTextHtml } from '@msdyn365-commerce/core';\nimport { ProductRefiner, ProductRefinerSource, ProductRefinerValue, SearchSuggestion } from '@msdyn365-commerce/retail-proxy';\nimport { format, getPayloadObject, getTelemetryAttributes, IPayLoad, ITelemetryContent } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { ISearchData } from '../search.data';\nimport { ISearchProps } from '../search.props.autogenerated';\n\nexport interface ISearchCategorySuggestProps {\n    searchCategorySuggestClass: string;\n    searchPageURL: string;\n    searchQsp: string | undefined;\n    hitPrefix: string;\n    hitSuffix: string;\n    autoSuggestProps: ISearchProps<ISearchData>;\n    searchText: string;\n    searchRefiners: ProductRefiner[] | undefined;\n    suggestions: SearchSuggestion[] | undefined;\n    telemetryContent?: ITelemetryContent;\n    shouldShowFullPath?: boolean;\n}\n\nexport interface ISearchCategoryViewProps {\n    title: React.ReactNode;\n    text: React.ReactNode[];\n}\n\nlet payLoad: IPayLoad;\n\n/**\n * CategorySuggestionsComponent.\n * @param props\n */\nexport const CategorySuggestionsComponent = (props: ISearchCategorySuggestProps): ISearchCategoryViewProps | undefined => {\n    const {\n        suggestions,\n        searchText,\n        autoSuggestProps: {\n            resources: { categorySuggestionHeading }\n        }\n    } = props;\n\n    const reactNodes: React.ReactNode[] = [];\n    payLoad = getPayloadObject('click', props.telemetryContent!, '');\n\n    suggestions?.map(item => {\n        reactNodes.push(_assembleNode(item, props));\n    });\n\n    const titleNode = _renderTitle(categorySuggestionHeading, searchText);\n\n    return { title: titleNode, text: reactNodes };\n};\n\nconst _renderTitle = (categorySuggestionHeading: string, searchText: string) => {\n    const categoryAutoSuggestionHeading = categorySuggestionHeading\n        ? format(categorySuggestionHeading, searchText)\n        : `Search \"${searchText}\" in categories`;\n\n    return <li className='msc-autoSuggest__categoryResults-title'>{categoryAutoSuggestionHeading}</li>;\n};\n\nconst _assembleNode = (item: SearchSuggestion, props: ISearchCategorySuggestProps) => {\n    const { searchText, hitPrefix, hitSuffix, shouldShowFullPath } = props;\n\n    const splitValue = shouldShowFullPath ? item.Value : item.Value && item.Value.split('|').pop();\n    const ariaLabel = splitValue\n        ? splitValue.replace(new RegExp(`[${hitPrefix}]`, 'gi'), '').replace(new RegExp(`[${hitSuffix}]`, 'gi'), '')\n        : item.Value && item.Value.replace(new RegExp(`[${hitPrefix}]`, 'gi'), '').replace(new RegExp(`[${hitSuffix}]`, 'gi'), '');\n    payLoad.contentAction.etext = item.Value;\n    const attribute = getTelemetryAttributes(props.telemetryContent!, payLoad);\n    return (\n        <li className='msc-autoSuggest__categoryResults-item' key={item.Id}>\n            <a aria-label={ariaLabel} href={_generateLink(item, searchText, props)} {...attribute}>\n                {_generateLink(item, searchText, props) && _getHighlightedText(splitValue ? splitValue : '', hitPrefix, hitSuffix)}\n            </a>\n        </li>\n    );\n};\n\nconst _generateLink = (suggestion: SearchSuggestion, searchText: string, props: ISearchCategorySuggestProps): string => {\n    return suggestion && suggestion.Id ? _getCategoryLink(suggestion.Id, searchText, props) : '';\n};\n\nconst _getCategoryLink = (id: string, searchText: string, props: ISearchCategorySuggestProps): string => {\n    const { searchPageURL, searchQsp, searchRefiners } = props;\n\n    if (!MsDyn365.isBrowser) {\n        return '';\n    }\n\n    const queryUrl = new URL(searchPageURL, window.location.href);\n\n    if (searchQsp && searchText) {\n        queryUrl.searchParams.set(searchQsp, searchText);\n    }\n\n    const categoryRefiners = searchRefiners?.find(refiners => {\n        return refiners.SourceValue === ProductRefinerSource.Category;\n    });\n    const refiner = categoryRefiners?.Values?.find(item => {\n        return item.RefinerRecordId === Number.parseInt(id, 10);\n    });\n\n    const encodedRefiner = refiner && JSON.stringify(compressRefiners([refiner]));\n    if (encodedRefiner) {\n        queryUrl.searchParams.set('refiners', encodedRefiner);\n    }\n\n    return queryUrl.href;\n};\n\nconst _getHighlightedText = (suggestion: string, hitPrefix: string, hitSuffix: string): JSX.Element => {\n    const formattedText = suggestion\n        .replace(new RegExp(`[${hitPrefix}]`, 'gi'), '<strong>')\n        .replace(new RegExp(`[${hitSuffix}]`, 'gi'), '</strong>');\n\n    // eslint-disable-next-line react/no-danger\n    return <span dangerouslySetInnerHTML={getRichTextHtml(formattedText)} />;\n};\n\n// TODO: This code is currently duplicated in categoryautosuggest need to either remove one of these files\n// or move this code to a common place\nconst compressedRefinerKeys = [\n    'DataTypeValue',\n    'LeftValueBoundString',\n    'RefinerRecordId',\n    'RefinerSourceValue',\n    'RightValueBoundString',\n    'UnitText'\n];\n\n/**\n * Compressed a list of refiners for use in URLs.\n * @param refiners The uncompressed refiners.\n */\nconst compressRefiners = (refiners: ProductRefinerValue[]) => {\n    const compressedRefiners: (string | number)[][] = [];\n\n    refiners.forEach(refiner => {\n        const compressedRefiner: (string | number)[] = [];\n        compressedRefinerKeys.forEach(refinerKey => {\n            compressedRefiner.push(refiner[refinerKey]);\n        });\n        compressedRefiners.push(compressedRefiner);\n    });\n\n    return compressedRefiners;\n};\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { Button } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nexport interface ISearchFormProps {\n    hideSearchLabel: boolean | undefined;\n    isSearchFormExpanded?: boolean | undefined;\n    disableSubmitSearch: boolean | undefined;\n    searchTextInput: React.RefObject<HTMLInputElement>;\n    maxChars: number;\n    searchQsp: string;\n    searchPlaceholder: string;\n    query: string;\n    ariaLabelCancel: string;\n    ariaLabelSearch: string;\n    ariaLabelSubmit: string;\n    handleCancelSearchChange(): void;\n    handleInputChange(query: string): void;\n}\n\nexport interface ISearchFormViewProps {\n    input: React.ReactNode;\n    submitBtn: React.ReactNode;\n    cancelBtn: React.ReactNode;\n}\n\n/**\n * On Input Change functionality.\n * @param handleInputChange -Input change function.\n * @returns Set updated input value.\n */\nconst onInputChangeFunction = (handleInputChange: (query: string) => void) => (event: React.ChangeEvent<HTMLInputElement>) => {\n    handleInputChange(event.target.value || '');\n};\nexport const FormComponent = (props: ISearchFormProps): ISearchFormViewProps => {\n    const {\n        searchQsp,\n        searchPlaceholder,\n        hideSearchLabel,\n        searchTextInput,\n        handleInputChange,\n        maxChars,\n        disableSubmitSearch,\n        handleCancelSearchChange,\n        query,\n        ariaLabelCancel,\n        ariaLabelSearch,\n        ariaLabelSubmit\n    } = props;\n\n    const onInputChange = onInputChangeFunction(handleInputChange);\n\n    const inputNode = !hideSearchLabel ? (\n        <input\n            className='ms-search__form-control'\n            type='text'\n            aria-label={ariaLabelSearch}\n            name={searchQsp}\n            placeholder={searchPlaceholder}\n            ref={searchTextInput}\n            onChange={onInputChange}\n            maxLength={maxChars}\n            value={query}\n        />\n    ) : (\n        <input\n            className='ms-search__form-control'\n            type='text'\n            aria-label={ariaLabelSearch}\n            name={searchQsp}\n            placeholder={searchPlaceholder}\n            ref={searchTextInput}\n            onChange={onInputChange}\n            value={query}\n        />\n    );\n\n    const submitBtnNode = !disableSubmitSearch && <Button className='ms-search__form-submitSearch' aria-label={ariaLabelSubmit} />;\n\n    const cancelBtNoden = (\n        <Button\n            className={!disableSubmitSearch ? 'ms-search__form-cancelSearch' : 'ms-search__form-cancelSearchNoSumbit'}\n            aria-label={ariaLabelCancel}\n            onClick={handleCancelSearchChange}\n            type='button'\n        />\n    );\n\n    return { input: inputNode, cancelBtn: cancelBtNoden, submitBtn: submitBtnNode };\n};\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport MsDyn365, { getRichTextHtml } from '@msdyn365-commerce/core';\nimport { SearchSuggestion } from '@msdyn365-commerce/retail-proxy';\nimport { getPayloadObject, getTelemetryAttributes, IPayLoad, ITelemetryContent } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { ISearchData } from '../search.data';\nimport { ISearchProps } from '../search.props.autogenerated';\n\nexport interface ISearchKeywordSuggestProps {\n    searchKeywordSuggestClass: string;\n    searchPageURL: string;\n    searchQsp: string | undefined;\n    hitPrefix: string;\n    hitSuffix: string;\n    autoSuggestProps: ISearchProps<ISearchData>;\n    searchText: string;\n    suggestions: SearchSuggestion[] | undefined;\n    telemetryContent?: ITelemetryContent;\n}\n\nexport interface ISearchKeywordViewProps {\n    text: React.ReactNode[];\n}\n\nlet payLoad: IPayLoad;\n\n/**\n * KeywordSuggestionsComponent.\n * @param props\n */\nexport const KeywordSuggestionsComponent = (props: ISearchKeywordSuggestProps): ISearchKeywordViewProps | undefined => {\n    const { suggestions, hitPrefix, hitSuffix } = props;\n\n    payLoad = getPayloadObject('click', props.telemetryContent!, '');\n\n    const reactNodes: React.ReactNode[] = [];\n\n    suggestions?.map(item => {\n        reactNodes.push(_assembleNode(item, hitPrefix, hitSuffix, props));\n    });\n\n    return { text: reactNodes };\n};\n\nconst _assembleNode = (item: SearchSuggestion, hitPrefix: string, hitSuffix: string, props: ISearchKeywordSuggestProps) => {\n    const ariaLabel =\n        item.Value && item.Value.replace(new RegExp(`[${hitPrefix}]`, 'gi'), '').replace(new RegExp(`[${hitSuffix}]`, 'gi'), '');\n    payLoad.contentAction.etext = ariaLabel;\n    const attribute = getTelemetryAttributes(props.telemetryContent!, payLoad);\n    return (\n        <li className='msc-autoSuggest__keywordResults-item' key={item.Id}>\n            <a aria-label={ariaLabel} href={_generateLink(item, hitPrefix, hitSuffix, props)} {...attribute}>\n                {_generateLink(item, hitPrefix, hitSuffix, props) &&\n                    _getHighlightedText(item.Value ? item.Value : '', hitPrefix, hitSuffix)}\n            </a>\n        </li>\n    );\n};\n\nconst _generateLink = (suggestion: SearchSuggestion, hitPrefix: string, hitSuffix: string, props: ISearchKeywordSuggestProps): string => {\n    const { searchPageURL, searchQsp } = props;\n\n    const formattedLink = (suggestion.Value as string)\n        .replace(new RegExp(`[${hitPrefix}]`, 'gi'), '')\n        .replace(new RegExp(`[${hitSuffix}]`, 'gi'), '');\n\n    if (!MsDyn365.isBrowser) {\n        return '';\n    }\n\n    const queryUrl = new URL(searchPageURL, window.location.href);\n    if (searchQsp && formattedLink) {\n        queryUrl.searchParams.set(searchQsp, formattedLink);\n    }\n\n    return queryUrl.href;\n};\n\nconst _getHighlightedText = (suggestion: string, hitPrefix: string, hitSuffix: string): JSX.Element => {\n    const formattedText = suggestion\n        .replace(new RegExp(`[${hitPrefix}]`, 'gi'), '<strong>')\n        .replace(new RegExp(`[${hitSuffix}]`, 'gi'), '</strong>');\n\n    // eslint-disable-next-line react/no-danger\n    return <span dangerouslySetInnerHTML={getRichTextHtml(formattedText)} />;\n};\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { Button, getPayloadObject, getTelemetryAttributes, ITelemetryContent } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nexport interface ISearchLabelProps {\n    isSearchFormExpanded: boolean;\n    searchLabelClass: string;\n    searchLabelArialLabel: string;\n    searchtext: string;\n    searchCollapsedLabel: React.RefObject<HTMLButtonElement>;\n    hideSearchLabel?: boolean;\n    telemetryContent: ITelemetryContent;\n    handleCancelSearchChange(): void;\n}\n\nexport const LabelComponent = (props: ISearchLabelProps) => {\n    const {\n        searchLabelClass,\n        searchLabelArialLabel,\n        isSearchFormExpanded,\n        searchtext,\n        searchCollapsedLabel,\n        hideSearchLabel,\n        handleCancelSearchChange,\n        telemetryContent\n    } = props;\n    const payLoad = getPayloadObject('click', telemetryContent, searchtext, '');\n    const attributes = getTelemetryAttributes(telemetryContent, payLoad);\n\n    return (\n        <div className={searchLabelClass}>\n            <Button\n                className='ms-search__icon'\n                aria-expanded={isSearchFormExpanded}\n                aria-label={searchLabelArialLabel}\n                onClick={handleCancelSearchChange}\n                innerRef={searchCollapsedLabel}\n                {...attributes}\n            >\n                {!hideSearchLabel && (\n                    <span className='ms-search__icon-text' aria-hidden>\n                        {searchtext}\n                    </span>\n                )}\n            </Button>\n        </div>\n    );\n};\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { PriceComponent } from '@msdyn365-commerce/components';\nimport { getRichTextHtml, IActionContext, IImageSettings, Image, ITelemetry } from '@msdyn365-commerce/core';\nimport { SearchSuggestion } from '@msdyn365-commerce/retail-proxy';\nimport { getProductPageUrlSync, ObjectExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport {\n    getPayloadObject,\n    getTelemetryAttributes,\n    INodeProps,\n    IPayLoad,\n    ITelemetryContent,\n    NodeTag\n} from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { ISearchData } from '../search.data';\nimport { ISearchProps } from '../search.props.autogenerated';\n\n/**\n * Search product suggest resources.\n */\nexport interface ISearchProductSuggestResources {\n    freePriceText: string;\n}\n\nexport interface ISearchProductSuggestProps {\n    searchProductSuggestClass: string;\n    searchPageURL: string;\n    searchQsp: string | undefined;\n    hitPrefix: string;\n    hitSuffix: string;\n    autoSuggestProps: ISearchProps<ISearchData>;\n    searchText: string;\n    suggestions: SearchSuggestion[] | undefined;\n    telemetry: ITelemetry;\n    moduleType: string;\n    moduleId: string;\n    telemetryContent?: ITelemetryContent;\n    resources?: ISearchProductSuggestResources;\n}\n\nexport interface ISearchProductViewProps {\n    title: React.ReactNode;\n    items: ISearchProductItemViewProps[];\n}\n\nexport interface ISearchProductItemViewProps {\n    text: React.ReactNode;\n    thumbnail: React.ReactNode;\n    price: React.ReactNode;\n    LiProduct: INodeProps;\n    AProduct: INodeProps;\n    id: string | undefined;\n}\n\nlet payLoad: IPayLoad;\nlet telemetryContent: ITelemetryContent | undefined;\n\n/**\n * ProductSuggestionsComponent.\n * @param props\n */\nexport const ProductSuggestionsComponent = (props: ISearchProductSuggestProps): ISearchProductViewProps | undefined => {\n    const {\n        suggestions,\n        hitSuffix,\n        hitPrefix,\n        autoSuggestProps: {\n            context: { actionContext },\n            resources: { productSuggestionHeading }\n        },\n        moduleType,\n        moduleId\n    } = props;\n    const reactNodes: ISearchProductItemViewProps[] = [];\n    telemetryContent = props.telemetryContent;\n    payLoad = getPayloadObject('click', props.telemetryContent!, '');\n\n    suggestions?.map(item => {\n        reactNodes.push(_assembleNode(item, hitPrefix, hitSuffix, actionContext, props, moduleType, moduleId));\n    });\n\n    const titleNode = _renderTitle(productSuggestionHeading);\n\n    return { title: titleNode, items: reactNodes };\n};\n\nconst _renderTitle = (productSuggestionHeading: string) => {\n    const productAutoSuggestionHeading = productSuggestionHeading ? productSuggestionHeading : 'Go to products';\n\n    return <li className='msc-autoSuggest__productResults-title'>{productAutoSuggestionHeading}</li>;\n};\n\nconst _assembleNode = (\n    item: SearchSuggestion,\n    hitPrefix: string,\n    hitSuffix: string,\n    actionContext: IActionContext,\n    props: ISearchProductSuggestProps,\n    moduleType: string,\n    moduleId: string\n): ISearchProductItemViewProps => {\n    const altText =\n        item.Value && item.Value.replace(new RegExp(`[${hitPrefix}]`, 'gi'), '').replace(new RegExp(`[${hitSuffix}]`, 'gi'), '');\n\n    const price = item.Value3?.Value?.DecimalValue;\n    return {\n        text: _getHighlightedText(item.Value ? item.Value : '', hitPrefix, hitSuffix),\n        thumbnail: _renderThumbnail(item, altText ? altText : '', props),\n        price: !ObjectExtensions.isNullOrUndefined(price) && _renderPrice(price, price, moduleId, moduleType, props),\n        LiProduct: _getLiWrapper(),\n        AProduct: _getAWrapper(item, hitPrefix, hitSuffix, actionContext, props),\n        id: item.Id\n    };\n};\n\nconst _getLiWrapper = () => {\n    return {\n        className: 'msc-autoSuggest__productResults-item',\n        tag: 'li' as NodeTag\n    };\n};\n\nconst _getAWrapper = (\n    item: SearchSuggestion,\n    hitPrefix: string,\n    hitSuffix: string,\n    actionContext: IActionContext,\n    props: ISearchProductSuggestProps\n) => {\n    const {\n        autoSuggestProps: { context }\n    } = props;\n    const ariaLabel =\n        item.Value && item.Value.replace(new RegExp(`[${hitPrefix}]`, 'gi'), '').replace(new RegExp(`[${hitSuffix}]`, 'gi'), '');\n\n    payLoad.contentAction.recid = item.Id;\n    const attribute = getTelemetryAttributes(telemetryContent!, payLoad);\n    const productPrice = context.cultureFormatter.formatCurrency(item.Value3!.Value!.DecimalValue!);\n\n    return {\n        className: 'msc-autoSuggest__productResults-item',\n        tag: 'a' as NodeTag,\n        'aria-label': `${ariaLabel!} ${productPrice}`,\n        href: _generateLink(item, hitPrefix, hitSuffix, actionContext),\n        ...attribute\n    };\n};\n\nconst _generateLink = (suggestion: SearchSuggestion, hitPrefix: string, hitSuffix: string, actionContext: IActionContext) => {\n    const formattedLink = (suggestion.Value as string)\n        .replace(new RegExp(`[${hitPrefix}]`, 'gi'), '')\n        .replace(new RegExp(`[${hitSuffix}]`, 'gi'), '');\n    return suggestion.Value && suggestion.Id\n        ? getProductPageUrlSync(formattedLink, (suggestion.Id as unknown) as number, actionContext, undefined)\n        : '';\n};\n\nconst _getHighlightedText = (suggestion: string, hitPrefix: string, hitSuffix: string): JSX.Element => {\n    const formattedText = suggestion\n        .replace(new RegExp(`[${hitPrefix}]`, 'gi'), '<strong>')\n        .replace(new RegExp(`[${hitSuffix}]`, 'gi'), '</strong>');\n\n    return (\n        // eslint-disable-next-line react/no-danger\n        <span className='msc-price msc-autoSuggest__productResults-item-text' dangerouslySetInnerHTML={getRichTextHtml(formattedText)} />\n    );\n};\n\nconst _renderPrice = (\n    adjustedPrice: number,\n    basePrice: number,\n    moduleId: string,\n    moduleType: string,\n    props: ISearchProductSuggestProps\n): JSX.Element | null => {\n    const {\n        autoSuggestProps: { context }\n    } = props;\n\n    return (\n        <PriceComponent\n            id={moduleId}\n            typeName={moduleType}\n            context={context}\n            data={{\n                price: {\n                    CustomerContextualPrice: adjustedPrice,\n                    BasePrice: basePrice\n                }\n            }}\n            className='msc-autoSuggest__productResults-item-price'\n            freePriceText={props.resources?.freePriceText}\n        />\n    );\n};\n\nconst _renderThumbnail = (suggestion: SearchSuggestion, altText: string, props: ISearchProductSuggestProps): JSX.Element | null => {\n    const {\n        autoSuggestProps: {\n            context: {\n                request: { gridSettings }\n            },\n            config: { imageSettings }\n        }\n    } = props;\n    if (imageSettings) {\n        imageSettings.cropFocalRegion = true;\n    }\n\n    if (!suggestion || !suggestion.ImageUrl) {\n        props.telemetry.error('Search suggestion content is empty, module wont render.');\n        return null;\n    }\n\n    const defaultImageSettings: IImageSettings = {\n        viewports: {\n            xs: { q: 'w=40&h=40&m=6', w: 0, h: 0 },\n            lg: { q: 'w=40&h=40&m=6', w: 0, h: 0 },\n            xl: { q: 'w=40&h=40&m=6', w: 0, h: 0 }\n        },\n        lazyload: true,\n        cropFocalRegion: true\n    };\n\n    return (\n        <Image\n            requestContext={props.autoSuggestProps.context.actionContext.requestContext}\n            altText={altText}\n            className='msc-autoSuggest__productResults-item-img'\n            src={suggestion.ImageUrl}\n            gridSettings={gridSettings!}\n            imageSettings={imageSettings ? imageSettings : defaultImageSettings}\n            loadFailureBehavior='empty'\n        />\n    );\n};\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { Autosuggestions } from '@msdyn365-commerce/commerce-entities';\nimport MsDyn365, { getCatalogId, getUrlSync } from '@msdyn365-commerce/core';\nimport { ProductRefiner, ProductRefinerSource, ProductsDataActions } from '@msdyn365-commerce/retail-proxy';\nimport { ArrayExtensions, ObjectExtensions, Random, validateCatalogId } from '@msdyn365-commerce-modules/retail-actions';\nimport { createSearchStateInput } from '@msdyn365-commerce-modules/search-utilities';\nimport { getTelemetryObject, IModuleProps, INodeProps, ITelemetryContent, KeyCodes } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport { debounce } from 'lodash';\nimport { Spinner, SpinnerSize } from 'office-ui-fabric-react';\nimport * as React from 'react';\n\nimport getSearchSuggestionsAction, { AutoSuggestInput, SuggestionType } from './actions/get-auto-suggest-suggestions';\nimport {\n    CategorySuggestionsComponent,\n    FormComponent,\n    ISearchCategoryViewProps,\n    ISearchKeywordViewProps,\n    ISearchProductViewProps,\n    KeywordSuggestionsComponent,\n    LabelComponent,\n    ProductSuggestionsComponent\n} from './components';\nimport { ISearchData } from './search.data';\nimport { ISearchProps, ISuggestionTypeCriterionData, SuggestionTypeCriterionSuggestionType } from './search.props.autogenerated';\n\nexport interface ISearchState {\n    isSearchFormExpanded: boolean;\n    searchText: string;\n    searchKeywordSuggestClass: string;\n    searchProductSuggestClass: string;\n    searchCategorySuggestClass: string;\n    suggestions: Autosuggestions | undefined;\n    searchRefiners?: ProductRefiner[] | undefined;\n    autoSuggestAriaLabel: string;\n    isInitialState: boolean;\n    isLoadingAutoSuggest?: boolean;\n}\n\nexport interface ISearchViewProps extends ISearchProps<ISearchData> {\n    Search: IModuleProps;\n    AutoSuggestAriaLabel: INodeProps;\n    AutoSuggestAriaLabelText: string;\n    searchText: string;\n    AutoSuggest: INodeProps;\n    KeywordSuggest: INodeProps;\n    ProductSuggest: INodeProps;\n    CategorySuggest: INodeProps;\n    SearchForm: INodeProps;\n    FormWrapper: INodeProps;\n    UlKeyword: INodeProps;\n    UlProduct: INodeProps;\n    UlCategory: INodeProps;\n    label: React.ReactNode;\n    form: React.ReactNode;\n    autosuggestKeyword?: ISearchKeywordViewProps;\n    autosuggestProduct?: ISearchProductViewProps;\n    autosuggestCategory?: ISearchCategoryViewProps;\n    callbacks: {\n        handleCancelSearchChange(): void;\n        handleCancelSearchFocused?(): void;\n    };\n    isSearchFormExpanded: boolean;\n    isLoadingAutoSuggest?: boolean;\n    isLoadingNode?: React.ReactNode;\n}\n\n/**\n *\n * Search module.\n * @extends {React.Component<ISearchProps<ISearchData>, ISearchState>}\n */\nclass Search extends React.Component<ISearchProps<ISearchData>, ISearchState> {\n    private readonly searchTextInput: React.RefObject<HTMLInputElement>;\n\n    private readonly searchCollapsedLabel: React.RefObject<HTMLButtonElement>;\n\n    private readonly formReference: React.RefObject<HTMLButtonElement>;\n\n    private readonly maxChars: number;\n\n    private readonly topResultsCount?: number;\n\n    private readonly hitPrefix: string = '{';\n\n    private readonly hitSuffix: string = '}';\n\n    private readonly waitTime: number = 500;\n\n    private readonly autoSuggestResultScreenReaderDiv: React.RefObject<HTMLDivElement>;\n\n    private readonly autoSuggestResultDiv: React.RefObject<HTMLDivElement>;\n\n    private readonly searchFormClass: string;\n\n    private readonly searchLabelClass: string;\n\n    private readonly telemetryContent: ITelemetryContent;\n\n    private loadSuggestionsRequestId?: string;\n\n    private inputSuggestionType: ISuggestionTypeCriterionData[];\n\n    // @ts-expect-error\n    private cancellabelDebounce: debounce;\n\n    public constructor(props: ISearchProps<ISearchData>) {\n        super(props);\n        this.searchTextInput = React.createRef();\n        this.searchCollapsedLabel = React.createRef();\n        this.autoSuggestResultScreenReaderDiv = React.createRef();\n        this.autoSuggestResultDiv = React.createRef();\n        this.formReference = React.createRef();\n        this.state = {\n            isSearchFormExpanded: false,\n            searchText: '',\n            searchKeywordSuggestClass: 'ms-search__autoSuggest__keyword',\n            searchProductSuggestClass: 'ms-search__autoSuggest__product',\n            searchCategorySuggestClass: 'ms-search__autoSuggest__category',\n            suggestions: undefined,\n            searchRefiners: undefined,\n            autoSuggestAriaLabel: '',\n            isInitialState: true,\n            isLoadingAutoSuggest: false\n        };\n        this.maxChars =\n            (this.props.context &&\n                this.props.context.app &&\n                this.props.context.app.config &&\n                this.props.context.app.config.searchInputMaxLength) ||\n            50;\n\n        this.inputSuggestionType = [];\n        this.topResultsCount = this.props.config && this.props.config.topResultsCount ? this.props.config.topResultsCount : 5;\n        this.searchFormClass = 'ms-search__form';\n        this.searchLabelClass = 'ms-search__label';\n        this.telemetryContent = getTelemetryObject(\n            this.props.context.request.telemetryPageName!,\n            this.props.friendlyName,\n            this.props.telemetry\n        );\n\n        this._initSuggestionTypes();\n    }\n\n    public async componentDidMount(): Promise<void> {\n        document.body && document.body.addEventListener('mousedown', this._focusOutTarget);\n        window && window.addEventListener('keyup', this._keyup);\n    }\n\n    public componentWillUnmount(): void {\n        document.body && document.body.removeEventListener('mousedown', this._focusOutTarget, false);\n        window && window.removeEventListener('keyup', this._keyup, false);\n    }\n\n    public componentDidUpdate(): void {\n        const {\n            config: { hideSearchLabel }\n        } = this.props;\n        const { isSearchFormExpanded, isInitialState } = this.state;\n\n        if (!this.props.context.request.params.isEditor) {\n            if (!hideSearchLabel && isSearchFormExpanded) {\n                this.searchTextInput && this.searchTextInput.current && this.searchTextInput.current.focus();\n            } else if (!isInitialState) {\n                this.searchCollapsedLabel && this.searchCollapsedLabel.current && this.searchCollapsedLabel.current.focus();\n            }\n        }\n    }\n\n    public shouldComponentUpdate(nextProps: ISearchProps<ISearchData>, nextState: ISearchState): boolean {\n        if (this.state === nextState && this.props === nextProps) {\n            return false;\n        }\n        return true;\n    }\n\n    // eslint-disable-next-line complexity -- ignore complexity.\n    public render(): JSX.Element {\n        const {\n            context,\n            resources: { searchtext, searchLabelArialLabel, cancelBtnAriaLabel, searchBtnAriaLabel, submitBtnAriaLabel },\n            config: { hideSearchLabel, disableSubmitSearch, searchplaceholderText, shouldShowFullCategoryPath, className = '' }\n        } = this.props;\n\n        const {\n            isSearchFormExpanded,\n            searchText,\n            searchKeywordSuggestClass,\n            searchProductSuggestClass,\n            searchCategorySuggestClass,\n            suggestions,\n            searchRefiners,\n            isLoadingAutoSuggest\n        } = this.state;\n\n        const searchQsp = (context && context.app && context.app.config && context.app.config.searchQueryStringParameter) || 'q';\n        const searchPageURL = getUrlSync('search', context && context.actionContext) || '';\n        const searchURL = this._appendQueryParams(searchPageURL, searchText, searchQsp);\n        const searchPlaceholder = searchplaceholderText && searchplaceholderText.length > 0 ? searchplaceholderText : 'Search in Fabrikam';\n\n        const keywordSuggestions = suggestions?.AllSearchResults?.filter(\n            suggestion => suggestion.SuggestionType === SuggestionType.Keyword || suggestion.SuggestionType === SuggestionType.None\n        );\n        const productSuggestions = suggestions?.AllSearchResults?.filter(\n            suggestion => suggestion.SuggestionType === SuggestionType.Product\n        );\n        const categoryRefiners = searchRefiners?.find(refiner => {\n            return refiner.SourceValue === ProductRefinerSource.Category;\n        });\n        const categorySuggestions = suggestions?.AllSearchResults?.filter(suggestion => {\n            if (suggestion.SuggestionType !== SuggestionType.Category) {\n                return false;\n            }\n            const refiner = categoryRefiners?.Values?.find(item => {\n                return `${item.RefinerRecordId ?? 0}` === suggestion.Id;\n            });\n\n            return !ObjectExtensions.isNullOrUndefined(refiner);\n        });\n\n        const viewProps: ISearchViewProps = {\n            ...(this.props as ISearchProps<ISearchData>),\n\n            Search: {\n                moduleProps: this.props,\n                className: `${classnames('ms-search', className)} ${disableSubmitSearch ? 'no-submit' : 'with-submit'}`\n            },\n            AutoSuggestAriaLabel: {\n                tag: 'div',\n                className: 'msc-autoSuggest__screen-reader',\n                'aria-live': 'assertive',\n                ref: this.autoSuggestResultScreenReaderDiv\n            },\n            AutoSuggestAriaLabelText: this.state.autoSuggestAriaLabel,\n            searchText: this.state.searchText,\n            AutoSuggest: {\n                ref: this.autoSuggestResultDiv,\n                className: 'ms-search__autoSuggest'\n            },\n            KeywordSuggest: {\n                className: searchKeywordSuggestClass\n            },\n            ProductSuggest: {\n                className: searchProductSuggestClass\n            },\n            CategorySuggest: {\n                className: searchCategorySuggestClass\n            },\n            SearchForm: {\n                className: `${this.searchFormClass} ${isSearchFormExpanded ? 'bx-show' : 'bx-hide'}`\n            },\n            FormWrapper: {\n                tag: 'form',\n                ref: this.formReference,\n                className: 'ms-search__searchForm',\n                'aria-label': 'Search',\n                name: 'searchForm',\n                role: 'search',\n                action: searchURL,\n                autoComplete: 'off',\n                onSubmit: this._handleSubmit\n            },\n            UlKeyword: {\n                tag: 'ul',\n                className: classnames('msc-autoSuggest__keywordResults-items', className)\n            },\n            UlProduct: {\n                tag: 'ul',\n                className: classnames('msc-autoSuggest__productResults-items', className)\n            },\n            UlCategory: {\n                tag: 'ul',\n                className: classnames('msc-autoSuggest__categoryResults-items', className)\n            },\n            label: LabelComponent({\n                isSearchFormExpanded,\n                searchLabelClass: `${this.searchLabelClass} ${isSearchFormExpanded ? 'bx-hide' : 'bx-show'}`,\n                searchtext,\n                searchLabelArialLabel,\n                searchCollapsedLabel: this.searchCollapsedLabel,\n                hideSearchLabel,\n                handleCancelSearchChange: this._handleCancelSearchChange,\n                telemetryContent: this.telemetryContent\n            }),\n            form: FormComponent({\n                ariaLabelCancel: cancelBtnAriaLabel,\n                ariaLabelSearch: searchBtnAriaLabel,\n                ariaLabelSubmit: submitBtnAriaLabel,\n                hideSearchLabel,\n                searchTextInput: this.searchTextInput,\n                disableSubmitSearch,\n                handleInputChange: this._handleInputChange,\n                handleCancelSearchChange: this._handleCancelSearchChange,\n                maxChars: this.maxChars,\n                searchQsp,\n                searchPlaceholder,\n                query: searchText\n            }),\n            autosuggestKeyword:\n                searchText &&\n                searchText.length > 0 &&\n                (isLoadingAutoSuggest || (keywordSuggestions && ArrayExtensions.hasElements(keywordSuggestions)))\n                    ? KeywordSuggestionsComponent({\n                          searchKeywordSuggestClass,\n                          searchPageURL,\n                          searchQsp,\n                          hitPrefix: this.hitPrefix,\n                          hitSuffix: this.hitSuffix,\n                          autoSuggestProps: this.props,\n                          searchText,\n                          suggestions: keywordSuggestions,\n                          telemetryContent: this.telemetryContent\n                      })\n                    : undefined,\n            autosuggestProduct:\n                searchText &&\n                searchText.length > 0 &&\n                (isLoadingAutoSuggest || (productSuggestions && ArrayExtensions.hasElements(productSuggestions)))\n                    ? ProductSuggestionsComponent({\n                          searchProductSuggestClass,\n                          searchPageURL,\n                          searchQsp,\n                          hitPrefix: this.hitPrefix,\n                          hitSuffix: this.hitSuffix,\n                          autoSuggestProps: this.props,\n                          searchText,\n                          suggestions: productSuggestions,\n                          telemetry: this.props.telemetry,\n                          moduleType: this.props.typeName,\n                          moduleId: this.props.id,\n                          telemetryContent: this.telemetryContent,\n                          resources: this.props.resources\n                      })\n                    : undefined,\n            autosuggestCategory:\n                searchText &&\n                searchText.length > 0 &&\n                (isLoadingAutoSuggest || (categorySuggestions && ArrayExtensions.hasElements(categorySuggestions)))\n                    ? CategorySuggestionsComponent({\n                          searchCategorySuggestClass,\n                          searchPageURL,\n                          searchQsp,\n                          hitPrefix: this.hitPrefix,\n                          hitSuffix: this.hitSuffix,\n                          autoSuggestProps: this.props,\n                          searchText,\n                          suggestions: categorySuggestions,\n                          searchRefiners,\n                          telemetryContent: this.telemetryContent,\n                          shouldShowFullPath: shouldShowFullCategoryPath\n                      })\n                    : undefined,\n            callbacks: {\n                handleCancelSearchChange: this._handleCancelSearchChange,\n                handleCancelSearchFocused: this._handleCancelSearchFocused\n            },\n            isSearchFormExpanded: this.state.isSearchFormExpanded,\n            isLoadingAutoSuggest,\n            isLoadingNode: this._isLoadingNode()\n        };\n\n        return this.props.renderView(viewProps) as React.ReactElement;\n    }\n\n    private _initSuggestionTypes() {\n        const suggestionTypes = this.props.config.suggestionTypeCriterion;\n\n        const suggestions = ArrayExtensions.unique(ArrayExtensions.validValues(suggestionTypes));\n        if (!ArrayExtensions.hasElements(suggestions)) {\n            this.inputSuggestionType = [\n                { SuggestionType: SuggestionTypeCriterionSuggestionType.keyword },\n                { SuggestionType: SuggestionTypeCriterionSuggestionType.product },\n                { SuggestionType: SuggestionTypeCriterionSuggestionType.scopedCategory }\n            ];\n            return;\n        }\n\n        const validSuggestions = suggestions.filter(suggestion => suggestion.SuggestionType);\n        if (ArrayExtensions.hasElements(validSuggestions)) {\n            this.inputSuggestionType = validSuggestions;\n            return;\n        }\n\n        this.inputSuggestionType = [];\n    }\n\n    /**\n     * Function to create the ReactNode for loading Autosuggest result.\n     * @returns ReachNode for loading Autosuggest result.\n     */\n    private readonly _isLoadingNode = (): React.ReactNode => {\n        const loadingText = this.props.resources.autoSuggestResultLoadingMessage;\n        return <Spinner className='msc-autoSuggest__loadingResult' label={loadingText} size={SpinnerSize.medium} labelPosition='right' />;\n    };\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private readonly _focusOutTarget = (e: any): void => {\n        const { suggestions } = this.state;\n\n        if (suggestions && suggestions.AllSearchResults && e.target.closest('.ms-search') === null) {\n            this._clearAutoSuggestState();\n        }\n    };\n\n    private readonly _keyup = (e: KeyboardEvent): void => {\n        const { suggestions } = this.state;\n\n        if (suggestions && suggestions.AllSearchResults && e.keyCode === KeyCodes.Escape) {\n            this._clearAutoSuggestState();\n        } else if (this.state.isSearchFormExpanded && e.keyCode === KeyCodes.Escape) {\n            if (this.state.isSearchFormExpanded) {\n                this.setState({ isSearchFormExpanded: false });\n            }\n        }\n\n        if (\n            !(\n                (this.formReference.current && this.formReference.current.contains((e.target as unknown) as Node)) ||\n                (this.autoSuggestResultDiv.current && this.autoSuggestResultDiv.current.contains((e.target as unknown) as Node))\n            )\n        ) {\n            if (suggestions && suggestions.AllSearchResults) {\n                this._clearAutoSuggestState();\n            }\n\n            if (this.state.isSearchFormExpanded) {\n                this.setState({ isSearchFormExpanded: false });\n            }\n        }\n    };\n\n    private readonly _clearAutoSuggestState = (): void => {\n        const {\n            context: { actionContext },\n            data: { searchState }\n        } = this.props;\n\n        if (this.searchTextInput.current && this.searchTextInput.current.value.length > 0) {\n            searchState.searchText = '';\n            searchState.defaultBasicSearchUrl = '';\n            searchState.searchQueryStringParameter = '';\n            actionContext ? actionContext.update(createSearchStateInput(searchState), searchState) : null;\n            this.searchTextInput.current.value = '';\n        }\n\n        this.setState({ searchText: '', suggestions: undefined, searchRefiners: undefined });\n    };\n\n    private async _getSearchSuggestions(loadSuggestionsRequestId: string, query: string) {\n        try {\n            const searchSuggestions = await getSearchSuggestionsAction(\n                new AutoSuggestInput(query, this.topResultsCount, this._getSuggestionType(), this.hitPrefix, this.hitSuffix),\n                this.props.context.actionContext\n            );\n            if (loadSuggestionsRequestId !== this.loadSuggestionsRequestId) {\n                return undefined;\n            }\n            return searchSuggestions;\n        } catch (error) {\n            if (loadSuggestionsRequestId !== this.loadSuggestionsRequestId) {\n                return undefined;\n            }\n            this.setState({ suggestions: undefined, searchRefiners: undefined, autoSuggestAriaLabel: this._setAutoSuggestResultCount() });\n            this.props.telemetry.exception(error);\n            this.props.telemetry.debug('Unable to get auto suggest results');\n            return undefined;\n        }\n    }\n\n    private async _updateSearchRefiners(loadSuggestionsRequestId: string, query: string, suggestions: Autosuggestions | undefined) {\n        try {\n            const refiners = await this._getSearchRefiners(query);\n            if (loadSuggestionsRequestId !== this.loadSuggestionsRequestId) {\n                return;\n            }\n            this.setState({\n                suggestions,\n                searchRefiners: refiners,\n                autoSuggestAriaLabel: this._setAutoSuggestResultCount(suggestions),\n                isLoadingAutoSuggest: false\n            });\n        } catch (error) {\n            if (loadSuggestionsRequestId !== this.loadSuggestionsRequestId) {\n                return;\n            }\n            this.setState({ suggestions, searchRefiners: undefined, autoSuggestAriaLabel: this._setAutoSuggestResultCount(suggestions) });\n            this.props.telemetry.exception(error);\n            this.props.telemetry.debug('Unable to get refiners results');\n        }\n    }\n\n    private _loadSuggestions(query: string) {\n        this.cancellabelDebounce = debounce(async () => {\n            this.setState({ isLoadingAutoSuggest: true });\n            const loadSuggestionsRequestId = Random.Guid.generateGuid();\n            this.loadSuggestionsRequestId = loadSuggestionsRequestId;\n            const searchSuggestions = await this._getSearchSuggestions(loadSuggestionsRequestId, query);\n            await this._updateSearchRefiners(loadSuggestionsRequestId, query, searchSuggestions);\n        }, this.waitTime);\n\n        setTimeout(() => {\n            this.cancellabelDebounce();\n        }, 0);\n    }\n\n    private readonly _handleInputChange = (query: string): void => {\n        if (!query || query.length <= this.maxChars) {\n            this.setState({ searchText: query });\n        }\n\n        if (this.cancellabelDebounce) {\n            this.cancellabelDebounce.cancel();\n        }\n\n        const {\n            context,\n            data: { searchState }\n        } = this.props;\n\n        if (context) {\n            if (query && query.length > 0) {\n                if (query.length > this.maxChars) {\n                    return;\n                }\n\n                if (ArrayExtensions.hasElements(this.inputSuggestionType)) {\n                    this._loadSuggestions(query);\n                }\n\n                searchState.searchText = query;\n            } else {\n                this.setState({ suggestions: undefined, searchRefiners: undefined });\n                searchState.searchText = '';\n            }\n            context.actionContext.update(createSearchStateInput(searchState), searchState);\n        }\n    };\n\n    private _getSuggestionType(): string {\n        const distinctSuggestionTypes: string[] = this.inputSuggestionType.map(\n            suggestionTypeItem => suggestionTypeItem.SuggestionType!.charAt(0).toUpperCase() + suggestionTypeItem.SuggestionType!.slice(1)\n        );\n        return distinctSuggestionTypes.join(',');\n    }\n\n    private async _getSearchRefiners(searchText: string): Promise<ProductRefiner[]> {\n        const { actionContext: ctx } = this.props.context;\n        const catalogId = getCatalogId(ctx.requestContext);\n        validateCatalogId(catalogId);\n        return ProductsDataActions.getProductSearchRefinersAsync(\n            { callerContext: ctx },\n            {\n                SearchCondition: searchText,\n                Context: {\n                    ChannelId: +ctx.requestContext.apiSettings.channelId,\n                    CatalogId: catalogId\n                }\n            }\n        );\n    }\n\n    private readonly _handleSubmit = (\n        e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement> | React.FormEvent<HTMLFormElement>\n    ): void => {\n        const {\n            config: { disableSubmitSearch },\n            context: {\n                actionContext,\n                app: {\n                    config: { searchQueryStringParameter }\n                }\n            }\n        } = this.props;\n\n        const query = this.searchTextInput.current && this.searchTextInput.current.value;\n        e.preventDefault();\n\n        if (!query || (query && query.length === 0) || disableSubmitSearch) {\n            this.searchTextInput && this.searchTextInput.current && this.searchTextInput.current.focus();\n        } else {\n            const searchQsp = searchQueryStringParameter || 'q';\n            const searchURL = this._appendQueryParams(getUrlSync('search', actionContext) || '', query, searchQsp);\n            document.location.href = searchURL;\n        }\n    };\n\n    private readonly _handleCancelSearchChange = (): void => {\n        const { isSearchFormExpanded, suggestions } = this.state;\n\n        if (!isSearchFormExpanded) {\n            this.setState({\n                isSearchFormExpanded: true,\n                searchText: '',\n                isInitialState: false\n            });\n        } else {\n            if (suggestions && suggestions.AllSearchResults) {\n                this._clearAutoSuggestState();\n            }\n            this.setState({ isSearchFormExpanded: false });\n        }\n    };\n\n    private readonly _handleCancelSearchFocused = (): void => {\n        const { suggestions } = this.state;\n        if (!(suggestions && suggestions.AllSearchResults)) {\n            this._clearAutoSuggestState();\n            this.setState({ isSearchFormExpanded: false });\n        }\n    };\n\n    private readonly _appendQueryParams = (route: string, query: string, qsp: string): string => {\n        if (!MsDyn365.isBrowser) {\n            return '';\n        }\n\n        const queryUrl = new URL(route, window.location.href);\n        if (qsp && query) {\n            queryUrl.searchParams.set(qsp, query);\n        }\n\n        return queryUrl.href;\n    };\n\n    private readonly _setAutoSuggestResultCount = (result?: Autosuggestions) => {\n        if (this.autoSuggestResultScreenReaderDiv.current !== null) {\n            const ariaLiveRegion = this.autoSuggestResultScreenReaderDiv.current;\n            const suggestResultString = this.props.resources.autoSuggestFoundMessage;\n            const emptyResultString = this.props.resources.noAutoSuggestionMessage;\n            ariaLiveRegion.innerText =\n                result && result.AllSearchResults && result.AllSearchResults.length > 0 ? suggestResultString : emptyResultString;\n            ariaLiveRegion.setAttribute('aria-live', 'assertive');\n            return ariaLiveRegion.innerText;\n        }\n        return '';\n    };\n}\n\nexport default Search;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { INodeProps, Module, Node } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { ISearchCategoryViewProps, ISearchFormViewProps, ISearchKeywordViewProps, ISearchProductViewProps } from './components';\nimport { ISearchViewProps } from './search';\n\nconst SearchView: React.FC<ISearchViewProps> = props => {\n    const {\n        Search,\n        AutoSuggestAriaLabel,\n        AutoSuggestAriaLabelText,\n        searchText,\n        AutoSuggest,\n        KeywordSuggest,\n        ProductSuggest,\n        CategorySuggest,\n        UlKeyword,\n        UlProduct,\n        UlCategory,\n        form,\n        autosuggestCategory,\n        autosuggestKeyword,\n        autosuggestProduct,\n        SearchForm,\n        FormWrapper,\n        label,\n        isLoadingAutoSuggest,\n        isLoadingNode\n    } = props;\n\n    return (\n        <Module {...Search}>\n            {label}\n            {_renderForm(form as ISearchFormViewProps, SearchForm, FormWrapper)}\n            <Node {...AutoSuggest}>\n                {searchText && searchText.length > 0 ? <Node {...AutoSuggestAriaLabel}>{AutoSuggestAriaLabelText}</Node> : ''}\n                {_renderKeywordSuggestions(KeywordSuggest, UlKeyword, autosuggestKeyword, isLoadingAutoSuggest, isLoadingNode)}\n                {_renderProductSuggestions(ProductSuggest, UlProduct, autosuggestProduct, isLoadingAutoSuggest, isLoadingNode)}\n                {_renderCategorySuggestions(CategorySuggest, UlCategory, autosuggestCategory, isLoadingAutoSuggest, isLoadingNode)}\n            </Node>\n        </Module>\n    );\n};\n\nconst _renderForm = (form: ISearchFormViewProps, SearchForm: INodeProps, FormWrapper: INodeProps) => {\n    return (\n        <Node {...SearchForm}>\n            <Node {...FormWrapper}>\n                {form.input}\n                {form.cancelBtn}\n                {form.submitBtn}\n            </Node>\n        </Node>\n    );\n};\n\nconst _renderKeywordSuggestions = (\n    KeywordSuggest: INodeProps,\n    UlKeyword: INodeProps,\n    keywordSuggestions?: ISearchKeywordViewProps,\n    isLoadingAutoSuggest?: boolean,\n    isLoadingNode?: React.ReactNode\n) => {\n    return (\n        keywordSuggestions && (\n            <Node {...KeywordSuggest}>\n                <Node {...UlKeyword}>\n                    {isLoadingAutoSuggest && isLoadingNode}\n                    {!isLoadingAutoSuggest &&\n                        keywordSuggestions.text.map(text => {\n                            return text;\n                        })}\n                </Node>\n            </Node>\n        )\n    );\n};\n\nconst _renderProductSuggestions = (\n    ProductSuggest: INodeProps,\n    UlProduct: INodeProps,\n    productSuggestions?: ISearchProductViewProps,\n    isLoadingAutoSuggest?: boolean,\n    isLoadingNode?: React.ReactNode\n) => {\n    return (\n        productSuggestions && (\n            <Node {...ProductSuggest}>\n                <Node {...UlProduct}>\n                    {productSuggestions.title}\n                    {isLoadingAutoSuggest && isLoadingNode}\n                    {!isLoadingAutoSuggest &&\n                        productSuggestions.items.map((item, index) => {\n                            return (\n                                <Node {...item.LiProduct} key={item.id || index}>\n                                    <Node {...item.AProduct}>\n                                        {item.thumbnail}\n                                        {item.text}\n                                        {item.price}\n                                    </Node>\n                                </Node>\n                            );\n                        })}\n                </Node>\n            </Node>\n        )\n    );\n};\n\nconst _renderCategorySuggestions = (\n    CategorySuggest: INodeProps,\n    UlCategory: INodeProps,\n    categorySuggestions?: ISearchCategoryViewProps,\n    isLoadingAutoSuggest?: boolean,\n    isLoadingNode?: React.ReactNode\n) => {\n    return (\n        categorySuggestions && (\n            <Node {...CategorySuggest}>\n                <Node {...UlCategory}>\n                    {categorySuggestions.title}\n                    {isLoadingAutoSuggest && isLoadingNode}\n                    {!isLoadingAutoSuggest &&\n                        categorySuggestions.text.map(text => {\n                            return text;\n                        })}\n                </Node>\n            </Node>\n        )\n    );\n};\n\nexport default SearchView;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { ISearchData, ISearchViewProps } from '@msdyn365-commerce-modules/search';\nimport { Node } from '@msdyn365-commerce-modules/utilities';\nimport React from 'react';\n\nimport { ISearchProps } from '../../definition-extensions/search.ext.props.autogenerated';\n\n/**\n * Render Categories heading.\n * @param inCategoriesHeading - The Keywords result heading.\n * @returns The JSX Element.\n */\nconst renderCategorySuggestionsTitle = (inCategoriesHeading: string): JSX.Element => {\n    const categoryAutoSuggestionHeading = inCategoriesHeading ? inCategoriesHeading : 'In categories';\n\n    return <div className='msc-autoSuggest__categoryResults-title'>{categoryAutoSuggestionHeading}</div>;\n};\n\n/**\n * Render Categories suggestion result.\n * @param inCategoriesHeading - The Categories result heading.\n * @param noResultText - The \"No Result\" text.\n * @param props - The Categories suggestion result.\n * @param isLoadingAutoSuggest - The autosuggestion loading flag.\n * @param isLoadingNode - The autosuggestion loading node.\n * @returns The JSX Element.\n */\nexport const CategorySuggestionsComponent = (\n    inCategoriesHeading: string,\n    noResultText: string,\n    props: ISearchViewProps & ISearchProps<ISearchData>,\n    isLoadingAutoSuggest?: boolean,\n    isLoadingNode?: React.ReactNode\n): JSX.Element => {\n    return props.autosuggestCategory ? (\n        <Node {...props.CategorySuggest}>\n            {renderCategorySuggestionsTitle(inCategoriesHeading)}\n            <Node {...props.UlCategory}>\n                {isLoadingAutoSuggest && isLoadingNode}\n                {!isLoadingAutoSuggest &&\n                    props.autosuggestCategory.text.map(text => {\n                        return text;\n                    })}\n            </Node>\n        </Node>\n    ) : (\n        <Node {...props.CategorySuggest}>\n            {renderCategorySuggestionsTitle(inCategoriesHeading)}\n            <Node {...props.UlCategory}>\n                <li className='msc-autoSuggest__categoryResults-no-results'>{noResultText}</li>\n            </Node>\n        </Node>\n    );\n};\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { IImageData, Image } from '@msdyn365-commerce/core';\nimport { ISearchData } from '@msdyn365-commerce-modules/search';\nimport { Node } from '@msdyn365-commerce-modules/utilities';\nimport React from 'react';\n\nimport { ISearchProps } from '../../definition-extensions/search.ext.props.autogenerated';\n\n/**\n * Render Products Suggestion result heading.\n * @param props -The props.\n * @returns The JSX Element.\n */\nconst renderProductNotFoundResultsImage = (props: ISearchProps<ISearchData>): JSX.Element | null => {\n    const noSearchResultImage: IImageData | undefined = props.config.noSearchResultImage;\n    if (!noSearchResultImage || !noSearchResultImage.src) {\n        return null;\n    }\n    const imageSettings = {\n        lazyload: true,\n        viewports: {\n            xs: { w: 100, h: 100, q: 'w=100&h=100&q=60&m=6' }\n        }\n    };\n    return (\n        <Image\n            altText={noSearchResultImage.altText}\n            className='msc-autoSuggest__productResults-no-results-image-img'\n            gridSettings={props.context.request.gridSettings!}\n            src={noSearchResultImage.src}\n            requestContext={props.context.request}\n            imageSettings={imageSettings}\n        />\n    );\n};\n\n/**\n * Render Product suggestion result.\n * @param props -The props.\n * @returns The JSX Element.\n */\nexport const MobileAutoSuggestEmptyComponent = (props: ISearchProps<ISearchData>): JSX.Element => {\n    return (\n        <Node className='msc-autoSuggest__productResults-empty-mobile-content'>\n            <div className='msc-autoSuggest__productResults-empty-mobile-no-results-image'>{renderProductNotFoundResultsImage(props)}</div>\n            <div className='msc-autoSuggest__productResults-empty-mobile-text-content'>\n                <div className='msc-autoSuggest__productResults-empty-mobile-heading'>{props.resources.emptyMobileSearchTextHeading}</div>\n                <div className='msc-autoSuggest__productResults-empty-mobile-text'>{props.resources.emptyMobileSearchText}</div>\n            </div>\n        </Node>\n    );\n};\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { ISearchData, ISearchFormViewProps } from '@msdyn365-commerce-modules/search';\nimport { Button, INodeProps, Node } from '@msdyn365-commerce-modules/utilities';\nimport React from 'react';\n\nimport { ISearchProps } from '../../definition-extensions/search.ext.props.autogenerated';\nimport { MobileAutoSuggestEmptyComponent } from './search.mobile.empty';\n\n/**\n * Render Clear button for mobile viewport.\n * @param clearSearchButtonText -The Clear button text.\n * @param clearSearch -Clear Search callback.\n * @returns -The JSX Element.\n */\nconst renderClearButton = (clearSearchButtonText: string, clearSearch: () => void): JSX.Element => {\n    return (\n        <Button className='ms-search__form-control__clear' title={clearSearchButtonText || 'Clear'} onClick={clearSearch}>\n            {clearSearchButtonText || 'Clear'}\n        </Button>\n    );\n};\n\n/**\n * Render Search form.\n * @param form -Form view props.\n * @param searchForm -Search Form props.\n * @param formWrapper -Form Wrapper props.\n * @param isMobile -Is mobile viewport flag.\n * @param clearSearchButtonText -The Clear button text.\n * @param props -The props for resource.\n * @param isSearchText -Is SearchText flag for input text.\n * @param clearSearch -Clear Search callback.\n * @returns -The JSX Element.\n */\nexport const FormComponent = (\n    form: ISearchFormViewProps,\n    searchForm: INodeProps,\n    formWrapper: INodeProps,\n    isMobile: boolean,\n    clearSearchButtonText: string,\n    props: ISearchProps<ISearchData>,\n    isSearchText: boolean,\n    clearSearch: () => void\n): JSX.Element => {\n    const cancelButtonNode = (\n        <Button\n            className='ms-search__form-cancelSearch'\n            aria-label={props.resources.cancelBtnAriaLabel}\n            onClick={clearSearch}\n            type='button'\n        />\n    );\n\n    return isMobile ? (\n        <Node {...searchForm}>\n            {form.cancelBtn}\n            <Node {...formWrapper}>\n                {form.input}\n                {isSearchText && renderClearButton(clearSearchButtonText, clearSearch)}\n                {!isSearchText ? MobileAutoSuggestEmptyComponent(props) : null}\n            </Node>\n        </Node>\n    ) : (\n        <Node {...searchForm}>\n            <Node {...formWrapper}>\n                {form.submitBtn}\n                {form.input}\n                {isSearchText && cancelButtonNode}\n            </Node>\n        </Node>\n    );\n};\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { ISearchKeywordViewProps } from '@msdyn365-commerce-modules/search';\nimport { INodeProps, Node } from '@msdyn365-commerce-modules/utilities';\nimport React from 'react';\n\n/**\n * Render keywords heading.\n * @param keywordsHeading -The Keywords result heading.\n * @returns The JSX Element.\n */\nconst renderKeywordSuggestionsTitle = (keywordsHeading: string): JSX.Element => {\n    const categoryAutoSuggestionHeading = keywordsHeading ? keywordsHeading : 'Keywords';\n\n    return <div className='msc-autoSuggest_keywordsResults-title'>{categoryAutoSuggestionHeading}</div>;\n};\n\n/**\n * Render keywords reults.\n * @param keywordSuggest -The Keywords suggest Node props.\n * @param ulKeyword -The List Node props.\n * @param keywordsHeading -The Keywords result heading.\n * @param noResultText -The \"No Result\" text.\n * @param  keywordSuggestions -The Keywords suggestion result.\n * @param isLoadingAutoSuggest - The autosuggestion loading flag.\n * @param isLoadingNode - The autosuggestion loading node.\n * @returns -The JSX Element.\n */\nexport const KeywordSuggestionsComponent = (\n    keywordSuggest: INodeProps,\n    ulKeyword: INodeProps,\n    keywordsHeading: string,\n    noResultText: string,\n    keywordSuggestions?: ISearchKeywordViewProps,\n    isLoadingAutoSuggest?: boolean,\n    isLoadingNode?: React.ReactNode\n): JSX.Element => {\n    return keywordSuggestions ? (\n        <Node {...keywordSuggest}>\n            {renderKeywordSuggestionsTitle(keywordsHeading)}\n            <Node {...ulKeyword}>\n                {isLoadingAutoSuggest && isLoadingNode}\n                {!isLoadingAutoSuggest &&\n                    keywordSuggestions.text.map(text => {\n                        return text;\n                    })}\n            </Node>\n        </Node>\n    ) : (\n        <Node {...keywordSuggest}>\n            {renderKeywordSuggestionsTitle(keywordsHeading)}\n            <Node {...ulKeyword}>\n                <li className='msc-autoSuggest__keywordResults-no-results'>{noResultText}</li>\n            </Node>\n        </Node>\n    );\n};\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { IImageData, Image } from '@msdyn365-commerce/core';\nimport { ISearchData, ISearchProductViewProps } from '@msdyn365-commerce-modules/search';\nimport { INodeProps, Node } from '@msdyn365-commerce-modules/utilities';\nimport React from 'react';\n\nimport { ISearchProps } from '../../definition-extensions/search.ext.props.autogenerated';\n\n/**\n * Render Products Suggestion result heading.\n * @param productSuggestionsHeading -The products suggestion result heading.\n * @returns The JSX Element.\n */\nconst renderProductSuggestionsTitle = (productSuggestionsHeading: string): JSX.Element => {\n    const productAutoSuggestionHeading = productSuggestionsHeading ? productSuggestionsHeading : 'Products';\n\n    return <div className='msc-autoSuggest__productResults-title'>{productAutoSuggestionHeading}</div>;\n};\n\n/**\n * Render Products Suggestion result heading.\n * @param props -The props.\n * @returns The JSX Element.\n */\nconst renderProductNotFoundResultsImage = (props: ISearchProps<ISearchData>): JSX.Element | null => {\n    const noSearchResultImage: IImageData | undefined = props.config.noSearchResultImage;\n    if (!noSearchResultImage || !noSearchResultImage.src) {\n        return null;\n    }\n    return (\n        <Image\n            altText={noSearchResultImage.altText}\n            className='msc-autoSuggest__productResults-no-results-image-img'\n            gridSettings={props.context.request.gridSettings!}\n            src={noSearchResultImage.src}\n        />\n    );\n};\n\n/**\n * Render Products No result section.\n * @param props -The props.\n * @returns The JSX Element.\n */\nconst renderProductNotFoundResults = (props: ISearchProps<ISearchData>): JSX.Element => {\n    return (\n        <Node className='msc-autoSuggest__productResults-no-results-content'>\n            <div className='msc-autoSuggest__productResults-no-results-image'>{renderProductNotFoundResultsImage(props)}</div>\n            <div className='msc-autoSuggest__productResults-no-results-content-title'>{props.resources.noResultContentHeadingText}</div>\n            <div className='msc-autoSuggest__productResults-no-results-content-paragraph'>\n                {props.resources.noResultContentParagraphText}\n            </div>\n        </Node>\n    );\n};\n\n/**\n * Render Product suggestion result.\n * @param productSuggest -The product suggest Node props.\n * @param ulProduct -The List Node props.\n * @param props -The props.\n * @param productSuggestions -The Product suggestion result.\n * @param isLoadingAutoSuggest - The autosuggestion loading flag.\n * @param isLoadingNode - The autosuggestion loading node.\n * @returns The JSX Element.\n */\nexport const ProductSuggestionsComponent = (\n    productSuggest: INodeProps,\n    ulProduct: INodeProps,\n    props: ISearchProps<ISearchData>,\n    productSuggestions?: ISearchProductViewProps,\n    isLoadingAutoSuggest?: boolean,\n    isLoadingNode?: React.ReactNode\n): JSX.Element => {\n    const liProduct: INodeProps = {\n        tag: 'li',\n        className: 'msc-no-result-content'\n    };\n    return productSuggestions ? (\n        <Node {...productSuggest}>\n            {renderProductSuggestionsTitle(props.resources.productSuggestionHeading)}\n            <Node {...ulProduct}>\n                {isLoadingAutoSuggest && isLoadingNode}\n                {!isLoadingAutoSuggest &&\n                    productSuggestions.items.map((item, index) => {\n                        return (\n                            <Node {...item.LiProduct} key={item.id ?? index}>\n                                <Node {...item.AProduct}>\n                                    {item.thumbnail}\n                                    {item.text}\n                                    {item.price}\n                                </Node>\n                            </Node>\n                        );\n                    })}\n            </Node>\n        </Node>\n    ) : (\n        <Node {...productSuggest}>\n            {renderProductSuggestionsTitle(props.resources.productSuggestionHeading)}\n            <Node {...ulProduct}>\n                <Node {...liProduct}>{renderProductNotFoundResults(props)}</Node>\n            </Node>\n        </Node>\n    );\n};\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { StringExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { ISearchData, ISearchFormViewProps, ISearchViewProps } from '@msdyn365-commerce-modules/search';\nimport { Button, format, isMobile, Module, Node, VariantType } from '@msdyn365-commerce-modules/utilities';\nimport React, { useCallback, useEffect, useState } from 'react';\n\nimport { ISearchProps } from '../definition-extensions/search.ext.props.autogenerated';\nimport { CategorySuggestionsComponent } from './components/search.categorysuggest';\nimport { FormComponent } from './components/search.form';\nimport { KeywordSuggestionsComponent } from './components/search.keywordsuggest';\nimport { ProductSuggestionsComponent } from './components/search.productsuggest';\n\n/**\n * Render Title for AutoSuggest.\n * @param searchSuggestionHeading -The heading resource string.\n * @param searchText -The search string.\n * @returns -The JSX Element.\n */\nconst renderTitle = (searchSuggestionHeading: string, searchText: string): JSX.Element => {\n    const searchTextString = '\"'.concat(searchText.concat('\"'));\n    const searchAutoSuggestionHeading = searchSuggestionHeading\n        ? format(searchSuggestionHeading, searchTextString)\n        : `Search for ${searchTextString}`;\n\n    return <Node className='msc-autoSuggest__search-title'>{searchAutoSuggestionHeading}</Node>;\n};\n\n/**\n * Search View.\n * @param props - The view props.\n * @returns The JSX Element.\n */\nconst SearchView: React.FC<ISearchViewProps & ISearchProps<ISearchData>> = (\n    props: ISearchViewProps & ISearchProps<ISearchData>\n): JSX.Element => {\n    const {\n        Search,\n        AutoSuggestAriaLabel,\n        AutoSuggestAriaLabelText,\n        searchText,\n        AutoSuggest,\n        KeywordSuggest,\n        ProductSuggest,\n        UlKeyword,\n        UlProduct,\n        form,\n        autosuggestKeyword,\n        autosuggestProduct,\n        SearchForm,\n        FormWrapper,\n        label,\n        context,\n        isLoadingAutoSuggest,\n        isLoadingNode,\n        callbacks: { handleCancelSearchFocused }\n    } = props;\n\n    const { searchSuggestionHeading, categorySuggestionHeading, keywordsHeading, noResultText, clearSearchButtonText } = props.resources;\n\n    const [searchTextString, setSearchTextString] = useState<string>();\n    const [isMobilePort, setIsMobile] = useState<boolean>(false);\n\n    useEffect(() => {\n        setSearchTextString(searchText);\n    }, [searchText]);\n\n    /**\n     * ClearSearch callback method to clear search string.\n     */\n    const clearSearch = (): void => {\n        setSearchTextString('');\n\n        const propsForm = props.form as ISearchFormViewProps;\n        const propsFormInput = propsForm.input as React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;\n        const propsFormInputCurrent = (propsFormInput.ref as React.RefObject<HTMLInputElement>).current;\n\n        if (propsFormInputCurrent) {\n            propsFormInputCurrent.value = '';\n        }\n\n        propsFormInput.value = '';\n        props.searchText = '';\n        props.FormWrapper.action = '';\n    };\n\n    const isMobileViewport = useCallback(() => {\n        const isMobileView = isMobile({ variant: VariantType.Browser, context: context.request }) === 'xs';\n        setIsMobile(isMobileView);\n    }, [context]);\n\n    useEffect(() => {\n        window.addEventListener('resize', isMobileViewport);\n        isMobileViewport();\n    }, [isMobileViewport]);\n\n    const viewport = isMobile({ variant: VariantType.Browser, context: context.request });\n\n    const isMobileView = viewport === 'sm' || viewport === 'xs';\n\n    AutoSuggest.className = !StringExtensions.isNullOrEmpty(searchTextString)\n        ? `${AutoSuggest.className} show`\n        : `${AutoSuggest.className} hide`;\n    const isSearchText: boolean = !StringExtensions.isNullOrEmpty(searchTextString);\n\n    return (\n        <Module {...Search}>\n            {label}\n            {FormComponent(\n                form as ISearchFormViewProps,\n                SearchForm,\n                FormWrapper,\n                isMobilePort,\n                clearSearchButtonText,\n                props,\n                isSearchText,\n                clearSearch\n            )}\n            {!isMobileView && (\n                <Node {...AutoSuggest}>\n                    {!StringExtensions.isNullOrEmpty(searchTextString) ? (\n                        <Node {...AutoSuggestAriaLabel}>{AutoSuggestAriaLabelText}</Node>\n                    ) : (\n                        ''\n                    )}\n                    {!StringExtensions.isNullOrEmpty(searchTextString) ? (\n                        <>\n                            <Node className='msc-autoSuggest__search-title-container'>\n                                <Button\n                                    className='ms-search__form-cancelSearch'\n                                    aria-label={props.resources.cancelBtnAriaLabel}\n                                    onClick={clearSearch}\n                                    onBlur={handleCancelSearchFocused}\n                                    type='button'\n                                />\n                                {renderTitle(searchSuggestionHeading, searchText)}\n                            </Node>\n                            <Node className='msc-autoSuggest__results-container'>\n                                <Node className='msc-autoSuggest__results'>\n                                    {CategorySuggestionsComponent(\n                                        categorySuggestionHeading,\n                                        noResultText,\n                                        props,\n                                        isLoadingAutoSuggest,\n                                        isLoadingNode\n                                    )}\n                                    {KeywordSuggestionsComponent(\n                                        KeywordSuggest,\n                                        UlKeyword,\n                                        keywordsHeading,\n                                        noResultText,\n                                        autosuggestKeyword,\n                                        isLoadingAutoSuggest,\n                                        isLoadingNode\n                                    )}\n                                </Node>\n                                {ProductSuggestionsComponent(\n                                    ProductSuggest,\n                                    UlProduct,\n                                    props,\n                                    autosuggestProduct,\n                                    isLoadingAutoSuggest,\n                                    isLoadingNode\n                                )}\n                            </Node>\n                        </>\n                    ) : null}\n                </Node>\n            )}\n            {isMobileView && props.isSearchFormExpanded && (\n                <Node {...AutoSuggest}>\n                    {!StringExtensions.isNullOrEmpty(searchTextString) ? (\n                        <Node {...AutoSuggestAriaLabel}>{AutoSuggestAriaLabelText}</Node>\n                    ) : (\n                        ''\n                    )}\n                    {!StringExtensions.isNullOrEmpty(searchTextString) ? (\n                        <>\n                            <Node className='msc-autoSuggest__search-title-container'>\n                                {(form as ISearchFormViewProps).cancelBtn}\n                                {renderTitle(searchSuggestionHeading, searchText)}\n                            </Node>\n                            <Node className='msc-autoSuggest__results-container'>\n                                <Node className='msc-autoSuggest__results'>\n                                    {CategorySuggestionsComponent(\n                                        categorySuggestionHeading,\n                                        noResultText,\n                                        props,\n                                        isLoadingAutoSuggest,\n                                        isLoadingNode\n                                    )}\n                                    {KeywordSuggestionsComponent(\n                                        KeywordSuggest,\n                                        UlKeyword,\n                                        keywordsHeading,\n                                        noResultText,\n                                        autosuggestKeyword,\n                                        isLoadingAutoSuggest,\n                                        isLoadingNode\n                                    )}\n                                </Node>\n                                {ProductSuggestionsComponent(\n                                    ProductSuggest,\n                                    UlProduct,\n                                    props,\n                                    autosuggestProduct,\n                                    isLoadingAutoSuggest,\n                                    isLoadingNode\n                                )}\n                            </Node>\n                        </>\n                    ) : null}\n                </Node>\n            )}\n        </Module>\n    );\n};\nexport default SearchView;\n","module.exports = React;","module.exports = ReactDOM;"],"names":["renderCategorySuggestionsTitle","inCategoriesHeading","React","className","CategorySuggestionsComponent","noResultText","props","isLoadingAutoSuggest","isLoadingNode","autosuggestCategory","Node","Object","assign","CategorySuggest","UlCategory","text","map","MobileAutoSuggestEmptyComponent","noSearchResultImage","config","src","Image","altText","gridSettings","context","request","requestContext","imageSettings","lazyload","viewports","xs","w","h","q","renderProductNotFoundResultsImage","resources","emptyMobileSearchTextHeading","emptyMobileSearchText","FormComponent","form","searchForm","formWrapper","isMobile","clearSearchButtonText","isSearchText","clearSearch","cancelBtn","input","renderClearButton","Button","title","onClick","submitBtn","renderProductSuggestionsTitle","productSuggestionsHeading","productAutoSuggestionHeading","renderProductNotFoundResults","noResultContentHeadingText","noResultContentParagraphText","ProductSuggestionsComponent","productSuggest","ulProduct","productSuggestions","productSuggestionHeading","items","item","index","_item$id","LiProduct","key","id","AProduct","thumbnail","price","tag","renderTitle","searchSuggestionHeading","searchText","searchTextString","concat","searchAutoSuggestionHeading","format","Search","AutoSuggestAriaLabel","AutoSuggestAriaLabelText","AutoSuggest","ProductSuggest","UlProduct","autosuggestProduct","SearchForm","FormWrapper","label","callbacks","handleCancelSearchFocused","handleCancelSearchChange","categorySuggestionHeading","setSearchTextString","useState","isMobilePort","setIsMobile","searchRef","useEffect","document","addEventListener","event","showBtn","querySelector","hideBtn","target","checkMatchParent","current","removeEventListener","element","parentNode","propsFormInput","propsFormInputCurrent","ref","value","action","isMobileViewport","useCallback","isMobileView","variant","VariantType","Browser","window","viewport","StringExtensions","isNullOrEmpty","Module","cancelBtnAriaLabel","onBlur","type","isSearchFormExpanded","binding","modules","dataActions","c","require","$type","da","name","path","runOn","iNM","ns","n","p","pdp","md","registerSanitizedActionPath","sanitizedActionPath","dataAction","default","Error","prototype","RegistrationId","__bindings__","_objectSpread","viewDictionary","cn","createSearchStateInput","result","GenericInput","getGenericActionDataAction","createObservableDataAction","getGenericAction","inputData","SearchState","__decorate","observable","SuggestionType","ProductListInventoryFilteringOptions","AutoSuggestInput","constructor","top","suggestionType","hitPrefix","hitSuffix","getCacheKey","getCacheObjectType","dataCacheType","this","searchQuery","topResultsCount","async","_getAutoSuggest","autosuggest","ctx","_ctx$requestContext$a","catalogId","getCatalogId","productSearchCriteria","SearchCondition","length","Context","ChannelId","apiSettings","channelId","CatalogId","app","productListInventoryDisplay","HideOOS","inventoryRefinerValue","getInventorySortableRefinerValue","channelInventoryConfiguration","isInStock","ProductAvailabilitySortableAttributeRecordId","RefinerRecordId","DataTypeValue","AttributeDataType","TrueFalse","LeftValueBoundString","RightValueBoundString","UnitText","RowNumber","Count","ExtensionProperties","RefinerSourceValue","ProductRefinerSource","Attribute","getInventoryConfigurationAsync","callerContext","Refinement","searchCriteria","ProductSearchCriteria","HitPrefix","HitSuffix","searchSuggestions","getSearchSuggestionsAsync","queryResultSettings","Paging","Top","ImageUrl","generateImageUrl","AllSearchResults","telemetry","error","autoSuggestPromises","Promise","all","then","payLoad","suggestions","autoSuggestProps","reactNodes","getPayloadObject","telemetryContent","push","_assembleNode","_renderTitle","categoryAutoSuggestionHeading","shouldShowFullPath","splitValue","Value","split","pop","ariaLabel","replace","RegExp","contentAction","etext","attribute","getTelemetryAttributes","Id","href","_generateLink","_getHighlightedText","suggestion","_getCategoryLink","_categoryRefiners$Val","searchPageURL","searchQsp","searchRefiners","MsDyn365","isBrowser","queryUrl","URL","location","searchParams","set","categoryRefiners","find","refiners","SourceValue","Category","refiner","Values","Number","parseInt","encodedRefiner","JSON","stringify","compressRefiners","formattedText","dangerouslySetInnerHTML","getRichTextHtml","compressedRefinerKeys","compressedRefiners","forEach","compressedRefiner","refinerKey","searchPlaceholder","hideSearchLabel","searchTextInput","handleInputChange","maxChars","disableSubmitSearch","query","ariaLabelCancel","ariaLabelSearch","ariaLabelSubmit","onInputChange","onInputChangeFunction","inputNode","placeholder","onChange","maxLength","submitBtnNode","KeywordSuggestionsComponent","formattedLink","LabelComponent","searchLabelClass","searchLabelArialLabel","searchtext","searchCollapsedLabel","attributes","innerRef","actionContext","moduleType","moduleId","_item$Value","Value3","DecimalValue","_renderThumbnail","ObjectExtensions","isNullOrUndefined","_renderPrice","_getLiWrapper","_getAWrapper","recid","cultureFormatter","formatCurrency","getProductPageUrlSync","undefined","adjustedPrice","basePrice","_props$resources","PriceComponent","typeName","data","CustomerContextualPrice","BasePrice","freePriceText","cropFocalRegion","lg","xl","loadFailureBehavior","super","waitTime","_isLoadingNode","loadingText","autoSuggestResultLoadingMessage","Spinner","size","SpinnerSize","medium","labelPosition","_focusOutTarget","e","state","closest","_clearAutoSuggestState","_keyup","keyCode","KeyCodes","Escape","setState","formReference","contains","autoSuggestResultDiv","searchState","defaultBasicSearchUrl","searchQueryStringParameter","update","_handleInputChange","cancellabelDebounce","cancel","ArrayExtensions","hasElements","inputSuggestionType","_loadSuggestions","_handleSubmit","preventDefault","focus","searchURL","_appendQueryParams","getUrlSync","_handleCancelSearchChange","isInitialState","_handleCancelSearchFocused","route","qsp","_setAutoSuggestResultCount","autoSuggestResultScreenReaderDiv","ariaLiveRegion","suggestResultString","autoSuggestFoundMessage","emptyResultString","noAutoSuggestionMessage","innerText","setAttribute","searchKeywordSuggestClass","searchProductSuggestClass","searchCategorySuggestClass","autoSuggestAriaLabel","searchInputMaxLength","searchFormClass","getTelemetryObject","telemetryPageName","friendlyName","_initSuggestionTypes","body","componentWillUnmount","componentDidUpdate","params","isEditor","shouldComponentUpdate","nextProps","nextState","render","_suggestions$AllSearc","_suggestions$AllSearc2","_suggestions$AllSearc3","searchBtnAriaLabel","submitBtnAriaLabel","searchplaceholderText","shouldShowFullCategoryPath","keywordSuggestions","filter","Keyword","None","Product","categorySuggestions","_item$RefinerRecordId","viewProps","moduleProps","classnames","KeywordSuggest","role","autoComplete","onSubmit","UlKeyword","autosuggestKeyword","renderView","suggestionTypes","suggestionTypeCriterion","unique","validValues","validSuggestions","loadSuggestionsRequestId","getSearchSuggestionsAction","_getSuggestionType","exception","debug","_getSearchRefiners","_debounce","Random","Guid","generateGuid","_getSearchSuggestions","_updateSearchRefiners","setTimeout","suggestionTypeItem","charAt","toUpperCase","slice","join","validateCatalogId","ProductsDataActions","_renderForm","_renderKeywordSuggestions","_renderProductSuggestions","_renderCategorySuggestions","cancelButtonNode","renderKeywordSuggestionsTitle","keywordsHeading","keywordSuggest","ulKeyword","module","exports","ReactDOM"],"sourceRoot":""}