@hhgtech/hhg-components 1.29.435 → 1.29.437

package/build/esm/lead.js

@@ -1,58 +1,59 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-cad4c87b.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-06a681af.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, Input as Input$1, Checkbox as Checkbox$1, Radio as Radio$1, Select as Select$1, Flex, clsx, TextInput, NumberInput as NumberInput$1, rem, AspectRatio, Badge, Tooltip, 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-77136d7c.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-6af00a0b.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { u as useTranslations } from './index-c118b3d8.js';
-import { T as TranslationsContext } from './translationsContext-698920d1.js';
-import { M as MediaQueries, b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-ef5b252f.js';
-import { T as Text } from './index-9e8c02dd.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-eb59ab36.js';
-import { D as DatePicker } from './index-6f0cf5fe.js';
-import { B as Button } from './index-c50bc401.js';
-import './index.styles-8250af6c.js';
+import { u as useTranslations } from './index-561af028.js';
+import { T as TranslationsContext } from './translationsContext-f6267534.js';
+import { M as MediaQueries, b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-4c7298c8.js';
+import { T as Text } from './index-319f2448.js';
+import { S as Select, d as Checkbox, I as Input, R as Radio, P as Phone, N as NumberInput, E as ErrorIcon, o as ErrorLabel, O as OTP } from './index-55fc401e.js';
+import { D as DatePicker } from './index-e67353a7.js';
+import { B as Button } from './index-1e20c106.js';
+import './index.styles-4a719f52.js';
 import { useIntersection } from '@mantine/hooks';
-import './index-c9d25309.js';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './text-a80dbecb.js';
-import './index-f32ab4f6.js';
-import { M as MAPPED_LOCALE } from './utils-894dd10f.js';
+import './index-dc56355a.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './text-5624a2fe.js';
+import './index-7f4a4485.js';
+import { M as MAPPED_LOCALE } from './utils-67d5f284.js';
 import { DateInput } from '@mantine/dates';
-import { L as LOCALE_SPECS, Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-5c71ffdd.js';
-import { C as COMMON_DATE_TRANSLATE_KEY } from './index-6c2f46d4.js';
-import './index-7e11e0d5.js';
-import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-a8f65a1a.js';
-import { H as Heading$1 } from './index-971eb8ab.js';
-import { t as translationsMap$1 } from './translationsProvider-c7d6859f.js';
-import { L as LOCALE } from './Locale-04ca1b16.js';
+import { L as LOCALE_SPECS, Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-06704f5d.js';
+import { C as COMMON_DATE_TRANSLATE_KEY } from './index-9c0b8003.js';
+import './index-6721c6cf.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-159053ad.js';
+import { H as Heading$1 } from './index-8d34a66d.js';
+import { t as translationsMap$1 } from './translationsProvider-28c43973.js';
+import { L as LOCALE } from './Locale-244139ef.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 { u as useTextStyles, C as ChoiceField, T as TextField, E as ErrorIcon } from './index-05f7c12d.js';
-import { T as TogetherComponentGlobalContext } from './utils-282597b9.js';
-import { M as MantineProvider } from './index-e71f7d21.js';
-import { i as isVideo } from './index-d0effa4c.js';
-import { I as ImageWrap, u as useScreenSize } from './index-7f77a9f8.js';
+import { u as useTextStyles, C as ChoiceField, T as TextField } from './index-ff508e1f.js';
+import { T as TogetherComponentGlobalContext } from './utils-455f56f9.js';
+import { M as MantineProvider } from './index-735c4c40.js';
+import { i as isVideo } from './index-f20ff36f.js';
+import { I as ImageWrap, u as useScreenSize } from './index-75d15f8c.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-cdea635b.js';
+import { I as InputDate } from './InputDate-47cb79ec.js';
 import { Carousel } from '@mantine/carousel';
-import { c as currencyFormat } from './utils-d6df7822.js';
-import { D as DrawerComponent } from './index-66867721.js';
-import { C as Close } from './Close-1e6903ec.js';
+import { c as currencyFormat } from './utils-6028933f.js';
+import { D as DrawerComponent } from './index-2787bb80.js';
+import { C as Close } from './Close-1f9edcdc.js';
 import './constantsIsProduction.js';
-import './normalizeLink-7d484272.js';
+import './normalizeLink-43f28f61.js';
 import '@hhgtech/icons/other';
 import 'classnames';
-import './useUniqueId-5d947d77.js';
+import './useUniqueId-8078ebaa.js';
 import './constantsSite.js';
-import './shared-0d9eb362.js';
+import '@emotion/react';
+import './shared-5b0ae1a6.js';
 import '@mantine/notifications';
 import 'date-fns/locale';
 import './constantsRiskScreener.js';
@@ -68,13 +69,12 @@ 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 '@emotion/react';
-import './index-abb549a6.js';
+import './index-715550d9.js';
 import 'slugify';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-a40532fa.js';
-import './constants-5b3aef51.js';
+import './constants-844cd57a.js';
+import './constants-3ad81354.js';
 import 'vaul';
 
 const LeadGenComponentContext = createContext({});
@@ -4033,6 +4033,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
         const { placeholder: label, value, align, listQuestion, isSendMailChimp = false, newtab, url, } = data;
         const required = (_a = data.required) !== null && _a !== void 0 ? _a : true;
         const formValue = (formValues === null || formValues === void 0 ? void 0 : formValues[value]) || null;
+        const _b = form.getInputProps(value === 'TncBlock' ? form.getInputProps(`TNC-${id}`) : value), { error } = _b, formInputProps = __rest(_b, ["error"]);
         switch (name) {
             case 'TitleBlock':
                 return (React__default.createElement(TitleBlock, { key: index, align: align }, value));
@@ -4048,9 +4049,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                             'input',
                             'description',
                             '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]))), styles: (theme) => ({
+                        ] }, formInputProps, { name: value, error: error && React__default.createElement(ErrorLabel, { withIcon: true, label: error }), styles: (theme) => ({
                             input: Object.assign(Object.assign({}, GlobalTextStyleNew(theme)[CustomStylesType.LEADGEN]
                                 .p2), { color: theme.colors.gray[9], fontWeight: FontWeight.halfBold }),
                         }) }))))));
@@ -4064,9 +4063,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                             'input',
                             'description',
                             '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]))), styles: (theme) => ({
+                        ] }, formInputProps, { error: error && React__default.createElement(ErrorLabel, { withIcon: true, label: error }), styles: (theme) => ({
                             input: Object.assign(Object.assign({}, GlobalTextStyleNew(theme)[CustomStylesType.LEADGEN]
                                 .p2), { color: theme.colors.gray[9], fontWeight: FontWeight.halfBold }),
                         }) }))))));
@@ -4081,9 +4078,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                             'input',
                             'description',
                             '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]))), styles: (theme) => ({
+                        ] }, formInputProps, { error: error && React__default.createElement(ErrorLabel, { withIcon: true, label: error }), styles: (theme) => ({
                             input: Object.assign(Object.assign({}, GlobalTextStyleNew(theme)[CustomStylesType.LEADGEN]
                                 .p2), { color: theme.colors.gray[9], fontWeight: FontWeight.halfBold }),
                         }) }))))));
@@ -4092,7 +4087,6 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
             case 'ZaloOtpBlock':
             case 'PhoneBlock': {
                 const htmlForId = popupId + '-' + value + '-' + index;
-                const _b = form.getInputProps(value), { error } = _b, formPhoneInputWrapper = __rest(_b, ["error"]);
                 return (React__default.createElement(TextField, { key: index, shrink: !!formValue, className: clsx('lead-modal__form-control leadgen-form_field', {
                         'leadgen-form_field_error': !!error,
                     }) },
@@ -4101,9 +4095,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                             'input',
                             'description',
                             'error',
-                        ], 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]))) },
+                        ], error: error && React__default.createElement(ErrorLabel, { withIcon: true, label: error }) },
                         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 }),
                             }) },
@@ -4111,7 +4103,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                                 // onBlur={(e) => inputOnBlur('tel', e)}
                                 id: htmlForId, defaultCountry: (locale
                                     ? MAPPED_LOCALE[locale] || 'VN'
-                                    : 'VN'), "data-control": "tel", "data-lead-control": name, "data-is-required": required }, formPhoneInputWrapper))))))));
+                                    : 'VN'), "data-control": "tel", "data-lead-control": name, "data-is-required": required }, formInputProps))))))));
             }
             case 'LocationBlock': {
                 return (React__default.createElement(TextField, { key: index, shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field" },
@@ -4120,9 +4112,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                             'input',
                             'description',
                             '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]))), styles: (theme) => ({
+                        ] }, formInputProps, { error: error && React__default.createElement(ErrorLabel, { withIcon: true, label: error }), styles: (theme) => ({
                             input: Object.assign(Object.assign(Object.assign({}, GlobalTextStyleNew(theme)[CustomStylesType.LEADGEN]
                                 .p2), { color: theme.colors.gray[9], fontWeight: FontWeight.halfBold }), (hasIcon && {
                                 paddingRight: `${rem(28)} !important`,
@@ -4131,10 +4121,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                     React__default.createElement(TextField.Icon, { Icon: MapPin })));
             }
             case 'DateBlock': {
-                const _c = form.getInputProps(value), { error } = _c, formInputProps = __rest(_c, ["error"]);
-                return (React__default.createElement(Input$1.Wrapper, { key: index, size: "md", withAsterisk: required, label: React__default.createElement(Text, { size: "p2", variant: "primary" }, label), "data-invalid": !!error, inputWrapperOrder: ['label', 'input', 'description', 'error'], 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]))), className: "lead-modal__form-control leadgen-form_field" },
+                return (React__default.createElement(Input$1.Wrapper, { key: index, size: "md", withAsterisk: required, label: React__default.createElement(Text, { size: "p2", variant: "primary" }, label), "data-invalid": !!error, inputWrapperOrder: ['label', 'input', 'description', 'error'], error: error && React__default.createElement(ErrorLabel, { withIcon: true, label: error }), className: "lead-modal__form-control leadgen-form_field" },
                     React__default.createElement(InputDate, Object.assign({ name: value, error: Boolean(error), locale: locale, "data-extra": true, "data-name": value, "data-control": "date", "data-lead-control": name, "data-is-required": required, className: "leadgen-form_field_date", labelTuples: labelTuples }, formInputProps))));
             }
             case 'LinkButtonBlock':
@@ -4167,9 +4154,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                             gap: 8,
                         }, inputWrapperOrder: ['label', 'input', 'description', 'error'], inputContainer: (children) => {
                             return (React__default.createElement("div", { className: "leadgen-choiceContainer" }, children));
-                        } }, 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]))) }), listQuestion.map((l, _index) => (React__default.createElement(Checkbox, { name: value, key: _index, value: l.value, label: React__default.createElement(Text, { size: "p2", variant: "primary" }, l.placeholder), "data-control": "checkbox", "data-lead-control": name, "data-is-required": required }))))));
+                        } }, form.getInputProps(value), { error: error && React__default.createElement(ErrorLabel, { withIcon: true, label: error }) }), listQuestion.map((l, _index) => (React__default.createElement(Checkbox, { name: value, key: _index, value: l.value, label: React__default.createElement(Text, { size: "p2", variant: "primary" }, l.placeholder), "data-control": "checkbox", "data-lead-control": name, "data-is-required": required }))))));
             case 'RadioBlock':
                 return (React__default.createElement(ChoiceField, { className: "leadgen-form_radio", key: index },
                     isSendMailChimp && (React__default.createElement(Input$1, { type: "hidden", name: value + '-mailchimp', value: isSendMailChimp })),
@@ -4177,9 +4162,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                         // 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), { 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]))) }), 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 }))))));
+                        } }, form.getInputProps(value), { error: error && React__default.createElement(ErrorLabel, { withIcon: true, label: error }) }), 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,
@@ -4215,15 +4198,10 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                                         paddingInline: 0,
                                     },
                                 },
-                            }), 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]))) })))))));
+                            }), maxDropdownHeight: 192 }, form.getInputProps(value), { error: error && React__default.createElement(ErrorLabel, { withIcon: true, label: error }) })))))));
             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(Flex, { align: 'center', gap: 4 },
-                            React__default.createElement(ErrorIcon, { size: 12 }),
-                            React__default.createElement(Text, { size: "c1", variant: "error" }, error))) },
+                    React__default.createElement(Input$1.Wrapper, { error: error && React__default.createElement(ErrorLabel, { withIcon: true, label: 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) => ({
                                     root: {
                                         a: {
@@ -4232,7 +4210,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                                             color: `${theme.colors.gray[7]} !important`,
                                         },
                                     },
-                                }) }), className: "tnc-block", "data-control": "checkbox", "data-lead-control": name, "data-is-required": required }, tncInputProps)))));
+                                }) }), className: "tnc-block", "data-control": "checkbox", "data-lead-control": name, "data-is-required": required }, formInputProps)))));
         }
         return null;
     })));

package/build/esm/{logoIcon-4b7699f9.js → logoIcon-e686b9de.js}

@@ -1,6 +1,6 @@
 import React__default, { memo, useMemo } from 'react';
-import { C as CommonGAssets } from './index-7e11e0d5.js';
-import { I as ImageWrap } from './index-7f77a9f8.js';
+import { C as CommonGAssets } from './index-6721c6cf.js';
+import { I as ImageWrap } from './index-75d15f8c.js';
 
 const _LogoIcon = ({ type, width, height }) => {
     const data = useMemo(() => {

package/build/esm/mantine.js

@@ -1,50 +1,55 @@
-import { g as StyledTextArea, D as DEBOUNCED_TIME, h as StyledSliderWrapper, i as StyledSlider } from './index-eb59ab36.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 PhoneInput, n as Popover, R as Radio, S as Select, l as emotionCache } from './index-eb59ab36.js';
-export { D as DatePicker } from './index-6f0cf5fe.js';
-export { T as Text } from './index-9e8c02dd.js';
-import { B as Button } from './index-c50bc401.js';
-export { B as Button } from './index-c50bc401.js';
-export { I as Indicator } from './index-9aef1899.js';
+import { u as useStyles, D as DEBOUNCED_TIME, h as StyledSliderWrapper, i as StyledSlider } from './index-55fc401e.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, o as ErrorLabel, I as Input, O as OTP, P as Phone, m as PhoneInput, n as Popover, R as Radio, S as Select, l as emotionCache } from './index-55fc401e.js';
+export { D as DatePicker } from './index-e67353a7.js';
+export { T as Text } from './index-319f2448.js';
+import { B as Button } from './index-1e20c106.js';
+export { B as Button } from './index-1e20c106.js';
+export { I as Indicator } from './index-32955a2c.js';
+import { _ as __rest } from './tslib.es6-06a681af.js';
 import React__default, { useState, useEffect } from 'react';
-export { M as Modal } from './index-2ab6597f.js';
-import { _ as __rest } from './tslib.es6-cad4c87b.js';
-import { Badge as Badge$1, LoadingOverlay as LoadingOverlay$1, clsx, Title, Text, Button as Button$1 } from '@mantine/core';
+import { Textarea, Badge as Badge$1, LoadingOverlay as LoadingOverlay$1, clsx, Title, Text, Button as Button$1 } from '@mantine/core';
+export { M as Modal } from './index-32949595.js';
 import { theme } from './miscTheme.js';
-export { S as Spoiler } from './index-b81418da.js';
+export { S as Spoiler } from './index-d5c7f488.js';
 import { useDebouncedValue } from '@mantine/hooks';
-export { S as Switch } from './index-550ee200.js';
-export { M as MantineProvider } from './index-e71f7d21.js';
-export { M as MAPPED_LOCALE, a as getHeadingStyles, g as getMantineThemeOverride, s as showNotification, t as themeColors, u as useMantineLocale } from './index-c9d25309.js';
-export { C as CustomStylesType, F as FontWeight } from './text-a80dbecb.js';
-export { T as Tabs } from './index-f32ab4f6.js';
+export { S as Switch } from './index-684659b6.js';
+export { M as MantineProvider } from './index-735c4c40.js';
+export { M as MAPPED_LOCALE, a as getHeadingStyles, g as getMantineThemeOverride, s as showNotification, t as themeColors, u as useMantineLocale } from './index-dc56355a.js';
+export { C as CustomStylesType, F as FontWeight } from './text-5624a2fe.js';
+export { T as Tabs } from './index-7f4a4485.js';
 import '@hhgtech/icons/other';
-import './index-7e11e0d5.js';
+import './index-6721c6cf.js';
 import './constantsDomainLocales.js';
-import './Locale-04ca1b16.js';
+import './Locale-244139ef.js';
 import './constantsIsProduction.js';
-import './index-7f77a9f8.js';
-import './utils-ef5b252f.js';
+import './index-75d15f8c.js';
+import './utils-4c7298c8.js';
 import '@emotion/styled';
 import '@mantine/carousel';
 import 'classnames';
 import 'uuid';
-import './useUniqueId-5d947d77.js';
+import './useUniqueId-8078ebaa.js';
 import './constantsSite.js';
-import './index-6c2f46d4.js';
+import './index-9c0b8003.js';
+import '@emotion/react';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index-5c71ffdd.js';
+import './index-06704f5d.js';
 import 'date-fns/locale';
 import './constantsRiskScreener.js';
-import './shared-0d9eb362.js';
-import './index.styles-8250af6c.js';
-import './index-c118b3d8.js';
-import './translationsContext-698920d1.js';
+import './shared-5b0ae1a6.js';
+import './index.styles-4a719f52.js';
+import './index-561af028.js';
+import './translationsContext-f6267534.js';
 import 'dayjs';
 import '@mantine/notifications';
 
-const TextArea = (props) => {
-    return React__default.createElement(StyledTextArea, Object.assign({ minRows: 2, maxRows: 4 }, props));
+const TextArea = (_a) => {
+    var { styles } = _a, props = __rest(_a, ["styles"]);
+    const { classes } = useStyles(undefined, { name: 'MantineTextarea', styles });
+    return (React__default.createElement(Textarea, Object.assign({ classNames: {
+            input: classes.input,
+        }, minRows: 2, maxRows: 4 }, props)));
 };
 
 const Badge = (_a) => {

package/build/esm/misc.js

@@ -1,37 +1,37 @@
-export { a as ageGenerate } from './ageGenerate-d0cfbbaa.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-7de6ad2a.js';
+export { a as ageGenerate } from './ageGenerate-fa1fadb5.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-df95518a.js';
 export { deleteCookie, getCookie, setCookie } from './miscCookieHelper.js';
 import 'react';
 import '@mantine/core';
-import './index-c9d25309.js';
-import './text-a80dbecb.js';
-export { a as abbreviateNumber } from './number-315063b9.js';
-export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './normalizeLink-7d484272.js';
+import './index-dc56355a.js';
+import './text-5624a2fe.js';
+export { a as abbreviateNumber } from './number-f3008595.js';
+export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './normalizeLink-43f28f61.js';
 export { MBTheme, theme } from './miscTheme.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, e as sleep, s as startCase, t as toggleNoScroll } from './utils-ef5b252f.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, e as sleep, s as startCase, t as toggleNoScroll } from './utils-4c7298c8.js';
 export { formatHealthTool, getDynamicHealthTool, getDynamicHealthToolWithCache } from './miscGetDynamicHealthTool.js';
 export { getSocialList } from './miscGetSocialList.js';
-export { c as convertLocalizedStringToNumber, f as formatPhoneNumber, l as localizeNumberFormat } from './localizeNumberFormat-80b3381d.js';
+export { c as convertLocalizedStringToNumber, f as formatPhoneNumber, l as localizeNumberFormat } from './localizeNumberFormat-ce5cbc43.js';
 export { ScreenSizeContext, ScreenSizeContextProvider, getWindowSizeGroups } from './miscScreenSizeContext.js';
-export { f as formatPill } from './dataTransform-fad453cf.js';
+export { f as formatPill } from './dataTransform-24feb7fc.js';
 import 'dayjs';
 import '@emotion/react';
-import './tslib.es6-cad4c87b.js';
-import './index-6c2f46d4.js';
-import './Locale-04ca1b16.js';
+import './tslib.es6-06a681af.js';
+import './index-9c0b8003.js';
+import './Locale-244139ef.js';
 import '@mantine/notifications';
-import './index-5c71ffdd.js';
+import './index-06704f5d.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
 import './constantsIsProduction.js';
-import './index-7e11e0d5.js';
-import './shared-0d9eb362.js';
-import './core-b5022560.js';
-import './WhatsApp-9cad2c64.js';
-import './index-1c4642d7.js';
-import './index-abb549a6.js';
+import './index-6721c6cf.js';
+import './shared-5b0ae1a6.js';
+import './core-b0677079.js';
+import './WhatsApp-96c5ba5b.js';
+import './index-1e6e0be5.js';
+import './index-715550d9.js';
 import 'js-cookie';
 import 'uuid';
 import 'react-phone-number-input';

package/build/esm/miscGetDynamicHealthTool.js

@@ -1,8 +1,8 @@
-import { a as __awaiter } from './tslib.es6-cad4c87b.js';
-import { n as normalizeLinkSlash, c as getDiscoverApiDomain } from './normalizeLink-7d484272.js';
-import { g as getDataWithCache } from './core-b5022560.js';
+import { a as __awaiter } from './tslib.es6-06a681af.js';
+import { n as normalizeLinkSlash, c as getDiscoverApiDomain } from './normalizeLink-43f28f61.js';
+import { g as getDataWithCache } from './core-b0677079.js';
 import './constantsDomainLocales.js';
-import './Locale-04ca1b16.js';
+import './Locale-244139ef.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-cad4c87b.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-9cad2c64.js';
-import { S as SocialType } from './index-6c2f46d4.js';
-import { g as getHelloSitesUrl } from './index-1c4642d7.js';
-import { C as CommonGAssets } from './index-7e11e0d5.js';
-import { L as LOCALE } from './Locale-04ca1b16.js';
-import './index-abb549a6.js';
-import './index-5c71ffdd.js';
+import { _ as __rest } from './tslib.es6-06a681af.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-96c5ba5b.js';
+import { S as SocialType } from './index-9c0b8003.js';
+import { g as getHelloSitesUrl } from './index-1e6e0be5.js';
+import { C as CommonGAssets } from './index-6721c6cf.js';
+import { L as LOCALE } from './Locale-244139ef.js';
+import './index-715550d9.js';
+import './index-06704f5d.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-ef5b252f.js';
+import { B as Breakpoints } from './utils-4c7298c8.js';
 
 const ScreenSizeContext = createContext({
     isInit: true,

package/build/esm/mobileBottomNavigation.js

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-cad4c87b.js';
+import { _ as __rest } from './tslib.es6-06a681af.js';
 import React__default from 'react';
-import { M as MobileBottomNavigationIcon, S as StyledMobileBottomNavigation } from './MobileBottomNavigationIcon-fc1d77c8.js';
-import './index-9e8c02dd.js';
+import { M as MobileBottomNavigationIcon, S as StyledMobileBottomNavigation } from './MobileBottomNavigationIcon-6d1902fd.js';
+import './index-319f2448.js';
 import '@mantine/core';
-import './text-a80dbecb.js';
+import './text-5624a2fe.js';
 import './miscTheme.js';
 import '@emotion/react';
 import '@emotion/styled';
-import './utils-ef5b252f.js';
+import './utils-4c7298c8.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-cad4c87b.js';
+import './tslib.es6-06a681af.js';
 import 'react';
-import './index-9e8c02dd.js';
+import './index-319f2448.js';
 import './miscTheme.js';
-export { M as MobileBottomNavigationIcon } from './MobileBottomNavigationIcon-fc1d77c8.js';
+export { M as MobileBottomNavigationIcon } from './MobileBottomNavigationIcon-6d1902fd.js';
 import '@mantine/core';
-import './text-a80dbecb.js';
+import './text-5624a2fe.js';
 import '@emotion/react';
 import '@emotion/styled';
-import './utils-ef5b252f.js';
+import './utils-4c7298c8.js';