@hhgtech/hhg-components 1.29.519-beta-2 → 1.29.519-beta-3

package/build/{index-4d659eda.js → index-722bc531.js}

@@ -1,52 +1,53 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6365b647.js');
+var tslib_es6 = require('./tslib.es6-703bab43.js');
 var React = require('react');
-var SiteWideBanner = require('./SiteWideBanner-8c7d5232.js');
-var index$3 = require('./index-3b48762e.js');
-var normalizeLink = require('./normalizeLink-0d0e9f9f.js');
-var dataTransform = require('./dataTransform-30dc48e7.js');
+var SiteWideBanner = require('./SiteWideBanner-0e484662.js');
+var index$2 = require('./index-93ff1603.js');
+var normalizeLink = require('./normalizeLink-f7790b68.js');
+var dataTransform = require('./dataTransform-045b4feb.js');
 var core = require('@hhgtech/icons/core');
-require('./translationsContext-282b973e.js');
+require('./translationsContext-2d978cb9.js');
+var Locale = require('./Locale-1c560b45.js');
+var react = require('@emotion/react');
 var styled = require('@emotion/styled');
-var index = require('./index-1e102a84.js');
+var index = require('./index-12fc279c.js');
 var miscTheme = require('./miscTheme.js');
-var navigationProfileButton = require('./index-89f4a73f.js');
+var navigationProfileButton = require('./index-77933775.js');
 var other = require('@hhgtech/icons/other');
 var core$1 = require('@mantine/core');
-var index$c = require('./index-bc74f6ba.js');
+var index$c = require('./index-e9c91c01.js');
 var throttle = require('lodash/throttle');
 require('@mantine/dates');
-var index$b = require('./index-3c2eb017.js');
-var index$6 = require('./index-97a0955a.js');
-require('./index-f4bb7cce.js');
-var index$4 = require('./index-7b10b46f.js');
-var index$2 = require('./index-a5d305cb.js');
-require('./index-f94c65cc.js');
-require('./index.styles-a186d6cc.js');
+var index$b = require('./index-071cafac.js');
+var index$6 = require('./index-2f362ae1.js');
+require('./index-25e454cc.js');
+var index$4 = require('./index-5e0d4676.js');
+var index$3 = require('./index-a8ccc680.js');
+require('./index-2fe79f99.js');
+require('./index.styles-3fec8763.js');
 require('@mantine/hooks');
-var utils = require('./utils-b71ac373.js');
-require('./index-b6330b9e.js');
-var constants = require('./constants-e0c1f5d0.js');
-var store = require('./store-1ae80dc1.js');
-var constants$2 = require('./constants-89879fae.js');
-var index$5 = require('./index-d9779359.js');
-var index$1 = require('./index-af387cd8.js');
-var useCartCareService = require('./useCartCareService-7e77e549.js');
-var constants$1 = require('./constants-2387bc8f.js');
+var utils = require('./utils-8e2c9c4e.js');
+require('./index-9cfa7b78.js');
+var constants = require('./constants-5d1d01e4.js');
+var store = require('./store-261b6281.js');
+var constants$2 = require('./constants-7764fc01.js');
+var index$5 = require('./index-00bb69fc.js');
+var index$1 = require('./index-34fe879a.js');
+var useCartCareService = require('./useCartCareService-abaf668f.js');
+var constants$1 = require('./constants-283b9d11.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var index$7 = require('./index-f0ecb67f.js');
-var index$8 = require('./index-e1d2c81b.js');
-var utils$1 = require('./utils-9574105f.js');
-var index$9 = require('./index-4a4f36be.js');
+var index$7 = require('./index-53a6a7c6.js');
+var index$8 = require('./index-18fb1c08.js');
+var utils$1 = require('./utils-dc3d3648.js');
+var index$9 = require('./index-683b4e0b.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$a = require('./index-0882e130.js');
-var Locale = require('./Locale-d4154905.js');
-var index$d = require('./index-e0837084.js');
+var index$a = require('./index-21091a8f.js');
+var index$d = require('./index-e32bb373.js');
 var debounce = require('lodash/debounce');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var core$2 = require('./core-df64bca2.js');
+var core$2 = require('./core-7bc32e86.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -86,7 +87,30 @@ const StarPair = (props) => (React__namespace.createElement("svg", Object.assign
     React__namespace.createElement("path", { d: "M6.35278 10.7516C6.42759 10.976 6.63881 11.1279 6.87534 11.1279C7.11187 11.1279 7.322 10.976 7.39791 10.7516C7.68947 9.87691 8.37585 9.19053 9.25054 8.89896C9.47497 8.82415 9.62679 8.61403 9.62679 8.3775C9.62679 8.14097 9.47497 7.93084 9.25054 7.85603C8.37585 7.56446 7.68947 6.87809 7.39791 6.00339C7.24719 5.55453 6.5046 5.55453 6.35388 6.00339C6.06231 6.87809 5.37594 7.56446 4.50125 7.85603C4.27682 7.93084 4.125 8.14097 4.125 8.3775C4.125 8.61403 4.27682 8.82415 4.50125 8.89896C5.37565 9.19043 6.06193 9.87699 6.35278 10.7516Z", fill: "#2743AD" }),
     React__namespace.createElement("path", { d: "M20.1723 14.3286L18.5342 13.6789C16.821 12.9995 15.4655 11.6411 14.7897 9.92641L14.1396 8.27697C13.9232 7.72994 13.0262 7.72994 12.8097 8.27697L12.1597 9.92641C11.4839 11.6411 10.1284 12.9995 8.41517 13.6789L6.77705 14.3286C6.5044 14.4367 6.32422 14.7016 6.32422 14.9952C6.32422 15.2888 6.50345 15.5537 6.77705 15.6618L8.41517 16.3115C10.1284 16.991 11.4839 18.3494 12.1597 20.064L12.8097 21.7135C12.9175 21.987 13.1815 22.1668 13.4742 22.1668C13.7669 22.1668 14.031 21.987 14.1387 21.7135L14.7888 20.064C15.4646 18.3494 16.8201 16.991 18.5333 16.3115L20.1714 15.6618C20.444 15.5537 20.6242 15.2888 20.6242 14.9952C20.6242 14.7016 20.4459 14.4367 20.1723 14.3286Z", fill: "#2743AD" })));
 
+const ALLOW_SHOW_SEARCH_ANIMATION = [Locale.LOCALE.Vietnam, Locale.LOCALE.Malaysia];
+const TEXT_PLACEHOLDER_INPUT = {
+    [Locale.LOCALE.Vietnam]: [
+        'navigation.search.input.placeholder.animation.authenticProducts',
+        'navigation.search.input.placeholder.animation.findNearestClinic',
+        'navigation.search.input.placeholder.animation.reputableFacilities',
+        'navigation.search.input.placeholder.animation.fullRefundWithin10DayCancellation',
+        'navigation.search.input.placeholder.animation.freeDoctorConsultation',
+    ],
+    [Locale.LOCALE.Malaysia]: [
+        'navigation.search.input.placeholder.animation.authenticProducts',
+        'navigation.search.input.placeholder.animation.findNearestClinic',
+        'navigation.search.input.placeholder.animation.reputableFacilities',
+        'navigation.search.input.placeholder.animation.freeConsultation',
+        'navigation.search.input.placeholder.animation.chatWithDoctorOnPlatform',
+    ],
+};
+const TIME_ANIMATION_SEARCH_INPUT = 5000;
+const TIME_ANIMATION_SEARCH_INPUT_DELAY = TIME_ANIMATION_SEARCH_INPUT - 2000;
+
 const StyleInput = styled__default["default"](index.Input) `
+  position: relative;
+  z-index: 0;
+
   .mantine-Input-input {
     border-radius: 40px;
     background: ${miscTheme.theme.colors.white};
@@ -113,6 +137,65 @@ const StyleInput = styled__default["default"](index.Input) `
     justify-content: center;
     align-items: center;
   }
+`;
+const StyleSearchInputAnimationWrapper = styled__default["default"].div `
+  pointer-events: none;
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+`;
+const textRevealAnimation = react.keyframes `
+  0% {
+    width: 100%;
+    opacity: 1;
+  }
+  100% {
+    width: 0;
+    opacity: 1;
+  }
+`;
+const StyledTextAnimationWrapper = styled__default["default"].div `
+  position: absolute;
+  top: 50%;
+  left: 0;
+  transform: translate(42px, -50%);
+
+  width: calc(
+    100% - 42px - 42px
+  ); // minus the left and right padding of the input
+
+  pointer-events: none;
+`;
+const StyleSearchInputWrapper = styled__default["default"].div `
+  position: relative;
+`;
+const StyledTextAnimation = styled__default["default"].p `
+  font-size: 13px;
+  color: ${miscTheme.theme.colors.gray400};
+  line-height: 20px;
+  letter-spacing: -0.3px;
+  font-weight: 500;
+  position: relative;
+  user-select: none;
+
+  display: block;
+  width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+  &::before {
+    position: absolute;
+    top: 0;
+    right: 0;
+    content: '';
+    display: block;
+    width: 100%;
+    height: 100%;
+    background-color: ${miscTheme.theme.colors.white};
+    animation: ${textRevealAnimation} ${TIME_ANIMATION_SEARCH_INPUT_DELAY}ms
+      linear forwards;
+  }
 `;
 
 const HHG_SEARCH_BACK_KEY = 'hhg_search_history';
@@ -120,7 +203,10 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
     const { locale, siteType, isWinCashBackTheme: winCashBackTheme, } = React.useContext(navigationProfileButton.NavigationContext);
     const [keyword, setKeyword] = React.useState('');
     const [eventCategoryTracking, setEventCategoryTracking] = React.useState('Search From Another Page');
+    const [currentTextIndex, setCurrentTextIndex] = React.useState(0);
     const { t } = index$1.useTranslations();
+    const inputRef = React.useRef(null);
+    const [isInputFocused, setIsInputFocused] = React.useState(false);
     const goToSearchPage = React.useCallback((searchValue = '') => {
         let sourceParam = '';
         if (projectType === 'together') {
@@ -162,34 +248,82 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
             setKeyword(searchValue);
         }
     }, []);
-    return isMobile && !isHomepage ? (React__namespace["default"].createElement(index$2.Button, { variant: "tertiary", style: {
+    React.useEffect(() => {
+        if (!keyword && ALLOW_SHOW_SEARCH_ANIMATION.includes(locale)) {
+            const texts = TEXT_PLACEHOLDER_INPUT[locale];
+            if (texts && texts.length > 0) {
+                setCurrentTextIndex(0);
+                const interval = setInterval(() => {
+                    setCurrentTextIndex((prevIndex) => (prevIndex + 1) % texts.length);
+                }, TIME_ANIMATION_SEARCH_INPUT);
+                return () => clearInterval(interval);
+            }
+        }
+        else {
+            setCurrentTextIndex(0);
+        }
+    }, [keyword, locale]);
+    const getPlaceholder = React.useMemo(() => {
+        if (isInputFocused) {
+            if (siteType === 'marryBaby') {
+                return t('navigation.search.input.placeholder');
+            }
+            return t('home.search', {
+                site: index$2.LOCALE_SPECS[locale || 'en-PH']
+                    ? index$2.LOCALE_SPECS[locale || 'en-PH'].SITE_NAME
+                    : '',
+            });
+        }
+        if (ALLOW_SHOW_SEARCH_ANIMATION.includes(locale)) {
+            return undefined;
+        }
+        if (siteType === 'marryBaby') {
+            return t('navigation.search.input.placeholder');
+        }
+        return t('home.search', {
+            site: index$2.LOCALE_SPECS[locale || 'en-PH']
+                ? index$2.LOCALE_SPECS[locale || 'en-PH'].SITE_NAME
+                : '',
+        });
+    }, [locale, siteType, t, isInputFocused]);
+    return isMobile && !isHomepage ? (React__namespace["default"].createElement(index$3.Button, { variant: "tertiary", style: {
             padding: '6px',
         }, size: "sm", onClick: goBack },
         React__namespace["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", style: {
                 verticalAlign: 'bottom',
             } },
-            React__namespace["default"].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.3097 9.06111C3.3097 5.88483 5.88458 3.30994 9.06087 3.30994C12.2372 3.30994 14.812 5.88483 14.812 9.06111C14.812 12.2374 12.2372 14.8123 9.06087 14.8123C5.88458 14.8123 3.3097 12.2374 3.3097 9.06111ZM9.06087 1.66675C4.97707 1.66675 1.6665 4.97732 1.6665 9.06111C1.6665 13.1449 4.97707 16.4555 9.06087 16.4555C10.8067 16.4555 12.4112 15.8505 13.6761 14.8387L16.9305 18.0931C17.2514 18.4139 17.7716 18.4139 18.0924 18.0931C18.4133 17.7722 18.4133 17.252 18.0924 16.9312L14.8381 13.6768C15.8501 12.4118 16.4552 10.8071 16.4552 9.06111C16.4552 4.97732 13.1447 1.66675 9.06087 1.66675Z", fill: "#8C8C8C" })))) : (React__namespace["default"].createElement(StyleInput, { className: "fake-search-input", name: 'search-input-menu-service' + id, size: "md", "data-event-category": eventCategoryTracking, "data-event-action": "Search", "data-event-label": keyword, placeholder: siteType === 'marryBaby'
-            ? t('navigation.search.input.placeholder')
-            : t('home.search', {
-                site: index$3.LOCALE_SPECS[locale || 'en-PH']
-                    ? index$3.LOCALE_SPECS[locale || 'en-PH'].SITE_NAME
-                    : '',
-            }), onChange: setKeyword, value: keyword, onKeyDown: (e) => e.key === 'Enter' &&
-            goToSearchPage(e.target.value), type: "search", onFocus: (e) => {
-            e.preventDefault();
-            if ((isMobile && isHomepage) || isRedirectSearchPage) {
-                goToSearchPage('');
-            }
-        }, rightSection: keyword ? (React__namespace["default"].createElement("div", { className: "close-icon-wrapper", onClick: () => setKeyword(''), "data-event-category": "Search Page", "data-event-action": "Delete Search" },
-            React__namespace["default"].createElement(core.Close, { size: 17, color: miscTheme.theme.colors.white }))) : winCashBackTheme ? (React__namespace["default"].createElement(StarPair, { className: "star-pair-icon" })) : (''), icon: React__namespace["default"].createElement("a", { "data-event-category": "Search Button", "data-event-action": "Click", className: "search-icon-btn", onClick: () => {
+            React__namespace["default"].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.3097 9.06111C3.3097 5.88483 5.88458 3.30994 9.06087 3.30994C12.2372 3.30994 14.812 5.88483 14.812 9.06111C14.812 12.2374 12.2372 14.8123 9.06087 14.8123C5.88458 14.8123 3.3097 12.2374 3.3097 9.06111ZM9.06087 1.66675C4.97707 1.66675 1.6665 4.97732 1.6665 9.06111C1.6665 13.1449 4.97707 16.4555 9.06087 16.4555C10.8067 16.4555 12.4112 15.8505 13.6761 14.8387L16.9305 18.0931C17.2514 18.4139 17.7716 18.4139 18.0924 18.0931C18.4133 17.7722 18.4133 17.252 18.0924 16.9312L14.8381 13.6768C15.8501 12.4118 16.4552 10.8071 16.4552 9.06111C16.4552 4.97732 13.1447 1.66675 9.06087 1.66675Z", fill: "#8C8C8C" })))) : (React__namespace["default"].createElement(StyleSearchInputWrapper, null,
+        React__namespace["default"].createElement(StyleInput, { ref: inputRef, className: "fake-search-input", name: 'search-input-menu-service' + id, size: "md", "data-event-category": eventCategoryTracking, "data-event-action": "Search", "data-event-label": keyword, placeholder: getPlaceholder, onChange: setKeyword, value: keyword, onKeyDown: (e) => e.key === 'Enter' &&
+                goToSearchPage(e.target.value), onBlur: () => {
+                setIsInputFocused(false);
+                setCurrentTextIndex(0);
+            }, type: "search", onFocus: (e) => {
+                e.preventDefault();
                 if ((isMobile && isHomepage) || isRedirectSearchPage) {
                     goToSearchPage('');
                 }
-            } },
-            React__namespace["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", style: {
-                    verticalAlign: 'bottom',
+                setIsInputFocused(true);
+            }, rightSection: keyword ? (React__namespace["default"].createElement("div", { className: "close-icon-wrapper", onClick: () => setKeyword(''), "data-event-category": "Search Page", "data-event-action": "Delete Search" },
+                React__namespace["default"].createElement(core.Close, { size: 17, color: miscTheme.theme.colors.white }))) : winCashBackTheme ? (React__namespace["default"].createElement(StarPair, { className: "star-pair-icon" })) : (''), icon: React__namespace["default"].createElement("a", { "data-event-category": "Search Button", "data-event-action": "Click", className: "search-icon-btn", onClick: () => {
+                    if ((isMobile && isHomepage) || isRedirectSearchPage) {
+                        goToSearchPage('');
+                    }
                 } },
-                React__namespace["default"].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.3097 9.06111C3.3097 5.88483 5.88458 3.30994 9.06087 3.30994C12.2372 3.30994 14.812 5.88483 14.812 9.06111C14.812 12.2374 12.2372 14.8123 9.06087 14.8123C5.88458 14.8123 3.3097 12.2374 3.3097 9.06111ZM9.06087 1.66675C4.97707 1.66675 1.6665 4.97732 1.6665 9.06111C1.6665 13.1449 4.97707 16.4555 9.06087 16.4555C10.8067 16.4555 12.4112 15.8505 13.6761 14.8387L16.9305 18.0931C17.2514 18.4139 17.7716 18.4139 18.0924 18.0931C18.4133 17.7722 18.4133 17.252 18.0924 16.9312L14.8381 13.6768C15.8501 12.4118 16.4552 10.8071 16.4552 9.06111C16.4552 4.97732 13.1447 1.66675 9.06087 1.66675Z", fill: "#8C8C8C" }))) }));
+                React__namespace["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", style: {
+                        verticalAlign: 'bottom',
+                    } },
+                    React__namespace["default"].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.3097 9.06111C3.3097 5.88483 5.88458 3.30994 9.06087 3.30994C12.2372 3.30994 14.812 5.88483 14.812 9.06111C14.812 12.2374 12.2372 14.8123 9.06087 14.8123C5.88458 14.8123 3.3097 12.2374 3.3097 9.06111ZM9.06087 1.66675C4.97707 1.66675 1.6665 4.97732 1.6665 9.06111C1.6665 13.1449 4.97707 16.4555 9.06087 16.4555C10.8067 16.4555 12.4112 15.8505 13.6761 14.8387L16.9305 18.0931C17.2514 18.4139 17.7716 18.4139 18.0924 18.0931C18.4133 17.7722 18.4133 17.252 18.0924 16.9312L14.8381 13.6768C15.8501 12.4118 16.4552 10.8071 16.4552 9.06111C16.4552 4.97732 13.1447 1.66675 9.06087 1.66675Z", fill: "#8C8C8C" }))) }),
+        !keyword && !isInputFocused && (React__namespace["default"].createElement(StyleSearchInputAnimationWrapper, { onClick: () => {
+                var _a;
+                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                setIsInputFocused(true);
+            } }, ALLOW_SHOW_SEARCH_ANIMATION.includes(locale) &&
+            (() => {
+                const texts = TEXT_PLACEHOLDER_INPUT[locale];
+                const currentText = texts === null || texts === void 0 ? void 0 : texts[currentTextIndex];
+                return currentText ? (React__namespace["default"].createElement(StyledTextAnimationWrapper, { key: `${currentText}-${currentTextIndex}` },
+                    React__namespace["default"].createElement(StyledTextAnimation, null, t(currentText)))) : null;
+            })()))));
 };
 
 const getEcomUrl = ({ path, locale, }) => {
@@ -1576,7 +1710,7 @@ const MenuHealthToolsList = ({ locale, onClose, isOpen, spotlightHealthTools = [
     var _a;
     const { t } = index$1.useTranslations();
     const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
-    const hrefViewMore = `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$3.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`;
+    const hrefViewMore = `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$2.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`;
     return (React__namespace["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
         React__namespace["default"].createElement(Categories, { hrefViewMore: hrefViewMore, UrlFE: statics.HOME_PAGE_URL, onClosePopup: onClose, headingTitle: t('home.navigator.menuItem.healthToolsList'), titleBtnViewMore: t('home.navigator.menuItem.allHealthTools'), menuItems: healthTools.map((t) => ({
                 name: t.title,
@@ -1642,7 +1776,7 @@ styled__default["default"].div `
     grid-template-columns: 1fr;
   }
 `;
-const StyleButton = styled__default["default"](index$2.Button) `
+const StyleButton = styled__default["default"](index$3.Button) `
   border: 1px solid ${miscTheme.theme.colors.white} !important;
   .mantine-Button-leftIcon {
     width: 24px;
@@ -1750,7 +1884,7 @@ const MenuViewMore = ({ menuItems = [], isOpen, onClose }) => {
             React__namespace["default"].createElement(StyleButton, { variant: "tertiary", leftIcon: React__namespace["default"].createElement(InitialDoctor, null) }, careNavItem.name))),
         enableAppIntroPage && (React__namespace["default"].createElement("a", { tabIndex: 0, href: "https://applink.hellobacsi.com/o9Q88rQh7Mb", "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": `https://applink.hellobacsi.com/o9Q88rQh7Mb` },
             React__namespace["default"].createElement(StyleButton, { variant: "tertiary", leftIcon: React__namespace["default"].createElement(StyleWrapperIcon, null,
-                    React__namespace["default"].createElement(core.Logo, { width: 16, height: 15 })) }, `${index$3.LOCALE_SPECS[locale || 'en-PH'].SITE_NAME_FORMATTED} App`)))));
+                    React__namespace["default"].createElement(core.Logo, { width: 16, height: 15 })) }, `${index$2.LOCALE_SPECS[locale || 'en-PH'].SITE_NAME_FORMATTED} App`)))));
 };
 
 var styles = {"menuContainer":"y5VJdvw","menuIcon":"oVhOSCy","menuIconWrapper":"pX8OXTM"};
@@ -1887,7 +2021,7 @@ const MenuServiceList = ({ closePopup, menuItems = [], extraMenuItems = [], proj
                     : t('home.navigator.menuItem.allCategories'), onClosePopup: closePopup, activeItem: activeMenuService }),
             !!(extraMenuItems === null || extraMenuItems === void 0 ? void 0 : extraMenuItems.length) && (React__namespace["default"].createElement(ExtraCategories, { menuItems: extraMenuItems, siteType: siteType })),
             activeMenuService === 'categories' && (React__namespace["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__namespace["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 === 'tools' && (React__namespace["default"].createElement(ToolSpotlights, { spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights, hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$2.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}` })),
             activeMenuService === 'care' && (React__namespace["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 === 'together' && (React__namespace["default"].createElement(CommunitySpotlights, { spotlights: together === null || together === void 0 ? void 0 : together.spotlights })),
             activeMenuService === 'ecom' && (React__namespace["default"].createElement(EcomSpotlights, { helpfulUrls: ecom === null || ecom === void 0 ? void 0 : ecom.helpfulUrls })),
@@ -2331,7 +2465,7 @@ const StyledWrapMenuItems = styled__default["default"].div `
 const StyleWrapperNavigtionSearch = styled__default["default"].div `
   padding: 0 16px 6px;
 `;
-const StyleButtonAiChat = styled__default["default"](index$2.Button) `
+const StyleButtonAiChat = styled__default["default"](index$3.Button) `
   border-radius: 28px;
   border: 1px solid ${miscTheme.theme.colors.neutral200};
   &.ai-doctor-btn {
@@ -2413,7 +2547,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
             : currentLocation;
     };
     const logoType = siteType === 'helloSites'
-        ? (_b = index$3.LOCALE_SPECS[locale]) === null || _b === void 0 ? void 0 : _b.LOGO_TYPE
+        ? (_b = index$2.LOCALE_SPECS[locale]) === null || _b === void 0 ? void 0 : _b.LOGO_TYPE
         : siteType;
     const isBrowser = typeof window !== 'undefined';
     const scrolling = React.useCallback(throttle__default["default"](() => {
@@ -2490,10 +2624,10 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                     languageMenu,
                     enableNavCartCare && winCashBackTheme && (React__namespace["default"].createElement(index$d.CartCareButton, { href: cartHref !== null && cartHref !== void 0 ? cartHref : cartBaseUrl, count: cartHref ? 1 : 0 })),
                     enableNavChatbotAi && (React__namespace["default"].createElement(core$1.Box, { component: "a", href: `${normalizeLink.getCurrentBaseUrl(locale)}/ai-doctor`, "data-event-category": "Chatbot AI", "data-event-action": "Open", "data-event-label": "Hamburger Navigation", className: "ai-doctor-nav-item" },
-                        React__namespace["default"].createElement(StyleButtonAiChat, { variant: "tertiary", leftIcon: React__namespace["default"].createElement(other.ChatAi, { size: 18, color: "#2F8AF2" }), size: "md", className: "ai-doctor-btn" }, (_c = index$3.LOCALE_SPECS[locale]) === null || _c === void 0 ? void 0 :
+                        React__namespace["default"].createElement(StyleButtonAiChat, { variant: "tertiary", leftIcon: React__namespace["default"].createElement(other.ChatAi, { size: 18, color: "#2F8AF2" }), size: "md", className: "ai-doctor-btn" }, (_c = index$2.LOCALE_SPECS[locale]) === null || _c === void 0 ? void 0 :
                             _c.SITE_NAME,
                             " AI"))),
-                    enableNavClinityDownload && (React__namespace["default"].createElement(core$1.Box, { component: "a", href: `${(_d = index$3.STATIC_PAGES[locale]) === null || _d === void 0 ? void 0 : _d.CLINITY_DOWNLOAD_LINK}`, target: "_blank", "data-event-category": "Hamburger Navigation", "data-event-action": "Download Clinity", "data-event-label": `${(_e = index$3.STATIC_PAGES[locale]) === null || _e === void 0 ? void 0 : _e.CLINITY_DOWNLOAD_LINK}`, "data-cart-menu": true },
+                    enableNavClinityDownload && (React__namespace["default"].createElement(core$1.Box, { component: "a", href: `${(_d = index$2.STATIC_PAGES[locale]) === null || _d === void 0 ? void 0 : _d.CLINITY_DOWNLOAD_LINK}`, target: "_blank", "data-event-category": "Hamburger Navigation", "data-event-action": "Download Clinity", "data-event-label": `${(_e = index$2.STATIC_PAGES[locale]) === null || _e === void 0 ? void 0 : _e.CLINITY_DOWNLOAD_LINK}`, "data-cart-menu": true },
                         React__namespace["default"].createElement("img", { src: index$6.CommonGAssets.getAssetPath('clinity-download.png'), alt: "Clinity", className: "clinity-logo", style: { display: 'block' } }))),
                     slot,
                     React__namespace["default"].createElement(navigationProfileButton.NavigationProfileButton, { userInfo: userInfo, siteType: siteType, onLoginClick: onLoginClick || goToLogin, 
@@ -2658,7 +2792,7 @@ const useNavServices = () => {
             _services.push({
                 name: t('home.navigator.menuItem.healthTools'),
                 id: 'tools',
-                link: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$3.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`,
+                link: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$2.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`,
                 thumbnail: isMarryBaby
                     ? index$6.CommonGAssets.getAssetPath('healthtools-mb.svg')
                     : index$6.CommonGAssets.getAssetPath('nav-icons/health-tools.svg'),
@@ -2708,7 +2842,7 @@ const useNavServices = () => {
 };
 
 const StyledContainer = styled__default["default"].div `
-  --header-z-index: ${index$3.ZINDEX_HEADER};
+  --header-z-index: ${index$2.ZINDEX_HEADER};
   top: 0;
   z-index: var(--header-z-index);
 
@@ -2787,7 +2921,7 @@ const getNavMenuContent = (locale) => tslib_es6.__awaiter(void 0, void 0, void 0
                 fetch(normalizeLink.normalizeLinkSlash(`${normalizeLink.getDiscoverApiDomain(locale)}/wp-json/api/spotlights?per_page=10&order_by=start_date${customLang ? '&' + customLang : ''}`)).then((res) => res.json()),
                 fetch(normalizeLink.normalizeLinkSlash(`${normalizeLink.getDiscoverApiDomain(locale)}/wp-json/api/${isMarryBaby ? 'health-tools' : 'healthtools'}${customLang ? '?' + customLang : ''}`)).then((res) => res.json()),
                 fetch(normalizeLink.normalizeLinkSlash(`${normalizeLink.getDiscoverApiDomain(locale)}/wp-json/api/${isMarryBaby ? 'health-tools' : 'healthtools'}/favorites${customLang ? '?' + customLang : ''}`)).then((res) => res.json()),
-                index$3.VIDEO_LOCALES.includes(locale) &&
+                index$2.VIDEO_LOCALES.includes(locale) &&
                     fetch(normalizeLink.normalizeLinkSlash(`${normalizeLink.getDiscoverApiDomain(locale)}/wp-json/api/video/navigation`)).then((res) => res.json()),
             ]);
             res.categories = {
@@ -2803,7 +2937,7 @@ const getNavMenuContent = (locale) => tslib_es6.__awaiter(void 0, void 0, void 0
             };
         }
         catch (_1) { }
-        if (isMarryBaby || index$3.LOCALE_HAS_COMMUNITY_SITE.includes(locale)) {
+        if (isMarryBaby || index$2.LOCALE_HAS_COMMUNITY_SITE.includes(locale)) {
             try {
                 const [communities, spotlightPosts] = yield Promise.all([
                     fetch(normalizeLink.normalizeLinkSlash(`${normalizeLink.getTogetherApiDomain()}/api/v1/community?website_url=https://${constantsDomainLocales.domainLocales[locale]}`)).then((res) => res.json()),
@@ -2816,7 +2950,7 @@ const getNavMenuContent = (locale) => tslib_es6.__awaiter(void 0, void 0, void 0
             }
             catch (_2) { }
         }
-        if (index$3.CARE_LOCALES.includes(locale)) {
+        if (index$2.CARE_LOCALES.includes(locale)) {
             try {
                 const [specialties, hospitals] = yield Promise.all([
                     fetch(normalizeLink.normalizeLinkSlash(normalizeLink.getCareApiDomain() +

package/build/{index-89f4a73f.js → index-77933775.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6365b647.js');
+var tslib_es6 = require('./tslib.es6-703bab43.js');
 var React = require('react');
 var core = require('@hhgtech/icons/core');
-var Spinner = require('./Spinner-01d6618d.js');
-var index$3 = require('./index-1e102a84.js');
-var index$2 = require('./index-a5d305cb.js');
-var index$5 = require('./index-7b10b46f.js');
-var index$1 = require('./index-af387cd8.js');
-var index$4 = require('./index-97a0955a.js');
+var Spinner = require('./Spinner-3946f7a3.js');
+var index$3 = require('./index-12fc279c.js');
+var index$2 = require('./index-a8ccc680.js');
+var index$5 = require('./index-5e0d4676.js');
+var index$1 = require('./index-34fe879a.js');
+var index$4 = require('./index-2f362ae1.js');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-b71ac373.js');
+var utils = require('./utils-8e2c9c4e.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var classNames = require('classnames');
-var index = require('./index-3b48762e.js');
-var togetherComponentGlobalContext = require('./utils-29f4e962.js');
-var normalizeLink = require('./normalizeLink-0d0e9f9f.js');
+var index = require('./index-93ff1603.js');
+var togetherComponentGlobalContext = require('./utils-83853da3.js');
+var normalizeLink = require('./normalizeLink-f7790b68.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var profileNavigation = require('./profileNavigation.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');

package/build/{index-e4a91aeb.js → index-852592bd.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6365b647.js');
+var tslib_es6 = require('./tslib.es6-703bab43.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-1e102a84.js');
-var index = require('./index-f94c65cc.js');
+var index$1 = require('./index-12fc279c.js');
+var index = require('./index-2fe79f99.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-81483ce5.js → index-878ed0df.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6365b647.js');
+var tslib_es6 = require('./tslib.es6-703bab43.js');
 var React = require('react');
-require('./index-3c2eb017.js');
+require('./index-071cafac.js');
 var styled = require('@emotion/styled');
-var index$1 = require('./index-97a0955a.js');
+var index$1 = require('./index-2f362ae1.js');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-9ac3024d.js');
-var index$2 = require('./index-984166cf.js');
-var Locale = require('./Locale-d4154905.js');
-var index$3 = require('./index-1e102a84.js');
+var index = require('./index-352c51f2.js');
+var index$2 = require('./index-fd7e2026.js');
+var Locale = require('./Locale-1c560b45.js');
+var index$3 = require('./index-12fc279c.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-4423e16f.js → index-8a19b95f.js}

@@ -1,28 +1,28 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6365b647.js');
+var tslib_es6 = require('./tslib.es6-703bab43.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dateFns = require('date-fns');
-var LastPeriod = require('./LastPeriod-5def63b6.js');
-var Locale = require('./Locale-d4154905.js');
+var LastPeriod = require('./LastPeriod-d7b4b2b6.js');
+var Locale = require('./Locale-1c560b45.js');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
-var index$5 = require('./index-1e102a84.js');
-var index$2 = require('./index-baa307ca.js');
-var index$3 = require('./index-7b10b46f.js');
-require('./index-a5d305cb.js');
-require('./index-f94c65cc.js');
-require('./index.styles-a186d6cc.js');
-var index = require('./index-af387cd8.js');
+var index$5 = require('./index-12fc279c.js');
+var index$2 = require('./index-aedba2d0.js');
+var index$3 = require('./index-5e0d4676.js');
+require('./index-a8ccc680.js');
+require('./index-2fe79f99.js');
+require('./index.styles-3fec8763.js');
+var index = require('./index-34fe879a.js');
 require('@mantine/hooks');
-require('./index-f4bb7cce.js');
-require('./utils-b71ac373.js');
-require('./index-b6330b9e.js');
-var index$1 = require('./index-3704132e.js');
+require('./index-25e454cc.js');
+require('./utils-8e2c9c4e.js');
+require('./index-9cfa7b78.js');
+var index$1 = require('./index-55fafd15.js');
 var other = require('@hhgtech/icons/other');
-var context = require('./context-bdad1ef2.js');
-var index$4 = require('./index-3b48762e.js');
+var context = require('./context-b98917f7.js');
+var index$4 = require('./index-93ff1603.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-a3803623.js → index-90f9f174.js}

@@ -1,29 +1,29 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-4a4f36be.js');
+var index$1 = require('./index-683b4e0b.js');
 var dayjs = require('dayjs');
-require('./index-3b48762e.js');
-require('./index-1e102a84.js');
+require('./index-93ff1603.js');
+require('./index-12fc279c.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-3c2eb017.js');
-require('./index-97a0955a.js');
-require('./index-f4bb7cce.js');
-var index$2 = require('./index-7b10b46f.js');
-require('./index-a5d305cb.js');
-require('./index-f94c65cc.js');
-require('./index.styles-a186d6cc.js');
-require('./translationsContext-282b973e.js');
+require('./index-071cafac.js');
+require('./index-2f362ae1.js');
+require('./index-25e454cc.js');
+var index$2 = require('./index-5e0d4676.js');
+require('./index-a8ccc680.js');
+require('./index-2fe79f99.js');
+require('./index.styles-3fec8763.js');
+require('./translationsContext-2d978cb9.js');
 require('@mantine/hooks');
-var utils = require('./utils-b71ac373.js');
-require('./index-b6330b9e.js');
-var index = require('./index-9ac3024d.js');
+var utils = require('./utils-8e2c9c4e.js');
+require('./index-9cfa7b78.js');
+var index = require('./index-352c51f2.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var index$4 = require('./index-bc74f6ba.js');
-var index$3 = require('./index-a588eb7c.js');
+var index$4 = require('./index-e9c91c01.js');
+var index$3 = require('./index-29827e5f.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-3b48762e.js → index-93ff1603.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var locale = require('date-fns/locale');
-require('./index-3c2eb017.js');
+require('./index-071cafac.js');
 var constantsSite = require('./constantsSite.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsRiskScreener = require('./constantsRiskScreener.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var Locale = require('./Locale-d4154905.js');
+var Locale = require('./Locale-1c560b45.js');
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;