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

package/build/index.js

@@ -2,149 +2,149 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-feed8080.js');
-var index$1 = require('./index-0ef23151.js');
-var index$2 = require('./index-5f1a9b59.js');
-var index$a = require('./index-ebcbb463.js');
+var index = require('./index-f82e8166.js');
+var index$1 = require('./index-5cec64d6.js');
+var index$2 = require('./index-0469593d.js');
+var index$a = require('./index-5c882032.js');
 var React = require('react');
-var index$F = require('./index-ac713adf.js');
-var ChevronDown = require('./ChevronDown-0e62c7e9.js');
-var Close = require('./Close-aa345101.js');
-var Google = require('./Google-4cc84568.js');
-var index$4 = require('./index-04976162.js');
-var index$6 = require('./index-0cc074ec.js');
-var index$p = require('./index-62016920.js');
-var index$3 = require('./index-88b27f75.js');
-var Visible = require('./Visible-43c2883f.js');
-var index$5 = require('./index-b46d4d3d.js');
-var index$7 = require('./index-acda0f12.js');
-var index$8 = require('./index-40ac36d3.js');
-var index$9 = require('./index-150e9f2d.js');
-var index$b = require('./index-7f5cf936.js');
-var index$c = require('./index-1cb53b04.js');
-var index$d = require('./index-f3b60b25.js');
-var index$e = require('./index-28259706.js');
-var index$f = require('./index-d0d0c7ff.js');
-var index$g = require('./index-50f7566d.js');
-var index$h = require('./index-d2dbc382.js');
-var index$i = require('./index-739e7a8c.js');
-var index$j = require('./index-7e0d8eae.js');
-var index$k = require('./index-6bdf8ce1.js');
-var index$l = require('./index-591676a0.js');
-var logoIcon = require('./logoIcon-05956c43.js');
-var index$m = require('./index-c0724292.js');
-var index$n = require('./index-7073a258.js');
-var index$o = require('./index-36c8a127.js');
-var InputDate = require('./InputDate-74782b40.js');
+var index$F = require('./index-d0e9583b.js');
+var ChevronDown = require('./ChevronDown-fef0add9.js');
+var Close = require('./Close-9ae9b9d9.js');
+var Google = require('./Google-3f1de87f.js');
+var index$4 = require('./index-cd2c2922.js');
+var index$6 = require('./index-6ed5925d.js');
+var index$p = require('./index-3a2884f6.js');
+var index$3 = require('./index-87fcbfb8.js');
+var Visible = require('./Visible-74439a64.js');
+var index$5 = require('./index-0f32ae2b.js');
+var index$7 = require('./index-38af6b11.js');
+var index$8 = require('./index-babace5a.js');
+var index$9 = require('./index-2104fdb5.js');
+var index$b = require('./index-03536bae.js');
+var index$c = require('./index-13bd2bc0.js');
+var index$d = require('./index-0869045f.js');
+var index$e = require('./index-9e275aea.js');
+var index$f = require('./index-0880604f.js');
+var index$g = require('./index-10d25acd.js');
+var index$h = require('./index-29eda0b9.js');
+var index$i = require('./index-c93ab279.js');
+var index$j = require('./index-789dcd99.js');
+var index$k = require('./index-6c62415f.js');
+var index$l = require('./index-8caf2c65.js');
+var logoIcon = require('./logoIcon-2a14913d.js');
+var index$m = require('./index-709bfd72.js');
+var index$n = require('./index-35daf4c8.js');
+var index$o = require('./index-66249de4.js');
+var InputDate = require('./InputDate-bb3fed9b.js');
 var moleculesArticleCard = require('./moleculesArticleCard.js');
 var moleculesArticleCardV2 = require('./moleculesArticleCardV2.js');
-var index$q = require('./index-8b14287e.js');
-var index$r = require('./index-b53ea4ec.js');
-var index$s = require('./index-97eef44d.js');
+var index$q = require('./index-8a6bbd06.js');
+var index$r = require('./index-b5ca62ed.js');
+var index$s = require('./index-ad18e848.js');
 var progressBar = require('./progressBar.js');
-var surveyThankyouCard = require('./surveyThankyouCard-edf577c3.js');
+var surveyThankyouCard = require('./surveyThankyouCard-db9eefb1.js');
 var mobileBottomNavigation = require('./mobileBottomNavigation.js');
-var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-50e669ad.js');
-var healthToolsCardWrapper = require('./index-dc358866.js');
-var index$t = require('./index-3471f8d2.js');
+var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-bbbe5947.js');
+var healthToolsCardWrapper = require('./index-b0807564.js');
+var index$t = require('./index-aa40130f.js');
 var embeddedHeathToolCards_dueDate_dueDate = require('./embeddedHeathToolCards_dueDate_dueDate.js');
 var embeddedHeathToolCards_bmi_bmi = require('./embeddedHeathToolCards_bmi_bmi.js');
-var index$u = require('./index-3ed11a7a.js');
+var index$u = require('./index-5b50844c.js');
 var embeddedHeathToolCards_babyGrowth = require('./embeddedHeathToolCards_babyGrowth.js');
 var embeddedHeathToolCards_babyPoop = require('./embeddedHeathToolCards_babyPoop.js');
-var index$v = require('./index-308c38b7.js');
+var index$v = require('./index-ed72c023.js');
 var embeddedHeathToolCards_targetHeartRate = require('./embeddedHeathToolCards_targetHeartRate.js');
-var index$w = require('./index-732796d6.js');
+var index$w = require('./index-ab6c0c4a.js');
 var embeddedHeathToolCards_bmrBmr = require('./embeddedHeathToolCards_bmrBmr.js');
 var embeddedHeathToolCards_ovulation_ovulation = require('./embeddedHeathToolCards_ovulation_ovulation.js');
-var index$x = require('./index-6c14fcea.js');
-var index$y = require('./index-bff8b4b2.js');
+var index$x = require('./index-a593146d.js');
+var index$y = require('./index-a02622a6.js');
 var embeddedHeathToolCards_babyVaccine = require('./embeddedHeathToolCards_babyVaccine.js');
 var embeddedHeathToolCards_pwg_pwg = require('./embeddedHeathToolCards_pwg_pwg.js');
-var index$z = require('./index-aba424b7.js');
-var index$A = require('./index-9d60c117.js');
-var index$B = require('./index-75031c96.js');
-var index$C = require('./index-219fd5ba.js');
-var surveyOrPremiumBanner = require('./index-4d4805c7.js');
-var index$D = require('./index-aa8f82da.js');
-var index$E = require('./index-56ef7ee3.js');
-var index$G = require('./index-ba714181.js');
+var index$z = require('./index-951cf1ed.js');
+var index$A = require('./index-8b2ee9af.js');
+var index$B = require('./index-d1d3c109.js');
+var index$C = require('./index-a27ac3a3.js');
+var surveyOrPremiumBanner = require('./index-b3588d9c.js');
+var index$D = require('./index-60e1c7da.js');
+var index$E = require('./index-ac04f0e4.js');
+var index$G = require('./index-13066cef.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');
-var navigationProfileButton = require('./index-f963bf00.js');
+var navigationProfileButton = require('./index-e8005ea6.js');
 var profileNavigation = require('./profileNavigation.js');
-var index$H = require('./index-86b69ab8.js');
-var useScrollbarSize = require('./useScrollbarSize-65d35789.js');
-var usePhoneValidator = require('./usePhoneValidator-16327808.js');
-var useHealthToolCache = require('./useHealthToolCache-282033a9.js');
-var useIsInit = require('./useIsInit-db39ad9e.js');
-var useOutsideClick = require('./useOutsideClick-625c5a45.js');
-var useUniqueId = require('./useUniqueId-c3c66433.js');
+var index$H = require('./index-2c2fab07.js');
+var useScrollbarSize = require('./useScrollbarSize-2dd1d80c.js');
+var usePhoneValidator = require('./usePhoneValidator-9990c0e6.js');
+var useHealthToolCache = require('./useHealthToolCache-f83a6e38.js');
+var useIsInit = require('./useIsInit-75684a05.js');
+var useOutsideClick = require('./useOutsideClick-bd25bf44.js');
+var useUniqueId = require('./useUniqueId-8171afdf.js');
 var useTogetherAuthRequiredAction = require('./useTogetherAuthRequiredAction.js');
-var dataTransform = require('./dataTransform-503fa75b.js');
-var types = require('./types-3b5d6151.js');
-var constants = require('./constants-81a08166.js');
-var index$I = require('./index-dac457fb.js');
-var index$J = require('./index-c0243926.js');
-var treePopoverMenu = require('./treePopoverMenu-b3d0ff77.js');
-var labelSorting = require('./labelSorting-b5c6eae9.js');
-var togetherMoleculesCardAuthor = require('./index-8a4617d3.js');
-var index$K = require('./index-b6338d68.js');
-var index$L = require('./index-9316ead4.js');
+var dataTransform = require('./dataTransform-5d73610e.js');
+var types = require('./types-8f679c6f.js');
+var constants = require('./constants-048ca59f.js');
+var index$I = require('./index-ff637617.js');
+var index$J = require('./index-ff9ca598.js');
+var treePopoverMenu = require('./treePopoverMenu-d21f2cba.js');
+var labelSorting = require('./labelSorting-da853420.js');
+var togetherMoleculesCardAuthor = require('./index-cd837ac5.js');
+var index$K = require('./index-e241c80f.js');
+var index$L = require('./index-5acb08c8.js');
 var togetherShareBox = require('./togetherShareBox.js');
-var togetherMoleculesProfileDetail = require('./index-40c9dda2.js');
-var togetherMoleculesPostImagePreview = require('./index-a9fd010f.js');
-var index$M = require('./index-47c5d1a5.js');
-var index$N = require('./index-d48bbe43.js');
-var index$O = require('./index-6453599a.js');
-var togetherComponentGlobalContext = require('./utils-67136c2c.js');
+var togetherMoleculesProfileDetail = require('./index-f6a1fb64.js');
+var togetherMoleculesPostImagePreview = require('./index-da0cab95.js');
+var index$M = require('./index-8c6fb2a7.js');
+var index$N = require('./index-68eba697.js');
+var index$O = require('./index-a1d6aa6e.js');
+var togetherComponentGlobalContext = require('./utils-56f04dfa.js');
 var careBookingSearchBar = require('./careBookingSearchBar.js');
 var careBookingSearchBarV2 = require('./careBookingSearchBarV2.js');
-var index$P = require('./index-a0922923.js');
-var constants$1 = require('./constants-68c09796.js');
-var types$1 = require('./types-0b6838a2.js');
-var ageGenerate = require('./ageGenerate-88833146.js');
-var animation = require('./animation-890cb60a.js');
+var index$P = require('./index-fee3ac1b.js');
+var constants$1 = require('./constants-4d400295.js');
+var types$1 = require('./types-0f1a9b3d.js');
+var ageGenerate = require('./ageGenerate-7c290e44.js');
+var animation = require('./animation-70bb4f91.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var number = require('./number-051d85a2.js');
-var normalizeLink = require('./normalizeLink-621773c4.js');
+var number = require('./number-172924e6.js');
+var normalizeLink = require('./normalizeLink-ce134801.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-93405794.js');
+var utils = require('./utils-dfd16df6.js');
 var miscGetDynamicHealthTool = require('./miscGetDynamicHealthTool.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var localizeNumberFormat = require('./localizeNumberFormat-2eec5543.js');
+var localizeNumberFormat = require('./localizeNumberFormat-5c2d1b82.js');
 var miscScreenSizeContext = require('./miscScreenSizeContext.js');
-var dataTransform$1 = require('./dataTransform-a2c437ee.js');
-require('./Locale-9d45502f.js');
+var dataTransform$1 = require('./dataTransform-1b289bdc.js');
+require('./Locale-c92de5c0.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('@mantine/core');
-require('./text-49616551.js');
-require('./tslib.es6-4623421c.js');
+require('./text-2633ebc8.js');
+require('./tslib.es6-38a6ab1b.js');
 require('@mantine/hooks');
 require('@emotion/react');
 require('@emotion/styled');
 require('@hhgtech/icons/other');
-require('./index-775983b0.js');
+require('./index-27c2401d.js');
 require('@mantine/carousel');
-require('./index-154216f0.js');
-require('./index-9e31f5ca.js');
+require('./index-aaed44e3.js');
+require('./index-b8e7bfbe.js');
 require('dayjs');
 require('@mantine/notifications');
-require('./shared-d1b1440a.js');
+require('./shared-323781f0.js');
 require('classnames');
 require('uuid');
 require('@hhgtech/icons/core');
-require('./index-77ecddfd.js');
+require('./index-107d31e9.js');
 require('@react-google-maps/api');
 require('react-phone-number-input');
 require('vaul');
 require('@mantine/dates');
-require('./index.styles-69ef5b00.js');
-require('./translationsContext-5ff1848b.js');
-require('./index-5ce9269c.js');
+require('./index.styles-f4fc46a6.js');
+require('./translationsContext-9c47e473.js');
+require('./index-83f43dc2.js');
 require('date-fns');
 require('react-day-picker/DayPickerInput');
 require('lodash/throttle');
@@ -159,47 +159,47 @@ require('lodash/get');
 require('lodash/debounce');
 require('./miscDefaultClassWrapper.js');
 require('react-keyed-flatten-children');
-require('./WhatsApp-af4543f5.js');
-require('./Spinner-4cc0da58.js');
-require('./index-408921a4.js');
-require('./paths-0a01ae23.js');
+require('./WhatsApp-30f505bf.js');
+require('./Spinner-4db5e147.js');
+require('./index-bd4e2a48.js');
+require('./paths-4a6e4e03.js');
 require('innertext');
 require('react-dom');
-require('./LastPeriod-92f077cc.js');
+require('./LastPeriod-e71387df.js');
 require('@mantine/form');
-require('./index-12dec6bd.js');
-require('./index-60adf2a8.js');
+require('./index-bb6d9af3.js');
+require('./index-6fbe8451.js');
 require('react-hook-form');
 require('./embeddedHeathToolCards_helpers.js');
-require('./index-5b5a63e5.js');
-require('./constants-4791b494.js');
-require('./index-724e5e3e.js');
-require('./utils-d9fa6ddf.js');
-require('./healthTools-f7d3d7d1.js');
-require('./store-4b9f5531.js');
+require('./index-424d4f21.js');
+require('./constants-f5b764e3.js');
+require('./index-cfeaccb6.js');
+require('./utils-d1376218.js');
+require('./healthTools-7ad68b6c.js');
+require('./store-a2856bb5.js');
 require('zustand');
-require('./index-979ade7d.js');
+require('./index-7c6cf572.js');
 require('./togetherApiPaths.js');
-require('./index-855dea1b.js');
+require('./index-81618415.js');
 require('js-cookie');
 require('lodash/flatten');
 require('lodash/uniqBy');
-require('./constants-390a9eff.js');
-require('./index-7fb6634a.js');
+require('./constants-5efb17b7.js');
+require('./index-d78557c8.js');
 require('string-format');
 require('dayjs/plugin/relativeTime');
-require('./core-855294aa.js');
-require('./index-79d89fb8.js');
-require('./post-9b81711c.js');
-require('./editor-58eb353c.js');
+require('./core-7fd4c86c.js');
+require('./index-3075673c.js');
+require('./post-63c491c9.js');
+require('./editor-604e10ac.js');
 require('react-contenteditable');
-require('./index-608546c2.js');
-require('./index-4ff48943.js');
+require('./index-6ecd7d05.js');
+require('./index-653036dc.js');
 require('slugify');
-require('./utils-b2272365.js');
+require('./utils-8ec02f35.js');
 require('react-loading-skeleton');
 require('lodash/shuffle');
-require('./index-e76a6963.js');
+require('./index-8f1a8a79.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/build/{labelSorting-b5c6eae9.js → labelSorting-da853420.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-154216f0.js');
-require('./translationsContext-5ff1848b.js');
-var togetherComponentGlobalContext = require('./utils-67136c2c.js');
-var treePopoverMenu = require('./treePopoverMenu-b3d0ff77.js');
+var index = require('./index-aaed44e3.js');
+require('./translationsContext-9c47e473.js');
+var togetherComponentGlobalContext = require('./utils-56f04dfa.js');
+var treePopoverMenu = require('./treePopoverMenu-d21f2cba.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/lead.js

@@ -2,62 +2,62 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-4623421c.js');
+var tslib_es6 = require('./tslib.es6-38a6ab1b.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-979ade7d.js');
+var index = require('./index-7c6cf572.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$1 = require('./index-86b69ab8.js');
-var translationsContext = require('./translationsContext-5ff1848b.js');
-var utils$1 = require('./utils-93405794.js');
-var index$2 = require('./index-154216f0.js');
-var index$3 = require('./index-ebcbb463.js');
-var index$5 = require('./index-12dec6bd.js');
-var index$4 = require('./index-77ecddfd.js');
-require('./index.styles-69ef5b00.js');
+var index$1 = require('./index-2c2fab07.js');
+var translationsContext = require('./translationsContext-9c47e473.js');
+var utils$1 = require('./utils-dfd16df6.js');
+var index$2 = require('./index-aaed44e3.js');
+var index$3 = require('./index-5c882032.js');
+var index$5 = require('./index-bb6d9af3.js');
+var index$4 = require('./index-107d31e9.js');
+require('./index.styles-f4fc46a6.js');
 var hooks = require('@mantine/hooks');
-require('./index-9e31f5ca.js');
-var text = require('./text-49616551.js');
-require('./index-5ce9269c.js');
-var utils = require('./utils-d9fa6ddf.js');
+require('./index-b8e7bfbe.js');
+var text = require('./text-2633ebc8.js');
+require('./index-83f43dc2.js');
+var utils = require('./utils-d1376218.js');
 var dates = require('@mantine/dates');
-var index$7 = require('./index-0ef23151.js');
-var index$b = require('./index-feed8080.js');
-require('./index-775983b0.js');
-var usePlacesAutocomplete = require('./usePlacesAutocomplete-fdd403bc.js');
-var index$6 = require('./index-7f5cf936.js');
-var translationsProvider = require('./translationsProvider-68a0cdfd.js');
-var Locale = require('./Locale-9d45502f.js');
+var index$7 = require('./index-5cec64d6.js');
+var index$b = require('./index-f82e8166.js');
+require('./index-27c2401d.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-315e6baa.js');
+var index$6 = require('./index-03536bae.js');
+var translationsProvider = require('./translationsProvider-fd46ea8e.js');
+var Locale = require('./Locale-c92de5c0.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 index$8 = require('./index-5f1a9b59.js');
-var togetherComponentGlobalContext = require('./utils-67136c2c.js');
-var index$9 = require('./index-47e8794a.js');
-var index$a = require('./index-855dea1b.js');
-var index$c = require('./index-591676a0.js');
+var index$8 = require('./index-0469593d.js');
+var togetherComponentGlobalContext = require('./utils-56f04dfa.js');
+var index$9 = require('./index-3e97d4ea.js');
+var index$a = require('./index-81618415.js');
+var index$c = require('./index-8caf2c65.js');
 var framerMotion = require('framer-motion');
 var ReactDOM = require('react-dom');
 var arrow = require('@hhgtech/icons/arrow');
 var core$1 = require('@hhgtech/icons/core');
-var InputDate = require('./InputDate-74782b40.js');
+var InputDate = require('./InputDate-bb3fed9b.js');
 var carousel = require('@mantine/carousel');
-var utils$2 = require('./utils-ebae54d6.js');
-var index$d = require('./index-36c8a127.js');
-var Close = require('./Close-aa345101.js');
+var utils$2 = require('./utils-f95341cf.js');
+var index$d = require('./index-66249de4.js');
+var Close = require('./Close-9ae9b9d9.js');
 require('./constantsIsProduction.js');
-require('./normalizeLink-621773c4.js');
+require('./normalizeLink-ce134801.js');
 require('@hhgtech/icons/other');
 require('classnames');
-require('./useUniqueId-c3c66433.js');
+require('./useUniqueId-8171afdf.js');
 require('./constantsSite.js');
 require('@emotion/react');
-require('./shared-d1b1440a.js');
+require('./shared-323781f0.js');
 require('@mantine/notifications');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
@@ -73,12 +73,12 @@ 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-4ff48943.js');
+require('./index-653036dc.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-81a08166.js');
-require('./constants-390a9eff.js');
+require('./constants-048ca59f.js');
+require('./constants-5efb17b7.js');
 require('vaul');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -4062,7 +4062,6 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
         const { placeholder: label, value, align, listQuestion, isSendMailChimp = false, newtab, url, } = data;
         const required = (_a = data.required) !== null && _a !== void 0 ? _a : true;
         const formValue = (formValues === null || formValues === void 0 ? void 0 : formValues[value]) || null;
-        const _b = form.getInputProps(value === 'TncBlock' ? form.getInputProps(`TNC-${id}`) : value), { error } = _b, formInputProps = tslib_es6.__rest(_b, ["error"]);
         switch (name) {
             case 'TitleBlock':
                 return (React__default["default"].createElement(TitleBlock, { key: index, align: align }, value));
@@ -4078,7 +4077,9 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                             'input',
                             'description',
                             'error',
-                        ] }, formInputProps, { name: value, error: error && React__default["default"].createElement(index$3.ErrorLabel, { withIcon: true, label: error }), styles: (theme) => ({
+                        ] }, form.getInputProps(value), { name: value, error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
+                            React__default["default"].createElement(index$3.ErrorIcon, { size: 12 }),
+                            React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))), styles: (theme) => ({
                             input: Object.assign(Object.assign({}, text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN]
                                 .p2), { color: theme.colors.gray[9], fontWeight: text.FontWeight.halfBold }),
                         }) }))))));
@@ -4092,7 +4093,9 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                             'input',
                             'description',
                             'error',
-                        ] }, formInputProps, { error: error && React__default["default"].createElement(index$3.ErrorLabel, { withIcon: true, label: error }), styles: (theme) => ({
+                        ] }, form.getInputProps(value), { error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
+                            React__default["default"].createElement(index$3.ErrorIcon, { size: 12 }),
+                            React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))), styles: (theme) => ({
                             input: Object.assign(Object.assign({}, text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN]
                                 .p2), { color: theme.colors.gray[9], fontWeight: text.FontWeight.halfBold }),
                         }) }))))));
@@ -4107,7 +4110,9 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                             'input',
                             'description',
                             'error',
-                        ] }, formInputProps, { error: error && React__default["default"].createElement(index$3.ErrorLabel, { withIcon: true, label: error }), styles: (theme) => ({
+                        ] }, form.getInputProps(value), { error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
+                            React__default["default"].createElement(index$3.ErrorIcon, { size: 12 }),
+                            React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))), styles: (theme) => ({
                             input: Object.assign(Object.assign({}, text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN]
                                 .p2), { color: theme.colors.gray[9], fontWeight: text.FontWeight.halfBold }),
                         }) }))))));
@@ -4116,6 +4121,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
             case 'ZaloOtpBlock':
             case 'PhoneBlock': {
                 const htmlForId = popupId + '-' + value + '-' + index;
+                const _b = form.getInputProps(value), { error } = _b, formPhoneInputWrapper = tslib_es6.__rest(_b, ["error"]);
                 return (React__default["default"].createElement(index$8.TextField, { key: index, shrink: !!formValue, className: core.clsx('lead-modal__form-control leadgen-form_field', {
                         'leadgen-form_field_error': !!error,
                     }) },
@@ -4124,7 +4130,9 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                             'input',
                             'description',
                             'error',
-                        ], error: error && React__default["default"].createElement(index$3.ErrorLabel, { withIcon: true, label: error }) },
+                        ], error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
+                            React__default["default"].createElement(index$3.ErrorIcon, { size: 12 }),
+                            React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))) },
                         React__default["default"].createElement(core.Box, { className: "mantine-Input-wrapper", sx: (theme) => ({
                                 '.PhoneInput .PhoneInputInput': Object.assign(Object.assign({}, text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: text.FontWeight.halfBold }),
                             }) },
@@ -4132,7 +4140,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                                 // onBlur={(e) => inputOnBlur('tel', e)}
                                 id: htmlForId, defaultCountry: (locale
                                     ? utils.MAPPED_LOCALE[locale] || 'VN'
-                                    : 'VN'), "data-control": "tel", "data-lead-control": name, "data-is-required": required }, formInputProps))))))));
+                                    : 'VN'), "data-control": "tel", "data-lead-control": name, "data-is-required": required }, formPhoneInputWrapper))))))));
             }
             case 'LocationBlock': {
                 return (React__default["default"].createElement(index$8.TextField, { key: index, shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field" },
@@ -4141,7 +4149,9 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                             'input',
                             'description',
                             'error',
-                        ] }, formInputProps, { error: error && React__default["default"].createElement(index$3.ErrorLabel, { withIcon: true, label: error }), styles: (theme) => ({
+                        ] }, form.getInputProps(value), { error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
+                            React__default["default"].createElement(index$3.ErrorIcon, { size: 12 }),
+                            React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))), styles: (theme) => ({
                             input: Object.assign(Object.assign(Object.assign({}, text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN]
                                 .p2), { color: theme.colors.gray[9], fontWeight: text.FontWeight.halfBold }), (hasIcon && {
                                 paddingRight: `${core.rem(28)} !important`,
@@ -4150,7 +4160,10 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                     React__default["default"].createElement(index$8.TextField.Icon, { Icon: core$1.MapPin })));
             }
             case 'DateBlock': {
-                return (React__default["default"].createElement(core.Input.Wrapper, { key: index, size: "md", withAsterisk: required, label: React__default["default"].createElement(index$2.Text, { size: "p2", variant: "primary" }, label), "data-invalid": !!error, inputWrapperOrder: ['label', 'input', 'description', 'error'], error: error && React__default["default"].createElement(index$3.ErrorLabel, { withIcon: true, label: error }), className: "lead-modal__form-control leadgen-form_field" },
+                const _c = form.getInputProps(value), { error } = _c, formInputProps = tslib_es6.__rest(_c, ["error"]);
+                return (React__default["default"].createElement(core.Input.Wrapper, { key: index, size: "md", withAsterisk: required, label: React__default["default"].createElement(index$2.Text, { size: "p2", variant: "primary" }, label), "data-invalid": !!error, inputWrapperOrder: ['label', 'input', 'description', 'error'], error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
+                        React__default["default"].createElement(index$3.ErrorIcon, { size: 12 }),
+                        React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))), className: "lead-modal__form-control leadgen-form_field" },
                     React__default["default"].createElement(InputDate.InputDate, Object.assign({ name: value, error: Boolean(error), locale: locale, "data-extra": true, "data-name": value, "data-control": "date", "data-lead-control": name, "data-is-required": required, className: "leadgen-form_field_date", labelTuples: labelTuples }, formInputProps))));
             }
             case 'LinkButtonBlock':
@@ -4183,7 +4196,9 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                             gap: 8,
                         }, inputWrapperOrder: ['label', 'input', 'description', 'error'], inputContainer: (children) => {
                             return (React__default["default"].createElement("div", { className: "leadgen-choiceContainer" }, children));
-                        } }, form.getInputProps(value), { error: error && React__default["default"].createElement(index$3.ErrorLabel, { withIcon: true, label: error }) }), listQuestion.map((l, _index) => (React__default["default"].createElement(index$3.Checkbox, { name: value, key: _index, value: l.value, label: React__default["default"].createElement(index$2.Text, { size: "p2", variant: "primary" }, l.placeholder), "data-control": "checkbox", "data-lead-control": name, "data-is-required": required }))))));
+                        } }, form.getInputProps(value), { error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
+                            React__default["default"].createElement(index$3.ErrorIcon, { size: 12 }),
+                            React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))) }), listQuestion.map((l, _index) => (React__default["default"].createElement(index$3.Checkbox, { name: value, key: _index, value: l.value, label: React__default["default"].createElement(index$2.Text, { size: "p2", variant: "primary" }, l.placeholder), "data-control": "checkbox", "data-lead-control": name, "data-is-required": required }))))));
             case 'RadioBlock':
                 return (React__default["default"].createElement(index$8.ChoiceField, { className: "leadgen-form_radio", key: index },
                     isSendMailChimp && (React__default["default"].createElement(core.Input, { type: "hidden", name: value + '-mailchimp', value: isSendMailChimp })),
@@ -4191,7 +4206,9 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                         // className="lead-modal__form-control leadgen-form_field"
                         label: React__default["default"].createElement(index$2.Text, { size: "p2", variant: "primary" }, label), size: "md", inputWrapperOrder: ['label', 'input', 'description', 'error'], inputContainer: (children) => {
                             return (React__default["default"].createElement("div", { className: "leadgen-choiceContainer" }, children));
-                        } }, form.getInputProps(value), { error: error && React__default["default"].createElement(index$3.ErrorLabel, { withIcon: true, label: error }) }), listQuestion.map((l, _index) => (React__default["default"].createElement(index$3.Radio, { name: value, key: _index, value: l.value, label: React__default["default"].createElement(index$2.Text, { size: "p2", variant: "primary" }, l.placeholder), "data-control": "radio", "data-lead-control": name, "data-is-required": required }))))));
+                        } }, form.getInputProps(value), { error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
+                            React__default["default"].createElement(index$3.ErrorIcon, { size: 12 }),
+                            React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))) }), listQuestion.map((l, _index) => (React__default["default"].createElement(index$3.Radio, { name: value, key: _index, value: l.value, label: React__default["default"].createElement(index$2.Text, { size: "p2", variant: "primary" }, l.placeholder), "data-control": "radio", "data-lead-control": name, "data-is-required": required }))))));
             case 'DropdownBlock':
                 return (React__default["default"].createElement(index$8.TextField, { shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field DropdownBlock", key: index },
                     React__default["default"].createElement(index$8.TextField.Control, null, ({ shrink }) => (React__default["default"].createElement(React__default["default"].Fragment, null,
@@ -4227,10 +4244,15 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                                         paddingInline: 0,
                                     },
                                 },
-                            }), maxDropdownHeight: 192 }, form.getInputProps(value), { error: error && React__default["default"].createElement(index$3.ErrorLabel, { withIcon: true, label: error }) })))))));
+                            }), maxDropdownHeight: 192 }, form.getInputProps(value), { error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
+                                React__default["default"].createElement(index$3.ErrorIcon, { size: 12 }),
+                                React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))) })))))));
             case 'TncBlock':
+                const _d = form.getInputProps(`TNC-${id}`), { error } = _d, tncInputProps = tslib_es6.__rest(_d, ["error"]);
                 return (React__default["default"].createElement(index$8.ChoiceField, { className: "leadgen-form_checkbox", key: id },
-                    React__default["default"].createElement(core.Input.Wrapper, { error: error && React__default["default"].createElement(index$3.ErrorLabel, { withIcon: true, label: error }) },
+                    React__default["default"].createElement(core.Input.Wrapper, { error: error && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
+                            React__default["default"].createElement(index$3.ErrorIcon, { size: 12 }),
+                            React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, error))) },
                         React__default["default"].createElement(index$3.Checkbox, Object.assign({ name: 'TNC-' + id, label: React__default["default"].createElement(index$2.Text, { as: "span", size: "c1", variant: "secondary", dangerouslySetInnerHTML: { __html: data.valueHTML }, styles: (theme) => ({
                                     root: {
                                         a: {
@@ -4239,7 +4261,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, hasSubmitBtn, isSubmi
                                             color: `${theme.colors.gray[7]} !important`,
                                         },
                                     },
-                                }) }), className: "tnc-block", "data-control": "checkbox", "data-lead-control": name, "data-is-required": required }, formInputProps)))));
+                                }) }), className: "tnc-block", "data-control": "checkbox", "data-lead-control": name, "data-is-required": required }, tncInputProps)))));
         }
         return null;
     })));

package/build/{logoIcon-05956c43.js → logoIcon-2a14913d.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-775983b0.js');
-var index$1 = require('./index-591676a0.js');
+var index = require('./index-27c2401d.js');
+var index$1 = require('./index-8caf2c65.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }