@hhgtech/hhg-components 1.29.24 → 1.29.25

package/build/getSocialList-b23f0cb7.js

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

package/build/hooks.js

@@ -2,27 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var useTranslations = require('./useTranslations-3732dc1a.js');
-var useScrollbarSize = require('./useScrollbarSize-def4f154.js');
-var useCategory = require('./useCategory-07e8695a.js');
-var useHealthToolCache = require('./useHealthToolCache-54fbfebc.js');
-var useIsInit = require('./useIsInit-41ef76d6.js');
-var useOutsideClick = require('./useOutsideClick-a604dc15.js');
-var useUniqueId = require('./useUniqueId-242a9815.js');
+var useTranslations = require('./useTranslations-480f64da.js');
+var useScrollbarSize = require('./useScrollbarSize-8ba5e28e.js');
+var useCategory = require('./useCategory-801d8148.js');
+var useHealthToolCache = require('./useHealthToolCache-b9f0195f.js');
+var useIsInit = require('./useIsInit-2b2ff2f0.js');
+var useOutsideClick = require('./useOutsideClick-cff03e12.js');
+var useUniqueId = require('./useUniqueId-3b0ef44a.js');
 require('react');
-require('./translationsContext-b98d0b5c.js');
+require('./translationsContext-4b7afa0b.js');
 require('string-format');
 require('lodash/debounce');
-require('./tslib.es6-a094238c.js');
-require('./cookieHelper-110230c8.js');
-require('./Subot-c105968a.js');
-require('./getDynamicHealthTool-44fc2240.js');
-require('./normalizeLink-c575f197.js');
-require('./routing-418a849a.js');
-require('./index-0ffbc1f2.js');
+require('./tslib.es6-86f09fff.js');
+require('./cookieHelper-0b7f586d.js');
+require('./index-717e466d.js');
+require('./getDynamicHealthTool-77ad407c.js');
+require('./normalizeLink-2fbce9d9.js');
+require('./routing-583ce55e.js');
+require('./index-42026289.js');
 require('date-fns/locale');
-require('./isProduction-c69d639c.js');
-require('./core-021829c9.js');
+require('./isProduction-b1fe9e14.js');
+require('./core-a265269e.js');
 
 
 

package/build/i18n.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var translationsContext = require('./translationsContext-b98d0b5c.js');
+var translationsContext = require('./translationsContext-4b7afa0b.js');
 var React = require('react');
 var i18nValues_enPH = require('./i18n-values/en-PH.js');
 var i18nValues_hiIN = require('./i18n-values/hi-IN.js');

package/build/i18nV2.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var translationsContext = require('./translationsContext-b98d0b5c.js');
+var translationsContext = require('./translationsContext-4b7afa0b.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-1f804462.js → index-030b874d.js}

@@ -1,24 +1,24 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-f3cd8065.js');
+var index$1 = require('./index-8515dc14.js');
 var dayjs = require('dayjs');
-var index$3 = require('./index-0ffbc1f2.js');
-var index = require('./index-35b7a438.js');
+var index$3 = require('./index-42026289.js');
+var index = require('./index-55fd130f.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./Subot-c105968a.js');
-require('./index-79bc7fd4.js');
-require('./useMantineLocale-b1e1aa4e.js');
-var index$2 = require('./index-4f845222.js');
-var theme = require('./theme-ccc3da72.js');
-require('./translationsContext-b98d0b5c.js');
+require('./index-717e466d.js');
+require('./index-619c46d6.js');
+require('./useMantineLocale-7c47271c.js');
+var index$2 = require('./index-e1ab3b36.js');
+var theme = require('./theme-98664cfd.js');
+require('./translationsContext-4b7afa0b.js');
 require('string-format');
 require('@mantine/hooks');
-var utils = require('./utils-d9b1ed21.js');
+var utils = require('./utils-1f428807.js');
 var styled = require('@emotion/styled');
-var index$5 = require('./index-f2572f50.js');
-var index$4 = require('./index-180720da.js');
+var index$5 = require('./index-d4e42148.js');
+var index$4 = require('./index-d56f3314.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-f0722cd4.js → index-062199dd.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a094238c.js');
+var tslib_es6 = require('./tslib.es6-86f09fff.js');
 var React = require('react');
-var index = require('./index-35b7a438.js');
+var index = require('./index-55fd130f.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-2f62a6a4.js → index-105c8063.js}

@@ -1,13 +1,13 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a094238c.js');
+var tslib_es6 = require('./tslib.es6-86f09fff.js');
 var React = require('react');
-var Subot = require('./Subot-c105968a.js');
+var index = require('./index-717e466d.js');
 var styled = require('@emotion/styled');
-var index$1 = require('./index-79bc7fd4.js');
-var theme = require('./theme-ccc3da72.js');
-var index = require('./index-35b7a438.js');
-var index$2 = require('./index-2df39677.js');
+var index$2 = require('./index-619c46d6.js');
+var theme = require('./theme-98664cfd.js');
+var index$1 = require('./index-55fd130f.js');
+var index$3 = require('./index-e76b722c.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -55,7 +55,7 @@ const StyledPillContainer = styled__default["default"].div `
   }
 `;
 
-const LONG_TITLE_LOCALE = [Subot.LOCALE.Myanmar, Subot.LOCALE.Taiwan];
+const LONG_TITLE_LOCALE = [index.LOCALE.Myanmar, index.LOCALE.Taiwan];
 const Pill = (_a) => {
     var { icon, name, className, locale = 'en-PH', dataEventCategory, dataEventAction, dataEventLabel, onSelect } = _a, rest = tslib_es6.__rest(_a, ["icon", "name", "className", "locale", "dataEventCategory", "dataEventAction", "dataEventLabel", "onSelect"]);
     const isSelected = React.useMemo(() => className === null || className === void 0 ? void 0 : className.includes('selected-week-pill'), [className]);
@@ -63,10 +63,10 @@ const Pill = (_a) => {
             ? 'week-pill'.concat(' non-pointer-event-child ', className)
             : 'week-pill non-pointer-event-child', "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel }, rest),
         React__default["default"].createElement(StyledIconContainer, { size: 64, iconSize: 40, backgroundColor: theme.theme.colors.white },
-            React__default["default"].createElement(index.ImageWrap, { src: icon || index$1.CommonGAssets.getAssetPath('week_default.png'), alt: `week ${name}` })),
-        isSelected ? (React__default["default"].createElement(index$2.Text, Object.assign({ type: "semiBold", size: "n1", color: theme.theme.colors.gray800 }, (LONG_TITLE_LOCALE.includes(locale) && {
+            React__default["default"].createElement(index$1.ImageWrap, { src: icon || index$2.CommonGAssets.getAssetPath('week_default.png'), alt: `week ${name}` })),
+        isSelected ? (React__default["default"].createElement(index$3.Text, Object.assign({ type: "semiBold", size: "n1", color: theme.theme.colors.gray800 }, (LONG_TITLE_LOCALE.includes(locale) && {
             style: { fontSize: '10px' },
-        })), name)) : (React__default["default"].createElement(index$2.Text, Object.assign({ size: "n1", color: theme.theme.colors.gray600 }, (LONG_TITLE_LOCALE.includes(locale) && {
+        })), name)) : (React__default["default"].createElement(index$3.Text, Object.assign({ size: "n1", color: theme.theme.colors.gray600 }, (LONG_TITLE_LOCALE.includes(locale) && {
             style: { fontSize: '10px' },
         })), name))));
 };
@@ -74,13 +74,13 @@ const Pill = (_a) => {
 const StyledPill = styled__default["default"](Pill) `
   box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
 `;
-const StyledSlide = styled__default["default"](index.CentralCarousel.Slide) `
+const StyledSlide = styled__default["default"](index$1.CentralCarousel.Slide) `
   cursor: pointer;
   > div * {
     pointer-events: none;
   }
 `;
-const StyledCarousel = styled__default["default"](index.CentralCarousel) `
+const StyledCarousel = styled__default["default"](index$1.CentralCarousel) `
   .centerred-pill-wrapper {
     padding: 16px 0;
   }
@@ -90,7 +90,7 @@ const StyledCarousel = styled__default["default"](index.CentralCarousel) `
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
  */
 const PillCarousel = (_a) => {
-    var { data, isMobile, onSlideChange, pillProps, locale = Subot.LOCALE.Vietnam, blurFromIndex, blurLength } = _a, rest = tslib_es6.__rest(_a, ["data", "isMobile", "onSlideChange", "pillProps", "locale", "blurFromIndex", "blurLength"]);
+    var { data, isMobile, onSlideChange, pillProps, locale = index.LOCALE.Vietnam, blurFromIndex, blurLength } = _a, rest = tslib_es6.__rest(_a, ["data", "isMobile", "onSlideChange", "pillProps", "locale", "blurFromIndex", "blurLength"]);
     const sliderProps = {
         withControls: !isMobile,
         slideGap: 16,

package/build/{index-7a4bedfe.js → index-2efce884.js}

@@ -1,46 +1,47 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a094238c.js');
+var tslib_es6 = require('./tslib.es6-86f09fff.js');
 var React = require('react');
-var index$2 = require('./index-35b7a438.js');
+var index$2 = require('./index-55fd130f.js');
 var styled = require('@emotion/styled');
-var theme = require('./theme-ccc3da72.js');
-var index = require('./index-4f845222.js');
-var index$1 = require('./index-79bc7fd4.js');
-var index$3 = require('./index-0ffbc1f2.js');
-var normalizeLink = require('./normalizeLink-c575f197.js');
-var routing = require('./routing-418a849a.js');
-var index$4 = require('./index-4ed1ac23.js');
-var index$9 = require('./index-f2572f50.js');
-var useTranslations = require('./useTranslations-3732dc1a.js');
+var theme = require('./theme-98664cfd.js');
+var index = require('./index-e1ab3b36.js');
+var index$1 = require('./index-619c46d6.js');
+var index$3 = require('./index-42026289.js');
+var normalizeLink = require('./normalizeLink-2fbce9d9.js');
+var routing = require('./routing-583ce55e.js');
+var index$4 = require('./index-90e90e3d.js');
+var index$a = require('./index-d4e42148.js');
+var useTranslations = require('./useTranslations-480f64da.js');
 var throttle = require('lodash/throttle');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var Subot = require('./Subot-c105968a.js');
-require('./useMantineLocale-b1e1aa4e.js');
-require('./translationsContext-b98d0b5c.js');
+var index$6 = require('./index-717e466d.js');
+require('./useMantineLocale-7c47271c.js');
+require('./translationsContext-4b7afa0b.js');
 var formatString = require('string-format');
 require('@mantine/hooks');
-var utils = require('./utils-d9b1ed21.js');
-var constants = require('./constants-8caceefd.js');
+var utils = require('./utils-1f428807.js');
+var constants = require('./constants-da55a84e.js');
 var core$1 = require('@hhgtech/icons/core');
-var utils$1 = require('./utils-1678b756.js');
-var ChevronDown = require('./ChevronDown-14cc8f9a.js');
+var utils$1 = require('./utils-c5ddb828.js');
+var ChevronDown = require('./ChevronDown-91f06fd2.js');
 var react = require('@emotion/react');
-var index$5 = require('./index-f0722cd4.js');
-var constants$1 = require('./constants-d9460a1f.js');
-var index$7 = require('./index-c6876acd.js');
-var index$6 = require('./index-6f7a0639.js');
-var useIsInit = require('./useIsInit-41ef76d6.js');
-require('./index.styles-783940f7.js');
-require('./utils-0315274d.js');
-require('./index.styled-1fc8ac57.js');
-require('./index-5336d417.js');
+var index$5 = require('./index-062199dd.js');
+var constants$1 = require('./constants-7fddc7f7.js');
+var index$8 = require('./index-35563f12.js');
+var index$7 = require('./index-84c6efc1.js');
+var useIsInit = require('./useIsInit-2b2ff2f0.js');
+require('./index.styles-ead24c3b.js');
+require('./utils-d8620de3.js');
+require('./WhatsApp-35770ecc.js');
+require('./index.styled-4f0b82d2.js');
+require('./index-1327fbe0.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$8 = require('./index-f3cd8065.js');
+var index$9 = require('./index-8515dc14.js');
 var debounce = require('lodash/debounce');
-var core$2 = require('./core-021829c9.js');
+var core$2 = require('./core-a265269e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -1001,9 +1002,9 @@ 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 === Subot.LOCALE.Indonesia ||
-                locale === Subot.LOCALE.PhilippinesTagalog ||
-                locale === Subot.LOCALE.PhilippinesEnglish ? (React__default["default"].createElement("img", { className: "mobile-only", src: index$1.CommonGAssets.getAssetPath('login.svg'), style: {
+            (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: {
                     cursor: 'pointer',
                     height: 24,
                     width: 24,
@@ -1363,7 +1364,7 @@ const ItemMenu = ({ item, menu }) => {
 const NewWrapper = ({ isNew, children, }) => {
     const { t } = useTranslations.useTranslations();
     if (isNew) {
-        return (React__default["default"].createElement(index$6.Indicator, { color: "green", label: t('home.navigator.menuItem.new'), size: 20, styles: {
+        return (React__default["default"].createElement(index$7.Indicator, { color: "green", label: t('home.navigator.menuItem.new'), size: 20, styles: {
                 root: {
                     paddingRight: 10,
                 },
@@ -1376,7 +1377,7 @@ const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuI
     const { siteType } = React.useContext(NavigationContext);
     return (React__default["default"].createElement(StyledItemGridLeft, null,
         React__default["default"].createElement(StyledHeading$1, null,
-            React__default["default"].createElement(index$7.Heading, { tag: siteType === 'marryBaby' ? 'h5' : 'h6', as: "p", fontWeight: "semibold" }, headingTitle)), menuItems === null || menuItems === void 0 ? void 0 :
+            React__default["default"].createElement(index$8.Heading, { tag: siteType === 'marryBaby' ? 'h5' : 'h6', as: "p", fontWeight: "semibold" }, headingTitle)), menuItems === null || menuItems === void 0 ? void 0 :
         menuItems.slice(0, 6).map((item, index) => {
             const href = (item === null || item === void 0 ? void 0 : item.link)
                 ? (item === null || item === void 0 ? void 0 : item.link.startsWith('http'))
@@ -1719,7 +1720,7 @@ const Spotlights = ({ title, viewMore, children, link, dataEventAction = '', })
     const { siteType } = React.useContext(NavigationContext);
     return (React__default["default"].createElement(StyledItemGridRight, null,
         React__default["default"].createElement(StyledHeading, null,
-            React__default["default"].createElement(index$7.Heading, { tag: siteType === 'marryBaby' ? 'h5' : 'h6', as: "p", fontWeight: "semibold" }, title),
+            React__default["default"].createElement(index$8.Heading, { tag: siteType === 'marryBaby' ? 'h5' : 'h6', as: "p", fontWeight: "semibold" }, title),
             viewMore && (React__default["default"].createElement(StyledViewMore, { "data-event-category": "Hamburger Navigation", "data-event-action": dataEventAction, "data-event-label": link, href: link, "data-theme": siteType },
                 viewMore,
                 React__default["default"].createElement("img", { src: siteType === 'marryBaby'
@@ -2870,10 +2871,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$8.Container, null,
+        React__default["default"].createElement(index$9.Container, null,
             !hideCloseBtn && (React__default["default"].createElement("div", { className: styles.container },
                 React__default["default"].createElement(BtnClosePopup, { onClosePopup: onClosePopup }))),
-            React__default["default"].createElement(index$8.Container, { className: styles.gridContainer }, children))));
+            React__default["default"].createElement(index$9.Container, { className: styles.gridContainer }, children))));
 };
 
 const MenuCareList = ({ careSpecialties = [], isOpen, onClose, spotlights = [], }) => {
@@ -2962,13 +2963,13 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                Promise.resolve().then(function () { return require('./doctor-9a98bfee.js'); }).then((data) => {
+                Promise.resolve().then(function () { return require('./doctor-5ca5d99b.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-172bc846.js'); }).then((data) => {
+                Promise.resolve().then(function () { return require('./cart-690cadca.js'); }).then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
@@ -3094,7 +3095,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                         flexShrink: 0,
                     }, href: HOME_PAGE_URL },
                     React__default["default"].createElement("div", null,
-                        React__default["default"].createElement(index$9.Logo, { style: {
+                        React__default["default"].createElement(index$a.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 }))))),

package/build/{index-c6876acd.js → index-35563f12.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a094238c.js');
+var tslib_es6 = require('./tslib.es6-86f09fff.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-4f845222.js');
+var index = require('./index-e1ab3b36.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }