@hhgtech/hhg-components 1.29.435 → 1.29.437-beta-1

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-e0c09f8c.js → labelSorting-8dd8b70c.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-c96f8955.js');
-require('./translationsContext-b6a3a848.js');
-var togetherComponentGlobalContext = require('./utils-6e08da38.js');
-var treePopoverMenu = require('./treePopoverMenu-fb562b9d.js');
+var index = require('./index-00d4d808.js');
+require('./translationsContext-bf3ef3c0.js');
+var togetherComponentGlobalContext = require('./utils-fe52cd36.js');
+var treePopoverMenu = require('./treePopoverMenu-260f5b92.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-b33ba902.js');
+var tslib_es6 = require('./tslib.es6-e91e59d4.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-7e0ec06b.js');
+var index = require('./index-94dcd00c.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$1 = require('./index-c7d4bc04.js');
-var translationsContext = require('./translationsContext-b6a3a848.js');
-var utils$1 = require('./utils-62c243a8.js');
-var index$2 = require('./index-c96f8955.js');
-var index$3 = require('./index-e9f494fb.js');
-var index$5 = require('./index-068abcaa.js');
-var index$4 = require('./index-ecb51cb3.js');
-require('./index.styles-ec2b0e3a.js');
+var index$1 = require('./index-284b7841.js');
+var translationsContext = require('./translationsContext-bf3ef3c0.js');
+var utils$1 = require('./utils-82cecf71.js');
+var index$2 = require('./index-00d4d808.js');
+var index$3 = require('./index-910f65ab.js');
+var index$5 = require('./index-f559d668.js');
+var index$4 = require('./index-de7bf153.js');
+require('./index.styles-6f645490.js');
 var hooks = require('@mantine/hooks');
-require('./index-6da02f6c.js');
-var text = require('./text-e045e4ff.js');
-require('./index-6fe3211e.js');
-var utils = require('./utils-06b60885.js');
+require('./index-462e60aa.js');
+var text = require('./text-66ad0b52.js');
+require('./index-22d1b8a8.js');
+var utils = require('./utils-0abd0206.js');
 var dates = require('@mantine/dates');
-var index$7 = require('./index-aa0a87d2.js');
-var index$b = require('./index-c7705a55.js');
-require('./index-92e5bd77.js');
-var usePlacesAutocomplete = require('./usePlacesAutocomplete-4ebfd69e.js');
-var index$6 = require('./index-feb676d3.js');
-var translationsProvider = require('./translationsProvider-9aeb4c95.js');
-var Locale = require('./Locale-3d460ee9.js');
+var index$7 = require('./index-17251312.js');
+var index$b = require('./index-30746be0.js');
+require('./index-55433609.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-b373587b.js');
+var index$6 = require('./index-af223447.js');
+var translationsProvider = require('./translationsProvider-26923d9f.js');
+var Locale = require('./Locale-521d8951.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-a71d1ad5.js');
-var togetherComponentGlobalContext = require('./utils-6e08da38.js');
-var index$9 = require('./index-75af4c7c.js');
-var index$a = require('./index-4a50075a.js');
-var index$c = require('./index-db78eb88.js');
+var index$8 = require('./index-5ba5e43d.js');
+var togetherComponentGlobalContext = require('./utils-fe52cd36.js');
+var index$9 = require('./index-727af01b.js');
+var index$a = require('./index-1fb2d173.js');
+var index$c = require('./index-f49b4523.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-5eea89d0.js');
+var InputDate = require('./InputDate-4d70afc3.js');
 var carousel = require('@mantine/carousel');
-var utils$2 = require('./utils-e415ae7d.js');
-var index$d = require('./index-322f18d9.js');
-var Close = require('./Close-64cf7bf9.js');
+var utils$2 = require('./utils-02866eab.js');
+var index$d = require('./index-55a212a9.js');
+var Close = require('./Close-ff1d662a.js');
 require('./constantsIsProduction.js');
-require('./normalizeLink-c0393bc6.js');
+require('./normalizeLink-69f73aec.js');
 require('@hhgtech/icons/other');
 require('classnames');
-require('./useUniqueId-a8bec4a2.js');
+require('./useUniqueId-a8b43fa0.js');
 require('./constantsSite.js');
-require('./shared-239f13fe.js');
+require('@emotion/react');
+require('./shared-ddebb655.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-afce1028.js');
+require('./index-818b26c3.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-2cd1cd00.js');
-require('./constants-2d30eb62.js');
+require('./constants-be4fea5d.js');
+require('./constants-eb8d6cc8.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-cf0e4ea3.js → logoIcon-ae4de5f1.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-92e5bd77.js');
-var index$1 = require('./index-db78eb88.js');
+var index = require('./index-55433609.js');
+var index$1 = require('./index-f49b4523.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-e9f494fb.js');
-var index$1 = require('./index-068abcaa.js');
-var index$2 = require('./index-c96f8955.js');
-var index$3 = require('./index-ecb51cb3.js');
-var index$4 = require('./index-11a7e8de.js');
+var index = require('./index-910f65ab.js');
+var index$1 = require('./index-f559d668.js');
+var index$2 = require('./index-00d4d808.js');
+var index$3 = require('./index-de7bf153.js');
+var index$4 = require('./index-88417e9f.js');
+var tslib_es6 = require('./tslib.es6-e91e59d4.js');
 var React = require('react');
-var index$5 = require('./index-9fe4bf6b.js');
-var tslib_es6 = require('./tslib.es6-b33ba902.js');
 var core = require('@mantine/core');
+var index$5 = require('./index-beed6377.js');
 var miscTheme = require('./miscTheme.js');
-var index$6 = require('./index-d4681366.js');
+var index$6 = require('./index-b0e3c40e.js');
 var hooks = require('@mantine/hooks');
-var index$7 = require('./index-bb1d6c5b.js');
-var index$8 = require('./index-75af4c7c.js');
-var index$9 = require('./index-6da02f6c.js');
-var text = require('./text-e045e4ff.js');
-var index$a = require('./index-6fe3211e.js');
+var index$7 = require('./index-3a012c27.js');
+var index$8 = require('./index-727af01b.js');
+var index$9 = require('./index-462e60aa.js');
+var text = require('./text-66ad0b52.js');
+var index$a = require('./index-22d1b8a8.js');
 require('@hhgtech/icons/other');
-require('./index-92e5bd77.js');
+require('./index-55433609.js');
 require('./constantsDomainLocales.js');
-require('./Locale-3d460ee9.js');
+require('./Locale-521d8951.js');
 require('./constantsIsProduction.js');
-require('./index-db78eb88.js');
-require('./utils-62c243a8.js');
+require('./index-f49b4523.js');
+require('./utils-82cecf71.js');
 require('@emotion/styled');
 require('@mantine/carousel');
 require('classnames');
 require('uuid');
-require('./useUniqueId-a8bec4a2.js');
+require('./useUniqueId-a8b43fa0.js');
 require('./constantsSite.js');
-require('./index-c7705a55.js');
+require('./index-30746be0.js');
+require('@emotion/react');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index-aa0a87d2.js');
+require('./index-17251312.js');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
-require('./shared-239f13fe.js');
-require('./index.styles-ec2b0e3a.js');
-require('./index-c7d4bc04.js');
-require('./translationsContext-b6a3a848.js');
+require('./shared-ddebb655.js');
+require('./index.styles-6f645490.js');
+require('./index-284b7841.js');
+require('./translationsContext-bf3ef3c0.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-9e6980be.js');
-var animation = require('./animation-4e3c0898.js');
+var ageGenerate = require('./ageGenerate-8f3f7b73.js');
+var animation = require('./animation-bb2230b4.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 require('react');
 require('@mantine/core');
-require('./index-6da02f6c.js');
-require('./text-e045e4ff.js');
-var number = require('./number-a1c91819.js');
-var normalizeLink = require('./normalizeLink-c0393bc6.js');
+require('./index-462e60aa.js');
+require('./text-66ad0b52.js');
+var number = require('./number-6bd2860f.js');
+var normalizeLink = require('./normalizeLink-69f73aec.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-62c243a8.js');
+var utils = require('./utils-82cecf71.js');
 var miscGetDynamicHealthTool = require('./miscGetDynamicHealthTool.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var localizeNumberFormat = require('./localizeNumberFormat-42e93bfc.js');
+var localizeNumberFormat = require('./localizeNumberFormat-d8a1d0eb.js');
 var miscScreenSizeContext = require('./miscScreenSizeContext.js');
-var dataTransform = require('./dataTransform-a6d30152.js');
+var dataTransform = require('./dataTransform-2e4525d4.js');
 require('dayjs');
 require('@emotion/react');
-require('./tslib.es6-b33ba902.js');
-require('./index-c7705a55.js');
-require('./Locale-3d460ee9.js');
+require('./tslib.es6-e91e59d4.js');
+require('./index-30746be0.js');
+require('./Locale-521d8951.js');
 require('@mantine/notifications');
-require('./index-aa0a87d2.js');
+require('./index-17251312.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./index-92e5bd77.js');
-require('./shared-239f13fe.js');
-require('./core-63491f63.js');
-require('./WhatsApp-b7fa7cee.js');
-require('./index-9586f08f.js');
-require('./index-afce1028.js');
+require('./index-55433609.js');
+require('./shared-ddebb655.js');
+require('./core-b3405eed.js');
+require('./WhatsApp-ecc3b108.js');
+require('./index-c1dd2422.js');
+require('./index-818b26c3.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-b33ba902.js');
-var normalizeLink = require('./normalizeLink-c0393bc6.js');
-var core = require('./core-63491f63.js');
+var tslib_es6 = require('./tslib.es6-e91e59d4.js');
+var normalizeLink = require('./normalizeLink-69f73aec.js');
+var core = require('./core-b3405eed.js');
 require('./constantsDomainLocales.js');
-require('./Locale-3d460ee9.js');
+require('./Locale-521d8951.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-b33ba902.js');
-var WhatsApp = require('./WhatsApp-b7fa7cee.js');
-var index = require('./index-c7705a55.js');
-var index$2 = require('./index-9586f08f.js');
-var index$1 = require('./index-92e5bd77.js');
-var Locale = require('./Locale-3d460ee9.js');
-require('./index-afce1028.js');
-require('./index-aa0a87d2.js');
+var tslib_es6 = require('./tslib.es6-e91e59d4.js');
+var WhatsApp = require('./WhatsApp-ecc3b108.js');
+var index = require('./index-30746be0.js');
+var index$2 = require('./index-c1dd2422.js');
+var index$1 = require('./index-55433609.js');
+var Locale = require('./Locale-521d8951.js');
+require('./index-818b26c3.js');
+require('./index-17251312.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-62c243a8.js');
+var utils = require('./utils-82cecf71.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-b33ba902.js');
+var tslib_es6 = require('./tslib.es6-e91e59d4.js');
 var React = require('react');
-var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-4ce34c28.js');
-require('./index-c96f8955.js');
+var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-54cfe745.js');
+require('./index-00d4d808.js');
 require('@mantine/core');
-require('./text-e045e4ff.js');
+require('./text-66ad0b52.js');
 require('./miscTheme.js');
 require('@emotion/react');
 require('@emotion/styled');
-require('./utils-62c243a8.js');
+require('./utils-82cecf71.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }