@hhgtech/hhg-components 1.29.76 → 1.29.78

package/build/together.js

@@ -2,61 +2,61 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var types = require('./types-8103df55.js');
-var index = require('./index-a6ab742a.js');
-var utils = require('./utils-83337870.js');
+var types = require('./types-bc9b7ff5.js');
+var index = require('./index-de879d05.js');
+var defaultClassWrapper = require('./defaultClassWrapper-8ac3b7f0.js');
 require('react');
-require('./index-813921ef.js');
-require('./tslib.es6-6abfcd13.js');
+require('./index-657d308e.js');
+require('./tslib.es6-a8c3b1ed.js');
 require('@mantine/core');
-require('./utils-526a845c.js');
-require('./translationsContext-d76a8c6d.js');
+require('./utils-a2ad9aa3.js');
+require('./translationsContext-bece07e0.js');
 require('string-format');
 require('@hhgtech/icons/other');
-require('./index-80b5097a.js');
+require('./index-a74e681a.js');
 require('@emotion/styled');
-require('./theme-4d2a1014.js');
-require('./useTranslations-3da8d23e.js');
+require('./theme-040e6fd9.js');
+require('./useTranslations-ddee03e3.js');
 require('innertext');
-require('./index-48aca6d7.js');
+require('./index-bd99a93f.js');
 require('@mantine/hooks');
-require('./index-55261180.js');
-require('./index-07db6c89.js');
+require('./index-8bbc5f6c.js');
+require('./index-fd9e9e31.js');
 require('date-fns/locale');
-require('./index-b8cc819b.js');
-require('./isProduction-f7507b6e.js');
+require('./index-d38624f2.js');
+require('./isProduction-cc2f71e7.js');
 require('@mantine/carousel');
-require('./useMantineLocale-38ffd9ae.js');
+require('./useMantineLocale-67d093f5.js');
 require('dayjs');
 require('classnames');
-require('./useUniqueId-889c3946.js');
+require('./useUniqueId-a3ed3f40.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index-83e3c045.js');
-require('./index.styles-77df1c2b.js');
-require('./constants-6781c0a5.js');
+require('./index-c6d8ee38.js');
+require('./paths-22150d98.js');
+require('./index-714baad1.js');
+require('./index.styles-15b57fec.js');
 require('@emotion/react');
-require('./animation-6a354499.js');
+require('./animation-6f210c4a.js');
 require('react-keyed-flatten-children');
-require('./paths-29644364.js');
-require('./index-b1720522.js');
+require('./index-e1d386b9.js');
 require('lodash/debounce');
 require('react-contenteditable');
-require('./index-159e2660.js');
-require('./index-8c0adaed.js');
-require('./cookieHelper-f1270aa8.js');
+require('./index-266faebd.js');
+require('./index-888fe1c7.js');
+require('./cookieHelper-6fa2ed3a.js');
 require('react-dom');
-require('./index-b71ec348.js');
-require('./Instagram-86b7bc15.js');
-require('./WhatsApp-6b693d67.js');
-require('./number-eb5a9b12.js');
+require('./index-e76edc59.js');
+require('./Instagram-f68f1dae.js');
+require('./index-fbc4ad0a.js');
+require('./number-3c00e9ff.js');
 require('date-fns');
 require('dayjs/plugin/relativeTime');
-require('./index-1f765864.js');
-require('./routing-19724fda.js');
-require('./utils-9a87f8d9.js');
-require('./index.styled-50af6497.js');
-require('./index-5e9fdc69.js');
+require('./index-f5c1576f.js');
+require('./routing-101c464a.js');
+require('./utils-bc89f5c8.js');
+require('./index.styled-cd56f718.js');
+require('./index-c4b66929.js');
 require('slugify');
 
 
@@ -106,11 +106,11 @@ exports.VerifiedTag = types.VerifiedTag;
 exports.useTogetherAuthRequiredAction = types.useTogetherAuthRequiredAction;
 exports.TogetherDataTransforms = index.dataTransform;
 exports.UserAvatar = index.UserAvatar;
-exports.DefaultComponentGlobalContextData = utils.DefaultComponentGlobalContextData;
+exports.DefaultComponentGlobalContextData = defaultClassWrapper.DefaultComponentGlobalContextData;
 Object.defineProperty(exports, 'GlobalData', {
   enumerable: true,
-  get: function () { return utils.GlobalData; }
+  get: function () { return defaultClassWrapper.GlobalData; }
 });
-exports.TogetherComponentGlobalContext = utils.TogetherComponentGlobalContext;
-exports.TogetherComponentGlobalContextProvider = utils.TogetherComponentGlobalContextProvider;
-exports.TogetherConstants = utils.constants;
+exports.TogetherComponentGlobalContext = defaultClassWrapper.TogetherComponentGlobalContext;
+exports.TogetherComponentGlobalContextProvider = defaultClassWrapper.TogetherComponentGlobalContextProvider;
+exports.TogetherConstants = defaultClassWrapper.constants;

package/build/{types-841ea0f8.js → types-65270049.js}

@@ -1,26 +1,26 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6abfcd13.js');
+var tslib_es6 = require('./tslib.es6-a8c3b1ed.js');
 var React = require('react');
 var react = require('@emotion/react');
-var useTranslations = require('./useTranslations-3da8d23e.js');
+var useTranslations = require('./useTranslations-ddee03e3.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-6781c0a5.js');
+var index$3 = require('./index-714baad1.js');
 var styled = require('@emotion/styled');
-var index$1 = require('./index-b1720522.js');
-var index$2 = require('./index-813921ef.js');
-var theme = require('./theme-4d2a1014.js');
+var index$1 = require('./index-e1d386b9.js');
+var index$2 = require('./index-657d308e.js');
+var theme = require('./theme-040e6fd9.js');
 var shuffle = require('lodash/shuffle');
-var useOutsideClick = require('./useOutsideClick-9e887f30.js');
-var utils = require('./utils-526a845c.js');
+var useOutsideClick = require('./useOutsideClick-f4ac5964.js');
+var utils = require('./utils-a2ad9aa3.js');
 var Skeleton = require('react-loading-skeleton');
-var paths = require('./paths-29644364.js');
+var paths = require('./paths-22150d98.js');
 var core = require('@mantine/core');
-var index = require('./index-07db6c89.js');
-var cookieHelper = require('./cookieHelper-f1270aa8.js');
-var index$3 = require('./index-4da85d4b.js');
+var index = require('./index-fd9e9e31.js');
+var cookieHelper = require('./cookieHelper-6fa2ed3a.js');
+var index$4 = require('./index-3d1716ad.js');
 var core$1 = require('@hhgtech/icons/core');
-var ChevronDown = require('./ChevronDown-8960bba8.js');
+var ChevronDown = require('./ChevronDown-6a728605.js');
 var formatString = require('string-format');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -269,8 +269,8 @@ const LocationResults = ({ cities, isLoading, onLocationClick, selectedLocation,
                     if (onLocationClick) {
                         onLocationClick({
                             name: t('booking.searchBar.allLocations'),
-                            id: constants.ID_OPTION_ALL_LOCATION,
-                            slug: (_a = constants.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.ALL,
+                            id: index$3.ID_OPTION_ALL_LOCATION,
+                            slug: (_a = index$3.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.ALL,
                         });
                     }
                 } },
@@ -833,7 +833,7 @@ function reducer$1(state, action) {
         }
         case ActionTypes$1.FocusInputLocation: {
             const nextState = Object.assign(Object.assign({}, state), { focused: 'location' });
-            if (((_a = state.selectedLocation) === null || _a === void 0 ? void 0 : _a.id) === constants.ID_OPTION_CURRENT_LOCATION) {
+            if (((_a = state.selectedLocation) === null || _a === void 0 ? void 0 : _a.id) === index$3.ID_OPTION_CURRENT_LOCATION) {
                 nextState.searchLocationKeywords = '';
             }
             return nextState;
@@ -1027,7 +1027,7 @@ 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) {
+            (selectedLocation === null || selectedLocation === void 0 ? void 0 : selectedLocation.id) === index$3.ID_OPTION_CURRENT_LOCATION) {
             return theme.theme.colors.primaryBase;
         }
         else {
@@ -1255,7 +1255,7 @@ const ResultSection = ({ type, data, state, dispatch, itemsToShow, itemsToShowDe
     const [seeMoreOpen, setSeeMoreOpen] = React.useState(false);
     const { t, locale } = useTranslations.useTranslations();
     const { selectedLocation, searchKeywords } = state;
-    const slugs = React.useMemo(() => constants.LOCALIZED_SLUGS[locale], [locale]);
+    const slugs = React.useMemo(() => index$3.LOCALIZED_SLUGS[locale], [locale]);
     const isMalay = locale === 'ms-MY';
     const typeInformation = React.useMemo(() => {
         return {
@@ -1464,13 +1464,13 @@ function useSearchBarApi$1({ dispatch, careApiDomain, locale = 'vi-VN', }) {
             dispatch({ type: ActionTypes$1.FetchSearchResultsFinish });
             return;
         }
-        const isCurrentLocationSelected = selectedLocation.id === constants.ID_OPTION_CURRENT_LOCATION;
+        const isCurrentLocationSelected = selectedLocation.id === index$3.ID_OPTION_CURRENT_LOCATION;
         if (isCurrentLocationSelected) {
             if (!geoLocationCoordinates) {
                 cityId = defaultCity.id;
             }
         }
-        else if (selectedLocation.id === constants.ID_OPTION_ALL_LOCATION) {
+        else if (selectedLocation.id === index$3.ID_OPTION_ALL_LOCATION) {
             cityId = '';
         }
         else {
@@ -1484,7 +1484,7 @@ function useSearchBarApi$1({ dispatch, careApiDomain, locale = 'vi-VN', }) {
             keyword: searchKeywords.trim().length > SEARCH_KEYWORD_MIN_LENGTH$1[locale]
                 ? searchKeywords.trim()
                 : '',
-            city: cityId === constants.ID_OPTION_CURRENT_LOCATION ? '' : cityId,
+            city: cityId === index$3.ID_OPTION_CURRENT_LOCATION ? '' : cityId,
             lat,
             lng,
         }, locale), {
@@ -1540,9 +1540,9 @@ const BookingSearchBar = ({ isMobile, careApiDomain, geoLocationPermission: geoL
     const currentLocationCityItem = React.useMemo(() => {
         var _a;
         return ({
-            id: constants.ID_OPTION_CURRENT_LOCATION,
+            id: index$3.ID_OPTION_CURRENT_LOCATION,
             name: t('booking.searchBar.currentLocation'),
-            slug: (_a = constants.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.CURRENT,
+            slug: (_a = index$3.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.CURRENT,
         });
     }, [t, locale]);
     const debouncedFetchCitiesByKeyword = React.useMemo(() => debounce__default["default"](fetchCitiesByKeyword, 400), [fetchCitiesByKeyword]);
@@ -1558,7 +1558,7 @@ const BookingSearchBar = ({ isMobile, careApiDomain, geoLocationPermission: geoL
     }, [initialSearchValue]);
     React.useEffect(() => {
         if (askForGeolocationPermission &&
-            (selectedLocation === null || selectedLocation === void 0 ? void 0 : selectedLocation.id) === constants.ID_OPTION_CURRENT_LOCATION &&
+            (selectedLocation === null || selectedLocation === void 0 ? void 0 : selectedLocation.id) === index$3.ID_OPTION_CURRENT_LOCATION &&
             geoLocationPermission === 'unset') {
             requestGeoLocation();
         }
@@ -1606,8 +1606,8 @@ const BookingSearchBar = ({ isMobile, careApiDomain, geoLocationPermission: geoL
                 type: ActionTypes$1.SelectLocation,
                 payload: {
                     name: t('booking.searchBar.allLocations'),
-                    id: constants.ID_OPTION_ALL_LOCATION,
-                    slug: (_a = constants.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.ALL,
+                    id: index$3.ID_OPTION_ALL_LOCATION,
+                    slug: (_a = index$3.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.ALL,
                 },
             });
         }
@@ -1786,7 +1786,7 @@ const StyleWrapperContainer = styled__default["default"].div `
     padding: 0 16px 10px;
   }
 `;
-const StyleSearchInputContainer = styled__default["default"](index$3.Container) `
+const StyleSearchInputContainer = styled__default["default"](index$4.Container) `
   padding: 0 16px;
 
   ${utils.MediaQueries.mbDown} {
@@ -1929,14 +1929,14 @@ function reducer(state, action) {
         }
         case ActionTypes.FocusInputLocation: {
             const nextState = Object.assign(Object.assign({}, state), { focused: 'location' });
-            if (((_a = state.selectedLocation) === null || _a === void 0 ? void 0 : _a.id) === constants.ID_OPTION_CURRENT_LOCATION) {
+            if (((_a = state.selectedLocation) === null || _a === void 0 ? void 0 : _a.id) === index$3.ID_OPTION_CURRENT_LOCATION) {
                 nextState.searchLocationKeywords = '';
             }
             return nextState;
         }
         case ActionTypes.FocusInputSpecialty: {
             const nextState = Object.assign(Object.assign({}, state), { focused: 'specialty' });
-            if (((_b = state.selectedLocation) === null || _b === void 0 ? void 0 : _b.id) === constants.ID_OPTION_CURRENT_LOCATION) {
+            if (((_b = state.selectedLocation) === null || _b === void 0 ? void 0 : _b.id) === index$3.ID_OPTION_CURRENT_LOCATION) {
                 nextState.searchLocationKeywords = '';
             }
             return nextState;
@@ -2181,7 +2181,7 @@ const SearchResult = ({ state, type, results, location, isLoading, typeInformati
     };
     const handleSeeAll = () => {
         let url = `/${selectedLocation.slug}/${typeSlug}`;
-        const slugClientUrl = constants.MAPPING_CLIENT_WITH_SLUG[locale][clientSlug];
+        const slugClientUrl = index$3.MAPPING_CLIENT_WITH_SLUG[locale][clientSlug];
         if (slugClientUrl) {
             url += `/${slugClientUrl}`;
         }
@@ -2346,7 +2346,7 @@ const SearchSpecialty = ({ state, isMobile, debouncedFetchSearchResults, selecte
     var _a;
     const { t, locale } = useTranslations.useTranslations();
     const inputSpecialtyWrapperRef = React.useRef(null);
-    const slugs = React.useMemo(() => constants.LOCALIZED_SLUGS[locale], [locale]);
+    const slugs = React.useMemo(() => index$3.LOCALIZED_SLUGS[locale], [locale]);
     const styleSpecialties = React.useMemo(() => {
         return {
             wrapper: {
@@ -2661,8 +2661,8 @@ const SearchLocation = ({ state, isMobile, debouncedFetchCitiesByKeyword, select
                     if (onLocationClick) {
                         onLocationClick({
                             name: t('booking.searchBar.allLocations'),
-                            id: constants.ID_OPTION_ALL_LOCATION,
-                            slug: (_a = constants.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.ALL,
+                            id: index$3.ID_OPTION_ALL_LOCATION,
+                            slug: (_a = index$3.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.ALL,
                         });
                     }
                 } },
@@ -2769,11 +2769,11 @@ const StyleShowMore = styled__default["default"].div `
 const SearchResultSpecialties = ({ state, isMobile, specialties, isLoading, dispatch, }) => {
     const { t, locale } = useTranslations.useTranslations();
     const { selectedLocation } = state;
-    const slugs = React.useMemo(() => constants.LOCALIZED_SLUGS[locale], [locale]);
+    const slugs = React.useMemo(() => index$3.LOCALIZED_SLUGS[locale], [locale]);
     const handleOnClick = (specialtySlug) => {
         let url = '';
-        if (specialtySlug === constants.SLUG_VACIN_ID) {
-            url = `/${selectedLocation.slug}/${slugs.HOSPITAL}/${constants.CLIENT_KEY.GSK}/`;
+        if (specialtySlug === index$3.SLUG_VACIN_ID) {
+            url = `/${selectedLocation.slug}/${slugs.HOSPITAL}/${index$3.CLIENT_KEY.GSK}/`;
             dispatch({ type: ActionTypes.ClickOutsideInputSearchSpecialty });
         }
         else {
@@ -2896,7 +2896,7 @@ const StyledTabWrapper = styled__default["default"].div `
   backdrop-filter: blur(12px);
   border-bottom: 1px solid ${theme.theme.colors.neutral100};
 `;
-const StyleTabContainer = styled__default["default"](index$3.Container) `
+const StyleTabContainer = styled__default["default"](index$4.Container) `
   padding: 0 16px;
 `;
 
@@ -3042,12 +3042,12 @@ function useSearchBarApi({ dispatch, careApiDomain, locale = 'vi-VN', client = '
             moreParams.noPaging = 1;
         }
         const requests = [
-            fetchCitiesApi(paths.PATHS.GET_CITY_BY_IP, Object.assign(Object.assign(Object.assign({}, params), moreParams), { client: constants.CLIENT_KEY.MSD === client ? '' : client })),
+            fetchCitiesApi(paths.PATHS.GET_CITY_BY_IP, Object.assign(Object.assign(Object.assign({}, params), moreParams), { client: index$3.CLIENT_KEY.MSD === client ? '' : client })),
         ];
         if (locale === 'zh-TW') {
             requests.push(fetchCitiesApi(paths.PATHS.GET_CITIES_LIST, {
                 noPaging: 1,
-                client: constants.CLIENT_KEY.MSD === client ? '' : client,
+                client: index$3.CLIENT_KEY.MSD === client ? '' : client,
             }));
         }
         return Promise.all(requests)
@@ -3088,7 +3088,7 @@ function useSearchBarApi({ dispatch, careApiDomain, locale = 'vi-VN', client = '
             dispatch({ type: ActionTypes.FetchSearchResultsFinish });
             return;
         }
-        if (selectedLocation.id === constants.ID_OPTION_ALL_LOCATION) {
+        if (selectedLocation.id === index$3.ID_OPTION_ALL_LOCATION) {
             cityId = '';
         }
         else {
@@ -3104,12 +3104,12 @@ function useSearchBarApi({ dispatch, careApiDomain, locale = 'vi-VN', client = '
             domain: careApiDomain,
             searchType: searchType || 'global',
             keyword: keyword,
-            city: cityId === constants.ID_OPTION_CURRENT_LOCATION ? '' : cityId,
+            city: cityId === index$3.ID_OPTION_CURRENT_LOCATION ? '' : cityId,
             lat,
             lng,
             specialty_id,
-            client_slug: constants.CLIENT_KEY.MSD === clientSlug ? '' : clientSlug,
-            msd: constants.CLIENT_KEY.MSD === client ? 1 : '',
+            client_slug: index$3.CLIENT_KEY.MSD === clientSlug ? '' : clientSlug,
+            msd: index$3.CLIENT_KEY.MSD === client ? 1 : '',
         }, locale), {
             method: 'GET',
             headers: {
@@ -3163,7 +3163,7 @@ function useSearchBarApi({ dispatch, careApiDomain, locale = 'vi-VN', client = '
         return fetch(getApiPath(url, {
             domain: careApiDomain,
             searchType: '',
-            msd: constants.CLIENT_KEY.MSD === client ? 1 : '',
+            msd: index$3.CLIENT_KEY.MSD === client ? 1 : '',
         }, locale), {
             method: 'GET',
             headers: {
@@ -3259,7 +3259,7 @@ onChangeLocation, }) => {
         careApiDomain,
         client: clientSlug,
     });
-    const slugs = React.useMemo(() => constants.LOCALIZED_SLUGS[locale], [locale]);
+    const slugs = React.useMemo(() => index$3.LOCALIZED_SLUGS[locale], [locale]);
     const typeInformation = React.useMemo(() => {
         return {
             doctor: {
@@ -3304,7 +3304,7 @@ onChangeLocation, }) => {
         let url = '';
         const { slug: typeSlug } = typeInformation[currentTab];
         let moreParams = '';
-        const slugClientUrl = constants.MAPPING_CLIENT_WITH_SLUG[locale][clientSlug];
+        const slugClientUrl = index$3.MAPPING_CLIENT_WITH_SLUG[locale][clientSlug];
         if ((currentTab === 'doctor' || currentTab === 'hospital') &&
             state.selectedSpecialty.id > 0) {
             moreParams = `&specialtyId=${state.selectedSpecialty.id}`;
@@ -3333,8 +3333,8 @@ onChangeLocation, }) => {
                 type: ActionTypes.SelectLocation,
                 payload: {
                     name: t('booking.searchBar.allLocations'),
-                    id: constants.ID_OPTION_ALL_LOCATION,
-                    slug: (_a = constants.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.ALL,
+                    id: index$3.ID_OPTION_ALL_LOCATION,
+                    slug: (_a = index$3.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.ALL,
                 },
             });
         }
@@ -3423,7 +3423,7 @@ const StyledTextDivider = styled__default["default"].div `
   }
 `;
 const TextDivider = ({ children, icon, className, style }) => (React__default["default"].createElement(StyledTextDivider, { style: style, className: className },
-    React__default["default"].createElement(index$3.Container, null,
+    React__default["default"].createElement(index$4.Container, null,
         React__default["default"].createElement("div", { className: "icon-wrapper" }, icon),
         React__default["default"].createElement(index$2.Text, { size: "c1", color: "var(--neutral800)" }, children))));