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

package/build/esm/careBookingSearchBar.js

@@ -1,32 +1,32 @@
-import { a as __awaiter } from './tslib.es6-122e0bb6.js';
+import { a as __awaiter } from './tslib.es6-3a3c10a3.js';
 import React__default, { useMemo, useEffect, useRef, useCallback, useState, useReducer } from 'react';
 import { Global, css } from '@emotion/react';
-import { S as StyledLocationResultsWrapper, a as StyledLocationResultsList, b as StyledLiSkeleton, c as StyledLocationItem, d as StyledPinIcon, M as MagnifierIcon, C as CloseIcon, e as ClearIcon, P as PinIcon, D as DefaultThumbnailAny, f as DefaultThumbnailDoctor, g as DefaultThumbnailService, h as getApiPath, u as useGeolocation } from './utils-bca8766f.js';
-import { u as useTranslations } from './index-4df0fb8e.js';
+import { S as StyledLocationResultsWrapper, a as StyledLocationResultsList, b as StyledLiSkeleton, c as StyledLocationItem, d as StyledPinIcon, M as MagnifierIcon, C as CloseIcon, e as ClearIcon, P as PinIcon, D as DefaultThumbnailAny, f as DefaultThumbnailDoctor, g as DefaultThumbnailService, h as getApiPath, u as useGeolocation } from './utils-df98ceb0.js';
+import { u as useTranslations } from './index-df68f090.js';
 import debounce from 'lodash/debounce';
-import { I as ID_OPTION_ALL_LOCATION, L as LOCALIZED_SLUGS, a as ID_OPTION_CURRENT_LOCATION } from './constants-654bf313.js';
+import { I as ID_OPTION_ALL_LOCATION, L as LOCALIZED_SLUGS, a as ID_OPTION_CURRENT_LOCATION } from './constants-72965a08.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-b0aec8dc.js';
-import { T as Text } from './index-e8449c52.js';
+import { I as Input } from './index-7c364e7f.js';
+import { T as Text } from './index-8827fc70.js';
 import { theme } from './miscTheme.js';
 import shuffle from 'lodash/shuffle';
-import { a as useOutsideClick } from './useOutsideClick-e56facd4.js';
-import { M as MediaQueries } from './utils-4415c419.js';
+import { a as useOutsideClick } from './useOutsideClick-696a9b61.js';
+import { M as MediaQueries } from './utils-6cb43bb9.js';
 import Skeleton from 'react-loading-skeleton';
-import { P as PATHS } from './paths-94efcc20.js';
-import './index-227fed63.js';
+import { P as PATHS } from './paths-adc05d75.js';
+import './index-7c0b132c.js';
 import 'date-fns/locale';
-import './index-2e2648e7.js';
-import './Locale-174e25d4.js';
+import './index-2e18580a.js';
+import './Locale-60848a94.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
 import './constantsIsProduction.js';
 import './miscCookieHelper.js';
 import 'string-format';
-import './translationsContext-b15ae607.js';
+import './translationsContext-da8441dd.js';
 import '@mantine/core';
-import './index-bf8e097d.js';
+import './index-bbd00e04.js';
 
 const StyledSearchBarWrapper = styled.div ``;
 const StyledSearchBarMobileWrapper = styled.div `

package/build/esm/careBookingSearchBarV2.js

@@ -1,27 +1,27 @@
-import React__default, { useMemo, useRef, useCallback, useState, useReducer, useEffect } from 'react';
+import React__default, { useMemo, useRef, useCallback, forwardRef, useImperativeHandle, useState, useReducer, useEffect } from 'react';
 import { Search } from '@hhgtech/icons/core';
 import { Skeleton, Input, useMantineTheme, rem, Stack, Flex, Box, ScrollArea, Divider, Tabs } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { i as checkMarkIconUrl, P as PinIcon, h as getApiPath, u as useGeolocation } from './utils-bca8766f.js';
-import { a as useOutsideClick } from './useOutsideClick-e56facd4.js';
-import { u as useTranslations } from './index-4df0fb8e.js';
+import { i as checkMarkIconUrl, P as PinIcon, h as getApiPath, u as useGeolocation } from './utils-df98ceb0.js';
+import { a as useOutsideClick } from './useOutsideClick-696a9b61.js';
+import { u as useTranslations } from './index-df68f090.js';
 import debounce from 'lodash/debounce';
-import { a as ID_OPTION_CURRENT_LOCATION, L as LOCALIZED_SLUGS, I as ID_OPTION_ALL_LOCATION, S as SLUG_VACIN_ID, C as CLIENT_KEY, M as MAPPING_CLIENT_WITH_SLUG } from './constants-654bf313.js';
+import { a as ID_OPTION_CURRENT_LOCATION, L as LOCALIZED_SLUGS, I as ID_OPTION_ALL_LOCATION, S as SLUG_VACIN_ID, C as CLIENT_KEY, M as MAPPING_CLIENT_WITH_SLUG } from './constants-72965a08.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-4415c419.js';
-import { C as Container } from './index-88118f77.js';
-import { T as Text } from './index-e8449c52.js';
-import { C as ChevronDown } from './ChevronDown-27a0dc02.js';
-import { _ as __rest } from './tslib.es6-122e0bb6.js';
+import { M as MediaQueries } from './utils-6cb43bb9.js';
+import { C as Container } from './index-b7134e86.js';
+import { T as Text } from './index-8827fc70.js';
+import { C as ChevronDown } from './ChevronDown-3c274459.js';
+import { _ as __rest } from './tslib.es6-3a3c10a3.js';
 import { ArrowLeft } from '@hhgtech/icons/arrow';
-import { M as Modal } from './index-7be68107.js';
-import { P as PATHS } from './paths-94efcc20.js';
-import { B as Button } from './index-7917c2d7.js';
-import './index-227fed63.js';
+import { M as Modal } from './index-d408ee51.js';
+import { P as PATHS } from './paths-adc05d75.js';
+import { B as Button } from './index-00f1332e.js';
+import './index-7c0b132c.js';
 import 'date-fns/locale';
-import './index-2e2648e7.js';
-import './Locale-174e25d4.js';
+import './index-2e18580a.js';
+import './Locale-60848a94.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
@@ -29,10 +29,10 @@ import './constantsIsProduction.js';
 import './miscCookieHelper.js';
 import 'react-loading-skeleton';
 import 'string-format';
-import './translationsContext-b15ae607.js';
-import './index-bf8e097d.js';
-import './index.styles-d03d1e3e.js';
-import './shared-161ef93d.js';
+import './translationsContext-da8441dd.js';
+import './index-bbd00e04.js';
+import './index.styles-d901b2d1.js';
+import './shared-0f29f701.js';
 
 const StyledSearchBarWrapper = styled.div ``;
 const StyleWrapperContainer = styled.div `
@@ -687,12 +687,17 @@ const SearchSpecialty = ({ state, isMobile, debouncedFetchSearchResults, selecte
                 React__default.createElement(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 = forwardRef(({ state, type, isMobile, isLoading, initalSearchValue, typeInformation, debouncedFetchSearchResults, trackingAttributes, hideSpecialtySelection = false, clientSlug = '', onSearch, onFocusInput, onEnterSearch, dispatch, onlyShowSearchBox, onChangeSpecialty, }, ref) => {
     const { t } = useTranslations();
     const theme = useMantineTheme();
     const inputSearchWrapperRef = useRef(null);
+    const internalInputRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+        focus: () => {
+            var _a;
+            (_a = internalInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        },
+    }));
     const hasSearchIcon = !onlyShowSearchBox;
     const gaAttributes = useMemo(() => {
         if (trackingAttributes) {
@@ -707,20 +712,16 @@ onSearch, onFocusInput, onEnterSearch, dispatch, onlyShowSearchBox, onChangeSpec
         }
     }, [trackingAttributes]);
     const placeholderSearch = 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 = useMemo(() => {
         return {
             root: {
@@ -742,7 +743,7 @@ onSearch, onFocusInput, onEnterSearch, dispatch, onlyShowSearchBox, onChangeSpec
                 },
             },
         };
-    }, []);
+    }, [hasSearchIcon, theme]);
     const styleInput = useMemo(() => {
         return {
             icon: {
@@ -782,29 +783,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 = 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 = useCallback((e) => {
-        if (e.keyCode === 13) {
+        if (e.key === 'Enter') {
             e.stopPropagation();
             e.preventDefault();
             onEnterSearch && onEnterSearch();
         }
     }, [onEnterSearch]);
     return (React__default.createElement(StyleSearchInputsWrapper, { ref: inputSearchWrapperRef }, type === 'specialty' ? (React__default.createElement(Input.Wrapper, { styles: styleInputWrapper },
-        React__default.createElement(Input, { icon: hasSearchIcon && React__default.createElement(Search, null), size: isMobile ? 'md' : 'lg', placeholder: placeholderSearch, styles: styleInputSpecialties, value: state.searchKeywords, onFocus: () => dispatch({ type: ActionTypes.FocusInputSearchSpecialty }), onChange: (event) => {
+        React__default.createElement(Input, { ref: internalInputRef, icon: hasSearchIcon && React__default.createElement(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.createElement(React__default.Fragment, null,
         type === 'service' ? (React__default.createElement(Input.Wrapper, { styles: styleInputWrapper },
-            React__default.createElement(Input, { icon: hasSearchIcon && React__default.createElement(Search, null), size: isMobile ? 'md' : 'lg', name: "search-results", placeholder: placeholderSearch, onFocus: () => {
+            React__default.createElement(Input, { ref: internalInputRef, icon: hasSearchIcon && React__default.createElement(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) => {
@@ -812,13 +819,13 @@ onSearch, onFocusInput, onEnterSearch, dispatch, onlyShowSearchBox, onChangeSpec
                 }, onKeyDown: inputOnKeyDown }))) : (React__default.createElement(React__default.Fragment, null, isMobile && !hideSpecialtySelection ? (React__default.createElement(React__default.Fragment, null,
             !onlyShowSearchBox && (React__default.createElement(SearchSpecialty, { state: state, isMobile: isMobile, dispatch: dispatch, debouncedFetchSearchResults: debouncedFetchSearchResults, onSpecialtyClick: handleSpecialtyClick })),
             React__default.createElement(Input.Wrapper, { styles: styleInputWrapper },
-                React__default.createElement(Input, { icon: hasSearchIcon && React__default.createElement(Search, null), size: "md", placeholder: placeholderSearch, value: state.searchKeywords, name: "search-results", onFocus: () => {
+                React__default.createElement(Input, { ref: internalInputRef, icon: hasSearchIcon && React__default.createElement(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.createElement(Input.Wrapper, { styles: styleInputWrapper, className: hideSpecialtySelection ? 'hide-specialty-selection' : '' },
-            React__default.createElement(Input, Object.assign({ icon: hasSearchIcon && React__default.createElement(Search, null), size: "lg", placeholder: placeholderSearch, styles: styleInput, name: "search-results", autoComplete: "off", value: state.searchKeywords, onChange: (event) => {
+            React__default.createElement(Input, Object.assign({ ref: internalInputRef, icon: hasSearchIcon && React__default.createElement(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 });
@@ -826,7 +833,8 @@ onSearch, onFocusInput, onEnterSearch, dispatch, onlyShowSearchBox, onChangeSpec
                 }, onKeyDown: inputOnKeyDown }, gaAttributes, { rightSection: hideSpecialtySelection ? (React__default.createElement(React__default.Fragment, null)) : (!onlyShowSearchBox && (React__default.createElement(SearchSpecialty, { state: state, isMobile: isMobile, dispatch: dispatch, debouncedFetchSearchResults: debouncedFetchSearchResults, onSpecialtyClick: handleSpecialtyClick }))) })))))),
         !isMobile && (React__default.createElement(StyleResultWrapper$2, null,
             React__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 = __rest(_a, ["searchInputEle", "closeModal", "children"]);
@@ -1548,6 +1556,8 @@ triggerSearchWhenChangeFilter, routerPush, onGeoLocationPermissionChange,
 onChangeLocation, }) => {
     const { locale, t } = useTranslations();
     const wrapperRef = useRef(null);
+    const searchInputDesktopRef = useRef(null);
+    const searchInputMobileRef = useRef(null);
     const inputSearchSpecialtyWrapperRef = useRef(null);
     const [currentTab, setCurrentTab] = useState(initTypeSearch);
     const { geoLocationPermission: geoLocationPermissionFromHook, geoLocationCoordinates: geoLocationCoordinatesFromHook, } = useGeolocation();
@@ -1603,21 +1613,23 @@ onChangeLocation, }) => {
     const debouncedFetchCitiesByKeyword = useMemo(() => debounce(fetchCitiesByKeyword, 400), [fetchCitiesByKeyword]);
     const debouncedFetchSearchResults = useMemo(() => debounce(fetchSearchResults, 400), [fetchSearchResults]);
     const handleLocationClick = 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();
@@ -1705,6 +1717,15 @@ onChangeLocation, }) => {
     useEffect(() => {
         fetchSearchResults(state.searchKeywords, state, currentTab, clientSlug, true);
     }, [currentTab]);
+    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,
@@ -1712,7 +1733,7 @@ onChangeLocation, }) => {
         dispatch: dispatch,
         debouncedFetchSearchResults: debouncedFetchSearchResults,
         initalSearchValue: initialSearchValue,
-        focusSearchInput: focusSearchInput,
+        // focusSearchInput: focusSearchInput,
         onEnterSearch: onClickSearchByKeyword,
         typeInformation: typeInformation,
         trackingAttributes: gaTrackingSearchBar,
@@ -1732,7 +1753,7 @@ onChangeLocation, }) => {
                         React__default.createElement("div", { ref: inputSearchSpecialtyWrapperRef },
                             React__default.createElement(Flex, { gap: "12px", justify: "space-between", align: "center", direction: isMobile ? 'column' : 'row', className: "flex-search-input" },
                                 currentTab !== 'specialty' && (React__default.createElement(SearchLocation, { state: state, isMobile: isMobile, dispatch: dispatch, debouncedFetchCitiesByKeyword: debouncedFetchCitiesByKeyword, selectedLocation: selectedLocation, onLocationClick: handleLocationClick, trackingAttributes: gaTrackingLocationSearch })),
-                                React__default.createElement(SearchInputs, Object.assign({}, searchInputsProps, { onFocusInput: () => isMobile && open() })),
+                                React__default.createElement(SearchInputs, Object.assign({}, searchInputsProps, { ref: searchInputDesktopRef, onFocusInput: () => isMobile && open() })),
                                 React__default.createElement(Button, { size: isMobile ? 'md' : 'lg', fullWidth: isMobile, variant: "primary", onClick: () => onClickSearchByKeyword(), styles: {
                                         root: {
                                             height: isMobile ? '40px' : '48px',
@@ -1743,8 +1764,8 @@ onChangeLocation, }) => {
                                 state.popularKeys.length > 0 && (React__default.createElement(SearchTag, { type: currentTab, state: state, typeInformation: typeInformation, dispatch: dispatch })),
                             currentTab === 'specialty' &&
                                 focusedSpecialty === 'search' && (React__default.createElement(SearchResultSpecialties, { state: state, isMobile: isMobile, dispatch: dispatch, specialties: (searchResults === null || searchResults === void 0 ? void 0 : searchResults.specialty) || [], isLoading: isLoadingSearchResults }))))))),
-        isMobile && (React__default.createElement(ModalSearchResult, { opened: opened, onClose: close, closeModal: close, searchInputEle: React__default.createElement(Flex, { align: 'center', gap: 8 },
-                React__default.createElement(SearchInputs, Object.assign({}, searchInputsProps, { onlyShowSearchBox: true })),
+        isMobile && (React__default.createElement(ModalSearchResult, { keepMounted: true, opened: opened, onClose: close, closeModal: close, searchInputEle: React__default.createElement(Flex, { align: 'center', gap: 8 },
+                React__default.createElement(SearchInputs, Object.assign({}, searchInputsProps, { onlyShowSearchBox: true, ref: searchInputMobileRef })),
                 React__default.createElement(Button, { variant: "primary", leftIcon: React__default.createElement(Search, { size: 20, color: '#fff' }), onClick: () => onClickSearchByKeyword() })) },
             React__default.createElement(SearchResultContent, { type: currentTab, state: state, dispatch: dispatch, isLoading: isLoadingSearchResults, typeInformation: typeInformation, clientSlug: clientSlug })))));
 };

package/build/esm/components.js

@@ -1,175 +1,175 @@
-export { A as Alert, B as Badge, a as BorderHeading, C as CardCollapse, D as DragFreeCarousel, f as FILE_UPLOAD_ACCEPTED_RATIOS, g as FILE_UPLOAD_ACCEPTED_TYPES, F as FileDropdown, G as Grid, H as HtmlContent, I as IconHeading, e as ImageUpload, R as Radio, b as RateStars, S as StepRenderer, d as StepRendererContext, T as Tag, c as Toggle } from './index-3e6db125.js';
-export { A as Avatar, D as DistanceTag, a as DrawerBottom, I as IconWrapper } from './index-ee54429d.js';
-export { B as Button } from './index-6bbb0e97.js';
-export { C as Checkbox, I as ImageWrapV2, P as Pagination, a as PureInput, b as SearchInput, S as StyledSearchIcon } from './index-f7c2583a.js';
-export { C as Container } from './index-88118f77.js';
-export { D as Divider } from './index-92872190.js';
-export { D as Drawer } from './index-39549e5a.js';
-export { F as Flag } from './index-e88561d2.js';
-export { H as Heading } from './index-dde6a039.js';
-export { I as Icon } from './index-4d7d666c.js';
-export { I as Input, L as Label } from './index-b0aec8dc.js';
-export { L as Logo } from './index-dceadba0.js';
-export { R as RadioImageGroup } from './index-6c4c79a2.js';
-export { T as Text } from './index-ea4d6de6.js';
-export { T as TextArea } from './index-8da666a5.js';
-export { A as AuthorBadge, B as BookingBtn } from './index-b8678ca0.js';
-export { B as BtnChoice } from './index-4022b12a.js';
-export { C as CustomReferenceDot } from './index-31f5fcd1.js';
-export { I as ImageWrap } from './index-159d63cf.js';
-export { L as LogoIcon } from './logoIcon-2c68a966.js';
-export { G as GenderOptionControl } from './index-185f5b7e.js';
-export { L as Loading } from './index-35940c02.js';
-export { C as CartCareButton } from './index-e91b7bed.js';
-export { D as DrawerComponent } from './index-0e5d5bff.js';
-export { I as InputDate } from './InputDate-0d582719.js';
+export { A as Alert, B as Badge, a as BorderHeading, C as CardCollapse, D as DragFreeCarousel, f as FILE_UPLOAD_ACCEPTED_RATIOS, g as FILE_UPLOAD_ACCEPTED_TYPES, F as FileDropdown, G as Grid, H as HtmlContent, I as IconHeading, e as ImageUpload, R as Radio, b as RateStars, S as StepRenderer, d as StepRendererContext, T as Tag, c as Toggle } from './index-a8ea9a2f.js';
+export { A as Avatar, D as DistanceTag, a as DrawerBottom, I as IconWrapper } from './index-812d0510.js';
+export { B as Button } from './index-9119bfe9.js';
+export { C as Checkbox, I as ImageWrapV2, P as Pagination, a as PureInput, b as SearchInput, S as StyledSearchIcon } from './index-961d5c5d.js';
+export { C as Container } from './index-b7134e86.js';
+export { D as Divider } from './index-bdac8221.js';
+export { D as Drawer } from './index-407c35d5.js';
+export { F as Flag } from './index-e8f95b6c.js';
+export { H as Heading } from './index-628a6873.js';
+export { I as Icon } from './index-f65eeed0.js';
+export { I as Input, L as Label } from './index-7c364e7f.js';
+export { L as Logo } from './index-d4d247d1.js';
+export { R as RadioImageGroup } from './index-be8e041c.js';
+export { T as Text } from './index-51e4e8be.js';
+export { T as TextArea } from './index-f8b92899.js';
+export { A as AuthorBadge, B as BookingBtn } from './index-d73a83ad.js';
+export { B as BtnChoice } from './index-31d7ed0f.js';
+export { C as CustomReferenceDot } from './index-3aa5938f.js';
+export { I as ImageWrap } from './index-9a16caed.js';
+export { L as LogoIcon } from './logoIcon-a5747f2c.js';
+export { G as GenderOptionControl } from './index-017e2feb.js';
+export { L as Loading } from './index-68ac46be.js';
+export { C as CartCareButton } from './index-75a04aa8.js';
+export { D as DrawerComponent } from './index-95817a54.js';
+export { I as InputDate } from './InputDate-0f11e714.js';
 export { ArticleCard } from './moleculesArticleCard.js';
 export { ArticleCard as ArticleCardV2 } from './moleculesArticleCardV2.js';
-export { A as AdBlock, x as AnsweredByDoctor, B as Breadcrumbs, p as CardListItem, C as CategoryCard, s as CertificateItem, a as CheckboxGroup, e as CookieAcceptConfirm, D as DatePicker, g as DateRangePicker, d as DoctorInfo, k as FixedBottomAdBlock, F as FloatButtonGroup, G as GeneralInfo, H as HPVScreener, I as IconText, L as List, m as ListContext, w as MAX_RATING, M as ModalGallery, r as ModalGalleryProvider, Q as QuickFilter, o as QuickFilterWrapLine, R as RadioGroup, t as RatingStars, v as RatingStarsInput, S as ScrollList, f as SeoHead, h as ShareContainer, j as ShareDrawer, i as SideMenu, b as StatisticCard, l as SummaryInfo, c as Table, T as Tabs, V as VoucherItem, W as WidgetChatbotAi, y as formatSiteWideBanner, n as useList, u as useListContext, q as useModalGalleryContext } from './transform-d3a6c575.js';
-export { D as Dropdown } from './index-c7112167.js';
-export { P as Popup } from './index-65449d23.js';
-export { M as Modal } from './index-a73f9364.js';
+export { A as AdBlock, x as AnsweredByDoctor, B as Breadcrumbs, p as CardListItem, C as CategoryCard, s as CertificateItem, a as CheckboxGroup, e as CookieAcceptConfirm, D as DatePicker, g as DateRangePicker, d as DoctorInfo, k as FixedBottomAdBlock, F as FloatButtonGroup, G as GeneralInfo, H as HPVScreener, I as IconText, L as List, m as ListContext, w as MAX_RATING, M as ModalGallery, r as ModalGalleryProvider, Q as QuickFilter, o as QuickFilterWrapLine, R as RadioGroup, t as RatingStars, v as RatingStarsInput, S as ScrollList, f as SeoHead, h as ShareContainer, j as ShareDrawer, i as SideMenu, b as StatisticCard, l as SummaryInfo, c as Table, T as Tabs, V as VoucherItem, W as WidgetChatbotAi, y as formatSiteWideBanner, n as useList, u as useListContext, q as useModalGalleryContext } from './transform-0409f780.js';
+export { D as Dropdown } from './index-e7556929.js';
+export { P as Popup } from './index-365aaac0.js';
+export { M as Modal } from './index-3c83d407.js';
 export { ProgressBar } from './progressBar.js';
-export { S as SurveyQuestionCard, a as SurveyThankyouCard } from './surveyThankyouCard-fc3022bb.js';
+export { S as SurveyQuestionCard, a as SurveyThankyouCard } from './surveyThankyouCard-adc72d8f.js';
 export { MobileBottomNavigation } from './mobileBottomNavigation.js';
-export { M as MobileBottomNavigationIcon } from './MobileBottomNavigationIcon-6faeed67.js';
-export { H as HealthToolCardWrapper, T as ToolsBannerCard } from './index-ae268a69.js';
-export { a as DUE_DATE_METHOD, D as DueDateForm } from './index-ce4459f8.js';
+export { M as MobileBottomNavigationIcon } from './MobileBottomNavigationIcon-9837a6bc.js';
+export { H as HealthToolCardWrapper, T as ToolsBannerCard } from './index-c9f6e51a.js';
+export { a as DUE_DATE_METHOD, D as DueDateForm } from './index-24feba2c.js';
 export { DueDateCardEmbed } from './embeddedHeathToolCards_dueDate_dueDate.js';
 export { BMICardEmbed } from './embeddedHeathToolCards_bmi_bmi.js';
-export { B as BmiForm, N as BmiNewsletterCheckbox, Q as BmiQuestion1Label, b as BmiQuestion2Description, a as BmiQuestion2Label, H as HealthToolDefaultLayout } from './index-0483bcf6.js';
+export { B as BmiForm, N as BmiNewsletterCheckbox, Q as BmiQuestion1Label, b as BmiQuestion2Description, a as BmiQuestion2Label, H as HealthToolDefaultLayout } from './index-ea7f005a.js';
 export { BabyGrowthCardEmbed } from './embeddedHeathToolCards_babyGrowth.js';
 export { BabyPoopEmbed } from './embeddedHeathToolCards_babyPoop.js';
-export { B as BabyPoopForm } from './index-c2572827.js';
+export { B as BabyPoopForm } from './index-7ce4e7a1.js';
 export { THRCardEmbed } from './embeddedHeathToolCards_targetHeartRate.js';
-export { T as ThrForm } from './index-0c48591d.js';
+export { T as ThrForm } from './index-4994e065.js';
 export { BMRCardEmbed } from './embeddedHeathToolCards_bmrBmr.js';
 export { OvulationCardEmbed } from './embeddedHeathToolCards_ovulation_ovulation.js';
-export { O as OvulationForm } from './index-55ad9cd3.js';
-export { B as BabyVaccineForm } from './index-99c90365.js';
+export { O as OvulationForm } from './index-4220eaf4.js';
+export { B as BabyVaccineForm } from './index-e2bfa890.js';
 export { BabyVaccineCardEmbed } from './embeddedHeathToolCards_babyVaccine.js';
 export { PWGCardEmbed } from './embeddedHeathToolCards_pwg_pwg.js';
-export { P as PWGForm } from './index-4d615cc4.js';
-export { L as LanguageSwitcher, S as SiteWideBanner, V as VideoItem, a as VideoPlayerModal } from './SiteWideBanner-d9dd3d7d.js';
-export { P as PillCarousel } from './index-8b969c6c.js';
-export { A as AddressInput } from './index-44e47a98.js';
-export { a as MAPPING_CATEGORY_PREMIUM_API_TYPE, M as MAPPING_CATEGORY_PREMIUM_TYPE, b as SideBannerModal, S as SurveyOrPremiumBanner } from './index-982d1911.js';
-export { D as DoctorExpertiseItem, a as DoctorInfoExpertise, I as InsuranceList, P as PaymentList } from './index-8daf2c8c.js';
-export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-ebf2bad0.js';
-export { A as ArticleDetailCard, C as ClinicInfo, b as CollectPhoneForm, D as DoctorExpertise, c as EGender, E as EPopupCollectPhoneStep, e as EPopupRequestConsultationStep, H as HospitalInfo, P as PopupCollectPhone, g as PopupRequestConsultation, h as ProductInsuranceInfo, R as RequestConsultationForm, d as RequestConsultationSuccess, U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats, f as formPhoneType } from './index-1233e811.js';
-export { F as Footer } from './index-4c7bed1a.js';
+export { P as PWGForm } from './index-dff0d3a4.js';
+export { L as LanguageSwitcher, S as SiteWideBanner, V as VideoItem, a as VideoPlayerModal } from './SiteWideBanner-112f573d.js';
+export { P as PillCarousel } from './index-19629030.js';
+export { A as AddressInput } from './index-cff6e483.js';
+export { a as MAPPING_CATEGORY_PREMIUM_API_TYPE, M as MAPPING_CATEGORY_PREMIUM_TYPE, b as SideBannerModal, S as SurveyOrPremiumBanner } from './index-a2987803.js';
+export { D as DoctorExpertiseItem, a as DoctorInfoExpertise, I as InsuranceList, P as PaymentList } from './index-e817f494.js';
+export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-98e69e88.js';
+export { A as ArticleDetailCard, C as ClinicInfo, b as CollectPhoneForm, D as DoctorExpertise, c as EGender, E as EPopupCollectPhoneStep, e as EPopupRequestConsultationStep, H as HospitalInfo, P as PopupCollectPhone, g as PopupRequestConsultation, h as ProductInsuranceInfo, R as RequestConsultationForm, d as RequestConsultationSuccess, U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats, f as formPhoneType } from './index-ab7dd2a2.js';
+export { F as Footer } from './index-f6bf227d.js';
 export { NavigationLogoutPopup } from './navigationLogoutPopup.js';
-export { N as NavigationProfileButton } from './index-08b9f46a.js';
+export { N as NavigationProfileButton } from './index-a10ed033.js';
 export { ProfileNavigation } from './profileNavigation.js';
 import 'react';
-import './index-e8449c52.js';
-import './tslib.es6-122e0bb6.js';
+import './index-8827fc70.js';
+import './tslib.es6-3a3c10a3.js';
 import '@mantine/core';
-import './index-bf8e097d.js';
+import './index-bbd00e04.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './utils-4415c419.js';
+import './utils-6cb43bb9.js';
 import '@mantine/hooks';
 import './miscDefaultClassWrapper.js';
 import 'react-keyed-flatten-children';
-import './Close-6e284e1c.js';
-import './index-4df0fb8e.js';
-import './translationsContext-b15ae607.js';
+import './Close-0d7f9ea3.js';
+import './index-df68f090.js';
+import './translationsContext-da8441dd.js';
 import '@mantine/carousel';
 import 'vaul';
-import './index-227fed63.js';
+import './index-7c0b132c.js';
 import 'date-fns/locale';
-import './index-2e2648e7.js';
-import './Locale-174e25d4.js';
+import './index-2e18580a.js';
+import './Locale-60848a94.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
 import './constantsIsProduction.js';
-import './index-7917c2d7.js';
-import './shared-161ef93d.js';
+import './index-00f1332e.js';
+import './shared-0f29f701.js';
 import '@mantine/dates';
-import './index-064ad859.js';
-import './index-0aa76d62.js';
+import './index-b88c9307.js';
+import './index-e35abd0d.js';
 import 'dayjs';
 import '@mantine/notifications';
-import './index.styles-d03d1e3e.js';
-import './index-450ae55e.js';
+import './index.styles-d901b2d1.js';
+import './index-c881b0e3.js';
 import '@hhgtech/icons/other';
 import '@emotion/react';
-import './animation-87e9e3b2.js';
+import './animation-15580ff2.js';
 import 'classnames';
 import 'uuid';
-import './useUniqueId-00940803.js';
+import './useUniqueId-4c0584d9.js';
 import '@hhgtech/icons/core';
-import './WhatsApp-b7fb9752.js';
-import './Spinner-6a4c9b26.js';
-import './index-18efca6c.js';
-import './paths-94efcc20.js';
-import './constants-654bf313.js';
-import './utils-5fff4235.js';
-import './index-13f0e368.js';
+import './WhatsApp-f727d788.js';
+import './Spinner-532766b9.js';
+import './index-b46a799d.js';
+import './paths-adc05d75.js';
+import './constants-72965a08.js';
+import './utils-d2d0e454.js';
+import './index-b72d5c54.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-3c9e73b0.js';
+import './constants-53cafe74.js';
 import 'innertext';
 import 'date-fns';
 import 'react-day-picker/DayPickerInput';
 import 'lodash/throttle';
 import 'html-react-parser';
-import './useOutsideClick-e56facd4.js';
+import './useOutsideClick-696a9b61.js';
 import 'date-fns/locale/en-US';
 import 'date-fns/locale/id';
 import 'date-fns/locale/vi';
 import 'date-fns/locale/zh-TW';
 import './miscGetSocialList.js';
-import './index-15753722.js';
+import './index-d59fed0b.js';
 import 'js-cookie';
 import '@hhgtech/icons/arrow';
 import 'lottie-light-react';
 import 'lodash/get';
 import 'lodash/debounce';
-import './useScrollbarSize-210ec74f.js';
+import './useScrollbarSize-8e291593.js';
 import 'react-dom';
-import './context-cae061f0.js';
-import './LastPeriod-e1159b85.js';
+import './context-f5450365.js';
+import './LastPeriod-9c6c11fa.js';
 import '@mantine/form';
-import './index-f90a55c4.js';
-import './index-2d8034f6.js';
+import './index-56e797dc.js';
+import './index-1c7bb6d9.js';
 import 'react-hook-form';
-import './useHealthToolCache-05b6be40.js';
+import './useHealthToolCache-ec6f2a34.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-6a5cfd2f.js';
-import './core-6e6d4c7b.js';
+import './normalizeLink-dcc9bce4.js';
+import './core-a8761630.js';
 import './embeddedHeathToolCards_helpers.js';
-import './index-33ac9b03.js';
-import './constants-9c5d73c2.js';
-import './dataTransform-d619da77.js';
-import './number-2fbc8bec.js';
-import './index-7be68107.js';
-import './index-009af508.js';
-import './post-e429d0a6.js';
-import './index-89b824c9.js';
-import './utils-1e003759.js';
-import './healthTools-7629edcd.js';
-import './store-cc1d156d.js';
+import './index-343148ad.js';
+import './constants-9e34bece.js';
+import './dataTransform-7d9f5512.js';
+import './number-25d0e5b1.js';
+import './index-d408ee51.js';
+import './index-f43ff238.js';
+import './post-fdfbee50.js';
+import './index-d9e82a48.js';
+import './utils-2a55f1a7.js';
+import './healthTools-a98314c6.js';
+import './store-c1808883.js';
 import 'zustand';
-import './index-5d4962de.js';
-import './index-cfd7b312.js';
+import './index-b9034ae3.js';
+import './index-084c3700.js';
 import 'lodash/flatten';
 import 'lodash/uniqBy';
-import './constants-c7bf7894.js';
-import './index-6f1bd768.js';
-import './useCartCareService-f2d8d9f6.js';
+import './constants-2f3dbda1.js';
+import './index-aceb9d78.js';
+import './useCartCareService-50142271.js';
 import 'zustand/middleware';
-import './utils-2f0215c4.js';
+import './utils-04a4e09f.js';
 import 'dayjs/plugin/relativeTime';
-import './index-865a1bff.js';
+import './index-8eb8c165.js';
 import 'lodash/isEmpty';
-import './types-e00ec7c7.js';
+import './types-149c950f.js';
 import '@react-google-maps/api';
-import './localizeNumberFormat-32318249.js';
+import './localizeNumberFormat-3ac239cf.js';
 import 'react-phone-number-input';
-import './index-8c8ae89c.js';
-import './ChevronDown-27a0dc02.js';
+import './index-3a722f82.js';
+import './ChevronDown-3c274459.js';

package/build/esm/{constants-c7bf7894.js → constants-2f3dbda1.js}

@@ -1,4 +1,4 @@
-import './index-227fed63.js';
+import './index-7c0b132c.js';
 import { isProduction } from './constantsIsProduction.js';
 
 const isDevelopment = process.env.NEXT_PUBLIC_DEPLOY_ENV === 'development';

package/build/esm/{constants-3c9e73b0.js → constants-53cafe74.js}

@@ -1,5 +1,5 @@
-import './index-2e2648e7.js';
-import { L as LOCALE } from './Locale-174e25d4.js';
+import './index-2e18580a.js';
+import { L as LOCALE } from './Locale-60848a94.js';
 
 const POST_DATE_FORMAT = 'dd/MM/yyyy';
 const NORMAL_DATE_FORMAT = 'YYYY-MM-DD';