@hhgtech/hhg-components 1.29.227 → 1.29.228

package/build/esm/lead.js

@@ -1,42 +1,42 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-2b7f044d.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-16fe18bd.js';
 import React__default, { createContext, useMemo, useRef, useState, useEffect, useContext } from 'react';
 import debounce from 'lodash/debounce';
 import { createFormContext } from '@mantine/form';
-import { u as useTranslations } from './index-a5d0e615.js';
-import { T as Text } from './index-cad84988.js';
+import { u as useTranslations } from './index-9e5ce45f.js';
+import { T as Text } from './index-7320146f.js';
 import { createStyles, Box, Portal, Transition, Overlay } from '@mantine/core';
-import { S as Select, d as Checkbox, I as Input, R as Radio, P as Phone, N as NumberInput } from './index-8fc34830.js';
-import { D as DatePicker } from './index-ccd36f6d.js';
-import { M as MAPPED_LOCALE } from './utils-f39b3724.js';
+import { S as Select, d as Checkbox, I as Input, R as Radio, P as Phone, N as NumberInput } from './index-8a85122c.js';
+import { D as DatePicker } from './index-83d902e7.js';
+import { M as MAPPED_LOCALE } from './utils-9efcdcfc.js';
 import '@mantine/dates';
-import './index-d9961625.js';
-import './index-550cfd50.js';
-import { C as CommonGAssets } from './index-8e7bab1e.js';
-import './useMantineLocale-ba8d6644.js';
-import { B as Button$1 } from './index-928b0091.js';
-import './index.styles-cc04162c.js';
-import { T as TranslationsContext } from './translationsContext-210496ff.js';
+import './index-1672f17f.js';
+import './index-34c840c3.js';
+import { C as CommonGAssets } from './index-b2c5cabd.js';
+import './useMantineLocale-b14587e2.js';
+import { B as Button$1 } from './index-d3fee65a.js';
+import './index.styles-de4535ba.js';
+import { T as TranslationsContext } from './translationsContext-a5befd4d.js';
 import '@mantine/hooks';
-import { b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-248eb584.js';
-import './other-e828d1b8.js';
-import './index-43e0ec0f.js';
-import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-e5aaa7e0.js';
-import { B as Button } from './index-7358b5c2.js';
-import { H as Heading$1 } from './index-2f9cf656.js';
+import { b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-8bbb4636.js';
+import './other-960c5a86.js';
+import './index-fa640a45.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-8ff91a3f.js';
+import { B as Button } from './index-5717fa96.js';
+import { H as Heading$1 } from './index-dc3c1d76.js';
 import { v1 } from 'uuid';
 import { theme } from './miscTheme.js';
-import { i as isVideo } from './index-0aaf8b74.js';
+import { i as isVideo } from './index-632d204c.js';
 import { createPortal } from 'react-dom';
 import { getCookie, setCookie } from './miscCookieHelper.js';
 import dayjs from 'dayjs';
-import { C as Close } from './Close-6c15b294.js';
+import { C as Close } from './Close-31346c7b.js';
 import '@hhgtech/icons/other';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './Locale-c35bebc3.js';
-import './index-af2536d4.js';
+import './Locale-23f92342.js';
+import './index-361bc83b.js';
 import 'classnames';
-import './useUniqueId-7d67e394.js';
+import './useUniqueId-42135929.js';
 import './constantsSite.js';
 import '@hhgtech/icons/core';
 import 'date-fns/locale';
@@ -311,14 +311,20 @@ const useLeadFormConfig$1 = ({ listBlockAdded = [], validatingPhoneRef, validati
             'TncBlock',
         ];
         // ALL are required and can skip if not touched yet
-        const withSharedCheck = (name, cb) => {
+        const withSharedCheck = (name, cb, 
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        block) => {
             return (value) => {
+                var _a;
+                const isBLockRequired = (_a = block === null || block === void 0 ? void 0 : block.data) === null || _a === void 0 ? void 0 : _a.required;
                 if (!formRef.current.isTouched(name))
                     return;
                 if (typeof value === 'undefined' ||
                     value === '' ||
                     (Array.isArray(value) && value.length === 0)) {
-                    return t('validator.required');
+                    return isBLockRequired
+                        ? t('validator.required')
+                        : cb === null || cb === void 0 ? void 0 : cb(value);
                 }
                 return cb === null || cb === void 0 ? void 0 : cb(value);
             };
@@ -326,18 +332,22 @@ const useLeadFormConfig$1 = ({ listBlockAdded = [], validatingPhoneRef, validati
         return listBlockAdded
             .filter((b) => InputBlocks.includes(b.name))
             .reduce((r, b) => {
+            var _a;
+            const isRequired = (_a = b.data.required) !== null && _a !== void 0 ? _a : true;
             if (b.name === 'NumberBlock') {
                 return Object.assign(Object.assign({}, r), { [b.data.value]: withSharedCheck(b.data.value, (value) => {
-                        if (isNaN(Number(value))) {
+                        if (value && isNaN(Number(value))) {
                             return t('validator.number');
                         }
-                    }) });
+                    }, b) });
             }
             else if (b.name === 'EmailBlock') {
                 return Object.assign(Object.assign({}, r), { [b.data.value]: withSharedCheck(b.data.value, (value) => {
-                        if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) {
+                        if (value && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) {
                             return t('validator.email');
                         }
+                        if (!value)
+                            return;
                         validatingEmailRef.current = true;
                         setTimeout(() => {
                             formRef.current.setFieldError(b.data.value, 'Validating...');
@@ -359,16 +369,19 @@ const useLeadFormConfig$1 = ({ listBlockAdded = [], validatingPhoneRef, validati
                                 validatingEmailRef.current = false;
                             });
                         }, 200);
-                    }) });
+                    }, b) });
             }
             else if (b.name === 'PhoneBlock' ||
                 b.name === 'PhoneOtpBlock' ||
                 b.name === 'WhatsappOtpBlock') {
                 return Object.assign(Object.assign({}, r), { [b.data.value]: withSharedCheck(b.data.value, (value) => {
-                        if (window.intlTelInputUtils &&
+                        if (value &&
+                            window.intlTelInputUtils &&
                             !window.intlTelInputUtils.isValidNumber(String(value), LEAD_LOCALE.countryCode)) {
                             return t('validator.phone');
                         }
+                        if (!value)
+                            return;
                         validatingPhoneRef.current = true;
                         setTimeout(() => {
                             formRef.current.setFieldError(b.data.value, 'Validating...');
@@ -394,21 +407,20 @@ const useLeadFormConfig$1 = ({ listBlockAdded = [], validatingPhoneRef, validati
             }
             else if (b.name === 'DateBlock') {
                 return Object.assign(Object.assign({}, r), { [b.data.value]: withSharedCheck(b.data.value, (value) => {
-                        if (isNaN(Date.parse(value))) {
+                        if (value && isNaN(Date.parse(value))) {
                             return t('validator.date');
                         }
-                    }) });
+                    }, b) });
             }
             else if (b.name === 'TncBlock') {
                 return Object.assign(Object.assign({}, r), { [`TNC-` + b.id]: withSharedCheck('TNC-' + b.id, (value) => {
-                        console.log('value', value);
-                        if (!value) {
+                        if (isRequired && !value) {
                             return t('validator.required');
                         }
                     }) });
             }
             else {
-                return Object.assign(Object.assign({}, r), { [b.data.value]: withSharedCheck(b.data.value) });
+                return Object.assign(Object.assign({}, r), { [b.data.value]: withSharedCheck(b.data.value, undefined, b) });
             }
         }, {});
     }, [listBlockAdded.map((b) => b.name).join(',')]);
@@ -491,7 +503,7 @@ var useStyles$2 = createStyles(() => {
 });
 
 const libraries$1 = ['places'];
-const LocationBlock$1 = ({ name, placeholder, locale, }) => {
+const LocationBlock$1 = ({ name, placeholder, locale, required = true, }) => {
     var _a;
     const form = useLeadFormContext$1();
     const [searchValue, setSearchValue] = useState('');
@@ -535,7 +547,7 @@ const LocationBlock$1 = ({ name, placeholder, locale, }) => {
     return (React__default.createElement(React__default.Fragment, null,
         LoadScript && (React__default.createElement(LoadScript, { googleMapsApiKey: GOOGLE_API_KEY, libraries: libraries$1, loadingElement: React__default.createElement(React__default.Fragment, null) })),
         React__default.createElement("div", { style: { display: 'none' }, "data-extra": true, "data-name": name, "data-control": 'text' }),
-        React__default.createElement(Select, Object.assign({ className: "lead-modal__form-control", label: placeholder, placeholder: placeholder, withAsterisk: true, name: name, data: options, searchValue: searchValue, onSearchChange: (query) => {
+        React__default.createElement(Select, Object.assign({ className: "lead-modal__form-control", label: placeholder, placeholder: placeholder, withAsterisk: required, name: name, data: options, searchValue: searchValue, onSearchChange: (query) => {
                 setSearchValue(query);
             }, filter: () => true, clearable: true, searchable: true, onChange: (val) => setAddress(val || ''), icon: React__default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" },
                 React__default.createElement("path", { d: "M10 9.792q.605 0 1.032-.427.426-.428.426-1.032 0-.603-.426-1.031A1.4 1.4 0 0 0 10 6.875q-.604 0-1.032.427a1.4 1.4 0 0 0-.426 1.031q0 .604.426 1.032.428.426 1.032.427m0 8.083q-.145 0-.292-.042a.7.7 0 0 1-.27-.145Q6.478 15 5.01 12.708 3.54 10.418 3.54 8.5q0-3.021 1.949-4.823T10 1.875t4.51 1.802q1.95 1.802 1.949 4.823 0 1.917-1.468 4.208-1.47 2.292-4.427 4.98a.7.7 0 0 1-.271.145 1 1 0 0 1-.292.042", fill: "#8C8C8C" })), autoComplete: 'no-auto-complete-' + randRef.current, rightSection: React__default.createElement(React__default.Fragment, null) }, form.getInputProps(name)))));
@@ -553,30 +565,32 @@ const Fields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmit, style
     });
     const form = useLeadFormContext$1();
     return (React__default.createElement(React__default.Fragment, null, listBlockAdded.map((b, index) => {
+        var _a;
         const { name = '', data = {} } = b || {};
         const { placeholder, value, align, listQuestion, isSendMailChimp = false, newtab, url, } = data;
+        const required = (_a = data.required) !== null && _a !== void 0 ? _a : true;
         switch (name) {
             case 'TitleBlock':
                 return (React__default.createElement(TitleBlock$1, { key: index, align: align }, value));
             case 'SubtitleBlock':
                 return (React__default.createElement(SubtitleBlock$1, { key: index, align: align }, value));
             case 'TextBlock':
-                return (React__default.createElement(Input, Object.assign({ key: index, withAsterisk: true, spellCheck: false, type: "text", placeholder: placeholder, className: cx('leadgen-control', classes.control), 
+                return (React__default.createElement(Input, Object.assign({ key: index, withAsterisk: required, spellCheck: false, type: "text", placeholder: placeholder, className: cx('leadgen-control', classes.control), 
                     // onChangeRaw={(e) => inputOnChange('text', e)}
                     label: placeholder, "data-control": "text", name: value }, form.getInputProps(value))));
             case 'NumberBlock':
-                return (React__default.createElement(NumberInput, Object.assign({ key: index, withAsterisk: true, spellCheck: false, type: "number", placeholder: placeholder, className: cx('leadgen-control', classes.control), 
+                return (React__default.createElement(NumberInput, Object.assign({ key: index, withAsterisk: required, spellCheck: false, type: "number", placeholder: placeholder, className: cx('leadgen-control', classes.control), 
                     // onChange={(e) => inputOnChange('number', e)}
                     label: placeholder, "data-control": "number", name: value }, form.getInputProps(value))));
             case 'EmailBlock':
-                return (React__default.createElement(Input, Object.assign({ key: index, withAsterisk: true, spellCheck: false, 
+                return (React__default.createElement(Input, Object.assign({ key: index, withAsterisk: required, spellCheck: false, 
                     // type="email"
                     placeholder: placeholder, className: cx('leadgen-control', classes.control), label: placeholder, "data-control": "email", name: value }, form.getInputProps(value))));
             case 'PhoneOtpBlock':
             case 'WhatsappOtpBlock':
             case 'PhoneBlock': {
                 const id = popupId + '-' + value + '-' + index;
-                return (React__default.createElement(Input.Wrapper, Object.assign({ size: "md", withAsterisk: true, key: index, label: placeholder, 
+                return (React__default.createElement(Input.Wrapper, Object.assign({ size: "md", withAsterisk: required, key: index, label: placeholder, 
                     // error={errorField.phone}
                     className: cx('leadgen-control', classes.control), labelProps: {
                         htmlFor: id,
@@ -588,11 +602,11 @@ const Fields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmit, style
                         id: id, defaultCountry: (locale ? MAPPED_LOCALE[locale] || 'VN' : 'VN'), "data-control": "tel" })));
             }
             case 'LocationBlock': {
-                return (React__default.createElement(LocationBlock$1, { key: index, name: value, placeholder: placeholder, locale: locale }));
+                return (React__default.createElement(LocationBlock$1, { key: index, name: value, placeholder: placeholder, locale: locale, required: required }));
             }
             case 'DateBlock':
                 return (React__default.createElement(React__default.Fragment, null,
-                    React__default.createElement(DatePicker, Object.assign({ withAsterisk: true, key: index, type: "default", name: value, placeholder: placeholder, className: cx('leadgen-control', classes.control), label: placeholder, "data-control": "date", popoverProps: popoverProps }, form.getInputProps(value))),
+                    React__default.createElement(DatePicker, Object.assign({ withAsterisk: required, key: index, type: "default", name: value, placeholder: placeholder, className: cx('leadgen-control', classes.control), label: placeholder, "data-control": "date", popoverProps: popoverProps }, form.getInputProps(value))),
                     React__default.createElement("input", { type: "hidden", name: value, "data-control": "date" })));
             case 'LinkButtonBlock':
                 return (React__default.createElement("div", { key: index },
@@ -606,7 +620,7 @@ const Fields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmit, style
                     isSendMailChimp && (React__default.createElement("div", { style: {
                             display: 'none',
                         }, "data-name": value + '-mailchimp' })),
-                    React__default.createElement(Checkbox.Group, Object.assign({ withAsterisk: true, className: cx('leadgen-control', classes.control), key: index, label: placeholder, size: "md", sx: {
+                    React__default.createElement(Checkbox.Group, Object.assign({ withAsterisk: required, className: cx('leadgen-control', classes.control), key: index, label: placeholder, size: "md", sx: {
                             display: 'flex',
                             flexDirection: 'column',
                             gap: 8,
@@ -614,11 +628,11 @@ const Fields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmit, style
             case 'RadioBlock':
                 return (React__default.createElement(React__default.Fragment, null,
                     isSendMailChimp && (React__default.createElement(Input, { type: "hidden", name: value + '-mailchimp', value: isSendMailChimp })),
-                    React__default.createElement(Radio.Group, Object.assign({ withAsterisk: true, className: cx('leadgen-control', classes.control), key: index, label: placeholder, size: "md" }, form.getInputProps(value)), listQuestion.map((l, _index) => (React__default.createElement(Radio, { name: value, key: _index, value: l.value, label: l.placeholder, "data-control": "radio" }))))));
+                    React__default.createElement(Radio.Group, Object.assign({ withAsterisk: required, className: cx('leadgen-control', classes.control), key: index, label: placeholder, size: "md" }, form.getInputProps(value)), listQuestion.map((l, _index) => (React__default.createElement(Radio, { name: value, key: _index, value: l.value, label: l.placeholder, "data-control": "radio" }))))));
             case 'DropdownBlock':
                 return (React__default.createElement(React__default.Fragment, null,
                     React__default.createElement("div", { style: { display: 'none' }, "data-extra": true, "data-name": value, "data-control": 'dropdown' }),
-                    React__default.createElement(Select, Object.assign({ key: index, className: cx('leadgen-control', classes.control), label: placeholder, withAsterisk: true, name: value, data: listQuestion.map((l) => ({
+                    React__default.createElement(Select, Object.assign({ key: index, className: cx('leadgen-control', classes.control), label: placeholder, withAsterisk: required, name: value, data: listQuestion.map((l) => ({
                             value: l.value,
                             label: l.placeholder,
                         })) }, form.getInputProps(value)))));
@@ -1236,14 +1250,20 @@ const useLeadFormConfig = ({ listBlockAdded = [], validatingPhoneRef, validating
             'TncBlock',
         ];
         // ALL are required and can skip if not touched yet
-        const withSharedCheck = (name, cb) => {
+        const withSharedCheck = (name, cb, 
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        block) => {
             return (value) => {
+                var _a;
+                const isBLockRequired = (_a = block === null || block === void 0 ? void 0 : block.data) === null || _a === void 0 ? void 0 : _a.required;
                 if (!formRef.current.isTouched(name))
                     return;
                 if (typeof value === 'undefined' ||
                     value === '' ||
                     (Array.isArray(value) && value.length === 0)) {
-                    return t('validator.required');
+                    return isBLockRequired
+                        ? t('validator.required')
+                        : cb === null || cb === void 0 ? void 0 : cb(value);
                 }
                 return cb === null || cb === void 0 ? void 0 : cb(value);
             };
@@ -1251,18 +1271,22 @@ const useLeadFormConfig = ({ listBlockAdded = [], validatingPhoneRef, validating
         return listBlockAdded
             .filter((b) => InputBlocks.includes(b.name))
             .reduce((r, b) => {
+            var _a;
+            const isRequired = (_a = b.data.required) !== null && _a !== void 0 ? _a : true;
             if (b.name === 'NumberBlock') {
                 return Object.assign(Object.assign({}, r), { [b.data.value]: withSharedCheck(b.data.value, (value) => {
-                        if (isNaN(Number(value))) {
+                        if (value && isNaN(Number(value))) {
                             return t('validator.number');
                         }
-                    }) });
+                    }, b) });
             }
             else if (b.name === 'EmailBlock') {
                 return Object.assign(Object.assign({}, r), { [b.data.value]: withSharedCheck(b.data.value, (value) => {
-                        if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) {
+                        if (value && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) {
                             return t('validator.email');
                         }
+                        if (!value)
+                            return;
                         validatingEmailRef.current = true;
                         setTimeout(() => {
                             formRef.current.setFieldError(b.data.value, 'Validating...');
@@ -1284,16 +1308,19 @@ const useLeadFormConfig = ({ listBlockAdded = [], validatingPhoneRef, validating
                                 validatingEmailRef.current = false;
                             });
                         }, 200);
-                    }) });
+                    }, b) });
             }
             else if (b.name === 'PhoneBlock' ||
                 b.name === 'PhoneOtpBlock' ||
                 b.name === 'WhatsappOtpBlock') {
                 return Object.assign(Object.assign({}, r), { [b.data.value]: withSharedCheck(b.data.value, (value) => {
-                        if (window.intlTelInputUtils &&
+                        if (value &&
+                            window.intlTelInputUtils &&
                             !window.intlTelInputUtils.isValidNumber(String(value), LEAD_LOCALE.countryCode)) {
                             return t('validator.phone');
                         }
+                        if (!value)
+                            return;
                         validatingPhoneRef.current = true;
                         setTimeout(() => {
                             formRef.current.setFieldError(b.data.value, 'Validating...');
@@ -1315,24 +1342,24 @@ const useLeadFormConfig = ({ listBlockAdded = [], validatingPhoneRef, validating
                                 validatingPhoneRef.current = false;
                             });
                         }, 200);
-                    }) });
+                    }, b) });
             }
             else if (b.name === 'DateBlock') {
                 return Object.assign(Object.assign({}, r), { [b.data.value]: withSharedCheck(b.data.value, (value) => {
-                        if (isNaN(Date.parse(value))) {
+                        if (value && isNaN(Date.parse(value))) {
                             return t('validator.date');
                         }
-                    }) });
+                    }, b) });
             }
             else if (b.name === 'TncBlock') {
                 return Object.assign(Object.assign({}, r), { [`TNC-` + b.id]: withSharedCheck('TNC-' + b.id, (value) => {
-                        if (!value) {
+                        if (isRequired && !value) {
                             return t('validator.required');
                         }
-                    }) });
+                    }, b) });
             }
             else {
-                return Object.assign(Object.assign({}, r), { [b.data.value]: withSharedCheck(b.data.value) });
+                return Object.assign(Object.assign({}, r), { [b.data.value]: withSharedCheck(b.data.value, undefined, b) });
             }
         }, {});
     }, [listBlockAdded.map((b) => b.name).join(',')]);
@@ -1347,7 +1374,7 @@ const useLeadFormConfig = ({ listBlockAdded = [], validatingPhoneRef, validating
 };
 
 const libraries = ['places'];
-const LocationBlock = ({ name, placeholder, locale, }) => {
+const LocationBlock = ({ name, placeholder, locale, required = true, }) => {
     var _a;
     const form = useLeadFormContext();
     const [searchValue, setSearchValue] = useState('');
@@ -1391,7 +1418,7 @@ const LocationBlock = ({ name, placeholder, locale, }) => {
     return (React__default.createElement(React__default.Fragment, null,
         LoadScript && (React__default.createElement(LoadScript, { googleMapsApiKey: GOOGLE_API_KEY, libraries: libraries, loadingElement: React__default.createElement(React__default.Fragment, null) })),
         React__default.createElement("div", { style: { display: 'none' }, "data-extra": true, "data-name": name, "data-control": 'text' }),
-        React__default.createElement(Select, Object.assign({ className: "lead-modal__form-control", label: placeholder, placeholder: placeholder, withAsterisk: true, name: name, data: options, searchValue: searchValue, onSearchChange: (query) => {
+        React__default.createElement(Select, Object.assign({ className: "lead-modal__form-control", label: placeholder, placeholder: placeholder, withAsterisk: required, name: name, data: options, searchValue: searchValue, onSearchChange: (query) => {
                 setSearchValue(query);
             }, filter: () => true, clearable: true, searchable: true, onChange: (val) => setAddress(val || ''), icon: React__default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" },
                 React__default.createElement("path", { d: "M10 9.792q.605 0 1.032-.427.426-.428.426-1.032 0-.603-.426-1.031A1.4 1.4 0 0 0 10 6.875q-.604 0-1.032.427a1.4 1.4 0 0 0-.426 1.031q0 .604.426 1.032.428.426 1.032.427m0 8.083q-.145 0-.292-.042a.7.7 0 0 1-.27-.145Q6.478 15 5.01 12.708 3.54 10.418 3.54 8.5q0-3.021 1.949-4.823T10 1.875t4.51 1.802q1.95 1.802 1.949 4.823 0 1.917-1.468 4.208-1.47 2.292-4.427 4.98a.7.7 0 0 1-.271.145 1 1 0 0 1-.292.042", fill: "#8C8C8C" })), autoComplete: 'no-auto-complete-' + randRef.current, rightSection: React__default.createElement(React__default.Fragment, null) }, form.getInputProps(name)))));
@@ -1404,30 +1431,32 @@ const TitleBlock = ({ children, align, }) => (React__default.createElement("h2",
 const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmit, }) => {
     const form = useLeadFormContext();
     return (React__default.createElement(React__default.Fragment, null, listBlockAdded.map((b, index) => {
+        var _a;
         const { name = '', data = {} } = b || {};
         const { placeholder, value, align, listQuestion, isSendMailChimp = false, newtab, url, } = data;
+        const required = (_a = data.required) !== null && _a !== void 0 ? _a : true;
         switch (name) {
             case 'TitleBlock':
                 return (React__default.createElement(TitleBlock, { key: index, align: align }, value));
             case 'SubtitleBlock':
                 return (React__default.createElement(SubtitleBlock, { key: index, align: align }, value));
             case 'TextBlock':
-                return (React__default.createElement(Input, Object.assign({ key: index, withAsterisk: true, spellCheck: false, type: "text", placeholder: placeholder, className: "lead-modal__form-control", 
+                return (React__default.createElement(Input, Object.assign({ key: index, withAsterisk: required, spellCheck: false, type: "text", placeholder: placeholder, className: "lead-modal__form-control", 
                     // onChangeRaw={(e) => inputOnChange('text', e)}
                     label: placeholder, "data-control": "text", name: value }, form.getInputProps(value))));
             case 'NumberBlock':
-                return (React__default.createElement(NumberInput, Object.assign({ key: index, withAsterisk: true, spellCheck: false, type: "number", placeholder: placeholder, className: "lead-modal__form-control", 
+                return (React__default.createElement(NumberInput, Object.assign({ key: index, withAsterisk: required, spellCheck: false, type: "number", placeholder: placeholder, className: "lead-modal__form-control", 
                     // onChange={(e) => inputOnChange('number', e)}
                     label: placeholder, "data-control": "number", name: value }, form.getInputProps(value))));
             case 'EmailBlock':
-                return (React__default.createElement(Input, Object.assign({ key: index, withAsterisk: true, spellCheck: false, 
+                return (React__default.createElement(Input, Object.assign({ key: index, withAsterisk: required, spellCheck: false, 
                     // type="email"
                     placeholder: placeholder, className: "lead-modal__form-control", label: placeholder, "data-control": "email", name: value }, form.getInputProps(value))));
             case 'PhoneOtpBlock':
             case 'WhatsappOtpBlock':
             case 'PhoneBlock': {
                 const id = popupId + '-' + value + '-' + index;
-                return (React__default.createElement(Input.Wrapper, Object.assign({ size: "md", withAsterisk: true, key: index, label: placeholder, 
+                return (React__default.createElement(Input.Wrapper, Object.assign({ size: "md", withAsterisk: required, key: index, label: placeholder, 
                     // error={errorField.phone}
                     className: "lead-modal__form-control", labelProps: {
                         htmlFor: id,
@@ -1439,11 +1468,11 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
                         id: id, defaultCountry: (locale ? MAPPED_LOCALE[locale] || 'VN' : 'VN'), "data-control": "tel" })));
             }
             case 'LocationBlock': {
-                return (React__default.createElement(LocationBlock, { key: index, name: value, placeholder: placeholder, locale: locale }));
+                return (React__default.createElement(LocationBlock, { key: index, name: value, placeholder: placeholder, locale: locale, required: required }));
             }
             case 'DateBlock':
                 return (React__default.createElement(React__default.Fragment, null,
-                    React__default.createElement(DatePicker, Object.assign({ withAsterisk: true, key: index, type: "default", name: value, placeholder: placeholder, className: "lead-modal__form-control", label: placeholder, "data-control": "date" }, form.getInputProps(value))),
+                    React__default.createElement(DatePicker, Object.assign({ withAsterisk: required, key: index, type: "default", name: value, placeholder: placeholder, className: "lead-modal__form-control", label: placeholder, "data-control": "date" }, form.getInputProps(value))),
                     React__default.createElement("input", { type: "hidden", name: value, "data-control": "date" })));
             case 'LinkButtonBlock':
                 return (React__default.createElement("div", { key: index },
@@ -1457,7 +1486,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
                     isSendMailChimp && (React__default.createElement("div", { style: {
                             display: 'none',
                         }, "data-name": value + '-mailchimp' })),
-                    React__default.createElement(Checkbox.Group, Object.assign({ withAsterisk: true, className: "lead-modal__form-control", key: index, label: placeholder, size: "md", sx: {
+                    React__default.createElement(Checkbox.Group, Object.assign({ withAsterisk: required, className: "lead-modal__form-control", key: index, label: placeholder, size: "md", sx: {
                             display: 'flex',
                             flexDirection: 'column',
                             gap: 8,
@@ -1465,11 +1494,11 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
             case 'RadioBlock':
                 return (React__default.createElement(React__default.Fragment, null,
                     isSendMailChimp && (React__default.createElement(Input, { type: "hidden", name: value + '-mailchimp', value: isSendMailChimp })),
-                    React__default.createElement(Radio.Group, Object.assign({ withAsterisk: true, className: "lead-modal__form-control", key: index, label: placeholder, size: "md" }, form.getInputProps(value)), listQuestion.map((l, _index) => (React__default.createElement(Radio, { name: value, key: _index, value: l.value, label: l.placeholder, "data-control": "radio" }))))));
+                    React__default.createElement(Radio.Group, Object.assign({ withAsterisk: required, className: "lead-modal__form-control", key: index, label: placeholder, size: "md" }, form.getInputProps(value)), listQuestion.map((l, _index) => (React__default.createElement(Radio, { name: value, key: _index, value: l.value, label: l.placeholder, "data-control": "radio" }))))));
             case 'DropdownBlock':
                 return (React__default.createElement(React__default.Fragment, null,
                     React__default.createElement("div", { style: { display: 'none' }, "data-extra": true, "data-name": value, "data-control": 'dropdown' }),
-                    React__default.createElement(Select, Object.assign({ key: index, className: "lead-modal__form-control", label: placeholder, withAsterisk: true, name: value, data: listQuestion.map((l) => ({
+                    React__default.createElement(Select, Object.assign({ key: index, className: "lead-modal__form-control", label: placeholder, withAsterisk: required, name: value, data: listQuestion.map((l) => ({
                             value: l.value,
                             label: l.placeholder,
                         })) }, form.getInputProps(value)))));
@@ -2606,11 +2635,12 @@ const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, apiSubotUrl,
     }, []);
     const onSubmit = (currentForm, formDataObj, categoryLevel, categoryData) => __awaiter(void 0, void 0, void 0, function* () {
         var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        debugger;
         if (!formDataObj)
             return;
         LeadLog('submitHandler', categoryLevel, categoryData);
-        const formData = Object.keys(formDataObj).map((key) => ({
+        const formData = Object.keys(formDataObj)
+            .filter((key) => !!formDataObj[key])
+            .map((key) => ({
             name: key,
             value: String(formDataObj[key]),
         }));

package/build/esm/{logoIcon-6a9e4084.js → logoIcon-6f06a2db.js}

@@ -1,6 +1,6 @@
 import React__default, { memo, useMemo } from 'react';
-import { C as CommonGAssets } from './index-8e7bab1e.js';
-import { I as ImageWrap } from './index-af2536d4.js';
+import { C as CommonGAssets } from './index-b2c5cabd.js';
+import { I as ImageWrap } from './index-361bc83b.js';
 
 const _LogoIcon = ({ type, width, height }) => {
     const data = useMemo(() => {

package/build/esm/mantine.js

@@ -1,43 +1,43 @@
-import { g as getMantineThemeOverride, h as StyledTextArea, D as DEBOUNCED_TIME, i as StyledSliderWrapper, j as StyledSlider } from './index-8fc34830.js';
-export { k as Accordion, A as Anchor, b as AspectRatio, a as Avatar, B as Breadcrumbs, l as Carousel, c as CentralCarousel, d as Checkbox, e as ChipButton, I as Input, O as OTP, P as Phone, n as Popover, R as Radio, S as Select, m as emotionCache, g as getMantineThemeOverride, t as themeColors } from './index-8fc34830.js';
-export { D as DatePicker } from './index-ccd36f6d.js';
-import { T as Text } from './index-cad84988.js';
-export { T as Text } from './index-cad84988.js';
-import { B as Button } from './index-928b0091.js';
-export { B as Button } from './index-928b0091.js';
-export { I as Indicator } from './index-69710590.js';
+import { g as getMantineThemeOverride, h as StyledTextArea, D as DEBOUNCED_TIME, i as StyledSliderWrapper, j as StyledSlider } from './index-8a85122c.js';
+export { k as Accordion, A as Anchor, b as AspectRatio, a as Avatar, B as Breadcrumbs, l as Carousel, c as CentralCarousel, d as Checkbox, e as ChipButton, I as Input, O as OTP, P as Phone, n as Popover, R as Radio, S as Select, m as emotionCache, g as getMantineThemeOverride, t as themeColors } from './index-8a85122c.js';
+export { D as DatePicker } from './index-83d902e7.js';
+import { T as Text } from './index-7320146f.js';
+export { T as Text } from './index-7320146f.js';
+import { B as Button } from './index-d3fee65a.js';
+export { B as Button } from './index-d3fee65a.js';
+export { I as Indicator } from './index-5fb0bc40.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-export { M as Modal } from './index-961e4e0f.js';
-import { _ as __rest } from './tslib.es6-2b7f044d.js';
+export { M as Modal } from './index-30d846c4.js';
+import { _ as __rest } from './tslib.es6-16fe18bd.js';
 import { MantineProvider as MantineProvider$1, Badge as Badge$1, Spoiler as Spoiler$1, LoadingOverlay as LoadingOverlay$1, clsx, Title, Text as Text$1, Button as Button$1 } from '@mantine/core';
 import { theme } from './miscTheme.js';
-import { u as useTranslations } from './index-a5d0e615.js';
+import { u as useTranslations } from './index-9e5ce45f.js';
 import { useDebouncedValue } from '@mantine/hooks';
-export { S as Switch } from './index-06cca103.js';
-import { u as useMantineLocale, N as NotificationsHandler } from './useMantineLocale-ba8d6644.js';
-export { M as MAPPED_LOCALE, g as getHeadingStyles, s as showNotification, u as useMantineLocale } from './useMantineLocale-ba8d6644.js';
-export { O as OTHER_THEME_CONFIG } from './other-e828d1b8.js';
-export { T as Tabs } from './index-43e0ec0f.js';
+export { S as Switch } from './index-48027199.js';
+import { u as useMantineLocale, N as NotificationsHandler } from './useMantineLocale-b14587e2.js';
+export { M as MAPPED_LOCALE, g as getHeadingStyles, s as showNotification, u as useMantineLocale } from './useMantineLocale-b14587e2.js';
+export { O as OTHER_THEME_CONFIG } from './other-960c5a86.js';
+export { T as Tabs } from './index-fa640a45.js';
 import '@hhgtech/icons/other';
-import './index-8e7bab1e.js';
+import './index-b2c5cabd.js';
 import './constantsDomainLocales.js';
-import './Locale-c35bebc3.js';
+import './Locale-23f92342.js';
 import './constantsIsProduction.js';
-import './index.styles-cc04162c.js';
-import './utils-248eb584.js';
+import './index.styles-de4535ba.js';
+import './utils-8bbb4636.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-550cfd50.js';
-import './index-d9961625.js';
+import './index-34c840c3.js';
+import './index-1672f17f.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-af2536d4.js';
+import './index-361bc83b.js';
 import 'classnames';
-import './useUniqueId-7d67e394.js';
+import './useUniqueId-42135929.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './translationsContext-210496ff.js';
+import './translationsContext-a5befd4d.js';
 import '@mantine/notifications';
 import 'dayjs';
 

package/build/esm/misc.js

@@ -1,34 +1,34 @@
-export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-e8aabedf.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-5e1ac04a.js';
+export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-ee2bd67a.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-5703295e.js';
 export { deleteCookie, getCookie, setCookie } from './miscCookieHelper.js';
 import 'react';
 import '@mantine/core';
-import './useMantineLocale-ba8d6644.js';
-import './index-550cfd50.js';
-import './index-8e7bab1e.js';
+import './useMantineLocale-b14587e2.js';
+import './index-34c840c3.js';
+import './index-b2c5cabd.js';
 export { MBTheme, theme } from './miscTheme.js';
-export { B as Breakpoints, M as MediaQueries, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-248eb584.js';
-import './index-d9961625.js';
-export { a as abbreviateNumber, f as formatPill } from './dataTransform-6b0e51d1.js';
-export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './normalizeLink-de0c175f.js';
+export { B as Breakpoints, M as MediaQueries, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-8bbb4636.js';
+import './index-1672f17f.js';
+export { a as abbreviateNumber, f as formatPill } from './dataTransform-11643e7c.js';
+export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './normalizeLink-d82a1437.js';
 export { formatHealthTool, getDynamicHealthTool, getDynamicHealthToolWithCache } from './miscGetDynamicHealthTool.js';
 export { getSocialList } from './miscGetSocialList.js';
 export { ScreenSizeContext, ScreenSizeContextProvider, getWindowSizeGroups } from './miscScreenSizeContext.js';
 import 'dayjs';
 import '@emotion/react';
-import './tslib.es6-2b7f044d.js';
+import './tslib.es6-16fe18bd.js';
 import '@mantine/notifications';
-import './other-e828d1b8.js';
-import './Locale-c35bebc3.js';
+import './other-960c5a86.js';
+import './Locale-23f92342.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './core-8cd9c31f.js';
-import './WhatsApp-0dbf5c72.js';
-import './index-e20de491.js';
-import './index-adf1187e.js';
+import './core-284b645b.js';
+import './WhatsApp-9a9023b9.js';
+import './index-0abfa075.js';
+import './index-c4d3ccef.js';
 import 'js-cookie';
 import 'uuid';
 import 'lodash/throttle';

package/build/esm/miscGetDynamicHealthTool.js

@@ -1,8 +1,8 @@
-import { a as __awaiter } from './tslib.es6-2b7f044d.js';
-import { e as normalizeLinkSlash, c as getDiscoverApiDomain } from './normalizeLink-de0c175f.js';
-import { g as getDataWithCache } from './core-8cd9c31f.js';
+import { a as __awaiter } from './tslib.es6-16fe18bd.js';
+import { e as normalizeLinkSlash, c as getDiscoverApiDomain } from './normalizeLink-d82a1437.js';
+import { g as getDataWithCache } from './core-284b645b.js';
 import './constantsDomainLocales.js';
-import './Locale-c35bebc3.js';
+import './Locale-23f92342.js';
 import './constantsIsProduction.js';
 
 const formatHealthTool = (healthTool, locale) => {