@hhgtech/hhg-components 1.29.523-beta-2 → 1.29.523-beta-3

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-10b1e10a.js');
-var constants = require('./constants-34bd1b25.js');
-var types = require('./types-8fdc6a43.js');
-require('./tslib.es6-dc2f4a30.js');
+var index = require('./index-5fe108df.js');
+var constants = require('./constants-47f06577.js');
+var types = require('./types-2d69d50d.js');
+require('./tslib.es6-bf4b6368.js');
 require('react');
 require('@emotion/react');
-require('./utils-674f5480.js');
-require('./index-363b078a.js');
+require('./utils-36d24dea.js');
+require('./index-9d9e45e9.js');
 require('date-fns/locale');
-require('./index-0ce7c999.js');
-require('./Locale-e5dc1b5a.js');
+require('./index-5eb90d07.js');
+require('./Locale-b1545b41.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
@@ -22,22 +22,22 @@ require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-c7c4715a.js');
+require('./utils-ea8f1c08.js');
 require('react-loading-skeleton');
 require('string-format');
-require('./index-f9e907e0.js');
-require('./translationsContext-e67e3c37.js');
+require('./index-b6d17e48.js');
+require('./translationsContext-eb02176d.js');
 require('lodash/debounce');
-require('./index-3cfa2abd.js');
+require('./index-e94e916a.js');
 require('@mantine/core');
-require('./index-67ea7636.js');
-require('./index-631f55aa.js');
+require('./index-0a88d88c.js');
+require('./index-72bd3555.js');
 require('lodash/shuffle');
-require('./useOutsideClick-3083de3e.js');
-require('./paths-765062eb.js');
-require('./index-0d0a9730.js');
+require('./useOutsideClick-ba4e3c80.js');
+require('./paths-86198dde.js');
+require('./index-e4ef54a1.js');
 require('@hhgtech/icons/core');
-require('./ChevronDown-0084f7df.js');
+require('./ChevronDown-7d5fcec4.js');
 
 
 

package/build/careBookingSearchBar.js

@@ -2,35 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-dc2f4a30.js');
+var tslib_es6 = require('./tslib.es6-bf4b6368.js');
 var React = require('react');
 var react = require('@emotion/react');
-var utils = require('./utils-674f5480.js');
-var index$1 = require('./index-f9e907e0.js');
+var utils = require('./utils-36d24dea.js');
+var index$1 = require('./index-b6d17e48.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-34bd1b25.js');
+var constants = require('./constants-47f06577.js');
 var styled = require('@emotion/styled');
-var index = require('./index-3cfa2abd.js');
-var index$2 = require('./index-67ea7636.js');
+var index = require('./index-e94e916a.js');
+var index$2 = require('./index-0a88d88c.js');
 var miscTheme = require('./miscTheme.js');
 var shuffle = require('lodash/shuffle');
-var useOutsideClick = require('./useOutsideClick-3083de3e.js');
-var utils$1 = require('./utils-c7c4715a.js');
+var useOutsideClick = require('./useOutsideClick-ba4e3c80.js');
+var utils$1 = require('./utils-ea8f1c08.js');
 var Skeleton = require('react-loading-skeleton');
-var paths = require('./paths-765062eb.js');
-require('./index-363b078a.js');
+var paths = require('./paths-86198dde.js');
+require('./index-9d9e45e9.js');
 require('date-fns/locale');
-require('./index-0ce7c999.js');
-require('./Locale-e5dc1b5a.js');
+require('./index-5eb90d07.js');
+require('./Locale-b1545b41.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('string-format');
-require('./translationsContext-e67e3c37.js');
+require('./translationsContext-eb02176d.js');
 require('@mantine/core');
-require('./index-631f55aa.js');
+require('./index-72bd3555.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/careBookingSearchBarV2.js

@@ -4,23 +4,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils$1 = require('./utils-674f5480.js');
-var useOutsideClick = require('./useOutsideClick-3083de3e.js');
-var index$1 = require('./index-f9e907e0.js');
+var utils$1 = require('./utils-36d24dea.js');
+var useOutsideClick = require('./useOutsideClick-ba4e3c80.js');
+var index$1 = require('./index-b6d17e48.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-34bd1b25.js');
+var constants = require('./constants-47f06577.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-c7c4715a.js');
-var index = require('./index-0d0a9730.js');
+var utils = require('./utils-ea8f1c08.js');
+var index = require('./index-e4ef54a1.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$2 = require('./index-67ea7636.js');
-var ChevronDown = require('./ChevronDown-0084f7df.js');
-var paths = require('./paths-765062eb.js');
-require('./index-363b078a.js');
+var index$2 = require('./index-0a88d88c.js');
+var ChevronDown = require('./ChevronDown-7d5fcec4.js');
+var paths = require('./paths-86198dde.js');
+require('./index-9d9e45e9.js');
 require('date-fns/locale');
-require('./index-0ce7c999.js');
-require('./Locale-e5dc1b5a.js');
+require('./index-5eb90d07.js');
+require('./Locale-b1545b41.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
@@ -28,9 +28,9 @@ require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('react-loading-skeleton');
 require('string-format');
-require('./translationsContext-e67e3c37.js');
-require('./tslib.es6-dc2f4a30.js');
-require('./index-631f55aa.js');
+require('./translationsContext-eb02176d.js');
+require('./tslib.es6-bf4b6368.js');
+require('./index-72bd3555.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -829,7 +829,7 @@ const StyleResultWrapper = styled__default["default"].div `
     left: -32px;
   }
 `;
-const StyledLocationItem = styled__default["default"].li `
+const StyledLocationItem = styled__default["default"].div `
   position: relative;
   cursor: pointer;
   padding: 12px 18px;
@@ -917,26 +917,27 @@ const SearchLocation = ({ state, isMobile, debouncedFetchCitiesByKeyword, select
                     handleSearchLocationInputChange(event.target.value);
                 } }, gaAttributes))),
         state.focused === 'location' && (React__default["default"].createElement(StyleResultWrapper, null,
-            React__default["default"].createElement(StyledLocationItem, { key: "all-location", role: "button", tabIndex: 0, onClick: () => {
-                    var _a;
-                    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,
-                        });
-                    }
-                } },
-                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();
-                    if (onLocationClick) {
-                        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: miscTheme.theme.colors.neutral400 }),
-                React__default["default"].createElement(index$2.Text, { size: "md" }, city.name))))))));
+            React__default["default"].createElement(core.ScrollArea, { scrollbarSize: 6, styles: { viewport: { maxHeight: 400 } } },
+                React__default["default"].createElement(StyledLocationItem, { key: "all-location", role: "button", tabIndex: 0, onClick: () => {
+                        var _a;
+                        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,
+                            });
+                        }
+                    } },
+                    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();
+                        if (onLocationClick) {
+                            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: miscTheme.theme.colors.neutral400 }),
+                    React__default["default"].createElement(index$2.Text, { size: "md" }, city.name)))))))));
 };
 
 const StyleSpecialtiesWrapper = styled__default["default"].div `
@@ -1320,6 +1321,9 @@ function useSearchBarApi({ dispatch, careApiDomain, locale = 'vi-VN', client = '
                 client: constants.CLIENT_KEY.MSD === client ? '' : client,
             }));
         }
+        else {
+            requests.push(fetchCitiesApi(paths.PATHS.GET_CITIES_LIST));
+        }
         return Promise.all(requests)
             .then(([data1, data2]) => {
             const data = Object.assign({}, data1);

package/build/components/atoms/genderOptionControl/index.d.ts

@@ -19,12 +19,11 @@ export interface GenderOptionControlBaseProps extends DefaultProps<Selectors<typ
     hideLabel?: boolean;
     labelTextProps?: Partial<TextProps>;
     LabelWrapper?: ComponentType<TextProps>;
-    labelText?: TextProps;
     type?: 'button' | 'radio';
     gap?: number;
     size?: MantineSize;
     onChange?: (value: string) => void;
 }
 export type GenderOptionControlProps = GenderOptionControlBaseProps & Omit<RadioGroupProps, 'children' | 'styles'>;
-declare const GenderOptionControl: ({ label, availableValue: availableValueInit, styles, isBaby, genderValue, type, hideLabel, labelTextProps, labelText, gap, size, LabelWrapper, ...radioProps }: GenderOptionControlProps) => React.JSX.Element;
+declare const GenderOptionControl: ({ label, availableValue: availableValueInit, styles, isBaby, genderValue, type, hideLabel, labelTextProps, gap, size, LabelWrapper, ...radioProps }: GenderOptionControlProps) => React.JSX.Element;
 export { GenderOptionControl };

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

@@ -4,7 +4,6 @@ type TMenuItem = {
     name?: string;
     thumbnail?: string;
     link?: string;
-    linkTarget?: '_blank' | '_self' | '_parent' | '_top';
     isNew?: boolean;
     id?: string;
     isMobileAppTool?: boolean;
@@ -26,9 +25,8 @@ declare const CategoriesItem: ({ href, menuItem, activeItem, siteType, onClick,
     siteType: SiteType;
     onClick?: () => void;
 }) => React.JSX.Element;
-declare const ExtraCategories: ({ menuItems, siteType, onClick, }: {
+declare const ExtraCategories: ({ menuItems, siteType, }: {
     menuItems: TMenuItem[];
     siteType: SiteType;
-    onClick?: () => void;
 }) => React.JSX.Element;
 export { Categories, ExtraCategories, CategoriesItem };

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

@@ -3,7 +3,7 @@ import { MenuItemType } from "../../../types";
 import { ProjectType } from "../../../../../interfaces/types";
 import { Props as NavigationProps } from "../../..";
 export interface Props {
-    onTopBarAppears: (isAppeared: boolean) => void;
+    onTopBarAppears: (b: boolean) => void;
     languageMenu?: JSX.Element;
     menuItems: MenuItemType[];
     enableBookingBtn?: boolean;

package/build/components/navigationV2/components/molecules/navigationBar/o2ONavigationMenu/helpers.d.ts

@@ -1,19 +1,17 @@
 import { MenuItemType } from "../../../../types";
 import { LocaleType } from "../../../../../../types";
 import { O2OMenuRequiredParams } from "./types";
-export declare const O2O_MENU_DESKTOP_HEIGHT = 40;
+export declare const O2O_STICKY_PANEL_HEIGHT = 40;
 export declare const O2O_MENU_ALLOWED_LOCALES: LocaleType[];
 export declare const getO2OContacts: (t: (param: string) => string) => Partial<Record<LocaleType, {
     name: string;
     link: string;
-    linkTarget?: '_blank' | '_self' | '_parent' | '_top';
     imgUrl: string;
 }>>;
-export declare const canDisplayO2ONavigationMenu: ({ locale, isHomepage, }: O2OMenuRequiredParams) => boolean;
+export declare const checkIsDisplayO2OMenu: ({ locale, isHomepage, }: O2OMenuRequiredParams) => boolean;
 export declare const getO2OCategoryItems: (t: (param: string) => string) => Partial<Record<LocaleType, {
     name: string;
     link: string;
-    linkTarget?: '_blank' | '_self' | '_parent' | '_top';
     imgUrl: string;
 }[]>>;
 export declare const getO2OHamburgerMenuItems: (locale: LocaleType, t: (param: string) => string) => MenuItemType[];

package/build/components/navigationV2/components/molecules/navigationBar/o2ONavigationMenu/index.styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const headerStickyPanelVisibilityCss = "\n  & .header-sticky-panel {\n    position: relative;\n    z-index: 10;\n  }\n\n  // When sub navigation menu is open --> the sticky panel should be under the menu\n  &:has(.hhgcomp-navigation-itemnav-headeritem:focus-within) {\n    .header-sticky-panel {\n      position: relative;\n      z-index: 0;\n    }\n  }\n";
+export declare const headerStickyPanelVisibilityCss = "\n  & .header-sticky-panel {\n    position: relative;\n    z-index: 10;\n  }\n\n  &:has(.hhgcomp-navigation-itemnav-headeritem:focus-within) {\n    .header-sticky-panel {\n      position: relative;\n      z-index: 0;\n    }\n  }\n";
 export declare const StyledStickyPanel: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType<any>;

package/build/components/navigationV2/components/molecules/navigationBar/stickyBottomPanel/helpers.d.ts

@@ -0,0 +1,2 @@
+import { O2OMenuRequiredParams } from "../o2ONavigationMenu/types";
+export declare const getInstantStickyPanelHeight: ({ locale, isHomepage, }: O2OMenuRequiredParams) => 40 | 0;

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

@@ -53,7 +53,7 @@ export type Props = {
     };
     locale: LocaleType;
     userState: State;
-    onTopBarAppears?: (isAppeared: boolean) => void;
+    onTopBarAppears?: (b: boolean) => void;
     sitewideBanner?: JSX.Element;
     sitewideBannerShown?: boolean;
     sitewideBannerData?: SiteWideBannerType;

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

@@ -202,7 +202,6 @@ export type MenuItemType = {
     name: string;
     id: MenuServiceType;
     link: string;
-    linkTarget?: '_blank' | '_self' | '_parent' | '_top';
     niceName?: string;
     thumbnail: string;
     popupType: DesktopMenuPopup;

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

@@ -6,7 +6,6 @@ export { NavigationProfileButton, Props as NavigationProfileButtonProps, } from
 export { ProfileNavigation, Props as ProfileNavigationProps, } from "./profileNavigation";
 export * from "./clinicInfo";
 export * from "./collectPhoneNumber";
-export * from "./popupRequestConsultation";
 export * from "./hospitalInfo";
 export * from "./insuranceInfo";
 export * from "./doctorExpertise";

package/build/components/organisms/popupRequestConsultation/index.styled.d.ts

@@ -4,10 +4,10 @@ export declare const StyledRequestConsultationForm: import("@emotion/styled").St
     as?: import("react").ElementType<any>;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledButton: import("@emotion/styled").StyledComponent<{
-    variant?: "error" | "primary" | "secondary" | "tertiary" | "light" | "ghost" | "white" | "success";
+    variant?: "white" | "primary" | "secondary" | "tertiary" | "error" | "success" | "light" | "ghost";
     skipHover?: boolean;
     withColorHover?: boolean;
-    theme?: "helloSites" | "marryBaby";
+    theme?: "marryBaby" | "helloSites";
     component?: any;
     gradient?: string;
 } & Omit<import("@mantine/core").ButtonProps, "variant" | "gradient"> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("../../../types").DataTrackingType & import("react").RefAttributes<unknown> & {

package/build/components/organisms/popupRequestConsultation/popupRequestConsultation.d.ts

@@ -1,7 +1,6 @@
 import React, { ReactNode } from 'react';
 import { useDisclosure } from '@mantine/hooks';
 import { DrawerBottomProps } from "../../atoms/drawerBottom";
-import { LocaleType } from "../../../types";
 import { TRequestConsultationFormData } from "./requestConsultationForm";
 type TCustomDrawerProps = Omit<DrawerBottomProps, 'isOpen' | 'onClose' | 'onOpenChange'>;
 export type TPopupRequestConsultationProps = {
@@ -11,11 +10,10 @@ export type TPopupRequestConsultationProps = {
     isOpen?: boolean;
     onOpenChange?: (value: boolean) => void;
     drawerProps?: TCustomDrawerProps;
-    locale?: LocaleType;
 };
 export declare enum EPopupRequestConsultationStep {
     FORM = 0,
     SUCCESS = 1
 }
-export declare function PopupRequestConsultation({ children, isMobile, onSubmit, isOpen: isOpenProp, onOpenChange, drawerProps, locale, }: TPopupRequestConsultationProps): React.JSX.Element;
+export declare function PopupRequestConsultation({ children, isMobile, onSubmit, isOpen: isOpenProp, onOpenChange, drawerProps, }: TPopupRequestConsultationProps): React.JSX.Element;
 export default PopupRequestConsultation;