@hhgtech/hhg-components 1.29.82 → 1.29.83

package/build/{index-d9919cd2.js → index-325d93fc.js}

@@ -1,47 +1,51 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-bd3f8718.js');
+var tslib_es6 = require('./tslib.es6-d6fa4ee6.js');
 var React = require('react');
-var index$9 = require('./index-4b7d4b5b.js');
-var index$3 = require('./index-e3bbd009.js');
-var normalizeLink = require('./normalizeLink-d307f624.js');
-var routing = require('./routing-d6c9099a.js');
-var dataTransform = require('./dataTransform-e39297c1.js');
-var index$c = require('./index-a9bdf889.js');
-var useTranslations = require('./useTranslations-685f989b.js');
+var index$9 = require('./index-7efbe5e3.js');
+var index$3 = require('./index-617bff8c.js');
+var normalizeLink = require('./normalizeLink-07c90859.js');
+var routing = require('./routing-54391665.js');
+var dataTransform = require('./dataTransform-265f1b67.js');
+var index$c = require('./index-92a816de.js');
+var useTranslations = require('./useTranslations-80687df4.js');
 var throttle = require('lodash/throttle');
 var core = require('@mantine/core');
-var index$2 = require('./index-dff7ee1b.js');
+var index$2 = require('./index-df9447b3.js');
 require('@mantine/dates');
-var index$6 = require('./index-1f3fc2e3.js');
-var index$1 = require('./index-64d8db08.js');
-require('./useMantineLocale-0d63dfea.js');
-var index = require('./index-1fdf2f01.js');
-var index$5 = require('./index-3eb666e6.js');
-var theme = require('./theme-be20929b.js');
-require('./translationsContext-00fdb62e.js');
+require('./index-d91f52cc.js');
+var index$1 = require('./index-6e7aede8.js');
+require('./useMantineLocale-f9195d27.js');
+var index = require('./index-036fe55d.js');
+var index$6 = require('./index-8cb3f562.js');
+require('./translationsContext-ade0df93.js');
 var formatString = require('string-format');
 require('@mantine/hooks');
-var utils = require('./utils-15a9772e.js');
-var constants = require('./constants-223c01fc.js');
+var utils = require('./utils-928b4701.js');
+require('./other-0edcc417.js');
+var constants = require('./constants-79d3ff1b.js');
 var styled = require('@emotion/styled');
 var core$1 = require('@hhgtech/icons/core');
-var defaultClassWrapper = require('./defaultClassWrapper-b7719693.js');
-var ChevronDown = require('./ChevronDown-2fd86d66.js');
+var miscTheme = require('./miscTheme.js');
+var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
+var ChevronDown = require('./ChevronDown-dfb97861.js');
 var react = require('@emotion/react');
-var index$4 = require('./index-f222ee45.js');
-var togetherComponentGlobalContext = require('./utils-169c6a7d.js');
-var constants$1 = require('./constants-8743b014.js');
-var index$8 = require('./index-54aeefca.js');
-var index$7 = require('./index-fd3e1d16.js');
-var useIsInit = require('./useIsInit-e06b96f5.js');
+var index$5 = require('./index-323d2766.js');
+var index$4 = require('./index-6b23104e.js');
+var Locale = require('./Locale-0b86b849.js');
+var togetherComponentGlobalContext = require('./utils-e4d5701e.js');
+var constantsDomainLocales = require('./constantsDomainLocales.js');
+var constants$1 = require('./constants-2aeb65f2.js');
+var index$8 = require('./index-eddf350b.js');
+var index$7 = require('./index-72b989a7.js');
+var useIsInit = require('./useIsInit-08580a12.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$a = require('./index-71843eb4.js');
+var index$a = require('./index-6bcde89a.js');
 var other = require('@hhgtech/icons/other');
-var index$b = require('./index-6fdcd09d.js');
+var index$b = require('./index-a73d7cb3.js');
 var debounce = require('lodash/debounce');
-var core$2 = require('./core-9d69a722.js');
+var core$2 = require('./core-9f7c0442.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -151,7 +155,7 @@ const useCSSFocusPopupHelper = (configs) => {
     };
 };
 
-const StyledPopup$1 = defaultClassWrapper.setDefaultClass(styled__default["default"].div `
+const StyledPopup$1 = miscDefaultClassWrapper.setDefaultClass(styled__default["default"].div `
     position: absolute;
     right: 0;
     transition: all 0.5s ease-in-out;
@@ -188,7 +192,7 @@ const StyledPopup$1 = defaultClassWrapper.setDefaultClass(styled__default["defau
       padding-bottom: 70px;
     }
   `, 'hhgcomp-navprofilebutton-popup');
-const StyledPopupWrapper = defaultClassWrapper.setDefaultClass(styled__default["default"].div `
+const StyledPopupWrapper = miscDefaultClassWrapper.setDefaultClass(styled__default["default"].div `
     position: fixed;
     z-index: 150;
     top: var(--header-bottom, 56px);
@@ -238,7 +242,7 @@ const StyledAvatar = styled__default["default"].div `
     display: flex;
     align-items: center;
     justify-content: center;
-    background-color: ${theme.theme.colors.secondaryBase};
+    background-color: ${miscTheme.theme.colors.secondaryBase};
     border-radius: 50%;
     color: white;
     font-size: 20px;
@@ -353,7 +357,7 @@ const StyledNavMenu = styled__default["default"].div `
   border-radius: 16px;
   background-color: white;
   hr {
-    border-color: ${theme.theme.colors.neutral100};
+    border-color: ${miscTheme.theme.colors.neutral100};
     border-bottom-width: 0px;
     border-style: solid;
   }
@@ -387,11 +391,11 @@ const StyledNavMenuItem = styled__default["default"].div `
       margin-top: 0;
     }
     .nav-menu-item:last-child {
-      border-bottom-color: ${theme.theme.colors.neutral100};
+      border-bottom-color: ${miscTheme.theme.colors.neutral100};
     }
   }
   .nav-menu-item {
-    background-color: ${theme.theme.colors.neutral50};
+    background-color: ${miscTheme.theme.colors.neutral50};
   }
 
   .nav-menu-item {
@@ -407,17 +411,17 @@ const StyledNavMenuItemContent = styled__default["default"].div `
   border-radius: 8px;
 
   &:hover {
-    background-color: ${theme.theme.colors.neutral150};
+    background-color: ${miscTheme.theme.colors.neutral150};
   }
   &[data-active='true'] {
-    background-color: ${theme.theme.colors.blue50};
+    background-color: ${miscTheme.theme.colors.blue50};
   }
 `;
 const StyledNavMenuItemDropdown = styled__default["default"].div `
   margin-left: auto;
 
   svg {
-    fill: ${theme.theme.colors.gray600};
+    fill: ${miscTheme.theme.colors.gray600};
     transition: transform 300ms;
   }
 
@@ -465,7 +469,7 @@ const Rank = ({ rank, siteType = 'helloSites', }) => {
             padding: '5px 12px',
             gap: '4px',
             borderRadius: 16,
-            border: `1px solid ${siteType === 'helloSites' ? theme.theme.colors.blue100 : theme.theme.colors.mb100}`,
+            border: `1px solid ${siteType === 'helloSites' ? miscTheme.theme.colors.blue100 : miscTheme.theme.colors.mb100}`,
         } },
         React__default["default"].createElement("img", { src: iconUrl, alt: rank, style: {
                 height: 16,
@@ -733,7 +737,7 @@ const StyledPopup = styled__default["default"].div `
 
   h2 {
     margin-top: 32px;
-    color: ${theme.theme.colors.gray800};
+    color: ${miscTheme.theme.colors.gray800};
     font-style: normal;
     font-weight: bold;
     ${utils.MediaQueries.mbDown} {
@@ -749,7 +753,7 @@ const StyledPopup = styled__default["default"].div `
 
   p {
     margin-top: 8px;
-    color: ${theme.theme.colors.gray600};
+    color: ${miscTheme.theme.colors.gray600};
     font-style: normal;
     font-weight: normal;
     ${utils.MediaQueries.mbDown} {
@@ -801,7 +805,7 @@ const NavigationLogoutPopup = ({ openLogoutPopup, onCloseHandler, onLogoutHandle
         document.body.classList.toggle('noscroll', openLogoutPopup);
     }, [openLogoutPopup]);
     return (React__default["default"].createElement(core.Portal, null,
-        React__default["default"].createElement(dataTransform.Popup, { type: "confirm", isOpen: openLogoutPopup, closeIcon: React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('closeLight.svg'), style: { width: 24, height: 24 }, alt: "close-icon", loading: "lazy" }), onClose: onCloseHandler },
+        React__default["default"].createElement(index$4.Popup, { type: "confirm", isOpen: openLogoutPopup, closeIcon: React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('closeLight.svg'), style: { width: 24, height: 24 }, alt: "close-icon", loading: "lazy" }), onClose: onCloseHandler },
             React__default["default"].createElement(StyledPopup, null,
                 siteType === 'helloSites' && (React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('arrowDoor.svg'), className: "cancle-img", alt: "close-account", loading: "lazy" })),
                 React__default["default"].createElement("h2", null, t(siteType === 'helloSites'
@@ -809,8 +813,8 @@ const NavigationLogoutPopup = ({ openLogoutPopup, onCloseHandler, onLogoutHandle
                     : 'logout.popup.ask.mb')),
                 React__default["default"].createElement("p", null, t('logout.popup.ask2')),
                 React__default["default"].createElement(StyledButtonGroup, { siteType: siteType },
-                    React__default["default"].createElement(index$4.Button, { className: "logout-button", color: "tertiary", size: "lg", onClick: onLogoutHandler }, t('logout.popup.button.logout')),
-                    React__default["default"].createElement(index$4.Button, { className: "cancel-button", color: "primary", size: "lg", onClick: onCloseHandler }, t('logout.popup.button.cancel')))))));
+                    React__default["default"].createElement(index$5.Button, { className: "logout-button", color: "tertiary", size: "lg", onClick: onLogoutHandler }, t('logout.popup.button.logout')),
+                    React__default["default"].createElement(index$5.Button, { className: "cancel-button", color: "primary", size: "lg", onClick: onCloseHandler }, t('logout.popup.button.cancel')))))));
 };
 
 const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, SSO_URL, currentUrl, isMinifyLogin, onLogout, style, isLoading, locale, }) => {
@@ -823,7 +827,7 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, SSO_URL, cu
     }, []);
     const { containerRef, onContainerFocus, onContainerBlur, onButtonMouseDown, onClose, } = useCSSFocusPopupHelper();
     if (isLoading)
-        return React__default["default"].createElement(index$5.Button, { size: "sm", color: "transparent", loading: true });
+        return React__default["default"].createElement(index$6.Button, { size: "sm", color: "transparent", loading: true });
     return (userInfo === null || userInfo === void 0 ? void 0 : userInfo.id) ? (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(StyledImageWrapper$1, { ref: containerRef, style: style, tabIndex: 0, onBlur: onContainerBlur, onFocus: () => {
                 var _a;
@@ -840,8 +844,8 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, SSO_URL, cu
                 React__default["default"].createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: "user-close-icon" },
                     React__default["default"].createElement("path", { d: "M18 6L6 18M18 18L6 6", stroke: "#3E3F58", strokeWidth: "1.3", strokeLinecap: "round" })),
                 React__default["default"].createElement(index$2.Avatar, { size: 36, className: "user-avatar", src: userInfo === null || userInfo === void 0 ? void 0 : userInfo.avatar, color: siteType === 'marryBaby'
-                        ? theme.theme.mbColors.pink
-                        : theme.theme.colors.secondaryBase, placeholderText: name && name.length ? name[0].toUpperCase() : 'A' })),
+                        ? miscTheme.theme.mbColors.pink
+                        : miscTheme.theme.colors.secondaryBase, placeholderText: name && name.length ? name[0].toUpperCase() : 'A' })),
             React__default["default"].createElement(ProfilePopup, { dispatchLogout: () => {
                     onClose();
                     setIsLogoutConfirmOpen(true);
@@ -862,31 +866,31 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, SSO_URL, cu
     // - Mobile: show button only for helloSites, show text for MarryBaby
     React__default["default"].createElement(React__default["default"].Fragment, null,
         siteType === 'helloSites' &&
-            (locale === index$6.LOCALE.Indonesia ||
-                locale === index$6.LOCALE.PhilippinesTagalog ||
-                locale === index$6.LOCALE.PhilippinesEnglish ? (React__default["default"].createElement("img", { className: "mobile-only", src: index$1.CommonGAssets.getAssetPath('login.svg'), style: {
+            (locale === Locale.LOCALE.Indonesia ||
+                locale === Locale.LOCALE.PhilippinesTagalog ||
+                locale === Locale.LOCALE.PhilippinesEnglish ? (React__default["default"].createElement("img", { className: "mobile-only", src: index$1.CommonGAssets.getAssetPath('login.svg'), style: {
                     cursor: 'pointer',
                     height: 24,
                     width: 24,
-                } })) : (React__default["default"].createElement(index$5.Button, { className: "mobile-only", size: "sm", leftIcon: React__default["default"].createElement(core$1.User, { color: "currentColor", isSolid: true, size: 22 }), sx: {
+                } })) : (React__default["default"].createElement(index$6.Button, { className: "mobile-only", size: "sm", leftIcon: React__default["default"].createElement(core$1.User, { color: "currentColor", isSolid: true, size: 22 }), sx: {
                     paddingLeft: '8px',
                     paddingRight: '12px',
                 } }, t('navigation.loginJoin')))),
         siteType === 'marryBaby' && (React__default["default"].createElement("div", { className: "mobile-only", style: {
                 paddingLeft: 16,
             } },
-            React__default["default"].createElement(index.Text, { size: "p3", color: theme.theme.mbColors.pink }, t('navigation.loginJoin')))),
-        siteType === 'marryBaby' ? (React__default["default"].createElement(index$5.Button, { className: "login-btn", size: "md", leftIcon: React__default["default"].createElement(core$1.User, { color: "currentColor", isSolid: true, size: 22 }) }, t('navigation.loginJoin'))) : (React__default["default"].createElement(index$5.Button, { className: "login-btn", size: "md", leftIcon: React__default["default"].createElement(core$1.User, { color: "#595959", isSolid: true, size: 22 }), variant: "ghost", color: "#262626" }, t('navigation.loginJoin')))))));
+            React__default["default"].createElement(index.Text, { size: "p3", color: miscTheme.theme.mbColors.pink }, t('navigation.loginJoin')))),
+        siteType === 'marryBaby' ? (React__default["default"].createElement(index$6.Button, { className: "login-btn", size: "md", leftIcon: React__default["default"].createElement(core$1.User, { color: "currentColor", isSolid: true, size: 22 }) }, t('navigation.loginJoin'))) : (React__default["default"].createElement(index$6.Button, { className: "login-btn", size: "md", leftIcon: React__default["default"].createElement(core$1.User, { color: "#595959", isSolid: true, size: 22 }), variant: "ghost", color: "#262626" }, t('navigation.loginJoin')))))));
 };
 
 var styles$3 = {"bookingButton":"spdlGfq","bookingButtonAnchor":"vgS16jX"};
 
 const BookingButton = ({ onCareHeaderClick, currentUrl, careUrlFe, btnName, }) => {
-    return onCareHeaderClick ? (React__default["default"].createElement(index$4.Button, { className: styles$3.bookingButton, size: "md", color: "primary", dataEventCategory: "Care", dataEventAction: "Navigation Bar Click", dataEventLabel: currentUrl, onClick: (e) => onCareHeaderClick(e), style: {
+    return onCareHeaderClick ? (React__default["default"].createElement(index$5.Button, { className: styles$3.bookingButton, size: "md", color: "primary", dataEventCategory: "Care", dataEventAction: "Navigation Bar Click", dataEventLabel: currentUrl, onClick: (e) => onCareHeaderClick(e), style: {
             paddingLeft: 10,
             paddingRight: 10,
         } }, btnName)) : (React__default["default"].createElement("a", { href: careUrlFe, className: `${styles$3.bookingButtonAnchor} care-button no-replace-click` },
-        React__default["default"].createElement(index$4.Button, { className: styles$3.bookingButton, size: "md", color: "primary", dataEventCategory: "Care", dataEventAction: "Navigation Bar Click", dataEventLabel: currentUrl }, btnName)));
+        React__default["default"].createElement(index$5.Button, { className: styles$3.bookingButton, size: "md", color: "primary", dataEventCategory: "Care", dataEventAction: "Navigation Bar Click", dataEventLabel: currentUrl }, btnName)));
 };
 
 var styles$2 = {"menuContainer":"y5VJdvw","menuIcon":"oVhOSCy","menuIconWrapper":"pX8OXTM"};
@@ -954,7 +958,7 @@ const NavigationProvider = (_a) => {
         return (props.currentUrl ||
             `https://${props.siteType === 'marryBaby'
                 ? togetherComponentGlobalContext.domainLocalesMarryBaby[props.locale || 'en-PH']
-                : index$3.domainLocales[props.locale || 'en-PH']}${props.projectType === 'together'
+                : constantsDomainLocales.domainLocales[props.locale || 'en-PH']}${props.projectType === 'together'
                 ? '/community'
                 : props.projectType === 'ecom'
                     ? '/ecom'
@@ -1044,7 +1048,7 @@ const StyledServiceListMenuSearchInputWrapper = styled__default["default"].div `
   }
   &[data-theme='marryBaby'] {
     input {
-      background: ${theme.theme.mbColors.lightGray};
+      background: ${miscTheme.theme.mbColors.lightGray};
       border-radius: 16px;
       border: none;
     }
@@ -1081,7 +1085,7 @@ const SearchInput = ({ id }) => {
 };
 
 const Phone = (_a) => {
-    var { size = 24, color = theme.theme.colors.neutral600 } = _a, rest = tslib_es6.__rest(_a, ["size", "color"]);
+    var { size = 24, color = miscTheme.theme.colors.neutral600 } = _a, rest = tslib_es6.__rest(_a, ["size", "color"]);
     return (React__default["default"].createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
         React__default["default"].createElement("path", { d: "M6.088 18.75q-.63 0-1.068-.437a1.45 1.45 0 0 1-.438-1.07V2.757q0-.63.438-1.068a1.45 1.45 0 0 1 1.068-.438h7.82q.633 0 1.07.438.437.437.437 1.068v14.488q0 .63-.437 1.069a1.45 1.45 0 0 1-1.07.437zm3.91-1.859a.7.7 0 0 0 .522-.216.7.7 0 0 0 .216-.521.7.7 0 0 0-.216-.522.7.7 0 0 0-.521-.215.7.7 0 0 0-.522.215.7.7 0 0 0-.215.522.7.7 0 0 0 .215.521.7.7 0 0 0 .522.216m-4.166-3.333h8.333V4.792H5.832z", fill: color })));
 };
@@ -1109,7 +1113,7 @@ const StyledItem$6 = styled__default["default"].a `
     }
   }
   text-decoration: none;
-  color: ${theme.theme.colors.gray800};
+  color: ${miscTheme.theme.colors.gray800};
   * {
     pointer-events: none;
   }
@@ -1121,16 +1125,16 @@ const StyledItem$6 = styled__default["default"].a `
   &[data-theme='marryBaby']:hover,
   &[data-theme='marryBaby'][data-active='true'] {
     p {
-      color: ${theme.theme.mbColors.pink};
+      color: ${miscTheme.theme.mbColors.pink};
     }
     .icon {
-      background-color: ${theme.theme.mbColors.lightPink};
+      background-color: ${miscTheme.theme.mbColors.lightPink};
     }
   }
   &[data-theme='helloSites']:hover,
   &[data-theme='helloSites'][data-active='true'] {
     p {
-      color: ${theme.theme.colors.primaryActive};
+      color: ${miscTheme.theme.colors.primaryActive};
     }
   }
   a {
@@ -1145,7 +1149,7 @@ const StyledItem$6 = styled__default["default"].a `
       width: 100%;
       height: 40px;
       border-radius: 50%;
-      background-color: ${theme.theme.mbColors.lightGray};
+      background-color: ${miscTheme.theme.mbColors.lightGray};
       img {
         border-radius: 50%;
       }
@@ -1171,14 +1175,14 @@ const StyledIconNav = styled__default["default"].div `
 const StyledItemAll = styled__default["default"].div `
   display: flex;
   align-items: center;
-  color: ${theme.theme.colors.primaryBase};
-  font-size: ${theme.theme.sizes.fsParagraph4};
-  font-weight: ${theme.theme.sizes.fwBold};
+  color: ${miscTheme.theme.colors.primaryBase};
+  font-size: ${miscTheme.theme.sizes.fsParagraph4};
+  font-weight: ${miscTheme.theme.sizes.fwBold};
   line-height: 24px;
   font-size: 14px;
   font-weight: 600;
   &[data-theme='marryBaby'] {
-    color: ${theme.theme.mbColors.pink};
+    color: ${miscTheme.theme.mbColors.pink};
   }
 `;
 const StyledImageWrapper = styled__default["default"].div `
@@ -1187,12 +1191,12 @@ const StyledImageWrapper = styled__default["default"].div `
   margin-left: 10px;
 `;
 const StyledViewMore$1 = styled__default["default"].a `
-  border: 1px solid ${theme.theme.colors.primaryBase};
+  border: 1px solid ${miscTheme.theme.colors.primaryBase};
   &[data-theme='marryBaby'] {
-    border: 1px solid ${theme.theme.mbColors.pink};
+    border: 1px solid ${miscTheme.theme.mbColors.pink};
 
     svg path {
-      stroke: ${theme.theme.mbColors.pink};
+      stroke: ${miscTheme.theme.mbColors.pink};
     }
   }
   position: relative;
@@ -1342,7 +1346,7 @@ const StyledBtnView$2 = styled__default["default"].div `
   display: flex;
   margin-top: 1rem;
   align-items: center;
-  color: ${theme.theme.colors.primaryBase};
+  color: ${miscTheme.theme.colors.primaryBase};
   font-weight: 400;
   font-size: 14px;
   text-decoration: none;
@@ -1354,7 +1358,7 @@ const StyledTitle$5 = styled__default["default"].p `
   font-size: 16px;
   font-weight: 600;
   line-height: 1.6;
-  color: ${theme.theme.colors.gray800};
+  color: ${miscTheme.theme.colors.gray800};
   ${utils.MediaQueries.tdDown} {
     padding: 0;
   }
@@ -1363,7 +1367,7 @@ const StyledDes$2 = styled__default["default"].p `
   font-size: 14px;
   line-height: 1.6;
   font-weight: 400;
-  color: ${theme.theme.colors.gray600};
+  color: ${miscTheme.theme.colors.gray600};
   height: 40px;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -1376,7 +1380,7 @@ const StyledDes$2 = styled__default["default"].p `
     padding: 0;
   }
 `;
-const StyledContentWrapper$2 = defaultClassWrapper.setDefaultClass(styled__default["default"].div `
+const StyledContentWrapper$2 = miscDefaultClassWrapper.setDefaultClass(styled__default["default"].div `
     display: flex;
     flex-direction: column;
     gap: 8px;
@@ -1389,7 +1393,7 @@ const StyledContentWrapper$2 = defaultClassWrapper.setDefaultClass(styled__defau
 const StyledItem$5 = styled__default["default"].a `
   text-decoration: none;
   border-radius: 4px;
-  background: ${theme.theme.colors.white};
+  background: ${miscTheme.theme.colors.white};
   position: relative;
   overflow: hidden;
   padding: 16px;
@@ -1437,7 +1441,7 @@ const StyledItem$5 = styled__default["default"].a `
     }
   }
   ${utils.MediaQueries.tdOnly} {
-    border: 1px solid ${theme.theme.colors.neutral100};
+    border: 1px solid ${miscTheme.theme.colors.neutral100};
   }
   .bg-svg {
     width: 100%;
@@ -1512,7 +1516,7 @@ const StyledDescription = styled__default["default"].div `
   font-weight: 400;
   font-size: 14px;
   line-height: 24px;
-  color: ${theme.theme.colors.gray600};
+  color: ${miscTheme.theme.colors.gray600};
   margin-bottom: 15px;
 `;
 const StyledTitle$4 = styled__default["default"].div `
@@ -1554,7 +1558,7 @@ const SpotlightNoData = ({ title, link, description, cta, icon }) => {
             description && React__default["default"].createElement(StyledDescription, null, description),
             cta && (React__default["default"].createElement("div", null,
                 React__default["default"].createElement("a", { href: link },
-                    React__default["default"].createElement(index$4.Button, { theme: siteType, className: "survey-contact-submit", size: "md" }, cta)))))));
+                    React__default["default"].createElement(index$5.Button, { theme: siteType, className: "survey-contact-submit", size: "md" }, cta)))))));
 };
 
 const StyledItemGridRight = styled__default["default"].div `
@@ -1569,7 +1573,7 @@ const StyledItemGridRight = styled__default["default"].div `
       left: 0;
       width: 100%;
       height: 4px;
-      background-color: ${theme.theme.colors.neutral100};
+      background-color: ${miscTheme.theme.colors.neutral100};
       content: '';
     }
   }
@@ -1585,9 +1589,9 @@ const StyledViewMore = styled__default["default"].a `
   text-decoration: none;
   font-weight: 400;
   font-size: 14px;
-  color: ${theme.theme.colors.primaryBase};
+  color: ${miscTheme.theme.colors.primaryBase};
   &[data-theme='marryBaby'] {
-    color: ${theme.theme.mbColors.pink};
+    color: ${miscTheme.theme.mbColors.pink};
   }
   img {
     padding-left: 5px;
@@ -1621,7 +1625,7 @@ const CareSpotlights = ({ spotlights = [], hrefViewMore }) => {
                 right: '1rem',
             } },
             React__default["default"].createElement("a", { href: hrefViewMore },
-                React__default["default"].createElement(index$4.Button, { theme: siteType, className: "survey-contact-submit", size: "md" }, t('home.navigator.menu.care.homeButton')))))) : (React__default["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.care.noDatas.title'), description: t('home.navigator.menu.care.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.care.homeButton'), icon: index$1.CommonGAssets.getAssetPath('community.svg') }))));
+                React__default["default"].createElement(index$5.Button, { theme: siteType, className: "survey-contact-submit", size: "md" }, t('home.navigator.menu.care.homeButton')))))) : (React__default["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.care.noDatas.title'), description: t('home.navigator.menu.care.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.care.homeButton'), icon: index$1.CommonGAssets.getAssetPath('community.svg') }))));
 };
 
 const StyledContainerItems$3 = styled__default["default"].div `
@@ -1671,7 +1675,7 @@ const StyledTitle$3 = styled__default["default"].p `
   font-weight: 400;
   padding: 4px 15px;
   line-height: 1.4;
-  color: ${theme.theme.colors.gray800};
+  color: ${miscTheme.theme.colors.gray800};
   flex: 1;
   ${utils.MediaQueries.tdUp} {
     display: none;
@@ -1724,7 +1728,7 @@ const StyledImage = styled__default["default"].img `
 const StyledName = styled__default["default"].div `
   font-size: 12px;
   font-weight: 600;
-  color: ${theme.theme.colors.gray800};
+  color: ${miscTheme.theme.colors.gray800};
   text-decoration: none;
   &[data-theme='marryBaby'] {
     font-weight: 400;
@@ -1735,7 +1739,7 @@ const StyledCategory = styled__default["default"].div `
   text-decoration: none;
   font-size: 12px;
   font-weight: 400;
-  color: ${theme.theme.colors.primaryBase};
+  color: ${miscTheme.theme.colors.primaryBase};
   &[data-theme='marryBaby'] {
     font-weight: 400;
     letter-spacing: -0.2px;
@@ -1744,12 +1748,12 @@ const StyledCategory = styled__default["default"].div `
 const StyledModifiedTime = styled__default["default"].div `
   font-size: 12px;
   font-weight: 400;
-  color: ${theme.theme.colors.gray600};
+  color: ${miscTheme.theme.colors.gray600};
 `;
 const StyledDot = styled__default["default"].div `
   font-size: 12px;
   font-weight: 400;
-  color: ${theme.theme.colors.gray600};
+  color: ${miscTheme.theme.colors.gray600};
 `;
 const StyledItem$3 = styled__default["default"].a `
   display: flex;
@@ -1761,7 +1765,7 @@ const StyledItem$3 = styled__default["default"].a `
     display: block;
     width: 100%;
     height: 1px;
-    border-top: 1px dashed ${theme.theme.colors.neutral100};
+    border-top: 1px dashed ${miscTheme.theme.colors.neutral100};
     position: absolute;
     bottom: -24px;
     ${utils.MediaQueries.tdOnly} {
@@ -1794,7 +1798,7 @@ const StyledTitle$2 = styled__default["default"].div `
   margin-top: 8px;
   font-size: 16px;
   font-weight: 600;
-  color: ${theme.theme.colors.gray800};
+  color: ${miscTheme.theme.colors.gray800};
   &[data-theme='marryBaby'] {
     margin-top: 12px;
     font-weight: 400;
@@ -1926,7 +1930,7 @@ const AppIcon = (_a) => {
 const StyledItem$1 = styled__default["default"].a `
   text-decoration: none;
   border-radius: 4px;
-  background: ${theme.theme.colors.primary50};
+  background: ${miscTheme.theme.colors.primary50};
   position: relative;
   overflow: hidden;
   display: flex;
@@ -1993,7 +1997,7 @@ const StyledBtnView$1 = styled__default["default"].div `
   display: flex;
   align-items: center;
   gap: 4px;
-  color: ${theme.theme.colors.primaryBase};
+  color: ${miscTheme.theme.colors.primaryBase};
   font-weight: 400;
   font-size: 14px;
   text-decoration: none;
@@ -2002,13 +2006,13 @@ const StyledTitle$1 = styled__default["default"].p `
   font-size: 16px;
   font-weight: 600;
   line-height: 1.4;
-  color: ${theme.theme.colors.gray800};
+  color: ${miscTheme.theme.colors.gray800};
 `;
 const StyledDes$1 = styled__default["default"].p `
   font-size: 14px;
   line-height: 1.4;
   font-weight: 400;
-  color: ${theme.theme.colors.gray600};
+  color: ${miscTheme.theme.colors.gray600};
   height: 40px;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -2085,21 +2089,21 @@ const StyledItem = styled__default["default"].a `
   }
 
   &[data-color='pink'] {
-    background: ${theme.theme.mbColors.tonePink};
+    background: ${miscTheme.theme.mbColors.tonePink};
     .bg-svg {
-      fill: ${theme.theme.mbColors.peach};
+      fill: ${miscTheme.theme.mbColors.peach};
     }
   }
   &[data-color='orange'] {
-    background: ${theme.theme.mbColors.toneYellow};
+    background: ${miscTheme.theme.mbColors.toneYellow};
     .bg-svg {
-      fill: ${theme.theme.mbColors.orange};
+      fill: ${miscTheme.theme.mbColors.orange};
     }
   }
   &[data-color='green'] {
-    background: ${theme.theme.mbColors.toneGreen};
+    background: ${miscTheme.theme.mbColors.toneGreen};
     .bg-svg {
-      fill: ${theme.theme.mbColors.mint};
+      fill: ${miscTheme.theme.mbColors.mint};
     }
   }
 
@@ -2181,7 +2185,7 @@ const StyledBtnView = styled__default["default"].div `
   height: 20px;
 
   svg path {
-    fill: ${theme.theme.mbColors.gray};
+    fill: ${miscTheme.theme.mbColors.gray};
   }
 
   ${utils.MediaQueries.tdDown} {
@@ -2190,7 +2194,7 @@ const StyledBtnView = styled__default["default"].div `
     font-weight: 400;
     font-size: 12px;
     line-height: 18px;
-    color: ${theme.theme.mbColors.pink};
+    color: ${miscTheme.theme.mbColors.pink};
     padding-left: 16px;
   }
 `;
@@ -2199,14 +2203,14 @@ const StyledTitle = styled__default["default"].p `
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.2px;
-  color: ${theme.theme.colors.gray800};
+  color: ${miscTheme.theme.colors.gray800};
 `;
 const StyledDes = styled__default["default"].p `
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
   letter-spacing: -0.2px;
-  color: ${theme.theme.colors.gray600};
+  color: ${miscTheme.theme.colors.gray600};
   height: 54px;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -2363,18 +2367,18 @@ const StyledHeaderWrapper = styled__default["default"].div `
   width: 100%;
   align-items: center;
 
-  background-color: ${theme.theme.colors.white};
+  background-color: ${miscTheme.theme.colors.white};
 
   transition: height 0.3s, transform 0.3s;
 
   &[data-site-type='helloSites'] {
-    border-bottom: 1px solid ${theme.theme.colors.neutral100};
+    border-bottom: 1px solid ${miscTheme.theme.colors.neutral100};
   }
   &[data-sponsored='true'] {
     border-bottom: none;
   }
   &[data-marry-baby-tone='pink'] {
-    background-color: ${theme.theme.mbColors.lightPink};
+    background-color: ${miscTheme.theme.mbColors.lightPink};
   }
 
   ${utils.MediaQueries.mbUp} {
@@ -2421,7 +2425,7 @@ const StyledHeaderWrapper = styled__default["default"].div `
 
   .marry-baby {
     input {
-      background: ${theme.theme.mbColors.lightGray};
+      background: ${miscTheme.theme.mbColors.lightGray};
       border-radius: 16px;
       border: none;
     }
@@ -2725,7 +2729,7 @@ const getTogetherUserPostsApiPath = (locale, isMarryBaby, apiDomain, params) =>
         'api/v1/' +
         formatString__default["default"](TOGETHER_PATHS.GET_USER_POSTS, Object.assign(Object.assign({}, params), { websiteUrl: isMarryBaby
                 ? 'https://marrybaby.vn'
-                : `https://${index$3.domainLocales[locale]}` })));
+                : `https://${constantsDomainLocales.domainLocales[locale]}` })));
 };
 const getCareSearchUrl = ({ type, specialtySlug, locale, }) => {
     var _a, _b;
@@ -2863,13 +2867,13 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                Promise.resolve().then(function () { return require('./doctor-2c14fed1.js'); }).then((data) => {
+                Promise.resolve().then(function () { return require('./doctor-10ee1543.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-8877bd63.js'); }).then((data) => {
+                Promise.resolve().then(function () { return require('./cart-1cbf9c06.js'); }).then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
@@ -2889,7 +2893,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
             background: '#E3F2FF',
         };
     return (React__default["default"].createElement(Tag, { tabIndex: 0, href: item.link, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link, className: styles$1.itemNavButton, ref: containerRef },
-        React__default["default"].createElement(index$5.Button, { variant: "light", leftIcon: Lottie && iconJson ? (linkOnly ? (React__default["default"].createElement(Lottie, { animationData: iconJson, loop: true, autoplay: true, style: {
+        React__default["default"].createElement(index$6.Button, { variant: "light", leftIcon: Lottie && iconJson ? (linkOnly ? (React__default["default"].createElement(Lottie, { animationData: iconJson, loop: true, autoplay: true, style: {
                     width: 28,
                     height: 28,
                 } })) : (React__default["default"].createElement("a", { href: normalizeLink.normalizeLinkSlash(item.link + '/') },
@@ -3269,8 +3273,8 @@ const getNavMenuContent = (locale) => tslib_es6.__awaiter(void 0, void 0, void 0
         if (isMarryBaby || index$3.TOGETHER_LOCALES.includes(locale)) {
             try {
                 const [communities, spotlightPosts] = yield Promise.all([
-                    fetch(normalizeLink.normalizeLinkSlash(`${routing.getTogetherApiDomain()}/api/v1/community?website_url=https://${index$3.domainLocales[locale]}`)).then((res) => res.json()),
-                    fetch(normalizeLink.normalizeLinkSlash(`${routing.getTogetherApiDomain()}/api/v1/options?website_url=https://${index$3.domainLocales[locale]}&meta_key=popular_post`)).then((res) => res.json()),
+                    fetch(normalizeLink.normalizeLinkSlash(`${routing.getTogetherApiDomain()}/api/v1/community?website_url=https://${constantsDomainLocales.domainLocales[locale]}`)).then((res) => res.json()),
+                    fetch(normalizeLink.normalizeLinkSlash(`${routing.getTogetherApiDomain()}/api/v1/options?website_url=https://${constantsDomainLocales.domainLocales[locale]}&meta_key=popular_post`)).then((res) => res.json()),
                 ]);
                 res.together = {
                     items: ((_o = (_m = (_l = communities === null || communities === void 0 ? void 0 : communities.data) === null || _l === void 0 ? void 0 : _l.communities) === null || _m === void 0 ? void 0 : _m.map) === null || _o === void 0 ? void 0 : _o.call(_m, dataTransform.formatCommunity)) || [],
@@ -3283,9 +3287,9 @@ const getNavMenuContent = (locale) => tslib_es6.__awaiter(void 0, void 0, void 0
             try {
                 const [specialties, hospitals] = yield Promise.all([
                     fetch(normalizeLink.normalizeLinkSlash(routing.getCareApiDomain() +
-                        `/api/options/setting_menu?site=${index$3.domainLocales[locale]}&type=0`)).then((res) => res.json()),
+                        `/api/options/setting_menu?site=${constantsDomainLocales.domainLocales[locale]}&type=0`)).then((res) => res.json()),
                     fetch(normalizeLink.normalizeLinkSlash(routing.getCareApiDomain() +
-                        `/api/options/setting_menu?site=${index$3.domainLocales[locale]}&type=1`)).then((res) => res.json()),
+                        `/api/options/setting_menu?site=${constantsDomainLocales.domainLocales[locale]}&type=1`)).then((res) => res.json()),
                 ]);
                 res.care = {
                     items: ((_v = (_u = (_t = (_s = specialties === null || specialties === void 0 ? void 0 : specialties._data) === null || _s === void 0 ? void 0 : _s.setting_menu) === null || _t === void 0 ? void 0 : _t.menu_specialty) === null || _u === void 0 ? void 0 : _u.map) === null || _v === void 0 ? void 0 : _v.call(_u, formatSpecialties)) || [],