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

package/build/esm/{index-6368ca7e.js → index-0ac4caa2.js}

@@ -1,51 +1,52 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-d63a5099.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-5783f31c.js';
 import * as React from 'react';
-import React__default, { useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
-import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-a95b65b6.js';
-import { L as LOCALE_SPECS, S as STATIC_PAGES, a as ZINDEX_HEADER, V as VIDEO_LOCALES, c as LOCALE_HAS_COMMUNITY_SITE, C as CARE_LOCALES } from './index-a2650814.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-c2f2b6ee.js';
-import { f as formatCommunity, a as formatPost } from './dataTransform-b5dae661.js';
+import React__default, { useContext, useState, useRef, useCallback, useEffect, useMemo } from 'react';
+import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-7df8cb45.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES, a as ZINDEX_HEADER, V as VIDEO_LOCALES, c as LOCALE_HAS_COMMUNITY_SITE, C as CARE_LOCALES } from './index-054d277e.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-ed56ea20.js';
+import { f as formatCommunity, a as formatPost } from './dataTransform-4a3ef423.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-71acff2a.js';
+import './translationsContext-8ec15bbd.js';
+import { L as LOCALE } from './Locale-7f0ffaa6.js';
+import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
-import { I as Input } from './index-fc13a125.js';
+import { I as Input } from './index-2edff612.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-6e3d6cc6.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-5253f17a.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx, Flex } from '@mantine/core';
-import { L as Logo$1 } from './index-dcdeb30b.js';
+import { L as Logo$1 } from './index-93990b92.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { V as VideoType } from './index-1fcc0821.js';
-import { C as CommonGAssets } from './index-f0040340.js';
-import './index-2c3a97d0.js';
-import { T as Text } from './index-385f306a.js';
-import { B as Button } from './index-d7b17319.js';
-import './index-18d8b4c6.js';
-import './index.styles-6d875177.js';
+import { V as VideoType } from './index-2c3cc0b9.js';
+import { C as CommonGAssets } from './index-c60f9f68.js';
+import './index-763abdb2.js';
+import { T as Text } from './index-d3f80f7b.js';
+import { B as Button } from './index-981ac148.js';
+import './index-af63b569.js';
+import './index.styles-43fcd132.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-4de5d8da.js';
-import './index-2cf5f9e3.js';
-import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-fe3a2ada.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-8a8b3a7d.js';
-import { L as LOCALISED_SLUGS$1 } from './constants-c55a438a.js';
-import { I as Indicator$1 } from './index-3580f7ef.js';
-import { u as useTranslations } from './index-50cddd13.js';
-import { u as useIsInit, a as useCartCareService } from './useCartCareService-2d185028.js';
-import { L as LOCALIZED_SLUGS } from './constants-7d1eafd1.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-1af8bca6.js';
+import './index-ff499f66.js';
+import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-3fab439c.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-589a7ea9.js';
+import { L as LOCALISED_SLUGS$1 } from './constants-21884e9f.js';
+import { I as Indicator$1 } from './index-ac98900b.js';
+import { u as useTranslations } from './index-4259d4af.js';
+import { u as useIsInit, a as useCartCareService } from './useCartCareService-c07393eb.js';
+import { L as LOCALIZED_SLUGS } from './constants-f097d8ee.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-51a9d466.js';
-import { H as Heading } from './index-2be74ca7.js';
-import { a as getCareSearchUrl, h as hexToRgb, r as rgbToHsb, b as hsbToRgb, Z as Z_INDEX, f as formatCategory, c as formatSpotlightsList, d as checkAvailableSpotlight, e as formatHealthTool, i as formatVideoItem, j as formatSpecialties, k as formatHospital } from './utils-ba8106d3.js';
-import { C as Container } from './index-c0b577ff.js';
+import { B as Button$1 } from './index-d54da429.js';
+import { H as Heading } from './index-1849397e.js';
+import { a as getCareSearchUrl, h as hexToRgb, r as rgbToHsb, b as hsbToRgb, Z as Z_INDEX, f as formatCategory, c as formatSpotlightsList, d as checkAvailableSpotlight, e as formatHealthTool, i as formatVideoItem, j as formatSpecialties, k as formatHospital } from './utils-0b03a1fe.js';
+import { C as Container } from './index-9084215e.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-c4f742cf.js';
-import { L as LOCALE } from './Locale-cceaa5a3.js';
-import { C as CartCareButton } from './index-156fa3c0.js';
+import { U as UserAvatar } from './index-aeb9ca35.js';
+import { C as CartCareButton } from './index-39d67c4c.js';
 import debounce from 'lodash/debounce';
 import { domainLocales } from './constantsDomainLocales.js';
-import { g as getDataWithCache } from './core-b080b107.js';
+import { g as getDataWithCache } from './core-d0b2df9e.js';
 
 /* eslint-disable prettier/prettier */
 const HamburgerWhite = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none" }, props),
@@ -58,7 +59,30 @@ const StarPair = (props) => (React.createElement("svg", Object.assign({ width: "
     React.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.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.Vietnam, LOCALE.Malaysia];
+const TEXT_PLACEHOLDER_INPUT = {
+    [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.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(Input) `
+  position: relative;
+  z-index: 0;
+
   .mantine-Input-input {
     border-radius: 40px;
     background: ${theme.colors.white};
@@ -85,6 +109,65 @@ const StyleInput = styled(Input) `
     justify-content: center;
     align-items: center;
   }
+`;
+const StyleSearchInputAnimationWrapper = styled.div `
+  pointer-events: none;
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+`;
+const textRevealAnimation = keyframes `
+  0% {
+    width: 100%;
+    opacity: 1;
+  }
+  100% {
+    width: 0;
+    opacity: 1;
+  }
+`;
+const StyledTextAnimationWrapper = styled.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.div `
+  position: relative;
+`;
+const StyledTextAnimation = styled.p `
+  font-size: 13px;
+  color: ${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: ${theme.colors.white};
+    animation: ${textRevealAnimation} ${TIME_ANIMATION_SEARCH_INPUT_DELAY}ms
+      linear forwards;
+  }
 `;
 
 const HHG_SEARCH_BACK_KEY = 'hhg_search_history';
@@ -92,7 +175,10 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
     const { locale, siteType, isWinCashBackTheme: winCashBackTheme, } = useContext(NavigationContext);
     const [keyword, setKeyword] = useState('');
     const [eventCategoryTracking, setEventCategoryTracking] = useState('Search From Another Page');
+    const [currentTextIndex, setCurrentTextIndex] = useState(0);
     const { t } = useTranslations();
+    const inputRef = useRef(null);
+    const [isInputFocused, setIsInputFocused] = useState(false);
     const goToSearchPage = useCallback((searchValue = '') => {
         let sourceParam = '';
         if (projectType === 'together') {
@@ -134,34 +220,82 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
             setKeyword(searchValue);
         }
     }, []);
+    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 = useMemo(() => {
+        if (isInputFocused) {
+            if (siteType === 'marryBaby') {
+                return t('navigation.search.input.placeholder');
+            }
+            return t('home.search', {
+                site: LOCALE_SPECS[locale || 'en-PH']
+                    ? 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: LOCALE_SPECS[locale || 'en-PH']
+                ? LOCALE_SPECS[locale || 'en-PH'].SITE_NAME
+                : '',
+        });
+    }, [locale, siteType, t, isInputFocused]);
     return isMobile && !isHomepage ? (React__default.createElement(Button, { variant: "tertiary", style: {
             padding: '6px',
         }, size: "sm", onClick: goBack },
         React__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__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__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: LOCALE_SPECS[locale || 'en-PH']
-                    ? 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__default.createElement("div", { className: "close-icon-wrapper", onClick: () => setKeyword(''), "data-event-category": "Search Page", "data-event-action": "Delete Search" },
-            React__default.createElement(Close, { size: 17, color: theme.colors.white }))) : winCashBackTheme ? (React__default.createElement(StarPair, { className: "star-pair-icon" })) : (''), icon: React__default.createElement("a", { "data-event-category": "Search Button", "data-event-action": "Click", className: "search-icon-btn", onClick: () => {
+            React__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__default.createElement(StyleSearchInputWrapper, null,
+        React__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__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__default.createElement("div", { className: "close-icon-wrapper", onClick: () => setKeyword(''), "data-event-category": "Search Page", "data-event-action": "Delete Search" },
+                React__default.createElement(Close, { size: 17, color: theme.colors.white }))) : winCashBackTheme ? (React__default.createElement(StarPair, { className: "star-pair-icon" })) : (''), icon: React__default.createElement("a", { "data-event-category": "Search Button", "data-event-action": "Click", className: "search-icon-btn", onClick: () => {
+                    if ((isMobile && isHomepage) || isRedirectSearchPage) {
+                        goToSearchPage('');
+                    }
                 } },
-                React__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__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__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__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__default.createElement(StyledTextAnimationWrapper, { key: `${currentText}-${currentTextIndex}` },
+                    React__default.createElement(StyledTextAnimation, null, t(currentText)))) : null;
+            })()))));
 };
 
 const getEcomUrl = ({ path, locale, }) => {

package/build/esm/{index-35e12efa.js → index-16b4efbd.js}

@@ -1,22 +1,22 @@
-import { _ as __rest } from './tslib.es6-d63a5099.js';
+import { _ as __rest } from './tslib.es6-5783f31c.js';
 import React__default, { useContext } from 'react';
 import { createStyles, rem, Box, clsx } from '@mantine/core';
-import './index-fc13a125.js';
+import './index-2edff612.js';
 import '@mantine/dates';
-import './index-a2650814.js';
-import './index-1fcc0821.js';
-import './index-f0040340.js';
-import './index-2c3a97d0.js';
-import { T as Text } from './index-385f306a.js';
-import { B as Button } from './index-d7b17319.js';
-import './index-18d8b4c6.js';
-import './index.styles-6d875177.js';
-import { u as useTranslations } from './index-50cddd13.js';
+import './index-054d277e.js';
+import './index-2c3cc0b9.js';
+import './index-c60f9f68.js';
+import './index-763abdb2.js';
+import { T as Text } from './index-d3f80f7b.js';
+import { B as Button } from './index-981ac148.js';
+import './index-af63b569.js';
+import './index.styles-43fcd132.js';
+import { u as useTranslations } from './index-4259d4af.js';
 import '@mantine/hooks';
-import './utils-4de5d8da.js';
-import './index-2cf5f9e3.js';
-import { C as CardWrapperContext } from './context-070239d8.js';
-import { H as HealthToolFormWrapper } from './index-674bec10.js';
+import './utils-1af8bca6.js';
+import './index-ff499f66.js';
+import { C as CardWrapperContext } from './context-03b49f07.js';
+import { H as HealthToolFormWrapper } from './index-53b9fd85.js';
 
 var useStyles = createStyles((theme, { hasOnClickFn }) => {
     return {

package/build/esm/{index-2be74ca7.js → index-1849397e.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-d63a5099.js';
+import { _ as __rest } from './tslib.es6-5783f31c.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-385f306a.js';
+import { T as Text } from './index-d3f80f7b.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-0a7f29df.js → index-21a0704f.js}

@@ -1,34 +1,34 @@
 import * as React from 'react';
 import React__default, { useMemo, useState, useEffect, useRef, createContext, useContext } from 'react';
-import { u as useTranslations } from './index-50cddd13.js';
+import { u as useTranslations } from './index-4259d4af.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-f0040340.js';
-import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-c2f2b6ee.js';
+import { C as CommonGAssets } from './index-c60f9f68.js';
+import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-ed56ea20.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-f57e121d.js';
-import { g as getTogetherUserPostsApiPath } from './utils-ba8106d3.js';
-import { B as Button } from './index-51a9d466.js';
-import { w as workingDays } from './types-068cda5b.js';
+import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-f41da405.js';
+import { g as getTogetherUserPostsApiPath } from './utils-0b03a1fe.js';
+import { B as Button } from './index-d54da429.js';
+import { w as workingDays } from './types-e0556857.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-4de5d8da.js';
+import { M as MediaQueries } from './utils-1af8bca6.js';
 import { rem, clsx, Flex, Box } from '@mantine/core';
 import { LoadScript, GoogleMap, Marker } from '@react-google-maps/api';
 import classNames from 'classnames';
-import { b as basePath, Z as ZINDEX_SSO } from './index-a2650814.js';
-import { L as LOCALISED_SLUGS } from './constants-c55a438a.js';
-import { T as Text } from './index-9473ab0e.js';
-import { f as formatPhoneNumber } from './localizeNumberFormat-84b7f721.js';
-import { a as __awaiter } from './tslib.es6-d63a5099.js';
+import { b as basePath, Z as ZINDEX_SSO } from './index-054d277e.js';
+import { L as LOCALISED_SLUGS } from './constants-21884e9f.js';
+import { T as Text } from './index-4ae78c08.js';
+import { f as formatPhoneNumber } from './localizeNumberFormat-dd966247.js';
+import { a as __awaiter } from './tslib.es6-5783f31c.js';
 import { useDisclosure } from '@mantine/hooks';
-import { u as useTextStyles, T as TextField } from './index-675f29d7.js';
+import { u as useTextStyles, T as TextField } from './index-b227293d.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
-import { P as Phone, I as Input, E as ErrorIcon } from './index-fc13a125.js';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-18d8b4c6.js';
-import { B as Button$1 } from './index-d7b17319.js';
-import { M as MAPPED_LOCALE } from './index-2c3a97d0.js';
-import { T as Text$1 } from './index-385f306a.js';
-import { I as ImageWrap } from './index-c5e53b1c.js';
-import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-6d3b02e7.js';
+import { P as Phone, I as Input, E as ErrorIcon } from './index-2edff612.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-af63b569.js';
+import { B as Button$1 } from './index-981ac148.js';
+import { M as MAPPED_LOCALE } from './index-763abdb2.js';
+import { T as Text$1 } from './index-d3f80f7b.js';
+import { I as ImageWrap } from './index-bd9a7713.js';
+import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-84d8f342.js';
 
 /* eslint-disable prettier/prettier */
 const Check = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 81 80", fill: "none" }, props),

package/build/esm/{index-0e0be57f.js → index-24b3328b.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-d63a5099.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-5783f31c.js';
 import React__default, { useState, useRef, useEffect, useCallback, useContext, useMemo } from 'react';
 import { Info, Ask } from '@hhgtech/icons/other';
-import { D as Dropdown } from './index-561cfc2b.js';
-import { u as useTranslations } from './index-50cddd13.js';
+import { D as Dropdown } from './index-02e97952.js';
+import { u as useTranslations } from './index-4259d4af.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-fc13a125.js';
+import { I as Input$1 } from './index-2edff612.js';
 import { useMantineTheme, SegmentedControl, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-a2650814.js';
-import './index-1fcc0821.js';
-import './index-f0040340.js';
-import './index-2c3a97d0.js';
-import { T as Text } from './index-385f306a.js';
-import { B as Button } from './index-d7b17319.js';
-import './index-18d8b4c6.js';
-import './index.styles-6d875177.js';
+import './index-054d277e.js';
+import './index-2c3cc0b9.js';
+import './index-c60f9f68.js';
+import './index-763abdb2.js';
+import { T as Text } from './index-d3f80f7b.js';
+import { B as Button } from './index-981ac148.js';
+import './index-af63b569.js';
+import './index.styles-43fcd132.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-4de5d8da.js';
-import './index-2cf5f9e3.js';
-import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-42a0ac11.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-358b6ca5.js';
+import { M as MediaQueries } from './utils-1af8bca6.js';
+import './index-ff499f66.js';
+import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-e86ce076.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-9f2935b0.js';
 import styled from '@emotion/styled';
-import { a as formatPost, f as formatCommunity, c as formatTopic } from './dataTransform-b5dae661.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-c55a438a.js';
-import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-1cd0d39b.js';
-import { C as CardAuthor } from './index-6353d6c1.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-91d72cf8.js';
-import { I as Input } from './index-4a0ae2c2.js';
+import { a as formatPost, f as formatCommunity, c as formatTopic } from './dataTransform-4a3ef423.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-21884e9f.js';
+import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-7e789e25.js';
+import { C as CardAuthor } from './index-f10557d2.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-7ef2a18c.js';
+import { I as Input } from './index-7c4ab57f.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-9a21be20.js';
-import { C as CardLink } from './index-c8bb73fe.js';
-import { B as BtnChoice } from './index-44865735.js';
-import { L as LOCALE } from './Locale-cceaa5a3.js';
+import { L as Loading } from './index-7885e8e1.js';
+import { C as CardLink } from './index-6162a8ac.js';
+import { B as BtnChoice } from './index-58fbab14.js';
+import { L as LOCALE } from './Locale-7f0ffaa6.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-8c56f2ad.js';
-import { b as IconArrowLeft } from './index-8c7919b2.js';
-import { B as Button$1 } from './index-51a9d466.js';
+import { L as Loading$1 } from './index-d452088d.js';
+import { b as IconArrowLeft } from './index-00dad994.js';
+import { B as Button$1 } from './index-d54da429.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-ddce8ac3.js';
-import { U as UserAvatar } from './index-c4f742cf.js';
-import { P as PopoverMenu } from './index-b14dffcd.js';
+import { a as useUniqueId } from './useUniqueId-64dfb6aa.js';
+import { U as UserAvatar } from './index-aeb9ca35.js';
+import { P as PopoverMenu } from './index-8e154dce.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `

package/build/esm/{index-79d674e3.js → index-294aecc7.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-d63a5099.js';
+import { _ as __rest } from './tslib.es6-5783f31c.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-a2650814.js';
-import './index-1fcc0821.js';
-import { C as CommonGAssets } from './index-f0040340.js';
-import { M as MAPPED_LOCALE } from './index-2c3a97d0.js';
-import { L as LOCALE } from './Locale-cceaa5a3.js';
+import { I as ISO_FORMAT } from './index-054d277e.js';
+import './index-2c3cc0b9.js';
+import { C as CommonGAssets } from './index-c60f9f68.js';
+import { M as MAPPED_LOCALE } from './index-763abdb2.js';
+import { L as LOCALE } from './Locale-7f0ffaa6.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-30a42769.js → index-2b8cad9f.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-d63a5099.js';
+import { _ as __rest } from './tslib.es6-5783f31c.js';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-1fcc0821.js → index-2c3cc0b9.js}

@@ -1,4 +1,4 @@
-import { L as LOCALE } from './Locale-cceaa5a3.js';
+import { L as LOCALE } from './Locale-7f0ffaa6.js';
 
 var Gender;
 (function (Gender) {

package/build/esm/{index-fc13a125.js → index-2edff612.js}

@@ -1,25 +1,25 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-d63a5099.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-5783f31c.js';
 import * as React from 'react';
 import React__default, { forwardRef, Component, useState, useCallback, useEffect, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown } from '@hhgtech/icons/other';
 import { createStyles, rem, Autocomplete, Image, ActionIcon, Select as Select$1, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, Flex, clsx, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Popover as Popover$1, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useClickOutside, useViewportSize, useResizeObserver, useDisclosure } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-f0040340.js';
-import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-18d8b4c6.js';
-import { u as useScreenSize, I as ImageWrap } from './index-c5e53b1c.js';
+import { C as CommonGAssets } from './index-c60f9f68.js';
+import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-af63b569.js';
+import { u as useScreenSize, I as ImageWrap } from './index-bd9a7713.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-385f306a.js';
-import { t as themeColors } from './index-2c3a97d0.js';
+import { T as Text } from './index-d3f80f7b.js';
+import { t as themeColors } from './index-763abdb2.js';
 import { theme } from './miscTheme.js';
-import { A as ANIMATION_DURATION } from './shared-e383bb12.js';
+import { A as ANIMATION_DURATION } from './shared-cad4bb31.js';
 import classNames from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-ddce8ac3.js';
+import { a as useUniqueId } from './useUniqueId-64dfb6aa.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-d7b17319.js';
+import { B as Button } from './index-981ac148.js';
 
 var useStyles$4 = createStyles((theme, { variantStyle }) => {
     const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;

package/build/esm/{index-313d8389.js → index-2fd7feaf.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-d63a5099.js';
+import { _ as __rest } from './tslib.es6-5783f31c.js';
 import React__default, { createContext, useContext, useMemo } from 'react';
 import { useMantineTheme, clsx } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-bff81ca2.js';
-import { u as useTranslations } from './index-50cddd13.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-c55a438a.js';
-import { I as Input } from './index-fc13a125.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-a29b8537.js';
+import { u as useTranslations } from './index-4259d4af.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-21884e9f.js';
+import { I as Input } from './index-2edff612.js';
 import '@mantine/dates';
-import './index-a2650814.js';
-import './index-1fcc0821.js';
-import './index-f0040340.js';
-import './index-2c3a97d0.js';
-import { T as Text } from './index-385f306a.js';
-import './index-d7b17319.js';
-import './index-18d8b4c6.js';
-import './index.styles-6d875177.js';
+import './index-054d277e.js';
+import './index-2c3cc0b9.js';
+import './index-c60f9f68.js';
+import './index-763abdb2.js';
+import { T as Text } from './index-d3f80f7b.js';
+import './index-981ac148.js';
+import './index-af63b569.js';
+import './index.styles-43fcd132.js';
 import '@mantine/hooks';
-import './utils-4de5d8da.js';
-import './index-2cf5f9e3.js';
-import { C as CardWrapperContext } from './context-070239d8.js';
-import { H as HealthToolFormWrapper } from './index-674bec10.js';
-import { I as INPUT_RANGE } from './constants-8052cdab.js';
+import './utils-1af8bca6.js';
+import './index-ff499f66.js';
+import { C as CardWrapperContext } from './context-03b49f07.js';
+import { H as HealthToolFormWrapper } from './index-53b9fd85.js';
+import { I as INPUT_RANGE } from './constants-cf12942c.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});