@hhgtech/hhg-components 1.29.526-beta-4 → 1.29.526-beta-6

package/build/care.js

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var careBookingSearchBar = require('./careBookingSearchBar.js');
 var careBookingSearchBarV2 = require('./careBookingSearchBarV2.js');
-var index = require('./index-627d7828.js');
-var constants = require('./constants-a942f95d.js');
-var types = require('./types-7b370227.js');
-require('./tslib.es6-194108ac.js');
+var index = require('./index-a9d92854.js');
+var constants = require('./constants-cc6de4a2.js');
+var types = require('./types-568f22de.js');
+require('./tslib.es6-45329ac1.js');
 require('react');
 require('@emotion/react');
-require('./utils-724a50d6.js');
-require('./index-eea2f823.js');
+require('./utils-a49d5a31.js');
+require('./index-c2d5b18f.js');
 require('date-fns/locale');
-require('./index-d1f91ec1.js');
-require('./Locale-a4dd93b0.js');
+require('./index-2b5f62e3.js');
+require('./Locale-50f2cd90.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
@@ -22,28 +22,28 @@ require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-9916b7c1.js');
+require('./utils-52f9a54b.js');
 require('react-loading-skeleton');
 require('string-format');
-require('./index-4eaab5ce.js');
-require('./translationsContext-e8e281a8.js');
+require('./index-ec03d1db.js');
+require('./translationsContext-68e2824c.js');
 require('lodash/debounce');
-require('./index-8dbbd0ae.js');
+require('./index-d067d341.js');
 require('@mantine/core');
-require('./index-160ace43.js');
-require('./index-dada67f7.js');
+require('./index-d8085af9.js');
+require('./index-df614d3f.js');
 require('lodash/shuffle');
-require('./useOutsideClick-d73dd5d1.js');
-require('./paths-e6f09571.js');
+require('./useOutsideClick-1e57325d.js');
+require('./paths-e0776a9b.js');
 require('@hhgtech/icons/core');
 require('@mantine/hooks');
-require('./index-45fd2b89.js');
-require('./ChevronDown-6f9e7592.js');
+require('./index-a45c91a4.js');
+require('./ChevronDown-4f96e2c2.js');
 require('@hhgtech/icons/arrow');
-require('./index-53582dc7.js');
-require('./index.styles-67a105ac.js');
-require('./index-a7565ed7.js');
-require('./shared-35953fcb.js');
+require('./index-2b5b1a9b.js');
+require('./index.styles-8e65314e.js');
+require('./index-d194ae0f.js');
+require('./shared-8a034f74.js');
 
 
 

package/build/careBookingSearchBar.js

@@ -2,35 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-194108ac.js');
+var tslib_es6 = require('./tslib.es6-45329ac1.js');
 var React = require('react');
 var react = require('@emotion/react');
-var utils = require('./utils-724a50d6.js');
-var index$1 = require('./index-4eaab5ce.js');
+var utils = require('./utils-a49d5a31.js');
+var index$1 = require('./index-ec03d1db.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-a942f95d.js');
+var constants = require('./constants-cc6de4a2.js');
 var styled = require('@emotion/styled');
-var index = require('./index-8dbbd0ae.js');
-var index$2 = require('./index-160ace43.js');
+var index = require('./index-d067d341.js');
+var index$2 = require('./index-d8085af9.js');
 var miscTheme = require('./miscTheme.js');
 var shuffle = require('lodash/shuffle');
-var useOutsideClick = require('./useOutsideClick-d73dd5d1.js');
-var utils$1 = require('./utils-9916b7c1.js');
+var useOutsideClick = require('./useOutsideClick-1e57325d.js');
+var utils$1 = require('./utils-52f9a54b.js');
 var Skeleton = require('react-loading-skeleton');
-var paths = require('./paths-e6f09571.js');
-require('./index-eea2f823.js');
+var paths = require('./paths-e0776a9b.js');
+require('./index-c2d5b18f.js');
 require('date-fns/locale');
-require('./index-d1f91ec1.js');
-require('./Locale-a4dd93b0.js');
+require('./index-2b5f62e3.js');
+require('./Locale-50f2cd90.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('string-format');
-require('./translationsContext-e8e281a8.js');
+require('./translationsContext-68e2824c.js');
 require('@mantine/core');
-require('./index-dada67f7.js');
+require('./index-df614d3f.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/careBookingSearchBarV2.js

@@ -6,26 +6,26 @@ var React = require('react');
 var core$1 = require('@hhgtech/icons/core');
 var core = require('@mantine/core');
 var hooks = require('@mantine/hooks');
-var utils$1 = require('./utils-724a50d6.js');
-var useOutsideClick = require('./useOutsideClick-d73dd5d1.js');
-var index$1 = require('./index-4eaab5ce.js');
+var utils$1 = require('./utils-a49d5a31.js');
+var useOutsideClick = require('./useOutsideClick-1e57325d.js');
+var index$1 = require('./index-ec03d1db.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-a942f95d.js');
+var constants = require('./constants-cc6de4a2.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-9916b7c1.js');
-var index = require('./index-45fd2b89.js');
-var index$2 = require('./index-160ace43.js');
-var ChevronDown = require('./ChevronDown-6f9e7592.js');
-var tslib_es6 = require('./tslib.es6-194108ac.js');
+var utils = require('./utils-52f9a54b.js');
+var index = require('./index-a45c91a4.js');
+var index$2 = require('./index-d8085af9.js');
+var ChevronDown = require('./ChevronDown-4f96e2c2.js');
+var tslib_es6 = require('./tslib.es6-45329ac1.js');
 var arrow = require('@hhgtech/icons/arrow');
-var index$3 = require('./index-53582dc7.js');
-var paths = require('./paths-e6f09571.js');
-var index$4 = require('./index-a7565ed7.js');
-require('./index-eea2f823.js');
+var index$3 = require('./index-2b5b1a9b.js');
+var paths = require('./paths-e0776a9b.js');
+var index$4 = require('./index-d194ae0f.js');
+require('./index-c2d5b18f.js');
 require('date-fns/locale');
-require('./index-d1f91ec1.js');
-require('./Locale-a4dd93b0.js');
+require('./index-2b5f62e3.js');
+require('./Locale-50f2cd90.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
@@ -33,10 +33,10 @@ require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('react-loading-skeleton');
 require('string-format');
-require('./translationsContext-e8e281a8.js');
-require('./index-dada67f7.js');
-require('./index.styles-67a105ac.js');
-require('./shared-35953fcb.js');
+require('./translationsContext-68e2824c.js');
+require('./index-df614d3f.js');
+require('./index.styles-8e65314e.js');
+require('./shared-8a034f74.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -271,8 +271,12 @@ function reducer(state, action) {
             return Object.assign(Object.assign({}, state), { cities: action.payload });
         case ActionTypes.DisplayInitialCities:
             return Object.assign(Object.assign({}, state), { cities: state.initialCities });
-        case ActionTypes.DisplayInitialSearchResults:
-            return Object.assign(Object.assign({}, state), { searchResults: state.initialSearchResults, isLoadingSearchResults: false });
+        case ActionTypes.DisplayInitialSearchResults: {
+            const trimmed = state.searchKeywords.trim();
+            const minLen = SEARCH_KEYWORD_MIN_LENGTH[state.locale];
+            const shouldShowEmpty = trimmed.length > 0 && trimmed.length <= minLen;
+            return Object.assign(Object.assign({}, state), { searchResults: shouldShowEmpty ? {} : state.initialSearchResults, isLoadingSearchResults: false });
+        }
         case ActionTypes.UpdateInitialSearchResults:
             return Object.assign(Object.assign({}, state), { initialSearchResults: Object.assign(Object.assign({}, state.initialSearchResults), { [action.payload.key]: action.payload.searches }) });
         case ActionTypes.GrantGeoLocationPermission:
@@ -697,12 +701,17 @@ const SearchSpecialty = ({ state, isMobile, debouncedFetchSearchResults, selecte
                 React__default["default"].createElement(index$2.Text, { size: "md" }, specialty.name))))))));
 };
 
-const SearchInputs = ({ state, type, isMobile, isLoading, initalSearchValue, typeInformation, debouncedFetchSearchResults, trackingAttributes, hideSpecialtySelection = false, clientSlug = '', 
-// focusSearchInput,
-onSearch, onFocusInput, onEnterSearch, dispatch, onlyShowSearchBox, onChangeSpecialty, }) => {
+const SearchInputs = React.forwardRef(({ state, type, isMobile, isLoading, initalSearchValue, typeInformation, debouncedFetchSearchResults, trackingAttributes, hideSpecialtySelection = false, clientSlug = '', onSearch, onFocusInput, onEnterSearch, dispatch, onlyShowSearchBox, onChangeSpecialty, }, ref) => {
     const { t } = index$1.useTranslations();
     const theme = core.useMantineTheme();
     const inputSearchWrapperRef = React.useRef(null);
+    const internalInputRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => ({
+        focus: () => {
+            var _a;
+            (_a = internalInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        },
+    }));
     const hasSearchIcon = !onlyShowSearchBox;
     const gaAttributes = React.useMemo(() => {
         if (trackingAttributes) {
@@ -717,20 +726,16 @@ onSearch, onFocusInput, onEnterSearch, dispatch, onlyShowSearchBox, onChangeSpec
         }
     }, [trackingAttributes]);
     const placeholderSearch = React.useMemo(() => {
-        if (type === 'doctor') {
+        if (type === 'doctor')
             return t('booking.searchBar.placeholder.doctor');
-        }
-        if (type === 'service') {
+        if (type === 'service')
             return t('booking.searchBar.placeholder.service');
-        }
-        if (type === 'hospital') {
+        if (type === 'hospital')
             return t('booking.searchBar.placeholder.hospital');
-        }
-        if (type === 'specialty') {
+        if (type === 'specialty')
             return t('booking.searchBar.placeholder.specialty');
-        }
         return '';
-    }, [type]);
+    }, [type, t]);
     const styleInputWrapper = React.useMemo(() => {
         return {
             root: {
@@ -752,7 +757,7 @@ onSearch, onFocusInput, onEnterSearch, dispatch, onlyShowSearchBox, onChangeSpec
                 },
             },
         };
-    }, []);
+    }, [hasSearchIcon, theme]);
     const styleInput = React.useMemo(() => {
         return {
             icon: {
@@ -792,29 +797,35 @@ onSearch, onFocusInput, onEnterSearch, dispatch, onlyShowSearchBox, onChangeSpec
             value.trim().length === 0) {
             debouncedFetchSearchResults(value.trim(), state, type, clientSlug);
         }
-        // else {
-        //   debouncedFetchSearchResults.cancel()
-        //   dispatch({ type: ActionTypes.DisplayInitialSearchResults })
-        // }
-    }, [dispatch, state, type]);
+    }, [
+        dispatch,
+        state,
+        type,
+        initalSearchValue,
+        debouncedFetchSearchResults,
+        clientSlug,
+        onSearch,
+    ]);
     const handleSpecialtyClick = React.useCallback(function handleSpecialtyClick(specialty) {
+        var _a;
         dispatch({ type: ActionTypes.SelectSpecialty, payload: specialty });
-        // focusSearchInput()
         onChangeSpecialty === null || onChangeSpecialty === void 0 ? void 0 : onChangeSpecialty(specialty);
-    }, [dispatch]);
+        // Sau khi chọn specialty, thường sẽ muốn focus lại vào input search
+        (_a = internalInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [dispatch, onChangeSpecialty]);
     const inputOnKeyDown = React.useCallback((e) => {
-        if (e.keyCode === 13) {
+        if (e.key === 'Enter') {
             e.stopPropagation();
             e.preventDefault();
             onEnterSearch && onEnterSearch();
         }
     }, [onEnterSearch]);
     return (React__default["default"].createElement(StyleSearchInputsWrapper, { ref: inputSearchWrapperRef }, type === 'specialty' ? (React__default["default"].createElement(core.Input.Wrapper, { styles: styleInputWrapper },
-        React__default["default"].createElement(core.Input, { icon: hasSearchIcon && React__default["default"].createElement(core$1.Search, null), size: isMobile ? 'md' : 'lg', placeholder: placeholderSearch, styles: styleInputSpecialties, value: state.searchKeywords, onFocus: () => dispatch({ type: ActionTypes.FocusInputSearchSpecialty }), onChange: (event) => {
+        React__default["default"].createElement(core.Input, { ref: internalInputRef, icon: hasSearchIcon && React__default["default"].createElement(core$1.Search, null), size: isMobile ? 'md' : 'lg', placeholder: placeholderSearch, styles: styleInputSpecialties, value: state.searchKeywords, onFocus: () => dispatch({ type: ActionTypes.FocusInputSearchSpecialty }), onChange: (event) => {
                 handleSearchInputChange(event.target.value);
             }, onKeyDown: inputOnKeyDown }))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
         type === 'service' ? (React__default["default"].createElement(core.Input.Wrapper, { styles: styleInputWrapper },
-            React__default["default"].createElement(core.Input, { icon: hasSearchIcon && React__default["default"].createElement(core$1.Search, null), size: isMobile ? 'md' : 'lg', name: "search-results", placeholder: placeholderSearch, onFocus: () => {
+            React__default["default"].createElement(core.Input, { ref: internalInputRef, icon: hasSearchIcon && React__default["default"].createElement(core$1.Search, null), size: isMobile ? 'md' : 'lg', name: "search-results", placeholder: placeholderSearch, onFocus: () => {
                     dispatch({ type: ActionTypes.FocusInputSearch });
                     onFocusInput === null || onFocusInput === void 0 ? void 0 : onFocusInput();
                 }, value: state.searchKeywords, onChange: (event) => {
@@ -822,13 +833,13 @@ onSearch, onFocusInput, onEnterSearch, dispatch, onlyShowSearchBox, onChangeSpec
                 }, onKeyDown: inputOnKeyDown }))) : (React__default["default"].createElement(React__default["default"].Fragment, null, isMobile && !hideSpecialtySelection ? (React__default["default"].createElement(React__default["default"].Fragment, null,
             !onlyShowSearchBox && (React__default["default"].createElement(SearchSpecialty, { state: state, isMobile: isMobile, dispatch: dispatch, debouncedFetchSearchResults: debouncedFetchSearchResults, onSpecialtyClick: handleSpecialtyClick })),
             React__default["default"].createElement(core.Input.Wrapper, { styles: styleInputWrapper },
-                React__default["default"].createElement(core.Input, { icon: hasSearchIcon && React__default["default"].createElement(core$1.Search, null), size: "md", placeholder: placeholderSearch, value: state.searchKeywords, name: "search-results", onFocus: () => {
+                React__default["default"].createElement(core.Input, { ref: internalInputRef, icon: hasSearchIcon && React__default["default"].createElement(core$1.Search, null), size: "md", placeholder: placeholderSearch, value: state.searchKeywords, name: "search-results", onFocus: () => {
                         dispatch({ type: ActionTypes.FocusInputSearch });
                         onFocusInput === null || onFocusInput === void 0 ? void 0 : onFocusInput();
                     }, onChange: (event) => {
                         handleSearchInputChange(event.target.value);
                     }, onKeyDown: inputOnKeyDown })))) : (React__default["default"].createElement(core.Input.Wrapper, { styles: styleInputWrapper, className: hideSpecialtySelection ? 'hide-specialty-selection' : '' },
-            React__default["default"].createElement(core.Input, Object.assign({ icon: hasSearchIcon && React__default["default"].createElement(core$1.Search, null), size: "lg", placeholder: placeholderSearch, styles: styleInput, name: "search-results", autoComplete: "off", value: state.searchKeywords, onChange: (event) => {
+            React__default["default"].createElement(core.Input, Object.assign({ ref: internalInputRef, icon: hasSearchIcon && React__default["default"].createElement(core$1.Search, null), size: "lg", placeholder: placeholderSearch, styles: styleInput, name: "search-results", autoComplete: "off", value: state.searchKeywords, onChange: (event) => {
                     handleSearchInputChange(event.target.value);
                 }, onFocus: () => {
                     dispatch({ type: ActionTypes.FocusInputSearch });
@@ -836,7 +847,8 @@ onSearch, onFocusInput, onEnterSearch, dispatch, onlyShowSearchBox, onChangeSpec
                 }, onKeyDown: inputOnKeyDown }, gaAttributes, { rightSection: hideSpecialtySelection ? (React__default["default"].createElement(React__default["default"].Fragment, null)) : (!onlyShowSearchBox && (React__default["default"].createElement(SearchSpecialty, { state: state, isMobile: isMobile, dispatch: dispatch, debouncedFetchSearchResults: debouncedFetchSearchResults, onSpecialtyClick: handleSpecialtyClick }))) })))))),
         !isMobile && (React__default["default"].createElement(StyleResultWrapper$2, null,
             React__default["default"].createElement(SearchResultContent, { type: type, state: state, dispatch: dispatch, isLoading: isLoading, typeInformation: typeInformation, clientSlug: clientSlug })))))));
-};
+});
+SearchInputs.displayName = 'SearchInputs';
 
 const ModalSearchResult = (_a) => {
     var { searchInputEle, closeModal, children } = _a, props = tslib_es6.__rest(_a, ["searchInputEle", "closeModal", "children"]);
@@ -1558,6 +1570,8 @@ triggerSearchWhenChangeFilter, routerPush, onGeoLocationPermissionChange,
 onChangeLocation, }) => {
     const { locale, t } = index$1.useTranslations();
     const wrapperRef = React.useRef(null);
+    const searchInputDesktopRef = React.useRef(null);
+    const searchInputMobileRef = React.useRef(null);
     const inputSearchSpecialtyWrapperRef = React.useRef(null);
     const [currentTab, setCurrentTab] = React.useState(initTypeSearch);
     const { geoLocationPermission: geoLocationPermissionFromHook, geoLocationCoordinates: geoLocationCoordinatesFromHook, } = utils$1.useGeolocation();
@@ -1613,21 +1627,23 @@ onChangeLocation, }) => {
     const debouncedFetchCitiesByKeyword = React.useMemo(() => debounce__default["default"](fetchCitiesByKeyword, 400), [fetchCitiesByKeyword]);
     const debouncedFetchSearchResults = React.useMemo(() => debounce__default["default"](fetchSearchResults, 400), [fetchSearchResults]);
     const handleLocationClick = React.useCallback(function handleLocationClick(city) {
+        var _a;
         triggerSearchWhenChangeFilter &&
             onClickSearchByKeyword({ locationSlug: city.slug });
         dispatch({ type: ActionTypes.SelectLocation, payload: city });
         // focusSearchInput()
+        !isMobile && ((_a = searchInputDesktopRef.current) === null || _a === void 0 ? void 0 : _a.focus());
         if (onChangeLocation) {
             onChangeLocation(city);
         }
     }, [t, dispatch]);
-    function focusSearchInput() {
-        var _a;
-        if (wrapperRef.current) {
-            (_a = wrapperRef.current
-                .querySelector('input[name="search-results"]')) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-    }
+    // function focusSearchInput() {
+    //   if (wrapperRef.current) {
+    //     wrapperRef.current
+    //       .querySelector<HTMLInputElement>('input[name="search-results"]')
+    //       ?.focus()
+    //   }
+    // }
     function onClickSearchByKeyword({ locationSlug, specialtyId, } = {}) {
         var _a;
         close();
@@ -1715,6 +1731,15 @@ onChangeLocation, }) => {
     React.useEffect(() => {
         fetchSearchResults(state.searchKeywords, state, currentTab, clientSlug, true);
     }, [currentTab]);
+    React.useEffect(() => {
+        if (opened && isMobile) {
+            const timer = setTimeout(() => {
+                var _a;
+                (_a = searchInputMobileRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            }, 150);
+            return () => clearTimeout(timer);
+        }
+    }, [opened, isMobile]);
     const searchInputsProps = {
         type: currentTab,
         isMobile: isMobile,
@@ -1722,7 +1747,7 @@ onChangeLocation, }) => {
         dispatch: dispatch,
         debouncedFetchSearchResults: debouncedFetchSearchResults,
         initalSearchValue: initialSearchValue,
-        focusSearchInput: focusSearchInput,
+        // focusSearchInput: focusSearchInput,
         onEnterSearch: onClickSearchByKeyword,
         typeInformation: typeInformation,
         trackingAttributes: gaTrackingSearchBar,
@@ -1742,7 +1767,7 @@ onChangeLocation, }) => {
                         React__default["default"].createElement("div", { ref: inputSearchSpecialtyWrapperRef },
                             React__default["default"].createElement(core.Flex, { gap: "12px", justify: "space-between", align: "center", direction: isMobile ? 'column' : 'row', className: "flex-search-input" },
                                 currentTab !== 'specialty' && (React__default["default"].createElement(SearchLocation, { state: state, isMobile: isMobile, dispatch: dispatch, debouncedFetchCitiesByKeyword: debouncedFetchCitiesByKeyword, selectedLocation: selectedLocation, onLocationClick: handleLocationClick, trackingAttributes: gaTrackingLocationSearch })),
-                                React__default["default"].createElement(SearchInputs, Object.assign({}, searchInputsProps, { onFocusInput: () => isMobile && open() })),
+                                React__default["default"].createElement(SearchInputs, Object.assign({}, searchInputsProps, { ref: searchInputDesktopRef, onFocusInput: () => isMobile && open() })),
                                 React__default["default"].createElement(index$4.Button, { size: isMobile ? 'md' : 'lg', fullWidth: isMobile, variant: "primary", onClick: () => onClickSearchByKeyword(), styles: {
                                         root: {
                                             height: isMobile ? '40px' : '48px',
@@ -1753,8 +1778,8 @@ onChangeLocation, }) => {
                                 state.popularKeys.length > 0 && (React__default["default"].createElement(SearchTag, { type: currentTab, state: state, typeInformation: typeInformation, dispatch: dispatch })),
                             currentTab === 'specialty' &&
                                 focusedSpecialty === 'search' && (React__default["default"].createElement(SearchResultSpecialties, { state: state, isMobile: isMobile, dispatch: dispatch, specialties: (searchResults === null || searchResults === void 0 ? void 0 : searchResults.specialty) || [], isLoading: isLoadingSearchResults }))))))),
-        isMobile && (React__default["default"].createElement(ModalSearchResult, { opened: opened, onClose: close, closeModal: close, searchInputEle: React__default["default"].createElement(core.Flex, { align: 'center', gap: 8 },
-                React__default["default"].createElement(SearchInputs, Object.assign({}, searchInputsProps, { onlyShowSearchBox: true })),
+        isMobile && (React__default["default"].createElement(ModalSearchResult, { keepMounted: true, opened: opened, onClose: close, closeModal: close, searchInputEle: React__default["default"].createElement(core.Flex, { align: 'center', gap: 8 },
+                React__default["default"].createElement(SearchInputs, Object.assign({}, searchInputsProps, { onlyShowSearchBox: true, ref: searchInputMobileRef })),
                 React__default["default"].createElement(index$4.Button, { variant: "primary", leftIcon: React__default["default"].createElement(core$1.Search, { size: 20, color: '#fff' }), onClick: () => onClickSearchByKeyword() })) },
             React__default["default"].createElement(SearchResultContent, { type: currentTab, state: state, dispatch: dispatch, isLoading: isLoadingSearchResults, typeInformation: typeInformation, clientSlug: clientSlug })))));
 };