@hhgtech/hhg-components 1.29.505 → 1.29.506-beta-2

package/build/esm/{index-464ab486.js → index-95525c28.js}

@@ -1,49 +1,49 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-e588a469.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-b8efe8f5.js';
 import * as React from 'react';
 import React__default, { useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
-import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-5f4d6f0a.js';
-import { L as LOCALE_SPECS, S as STATIC_PAGES, a as ZINDEX_HEADER, V as VIDEO_LOCALES, c as LOCALE_HAS_COMMUNITY_SITE, C as CARE_LOCALES } from './index-d203662e.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-e47efffa.js';
-import { f as formatCommunity, a as formatPost } from './dataTransform-9966ff8e.js';
+import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-3c7a21f1.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES, a as ZINDEX_HEADER, V as VIDEO_LOCALES, c as LOCALE_HAS_COMMUNITY_SITE, C as CARE_LOCALES } from './index-6a450822.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-91d506cd.js';
+import { f as formatCommunity, a as formatPost } from './dataTransform-55d9f8fc.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-b8bae0a0.js';
+import './translationsContext-4311f04c.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-365c45aa.js';
+import { I as Input } from './index-40993aa3.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-13e06d5b.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-3544ccb2.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx } from '@mantine/core';
-import { L as Logo$1 } from './index-348edee8.js';
+import { L as Logo$1 } from './index-fe3f1203.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { V as VideoType } from './index-603a3104.js';
-import { C as CommonGAssets } from './index-c52d9e97.js';
-import './index-9bfc4708.js';
-import { T as Text } from './index-87c6d4e6.js';
-import { B as Button } from './index-dd88866e.js';
-import './index-94ffbf58.js';
-import './index.styles-9de3c24c.js';
+import { V as VideoType } from './index-7d6b7ee0.js';
+import { C as CommonGAssets } from './index-f8d567a2.js';
+import './index-f1646797.js';
+import { T as Text } from './index-86ce162f.js';
+import { B as Button } from './index-52b00edd.js';
+import './index-97296add.js';
+import './index.styles-e5f7c63f.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-bbe25288.js';
-import './index-93c50528.js';
-import { L as LOCALISED_SLUGS } from './constants-529011cc.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-69fde38e.js';
-import { I as Indicator$1 } from './index-03c97924.js';
-import { u as useTranslations } from './index-1db7b407.js';
-import { u as useIsInit } from './useIsInit-632813ff.js';
-import { L as LOCALIZED_SLUGS } from './constants-7e84480f.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-e0f610d6.js';
+import './index-afb950af.js';
+import { L as LOCALISED_SLUGS } from './constants-e0d20786.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-b69c3308.js';
+import { I as Indicator$1 } from './index-2168ab90.js';
+import { u as useTranslations } from './index-8cdec9e5.js';
+import { u as useIsInit } from './useIsInit-0a311959.js';
+import { L as LOCALIZED_SLUGS } from './constants-447a1ab2.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-687096ba.js';
-import { H as Heading } from './index-14171123.js';
+import { B as Button$1 } from './index-fb4da901.js';
+import { H as Heading } from './index-f69f1dfa.js';
 import formatString from 'string-format';
 import { domainLocales } from './constantsDomainLocales.js';
-import { C as Container } from './index-3164b3ff.js';
+import { C as Container } from './index-8c40b821.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-eb3517d4.js';
-import { L as LOCALE } from './Locale-4e8fcc27.js';
+import { U as UserAvatar } from './index-5ab02830.js';
+import { L as LOCALE } from './Locale-d19cda43.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-30618a64.js';
+import { g as getDataWithCache } from './core-ab3d1a5e.js';
 
 const HamburgerWhite = (props) => (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     React.createElement("path", { d: "M4 12H20", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
@@ -204,7 +204,6 @@ const DisplayWrapper = ({ forceDisplay, mediaQueryKey, children, className, styl
 var styles$2 = {"menuIconWrapper":"wnUb-dV","menuButton":"cjbOxWe","itemNavButton":"-sx0jrx","scale":"EDlp5Zf"};
 
 const ItemMenu = ({ item, menu }) => {
-    const { isWinCashBackTheme: winCashBackTheme } = useContext(NavigationContext);
     const { containerRef, onButtonMouseDown, onClose } = useCSSFocusPopupHelper({
         allowBgScroll: true,
     });
@@ -215,19 +214,15 @@ const ItemMenu = ({ item, menu }) => {
                 React__default.createElement("div", { "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link, className: styles$2.menuButton }, item.name))));
     }
     return (React__default.createElement(NewWrapper, { isNew: item.isNew },
-        React__default.createElement("div", { ref: containerRef, className: `hhgcomp-navigation-itemnav-headeritem ${!isInit ? `menu-handler-${item.id}` : ''}`, tabIndex: 0, key: item.id, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link, style: { borderBottom: winCashBackTheme ? 'none' : undefined } },
-            React__default.createElement("div", { "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link, onMouseDown: onButtonMouseDown, className: styles$2.menuButton, style: { color: winCashBackTheme ? 'white' : undefined } },
+        React__default.createElement("div", { ref: containerRef, className: `hhgcomp-navigation-itemnav-headeritem ${!isInit ? `menu-handler-${item.id}` : ''}`, tabIndex: 0, key: item.id, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link },
+            React__default.createElement("div", { "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link, onMouseDown: onButtonMouseDown, className: styles$2.menuButton },
                 item.name,
                 item.popupType && (React__default.createElement(React__default.Fragment, null, (item === null || item === void 0 ? void 0 : item.icon) ? (React__default.createElement("div", { className: "wrapper-menu-icon" },
-                    React__default.createElement("div", { className: "origin-icon", style: {
-                            filter: winCashBackTheme
-                                ? 'brightness(0) invert(1)'
-                                : undefined,
-                        } }, item.icon),
+                    React__default.createElement("div", { className: "origin-icon" }, item.icon),
                     React__default.createElement("div", { className: "close-icon", onClick: onClose },
-                        React__default.createElement(Close, { size: 16, color: winCashBackTheme ? 'white' : undefined })))) : (React__default.createElement("div", { className: styles$2.menuIconWrapper },
+                        React__default.createElement(Close, { size: 16 })))) : (React__default.createElement("div", { className: styles$2.menuIconWrapper },
                     React__default.createElement("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" },
-                        React__default.createElement("path", { d: "M11.5 7.5L9 10L6.5 7.5", stroke: winCashBackTheme ? 'white' : '#202135', strokeWidth: "1.33", strokeLinecap: "round", strokeLinejoin: "round" }))))))),
+                        React__default.createElement("path", { d: "M11.5 7.5L9 10L6.5 7.5", strokeWidth: "1.33", strokeLinecap: "round", strokeLinejoin: "round" }))))))),
             React__default.isValidElement(menu)
                 ? React__default.cloneElement(menu, {
                     onClose,
@@ -2108,6 +2103,45 @@ const StyledHeaderWrapper = styled.div `
 
   &[data-win-cash-back-theme='true'] {
     background-color: ${theme.colors.blue900};
+
+    .search-wrapper {
+      padding: 8px 16px;
+    }
+
+    .hhgcomp-navigation-itemnav-headeritem {
+      border-bottom: none;
+      color: ${theme.colors.white};
+
+      svg {
+        path {
+          stroke: ${theme.colors.white};
+        }
+      }
+
+      .wrapper-menu-icon {
+        .origin-icon {
+          filter: brightness(0) invert(1);
+        }
+        .close-icon {
+          svg {
+            path {
+              fill: ${theme.colors.white};
+            }
+          }
+        }
+      }
+    }
+
+    .profile-nav-group {
+      .login-btn {
+        border-radius: 28px;
+        border-color: rgba(255, 255, 255, 0.2);
+        &:hover {
+          background-color: rgba(255, 255, 255, 0.1);
+          border-color: rgba(255, 255, 255, 0.2);
+        }
+      }
+    }
   }
 
   &[data-site-type='helloSites'] {
@@ -2417,7 +2451,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                 !isMobile && siteType !== 'marryBaby' && (React__default.createElement(NavigationMenu, { menuItems: menuItems.filter((m) => locale === LOCALE.Vietnam
                         ? m.id !== 'ecom' && m.id !== 'care'
                         : true), originalMenuItems: menuItems, className: customClasses.navMenu })),
-                React__default.createElement(StyledProfileNavGroup, null,
+                React__default.createElement(StyledProfileNavGroup, { className: "profile-nav-group" },
                     languageMenu,
                     enableNavChatbotAi && (React__default.createElement(Box, { component: "a", href: `${getCurrentBaseUrl(locale)}/ai-doctor`, "data-event-category": "Chatbot AI", "data-event-action": "Open", "data-event-label": "Hamburger Navigation", className: "ai-doctor-nav-item" },
                         React__default.createElement(StyleButtonAiChat, { variant: "tertiary", leftIcon: React__default.createElement(ChatAi, { size: 18, color: "#2F8AF2" }), size: "md", className: "ai-doctor-btn" }, (_b = LOCALE_SPECS[locale]) === null || _b === void 0 ? void 0 :
@@ -2437,7 +2471,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                                 borderLeft: '1px solid #E4E8EC',
                             } })),
                         React__default.createElement(CartBadge, { "data-cart-menu": "true", "data-event-category": "Ecommerce", "data-event-action": "Cart Click", "data-event-label": currentUrl, count: cartNumber, locale: locale })))))),
-        isMobile && isHomepage && (React__default.createElement(StyleWrapperNavigtionSearch, { style: { padding: winCashBackTheme ? '12px 16px' : undefined } },
+        isMobile && isHomepage && (React__default.createElement(StyleWrapperNavigtionSearch, { className: "search-wrapper" },
             React__default.createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: isMobile, isHomepage: isHomepage }))),
         sponsorComponent
             ? !React__default.isValidElement(sponsorComponent)
@@ -2497,7 +2531,7 @@ const useHeaderHeight = ({ hasSponsoredBanners, isSponsored, isShowingSiteWideBa
         headerRef.current,
     ]);
     const defaultHeaderHeight = useMemo(() => {
-        let res = isMobile ? 56 : 56;
+        let res = isMobile ? 56 : 60;
         if (isShowingSiteWideBanner) {
             res += 64;
         }

package/build/esm/{index-9a1c5e73.js → index-983e599c.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-e588a469.js';
+import { _ as __rest } from './tslib.es6-b8efe8f5.js';
 import React__default from 'react';
 import { Textarea } from '@mantine/core';
-import { u as useStyles } from './index-365c45aa.js';
-import { u as useTemplateVariant } from './index-94ffbf58.js';
+import { u as useStyles } from './index-40993aa3.js';
+import { u as useTemplateVariant } from './index-97296add.js';
 
 const TextArea = (_a) => {
     var { styles } = _a, props = __rest(_a, ["styles"]);

package/build/esm/{index-a7d7061d.js → index-9aa9011b.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-e588a469.js';
+import { _ as __rest } from './tslib.es6-b8efe8f5.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-f281551e.js';
-import { u as useTranslations } from './index-1db7b407.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-cb7e67fa.js';
-import { I as Input } from './index-365c45aa.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-9b333c1c.js';
+import { u as useTranslations } from './index-8cdec9e5.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-8b38a674.js';
+import { I as Input } from './index-40993aa3.js';
 import '@mantine/dates';
-import './index-d203662e.js';
-import './index-603a3104.js';
-import './index-c52d9e97.js';
-import './index-9bfc4708.js';
-import { T as Text } from './index-87c6d4e6.js';
-import './index-dd88866e.js';
-import './index-94ffbf58.js';
-import './index.styles-9de3c24c.js';
+import './index-6a450822.js';
+import './index-7d6b7ee0.js';
+import './index-f8d567a2.js';
+import './index-f1646797.js';
+import { T as Text } from './index-86ce162f.js';
+import './index-52b00edd.js';
+import './index-97296add.js';
+import './index.styles-e5f7c63f.js';
 import '@mantine/hooks';
-import './utils-bbe25288.js';
-import './index-93c50528.js';
-import { C as CardWrapperContext } from './context-b8758778.js';
-import { H as HealthToolFormWrapper } from './index-302329fe.js';
-import { I as INPUT_RANGE } from './constants-1ef61983.js';
+import './utils-e0f610d6.js';
+import './index-afb950af.js';
+import { C as CardWrapperContext } from './context-f5f52d74.js';
+import { H as HealthToolFormWrapper } from './index-4265694b.js';
+import { I as INPUT_RANGE } from './constants-5b860a33.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

package/build/esm/{index-1b2dd347.js → index-9b4b5748.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-1db7b407.js';
-import { B as Button } from './index-687096ba.js';
+import { u as useTranslations } from './index-8cdec9e5.js';
+import { B as Button } from './index-fb4da901.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-6f3b7e2b.js → index-9b5dcc19.js}

@@ -2,10 +2,10 @@ import * as React from 'react';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-0f10ae77.js';
+import { T as Text } from './index-34714597.js';
 import classNames from 'classnames';
-import { I as ImageWrap } from './index-30a61037.js';
-import { T as Text$1 } from './index-87c6d4e6.js';
+import { I as ImageWrap } from './index-26857dfe.js';
+import { T as Text$1 } from './index-86ce162f.js';
 
 /* eslint-disable prettier/prettier */
 const ArrowRightBlue = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 6 10", fill: "none" }, props),

package/build/esm/{index-93c50528.js → index-afb950af.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-e588a469.js';
+import { _ as __rest } from './tslib.es6-b8efe8f5.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { createStyles, rem, Tabs as Tabs$1, ScrollArea } from '@mantine/core';
-import { B as Button } from './index-dd88866e.js';
-import { T as Text } from './index-87c6d4e6.js';
+import { B as Button } from './index-52b00edd.js';
+import { T as Text } from './index-86ce162f.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-54599626.js → index-b5340807.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-e588a469.js';
+import { _ as __rest } from './tslib.es6-b8efe8f5.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-d203662e.js';
-import './index-603a3104.js';
-import { C as CommonGAssets } from './index-c52d9e97.js';
-import { M as MAPPED_LOCALE } from './index-9bfc4708.js';
-import { L as LOCALE } from './Locale-4e8fcc27.js';
+import { I as ISO_FORMAT } from './index-6a450822.js';
+import './index-7d6b7ee0.js';
+import { C as CommonGAssets } from './index-f8d567a2.js';
+import { M as MAPPED_LOCALE } from './index-f1646797.js';
+import { L as LOCALE } from './Locale-d19cda43.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-f48b1cc4.js → index-b936836a.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-e588a469.js';
+import { _ as __rest } from './tslib.es6-b8efe8f5.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-603a3104.js';
+import './index-7d6b7ee0.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-c52d9e97.js';
+import { C as CommonGAssets } from './index-f8d567a2.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-30a61037.js';
-import { T as Text } from './index-0f10ae77.js';
-import { L as LOCALE } from './Locale-4e8fcc27.js';
-import { f as CentralCarousel } from './index-365c45aa.js';
+import { I as ImageWrap } from './index-26857dfe.js';
+import { T as Text } from './index-34714597.js';
+import { L as LOCALE } from './Locale-d19cda43.js';
+import { f as CentralCarousel } from './index-40993aa3.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-ba6d9c79.js → index-c8c87acc.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-e588a469.js';
+import { _ as __rest } from './tslib.es6-b8efe8f5.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-bbe25288.js';
+import { M as MediaQueries } from './utils-e0f610d6.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-9c2cef33.js → index-cbac1323.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-e588a469.js';
+import { _ as __rest } from './tslib.es6-b8efe8f5.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-9de3c24c.js';
+import { u as useStyles } from './index.styles-e5f7c63f.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-7134a290.js → index-d5a40acf.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-3164b3ff.js';
+import { C as Container } from './index-8c40b821.js';
 import dayjs from 'dayjs';
-import './index-d203662e.js';
-import './index-365c45aa.js';
+import './index-6a450822.js';
+import './index-40993aa3.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-603a3104.js';
-import './index-c52d9e97.js';
-import './index-9bfc4708.js';
-import { T as Text } from './index-87c6d4e6.js';
-import './index-dd88866e.js';
-import './index-94ffbf58.js';
-import './index.styles-9de3c24c.js';
-import './translationsContext-b8bae0a0.js';
+import './index-7d6b7ee0.js';
+import './index-f8d567a2.js';
+import './index-f1646797.js';
+import { T as Text } from './index-86ce162f.js';
+import './index-52b00edd.js';
+import './index-97296add.js';
+import './index.styles-e5f7c63f.js';
+import './translationsContext-4311f04c.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-bbe25288.js';
-import './index-93c50528.js';
-import { u as useScreenSize } from './index-30a61037.js';
+import { M as MediaQueries } from './utils-e0f610d6.js';
+import './index-afb950af.js';
+import { u as useScreenSize } from './index-26857dfe.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-348edee8.js';
-import { M as MarryBabyText } from './index-955226da.js';
+import { L as Logo } from './index-fe3f1203.js';
+import { M as MarryBabyText } from './index-8edc1ecd.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-b8e0fe37.js → index-d7a1ff97.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-e588a469.js';
+import { _ as __rest } from './tslib.es6-b8efe8f5.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-d901dde6.js';
-import { I as Input } from './index-365c45aa.js';
-import { D as DatePicker } from './index-54599626.js';
-import { T as Text } from './index-87c6d4e6.js';
-import './index-dd88866e.js';
-import './index-94ffbf58.js';
-import './index.styles-9de3c24c.js';
-import { u as useTranslations } from './index-1db7b407.js';
+import { L as LastPeriod } from './LastPeriod-b29d8d38.js';
+import { I as Input } from './index-40993aa3.js';
+import { D as DatePicker } from './index-b5340807.js';
+import { T as Text } from './index-86ce162f.js';
+import './index-52b00edd.js';
+import './index-97296add.js';
+import './index.styles-e5f7c63f.js';
+import { u as useTranslations } from './index-8cdec9e5.js';
 import '@mantine/hooks';
-import './index-9bfc4708.js';
-import './utils-bbe25288.js';
-import './index-93c50528.js';
-import { C as CardWrapperContext } from './context-b8758778.js';
-import { H as HealthToolFormWrapper } from './index-302329fe.js';
+import './index-f1646797.js';
+import './utils-e0f610d6.js';
+import './index-afb950af.js';
+import { C as CardWrapperContext } from './context-f5f52d74.js';
+import { H as HealthToolFormWrapper } from './index-4265694b.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-fd70b49d.js → index-d846240b.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-687096ba.js';
-import { H as Heading } from './index-14171123.js';
-import { T as Text } from './index-87c6d4e6.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-bbe25288.js';
+import { B as Button } from './index-fb4da901.js';
+import { H as Heading } from './index-f69f1dfa.js';
+import { T as Text } from './index-86ce162f.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-e0f610d6.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext } from './utils-60e35379.js';
+import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext } from './utils-485073d0.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-e588a469.js';
-import { I as Input } from './index-ba6d9c79.js';
-import { u as useTranslations } from './index-1db7b407.js';
-import { e as formatComment } from './dataTransform-9966ff8e.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-cb7e67fa.js';
+import { a as __awaiter } from './tslib.es6-b8efe8f5.js';
+import { I as Input } from './index-c8c87acc.js';
+import { u as useTranslations } from './index-8cdec9e5.js';
+import { e as formatComment } from './dataTransform-55d9f8fc.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-8b38a674.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-12c158ab.js';
-import { C as CardLink } from './index-e436ec43.js';
-import { L as Loading } from './index-ef8554f7.js';
-import { U as UserAvatar } from './index-eb3517d4.js';
-import { R as RichTextEditor } from './editor-157147c8.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-c0def9ef.js';
+import { C as CardLink } from './index-fbb4f60a.js';
+import { L as Loading } from './index-f17ecbfd.js';
+import { U as UserAvatar } from './index-5ab02830.js';
+import { R as RichTextEditor } from './editor-ac144f1d.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-3edae475.js';
-import { C as CloseIcon } from './index-e3122408.js';
+import { P as Popup } from './index-33b7c798.js';
+import { C as CloseIcon } from './index-3b28e0fb.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/{index-c653a941.js → index-dfb72a66.js}

@@ -1,34 +1,34 @@
 import * as React from 'react';
 import React__default, { useMemo, useState, useEffect, useRef, createContext, useContext } from 'react';
-import { u as useTranslations } from './index-1db7b407.js';
+import { u as useTranslations } from './index-8cdec9e5.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-c52d9e97.js';
-import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-e47efffa.js';
+import { C as CommonGAssets } from './index-f8d567a2.js';
+import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-91d506cd.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-b1b98e43.js';
-import { b as getTogetherUserPostsApiPath } from './index-464ab486.js';
-import { B as Button } from './index-687096ba.js';
-import { w as workingDays } from './types-18123e23.js';
+import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-64c021b0.js';
+import { b as getTogetherUserPostsApiPath } from './index-95525c28.js';
+import { B as Button } from './index-fb4da901.js';
+import { w as workingDays } from './types-a882d96b.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-bbe25288.js';
+import { M as MediaQueries } from './utils-e0f610d6.js';
 import { rem, clsx, Flex, Box } from '@mantine/core';
 import { LoadScript, GoogleMap, Marker } from '@react-google-maps/api';
 import classNames from 'classnames';
-import { b as basePath, Z as ZINDEX_SSO } from './index-d203662e.js';
-import { L as LOCALISED_SLUGS } from './constants-cb7e67fa.js';
-import { T as Text } from './index-0f10ae77.js';
-import { f as formatPhoneNumber } from './localizeNumberFormat-6a178732.js';
-import { a as __awaiter } from './tslib.es6-e588a469.js';
+import { b as basePath, Z as ZINDEX_SSO } from './index-6a450822.js';
+import { L as LOCALISED_SLUGS } from './constants-8b38a674.js';
+import { T as Text } from './index-34714597.js';
+import { f as formatPhoneNumber } from './localizeNumberFormat-ef37bf59.js';
+import { a as __awaiter } from './tslib.es6-b8efe8f5.js';
 import { useDisclosure } from '@mantine/hooks';
-import { u as useTextStyles, T as TextField } from './index-9419f27f.js';
+import { u as useTextStyles, T as TextField } from './index-25219ea7.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
-import { P as Phone, I as Input, E as ErrorIcon } from './index-365c45aa.js';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-94ffbf58.js';
-import { B as Button$1 } from './index-dd88866e.js';
-import { M as MAPPED_LOCALE } from './index-9bfc4708.js';
-import { T as Text$1 } from './index-87c6d4e6.js';
-import { I as ImageWrap } from './index-30a61037.js';
-import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-6f3b7e2b.js';
+import { P as Phone, I as Input, E as ErrorIcon } from './index-40993aa3.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-97296add.js';
+import { B as Button$1 } from './index-52b00edd.js';
+import { M as MAPPED_LOCALE } from './index-f1646797.js';
+import { T as Text$1 } from './index-86ce162f.js';
+import { I as ImageWrap } from './index-26857dfe.js';
+import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-9b5dcc19.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-a337b8e6.js → index-f0b826ae.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-87c6d4e6.js';
+import { T as Text } from './index-86ce162f.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-bbe25288.js';
+import { M as MediaQueries } from './utils-e0f610d6.js';
 import { Collapse, rem, clsx } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { S as ShapedArrowDown } from './index-b1b98e43.js';
-import { R as Radio$1 } from './index-365c45aa.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-e588a469.js';
-import { T as Text$1 } from './index-0f10ae77.js';
+import { S as ShapedArrowDown } from './index-64c021b0.js';
+import { R as Radio$1 } from './index-40993aa3.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-b8efe8f5.js';
+import { T as Text$1 } from './index-34714597.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import flattenChildren from 'react-keyed-flatten-children';
-import { H as Heading } from './index-14171123.js';
-import { C as Close } from './Close-0f8e1af8.js';
-import { u as useTranslations } from './index-1db7b407.js';
+import { H as Heading } from './index-f69f1dfa.js';
+import { C as Close } from './Close-45d03a58.js';
+import { u as useTranslations } from './index-8cdec9e5.js';
 import { Carousel } from '@mantine/carousel';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-9bfc4708.js → index-f1646797.js}

@@ -1,16 +1,16 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-e588a469.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-b8efe8f5.js';
 import React__default, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import './index-603a3104.js';
-import { L as LOCALE } from './Locale-4e8fcc27.js';
+import './index-7d6b7ee0.js';
+import { L as LOCALE } from './Locale-d19cda43.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-d203662e.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-6a450822.js';
 import { em, rem } from '@mantine/core';
-import { C as CommonGAssets } from './index-c52d9e97.js';
+import { C as CommonGAssets } from './index-f8d567a2.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-bbe25288.js';
-import { C as CustomStylesType, F as FontWeight } from './index-94ffbf58.js';
-import { A as ANIMATION_DURATION } from './shared-788d905c.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-e0f610d6.js';
+import { C as CustomStylesType, F as FontWeight } from './index-97296add.js';
+import { A as ANIMATION_DURATION } from './shared-242d8a51.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {

package/build/esm/{index-ef8554f7.js → index-f17ecbfd.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-687096ba.js';
-import { u as useTranslations } from './index-1db7b407.js';
+import { B as Button } from './index-fb4da901.js';
+import { u as useTranslations } from './index-8cdec9e5.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-9adf72ad.js → index-f3354c03.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { L as Label } from './index-ba6d9c79.js';
+import { L as Label } from './index-c8c87acc.js';
 import { theme } from './miscTheme.js';
 
 const StyledTextArea = styled.div `