@hhgtech/hhg-components 1.29.409-beta-6 → 1.29.409-beta-8

package/build/lead.js

@@ -2,55 +2,55 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-a3c91e7e.js');
+var tslib_es6 = require('./tslib.es6-653fbfd7.js');
 var React = require('react');
 var core = require('@mantine/core');
 var debounce = require('lodash/debounce');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
-var index = require('./index-21cbf0b6.js');
+var index = require('./index-4a071624.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$1 = require('./index-47c62de8.js');
-var translationsContext = require('./translationsContext-59325c02.js');
-var utils$1 = require('./utils-5cdeeccc.js');
-var index$2 = require('./index-18ad9875.js');
-var index$3 = require('./index-6179e815.js');
-var index$5 = require('./index-82660242.js');
-var index$4 = require('./index-fb7763fa.js');
-require('./index.styles-a10f94c8.js');
+var index$1 = require('./index-9afdf0b1.js');
+var translationsContext = require('./translationsContext-6f72525a.js');
+var utils$1 = require('./utils-14ce304f.js');
+var index$2 = require('./index-210d74f4.js');
+var index$3 = require('./index-cae19156.js');
+var index$5 = require('./index-62a49d34.js');
+var index$4 = require('./index-a3caac8b.js');
+require('./index.styles-af98eccd.js');
 var hooks = require('@mantine/hooks');
-require('./useMantineLocale-7b953ae7.js');
-var index$9 = require('./index-8a190118.js');
-require('./index-4974fcb7.js');
-var index$7 = require('./index-4cd7da25.js');
-require('./other-058e817b.js');
-require('./index-383268bd.js');
-var utils = require('./utils-09d1b28a.js');
+require('./useMantineLocale-6951101c.js');
+var index$9 = require('./index-3a854a5b.js');
+require('./index-a34aa0f6.js');
+var index$7 = require('./index-33cd8997.js');
+require('./other-59ad6d90.js');
+require('./index-198532e2.js');
+var utils = require('./utils-39b79f9a.js');
 var dates = require('@mantine/dates');
-var usePlacesAutocomplete = require('./usePlacesAutocomplete-b6b65be7.js');
-var index$6 = require('./index-da6d734b.js');
-var translationsProvider = require('./translationsProvider-c23d0cbb.js');
-var Locale = require('./Locale-9ec84ff2.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-5ae9980e.js');
+var index$6 = require('./index-bd85f9ca.js');
+var translationsProvider = require('./translationsProvider-cbedfef6.js');
+var Locale = require('./Locale-46a3c35d.js');
 var uuid = require('uuid');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var PhoneInputBase = require('react-phone-number-input');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 var react = require('@emotion/react');
-var togetherComponentGlobalContext = require('./utils-2fd1a229.js');
-var index$8 = require('./index-d1af255d.js');
-var useScreenSize = require('./useScreenSize-6dc2a37a.js');
+var togetherComponentGlobalContext = require('./utils-3f4128ed.js');
+var index$8 = require('./index-3cc870c6.js');
+var useScreenSize = require('./useScreenSize-69a14df6.js');
 var framerMotion = require('framer-motion');
 var ReactDOM = require('react-dom');
-var InputDate = require('./InputDate-4a582253.js');
-var index$a = require('./index-5b985082.js');
-var Close = require('./Close-e6755b59.js');
+var InputDate = require('./InputDate-9031ad11.js');
+var index$a = require('./index-954971f8.js');
+var Close = require('./Close-ff05b566.js');
 require('./constantsIsProduction.js');
-require('./normalizeLink-96895bcf.js');
+require('./normalizeLink-4355eeda.js');
 require('@hhgtech/icons/other');
 require('@mantine/carousel');
 require('classnames');
-require('./useUniqueId-f388e6d2.js');
+require('./useUniqueId-31c9fa30.js');
 require('./constantsSite.js');
 require('@hhgtech/icons/core');
 require('@mantine/notifications');
@@ -68,11 +68,11 @@ require('./i18n-values/vi-VN.js');
 require('./i18n-values/vi-VN_MB.js');
 require('./i18n-values/zh-SG.js');
 require('./i18n-values/zh-TW.js');
-require('./index-c38a39b4.js');
+require('./index-92a078cc.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-e6114916.js');
+require('./constants-d8953c85.js');
 require('vaul');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -3496,7 +3496,9 @@ const CenterTabLayout = ({ popupId, url, newTab, imageDestkop, imageMobile, onCl
     const { width: imageMobileWidth, height: imageMobileHeight, loaded: imageMobileLoaded, } = useImageSize(imageMobile);
     const { width: imageDestkopWidth, height: imageDestkopHeight, loaded: imageDestkopLoaded, } = useImageSize(imageDestkop);
     React.useEffect(() => {
-        doImpression();
+        (() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+            yield doImpression();
+        }))();
     }, []);
     React.useEffect(() => {
         if (popupId && imageMobileLoaded && imageDestkopLoaded) {
@@ -5164,7 +5166,7 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
         return () => clearInterval(intervalId);
     }, [showThankyou]);
     React.useEffect(() => {
-        setBottomSpacing(isMobile && isIos
+        setBottomSpacing(isMobile && isIos && isLightBoxB
             ? !isPushed && keyOpen
                 ? (() => {
                     var _a;
@@ -5174,7 +5176,7 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
                 })()
                 : 0
             : 0);
-    }, [isPushed, keyOpen, isMobile, isIos]);
+    }, [isPushed, keyOpen, isMobile, isIos, isLightBoxB]);
     const listBlockAddedRequired = React.useMemo(() => leadGenFieldRequired(listBlockAdded), listBlockAdded);
     const disabledButtonSubmit = React.useMemo(() => {
         if (listBlockAddedRequired.length) {
@@ -5194,7 +5196,7 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
         // EL-926 Temporary turn off handling focus form on mobile to fix scrolling bug on lightbox A
         // return false
         e.preventDefault();
-        if (!isMobile || !isIos)
+        if (!isMobile || !isIos || !isLightBoxB)
             return;
         setTimeout(() => {
             var _a, _b;
@@ -5210,7 +5212,6 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
                 const viewPort = isErrorDevice
                     ? window.innerHeight * 0.4
                     : (_b = window.visualViewport) === null || _b === void 0 ? void 0 : _b.height;
-                console.log({ currentTop, inputTop, viewPort, currentScrollY });
                 if (currentTop >= viewPort) {
                     const gap = currentTop - viewPort;
                     const targetScrollY = currentScrollY + gap;
@@ -5630,7 +5631,7 @@ const NewLeadPopup = ({ campaign, action, onSubmit, onClose, onUnmount, doImpres
 };
 
 const numberFormatType = 2; // i18n.phonenumbers.PhoneNumberFormat.NATIONAL
-const formatFormData = (currentForm, formData) => {
+const formatFormData = (currentForm, formData = []) => {
     return Object.keys(formData)
         .filter((key) => !!formData[key])
         .map((name) => {
@@ -5781,7 +5782,7 @@ const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, primaryColor
                     action: 'CLICK',
                     url: location.href.toLowerCase(),
                     title_article: document.title,
-                    cookie_id: miscCookieHelper.getCookie('hhg-id'),
+                    cookie_id: miscCookieHelper.getCookie('hhg-id') || '',
                     duration: Math.ceil((Date.now() - leadStartTimeRef.current) / 1000),
                 }),
             }),
@@ -5789,7 +5790,7 @@ const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, primaryColor
                 !params.preventTrackingClose &&
                 trackingCompletionForm({
                     commonData: {
-                        cookie_id: miscCookieHelper.getCookie('hhg-id'),
+                        cookie_id: miscCookieHelper.getCookie('hhg-id') || '',
                         ga_client_id: miscCookieHelper.getCookie('_ga') || null,
                         country_code: locale ? utils.MAPPED_LOCALE[locale] || 'VN' : 'VN',
                         status: 'in_progress',
@@ -5807,7 +5808,7 @@ const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, primaryColor
         const { formRef, listBlockAdded, formValues: formDataObj } = params || {};
         const data = formatTrackingData({
             commonData: {
-                cookie_id: miscCookieHelper.getCookie('hhg-id'),
+                cookie_id: miscCookieHelper.getCookie('hhg-id') || '',
                 ga_client_id: miscCookieHelper.getCookie('_ga') || null,
                 country_code: locale ? utils.MAPPED_LOCALE[locale] || 'VN' : 'VN',
                 status: 'in_progress',
@@ -5825,13 +5826,13 @@ const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, primaryColor
         const { listBlockAdded = [] } = params || {};
         const data = formatTrackingData({
             commonData: {
-                cookie_id: miscCookieHelper.getCookie('hhg-id'),
+                cookie_id: miscCookieHelper.getCookie('hhg-id') || '',
                 ga_client_id: miscCookieHelper.getCookie('_ga') || null,
                 country_code: locale ? utils.MAPPED_LOCALE[locale] || 'VN' : 'VN',
                 status: 'in_progress',
                 campaign_id: showCampaign === null || showCampaign === void 0 ? void 0 : showCampaign.id,
                 total_fields: listBlockAdded.length,
-                type: params.type,
+                type: (params === null || params === void 0 ? void 0 : params.type) || 'impression',
             },
             currentLayout,
             formParams: Object.assign(Object.assign({}, params), { listBlockAdded, formValues: [] }),
@@ -5883,11 +5884,6 @@ const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, primaryColor
         });
     }, []);
     const trackingCompletionForm = React.useCallback((params) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-        const { currentLayout, formParams } = params || {};
-        const { formValues } = formParams;
-        if ([LEADGEN_LAYOUT.InlineA, LEADGEN_LAYOUT.InlineB].includes(currentLayout) &&
-            Object.keys(formValues).length === 0)
-            return;
         const data = formatTrackingData(params);
         return fetch(`${apiUrl}api/collection/tracking-completion`, {
             method: 'POST',
@@ -5918,7 +5914,7 @@ const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, primaryColor
             yield require('intl-tel-input/build/js/utils');
         }
         const commonData = {
-            cookie_id: miscCookieHelper.getCookie('hhg-id'),
+            cookie_id: miscCookieHelper.getCookie('hhg-id') || '',
             ga_client_id: gaCookie,
         };
         const data = Object.assign({ url: location.href.toLowerCase(), title_article: document.title, meta: [...formData, ...extraPayloadValues] }, commonData);

package/build/{logoIcon-eb6ba7ff.js → logoIcon-d6c088e7.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-4974fcb7.js');
-var useScreenSize = require('./useScreenSize-6dc2a37a.js');
+var index = require('./index-a34aa0f6.js');
+var useScreenSize = require('./useScreenSize-69a14df6.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-6179e815.js');
-var index$1 = require('./index-82660242.js');
-var index$2 = require('./index-18ad9875.js');
-var index$3 = require('./index-fb7763fa.js');
-var index$4 = require('./index-8509132d.js');
+var index = require('./index-cae19156.js');
+var index$1 = require('./index-62a49d34.js');
+var index$2 = require('./index-210d74f4.js');
+var index$3 = require('./index-a3caac8b.js');
+var index$4 = require('./index-9571b7f5.js');
 var React = require('react');
-var index$5 = require('./index-439252f6.js');
-var tslib_es6 = require('./tslib.es6-a3c91e7e.js');
+var index$5 = require('./index-ae09e5e6.js');
+var tslib_es6 = require('./tslib.es6-653fbfd7.js');
 var core = require('@mantine/core');
 var miscTheme = require('./miscTheme.js');
-var index$6 = require('./index-1c53afcd.js');
+var index$6 = require('./index-3ab5e41f.js');
 var hooks = require('@mantine/hooks');
-var index$7 = require('./index-374e68b6.js');
-var useMantineLocale = require('./useMantineLocale-7b953ae7.js');
-var other = require('./other-058e817b.js');
-var index$8 = require('./index-383268bd.js');
+var index$7 = require('./index-b81d1dfd.js');
+var useMantineLocale = require('./useMantineLocale-6951101c.js');
+var other = require('./other-59ad6d90.js');
+var index$8 = require('./index-198532e2.js');
 require('@hhgtech/icons/other');
-require('./index-4974fcb7.js');
+require('./index-a34aa0f6.js');
 require('./constantsDomainLocales.js');
-require('./Locale-9ec84ff2.js');
+require('./Locale-46a3c35d.js');
 require('./constantsIsProduction.js');
-require('./useScreenSize-6dc2a37a.js');
+require('./useScreenSize-69a14df6.js');
 require('@emotion/styled');
-require('./utils-5cdeeccc.js');
+require('./utils-14ce304f.js');
 require('@mantine/carousel');
-require('./index-8a190118.js');
-require('./index-4cd7da25.js');
+require('./index-3a854a5b.js');
+require('./index-33cd8997.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('classnames');
-require('./useUniqueId-f388e6d2.js');
+require('./useUniqueId-31c9fa30.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-a10f94c8.js');
-require('./index-47c62de8.js');
-require('./translationsContext-59325c02.js');
+require('./index.styles-af98eccd.js');
+require('./index-9afdf0b1.js');
+require('./translationsContext-6f72525a.js');
 require('@mantine/notifications');
 require('dayjs');
 

package/build/misc.js

@@ -2,38 +2,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var localizeNumberFormat = require('./localizeNumberFormat-91cb3db4.js');
-var animation = require('./animation-160bc10e.js');
+var localizeNumberFormat = require('./localizeNumberFormat-5570b90c.js');
+var animation = require('./animation-a4bf3f49.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 require('react');
 require('@mantine/core');
-require('./useMantineLocale-7b953ae7.js');
-require('./index-8a190118.js');
-require('./index-4974fcb7.js');
+require('./useMantineLocale-6951101c.js');
+require('./index-3a854a5b.js');
+require('./index-a34aa0f6.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-5cdeeccc.js');
-require('./index-4cd7da25.js');
-var number = require('./number-228eb0fd.js');
-var normalizeLink = require('./normalizeLink-96895bcf.js');
+var utils = require('./utils-14ce304f.js');
+require('./index-33cd8997.js');
+var number = require('./number-de2ee614.js');
+var normalizeLink = require('./normalizeLink-4355eeda.js');
 var miscGetDynamicHealthTool = require('./miscGetDynamicHealthTool.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
 var miscScreenSizeContext = require('./miscScreenSizeContext.js');
-var dataTransform = require('./dataTransform-4b125c37.js');
+var dataTransform = require('./dataTransform-46c52b72.js');
 require('dayjs');
 require('@emotion/react');
-require('./tslib.es6-a3c91e7e.js');
+require('./tslib.es6-653fbfd7.js');
 require('@mantine/notifications');
-require('./other-058e817b.js');
-require('./Locale-9ec84ff2.js');
+require('./other-59ad6d90.js');
+require('./Locale-46a3c35d.js');
 require('./constantsDomainLocales.js');
 require('./constantsIsProduction.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./core-2ea9cee5.js');
-require('./WhatsApp-1784ea83.js');
-require('./index-ebd30522.js');
-require('./index-c38a39b4.js');
+require('./core-f9b55e27.js');
+require('./WhatsApp-bc58500f.js');
+require('./index-61037ee0.js');
+require('./index-92a078cc.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-a3c91e7e.js');
-var normalizeLink = require('./normalizeLink-96895bcf.js');
-var core = require('./core-2ea9cee5.js');
+var tslib_es6 = require('./tslib.es6-653fbfd7.js');
+var normalizeLink = require('./normalizeLink-4355eeda.js');
+var core = require('./core-f9b55e27.js');
 require('./constantsDomainLocales.js');
-require('./Locale-9ec84ff2.js');
+require('./Locale-46a3c35d.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-a3c91e7e.js');
-var WhatsApp = require('./WhatsApp-1784ea83.js');
-var index = require('./index-8a190118.js');
-var index$2 = require('./index-ebd30522.js');
-var index$1 = require('./index-4974fcb7.js');
-var Locale = require('./Locale-9ec84ff2.js');
-require('./index-c38a39b4.js');
-require('./index-4cd7da25.js');
+var tslib_es6 = require('./tslib.es6-653fbfd7.js');
+var WhatsApp = require('./WhatsApp-bc58500f.js');
+var index = require('./index-3a854a5b.js');
+var index$2 = require('./index-61037ee0.js');
+var index$1 = require('./index-a34aa0f6.js');
+var Locale = require('./Locale-46a3c35d.js');
+require('./index-92a078cc.js');
+require('./index-33cd8997.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-5cdeeccc.js');
+var utils = require('./utils-14ce304f.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-a3c91e7e.js');
+var tslib_es6 = require('./tslib.es6-653fbfd7.js');
 var React = require('react');
-var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-d8e6a763.js');
-require('./index-18ad9875.js');
+var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-b4039d27.js');
+require('./index-210d74f4.js');
 require('@mantine/core');
-require('./other-058e817b.js');
+require('./other-59ad6d90.js');
 require('./miscTheme.js');
 require('@emotion/react');
 require('@emotion/styled');
-require('./utils-5cdeeccc.js');
+require('./utils-14ce304f.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-a3c91e7e.js');
+require('./tslib.es6-653fbfd7.js');
 require('react');
-require('./index-18ad9875.js');
+require('./index-210d74f4.js');
 require('./miscTheme.js');
-var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-d8e6a763.js');
+var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-b4039d27.js');
 require('@mantine/core');
-require('./other-058e817b.js');
+require('./other-59ad6d90.js');
 require('@emotion/react');
 require('@emotion/styled');
-require('./utils-5cdeeccc.js');
+require('./utils-14ce304f.js');