@hhgtech/hhg-components 1.29.134 → 1.29.135

package/build/cache.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var core = require('./core-77984827.js');
-require('./tslib.es6-6cf152d6.js');
+var core = require('./core-9d2adcdf.js');
+require('./tslib.es6-47d67e4a.js');
 require('./constantsIsProduction.js');
 
 

package/build/care.js

@@ -4,16 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var careBookingSearchBar = require('./careBookingSearchBar.js');
 var careBookingSearchBarV2 = require('./careBookingSearchBarV2.js');
-var types = require('./types-d60407b2.js');
-var constants = require('./constants-1cb3909f.js');
-require('./tslib.es6-6cf152d6.js');
+var types = require('./types-5c34966f.js');
+var constants = require('./constants-67e47468.js');
+require('./tslib.es6-47d67e4a.js');
 require('react');
 require('@emotion/react');
-require('./utils-d4f40418.js');
-require('./index-920ebbb7.js');
+require('./utils-f04c4439.js');
+require('./index-f49e8023.js');
 require('date-fns/locale');
-require('./index-291e6f28.js');
-require('./Locale-409f6e0e.js');
+require('./index-4a39b1e7.js');
+require('./Locale-a2291568.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
@@ -21,22 +21,22 @@ require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-54857ab8.js');
+require('./utils-3e457c21.js');
 require('react-loading-skeleton');
 require('string-format');
-require('./useTranslations-928d4ace.js');
-require('./translationsContext-e1cd3ed4.js');
+require('./index-53b9a5ed.js');
+require('./translationsContext-571827e1.js');
 require('lodash/debounce');
-require('./index-bb097164.js');
+require('./index-2869b1c0.js');
 require('@mantine/core');
-require('./index-7f563129.js');
-require('./other-427e38dc.js');
+require('./index-ce9a0d0b.js');
+require('./other-06d775ca.js');
 require('lodash/shuffle');
-require('./useOutsideClick-019975ae.js');
-require('./paths-82017d6b.js');
-require('./index-eed4d837.js');
+require('./useOutsideClick-688676d5.js');
+require('./paths-af9b373b.js');
+require('./index-c5fdd223.js');
 require('@hhgtech/icons/core');
-require('./ChevronDown-17219d1e.js');
+require('./ChevronDown-b4faecfb.js');
 
 
 

package/build/careBookingSearchBar.js

@@ -2,35 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var React = require('react');
 var react = require('@emotion/react');
-var utils = require('./utils-d4f40418.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
+var utils = require('./utils-f04c4439.js');
+var index$1 = require('./index-53b9a5ed.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-1cb3909f.js');
+var constants = require('./constants-67e47468.js');
 var styled = require('@emotion/styled');
-var index = require('./index-bb097164.js');
-var index$1 = require('./index-7f563129.js');
+var index = require('./index-2869b1c0.js');
+var index$2 = require('./index-ce9a0d0b.js');
 var miscTheme = require('./miscTheme.js');
 var shuffle = require('lodash/shuffle');
-var useOutsideClick = require('./useOutsideClick-019975ae.js');
-var utils$1 = require('./utils-54857ab8.js');
+var useOutsideClick = require('./useOutsideClick-688676d5.js');
+var utils$1 = require('./utils-3e457c21.js');
 var Skeleton = require('react-loading-skeleton');
-var paths = require('./paths-82017d6b.js');
-require('./index-920ebbb7.js');
+var paths = require('./paths-af9b373b.js');
+require('./index-f49e8023.js');
 require('date-fns/locale');
-require('./index-291e6f28.js');
-require('./Locale-409f6e0e.js');
+require('./index-4a39b1e7.js');
+require('./Locale-a2291568.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('string-format');
-require('./translationsContext-e1cd3ed4.js');
+require('./translationsContext-571827e1.js');
 require('@mantine/core');
-require('./other-427e38dc.js');
+require('./other-06d775ca.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -70,7 +70,7 @@ const StyledInput = styled__default["default"](index.Input) `
 `;
 
 const LocationResults = ({ cities, isLoading, onLocationClick, selectedLocation, }) => {
-    const { t, locale } = useTranslations.useTranslations();
+    const { t, locale } = index$1.useTranslations();
     const renderContent = () => {
         if (isLoading) {
             return React__default["default"].createElement(utils.StyledLiSkeleton, { count: 5 });
@@ -78,7 +78,7 @@ const LocationResults = ({ cities, isLoading, onLocationClick, selectedLocation,
         if (!cities || cities.length < 1) {
             return (React__default["default"].createElement(React__default["default"].Fragment, null,
                 React__default["default"].createElement(utils.StyledLocationItem, { "data-is-denied": "true" },
-                    React__default["default"].createElement(index$1.Text, { size: "sm", color: "#ccc" }, t('booking.searchBar.noResults')))));
+                    React__default["default"].createElement(index$2.Text, { size: "sm", color: "#ccc" }, t('booking.searchBar.noResults')))));
         }
         return (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement(utils.StyledLocationItem, { key: "all-location", role: "button", tabIndex: 0, onClick: () => {
@@ -92,7 +92,7 @@ const LocationResults = ({ cities, isLoading, onLocationClick, selectedLocation,
                     }
                 } },
                 React__default["default"].createElement(utils.StyledPinIcon, { color: miscTheme.theme.colors.neutral400 }),
-                React__default["default"].createElement(index$1.Text, { size: "md" }, t('booking.searchBar.allLocations'))),
+                React__default["default"].createElement(index$2.Text, { size: "md" }, t('booking.searchBar.allLocations'))),
             cities.map((city) => (React__default["default"].createElement(utils.StyledLocationItem, { key: city.id, onClick: (evt) => {
                     evt.nativeEvent.stopImmediatePropagation();
                     if (onLocationClick) {
@@ -100,7 +100,7 @@ const LocationResults = ({ cities, isLoading, onLocationClick, selectedLocation,
                     }
                 }, role: "button", tabIndex: 0, "aria-label": `Select ${city.name} as location`, isSelected: (selectedLocation === null || selectedLocation === void 0 ? void 0 : selectedLocation.id) === city.id },
                 React__default["default"].createElement(utils.StyledPinIcon, { color: miscTheme.theme.colors.neutral400 }),
-                React__default["default"].createElement(index$1.Text, { size: "md" }, city.name))))));
+                React__default["default"].createElement(index$2.Text, { size: "md" }, city.name))))));
     };
     return (React__default["default"].createElement(utils.StyledLocationResultsWrapper, { "data-testid": "location-search-results" },
         React__default["default"].createElement(utils.StyledLocationResultsList, null, renderContent())));
@@ -432,7 +432,7 @@ class Typewriter {
 }
 
 function useAnimatedPlaceholder({ inputRef, wrapperRef, disabled, }) {
-    const { t, locale } = useTranslations.useTranslations();
+    const { t, locale } = index$1.useTranslations();
     const values = React.useMemo(() => {
         if (disabled) {
             return [];
@@ -498,7 +498,7 @@ const StyledFakeInputSearchMobile = styled__default["default"].div `
   }
 `;
 function MobileFakeInput({ focused, value = '', onClick, trackingAttributes, inputSearchPlaceholder, }) {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$1.useTranslations();
     const wrapperRef = React.useRef(null);
     useAnimatedPlaceholder({ wrapperRef, disabled: !!inputSearchPlaceholder });
     const gaAttributes = React.useMemo(() => {
@@ -546,7 +546,7 @@ const StyledTopbarHeading = styled__default["default"].div `
   width: 100%;
   margin-left: 24px;
 `;
-const StyledTopbarHeadingText = styled__default["default"](index$1.Text) `
+const StyledTopbarHeadingText = styled__default["default"](index$2.Text) `
   color: ${miscTheme.theme.colors.secondaryDark};
   text-align: start;
 `;
@@ -801,11 +801,11 @@ const StyledSearchIcon = styled__default["default"].button `
     outline: 1px solid black;
   }
 `;
-const StyledText$1 = styled__default["default"](index$1.Text) `
+const StyledText$1 = styled__default["default"](index$2.Text) `
   font-weight: ${miscTheme.theme.sizes.fwSemiBold};
 `;
 const SearchButton = ({ onClick }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$1.useTranslations();
     const title = t('booking.searchBar.searchButton');
     return (React__default["default"].createElement(StyledSearchIcon, { onClick: onClick, title: title },
         React__default["default"].createElement(SearchIcon, null),
@@ -816,7 +816,7 @@ function SearchInputs({ isMobile, state, dispatch, debouncedFetchCitiesByKeyword
     const inputLocationWrapperRef = React.useRef(null);
     const inputSearchWrapperRef = React.useRef(null);
     const { focused, searchLocationKeywords, geoLocationPermission, selectedLocation, searchKeywords, inputSearchPlaceholder, } = state;
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$1.useTranslations();
     useAnimatedPlaceholder({
         wrapperRef: inputSearchWrapperRef,
         disabled: !!inputSearchPlaceholder,
@@ -974,7 +974,7 @@ const StyledItemsWrapper = styled__default["default"].ul `
     grid-template-columns: 1fr 1fr;
   }
 `;
-const StyledSeeMore = styled__default["default"](index$1.Text) `
+const StyledSeeMore = styled__default["default"](index$2.Text) `
   margin-top: 12px;
   margin-bottom: 8px;
   cursor: pointer;
@@ -1023,7 +1023,7 @@ const StyledRoundedIconWrapper = styled__default["default"].div `
     outline: 1px solid ${miscTheme.theme.colors.gray600};
   }
 `;
-const StyledText = styled__default["default"](index$1.Text) `
+const StyledText = styled__default["default"](index$2.Text) `
   line-height: 22px;
   letter-spacing: -0.2px;
 
@@ -1070,7 +1070,7 @@ const ResultSectionItem = ({ type, item, imageUrl, className, onClickItem, }) =>
 
 const ResultSection = ({ type, data, state, dispatch, itemsToShow, itemsToShowDesktop, isMobile, isLoading, keyword, isNavResultItem, }) => {
     const [seeMoreOpen, setSeeMoreOpen] = React.useState(false);
-    const { t, locale } = useTranslations.useTranslations();
+    const { t, locale } = index$1.useTranslations();
     const { selectedLocation, searchKeywords } = state;
     const slugs = React.useMemo(() => constants.LOCALIZED_SLUGS[locale], [locale]);
     const isMalay = locale === 'ms-MY';
@@ -1152,7 +1152,7 @@ const ResultSection = ({ type, data, state, dispatch, itemsToShow, itemsToShowDe
                 React__default["default"].createElement(StyledTypeName, null, typeInformation[type].name)),
             (keyword.trim().length <= SEARCH_KEYWORD_MIN_LENGTH[locale] ||
                 isMalay) && (React__default["default"].createElement(StyledSeeMoreButton, { onClick: onSeeAllClick },
-                React__default["default"].createElement(index$1.Text, { size: "p3", color: miscTheme.theme.colors.primaryBase }, t('booking.searchPopup.seeAll'))))),
+                React__default["default"].createElement(index$2.Text, { size: "p3", color: miscTheme.theme.colors.primaryBase }, t('booking.searchPopup.seeAll'))))),
         (isLoading || (data && data.length > 0)) && (React__default["default"].createElement(StyledResultsContainer, null,
             React__default["default"].createElement(StyledItemsWrapper, null,
                 isLoading &&
@@ -1185,7 +1185,7 @@ const ResultSection = ({ type, data, state, dispatch, itemsToShow, itemsToShowDe
                     name: keyword,
                 })))))),
         !isLoading && (data === null || data === void 0 ? void 0 : data.length) === 0 && (React__default["default"].createElement(StyledResultsContainer, null,
-            React__default["default"].createElement(index$1.Text, { size: "sm", color: miscTheme.theme.colors.gray400 }, t('booking.searchBar.noResults'))))));
+            React__default["default"].createElement(index$2.Text, { size: "sm", color: miscTheme.theme.colors.gray400 }, t('booking.searchBar.noResults'))))));
 };
 
 const StyledSection = styled__default["default"].section `
@@ -1330,7 +1330,7 @@ function useSearchBarApi({ dispatch, careApiDomain, locale = 'vi-VN', }) {
 }
 
 const BookingSearchBar = ({ isMobile, careApiDomain, geoLocationPermission: geoLocationPermissionFromProps, geoLocationCoordinates: geoLocationCoordinatesFromProps, initialSelectedCity: initialSelectedCityFromProps, initialSearchValue = '', careFrontDomain = '/care', isDebug = false, askForGeolocationPermission = false, gaTrackingSearchBar, gaTrackingLocationSearch, autoCompleteDisabled = false, inputSearchPlaceholder = '', isOptionAllLocation = false, hideResults = [], isNavResultItem = true, routerPush, onGeoLocationPermissionChange, onSearch, onChangeLocation, }) => {
-    const { t, locale } = useTranslations.useTranslations();
+    const { t, locale } = index$1.useTranslations();
     const wrapperRef = React.useRef(null);
     const hiddenInputRef = React.useRef(null);
     const [viewportHeight, setViewportHeight] = React.useState(undefined);

package/build/careBookingSearchBarV2.js

@@ -4,23 +4,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils$1 = require('./utils-d4f40418.js');
-var useOutsideClick = require('./useOutsideClick-019975ae.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
+var utils$1 = require('./utils-f04c4439.js');
+var useOutsideClick = require('./useOutsideClick-688676d5.js');
+var index$1 = require('./index-53b9a5ed.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-1cb3909f.js');
+var constants = require('./constants-67e47468.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-54857ab8.js');
-var index = require('./index-eed4d837.js');
+var utils = require('./utils-3e457c21.js');
+var index = require('./index-c5fdd223.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$1 = require('./index-7f563129.js');
-var ChevronDown = require('./ChevronDown-17219d1e.js');
-var paths = require('./paths-82017d6b.js');
-require('./index-920ebbb7.js');
+var index$2 = require('./index-ce9a0d0b.js');
+var ChevronDown = require('./ChevronDown-b4faecfb.js');
+var paths = require('./paths-af9b373b.js');
+require('./index-f49e8023.js');
 require('date-fns/locale');
-require('./index-291e6f28.js');
-require('./Locale-409f6e0e.js');
+require('./index-4a39b1e7.js');
+require('./Locale-a2291568.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
@@ -28,9 +28,9 @@ require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('react-loading-skeleton');
 require('string-format');
-require('./translationsContext-e1cd3ed4.js');
-require('./tslib.es6-6cf152d6.js');
-require('./other-427e38dc.js');
+require('./translationsContext-571827e1.js');
+require('./tslib.es6-47d67e4a.js');
+require('./other-06d775ca.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -418,7 +418,7 @@ styled__default["default"].div `
 `;
 
 const SearchResult = ({ state, type, results, location, isLoading, typeInformation, clientSlug = '', dispatch, }) => {
-    const { locale, t } = useTranslations.useTranslations();
+    const { locale, t } = index$1.useTranslations();
     const { selectedLocation } = state;
     const typeSlug = React.useMemo(() => typeInformation[type].slug, [typeInformation, type]);
     const handleOnClick = (item) => {
@@ -499,7 +499,7 @@ const SearchResult = ({ state, type, results, location, isLoading, typeInformati
                             typeInformation[type].icon,
                             React__default["default"].createElement("div", { className: "sub-description" }, subDescription)))));
             }))),
-            !isLoading && (results === null || results === void 0 ? void 0 : results.length) === 0 && (React__default["default"].createElement(index$1.Text, { size: "sm", color: miscTheme.theme.colors.gray400 }, t('booking.searchBar.noResults'))))));
+            !isLoading && (results === null || results === void 0 ? void 0 : results.length) === 0 && (React__default["default"].createElement(index$2.Text, { size: "sm", color: miscTheme.theme.colors.gray400 }, t('booking.searchBar.noResults'))))));
 };
 
 const StyleSearchSpecialtyWrapper = styled__default["default"].div `
@@ -604,7 +604,7 @@ const SpecialtyIcon = () => (React__default["default"].createElement("svg", { wi
 
 const SearchSpecialty = ({ state, isMobile, debouncedFetchSearchResults, selectedLocation, onSpecialtyClick, dispatch, }) => {
     var _a;
-    const { t, locale } = useTranslations.useTranslations();
+    const { t, locale } = index$1.useTranslations();
     const inputSpecialtyWrapperRef = React.useRef(null);
     const slugs = React.useMemo(() => constants.LOCALIZED_SLUGS[locale], [locale]);
     const styleSpecialties = React.useMemo(() => {
@@ -668,7 +668,7 @@ const SearchSpecialty = ({ state, isMobile, debouncedFetchSearchResults, selecte
                 } },
                 React__default["default"].createElement("div", { className: "image-item" },
                     React__default["default"].createElement(SpecialtyIcon, null)),
-                React__default["default"].createElement(index$1.Text, { size: "md" }, t('booking.searchBar.allSpecialties'))),
+                React__default["default"].createElement(index$2.Text, { size: "md" }, t('booking.searchBar.allSpecialties'))),
             state.allSpecialties.map((specialty) => (React__default["default"].createElement(StyledSpecialtyItem, { key: specialty.id, onClick: (evt) => {
                     evt.nativeEvent.stopImmediatePropagation();
                     if (onSpecialtyClick) {
@@ -677,12 +677,12 @@ const SearchSpecialty = ({ state, isMobile, debouncedFetchSearchResults, selecte
                 }, role: "button", tabIndex: 0, "aria-label": `Select ${specialty.name} as location`, isSelected: (selectedLocation === null || selectedLocation === void 0 ? void 0 : selectedLocation.id) === specialty.id },
                 React__default["default"].createElement("div", { className: "image-item" },
                     React__default["default"].createElement("img", { src: specialty.thumbnail, alt: specialty.name })),
-                React__default["default"].createElement(index$1.Text, { size: "md" }, specialty.name))))))));
+                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, onEnterSearch, dispatch, }) => {
     var _a;
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$1.useTranslations();
     const inputSearchWrapperRef = React.useRef(null);
     const gaAttributes = React.useMemo(() => {
         if (trackingAttributes) {
@@ -883,7 +883,7 @@ const StyledPinIcon = styled__default["default"](utils$1.PinIcon) `
 `;
 
 const SearchLocation = ({ state, isMobile, debouncedFetchCitiesByKeyword, selectedLocation, trackingAttributes, onLocationClick, dispatch, }) => {
-    const { t, locale } = useTranslations.useTranslations();
+    const { t, locale } = index$1.useTranslations();
     const inputLocationWrapperRef = React.useRef(null);
     const gaAttributes = React.useMemo(() => {
         if (trackingAttributes) {
@@ -927,7 +927,7 @@ const SearchLocation = ({ state, isMobile, debouncedFetchCitiesByKeyword, select
                     }
                 } },
                 React__default["default"].createElement(StyledPinIcon, { color: miscTheme.theme.colors.neutral400 }),
-                React__default["default"].createElement(index$1.Text, { size: "md" }, t('booking.searchBar.allLocations'))),
+                React__default["default"].createElement(index$2.Text, { size: "md" }, t('booking.searchBar.allLocations'))),
             state.cities.map((city) => (React__default["default"].createElement(StyledLocationItem, { key: city.id, onClick: (evt) => {
                     evt.nativeEvent.stopImmediatePropagation();
                     if (onLocationClick) {
@@ -935,7 +935,7 @@ const SearchLocation = ({ state, isMobile, debouncedFetchCitiesByKeyword, select
                     }
                 }, role: "button", tabIndex: 0, "aria-label": `Select ${city.name} as location`, isSelected: (selectedLocation === null || selectedLocation === void 0 ? void 0 : selectedLocation.id) === city.id },
                 React__default["default"].createElement(StyledPinIcon, { color: miscTheme.theme.colors.neutral400 }),
-                React__default["default"].createElement(index$1.Text, { size: "md" }, city.name))))))));
+                React__default["default"].createElement(index$2.Text, { size: "md" }, city.name))))))));
 };
 
 const StyleSpecialtiesWrapper = styled__default["default"].div `
@@ -1027,7 +1027,7 @@ const StyleShowMore = styled__default["default"].div `
 `;
 
 const SearchResultSpecialties = ({ state, isMobile, specialties, isLoading, dispatch, }) => {
-    const { t, locale } = useTranslations.useTranslations();
+    const { t, locale } = index$1.useTranslations();
     const { selectedLocation } = state;
     const slugs = React.useMemo(() => constants.LOCALIZED_SLUGS[locale], [locale]);
     const handleOnClick = (specialtySlug) => {
@@ -1063,7 +1063,7 @@ const SearchResultSpecialties = ({ state, isMobile, specialties, isLoading, disp
                     React__default["default"].createElement("div", { className: "infor" },
                         React__default["default"].createElement("div", { className: "title" }, specialty.name))));
             }))),
-            specialties.length === 0 && !isLoading && (React__default["default"].createElement(index$1.Text, { size: "sm", color: miscTheme.theme.colors.gray400 }, t('booking.searchBar.noResults'))),
+            specialties.length === 0 && !isLoading && (React__default["default"].createElement(index$2.Text, { size: "sm", color: miscTheme.theme.colors.gray400 }, t('booking.searchBar.noResults'))),
             isLoading &&
                 Array(6)
                     .fill(undefined)
@@ -1129,7 +1129,7 @@ const StyleTagLabel = styled__default["default"].div `
 `;
 
 const SearchTag = ({ state, type, typeInformation, dispatch }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$1.useTranslations();
     const { selectedLocation } = state;
     const typeSlug = React.useMemo(() => typeInformation[type].slug, [typeInformation, type]);
     const handleViewAll = () => {
@@ -1161,7 +1161,7 @@ const StyleTabContainer = styled__default["default"](index.Container) `
 `;
 
 const itemTabs = () => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$1.useTranslations();
     return [
         {
             value: 'hospital',
@@ -1490,7 +1490,7 @@ gaTrackingSearchBar, gaTrackingLocationSearch, autoCompleteDisabled = false, inp
 routerPush, onGeoLocationPermissionChange, 
 // onSearch,
 onChangeLocation, }) => {
-    const { locale, t } = useTranslations.useTranslations();
+    const { locale, t } = index$1.useTranslations();
     const wrapperRef = React.useRef(null);
     const inputSearchSpecialtyWrapperRef = React.useRef(null);
     const [currentTab, setCurrentTab] = React.useState(initTypeSearch);