@hhgtech/hhg-components 1.29.309 → 1.29.310

package/build/lead.js

@@ -2,45 +2,45 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-3f0253fc.js');
+var tslib_es6 = require('./tslib.es6-c3f3259f.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dayjs = require('dayjs');
 var debounce = require('lodash/debounce');
 var form = require('@mantine/form');
-var index = require('./index-02bdf556.js');
-var index$1 = require('./index-cfd85207.js');
-var index$2 = require('./index-433c0239.js');
-var index$4 = require('./index-4c196646.js');
-var utils = require('./utils-5ca4b7c8.js');
+var index = require('./index-b3c64944.js');
+var index$1 = require('./index-dbba4167.js');
+var index$2 = require('./index-d87b818e.js');
+var index$4 = require('./index-89a13973.js');
+var utils = require('./utils-a6a14827.js');
 require('@mantine/dates');
-var index$9 = require('./index-aa189383.js');
-require('./index-4cd87649.js');
-var index$8 = require('./index-b83513ed.js');
-require('./useMantineLocale-8570ecad.js');
-var index$5 = require('./index-698d97ef.js');
-require('./index.styles-7466c959.js');
-var translationsContext = require('./translationsContext-77aa75b4.js');
+var index$9 = require('./index-de8619b3.js');
+require('./index-e686ca2a.js');
+var index$8 = require('./index-ea3147c3.js');
+require('./useMantineLocale-e6ec128f.js');
+var index$5 = require('./index-ffa7a87f.js');
+require('./index.styles-18c4b28b.js');
+var translationsContext = require('./translationsContext-1004699f.js');
 require('@mantine/hooks');
-var utils$1 = require('./utils-d5855593.js');
-require('./other-e2f81e0f.js');
-require('./index-0e9b8f89.js');
-var usePlacesAutocomplete = require('./usePlacesAutocomplete-759d385a.js');
-var index$3 = require('./index-8dd2fa47.js');
-var index$6 = require('./index-32c9e95b.js');
+var utils$1 = require('./utils-fe54d063.js');
+require('./other-02cf041a.js');
+require('./index-0c66ee32.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-f3777df5.js');
+var index$3 = require('./index-a09d9e3a.js');
+var index$6 = require('./index-1ad5fb8c.js');
 var uuid = require('uuid');
-var index$7 = require('./index-37b25b5b.js');
+var index$7 = require('./index-1806c98f.js');
 var miscTheme = require('./miscTheme.js');
 var ReactDOM = require('react-dom');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var Close = require('./Close-142a682b.js');
+var Close = require('./Close-49af07f7.js');
 require('@hhgtech/icons/other');
-require('./useScreenSize-df390345.js');
+require('./useScreenSize-6405c8d7.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./Locale-3263cc98.js');
+require('./Locale-bd14c9e1.js');
 require('classnames');
-require('./useUniqueId-1f198245.js');
+require('./useUniqueId-2418857a.js');
 require('./constantsSite.js');
 require('@hhgtech/icons/core');
 require('date-fns/locale');
@@ -240,22 +240,32 @@ const validatePhoneNumberOnLeadGen = ({ campaign_id, phone, }) => {
         },
     });
 };
+const LEAD_OTP_API = {
+    whatsapp: 'api/sms/whatsapp_otp',
+    phone: 'api/sms/otp',
+    zalo: 'api/sms/zalo_otp',
+};
 const sendSMSOtpLead = ({ phone, type, }) => {
     return leadApi.call({
-        url: type === 'phone' ? 'api/sms/otp' : 'api/sms/whatsapp_otp',
+        url: LEAD_OTP_API[type],
         method: 'post',
         data: {
-            // The type Whatsapp do not remove the '+'
+            // The type Whatsapp/Zalo do not remove the '+'
             phone_number: type === 'phone' ? phone.replace('+', '') : phone,
         },
     });
 };
+const LEAD_VERIFY_OTP_API = {
+    whatsapp: 'api/sms/whatsapp_verify',
+    phone: 'api/sms/verify',
+    zalo: 'api/sms/zalo_verify',
+};
 const verifyOtpLead = ({ phone, otp, type, }) => {
     return leadApi.call({
-        url: type === 'phone' ? 'api/sms/verify' : 'api/sms/whatsapp_verify',
+        url: LEAD_VERIFY_OTP_API[type],
         method: 'post',
         data: {
-            // The type Whatsapp do not remove the '+'
+            // The type Whatsapp/Zalo do not remove the '+'
             otp_code: otp,
             phone_number: type === 'phone' ? phone.replace('+', '') : phone,
         },
@@ -387,6 +397,7 @@ const useLeadFormConfig$1 = ({ listBlockAdded = [], validatingPhoneRef, validati
             'DropdownBlock',
             'PhoneOtpBlock',
             'WhatsappOtpBlock',
+            'ZaloOtpBlock',
             'LocationBlock',
             'TncBlock',
         ];
@@ -453,6 +464,7 @@ const useLeadFormConfig$1 = ({ listBlockAdded = [], validatingPhoneRef, validati
             }
             else if (b.name === 'PhoneBlock' ||
                 b.name === 'PhoneOtpBlock' ||
+                b.name === 'ZaloOtpBlock' ||
                 b.name === 'WhatsappOtpBlock') {
                 return Object.assign(Object.assign({}, r), { [b.data.value]: withSharedCheck(b.data.value, (value) => {
                         if (value &&
@@ -687,6 +699,7 @@ const Fields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmit, style
                     placeholder: placeholder, className: cx('leadgen-control', classes.control), label: placeholder, "data-control": "email", name: value }, form.getInputProps(value))));
             case 'PhoneOtpBlock':
             case 'WhatsappOtpBlock':
+            case 'ZaloOtpBlock':
             case 'PhoneBlock': {
                 const id = popupId + '-' + value + '-' + index;
                 return (React__default["default"].createElement(index$2.Input.Wrapper, Object.assign({ size: "md", withAsterisk: required, key: index, label: placeholder, 
@@ -790,7 +803,7 @@ const FormComponent = ({ styles, className, classNames, fillInfo, popoverProps,
         }
         setTimeout(() => {
             form.onSubmit((v) => {
-                var _a, _b, _c, _d, _e, _f;
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j;
                 if (Object.keys(form.errors).length)
                     return;
                 let newShowOtpPhone = null;
@@ -814,6 +827,16 @@ const FormComponent = ({ styles, className, classNames, fillInfo, popoverProps,
                         };
                     }
                 }
+                if (listBlockAdded.findIndex((x) => x.name === 'ZaloOtpBlock') > -1) {
+                    // not submit yet, open otp
+                    const fieldName = (_h = (_g = listBlockAdded.find((x) => x.name === 'ZaloOtpBlock')) === null || _g === void 0 ? void 0 : _g.data) === null || _h === void 0 ? void 0 : _h.value;
+                    if ((_j = v[fieldName]) === null || _j === void 0 ? void 0 : _j.startsWith('+')) {
+                        newShowOtpPhone = {
+                            phone: v[fieldName],
+                            type: 'zalo',
+                        };
+                    }
+                }
                 if (newShowOtpPhone) {
                     setIsSubmitLoading(true);
                     Service.sendSMSOtpLead(newShowOtpPhone)
@@ -906,7 +929,8 @@ const OtpBlockComponent = ({ otpData, onSuccess, autoSendWhenOpen, className, st
         });
         const respMessage = (_a = res === null || res === void 0 ? void 0 : res._messages) === null || _a === void 0 ? void 0 : _a[0];
         if (respMessage === 'Send sms successfully' ||
-            respMessage === 'Send WhatsApp successfully') {
+            respMessage === 'Send WhatsApp successfully' ||
+            respMessage === 'Send Zalo successfully') {
             setResendTimer(60);
             setTimeout(() => {
                 if (inputRef.current) {
@@ -941,7 +965,8 @@ const OtpBlockComponent = ({ otpData, onSuccess, autoSendWhenOpen, className, st
         });
         const respMessage = res === null || res === void 0 ? void 0 : res._messages[0];
         if (respMessage === 'Verify successfully' ||
-            respMessage === 'Verify WhatsApp OTP sucess') {
+            respMessage === 'Verify WhatsApp OTP sucess' ||
+            respMessage === 'Verify Zalo OTP sucess') {
             onSuccess();
         }
         else if (respMessage === 'This phone number was verified') {
@@ -1347,6 +1372,7 @@ const useLeadFormConfig = ({ listBlockAdded = [], validatingPhoneRef, validating
             'DropdownBlock',
             'PhoneOtpBlock',
             'WhatsappOtpBlock',
+            'ZaloOtpBlock',
             'LocationBlock',
             'TncBlock',
         ];
@@ -1413,6 +1439,7 @@ const useLeadFormConfig = ({ listBlockAdded = [], validatingPhoneRef, validating
             }
             else if (b.name === 'PhoneBlock' ||
                 b.name === 'PhoneOtpBlock' ||
+                b.name === 'ZaloOtpBlock' ||
                 b.name === 'WhatsappOtpBlock') {
                 return Object.assign(Object.assign({}, r), { [b.data.value]: withSharedCheck(b.data.value, (value) => {
                         if (value &&
@@ -1574,6 +1601,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
                     placeholder: placeholder, className: "lead-modal__form-control", label: placeholder, "data-control": "email", name: value }, form.getInputProps(value))));
             case 'PhoneOtpBlock':
             case 'WhatsappOtpBlock':
+            case 'ZaloOtpBlock':
             case 'PhoneBlock': {
                 const id = popupId + '-' + value + '-' + index;
                 return (React__default["default"].createElement(index$2.Input.Wrapper, Object.assign({ size: "md", withAsterisk: required, key: index, label: placeholder, 
@@ -1664,7 +1692,8 @@ const OtpBlock = ({ otpData, onSuccess, autoSendWhenOpen, }) => {
         });
         const respMessage = (_a = res === null || res === void 0 ? void 0 : res._messages) === null || _a === void 0 ? void 0 : _a[0];
         if (respMessage === 'Send sms successfully' ||
-            respMessage === 'Send WhatsApp successfully') {
+            respMessage === 'Send WhatsApp successfully' ||
+            respMessage === 'Send Zalo successfully') {
             setResendTimer(60);
             setTimeout(() => {
                 if (inputRef.current) {
@@ -1699,7 +1728,8 @@ const OtpBlock = ({ otpData, onSuccess, autoSendWhenOpen, }) => {
         });
         const respMessage = res === null || res === void 0 ? void 0 : res._messages[0];
         if (respMessage === 'Verify successfully' ||
-            respMessage === 'Verify WhatsApp OTP sucess') {
+            respMessage === 'Verify WhatsApp OTP sucess' ||
+            respMessage === 'Verify Zalo OTP sucess') {
             onSuccess();
         }
         else if (respMessage === 'This phone number was verified') {
@@ -1961,7 +1991,7 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
         }
         setTimeout(() => {
             form.onSubmit((v) => {
-                var _a, _b, _c, _d, _e, _f;
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j;
                 if (Object.keys(form.errors).length)
                     return;
                 let newShowOtpPhone = null;
@@ -1985,6 +2015,16 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
                         };
                     }
                 }
+                if (listBlockAdded.findIndex((x) => x.name === 'ZaloOtpBlock') > -1) {
+                    // not submit yet, open otp
+                    const fieldName = (_h = (_g = listBlockAdded.find((x) => x.name === 'ZaloOtpBlock')) === null || _g === void 0 ? void 0 : _g.data) === null || _h === void 0 ? void 0 : _h.value;
+                    if ((_j = v[fieldName]) === null || _j === void 0 ? void 0 : _j.startsWith('+')) {
+                        newShowOtpPhone = {
+                            phone: v[fieldName],
+                            type: 'zalo',
+                        };
+                    }
+                }
                 if (newShowOtpPhone) {
                     setIsSubmitLoading(true);
                     Service.sendSMSOtpLead(newShowOtpPhone)

package/build/{logoIcon-ae456bed.js → logoIcon-bdd83bfe.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-b83513ed.js');
-var useScreenSize = require('./useScreenSize-df390345.js');
+var index = require('./index-ea3147c3.js');
+var useScreenSize = require('./useScreenSize-6405c8d7.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/mantine.js

@@ -2,43 +2,43 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-433c0239.js');
-var index$1 = require('./index-4c196646.js');
-var index$2 = require('./index-cfd85207.js');
-var index$3 = require('./index-698d97ef.js');
-var index$4 = require('./index-8d865f36.js');
+var index = require('./index-d87b818e.js');
+var index$1 = require('./index-89a13973.js');
+var index$2 = require('./index-dbba4167.js');
+var index$3 = require('./index-ffa7a87f.js');
+var index$4 = require('./index-27aafa10.js');
 var React = require('react');
-var index$5 = require('./index-78b1d557.js');
-var tslib_es6 = require('./tslib.es6-3f0253fc.js');
+var index$5 = require('./index-5fc2cd51.js');
+var tslib_es6 = require('./tslib.es6-c3f3259f.js');
 var core = require('@mantine/core');
 var miscTheme = require('./miscTheme.js');
-var index$6 = require('./index-a189616a.js');
+var index$6 = require('./index-6f8821b3.js');
 var hooks = require('@mantine/hooks');
-var index$7 = require('./index-e66a0c4b.js');
-var useMantineLocale = require('./useMantineLocale-8570ecad.js');
-var other = require('./other-e2f81e0f.js');
-var index$8 = require('./index-0e9b8f89.js');
+var index$7 = require('./index-0a468885.js');
+var useMantineLocale = require('./useMantineLocale-e6ec128f.js');
+var other = require('./other-02cf041a.js');
+var index$8 = require('./index-0c66ee32.js');
 require('@hhgtech/icons/other');
-require('./index-b83513ed.js');
+require('./index-ea3147c3.js');
 require('./constantsDomainLocales.js');
-require('./Locale-3263cc98.js');
+require('./Locale-bd14c9e1.js');
 require('./constantsIsProduction.js');
-require('./useScreenSize-df390345.js');
+require('./useScreenSize-6405c8d7.js');
 require('@emotion/styled');
-require('./utils-d5855593.js');
+require('./utils-fe54d063.js');
 require('@mantine/carousel');
-require('./index-4cd87649.js');
-require('./index-aa189383.js');
+require('./index-e686ca2a.js');
+require('./index-de8619b3.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('classnames');
-require('./useUniqueId-1f198245.js');
+require('./useUniqueId-2418857a.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-7466c959.js');
-require('./index-02bdf556.js');
-require('./translationsContext-77aa75b4.js');
+require('./index.styles-18c4b28b.js');
+require('./index-b3c64944.js');
+require('./translationsContext-1004699f.js');
 require('@mantine/notifications');
 require('dayjs');
 

package/build/misc.js

@@ -2,37 +2,37 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var localizeNumberFormat = require('./localizeNumberFormat-414c0b88.js');
-var animation = require('./animation-62654ed2.js');
+var localizeNumberFormat = require('./localizeNumberFormat-b46b98ec.js');
+var animation = require('./animation-19e6a7bb.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 require('react');
 require('@mantine/core');
-require('./useMantineLocale-8570ecad.js');
-require('./index-4cd87649.js');
-require('./index-b83513ed.js');
+require('./useMantineLocale-e6ec128f.js');
+require('./index-e686ca2a.js');
+require('./index-ea3147c3.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-d5855593.js');
-require('./index-aa189383.js');
-var dataTransform = require('./dataTransform-794a0718.js');
-var normalizeLink = require('./normalizeLink-ee2a225b.js');
+var utils = require('./utils-fe54d063.js');
+require('./index-de8619b3.js');
+var dataTransform = require('./dataTransform-64023d00.js');
+var normalizeLink = require('./normalizeLink-504885b8.js');
 var miscGetDynamicHealthTool = require('./miscGetDynamicHealthTool.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
 var miscScreenSizeContext = require('./miscScreenSizeContext.js');
 require('dayjs');
 require('@emotion/react');
-require('./tslib.es6-3f0253fc.js');
+require('./tslib.es6-c3f3259f.js');
 require('@mantine/notifications');
-require('./other-e2f81e0f.js');
-require('./Locale-3263cc98.js');
+require('./other-02cf041a.js');
+require('./Locale-bd14c9e1.js');
 require('./constantsDomainLocales.js');
 require('./constantsIsProduction.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./core-78540d2a.js');
-require('./WhatsApp-99b23e0c.js');
-require('./index-6ca7b8f9.js');
-require('./index-6a9de00e.js');
+require('./core-00337849.js');
+require('./WhatsApp-34f43ae0.js');
+require('./index-51dfe588.js');
+require('./index-cf561899.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-3f0253fc.js');
-var normalizeLink = require('./normalizeLink-ee2a225b.js');
-var core = require('./core-78540d2a.js');
+var tslib_es6 = require('./tslib.es6-c3f3259f.js');
+var normalizeLink = require('./normalizeLink-504885b8.js');
+var core = require('./core-00337849.js');
 require('./constantsDomainLocales.js');
-require('./Locale-3263cc98.js');
+require('./Locale-bd14c9e1.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-3f0253fc.js');
-var WhatsApp = require('./WhatsApp-99b23e0c.js');
-var index = require('./index-4cd87649.js');
-var index$2 = require('./index-6ca7b8f9.js');
-var index$1 = require('./index-b83513ed.js');
-var Locale = require('./Locale-3263cc98.js');
-require('./index-6a9de00e.js');
-require('./index-aa189383.js');
+var tslib_es6 = require('./tslib.es6-c3f3259f.js');
+var WhatsApp = require('./WhatsApp-34f43ae0.js');
+var index = require('./index-e686ca2a.js');
+var index$2 = require('./index-51dfe588.js');
+var index$1 = require('./index-ea3147c3.js');
+var Locale = require('./Locale-bd14c9e1.js');
+require('./index-cf561899.js');
+require('./index-de8619b3.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-d5855593.js');
+var utils = require('./utils-fe54d063.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/mobileBottomNavigation.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-3f0253fc.js');
+var tslib_es6 = require('./tslib.es6-c3f3259f.js');
 var React = require('react');
-var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-1f2cb78e.js');
-require('./index-cfd85207.js');
+var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-ad8bada5.js');
+require('./index-dbba4167.js');
 require('@mantine/core');
-require('./other-e2f81e0f.js');
+require('./other-02cf041a.js');
 require('./miscTheme.js');
 require('@emotion/react');
 require('@emotion/styled');
-require('./utils-d5855593.js');
+require('./utils-fe54d063.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/mobileBottomNavigationIcon.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-3f0253fc.js');
+require('./tslib.es6-c3f3259f.js');
 require('react');
-require('./index-cfd85207.js');
+require('./index-dbba4167.js');
 require('./miscTheme.js');
-var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-1f2cb78e.js');
+var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-ad8bada5.js');
 require('@mantine/core');
-require('./other-e2f81e0f.js');
+require('./other-02cf041a.js');
 require('@emotion/react');
 require('@emotion/styled');
-require('./utils-d5855593.js');
+require('./utils-fe54d063.js');