@hhgtech/hhg-components 1.29.520-beta-8 → 1.29.521-beta-2

package/build/{index-0be3fcd2.js → index-ddfd6273.js}

@@ -1,21 +1,21 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-52700cb9.js');
+var index = require('./index-bf58dc96.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-1608e424.js');
+var utils = require('./utils-3be369a2.js');
 var core = require('@mantine/core');
 var hooks = require('@mantine/hooks');
-var index$1 = require('./index-eb6d749b.js');
-var index$2 = require('./index-64321da6.js');
-var tslib_es6 = require('./tslib.es6-51d1718e.js');
-var index$3 = require('./index-29bb2709.js');
+var index$1 = require('./index-256d8c99.js');
+var index$2 = require('./index-049c4b74.js');
+var tslib_es6 = require('./tslib.es6-dceda8c2.js');
+var index$3 = require('./index-db71adca.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var flattenChildren = require('react-keyed-flatten-children');
-var index$4 = require('./index-9ee7494d.js');
-var Close = require('./Close-5b95b043.js');
-var index$5 = require('./index-19ae89ad.js');
+var index$4 = require('./index-413a1234.js');
+var Close = require('./Close-f4cc53d5.js');
+var index$5 = require('./index-8469b8db.js');
 var carousel = require('@mantine/carousel');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-7340b4d2.js → index-e09cdfa5.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var Locale = require('./Locale-5ef1f682.js');
+var Locale = require('./Locale-f8ec1ece.js');
 
 exports.Gender = void 0;
 (function (Gender) {

package/build/{index-a1011f22.js → index-e1be0bb3.js}

@@ -1,36 +1,36 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-51d1718e.js');
+var tslib_es6 = require('./tslib.es6-dceda8c2.js');
 var React = require('react');
-var index$7 = require('./index-8c22d3df.js');
-var index$3 = require('./index-9ee7494d.js');
-var index = require('./index-19ae89ad.js');
+var index$7 = require('./index-c5b9ff80.js');
+var index$3 = require('./index-413a1234.js');
+var index = require('./index-8469b8db.js');
 var innertext = require('innertext');
-var index$1 = require('./index-98e24c2b.js');
-var index$2 = require('./index-2936f660.js');
-var constants = require('./constants-7f0b49d2.js');
+var index$1 = require('./index-098193ca.js');
+var index$2 = require('./index-571326d4.js');
+var constants = require('./constants-bf25c035.js');
 var useTogetherAuthRequiredAction = require('./useTogetherAuthRequiredAction.js');
-var togetherComponentGlobalContext = require('./utils-e56c0339.js');
-var treePopoverMenu = require('./treePopoverMenu-77d04dd2.js');
+var togetherComponentGlobalContext = require('./utils-c815c9a1.js');
+var treePopoverMenu = require('./treePopoverMenu-5c35429f.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-1608e424.js');
+var utils = require('./utils-3be369a2.js');
 var miscTheme = require('./miscTheme.js');
-var dataTransform = require('./dataTransform-345e1e63.js');
+var dataTransform = require('./dataTransform-47ab72cb.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$9 = require('./index-59a4757c.js');
-var togetherMoleculesCardAuthor = require('./index-b0d61377.js');
-var togetherMoleculesProfileDetail = require('./index-7f6e9f8a.js');
-var togetherMoleculesPostImagePreview = require('./index-59cb20b7.js');
-var index$a = require('./index-55b3224d.js');
-var index$8 = require('./index-68ce3c77.js');
-require('./index-f45cbe15.js');
+var index$9 = require('./index-1ca795dd.js');
+var togetherMoleculesCardAuthor = require('./index-66e610ff.js');
+var togetherMoleculesProfileDetail = require('./index-7b9c61de.js');
+var togetherMoleculesPostImagePreview = require('./index-1f2b3ce0.js');
+var index$a = require('./index-a808f852.js');
+var index$8 = require('./index-4c758bdc.js');
+require('./index-00fd4ae9.js');
 var core$1 = require('@hhgtech/icons/core');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$6 = require('./index-9a0159e9.js');
-var index$4 = require('./index-52700cb9.js');
-var index$5 = require('./index-1ba6e480.js');
-var normalizeLink = require('./normalizeLink-20b1ac2b.js');
+var index$6 = require('./index-9efa37a5.js');
+var index$4 = require('./index-bf58dc96.js');
+var index$5 = require('./index-4763ffc0.js');
+var normalizeLink = require('./normalizeLink-9e4c986f.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-f33e55e5.js → index-ec954aae.js}

@@ -1,55 +1,55 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-51d1718e.js');
+var tslib_es6 = require('./tslib.es6-dceda8c2.js');
 var React = require('react');
-var SiteWideBanner = require('./SiteWideBanner-56919229.js');
-var index$2 = require('./index-f45cbe15.js');
-var normalizeLink = require('./normalizeLink-20b1ac2b.js');
-var dataTransform = require('./dataTransform-345e1e63.js');
+var SiteWideBanner = require('./SiteWideBanner-8d00db6e.js');
+var index$2 = require('./index-00fd4ae9.js');
+var normalizeLink = require('./normalizeLink-9e4c986f.js');
+var dataTransform = require('./dataTransform-47ab72cb.js');
 var core = require('@hhgtech/icons/core');
-var index = require('./index-64321da6.js');
-require('./translationsContext-e290b302.js');
-var Locale = require('./Locale-5ef1f682.js');
+var index = require('./index-049c4b74.js');
+require('./translationsContext-ae8babcc.js');
+var Locale = require('./Locale-f8ec1ece.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var navigationProfileButton = require('./index-a8c9757f.js');
+var navigationProfileButton = require('./index-be273226.js');
 var other = require('@hhgtech/icons/other');
 var core$1 = require('@mantine/core');
-var index$c = require('./index-111f49b7.js');
+var index$c = require('./index-fd037610.js');
 var throttle = require('lodash/throttle');
 require('@mantine/dates');
-var index$b = require('./index-7340b4d2.js');
-var index$6 = require('./index-2936f660.js');
-require('./index-04f8890f.js');
-var index$4 = require('./index-52700cb9.js');
-var index$3 = require('./index-6550d336.js');
-require('./index-0d2250b3.js');
-require('./index.styles-9b6a8581.js');
+var index$b = require('./index-e09cdfa5.js');
+var index$6 = require('./index-571326d4.js');
+require('./index-ecd27baf.js');
+var index$4 = require('./index-bf58dc96.js');
+var index$3 = require('./index-4372ad1f.js');
+require('./index-2a8e8e89.js');
+require('./index.styles-97436161.js');
 require('@mantine/hooks');
-var utils = require('./utils-1608e424.js');
-require('./index-b7765710.js');
-var constants = require('./constants-0d087447.js');
-var store = require('./store-be4fce84.js');
-var constants$2 = require('./constants-7f0b49d2.js');
-var index$5 = require('./index-3573ee5a.js');
-var index$1 = require('./index-19ae89ad.js');
-var useCartCareService = require('./useCartCareService-6ae01e5d.js');
-var constants$1 = require('./constants-86d20f23.js');
+var utils = require('./utils-3be369a2.js');
+require('./index-fdc97eff.js');
+var constants = require('./constants-64bc97f9.js');
+var store = require('./store-98102a47.js');
+var constants$2 = require('./constants-bf25c035.js');
+var index$5 = require('./index-43fca2b6.js');
+var index$1 = require('./index-8469b8db.js');
+var useCartCareService = require('./useCartCareService-e2c74d35.js');
+var constants$1 = require('./constants-e4172b92.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var index$7 = require('./index-8c22d3df.js');
-var index$8 = require('./index-9ee7494d.js');
-var utils$1 = require('./utils-5e01fba2.js');
-var index$9 = require('./index-c4c47670.js');
+var index$7 = require('./index-c5b9ff80.js');
+var index$8 = require('./index-413a1234.js');
+var utils$1 = require('./utils-a415f8e0.js');
+var index$9 = require('./index-0c884640.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$a = require('./index-4a3d2101.js');
+var index$a = require('./index-f0d55c1b.js');
 var get = require('lodash/get');
 var isEmpty = require('lodash/isEmpty');
-var index$d = require('./index-33e35c20.js');
+var index$d = require('./index-0c66ff62.js');
 var debounce = require('lodash/debounce');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var core$2 = require('./core-6afe7a59.js');
+var core$2 = require('./core-416215f2.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -944,11 +944,11 @@ const CategoriesItem = ({ href, menuItem, activeItem, siteType, onClick, }) => {
         React__namespace["default"].createElement(StyledIconNav, { className: "arrow-icon" },
             React__namespace["default"].createElement("img", { src: index$6.CommonGAssets.getAssetPath('chevronRight.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" }))));
 };
-const ExtraCategories = ({ menuItems, siteType, }) => {
+const ExtraCategories = ({ menuItems, siteType, onClick, }) => {
     return (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
         React__namespace["default"].createElement(StyledCategoryDivider, null),
         React__namespace["default"].createElement(StyledCategoryList$1, null, menuItems.map((item, index) => {
-            return (React__namespace["default"].createElement(CategoriesItem, { key: index, menuItem: item, href: item.link, siteType: siteType }));
+            return (React__namespace["default"].createElement(CategoriesItem, { key: index, menuItem: item, href: item.link, siteType: siteType, onClick: onClick }));
         }))));
 };
 
@@ -2020,7 +2020,7 @@ const MenuServiceList = ({ closePopup, menuItems = [], extraMenuItems = [], proj
             React__namespace["default"].createElement(Categories, { UrlFE: statics.HOME_PAGE_URL, menuItems: menuItems, headingTitle: t('home.navigator.menuItem.healthCategories'), titleBtnViewMore: (extraMenuItems === null || extraMenuItems === void 0 ? void 0 : extraMenuItems.length)
                     ? undefined
                     : t('home.navigator.menuItem.allCategories'), onClosePopup: closePopup, activeItem: activeMenuService }),
-            !!(extraMenuItems === null || extraMenuItems === void 0 ? void 0 : extraMenuItems.length) && (React__namespace["default"].createElement(ExtraCategories, { menuItems: extraMenuItems, siteType: siteType })),
+            !!(extraMenuItems === null || extraMenuItems === void 0 ? void 0 : extraMenuItems.length) && (React__namespace["default"].createElement(ExtraCategories, { menuItems: extraMenuItems, siteType: siteType, onClick: closePopup })),
             activeMenuService === 'categories' && (React__namespace["default"].createElement(CategorySpotlights, { spotlightsList: (categories === null || categories === void 0 ? void 0 : categories.spotlights) || [], hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}/spotlight/` })),
             activeMenuService === 'tools' && (React__namespace["default"].createElement(ToolSpotlights, { spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights, hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$2.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}` })),
             activeMenuService === 'care' && (React__namespace["default"].createElement(CareSpotlights, { spotlights: care === null || care === void 0 ? void 0 : care.spotlights, hrefViewMore: `${statics.CARE_URL_FE}/${(_b = constants$1.LOCALIZED_SLUGS[locale]) === null || _b === void 0 ? void 0 : _b.SPECIALTIES}` })),

package/build/{index-04f8890f.js → index-ecd27baf.js}

@@ -1,18 +1,18 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-51d1718e.js');
+var tslib_es6 = require('./tslib.es6-dceda8c2.js');
 var React = require('react');
 var dayjs = require('dayjs');
-require('./index-7340b4d2.js');
-var Locale = require('./Locale-5ef1f682.js');
+require('./index-e09cdfa5.js');
+var Locale = require('./Locale-f8ec1ece.js');
 var notifications = require('@mantine/notifications');
-var index$1 = require('./index-f45cbe15.js');
+var index$1 = require('./index-00fd4ae9.js');
 var core = require('@mantine/core');
-var index$2 = require('./index-2936f660.js');
+var index$2 = require('./index-571326d4.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-1608e424.js');
-var index = require('./index-0d2250b3.js');
-var shared = require('./shared-1835f782.js');
+var utils = require('./utils-3be369a2.js');
+var index = require('./index-2a8e8e89.js');
+var shared = require('./shared-73a4927b.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-4a3d2101.js → index-f0d55c1b.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-51d1718e.js');
+var tslib_es6 = require('./tslib.es6-dceda8c2.js');
 var React = require('react');
-var togetherComponentGlobalContext = require('./utils-e56c0339.js');
+var togetherComponentGlobalContext = require('./utils-c815c9a1.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-51c28540.js → index-f224f33b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-6550d336.js');
+var index = require('./index-4372ad1f.js');
 var styled = require('@emotion/styled');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-183f1203.js → index-f412fce2.js}

@@ -3,10 +3,10 @@
 var React = require('react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-29bb2709.js');
+var index = require('./index-db71adca.js');
 var classNames = require('classnames');
-var index$1 = require('./index-fd7cf219.js');
-var index$2 = require('./index-52700cb9.js');
+var index$1 = require('./index-b0ab29f3.js');
+var index$2 = require('./index-bf58dc96.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-a205287a.js → index-f5095ae0.js}

@@ -1,37 +1,38 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-19ae89ad.js');
+var index = require('./index-8469b8db.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$2 = require('./index-2936f660.js');
-var normalizeLink = require('./normalizeLink-20b1ac2b.js');
+var index$2 = require('./index-571326d4.js');
+var normalizeLink = require('./normalizeLink-9e4c986f.js');
 var miscTheme = require('./miscTheme.js');
-var index$1 = require('./index-eb6d749b.js');
-var utils = require('./utils-5e01fba2.js');
-var index$3 = require('./index-8c22d3df.js');
-var types = require('./types-36f20f12.js');
+var index$1 = require('./index-256d8c99.js');
+var utils = require('./utils-a415f8e0.js');
+var index$3 = require('./index-c5b9ff80.js');
+var types = require('./types-4339a8ce.js');
 var styled = require('@emotion/styled');
-var utils$1 = require('./utils-1608e424.js');
+var utils$1 = require('./utils-3be369a2.js');
 var core = require('@mantine/core');
 var api = require('@react-google-maps/api');
 var classNames = require('classnames');
-var index$4 = require('./index-f45cbe15.js');
-var constants = require('./constants-7f0b49d2.js');
-var index$5 = require('./index-29bb2709.js');
-var localizeNumberFormat = require('./localizeNumberFormat-4d878deb.js');
-var tslib_es6 = require('./tslib.es6-51d1718e.js');
+var index$4 = require('./index-00fd4ae9.js');
+var constants = require('./constants-bf25c035.js');
+var index$5 = require('./index-db71adca.js');
+var localizeNumberFormat = require('./localizeNumberFormat-f816f217.js');
+var tslib_es6 = require('./tslib.es6-dceda8c2.js');
 var hooks = require('@mantine/hooks');
-var index$8 = require('./index-99965030.js');
+var index$8 = require('./index-14aa6c32.js');
 var PhoneInputBase = require('react-phone-number-input');
-var index$7 = require('./index-64321da6.js');
-var index$a = require('./index-0d2250b3.js');
-var index$6 = require('./index-6550d336.js');
-var index$b = require('./index-04f8890f.js');
-var index$9 = require('./index-52700cb9.js');
-var index$c = require('./index-9b8c506b.js');
-var Close = require('./Close-5b95b043.js');
-var index$d = require('./index-fd7cf219.js');
-var index$e = require('./index-183f1203.js');
+var index$7 = require('./index-049c4b74.js');
+var index$a = require('./index-2a8e8e89.js');
+var index$6 = require('./index-4372ad1f.js');
+var index$b = require('./index-ecd27baf.js');
+var index$9 = require('./index-bf58dc96.js');
+var index$c = require('./index-cdaf49f4.js');
+var Close = require('./Close-f4cc53d5.js');
+var utils$2 = require('./utils-011d3254.js');
+var index$d = require('./index-b0ab29f3.js');
+var index$e = require('./index-f412fce2.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -1171,6 +1172,34 @@ const StyledRequestConsultationForm = styled__default["default"].div `
   padding-top: 16px;
   padding-bottom: 16px;
   width: 100%;
+
+  & #request_consultation_name_input.mantine-Input-input {
+    font-size: 15px;
+    font-weight: 500;
+    line-height: 24px;
+    letter-spacing: -0.3px;
+    color: ${miscTheme.theme.colors.gray1000};
+  }
+
+  & #gender-option-control-label {
+    font-size: 13px;
+    font-weight: 500;
+    line-height: 20px;
+    letter-spacing: -0.3px;
+    color: ${miscTheme.theme.colors.gray600};
+  }
+
+  & #request_consultation_phone_input.mantine-Input-input {
+    &::focus {
+      border-color: none;
+      outline: none;
+    }
+    &:hover {
+      border-color: none;
+      outline: none;
+    }
+  }
+
   ${utils$1.MediaQueries.mbUp} {
     width: 420px;
     padding-top: 32px;
@@ -1226,7 +1255,7 @@ const StyledRequestConsultationForm = styled__default["default"].div `
     line-height: 2rem;
     letter-spacing: -0.4px;
     color: ${miscTheme.theme.colors.gray800};
-    margin-bottom: 12px;
+    margin-bottom: 8px;
   }
 
   .formSubtitle {
@@ -1302,9 +1331,13 @@ const StyledRequestConsultationForm = styled__default["default"].div `
 `;
 const StyledButton = styled__default["default"](index$6.Button) `
   &.mantine-Button-root {
-    border-radius: 12px;
-    border: 1px solid;
-    font-size: 15px;
+    border-radius: 8px;
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 24px;
+
+    background-color: ${miscTheme.theme.colors.primaryBase};
+    color: ${miscTheme.theme.colors.white};
 
     &.tertiary {
       border-color: ${miscTheme.theme.colors.neutral200};
@@ -1322,6 +1355,10 @@ const StyledDrawerBottom = styled__default["default"](index$1.DrawerBottom) `
   .mantine-Modal-body {
     padding: 0;
     height: 100%;
+
+    .formSuccess {
+      background: linear-gradient(180deg, #a5d4ff 0%, #ffffff 50%);
+    }
   }
 `;
 const StyledPhone = styled__default["default"](index$7.Phone) `
@@ -1366,7 +1403,7 @@ exports.EGender = void 0;
     EGender["Male"] = "male";
     EGender["Female"] = "female";
 })(exports.EGender || (exports.EGender = {}));
-const DEFAULT_COUNTRY_CODE = 'VN';
+const DEFAULT_COUNTRY_CODE = ['VN', 'MY'];
 function RequestConsultationForm({ onSubmit, onClose, title, isLoading, locale, }) {
     const { t } = index.useTranslations();
     const [name, setName] = React.useState('');
@@ -1377,7 +1414,7 @@ function RequestConsultationForm({ onSubmit, onClose, title, isLoading, locale,
     const [genderError, setGenderError] = React.useState('');
     const [isSubmitted, setIsSubmitted] = React.useState(false);
     const { classes } = index$8.useTextStyles();
-    const defaultCountry = (locale ? index$b.MAPPED_LOCALE[locale] || 'VN' : 'VN');
+    const defaultCountry = (locale ? utils$2.MAPPED_LOCALE[locale] || 'VN' : 'VN');
     const validatePhone = (value) => {
         try {
             if (!value) {
@@ -1385,6 +1422,7 @@ function RequestConsultationForm({ onSubmit, onClose, title, isLoading, locale,
                 return false;
             }
             const phoneData = PhoneInputBase.parsePhoneNumber(value, defaultCountry);
+            console.log('🚀 ~ validatePhone ~ phoneData:', phoneData);
             if (!(phoneData === null || phoneData === void 0 ? void 0 : phoneData.isValid())) {
                 setPhoneError(t('collectPhoneNumber.inputInvalid'));
                 return false;
@@ -1469,8 +1507,8 @@ function RequestConsultationForm({ onSubmit, onClose, title, isLoading, locale,
                     React__namespace["default"].createElement(core.Box, { className: "mantine-Input-wrapper", sx: (theme) => ({
                             '.PhoneInput .PhoneInputInput': Object.assign(Object.assign({}, index$a.GlobalTextStyleNew(theme)[index$a.CustomStylesType.LEADGEN].p2), { fontWeight: index$a.FontWeight.halfBold }),
                         }) },
-                        React__namespace["default"].createElement(StyledPhone, { inputId: "request_consultation_phone_input", onChange: handlePhoneChange, className: `mantine-Input-input ${classes.p2}`, name: "phoneNumber", spellCheck: false, placeholder: " ", defaultCountry: defaultCountry, type: "text", value: phone, "data-control": "tel", countries: [DEFAULT_COUNTRY_CODE], arrowComponent: () => React__namespace["default"].createElement(React__namespace["default"].Fragment, null) })))))),
-            React__namespace["default"].createElement(index$c.GenderOptionControl, { label: t('popupRequestConsultation.gender'), type: "button", value: gender || undefined, onChange: (v) => {
+                        React__namespace["default"].createElement(StyledPhone, { inputId: "request_consultation_phone_input", onChange: handlePhoneChange, className: `mantine-Input-input ${classes.p2}`, name: "phoneNumber", spellCheck: false, placeholder: " ", defaultCountry: defaultCountry, type: "text", value: phone, "data-control": "tel", countries: DEFAULT_COUNTRY_CODE, arrowComponent: () => React__namespace["default"].createElement(React__namespace["default"].Fragment, null) })))))),
+            React__namespace["default"].createElement(index$c.GenderOptionControl, { id: "gender-option-control-consultation", label: t('popupRequestConsultation.gender'), type: "button", value: gender || undefined, onChange: (v) => {
                     setGender(v);
                     if (isSubmitted && genderError)
                         setGenderError('');
@@ -1478,6 +1516,10 @@ function RequestConsultationForm({ onSubmit, onClose, title, isLoading, locale,
                     wrapper: {
                         flexDirection: 'row-reverse',
                     },
+                }, labelText: {
+                    size: 'title2',
+                    color: 'gray800',
+                    fw: 500,
                 } })),
         React__namespace["default"].createElement("div", { className: "action actionBox" },
             React__namespace["default"].createElement(StyledButton, { variant: "primary", onClick: handleSubmit, fullWidth: true, size: "lg", loading: isLoading }, t('popupRequestConsultation.action')))));
@@ -1500,7 +1542,7 @@ exports.EPopupRequestConsultationStep = void 0;
     EPopupRequestConsultationStep[EPopupRequestConsultationStep["FORM"] = 0] = "FORM";
     EPopupRequestConsultationStep[EPopupRequestConsultationStep["SUCCESS"] = 1] = "SUCCESS";
 })(exports.EPopupRequestConsultationStep || (exports.EPopupRequestConsultationStep = {}));
-function PopupRequestConsultation({ children, isMobile, onSubmit, isOpen: isOpenProp, onOpenChange, drawerProps = {}, }) {
+function PopupRequestConsultation({ children, isMobile, onSubmit, isOpen: isOpenProp, onOpenChange, drawerProps = {}, locale, }) {
     const modalState = hooks.useDisclosure(isOpenProp);
     const [currentStep, setCurrentStep] = React.useState(exports.EPopupRequestConsultationStep.FORM);
     const [isOpen, { open, toggle, close }] = modalState;
@@ -1541,7 +1583,7 @@ function PopupRequestConsultation({ children, isMobile, onSubmit, isOpen: isOpen
     return (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
         typeof children === 'function' ? (children(modalState)) : (React__namespace["default"].createElement("div", { onClick: toggle }, children)),
         React__namespace["default"].createElement(StyledDrawerBottom, Object.assign({ isOpen: isOpen, onClose: handleClose, onOpenChange: handleOpenChange, isMobile: false, fadeFromIndex: index$4.ZINDEX_SSO - 9e6, zIndex: index$4.ZINDEX_SSO, repositionInputs: false, isLinear: true, withCloseButton: false, fullScreen: isMobile }, drawerProps),
-            currentStep === exports.EPopupRequestConsultationStep.FORM && (React__namespace["default"].createElement(RequestConsultationForm, { onSubmit: handleSubmit, onClose: handleClose, isLoading: isLoading })),
+            currentStep === exports.EPopupRequestConsultationStep.FORM && (React__namespace["default"].createElement(RequestConsultationForm, { onSubmit: handleSubmit, onClose: handleClose, isLoading: isLoading, locale: locale })),
             currentStep === exports.EPopupRequestConsultationStep.SUCCESS && (React__namespace["default"].createElement(RequestConsultationSuccess, { onClose: handleClose })))));
 }
 

package/build/{index-287441ca.js → index-f7f8a812.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-51d1718e.js');
+var tslib_es6 = require('./tslib.es6-dceda8c2.js');
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
-var WhatsApp = require('./WhatsApp-4f0b57f0.js');
-var Spinner = require('./Spinner-be36e9ab.js');
+var WhatsApp = require('./WhatsApp-a1a601c2.js');
+var Spinner = require('./Spinner-33f4f1ac.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-111f49b7.js → index-fd037610.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var Locale = require('./Locale-5ef1f682.js');
-var index$1 = require('./index-2936f660.js');
+var Locale = require('./Locale-f8ec1ece.js');
+var index$1 = require('./index-571326d4.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-1608e424.js');
-var logoIcon = require('./logoIcon-f53d9fc8.js');
-require('./index-7340b4d2.js');
-var index = require('./index-fd7cf219.js');
+var utils = require('./utils-3be369a2.js');
+var logoIcon = require('./logoIcon-a0fe69fc.js');
+require('./index-e09cdfa5.js');
+var index = require('./index-b0ab29f3.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-b7765710.js → index-fdc97eff.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-51d1718e.js');
+var tslib_es6 = require('./tslib.es6-dceda8c2.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index = require('./index-6550d336.js');
-var index$1 = require('./index-52700cb9.js');
+var index = require('./index-4372ad1f.js');
+var index$1 = require('./index-bf58dc96.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }