@hhgtech/hhg-components 1.29.76 → 1.29.78

package/build/{index-83e3c045.js → index-c6d8ee38.js}

@@ -1,72 +1,20 @@
 'use strict';
 
+var tslib_es6 = require('./tslib.es6-a8c3b1ed.js');
 var React = require('react');
-var index_styles = require('./index.styles-77df1c2b.js');
-var tslib_es6 = require('./tslib.es6-6abfcd13.js');
-var useTranslations = require('./useTranslations-3da8d23e.js');
-var index = require('./index-48aca6d7.js');
-var paths = require('./paths-29644364.js');
-var constants = require('./constants-6781c0a5.js');
-var index$1 = require('./index-07db6c89.js');
-var utils = require('./utils-83337870.js');
-var isProduction = require('./isProduction-f7507b6e.js');
+var paths = require('./paths-22150d98.js');
+var index$1 = require('./index-714baad1.js');
+var index$2 = require('./index-bd99a93f.js');
+var index = require('./index-fd9e9e31.js');
+var defaultClassWrapper = require('./defaultClassWrapper-8ac3b7f0.js');
+var useTranslations = require('./useTranslations-ddee03e3.js');
+var isProduction = require('./isProduction-cc2f71e7.js');
+var index_styles = require('./index.styles-15b57fec.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-/**
- * @deprecated Consider to use mantine
- */
-const Divider = ({ type = 'solid', className, style }) => {
-    return (React__default["default"].createElement(index_styles.StyledDivider, { style: style, className: className, "data-diver-type": type, dividerType: type }));
-};
-
-const AuthorLabelTextMapping = {
-    admin: 'cardAuthor.admin',
-    moderator: 'cardAuthor.moderator',
-    ambassador: 'cardAuthor.ambassador',
-    expert: 'cardAuthor.expert',
-    sponsor: 'cardAuthor.sponsor',
-    // 'local-admin': 'cardAuthor.localAdmin',
-    guide: 'cardAuthor.guide',
-    influencer: 'cardAuthor.influencer',
-};
-const looselyMatchRole = (role) => {
-    const allRoles = [
-        'admin',
-        'moderator',
-        'ambassador',
-        'expert',
-        'sponsor',
-        'guide',
-        'influencer',
-    ];
-    return allRoles.find((r) => r === role);
-};
-const AuthorBadge = (_a) => {
-    var { siteType, role, title, styles, className } = _a, rest = tslib_es6.__rest(_a, ["siteType", "role", "title", "styles", "className"]);
-    const { t } = useTranslations.useTranslations();
-    const matchedRole = role ? looselyMatchRole(role) : '';
-    const { classes, cx } = index_styles.useStyles(undefined, 
-    // Second argument is responsible for styles api integration
-    { name: 'AuthorBadge', styles });
-    return matchedRole && AuthorLabelTextMapping[matchedRole] ? (React__default["default"].createElement("div", Object.assign({ 
-        // className={styles.authorBadge}
-        className: cx(classes.root, className), "data-label-type": matchedRole, "data-is-marrybaby": siteType === 'marryBaby' }, rest), title || t(AuthorLabelTextMapping[matchedRole]))) : null;
-};
-
-const BtnChoice = ({ value: valueInit, choices, onChange }) => {
-    const [value, setValue] = React.useState(valueInit);
-    React.useEffect(() => {
-        setValue(valueInit);
-    }, [valueInit]);
-    return (React__default["default"].createElement(index_styles.StyledContainer, null, choices.map((i, idx) => (React__default["default"].createElement(index.Button, { dataEventCategory: i.dataEventCategory, dataEventAction: i.dataEventAction, dataEventLabel: i.dataEventLabel, size: "sm", variant: i.value === value ? 'primary' : 'tertiary', key: idx, onClick: () => {
-            setValue(i.value);
-            onChange === null || onChange === void 0 ? void 0 : onChange(i.value);
-        } }, i.label || '')))));
-};
-
 const BookingBtn = (_a) => {
     var { label, bookingId, bookingType = 'doctor', locale = 'vi-VN' } = _a, rest = tslib_es6.__rest(_a, ["label", "bookingId", "bookingType", "locale"]);
     const { t } = useTranslations.useTranslations();
@@ -89,29 +37,29 @@ const BookingBtn = (_a) => {
                     : '';
         try {
             setLoading(true);
-            const response = yield utils.callApi(utils.getCarePath(url, {
+            const response = yield defaultClassWrapper.callApi(defaultClassWrapper.getCarePath(url, {
                 id: bookingId,
-                site: index$1.domainLocales[locale],
+                site: index.domainLocales[locale],
             }), 'get');
             if ((response === null || response === void 0 ? void 0 : response._status) === 1) {
                 const result = bookingType === 'doctor'
                     ? {
                         id: (_c = (_b = response === null || response === void 0 ? void 0 : response._data) === null || _b === void 0 ? void 0 : _b.doctor) === null || _c === void 0 ? void 0 : _c.id,
                         slug: (_e = (_d = response === null || response === void 0 ? void 0 : response._data) === null || _d === void 0 ? void 0 : _d.doctor) === null || _e === void 0 ? void 0 : _e.slug,
-                        localSlug: (_f = constants.LOCALIZED_SLUGS[locale]) === null || _f === void 0 ? void 0 : _f.DOCTOR,
+                        localSlug: (_f = index$1.LOCALIZED_SLUGS[locale]) === null || _f === void 0 ? void 0 : _f.DOCTOR,
                     }
                     : bookingType === 'hospital'
                         ? {
                             id: (_h = (_g = response === null || response === void 0 ? void 0 : response._data) === null || _g === void 0 ? void 0 : _g.branch) === null || _h === void 0 ? void 0 : _h.id,
                             slug: (_k = (_j = response === null || response === void 0 ? void 0 : response._data) === null || _j === void 0 ? void 0 : _j.branch) === null || _k === void 0 ? void 0 : _k.slug,
-                            localSlug: (_l = constants.LOCALIZED_SLUGS[locale]) === null || _l === void 0 ? void 0 : _l.HOSPITAL,
+                            localSlug: (_l = index$1.LOCALIZED_SLUGS[locale]) === null || _l === void 0 ? void 0 : _l.HOSPITAL,
                         }
                         : {
                             id: (_o = (_m = response === null || response === void 0 ? void 0 : response._data) === null || _m === void 0 ? void 0 : _m.service) === null || _o === void 0 ? void 0 : _o.id,
                             slug: (_q = (_p = response === null || response === void 0 ? void 0 : response._data) === null || _p === void 0 ? void 0 : _p.service) === null || _q === void 0 ? void 0 : _q.slug,
-                            localSlug: (_r = constants.LOCALIZED_SLUGS[locale]) === null || _r === void 0 ? void 0 : _r.SERVICE,
+                            localSlug: (_r = index$1.LOCALIZED_SLUGS[locale]) === null || _r === void 0 ? void 0 : _r.SERVICE,
                         };
-                window.location.href = `https://${!isProduction.isProduction ? 'discover.' : ''}${index$1.domainLocales[locale]}/care/${result.localSlug}/${result.slug}-${result.id}/`;
+                window.location.href = `https://${!isProduction.isProduction ? 'discover.' : ''}${index.domainLocales[locale]}/care/${result.localSlug}/${result.slug}-${result.id}/`;
             }
             else {
                 setLoading(false);
@@ -122,7 +70,59 @@ const BookingBtn = (_a) => {
             setLoading(false);
         }
     }), []);
-    return bookingId && bookingType ? (React__default["default"].createElement(index.Button, Object.assign({ dataEventCategory: "Care", dataEventAction: "Comment - Quick Booking", dataEventLabel: currentUrl, onClick: handleOnClick, loading: loading }, rest), label || t('careBooking.bookAnAppointment'))) : null;
+    return bookingId && bookingType ? (React__default["default"].createElement(index$2.Button, Object.assign({ dataEventCategory: "Care", dataEventAction: "Comment - Quick Booking", dataEventLabel: currentUrl, onClick: handleOnClick, loading: loading }, rest), label || t('careBooking.bookAnAppointment'))) : null;
+};
+
+const AuthorLabelTextMapping = {
+    admin: 'cardAuthor.admin',
+    moderator: 'cardAuthor.moderator',
+    ambassador: 'cardAuthor.ambassador',
+    expert: 'cardAuthor.expert',
+    sponsor: 'cardAuthor.sponsor',
+    // 'local-admin': 'cardAuthor.localAdmin',
+    guide: 'cardAuthor.guide',
+    influencer: 'cardAuthor.influencer',
+};
+const looselyMatchRole = (role) => {
+    const allRoles = [
+        'admin',
+        'moderator',
+        'ambassador',
+        'expert',
+        'sponsor',
+        'guide',
+        'influencer',
+    ];
+    return allRoles.find((r) => r === role);
+};
+const AuthorBadge = (_a) => {
+    var { siteType, role, title, styles, className } = _a, rest = tslib_es6.__rest(_a, ["siteType", "role", "title", "styles", "className"]);
+    const { t } = useTranslations.useTranslations();
+    const matchedRole = role ? looselyMatchRole(role) : '';
+    const { classes, cx } = index_styles.useStyles(undefined, 
+    // Second argument is responsible for styles api integration
+    { name: 'AuthorBadge', styles });
+    return matchedRole && AuthorLabelTextMapping[matchedRole] ? (React__default["default"].createElement("div", Object.assign({ 
+        // className={styles.authorBadge}
+        className: cx(classes.root, className), "data-label-type": matchedRole, "data-is-marrybaby": siteType === 'marryBaby' }, rest), title || t(AuthorLabelTextMapping[matchedRole]))) : null;
+};
+
+const BtnChoice = ({ value: valueInit, choices, onChange }) => {
+    const [value, setValue] = React.useState(valueInit);
+    React.useEffect(() => {
+        setValue(valueInit);
+    }, [valueInit]);
+    return (React__default["default"].createElement(index_styles.StyledContainer, null, choices.map((i, idx) => (React__default["default"].createElement(index$2.Button, { dataEventCategory: i.dataEventCategory, dataEventAction: i.dataEventAction, dataEventLabel: i.dataEventLabel, size: "sm", variant: i.value === value ? 'primary' : 'tertiary', key: idx, onClick: () => {
+            setValue(i.value);
+            onChange === null || onChange === void 0 ? void 0 : onChange(i.value);
+        } }, i.label || '')))));
+};
+
+/**
+ * @deprecated Consider to use mantine
+ */
+const Divider = ({ type = 'solid', className, style }) => {
+    return (React__default["default"].createElement(index_styles.StyledDivider, { style: style, className: className, "data-diver-type": type, dividerType: type }));
 };
 
 exports.AuthorBadge = AuthorBadge;

package/build/{index-d911e858.js → index-ca2880f5.js}

@@ -1,48 +1,48 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6abfcd13.js');
+var tslib_es6 = require('./tslib.es6-a8c3b1ed.js');
 var React = require('react');
-var index$2 = require('./index-48aca6d7.js');
+var index$2 = require('./index-bd99a93f.js');
 var styled = require('@emotion/styled');
-var theme = require('./theme-4d2a1014.js');
-var index = require('./index-813921ef.js');
-var index$1 = require('./index-55261180.js');
-var index$3 = require('./index-07db6c89.js');
-var normalizeLink = require('./normalizeLink-0007c927.js');
-var routing = require('./routing-19724fda.js');
-var index$4 = require('./index-a6ab742a.js');
-var index$a = require('./index-ac45c9ce.js');
-var useTranslations = require('./useTranslations-3da8d23e.js');
+var theme = require('./theme-040e6fd9.js');
+var index = require('./index-657d308e.js');
+var index$1 = require('./index-8bbc5f6c.js');
+var index$3 = require('./index-fd9e9e31.js');
+var normalizeLink = require('./normalizeLink-37b001e0.js');
+var routing = require('./routing-101c464a.js');
+var index$4 = require('./index-de879d05.js');
+var index$b = require('./index-2f39a918.js');
+var useTranslations = require('./useTranslations-ddee03e3.js');
 var throttle = require('lodash/throttle');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$6 = require('./index-b8cc819b.js');
-require('./useMantineLocale-38ffd9ae.js');
-require('./translationsContext-d76a8c6d.js');
+var index$6 = require('./index-d38624f2.js');
+require('./useMantineLocale-67d093f5.js');
+require('./translationsContext-bece07e0.js');
 var formatString = require('string-format');
 require('@mantine/hooks');
-var utils = require('./utils-526a845c.js');
-var constants = require('./constants-719fbb90.js');
+var utils = require('./utils-a2ad9aa3.js');
+var constants = require('./constants-385d01e7.js');
 var core$1 = require('@hhgtech/icons/core');
-var utils$1 = require('./utils-83337870.js');
-var ChevronDown = require('./ChevronDown-8960bba8.js');
+var defaultClassWrapper = require('./defaultClassWrapper-8ac3b7f0.js');
+var ChevronDown = require('./ChevronDown-6a728605.js');
 var react = require('@emotion/react');
-var index$5 = require('./index-159e2660.js');
-var constants$1 = require('./constants-6781c0a5.js');
-var index$8 = require('./index-8c0adaed.js');
-var index$7 = require('./index-909623c9.js');
-var useIsInit = require('./useIsInit-3021c365.js');
-require('./index.styles-77df1c2b.js');
-require('./utils-9a87f8d9.js');
-require('./WhatsApp-6b693d67.js');
-require('./index.styled-50af6497.js');
-require('./index-5e9fdc69.js');
+var index$5 = require('./index-266faebd.js');
+var index$9 = require('./index-714baad1.js');
+var index$8 = require('./index-888fe1c7.js');
+var index$7 = require('./index-d98b6533.js');
+var useIsInit = require('./useIsInit-78fbbf00.js');
+require('./index.styles-15b57fec.js');
+require('./utils-bc89f5c8.js');
+require('./index-fbc4ad0a.js');
+require('./index.styled-cd56f718.js');
+require('./index-c4b66929.js');
 var other = require('@hhgtech/icons/other');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$9 = require('./index-4da85d4b.js');
+var index$a = require('./index-3d1716ad.js');
 var debounce = require('lodash/debounce');
-var core$2 = require('./core-f571f62a.js');
+var core$2 = require('./core-e0799ceb.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -292,7 +292,7 @@ const useCSSFocusPopupHelper = (configs) => {
     };
 };
 
-const StyledPopup$1 = utils$1.setDefaultClass(styled__default["default"].div `
+const StyledPopup$1 = defaultClassWrapper.setDefaultClass(styled__default["default"].div `
     position: absolute;
     right: 0;
     transition: all 0.5s ease-in-out;
@@ -329,7 +329,7 @@ const StyledPopup$1 = utils$1.setDefaultClass(styled__default["default"].div `
       padding-bottom: 70px;
     }
   `, 'hhgcomp-navprofilebutton-popup');
-const StyledPopupWrapper = utils$1.setDefaultClass(styled__default["default"].div `
+const StyledPopupWrapper = defaultClassWrapper.setDefaultClass(styled__default["default"].div `
     position: fixed;
     z-index: 150;
     top: var(--header-bottom, 56px);
@@ -1094,7 +1094,7 @@ const NavigationProvider = (_a) => {
     const [currentUrl, setCurrentUrl] = React__default["default"].useState(() => {
         return (props.currentUrl ||
             `https://${props.siteType === 'marryBaby'
-                ? utils$1.domainLocalesMarryBaby[props.locale || 'en-PH']
+                ? defaultClassWrapper.domainLocalesMarryBaby[props.locale || 'en-PH']
                 : index$3.domainLocales[props.locale || 'en-PH']}${props.projectType === 'together'
                 ? '/community'
                 : props.projectType === 'ecom'
@@ -1517,7 +1517,7 @@ const StyledDes$2 = styled__default["default"].p `
     padding: 0;
   }
 `;
-const StyledContentWrapper$2 = utils$1.setDefaultClass(styled__default["default"].div `
+const StyledContentWrapper$2 = defaultClassWrapper.setDefaultClass(styled__default["default"].div `
     display: flex;
     flex-direction: column;
     gap: 8px;
@@ -1597,7 +1597,7 @@ const Item$4 = ({ item, index = 0 }) => {
     const { locale, configs: { statics }, } = React.useContext(NavigationContext);
     if (!item)
         return null;
-    const href = `${statics.CARE_URL_FE}/${(_a = constants$1.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.HOSPITAL}/${item.slug}-${item.id}`;
+    const href = `${statics.CARE_URL_FE}/${(_a = index$9.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.HOSPITAL}/${item.slug}-${item.id}`;
     return (React__default["default"].createElement(StyledItem$5, { key: item.id, href: href, "data-event-category": "Hamburger Navigation", "data-event-action": `Care Click ${index + 1}`, "data-event-label": href },
         React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('navCareCardBg.svg'), alt: "", className: "bg-svg", loading: "lazy" }),
         React__default["default"].createElement(StyledImageCard$3, null,
@@ -2464,7 +2464,7 @@ const MenuServiceList = ({ closePopup, menuItems = [] }) => {
             React__default["default"].createElement(Categories, { UrlFE: statics.HOME_PAGE_URL, titleBtnViewMore: t('home.navigator.menuItem.allCategories'), menuItems: menuItems, headingTitle: t('home.navigator.menuItem.healthCategories'), onClosePopup: closePopup, activeItem: activeMenuService }),
             activeMenuService === 'categories' && (React__default["default"].createElement(CategorySpotlights, { spotlightsList: (categories === null || categories === void 0 ? void 0 : categories.spotlights) || [], hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}/spotlight/` })),
             activeMenuService === 'tools' && (React__default["default"].createElement(ToolSpotlights, { spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights, hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$3.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}` })),
-            activeMenuService === 'care' && (React__default["default"].createElement(CareSpotlights, { spotlights: care === null || care === void 0 ? void 0 : care.spotlights, hrefViewMore: `${statics.CARE_URL_FE}/${(_b = constants$1.LOCALIZED_SLUGS[locale]) === null || _b === void 0 ? void 0 : _b.SPECIALTIES}` })),
+            activeMenuService === 'care' && (React__default["default"].createElement(CareSpotlights, { spotlights: care === null || care === void 0 ? void 0 : care.spotlights, hrefViewMore: `${statics.CARE_URL_FE}/${(_b = index$9.LOCALIZED_SLUGS[locale]) === null || _b === void 0 ? void 0 : _b.SPECIALTIES}` })),
             activeMenuService === 'together' && (React__default["default"].createElement(CommunitySpotlights, { spotlights: together === null || together === void 0 ? void 0 : together.spotlights })),
             activeMenuService === 'ecom' && (React__default["default"].createElement(EcomSpotlights, { helpfulUrls: ecom === null || ecom === void 0 ? void 0 : ecom.helpfulUrls })))));
 };
@@ -2870,7 +2870,7 @@ const getTogetherUserPostsApiPath = (locale, isMarryBaby, apiDomain, params) =>
 };
 const getCareSearchUrl = ({ type, specialtySlug, locale, }) => {
     var _a, _b;
-    return `${(_a = constants$1.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.ALL}/${((_b = constants$1.LOCALIZED_SLUGS[locale]) === null || _b === void 0 ? void 0 : _b[type]) || 'doctor'}/${specialtySlug !== null && specialtySlug !== void 0 ? specialtySlug : ''}`;
+    return `${(_a = index$9.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.ALL}/${((_b = index$9.LOCALIZED_SLUGS[locale]) === null || _b === void 0 ? void 0 : _b[type]) || 'doctor'}/${specialtySlug !== null && specialtySlug !== void 0 ? specialtySlug : ''}`;
 };
 const formatSpotlightsList = (spotlight) => {
     if (!spotlight)
@@ -2911,10 +2911,10 @@ const BtnClosePopup = ({ onClosePopup }) => {
 
 const PopupWrapper = ({ onClosePopup, isDisplay, children, isNavMenu, hideCloseBtn, }) => {
     return (React__default["default"].createElement("div", { className: "hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools", "data-is-display": !!isDisplay, "data-is-nav-menu": !!isNavMenu },
-        React__default["default"].createElement(index$9.Container, { className: "hhgcomp-navigation-popupwrapper-menuwrapper-child" },
+        React__default["default"].createElement(index$a.Container, { className: "hhgcomp-navigation-popupwrapper-menuwrapper-child" },
             !hideCloseBtn && (React__default["default"].createElement("div", { className: styles.container },
                 React__default["default"].createElement(BtnClosePopup, { onClosePopup: onClosePopup }))),
-            React__default["default"].createElement(index$9.Container, { className: styles.gridContainer }, children))));
+            React__default["default"].createElement(index$a.Container, { className: styles.gridContainer }, children))));
 };
 
 const MenuCareList = ({ careSpecialties = [], isOpen, onClose, spotlights = [], }) => {
@@ -2935,7 +2935,7 @@ const MenuCareList = ({ careSpecialties = [], isOpen, onClose, spotlights = [],
                     thumbnail: (specialty === null || specialty === void 0 ? void 0 : specialty.thumbnail) || '',
                 };
             })) || [] }),
-        React__default["default"].createElement(CareSpotlights, { spotlights: spotlights, hrefViewMore: `${statics.CARE_URL_FE}/${(_a = constants$1.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.SPECIALTIES}/` })));
+        React__default["default"].createElement(CareSpotlights, { spotlights: spotlights, hrefViewMore: `${statics.CARE_URL_FE}/${(_a = index$9.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.SPECIALTIES}/` })));
 };
 
 const MenuCategoriesList = ({ categories = [], spotlightsList = [], onClose, isOpen, }) => {
@@ -3004,13 +3004,13 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                Promise.resolve().then(function () { return require('./doctor-460efc4e.js'); }).then((data) => {
+                Promise.resolve().then(function () { return require('./doctor-d70d0f31.js'); }).then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
             }
             else if (item.id === 'ecom') {
-                Promise.resolve().then(function () { return require('./cart-f524d70b.js'); }).then((data) => {
+                Promise.resolve().then(function () { return require('./cart-d48967a8.js'); }).then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
@@ -3059,7 +3059,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
         item.popupType === 'categories' ? (React__default["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["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["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["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,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                         flexShrink: 0,
                     }, href: HOME_PAGE_URL },
                     React__default["default"].createElement("div", null,
-                        React__default["default"].createElement(index$a.Logo, { style: {
+                        React__default["default"].createElement(index$b.Logo, { style: {
                                 display: 'flex',
                             }, type: logoType, badge: locale === 'id-ID' && (React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('sehat-badge.png'), width: "56", height: "23", loading: "lazy" })), dateForSeasonal: new Date(), locale: locale, key: typeof window !== 'undefined' ? 'client' : 'server' })))),
                 !isMobile && (React__default["default"].createElement(React__default["default"].Fragment, null, siteType === 'marryBaby' ? (React__default["default"].createElement(NavigationMenu, { menuItems: menuItems })) : (enableSearchBar && React__default["default"].createElement(NavigtionSearch, { siteType: siteType }))))),
@@ -3166,7 +3166,8 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                     locale,
                     isMobile,
                 })
-            : null));
+            : null,
+        subHead && subHead));
 };
 const NavigtionSearch = ({ siteType }) => (React__default["default"].createElement(DisplayWrapper, { mediaQueryKey: "mbUp", className: siteType === 'marryBaby' ? 'marry-baby' : '' },
     React__default["default"].createElement(SearchInput, { id: "desktop" })));
@@ -3360,7 +3361,7 @@ const StyledContainer = styled__default["default"].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;
@@ -3378,7 +3379,7 @@ const _NavigationV2 = (props) => {
             '--header-bottom': headerBottom + 'px',
         }, className: className },
         React__default["default"].createElement("section", { ref: headerRef },
-            React__default["default"].createElement(NavigationBar, { menuItems: services, onTopBarAppears: onTopBarAppears, logoComponent: logoComponent, languageMenu: React__default["default"].createElement(LanguageSwitcher, { languageOptions: languageOptions, locale: locale }) }))));
+            React__default["default"].createElement(NavigationBar, { menuItems: services, onTopBarAppears: onTopBarAppears, logoComponent: logoComponent, subHead: subHead, languageMenu: React__default["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/index-d37fb502.js

@@ -0,0 +1,233 @@
+'use strict';
+
+var index$1 = require('./index-fbc4ad0a.js');
+var index$2 = require('./index-fd9e9e31.js');
+var index = require('./index-d38624f2.js');
+var Cookies = require('js-cookie');
+var uuid = require('uuid');
+var isProduction = require('./isProduction-cc2f71e7.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var Cookies__default = /*#__PURE__*/_interopDefault(Cookies);
+
+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: uuid.v4(),
+        label: JSON.stringify({
+            title: '',
+            description: '',
+        }),
+        type: index.NodeIntentType.SSO_INTENT,
+        url: '',
+    },
+    {
+        id: uuid.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: index.NodeIntentType.SSO_INTENT,
+        url: '/images/subot/my-health.svg',
+    },
+    {
+        id: uuid.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: index.NodeIntentType.SSO_INTENT,
+        url: '/images/subot/file-storage.svg',
+    },
+    {
+        id: uuid.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: index.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 = index$1.cookie.parse(reqCookie || '');
+    const reqHhgId = parsedCookie['hhg-id'];
+    return reqHhgId || Cookies__default["default"].get('hhg-id') || '';
+};
+const getSubotCookieId = (queryCookieId) => {
+    if (queryCookieId) {
+        Cookies__default["default"].set('hhg-id', queryCookieId);
+        return queryCookieId;
+    }
+    const cookieId = getHhgIdFromCookie();
+    if (cookieId) {
+        return cookieId;
+    }
+    const newCookieId = uuid.v4();
+    Cookies__default["default"].set('hhg-id', newCookieId);
+    return newCookieId;
+};
+const getUserIdFromCookie = (reqCookie) => {
+    const parsedCookie = index$1.cookie.parse(reqCookie || '');
+    const reqToken = parsedCookie[index$2.BEARER_TOKEN_COOKIE];
+    const token = reqToken || Cookies__default["default"].get(index$2.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 = index$1.cookie.parse(reqCookie || '');
+    const reqToken = parsedCookie[index$2.BEARER_TOKEN_COOKIE];
+    const token = reqToken || Cookies__default["default"].get(index$2.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 = uuid.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.isProduction ? '' : 'discover.'}${index$2.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;
+
+exports.TIME_RESET_RESEND_OTP = TIME_RESET_RESEND_OTP;
+exports.checkMobile = checkMobile;
+exports.checkUntilFinished = checkUntilFinished;
+exports.clickAndOpenInNewTab = clickAndOpenInNewTab;
+exports.getHelloSitesUrl = getHelloSitesUrl;
+exports.getHhgIdFromCookie = getHhgIdFromCookie;
+exports.getSubotCookieId = getSubotCookieId;
+exports.getUserIdFromCookie = getUserIdFromCookie;
+exports.getUserInfoFromCookie = getUserInfoFromCookie;
+exports.getWindowId = getWindowId;
+exports.overrideParamsByQuery = overrideParamsByQuery;
+exports.ssoIntents = ssoIntents;

package/build/{index-909623c9.js → index-d98b6533.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6abfcd13.js');
+var tslib_es6 = require('./tslib.es6-a8c3b1ed.js');
 var React = require('react');
 var core = require('@mantine/core');
-var theme = require('./theme-4d2a1014.js');
+var theme = require('./theme-040e6fd9.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }