@hhgtech/hhg-components 1.29.134 → 1.29.135

package/build/lead.js

@@ -2,45 +2,44 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var React = require('react');
 var debounce = require('lodash/debounce');
 var form = require('@mantine/form');
-var useTranslations = require('./useTranslations-928d4ace.js');
-var index = require('./index-7f563129.js');
+var index = require('./index-53b9a5ed.js');
+var index$1 = require('./index-ce9a0d0b.js');
 var core = require('@mantine/core');
-var index$1 = require('./index-3e801e33.js');
-var index$3 = require('./index-d919834a.js');
-var utils = require('./utils-cb95e189.js');
+var index$2 = require('./index-1e469a64.js');
+var index$4 = require('./index-b60821c5.js');
+var utils = require('./utils-dff75d80.js');
 require('@mantine/dates');
-require('./index-920ebbb7.js');
-require('./index-291e6f28.js');
-var index$6 = require('./index-e6bdfb93.js');
-require('./useMantineLocale-d59fa63b.js');
-var index$4 = require('./index-a0a2321b.js');
-require('./index.styles-b57afab1.js');
-var translationsContext = require('./translationsContext-e1cd3ed4.js');
-require('string-format');
+require('./index-f49e8023.js');
+require('./index-4a39b1e7.js');
+var index$7 = require('./index-76e88882.js');
+require('./useMantineLocale-b6730670.js');
+var index$5 = require('./index-f5b2b3bf.js');
+require('./index.styles-575a2293.js');
+var translationsContext = require('./translationsContext-571827e1.js');
 require('@mantine/hooks');
-var utils$1 = require('./utils-54857ab8.js');
-require('./other-427e38dc.js');
-require('./index-41f6c400.js');
-var usePlacesAutocomplete = require('./usePlacesAutocomplete-6b5a0001.js');
-var index$2 = require('./index-cf20aefa.js');
-var index$5 = require('./index-418c000b.js');
+var utils$1 = require('./utils-3e457c21.js');
+require('./other-06d775ca.js');
+require('./index-f47b3df8.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-4d1d4b0f.js');
+var index$3 = require('./index-ed1c09df.js');
+var index$6 = require('./index-ab0d64aa.js');
 var uuid = require('uuid');
 var miscTheme = require('./miscTheme.js');
 var ReactDOM = require('react-dom');
 var miscCookieHelper = require('./miscCookieHelper.js');
 var dayjs = require('dayjs');
-var Close = require('./Close-a541c031.js');
+var Close = require('./Close-b4465a39.js');
 require('@hhgtech/icons/other');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./Locale-409f6e0e.js');
-require('./index-8244f19c.js');
+require('./Locale-a2291568.js');
+require('./index-45ec86f5.js');
 require('classnames');
-require('./useUniqueId-f1ce19f5.js');
+require('./useUniqueId-8adf63a1.js');
 require('./constantsSite.js');
 require('@hhgtech/icons/core');
 require('date-fns/locale');
@@ -322,7 +321,7 @@ const clearCacheUsedEmailOrPhone = () => {
 // You can give context variables any name
 const [LeadFormProvider$1, useLeadFormContext$1, useLeadForm$1] = form.createFormContext();
 const useLeadFormConfig$1 = ({ listBlockAdded = [], validatingPhoneRef, validatingEmailRef, campaignId, campaign_subot_id = [], }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const validateObj = React.useMemo(() => {
         const InputBlocks = [
             'TextBlock',
@@ -504,7 +503,7 @@ const Component = ({ campaign, onClose: onCloseProp, onOtherSubmit, onSubmit, sh
 const Description = (_a) => {
     var rest = tslib_es6.__rest(_a, []);
     const { description } = React.useContext(LeadGenComponentContext);
-    return description ? (React__default["default"].createElement(index.Text, Object.assign({ size: "p3" }, rest), description)) : null;
+    return description ? (React__default["default"].createElement(index$1.Text, Object.assign({ size: "p3" }, rest), description)) : null;
 };
 
 var useStyles$2 = core.createStyles(() => {
@@ -558,7 +557,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$1.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: true, 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)))));
@@ -584,27 +583,27 @@ const Fields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmit, style
             case 'SubtitleBlock':
                 return (React__default["default"].createElement(SubtitleBlock$1, { key: index, align: align }, value));
             case 'TextBlock':
-                return (React__default["default"].createElement(index$1.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: true, 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$1.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: true, 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$1.Input, Object.assign({ key: index, withAsterisk: true, spellCheck: false, 
+                return (React__default["default"].createElement(index$2.Input, Object.assign({ key: index, withAsterisk: true, 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$1.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: true, key: index, label: placeholder, 
                     // error={errorField.phone}
                     className: cx('leadgen-control', classes.control), labelProps: {
                         htmlFor: id,
                     } }, form.getInputProps(value)),
-                    React__default["default"].createElement(index$1.Phone, { name: value, spellCheck: false, type: "tel", placeholder: placeholder, value: form.getInputProps(value).value, onChange: (v) => {
+                    React__default["default"].createElement(index$2.Phone, { name: value, spellCheck: false, type: "tel", placeholder: placeholder, value: form.getInputProps(value).value, onChange: (v) => {
                             form.setFieldValue(value, v);
                         }, 
                         // onBlur={(e) => inputOnBlur('tel', e)}
@@ -615,12 +614,12 @@ const Fields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmit, style
             }
             case 'DateBlock':
                 return (React__default["default"].createElement(React__default["default"].Fragment, null,
-                    React__default["default"].createElement(index$3.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: 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("input", { type: "hidden", name: value, "data-control": "date" })));
             case 'LinkButtonBlock':
                 return (React__default["default"].createElement("div", { key: index },
                     React__default["default"].createElement("a", { target: newtab ? 'blank' : 'parrent', href: url, style: { textDecoration: 'none' } },
-                        React__default["default"].createElement(index$2.Button, { type: "button", size: "md", className: `lead-modal__btn ${LEAD_CLASS}`, onClick: () => {
+                        React__default["default"].createElement(index$3.Button, { type: "button", size: "md", className: `lead-modal__btn ${LEAD_CLASS}`, onClick: () => {
                                 onClose === null || onClose === void 0 ? void 0 : onClose();
                                 onOtherSubmit === null || onOtherSubmit === void 0 ? void 0 : onOtherSubmit();
                             } }, value))));
@@ -629,26 +628,26 @@ 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$1.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: true, className: cx('leadgen-control', classes.control), key: index, label: placeholder, size: "md", sx: {
                             display: 'flex',
                             flexDirection: 'column',
                             gap: 8,
-                        } }, form.getInputProps(value)), listQuestion.map((l, _index) => (React__default["default"].createElement(index$1.Checkbox, { name: value, key: _index, value: l.value, label: l.placeholder, "data-control": "checkbox" }))))));
+                        } }, form.getInputProps(value)), listQuestion.map((l, _index) => (React__default["default"].createElement(index$2.Checkbox, { name: value, key: _index, value: l.value, label: l.placeholder, "data-control": "checkbox" }))))));
             case 'RadioBlock':
                 return (React__default["default"].createElement(React__default["default"].Fragment, null,
-                    isSendMailChimp && (React__default["default"].createElement(index$1.Input, { type: "hidden", name: value + '-mailchimp', value: isSendMailChimp })),
-                    React__default["default"].createElement(index$1.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$1.Radio, { name: value, key: _index, value: l.value, label: l.placeholder, "data-control": "radio" }))))));
+                    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" }))))));
             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$1.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: true, name: value, data: listQuestion.map((l) => ({
                             value: l.value,
                             label: l.placeholder,
                         })) }, form.getInputProps(value)))));
             case 'TncBlock':
                 const tncInputProps = form.getInputProps('TNC-' + b.id);
                 return (React__default["default"].createElement(React__default["default"].Fragment, null,
-                    React__default["default"].createElement(index$1.Checkbox, Object.assign({ name: 'TNC-' + b.id, key: b.id, label: React__default["default"].createElement("p", { className: "lead-modal__tnc-link", dangerouslySetInnerHTML: { __html: data.valueHTML } }), className: "tnc-block", "data-control": "checkbox" }, tncInputProps, { error: tncInputProps.error ? React__default["default"].createElement(React__default["default"].Fragment, null) : undefined }))));
+                    React__default["default"].createElement(index$2.Checkbox, Object.assign({ name: 'TNC-' + b.id, key: b.id, label: React__default["default"].createElement("p", { className: "lead-modal__tnc-link", dangerouslySetInnerHTML: { __html: data.valueHTML } }), className: "tnc-block", "data-control": "checkbox" }, tncInputProps, { error: tncInputProps.error ? React__default["default"].createElement(React__default["default"].Fragment, null) : undefined }))));
         }
         return null;
     })));
@@ -675,7 +674,7 @@ var useStyles$1 = core.createStyles((theme) => {
 const Heading = (_a) => {
     var rest = tslib_es6.__rest(_a, []);
     const { heading } = React.useContext(LeadGenComponentContext);
-    return heading ? (React__default["default"].createElement(index.Text, Object.assign({ size: "h3" }, rest), heading)) : null;
+    return heading ? (React__default["default"].createElement(index$1.Text, Object.assign({ size: "h3" }, rest), heading)) : null;
 };
 
 const FormComponent = ({ styles, className, classNames, fillInfo, popoverProps, submitProps, }) => {
@@ -763,13 +762,13 @@ const FormComponent = ({ styles, className, classNames, fillInfo, popoverProps,
                     }, listBlockAdded: listBlockAdded, locale: locale, onClose: onClose, onOtherSubmit: onOtherSubmit, popoverProps: popoverProps })),
             ((_b = actionBlocks === null || actionBlocks === void 0 ? void 0 : actionBlocks.submitBlock) === null || _b === void 0 ? void 0 : _b.isHide) ? null : (React__default["default"].createElement(React__default["default"].Fragment, null,
                 React__default["default"].createElement("div", { className: classes.term },
-                    React__default["default"].createElement(index$1.Checkbox, { label: React__default["default"].createElement("label", { htmlFor: "checkbox" },
+                    React__default["default"].createElement(index$2.Checkbox, { label: React__default["default"].createElement("label", { htmlFor: "checkbox" },
                             popUpTermAgreeText,
                             ' ',
                             React__default["default"].createElement("span", { style: { fontWeight: 'bold' } },
                                 React__default["default"].createElement("a", { target: "blank", href: popUpTermURL || 'https://hellobacsi.com/chinh-sach', rel: "noopener noreferrer", style: { textDecoration: 'none' } }, popUpTermText))), onChange: (e) => setCheckedTerm(e.currentTarget.checked) })),
                 React__default["default"].createElement("div", { className: classes.submitBtnWrapper },
-                    React__default["default"].createElement(index$4.Button, Object.assign({ size: "md", id: "lead-submit", type: "submit", className: classes.submitBtn, disabled: !checkedTerm, loading: isSubmitLoading }, submitProps), popUpSubmitText)))))));
+                    React__default["default"].createElement(index$5.Button, Object.assign({ size: "md", id: "lead-submit", type: "submit", className: classes.submitBtn, disabled: !checkedTerm, loading: isSubmitLoading }, submitProps), popUpSubmitText)))))));
 };
 const Form = (props) => {
     const { showOtpPhone, showThankyou } = React.useContext(LeadGenComponentContext);
@@ -790,7 +789,7 @@ var useStyles = core.createStyles(() => {
 });
 
 const OtpBlockComponent = ({ otpData, onSuccess, autoSendWhenOpen, className, styles, classNames, }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const phone = otpData.phone;
     const otpType = otpData.type;
     const [otp, setOtp] = React.useState('');
@@ -898,9 +897,9 @@ const OtpBlockComponent = ({ otpData, onSuccess, autoSendWhenOpen, className, st
                 submitOtp();
             }, className: cx(classes.root, className) },
             React__default["default"].createElement("div", { className: classes.header },
-                React__default["default"].createElement(index$5.Heading, { tag: "h3", className: classes.heading }, t('lead.otp.title')),
-                React__default["default"].createElement(index.Text, { size: "p3", className: classes.description }, t('lead.otp.desc', { phone: displayPhone }))),
-            React__default["default"].createElement(index$1.Input, { ref: inputRef, name: '_' + name + '-otp', spellCheck: false, type: "number", placeholder: t('lead.otp.phonePlaceholder'), className: classes.control, label: t('lead.otp.phoneLabel'), "data-control": "otp", withAsterisk: true, pattern: "[0-9]*", value: otp, maxLength: 6, onChange: (v) => {
+                React__default["default"].createElement(index$6.Heading, { tag: "h3", className: classes.heading }, t('lead.otp.title')),
+                React__default["default"].createElement(index$1.Text, { size: "p3", className: classes.description }, t('lead.otp.desc', { phone: displayPhone }))),
+            React__default["default"].createElement(index$2.Input, { ref: inputRef, name: '_' + name + '-otp', spellCheck: false, type: "number", placeholder: t('lead.otp.phonePlaceholder'), className: classes.control, label: t('lead.otp.phoneLabel'), "data-control": "otp", withAsterisk: true, pattern: "[0-9]*", value: otp, maxLength: 6, onChange: (v) => {
                     setIsDirty(true);
                     setOtp(v);
                     if (isDirty && !v)
@@ -909,10 +908,10 @@ const OtpBlockComponent = ({ otpData, onSuccess, autoSendWhenOpen, className, st
                         setErrorMsg(undefined);
                 }, error: isDirty ? errorMsg : undefined }),
             React__default["default"].createElement("div", { className: classes.actions },
-                React__default["default"].createElement(index$4.Button, { type: "submit", size: "md", color: "primary", className: classes.submitBtn, 
+                React__default["default"].createElement(index$5.Button, { type: "submit", size: "md", color: "primary", className: classes.submitBtn, 
                     // onClick={() => submitOtp()}
                     disabled: !otp, loading: isSubmitLoading }, t('lead.otp.verify')),
-                React__default["default"].createElement(index$4.Button, { type: "button", size: "md", color: "transparent", className: classes.resendOtp, onClick: () => {
+                React__default["default"].createElement(index$5.Button, { type: "button", size: "md", color: "transparent", className: classes.resendOtp, onClick: () => {
                         sendOtp();
                     }, disabled: !!resendTimer }, t('lead.otp.resend', {
                     timer: resendTimer ? ` (${resendTimer}s)` : '',
@@ -1253,7 +1252,7 @@ const FloatingLayout = ({ popupId, url, title, urlText, titleAlign, subtitle, su
 // You can give context variables any name
 const [LeadFormProvider, useLeadFormContext, useLeadForm] = form.createFormContext();
 const useLeadFormConfig = ({ listBlockAdded = [], validatingPhoneRef, validatingEmailRef, campaignId, campaign_subot_id = [], }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const validateObj = React.useMemo(() => {
         const InputBlocks = [
             'TextBlock',
@@ -1421,7 +1420,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$1.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: true, 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)))));
@@ -1442,27 +1441,27 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
             case 'SubtitleBlock':
                 return (React__default["default"].createElement(SubtitleBlock, { key: index, align: align }, value));
             case 'TextBlock':
-                return (React__default["default"].createElement(index$1.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: true, 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$1.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: true, 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$1.Input, Object.assign({ key: index, withAsterisk: true, spellCheck: false, 
+                return (React__default["default"].createElement(index$2.Input, Object.assign({ key: index, withAsterisk: true, 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$1.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: true, key: index, label: placeholder, 
                     // error={errorField.phone}
                     className: "lead-modal__form-control", labelProps: {
                         htmlFor: id,
                     } }, form.getInputProps(value)),
-                    React__default["default"].createElement(index$1.Phone, { name: value, spellCheck: false, type: "tel", placeholder: placeholder, onChange: (v) => {
+                    React__default["default"].createElement(index$2.Phone, { name: value, spellCheck: false, type: "tel", placeholder: placeholder, onChange: (v) => {
                             form.setFieldValue(value, v);
                         }, 
                         // onBlur={(e) => inputOnBlur('tel', e)}
@@ -1473,12 +1472,12 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
             }
             case 'DateBlock':
                 return (React__default["default"].createElement(React__default["default"].Fragment, null,
-                    React__default["default"].createElement(index$3.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: 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("input", { type: "hidden", name: value, "data-control": "date" })));
             case 'LinkButtonBlock':
                 return (React__default["default"].createElement("div", { key: index },
                     React__default["default"].createElement("a", { target: newtab ? 'blank' : 'parrent', href: url, style: { textDecoration: 'none' } },
-                        React__default["default"].createElement(index$2.Button, { type: "button", size: "md", className: `lead-modal__btn ${LEAD_CLASS}`, onClick: () => {
+                        React__default["default"].createElement(index$3.Button, { type: "button", size: "md", className: `lead-modal__btn ${LEAD_CLASS}`, onClick: () => {
                                 onClose === null || onClose === void 0 ? void 0 : onClose();
                                 onOtherSubmit === null || onOtherSubmit === void 0 ? void 0 : onOtherSubmit();
                             } }, value))));
@@ -1487,33 +1486,33 @@ 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$1.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: true, className: "lead-modal__form-control", key: index, label: placeholder, size: "md", sx: {
                             display: 'flex',
                             flexDirection: 'column',
                             gap: 8,
-                        } }, form.getInputProps(value)), listQuestion.map((l, _index) => (React__default["default"].createElement(index$1.Checkbox, { name: value, key: _index, value: l.value, label: l.placeholder, "data-control": "checkbox" }))))));
+                        } }, form.getInputProps(value)), listQuestion.map((l, _index) => (React__default["default"].createElement(index$2.Checkbox, { name: value, key: _index, value: l.value, label: l.placeholder, "data-control": "checkbox" }))))));
             case 'RadioBlock':
                 return (React__default["default"].createElement(React__default["default"].Fragment, null,
-                    isSendMailChimp && (React__default["default"].createElement(index$1.Input, { type: "hidden", name: value + '-mailchimp', value: isSendMailChimp })),
-                    React__default["default"].createElement(index$1.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$1.Radio, { name: value, key: _index, value: l.value, label: l.placeholder, "data-control": "radio" }))))));
+                    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" }))))));
             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$1.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: true, name: value, data: listQuestion.map((l) => ({
                             value: l.value,
                             label: l.placeholder,
                         })) }, form.getInputProps(value)))));
             case 'TncBlock':
                 const tncInputProps = form.getInputProps('TNC-' + b.id);
                 return (React__default["default"].createElement(React__default["default"].Fragment, null,
-                    React__default["default"].createElement(index$1.Checkbox, Object.assign({ name: 'TNC-' + b.id, key: b.id, label: React__default["default"].createElement("p", { className: "lead-modal__tnc-link", dangerouslySetInnerHTML: { __html: data.valueHTML } }), className: "tnc-block", "data-control": "checkbox" }, tncInputProps, { error: tncInputProps.error ? React__default["default"].createElement(React__default["default"].Fragment, null) : undefined }))));
+                    React__default["default"].createElement(index$2.Checkbox, Object.assign({ name: 'TNC-' + b.id, key: b.id, label: React__default["default"].createElement("p", { className: "lead-modal__tnc-link", dangerouslySetInnerHTML: { __html: data.valueHTML } }), className: "tnc-block", "data-control": "checkbox" }, tncInputProps, { error: tncInputProps.error ? React__default["default"].createElement(React__default["default"].Fragment, null) : undefined }))));
         }
         return null;
     })));
 };
 
 const OtpBlock = ({ otpData, onSuccess, autoSendWhenOpen, }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const phone = otpData.phone;
     const otpType = otpData.type;
     const [otp, setOtp] = React.useState('');
@@ -1615,9 +1614,9 @@ const OtpBlock = ({ otpData, onSuccess, autoSendWhenOpen, }) => {
                 e.preventDefault();
                 submitOtp();
             }, className: "lead-phone-otp-form" },
-            React__default["default"].createElement(index$5.Heading, { tag: "h3", fontWeight: "bold", style: { marginBottom: 4 } }, t('lead.otp.title')),
-            React__default["default"].createElement(index.Text, { size: "p1", color: miscTheme.theme.colors.gray600 }, t('lead.otp.desc', { phone: displayPhone })),
-            React__default["default"].createElement(index$1.Input, { ref: inputRef, name: '_' + name + '-otp', spellCheck: false, type: "number", placeholder: t('lead.otp.phonePlaceholder'), className: "lead-modal__form-control", label: t('lead.otp.phoneLabel'), "data-control": "otp", withAsterisk: true, pattern: "[0-9]*", value: otp, maxLength: 6, onChange: (v) => {
+            React__default["default"].createElement(index$6.Heading, { tag: "h3", fontWeight: "bold", style: { marginBottom: 4 } }, t('lead.otp.title')),
+            React__default["default"].createElement(index$1.Text, { size: "p1", color: miscTheme.theme.colors.gray600 }, t('lead.otp.desc', { phone: displayPhone })),
+            React__default["default"].createElement(index$2.Input, { ref: inputRef, name: '_' + name + '-otp', spellCheck: false, type: "number", placeholder: t('lead.otp.phonePlaceholder'), className: "lead-modal__form-control", label: t('lead.otp.phoneLabel'), "data-control": "otp", withAsterisk: true, pattern: "[0-9]*", value: otp, maxLength: 6, onChange: (v) => {
                     setIsDirty(true);
                     setOtp(v);
                     if (isDirty && !v)
@@ -1625,10 +1624,10 @@ const OtpBlock = ({ otpData, onSuccess, autoSendWhenOpen, }) => {
                     else
                         setErrorMsg(undefined);
                 }, error: isDirty ? errorMsg : undefined }),
-            React__default["default"].createElement(index$2.Button, { size: "md", color: "primary", className: `lead-modal__btn ${LEAD_CLASS}`, 
+            React__default["default"].createElement(index$3.Button, { size: "md", color: "primary", className: `lead-modal__btn ${LEAD_CLASS}`, 
                 // onClick={() => submitOtp()}
                 disabled: !otp, isLoading: isSubmitLoading }, t('lead.otp.verify')),
-            React__default["default"].createElement(index$2.Button, { type: "button", size: "md", color: "transparent", className: `lead-modal__btn lead-phone-otp-button ${LEAD_CLASS}`, onClick: () => {
+            React__default["default"].createElement(index$3.Button, { type: "button", size: "md", color: "transparent", className: `lead-modal__btn lead-phone-otp-button ${LEAD_CLASS}`, onClick: () => {
                     sendOtp();
                 }, disabled: !!resendTimer }, t('lead.otp.resend', {
                 timer: resendTimer ? ` (${resendTimer}s)` : '',
@@ -1920,7 +1919,7 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
                 } })) : null,
             React__default["default"].createElement("div", { className: `lead-modal__wrapper le-newbuilder-wrap-${currentLayout}` },
                 React__default["default"].createElement("div", { className: `lead-modal__content le-newbuilder-${currentLayout}` }, showThankyou ? (React__default["default"].createElement(ThankyouPopup, { title: showThankyou.title, titleAlign: showThankyou.titleAlign, subtitle: showThankyou.subtitle, subtitleAlign: showThankyou.subtitleAlign, link: showThankyou.link, linkNewTab: showThankyou.linkNewTab, linkText: showThankyou.linkText, image: showThankyou.image })) : (React__default["default"].createElement(React__default["default"].Fragment, null,
-                    React__default["default"].createElement("header", { className: "lead-modal__header" }, showOtpPhone ? (React__default["default"].createElement("img", { src: index$6.CommonGAssets.getAssetPath('lead-otp-thumb.png'), draggable: "false", alt: "", style: {
+                    React__default["default"].createElement("header", { className: "lead-modal__header" }, showOtpPhone ? (React__default["default"].createElement("img", { src: index$7.CommonGAssets.getAssetPath('lead-otp-thumb.png'), draggable: "false", alt: "", style: {
                             width: '100%',
                             minHeight: '150px',
                             backgroundColor: '#f2f2f2',
@@ -1957,7 +1956,7 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
                                             React__default["default"].createElement("span", { style: { fontWeight: 'bold' } },
                                                 React__default["default"].createElement("a", { target: "blank", href: popUpTermURL ||
                                                         'https://hellobacsi.com/chinh-sach', rel: "noopener noreferrer", style: { textDecoration: 'none' } }, popUpTermText)))),
-                                    React__default["default"].createElement(index$2.Button, { size: "md", id: "lead-submit", type: "submit", className: `lead-modal__btn ${LEAD_CLASS}`, disabled: !checkedTerm, isLoading: isSubmitLoading }, popUpSubmitText))))))))),
+                                    React__default["default"].createElement(index$3.Button, { size: "md", id: "lead-submit", type: "submit", className: `lead-modal__btn ${LEAD_CLASS}`, disabled: !checkedTerm, isLoading: isSubmitLoading }, popUpSubmitText))))))))),
                 !currentLayout.includes('Inline') && (React__default["default"].createElement(CloseButton, { onClose: onClose, containerClassName: "close-button-top-right" }))))));
     if (!renderAfterImageSizes)
         return null;

package/build/{logoIcon-dfa1ea13.js → logoIcon-d06564d9.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-e6bdfb93.js');
-var index$1 = require('./index-8244f19c.js');
+var index = require('./index-76e88882.js');
+var index$1 = require('./index-45ec86f5.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/mantine.js

@@ -2,43 +2,42 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-3e801e33.js');
-var index$1 = require('./index-d919834a.js');
-var index$2 = require('./index-7f563129.js');
-var index$3 = require('./index-a0a2321b.js');
-var index$4 = require('./index-d33ac9dd.js');
+var index = require('./index-1e469a64.js');
+var index$1 = require('./index-b60821c5.js');
+var index$2 = require('./index-ce9a0d0b.js');
+var index$3 = require('./index-f5b2b3bf.js');
+var index$4 = require('./index-9342e3e3.js');
 var React = require('react');
-var index$5 = require('./index-e8251765.js');
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var index$5 = require('./index-0a9ae6cf.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var core = require('@mantine/core');
 var miscTheme = require('./miscTheme.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
+var index$8 = require('./index-53b9a5ed.js');
 var hooks = require('@mantine/hooks');
-var index$6 = require('./index-04139501.js');
-var useMantineLocale = require('./useMantineLocale-d59fa63b.js');
-var other = require('./other-427e38dc.js');
-var index$7 = require('./index-41f6c400.js');
+var index$6 = require('./index-b83d5158.js');
+var useMantineLocale = require('./useMantineLocale-b6730670.js');
+var other = require('./other-06d775ca.js');
+var index$7 = require('./index-f47b3df8.js');
 require('@hhgtech/icons/other');
-require('./index-e6bdfb93.js');
+require('./index-76e88882.js');
 require('./constantsDomainLocales.js');
-require('./Locale-409f6e0e.js');
+require('./Locale-a2291568.js');
 require('./constantsIsProduction.js');
-require('./index.styles-b57afab1.js');
-require('./utils-54857ab8.js');
+require('./index.styles-575a2293.js');
+require('./utils-3e457c21.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-291e6f28.js');
-require('./index-920ebbb7.js');
+require('./index-4a39b1e7.js');
+require('./index-f49e8023.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./index-8244f19c.js');
+require('./index-45ec86f5.js');
 require('classnames');
-require('./useUniqueId-f1ce19f5.js');
+require('./useUniqueId-8adf63a1.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./translationsContext-e1cd3ed4.js');
-require('string-format');
+require('./translationsContext-571827e1.js');
 require('@mantine/notifications');
 require('dayjs');
 
@@ -69,7 +68,7 @@ const Badge = (_a) => {
 
 const Spoiler = (_a) => {
     var { children, line, lineHeight, trackingAttributes, maxHeight: _maxHeight, customExpandFn } = _a, rest = tslib_es6.__rest(_a, ["children", "line", "lineHeight", "trackingAttributes", "maxHeight", "customExpandFn"]);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$8.useTranslations();
     const maxHeight = React.useMemo(() => {
         if (_maxHeight)
             return _maxHeight;

package/build/misc.js

@@ -2,39 +2,39 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var localizeNumberFormat = require('./localizeNumberFormat-eb936fec.js');
-var animation = require('./animation-7f28c73e.js');
+var localizeNumberFormat = require('./localizeNumberFormat-a533f0b4.js');
+var animation = require('./animation-def71a91.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 require('react');
 require('@mantine/core');
-require('./useMantineLocale-d59fa63b.js');
-require('./index-291e6f28.js');
-require('./index-e6bdfb93.js');
+require('./useMantineLocale-b6730670.js');
+require('./index-4a39b1e7.js');
+require('./index-76e88882.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-54857ab8.js');
-require('./index-920ebbb7.js');
-var number = require('./number-9747805b.js');
-var routing = require('./routing-9b87917d.js');
+var utils = require('./utils-3e457c21.js');
+require('./index-f49e8023.js');
+var number = require('./number-80e8f3bd.js');
+var routing = require('./routing-5872fa7b.js');
 var miscGetDynamicHealthTool = require('./miscGetDynamicHealthTool.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
 var miscScreenSizeContext = require('./miscScreenSizeContext.js');
-var dataTransform = require('./dataTransform-9fae5283.js');
+var dataTransform = require('./dataTransform-cf91c52f.js');
 require('dayjs');
 require('@emotion/react');
-require('./tslib.es6-6cf152d6.js');
+require('./tslib.es6-47d67e4a.js');
 require('@mantine/notifications');
-require('./other-427e38dc.js');
-require('./Locale-409f6e0e.js');
+require('./other-06d775ca.js');
+require('./Locale-a2291568.js');
 require('./constantsDomainLocales.js');
 require('./constantsIsProduction.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./normalizeLink-32afb65d.js');
-require('./core-77984827.js');
-require('./WhatsApp-3d2e2ad8.js');
-require('./index-dd44e8a3.js');
-require('./index-a61876b7.js');
+require('./normalizeLink-9e7b2355.js');
+require('./core-9d2adcdf.js');
+require('./WhatsApp-d729dea8.js');
+require('./index-52586f0d.js');
+require('./index-bca7b38a.js');
 require('js-cookie');
 require('uuid');
 require('lodash/throttle');

package/build/miscGetDynamicHealthTool.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
-var normalizeLink = require('./normalizeLink-32afb65d.js');
-var routing = require('./routing-9b87917d.js');
-var core = require('./core-77984827.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
+var normalizeLink = require('./normalizeLink-9e7b2355.js');
+var routing = require('./routing-5872fa7b.js');
+var core = require('./core-9d2adcdf.js');
 require('./constantsDomainLocales.js');
-require('./Locale-409f6e0e.js');
+require('./Locale-a2291568.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-6cf152d6.js');
-var WhatsApp = require('./WhatsApp-3d2e2ad8.js');
-var index = require('./index-291e6f28.js');
-var index$2 = require('./index-dd44e8a3.js');
-var index$1 = require('./index-e6bdfb93.js');
-var Locale = require('./Locale-409f6e0e.js');
-require('./index-a61876b7.js');
-require('./index-920ebbb7.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
+var WhatsApp = require('./WhatsApp-d729dea8.js');
+var index = require('./index-4a39b1e7.js');
+var index$2 = require('./index-52586f0d.js');
+var index$1 = require('./index-76e88882.js');
+var Locale = require('./Locale-a2291568.js');
+require('./index-bca7b38a.js');
+require('./index-f49e8023.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-54857ab8.js');
+var utils = require('./utils-3e457c21.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }