@hhgtech/hhg-components 1.29.447 → 1.29.448

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-ef1b650e.js');
-var constants = require('./constants-c6f7152d.js');
-var types = require('./types-959011e5.js');
-require('./tslib.es6-9b06c729.js');
+var index = require('./index-c0315715.js');
+var constants = require('./constants-e864d238.js');
+var types = require('./types-3d622f17.js');
+require('./tslib.es6-a0b3636d.js');
 require('react');
 require('@emotion/react');
-require('./utils-a6d1698a.js');
-require('./index-12319903.js');
+require('./utils-a1aae294.js');
+require('./index-d8b7b7c8.js');
 require('date-fns/locale');
-require('./index-f8ac1bf2.js');
-require('./Locale-b35b0a4c.js');
+require('./index-c0083606.js');
+require('./Locale-0044edae.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-3ea8ef9f.js');
+require('./utils-2a996ffd.js');
 require('react-loading-skeleton');
 require('string-format');
-require('./index-a85ac47f.js');
-require('./translationsContext-69b4e29c.js');
+require('./index-aaf078ac.js');
+require('./translationsContext-8aeaf409.js');
 require('lodash/debounce');
-require('./index-d74c3072.js');
+require('./index-d395161d.js');
 require('@mantine/core');
-require('./index-505b1d6d.js');
-require('./text-e637affa.js');
+require('./index-4ecc708d.js');
+require('./text-4cc51fce.js');
 require('lodash/shuffle');
-require('./useOutsideClick-382457e5.js');
-require('./paths-fbc086ac.js');
-require('./index-8b9b85a9.js');
+require('./useOutsideClick-f9988d3a.js');
+require('./paths-d9348f30.js');
+require('./index-234e9365.js');
 require('@hhgtech/icons/core');
-require('./ChevronDown-e4525f19.js');
+require('./ChevronDown-369694d8.js');
 
 
 

package/build/careBookingSearchBar.js

@@ -2,35 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-9b06c729.js');
+var tslib_es6 = require('./tslib.es6-a0b3636d.js');
 var React = require('react');
 var react = require('@emotion/react');
-var utils = require('./utils-a6d1698a.js');
-var index$1 = require('./index-a85ac47f.js');
+var utils = require('./utils-a1aae294.js');
+var index$1 = require('./index-aaf078ac.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-c6f7152d.js');
+var constants = require('./constants-e864d238.js');
 var styled = require('@emotion/styled');
-var index = require('./index-d74c3072.js');
-var index$2 = require('./index-505b1d6d.js');
+var index = require('./index-d395161d.js');
+var index$2 = require('./index-4ecc708d.js');
 var miscTheme = require('./miscTheme.js');
 var shuffle = require('lodash/shuffle');
-var useOutsideClick = require('./useOutsideClick-382457e5.js');
-var utils$1 = require('./utils-3ea8ef9f.js');
+var useOutsideClick = require('./useOutsideClick-f9988d3a.js');
+var utils$1 = require('./utils-2a996ffd.js');
 var Skeleton = require('react-loading-skeleton');
-var paths = require('./paths-fbc086ac.js');
-require('./index-12319903.js');
+var paths = require('./paths-d9348f30.js');
+require('./index-d8b7b7c8.js');
 require('date-fns/locale');
-require('./index-f8ac1bf2.js');
-require('./Locale-b35b0a4c.js');
+require('./index-c0083606.js');
+require('./Locale-0044edae.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('string-format');
-require('./translationsContext-69b4e29c.js');
+require('./translationsContext-8aeaf409.js');
 require('@mantine/core');
-require('./text-e637affa.js');
+require('./text-4cc51fce.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-a6d1698a.js');
-var useOutsideClick = require('./useOutsideClick-382457e5.js');
-var index$1 = require('./index-a85ac47f.js');
+var utils$1 = require('./utils-a1aae294.js');
+var useOutsideClick = require('./useOutsideClick-f9988d3a.js');
+var index$1 = require('./index-aaf078ac.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-c6f7152d.js');
+var constants = require('./constants-e864d238.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-3ea8ef9f.js');
-var index = require('./index-8b9b85a9.js');
+var utils = require('./utils-2a996ffd.js');
+var index = require('./index-234e9365.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$2 = require('./index-505b1d6d.js');
-var ChevronDown = require('./ChevronDown-e4525f19.js');
-var paths = require('./paths-fbc086ac.js');
-require('./index-12319903.js');
+var index$2 = require('./index-4ecc708d.js');
+var ChevronDown = require('./ChevronDown-369694d8.js');
+var paths = require('./paths-d9348f30.js');
+require('./index-d8b7b7c8.js');
 require('date-fns/locale');
-require('./index-f8ac1bf2.js');
-require('./Locale-b35b0a4c.js');
+require('./index-c0083606.js');
+require('./Locale-0044edae.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-69b4e29c.js');
-require('./tslib.es6-9b06c729.js');
-require('./text-e637affa.js');
+require('./translationsContext-8aeaf409.js');
+require('./tslib.es6-a0b3636d.js');
+require('./text-4cc51fce.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -1160,28 +1160,8 @@ const StyleTabContainer = styled__default["default"](index.Container) `
   padding: 0 16px;
 `;
 
-const itemTabs = () => {
+const TabSearch = ({ currentTab, hideTabBookingSearch = [], hideSpecialtyTab, isMobile, setCurrentTab, }) => {
     const { t } = index$1.useTranslations();
-    return [
-        {
-            value: 'hospital',
-            label: t('booking.searchPopup.hospitals'),
-        },
-        {
-            value: 'doctor',
-            label: t('booking.searchPopup.doctors'),
-        },
-        {
-            value: 'service',
-            label: t('booking.searchPopup.services'),
-        },
-        {
-            value: 'specialty',
-            label: t('booking.searchPopup.specialties'),
-        },
-    ];
-};
-const TabSearch = ({ currentTab, hideTabBookingSearch = [], isMobile, setCurrentTab, }) => {
     const stylesTabs = React.useMemo(() => {
         return {
             root: {
@@ -1252,7 +1232,28 @@ const TabSearch = ({ currentTab, hideTabBookingSearch = [], isMobile, setCurrent
             },
         };
     }, [isMobile]);
-    const tabConfig = itemTabs();
+    const tabConfig = React.useMemo(() => [
+        {
+            value: 'hospital',
+            label: t('booking.searchPopup.hospitals'),
+        },
+        {
+            value: 'doctor',
+            label: t('booking.searchPopup.doctors'),
+        },
+        {
+            value: 'service',
+            label: t('booking.searchPopup.services'),
+        },
+        ...(!hideSpecialtyTab
+            ? [
+                {
+                    value: 'specialty',
+                    label: t('booking.searchPopup.specialties'),
+                },
+            ]
+            : []),
+    ], [hideSpecialtyTab]);
     const activeTabs = React.useMemo(() => {
         return (tabConfig.filter((item) => !hideTabBookingSearch.includes(item.value)) ||
             []);
@@ -1498,7 +1499,7 @@ function useSearchBarApi({ dispatch, careApiDomain, locale = 'vi-VN', client = '
 
 const BookingSearchBarV2 = ({ isMobile, careApiDomain, geoLocationPermission: geoLocationPermissionFromProps, geoLocationCoordinates: geoLocationCoordinatesFromProps, initialSelectedCity: initialSelectedCityFromProps, initialSearchValue = '', initTypeSearch = 'hospital', initSpecialty, careFrontDomain = '/care', isDebug = false, 
 // askForGeolocationPermission = false,
-gaTrackingSearchBar, gaTrackingLocationSearch, autoCompleteDisabled = false, inputSearchPlaceholder = '', hideTabBookingSearch = [], hideSpecialtySelection = false, hidePopularSearchKeys = false, clientSlug = '', 
+gaTrackingSearchBar, gaTrackingLocationSearch, autoCompleteDisabled = false, inputSearchPlaceholder = '', hideTabBookingSearch = [], hideSpecialtySelection = false, hideSpecialtyTab = false, hidePopularSearchKeys = false, clientSlug = '', 
 // isOptionAllLocation = false,
 // hideResults = [],
 // isNavResultItem = true,
@@ -1536,28 +1537,25 @@ onChangeLocation, }) => {
     });
     const slugs = React.useMemo(() => constants.LOCALIZED_SLUGS[locale], [locale]);
     const typeInformation = React.useMemo(() => {
-        return {
-            doctor: {
+        return Object.assign({ doctor: {
                 name: t('booking.searchPopup.doctors'),
                 icon: React__default["default"].createElement(DoctorIcon, null),
                 slug: slugs.DOCTOR,
-            },
-            service: {
+            }, service: {
                 name: t('booking.searchPopup.services'),
                 icon: React__default["default"].createElement(ServiceIcon, null),
                 slug: slugs.SERVICE,
-            },
-            hospital: {
+            }, hospital: {
                 name: t('booking.searchPopup.hospitals'),
                 icon: React__default["default"].createElement(HospitalIcon, null),
                 slug: slugs.HOSPITAL,
-            },
+            } }, (!hideSpecialtyTab && {
             specialty: {
                 name: t('booking.searchPopup.specialties'),
                 icon: React__default["default"].createElement(SpecialtyIcon, null),
                 slug: slugs.SPECIALTIES,
             },
-        };
+        }));
     }, [currentTab]);
     const debouncedFetchCitiesByKeyword = React.useMemo(() => debounce__default["default"](fetchCitiesByKeyword, 400), [fetchCitiesByKeyword]);
     const debouncedFetchSearchResults = React.useMemo(() => debounce__default["default"](fetchSearchResults, 400), [fetchSearchResults]);
@@ -1658,14 +1656,14 @@ onChangeLocation, }) => {
         fetchSearchResults(state.searchKeywords, state, currentTab, clientSlug, true);
     }, [selectedLocation, selectedSpecialty, currentTab]);
     return (React__default["default"].createElement(StyledSearchBarWrapper, { ref: wrapperRef },
-        React__default["default"].createElement(TabSearch, { currentTab: currentTab, setCurrentTab: setCurrentTab, isMobile: isMobile, hideTabBookingSearch: hideTabBookingSearch }),
+        React__default["default"].createElement(TabSearch, { currentTab: currentTab, setCurrentTab: setCurrentTab, isMobile: isMobile, hideTabBookingSearch: hideTabBookingSearch, hideSpecialtyTab: hideSpecialtyTab }),
         React__default["default"].createElement(StyleWrapperContainer, { className: "booking-search-container" },
             React__default["default"].createElement(StyleSearchInputContainer, null,
                 React__default["default"].createElement(StyleSearchContent, { className: "booking-search-content" },
                     React__default["default"].createElement("div", { ref: inputSearchSpecialtyWrapperRef },
                         React__default["default"].createElement(core.Flex, { gap: "12px", justify: "space-between", align: "center", direction: isMobile ? 'column' : 'row', className: "flex-search-input" },
                             currentTab !== 'specialty' && (React__default["default"].createElement(SearchLocation, { state: state, isMobile: isMobile, dispatch: dispatch, debouncedFetchCitiesByKeyword: debouncedFetchCitiesByKeyword, selectedLocation: selectedLocation, onLocationClick: handleLocationClick, trackingAttributes: gaTrackingLocationSearch })),
-                            React__default["default"].createElement(SearchInputs, { type: currentTab, isMobile: isMobile, state: state, dispatch: dispatch, debouncedFetchSearchResults: debouncedFetchSearchResults, initalSearchValue: initialSearchValue, focusSearchInput: focusSearchInput, onEnterSearch: onClickSearchByKeyword, typeInformation: typeInformation, trackingAttributes: gaTrackingSearchBar, isLoading: isLoadingSearchResults, hideSpecialtySelection: hideSpecialtySelection, clientSlug: clientSlug }),
+                            React__default["default"].createElement(SearchInputs, { type: currentTab, isMobile: isMobile, state: state, dispatch: dispatch, debouncedFetchSearchResults: debouncedFetchSearchResults, initalSearchValue: initialSearchValue, focusSearchInput: focusSearchInput, onEnterSearch: onClickSearchByKeyword, typeInformation: typeInformation, trackingAttributes: gaTrackingSearchBar, isLoading: isLoadingSearchResults, hideSpecialtySelection: hideSpecialtySelection || hideSpecialtyTab, clientSlug: clientSlug }),
                             React__default["default"].createElement(core.Button, { size: isMobile ? 'md' : 'lg', color: "#2D87F3", fullWidth: isMobile, variant: "filled", onClick: onClickSearchByKeyword, styles: {
                                     root: {
                                         height: isMobile ? '40px' : '48px',

package/build/components/molecules/embeddedHeathToolCards/helpers.d.ts

@@ -9,6 +9,9 @@ export type BmiFormValue = {
     height?: number;
     objective?: BmiObjective;
     bmi?: number;
+    question1?: boolean;
+    question2?: boolean;
+    newsletter?: boolean;
 };
 export type BmiFormValueKeys = keyof BmiFormValue;
 export type Rule = Omit<RegisterOptions<FieldValues, FieldPath<FieldValues>>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
@@ -33,6 +36,7 @@ export type BmiFormProps = {
     }>;
     bmiUnit: BMIUnit;
     submitProps?: ButtonProps;
+    withAdditionalQuestion?: boolean;
 } & HealthToolFormWrapperProps;
 export declare function getBmi({ weight: weightProps, height: heightProps, }: {
     weight: number;

package/build/components/molecules/healthTools/form/bmiForm/context.d.ts

@@ -11,5 +11,6 @@ export type BmiFormContextType = {
     isTouched: boolean;
     linkTool: string;
     submitProps?: ButtonProps;
+    withAdditionalQuestion?: boolean;
 };
 export declare const BmiFormContext: import("react").Context<BmiFormContextType>;

package/build/components/molecules/healthTools/form/bmiForm/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { BmiFormProps } from "../../../embeddedHeathToolCards/helpers";
-declare const BmiForm: ({ value: valueProps, onChange: onChangeProps, onSubmit: onSubmitProps, bmiGenerated, bmiUnit, formLayout, submitProps, ...rest }: BmiFormProps) => React.JSX.Element;
+declare const BmiForm: ({ value: valueProps, onChange: onChangeProps, onSubmit: onSubmitProps, bmiGenerated, bmiUnit, formLayout, submitProps, withAdditionalQuestion, ...rest }: BmiFormProps) => React.JSX.Element;
 export { BmiForm };

package/build/components/navigationV2/components/molecules/menuCategoriesList/Item/index.d.ts

@@ -6,6 +6,11 @@ export type dataType = {
     banner: string;
     description?: string;
     btnText?: string;
+    buttonDisplay?: {
+        button_background_color: string;
+        button_text_color: string;
+        button_label: string;
+    };
 };
 export type Props = {
     index?: number;

package/build/components/navigationV2/components/molecules/menuCategoriesList/Item/index.styled.d.ts

@@ -7,6 +7,13 @@ export declare const StyledImageCard: 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 StyledButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
+    bgColor?: string;
+    textColor?: string;
+}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
 export declare const StyledTitle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType<any>;

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

@@ -13,6 +13,11 @@ export type Specialty = {
     slug: string;
 };
 export type SpotlightSummaryApi = {
+    button_display: {
+        button_background_color: string;
+        button_text_color: string;
+        button_label: string;
+    } | null;
     ID: number;
     name: string;
     permalink: string;
@@ -26,6 +31,11 @@ export type SpotlightSummaryApi = {
     mobile_banner?: string | null;
 };
 export type SpotlightSummary = {
+    buttonDisplay?: {
+        button_background_color: string;
+        button_text_color: string;
+        button_label: string;
+    };
     id: number;
     name: string;
     permalink: string;

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

@@ -38,3 +38,17 @@ export declare const getCareSearchUrl: ({ type, specialtySlug, locale, }: {
 export declare const formatSpotlightsList: (spotlight: SpotlightSummaryApi) => SpotlightSummary;
 export declare const checkAvailableSpotlight: (spotlight: SpotlightSummary) => boolean;
 export declare const formatVideoItem: (data?: VideoItemTypeApi | null) => VideoItemType | null;
+export declare function hexToHSL(H: string, returnObj?: boolean): any;
+export declare function hexToHsb(hex: string, returnObj?: boolean): string | {
+    h: any;
+    s: number;
+    b: any;
+};
+export declare function hslToHex({ h, s, l }: any): string;
+export declare function hexToRgb(hex: string, returnObj?: boolean): string | {
+    r: number;
+    g: number;
+    b: number;
+};
+export declare function rgbToHsb(r: any, g: any, b: any): number[];
+export declare function hsbToRgb(h: any, s: any, b: any): number[];