@hhgtech/hhg-components 1.29.520-beta-4 → 1.29.520-beta-6

package/build/esm/{index-7b522e69.js → index-2e2f6143.js}

@@ -1,21 +1,21 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-328055e7.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a0abd973.js';
 import * as React from 'react';
 import React__default, { useMemo, useEffect, useRef, useContext, useState } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-0ab428a6.js';
-import { A as Avatar } from './index-b079f563.js';
-import { B as Button } from './index-25dca69e.js';
-import { T as Text } from './index-e42137b9.js';
-import { u as useTranslations } from './index-8b474730.js';
-import { C as CommonGAssets } from './index-47aac4d1.js';
+import { S as Spinner } from './Spinner-5bcaa7eb.js';
+import { A as Avatar } from './index-90513df8.js';
+import { B as Button } from './index-94b8185f.js';
+import { T as Text } from './index-427bb41a.js';
+import { u as useTranslations } from './index-9acf0748.js';
+import { C as CommonGAssets } from './index-0891b5cc.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-cf0c7656.js';
+import { M as MediaQueries } from './utils-75dac26e.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import classNames from 'classnames';
-import { C as CARE_LOCALES, d as CARE_BOOKING_LOCALES, c as LOCALE_HAS_COMMUNITY_SITE, E as ECOM_LOCALES, V as VIDEO_LOCALES, H as HAS_CLINITY_DOWNLOAD_SITE, e as LOCALE_HAS_CART_CARE_SITE } from './index-0a0f297e.js';
-import { d as domainLocalesMarryBaby } from './utils-3ed7d164.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-2bc4efa6.js';
+import { C as CARE_LOCALES, d as CARE_BOOKING_LOCALES, c as LOCALE_HAS_COMMUNITY_SITE, E as ECOM_LOCALES, V as VIDEO_LOCALES, H as HAS_CLINITY_DOWNLOAD_SITE, e as LOCALE_HAS_CART_CARE_SITE } from './index-6cbaadf6.js';
+import { d as domainLocalesMarryBaby } from './utils-24227673.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-78f3f786.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';

package/build/esm/{index-e1059d45.js → index-2f5d567b.js}

@@ -2,13 +2,13 @@ import * as React from 'react';
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-9beaad62.js';
-import { T as Text } from './index-e42137b9.js';
-import { _ as __rest } from './tslib.es6-328055e7.js';
+import { I as ImageWrap } from './index-391aa9a0.js';
+import { T as Text } from './index-427bb41a.js';
+import { _ as __rest } from './tslib.es6-a0abd973.js';
 import { clsx, Modal } from '@mantine/core';
-import { D as DrawerComponent, u as useDrawerDrag } from './index-a7fb9f13.js';
+import { D as DrawerComponent, u as useDrawerDrag } from './index-8428afa9.js';
 import { Drawer } from 'vaul';
-import { Z as ZINDEX_SSO } from './index-0a0f297e.js';
+import { Z as ZINDEX_SSO } from './index-6cbaadf6.js';
 
 /* eslint-disable prettier/prettier */
 const Pin3 = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 12 12", fill: "none" }, props),

package/build/esm/{index-0f12f664.js → index-31038dbd.js}

@@ -3,24 +3,24 @@ import { CrossLogo, ShieldCheck } from '@hhgtech/icons/other';
 import { createStyles, Box, Flex, Button as Button$1, rem } from '@mantine/core';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { u as useTranslations } from './index-8b474730.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-cf0c7656.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-f10abdf2.js';
-import { I as Icon } from './index-5dc45873.js';
-import { _ as __rest } from './tslib.es6-328055e7.js';
-import { U as UserAvatar } from './index-f12f7fbb.js';
-import { I as ImageWrap, u as useScreenSize } from './index-9beaad62.js';
-import './index-0a0f297e.js';
-import { C as CommonGAssets } from './index-47aac4d1.js';
-import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-3ed7d164.js';
-import { B as Button } from './index-afdcffd4.js';
-import { T as Text } from './index-e42137b9.js';
+import { u as useTranslations } from './index-9acf0748.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-75dac26e.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-7975aa95.js';
+import { I as Icon } from './index-9b96dae1.js';
+import { _ as __rest } from './tslib.es6-a0abd973.js';
+import { U as UserAvatar } from './index-15d631df.js';
+import { I as ImageWrap, u as useScreenSize } from './index-391aa9a0.js';
+import './index-6cbaadf6.js';
+import { C as CommonGAssets } from './index-0891b5cc.js';
+import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-24227673.js';
+import { B as Button } from './index-ea4c0fa6.js';
+import { T as Text } from './index-427bb41a.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
 import { CARE_PATHS, DISCOVER_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-0d6e7d71.js';
-import { H as Heading } from './index-7ccf4fd2.js';
-import { M as Modal } from './index-563e8e06.js';
+import { L as Loading } from './index-acb1863a.js';
+import { H as Heading } from './index-3a87e834.js';
+import { M as Modal } from './index-041e9eaa.js';
 import { domainLocales as domainLocales$1 } from './constantsDomainLocales.js';
 
 var styles$2 = {"row":"dZWeHns","flex":"_8z2nszB","mainTxt":"tMiOKib","subTxt":"uDcqD-2","subTxtRow":"pDlsows","subDivider":"m-HVXw1"};
@@ -911,7 +911,7 @@ const _CardAuthor = (props) => {
     useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                import('./index-8c15a6e9.js').then((module) => {
+                import('./index-9c0f4180.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-5e910075.js → index-31da97a7.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-3d5ad74a.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-0a0f297e.js';
-import { N as NodeIntentType } from './index-ddd3cebd.js';
+import { c as cookie } from './index-2551ac69.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-6cbaadf6.js';
+import { N as NodeIntentType } from './index-b3e0fb04.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-f09f8a50.js → index-36aededa.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-328055e7.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-a0abd973.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-715c777b.js';
-import { u as useTranslations } from './index-8b474730.js';
+import { D as Dropdown } from './index-b3a7aa9c.js';
+import { u as useTranslations } from './index-9acf0748.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-b079f563.js';
+import { I as Input$1 } from './index-90513df8.js';
 import { useMantineTheme, SegmentedControl, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-0a0f297e.js';
-import './index-ddd3cebd.js';
-import './index-47aac4d1.js';
-import './index-37c90dab.js';
-import { T as Text } from './index-e42137b9.js';
-import { B as Button } from './index-25dca69e.js';
-import './index-1b496b46.js';
-import './index.styles-62adc776.js';
+import './index-6cbaadf6.js';
+import './index-b3e0fb04.js';
+import './index-0891b5cc.js';
+import './index-b976e03f.js';
+import { T as Text } from './index-427bb41a.js';
+import { B as Button } from './index-94b8185f.js';
+import './index-a8b5a5ad.js';
+import './index.styles-ae5f6bc4.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-cf0c7656.js';
-import './index-1f3e604b.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-13a2a6e6.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-3ed7d164.js';
+import { M as MediaQueries } from './utils-75dac26e.js';
+import './index-670e98eb.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-4c6da7ba.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-24227673.js';
 import styled from '@emotion/styled';
-import { a as formatPost, f as formatCommunity, c as formatTopic } from './dataTransform-2807acba.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-0377cad7.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-68169a78.js';
-import { C as CardAuthor } from './index-0f12f664.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-f36778fd.js';
-import { I as Input } from './index-8d0966bb.js';
+import { a as formatPost, f as formatCommunity, c as formatTopic } from './dataTransform-4ea3d741.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-eb993a48.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-50901ace.js';
+import { C as CardAuthor } from './index-31038dbd.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-a5f12817.js';
+import { I as Input } from './index-a3b8d4cc.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-8027c256.js';
-import { C as CardLink } from './index-dd016769.js';
-import { B as BtnChoice } from './index-0d4ef71d.js';
-import { L as LOCALE } from './Locale-f989c5f7.js';
+import { L as Loading } from './index-2b538271.js';
+import { C as CardLink } from './index-7bacc26a.js';
+import { B as BtnChoice } from './index-6f2e94af.js';
+import { L as LOCALE } from './Locale-d48482fc.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-0d6e7d71.js';
-import { b as IconArrowLeft } from './index-196386b9.js';
-import { B as Button$1 } from './index-afdcffd4.js';
+import { L as Loading$1 } from './index-acb1863a.js';
+import { b as IconArrowLeft } from './index-40c9bc49.js';
+import { B as Button$1 } from './index-ea4c0fa6.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-075ecc11.js';
-import { U as UserAvatar } from './index-f12f7fbb.js';
-import { P as PopoverMenu } from './index-492210d4.js';
+import { a as useUniqueId } from './useUniqueId-fe55762a.js';
+import { U as UserAvatar } from './index-15d631df.js';
+import { P as PopoverMenu } from './index-5bfebb90.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `

package/build/esm/{index-1ba9b690.js → index-38fccaed.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-328055e7.js';
+import { _ as __rest } from './tslib.es6-a0abd973.js';
 import React__default, { createContext, useContext } from 'react';
 import { clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-b079f563.js';
-import { D as DatePicker } from './index-5c1bc835.js';
-import { T as Text } from './index-e42137b9.js';
-import './index-25dca69e.js';
-import './index-1b496b46.js';
-import './index.styles-62adc776.js';
-import { u as useTranslations } from './index-8b474730.js';
+import './index-90513df8.js';
+import { D as DatePicker } from './index-3c964b90.js';
+import { T as Text } from './index-427bb41a.js';
+import './index-94b8185f.js';
+import './index-a8b5a5ad.js';
+import './index.styles-ae5f6bc4.js';
+import { u as useTranslations } from './index-9acf0748.js';
 import '@mantine/hooks';
-import './index-37c90dab.js';
-import './utils-cf0c7656.js';
-import './index-1f3e604b.js';
-import { C as CardWrapperContext } from './context-de5548c0.js';
-import { H as HealthToolFormWrapper } from './index-5ab4a467.js';
-import { G as GenderOptionControl } from './index-bb933a8d.js';
+import './index-b976e03f.js';
+import './utils-75dac26e.js';
+import './index-670e98eb.js';
+import { C as CardWrapperContext } from './context-3bccd273.js';
+import { H as HealthToolFormWrapper } from './index-ec848122.js';
+import { G as GenderOptionControl } from './index-10757c31.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-0b972d66.js → index-390ef88d.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-240a0052.js';
+import { u as useScrollbarSize } from './useScrollbarSize-aa359000.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-cf0c7656.js';
+import { M as MediaQueries } from './utils-75dac26e.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-9beaad62.js → index-391aa9a0.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-cf0c7656.js';
-import { _ as __rest } from './tslib.es6-328055e7.js';
+import { B as Breakpoints } from './utils-75dac26e.js';
+import { _ as __rest } from './tslib.es6-a0abd973.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {

package/build/esm/{index-7ccf4fd2.js → index-3a87e834.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-328055e7.js';
+import { _ as __rest } from './tslib.es6-a0abd973.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-e42137b9.js';
+import { T as Text } from './index-427bb41a.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-d8b7b0d6.js → index-3c41e938.js}

@@ -1,54 +1,54 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-328055e7.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a0abd973.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-35360286.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-0a0f297e.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-2bc4efa6.js';
-import { f as formatCommunity, a as formatPost } from './dataTransform-2807acba.js';
+import React__default, { useContext, useState, useCallback, useMemo, useEffect, useRef } from 'react';
+import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-269ef268.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-6cbaadf6.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-78f3f786.js';
+import { f as formatCommunity, a as formatPost } from './dataTransform-4ea3d741.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-d31af94e.js';
-import { L as LOCALE } from './Locale-f989c5f7.js';
+import { I as Input, D as DEBOUNCED_TIME } from './index-90513df8.js';
+import './translationsContext-e718046f.js';
+import { L as LOCALE } from './Locale-d48482fc.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
-import { I as Input } from './index-b079f563.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-7b522e69.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-2e2f6143.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-30209d9e.js';
+import { L as Logo$1 } from './index-17b8dbc9.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { V as VideoType } from './index-ddd3cebd.js';
-import { C as CommonGAssets } from './index-47aac4d1.js';
-import './index-37c90dab.js';
-import { T as Text } from './index-e42137b9.js';
-import { B as Button } from './index-25dca69e.js';
-import './index-1b496b46.js';
-import './index.styles-62adc776.js';
+import { V as VideoType } from './index-b3e0fb04.js';
+import { C as CommonGAssets } from './index-0891b5cc.js';
+import './index-b976e03f.js';
+import { T as Text } from './index-427bb41a.js';
+import { B as Button } from './index-94b8185f.js';
+import './index-a8b5a5ad.js';
+import './index.styles-ae5f6bc4.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-cf0c7656.js';
-import './index-1f3e604b.js';
-import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-03fc4c74.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-1d924088.js';
-import { L as LOCALISED_SLUGS$1 } from './constants-0377cad7.js';
-import { I as Indicator$1 } from './index-ee76980e.js';
-import { u as useTranslations } from './index-8b474730.js';
-import { u as useIsInit, a as useCartCareService } from './useCartCareService-356013cd.js';
-import { L as LOCALIZED_SLUGS } from './constants-bc03c709.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-75dac26e.js';
+import './index-670e98eb.js';
+import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-ac399363.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-76d0e816.js';
+import { L as LOCALISED_SLUGS$1 } from './constants-eb993a48.js';
+import { I as Indicator$1 } from './index-c5b35262.js';
+import { u as useTranslations } from './index-9acf0748.js';
+import { u as useIsInit, a as useCartCareService } from './useCartCareService-626ebf49.js';
+import { L as LOCALIZED_SLUGS } from './constants-09fb76fe.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-afdcffd4.js';
-import { H as Heading } from './index-7ccf4fd2.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-9603b63e.js';
-import { C as Container } from './index-06e7893a.js';
+import { B as Button$1 } from './index-ea4c0fa6.js';
+import { H as Heading } from './index-3a87e834.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-5805f59d.js';
+import { C as Container } from './index-5d7e8dee.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-f12f7fbb.js';
+import { U as UserAvatar } from './index-15d631df.js';
 import get from 'lodash/get';
 import isEmpty from 'lodash/isEmpty';
-import { C as CartCareButton } from './index-953b081f.js';
+import { C as CartCareButton } from './index-49c45e2d.js';
 import debounce from 'lodash/debounce';
 import { domainLocales } from './constantsDomainLocales.js';
-import { g as getDataWithCache } from './core-cc3cb1d5.js';
+import { g as getDataWithCache } from './core-783b4d28.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),
@@ -121,6 +121,12 @@ const StyleSearchInputAnimationWrapper = styled.div `
   & > * {
     pointer-events: none;
   }
+  &[hidden='true'] {
+    display: none;
+  }
+  &[hidden='false'] {
+    display: block;
+  }
 `;
 const textRevealAnimation = keyframes `
   0% {
@@ -176,6 +182,7 @@ const HHG_SEARCH_BACK_KEY = 'hhg_search_history';
 const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, isRedirectSearchPage = false, }) => {
     const { locale, siteType, isWinCashBackTheme: winCashBackTheme, } = useContext(NavigationContext);
     const [keyword, setKeyword] = useState('');
+    const [isFocused, setIsFocused] = useState(false);
     const [eventCategoryTracking, setEventCategoryTracking] = useState('Search From Another Page');
     const [currentTextIndex, setCurrentTextIndex] = useState(0);
     const { t } = useTranslations();
@@ -199,6 +206,11 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
         searchParams.delete('page');
         window.location.href = `/search/?${searchParams.toString()}`;
     }, [projectType]);
+    const debouncedTime = useMemo(() => {
+        return ALLOW_SHOW_SEARCH_ANIMATION.includes(locale)
+            ? 0
+            : DEBOUNCED_TIME;
+    }, [locale]);
     const goBack = useCallback(() => {
         const historyBackUrl = localStorage.getItem(HHG_SEARCH_BACK_KEY);
         if (!historyBackUrl) {
@@ -234,9 +246,9 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
         else {
             setCurrentTextIndex(0);
         }
-    }, [keyword, locale]);
+    }, [keyword, locale, isFocused]);
     const getPlaceholder = useMemo(() => {
-        if (ALLOW_SHOW_SEARCH_ANIMATION.includes(locale)) {
+        if (ALLOW_SHOW_SEARCH_ANIMATION.includes(locale) && !isFocused) {
             return undefined;
         }
         if (siteType === 'marryBaby') {
@@ -247,7 +259,7 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
                 ? LOCALE_SPECS[locale || 'en-PH'].SITE_NAME
                 : '',
         });
-    }, [locale, siteType, t]);
+    }, [locale, siteType, t, isFocused]);
     return isMobile && !isHomepage ? (React__default.createElement(Button, { variant: "tertiary", style: {
             padding: '6px',
         }, size: "sm", onClick: goBack },
@@ -255,14 +267,16 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
                 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(StyleSearchInputWrapper, null,
-        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: getPlaceholder, onChange: setKeyword, value: keyword, onKeyDown: (e) => e.key === 'Enter' &&
+        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: getPlaceholder, onChange: setKeyword, debouncedTime: debouncedTime, value: keyword, onKeyDown: (e) => e.key === 'Enter' &&
                 goToSearchPage(e.target.value), onBlur: () => {
+                setIsFocused(false);
                 setCurrentTextIndex(0);
             }, type: "search", onFocus: (e) => {
                 e.preventDefault();
                 if ((isMobile && isHomepage) || isRedirectSearchPage) {
                     goToSearchPage('');
                 }
+                setIsFocused(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) {
@@ -273,7 +287,9 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
                         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 && ALLOW_SHOW_SEARCH_ANIMATION.includes(locale) && (React__default.createElement(StyleSearchInputAnimationWrapper, { id: "search-input-animation-wrapper", "data-search-animation-wrapper": true }, (() => {
+        !keyword &&
+            ALLOW_SHOW_SEARCH_ANIMATION.includes(locale) &&
+            !isFocused && (React__default.createElement(StyleSearchInputAnimationWrapper, { id: "search-input-animation-wrapper", "data-search-animation-wrapper": true }, (() => {
             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}` },

package/build/esm/{index-5c1bc835.js → index-3c964b90.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-328055e7.js';
+import { _ as __rest } from './tslib.es6-a0abd973.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-0a0f297e.js';
-import './index-ddd3cebd.js';
-import { C as CommonGAssets } from './index-47aac4d1.js';
-import { M as MAPPED_LOCALE } from './index-37c90dab.js';
-import { L as LOCALE } from './Locale-f989c5f7.js';
+import { I as ISO_FORMAT } from './index-6cbaadf6.js';
+import './index-b3e0fb04.js';
+import { C as CommonGAssets } from './index-0891b5cc.js';
+import { M as MAPPED_LOCALE } from './index-b976e03f.js';
+import { L as LOCALE } from './Locale-d48482fc.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-196386b9.js → index-40c9bc49.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-7ccf4fd2.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-cf0c7656.js';
-import { u as useTranslations } from './index-8b474730.js';
-import { T as TogetherComponentGlobalContext } from './utils-3ed7d164.js';
+import { H as Heading } from './index-3a87e834.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-75dac26e.js';
+import { u as useTranslations } from './index-9acf0748.js';
+import { T as TogetherComponentGlobalContext } from './utils-24227673.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-e42137b9.js';
+import { T as Text } from './index-427bb41a.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-328055e7.js';
+import { _ as __rest } from './tslib.es6-a0abd973.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-e42137b9.js → index-427bb41a.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-328055e7.js';
+import { _ as __rest } from './tslib.es6-a0abd973.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Text as Text$1 } from '@mantine/core';
-import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-1b496b46.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-a8b5a5ad.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-953b081f.js → index-49c45e2d.js}

@@ -3,10 +3,10 @@ import React__default from 'react';
 import classNames from 'classnames';
 import styled from '@emotion/styled';
 import { Box } from '@mantine/core';
-import { M as MediaQueries } from './utils-cf0c7656.js';
+import { M as MediaQueries } from './utils-75dac26e.js';
 import { theme } from './miscTheme.js';
-import { u as useTranslations } from './index-8b474730.js';
-import { T as Text } from './index-e42137b9.js';
+import { u as useTranslations } from './index-9acf0748.js';
+import { T as Text } from './index-427bb41a.js';
 
 /* eslint-disable prettier/prettier */
 const ShoppingCartCare = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "none" }, props),

package/build/esm/{index-13a2a6e6.js → index-4c6da7ba.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-afdcffd4.js';
-import { H as Heading } from './index-7ccf4fd2.js';
-import { T as Text } from './index-e42137b9.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-cf0c7656.js';
+import { B as Button } from './index-ea4c0fa6.js';
+import { H as Heading } from './index-3a87e834.js';
+import { T as Text } from './index-427bb41a.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-75dac26e.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext } from './utils-3ed7d164.js';
+import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext } from './utils-24227673.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-328055e7.js';
-import { I as Input } from './index-8d0966bb.js';
-import { u as useTranslations } from './index-8b474730.js';
-import { e as formatComment } from './dataTransform-2807acba.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-0377cad7.js';
+import { a as __awaiter } from './tslib.es6-a0abd973.js';
+import { I as Input } from './index-a3b8d4cc.js';
+import { u as useTranslations } from './index-9acf0748.js';
+import { e as formatComment } from './dataTransform-4ea3d741.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-eb993a48.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-68169a78.js';
-import { C as CardLink } from './index-dd016769.js';
-import { L as Loading } from './index-0d6e7d71.js';
-import { U as UserAvatar } from './index-f12f7fbb.js';
-import { R as RichTextEditor } from './editor-f36778fd.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-50901ace.js';
+import { C as CardLink } from './index-7bacc26a.js';
+import { L as Loading } from './index-acb1863a.js';
+import { U as UserAvatar } from './index-15d631df.js';
+import { R as RichTextEditor } from './editor-a5f12817.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-2fb846ee.js';
-import { C as CloseIcon } from './index-196386b9.js';
+import { P as Popup } from './index-6890bd15.js';
+import { C as CloseIcon } from './index-40c9bc49.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/{index-61a4132c.js → index-5687c630.js}

@@ -1,25 +1,25 @@
 import * as React from 'react';
 import React__default, { useState, useMemo, useEffect, Fragment } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-cf0c7656.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-75dac26e.js';
 import { theme } from './miscTheme.js';
-import { _ as __rest } from './tslib.es6-328055e7.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-8d0966bb.js';
-import { I as Input } from './index-b079f563.js';
+import { _ as __rest } from './tslib.es6-a0abd973.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-a3b8d4cc.js';
+import { I as Input } from './index-90513df8.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-0a0f297e.js';
-import './index-ddd3cebd.js';
-import './index-47aac4d1.js';
-import './index-37c90dab.js';
-import './index-e42137b9.js';
-import './index-25dca69e.js';
-import './index-1b496b46.js';
-import './index.styles-62adc776.js';
-import './translationsContext-d31af94e.js';
+import './index-6cbaadf6.js';
+import './index-b3e0fb04.js';
+import './index-0891b5cc.js';
+import './index-b976e03f.js';
+import './index-427bb41a.js';
+import './index-94b8185f.js';
+import './index-a8b5a5ad.js';
+import './index.styles-ae5f6bc4.js';
+import './translationsContext-e718046f.js';
 import '@mantine/hooks';
-import './index-1f3e604b.js';
-import { C as Close } from './Close-6278438d.js';
+import './index-670e98eb.js';
+import { C as Close } from './Close-34286754.js';
 
 /* eslint-disable prettier/prettier */
 const Search2 = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 25", fill: "none" }, props),