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

package/build/esm/{index-fb3c3048.js → index-9f3d3dba.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-4fa7a570.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-328055e7.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { I as Input, S as Select } from './index-c18b2912.js';
+import { I as Input, S as Select } from './index-b079f563.js';
 import '@mantine/dates';
-import { g as CDN_ADDRESS } from './index-ce50231a.js';
-import './index-04f7f222.js';
-import './index-b4942359.js';
-import './index-6ff17c8b.js';
-import './index-577d3d36.js';
-import './index-bdb9aad7.js';
-import './index-df466602.js';
-import './index.styles-4a51f920.js';
-import { u as useTranslations } from './index-747fefad.js';
+import { g as CDN_ADDRESS } from './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 { u as useTranslations } from './index-8b474730.js';
 import '@mantine/hooks';
-import './utils-b585c5bc.js';
-import './index-fb1c2029.js';
-import { M as MAPPED_LOCALE } from './utils-40dca880.js';
-import { L as LOCALE } from './Locale-7ab03a8b.js';
+import './utils-cf0c7656.js';
+import './index-1f3e604b.js';
+import { M as MAPPED_LOCALE } from './utils-47d687bb.js';
+import { L as LOCALE } from './Locale-f989c5f7.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-21a2e743.js → index-a7fb9f13.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-4fa7a570.js';
+import { _ as __rest } from './tslib.es6-328055e7.js';
 import React__default, { useState, useCallback, useMemo, useEffect } from 'react';
 import { clsx } from '@mantine/core';
 import { Drawer } from 'vaul';
 import styled from '@emotion/styled';
-import { Z as ZINDEX_SSO } from './index-ce50231a.js';
+import { Z as ZINDEX_SSO } from './index-0a0f297e.js';
 
 const TIME_FOR_MOTION = 300;
 const useDrawerDrag = (motionDelay = TIME_FOR_MOTION) => {

package/build/esm/{index-df4cf9dd.js → index-a905f1e3.js}

@@ -1,24 +1,24 @@
-import { _ as __rest } from './tslib.es6-4fa7a570.js';
+import { _ as __rest } from './tslib.es6-328055e7.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme, clsx } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-c18b2912.js';
-import { D as DatePicker } from './index-ed60565b.js';
-import { T as Text } from './index-577d3d36.js';
-import './index-bdb9aad7.js';
+import { I as Input } from './index-b079f563.js';
+import { D as DatePicker } from './index-5c1bc835.js';
+import { T as Text } from './index-e42137b9.js';
+import './index-25dca69e.js';
 import { theme } from './miscTheme.js';
-import './index-df466602.js';
-import './index.styles-4a51f920.js';
-import { u as useTranslations } from './index-747fefad.js';
+import './index-1b496b46.js';
+import './index.styles-62adc776.js';
+import { u as useTranslations } from './index-8b474730.js';
 import '@mantine/hooks';
-import './index-6ff17c8b.js';
-import './utils-b585c5bc.js';
-import './index-fb1c2029.js';
-import { C as CardWrapperContext } from './context-196e8d23.js';
-import { I as INPUT_RANGE } from './constants-f8133a73.js';
-import { H as HealthToolFormWrapper } from './index-e5592123.js';
-import { G as GenderOptionControl } from './index-982a490c.js';
-import { L as LOCALE } from './Locale-7ab03a8b.js';
+import './index-37c90dab.js';
+import './utils-cf0c7656.js';
+import './index-1f3e604b.js';
+import { C as CardWrapperContext } from './context-de5548c0.js';
+import { I as INPUT_RANGE } from './constants-fbe15d96.js';
+import { H as HealthToolFormWrapper } from './index-5ab4a467.js';
+import { G as GenderOptionControl } from './index-bb933a8d.js';
+import { L as LOCALE } from './Locale-f989c5f7.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-2f431c66.js → index-ae9c20a6.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-4fa7a570.js';
+import { _ as __rest } from './tslib.es6-328055e7.js';
 import React__default from 'react';
 import { MantineProvider as MantineProvider$1 } from '@mantine/core';
-import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-6ff17c8b.js';
-import { C as CustomStylesType, T as TemplateProvider } from './index-df466602.js';
+import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-37c90dab.js';
+import { C as CustomStylesType, T as TemplateProvider } from './index-1b496b46.js';
 
 const MantineProvider = (_a) => {
     var { children, locale, template = 'hb', isNotifications = true, customStyleType = CustomStylesType.NONE } = _a, props = __rest(_a, ["children", "locale", "template", "isNotifications", "customStyleType"]);

package/build/esm/{index-246ca991.js → index-afdcffd4.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-4fa7a570.js';
+import { _ as __rest } from './tslib.es6-328055e7.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-bdb9aad7.js';
+import { B as Button$1 } from './index-25dca69e.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-c18b2912.js → index-b079f563.js}

@@ -1,25 +1,25 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-4fa7a570.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-328055e7.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-b4942359.js';
-import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-df466602.js';
-import { u as useScreenSize, I as ImageWrap } from './index-b8fdb9aa.js';
+import { C as CommonGAssets } from './index-47aac4d1.js';
+import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-1b496b46.js';
+import { u as useScreenSize, I as ImageWrap } from './index-9beaad62.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-577d3d36.js';
-import { t as themeColors } from './index-6ff17c8b.js';
+import { T as Text } from './index-e42137b9.js';
+import { t as themeColors } from './index-37c90dab.js';
 import { theme } from './miscTheme.js';
-import { A as ANIMATION_DURATION } from './shared-68f03bbd.js';
+import { A as ANIMATION_DURATION } from './shared-ac12075d.js';
 import classNames from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-0fb840ce.js';
+import { a as useUniqueId } from './useUniqueId-075ecc11.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-bdb9aad7.js';
+import { B as Button } from './index-25dca69e.js';
 
 var useStyles$4 = createStyles((theme, { variantStyle }) => {
     const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;

package/build/esm/{index-fba3ac5e.js → index-b1637105.js}

@@ -2,10 +2,10 @@ import * as React from 'react';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-f59ae445.js';
+import { T as Text } from './index-29f6bf95.js';
 import classNames from 'classnames';
-import { I as ImageWrap } from './index-b8fdb9aa.js';
-import { T as Text$1 } from './index-577d3d36.js';
+import { I as ImageWrap } from './index-9beaad62.js';
+import { T as Text$1 } from './index-e42137b9.js';
 
 /* eslint-disable prettier/prettier */
 const ArrowRightBlue = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 6 10", fill: "none" }, props),

package/build/esm/{index-b1eb2835.js → index-b44391ed.js}

@@ -1,34 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-4fa7a570.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-328055e7.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-246ca991.js';
-import { H as Heading } from './index-25bddc9f.js';
-import { u as useTranslations } from './index-747fefad.js';
+import { B as Button } from './index-afdcffd4.js';
+import { H as Heading } from './index-7ccf4fd2.js';
+import { u as useTranslations } from './index-8b474730.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-a8fa3e9a.js';
-import { C as CommonGAssets } from './index-b4942359.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-2655a9b2.js';
+import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-13a2a6e6.js';
+import { C as CommonGAssets } from './index-47aac4d1.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-0377cad7.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, e as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-11f44d33.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-13900b27.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, e as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-3ed7d164.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-cae84fd4.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-b585c5bc.js';
+import { M as MediaQueries } from './utils-cf0c7656.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-a6602361.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-2807acba.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-57b1d3d5.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-f80cc5e9.js';
-import { a as ProfileDetail, P as PostContent } from './index-5ce477ee.js';
-import { a as PostImagePreview } from './index-8a6b373f.js';
-import { S as SocialLinkPreview } from './index-944ed93f.js';
-import { D as Divider } from './index-1b00d21a.js';
-import './index-ce50231a.js';
+import { C as CardLink } from './index-dd016769.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-0f12f664.js';
+import { a as ProfileDetail, P as PostContent } from './index-450992b9.js';
+import { a as PostImagePreview } from './index-196386b9.js';
+import { S as SocialLinkPreview } from './index-f1e1561b.js';
+import { D as Divider } from './index-38a6958c.js';
+import './index-0a0f297e.js';
 import { Plus } from '@hhgtech/icons/core';
 import { ArrowRight, ArrowDown, Trash, Endorse } from '@hhgtech/icons/other';
 import { Accordion } from '@mantine/core';
-import { I as Input } from './index-18f46adc.js';
-import { T as Text } from './index-577d3d36.js';
-import { L as Loading } from './index-8f3c4a67.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-90779fdc.js';
+import { I as Input } from './index-8d0966bb.js';
+import { T as Text } from './index-e42137b9.js';
+import { L as Loading } from './index-0d6e7d71.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-2bc4efa6.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e";

package/build/esm/{index-982a490c.js → index-bb933a8d.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-4fa7a570.js';
+import { _ as __rest } from './tslib.es6-328055e7.js';
 import React__default, { useState, useRef, useMemo, useEffect } from 'react';
 import { BabyBoyMB, BabyGirlMB } from '@hhgtech/icons/other';
 import { createStyles, rem, Box, Flex } from '@mantine/core';
-import { R as Radio } from './index-c18b2912.js';
+import { R as Radio } from './index-b079f563.js';
 import '@mantine/dates';
-import './index-ce50231a.js';
-import './index-04f7f222.js';
-import { C as CommonGAssets } from './index-b4942359.js';
-import './index-6ff17c8b.js';
-import { T as Text } from './index-577d3d36.js';
-import './index-bdb9aad7.js';
-import './index-df466602.js';
-import './index.styles-4a51f920.js';
-import { u as useTranslations } from './index-747fefad.js';
+import './index-0a0f297e.js';
+import './index-ddd3cebd.js';
+import { C as CommonGAssets } from './index-47aac4d1.js';
+import './index-37c90dab.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 '@mantine/hooks';
-import './utils-b585c5bc.js';
-import './index-fb1c2029.js';
+import './utils-cf0c7656.js';
+import './index-1f3e604b.js';
 
 const sizeMap = {
     lg: {

package/build/esm/{index-d4d808e9.js → index-c2cc65b2.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-4fa7a570.js';
+import { _ as __rest } from './tslib.es6-328055e7.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-90496753.js';
-import { u as useTranslations } from './index-747fefad.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-2655a9b2.js';
-import { I as Input } from './index-c18b2912.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-65f446ca.js';
+import { u as useTranslations } from './index-8b474730.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-0377cad7.js';
+import { I as Input } from './index-b079f563.js';
 import '@mantine/dates';
-import './index-ce50231a.js';
-import './index-04f7f222.js';
-import './index-b4942359.js';
-import './index-6ff17c8b.js';
-import { T as Text } from './index-577d3d36.js';
-import './index-bdb9aad7.js';
-import './index-df466602.js';
-import './index.styles-4a51f920.js';
+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 './index-25dca69e.js';
+import './index-1b496b46.js';
+import './index.styles-62adc776.js';
 import '@mantine/hooks';
-import './utils-b585c5bc.js';
-import './index-fb1c2029.js';
-import { C as CardWrapperContext } from './context-196e8d23.js';
-import { H as HealthToolFormWrapper } from './index-e5592123.js';
-import { I as INPUT_RANGE } from './constants-f8133a73.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 { I as INPUT_RANGE } from './constants-fbe15d96.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

package/build/esm/{index-91277689.js → index-ca0238e7.js}

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

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

@@ -1,54 +1,54 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-4fa7a570.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-328055e7.js';
 import * as React from 'react';
-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-b9f00d90.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-ce50231a.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-90779fdc.js';
-import { f as formatCommunity, a as formatPost } from './dataTransform-a6602361.js';
+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 { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-d9b0a19a.js';
-import { L as LOCALE } from './Locale-7ab03a8b.js';
+import './translationsContext-d31af94e.js';
+import { L as LOCALE } from './Locale-f989c5f7.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
-import { I as Input } from './index-c18b2912.js';
+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-cd8b9e3a.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-7b522e69.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-3ee07cd0.js';
+import { L as Logo$1 } from './index-30209d9e.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { V as VideoType } from './index-04f7f222.js';
-import { C as CommonGAssets } from './index-b4942359.js';
-import './index-6ff17c8b.js';
-import { T as Text } from './index-577d3d36.js';
-import { B as Button } from './index-bdb9aad7.js';
-import './index-df466602.js';
-import './index.styles-4a51f920.js';
+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 '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-b585c5bc.js';
-import './index-fb1c2029.js';
-import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-25c8dfce.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-179a0f35.js';
-import { L as LOCALISED_SLUGS$1 } from './constants-2655a9b2.js';
-import { I as Indicator$1 } from './index-54b0c4f4.js';
-import { u as useTranslations } from './index-747fefad.js';
-import { u as useIsInit, a as useCartCareService } from './useCartCareService-35bcca15.js';
-import { L as LOCALIZED_SLUGS } from './constants-1405f75a.js';
+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 { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-246ca991.js';
-import { H as Heading } from './index-25bddc9f.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-ddb4f266.js';
-import { C as Container } from './index-644a982c.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 dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-f3491d0f.js';
+import { U as UserAvatar } from './index-f12f7fbb.js';
 import get from 'lodash/get';
 import isEmpty from 'lodash/isEmpty';
-import { C as CartCareButton } from './index-eb598302.js';
+import { C as CartCareButton } from './index-953b081f.js';
 import debounce from 'lodash/debounce';
 import { domainLocales } from './constantsDomainLocales.js';
-import { g as getDataWithCache } from './core-6069cc1b.js';
+import { g as getDataWithCache } from './core-cc3cb1d5.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),
@@ -113,19 +113,21 @@ const StyleInput = styled(Input) `
   }
 `;
 const StyleSearchInputAnimationWrapper = styled.div `
-  pointer-events: none;
   z-index: 1;
   width: 100%;
   height: 100%;
+  pointer-events: none;
+
+  & > * {
+    pointer-events: none;
+  }
 `;
 const textRevealAnimation = keyframes `
   0% {
-    width: 100%;
-    opacity: 1;
+    left: 0;
   }
   100% {
-    width: 0;
-    opacity: 1;
+    left: 100%;
   }
 `;
 const StyledTextAnimationWrapper = styled.div `
@@ -137,8 +139,6 @@ const StyledTextAnimationWrapper = styled.div `
   width: calc(
     100% - 42px - 42px
   ); // minus the left and right padding of the input
-
-  pointer-events: none;
 `;
 const StyleSearchInputWrapper = styled.div `
   position: relative;
@@ -150,18 +150,18 @@ const StyledTextAnimation = styled.p `
   letter-spacing: -0.3px;
   font-weight: 500;
   position: relative;
-  user-select: none;
 
   display: block;
   width: 100%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  user-select: none;
 
   &::before {
     position: absolute;
     top: 0;
-    right: 0;
+    left: 0;
     content: '';
     display: block;
     width: 100%;
@@ -179,8 +179,6 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
     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') {
@@ -238,16 +236,6 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
         }
     }, [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;
         }
@@ -259,7 +247,7 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
                 ? LOCALE_SPECS[locale || 'en-PH'].SITE_NAME
                 : '',
         });
-    }, [locale, siteType, t, isInputFocused]);
+    }, [locale, siteType, t]);
     return isMobile && !isHomepage ? (React__default.createElement(Button, { variant: "tertiary", style: {
             padding: '6px',
         }, size: "sm", onClick: goBack },
@@ -267,16 +255,14 @@ 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, { 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' &&
+        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' &&
                 goToSearchPage(e.target.value), onBlur: () => {
-                setIsInputFocused(false);
                 setCurrentTextIndex(0);
             }, type: "search", onFocus: (e) => {
                 e.preventDefault();
                 if ((isMobile && isHomepage) || isRedirectSearchPage) {
                     goToSearchPage('');
                 }
-                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) {
@@ -287,17 +273,12 @@ 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 && !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;
-            })()))));
+        !keyword && ALLOW_SHOW_SEARCH_ANIMATION.includes(locale) && (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}` },
+                React__default.createElement(StyledTextAnimation, null, t(currentText)))) : null;
+        })()))));
 };
 
 const getEcomUrl = ({ path, locale, }) => {
@@ -2841,7 +2822,10 @@ const StyledContainer = styled.div `
     --amp-site-wide-closed: 66px;
   }
   pointer-events: none;
-  > section *:not([data-cart-menu] *) {
+  > section
+    *:not([data-cart-menu] *):not([data-search-animation-wrapper] *):not(
+      [data-search-animation-wrapper]
+    ) {
     pointer-events: auto;
   }
 `;

package/build/esm/{index-57b1d3d5.js → index-dd016769.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-4fa7a570.js';
+import { a as __awaiter } from './tslib.es6-328055e7.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-25bddc9f.js';
-import { T as Text } from './index-577d3d36.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-11f44d33.js';
+import { H as Heading } from './index-7ccf4fd2.js';
+import { T as Text } from './index-e42137b9.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-3ed7d164.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-2655a9b2.js';
+import { D as DEFAULT_IMG } from './constants-0377cad7.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-04f7f222.js → index-ddd3cebd.js}

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

package/build/esm/{index-44324579.js → index-e1059d45.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-b8fdb9aa.js';
-import { T as Text } from './index-577d3d36.js';
-import { _ as __rest } from './tslib.es6-4fa7a570.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 { clsx, Modal } from '@mantine/core';
-import { D as DrawerComponent, u as useDrawerDrag } from './index-21a2e743.js';
+import { D as DrawerComponent, u as useDrawerDrag } from './index-a7fb9f13.js';
 import { Drawer } from 'vaul';
-import { Z as ZINDEX_SSO } from './index-ce50231a.js';
+import { Z as ZINDEX_SSO } from './index-0a0f297e.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),
@@ -270,6 +270,11 @@ function DrawerBottom(_a) {
             root: {
                 maxHeight: '400px',
             },
+            body: {
+                background: isLinear
+                    ? 'linear-gradient(180deg, #A5D4FF 0%, #FFFFFF 20%)'
+                    : undefined,
+            },
         } }), children));
 }