@hhgtech/hhg-components 1.29.531 → 1.29.532-beta-2

package/build/care.js

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var careBookingSearchBar = require('./careBookingSearchBar.js');
 var careBookingSearchBarV2 = require('./careBookingSearchBarV2.js');
-var index = require('./index-9aa784bd.js');
-var constants = require('./constants-e7b999fb.js');
-var types = require('./types-512d19c5.js');
-require('./tslib.es6-90a4355c.js');
+var index = require('./index-bcfdf981.js');
+var constants = require('./constants-7e4f29d1.js');
+var types = require('./types-31832a61.js');
+require('./tslib.es6-55da93f4.js');
 require('react');
 require('@emotion/react');
-require('./utils-ace23367.js');
-require('./index-3e0d3fee.js');
+require('./utils-c0497aa1.js');
+require('./index-7d390897.js');
 require('date-fns/locale');
-require('./index-477e91bc.js');
-require('./Locale-6246abf7.js');
+require('./index-eeef0e39.js');
+require('./Locale-01c42706.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
@@ -22,33 +22,34 @@ require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-e7e615f5.js');
+require('./utils-23f24dbb.js');
 require('react-loading-skeleton');
 require('string-format');
-require('./index-a4ea335e.js');
-require('./translationsContext-fc224132.js');
+require('./index-e6983eb2.js');
+require('./translationsContext-18d3985c.js');
 require('lodash/debounce');
-require('./index-f9c6bfa4.js');
+require('./index-21ef0418.js');
 require('@mantine/core');
-require('./index-e4b54db3.js');
-require('./index-26e40dcd.js');
+require('./index-b58cffdb.js');
+require('./index-175de8d1.js');
 require('lodash/shuffle');
-require('./useOutsideClick-e69892c4.js');
-require('./paths-8a47ecdd.js');
+require('./useOutsideClick-ac6b6f22.js');
+require('./paths-1c306bf3.js');
 require('@hhgtech/icons/core');
 require('@mantine/hooks');
-require('./index-3a3a5d30.js');
-require('./ChevronDown-ba577829.js');
+require('./index-fb9b3293.js');
+require('./ChevronDown-2222229e.js');
 require('@hhgtech/icons/arrow');
-require('./index-1d4671e0.js');
-require('./index.styles-3c726347.js');
-require('./index-d3aa502c.js');
-require('./shared-a57af0d3.js');
+require('./index-f4b23484.js');
+require('./index.styles-27d92652.js');
+require('./index-58bed22a.js');
+require('./shared-6710e604.js');
 
 
 
 exports.BookingSearchBar = careBookingSearchBar.BookingSearchBar;
 exports.BookingSearchBarV2 = careBookingSearchBarV2.BookingSearchBarV2;
+exports.BookingSearchBarV3 = index.BookingSearchBarV3;
 exports.TextDivider = index.TextDivider;
 exports.CareConstants = constants.constants;
 exports.CareTypes = types.types;

package/build/careBookingSearchBar.js

@@ -2,35 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-90a4355c.js');
+var tslib_es6 = require('./tslib.es6-55da93f4.js');
 var React = require('react');
 var react = require('@emotion/react');
-var utils = require('./utils-ace23367.js');
-var index$1 = require('./index-a4ea335e.js');
+var utils = require('./utils-c0497aa1.js');
+var index$1 = require('./index-e6983eb2.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-e7b999fb.js');
+var constants = require('./constants-7e4f29d1.js');
 var styled = require('@emotion/styled');
-var index = require('./index-f9c6bfa4.js');
-var index$2 = require('./index-e4b54db3.js');
+var index = require('./index-21ef0418.js');
+var index$2 = require('./index-b58cffdb.js');
 var miscTheme = require('./miscTheme.js');
 var shuffle = require('lodash/shuffle');
-var useOutsideClick = require('./useOutsideClick-e69892c4.js');
-var utils$1 = require('./utils-e7e615f5.js');
+var useOutsideClick = require('./useOutsideClick-ac6b6f22.js');
+var utils$1 = require('./utils-23f24dbb.js');
 var Skeleton = require('react-loading-skeleton');
-var paths = require('./paths-8a47ecdd.js');
-require('./index-3e0d3fee.js');
+var paths = require('./paths-1c306bf3.js');
+require('./index-7d390897.js');
 require('date-fns/locale');
-require('./index-477e91bc.js');
-require('./Locale-6246abf7.js');
+require('./index-eeef0e39.js');
+require('./Locale-01c42706.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('string-format');
-require('./translationsContext-fc224132.js');
+require('./translationsContext-18d3985c.js');
 require('@mantine/core');
-require('./index-26e40dcd.js');
+require('./index-175de8d1.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/careBookingSearchBarV2.js

@@ -6,26 +6,26 @@ var React = require('react');
 var core$1 = require('@hhgtech/icons/core');
 var core = require('@mantine/core');
 var hooks = require('@mantine/hooks');
-var utils$1 = require('./utils-ace23367.js');
-var useOutsideClick = require('./useOutsideClick-e69892c4.js');
-var index$1 = require('./index-a4ea335e.js');
+var utils$1 = require('./utils-c0497aa1.js');
+var useOutsideClick = require('./useOutsideClick-ac6b6f22.js');
+var index$1 = require('./index-e6983eb2.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-e7b999fb.js');
+var constants = require('./constants-7e4f29d1.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-e7e615f5.js');
-var index = require('./index-3a3a5d30.js');
-var index$2 = require('./index-e4b54db3.js');
-var ChevronDown = require('./ChevronDown-ba577829.js');
-var tslib_es6 = require('./tslib.es6-90a4355c.js');
+var utils = require('./utils-23f24dbb.js');
+var index = require('./index-fb9b3293.js');
+var index$2 = require('./index-b58cffdb.js');
+var ChevronDown = require('./ChevronDown-2222229e.js');
+var tslib_es6 = require('./tslib.es6-55da93f4.js');
 var arrow = require('@hhgtech/icons/arrow');
-var index$3 = require('./index-1d4671e0.js');
-var paths = require('./paths-8a47ecdd.js');
-var index$4 = require('./index-d3aa502c.js');
-require('./index-3e0d3fee.js');
+var index$3 = require('./index-f4b23484.js');
+var paths = require('./paths-1c306bf3.js');
+var index$4 = require('./index-58bed22a.js');
+require('./index-7d390897.js');
 require('date-fns/locale');
-require('./index-477e91bc.js');
-require('./Locale-6246abf7.js');
+require('./index-eeef0e39.js');
+require('./Locale-01c42706.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
@@ -33,10 +33,10 @@ require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('react-loading-skeleton');
 require('string-format');
-require('./translationsContext-fc224132.js');
-require('./index-26e40dcd.js');
-require('./index.styles-3c726347.js');
-require('./shared-a57af0d3.js');
+require('./translationsContext-18d3985c.js');
+require('./index-175de8d1.js');
+require('./index.styles-27d92652.js');
+require('./shared-6710e604.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -140,6 +140,7 @@ var ActionTypes;
     ActionTypes["FetchSearchResultsComplete"] = "fetch search results complete";
     ActionTypes["FetchSearchResultsFinish"] = "fetch search results finish";
     ActionTypes["FetchCitiesByGeoIpComplete"] = "fetch cities by geo IP finish";
+    ActionTypes["FetchCitiesByDefaultComplete"] = "fetch cities by default finish";
     ActionTypes["FetchCitiesByKeywordComplete"] = "fetch cities by keyword finish";
     ActionTypes["DisplayInitialCities"] = "display initial cities";
     ActionTypes["DisplayInitialSearchResults"] = "display initial search results";
@@ -267,6 +268,9 @@ function reducer(state, action) {
             }
             return nextState;
         }
+        case ActionTypes.FetchCitiesByDefaultComplete: {
+            return Object.assign(Object.assign({}, state), { defaultCity: null, initialCities: action.payload, cities: action.payload });
+        }
         case ActionTypes.FetchCitiesByKeywordComplete:
             return Object.assign(Object.assign({}, state), { cities: action.payload });
         case ActionTypes.DisplayInitialCities:
@@ -1561,6 +1565,19 @@ function useSearchBarApi({ dispatch, careApiDomain, locale = 'vi-VN', client = '
         })
             .catch((err) => console.error('error loading cities by location', err));
     }, [locale, careApiDomain, dispatch]);
+    const fetchCitiesByDefault = React.useCallback(function fetchCitiesByDefault() {
+        return fetchCitiesApi(paths.PATHS.GET_CITIES_LIST, {
+            noPaging: 1,
+            hospitalActive: 1,
+        })
+            .then((data) => {
+            dispatch({
+                type: ActionTypes.FetchCitiesByDefaultComplete,
+                payload: data.cities || [],
+            });
+        })
+            .catch((err) => console.error('error loading cities by default', err));
+    }, [locale, careApiDomain, dispatch]);
     const fetchCitiesByKeyword = React.useCallback(function fetchCitiesByKeyword(keyword) {
         return fetchCitiesApi(paths.PATHS.GET_CITIES_LIST, {
             keyword,
@@ -1712,6 +1729,7 @@ function useSearchBarApi({ dispatch, careApiDomain, locale = 'vi-VN', client = '
     }, [locale, careApiDomain, dispatch]);
     return {
         fetchCitiesByLocation,
+        fetchCitiesByDefault,
         fetchCitiesByKeyword,
         fetchSearchResults,
         fetchAllSpecialties,
@@ -1725,7 +1743,8 @@ gaTrackingSearchBar, gaTrackingLocationSearch, autoCompleteDisabled = false, inp
 // isOptionAllLocation = false,
 // hideResults = [],
 // isNavResultItem = true,
-triggerSearchWhenChangeFilter, routerPush, onGeoLocationPermissionChange, 
+triggerSearchWhenChangeFilter, routerPush, 
+// onGeoLocationPermissionChange,
 // onSearch,
 onChangeLocation, }) => {
     var _a;
@@ -1747,16 +1766,18 @@ onChangeLocation, }) => {
     const { navigateTo, focusedSpecialty, 
     // isLoadingCities,
     // cities,
-    searchKeywords, geoLocationPermission, selectedLocation, 
+    searchKeywords, 
+    // geoLocationPermission,
+    selectedLocation, 
     // selectedSpecialty,
-    initialSelectedCity, 
+    // initialSelectedCity,
     // defaultCity,
     searchResults, isLoadingSearchResults,
     // isMobileModalOpened,
     // inputSearchPlaceholder,
     // allSpecialties,
      } = state;
-    const { fetchCitiesByLocation, fetchCitiesByKeyword, fetchSearchResults, fetchAllSpecialties, fetchPopularKeys, } = useSearchBarApi({
+    const { fetchCitiesByDefault, fetchCitiesByKeyword, fetchSearchResults, fetchAllSpecialties, fetchPopularKeys, } = useSearchBarApi({
         dispatch,
         locale,
         careApiDomain,
@@ -1849,26 +1870,28 @@ onChangeLocation, }) => {
         !isMobile &&
             dispatch({ type: ActionTypes.ClickOutsideInputSearchSpecialty });
     });
-    React.useEffect(() => {
-        var _a;
-        if (geoLocationPermission !== 'denied' && !initialSelectedCity) {
-            dispatch({
-                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,
-                },
-            });
-        }
-        if (onGeoLocationPermissionChange) {
-            onGeoLocationPermissionChange(geoLocationPermission, state.geoLocationCoordinates);
-        }
-        if (isMobile && geoLocationPermission === 'granted' && selectedLocation) {
-            dispatch({ type: ActionTypes.FocusInputSearch });
-        }
-        fetchCitiesByLocation({ coordinates: state.geoLocationCoordinates });
-    }, [geoLocationPermission]);
+    // useEffect(() => {
+    //   if (geoLocationPermission !== 'denied' && !initialSelectedCity) {
+    //     dispatch({
+    //       type: ActionTypes.SelectLocation,
+    //       payload: {
+    //         name: t('booking.searchBar.allLocations'),
+    //         id: ID_OPTION_ALL_LOCATION,
+    //         slug: LOCALIZED_SLUGS[locale]?.ALL,
+    //       },
+    //     })
+    //   }
+    //   if (onGeoLocationPermissionChange) {
+    //     onGeoLocationPermissionChange(
+    //       geoLocationPermission,
+    //       state.geoLocationCoordinates,
+    //     )
+    //   }
+    //   if (isMobile && geoLocationPermission === 'granted' && selectedLocation) {
+    //     dispatch({ type: ActionTypes.FocusInputSearch })
+    //   }
+    //   fetchCitiesByDefault()
+    // }, [geoLocationPermission])
     React.useEffect(() => {
         var _a;
         const defaultSpecialty = initSpecialty
@@ -1897,8 +1920,22 @@ onChangeLocation, }) => {
             });
         }
     }, [initSpecialty, slugs.SPECIALTIES, t]);
+    React.useEffect(() => {
+        var _a;
+        if (initialSelectedCityFromProps || selectedLocation)
+            return;
+        dispatch({
+            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,
+            },
+        });
+    }, [dispatch, initialSelectedCityFromProps, locale, selectedLocation, t]);
     React.useEffect(() => {
         fetchAllSpecialties();
+        fetchCitiesByDefault();
     }, []);
     React.useEffect(() => {
         fetchPopularKeys(currentTab);

package/build/components/atoms/inputMB/index.styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledPureInput: import("@emotion/styled").StyledComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "onChange" | "size" | "ref" | "autoComplete" | "type" | "enterKeyHint"> & import("../pureInput").CustomInputProps & import("react").RefAttributes<HTMLInputElement> & {
+export declare const StyledPureInput: import("@emotion/styled").StyledComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref" | "enterKeyHint" | "onChange" | "size" | "autoComplete" | "type"> & import("../pureInput").CustomInputProps & import("react").RefAttributes<HTMLInputElement> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export declare const StyledTextField: import("@emotion/styled").StyledComponent<{
@@ -8,7 +8,7 @@ export declare const StyledTextField: import("@emotion/styled").StyledComponent<
     size: "sm" | "md" | "lg";
     readOnly?: boolean;
     isNumerousKeyboard?: boolean;
-    autoComplete?: "on" | "off";
+    autoComplete?: "off" | "on";
     errorMessage?: string;
     showErrorMessage?: boolean;
     actionIcon?: JSX.Element;
@@ -22,6 +22,6 @@ export declare const StyledTextField: import("@emotion/styled").StyledComponent<
     inputClassName?: string;
     trackingAttributes?: import("../../../care/components/organisms/bookingSearchBar/types").GATrackingCode;
     enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send";
-} & Omit<import("react").HTMLAttributes<HTMLInputElement>, "value" | "onChange" | "name"> & {
+} & Omit<import("react").HTMLAttributes<HTMLInputElement>, "onChange" | "value" | "name"> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/build/components/molecules/productDetail/generalInfo/GeneralInfo.d.ts

@@ -22,6 +22,7 @@ export type GeneralInfoProps = {
     isMobile?: boolean;
     imageCarousel?: string[];
     carouselSlotProps?: GeneralInfoCarouselSlotProps;
+    isCarouselParallax?: boolean;
     onCarouselImageClick?: (index: number) => void;
 };
 type StyledImageCarouselProps = Omit<ComponentProps<typeof StyledImageCarousel>, 'children'>;
@@ -34,7 +35,7 @@ export type GeneralInfoCarouselSlotProps = {
     imageItemWrapper?: Partial<CarouselImageItemWrapperProps>;
     imageItem?: Partial<CarouselImageItemProps>;
 };
-export declare function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bannerProps, imagesSelect, children, isMobile: isMobileProp, imageCarousel, carouselSlotProps, onCarouselImageClick, }: PropsWithChildren<GeneralInfoProps>): React.JSX.Element;
+export declare function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bannerProps, imagesSelect, children, isMobile: isMobileProp, imageCarousel, carouselSlotProps, isCarouselParallax, onCarouselImageClick, }: PropsWithChildren<GeneralInfoProps>): React.JSX.Element;
 export declare namespace GeneralInfo {
     var Container: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme;

package/build/components/molecules/productDetail/generalInfo/index.styled.d.ts

@@ -51,6 +51,7 @@ export declare const StyledImageCarousel: import("@emotion/styled").StyledCompon
     theme?: import("@emotion/react").Theme;
 } & {
     isMobile?: boolean;
+    isCarouselParallax?: boolean;
 }, {}, {}>;
 export declare const CarouselImageItemWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
@@ -72,3 +73,21 @@ export declare const CarouselImageItem: import("@emotion/styled").StyledComponen
 } & {
     isMobile?: boolean;
 }, {}, {}>;
+export declare const FixedHeroSection: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
+    scrollIndex?: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FixedHeroSpacer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContentOverlayWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContentOverlayWrapperParallax: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/navigationV2/index.d.ts

@@ -40,6 +40,7 @@ export type NavMenuContentType = {
 };
 export type Props = {
     isMobile?: boolean;
+    isHeaderCollapsible?: boolean;
     projectType?: ProjectType;
     siteType: 'marryBaby' | 'helloSites';
     ssrMenuContent?: NavMenuContentType;