@hhgtech/hhg-components 1.29.71 → 1.29.72

package/build/esm/{index-a5a9c37f.js → index-1f06226a.js}

@@ -1,46 +1,46 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-97370995.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-90fc8480.js';
 import React__default, { useState, useMemo, useRef, Fragment, useEffect, useContext, useCallback } from 'react';
-import { F as Flag, a as Avatar, B as Button$1, c as Input } from './index-a9166112.js';
+import { F as Flag, a as Avatar, B as Button$1, c as Input } from './index-9a23adb0.js';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-b521f428.js';
-import { T as Text } from './index-b016006a.js';
-import { C as CommonGAssets } from './index-2d067c08.js';
-import { C as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, b as CARE_BOOKING_LOCALES, d as domainLocales, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-e70f2e3d.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-e4ba4115.js';
-import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-a5c71ee3.js';
-import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-f19199f0.js';
-import { L as Logo } from './index-5b9d9783.js';
-import { u as useTranslations } from './useTranslations-cd4a6fd8.js';
+import { t as theme } from './theme-f2482fa6.js';
+import { T as Text } from './index-f3442a85.js';
+import { C as CommonGAssets } from './index-feb3e97b.js';
+import { C as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, b as CARE_BOOKING_LOCALES, d as domainLocales, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-2b20c117.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-b20bf587.js';
+import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-e787579e.js';
+import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-9af8c7ce.js';
+import { L as Logo } from './index-631024e3.js';
+import { u as useTranslations } from './useTranslations-95bfccb2.js';
 import throttle from 'lodash/throttle';
-import { createStyles, Box, Indicator, Portal } from '@mantine/core';
+import { createStyles, Box, Indicator, Portal, useMantineTheme } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE } from './index-5cd6a62b.js';
-import './useMantineLocale-046cbdb3.js';
-import './translationsContext-c93a829e.js';
+import { L as LOCALE } from './index-b1506e6b.js';
+import './useMantineLocale-7573a118.js';
+import './translationsContext-71f2dcaf.js';
 import formatString from 'string-format';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-a7de33d5.js';
-import { L as LOCALISED_SLUGS } from './constants-91056bf5.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-18ae43e6.js';
+import { L as LOCALISED_SLUGS } from './constants-e5c4cbda.js';
 import { User } from '@hhgtech/icons/core';
-import { s as setDefaultClass, j as domainLocalesMarryBaby } from './utils-db2fd094.js';
-import { C as ChevronDown } from './ChevronDown-649c04aa.js';
+import { s as setDefaultClass, j as domainLocalesMarryBaby } from './utils-2da5bc4a.js';
+import { C as ChevronDown } from './ChevronDown-cb8116e2.js';
 import { css } from '@emotion/react';
-import { B as Button } from './index-12360b99.js';
-import { a as LOCALIZED_SLUGS } from './constants-377c6994.js';
-import { H as Heading } from './index-70058779.js';
-import { I as Indicator$1 } from './index-153313f0.js';
-import { u as useIsInit } from './useIsInit-0b340dd9.js';
-import './index.styles-ca0e67ae.js';
-import './utils-27654c6d.js';
-import './WhatsApp-bd62c45e.js';
-import './index.styled-e23b7753.js';
-import './index-f11368e4.js';
-import '@hhgtech/icons/other';
+import { B as Button } from './index-4bbef174.js';
+import { a as LOCALIZED_SLUGS } from './constants-cf979d78.js';
+import { H as Heading } from './index-183a178b.js';
+import { I as Indicator$1 } from './index-18ec8303.js';
+import { u as useIsInit } from './useIsInit-38044670.js';
+import './index.styles-0f234bda.js';
+import './utils-ec6f4672.js';
+import './WhatsApp-e4a08144.js';
+import './index.styled-e8618bc6.js';
+import './index-9fedc1c5.js';
+import { ArrowRight } from '@hhgtech/icons/other';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { C as Container } from './index-e165503e.js';
+import { C as Container } from './index-5571e47c.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-1949b920.js';
+import { g as getDataWithCache } from './core-e2ad0417.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',
@@ -1191,6 +1191,12 @@ const SearchInput = ({ id }) => {
                 React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9683 19.7465 14.8938 19.0204 16.4118 17.8061L20.3169 21.7112C20.702 22.0963 21.3262 22.0963 21.7112 21.7112C22.0963 21.3262 22.0963 20.702 21.7112 20.3169L17.8061 16.4118C19.0204 14.8938 19.7465 12.9683 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z", fill: "#8C8C8C" }))) }));
 };
 
+const Phone = (_a) => {
+    var { size = 24, color = theme.colors.neutral600 } = _a, rest = __rest(_a, ["size", "color"]);
+    return (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
+        React__default.createElement("path", { d: "M6.088 18.75q-.63 0-1.068-.437a1.45 1.45 0 0 1-.438-1.07V2.757q0-.63.438-1.068a1.45 1.45 0 0 1 1.068-.438h7.82q.633 0 1.07.438.437.437.437 1.068v14.488q0 .63-.437 1.069a1.45 1.45 0 0 1-1.07.437zm3.91-1.859a.7.7 0 0 0 .522-.216.7.7 0 0 0 .216-.521.7.7 0 0 0-.216-.522.7.7 0 0 0-.521-.215.7.7 0 0 0-.522.215.7.7 0 0 0-.215.522.7.7 0 0 0 .215.521.7.7 0 0 0 .522.216m-4.166-3.333h8.333V4.792H5.832z", fill: color })));
+};
+
 const StyledItemGridLeft = styled.div `
   padding-right: 1rem;
   margin-top: 10px;
@@ -1206,15 +1212,21 @@ const StyledItem$6 = styled.a `
 
   display: flex;
   align-items: center;
+  &[data-is-mobile-tool='true'] {
+    align-items: flex-start;
+    .name,
+    .phone-icon {
+      margin-top: 4px;
+    }
+  }
   text-decoration: none;
   color: ${theme.colors.gray800};
   * {
     pointer-events: none;
   }
-  p {
+  .name {
     font-size: 16px;
     font-weight: 400;
-    padding: 0 0.4rem;
   }
 
   &[data-theme='marryBaby']:hover,
@@ -1262,7 +1274,9 @@ const StyledIconNav = styled.div `
   position: absolute;
   right: 0;
   ${MediaQueries.mbUp} {
-    display: none;
+    &.arrow-icon {
+      display: none;
+    }
   }
 `;
 const StyledItemAll = styled.div `
@@ -1346,6 +1360,8 @@ const NewWrapper = ({ isNew, children, }) => {
 
 const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuItems, headingTitle, activeItem, }) => {
     const { siteType } = useContext(NavigationContext);
+    const { t } = useTranslations();
+    const theme = useMantineTheme();
     return (React__default.createElement(StyledItemGridLeft, null,
         React__default.createElement(StyledHeading$1, null,
             React__default.createElement(Heading, { tag: siteType === 'marryBaby' ? 'h5' : 'h6', as: "p", fontWeight: "semibold" }, headingTitle)), menuItems === null || menuItems === void 0 ? void 0 :
@@ -1355,7 +1371,7 @@ const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuI
                     ? item === null || item === void 0 ? void 0 : item.link
                     : `${UrlFE}/${item === null || item === void 0 ? void 0 : item.link.split('/').filter(Boolean).join('/')}/`
                 : '/';
-            return (React__default.createElement(StyledItem$6, Object.assign({ className: "iconMenu", "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": href, "data-is-heading-category": false, "data-active": item.id && item.id === activeItem, href: href }, (!isInternalLink(href) && {
+            return (React__default.createElement(StyledItem$6, Object.assign({ className: "iconMenu", "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": href, "data-is-heading-category": false, "data-active": item.id && item.id === activeItem, "data-is-mobile-tool": item.isMobileAppTool, href: href }, (!isInternalLink(href) && {
                 target: '_blank',
             }), { "data-theme": siteType, key: index, onClick: onClosePopup }),
                 React__default.createElement("div", { className: "icon" },
@@ -1367,8 +1383,16 @@ const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuI
                             overflow: 'hidden',
                         } })),
                 React__default.createElement(NewWrapper, { isNew: item.isNew },
-                    React__default.createElement("p", { style: { paddingRight: item.isNew ? 10 : 0 } }, item.name)),
-                React__default.createElement(StyledIconNav, null, React__default.createElement("img", { src: CommonGAssets.getAssetPath('chevronRight.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" }))));
+                    React__default.createElement("div", { style: {
+                            padding: '0 0.4rem',
+                            paddingRight: item.isNew ? 10 : 0,
+                        } },
+                        React__default.createElement("p", { className: "name" }, item.name),
+                        item.isMobileAppTool && (React__default.createElement(Text, { size: "n1", color: theme.fn.primaryColor(), weight: "regular" }, t('home.calcWithApp'))))),
+                item.isMobileAppTool && (React__default.createElement(StyledIconNav, null,
+                    React__default.createElement(Phone, { className: "phone-icon", size: 16 }))),
+                React__default.createElement(StyledIconNav, { className: "arrow-icon" },
+                    React__default.createElement("img", { src: CommonGAssets.getAssetPath('chevronRight.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" }))));
         }),
         titleBtnViewMore && (React__default.createElement(StyledViewMore$1, { "data-theme": siteType, style: { textDecoration: 'none' }, href: hrefViewMore, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": hrefViewMore },
             React__default.createElement(StyledItemAll, { onClick: onClosePopup, "data-theme": siteType, "data-is-heading-category": false },
@@ -2005,6 +2029,14 @@ const StyledContainerItems = styled.div `
   }
 `;
 
+const AppIcon = (_a) => {
+    var { size = 24, color = '#2D87F3' } = _a, rest = __rest(_a, ["size", "color"]);
+    return (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
+        React__default.createElement("rect", { width: "20", height: "20", rx: "4", fill: color }),
+        React__default.createElement("path", { d: "M9.12 6.005c0-.088-.005-.181-.012-.27-.022-.611-.623-1.071-1.208-1.046-.69.04-.839 1.007-.248 1.297.09.047.115.088.105.172v5.048c.004.064-.016.096-.077.122-.63.274-.474 1.276.233 1.304.583.03 1.16-.453 1.195-1.044q.012-.135.013-.272c0-1.77.013-3.54 0-5.311m-3.093 5.34c-.109-.048-.144-.108-.132-.232V6.117c.009-.114.103-.108.176-.165.544-.357.313-1.249-.346-1.264h-.023c-.659 0-1.172.546-1.172 1.194q-.002 2.09.004 4.177l.003 1.396c0 .62.527 1.175 1.15 1.175.68 0 .989-.978.34-1.285m7.299-1.489a.623.623 0 1 1-1.247 0 .623.623 0 0 1 1.247 0", fill: "#fff" }),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.927 9.821c0 1.338.925 2.46 2.162 2.743-.089 1.583-2.049 1.657-3.22 1.47a2.5 2.5 0 0 1-.716-.225 1.3 1.3 0 0 1-.614-.68c-.057-.142-.093-.293-.158-.431a.58.58 0 0 0-.674-.346.59.59 0 0 0-.462.603c.017.415.192.827.44 1.156.26.354.607.625 1.058.827.636.29 1.336.375 2.03.375.774 0 1.591-.132 2.267-.53.643-.38 1.25-.878 1.263-2.217a2.81 2.81 0 0 0 2.17-2.745c0-1.55-1.244-2.811-2.773-2.811S9.927 8.27 9.927 9.82m4.275 0c0 .841-.674 1.525-1.502 1.525a1.515 1.515 0 0 1-1.502-1.525c0-.84.674-1.525 1.502-1.525a1.516 1.516 0 0 1 1.502 1.525", fill: "#fff" })));
+};
+
 const StyledItem$1 = styled.a `
   text-decoration: none;
   border-radius: 4px;
@@ -2031,11 +2063,21 @@ const StyledItem$1 = styled.a `
     display: flex;
     width: 100%;
   }
+  .phone-badge {
+    position: absolute;
+    top: 16px;
+    left: 16px;
+  }
   ${MediaQueries.tdDown} {
     padding-top: 16px;
     display: flex;
     align-items: center;
   }
+  ${MediaQueries.mbDown} {
+    .phone-badge {
+      display: none;
+    }
+  }
 `;
 const StyledImageCard$1 = styled.div `
   width: 64px;
@@ -2064,6 +2106,7 @@ const StyledImageCard$1 = styled.div `
 const StyledBtnView$1 = styled.div `
   display: flex;
   align-items: center;
+  gap: 4px;
   color: ${theme.colors.primaryBase};
   font-weight: 400;
   font-size: 14px;
@@ -2116,18 +2159,16 @@ const Item = ({ item, index = 0 }) => {
             : `${statics.HOME_PAGE_URL}${item.link}`
         : undefined;
     return (React__default.createElement(StyledItem$1, { href: link, "data-event-category": "Hamburger Navigation", "data-event-action": `Engage Click ${index + 1}`, "data-event-label": link },
+        item.isMobileAppTool && React__default.createElement(Phone, { size: 20, className: "phone-badge" }),
         React__default.createElement("img", { src: CommonGAssets.getAssetPath('navToolCardBg.svg'), alt: "", loading: "lazy", className: "bg-svg" }),
         React__default.createElement(StyledContentWrapper$1, null,
             React__default.createElement(StyledTitle$1, null, item.title),
             React__default.createElement(StyledDes$1, null, item.subtitle),
-            React__default.createElement(StyledBtnView$1, null,
+            React__default.createElement(StyledBtnView$1, null, item.isMobileAppTool ? (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement(AppIcon, { size: 16 }),
+                t('home.calcWithApp'))) : (React__default.createElement(React__default.Fragment, null,
                 t('home.seeMore'),
-                React__default.createElement("img", { src: CommonGAssets.getAssetPath('chevronRightActive.svg'), style: {
-                        width: '16px',
-                        height: '16px',
-                        marginTop: '3px',
-                        marginLeft: '5px',
-                    }, loading: "lazy" }))),
+                React__default.createElement(ArrowRight, { size: 18, useCurrentColor: true }))))),
         React__default.createElement(StyledImageCard$1, null,
             React__default.createElement("img", { loading: "lazy", alt: item.title, src: item.icon || '/images/avatar.jpg' }))));
 };
@@ -2765,6 +2806,7 @@ const formatHealthTool = (healthTool) => {
         link,
         subtitle: healthTool.subtitle,
         title: healthTool.title,
+        isMobileAppTool: healthTool.is_mobile_app_tool,
     };
 };
 const formatSpecialties = (specialties) => {
@@ -2915,6 +2957,7 @@ const MenuHealthToolsList = ({ locale, onClose, isOpen, spotlightHealthTools = [
                         : `${statics.HOME_PAGE_URL}${t.link}`
                     : undefined,
                 thumbnail: t.icon,
+                isMobileAppTool: t.isMobileAppTool,
             })) }),
         React__default.createElement(ToolSpotlights, { spotlightHealthTools: spotlightHealthTools, hrefViewMore: hrefViewMore })));
 };
@@ -2934,13 +2977,13 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-53d98499.js').then((data) => {
+                import('./doctor-a021b18a.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
             }
             else if (item.id === 'ecom') {
-                import('./cart-02282a78.js').then((data) => {
+                import('./cart-bcc8f132.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });

package/build/esm/{index-e70f2e3d.js → index-2b20c117.js}

@@ -1,6 +1,6 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import { L as LOCALE } from './index-5cd6a62b.js';
-import { i as isProduction } from './isProduction-51b0271a.js';
+import { L as LOCALE } from './index-b1506e6b.js';
+import { i as isProduction } from './isProduction-458dfcd4.js';
 
 const siteHost = {
     HELLO_HEALTH_GROUP: 'hellohealthgroup.com',

package/build/esm/{index-12360b99.js → index-4bbef174.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-97370995.js';
+import { _ as __rest } from './tslib.es6-90fc8480.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-a9166112.js';
+import { B as Button$1 } from './index-9a23adb0.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-5638c8dc.js → index-5691f94a.js}

@@ -1,18 +1,18 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-97370995.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-90fc8480.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { c as Input, S as Select } from './index-a9166112.js';
+import { c as Input, S as Select } from './index-9a23adb0.js';
 import '@mantine/dates';
-import { c as CDN_ADDRESS } from './index-e70f2e3d.js';
-import { L as LOCALE } from './index-5cd6a62b.js';
-import './index-2d067c08.js';
-import './useMantineLocale-046cbdb3.js';
-import './index-b016006a.js';
-import './theme-b521f428.js';
-import { u as useTranslations } from './useTranslations-cd4a6fd8.js';
+import { c as CDN_ADDRESS } from './index-2b20c117.js';
+import { L as LOCALE } from './index-b1506e6b.js';
+import './index-feb3e97b.js';
+import './useMantineLocale-7573a118.js';
+import './index-f3442a85.js';
+import './theme-f2482fa6.js';
+import { u as useTranslations } from './useTranslations-95bfccb2.js';
 import '@mantine/hooks';
-import './utils-a7de33d5.js';
-import { M as MAPPED_LOCALE } from './utils-258c928c.js';
+import './utils-18ae43e6.js';
+import { M as MAPPED_LOCALE } from './utils-428a3d25.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-5b9d9783.js → index-631024e3.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './index-5cd6a62b.js';
-import { C as CommonGAssets } from './index-2d067c08.js';
-import { i as isChristmas, a as LunarNewYearLocale, b as isLunarNewYear, c as isNewYear, d as isRamadan, e as isVNHungKing, f as isVN3004, g as isLabourDay, S as StyledLogo, L as LogoIcon, h as StyledProLogo } from './utils-27654c6d.js';
-import { I as ImageWrap } from './index-a9166112.js';
+import { L as LOCALE } from './index-b1506e6b.js';
+import { C as CommonGAssets } from './index-feb3e97b.js';
+import { i as isChristmas, a as LunarNewYearLocale, b as isLunarNewYear, c as isNewYear, d as isRamadan, e as isVNHungKing, f as isVN3004, g as isLabourDay, S as StyledLogo, L as LogoIcon, h as StyledProLogo } from './utils-ec6f4672.js';
+import { I as ImageWrap } from './index-9a23adb0.js';
 
 const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale, dateForSeasonal, isPro, }) => {
     const [seasonalChecks, setSeasonalChecks] = useState({

package/build/esm/{index-d067c2de.js → index-639b1668.js}

@@ -1,13 +1,13 @@
 import React__default, { useState, useEffect, useMemo, useCallback } from 'react';
-import { t as StyledDivider, u as useStyles, v as StyledContainer } from './index.styles-ca0e67ae.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-97370995.js';
-import { u as useTranslations } from './useTranslations-cd4a6fd8.js';
-import { B as Button } from './index-a9166112.js';
-import { P as PATHS } from './paths-e57f065a.js';
-import { a as LOCALIZED_SLUGS } from './constants-377c6994.js';
-import { d as domainLocales } from './index-e70f2e3d.js';
-import { h as callApi, i as getCarePath } from './utils-db2fd094.js';
-import { i as isProduction } from './isProduction-51b0271a.js';
+import { t as StyledDivider, u as useStyles, v as StyledContainer } from './index.styles-0f234bda.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-90fc8480.js';
+import { u as useTranslations } from './useTranslations-95bfccb2.js';
+import { B as Button } from './index-9a23adb0.js';
+import { P as PATHS } from './paths-6bba09f5.js';
+import { a as LOCALIZED_SLUGS } from './constants-cf979d78.js';
+import { d as domainLocales } from './index-2b20c117.js';
+import { h as callApi, i as getCarePath } from './utils-2da5bc4a.js';
+import { i as isProduction } from './isProduction-458dfcd4.js';
 
 /**
  * @deprecated Consider to use mantine

package/build/esm/{index-ed1253b1.js → index-6fbc0297.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-97370995.js';
+import { _ as __rest } from './tslib.es6-90fc8480.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-e70f2e3d.js';
-import { L as LOCALE } from './index-5cd6a62b.js';
-import { C as CommonGAssets } from './index-2d067c08.js';
-import { M as MAPPED_LOCALE } from './useMantineLocale-046cbdb3.js';
+import { I as ISO_FORMAT } from './index-2b20c117.js';
+import { L as LOCALE } from './index-b1506e6b.js';
+import { C as CommonGAssets } from './index-feb3e97b.js';
+import { M as MAPPED_LOCALE } from './useMantineLocale-7573a118.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-e028dc41.js → index-927146c6.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-b521f428.js';
+import { t as theme } from './theme-f2482fa6.js';
 
 const StyledDropdown = styled.div `
   --dropdown-padding: 12px 18px 12px 16px;

package/build/esm/{index-8975f24b.js → index-99d26123.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-97370995.js';
+import { _ as __rest } from './tslib.es6-90fc8480.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { S as StyledInput, L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-377c6994.js';
+import { S as StyledInput, L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-cf979d78.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-a9166112.js → index-9a23adb0.js}

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-97370995.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-90fc8480.js';
 import * as React from 'react';
 import React__default, { useState, forwardRef, useEffect, Component, useCallback, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown, ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { em, createStyles, useMantineTheme, Button as Button$1, Autocomplete, Image, ActionIcon, Select as Select$1, AspectRatio as AspectRatio$1, Box, Breadcrumbs as Breadcrumbs$1, Textarea, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Flex, rem, Tabs as Tabs$1, ScrollArea, Popover as Popover$1, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useViewportSize, useResizeObserver, useDisclosure, useClickOutside } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-2d067c08.js';
-import { B as Breakpoints } from './utils-a7de33d5.js';
+import { C as CommonGAssets } from './index-feb3e97b.js';
+import { B as Breakpoints } from './utils-18ae43e6.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-b016006a.js';
-import { L as LOCALE } from './index-5cd6a62b.js';
-import { t as theme } from './theme-b521f428.js';
-import { G as GlobalHeadingStyle } from './useMantineLocale-046cbdb3.js';
-import { I as ISO_FORMAT, s as siteOptions } from './index-e70f2e3d.js';
+import { T as Text } from './index-f3442a85.js';
+import { L as LOCALE } from './index-b1506e6b.js';
+import { t as theme } from './theme-f2482fa6.js';
+import { G as GlobalHeadingStyle } from './useMantineLocale-7573a118.js';
+import { I as ISO_FORMAT, s as siteOptions } from './index-2b20c117.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-50d26738.js';
+import { a as useUniqueId } from './useUniqueId-7fd332ad.js';
 import { Check, Plus } from '@hhgtech/icons/core';
 
 const GlobalButtonStyle = {

package/build/esm/{index-f19199f0.js → index-9af8c7ce.js}

@@ -1,9 +1,9 @@
 import React__default, { useContext, useState } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-a7de33d5.js';
-import { t as theme } from './theme-b521f428.js';
-import { _ as __rest } from './tslib.es6-97370995.js';
-import { T as TogetherComponentGlobalContext } from './utils-db2fd094.js';
+import { M as MediaQueries } from './utils-18ae43e6.js';
+import { t as theme } from './theme-f2482fa6.js';
+import { _ as __rest } from './tslib.es6-90fc8480.js';
+import { T as TogetherComponentGlobalContext } from './utils-2da5bc4a.js';
 
 const StyledPopup = styled.div `
   position: fixed;

package/build/esm/{index-236edfba.js → index-9b51aa78.js}

@@ -1,64 +1,64 @@
 import React__default, { useState, useEffect, useRef, useMemo, Fragment, memo, useCallback, useImperativeHandle, createContext, useContext, forwardRef } from 'react';
-import { T as Text } from './index-b016006a.js';
-import { b as StyledAvatar, c as StyledBadge$1, d as StyledBorderHeading, e as StyledDropdown, f as StyledDropdownName, g as StyledDropdownList, h as StyledDropdownOption, i as StyledIcon, j as StyledGrid, k as StyledPagination, l as StyledPageBlock, m as StyledPaginationBlock, n as StyledTag, o as StyledToggle, p as StyledToggleIcon, q as StyledToggleLabel, r as StyledCheckbox, s as StyledRateStars, T as TextArea, P as PureInput } from './index.styles-ca0e67ae.js';
-import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-a7de33d5.js';
-import { I as ImageWrap, R as Radio$1, u as useScreenSize, A as Anchor, a as Avatar$1, b as AspectRatio, t as themeColors, c as Input$1, B as Button$1, S as Select, d as Checkbox$1, e as ChipButton } from './index-a9166112.js';
-import { T as Text$1 } from './index-f9264f9f.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-97370995.js';
+import { T as Text } from './index-f3442a85.js';
+import { b as StyledAvatar, c as StyledBadge$1, d as StyledBorderHeading, e as StyledDropdown, f as StyledDropdownName, g as StyledDropdownList, h as StyledDropdownOption, i as StyledIcon, j as StyledGrid, k as StyledPagination, l as StyledPageBlock, m as StyledPaginationBlock, n as StyledTag, o as StyledToggle, p as StyledToggleIcon, q as StyledToggleLabel, r as StyledCheckbox, s as StyledRateStars, T as TextArea, P as PureInput } from './index.styles-0f234bda.js';
+import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-18ae43e6.js';
+import { I as ImageWrap, R as Radio$1, u as useScreenSize, A as Anchor, a as Avatar$1, b as AspectRatio, t as themeColors, c as Input$1, B as Button$1, S as Select, d as Checkbox$1, e as ChipButton } from './index-9a23adb0.js';
+import { T as Text$1 } from './index-d053f048.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-90fc8480.js';
 import { Bookmark, CalendarMB } from '@hhgtech/icons/other';
-import { C as CommonGAssets } from './index-2d067c08.js';
-import { H as Heading } from './index-70058779.js';
-import { t as theme } from './theme-b521f428.js';
+import { C as CommonGAssets } from './index-feb3e97b.js';
+import { H as Heading } from './index-183a178b.js';
+import { t as theme } from './theme-f2482fa6.js';
 import { Card, Group, Box, Flex, createStyles, Stack, getStylesRef, useMantineTheme, rem, Container, AspectRatio as AspectRatio$1, ScrollArea, Chip, Badge as Badge$1, MultiSelect, Stepper } from '@mantine/core';
 import innertext from 'innertext';
 import '@mantine/dates';
-import { d as domainLocales, L as LOCALE_SPECS, F as FAVICONS, Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1, R as RISK_SCREENER_NAME, a as RISK_SCREENER_SLUG, G as GA_TOKEN_COOKIE } from './index-e70f2e3d.js';
-import { L as LOCALE } from './index-5cd6a62b.js';
-import './useMantineLocale-046cbdb3.js';
-import './translationsContext-c93a829e.js';
+import { d as domainLocales, L as LOCALE_SPECS, F as FAVICONS, Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1, R as RISK_SCREENER_NAME, a as RISK_SCREENER_SLUG, G as GA_TOKEN_COOKIE } from './index-2b20c117.js';
+import { L as LOCALE } from './index-b1506e6b.js';
+import './useMantineLocale-7573a118.js';
+import './translationsContext-71f2dcaf.js';
 import 'string-format';
 import { useViewportSize } from '@mantine/hooks';
-import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-a5a9c37f.js';
+import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-1f06226a.js';
 import styled from '@emotion/styled';
 import throttle from 'lodash/throttle';
-import { L as Logo } from './index-5b9d9783.js';
-import { B as Button } from './index-12360b99.js';
-import { I as Input } from './index-8975f24b.js';
+import { L as Logo } from './index-631024e3.js';
+import { B as Button } from './index-4bbef174.js';
+import { I as Input } from './index-99d26123.js';
 import { keyframes } from '@emotion/react';
 import parse from 'html-react-parser';
-import { i as isProduction } from './isProduction-51b0271a.js';
-import { u as useTranslations } from './useTranslations-cd4a6fd8.js';
+import { i as isProduction } from './isProduction-458dfcd4.js';
+import { u as useTranslations } from './useTranslations-95bfccb2.js';
 import { format, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { D as DatePicker } from './index-ed1253b1.js';
-import { H as HealthToolFormWrapper, G as GenderOptionControl, B as BabyGrowthForm, I as INPUT_RANGE, D as Drawer } from './index-93762456.js';
-import { f as formatUserProfileUrl } from './index-f19199f0.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-33d4ebb3.js';
-import { s as setDefaultClass, H as HEALTH_TOOL_TYPE$1, b as callApiWithAuth, g as getApiPath, P as PATHS$2, T as TogetherComponentGlobalContext, d as getPremiumApiPath, e as getWebsiteUrlApi, f as getSsoApiPath } from './utils-db2fd094.js';
+import { D as DatePicker } from './index-6fbc0297.js';
+import { H as HealthToolFormWrapper, G as GenderOptionControl, B as BabyGrowthForm, I as INPUT_RANGE, D as Drawer } from './index-fa0739eb.js';
+import { f as formatUserProfileUrl } from './index-9af8c7ce.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-b5e147ef.js';
+import { s as setDefaultClass, H as HEALTH_TOOL_TYPE$1, b as callApiWithAuth, g as getApiPath, P as PATHS$2, T as TogetherComponentGlobalContext, d as getPremiumApiPath, e as getWebsiteUrlApi, f as getSsoApiPath } from './utils-2da5bc4a.js';
 import { Controller, useForm as useForm$1 } from 'react-hook-form';
-import './constants-377c6994.js';
-import './utils-27654c6d.js';
-import './WhatsApp-bd62c45e.js';
-import './index.styled-e23b7753.js';
-import './index-f11368e4.js';
-import { a as useOutsideClick } from './useOutsideClick-6d5c2dc4.js';
+import './constants-cf979d78.js';
+import './utils-ec6f4672.js';
+import './WhatsApp-e4a08144.js';
+import './index.styled-e8618bc6.js';
+import './index-9fedc1c5.js';
+import { a as useOutsideClick } from './useOutsideClick-87f78323.js';
 import enUS from 'date-fns/locale/en-US';
 import id from 'date-fns/locale/id';
 import vi from 'date-fns/locale/vi';
 import zhTW from 'date-fns/locale/zh-TW';
-import { D as Dropdown } from './index-e028dc41.js';
-import { g as getSocialList } from './getSocialList-0318fb2e.js';
+import { D as Dropdown } from './index-927146c6.js';
+import { g as getSocialList } from './getSocialList-808d9039.js';
 import { v4 } from 'uuid';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-a5c71ee3.js';
-import { I as Icon } from './index-62265c86.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-e787579e.js';
+import { I as Icon } from './index-15bfc837.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { M as Modal } from './index-67208e51.js';
+import { M as Modal } from './index-19d916df.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { g as getCookie } from './cookieHelper-75d7eb81.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-e4ba4115.js';
+import { g as getCookie } from './cookieHelper-b8e6704c.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-b20bf587.js';
 
 var styles$7 = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
 

package/build/esm/{index-d5c8d3c6.js → index-a8c4d8f8.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-97370995.js';
+import { _ as __rest } from './tslib.es6-90fc8480.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { L as LOCALE } from './index-5cd6a62b.js';
+import { L as LOCALE } from './index-b1506e6b.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-2d067c08.js';
-import { t as theme } from './theme-b521f428.js';
-import { I as ImageWrap, f as CentralCarousel } from './index-a9166112.js';
-import { T as Text } from './index-f9264f9f.js';
+import { C as CommonGAssets } from './index-feb3e97b.js';
+import { t as theme } from './theme-f2482fa6.js';
+import { I as ImageWrap, f as CentralCarousel } from './index-9a23adb0.js';
+import { T as Text } from './index-d053f048.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-4b32b13e.js → index-b4e44928.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-97370995.js';
+import { _ as __rest } from './tslib.es6-90fc8480.js';
 import React__default from 'react';
-import { S as StyledHeading, a as StyledText } from './index.styled-e23b7753.js';
+import { S as StyledHeading, a as StyledText } from './index.styled-e8618bc6.js';
 
 const MarryBabyHeading = (_a) => {
     var { type, color, style } = _a, props = __rest(_a, ["type", "color", "style"]);

package/build/esm/{index-f9264f9f.js → index-d053f048.js}

@@ -1,18 +1,18 @@
-import { _ as __rest } from './tslib.es6-97370995.js';
+import { _ as __rest } from './tslib.es6-90fc8480.js';
 import React__default from 'react';
-import './index-a9166112.js';
+import './index-9a23adb0.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-e70f2e3d.js';
-import './index-5cd6a62b.js';
-import './index-2d067c08.js';
-import './useMantineLocale-046cbdb3.js';
-import { T as Text$1 } from './index-b016006a.js';
-import './theme-b521f428.js';
-import './translationsContext-c93a829e.js';
+import './index-2b20c117.js';
+import './index-b1506e6b.js';
+import './index-feb3e97b.js';
+import './useMantineLocale-7573a118.js';
+import { T as Text$1 } from './index-f3442a85.js';
+import './theme-f2482fa6.js';
+import './translationsContext-71f2dcaf.js';
 import 'string-format';
 import '@mantine/hooks';
-import './utils-a7de33d5.js';
+import './utils-18ae43e6.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-b016006a.js → index-f3442a85.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-97370995.js';
+import { _ as __rest } from './tslib.es6-90fc8480.js';
 import React__default from 'react';
 import { createStyles, Text as Text$1 } from '@mantine/core';
-import { O as OTHER_THEME_CONFIG, F as FontWeight } from './utils-a7de33d5.js';
+import { O as OTHER_THEME_CONFIG, F as FontWeight } from './utils-18ae43e6.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;