@hhgtech/hhg-components 1.29.226 → 1.29.228

package/build/lead.js

@@ -2,45 +2,45 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-61dabbb3.js');
+var tslib_es6 = require('./tslib.es6-751706a1.js');
 var React = require('react');
 var debounce = require('lodash/debounce');
 var form = require('@mantine/form');
-var index = require('./index-414dad08.js');
-var index$1 = require('./index-3a643909.js');
+var index = require('./index-59cd208c.js');
+var index$1 = require('./index-5824e521.js');
 var core = require('@mantine/core');
-var index$2 = require('./index-130620d4.js');
-var index$4 = require('./index-50193960.js');
-var utils = require('./utils-ab01a9b6.js');
+var index$2 = require('./index-a22bc907.js');
+var index$4 = require('./index-ce7ebc8e.js');
+var utils = require('./utils-81197c01.js');
 require('@mantine/dates');
-require('./index-b7fe3d32.js');
-require('./index-0bbefc28.js');
-var index$7 = require('./index-00ff0b55.js');
-require('./useMantineLocale-393d65ba.js');
-var index$5 = require('./index-e09b49e9.js');
-require('./index.styles-9f53e2db.js');
-var translationsContext = require('./translationsContext-b7efb99d.js');
+require('./index-1d91b909.js');
+require('./index-8f472678.js');
+var index$7 = require('./index-50a03e29.js');
+require('./useMantineLocale-f3ac2568.js');
+var index$5 = require('./index-2ba7db6d.js');
+require('./index.styles-a8c36e0b.js');
+var translationsContext = require('./translationsContext-0211a8a3.js');
 require('@mantine/hooks');
-var utils$1 = require('./utils-d383f54e.js');
-require('./other-8087372e.js');
-require('./index-a75b8886.js');
-var usePlacesAutocomplete = require('./usePlacesAutocomplete-d0a54b4f.js');
-var index$3 = require('./index-5abde36e.js');
-var index$6 = require('./index-0aae245b.js');
+var utils$1 = require('./utils-2fc9145b.js');
+require('./other-a2812f55.js');
+require('./index-b50ca60b.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-43923168.js');
+var index$3 = require('./index-83c3f7a6.js');
+var index$6 = require('./index-d58cb477.js');
 var uuid = require('uuid');
 var miscTheme = require('./miscTheme.js');
-var index$8 = require('./index-a9a9ada1.js');
+var index$8 = require('./index-463a3d76.js');
 var ReactDOM = require('react-dom');
 var miscCookieHelper = require('./miscCookieHelper.js');
 var dayjs = require('dayjs');
-var Close = require('./Close-3c6ef4d1.js');
+var Close = require('./Close-effd7659.js');
 require('@hhgtech/icons/other');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./Locale-a52c3940.js');
-require('./index-36e7cc25.js');
+require('./Locale-1d1bc95f.js');
+require('./index-4397f77b.js');
 require('classnames');
-require('./useUniqueId-2992f277.js');
+require('./useUniqueId-14d7519c.js');
 require('./constantsSite.js');
 require('@hhgtech/icons/core');
 require('date-fns/locale');
@@ -339,14 +339,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);
             };
@@ -354,18 +360,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...');
@@ -387,16 +397,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...');
@@ -422,21 +435,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(',')]);
@@ -519,7 +531,7 @@ var useStyles$2 = core.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] = React.useState('');
@@ -563,7 +575,7 @@ const LocationBlock$1 = ({ name, placeholder, locale, }) => {
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         LoadScript && (React__default["default"].createElement(LoadScript, { googleMapsApiKey: usePlacesAutocomplete.GOOGLE_API_KEY, libraries: libraries$1, loadingElement: React__default["default"].createElement(React__default["default"].Fragment, null) })),
         React__default["default"].createElement("div", { style: { display: 'none' }, "data-extra": true, "data-name": name, "data-control": 'text' }),
-        React__default["default"].createElement(index$2.Select, Object.assign({ className: "lead-modal__form-control", label: placeholder, placeholder: placeholder, withAsterisk: true, name: name, data: options, searchValue: searchValue, onSearchChange: (query) => {
+        React__default["default"].createElement(index$2.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["default"].createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" },
                 React__default["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["default"].createElement(React__default["default"].Fragment, null) }, form.getInputProps(name)))));
@@ -581,30 +593,32 @@ const Fields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmit, style
     });
     const form = useLeadFormContext$1();
     return (React__default["default"].createElement(React__default["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["default"].createElement(TitleBlock$1, { key: index, align: align }, value));
             case 'SubtitleBlock':
                 return (React__default["default"].createElement(SubtitleBlock$1, { key: index, align: align }, value));
             case 'TextBlock':
-                return (React__default["default"].createElement(index$2.Input, Object.assign({ key: index, withAsterisk: true, spellCheck: false, type: "text", placeholder: placeholder, className: cx('leadgen-control', classes.control), 
+                return (React__default["default"].createElement(index$2.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["default"].createElement(index$2.NumberInput, Object.assign({ key: index, withAsterisk: true, spellCheck: false, type: "number", placeholder: placeholder, className: cx('leadgen-control', classes.control), 
+                return (React__default["default"].createElement(index$2.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["default"].createElement(index$2.Input, Object.assign({ key: index, withAsterisk: true, spellCheck: false, 
+                return (React__default["default"].createElement(index$2.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["default"].createElement(index$2.Input.Wrapper, Object.assign({ size: "md", withAsterisk: true, key: index, label: placeholder, 
+                return (React__default["default"].createElement(index$2.Input.Wrapper, Object.assign({ size: "md", withAsterisk: required, key: index, label: placeholder, 
                     // error={errorField.phone}
                     className: cx('leadgen-control', classes.control), labelProps: {
                         htmlFor: id,
@@ -616,11 +630,11 @@ const Fields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmit, style
                         id: id, defaultCountry: (locale ? utils.MAPPED_LOCALE[locale] || 'VN' : 'VN'), "data-control": "tel" })));
             }
             case 'LocationBlock': {
-                return (React__default["default"].createElement(LocationBlock$1, { key: index, name: value, placeholder: placeholder, locale: locale }));
+                return (React__default["default"].createElement(LocationBlock$1, { key: index, name: value, placeholder: placeholder, locale: locale, required: required }));
             }
             case 'DateBlock':
                 return (React__default["default"].createElement(React__default["default"].Fragment, null,
-                    React__default["default"].createElement(index$4.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["default"].createElement(index$4.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["default"].createElement("input", { type: "hidden", name: value, "data-control": "date" })));
             case 'LinkButtonBlock':
                 return (React__default["default"].createElement("div", { key: index },
@@ -634,7 +648,7 @@ const Fields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmit, style
                     isSendMailChimp && (React__default["default"].createElement("div", { style: {
                             display: 'none',
                         }, "data-name": value + '-mailchimp' })),
-                    React__default["default"].createElement(index$2.Checkbox.Group, Object.assign({ withAsterisk: true, className: cx('leadgen-control', classes.control), key: index, label: placeholder, size: "md", sx: {
+                    React__default["default"].createElement(index$2.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,
@@ -642,11 +656,11 @@ const Fields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmit, style
             case 'RadioBlock':
                 return (React__default["default"].createElement(React__default["default"].Fragment, null,
                     isSendMailChimp && (React__default["default"].createElement(index$2.Input, { type: "hidden", name: value + '-mailchimp', value: isSendMailChimp })),
-                    React__default["default"].createElement(index$2.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["default"].createElement(index$2.Radio, { name: value, key: _index, value: l.value, label: l.placeholder, "data-control": "radio" }))))));
+                    React__default["default"].createElement(index$2.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["default"].createElement(index$2.Radio, { name: value, key: _index, value: l.value, label: l.placeholder, "data-control": "radio" }))))));
             case 'DropdownBlock':
                 return (React__default["default"].createElement(React__default["default"].Fragment, null,
                     React__default["default"].createElement("div", { style: { display: 'none' }, "data-extra": true, "data-name": value, "data-control": 'dropdown' }),
-                    React__default["default"].createElement(index$2.Select, Object.assign({ key: index, className: cx('leadgen-control', classes.control), label: placeholder, withAsterisk: true, name: value, data: listQuestion.map((l) => ({
+                    React__default["default"].createElement(index$2.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)))));
@@ -1264,14 +1278,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);
             };
@@ -1279,18 +1299,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...');
@@ -1312,16 +1336,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...');
@@ -1343,24 +1370,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(',')]);
@@ -1375,7 +1402,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] = React.useState('');
@@ -1419,7 +1446,7 @@ const LocationBlock = ({ name, placeholder, locale, }) => {
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         LoadScript && (React__default["default"].createElement(LoadScript, { googleMapsApiKey: usePlacesAutocomplete.GOOGLE_API_KEY, libraries: libraries, loadingElement: React__default["default"].createElement(React__default["default"].Fragment, null) })),
         React__default["default"].createElement("div", { style: { display: 'none' }, "data-extra": true, "data-name": name, "data-control": 'text' }),
-        React__default["default"].createElement(index$2.Select, Object.assign({ className: "lead-modal__form-control", label: placeholder, placeholder: placeholder, withAsterisk: true, name: name, data: options, searchValue: searchValue, onSearchChange: (query) => {
+        React__default["default"].createElement(index$2.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["default"].createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" },
                 React__default["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["default"].createElement(React__default["default"].Fragment, null) }, form.getInputProps(name)))));
@@ -1432,30 +1459,32 @@ const TitleBlock = ({ children, align, }) => (React__default["default"].createEl
 const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmit, }) => {
     const form = useLeadFormContext();
     return (React__default["default"].createElement(React__default["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["default"].createElement(TitleBlock, { key: index, align: align }, value));
             case 'SubtitleBlock':
                 return (React__default["default"].createElement(SubtitleBlock, { key: index, align: align }, value));
             case 'TextBlock':
-                return (React__default["default"].createElement(index$2.Input, Object.assign({ key: index, withAsterisk: true, spellCheck: false, type: "text", placeholder: placeholder, className: "lead-modal__form-control", 
+                return (React__default["default"].createElement(index$2.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["default"].createElement(index$2.NumberInput, Object.assign({ key: index, withAsterisk: true, spellCheck: false, type: "number", placeholder: placeholder, className: "lead-modal__form-control", 
+                return (React__default["default"].createElement(index$2.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["default"].createElement(index$2.Input, Object.assign({ key: index, withAsterisk: true, spellCheck: false, 
+                return (React__default["default"].createElement(index$2.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["default"].createElement(index$2.Input.Wrapper, Object.assign({ size: "md", withAsterisk: true, key: index, label: placeholder, 
+                return (React__default["default"].createElement(index$2.Input.Wrapper, Object.assign({ size: "md", withAsterisk: required, key: index, label: placeholder, 
                     // error={errorField.phone}
                     className: "lead-modal__form-control", labelProps: {
                         htmlFor: id,
@@ -1467,11 +1496,11 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
                         id: id, defaultCountry: (locale ? utils.MAPPED_LOCALE[locale] || 'VN' : 'VN'), "data-control": "tel" })));
             }
             case 'LocationBlock': {
-                return (React__default["default"].createElement(LocationBlock, { key: index, name: value, placeholder: placeholder, locale: locale }));
+                return (React__default["default"].createElement(LocationBlock, { key: index, name: value, placeholder: placeholder, locale: locale, required: required }));
             }
             case 'DateBlock':
                 return (React__default["default"].createElement(React__default["default"].Fragment, null,
-                    React__default["default"].createElement(index$4.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["default"].createElement(index$4.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["default"].createElement("input", { type: "hidden", name: value, "data-control": "date" })));
             case 'LinkButtonBlock':
                 return (React__default["default"].createElement("div", { key: index },
@@ -1485,7 +1514,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
                     isSendMailChimp && (React__default["default"].createElement("div", { style: {
                             display: 'none',
                         }, "data-name": value + '-mailchimp' })),
-                    React__default["default"].createElement(index$2.Checkbox.Group, Object.assign({ withAsterisk: true, className: "lead-modal__form-control", key: index, label: placeholder, size: "md", sx: {
+                    React__default["default"].createElement(index$2.Checkbox.Group, Object.assign({ withAsterisk: required, className: "lead-modal__form-control", key: index, label: placeholder, size: "md", sx: {
                             display: 'flex',
                             flexDirection: 'column',
                             gap: 8,
@@ -1493,11 +1522,11 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
             case 'RadioBlock':
                 return (React__default["default"].createElement(React__default["default"].Fragment, null,
                     isSendMailChimp && (React__default["default"].createElement(index$2.Input, { type: "hidden", name: value + '-mailchimp', value: isSendMailChimp })),
-                    React__default["default"].createElement(index$2.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["default"].createElement(index$2.Radio, { name: value, key: _index, value: l.value, label: l.placeholder, "data-control": "radio" }))))));
+                    React__default["default"].createElement(index$2.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["default"].createElement(index$2.Radio, { name: value, key: _index, value: l.value, label: l.placeholder, "data-control": "radio" }))))));
             case 'DropdownBlock':
                 return (React__default["default"].createElement(React__default["default"].Fragment, null,
                     React__default["default"].createElement("div", { style: { display: 'none' }, "data-extra": true, "data-name": value, "data-control": 'dropdown' }),
-                    React__default["default"].createElement(index$2.Select, Object.assign({ key: index, className: "lead-modal__form-control", label: placeholder, withAsterisk: true, name: value, data: listQuestion.map((l) => ({
+                    React__default["default"].createElement(index$2.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)))));
@@ -2634,11 +2663,12 @@ const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, apiSubotUrl,
     }, []);
     const onSubmit = (currentForm, formDataObj, categoryLevel, categoryData) => tslib_es6.__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/{logoIcon-6df1e607.js → logoIcon-4a2d3f1f.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-00ff0b55.js');
-var index$1 = require('./index-36e7cc25.js');
+var index = require('./index-50a03e29.js');
+var index$1 = require('./index-4397f77b.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/mantine.js

@@ -2,42 +2,42 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-130620d4.js');
-var index$1 = require('./index-50193960.js');
-var index$2 = require('./index-3a643909.js');
-var index$3 = require('./index-e09b49e9.js');
-var index$4 = require('./index-e23ac6ec.js');
+var index = require('./index-a22bc907.js');
+var index$1 = require('./index-ce7ebc8e.js');
+var index$2 = require('./index-5824e521.js');
+var index$3 = require('./index-2ba7db6d.js');
+var index$4 = require('./index-578633e8.js');
 var React = require('react');
-var index$5 = require('./index-9d854bd1.js');
-var tslib_es6 = require('./tslib.es6-61dabbb3.js');
+var index$5 = require('./index-53a09155.js');
+var tslib_es6 = require('./tslib.es6-751706a1.js');
 var core = require('@mantine/core');
 var miscTheme = require('./miscTheme.js');
-var index$8 = require('./index-414dad08.js');
+var index$8 = require('./index-59cd208c.js');
 var hooks = require('@mantine/hooks');
-var index$6 = require('./index-dbc96965.js');
-var useMantineLocale = require('./useMantineLocale-393d65ba.js');
-var other = require('./other-8087372e.js');
-var index$7 = require('./index-a75b8886.js');
+var index$6 = require('./index-b0a625b7.js');
+var useMantineLocale = require('./useMantineLocale-f3ac2568.js');
+var other = require('./other-a2812f55.js');
+var index$7 = require('./index-b50ca60b.js');
 require('@hhgtech/icons/other');
-require('./index-00ff0b55.js');
+require('./index-50a03e29.js');
 require('./constantsDomainLocales.js');
-require('./Locale-a52c3940.js');
+require('./Locale-1d1bc95f.js');
 require('./constantsIsProduction.js');
-require('./index.styles-9f53e2db.js');
-require('./utils-d383f54e.js');
+require('./index.styles-a8c36e0b.js');
+require('./utils-2fc9145b.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-0bbefc28.js');
-require('./index-b7fe3d32.js');
+require('./index-8f472678.js');
+require('./index-1d91b909.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./index-36e7cc25.js');
+require('./index-4397f77b.js');
 require('classnames');
-require('./useUniqueId-2992f277.js');
+require('./useUniqueId-14d7519c.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./translationsContext-b7efb99d.js');
+require('./translationsContext-0211a8a3.js');
 require('@mantine/notifications');
 require('dayjs');
 

package/build/misc.js

@@ -2,37 +2,37 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var localizeNumberFormat = require('./localizeNumberFormat-9412e9fd.js');
-var animation = require('./animation-1b251cdc.js');
+var localizeNumberFormat = require('./localizeNumberFormat-229f5836.js');
+var animation = require('./animation-d4135893.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 require('react');
 require('@mantine/core');
-require('./useMantineLocale-393d65ba.js');
-require('./index-0bbefc28.js');
-require('./index-00ff0b55.js');
+require('./useMantineLocale-f3ac2568.js');
+require('./index-8f472678.js');
+require('./index-50a03e29.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-d383f54e.js');
-require('./index-b7fe3d32.js');
-var dataTransform = require('./dataTransform-f1ef9072.js');
-var normalizeLink = require('./normalizeLink-cac8a7a1.js');
+var utils = require('./utils-2fc9145b.js');
+require('./index-1d91b909.js');
+var dataTransform = require('./dataTransform-2a525299.js');
+var normalizeLink = require('./normalizeLink-158781fb.js');
 var miscGetDynamicHealthTool = require('./miscGetDynamicHealthTool.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
 var miscScreenSizeContext = require('./miscScreenSizeContext.js');
 require('dayjs');
 require('@emotion/react');
-require('./tslib.es6-61dabbb3.js');
+require('./tslib.es6-751706a1.js');
 require('@mantine/notifications');
-require('./other-8087372e.js');
-require('./Locale-a52c3940.js');
+require('./other-a2812f55.js');
+require('./Locale-1d1bc95f.js');
 require('./constantsDomainLocales.js');
 require('./constantsIsProduction.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./core-2e7bc4db.js');
-require('./WhatsApp-200abc3d.js');
-require('./index-10c0fdcb.js');
-require('./index-bed1ee62.js');
+require('./core-17e51e35.js');
+require('./WhatsApp-568be55e.js');
+require('./index-9321f9d4.js');
+require('./index-8c97e37e.js');
 require('js-cookie');
 require('uuid');
 require('lodash/throttle');

package/build/miscGetDynamicHealthTool.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-61dabbb3.js');
-var normalizeLink = require('./normalizeLink-cac8a7a1.js');
-var core = require('./core-2e7bc4db.js');
+var tslib_es6 = require('./tslib.es6-751706a1.js');
+var normalizeLink = require('./normalizeLink-158781fb.js');
+var core = require('./core-17e51e35.js');
 require('./constantsDomainLocales.js');
-require('./Locale-a52c3940.js');
+require('./Locale-1d1bc95f.js');
 require('./constantsIsProduction.js');
 
 const formatHealthTool = (healthTool, locale) => {