@hhgtech/hhg-components 1.29.370 → 1.29.371-beta-1

package/build/esm/{index-2cdbf8be.js → index-922c4af8.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-572e3112.js';
-import { C as CommonGAssets } from './index-5d6f20b4.js';
+import { L as LOCALE } from './Locale-dbcaac31.js';
+import { C as CommonGAssets } from './index-38667a2c.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-178eebc0.js';
-import { L as LogoIcon } from './logoIcon-a8a21312.js';
-import './index-899dcbaa.js';
-import { I as ImageWrap } from './useScreenSize-912daeff.js';
+import { M as MediaQueries } from './utils-00d063c6.js';
+import { L as LogoIcon } from './logoIcon-c2f0bd15.js';
+import './index-f794ca2f.js';
+import { I as ImageWrap } from './useScreenSize-5365541f.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-618106a6.js → index-9a34b083.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-a3382fd7.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-8a2153c7.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-b356a06f.js';
-import { u as useTranslations } from './index-fa56e65e.js';
+import { D as Dropdown } from './index-1426538b.js';
+import { u as useTranslations } from './index-50bf3d19.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-d52ea8f6.js';
+import { I as Input$1 } from './index-b4cbee64.js';
 import { useMantineTheme, Switch, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-6c8ac3b9.js';
-import './index-899dcbaa.js';
-import './index-5d6f20b4.js';
-import './useMantineLocale-3a843049.js';
-import { T as Text } from './index-954797be.js';
-import { B as Button } from './index-1c693130.js';
-import './index.styles-247743de.js';
+import './index-9e56879e.js';
+import './index-f794ca2f.js';
+import './index-38667a2c.js';
+import './useMantineLocale-128dd7e8.js';
+import { T as Text } from './index-768d621d.js';
+import { B as Button } from './index-5976363f.js';
+import './index.styles-36d483fb.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-178eebc0.js';
-import './other-a63e7c29.js';
-import './index-60937852.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-c16fde4a.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-aa8147cf.js';
+import { M as MediaQueries } from './utils-00d063c6.js';
+import './other-a2c90704.js';
+import './index-29159ebf.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-fc9e65e4.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-f5a8948b.js';
 import styled from '@emotion/styled';
-import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-1a6039ab.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-8eb67eaf.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-31ed3d61.js';
-import { C as CardAuthor } from './index-f8f58dca.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-81da28dd.js';
-import { I as Input } from './index-72b7bc3a.js';
+import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-59fed7f6.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-db7ac79e.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-3a13c2e8.js';
+import { C as CardAuthor } from './index-b71444f9.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-51d5f087.js';
+import { I as Input } from './index-d4dfad9a.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-fd7ec1c7.js';
-import { C as CardLink } from './index-5b3c1e56.js';
-import { B as BtnChoice } from './index-55096304.js';
-import { L as LOCALE } from './Locale-572e3112.js';
+import { L as Loading } from './index-29443bc5.js';
+import { C as CardLink } from './index-acecd57d.js';
+import { B as BtnChoice } from './index-78473f2f.js';
+import { L as LOCALE } from './Locale-dbcaac31.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-2e690b82.js';
-import { b as IconArrowLeft } from './index-fa30212c.js';
-import { B as Button$1 } from './index-dd9b8572.js';
+import { L as Loading$1 } from './index-0980518f.js';
+import { b as IconArrowLeft } from './index-8d51c3f0.js';
+import { B as Button$1 } from './index-1da775e7.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-62db6b08.js';
-import { U as UserAvatar } from './index-5fceef80.js';
-import { P as PopoverMenu } from './index-ce01af9a.js';
+import { a as useUniqueId } from './useUniqueId-431f9a21.js';
+import { U as UserAvatar } from './index-2b292eb8.js';
+import { P as PopoverMenu } from './index-cbd89218.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `

package/build/esm/{index-6c8ac3b9.js → index-9e56879e.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-899dcbaa.js';
+import './index-f794ca2f.js';
 import { siteHost, siteOptions } from './constantsSite.js';
 import { domainLocales, MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
 import { isProduction } from './constantsIsProduction.js';
-import { L as LOCALE } from './Locale-572e3112.js';
+import { L as LOCALE } from './Locale-dbcaac31.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;
@@ -87,6 +87,20 @@ const LOCALE_SPECS = {
         BABY_POOP: 'how-does-babies-poop-look-like',
         VACCINATION_TOOL: 'vaccination-tool',
     },
+    // TODO: update info later
+    'zh-CN': {
+        PHONE: '',
+        LOGO_TYPE: 'hellojiankang',
+        SITE_NAME: 'HelloJiankang',
+        HOMEPAGE_IMAGE: '',
+        SITE_NAME_FORMATTED: 'Hello Jiankang',
+        SITE_ID: '12',
+        INSIDER_TAG: '',
+        TOOLTIP_IMAGE: '',
+        PREGNANCY_WEIGHT_GAIN: 'pregnancy-weight-gain-calculator',
+        BABY_POOP: 'how-does-babies-poop-look-like',
+        VACCINATION_TOOL: 'vaccination-tool',
+    },
     'id-ID': {
         PHONE: '+62',
         LOGO_TYPE: 'hellosehat',
@@ -236,6 +250,25 @@ const STATIC_PAGES = {
         COMMUNITY_GUIDELINE: null,
         TOGETHER: '/community',
     },
+    'zh-CN': {
+        POLICIES: '/policies',
+        TERM_OF_USE: '/terms-of-use',
+        PRIVACY_POLICY: '/privacy-policy',
+        EDITORIAL_CORRECTIONS_POLICY: '/editorial-and-corrections-policy',
+        ADVERTISING_SPONSOR_POLICY: '/advertising-and-sponsor-policy',
+        FAQS: null,
+        SITEMAP: null,
+        ABOUT_US: '/about-us',
+        ADVERTISEMENT: '/advertising',
+        CONTACT_US: '/contact-us',
+        ABOUT_GO_CARE: null,
+        FACILITY: '/facility',
+        HEALTH_TOOLS: '/health-tools',
+        EXECUTIVE_BIOS: 'https://hellohealthgroup.com/management-team/',
+        RECRUITMENT: 'https://hellohealthgroup.com/careers/',
+        COMMUNITY_GUIDELINE: null,
+        TOGETHER: '/community',
+    },
     'id-ID': {
         POLICIES_EN: '/policies',
         TERM_OF_USE: '/kebijakan-pengguna',
@@ -698,6 +731,10 @@ const ISO_FORMAT = {
         dateFormat: 'YYYY/MM/DD',
         separator: ',',
     },
+    [LOCALE.China]: {
+        dateFormat: 'YYYY/MM/DD',
+        separator: ',',
+    },
     [LOCALE.PhilippinesTagalog]: {
         dateFormat: 'MM/DD/YYYY',
         separator: '.',

package/build/esm/{index-096d9eb0.js → index-a8078a84.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-a3382fd7.js';
+import { _ as __rest } from './tslib.es6-8a2153c7.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-ce3c0ecd.js';
-import { u as useTranslations } from './index-fa56e65e.js';
-import { C as CommonGAssets } from './index-5d6f20b4.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-8eb67eaf.js';
-import { G as GenderOptionControl } from './index-964d6b24.js';
-import { I as Input, S as Select } from './index-d52ea8f6.js';
-import { D as DatePicker } from './index-c4fd012c.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-2a7d70d4.js';
+import { u as useTranslations } from './index-50bf3d19.js';
+import { C as CommonGAssets } from './index-38667a2c.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-db7ac79e.js';
+import { G as GenderOptionControl } from './index-6f2e989e.js';
+import { I as Input, S as Select } from './index-b4cbee64.js';
+import { D as DatePicker } from './index-04417d75.js';
 import '@mantine/core';
-import './index-954797be.js';
-import './index-1c693130.js';
-import './index.styles-247743de.js';
+import './index-768d621d.js';
+import './index-5976363f.js';
+import './index.styles-36d483fb.js';
 import '@mantine/hooks';
-import './useMantineLocale-3a843049.js';
-import './index-899dcbaa.js';
-import './utils-178eebc0.js';
-import './index-6c8ac3b9.js';
-import './other-a63e7c29.js';
-import './index-60937852.js';
-import { H as HealthToolFormWrapper } from './index-f452e24b.js';
+import './useMantineLocale-128dd7e8.js';
+import './index-f794ca2f.js';
+import './utils-00d063c6.js';
+import './index-9e56879e.js';
+import './other-a2c90704.js';
+import './index-29159ebf.js';
+import { H as HealthToolFormWrapper } from './index-63b02638.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-8d3bb252.js → index-a84f279b.js}

@@ -1,18 +1,18 @@
 import React__default, { useState, useMemo } from 'react';
-import { F as Flag } from './index-d52ea8f6.js';
+import { F as Flag } from './index-b4cbee64.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-954797be.js';
-import { C as CommonGAssets } from './index-5d6f20b4.js';
-import { _ as __rest } from './tslib.es6-a3382fd7.js';
-import { V as VIDEO_DETAIL_TEMP_STORAGE } from './index-6c8ac3b9.js';
-import { V as VideoType } from './index-899dcbaa.js';
+import { T as Text } from './index-768d621d.js';
+import { C as CommonGAssets } from './index-38667a2c.js';
+import { _ as __rest } from './tslib.es6-8a2153c7.js';
+import { V as VIDEO_DETAIL_TEMP_STORAGE } from './index-9e56879e.js';
+import { V as VideoType } from './index-f794ca2f.js';
 import { createStyles, Stack, Box, AspectRatio, getStylesRef, rem, Flex } from '@mantine/core';
-import { a as abbreviateNumber } from './number-3b0891f1.js';
-import { u as useTranslations } from './index-fa56e65e.js';
+import { a as abbreviateNumber } from './number-4621a736.js';
+import { u as useTranslations } from './index-50bf3d19.js';
 import { useOs } from '@mantine/hooks';
-import { M as Modal } from './index-f8ec7d2d.js';
-import { S as SocialLinkPreview } from './index-6f3846ae.js';
+import { M as Modal } from './index-3cafe332.js';
+import { S as SocialLinkPreview } from './index-3eb9915c.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ALLOW_DOMAIN_URL = [

package/build/esm/{index-841eb555.js → index-ac931d7c.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-a3382fd7.js';
+import { _ as __rest } from './tslib.es6-8a2153c7.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-27fbc431.js';
-import { I as Input } from './index-d52ea8f6.js';
-import { D as DatePicker } from './index-c4fd012c.js';
-import { T as Text } from './index-954797be.js';
-import './index-1c693130.js';
-import './index.styles-247743de.js';
-import { u as useTranslations } from './index-fa56e65e.js';
+import { L as LastPeriod } from './LastPeriod-03214797.js';
+import { I as Input } from './index-b4cbee64.js';
+import { D as DatePicker } from './index-04417d75.js';
+import { T as Text } from './index-768d621d.js';
+import './index-5976363f.js';
+import './index.styles-36d483fb.js';
+import { u as useTranslations } from './index-50bf3d19.js';
 import '@mantine/hooks';
-import './useMantineLocale-3a843049.js';
-import './index-899dcbaa.js';
-import './index-5d6f20b4.js';
-import './utils-178eebc0.js';
-import './index-6c8ac3b9.js';
-import './other-a63e7c29.js';
-import './index-60937852.js';
-import { H as HealthToolFormWrapper } from './index-f452e24b.js';
+import './useMantineLocale-128dd7e8.js';
+import './index-f794ca2f.js';
+import './index-38667a2c.js';
+import './utils-00d063c6.js';
+import './index-9e56879e.js';
+import './other-a2c90704.js';
+import './index-29159ebf.js';
+import { H as HealthToolFormWrapper } from './index-63b02638.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-5b3c1e56.js → index-acecd57d.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-a3382fd7.js';
+import { a as __awaiter } from './tslib.es6-8a2153c7.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-ba7d9200.js';
-import { T as Text } from './index-954797be.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-aa8147cf.js';
+import { H as Heading } from './index-b89832ef.js';
+import { T as Text } from './index-768d621d.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-f5a8948b.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-8eb67eaf.js';
+import { D as DEFAULT_IMG } from './constants-db7ac79e.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-efff4510.js → index-b024db21.js}

@@ -1,8 +1,8 @@
 import React__default, { useState } from 'react';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MarryBabyText } from './index-0ea233b5.js';
-import { T as Text } from './index-ddb7ac06.js';
+import { M as MarryBabyText } from './index-4ed92ffc.js';
+import { T as Text } from './index-1a5e9795.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-d52ea8f6.js → index-b4cbee64.js}

@@ -1,23 +1,23 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-a3382fd7.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-8a2153c7.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 { em, Autocomplete, Image, ActionIcon, Select as Select$1, createStyles, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Textarea, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Flex, Popover as Popover$1, rem, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useViewportSize, useResizeObserver, useDisclosure, useClickOutside } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-5d6f20b4.js';
-import { I as ImageWrap, u as useScreenSize } from './useScreenSize-912daeff.js';
+import { C as CommonGAssets } from './index-38667a2c.js';
+import { I as ImageWrap, u as useScreenSize } from './useScreenSize-5365541f.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-954797be.js';
-import './index-899dcbaa.js';
+import { T as Text } from './index-768d621d.js';
+import './index-f794ca2f.js';
 import { theme } from './miscTheme.js';
-import { B as Breakpoints } from './utils-178eebc0.js';
-import { G as GlobalHeadingStyle, a as GlobalContainerStyle } from './useMantineLocale-3a843049.js';
-import { I as ISO_FORMAT } from './index-6c8ac3b9.js';
-import { A as ANIMATION_DURATION, B as Button } from './index-1c693130.js';
-import { L as LOCALE } from './Locale-572e3112.js';
+import { B as Breakpoints } from './utils-00d063c6.js';
+import { G as GlobalHeadingStyle, a as GlobalContainerStyle } from './useMantineLocale-128dd7e8.js';
+import { I as ISO_FORMAT } from './index-9e56879e.js';
+import { A as ANIMATION_DURATION, B as Button } from './index-5976363f.js';
+import { L as LOCALE } from './Locale-dbcaac31.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-62db6b08.js';
+import { a as useUniqueId } from './useUniqueId-431f9a21.js';
 import { siteOptions } from './constantsSite.js';
 import { Check, Plus } from '@hhgtech/icons/core';
 
@@ -1359,9 +1359,32 @@ const CaretDown = (props) => (React.createElement("svg", Object.assign({ width:
     React.createElement("path", { d: "M4.81428 7.53044L7.64065 10.3568C7.83849 10.5546 8.15877 10.5546 8.3561 10.3568L11.1825 7.53044C11.5012 7.21168 11.2756 6.66675 10.8247 6.66675H5.172C4.72118 6.66675 4.49552 7.21168 4.81428 7.53044Z" })));
 
 const PhoneForwardRef = (props, ref) => {
-    const { isError, defaultCountry, countries = countriesDefault, countryCallingCodeEditable = false, defaultValue, value: valueProps, onChange: onChangeProps, className } = props, inputProps = __rest(props, ["isError", "defaultCountry", "countries", "countryCallingCodeEditable", "defaultValue", "value", "onChange", "className"]);
+    const { isError, defaultCountry, countries = countriesDefault, countryCallingCodeEditable = false, defaultValue, value: valueProps, onChange: onChangeProps, flagComponent: flagComponentProps, arrowComponent: arrowComponentProps, className } = props, inputProps = __rest(props, ["isError", "defaultCountry", "countries", "countryCallingCodeEditable", "defaultValue", "value", "onChange", "flagComponent", "arrowComponent", "className"]);
     const [value, setValue] = useState(defaultValue || valueProps);
     const [PhoneInputUtils, setPhoneInputUtils] = useState(null);
+    const flagComponent = useCallback((props) => {
+        if (!PhoneInputUtils) {
+            return;
+        }
+        if (flagComponentProps) {
+            return flagComponentProps(props);
+        }
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const { country, countryName, flagUrl } = props, restProps = __rest(props, ["country", "countryName", "flagUrl"]);
+        const callingCode = country
+            ? `+${PhoneInputUtils.getCountryCallingCode(country)}`
+            : '';
+        return (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(Flag, Object.assign({ country: country, title: countryName }, restProps)),
+            React__default.createElement("span", { className: cn(styles.callingCode, 'PhoneInputCountryIconCallingCode') }, callingCode)));
+    }, [flagComponentProps, PhoneInputUtils]);
+    const arrowComponent = useCallback(() => {
+        if (arrowComponentProps) {
+            return arrowComponentProps();
+        }
+        return (React__default.createElement("div", { className: cn(styles.arrowSelect, 'PhoneInputArrowContainer') },
+            React__default.createElement(CaretDown, null)));
+    }, [arrowComponentProps]);
     const onChange = (val) => {
         setValue(val);
         onChangeProps === null || onChangeProps === void 0 ? void 0 : onChangeProps(val);
@@ -1381,21 +1404,7 @@ const PhoneForwardRef = (props, ref) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     , Object.assign({ 
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        ref: ref, defaultValue: defaultValue, value: value, onChange: onChange, countries: countries, defaultCountry: defaultCountry, countryCallingCodeEditable: countryCallingCodeEditable, displayInitialValueAsLocalNumber: true, className: cn(styles.phoneInput, { isError, [styles.error]: isError }, className), flagUrl: undefined, flagComponent: (props) => {
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            const { country, countryName, flagUrl } = props, restProps = __rest(props, ["country", "countryName", "flagUrl"]);
-            const callingCode = country
-                ? `+${PhoneInputUtils.getCountryCallingCode(country)}`
-                : '';
-            return (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement(Flag, Object.assign({ country: country, title: countryName }, restProps)),
-                React__default.createElement("span", { className: cn(styles.callingCode, 'PhoneInputCountryIconCallingCode') }, callingCode)));
-        }, countrySelectProps: {
-            arrowComponent: () => {
-                return (React__default.createElement("div", { className: cn(styles.arrowSelect, 'PhoneInputArrowContainer') },
-                    React__default.createElement(CaretDown, null)));
-            },
-        } }, inputProps)));
+        ref: ref, defaultValue: defaultValue, value: value, onChange: onChange, countries: countries, defaultCountry: defaultCountry, countryCallingCodeEditable: countryCallingCodeEditable, displayInitialValueAsLocalNumber: true, className: cn(styles.phoneInput, { isError, [styles.error]: isError }, className), flagUrl: undefined, flagComponent: flagComponent, countrySelectProps: { arrowComponent } }, inputProps)));
 };
 const Phone = forwardRef(PhoneForwardRef);
 

package/build/esm/{index-d1e751a0.js → index-b606df8e.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-a3382fd7.js';
+import { _ as __rest } from './tslib.es6-8a2153c7.js';
 import React__default, { createContext, useContext, useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-ce3c0ecd.js';
-import { u as useTranslations } from './index-fa56e65e.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-8eb67eaf.js';
-import { I as Input } from './index-d52ea8f6.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-2a7d70d4.js';
+import { u as useTranslations } from './index-50bf3d19.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-db7ac79e.js';
+import { I as Input } from './index-b4cbee64.js';
 import '@mantine/dates';
-import './index-6c8ac3b9.js';
-import './index-899dcbaa.js';
-import './index-5d6f20b4.js';
-import './useMantineLocale-3a843049.js';
-import './index-954797be.js';
-import './index-1c693130.js';
-import './index.styles-247743de.js';
+import './index-9e56879e.js';
+import './index-f794ca2f.js';
+import './index-38667a2c.js';
+import './useMantineLocale-128dd7e8.js';
+import './index-768d621d.js';
+import './index-5976363f.js';
+import './index.styles-36d483fb.js';
 import '@mantine/hooks';
-import './utils-178eebc0.js';
-import './other-a63e7c29.js';
-import './index-60937852.js';
-import { H as HealthToolFormWrapper } from './index-f452e24b.js';
-import { I as INPUT_RANGE } from './constants-25f3794c.js';
+import './utils-00d063c6.js';
+import './other-a2c90704.js';
+import './index-29159ebf.js';
+import { H as HealthToolFormWrapper } from './index-63b02638.js';
+import { I as INPUT_RANGE } from './constants-d9cae2f5.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

package/build/esm/{index-f8f58dca.js → index-b71444f9.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-fa56e65e.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-178eebc0.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-e596f749.js';
-import { I as Icon } from './index-ce90c753.js';
-import { _ as __rest } from './tslib.es6-a3382fd7.js';
-import { U as UserAvatar } from './index-5fceef80.js';
-import { I as ImageWrap, u as useScreenSize } from './useScreenSize-912daeff.js';
-import './index-6c8ac3b9.js';
-import { C as CommonGAssets } from './index-5d6f20b4.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-aa8147cf.js';
-import { B as Button } from './index-dd9b8572.js';
-import { T as Text } from './index-954797be.js';
+import { u as useTranslations } from './index-50bf3d19.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-00d063c6.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-2cc92efe.js';
+import { I as Icon } from './index-ce93e034.js';
+import { _ as __rest } from './tslib.es6-8a2153c7.js';
+import { U as UserAvatar } from './index-2b292eb8.js';
+import { I as ImageWrap, u as useScreenSize } from './useScreenSize-5365541f.js';
+import './index-9e56879e.js';
+import { C as CommonGAssets } from './index-38667a2c.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-f5a8948b.js';
+import { B as Button } from './index-1da775e7.js';
+import { T as Text } from './index-768d621d.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-2e690b82.js';
-import { H as Heading } from './index-ba7d9200.js';
-import { M as Modal } from './index-f8ec7d2d.js';
+import { L as Loading } from './index-0980518f.js';
+import { H as Heading } from './index-b89832ef.js';
+import { M as Modal } from './index-3cafe332.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-a5a426be.js').then((module) => {
+                import('./index-6ecbdff9.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-ba7d9200.js → index-b89832ef.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-a3382fd7.js';
+import { _ as __rest } from './tslib.es6-8a2153c7.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-954797be.js';
+import { T as Text } from './index-768d621d.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-20369dba.js → index-be1cbdd3.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-fa56e65e.js';
-import { B as Button } from './index-dd9b8572.js';
+import { u as useTranslations } from './index-50bf3d19.js';
+import { B as Button } from './index-1da775e7.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-ce01af9a.js → index-cbd89218.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-dd9b8572.js';
-import { T as TogetherComponentGlobalContext } from './utils-aa8147cf.js';
+import { B as Button } from './index-1da775e7.js';
+import { T as TogetherComponentGlobalContext } from './utils-f5a8948b.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-740e73bc.js → index-ce1660da.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-a3382fd7.js';
+import { _ as __rest } from './tslib.es6-8a2153c7.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-d52ea8f6.js';
-import { D as DatePicker } from './index-c4fd012c.js';
-import { T as Text } from './index-954797be.js';
-import './index-1c693130.js';
-import './index.styles-247743de.js';
-import { u as useTranslations } from './index-fa56e65e.js';
+import { I as Input } from './index-b4cbee64.js';
+import { D as DatePicker } from './index-04417d75.js';
+import { T as Text } from './index-768d621d.js';
+import './index-5976363f.js';
+import './index.styles-36d483fb.js';
+import { u as useTranslations } from './index-50bf3d19.js';
 import '@mantine/hooks';
-import './useMantineLocale-3a843049.js';
-import './index-899dcbaa.js';
-import './index-5d6f20b4.js';
-import './utils-178eebc0.js';
-import './index-6c8ac3b9.js';
-import './other-a63e7c29.js';
-import './index-60937852.js';
-import { I as INPUT_RANGE } from './constants-25f3794c.js';
-import { H as HealthToolFormWrapper } from './index-f452e24b.js';
-import { G as GenderOptionControl } from './index-964d6b24.js';
-import { L as LOCALE } from './Locale-572e3112.js';
+import './useMantineLocale-128dd7e8.js';
+import './index-f794ca2f.js';
+import './index-38667a2c.js';
+import './utils-00d063c6.js';
+import './index-9e56879e.js';
+import './other-a2c90704.js';
+import './index-29159ebf.js';
+import { I as INPUT_RANGE } from './constants-d9cae2f5.js';
+import { H as HealthToolFormWrapper } from './index-63b02638.js';
+import { G as GenderOptionControl } from './index-6f2e989e.js';
+import { L as LOCALE } from './Locale-dbcaac31.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-ce90c753.js → index-ce93e034.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-a3382fd7.js';
+import { _ as __rest } from './tslib.es6-8a2153c7.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-b77fa4f1.js';
-import { S as Spinner } from './Spinner-882640bc.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-1c2a8e89.js';
+import { S as Spinner } from './Spinner-873e52a6.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-72b7bc3a.js → index-d4dfad9a.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-a3382fd7.js';
+import { _ as __rest } from './tslib.es6-8a2153c7.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-178eebc0.js';
+import { M as MediaQueries } from './utils-00d063c6.js';
 
 const StyledInput = styled.div `
   position: relative;