@hhgtech/hhg-components 1.29.385-beta-3 → 1.29.385

package/build/lead.js

@@ -2,55 +2,55 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-22e93a54.js');
+var tslib_es6 = require('./tslib.es6-bf41d482.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-9dcfb726.js');
+var index = require('./index-04576d76.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$1 = require('./index-696b04a6.js');
-var translationsContext = require('./translationsContext-55586306.js');
-var utils$1 = require('./utils-dd284fb3.js');
-var index$2 = require('./index-f7290c97.js');
-var index$3 = require('./index-a789b080.js');
-var index$5 = require('./index-e701508f.js');
-var index$4 = require('./index-602d13ee.js');
-require('./index.styles-f80a662d.js');
+var index$1 = require('./index-774e314c.js');
+var translationsContext = require('./translationsContext-052179e6.js');
+var utils$1 = require('./utils-f7e488f9.js');
+var index$2 = require('./index-7f246e6c.js');
+var index$3 = require('./index-f414885e.js');
+var index$5 = require('./index-a267934e.js');
+var index$4 = require('./index-f26dc6fb.js');
+require('./index.styles-ff1bf8b3.js');
 var hooks = require('@mantine/hooks');
-require('./useMantineLocale-31c0c3b4.js');
-var index$9 = require('./index-d556ea0c.js');
-require('./index-49644564.js');
-var index$7 = require('./index-cab62d03.js');
-require('./other-13179285.js');
-require('./index-8ac60e63.js');
-var utils = require('./utils-ff425505.js');
+require('./useMantineLocale-5a19d187.js');
+var index$9 = require('./index-854e59e3.js');
+require('./index-9c70447c.js');
+var index$7 = require('./index-a2193179.js');
+require('./other-542dc058.js');
+require('./index-fc49c62d.js');
+var utils = require('./utils-463fe488.js');
 var dates = require('@mantine/dates');
-var usePlacesAutocomplete = require('./usePlacesAutocomplete-80ddcab0.js');
-var index$6 = require('./index-4234cf7d.js');
-var translationsProvider = require('./translationsProvider-47bd57a5.js');
-var Locale = require('./Locale-fdf6ec7d.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-8312d521.js');
+var index$6 = require('./index-ba273d2c.js');
+var translationsProvider = require('./translationsProvider-aa21b093.js');
+var Locale = require('./Locale-e920092f.js');
 var uuid = require('uuid');
 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-60ec4d00.js');
-var index$8 = require('./index-a99cf536.js');
-var useScreenSize = require('./useScreenSize-e7f62753.js');
+var togetherComponentGlobalContext = require('./utils-d6404715.js');
+var index$8 = require('./index-13ddea96.js');
+var useScreenSize = require('./useScreenSize-f1a2ec2a.js');
 var ReactDOM = require('react-dom');
-var index$a = require('./index-e62311ca.js');
-var InputDate = require('./InputDate-4a79c210.js');
-var index$b = require('./index-743feb86.js');
-var Close = require('./Close-8917d657.js');
+var index$a = require('./index-cee787e5.js');
+var InputDate = require('./InputDate-9543c9be.js');
+var index$b = require('./index-58bbbc56.js');
+var Close = require('./Close-bd8bfbcd.js');
 require('./constantsIsProduction.js');
-require('./normalizeLink-9c673e8d.js');
+require('./normalizeLink-575dbb7a.js');
 require('./constantsDomainLocales.js');
 require('@hhgtech/icons/other');
 require('@mantine/carousel');
 require('classnames');
-require('./useUniqueId-711413d2.js');
+require('./useUniqueId-8e579530.js');
 require('./constantsSite.js');
 require('@hhgtech/icons/core');
 require('@mantine/notifications');
@@ -67,11 +67,11 @@ require('./i18n-values/tl-PH.js');
 require('./i18n-values/vi-VN.js');
 require('./i18n-values/vi-VN_MB.js');
 require('./i18n-values/zh-TW.js');
-require('./index-98d95952.js');
+require('./index-eb0109eb.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-046e61d1.js');
+require('./constants-9578f6eb.js');
 require('vaul');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -2140,9 +2140,9 @@ const useLeadGenContext = () => {
 const customParseFormat = require('dayjs/plugin/customParseFormat');
 dayjs__default["default"].extend(customParseFormat);
 /** https://hhgdev.atlassian.net/browse/EL-565 */
-// const LEADGEN_MAP_VALIDATE = {
-//   name: 'leadgen.message.error.name_required',
-// }
+const LEADGEN_MAP_VALIDATE = {
+    name: 'leadgen.message.error.name_required',
+};
 // You can give context variables any name
 const [LeadFormProvider, useLeadFormContext, useLeadForm] = form.createFormContext();
 const useLeadFormConfig = ({ listBlockAdded = [], validatingPhoneRef, validatingEmailRef, campaignId, campaign_subot_id = [], userInfo, format, }) => {
@@ -2174,13 +2174,16 @@ const useLeadFormConfig = ({ listBlockAdded = [], validatingPhoneRef, validating
             return (value) => {
                 var _a;
                 const isBLockRequired = (_a = block === null || block === void 0 ? void 0 : block.data) === null || _a === void 0 ? void 0 : _a.required;
+                const { data } = block || {};
+                const { value: fieldName } = data;
                 if (!formRef.current.isTouched(name))
                     return;
                 if ((typeof value === 'string' && value.trim() === '') ||
                     typeof value === 'undefined' ||
                     (Array.isArray(value) && value.length === 0)) {
                     return isBLockRequired
-                        ? t('validator.required')
+                        ? t((LEADGEN_MAP_VALIDATE === null || LEADGEN_MAP_VALIDATE === void 0 ? void 0 : LEADGEN_MAP_VALIDATE[fieldName]) ||
+                            'validator.required')
                         : cb === null || cb === void 0 ? void 0 : cb(value);
                 }
                 return cb === null || cb === void 0 ? void 0 : cb(value);
@@ -2237,7 +2240,7 @@ const useLeadFormConfig = ({ listBlockAdded = [], validatingPhoneRef, validating
                         if (value &&
                             window.intlTelInputUtils &&
                             !window.intlTelInputUtils.isValidNumber(String(value), LEAD_LOCALE.countryCode)) {
-                            return t('validator.phone');
+                            return t('leadgen.message.error.phone_invalid');
                         }
                         if (!value)
                             return;
@@ -2519,24 +2522,14 @@ const StyledLeadGenFormInner = styled__default["default"].div `
   .leadgen-form_input_checkbox {
     width: 100%;
   }
-
-  .mantine-InputWrapper-error {
-    margin-top: 4px;
-    padding-top: 1px;
-    padding-bottom: 1px;
-    color: #f44d2c;
-    font-size: 12px;
-    line-height: 1.5;
-  }
 `;
 
 const cssInputNotShrink$1 = react.css `
   height: 100% !important;
-  min-height: calc(var(--container-height, 56px) * 24 / 56);
+  min-height: calc(var(--container-height, 56px) * 22 / 56);
   color: ${miscTheme.theme.colors.gray800};
-  font-size: var(--input, 15px);
-  line-height: calc(var(--container-height, 56px) * 24 / 56);
-  letter-spacing: -0.3px;
+  font-size: var(--input, 16px);
+  line-height: calc(var(--container-height, 56px) * 22 / 56);
   border: none !important;
   border-radius: 0 !important;
   outline: none !important;
@@ -2560,7 +2553,7 @@ const cssLabelNotShrink$1 = react.css `
   top: calc(var(--container-height) / 2);
   left: var(--space-x, 16px);
   color: ${miscTheme.theme.colors.gray400};
-  font-size: var(--label-not-shrink, 15px);
+  font-size: var(--label-not-shrink, 16px);
   font-weight: 400;
   line-height: calc(var(--container-height, 56px) * 18 / 56);
   margin: 0;
@@ -2571,6 +2564,7 @@ const cssLabelNotShrink$1 = react.css `
 `;
 const cssLabelShrink$1 = react.css `
   color: ${miscTheme.theme.colors.gray600};
+  font-weight: 600;
   font-size: var(--label-shrink, 12px);
   top: calc(var(--container-height) * 7 / 56);
   transform: none;
@@ -2614,12 +2608,12 @@ const cssInputWrapperError$1 = react.css `
 `;
 const StyledTextFieldContainer$1 = styled__default["default"].div `
   --space-x: 16px;
-  --space-y-not-shrink: 15px;
+  --space-y-not-shrink: 16px;
   --space-y-shrink: 7px;
   --container-height: 56px;
   --label-not-shrink: 16px;
   --label-shrink: 12px;
-  --input: 15px;
+  --input: 16px;
 
   position: relative;
   min-width: 100px;
@@ -2644,6 +2638,10 @@ const StyledTextFieldContainer$1 = styled__default["default"].div `
         border-color: ${miscTheme.theme.colors.red400};
       }
     }
+
+    .mantine-InputWrapper-error {
+      font-size: 12px !important;
+    }
   }
 
   .mantine-InputWrapper-label {
@@ -2698,14 +2696,6 @@ const StyledTextFieldContainer$1 = styled__default["default"].div `
     }
   }
 
-  &:focus-within {
-    .mantine-Input-wrapper {
-      transition: 0.25s linear border;
-      border-color: ${miscTheme.theme.colors.primary600};
-      box-shadow: 0 0 4px ${miscTheme.theme.colors.primary200};
-    }
-  }
-
   .PhoneInput {
     --phone-select: 75px;
     --phone-input-space-x: 8px;
@@ -2755,6 +2745,9 @@ const StyledChoiceFieldContainer$1 = styled__default["default"].div `
 
   .mantine-InputWrapper-root {
     display: block;
+    .mantine-InputWrapper-error {
+      font-size: 12px !important;
+    }
   }
 
   .mantine-InputWrapper-label {
@@ -2784,6 +2777,9 @@ const StyledChoiceFieldContainer$1 = styled__default["default"].div `
       input[type='radio'],
       input[type='checkbox'] {
         border-color: ${miscTheme.theme.colors.primary600};
+        + svg {
+          color: ${miscTheme.theme.colors.primary600};
+        }
       }
 
       input[type='radio'] {
@@ -3495,11 +3491,10 @@ const SubtitleBlock = ({ children, align, }) => (React__default["default"].creat
 
 const cssInputNotShrink = react.css `
   height: 100% !important;
-  min-height: calc(var(--container-height, 56px) * 24 / 56);
+  min-height: calc(var(--container-height, 56px) * 22 / 56);
   color: ${miscTheme.theme.colors.gray800};
-  font-size: var(--input, 15px);
-  line-height: calc(var(--container-height, 56px) * 24 / 56);
-  letter-spacing: -0.3px;
+  font-size: var(--input, 16px);
+  line-height: calc(var(--container-height, 56px) * 22 / 56);
   border: none !important;
   border-radius: 0 !important;
   outline: none !important;
@@ -3523,10 +3518,9 @@ const cssLabelNotShrink = react.css `
   top: calc(var(--container-height) / 2);
   left: var(--space-x, 16px);
   color: ${miscTheme.theme.colors.gray400};
-  font-size: var(--label-not-shrink, 15px);
-  font-weight: 500;
-  line-height: calc(var(--container-height, 56px) * 24 / 56);
-  letter-spacing: -0.3px;
+  font-size: var(--label-not-shrink, 16px);
+  font-weight: 400;
+  line-height: calc(var(--container-height, 56px) * 18 / 56);
   margin: 0;
   z-index: 1;
   cursor: pointer;
@@ -3534,10 +3528,9 @@ const cssLabelNotShrink = react.css `
   transition: 0.125s ease-in all;
 `;
 const cssLabelShrink = react.css `
-  color: ${miscTheme.theme.colors.gray400};
+  color: ${miscTheme.theme.colors.gray600};
+  font-weight: 600;
   font-size: var(--label-shrink, 12px);
-  line-height: calc(var(--container-height, 56px) * 18 / 56);
-  letter-spacing: -0.2px;
   top: calc(var(--container-height) * 7 / 56);
   transform: none;
   transition: 0.125s ease-out all;
@@ -3580,12 +3573,12 @@ const cssInputWrapperError = react.css `
 `;
 const StyledTextFieldContainer = styled__default["default"].div `
   --space-x: 16px;
-  --space-y-not-shrink: 15px;
+  --space-y-not-shrink: 16px;
   --space-y-shrink: 7px;
   --container-height: 56px;
   --label-not-shrink: 16px;
   --label-shrink: 12px;
-  --input: 15px;
+  --input: 16px;
 
   position: relative;
   min-width: 100px;

package/build/{logoIcon-e0e44e57.js → logoIcon-d5564e8b.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-49644564.js');
-var useScreenSize = require('./useScreenSize-e7f62753.js');
+var index = require('./index-9c70447c.js');
+var useScreenSize = require('./useScreenSize-f1a2ec2a.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-a789b080.js');
-var index$1 = require('./index-e701508f.js');
-var index$2 = require('./index-f7290c97.js');
-var index$3 = require('./index-602d13ee.js');
-var index$4 = require('./index-7ff3ae15.js');
+var index = require('./index-f414885e.js');
+var index$1 = require('./index-a267934e.js');
+var index$2 = require('./index-7f246e6c.js');
+var index$3 = require('./index-f26dc6fb.js');
+var index$4 = require('./index-ebe02444.js');
 var React = require('react');
-var index$5 = require('./index-c7117caa.js');
-var tslib_es6 = require('./tslib.es6-22e93a54.js');
+var index$5 = require('./index-a9effb02.js');
+var tslib_es6 = require('./tslib.es6-bf41d482.js');
 var core = require('@mantine/core');
 var miscTheme = require('./miscTheme.js');
-var index$6 = require('./index-f2f8f850.js');
+var index$6 = require('./index-7e07362f.js');
 var hooks = require('@mantine/hooks');
-var index$7 = require('./index-de512068.js');
-var useMantineLocale = require('./useMantineLocale-31c0c3b4.js');
-var other = require('./other-13179285.js');
-var index$8 = require('./index-8ac60e63.js');
+var index$7 = require('./index-397efe32.js');
+var useMantineLocale = require('./useMantineLocale-5a19d187.js');
+var other = require('./other-542dc058.js');
+var index$8 = require('./index-fc49c62d.js');
 require('@hhgtech/icons/other');
-require('./index-49644564.js');
+require('./index-9c70447c.js');
 require('./constantsDomainLocales.js');
-require('./Locale-fdf6ec7d.js');
+require('./Locale-e920092f.js');
 require('./constantsIsProduction.js');
-require('./useScreenSize-e7f62753.js');
+require('./useScreenSize-f1a2ec2a.js');
 require('@emotion/styled');
-require('./utils-dd284fb3.js');
+require('./utils-f7e488f9.js');
 require('@mantine/carousel');
-require('./index-d556ea0c.js');
-require('./index-cab62d03.js');
+require('./index-854e59e3.js');
+require('./index-a2193179.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('classnames');
-require('./useUniqueId-711413d2.js');
+require('./useUniqueId-8e579530.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-f80a662d.js');
-require('./index-696b04a6.js');
-require('./translationsContext-55586306.js');
+require('./index.styles-ff1bf8b3.js');
+require('./index-774e314c.js');
+require('./translationsContext-052179e6.js');
 require('@mantine/notifications');
 require('dayjs');
 

package/build/misc.js

@@ -2,38 +2,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var localizeNumberFormat = require('./localizeNumberFormat-9994ed73.js');
-var animation = require('./animation-96ffde1b.js');
+var localizeNumberFormat = require('./localizeNumberFormat-abdaa206.js');
+var animation = require('./animation-8b7a117a.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 require('react');
 require('@mantine/core');
-require('./useMantineLocale-31c0c3b4.js');
-require('./index-d556ea0c.js');
-require('./index-49644564.js');
+require('./useMantineLocale-5a19d187.js');
+require('./index-854e59e3.js');
+require('./index-9c70447c.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-dd284fb3.js');
-require('./index-cab62d03.js');
-var number = require('./number-a0fdf9e7.js');
-var normalizeLink = require('./normalizeLink-9c673e8d.js');
+var utils = require('./utils-f7e488f9.js');
+require('./index-a2193179.js');
+var number = require('./number-6604a220.js');
+var normalizeLink = require('./normalizeLink-575dbb7a.js');
 var miscGetDynamicHealthTool = require('./miscGetDynamicHealthTool.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
 var miscScreenSizeContext = require('./miscScreenSizeContext.js');
-var dataTransform = require('./dataTransform-4f0dc6d7.js');
+var dataTransform = require('./dataTransform-3945a67f.js');
 require('dayjs');
 require('@emotion/react');
-require('./tslib.es6-22e93a54.js');
+require('./tslib.es6-bf41d482.js');
 require('@mantine/notifications');
-require('./other-13179285.js');
-require('./Locale-fdf6ec7d.js');
+require('./other-542dc058.js');
+require('./Locale-e920092f.js');
 require('./constantsDomainLocales.js');
 require('./constantsIsProduction.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./core-401efa17.js');
-require('./WhatsApp-50e2fda6.js');
-require('./index-4ed58977.js');
-require('./index-98d95952.js');
+require('./core-202b2a1b.js');
+require('./WhatsApp-7f023dc7.js');
+require('./index-62ab1d29.js');
+require('./index-eb0109eb.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-22e93a54.js');
-var normalizeLink = require('./normalizeLink-9c673e8d.js');
-var core = require('./core-401efa17.js');
+var tslib_es6 = require('./tslib.es6-bf41d482.js');
+var normalizeLink = require('./normalizeLink-575dbb7a.js');
+var core = require('./core-202b2a1b.js');
 require('./constantsDomainLocales.js');
-require('./Locale-fdf6ec7d.js');
+require('./Locale-e920092f.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-22e93a54.js');
-var WhatsApp = require('./WhatsApp-50e2fda6.js');
-var index = require('./index-d556ea0c.js');
-var index$2 = require('./index-4ed58977.js');
-var index$1 = require('./index-49644564.js');
-var Locale = require('./Locale-fdf6ec7d.js');
-require('./index-98d95952.js');
-require('./index-cab62d03.js');
+var tslib_es6 = require('./tslib.es6-bf41d482.js');
+var WhatsApp = require('./WhatsApp-7f023dc7.js');
+var index = require('./index-854e59e3.js');
+var index$2 = require('./index-62ab1d29.js');
+var index$1 = require('./index-9c70447c.js');
+var Locale = require('./Locale-e920092f.js');
+require('./index-eb0109eb.js');
+require('./index-a2193179.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-dd284fb3.js');
+var utils = require('./utils-f7e488f9.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-22e93a54.js');
+var tslib_es6 = require('./tslib.es6-bf41d482.js');
 var React = require('react');
-var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-e4b41b9e.js');
-require('./index-f7290c97.js');
+var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-d7a52dfb.js');
+require('./index-7f246e6c.js');
 require('@mantine/core');
-require('./other-13179285.js');
+require('./other-542dc058.js');
 require('./miscTheme.js');
 require('@emotion/react');
 require('@emotion/styled');
-require('./utils-dd284fb3.js');
+require('./utils-f7e488f9.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-22e93a54.js');
+require('./tslib.es6-bf41d482.js');
 require('react');
-require('./index-f7290c97.js');
+require('./index-7f246e6c.js');
 require('./miscTheme.js');
-var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-e4b41b9e.js');
+var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-d7a52dfb.js');
 require('@mantine/core');
-require('./other-13179285.js');
+require('./other-542dc058.js');
 require('@emotion/react');
 require('@emotion/styled');
-require('./utils-dd284fb3.js');
+require('./utils-f7e488f9.js');