@hhgtech/hhg-components 1.29.434 → 1.29.436

package/build/interfaces/constants/index.d.ts

@@ -94,3 +94,8 @@ export declare enum ServicePrice {
     STARTING = 2,
     RANGE = 3
 }
+export declare enum SERVICE_TYPE {
+    VACCINE = "VACCINE",
+    IVF = "IVF",
+    EGG_FREEZING = "EGG_FREEZING"
+}

package/build/{labelSorting-b0ab8cb3.js → labelSorting-8591a1f7.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-71cc6db3.js');
-require('./translationsContext-82d0f6fe.js');
-var togetherComponentGlobalContext = require('./utils-64e8e82c.js');
-var treePopoverMenu = require('./treePopoverMenu-e3d7dd40.js');
+var index = require('./index-89215d97.js');
+require('./translationsContext-0b437307.js');
+var togetherComponentGlobalContext = require('./utils-efb9df54.js');
+var treePopoverMenu = require('./treePopoverMenu-3173b7c6.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/lead/components/close.d.ts

@@ -3,7 +3,7 @@ import { ButtonProps } from "../../mantine";
 export declare const Close: ({ children, ...rest }: {
     children: ReactNode;
 } & {
-    variant?: "error" | "white" | "primary" | "secondary" | "tertiary" | "light" | "ghost" | "success";
+    variant?: "white" | "primary" | "secondary" | "tertiary" | "error" | "success" | "light" | "ghost";
     skipHover?: boolean;
     theme?: "marryBaby" | "helloSites";
 } & Omit<import("@mantine/core").ButtonProps, "variant"> & React.ButtonHTMLAttributes<HTMLButtonElement> & import("../../types").DataTrackingType) => React.JSX.Element;

package/build/lead/layouts/inlineFreebie/InlineFreebie.styled.d.ts

@@ -9,7 +9,7 @@ export declare const StyledTitle: import("@emotion/styled").StyledComponent<{
     as?: any;
     wordWrap?: "none" | "break-word" | "break-all";
     isUppercase?: boolean;
-    variant?: "primary" | "secondary" | "tertiary" | "disabled" | "error" | "green";
+    variant?: "primary" | "secondary" | "tertiary" | "disabled" | "error" | "success";
 } & Omit<import("react").HTMLAttributes<unknown>, "size"> & Omit<import("@mantine/core").TextProps, "size" | "weight" | "component"> & import("@mantine/core").DefaultProps<"root", Record<string, any>> & import("../../../types").DataTrackingType & import("react").RefAttributes<HTMLParagraphElement> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/build/lead.js

@@ -2,61 +2,62 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-a74f9491.js');
+var tslib_es6 = require('./tslib.es6-7e3d6fb1.js');
 var React = require('react');
 var core = require('@mantine/core');
 var debounce = require('lodash/debounce');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
-var index = require('./index-5d0ef97b.js');
+var index = require('./index-90184f94.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$1 = require('./index-6e577bd1.js');
-var translationsContext = require('./translationsContext-82d0f6fe.js');
-var utils$1 = require('./utils-d16319e0.js');
-var index$2 = require('./index-71cc6db3.js');
-var index$3 = require('./index-fa92483b.js');
-var index$5 = require('./index-99984179.js');
-var index$4 = require('./index-039ed66c.js');
-require('./index.styles-341d7ef0.js');
+var index$1 = require('./index-bcf3426d.js');
+var translationsContext = require('./translationsContext-0b437307.js');
+var utils$1 = require('./utils-57358b97.js');
+var index$2 = require('./index-89215d97.js');
+var index$3 = require('./index-600def91.js');
+var index$5 = require('./index-581d64f1.js');
+var index$4 = require('./index-16214f9f.js');
+require('./index.styles-4a307277.js');
 var hooks = require('@mantine/hooks');
-require('./index-71fbffaf.js');
-var text = require('./text-e4fe91d4.js');
-require('./index-213f3e49.js');
-var utils = require('./utils-44b7824a.js');
+require('./index-e3b4098c.js');
+var text = require('./text-0ef2e111.js');
+require('./index-69ed5e37.js');
+var utils = require('./utils-756b7229.js');
 var dates = require('@mantine/dates');
-var index$7 = require('./index-411a48f7.js');
-var index$b = require('./index-29e06dd0.js');
-require('./index-a6d650a5.js');
-var usePlacesAutocomplete = require('./usePlacesAutocomplete-b024b4d3.js');
-var index$6 = require('./index-044fa678.js');
-var translationsProvider = require('./translationsProvider-63031ee2.js');
-var Locale = require('./Locale-69fc8fed.js');
+var index$7 = require('./index-bc73ff7f.js');
+var index$b = require('./index-5407515b.js');
+require('./index-fb09a2e1.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-16a24e6c.js');
+var index$6 = require('./index-a5162482.js');
+var translationsProvider = require('./translationsProvider-8bfd8dcd.js');
+var Locale = require('./Locale-66835f9a.js');
 var uuid = require('uuid');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var PhoneInputBase = require('react-phone-number-input');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$8 = require('./index-fbb229eb.js');
-var togetherComponentGlobalContext = require('./utils-64e8e82c.js');
-var index$9 = require('./index-05347996.js');
-var index$a = require('./index-f86d4fe0.js');
-var index$c = require('./index-bd3cd19b.js');
+var index$8 = require('./index-bf99aac8.js');
+var togetherComponentGlobalContext = require('./utils-efb9df54.js');
+var index$9 = require('./index-da8eb3ad.js');
+var index$a = require('./index-7bd9b821.js');
+var index$c = require('./index-c9587556.js');
 var framerMotion = require('framer-motion');
 var ReactDOM = require('react-dom');
 var arrow = require('@hhgtech/icons/arrow');
 var core$1 = require('@hhgtech/icons/core');
-var InputDate = require('./InputDate-295da21e.js');
+var InputDate = require('./InputDate-79f8836d.js');
 var carousel = require('@mantine/carousel');
-var utils$2 = require('./utils-004c4b1b.js');
-var index$d = require('./index-aba755d6.js');
-var Close = require('./Close-26c16e78.js');
+var utils$2 = require('./utils-591412ce.js');
+var index$d = require('./index-2328edc3.js');
+var Close = require('./Close-8ab6763e.js');
 require('./constantsIsProduction.js');
-require('./normalizeLink-74ada6e3.js');
+require('./normalizeLink-9a3d58af.js');
 require('@hhgtech/icons/other');
 require('classnames');
-require('./useUniqueId-604418dc.js');
+require('./useUniqueId-919fc1bf.js');
 require('./constantsSite.js');
-require('./shared-d684976e.js');
+require('@emotion/react');
+require('./shared-9173fc17.js');
 require('@mantine/notifications');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
@@ -72,13 +73,12 @@ require('./i18n-values/vi-VN.js');
 require('./i18n-values/vi-VN_MB.js');
 require('./i18n-values/zh-SG.js');
 require('./i18n-values/zh-TW.js');
-require('@emotion/react');
-require('./index-cf629cc2.js');
+require('./index-7e59c868.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-ee587d9d.js');
-require('./constants-4e2bfd14.js');
+require('./constants-8b7f26ad.js');
+require('./constants-852fd644.js');
 require('vaul');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -2918,7 +2918,7 @@ const LeadGenForm = React.forwardRef((props, ref) => {
                 case LEADGEN_BLOCK.TextBlock: {
                     return (React__default["default"].createElement(index$8.TextField, { key: reactKey, shrink: !!value, className: "leadgen-form_input" },
                         React__default["default"].createElement(index$8.TextField.Control, null, ({ shrink }) => (React__default["default"].createElement(core.TextInput, Object.assign({ name: name, spellCheck: false, withAsterisk: required, label: React__default["default"].createElement(index$2.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["default"].createElement(core.Flex, { align: 'center', gap: 4 },
-                                React__default["default"].createElement(index$8.ErrorIcon, { size: 12 }),
+                                React__default["default"].createElement(index$3.ErrorIcon, { size: 12 }),
                                 React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, error))), styles: (theme) => ({
                                 input: Object.assign(Object.assign({}, text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: text.FontWeight.halfBold }),
                             }) }))))));
@@ -2926,13 +2926,13 @@ const LeadGenForm = React.forwardRef((props, ref) => {
                 case LEADGEN_BLOCK.NumberBlock: {
                     return (React__default["default"].createElement(index$8.TextField, { key: reactKey, shrink: !!value, className: "leadgen-form_input" },
                         React__default["default"].createElement(index$8.TextField.Control, null, (shrink) => (React__default["default"].createElement(core.NumberInput, Object.assign({ name: value, spellCheck: false, withAsterisk: required, label: React__default["default"].createElement(index$2.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, label), placeholder: " ", inputWrapperOrder: LEADGEN_ORDER_INPUT_WRAPPER, type: "number", "data-control": "number" }, formInputProps, { error: error && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
-                                React__default["default"].createElement(index$8.ErrorIcon, { size: 12 }),
+                                React__default["default"].createElement(index$3.ErrorIcon, { size: 12 }),
                                 React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, error))) }))))));
                 }
                 case LEADGEN_BLOCK.EmailBlock: {
                     return (React__default["default"].createElement(index$8.TextField, { key: reactKey, shrink: !!value, className: "leadgen-form_input" },
                         React__default["default"].createElement(index$8.TextField.Control, null, (shrink) => (React__default["default"].createElement(core.TextInput, Object.assign({ name: name, spellCheck: false, withAsterisk: required, label: React__default["default"].createElement(index$2.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, label), placeholder: " ", inputWrapperOrder: LEADGEN_ORDER_INPUT_WRAPPER, "data-control": "email" }, formInputProps, { error: error && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
-                                React__default["default"].createElement(index$8.ErrorIcon, { size: 12 }),
+                                React__default["default"].createElement(index$3.ErrorIcon, { size: 12 }),
                                 React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, error))) }))))));
                 }
                 case LEADGEN_BLOCK.PhoneOtpBlock:
@@ -2948,7 +2948,7 @@ const LeadGenForm = React.forwardRef((props, ref) => {
                                 'description',
                                 'error',
                             ], error: error && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
-                                React__default["default"].createElement(index$8.ErrorIcon, { size: 12 }),
+                                React__default["default"].createElement(index$3.ErrorIcon, { size: 12 }),
                                 React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, error))) },
                             React__default["default"].createElement(core.Box, { className: "mantine-Input-wrapper", sx: (theme) => ({
                                     '.PhoneInput .PhoneInputInput': Object.assign(Object.assign({}, text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: text.FontWeight.halfBold }),
@@ -2960,7 +2960,7 @@ const LeadGenForm = React.forwardRef((props, ref) => {
                 case LEADGEN_BLOCK.LocationBlock: {
                     return (React__default["default"].createElement(index$8.TextField, { key: reactKey, shrink: !!value, className: "leadgen-form_input" },
                         React__default["default"].createElement(GoogleLocationBlock, Object.assign({ name: name, withAsterisk: required, label: label, placeholder: " ", inputWrapperOrder: LEADGEN_ORDER_INPUT_WRAPPER, locale: locale, "data-control": "text" }, formInputProps, { error: error && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
-                                React__default["default"].createElement(index$8.ErrorIcon, { size: 12 }),
+                                React__default["default"].createElement(index$3.ErrorIcon, { size: 12 }),
                                 React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, error))) }))));
                 }
                 case LEADGEN_BLOCK.DateBlock: {
@@ -4062,6 +4062,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 = tslib_es6.__rest(_b, ["error"]);
         switch (name) {
             case 'TitleBlock':
                 return (React__default["default"].createElement(TitleBlock, { key: index, align: align }, value));
@@ -4077,9 +4078,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                             'input',
                             'description',
                             'error',
-                        ] }, form.getInputProps(value), { name: value, error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
-                            React__default["default"].createElement(index$8.ErrorIcon, { size: 12 }),
-                            React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))), styles: (theme) => ({
+                        ] }, formInputProps, { name: value, error: error && React__default["default"].createElement(index$3.ErrorLabel, { withIcon: true, label: error }), styles: (theme) => ({
                             input: Object.assign(Object.assign({}, text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN]
                                 .p2), { color: theme.colors.gray[9], fontWeight: text.FontWeight.halfBold }),
                         }) }))))));
@@ -4093,9 +4092,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                             'input',
                             'description',
                             'error',
-                        ] }, form.getInputProps(value), { error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
-                            React__default["default"].createElement(index$8.ErrorIcon, { size: 12 }),
-                            React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))), styles: (theme) => ({
+                        ] }, formInputProps, { error: error && React__default["default"].createElement(index$3.ErrorLabel, { withIcon: true, label: error }), styles: (theme) => ({
                             input: Object.assign(Object.assign({}, text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN]
                                 .p2), { color: theme.colors.gray[9], fontWeight: text.FontWeight.halfBold }),
                         }) }))))));
@@ -4110,9 +4107,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                             'input',
                             'description',
                             'error',
-                        ] }, form.getInputProps(value), { error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
-                            React__default["default"].createElement(index$8.ErrorIcon, { size: 12 }),
-                            React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))), styles: (theme) => ({
+                        ] }, formInputProps, { error: error && React__default["default"].createElement(index$3.ErrorLabel, { withIcon: true, label: error }), styles: (theme) => ({
                             input: Object.assign(Object.assign({}, text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN]
                                 .p2), { color: theme.colors.gray[9], fontWeight: text.FontWeight.halfBold }),
                         }) }))))));
@@ -4121,7 +4116,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 = tslib_es6.__rest(_b, ["error"]);
                 return (React__default["default"].createElement(index$8.TextField, { key: index, shrink: !!formValue, className: core.clsx('lead-modal__form-control leadgen-form_field', {
                         'leadgen-form_field_error': !!error,
                     }) },
@@ -4130,9 +4124,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                             'input',
                             'description',
                             'error',
-                        ], error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
-                            React__default["default"].createElement(index$8.ErrorIcon, { size: 12 }),
-                            React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))) },
+                        ], error: error && React__default["default"].createElement(index$3.ErrorLabel, { withIcon: true, label: error }) },
                         React__default["default"].createElement(core.Box, { className: "mantine-Input-wrapper", sx: (theme) => ({
                                 '.PhoneInput .PhoneInputInput': Object.assign(Object.assign({}, text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: text.FontWeight.halfBold }),
                             }) },
@@ -4140,7 +4132,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                                 // onBlur={(e) => inputOnBlur('tel', e)}
                                 id: htmlForId, defaultCountry: (locale
                                     ? utils.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["default"].createElement(index$8.TextField, { key: index, shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field" },
@@ -4149,9 +4141,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                             'input',
                             'description',
                             'error',
-                        ] }, form.getInputProps(value), { error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
-                            React__default["default"].createElement(index$8.ErrorIcon, { size: 12 }),
-                            React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))), styles: (theme) => ({
+                        ] }, formInputProps, { error: error && React__default["default"].createElement(index$3.ErrorLabel, { withIcon: true, label: error }), styles: (theme) => ({
                             input: Object.assign(Object.assign(Object.assign({}, text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN]
                                 .p2), { color: theme.colors.gray[9], fontWeight: text.FontWeight.halfBold }), (hasIcon && {
                                 paddingRight: `${core.rem(28)} !important`,
@@ -4160,10 +4150,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                     React__default["default"].createElement(index$8.TextField.Icon, { Icon: core$1.MapPin })));
             }
             case 'DateBlock': {
-                const _c = form.getInputProps(value), { error } = _c, formInputProps = tslib_es6.__rest(_c, ["error"]);
-                return (React__default["default"].createElement(core.Input.Wrapper, { key: index, size: "md", withAsterisk: required, label: React__default["default"].createElement(index$2.Text, { size: "p2", variant: "primary" }, label), "data-invalid": !!error, inputWrapperOrder: ['label', 'input', 'description', 'error'], error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
-                        React__default["default"].createElement(index$8.ErrorIcon, { size: 12 }),
-                        React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))), className: "lead-modal__form-control leadgen-form_field" },
+                return (React__default["default"].createElement(core.Input.Wrapper, { key: index, size: "md", withAsterisk: required, label: React__default["default"].createElement(index$2.Text, { size: "p2", variant: "primary" }, label), "data-invalid": !!error, inputWrapperOrder: ['label', 'input', 'description', 'error'], error: error && React__default["default"].createElement(index$3.ErrorLabel, { withIcon: true, label: error }), className: "lead-modal__form-control leadgen-form_field" },
                     React__default["default"].createElement(InputDate.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':
@@ -4196,9 +4183,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                             gap: 8,
                         }, inputWrapperOrder: ['label', 'input', 'description', 'error'], inputContainer: (children) => {
                             return (React__default["default"].createElement("div", { className: "leadgen-choiceContainer" }, children));
-                        } }, form.getInputProps(value), { error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
-                            React__default["default"].createElement(index$8.ErrorIcon, { size: 12 }),
-                            React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))) }), listQuestion.map((l, _index) => (React__default["default"].createElement(index$3.Checkbox, { name: value, key: _index, value: l.value, label: React__default["default"].createElement(index$2.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["default"].createElement(index$3.ErrorLabel, { withIcon: true, label: error }) }), listQuestion.map((l, _index) => (React__default["default"].createElement(index$3.Checkbox, { name: value, key: _index, value: l.value, label: React__default["default"].createElement(index$2.Text, { size: "p2", variant: "primary" }, l.placeholder), "data-control": "checkbox", "data-lead-control": name, "data-is-required": required }))))));
             case 'RadioBlock':
                 return (React__default["default"].createElement(index$8.ChoiceField, { className: "leadgen-form_radio", key: index },
                     isSendMailChimp && (React__default["default"].createElement(core.Input, { type: "hidden", name: value + '-mailchimp', value: isSendMailChimp })),
@@ -4206,9 +4191,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                         // className="lead-modal__form-control leadgen-form_field"
                         label: React__default["default"].createElement(index$2.Text, { size: "p2", variant: "primary" }, label), size: "md", inputWrapperOrder: ['label', 'input', 'description', 'error'], inputContainer: (children) => {
                             return (React__default["default"].createElement("div", { className: "leadgen-choiceContainer" }, children));
-                        } }, form.getInputProps(value), { error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
-                            React__default["default"].createElement(index$8.ErrorIcon, { size: 12 }),
-                            React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))) }), listQuestion.map((l, _index) => (React__default["default"].createElement(index$3.Radio, { name: value, key: _index, value: l.value, label: React__default["default"].createElement(index$2.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["default"].createElement(index$3.ErrorLabel, { withIcon: true, label: error }) }), listQuestion.map((l, _index) => (React__default["default"].createElement(index$3.Radio, { name: value, key: _index, value: l.value, label: React__default["default"].createElement(index$2.Text, { size: "p2", variant: "primary" }, l.placeholder), "data-control": "radio", "data-lead-control": name, "data-is-required": required }))))));
             case 'DropdownBlock':
                 return (React__default["default"].createElement(index$8.TextField, { shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field DropdownBlock", key: index },
                     React__default["default"].createElement(index$8.TextField.Control, null, ({ shrink }) => (React__default["default"].createElement(React__default["default"].Fragment, null,
@@ -4244,15 +4227,10 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                                         paddingInline: 0,
                                     },
                                 },
-                            }), maxDropdownHeight: 192 }, form.getInputProps(value), { error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
-                                React__default["default"].createElement(index$8.ErrorIcon, { size: 12 }),
-                                React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))) })))))));
+                            }), maxDropdownHeight: 192 }, form.getInputProps(value), { error: error && React__default["default"].createElement(index$3.ErrorLabel, { withIcon: true, label: error }) })))))));
             case 'TncBlock':
-                const _d = form.getInputProps(`TNC-${id}`), { error } = _d, tncInputProps = tslib_es6.__rest(_d, ["error"]);
                 return (React__default["default"].createElement(index$8.ChoiceField, { className: "leadgen-form_checkbox", key: id },
-                    React__default["default"].createElement(core.Input.Wrapper, { error: error && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
-                            React__default["default"].createElement(index$8.ErrorIcon, { size: 12 }),
-                            React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, error))) },
+                    React__default["default"].createElement(core.Input.Wrapper, { error: error && React__default["default"].createElement(index$3.ErrorLabel, { withIcon: true, label: error }) },
                         React__default["default"].createElement(index$3.Checkbox, Object.assign({ name: 'TNC-' + id, label: React__default["default"].createElement(index$2.Text, { as: "span", size: "c1", variant: "secondary", dangerouslySetInnerHTML: { __html: data.valueHTML }, styles: (theme) => ({
                                     root: {
                                         a: {
@@ -4261,7 +4239,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/{logoIcon-cc436d9d.js → logoIcon-f844459d.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-a6d650a5.js');
-var index$1 = require('./index-bd3cd19b.js');
+var index = require('./index-fb09a2e1.js');
+var index$1 = require('./index-c9587556.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/mantine.js

@@ -2,46 +2,47 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-fa92483b.js');
-var index$1 = require('./index-99984179.js');
-var index$2 = require('./index-71cc6db3.js');
-var index$3 = require('./index-039ed66c.js');
-var index$4 = require('./index-fd799256.js');
+var index = require('./index-600def91.js');
+var index$1 = require('./index-581d64f1.js');
+var index$2 = require('./index-89215d97.js');
+var index$3 = require('./index-16214f9f.js');
+var index$4 = require('./index-ae8b725b.js');
+var tslib_es6 = require('./tslib.es6-7e3d6fb1.js');
 var React = require('react');
-var index$5 = require('./index-10a64107.js');
-var tslib_es6 = require('./tslib.es6-a74f9491.js');
 var core = require('@mantine/core');
+var index$5 = require('./index-997b33e9.js');
 var miscTheme = require('./miscTheme.js');
-var index$6 = require('./index-c2a9c178.js');
+var index$6 = require('./index-3e4f8b2e.js');
 var hooks = require('@mantine/hooks');
-var index$7 = require('./index-8e40b75f.js');
-var index$8 = require('./index-05347996.js');
-var index$9 = require('./index-71fbffaf.js');
-var text = require('./text-e4fe91d4.js');
-var index$a = require('./index-213f3e49.js');
+var index$7 = require('./index-32f9411f.js');
+var index$8 = require('./index-da8eb3ad.js');
+var index$9 = require('./index-e3b4098c.js');
+var text = require('./text-0ef2e111.js');
+var index$a = require('./index-69ed5e37.js');
 require('@hhgtech/icons/other');
-require('./index-a6d650a5.js');
+require('./index-fb09a2e1.js');
 require('./constantsDomainLocales.js');
-require('./Locale-69fc8fed.js');
+require('./Locale-66835f9a.js');
 require('./constantsIsProduction.js');
-require('./index-bd3cd19b.js');
-require('./utils-d16319e0.js');
+require('./index-c9587556.js');
+require('./utils-57358b97.js');
 require('@emotion/styled');
 require('@mantine/carousel');
 require('classnames');
 require('uuid');
-require('./useUniqueId-604418dc.js');
+require('./useUniqueId-919fc1bf.js');
 require('./constantsSite.js');
-require('./index-29e06dd0.js');
+require('./index-5407515b.js');
+require('@emotion/react');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index-411a48f7.js');
+require('./index-bc73ff7f.js');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
-require('./shared-d684976e.js');
-require('./index.styles-341d7ef0.js');
-require('./index-6e577bd1.js');
-require('./translationsContext-82d0f6fe.js');
+require('./shared-9173fc17.js');
+require('./index.styles-4a307277.js');
+require('./index-bcf3426d.js');
+require('./translationsContext-0b437307.js');
 require('dayjs');
 require('@mantine/notifications');
 
@@ -49,8 +50,12 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const TextArea = (props) => {
-    return React__default["default"].createElement(index.StyledTextArea, Object.assign({ minRows: 2, maxRows: 4 }, props));
+const TextArea = (_a) => {
+    var { styles } = _a, props = tslib_es6.__rest(_a, ["styles"]);
+    const { classes } = index.useStyles(undefined, { name: 'MantineTextarea', styles });
+    return (React__default["default"].createElement(core.Textarea, Object.assign({ classNames: {
+            input: classes.input,
+        }, minRows: 2, maxRows: 4 }, props)));
 };
 
 const Badge = (_a) => {
@@ -130,6 +135,7 @@ exports.Carousel = index.Carousel;
 exports.CentralCarousel = index.CentralCarousel;
 exports.Checkbox = index.Checkbox;
 exports.ChipButton = index.ChipButton;
+exports.ErrorLabel = index.ErrorLabel;
 exports.Input = index.Input;
 exports.OTP = index.OTP;
 exports.Phone = index.Phone;

package/build/misc.js

@@ -2,40 +2,40 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ageGenerate = require('./ageGenerate-4cb3aba5.js');
-var animation = require('./animation-e5e72cc1.js');
+var ageGenerate = require('./ageGenerate-e053bb62.js');
+var animation = require('./animation-1dc11299.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 require('react');
 require('@mantine/core');
-require('./index-71fbffaf.js');
-require('./text-e4fe91d4.js');
-var number = require('./number-ce7ec76b.js');
-var normalizeLink = require('./normalizeLink-74ada6e3.js');
+require('./index-e3b4098c.js');
+require('./text-0ef2e111.js');
+var number = require('./number-a925e68e.js');
+var normalizeLink = require('./normalizeLink-9a3d58af.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-d16319e0.js');
+var utils = require('./utils-57358b97.js');
 var miscGetDynamicHealthTool = require('./miscGetDynamicHealthTool.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var localizeNumberFormat = require('./localizeNumberFormat-6d2d7777.js');
+var localizeNumberFormat = require('./localizeNumberFormat-349b8e3c.js');
 var miscScreenSizeContext = require('./miscScreenSizeContext.js');
-var dataTransform = require('./dataTransform-a1513994.js');
+var dataTransform = require('./dataTransform-857fbeef.js');
 require('dayjs');
 require('@emotion/react');
-require('./tslib.es6-a74f9491.js');
-require('./index-29e06dd0.js');
-require('./Locale-69fc8fed.js');
+require('./tslib.es6-7e3d6fb1.js');
+require('./index-5407515b.js');
+require('./Locale-66835f9a.js');
 require('@mantine/notifications');
-require('./index-411a48f7.js');
+require('./index-bc73ff7f.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./index-a6d650a5.js');
-require('./shared-d684976e.js');
-require('./core-226d8e53.js');
-require('./WhatsApp-3c299bfa.js');
-require('./index-d0c41740.js');
-require('./index-cf629cc2.js');
+require('./index-fb09a2e1.js');
+require('./shared-9173fc17.js');
+require('./core-4a0513f1.js');
+require('./WhatsApp-4e56fee7.js');
+require('./index-5062c937.js');
+require('./index-7e59c868.js');
 require('js-cookie');
 require('uuid');
 require('react-phone-number-input');

package/build/miscGetDynamicHealthTool.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-a74f9491.js');
-var normalizeLink = require('./normalizeLink-74ada6e3.js');
-var core = require('./core-226d8e53.js');
+var tslib_es6 = require('./tslib.es6-7e3d6fb1.js');
+var normalizeLink = require('./normalizeLink-9a3d58af.js');
+var core = require('./core-4a0513f1.js');
 require('./constantsDomainLocales.js');
-require('./Locale-69fc8fed.js');
+require('./Locale-66835f9a.js');
 require('./constantsIsProduction.js');
 
 const formatHealthTool = (healthTool, locale) => {

package/build/miscGetSocialList.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var tslib_es6 = require('./tslib.es6-a74f9491.js');
-var WhatsApp = require('./WhatsApp-3c299bfa.js');
-var index = require('./index-29e06dd0.js');
-var index$2 = require('./index-d0c41740.js');
-var index$1 = require('./index-a6d650a5.js');
-var Locale = require('./Locale-69fc8fed.js');
-require('./index-cf629cc2.js');
-require('./index-411a48f7.js');
+var tslib_es6 = require('./tslib.es6-7e3d6fb1.js');
+var WhatsApp = require('./WhatsApp-4e56fee7.js');
+var index = require('./index-5407515b.js');
+var index$2 = require('./index-5062c937.js');
+var index$1 = require('./index-fb09a2e1.js');
+var Locale = require('./Locale-66835f9a.js');
+require('./index-7e59c868.js');
+require('./index-bc73ff7f.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');

package/build/miscScreenSizeContext.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var throttle = require('lodash/throttle');
-var utils = require('./utils-d16319e0.js');
+var utils = require('./utils-57358b97.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/mobileBottomNavigation.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-a74f9491.js');
+var tslib_es6 = require('./tslib.es6-7e3d6fb1.js');
 var React = require('react');
-var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-2505ae30.js');
-require('./index-71cc6db3.js');
+var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-1289b337.js');
+require('./index-89215d97.js');
 require('@mantine/core');
-require('./text-e4fe91d4.js');
+require('./text-0ef2e111.js');
 require('./miscTheme.js');
 require('@emotion/react');
 require('@emotion/styled');
-require('./utils-d16319e0.js');
+require('./utils-57358b97.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }