@hhgtech/hhg-components 1.29.71 → 1.29.73

package/build/esm/{index-a5a9c37f.js → index-745a699e.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-45871bbc.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-aec52984.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-cafb1b7e.js';
+import { T as Text } from './index-48aa11fa.js';
+import { C as CommonGAssets } from './index-69f55d11.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-c675bc81.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-2aba1307.js';
+import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-66547ea3.js';
+import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-2b0241b5.js';
+import { L as Logo } from './index-f222dc31.js';
+import { u as useTranslations } from './useTranslations-e1ff30a8.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-d4ab26e1.js';
+import './useMantineLocale-d5a490a7.js';
+import './translationsContext-5a7e49ea.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-e5a41857.js';
+import { L as LOCALISED_SLUGS } from './constants-42a231f6.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-9508cee2.js';
+import { C as ChevronDown } from './ChevronDown-fd73b002.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-2b27c88d.js';
+import { a as LOCALIZED_SLUGS } from './constants-175ce529.js';
+import { H as Heading } from './index-46b1d834.js';
+import { I as Indicator$1 } from './index-2d608170.js';
+import { u as useIsInit } from './useIsInit-7c47cf92.js';
+import './index.styles-24632d00.js';
+import './utils-a0db2bff.js';
+import './WhatsApp-23f1608f.js';
+import './index.styled-686c3f9e.js';
+import './index-a73cfedb.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-481dab4d.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-1949b920.js';
+import { g as getDataWithCache } from './core-4876e365.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-337c8dd7.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-5ed677e7.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });

package/build/esm/{index-62265c86.js → index-8ecb0fe1.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-97370995.js';
+import { _ as __rest } from './tslib.es6-45871bbc.js';
 import React__default from 'react';
-import { t as theme } from './theme-b521f428.js';
-import { E as Eye, S as Spinner } from './utils-db2fd094.js';
-import { I as Instagram } from './Instagram-442689d8.js';
-import { W as WhatsApp } from './WhatsApp-bd62c45e.js';
+import { t as theme } from './theme-cafb1b7e.js';
+import { E as Eye, S as Spinner } from './utils-9508cee2.js';
+import { I as Instagram } from './Instagram-e371b349.js';
+import { W as WhatsApp } from './WhatsApp-23f1608f.js';
 
 const ArrowRightTail = (_a) => {
     var { size = 24, color: colorInit = theme.colors.gray600, useCurrentColor, isActive, activeColor = theme.colors.primaryBase } = _a, rest = __rest(_a, ["size", "color", "useCurrentColor", "isActive", "activeColor"]);

package/build/esm/{index-93762456.js → index-936f64cd.js}

@@ -1,30 +1,30 @@
 import React__default, { useRef, useEffect, useState, useMemo, createContext, useContext } from 'react';
 import { Portal, Box, Flex, rem, createStyles, Input, Chip, useMantineTheme, Switch } from '@mantine/core';
-import { t as toggleNoScroll, M as MediaQueries } from './utils-a7de33d5.js';
-import { w as StyledBackdrop, x as StyledDrawer, y as StyledDrawerPanel, z as StyledDrawerContent, A as StyledRadioImageGroup, B as StyledRadioImageItem, C as useStyles$b } from './index.styles-ca0e67ae.js';
-import { T as Text } from './index-b016006a.js';
-import { t as theme } from './theme-b521f428.js';
-import { M as MarryBabyText } from './index-4b32b13e.js';
-import { T as Text$1 } from './index-f9264f9f.js';
-import { u as useScrollbarSize } from './useScrollbarSize-404081cd.js';
+import { t as toggleNoScroll, M as MediaQueries } from './utils-e5a41857.js';
+import { w as StyledBackdrop, x as StyledDrawer, y as StyledDrawerPanel, z as StyledDrawerContent, A as StyledRadioImageGroup, B as StyledRadioImageItem, C as useStyles$b } from './index.styles-24632d00.js';
+import { T as Text } from './index-48aa11fa.js';
+import { t as theme } from './theme-cafb1b7e.js';
+import { M as MarryBabyText } from './index-286446de.js';
+import { T as Text$1 } from './index-c803014f.js';
+import { u as useScrollbarSize } from './useScrollbarSize-988455e0.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { s as setDefaultClass } from './utils-db2fd094.js';
-import { _ as __rest } from './tslib.es6-97370995.js';
+import { s as setDefaultClass } from './utils-9508cee2.js';
+import { _ as __rest } from './tslib.es6-45871bbc.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { R as Radio, B as Button, c as Input$1 } from './index-a9166112.js';
-import { C as CommonGAssets } from './index-2d067c08.js';
-import './constants-377c6994.js';
-import './index-5cd6a62b.js';
-import './utils-27654c6d.js';
-import { D as DatePicker } from './index-ed1253b1.js';
-import { u as useTranslations } from './useTranslations-cd4a6fd8.js';
+import { R as Radio, B as Button, c as Input$1 } from './index-aec52984.js';
+import { C as CommonGAssets } from './index-69f55d11.js';
+import './constants-175ce529.js';
+import './index-d4ab26e1.js';
+import './utils-a0db2bff.js';
+import { D as DatePicker } from './index-d4511b01.js';
+import { u as useTranslations } from './useTranslations-e1ff30a8.js';
 import '@mantine/hooks';
-import './useMantineLocale-046cbdb3.js';
-import './index-e70f2e3d.js';
-import './WhatsApp-bd62c45e.js';
-import './index.styled-e23b7753.js';
-import './index-f11368e4.js';
+import './useMantineLocale-d5a490a7.js';
+import './index-c675bc81.js';
+import './WhatsApp-23f1608f.js';
+import './index.styled-686c3f9e.js';
+import './index-a73cfedb.js';
 import { BabyBoyMB, BabyGirlMB, CalendarMB } from '@hhgtech/icons/other';
 import '@mantine/dates';
 import flattenChildren from 'react-keyed-flatten-children';

package/build/esm/{index-32fa4e32.js → index-a7e2fe0d.js}

@@ -1,10 +1,10 @@
 import React__default, { useRef, useState, useEffect } from 'react';
-import { I as Icon } from './index-62265c86.js';
-import { u as useTranslations } from './useTranslations-cd4a6fd8.js';
+import { I as Icon } from './index-8ecb0fe1.js';
+import { u as useTranslations } from './useTranslations-e1ff30a8.js';
 import { format } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-b521f428.js';
+import { t as theme } from './theme-cafb1b7e.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-a9166112.js → index-aec52984.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-45871bbc.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-69f55d11.js';
+import { B as Breakpoints } from './utils-e5a41857.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-48aa11fa.js';
+import { L as LOCALE } from './index-d4ab26e1.js';
+import { t as theme } from './theme-cafb1b7e.js';
+import { G as GlobalHeadingStyle } from './useMantineLocale-d5a490a7.js';
+import { I as ISO_FORMAT, s as siteOptions } from './index-c675bc81.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-50d26738.js';
+import { a as useUniqueId } from './useUniqueId-d479badd.js';
 import { Check, Plus } from '@hhgtech/icons/core';
 
 const GlobalButtonStyle = {
@@ -356,9 +356,7 @@ var useStyles$4 = createStyles((_theme, _params) => {
         ? _theme.fn.darken(color, 0.05)
         : (_f = (_e = _theme.colors) === null || _e === void 0 ? void 0 : _e[finalColor]) === null || _f === void 0 ? void 0 : _f[_theme.fn.primaryShade() + 1];
     return {
-        root: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ transition: `all ${ANIMATION_DURATION} ease-in-out`, '&[data-event-category] > *': {
-                pointerEvents: 'none',
-            }, '&:focus': {
+        root: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ transition: `all ${ANIMATION_DURATION} ease-in-out`, '&:focus': {
                 outline: 'none',
             } }, (!children && {
             paddingLeft: '10px',
@@ -975,9 +973,6 @@ var useStyles$3 = createStyles((_theme, _params) => {
                 (_theme.primaryColor === 'hb'
                     ? _theme.colors.hb[6]
                     : _theme.fn.primaryColor()),
-            '&[data-event-category] > *': {
-                pointerEvents: 'none',
-            },
         },
     };
 });

package/build/esm/{index-d067c2de.js → index-c3893474.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-24632d00.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-45871bbc.js';
+import { u as useTranslations } from './useTranslations-e1ff30a8.js';
+import { B as Button } from './index-aec52984.js';
+import { P as PATHS } from './paths-640f0519.js';
+import { a as LOCALIZED_SLUGS } from './constants-175ce529.js';
+import { d as domainLocales } from './index-c675bc81.js';
+import { h as callApi, i as getCarePath } from './utils-9508cee2.js';
+import { i as isProduction } from './isProduction-5adfd290.js';
 
 /**
  * @deprecated Consider to use mantine

package/build/esm/{index-e70f2e3d.js → index-c675bc81.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-d4ab26e1.js';
+import { i as isProduction } from './isProduction-5adfd290.js';
 
 const siteHost = {
     HELLO_HEALTH_GROUP: 'hellohealthgroup.com',

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

@@ -1,18 +1,18 @@
-import { _ as __rest } from './tslib.es6-97370995.js';
+import { _ as __rest } from './tslib.es6-45871bbc.js';
 import React__default from 'react';
-import './index-a9166112.js';
+import './index-aec52984.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-c675bc81.js';
+import './index-d4ab26e1.js';
+import './index-69f55d11.js';
+import './useMantineLocale-d5a490a7.js';
+import { T as Text$1 } from './index-48aa11fa.js';
+import './theme-cafb1b7e.js';
+import './translationsContext-5a7e49ea.js';
 import 'string-format';
 import '@mantine/hooks';
-import './utils-a7de33d5.js';
+import './utils-e5a41857.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

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

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-97370995.js';
+import { _ as __rest } from './tslib.es6-45871bbc.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-c675bc81.js';
+import { L as LOCALE } from './index-d4ab26e1.js';
+import { C as CommonGAssets } from './index-69f55d11.js';
+import { M as MAPPED_LOCALE } from './useMantineLocale-d5a490a7.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-236edfba.js → index-e3922507.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-48aa11fa.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-24632d00.js';
+import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-e5a41857.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-aec52984.js';
+import { T as Text$1 } from './index-c803014f.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-45871bbc.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-69f55d11.js';
+import { H as Heading } from './index-46b1d834.js';
+import { t as theme } from './theme-cafb1b7e.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-c675bc81.js';
+import { L as LOCALE } from './index-d4ab26e1.js';
+import './useMantineLocale-d5a490a7.js';
+import './translationsContext-5a7e49ea.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-745a699e.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-f222dc31.js';
+import { B as Button } from './index-2b27c88d.js';
+import { I as Input } from './index-ef13f9d7.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-5adfd290.js';
+import { u as useTranslations } from './useTranslations-e1ff30a8.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-d4511b01.js';
+import { H as HealthToolFormWrapper, G as GenderOptionControl, B as BabyGrowthForm, I as INPUT_RANGE, D as Drawer } from './index-936f64cd.js';
+import { f as formatUserProfileUrl } from './index-2b0241b5.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-8bb6324d.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-9508cee2.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-175ce529.js';
+import './utils-a0db2bff.js';
+import './WhatsApp-23f1608f.js';
+import './index.styled-686c3f9e.js';
+import './index-a73cfedb.js';
+import { a as useOutsideClick } from './useOutsideClick-9fb70faa.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-f543f46b.js';
+import { g as getSocialList } from './getSocialList-d58152a1.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-66547ea3.js';
+import { I as Icon } from './index-8ecb0fe1.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { M as Modal } from './index-67208e51.js';
+import { M as Modal } from './index-fbb41471.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-9f2a561d.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-2aba1307.js';
 
 var styles$7 = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
 
@@ -1715,9 +1715,6 @@ var useStyles$5 = createStyles((theme) => {
                 position: 'relative',
                 [`& .${itemLabelRef}`]: {},
             },
-            '&[data-event-category] > *': {
-                pointerEvents: 'none',
-            },
         },
         itemInner: {
             display: 'flex',