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

package/build/esm/{index-fed0c664.js → index-3b814a90.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-de55ba71.js';
+import { a as __awaiter } from './tslib.es6-0d0bf467.js';
 import { isProduction } from './constantsIsProduction.js';
-import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-f0721c13.js';
-import { L as LOCALE_SPECS, h as BEARER_REFRESH_TOKEN_COOKIE } from './index-c27c139a.js';
+import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-45d032e2.js';
+import { L as LOCALE_SPECS, h as BEARER_REFRESH_TOKEN_COOKIE } from './index-1f880594.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-10bedfb7.js';
+import { L as LOCALE } from './Locale-b95cc1c2.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {

package/build/esm/{index-01006f6a.js → index-3cca92a0.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-4b0bcbf1.js';
+import { t as toggleNoScroll } from './utils-cb46b539.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-609e02cc.js';
-import { T as Text } from './index-c9abbed7.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-f8e693fd.js';
+import { T as Text } from './index-6b4618cc.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-043f5728.js → index-3f07d8c5.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-83c5975b.js';
+import { u as useScrollbarSize } from './useScrollbarSize-3a031280.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-4b0bcbf1.js';
+import { M as MediaQueries } from './utils-cb46b539.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-07cdadd9.js → index-4399ab7b.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-de55ba71.js';
+import { _ as __rest } from './tslib.es6-0d0bf467.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-df903dc3.js';
+import './index-32c92847.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-10203a00.js';
+import { C as CommonGAssets } from './index-d9b8f5e3.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-7804c3c2.js';
-import { T as Text } from './index-0119bf84.js';
-import { L as LOCALE } from './Locale-10bedfb7.js';
-import { e as CentralCarousel } from './index-2d6d0e4f.js';
+import { I as ImageWrap } from './index-2d9ccc77.js';
+import { T as Text } from './index-84c5d6a7.js';
+import { L as LOCALE } from './Locale-b95cc1c2.js';
+import { e as CentralCarousel } from './index-531d538f.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-5e8c0c20.js → index-45d1ddb7.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-de55ba71.js';
+import { _ as __rest } from './tslib.es6-0d0bf467.js';
 import React__default, { createContext, useContext, useMemo } from 'react';
 import { useMantineTheme, clsx } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-f72517c3.js';
-import { u as useTranslations } from './index-b853ce3b.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-ab4c9755.js';
-import { I as Input } from './index-2d6d0e4f.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-b99d245a.js';
+import { u as useTranslations } from './index-c74c9fdb.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-01649d87.js';
+import { I as Input } from './index-531d538f.js';
 import '@mantine/dates';
-import './index-c27c139a.js';
-import './index-df903dc3.js';
-import './index-10203a00.js';
-import './index-8860e91b.js';
-import './index-c9abbed7.js';
-import './index-770d5df0.js';
-import './index-4bc68fd1.js';
-import './index.styles-a344d286.js';
+import './index-1f880594.js';
+import './index-32c92847.js';
+import './index-d9b8f5e3.js';
+import './index-ce20c702.js';
+import './index-6b4618cc.js';
+import './index-89bf22e2.js';
+import './index-f96792f8.js';
+import './index.styles-0ef1c119.js';
 import '@mantine/hooks';
-import './utils-4b0bcbf1.js';
-import './index-67e0ffa0.js';
-import { C as CardWrapperContext } from './context-75076cd5.js';
-import { H as HealthToolFormWrapper } from './index-8e3ec863.js';
-import { I as INPUT_RANGE } from './constants-3870ccef.js';
+import './utils-cb46b539.js';
+import './index-d64554f4.js';
+import { C as CardWrapperContext } from './context-05790f6e.js';
+import { H as HealthToolFormWrapper } from './index-7c335fb0.js';
+import { I as INPUT_RANGE } from './constants-f3749bf0.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

package/build/esm/{index-56ae36e2.js → index-4609e655.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-10bedfb7.js';
-import { C as CommonGAssets } from './index-10203a00.js';
+import { L as LOCALE } from './Locale-b95cc1c2.js';
+import { C as CommonGAssets } from './index-d9b8f5e3.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-4b0bcbf1.js';
-import { L as LogoIcon } from './logoIcon-b1848eb2.js';
-import './index-df903dc3.js';
-import { I as ImageWrap } from './index-7804c3c2.js';
+import { M as MediaQueries } from './utils-cb46b539.js';
+import { L as LogoIcon } from './logoIcon-80ad44bd.js';
+import './index-32c92847.js';
+import { I as ImageWrap } from './index-2d9ccc77.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-b1206821.js → index-4690d555.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-de55ba71.js';
+import { _ as __rest } from './tslib.es6-0d0bf467.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-c27c139a.js';
-import './index-df903dc3.js';
-import { C as CommonGAssets } from './index-10203a00.js';
-import { M as MAPPED_LOCALE } from './index-8860e91b.js';
-import { L as LOCALE } from './Locale-10bedfb7.js';
+import { I as ISO_FORMAT } from './index-1f880594.js';
+import './index-32c92847.js';
+import { C as CommonGAssets } from './index-d9b8f5e3.js';
+import { M as MAPPED_LOCALE } from './index-ce20c702.js';
+import { L as LOCALE } from './Locale-b95cc1c2.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-332ea8b7.js → index-4a3fa358.js}

@@ -1,33 +1,33 @@
 import * as React from 'react';
 import React__default, { useMemo, useState, useEffect, useRef, createContext, useContext } from 'react';
-import { u as useTranslations } from './index-b853ce3b.js';
+import { u as useTranslations } from './index-c74c9fdb.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-10203a00.js';
-import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-f0721c13.js';
+import { C as CommonGAssets } from './index-d9b8f5e3.js';
+import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-45d032e2.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-9b9c6e33.js';
-import { b as getTogetherUserPostsApiPath } from './index-74e849a3.js';
-import { B as Button } from './index-577ddbf3.js';
-import { w as workingDays } from './types-ea774079.js';
+import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-6c2f279c.js';
+import { b as getTogetherUserPostsApiPath } from './index-833d69ba.js';
+import { B as Button } from './index-9b24852b.js';
+import { w as workingDays } from './types-12236846.js';
 import styled from '@emotion/styled';
 import { LoadScript, GoogleMap, Marker } from '@react-google-maps/api';
 import cn from 'classnames';
-import { b as basePath, Z as ZINDEX_SSO } from './index-c27c139a.js';
-import { L as LOCALISED_SLUGS } from './constants-ab4c9755.js';
-import { T as Text } from './index-0119bf84.js';
-import { f as formatPhoneNumber } from './localizeNumberFormat-e8eb1a08.js';
-import { a as __awaiter } from './tslib.es6-de55ba71.js';
+import { b as basePath, Z as ZINDEX_SSO } from './index-1f880594.js';
+import { L as LOCALISED_SLUGS } from './constants-01649d87.js';
+import { T as Text } from './index-84c5d6a7.js';
+import { f as formatPhoneNumber } from './localizeNumberFormat-4df7d209.js';
+import { a as __awaiter } from './tslib.es6-0d0bf467.js';
 import { useDisclosure } from '@mantine/hooks';
 import { clsx, Flex, Box, rem } from '@mantine/core';
-import { u as useTextStyles, T as TextField } from './index-06c0bc0b.js';
+import { u as useTextStyles, T as TextField } from './index-6011340f.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
-import { P as Phone, I as Input, E as ErrorIcon } from './index-2d6d0e4f.js';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-4bc68fd1.js';
-import { B as Button$1 } from './index-770d5df0.js';
-import { M as MAPPED_LOCALE } from './index-8860e91b.js';
-import { T as Text$1 } from './index-c9abbed7.js';
-import { I as ImageWrap } from './index-7804c3c2.js';
-import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-8a544288.js';
+import { P as Phone, I as Input, E as ErrorIcon } from './index-531d538f.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-f96792f8.js';
+import { B as Button$1 } from './index-89bf22e2.js';
+import { M as MAPPED_LOCALE } from './index-ce20c702.js';
+import { T as Text$1 } from './index-6b4618cc.js';
+import { I as ImageWrap } from './index-2d9ccc77.js';
+import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-751a4639.js';
 
 /* eslint-disable prettier/prettier */
 const Check = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 81 80", fill: "none" }, props),

package/build/esm/{index-201c375b.js → index-4ead199e.js}

@@ -1,20 +1,118 @@
-import { a as __awaiter } from './tslib.es6-de55ba71.js';
-import React__default, { useRef, useContext, useState, useMemo } from 'react';
+import { _ as __rest, a as __awaiter } from './tslib.es6-0d0bf467.js';
+import React__default, { useMemo, useEffect, useRef, useContext, useState } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-33de532e.js';
-import { a as Avatar } from './index-2d6d0e4f.js';
-import { B as Button } from './index-770d5df0.js';
-import { T as Text } from './index-c9abbed7.js';
-import { u as useTranslations } from './index-b853ce3b.js';
-import { C as CommonGAssets } from './index-10203a00.js';
+import { S as Spinner } from './Spinner-1768ac53.js';
+import { a as Avatar } from './index-531d538f.js';
+import { B as Button } from './index-89bf22e2.js';
+import { T as Text } from './index-6b4618cc.js';
+import { u as useTranslations } from './index-c74c9fdb.js';
+import { C as CommonGAssets } from './index-d9b8f5e3.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-4b0bcbf1.js';
+import { M as MediaQueries } from './utils-cb46b539.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import cn from 'classnames';
-import { N as NavigationContext, P as ProfileNavigation } from './index-87e4b77b.js';
+import { e as CARE_LOCALES, f as CARE_BOOKING_LOCALES, d as LOCALE_HAS_COMMUNITY_SITE, E as ECOM_LOCALES, c as VIDEO_LOCALES } from './index-1f880594.js';
+import { i as domainLocalesMarryBaby } from './utils-0ead0163.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-45d032e2.js';
+import { domainLocales } from './constantsDomainLocales.js';
+import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';
 
+const useNavConfig = ({ locale, projectType, siteType, enableBookingBtn, }) => {
+    const config = useMemo(() => {
+        const enableSearchBar = projectType === 'discover' ||
+            projectType === 'together' ||
+            projectType === 'marryBaby' ||
+            (projectType === 'profile' && siteType === 'marryBaby');
+        const enableNavCare = siteType !== 'marryBaby' &&
+            projectType !== 'marryBaby' &&
+            CARE_LOCALES.includes(locale);
+        const enableNavCareBooking = enableBookingBtn &&
+            projectType !== 'marryBaby' &&
+            projectType === 'discover' &&
+            siteType !== 'marryBaby' &&
+            CARE_BOOKING_LOCALES.includes(locale);
+        const enableNavTogether = projectType === 'marryBaby' || LOCALE_HAS_COMMUNITY_SITE.includes(locale);
+        const enableNavDiscover = true;
+        const enableNavHealthTools = true;
+        const enableProfileMySaved = true;
+        const enableNavEcom = siteType !== 'marryBaby' && ECOM_LOCALES.includes(locale);
+        const enableProfileEcom = siteType !== 'marryBaby' && ECOM_LOCALES.includes(locale);
+        const enableProfileMyHealth = true;
+        const enableNavVideo = VIDEO_LOCALES.includes(locale);
+        const baseUrl = getCurrentBaseUrl(locale, siteType === 'marryBaby');
+        let fixBaseUrl = baseUrl;
+        if (typeof window !== 'undefined') {
+            if (fixBaseUrl.includes('//id.'))
+                fixBaseUrl = fixBaseUrl.replace('id.', '');
+            if (fixBaseUrl.includes('//staging-id.'))
+                fixBaseUrl = fixBaseUrl.replace('staging-id.', 'discover.');
+        }
+        const ssoUrl = getCurrentSsoUrl(locale, siteType === 'marryBaby');
+        const statics = (() => {
+            return {
+                HOME_PAGE_URL: fixBaseUrl,
+                CARE_URL_FE: `${fixBaseUrl}/care`,
+                TOGETHER_URL_FE: `${fixBaseUrl}/community`,
+                VIDEO_URL_FE: `${fixBaseUrl}/videos`,
+                SSO_URL: ssoUrl,
+                TOGETHER_API: getTogetherApiDomain(),
+                DISCOVER_API: getDiscoverApiDomain(locale),
+            };
+        })();
+        return {
+            enableSearchBar,
+            enableNavCare,
+            enableNavCareBooking,
+            enableNavTogether,
+            enableNavEcom,
+            enableProfileEcom,
+            enableNavVideo,
+            enableProfileMyHealth,
+            enableNavDiscover,
+            enableNavHealthTools,
+            enableProfileMySaved,
+            statics,
+        };
+    }, []);
+    return config;
+};
+
+const NavigationContext = React__default.createContext({});
+const NavigationProvider = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    const [currentUrl, setCurrentUrl] = React__default.useState(() => {
+        return (props.currentUrl ||
+            `https://${props.siteType === 'marryBaby'
+                ? domainLocalesMarryBaby[props.locale || 'en-PH']
+                : domainLocales[props.locale || 'en-PH']}${props.projectType === 'together'
+                ? '/community'
+                : props.projectType === 'ecom'
+                    ? '/ecom'
+                    : props.projectType === 'care'
+                        ? '/care'
+                        : ''}/`);
+    });
+    useEffect(() => {
+        const update = () => {
+            setCurrentUrl(window.location.href);
+        };
+        window.addEventListener('popstate', update);
+        update();
+        return () => {
+            window.removeEventListener('popstate', update);
+        };
+    }, []);
+    const configs = useNavConfig({
+        locale: props.locale,
+        projectType: props.projectType,
+        siteType: props.siteType,
+        enableBookingBtn: props.enableBookingBtn,
+    });
+    return (React__default.createElement(NavigationContext.Provider, { value: Object.assign(Object.assign({}, props), { customClasses: props.customClasses || {}, configs: Object.assign(Object.assign({}, configs), props.configs), currentUrl: props.currentUrl || currentUrl }) }, children));
+};
+
 const useCSSFocusPopupHelper = (configs) => {
     const { allowBgScroll } = configs || {};
     const ref = useRef();
@@ -201,7 +299,7 @@ const StyledLoggedOutAnchor = styled.a `
 `;
 
 const ProfilePopup = ({ isOpen, userInfo, closePopup, siteType = 'helloSites', dispatchLogout, }) => {
-    const { customClasses = {} } = useContext(NavigationContext);
+    const { customClasses = {}, configs: { enableProfileFindMyBooking }, } = useContext(NavigationContext);
     const handleClickLogout = () => {
         if (dispatchLogout) {
             dispatchLogout();
@@ -210,7 +308,7 @@ const ProfilePopup = ({ isOpen, userInfo, closePopup, siteType = 'helloSites', d
     };
     return (React__default.createElement(StyledPopup, { className: customClasses.profilePopup, "data-open": isOpen },
         React__default.createElement("div", { className: cn('popup-content', customClasses.profilePopupContent) },
-            React__default.createElement(ProfileNavigation, { siteType: siteType, onLogout: handleClickLogout, userInfo: userInfo }))));
+            React__default.createElement(ProfileNavigation, { siteType: siteType, onLogout: handleClickLogout, userInfo: userInfo, configs: { enableProfileFindMyBooking } }))));
 };
 
 const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl, isMinifyLogin, onLogout, style, isLoading, isMobile, className, }) => {
@@ -276,4 +374,4 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
         siteType === 'marryBaby' ? (React__default.createElement(Button, { className: "login-btn", size: "md", leftIcon: React__default.createElement(User, { color: "currentColor", isSolid: true, size: 22 }) }, t('navigation.loginJoin'))) : (React__default.createElement(Button, { className: "login-btn", size: "md", leftIcon: React__default.createElement(User, { color: "#595959", isSolid: true, size: 22 }), variant: "ghost", color: "#262626" }, t('navigation.loginJoin')))))));
 };
 
-export { NavigationProfileButton as N, useCSSFocusPopupHelper as u };
+export { NavigationProfileButton as N, NavigationContext as a, NavigationProvider as b, useCSSFocusPopupHelper as u };

package/build/esm/{index-06b31d58.js → index-50663f6b.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-de55ba71.js';
+import { _ as __rest } from './tslib.es6-0d0bf467.js';
 import React__default, { useState, useRef, useMemo, useEffect } from 'react';
 import { BabyBoyMB, BabyGirlMB } from '@hhgtech/icons/other';
 import { createStyles, rem, Box, Flex } from '@mantine/core';
-import { R as Radio } from './index-2d6d0e4f.js';
+import { R as Radio } from './index-531d538f.js';
 import '@mantine/dates';
-import './index-c27c139a.js';
-import './index-df903dc3.js';
-import { C as CommonGAssets } from './index-10203a00.js';
-import './index-8860e91b.js';
-import { T as Text } from './index-c9abbed7.js';
-import './index-770d5df0.js';
-import './index-4bc68fd1.js';
-import './index.styles-a344d286.js';
-import { u as useTranslations } from './index-b853ce3b.js';
+import './index-1f880594.js';
+import './index-32c92847.js';
+import { C as CommonGAssets } from './index-d9b8f5e3.js';
+import './index-ce20c702.js';
+import { T as Text } from './index-6b4618cc.js';
+import './index-89bf22e2.js';
+import './index-f96792f8.js';
+import './index.styles-0ef1c119.js';
+import { u as useTranslations } from './index-c74c9fdb.js';
 import '@mantine/hooks';
-import './utils-4b0bcbf1.js';
-import './index-67e0ffa0.js';
+import './utils-cb46b539.js';
+import './index-d64554f4.js';
 
 var useStyles = createStyles((theme, { type }) => {
     const isMarryBaby = theme.other.template === 'mb';

package/build/esm/{index-2d6d0e4f.js → index-531d538f.js}

@@ -1,24 +1,24 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-de55ba71.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-0d0bf467.js';
 import * as React from 'react';
 import React__default, { forwardRef, Component, useState, useCallback, useEffect, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown } from '@hhgtech/icons/other';
 import { createStyles, rem, Autocomplete, Image, ActionIcon, Select as Select$1, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, Flex, clsx, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Popover as Popover$1, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useClickOutside, useViewportSize, useResizeObserver, useDisclosure } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-10203a00.js';
-import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-4bc68fd1.js';
-import { u as useScreenSize, I as ImageWrap } from './index-7804c3c2.js';
+import { C as CommonGAssets } from './index-d9b8f5e3.js';
+import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-f96792f8.js';
+import { u as useScreenSize, I as ImageWrap } from './index-2d9ccc77.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-c9abbed7.js';
-import { t as themeColors } from './index-8860e91b.js';
+import { T as Text } from './index-6b4618cc.js';
+import { t as themeColors } from './index-ce20c702.js';
 import { theme } from './miscTheme.js';
 import cn from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-793a5ad0.js';
+import { a as useUniqueId } from './useUniqueId-354d4bda.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-770d5df0.js';
+import { B as Button } from './index-89bf22e2.js';
 
 var useStyles$4 = createStyles((theme, { variantStyle }) => {
     const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;

package/build/esm/{index-85eb1a1d.js → index-5f1eec13.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-de55ba71.js';
+import { _ as __rest } from './tslib.es6-0d0bf467.js';
 import React__default, { createContext, useContext, useMemo, forwardRef, useState } from 'react';
 import { useMantineTheme, clsx, Group, Flex, Tooltip, Box } from '@mantine/core';
 import { format } from 'date-fns';
-import { L as LastPeriod } from './LastPeriod-21e60df1.js';
-import { L as LOCALE } from './Locale-10bedfb7.js';
+import { L as LastPeriod } from './LastPeriod-1d229d3c.js';
+import { L as LOCALE } from './Locale-b95cc1c2.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } from './index-2d6d0e4f.js';
-import { D as DatePicker } from './index-b1206821.js';
-import { T as Text } from './index-c9abbed7.js';
-import './index-770d5df0.js';
-import './index-4bc68fd1.js';
-import './index.styles-a344d286.js';
-import { u as useTranslations } from './index-b853ce3b.js';
+import { R as Radio, I as Input, S as Select } from './index-531d538f.js';
+import { D as DatePicker } from './index-4690d555.js';
+import { T as Text } from './index-6b4618cc.js';
+import './index-89bf22e2.js';
+import './index-f96792f8.js';
+import './index.styles-0ef1c119.js';
+import { u as useTranslations } from './index-c74c9fdb.js';
 import '@mantine/hooks';
-import './index-8860e91b.js';
-import './utils-4b0bcbf1.js';
-import './index-67e0ffa0.js';
-import { H as HealthToolFormWrapper } from './index-8e3ec863.js';
+import './index-ce20c702.js';
+import './utils-cb46b539.js';
+import './index-d64554f4.js';
+import { H as HealthToolFormWrapper } from './index-7c335fb0.js';
 import { CalendarMB } from '@hhgtech/icons/other';
-import { C as CardWrapperContext } from './context-75076cd5.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-c27c139a.js';
+import { C as CardWrapperContext } from './context-05790f6e.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-1f880594.js';
 import { theme } from './miscTheme.js';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-e29c20c9.js → index-5fb816bd.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-de55ba71.js';
+import { _ as __rest } from './tslib.es6-0d0bf467.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-f72517c3.js';
-import { u as useTranslations } from './index-b853ce3b.js';
-import { C as CommonGAssets } from './index-10203a00.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-ab4c9755.js';
-import { G as GenderOptionControl } from './index-06b31d58.js';
-import { I as Input, S as Select } from './index-2d6d0e4f.js';
-import { D as DatePicker } from './index-b1206821.js';
-import './index-c9abbed7.js';
-import './index-770d5df0.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-b99d245a.js';
+import { u as useTranslations } from './index-c74c9fdb.js';
+import { C as CommonGAssets } from './index-d9b8f5e3.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-01649d87.js';
+import { G as GenderOptionControl } from './index-50663f6b.js';
+import { I as Input, S as Select } from './index-531d538f.js';
+import { D as DatePicker } from './index-4690d555.js';
+import './index-6b4618cc.js';
+import './index-89bf22e2.js';
 import '@mantine/core';
-import './index-4bc68fd1.js';
-import './index.styles-a344d286.js';
+import './index-f96792f8.js';
+import './index.styles-0ef1c119.js';
 import '@mantine/hooks';
-import './index-8860e91b.js';
-import './utils-4b0bcbf1.js';
-import './index-67e0ffa0.js';
-import './index-c27c139a.js';
-import { C as CardWrapperContext } from './context-75076cd5.js';
-import { H as HealthToolFormWrapper } from './index-8e3ec863.js';
+import './index-ce20c702.js';
+import './utils-cb46b539.js';
+import './index-d64554f4.js';
+import './index-1f880594.js';
+import { C as CardWrapperContext } from './context-05790f6e.js';
+import { H as HealthToolFormWrapper } from './index-7c335fb0.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-06c0bc0b.js → index-6011340f.js}

@@ -1,6 +1,6 @@
 import { createStyles, clsx, Box, useMantineTheme } from '@mantine/core';
-import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-4bc68fd1.js';
-import { _ as __rest } from './tslib.es6-de55ba71.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-f96792f8.js';
+import { _ as __rest } from './tslib.es6-0d0bf467.js';
 import React__default, { createContext, useState, useEffect, useContext, useCallback } from 'react';
 import { useClickOutside } from '@mantine/hooks';
 import { css } from '@emotion/react';

package/build/esm/{index-94f64a62.js → index-60bb53a8.js}

@@ -1,20 +1,20 @@
 import * as React from 'react';
 import React__default, { useState, useRef, createContext, useEffect, Fragment, forwardRef, useMemo, useCallback } from 'react';
-import { T as Text } from './index-c9abbed7.js';
+import { T as Text } from './index-6b4618cc.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-4b0bcbf1.js';
+import { M as MediaQueries } from './utils-cb46b539.js';
 import { Collapse, rem, clsx } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { S as ShapedArrowDown } from './index-9b9c6e33.js';
-import { R as Radio$1 } from './index-2d6d0e4f.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-de55ba71.js';
-import { T as Text$1 } from './index-0119bf84.js';
+import { S as ShapedArrowDown } from './index-6c2f279c.js';
+import { R as Radio$1 } from './index-531d538f.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-0d0bf467.js';
+import { T as Text$1 } from './index-84c5d6a7.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import flattenChildren from 'react-keyed-flatten-children';
-import { H as Heading } from './index-d12b6ff1.js';
-import { C as Close } from './Close-6fd55b93.js';
-import { u as useTranslations } from './index-b853ce3b.js';
+import { H as Heading } from './index-b3d30298.js';
+import { C as Close } from './Close-eae89c79.js';
+import { u as useTranslations } from './index-c74c9fdb.js';
 import { Carousel } from '@mantine/carousel';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};