@hhgtech/hhg-components 1.29.77 → 1.29.78

package/build/esm/{getSocialList-d49f96d5.js → getSocialList-f797bbe2.js}

@@ -1,9 +1,10 @@
 import React__default from 'react';
-import { _ as __rest } from './tslib.es6-8f144c22.js';
-import { I as Instagram } from './Instagram-becdb106.js';
-import { W as WhatsApp } from './WhatsApp-ea79e6c6.js';
-import { S as SocialType, L as LOCALE } from './index-a1f5a5c0.js';
-import { C as CommonGAssets } from './index-0fed808d.js';
+import { _ as __rest } from './tslib.es6-42d35711.js';
+import { I as Instagram } from './Instagram-8dd26ac6.js';
+import { W as WhatsApp } from './index-b9666693.js';
+import { S as SocialType, L as LOCALE } from './index-b851beaf.js';
+import { C as CommonGAssets } from './index-2e13488d.js';
+import { g as getHelloSitesUrl } from './index-043dfbc3.js';
 
 const Facebook = (_a) => {
     var { size } = _a, rest = __rest(_a, ["size"]);
@@ -67,12 +68,24 @@ const Viber = (_a) => {
         React__default.createElement("path", { d: "M15.998 11a3.5 3.5 0 0 1 3.5 3.5.5.5 0 0 1-1 0 2.5 2.5 0 0 0-2.5-2.5h-.045a.5.5 0 1 1 0-1zm5.288 8.44a.77.77 0 0 0-.105-.951 12.6 12.6 0 0 0-1.98-1.43.88.88 0 0 0-1.115.155l-.405.505c-.51.63-2.07-.315-2.81-1.088-.775-.745-1.72-2.302-1.09-2.813l.505-.401a.88.88 0 0 0 .155-1.117 12 12 0 0 0-1.43-1.98.766.766 0 0 0-.95-.107 4.5 4.5 0 0 0-1.04.845 1.32 1.32 0 0 0-.355 1.357 14.8 14.8 0 0 0 3.21 5.212 14.9 14.9 0 0 0 5.21 3.207 1.32 1.32 0 0 0 1.36-.352q.476-.475.84-1.041", fill: "#fff" })));
 };
 
+function formatShareUrl(url, locale, channel) {
+    const fullUrl = url.startsWith('http')
+        ? url
+        : `${getHelloSitesUrl(locale)}${url}`;
+    return channel
+        ? (() => {
+            const newUrl = new URLSearchParams(fullUrl);
+            newUrl.append('channel', channel);
+            return newUrl.toString();
+        })()
+        : fullUrl;
+}
 const getSocialList = ({ shareUrl, size = 32, locale, }) => [
     {
         icon: React__default.createElement(Facebook, { size: size }),
         name: 'Facebook',
         type: SocialType.Facebook,
-        href: `https://www.facebook.com/sharer/sharer.php?u=${shareUrl}`,
+        href: `https://www.facebook.com/sharer/sharer.php?u=${formatShareUrl(shareUrl, locale, SocialType.Facebook)}`,
     },
     {
         icon: (React__default.createElement("img", { src: CommonGAssets.getAssetPath('zalo-mini.png'), alt: "Zalo", style: {
@@ -81,32 +94,32 @@ const getSocialList = ({ shareUrl, size = 32, locale, }) => [
             }, loading: "lazy" })),
         name: 'Zalo',
         type: SocialType.Zalo,
-        href: `https://sp.zalo.me/share?href=${shareUrl}`,
+        href: `https://sp.zalo.me/share?href=${formatShareUrl(shareUrl, locale, SocialType.Zalo)}`,
         allowedLocales: [LOCALE.Vietnam],
     },
     {
         icon: React__default.createElement(Twitter, { size: size }),
         name: 'Twitter',
         type: SocialType.Twitter,
-        href: `https://twitter.com/intent/tweet?url=${shareUrl}`,
+        href: `https://twitter.com/intent/tweet?url=${formatShareUrl(shareUrl, locale, SocialType.Twitter)}`,
     },
     {
         icon: React__default.createElement(WhatsApp, { size: size }),
         name: 'WhatsApp',
         type: SocialType.WhatsApp,
-        href: `https://wa.me/?text=${shareUrl}`,
+        href: `https://wa.me/?text=${formatShareUrl(shareUrl, locale, SocialType.WhatsApp)}`,
     },
     {
         icon: React__default.createElement(Linkedin, { size: size }),
         name: 'LinkedIn',
         type: SocialType.LinkedIn,
-        href: `https://www.linkedin.com/sharing/share-offsite/?url=${shareUrl}`,
+        href: `https://www.linkedin.com/sharing/share-offsite/?url=${formatShareUrl(shareUrl, locale, SocialType.LinkedIn)}`,
     },
     {
         icon: React__default.createElement(Line, { size: size }),
         name: 'Line',
         type: SocialType.Line,
-        href: `http://line.me/R/msg/text/?${shareUrl}`,
+        href: `http://line.me/R/msg/text/?${formatShareUrl(shareUrl, locale, SocialType.Line)}`,
         allowedLocales: [LOCALE.Taiwan],
     },
     {
@@ -135,6 +148,7 @@ const getSocialList = ({ shareUrl, size = 32, locale, }) => [
             LOCALE.Cambodia,
             LOCALE.Vietnam,
             LOCALE.Indonesia,
+            LOCALE.Thailand,
         ],
     },
     {
@@ -150,7 +164,12 @@ const getSocialList = ({ shareUrl, size = 32, locale, }) => [
                     : locale === LOCALE.Vietnam
                         ? 'https://www.tiktok.com/@hellobacsi'
                         : '',
-        allowedLocales: [LOCALE.Malaysia, LOCALE.Cambodia, LOCALE.Vietnam],
+        allowedLocales: [
+            LOCALE.Malaysia,
+            LOCALE.Cambodia,
+            LOCALE.Vietnam,
+            LOCALE.Thailand,
+        ],
     },
     {
         icon: React__default.createElement(Telegram, { size: size }),

package/build/esm/hooks.js

@@ -1,21 +1,21 @@
-export { u as useTranslations } from './useTranslations-d90d5386.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-7162b71f.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-d9b70788.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-606d76d5.js';
-export { u as useIsInit } from './useIsInit-8490d361.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-43bfe834.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-472fb987.js';
+export { u as useTranslations } from './useTranslations-ee0ed7e4.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-7cfe3d07.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-00116196.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-298307bc.js';
+export { u as useIsInit } from './useIsInit-d65429ab.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-3b36c560.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-28b8a8d2.js';
 import 'react';
-import './translationsContext-af680337.js';
+import './translationsContext-b00d46fa.js';
 import 'string-format';
 import 'lodash/debounce';
-import './tslib.es6-8f144c22.js';
-import './cookieHelper-dc30b23e.js';
-import './index-a1f5a5c0.js';
-import './getDynamicHealthTool-fa828c1a.js';
-import './normalizeLink-8ab2c8da.js';
-import './routing-878abd29.js';
-import './index-3131a682.js';
+import './tslib.es6-42d35711.js';
+import './cookieHelper-6839de86.js';
+import './index-b851beaf.js';
+import './getDynamicHealthTool-7cf3f00e.js';
+import './normalizeLink-9adb98bb.js';
+import './routing-ddff6eb9.js';
+import './index-94f2f772.js';
 import 'date-fns/locale';
-import './isProduction-34384c12.js';
-import './core-adbcbe2f.js';
+import './isProduction-6557a7a7.js';
+import './core-296015da.js';

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-af680337.js';
-export { T as TranslationsContext } from './translationsContext-af680337.js';
+import { T as TranslationsContext } from './translationsContext-b00d46fa.js';
+export { T as TranslationsContext } from './translationsContext-b00d46fa.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-af680337.js';
-export { T as TranslationsContext } from './translationsContext-af680337.js';
+import { T as TranslationsContext } from './translationsContext-b00d46fa.js';
+export { T as TranslationsContext } from './translationsContext-b00d46fa.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/index-043dfbc3.js

@@ -0,0 +1,216 @@
+import { c as cookie } from './index-b9666693.js';
+import { B as BEARER_TOKEN_COOKIE, d as domainLocales } from './index-94f2f772.js';
+import { N as NodeIntentType } from './index-b851beaf.js';
+import Cookies from 'js-cookie';
+import { v4 } from 'uuid';
+import { i as isProduction } from './isProduction-6557a7a7.js';
+
+const queryKeysJson = [
+    'form_submit_meta',
+    'selected_actions',
+    'current_selected',
+    'current_keys',
+    'current_polls',
+];
+const queryKeys = [
+    'bot_id',
+    'node_id',
+    // 'account_id',
+    'action_id',
+    'action_value',
+    'current_score',
+    'gtm_id',
+    'ga_client_id',
+    'is_new',
+    'title_url',
+    'url',
+    'window_id',
+    ...queryKeysJson,
+];
+const overrideParamsByQuery = (params, query) => {
+    const keysSubotMessage = Object.keys(query);
+    keysSubotMessage.map((key) => {
+        const value = query[key];
+        if (key === 'source') {
+            params.is_new = value === 'first_login';
+            return;
+        }
+        if (!queryKeys.includes(key)) {
+            return;
+        }
+        /** Parse String to JSON */
+        if (queryKeysJson.includes(key)) {
+            try {
+                params[key] = JSON.parse(value);
+            }
+            catch (error) { }
+            return;
+        }
+        /** Parse to number */
+        if (key === 'account_id' || key === 'current_score' || key === 'bot_id') {
+            params[key] = parseInt(value);
+            return;
+        }
+        params[key] = value;
+    });
+    return params;
+};
+const ssoIntents = (f) => [
+    {
+        id: v4(),
+        label: JSON.stringify({
+            title: '',
+            description: '',
+        }),
+        type: NodeIntentType.SSO_INTENT,
+        url: '',
+    },
+    {
+        id: v4(),
+        label: JSON.stringify({
+            title: f({
+                id: 'subot.myHealth.title',
+                defaultMessage: 'My Health',
+            }),
+            description: f({
+                id: 'subot.myHealth.description',
+                defaultMessage: 'Personal identifiers (like your name) will always be removed to protect your privacy. ',
+            }),
+        }),
+        type: NodeIntentType.SSO_INTENT,
+        url: '/images/subot/my-health.svg',
+    },
+    {
+        id: v4(),
+        label: JSON.stringify({
+            title: f({
+                id: 'subot.saveData.title',
+                defaultMessage: 'Save Data',
+            }),
+            description: f({
+                id: 'subot.saveData.description',
+                defaultMessage: 'Hellobacsi would like to learn from your data to provide better healthcare for you',
+            }),
+        }),
+        type: NodeIntentType.SSO_INTENT,
+        url: '/images/subot/file-storage.svg',
+    },
+    {
+        id: v4(),
+        label: JSON.stringify({
+            title: f({
+                id: 'subot.productYourIdentifiers.title',
+                defaultMessage: 'Protect your identifiers',
+            }),
+            description: f({
+                id: 'subot.productYourIdentifiers.description',
+                defaultMessage: 'Personal identifiers (like your name) will always be removed to protect your privacy. ',
+            }),
+        }),
+        type: NodeIntentType.SSO_INTENT,
+        url: '/images/subot/shield.svg',
+    },
+];
+function checkUntilFinished(params) {
+    const condition = params.condition;
+    const finished = params.finished;
+    const timeout = params.timeout || 3000;
+    const startTime = new Date().getTime();
+    const intervalId = setInterval(() => {
+        const endTime = new Date().getTime();
+        if (endTime - startTime > timeout || condition()) {
+            clearInterval(intervalId);
+            finished();
+        }
+    }, 300);
+}
+const getHhgIdFromCookie = (reqCookie) => {
+    const parsedCookie = cookie.parse(reqCookie || '');
+    const reqHhgId = parsedCookie['hhg-id'];
+    return reqHhgId || Cookies.get('hhg-id') || '';
+};
+const getSubotCookieId = (queryCookieId) => {
+    if (queryCookieId) {
+        Cookies.set('hhg-id', queryCookieId);
+        return queryCookieId;
+    }
+    const cookieId = getHhgIdFromCookie();
+    if (cookieId) {
+        return cookieId;
+    }
+    const newCookieId = v4();
+    Cookies.set('hhg-id', newCookieId);
+    return newCookieId;
+};
+const getUserIdFromCookie = (reqCookie) => {
+    const parsedCookie = cookie.parse(reqCookie || '');
+    const reqToken = parsedCookie[BEARER_TOKEN_COOKIE];
+    const token = reqToken || Cookies.get(BEARER_TOKEN_COOKIE) || '';
+    try {
+        const base64Url = token.split('.')[1];
+        const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
+        const jsonPayload = decodeURIComponent(atob(base64)
+            .split('')
+            .map(function (c) {
+            return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
+        })
+            .join(''));
+        return JSON.parse(jsonPayload).sub;
+    }
+    catch (err) {
+        return '';
+    }
+};
+const getUserInfoFromCookie = (reqCookie) => {
+    const parsedCookie = cookie.parse(reqCookie || '');
+    const reqToken = parsedCookie[BEARER_TOKEN_COOKIE];
+    const token = reqToken || Cookies.get(BEARER_TOKEN_COOKIE) || '';
+    try {
+        const base64Url = token.split('.')[1];
+        const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
+        const jsonPayload = decodeURIComponent(atob(base64)
+            .split('')
+            .map(function (c) {
+            return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
+        })
+            .join(''));
+        const payload = JSON.parse(jsonPayload);
+        return { email: payload.email, id: payload.sub };
+    }
+    catch (err) {
+        return { email: '', id: 0 };
+    }
+};
+/** To make sure have the same window id until refresh the page */
+const generateWindowId = v4();
+const getWindowId = () => {
+    return generateWindowId;
+};
+const getHelloSitesUrl = (locale, ignoreLocal) => {
+    const isLocalhost = ignoreLocal
+        ? false
+        : typeof window !== 'undefined' &&
+            (window.location.hostname === 'localhost' ||
+                window.location.hostname === '127.0.0.1');
+    if (isLocalhost) {
+        return 'http://localhost'; // or any other localhost URL you want to use as fallback
+    }
+    return `https://${isProduction ? '' : 'discover.'}${domainLocales[locale]}`;
+};
+const checkMobile = (userAgent) => {
+    const ua = userAgent || (typeof navigator === 'undefined' ? '' : navigator.userAgent);
+    if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(ua) ||
+        /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(ua.substring(0, 4))) {
+        return true;
+    }
+    return false;
+};
+const clickAndOpenInNewTab = (url) => {
+    const a = document.createElement('a');
+    a.href = url;
+    a.target = '_blank';
+    a.click();
+};
+const TIME_RESET_RESEND_OTP = 30;
+
+export { TIME_RESET_RESEND_OTP as T, getUserIdFromCookie as a, getSubotCookieId as b, getUserInfoFromCookie as c, getWindowId as d, checkUntilFinished as e, checkMobile as f, getHelloSitesUrl as g, clickAndOpenInNewTab as h, getHhgIdFromCookie as i, overrideParamsByQuery as o, ssoIntents as s };

package/build/esm/{index-36e18ffd.js → index-09ecd45f.js}

@@ -1,46 +1,46 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-8f144c22.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-42d35711.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-258af431.js';
+import { F as Flag, a as Avatar, B as Button$1, c as Input } from './index-5c2abf3a.js';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-f9fa9f7d.js';
-import { T as Text } from './index-c6d9afaf.js';
-import { C as CommonGAssets } from './index-0fed808d.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-3131a682.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-8ab2c8da.js';
-import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-878abd29.js';
-import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-95b9fc82.js';
-import { L as Logo } from './index-c8e55b19.js';
-import { u as useTranslations } from './useTranslations-d90d5386.js';
+import { t as theme } from './theme-676e1d3e.js';
+import { T as Text } from './index-dd00700b.js';
+import { C as CommonGAssets } from './index-2e13488d.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-94f2f772.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-9adb98bb.js';
+import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-ddff6eb9.js';
+import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-70bb6ed3.js';
+import { L as Logo } from './index-13975e28.js';
+import { u as useTranslations } from './useTranslations-ee0ed7e4.js';
 import throttle from 'lodash/throttle';
 import { createStyles, Box, Indicator, Portal, useMantineTheme } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE } from './index-a1f5a5c0.js';
-import './useMantineLocale-4a5da5bb.js';
-import './translationsContext-af680337.js';
+import { L as LOCALE } from './index-b851beaf.js';
+import './useMantineLocale-e9d07649.js';
+import './translationsContext-b00d46fa.js';
 import formatString from 'string-format';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-1997593f.js';
-import { L as LOCALISED_SLUGS } from './constants-1cc39551.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-0f3667a8.js';
+import { L as LOCALISED_SLUGS } from './constants-5d6ab948.js';
 import { User } from '@hhgtech/icons/core';
-import { s as setDefaultClass, j as domainLocalesMarryBaby } from './utils-e8c78fa7.js';
-import { C as ChevronDown } from './ChevronDown-c0329f44.js';
+import { s as setDefaultClass, j as domainLocalesMarryBaby } from './defaultClassWrapper-8112e475.js';
+import { C as ChevronDown } from './ChevronDown-51088ad9.js';
 import { css } from '@emotion/react';
-import { B as Button } from './index-10f8055c.js';
-import { a as LOCALIZED_SLUGS } from './constants-2eb60c45.js';
-import { H as Heading } from './index-8450b670.js';
-import { I as Indicator$1 } from './index-d62e3f04.js';
-import { u as useIsInit } from './useIsInit-8490d361.js';
-import './index.styles-d670cbe0.js';
-import './utils-9a265ccf.js';
-import './WhatsApp-ea79e6c6.js';
-import './index.styled-64a9c965.js';
-import './index-24b9c26b.js';
+import { B as Button } from './index-f160e379.js';
+import { a as LOCALIZED_SLUGS } from './index-9dd8721c.js';
+import { H as Heading } from './index-62059a85.js';
+import { I as Indicator$1 } from './index-ad1d81e3.js';
+import { u as useIsInit } from './useIsInit-d65429ab.js';
+import './index.styles-0693a12e.js';
+import './utils-70fb5414.js';
+import './index-b9666693.js';
+import './index.styled-19fa0003.js';
+import './index-207e5a99.js';
 import { ArrowRight } from '@hhgtech/icons/other';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { C as Container } from './index-a3f9e8d3.js';
+import { C as Container } from './index-b1dfbcd9.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-adbcbe2f.js';
+import { g as getDataWithCache } from './core-296015da.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',
@@ -2974,13 +2974,13 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-407e7c56.js').then((data) => {
+                import('./doctor-a16d5a2a.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
             }
             else if (item.id === 'ecom') {
-                import('./cart-24fe471a.js').then((data) => {
+                import('./cart-b5b2f9c9.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
@@ -3029,7 +3029,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
         item.popupType === 'categories' ? (React__default.createElement(MenuCategoriesList, { categories: categories === null || categories === void 0 ? void 0 : categories.items, spotlightsList: categories === null || categories === void 0 ? void 0 : categories.spotlights, onClose: onClose })) : item.popupType === 'tools' ? (React__default.createElement(MenuHealthToolsList, { locale: locale, healthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.items, spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights, onClose: onClose })) : item.popupType === 'together' ? (React__default.createElement(MenuCommunitiesList, { communities: together === null || together === void 0 ? void 0 : together.items, spotlights: together === null || together === void 0 ? void 0 : together.spotlights, onClose: onClose })) : item.popupType === 'care' ? (React__default.createElement(MenuCareList, { careSpecialties: care === null || care === void 0 ? void 0 : care.items, spotlights: care === null || care === void 0 ? void 0 : care.spotlights, onClose: onClose })) : null));
 };
 
-const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, }) => {
+const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, }) => {
     var _a;
     const { siteType, isMobile = false, locale, sitewideBanner, sitewideBannerShown = true, sponsorComponent, onBookingClick, currentUrl, onLoginClick, cartNumber, 
     // ssrMenuContent: { categories, healthTools, care, together },
@@ -3136,7 +3136,8 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                     locale,
                     isMobile,
                 })
-            : null));
+            : null,
+        subHead && subHead));
 };
 const NavigtionSearch = ({ siteType }) => (React__default.createElement(DisplayWrapper, { mediaQueryKey: "mbUp", className: siteType === 'marryBaby' ? 'marry-baby' : '' },
     React__default.createElement(SearchInput, { id: "desktop" })));
@@ -3330,7 +3331,7 @@ const StyledContainer = styled.div `
 
 const _NavigationV2 = (props) => {
     var _a, _b;
-    const { isMobile, locale, onTopBarAppears, languageOptions, sponsorComponent, sitewideBanner, sitewideBannerShown, className, logoComponent, } = props;
+    const { isMobile, locale, onTopBarAppears, languageOptions, sponsorComponent, sitewideBanner, sitewideBannerShown, className, logoComponent, subHead, } = props;
     const services = useNavServices();
     useInsider();
     const isShowingSiteWideBanner = sitewideBannerShown && !!sitewideBanner;
@@ -3348,7 +3349,7 @@ const _NavigationV2 = (props) => {
             '--header-bottom': headerBottom + 'px',
         }, className: className },
         React__default.createElement("section", { ref: headerRef },
-            React__default.createElement(NavigationBar, { menuItems: services, onTopBarAppears: onTopBarAppears, logoComponent: logoComponent, languageMenu: React__default.createElement(LanguageSwitcher, { languageOptions: languageOptions, locale: locale }) }))));
+            React__default.createElement(NavigationBar, { menuItems: services, onTopBarAppears: onTopBarAppears, logoComponent: logoComponent, subHead: subHead, languageMenu: React__default.createElement(LanguageSwitcher, { languageOptions: languageOptions, locale: locale }) }))));
 };
 const NavigationV2 = (props) => {
     const propsWithDefaultValues = Object.assign({ siteType: 'helloSites', projectType: 'discover', locale: 'vi-VN', activeMenuService: 'categories', ssrMenuContent: {} }, props);

package/build/esm/{index-c8e55b19.js → index-13975e28.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './index-a1f5a5c0.js';
-import { C as CommonGAssets } from './index-0fed808d.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-9a265ccf.js';
-import { I as ImageWrap } from './index-258af431.js';
+import { L as LOCALE } from './index-b851beaf.js';
+import { C as CommonGAssets } from './index-2e13488d.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-70fb5414.js';
+import { I as ImageWrap } from './index-5c2abf3a.js';
 
 const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale, dateForSeasonal, isPro, }) => {
     const [seasonalChecks, setSeasonalChecks] = useState({

package/build/esm/{index-62a8b174.js → index-25209a23.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-c6d9afaf.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-d670cbe0.js';
-import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-1997593f.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-258af431.js';
-import { T as Text$1 } from './index-16af59c8.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-8f144c22.js';
+import { T as Text } from './index-dd00700b.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-0693a12e.js';
+import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-0f3667a8.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-5c2abf3a.js';
+import { T as Text$1 } from './index-869411be.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-42d35711.js';
 import { Bookmark, CalendarMB } from '@hhgtech/icons/other';
-import { C as CommonGAssets } from './index-0fed808d.js';
-import { H as Heading } from './index-8450b670.js';
-import { t as theme } from './theme-f9fa9f7d.js';
+import { C as CommonGAssets } from './index-2e13488d.js';
+import { H as Heading } from './index-62059a85.js';
+import { t as theme } from './theme-676e1d3e.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-3131a682.js';
-import { L as LOCALE } from './index-a1f5a5c0.js';
-import './useMantineLocale-4a5da5bb.js';
-import './translationsContext-af680337.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-94f2f772.js';
+import { L as LOCALE } from './index-b851beaf.js';
+import './useMantineLocale-e9d07649.js';
+import './translationsContext-b00d46fa.js';
 import 'string-format';
 import { useViewportSize } from '@mantine/hooks';
-import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-36e18ffd.js';
+import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-09ecd45f.js';
 import styled from '@emotion/styled';
 import throttle from 'lodash/throttle';
-import { L as Logo } from './index-c8e55b19.js';
-import { B as Button } from './index-10f8055c.js';
-import { I as Input } from './index-ae717003.js';
+import { L as Logo } from './index-13975e28.js';
+import { B as Button } from './index-f160e379.js';
+import { I as Input } from './index-a2404202.js';
 import { keyframes } from '@emotion/react';
 import parse from 'html-react-parser';
-import { i as isProduction } from './isProduction-34384c12.js';
-import { u as useTranslations } from './useTranslations-d90d5386.js';
+import { i as isProduction } from './isProduction-6557a7a7.js';
+import { u as useTranslations } from './useTranslations-ee0ed7e4.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-8ac7b919.js';
-import { H as HealthToolFormWrapper, G as GenderOptionControl, B as BabyGrowthForm, I as INPUT_RANGE, D as Drawer } from './index-d6a9a175.js';
-import { f as formatUserProfileUrl } from './index-95b9fc82.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-606d76d5.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-e8c78fa7.js';
+import { D as DatePicker } from './index-fc868dc0.js';
+import { H as HealthToolFormWrapper, G as GenderOptionControl, B as BabyGrowthForm, I as INPUT_RANGE, D as Drawer } from './index-6c7832ac.js';
+import { f as formatUserProfileUrl } from './index-70bb6ed3.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-298307bc.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 './defaultClassWrapper-8112e475.js';
 import { Controller, useForm as useForm$1 } from 'react-hook-form';
-import './constants-2eb60c45.js';
-import './utils-9a265ccf.js';
-import './WhatsApp-ea79e6c6.js';
-import './index.styled-64a9c965.js';
-import './index-24b9c26b.js';
-import { a as useOutsideClick } from './useOutsideClick-43bfe834.js';
+import './index-9dd8721c.js';
+import './utils-70fb5414.js';
+import './index-b9666693.js';
+import './index.styled-19fa0003.js';
+import './index-207e5a99.js';
+import { a as useOutsideClick } from './useOutsideClick-3b36c560.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-bffe0e7b.js';
-import { g as getSocialList } from './getSocialList-d49f96d5.js';
+import { D as Dropdown } from './index-2da84fe8.js';
+import { g as getSocialList } from './getSocialList-f797bbe2.js';
 import { v4 } from 'uuid';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-878abd29.js';
-import { I as Icon } from './index-9e37013f.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-ddff6eb9.js';
+import { I as Icon } from './index-c8e5b7ad.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { M as Modal } from './index-3d150702.js';
+import { M as Modal } from './index-5b69b19c.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { g as getCookie } from './cookieHelper-dc30b23e.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-8ab2c8da.js';
+import { g as getCookie } from './cookieHelper-6839de86.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-9adb98bb.js';
 
 var styles$7 = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
 

package/build/esm/{index-bffe0e7b.js → index-2da84fe8.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-f9fa9f7d.js';
+import { t as theme } from './theme-676e1d3e.js';
 
 const StyledDropdown = styled.div `
   --dropdown-padding: 12px 18px 12px 16px;