@hhgtech/hhg-components 1.29.23 → 1.29.25

package/build/esm/footer.js

@@ -1,30 +1,30 @@
-export { F as Footer } from './index-7afb8e30.js';
+export { F as Footer } from './index-07e119b9.js';
 import 'react';
-import './index-d8148b19.js';
+import './index-39aeff4f.js';
 import 'dayjs';
-import './index-a8f17123.js';
+import './index-aa8ae7f9.js';
 import 'date-fns/locale';
-import './Subot-361740d6.js';
-import './isProduction-7604877f.js';
-import './index-dcab64b1.js';
-import './tslib.es6-dc38c9a9.js';
+import './index-43acf53a.js';
+import './isProduction-2cb49e0e.js';
+import './index-b4ee011b.js';
+import './tslib.es6-77e4ea0d.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
 import '@mantine/hooks';
-import './index-574efe4b.js';
-import './utils-81ef6fd0.js';
+import './index-90eea71b.js';
+import './utils-3501a8c9.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-a9367999.js';
-import './theme-5885ed2a.js';
-import './useMantineLocale-40210236.js';
+import './index-b1db79d0.js';
+import './theme-ad9ae9bc.js';
+import './useMantineLocale-8fe4fb5d.js';
 import 'classnames';
-import './useUniqueId-79649657.js';
+import './useUniqueId-0d137689.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './translationsContext-cb471015.js';
+import './translationsContext-dd192b6b.js';
 import 'string-format';
-import './index-e761c348.js';
-import './utils-4c1be496.js';
-import './index-680e27d9.js';
-import './index.styled-fb5ef56b.js';
+import './index-4c81dc18.js';
+import './utils-42c076ca.js';
+import './index-1d14271f.js';
+import './index.styled-7e8976d7.js';

package/build/esm/gAssets.js

@@ -1,5 +1,5 @@
-export { C as CommonGAssets, G as GAssets } from './index-574efe4b.js';
-import './index-a8f17123.js';
+export { C as CommonGAssets, G as GAssets } from './index-90eea71b.js';
+import './index-aa8ae7f9.js';
 import 'date-fns/locale';
-import './Subot-361740d6.js';
-import './isProduction-7604877f.js';
+import './index-43acf53a.js';
+import './isProduction-2cb49e0e.js';

package/build/esm/{getDynamicHealthTool-0947c4a4.js → getDynamicHealthTool-b3eb64ec.js}

@@ -1,7 +1,7 @@
-import { a as __awaiter } from './tslib.es6-dc38c9a9.js';
-import { n as normalizeLinkSlash } from './normalizeLink-31981aa3.js';
-import { c as getDiscoverApiDomain } from './routing-0e8fa6d3.js';
-import { g as getDataWithCache } from './core-6d345f96.js';
+import { a as __awaiter } from './tslib.es6-77e4ea0d.js';
+import { n as normalizeLinkSlash } from './normalizeLink-98886668.js';
+import { c as getDiscoverApiDomain } from './routing-95ea7b65.js';
+import { g as getDataWithCache } from './core-f598afc6.js';
 
 const formatHealthTool = (healthTool, locale) => {
     var _a, _b;

package/build/esm/getSocialList-625dd815.js

@@ -0,0 +1,96 @@
+import React__default from 'react';
+import { _ as __rest } from './tslib.es6-77e4ea0d.js';
+import { W as WhatsApp } from './WhatsApp-321057e5.js';
+import { S as SocialType, L as LOCALE } from './index-43acf53a.js';
+import { C as CommonGAssets } from './index-90eea71b.js';
+
+const Facebook = (_a) => {
+    var { size } = _a, rest = __rest(_a, ["size"]);
+    return (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
+        React__default.createElement("g", { clipPath: "url(#clip0_1762_41473)" },
+            React__default.createElement("path", { d: "M26.4544 5.44192e-10H1.5344C0.685166 0.00615403 -2.2297e-05 0.696344 5.44192e-10 1.5456V26.4656C0.00615403 27.3148 0.696344 28 1.5456 28H14.9576V17.1724H11.3176V12.9332H14.9576V9.814C14.9576 6.1992 17.1668 4.228 20.3924 4.228C21.4811 4.22336 22.5692 4.27945 23.6516 4.396V8.176H21.4284C19.6728 8.176 19.3312 9.016 19.3312 10.234V12.9332H23.52L22.96 17.1724H19.32V28H26.4544C27.308 28 28 27.308 28 26.4544V1.5344C27.9938 0.685166 27.3037 -2.2297e-05 26.4544 5.44192e-10Z", fill: "#1778F2" })),
+        React__default.createElement("defs", null,
+            React__default.createElement("clipPath", { id: "clip0_1762_41473" },
+                React__default.createElement("rect", { width: "28", height: "28", rx: "6", fill: "white" })))));
+};
+Facebook.defaultProps = {
+    size: 24,
+};
+
+const Line = (_a) => {
+    var { size } = _a, rest = __rest(_a, ["size"]);
+    return (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 32 32" }, rest),
+        React__default.createElement("g", { id: "surface1" },
+            React__default.createElement("path", { fill: "#00cf2e", d: "M26.398 32H5.602A5.6 5.6 0 0 1 0 26.398V5.602A5.6 5.6 0 0 1 5.602 0h20.796A5.6 5.6 0 0 1 32 5.602v20.796A5.6 5.6 0 0 1 26.398 32m0 0" }),
+            React__default.createElement("path", { fill: "#fff", d: "M28.2 14.2c0-4.4-5.2-9.2-12-9.2-6.626 0-12 3.898-12 9.2 0 4.89 4.19 8.929 10.085 9.527.363.027.695.222.895.527.14.223.218.48.218.746a9.3 9.3 0 0 1-.18 1.613.41.41 0 0 0 .137.399.4.4 0 0 0 .415.058c2.824-1.25 12.43-6.39 12.43-12.87m0 0" }),
+            React__default.createElement("path", { fill: "#00cf2e", d: "M11.8 16.398H10V12.2a.6.6 0 0 0-.602-.597.6.6 0 0 0-.597.597V17c0 .332.27.602.597.602h2.403c.332 0 .597-.27.597-.602a.6.6 0 0 0-.597-.602m1.597-4.796a.6.6 0 0 0-.597.597V17c0 .332.27.602.597.602.332 0 .602-.27.602-.602v-4.8a.6.6 0 0 0-.602-.598m5.602 0a.6.6 0 0 0-.602.597v3l-2.5-3.36a.6.6 0 0 0-.668-.21.6.6 0 0 0-.41.57V17A.6.6 0 0 0 16 17v-3l2.5 3.36a.61.61 0 0 0 .5.242.606.606 0 0 0 .602-.602v-4.8a.6.6 0 0 0-.602-.598m4.398 3.598c.332 0 .602-.27.602-.598a.6.6 0 0 0-.602-.602h-1.796v-1.2h1.796a.598.598 0 1 0 0-1.2L21 11.604a.6.6 0 0 0-.602.597V17c0 .332.27.602.602.602h2.398a.602.602 0 0 0 0-1.204h-1.796V15.2Zm0 0" }))));
+};
+Line.defaultProps = {
+    size: 24,
+};
+
+const Linkedin = (_a) => {
+    var { size } = _a, rest = __rest(_a, ["size"]);
+    return (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
+        React__default.createElement("rect", { width: "32", height: "32", rx: "4", fill: "#0077B5" }),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.8571 9.07047C10.8349 7.97612 10.1126 7.14258 8.93969 7.14258C7.76679 7.14258 7 7.97612 7 9.07047C7 10.1422 7.74415 10.9997 8.89516 10.9997H8.9171C10.1126 10.9997 10.8571 10.1422 10.8571 9.07047ZM10.8571 12.2861H7V23.8576H10.8571V12.2861ZM20.1512 12.2861C22.9226 12.2861 25.0002 13.9023 25.0002 17.3749L25.0001 23.8572H20.7887V17.8087C20.7887 16.2895 20.1793 15.2527 18.6547 15.2527C17.4912 15.2527 16.7981 15.9516 16.4937 16.6266C16.3824 16.8686 16.355 17.2057 16.355 17.5436V23.8576H12.1431C12.1431 23.8576 12.1986 13.6128 12.1431 12.5519H16.355V14.1532C16.914 13.3835 17.9152 12.2861 20.1512 12.2861Z", fill: "white" })));
+};
+Linkedin.defaultProps = {
+    size: 24,
+};
+
+const Twitter = (_a) => {
+    var { size } = _a, rest = __rest(_a, ["size"]);
+    return (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
+        React__default.createElement("rect", { width: "32", height: "32", rx: "4", fill: "#1FA1F3" }),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.7302 13.2345L15.7707 13.8689L15.0963 13.7913C12.6416 13.4935 10.497 12.4837 8.67619 10.7877L7.78598 9.94616L7.55671 10.5676C7.07111 11.9529 7.38137 13.4158 8.39293 14.3998C8.93245 14.9435 8.81104 15.0212 7.8804 14.6975C7.55671 14.594 7.27345 14.5163 7.24646 14.5551C7.15204 14.6457 7.47579 15.8238 7.73205 16.2899C8.08274 16.9373 8.79754 17.5716 9.57983 17.9471L10.2408 18.2449L9.45848 18.2578C8.70312 18.2578 8.67619 18.2707 8.75711 18.5426C9.02687 19.3841 10.0924 20.2774 11.2793 20.6658L12.1155 20.9377L11.3872 21.352C10.3082 21.9475 9.04037 22.2841 7.77248 22.31C7.16553 22.3229 6.6665 22.3747 6.6665 22.4135C6.6665 22.543 8.31201 23.2681 9.26964 23.5528C12.1425 24.3944 15.5549 24.0319 18.1175 22.5948C19.9384 21.5721 21.7592 19.5395 22.6089 17.5716C23.0675 16.5229 23.5261 14.6069 23.5261 13.6877C23.5261 13.0922 23.5666 13.0145 24.3219 12.3024C24.767 11.8881 25.1851 11.435 25.2661 11.3056C25.4009 11.0595 25.3874 11.0595 24.6995 11.2797C23.5531 11.668 23.3912 11.6163 23.9577 11.0337C24.3758 10.6194 24.8749 9.86849 24.8749 9.64843C24.8749 9.60956 24.6725 9.67428 24.4433 9.79082C24.2005 9.92031 23.661 10.1145 23.2564 10.231L22.528 10.4511L21.8671 10.0238C21.503 9.79082 20.9904 9.53189 20.7207 9.45422C20.0328 9.27296 18.9807 9.29887 18.3604 9.50598C16.6744 10.0886 15.6088 11.5904 15.7302 13.2345Z", fill: "white" })));
+};
+Twitter.defaultProps = {
+    size: 24,
+};
+
+const getSocialList = (shareUrl, size = 32) => [
+    {
+        icon: React__default.createElement(Facebook, { size: size }),
+        name: 'Facebook',
+        type: SocialType.Facebook,
+        href: `https://www.facebook.com/sharer/sharer.php?u=${shareUrl}`,
+    },
+    {
+        icon: (React__default.createElement("img", { src: CommonGAssets.getAssetPath('zalo-mini.png'), alt: "Zalo", style: {
+                width: size,
+                height: size,
+            }, loading: "lazy" })),
+        name: 'Zalo',
+        type: SocialType.Zalo,
+        href: `https://sp.zalo.me/share?href=${shareUrl}`,
+        allowedLocales: [LOCALE.Vietnam],
+    },
+    {
+        icon: React__default.createElement(Twitter, { size: size }),
+        name: 'Twitter',
+        type: SocialType.Twitter,
+        href: `https://twitter.com/intent/tweet?url=${shareUrl}`,
+    },
+    {
+        icon: React__default.createElement(WhatsApp, { size: size }),
+        name: 'WhatsApp',
+        type: SocialType.WhatsApp,
+        href: `https://wa.me/?text=${shareUrl}`,
+    },
+    {
+        icon: React__default.createElement(Linkedin, { size: size }),
+        name: 'LinkedIn',
+        type: SocialType.LinkedIn,
+        href: `https://www.linkedin.com/sharing/share-offsite/?url=${shareUrl}`,
+    },
+    {
+        icon: React__default.createElement(Line, { size: size }),
+        name: 'Line',
+        type: SocialType.Line,
+        href: `http://line.me/R/msg/text/?${shareUrl}`,
+        allowedLocales: [LOCALE.Taiwan],
+    },
+];
+
+export { getSocialList as g };

package/build/esm/hooks.js

@@ -1,21 +1,21 @@
-export { u as useTranslations } from './useTranslations-8b84971d.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-55567401.js';
-export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-fe269ece.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-c97960a0.js';
-export { u as useIsInit } from './useIsInit-1d8f34c6.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-b218f74e.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-79649657.js';
+export { u as useTranslations } from './useTranslations-5f0ff5be.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-c96444e0.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-6b615844.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-56de0311.js';
+export { u as useIsInit } from './useIsInit-8442a087.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-29676c24.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-0d137689.js';
 import 'react';
-import './translationsContext-cb471015.js';
+import './translationsContext-dd192b6b.js';
 import 'string-format';
 import 'lodash/debounce';
-import './tslib.es6-dc38c9a9.js';
-import './cookieHelper-21637032.js';
-import './Subot-361740d6.js';
-import './getDynamicHealthTool-0947c4a4.js';
-import './normalizeLink-31981aa3.js';
-import './routing-0e8fa6d3.js';
-import './index-a8f17123.js';
+import './tslib.es6-77e4ea0d.js';
+import './cookieHelper-bdcae9e9.js';
+import './index-43acf53a.js';
+import './getDynamicHealthTool-b3eb64ec.js';
+import './normalizeLink-98886668.js';
+import './routing-95ea7b65.js';
+import './index-aa8ae7f9.js';
 import 'date-fns/locale';
-import './isProduction-7604877f.js';
-import './core-6d345f96.js';
+import './isProduction-2cb49e0e.js';
+import './core-f598afc6.js';

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-cb471015.js';
-export { T as TranslationsContext } from './translationsContext-cb471015.js';
+import { T as TranslationsContext } from './translationsContext-dd192b6b.js';
+export { T as TranslationsContext } from './translationsContext-dd192b6b.js';
 import React__default, { useState, useEffect, useMemo } from 'react';
 import defaultTranslations from './i18n-values/en-PH.js';
 import hiTranslations from './i18n-values/hi-IN.js';

package/build/esm/i18nV2.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-cb471015.js';
-export { T as TranslationsContext } from './translationsContext-cb471015.js';
+import { T as TranslationsContext } from './translationsContext-dd192b6b.js';
+export { T as TranslationsContext } from './translationsContext-dd192b6b.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-7afb8e30.js → index-07e119b9.js}

@@ -1,22 +1,22 @@
 import React__default from 'react';
-import { C as Container } from './index-d8148b19.js';
+import { C as Container } from './index-39aeff4f.js';
 import dayjs from 'dayjs';
-import { d as domainLocales } from './index-a8f17123.js';
-import { u as useScreenSize } from './index-dcab64b1.js';
+import { d as domainLocales } from './index-aa8ae7f9.js';
+import { u as useScreenSize } from './index-b4ee011b.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './Subot-361740d6.js';
-import './index-574efe4b.js';
-import './useMantineLocale-40210236.js';
-import { T as Text } from './index-a9367999.js';
-import { t as theme } from './theme-5885ed2a.js';
-import './translationsContext-cb471015.js';
+import './index-43acf53a.js';
+import './index-90eea71b.js';
+import './useMantineLocale-8fe4fb5d.js';
+import { T as Text } from './index-b1db79d0.js';
+import { t as theme } from './theme-ad9ae9bc.js';
+import './translationsContext-dd192b6b.js';
 import 'string-format';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-81ef6fd0.js';
+import { M as MediaQueries } from './utils-3501a8c9.js';
 import styled from '@emotion/styled';
-import { L as Logo } from './index-e761c348.js';
-import { M as MarryBabyText } from './index-680e27d9.js';
+import { L as Logo } from './index-4c81dc18.js';
+import { M as MarryBabyText } from './index-1d14271f.js';
 
 const StyledFooter = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-d4d744b5.js → index-0d74d50d.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-dc38c9a9.js';
+import { _ as __rest } from './tslib.es6-77e4ea0d.js';
 import React__default from 'react';
 import { Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-a8f17123.js';
-import { L as LOCALE } from './Subot-361740d6.js';
-import { C as CommonGAssets } from './index-574efe4b.js';
-import { M as MAPPED_LOCALE } from './useMantineLocale-40210236.js';
+import { I as ISO_FORMAT } from './index-aa8ae7f9.js';
+import { L as LOCALE } from './index-43acf53a.js';
+import { C as CommonGAssets } from './index-90eea71b.js';
+import { M as MAPPED_LOCALE } from './useMantineLocale-8fe4fb5d.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-eae69ef8.js → index-0e55e2be.js}

@@ -1,10 +1,10 @@
 import React__default, { useRef, useState, useEffect } from 'react';
-import { I as Icon } from './index-5c54e7b1.js';
-import { u as useTranslations } from './useTranslations-8b84971d.js';
+import { I as Icon } from './index-e203ac71.js';
+import { u as useTranslations } from './useTranslations-5f0ff5be.js';
 import { format } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-5885ed2a.js';
+import { t as theme } from './theme-ad9ae9bc.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-680e27d9.js → index-1d14271f.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-dc38c9a9.js';
+import { _ as __rest } from './tslib.es6-77e4ea0d.js';
 import React__default from 'react';
-import { S as StyledHeading, a as StyledText } from './index.styled-fb5ef56b.js';
+import { S as StyledHeading, a as StyledText } from './index.styled-7e8976d7.js';
 
 const MarryBabyHeading = (_a) => {
     var { type, color, style } = _a, props = __rest(_a, ["type", "color", "style"]);

package/build/esm/{index-a575349a.js → index-3b86b895.js}

@@ -1,18 +1,18 @@
 import React__default, { useRef, useEffect, useState } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll, M as MediaQueries } from './utils-81ef6fd0.js';
-import { x as StyledBackdrop, y as StyledDrawer, z as StyledDrawerPanel, A as StyledDrawerContent, B as StyledRadioImageGroup, C as StyledRadioImageItem } from './index.styles-842e6e70.js';
-import { T as Text } from './index-a9367999.js';
-import { u as useScrollbarSize } from './useScrollbarSize-55567401.js';
+import { t as toggleNoScroll, M as MediaQueries } from './utils-3501a8c9.js';
+import { x as StyledBackdrop, y as StyledDrawer, z as StyledDrawerPanel, A as StyledDrawerContent, B as StyledRadioImageGroup, C as StyledRadioImageItem } from './index.styles-c6f8b3fc.js';
+import { T as Text } from './index-b1db79d0.js';
+import { u as useScrollbarSize } from './useScrollbarSize-c96444e0.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { s as setDefaultClass } from './utils-36f3b48d.js';
-import { t as theme } from './theme-5885ed2a.js';
+import { s as setDefaultClass } from './utils-8c516da1.js';
+import { t as theme } from './theme-ad9ae9bc.js';
 import { BabyBoyMB, GenderChooseBoy, BabyGirlMB, GenderChooseGirl } from '@hhgtech/icons/other';
-import { u as useTranslations } from './useTranslations-8b84971d.js';
-import { G as Gender } from './Subot-361740d6.js';
-import { M as MarryBabyText, a as MarryBabyHeading } from './index-680e27d9.js';
-import { T as Text$1 } from './index-92cdb389.js';
+import { u as useTranslations } from './useTranslations-5f0ff5be.js';
+import { G as Gender } from './index-43acf53a.js';
+import { M as MarryBabyText, a as MarryBabyHeading } from './index-1d14271f.js';
+import { T as Text$1 } from './index-a1981b13.js';
 
 const Backdrop = ({ open = false, onClickOutside, }) => {
     return (React__default.createElement(StyledBackdrop, { "data-open": open, onClick: onClickOutside }));

package/build/esm/{Subot-361740d6.js → index-43acf53a.js}

@@ -209,4 +209,37 @@ const SubotType = {
     voucherAcuvue: 'ACUVUE',
 };
 
-export { BabyGrowthChartType as B, ELEMENT_CONTROL_INPUT_TYPE as E, FULL_KEY_ADDRESS as F, Gender as G, LOCALE as L, NodePosition as N, OnboardingStep as O, SubotType as S, BabyGrowthChartDuration as a, BabyGrowthResultTab as b, NodeType as c, NodeFinalTypes as d, NodeIntentType as e, NodeActionType as f, NodeMultipleOptions as g };
+var SocialType;
+(function (SocialType) {
+    SocialType["Facebook"] = "facebook";
+    SocialType["Zalo"] = "zalo";
+    SocialType["Twitter"] = "twitter";
+    SocialType["WhatsApp"] = "whatsApp";
+    SocialType["Line"] = "line";
+    SocialType["Instagram"] = "instagram";
+    SocialType["LinkedIn"] = "linkedin";
+    SocialType["Youtube"] = "youtube";
+    SocialType["Tiktok"] = "tiktok";
+})(SocialType || (SocialType = {}));
+
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  get SocialType () { return SocialType; },
+  get Gender () { return Gender; },
+  get BabyGrowthChartType () { return BabyGrowthChartType; },
+  get BabyGrowthChartDuration () { return BabyGrowthChartDuration; },
+  get BabyGrowthResultTab () { return BabyGrowthResultTab; },
+  get LOCALE () { return LOCALE; },
+  get OnboardingStep () { return OnboardingStep; },
+  get NodePosition () { return NodePosition; },
+  get NodeType () { return NodeType; },
+  NodeFinalTypes: NodeFinalTypes,
+  get NodeIntentType () { return NodeIntentType; },
+  get NodeActionType () { return NodeActionType; },
+  FULL_KEY_ADDRESS: FULL_KEY_ADDRESS,
+  get NodeMultipleOptions () { return NodeMultipleOptions; },
+  ELEMENT_CONTROL_INPUT_TYPE: ELEMENT_CONTROL_INPUT_TYPE,
+  SubotType: SubotType
+});
+
+export { BabyGrowthChartType as B, ELEMENT_CONTROL_INPUT_TYPE as E, FULL_KEY_ADDRESS as F, Gender as G, LOCALE as L, NodePosition as N, OnboardingStep as O, SocialType as S, BabyGrowthChartDuration as a, BabyGrowthResultTab as b, NodeType as c, NodeFinalTypes as d, NodeIntentType as e, NodeActionType as f, NodeMultipleOptions as g, SubotType as h, index as i };

package/build/esm/{index-dc44831b.js → index-47c8429c.js}

@@ -1,18 +1,18 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-dc38c9a9.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-77e4ea0d.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-dcab64b1.js';
+import { c as Input, S as Select } from './index-b4ee011b.js';
 import '@mantine/dates';
-import { c as CDN_ADDRESS } from './index-a8f17123.js';
-import { L as LOCALE } from './Subot-361740d6.js';
-import './index-574efe4b.js';
-import './useMantineLocale-40210236.js';
-import './index-a9367999.js';
-import './theme-5885ed2a.js';
-import { u as useTranslations } from './useTranslations-8b84971d.js';
+import { c as CDN_ADDRESS } from './index-aa8ae7f9.js';
+import { L as LOCALE } from './index-43acf53a.js';
+import './index-90eea71b.js';
+import './useMantineLocale-8fe4fb5d.js';
+import './index-b1db79d0.js';
+import './theme-ad9ae9bc.js';
+import { u as useTranslations } from './useTranslations-5f0ff5be.js';
 import '@mantine/hooks';
-import './utils-81ef6fd0.js';
-import { M as MAPPED_LOCALE } from './utils-f69148b3.js';
+import './utils-3501a8c9.js';
+import { M as MAPPED_LOCALE } from './utils-a503138f.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-e761c348.js → index-4c81dc18.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Subot-361740d6.js';
-import { C as CommonGAssets } from './index-574efe4b.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-4c1be496.js';
-import { I as ImageWrap } from './index-dcab64b1.js';
+import { L as LOCALE } from './index-43acf53a.js';
+import { C as CommonGAssets } from './index-90eea71b.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-42c076ca.js';
+import { I as ImageWrap } from './index-b4ee011b.js';
 
 const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale, dateForSeasonal, isPro, }) => {
     const [seasonalChecks, setSeasonalChecks] = useState({

package/build/esm/{index-8ec83835.js → index-4cada81e.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-dc38c9a9.js';
+import { _ as __rest } from './tslib.es6-77e4ea0d.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { L as LOCALE } from './Subot-361740d6.js';
+import { L as LOCALE } from './index-43acf53a.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-574efe4b.js';
-import { t as theme } from './theme-5885ed2a.js';
-import { I as ImageWrap, f as CentralCarousel } from './index-dcab64b1.js';
-import { T as Text } from './index-92cdb389.js';
+import { C as CommonGAssets } from './index-90eea71b.js';
+import { t as theme } from './theme-ad9ae9bc.js';
+import { I as ImageWrap, f as CentralCarousel } from './index-b4ee011b.js';
+import { T as Text } from './index-a1981b13.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-e121bfa0.js → index-54d95469.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-5885ed2a.js';
+import { t as theme } from './theme-ad9ae9bc.js';
 
 const StyledDropdown = styled.div `
   --dropdown-padding: 12px 18px 12px 16px;

package/build/esm/{index-132a6178.js → index-57adb5eb.js}

@@ -1,69 +1,70 @@
 import React__default, { useState, useEffect, useRef, useMemo, Fragment, memo, useCallback, useImperativeHandle, createContext, useContext, forwardRef } from 'react';
-import { T as Text } from './index-a9367999.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$1, 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, u as useStyles$6, T as TextArea, P as PureInput } from './index.styles-842e6e70.js';
-import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-81ef6fd0.js';
-import { I as ImageWrap, R as Radio$1, u as useScreenSize, A as Anchor, a as Avatar$1, b as AspectRatio, B as Button$1, c as Input$1, d as Checkbox$1, e as ChipButton, t as themeColors } from './index-dcab64b1.js';
-import { T as Text$1 } from './index-92cdb389.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-dc38c9a9.js';
+import { T as Text } from './index-b1db79d0.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$1, 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, u as useStyles$6, T as TextArea, P as PureInput } from './index.styles-c6f8b3fc.js';
+import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-3501a8c9.js';
+import { I as ImageWrap, R as Radio$1, u as useScreenSize, A as Anchor, a as Avatar$1, b as AspectRatio, B as Button$1, c as Input$1, d as Checkbox$1, e as ChipButton, t as themeColors } from './index-b4ee011b.js';
+import { T as Text$1 } from './index-a1981b13.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-77e4ea0d.js';
 import { Bookmark, CalendarMB } from '@hhgtech/icons/other';
-import { C as CommonGAssets } from './index-574efe4b.js';
-import { H as Heading } from './index-6ece991f.js';
-import { t as theme } from './theme-5885ed2a.js';
+import { C as CommonGAssets } from './index-90eea71b.js';
+import { H as Heading } from './index-c853dc6e.js';
+import { t as theme } from './theme-ad9ae9bc.js';
 import { Box, Radio as Radio$2, Flex, rem, Card, Group, createStyles, Stack, getStylesRef, useMantineTheme, Container as Container$1, 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, R as RISK_SCREENER_NAME, a as RISK_SCREENER_SLUG, G as GA_TOKEN_COOKIE } from './index-a8f17123.js';
-import { G as Gender, L as LOCALE } from './Subot-361740d6.js';
-import './useMantineLocale-40210236.js';
-import './translationsContext-cb471015.js';
+import { d as domainLocales, L as LOCALE_SPECS, F as FAVICONS, Q as QUERY_HEALTH_TOOL, R as RISK_SCREENER_NAME, a as RISK_SCREENER_SLUG, G as GA_TOKEN_COOKIE } from './index-aa8ae7f9.js';
+import { G as Gender, L as LOCALE } from './index-43acf53a.js';
+import './useMantineLocale-8fe4fb5d.js';
+import './translationsContext-dd192b6b.js';
 import 'string-format';
 import { useViewportSize } from '@mantine/hooks';
-import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-8ed0a3d3.js';
+import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-84bd9c32.js';
 import styled from '@emotion/styled';
 import throttle from 'lodash/throttle';
-import { L as Logo } from './index-e761c348.js';
-import { B as Button } from './index-b40f826b.js';
-import { I as Input } from './index-d153a02d.js';
+import { L as Logo } from './index-4c81dc18.js';
+import { B as Button } from './index-8008586b.js';
+import { I as Input } from './index-b115d850.js';
 import { keyframes, css } from '@emotion/react';
 import parse from 'html-react-parser';
-import { i as isProduction } from './isProduction-7604877f.js';
-import { u as useTranslations } from './useTranslations-8b84971d.js';
+import { i as isProduction } from './isProduction-2cb49e0e.js';
+import { u as useTranslations } from './useTranslations-5f0ff5be.js';
 import { format, addDays, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
 import dayjs from 'dayjs';
-import { D as DATE_FORMAT } from './types-bbdb4b5a.js';
-import { s as setDefaultClass, Z as Z_INDEX, b as DUE_DATE_FORMAT, H as HEALTH_TOOL_TYPE$1, d as callApiWithAuth, g as getApiPath, P as PATHS$2, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-36f3b48d.js';
-import { D as DatePicker } from './index-eae69ef8.js';
-import { M as MarryBabyText } from './index-680e27d9.js';
-import { S as Slider } from './index-63e22f43.js';
-import { D as Dropdown } from './index-e121bfa0.js';
-import { C as Container } from './index-d8148b19.js';
+import { D as DATE_FORMAT } from './types-1184bbca.js';
+import { s as setDefaultClass, Z as Z_INDEX, b as DUE_DATE_FORMAT, H as HEALTH_TOOL_TYPE$1, d as callApiWithAuth, g as getApiPath, P as PATHS$2, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-8c516da1.js';
+import { D as DatePicker } from './index-0e55e2be.js';
+import { M as MarryBabyText } from './index-1d14271f.js';
+import { S as Slider } from './index-7ddf699e.js';
+import { D as Dropdown } from './index-54d95469.js';
+import { C as Container } from './index-39aeff4f.js';
 import { useForm, Controller } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-c97960a0.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-56de0311.js';
 import { yupResolver } from '@hookform/resolvers/yup';
-import { D as DatePicker$1 } from './index-d4d744b5.js';
-import { B as BabyGrowthGender, D as Drawer } from './index-a575349a.js';
-import { L as Label } from './constants-fcc67674.js';
-import { f as formatUserProfileUrl } from './index-6a9d62f7.js';
-import './utils-4c1be496.js';
-import './index.styled-fb5ef56b.js';
-import './index-36d68721.js';
-import { a as useOutsideClick } from './useOutsideClick-b218f74e.js';
+import { D as DatePicker$1 } from './index-0d74d50d.js';
+import { B as BabyGrowthGender, D as Drawer } from './index-3b86b895.js';
+import { L as Label } from './constants-3f24d4bd.js';
+import { f as formatUserProfileUrl } from './index-8365c37f.js';
+import './utils-42c076ca.js';
+import './WhatsApp-321057e5.js';
+import './index.styled-7e8976d7.js';
+import './index-2219b86b.js';
+import { a as useOutsideClick } from './useOutsideClick-29676c24.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 { g as getSocialList } from './getSocialList-8544d1d6.js';
+import { g as getSocialList } from './getSocialList-625dd815.js';
 import { v4 } from 'uuid';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-0e8fa6d3.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-95ea7b65.js';
 import { useForm as useForm$1, isNotEmpty } from '@mantine/form';
-import { I as Icon } from './index-5c54e7b1.js';
+import { I as Icon } from './index-e203ac71.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { M as Modal } from './index-b95e1821.js';
+import { M as Modal } from './index-9d13cee1.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { g as getCookie } from './cookieHelper-21637032.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-31981aa3.js';
+import { g as getCookie } from './cookieHelper-bdcae9e9.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-98886668.js';
 
 var styles$7 = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
 
@@ -7090,6 +7091,9 @@ const SideBannerModal = (_a) => {
     const minHeightNha = (viewportHeight <= 667 ? 190 : 265) + curBannerHeight + 74;
     const [isFullScreen, setIsFullScreen] = useState(false);
     return (React__default.createElement(Modal, Object.assign({ styles: (theme) => ({
+            header: {
+                display: 'none',
+            },
             content: {
                 flex: 'auto',
                 background: 'transparent',

package/build/esm/{index-3cdf5d9b.js → index-62e81061.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-dc38c9a9.js';
+import { _ as __rest } from './tslib.es6-77e4ea0d.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
-import { t as theme } from './theme-5885ed2a.js';
+import { t as theme } from './theme-ad9ae9bc.js';
 
 const Indicator = (_a) => {
     var { styles, color = theme.colors.red700 } = _a, props = __rest(_a, ["styles", "color"]);

package/build/esm/{index-63e22f43.js → index-7ddf699e.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-dc38c9a9.js';
+import { _ as __rest } from './tslib.es6-77e4ea0d.js';
 import React__default, { useState, useEffect } from 'react';
 import { useDebouncedValue } from '@mantine/hooks';
-import { D as DEBOUNCED_TIME, g as StyledSliderWrapper, B as Button, h as StyledSlider } from './index-dcab64b1.js';
+import { D as DEBOUNCED_TIME, g as StyledSliderWrapper, B as Button, h as StyledSlider } from './index-b4ee011b.js';
 
 const Slider = (_a) => {
     var { color, withControl, onChange, value, min, max, isStatic, containerClassName, containerStyle } = _a, props = __rest(_a, ["color", "withControl", "onChange", "value", "min", "max", "isStatic", "containerClassName", "containerStyle"]);

package/build/esm/{index-b40f826b.js → index-8008586b.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-dc38c9a9.js';
+import { _ as __rest } from './tslib.es6-77e4ea0d.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-dcab64b1.js';
+import { B as Button$1 } from './index-b4ee011b.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'