@hhgtech/hhg-components 1.29.418-beta-1 → 1.29.418-beta-2

package/build/esm/lead.js

@@ -1,57 +1,57 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-973fb363.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a1185d41.js';
 import React__default, { createContext, useMemo, useEffect, useRef, useState, useContext, useCallback, forwardRef, useImperativeHandle, memo, useLayoutEffect } from 'react';
 import { createStyles, Box, useMantineTheme, Button as Button$1, Autocomplete, clsx, Input as Input$1, Checkbox as Checkbox$1, Radio as Radio$1, Select as Select$1, Flex, TextInput, NumberInput as NumberInput$1, Portal, Transition, Overlay } from '@mantine/core';
 import debounce from 'lodash/debounce';
 import { createFormContext, useForm } from '@mantine/form';
 import dayjs from 'dayjs';
-import { B as BEARER_TOKEN_COOKIE } from './index-f5050d07.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-9c732be8.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { u as useTranslations } from './index-f82ced74.js';
-import { T as TranslationsContext } from './translationsContext-c729899a.js';
-import { M as MediaQueries, b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-06a90493.js';
-import { T as Text } from './index-96606b7b.js';
-import { S as Select, d as Checkbox, I as Input, R as Radio, P as Phone, N as NumberInput, O as OTP } from './index-6032d7e1.js';
-import { D as DatePicker } from './index-9d7cc01e.js';
-import { B as Button } from './index-8c6e583f.js';
-import './index.styles-957894a9.js';
+import { u as useTranslations } from './index-50272676.js';
+import { T as TranslationsContext } from './translationsContext-818f2767.js';
+import { M as MediaQueries, b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-127c91c4.js';
+import { T as Text } from './index-11f99f13.js';
+import { S as Select, d as Checkbox, I as Input, R as Radio, P as Phone, N as NumberInput, O as OTP } from './index-6856a8dc.js';
+import { D as DatePicker } from './index-36040944.js';
+import { B as Button } from './index-bb8bebf5.js';
+import './index.styles-631320ba.js';
 import { useIntersection, useClickOutside } from '@mantine/hooks';
-import './index-ba18ee42.js';
-import { G as GlobalTextStyleNew, C as CustomStylesType } from './text-a592e4ae.js';
-import './index-c9890de4.js';
-import { M as MAPPED_LOCALE } from './utils-ad7e8afc.js';
+import './index-d8a1c9b7.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './text-6b1a3cb1.js';
+import './index-9746eb1a.js';
+import { M as MAPPED_LOCALE } from './utils-5b7c4be4.js';
 import { DateInput } from '@mantine/dates';
-import { L as LOCALE_SPECS, Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-8a5a2683.js';
-import { C as COMMON_DATE_TRANSLATE_KEY } from './index-e120177a.js';
-import './index-98afb88a.js';
-import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-5502d0fc.js';
-import { H as Heading$1 } from './index-46e08088.js';
-import { t as translationsMap$1 } from './translationsProvider-c677cefb.js';
-import { L as LOCALE } from './Locale-11dbaf70.js';
+import { L as LOCALE_SPECS, Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-c979e822.js';
+import { C as COMMON_DATE_TRANSLATE_KEY } from './index-c1a80bfa.js';
+import './index-39603939.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-e1db56ad.js';
+import { H as Heading$1 } from './index-0eefffa4.js';
+import { t as translationsMap$1 } from './translationsProvider-a018b73c.js';
+import { L as LOCALE } from './Locale-5e5b94e0.js';
 import { v1 } from 'uuid';
 import { domainLocales } from './constantsDomainLocales.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { css } from '@emotion/react';
-import { T as TogetherComponentGlobalContext } from './utils-a3564cac.js';
-import { M as MantineProvider } from './index-5277e388.js';
-import { i as isVideo } from './index-44c89feb.js';
-import { u as useScreenSize } from './index-4a0b263e.js';
+import { T as TogetherComponentGlobalContext } from './utils-e09337fc.js';
+import { M as MantineProvider } from './index-1e45bd04.js';
+import { i as isVideo } from './index-013a4186.js';
+import { u as useScreenSize } from './index-32eebded.js';
 import { motion } from 'framer-motion';
 import { createPortal } from 'react-dom';
 import { ChevronDown } from '@hhgtech/icons/arrow';
 import { MapPin } from '@hhgtech/icons/core';
-import { I as InputDate } from './InputDate-47595d8d.js';
-import { D as DrawerComponent } from './index-10f57124.js';
-import { C as Close } from './Close-25e39b2e.js';
+import { I as InputDate } from './InputDate-414e35dd.js';
+import { D as DrawerComponent } from './index-1af34b4d.js';
+import { C as Close } from './Close-aee573e5.js';
 import './constantsIsProduction.js';
-import './normalizeLink-ea55309e.js';
+import './normalizeLink-1201fe81.js';
 import '@hhgtech/icons/other';
 import '@mantine/carousel';
 import 'classnames';
-import './useUniqueId-ad30e709.js';
+import './useUniqueId-6a3c2999.js';
 import './constantsSite.js';
-import './shared-d57c70b8.js';
+import './shared-2d2d18e1.js';
 import '@mantine/notifications';
 import 'date-fns/locale';
 import './constantsRiskScreener.js';
@@ -67,11 +67,11 @@ import './i18n-values/vi-VN.js';
 import './i18n-values/vi-VN_MB.js';
 import './i18n-values/zh-SG.js';
 import './i18n-values/zh-TW.js';
-import './index-78413c0c.js';
+import './index-56bfe9b6.js';
 import 'slugify';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-95131dca.js';
+import './constants-90871984.js';
 import 'vaul';
 
 const LeadGenComponentContext = createContext({});
@@ -3200,7 +3200,9 @@ const LeadGenForm = forwardRef((props, ref) => {
                     return (React__default.createElement(TextField, { key: reactKey, shrink: !!value, className: "leadgen-form_input" },
                         React__default.createElement(TextField.Control, null, (shrink) => (React__default.createElement(TextInput, Object.assign({ name: name, spellCheck: false, withAsterisk: required, label: React__default.createElement(Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, label), placeholder: " ", inputWrapperOrder: LEADGEN_ORDER_INPUT_WRAPPER, type: "text", "data-control": "text" }, formInputProps, { error: error && (React__default.createElement(Flex, { align: 'center', gap: 4 },
                                 React__default.createElement(ErrorIcon, { size: 12 }),
-                                React__default.createElement(Text, { size: "c1", variant: "error" }, error))) }))))));
+                                React__default.createElement(Text, { size: "c1", variant: "error" }, error))), styles: (theme) => ({
+                                input: Object.assign(Object.assign({}, GlobalTextStyleNew(theme)[CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: FontWeight.halfBold }),
+                            }) }))))));
                 }
                 case LEADGEN_BLOCK.NumberBlock: {
                     return (React__default.createElement(TextField, { key: reactKey, shrink: !!value, className: "leadgen-form_input" },
@@ -3229,7 +3231,9 @@ const LeadGenForm = forwardRef((props, ref) => {
                             ], error: error && (React__default.createElement(Flex, { align: 'center', gap: 4 },
                                 React__default.createElement(ErrorIcon, { size: 12 }),
                                 React__default.createElement(Text, { size: "c1", variant: "error" }, error))) },
-                            React__default.createElement("div", { className: "mantine-Input-wrapper" },
+                            React__default.createElement(Box, { className: "mantine-Input-wrapper", sx: (theme) => ({
+                                    '.PhoneInput .PhoneInputInput': Object.assign(Object.assign({}, GlobalTextStyleNew(theme)[CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: FontWeight.halfBold }),
+                                }) },
                                 React__default.createElement(Phone, Object.assign({ className: `mantine-Input-input ${classes.p2}`, name: name, spellCheck: false, placeholder: " ", defaultCountry: (locale
                                         ? MAPPED_LOCALE[locale] || 'VN'
                                         : 'VN'), type: "text", "data-control": "tel" }, formInputProps))))))));
@@ -4325,7 +4329,6 @@ const TitleBlock = ({ children, align, }) => (React__default.createElement("h2",
 
 const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmit, }) => {
     const { t } = useTranslations();
-    const { classes } = useTextStyles();
     const form = useLeadFormContext();
     const formValues = form.values;
     const labelTuples = useMemo(() => {
@@ -4356,7 +4359,10 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
                             'error',
                         ] }, form.getInputProps(value), { name: value, error: form.errors[value] && (React__default.createElement(Flex, { align: 'center', gap: 4 },
                             React__default.createElement(ErrorIcon, { size: 12 }),
-                            React__default.createElement(Text, { size: "c1", variant: "error" }, form.errors[value]))) }))))));
+                            React__default.createElement(Text, { size: "c1", variant: "error" }, form.errors[value]))), styles: (theme) => ({
+                            input: Object.assign(Object.assign({}, GlobalTextStyleNew(theme)[CustomStylesType.LEADGEN]
+                                .p2), { color: theme.colors.gray[9], fontWeight: FontWeight.halfBold }),
+                        }) }))))));
             case 'NumberBlock':
                 return (React__default.createElement(TextField, { key: index, shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field" },
                     React__default.createElement(TextField.Control, null, (shrink) => (React__default.createElement(NumberInput$1, Object.assign({ withAsterisk: required, spellCheck: false, type: "number", placeholder: " ", 
@@ -4369,7 +4375,10 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
                             'error',
                         ] }, form.getInputProps(value), { error: form.errors[value] && (React__default.createElement(Flex, { align: 'center', gap: 4 },
                             React__default.createElement(ErrorIcon, { size: 12 }),
-                            React__default.createElement(Text, { size: "c1", variant: "error" }, form.errors[value]))) }))))));
+                            React__default.createElement(Text, { size: "c1", variant: "error" }, form.errors[value]))), styles: (theme) => ({
+                            input: Object.assign(Object.assign({}, GlobalTextStyleNew(theme)[CustomStylesType.LEADGEN]
+                                .p2), { color: theme.colors.gray[9], fontWeight: FontWeight.halfBold }),
+                        }) }))))));
             case 'EmailBlock':
                 return (React__default.createElement(TextField, { key: index, shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field" },
                     React__default.createElement(TextField.Control, null, (shrink) => (React__default.createElement(TextInput, Object.assign({ withAsterisk: required, spellCheck: false, 
@@ -4384,8 +4393,8 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
                         ] }, form.getInputProps(value), { error: form.errors[value] && (React__default.createElement(Flex, { align: 'center', gap: 4 },
                             React__default.createElement(ErrorIcon, { size: 12 }),
                             React__default.createElement(Text, { size: "c1", variant: "error" }, form.errors[value]))), styles: (theme) => ({
-                            input: GlobalTextStyleNew(theme)[CustomStylesType.LEADGEN]
-                                .p2,
+                            input: Object.assign(Object.assign({}, GlobalTextStyleNew(theme)[CustomStylesType.LEADGEN]
+                                .p2), { color: theme.colors.gray[9], fontWeight: FontWeight.halfBold }),
                         }) }))))));
             case 'PhoneOtpBlock':
             case 'WhatsappOtpBlock':
@@ -4404,8 +4413,10 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
                         ], error: form.errors[value] && (React__default.createElement(Flex, { align: 'center', gap: 4 },
                             React__default.createElement(ErrorIcon, { size: 12 }),
                             React__default.createElement(Text, { size: "c1", variant: "error" }, form.errors[value]))) },
-                        React__default.createElement("div", { className: "mantine-Input-wrapper" },
-                            React__default.createElement(Phone, Object.assign({ className: `mantine-Input-input ${classes.p2}`, name: value, spellCheck: false, type: "tel", placeholder: " ", 
+                        React__default.createElement(Box, { className: "mantine-Input-wrapper", sx: (theme) => ({
+                                '.PhoneInput .PhoneInputInput': Object.assign(Object.assign({}, GlobalTextStyleNew(theme)[CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: FontWeight.halfBold }),
+                            }) },
+                            React__default.createElement(Phone, Object.assign({ className: `mantine-Input-input`, name: value, spellCheck: false, type: "tel", placeholder: " ", 
                                 // onBlur={(e) => inputOnBlur('tel', e)}
                                 id: htmlForId, defaultCountry: (locale
                                     ? MAPPED_LOCALE[locale] || 'VN'
@@ -4420,7 +4431,10 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
                             'error',
                         ] }, form.getInputProps(value), { error: form.errors[value] && (React__default.createElement(Flex, { align: 'center', gap: 4 },
                             React__default.createElement(ErrorIcon, { size: 12 }),
-                            React__default.createElement(Text, { size: "c1", variant: "error" }, form.errors[value]))) })))),
+                            React__default.createElement(Text, { size: "c1", variant: "error" }, form.errors[value]))), styles: (theme) => ({
+                            input: Object.assign(Object.assign({}, GlobalTextStyleNew(theme)[CustomStylesType.LEADGEN]
+                                .p2), { color: theme.colors.gray[9], fontWeight: FontWeight.halfBold }),
+                        }) })))),
                     React__default.createElement(TextField.Icon, { Icon: MapPin })));
             }
             case 'DateBlock': {
@@ -4459,7 +4473,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
                         // className="lead-modal__form-control leadgen-form_field"
                         label: React__default.createElement(Text, { size: "p2", variant: "primary" }, label), size: "md", inputWrapperOrder: ['label', 'input', 'description', 'error'], inputContainer: (children) => {
                             return (React__default.createElement("div", { className: "leadgen-choiceContainer" }, children));
-                        } }, form.getInputProps(value)), listQuestion.map((l, _index) => (React__default.createElement(Radio, { name: value, key: _index, value: l.value, label: l.placeholder, "data-control": "radio", "data-lead-control": name, "data-is-required": required }))))));
+                        } }, form.getInputProps(value)), listQuestion.map((l, _index) => (React__default.createElement(Radio, { name: value, key: _index, value: l.value, label: React__default.createElement(Text, { size: "p2", variant: "primary" }, l.placeholder), "data-control": "radio", "data-lead-control": name, "data-is-required": required }))))));
             case 'DropdownBlock':
                 return (React__default.createElement(TextField, { shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field DropdownBlock", key: index },
                     React__default.createElement(TextField.Control, null, (shrink) => (React__default.createElement(React__default.Fragment, null,
@@ -4471,7 +4485,10 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
                             label: React__default.createElement(Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, label), placeholder: " ", searchable: true, withAsterisk: required, name: value, data: listQuestion.map((l) => ({
                                 value: l.value,
                                 label: l.placeholder,
-                            })), nothingFound: React__default.createElement(NoData, null), rightSection: React__default.createElement(TextField.Icon, { Icon: ChevronDown }), styles: {
+                            })), nothingFound: React__default.createElement(NoData, null), rightSection: React__default.createElement(TextField.Icon, { Icon: ChevronDown }), styles: (theme) => ({
+                                wrapper: {
+                                    input: Object.assign(Object.assign({}, GlobalTextStyleNew(theme)[CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: FontWeight.halfBold }),
+                                },
                                 item: {
                                     paddingBlock: 12,
                                     paddingInline: 10,
@@ -4492,14 +4509,14 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
                                         paddingInline: 0,
                                     },
                                 },
-                            }, maxDropdownHeight: 192 }, form.getInputProps(value), { error: form.errors[value] && (React__default.createElement(Flex, { align: 'center', gap: 4 },
+                            }), maxDropdownHeight: 192 }, form.getInputProps(value), { error: form.errors[value] && (React__default.createElement(Flex, { align: 'center', gap: 4 },
                                 React__default.createElement(ErrorIcon, { size: 12 }),
                                 React__default.createElement(Text, { size: "c1", variant: "error" }, form.errors[value]))) })))))));
             case 'TncBlock':
                 const _d = form.getInputProps(`TNC-${id}`), { error } = _d, tncInputProps = __rest(_d, ["error"]);
                 return (React__default.createElement(ChoiceField, { className: "leadgen-form_checkbox", key: id },
                     React__default.createElement(Input$1.Wrapper, { error: error },
-                        React__default.createElement(Checkbox, Object.assign({ name: 'TNC-' + id, label: React__default.createElement(Text, { as: "span", size: "c1", variant: "secondary", dangerouslySetInnerHTML: { __html: data.valueHTML }, styles: (theme) => ({
+                        React__default.createElement(Checkbox, Object.assign({ name: 'TNC-' + id, label: React__default.createElement(Text, { as: "span", size: "p2", variant: "primary", dangerouslySetInnerHTML: { __html: data.valueHTML }, styles: (theme) => ({
                                     root: {
                                         a: {
                                             textDecoration: 'underline !important',

package/build/esm/{localizeNumberFormat-a28dc6e1.js → localizeNumberFormat-90562420.js}

@@ -1,4 +1,5 @@
 import dayjs from 'dayjs';
+import { parsePhoneNumber, formatPhoneNumber as formatPhoneNumber$1 } from 'react-phone-number-input';
 
 const ageGenerate = (birthDate, calculateDate = new Date()) => {
     const numberOfWeek = Math.ceil(dayjs(calculateDate).diff(birthDate, 'week', true));
@@ -18,6 +19,19 @@ const localizeNumberFormat = (num, locale, maximumFractionDigits = 2) => {
 };
 const convertLocalizedStringToNumber = (value) => {
     return Number(value.replace(/,/gi, '.'));
+};
+const formatPhoneNumber = (phone) => {
+    try {
+        const parseData = parsePhoneNumber(phone, 'VN');
+        if (!(parseData === null || parseData === void 0 ? void 0 : parseData.number)) {
+            throw new Error('Invalid number');
+        }
+        return formatPhoneNumber$1(parseData.number);
+    }
+    catch (error) {
+        console.log('🚀 ~ formatPhoneNumber ~ error:', error);
+        return phone;
+    }
 };
 
-export { ageGenerate as a, convertLocalizedStringToNumber as c, localizeNumberFormat as l };
+export { ageGenerate as a, convertLocalizedStringToNumber as c, formatPhoneNumber as f, localizeNumberFormat as l };

package/build/esm/{logoIcon-df518063.js → logoIcon-a212c9df.js}

@@ -1,6 +1,6 @@
 import React__default, { memo, useMemo } from 'react';
-import { C as CommonGAssets } from './index-98afb88a.js';
-import { I as ImageWrap } from './index-4a0b263e.js';
+import { C as CommonGAssets } from './index-39603939.js';
+import { I as ImageWrap } from './index-32eebded.js';
 
 const _LogoIcon = ({ type, width, height }) => {
     const data = useMemo(() => {

package/build/esm/mantine.js

@@ -1,44 +1,44 @@
-import { g as StyledTextArea, D as DEBOUNCED_TIME, h as StyledSliderWrapper, i as StyledSlider } from './index-6032d7e1.js';
-export { j as Accordion, A as Anchor, b as AspectRatio, a as Avatar, B as Breadcrumbs, k as Carousel, c as CentralCarousel, d as Checkbox, e as ChipButton, I as Input, O as OTP, P as Phone, m as Popover, R as Radio, S as Select, l as emotionCache } from './index-6032d7e1.js';
-export { D as DatePicker } from './index-9d7cc01e.js';
-export { T as Text } from './index-96606b7b.js';
-import { B as Button } from './index-8c6e583f.js';
-export { B as Button } from './index-8c6e583f.js';
-export { I as Indicator } from './index-04d56126.js';
+import { g as StyledTextArea, D as DEBOUNCED_TIME, h as StyledSliderWrapper, i as StyledSlider } from './index-6856a8dc.js';
+export { j as Accordion, A as Anchor, b as AspectRatio, a as Avatar, B as Breadcrumbs, k as Carousel, c as CentralCarousel, d as Checkbox, e as ChipButton, I as Input, O as OTP, P as Phone, m as Popover, R as Radio, S as Select, l as emotionCache } from './index-6856a8dc.js';
+export { D as DatePicker } from './index-36040944.js';
+export { T as Text } from './index-11f99f13.js';
+import { B as Button } from './index-bb8bebf5.js';
+export { B as Button } from './index-bb8bebf5.js';
+export { I as Indicator } from './index-6142e7c2.js';
 import React__default, { useState, useEffect } from 'react';
-export { M as Modal } from './index-aa7ec308.js';
-import { _ as __rest } from './tslib.es6-973fb363.js';
+export { M as Modal } from './index-c209a4fb.js';
+import { _ as __rest } from './tslib.es6-a1185d41.js';
 import { Badge as Badge$1, LoadingOverlay as LoadingOverlay$1, clsx, Title, Text, Button as Button$1 } from '@mantine/core';
 import { theme } from './miscTheme.js';
-export { S as Spoiler } from './index-2c5a3038.js';
+export { S as Spoiler } from './index-8c362fb9.js';
 import { useDebouncedValue } from '@mantine/hooks';
-export { S as Switch } from './index-2f306d85.js';
-export { M as MantineProvider } from './index-5277e388.js';
-export { M as MAPPED_LOCALE, a as getHeadingStyles, g as getMantineThemeOverride, s as showNotification, t as themeColors, u as useMantineLocale } from './index-ba18ee42.js';
-export { C as CustomStylesType, F as FontWeight } from './text-a592e4ae.js';
-export { T as Tabs } from './index-c9890de4.js';
+export { S as Switch } from './index-ddc7cf70.js';
+export { M as MantineProvider } from './index-1e45bd04.js';
+export { M as MAPPED_LOCALE, a as getHeadingStyles, g as getMantineThemeOverride, s as showNotification, t as themeColors, u as useMantineLocale } from './index-d8a1c9b7.js';
+export { C as CustomStylesType, F as FontWeight } from './text-6b1a3cb1.js';
+export { T as Tabs } from './index-9746eb1a.js';
 import '@hhgtech/icons/other';
-import './index-98afb88a.js';
+import './index-39603939.js';
 import './constantsDomainLocales.js';
-import './Locale-11dbaf70.js';
+import './Locale-5e5b94e0.js';
 import './constantsIsProduction.js';
-import './index-4a0b263e.js';
-import './utils-06a90493.js';
+import './index-32eebded.js';
+import './utils-127c91c4.js';
 import '@emotion/styled';
 import '@mantine/carousel';
 import 'classnames';
-import './useUniqueId-ad30e709.js';
+import './useUniqueId-6a3c2999.js';
 import './constantsSite.js';
-import './index-e120177a.js';
+import './index-c1a80bfa.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index-8a5a2683.js';
+import './index-c979e822.js';
 import 'date-fns/locale';
 import './constantsRiskScreener.js';
-import './shared-d57c70b8.js';
-import './index.styles-957894a9.js';
-import './index-f82ced74.js';
-import './translationsContext-c729899a.js';
+import './shared-2d2d18e1.js';
+import './index.styles-631320ba.js';
+import './index-50272676.js';
+import './translationsContext-818f2767.js';
 import 'dayjs';
 import '@mantine/notifications';
 

package/build/esm/misc/localizeNumberFormat.d.ts

@@ -1,2 +1,3 @@
 export declare const localizeNumberFormat: (num?: number, locale?: string, maximumFractionDigits?: number) => string;
 export declare const convertLocalizedStringToNumber: (value: string) => number;
+export declare const formatPhoneNumber: (phone: string) => string;

package/build/esm/misc/utils.d.ts

@@ -59,3 +59,8 @@ export declare const getPopupWrapperDom: () => Element;
 export declare const getWrapperDomWithSelector: (parentDom: HTMLElement, wrapperKey: string) => Element;
 export declare const startCase: (str?: string) => string;
 export declare const safeEncodeURI: (s: string) => string;
+export declare const convertDay: (totalDay: number) => {
+    years: number;
+    months: number;
+    weeks: number;
+};

package/build/esm/misc.js

@@ -1,36 +1,37 @@
-export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-a28dc6e1.js';
-export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-e9e29680.js';
+export { a as ageGenerate, c as convertLocalizedStringToNumber, f as formatPhoneNumber, l as localizeNumberFormat } from './localizeNumberFormat-90562420.js';
+export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-3cd45cde.js';
 export { deleteCookie, getCookie, setCookie } from './miscCookieHelper.js';
 import 'react';
 import '@mantine/core';
-import './index-ba18ee42.js';
-import './text-a592e4ae.js';
-export { a as abbreviateNumber } from './number-b92a074c.js';
-export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './normalizeLink-ea55309e.js';
+import './index-d8a1c9b7.js';
+import './text-6b1a3cb1.js';
+export { a as abbreviateNumber } from './number-871e02b8.js';
+export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './normalizeLink-1201fe81.js';
 export { MBTheme, theme } from './miscTheme.js';
-export { B as Breakpoints, M as MediaQueries, S as Screens, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-06a90493.js';
+export { B as Breakpoints, M as MediaQueries, S as Screens, d as convertDay, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-127c91c4.js';
 export { formatHealthTool, getDynamicHealthTool, getDynamicHealthToolWithCache } from './miscGetDynamicHealthTool.js';
 export { getSocialList } from './miscGetSocialList.js';
 export { ScreenSizeContext, ScreenSizeContextProvider, getWindowSizeGroups } from './miscScreenSizeContext.js';
-export { f as formatPill } from './dataTransform-4d1e8037.js';
+export { f as formatPill } from './dataTransform-414d77ff.js';
 import 'dayjs';
+import 'react-phone-number-input';
 import '@emotion/react';
-import './tslib.es6-973fb363.js';
-import './index-e120177a.js';
-import './Locale-11dbaf70.js';
+import './tslib.es6-a1185d41.js';
+import './index-c1a80bfa.js';
+import './Locale-5e5b94e0.js';
 import '@mantine/notifications';
-import './index-8a5a2683.js';
+import './index-c979e822.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
 import './constantsIsProduction.js';
-import './index-98afb88a.js';
-import './shared-d57c70b8.js';
-import './core-fb88905a.js';
-import './WhatsApp-7b192be4.js';
-import './index-0b31c943.js';
-import './index-78413c0c.js';
+import './index-39603939.js';
+import './shared-2d2d18e1.js';
+import './core-4882f51c.js';
+import './WhatsApp-f84dedc1.js';
+import './index-9d8b7481.js';
+import './index-56bfe9b6.js';
 import 'js-cookie';
 import 'uuid';
 import 'lodash/throttle';

package/build/esm/miscGetDynamicHealthTool.js

@@ -1,8 +1,8 @@
-import { a as __awaiter } from './tslib.es6-973fb363.js';
-import { e as normalizeLinkSlash, c as getDiscoverApiDomain } from './normalizeLink-ea55309e.js';
-import { g as getDataWithCache } from './core-fb88905a.js';
+import { a as __awaiter } from './tslib.es6-a1185d41.js';
+import { e as normalizeLinkSlash, c as getDiscoverApiDomain } from './normalizeLink-1201fe81.js';
+import { g as getDataWithCache } from './core-4882f51c.js';
 import './constantsDomainLocales.js';
-import './Locale-11dbaf70.js';
+import './Locale-5e5b94e0.js';
 import './constantsIsProduction.js';
 
 const formatHealthTool = (healthTool, locale) => {

package/build/esm/miscGetSocialList.js

@@ -1,12 +1,12 @@
 import React__default from 'react';
-import { _ as __rest } from './tslib.es6-973fb363.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-7b192be4.js';
-import { S as SocialType } from './index-e120177a.js';
-import { g as getHelloSitesUrl } from './index-0b31c943.js';
-import { C as CommonGAssets } from './index-98afb88a.js';
-import { L as LOCALE } from './Locale-11dbaf70.js';
-import './index-78413c0c.js';
-import './index-8a5a2683.js';
+import { _ as __rest } from './tslib.es6-a1185d41.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-f84dedc1.js';
+import { S as SocialType } from './index-c1a80bfa.js';
+import { g as getHelloSitesUrl } from './index-9d8b7481.js';
+import { C as CommonGAssets } from './index-39603939.js';
+import { L as LOCALE } from './Locale-5e5b94e0.js';
+import './index-56bfe9b6.js';
+import './index-c979e822.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';

package/build/esm/miscScreenSizeContext.js

@@ -1,6 +1,6 @@
 import React__default, { createContext, useState, useEffect, useMemo } from 'react';
 import throttle from 'lodash/throttle';
-import { B as Breakpoints } from './utils-06a90493.js';
+import { B as Breakpoints } from './utils-127c91c4.js';
 
 const ScreenSizeContext = createContext({
     isInit: true,

package/build/esm/mobileBottomNavigation.js

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-973fb363.js';
+import { _ as __rest } from './tslib.es6-a1185d41.js';
 import React__default from 'react';
-import { M as MobileBottomNavigationIcon, S as StyledMobileBottomNavigation } from './MobileBottomNavigationIcon-114e08a4.js';
-import './index-96606b7b.js';
+import { M as MobileBottomNavigationIcon, S as StyledMobileBottomNavigation } from './MobileBottomNavigationIcon-803042d0.js';
+import './index-11f99f13.js';
 import '@mantine/core';
-import './text-a592e4ae.js';
+import './text-6b1a3cb1.js';
 import './miscTheme.js';
 import '@emotion/react';
 import '@emotion/styled';
-import './utils-06a90493.js';
+import './utils-127c91c4.js';
 
 const MobileBottomNavigationWrapper = (_a) => {
     var { children, isCollapsed = false, template = 'homepage', refObject, height = 56 } = _a, rest = __rest(_a, ["children", "isCollapsed", "template", "refObject", "height"]);

package/build/esm/mobileBottomNavigationIcon.js

@@ -1,10 +1,10 @@
-import './tslib.es6-973fb363.js';
+import './tslib.es6-a1185d41.js';
 import 'react';
-import './index-96606b7b.js';
+import './index-11f99f13.js';
 import './miscTheme.js';
-export { M as MobileBottomNavigationIcon } from './MobileBottomNavigationIcon-114e08a4.js';
+export { M as MobileBottomNavigationIcon } from './MobileBottomNavigationIcon-803042d0.js';
 import '@mantine/core';
-import './text-a592e4ae.js';
+import './text-6b1a3cb1.js';
 import '@emotion/react';
 import '@emotion/styled';
-import './utils-06a90493.js';
+import './utils-127c91c4.js';