@hhgtech/hhg-components 1.29.82 → 1.29.83

package/build/{types-8d9c5f21.js → types-ce7323a0.js}

@@ -1,27 +1,28 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-bd3f8718.js');
+var tslib_es6 = require('./tslib.es6-d6fa4ee6.js');
 var React = require('react');
 var react = require('@emotion/react');
-var useTranslations = require('./useTranslations-685f989b.js');
+var useTranslations = require('./useTranslations-80687df4.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-8743b014.js');
+var constants = require('./constants-2aeb65f2.js');
 var styled = require('@emotion/styled');
-var index$1 = require('./index-7953fb8e.js');
-var index$2 = require('./index-1fdf2f01.js');
-var theme = require('./theme-be20929b.js');
+var index$1 = require('./index-6daafc7b.js');
+var index$2 = require('./index-036fe55d.js');
+var miscTheme = require('./miscTheme.js');
 var shuffle = require('lodash/shuffle');
-var useOutsideClick = require('./useOutsideClick-d95a32b6.js');
-var utils = require('./utils-15a9772e.js');
+var useOutsideClick = require('./useOutsideClick-960bf73b.js');
+var utils = require('./utils-928b4701.js');
 var Skeleton = require('react-loading-skeleton');
-var paths = require('./paths-7da79c64.js');
+var paths = require('./paths-6b0114f1.js');
 var core = require('@mantine/core');
-var index = require('./index-e3bbd009.js');
-var cookieHelper = require('./cookieHelper-86ae022e.js');
-var index$3 = require('./index-6fdcd09d.js');
+var index = require('./index-617bff8c.js');
+var miscCookieHelper = require('./miscCookieHelper.js');
+var index$3 = require('./index-a73d7cb3.js');
 var core$1 = require('@hhgtech/icons/core');
-var ChevronDown = require('./ChevronDown-2fd86d66.js');
+var ChevronDown = require('./ChevronDown-dfb97861.js');
 var formatString = require('string-format');
+var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -37,7 +38,7 @@ function useGeolocation() {
         if (typeof window === 'undefined') {
             return 'unset';
         }
-        if (cookieHelper.getCookie(index.USER_GEOLOCATION_COORDINATES_COOKIE)) {
+        if (miscCookieHelper.getCookie(index.USER_GEOLOCATION_COORDINATES_COOKIE)) {
             return 'granted';
         }
         const blocked = !location.protocol.includes('https') && location.hostname !== 'localhost';
@@ -50,7 +51,7 @@ function useGeolocation() {
         if (typeof window === 'undefined') {
             return null;
         }
-        const cookie = cookieHelper.getCookie(index.USER_GEOLOCATION_COORDINATES_COOKIE);
+        const cookie = miscCookieHelper.getCookie(index.USER_GEOLOCATION_COORDINATES_COOKIE);
         if (cookie) {
             try {
                 return JSON.parse(cookie);
@@ -69,13 +70,13 @@ function useGeolocation() {
                     lat: `${Math.round(position.coords.latitude * 10000000) / 10000000}`,
                     lng: `${Math.round(position.coords.longitude * 10000000) / 10000000}`,
                 };
-                cookieHelper.setCookie(index.USER_GEOLOCATION_COORDINATES_COOKIE, JSON.stringify(gps), {
+                miscCookieHelper.setCookie(index.USER_GEOLOCATION_COORDINATES_COOKIE, JSON.stringify(gps), {
                     minutes: 15,
                 });
                 setCoordinates(gps);
                 setPermission('granted');
             }, () => {
-                cookieHelper.deleteCookie(index.USER_GEOLOCATION_COORDINATES_COOKIE);
+                miscCookieHelper.deleteCookie(index.USER_GEOLOCATION_COORDINATES_COOKIE);
                 setPermission('denied');
             });
         }
@@ -161,7 +162,7 @@ const StyledLiSkeleton$1 = styled__default["default"].li `
     right: 18px;
     top: 0;
     height: 1px;
-    background-color: ${theme.theme.colors.neutral100};
+    background-color: ${miscTheme.theme.colors.neutral100};
   }
 `;
 const LiSkeleton = ({ count, className }) => {
@@ -179,7 +180,7 @@ const StyledLocationResultsWrapper = styled__default["default"].div `
   box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),
     0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),
     0px 0px 1px rgba(0, 0, 0, 0.04);
-  border-radius: ${theme.theme.borderRadius};
+  border-radius: ${miscTheme.theme.borderRadius};
   background-color: white;
   z-index: 30;
 
@@ -225,11 +226,11 @@ const StyledLocationItem$1 = styled__default["default"].li `
     right: 18px;
     top: 0;
     height: 1px;
-    background-color: ${theme.theme.colors.neutral100};
+    background-color: ${miscTheme.theme.colors.neutral100};
   }
 
   &:not([data-is-denied='true']):hover {
-    background-color: ${theme.theme.colors.neutral50};
+    background-color: ${miscTheme.theme.colors.neutral50};
   }
 
   &:last-child:hover {
@@ -274,7 +275,7 @@ const LocationResults = ({ cities, isLoading, onLocationClick, selectedLocation,
                         });
                     }
                 } },
-                React__default["default"].createElement(StyledPinIcon$1, { color: theme.theme.colors.neutral400 }),
+                React__default["default"].createElement(StyledPinIcon$1, { color: miscTheme.theme.colors.neutral400 }),
                 React__default["default"].createElement(index$2.Text, { size: "md" }, t('booking.searchBar.allLocations'))),
             cities.map((city) => (React__default["default"].createElement(StyledLocationItem$1, { key: city.id, onClick: (evt) => {
                     evt.nativeEvent.stopImmediatePropagation();
@@ -282,7 +283,7 @@ const LocationResults = ({ cities, isLoading, onLocationClick, selectedLocation,
                         onLocationClick(city);
                     }
                 }, 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$1, { color: theme.theme.colors.neutral400 }),
+                React__default["default"].createElement(StyledPinIcon$1, { color: miscTheme.theme.colors.neutral400 }),
                 React__default["default"].createElement(index$2.Text, { size: "md" }, city.name))))));
     };
     return (React__default["default"].createElement(StyledLocationResultsWrapper, { "data-testid": "location-search-results" },
@@ -697,7 +698,7 @@ function MobileFakeInput({ focused, value = '', onClick, trackingAttributes, inp
         }
     }, [trackingAttributes]);
     return (React__default["default"].createElement(StyledFakeInputSearchMobile, Object.assign({ onClick: () => onClick && onClick(), ref: wrapperRef }, gaAttributes),
-        React__default["default"].createElement(StyledInput, { inputClassName: focused === 'location' ? 'focused' : undefined, name: "booking-search-placeholder", displayIcon: React__default["default"].createElement(MagnifierIcon, { color: theme.theme.colors.gray400 }), placeholder: t('booking.searchBar.searchInput.placeholder'), value: value, size: "md" })));
+        React__default["default"].createElement(StyledInput, { inputClassName: focused === 'location' ? 'focused' : undefined, name: "booking-search-placeholder", displayIcon: React__default["default"].createElement(MagnifierIcon, { color: miscTheme.theme.colors.gray400 }), placeholder: t('booking.searchBar.searchInput.placeholder'), value: value, size: "md" })));
 }
 
 const StyledTopBar = styled__default["default"].header `
@@ -730,13 +731,13 @@ const StyledTopbarHeading = styled__default["default"].div `
   margin-left: 24px;
 `;
 const StyledTopbarHeadingText = styled__default["default"](index$2.Text) `
-  color: ${theme.theme.colors.secondaryDark};
+  color: ${miscTheme.theme.colors.secondaryDark};
   text-align: start;
 `;
 
 const MobileTopBar = ({ className, onLeftClick, headingText, onRightClick, iconLeft, textRight, }) => {
     return (React__default["default"].createElement(StyledTopBar, { className: className },
-        React__default["default"].createElement(StyledTopBarIcon, { onClick: onLeftClick }, iconLeft || React__default["default"].createElement(CloseIcon, { color: theme.theme.colors.gray800 })),
+        React__default["default"].createElement(StyledTopBarIcon, { onClick: onLeftClick }, iconLeft || React__default["default"].createElement(CloseIcon, { color: miscTheme.theme.colors.gray800 })),
         React__default["default"].createElement(StyledTopbarHeading, null,
             React__default["default"].createElement(StyledTopbarHeadingText, { size: "md", weight: "bold" }, headingText)),
         React__default["default"].createElement(StyledTopBarHeaderRight, { onClick: onRightClick }, textRight && React__default["default"].createElement("p", null, textRight))));
@@ -921,7 +922,7 @@ const StyledSearchBarInputsWrapper = styled__default["default"].div `
   ${utils.MediaQueries.mbDown} {
     flex-direction: column;
     padding: 14px;
-    background-color: ${theme.theme.colors.primary50};
+    background-color: ${miscTheme.theme.colors.primary50};
 
     input {
       filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))
@@ -955,7 +956,7 @@ const SearchIcon = () => (React__default["default"].createElement("svg", { width
 const StyledSearchIcon = styled__default["default"].button `
   min-height: 100%;
   border-radius: 6px;
-  background-color: ${theme.theme.colors.primaryBase};
+  background-color: ${miscTheme.theme.colors.primaryBase};
   display: flex;
   justify-content: center;
   align-items: center;
@@ -973,11 +974,11 @@ const StyledSearchIcon = styled__default["default"].button `
   }
 
   &:hover {
-    background-color: ${theme.theme.colors.primaryHover};
+    background-color: ${miscTheme.theme.colors.primaryHover};
   }
 
   &:active {
-    background-color: ${theme.theme.colors.primaryActive};
+    background-color: ${miscTheme.theme.colors.primaryActive};
   }
 
   &:focus-visible {
@@ -985,7 +986,7 @@ const StyledSearchIcon = styled__default["default"].button `
   }
 `;
 const StyledText$1 = styled__default["default"](index$2.Text) `
-  font-weight: ${theme.theme.sizes.fwSemiBold};
+  font-weight: ${miscTheme.theme.sizes.fwSemiBold};
 `;
 const SearchButton = ({ onClick }) => {
     const { t } = useTranslations.useTranslations();
@@ -1028,10 +1029,10 @@ function SearchInputs$1({ isMobile, state, dispatch, debouncedFetchCitiesByKeywo
     const searchInputPinIconColor = React.useMemo(() => {
         if (geoLocationPermission === 'granted' &&
             (selectedLocation === null || selectedLocation === void 0 ? void 0 : selectedLocation.id) === constants.ID_OPTION_CURRENT_LOCATION) {
-            return theme.theme.colors.primaryBase;
+            return miscTheme.theme.colors.primaryBase;
         }
         else {
-            return theme.theme.colors.gray400;
+            return miscTheme.theme.colors.gray400;
         }
     }, [geoLocationPermission, selectedLocation]);
     const handleSearchInputChange = React.useCallback(function handleSearchInputChange(value) {
@@ -1068,11 +1069,11 @@ function SearchInputs$1({ isMobile, state, dispatch, debouncedFetchCitiesByKeywo
     };
     return (React__default["default"].createElement(StyledSearchBarInputsWrapper, null,
         React__default["default"].createElement(StyledInputLocationWrapper, { ref: inputLocationWrapperRef },
-            React__default["default"].createElement(StyledInput, { inputClassName: focused === 'location' ? 'focused' : undefined, placeholder: t('booking.searchBar.locationPlaceholder'), autoComplete: "off", name: "search-location", displayIcon: React__default["default"].createElement(PinIcon, { className: "location-pin-icon", color: searchInputPinIconColor }), actionIcon: React__default["default"].createElement(StyledClearIcon, { color: theme.theme.colors.gray300, className: searchLocationKeywords !== '' ? 'shown' : '' }), onActionClick: handleLocationInputClear, value: searchLocationKeywords, onChange: handleSearchLocationInputChange, onFocus: () => dispatch({ type: ActionTypes$1.FocusInputLocation }), size: "md", trackingAttributes: locationTrackingAttributes }),
+            React__default["default"].createElement(StyledInput, { inputClassName: focused === 'location' ? 'focused' : undefined, placeholder: t('booking.searchBar.locationPlaceholder'), autoComplete: "off", name: "search-location", displayIcon: React__default["default"].createElement(PinIcon, { className: "location-pin-icon", color: searchInputPinIconColor }), actionIcon: React__default["default"].createElement(StyledClearIcon, { color: miscTheme.theme.colors.gray300, className: searchLocationKeywords !== '' ? 'shown' : '' }), onActionClick: handleLocationInputClear, value: searchLocationKeywords, onChange: handleSearchLocationInputChange, onFocus: () => dispatch({ type: ActionTypes$1.FocusInputLocation }), size: "md", trackingAttributes: locationTrackingAttributes }),
             !isMobile && renderLocationResults()),
         React__default["default"].createElement(StyledInputSearchWrapper, { ref: inputSearchWrapperRef },
             React__default["default"].createElement(StyledInput, { placeholder: inputSearchPlaceholder ||
-                    t('booking.searchBar.searchInput.placeholder'), autoComplete: "off", name: "search-results", actionIcon: React__default["default"].createElement(StyledClearIcon, { color: theme.theme.colors.gray300, className: searchKeywords !== '' ? 'shown' : '' }), onActionClick: handleSearchInputClear, value: searchKeywords, onChange: handleSearchInputChange, onFocus: () => dispatch({ type: ActionTypes$1.FocusInputSearch }), inputClassName: focused === 'search' ? 'focused' : undefined, size: "md", trackingAttributes: trackingAttributes, onKeyPress: handleKeyPress, enterKeyHint: state.autoCompleteDisabled ? 'search' : undefined }),
+                    t('booking.searchBar.searchInput.placeholder'), autoComplete: "off", name: "search-results", actionIcon: React__default["default"].createElement(StyledClearIcon, { color: miscTheme.theme.colors.gray300, className: searchKeywords !== '' ? 'shown' : '' }), onActionClick: handleSearchInputClear, value: searchKeywords, onChange: handleSearchInputChange, onFocus: () => dispatch({ type: ActionTypes$1.FocusInputSearch }), inputClassName: focused === 'search' ? 'focused' : undefined, size: "md", trackingAttributes: trackingAttributes, onKeyPress: handleKeyPress, enterKeyHint: state.autoCompleteDisabled ? 'search' : undefined }),
             !isMobile && renderSearchResults()),
         state.autoCompleteDisabled && !state.isMobile && (React__default["default"].createElement(SearchButton, { onClick: () => {
                 onSearch({
@@ -1095,7 +1096,7 @@ const StyledTypeHeader = styled__default["default"].header `
   display: flex;
   justify-content: space-between;
   padding: 12px 24px;
-  background-color: ${theme.theme.colors.neutral50};
+  background-color: ${miscTheme.theme.colors.neutral50};
   box-shadow: inset 0px 1px 0px #e4e8ec;
 `;
 const StyledInfoWrapper = styled__default["default"].div `
@@ -1106,9 +1107,9 @@ const StyledInfoWrapper = styled__default["default"].div `
   grid-template-columns: 16px 1fr;
 `;
 const StyledTypeName = styled__default["default"].p `
-  color: ${theme.theme.colors.neutral800};
+  color: ${miscTheme.theme.colors.neutral800};
   font-size: 14px;
-  font-weight: ${theme.theme.sizes.fwSemiBold};
+  font-weight: ${miscTheme.theme.sizes.fwSemiBold};
   letter-spacing: -0.2px;
   line-height: 22px;
 `;
@@ -1203,7 +1204,7 @@ const StyledRoundedIconWrapper = styled__default["default"].div `
   }
 
   &:focus-visible {
-    outline: 1px solid ${theme.theme.colors.gray600};
+    outline: 1px solid ${miscTheme.theme.colors.gray600};
   }
 `;
 const StyledText = styled__default["default"](index$2.Text) `
@@ -1248,7 +1249,7 @@ const ResultSectionItem = ({ type, item, imageUrl, className, onClickItem, }) =>
     return (React__default["default"].createElement(StyledResult, { onClick: () => onClickItem && onClickItem(item), onKeyDown: onKeyDown, tabIndex: 0, role: "button", className: className },
         React__default["default"].createElement(StyledPictureWrapper, null, type === 'hospitals' ? (React__default["default"].createElement(StyledLocationPin, { width: "12", height: "16", viewBox: "0 0 12 16" },
             React__default["default"].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.75 5.94873C0.75 3.04623 3.0975 0.69873 6 0.69873C8.9025 0.69873 11.25 3.04623 11.25 5.94873C11.25 9.07623 7.935 13.3887 6.5775 15.0312C6.2775 15.3912 5.73 15.3912 5.43 15.0312C4.065 13.3887 0.75 9.07623 0.75 5.94873ZM4.125 5.94873C4.125 6.98373 4.965 7.82373 6 7.82373C7.035 7.82373 7.875 6.98373 7.875 5.94873C7.875 4.91373 7.035 4.07373 6 4.07373C4.965 4.07373 4.125 4.91373 4.125 5.94873Z", fill: "#9AA2AC" }))) : (React__default["default"].createElement(StyledRoundedIconWrapper, { type: type }, imageUrl ? (React__default["default"].createElement("img", { src: imageUrl, width: 32, height: type === 'services' ? 32 : 24, loading: "lazy" })) : (defaultThumbnail)))),
-        React__default["default"].createElement(StyledText, { color: theme.theme.colors.gray800, size: "p3" }, item.name)));
+        React__default["default"].createElement(StyledText, { color: miscTheme.theme.colors.gray800, size: "p3" }, item.name)));
 };
 
 const ResultSection = ({ type, data, state, dispatch, itemsToShow, itemsToShowDesktop, isMobile, isLoading, keyword, isNavResultItem, }) => {
@@ -1335,7 +1336,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$1[locale] ||
                 isMalay) && (React__default["default"].createElement(StyledSeeMoreButton, { onClick: onSeeAllClick },
-                React__default["default"].createElement(index$2.Text, { size: "p3", color: theme.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 &&
@@ -1357,18 +1358,18 @@ const ResultSection = ({ type, data, state, dispatch, itemsToShow, itemsToShowDe
             type === 'specialties' &&
                 showItemCount < data.length &&
                 !isLoading && (React__default["default"].createElement("button", { onClick: () => setSeeMoreOpen(!seeMoreOpen) },
-                React__default["default"].createElement(StyledSeeMore, { size: "p3", color: theme.theme.colors.primaryBase }, seeMoreOpen
+                React__default["default"].createElement(StyledSeeMore, { size: "p3", color: miscTheme.theme.colors.primaryBase }, seeMoreOpen
                     ? t('booking.searchPopup.seeLessSpecialties')
                     : t('booking.searchPopup.seeMoreSpecialties')))),
             type !== 'specialties' &&
                 (showItemCount < data.length || isMalay) &&
                 !isLoading &&
                 keyword.trim().length > SEARCH_KEYWORD_MIN_LENGTH$1[locale] && (React__default["default"].createElement("button", { onClick: onClickSearchByKeyword },
-                React__default["default"].createElement(StyledSeeMore, { size: "p3", color: theme.theme.colors.primaryBase }, t(`booking.searchPopup.searchIn.${type}`, {
+                React__default["default"].createElement(StyledSeeMore, { size: "p3", color: miscTheme.theme.colors.primaryBase }, t(`booking.searchPopup.searchIn.${type}`, {
                     name: keyword,
                 })))))),
         !isLoading && (data === null || data === void 0 ? void 0 : data.length) === 0 && (React__default["default"].createElement(StyledResultsContainer, null,
-            React__default["default"].createElement(index$2.Text, { size: "sm", color: theme.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 `
@@ -1395,7 +1396,7 @@ const SearchResults = ({ data, state, dispatch, isMobile, isLoading, keyword, hi
 };
 
 const getApiPath = (path, params, locale) => {
-    return formatString__default["default"](path, Object.assign(Object.assign({}, params), { domain: index.domainLocales[locale || 'en-PH'] }));
+    return formatString__default["default"](path, Object.assign(Object.assign({}, params), { domain: constantsDomainLocales.domainLocales[locale || 'en-PH'] }));
 };
 
 function useSearchBarApi$1({ dispatch, careApiDomain, locale = 'vi-VN', }) {
@@ -1780,7 +1781,7 @@ const BookingSearchBar = ({ isMobile, careApiDomain, geoLocationPermission: geoL
 
 const StyledSearchBarWrapper = styled__default["default"].div ``;
 const StyleWrapperContainer = styled__default["default"].div `
-  background-color: ${theme.theme.colors.neutral50};
+  background-color: ${miscTheme.theme.colors.neutral50};
   padding-bottom: 1px;
   ${utils.MediaQueries.mbDown} {
     padding: 0 16px 10px;
@@ -1796,7 +1797,7 @@ const StyleSearchInputContainer = styled__default["default"](index$3.Container)
 const StyleSearchContent = styled__default["default"].div `
   padding: 24px 56px;
   border-radius: 16px;
-  background-color: ${theme.theme.colors.white};
+  background-color: ${miscTheme.theme.colors.white};
   box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.04),
     0px 0px 2px 0px rgba(0, 0, 0, 0.06), 0px 4px 8px 0px rgba(0, 0, 0, 0.04);
 
@@ -2045,7 +2046,7 @@ const StyleResultWrapper$2 = styled__default["default"].div `
   top: calc(100% + 2px);
   width: 100%;
   border-radius: 4px;
-  background: ${theme.theme.colors.white};
+  background: ${miscTheme.theme.colors.white};
   box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.1);
   z-index: 10;
 
@@ -2064,14 +2065,14 @@ const StyleResultHeader = styled__default["default"].div `
   background: #f7f9fc;
 
   .title {
-    color: ${theme.theme.colors.gray800};
+    color: ${miscTheme.theme.colors.gray800};
     font-size: 14px;
     font-weight: 600;
     line-height: 22px;
   }
 
   .btn-see-all {
-    color: ${theme.theme.colors.blue600};
+    color: ${miscTheme.theme.colors.blue600};
     font-size: 14px;
     line-height: 22px;
     cursor: pointer;
@@ -2089,7 +2090,7 @@ const StyleResultItem = styled__default["default"].div `
   cursor: pointer;
 
   &:hover {
-    background-color: ${theme.theme.colors.blue50};
+    background-color: ${miscTheme.theme.colors.blue50};
   }
   .image-item {
     flex: 0 0 48px;
@@ -2108,16 +2109,16 @@ const StyleResultItem = styled__default["default"].div `
     overflow: hidden;
     padding: 12px 0;
     flex: 1;
-    border-bottom: 1px solid ${theme.theme.colors.neutral100};
+    border-bottom: 1px solid ${miscTheme.theme.colors.neutral100};
     .title {
-      color: ${theme.theme.colors.gray800};
+      color: ${miscTheme.theme.colors.gray800};
       font-size: 16px;
       font-weight: 600;
       line-height: 24px;
     }
     .description {
       overflow: hidden;
-      color: ${theme.theme.colors.gray600};
+      color: ${miscTheme.theme.colors.gray600};
       text-overflow: ellipsis;
       white-space: nowrap;
       font-size: 12px;
@@ -2150,7 +2151,7 @@ styled__default["default"].div `
   padding: 0 16px 16px;
 
   .search-detail-btn {
-    color: ${theme.theme.colors.blue600};
+    color: ${miscTheme.theme.colors.blue600};
     font-size: 14px;
     line-height: 22px;
     cursor: pointer;
@@ -2239,7 +2240,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$2.Text, { size: "sm", color: theme.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 `
@@ -2257,7 +2258,7 @@ const StyleResultWrapper$1 = styled__default["default"].div `
   top: calc(100% + 2px);
   width: calc(100% + 100px);
   border-radius: 4px;
-  background: ${theme.theme.colors.white};
+  background: ${miscTheme.theme.colors.white};
   box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.1);
   z-index: 10;
   max-height: 300px;
@@ -2311,11 +2312,11 @@ const StyledSpecialtyItem = styled__default["default"].li `
     right: 18px;
     top: 0;
     height: 1px;
-    background-color: ${theme.theme.colors.neutral100};
+    background-color: ${miscTheme.theme.colors.neutral100};
   }
 
   &:not([data-is-denied='true']):hover {
-    background-color: ${theme.theme.colors.neutral50};
+    background-color: ${miscTheme.theme.colors.neutral50};
   }
 
   &:last-child:hover {
@@ -2559,7 +2560,7 @@ const StyleResultWrapper = styled__default["default"].div `
   top: calc(100% + 2px);
   width: 100%;
   border-radius: 4px;
-  background: ${theme.theme.colors.white};
+  background: ${miscTheme.theme.colors.white};
   box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.1);
   z-index: 10;
 
@@ -2595,11 +2596,11 @@ const StyledLocationItem = styled__default["default"].li `
     right: 18px;
     top: 0;
     height: 1px;
-    background-color: ${theme.theme.colors.neutral100};
+    background-color: ${miscTheme.theme.colors.neutral100};
   }
 
   &:not([data-is-denied='true']):hover {
-    background-color: ${theme.theme.colors.neutral50};
+    background-color: ${miscTheme.theme.colors.neutral50};
   }
 
   &:last-child:hover {
@@ -2666,7 +2667,7 @@ const SearchLocation = ({ state, isMobile, debouncedFetchCitiesByKeyword, select
                         });
                     }
                 } },
-                React__default["default"].createElement(StyledPinIcon, { color: theme.theme.colors.neutral400 }),
+                React__default["default"].createElement(StyledPinIcon, { color: miscTheme.theme.colors.neutral400 }),
                 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();
@@ -2674,7 +2675,7 @@ const SearchLocation = ({ state, isMobile, debouncedFetchCitiesByKeyword, select
                         onLocationClick(city);
                     }
                 }, 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: theme.theme.colors.neutral400 }),
+                React__default["default"].createElement(StyledPinIcon, { color: miscTheme.theme.colors.neutral400 }),
                 React__default["default"].createElement(index$2.Text, { size: "md" }, city.name))))))));
 };
 
@@ -2691,15 +2692,15 @@ const StyleSpecialtyItem = styled__default["default"].div `
   display: flex;
   align-items: center;
   border-radius: 8px;
-  border: 1px solid ${theme.theme.colors.neutral100};
-  background: ${theme.theme.colors.white};
+  border: 1px solid ${miscTheme.theme.colors.neutral100};
+  background: ${miscTheme.theme.colors.white};
   padding: 8px 12px 8px 8px;
   flex: 0 0 calc(33.3% - 13px);
   gap: 12px;
   cursor: pointer;
 
   &:hover {
-    background: ${theme.theme.colors.blue50};
+    background: ${miscTheme.theme.colors.blue50};
   }
 
   ${utils.MediaQueries.tdDown} {
@@ -2726,7 +2727,7 @@ const StyleSpecialtyItem = styled__default["default"].div `
   .infor {
     flex: 1;
     .title {
-      color: ${theme.theme.colors.gray800};
+      color: ${miscTheme.theme.colors.gray800};
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
@@ -2734,7 +2735,7 @@ const StyleSpecialtyItem = styled__default["default"].div `
     }
 
     .description {
-      color: ${theme.theme.colors.gray600};
+      color: ${miscTheme.theme.colors.gray600};
       font-size: 12px;
       font-weight: 400;
       line-height: 18px;
@@ -2750,11 +2751,11 @@ const StyleShowMore = styled__default["default"].div `
   margin-top: 24px;
   .show-more {
     border-radius: 4px;
-    border: 1px solid ${theme.theme.colors.neutral200};
+    border: 1px solid ${miscTheme.theme.colors.neutral200};
     padding: 12px 16px;
     cursor: pointer;
     display: inline-block;
-    color: ${theme.theme.colors.gray800};
+    color: ${miscTheme.theme.colors.gray800};
     font-size: 16px;
     font-weight: 600;
     line-height: 24px;
@@ -2803,7 +2804,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$2.Text, { size: "sm", color: theme.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)
@@ -2824,46 +2825,46 @@ const StyleSearchTagWrapper = styled__default["default"].div `
   flex-wrap: wrap;
 `;
 const StyleTagItem = styled__default["default"].div `
-  color: ${theme.theme.colors.gray600};
+  color: ${miscTheme.theme.colors.gray600};
   font-size: 14px;
   font-weight: 600;
   line-height: 22px;
   padding: 4px 12px;
-  background: ${theme.theme.colors.white};
+  background: ${miscTheme.theme.colors.white};
   border-radius: 32px;
   cursor: pointer;
-  border: 1px solid ${theme.theme.colors.white};
+  border: 1px solid ${miscTheme.theme.colors.white};
   margin-bottom: 5px;
-  border-color: ${theme.theme.colors.neutral100};
+  border-color: ${miscTheme.theme.colors.neutral100};
   background: #f7f9fc;
 
   &.view-all {
     border-radius: 32px;
-    border-color: ${theme.theme.colors.blue50};
-    background: ${theme.theme.colors.blue50};
-    color: ${theme.theme.colors.blue600};
+    border-color: ${miscTheme.theme.colors.blue50};
+    background: ${miscTheme.theme.colors.blue50};
+    color: ${miscTheme.theme.colors.blue600};
 
     &:hover {
-      border-color: ${theme.theme.colors.blue50};
-      background: ${theme.theme.colors.blue50};
-      color: ${theme.theme.colors.blue600};
+      border-color: ${miscTheme.theme.colors.blue50};
+      background: ${miscTheme.theme.colors.blue50};
+      color: ${miscTheme.theme.colors.blue600};
     }
   }
 
   &:hover {
-    border-color: ${theme.theme.colors.neutral100};
+    border-color: ${miscTheme.theme.colors.neutral100};
     background: #f7f9fc;
   }
 `;
 const StyleTagLabel = styled__default["default"].div `
-  color: ${theme.theme.colors.gray600};
+  color: ${miscTheme.theme.colors.gray600};
   font-size: 14px;
   font-weight: 600;
   line-height: 22px;
   padding: 4px 0;
-  background: ${theme.theme.colors.white};
+  background: ${miscTheme.theme.colors.white};
   border-radius: 32px;
-  border: 1px solid ${theme.theme.colors.white};
+  border: 1px solid ${miscTheme.theme.colors.white};
   margin-bottom: 5px;
   margin-right: 7px;
 `;
@@ -2894,7 +2895,7 @@ const SearchTag = ({ state, type, typeInformation, dispatch }) => {
 const StyledTabWrapper = styled__default["default"].div `
   background: rgba(255, 255, 255, 0.64);
   backdrop-filter: blur(12px);
-  border-bottom: 1px solid ${theme.theme.colors.neutral100};
+  border-bottom: 1px solid ${miscTheme.theme.colors.neutral100};
 `;
 const StyleTabContainer = styled__default["default"](index$3.Container) `
   padding: 0 16px;

package/build/types.js

@@ -2,7 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-1f3fc2e3.js');
+var index = require('./index-d91f52cc.js');
+var Locale = require('./Locale-0b86b849.js');
 
 
 
@@ -24,10 +25,6 @@ Object.defineProperty(exports, 'Gender', {
 	enumerable: true,
 	get: function () { return index.Gender; }
 });
-Object.defineProperty(exports, 'LOCALE', {
-	enumerable: true,
-	get: function () { return index.LOCALE; }
-});
 Object.defineProperty(exports, 'NodeActionType', {
 	enumerable: true,
 	get: function () { return index.NodeActionType; }
@@ -58,3 +55,7 @@ Object.defineProperty(exports, 'SocialType', {
 	get: function () { return index.SocialType; }
 });
 exports.SubotType = index.SubotType;
+Object.defineProperty(exports, 'LOCALE', {
+	enumerable: true,
+	get: function () { return Locale.LOCALE; }
+});