{"version":3,"file":"static/js/0885733907e89bb45af3.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-retail-dev/views/components/search.categorysuggest.tsx?2d98","webpack://illumina-commerce/./src/themes/newsunshine-retail-dev/views/components/search.mobile.empty.tsx?660f","webpack://illumina-commerce/./src/themes/newsunshine-retail-dev/views/components/search.form.tsx?e207","webpack://illumina-commerce/./src/themes/newsunshine-retail-dev/views/components/search.productsuggest.tsx?03fe","webpack://illumina-commerce/./src/themes/newsunshine-retail-dev/views/search.view.tsx?122e","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","/*!\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-retail-dev|views|search'] = {\n                c: () => require('partner/themes/newsunshine-retail-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 { SearchSuggestion, SearchSuggestionCriteria } from '@msdyn365-commerce/retail-proxy';\nimport { getSearchSuggestionsAsync } from '@msdyn365-commerce/retail-proxy/dist/DataActions/StoreOperationsDataActions.g';\nimport { generateImageUrl } from '@msdyn365-commerce-modules/retail-actions';\n\nexport enum SuggestionType {\n    Category = 'ScopedCategory',\n    Keyword = 'Keyword',\n    Product = 'Product',\n    None = 'None'\n}\n\n/**\n * Input class for auto suggest search input.\n */\nexport class AutoSuggestInput implements IActionInput {\n    public searchQuery?: string;\n\n    public topResultsCount?: number;\n\n    public suggestionType?: string;\n\n    public hitPrefix?: string;\n\n    public hitSuffix?: string;\n\n    public constructor(searchText?: string, top?: number, suggestionType?: string, hitPrefix?: string, hitSuffix?: string) {\n        this.searchQuery = searchText;\n        this.topResultsCount = top;\n        this.suggestionType = suggestionType;\n        this.hitPrefix = hitPrefix;\n        this.hitSuffix = hitSuffix;\n    }\n\n    public getCacheKey = () => 'AutoSuggestSearchSuggestions';\n\n    public getCacheObjectType = () => 'AutoSuggestSearchSuggestions';\n\n    public dataCacheType = (): CacheType => 'none';\n}\n\nconst createInput = (inputData: ICreateActionContext) => {\n    return new AutoSuggestInput();\n};\n\n/**\n * Calls the Retail API and returns a auto-suggest suggestions.\n * @param input\n * @param ctx\n */\nexport async function getSearchSuggestionsAction(input: AutoSuggestInput, ctx: IActionContext): Promise<Autosuggestions | null> {\n    // If no input is provided fail out\n    if (!input || !input.searchQuery) {\n        throw new Error('[getSearchSuggestionsAction]No valid Input was provided, failing');\n    }\n\n    const autosuggest: Autosuggestions = {};\n\n    const autoSuggestPromises = [_getAutoSuggest(input, autosuggest, ctx)];\n    return Promise.all(autoSuggestPromises).then(() => {\n        return autosuggest;\n    });\n}\n\nasync function _getAutoSuggest(input: AutoSuggestInput, autosuggest: Autosuggestions, ctx: IActionContext): Promise<void> {\n    const catalogId = getCatalogId(ctx.requestContext);\n    const searchCriteria: SearchSuggestionCriteria = {\n        ProductSearchCriteria: {\n            SearchCondition: input.searchQuery && input.searchQuery.length > 0 ? input.searchQuery : '',\n            Context: {\n                ChannelId: +ctx.requestContext.apiSettings.channelId,\n                CatalogId: catalogId\n            }\n        },\n        HitPrefix: input.hitPrefix,\n        HitSuffix: input.hitSuffix,\n        SuggestionType: input.suggestionType\n    };\n\n    const searchSuggestions = await getSearchSuggestionsAsync(\n        { callerContext: ctx, queryResultSettings: { Paging: { Top: input.topResultsCount } } },\n        searchCriteria\n    );\n\n    if (searchSuggestions && searchSuggestions.length > 0) {\n        // Generate image url\n        searchSuggestions.map(\n            (item: SearchSuggestion) =>\n                (item.ImageUrl = item.ImageUrl ? generateImageUrl(item.ImageUrl, ctx.requestContext.apiSettings) : '')\n        );\n\n        autosuggest.AllSearchResults = searchSuggestions;\n    } else {\n        ctx.telemetry.error(\n            `[getSearchSuggestionsAction] unable to get availabilites for search with suggestion type ${searchCriteria.SuggestionType}`\n        );\n    }\n}\n\nexport const getSearchSuggestionsActionDataAction = createObservableDataAction({\n    id: '@msdyn365-commerce-modules/search/get-auto-suggest-suggestions',\n    action: <IAction<Autosuggestions>>getSearchSuggestionsAction,\n    input: createInput\n});\n\nexport default getSearchSuggestionsActionDataAction;\n","/*!\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","AutoSuggestInput","constructor","top","suggestionType","hitPrefix","hitSuffix","getCacheKey","getCacheObjectType","dataCacheType","this","searchQuery","topResultsCount","async","_getAutoSuggest","autosuggest","ctx","catalogId","getCatalogId","searchCriteria","ProductSearchCriteria","SearchCondition","length","Context","ChannelId","apiSettings","channelId","CatalogId","HitPrefix","HitSuffix","searchSuggestions","getSearchSuggestionsAsync","callerContext","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","ProductRefinerSource","Category","refiner","Values","RefinerRecordId","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","app","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":""}