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

package/build/esm/healthToolsCardWrapper.js

@@ -1,39 +1,39 @@
-import './tslib.es6-350742fb.js';
+import './tslib.es6-ba34c726.js';
 import 'react';
 import '@mantine/core';
-export { H as HealthToolCardWrapper } from './index-d0dcd55d.js';
-import './context-13298862.js';
-import './index-687e21d8.js';
+export { H as HealthToolCardWrapper } from './index-f56be8ac.js';
+import './context-d1fbc8a8.js';
+import './index-b95becd8.js';
 import '@hhgtech/icons/core';
 import '@hhgtech/icons/other';
-import './index-d687e90b.js';
+import './index-fd9d06e5.js';
 import '@mantine/hooks';
-import './index-f1617edf.js';
+import './index-be4cc6c0.js';
 import './constantsDomainLocales.js';
-import './Locale-1688d8d1.js';
+import './Locale-97e47a0f.js';
 import './constantsIsProduction.js';
-import './index-dca896e9.js';
-import './utils-c212a04a.js';
+import './index-766e3a5a.js';
+import './utils-80a63337.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-16a3a9e8.js';
-import './index-3b7e154b.js';
+import './index-ffd802c4.js';
+import './index-d38c4ff3.js';
 import 'dayjs';
-import './index-19f4b219.js';
+import './index-9e263174.js';
 import '@mantine/notifications';
-import './index-4228f512.js';
+import './index-7700434c.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import './miscTheme.js';
-import './shared-5f959e01.js';
+import './shared-facfa22a.js';
 import 'classnames';
 import 'uuid';
-import './useUniqueId-df99b945.js';
+import './useUniqueId-772bd6d5.js';
 import '@emotion/react';
-import './index-36eb9b23.js';
+import './index-7bfe4aad.js';
 import '@mantine/dates';
-import './index.styles-592d298f.js';
-import './index-281f841c.js';
-import './translationsContext-8fc152c0.js';
-import './index-9457deb7.js';
+import './index.styles-c1e2536a.js';
+import './index-213774a3.js';
+import './translationsContext-81943fa8.js';
+import './index-09ad21c9.js';

package/build/esm/healthToolsForm.js

@@ -1,60 +1,60 @@
-export { D as DueDateForm } from './index-24c86689.js';
-export { B as BmiForm } from './index-0b925f99.js';
-export { B as BabyPoopForm } from './index-b686a111.js';
-export { T as ThrForm } from './index-4ab4be19.js';
-export { O as OvulationForm } from './index-30f7d194.js';
-export { B as BabyVaccineForm } from './index-23ba56d9.js';
-export { P as PWGForm } from './index-fff0fd6b.js';
-import './tslib.es6-350742fb.js';
+export { D as DueDateForm } from './index-032cd9a2.js';
+export { B as BmiForm } from './index-6548b0ff.js';
+export { B as BabyPoopForm } from './index-2b3c9db7.js';
+export { T as ThrForm } from './index-18ab5cb1.js';
+export { O as OvulationForm } from './index-9356ee4f.js';
+export { B as BabyVaccineForm } from './index-4ef72930.js';
+export { P as PWGForm } from './index-c9502885.js';
+import './tslib.es6-ba34c726.js';
 import 'react';
 import '@mantine/core';
 import 'date-fns';
-import './LastPeriod-4392c2c4.js';
-import './Locale-1688d8d1.js';
+import './LastPeriod-34ad63f5.js';
+import './Locale-97e47a0f.js';
 import '@mantine/form';
 import 'dayjs';
-import './index-d687e90b.js';
+import './index-fd9d06e5.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-f1617edf.js';
+import './index-be4cc6c0.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './index-687e21d8.js';
-import './index-dca896e9.js';
-import './utils-c212a04a.js';
+import './index-b95becd8.js';
+import './index-766e3a5a.js';
+import './utils-80a63337.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-16a3a9e8.js';
-import './index-3b7e154b.js';
-import './index-19f4b219.js';
+import './index-ffd802c4.js';
+import './index-d38c4ff3.js';
+import './index-9e263174.js';
 import '@mantine/notifications';
-import './index-4228f512.js';
+import './index-7700434c.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import './miscTheme.js';
-import './shared-5f959e01.js';
+import './shared-facfa22a.js';
 import 'classnames';
 import 'uuid';
-import './useUniqueId-df99b945.js';
+import './useUniqueId-772bd6d5.js';
 import '@emotion/react';
 import '@hhgtech/icons/core';
-import './index-36eb9b23.js';
-import './index-b018ca79.js';
+import './index-7bfe4aad.js';
+import './index-ac4cb2d9.js';
 import '@mantine/dates';
-import './index.styles-592d298f.js';
-import './index-281f841c.js';
-import './translationsContext-8fc152c0.js';
-import './index-9457deb7.js';
-import './index-61122940.js';
+import './index.styles-c1e2536a.js';
+import './index-213774a3.js';
+import './translationsContext-81943fa8.js';
+import './index-09ad21c9.js';
+import './index-fe9de3bd.js';
 import 'react-keyed-flatten-children';
-import './context-13298862.js';
+import './context-d1fbc8a8.js';
 import 'react-hook-form';
-import './useHealthToolCache-d7247603.js';
+import './useHealthToolCache-602fa0b9.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-6d9e5dc6.js';
-import './core-bd541401.js';
-import './constants-2ee15af0.js';
-import './index-ec3f89f8.js';
+import './normalizeLink-ab5b5f03.js';
+import './core-2d8dbf07.js';
+import './constants-912ce027.js';
+import './index-0b699268.js';
 import './embeddedHeathToolCards_helpers.js';
-import './constants-ded00d36.js';
+import './constants-32b88cf8.js';

package/build/esm/hooks.js

@@ -1,25 +1,25 @@
-export { u as useTranslations } from './index-281f841c.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-31007d94.js';
-export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, d as usePhoneValidator, a as usePrevious, b as useRafState } from './usePhoneValidator-c56d8b4c.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-d7247603.js';
-export { a as useCartCareService, u as useIsInit } from './useCartCareService-fb00b209.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-55d078f4.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-df99b945.js';
+export { u as useTranslations } from './index-213774a3.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-f7cbb19b.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, d as usePhoneValidator, a as usePrevious, b as useRafState } from './usePhoneValidator-14e9e87a.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-602fa0b9.js';
+export { a as useCartCareService, u as useIsInit } from './useCartCareService-8cc7a262.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-a9d40292.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-772bd6d5.js';
 import 'react';
-import './translationsContext-8fc152c0.js';
+import './translationsContext-81943fa8.js';
 import 'lodash/debounce';
-import './tslib.es6-350742fb.js';
+import './tslib.es6-ba34c726.js';
 import './miscCookieHelper.js';
-import './index-19f4b219.js';
-import './Locale-1688d8d1.js';
+import './index-9e263174.js';
+import './Locale-97e47a0f.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-6d9e5dc6.js';
+import './normalizeLink-ab5b5f03.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './core-bd541401.js';
+import './core-2d8dbf07.js';
 import 'zustand';
 import 'zustand/middleware';
-import './index-4228f512.js';
+import './index-7700434c.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';

package/build/esm/i18n-values/ms-MY.js

@@ -472,8 +472,8 @@ var msTranslations = {
 	"navigation.search.input.placeholder.animation.chatWithDoctorOnPlatform": "Chat dengan Doktor di WhatsApp",
 	"navigation.search.input.placeholder.animation.findNearestClinic": "Cari Klinik Berdekatan",
 	"navigation.search.input.placeholder.animation.freeConsultation": "Konsultasi Percuma",
-	"navigation.search.input.placeholder.animation.freeDoctorConsultation": "Free Doctor Consultation",
-	"navigation.search.input.placeholder.animation.fullRefundWithin10DayCancellation": "Full refund within 10-day cancellation",
+	"navigation.search.input.placeholder.animation.freeDoctorConsultation": "Konsultasi Doktor Percuma",
+	"navigation.search.input.placeholder.animation.fullRefundWithin10DayCancellation": "Bayaran balik penuh dalam tempoh pembatalan 10 hari",
 	"navigation.search.input.placeholder.animation.reputableFacilities": "\t\nPenyedia Dipercayai",
 	"navigation.signUp": "Daftar masuk",
 	"newsletter.error.minCotennt": "Pilih sekurang-kurangnya 1 topik untuk meneruskan tindakan ini",
@@ -604,16 +604,16 @@ var msTranslations = {
 	"popup.editPost": "Sunting kiriman",
 	"popup.keepEditing": "Teruskan menyunting",
 	"popup.startANewPost": "Mulakan kiriman baru",
-	"popupRequestConsultation.action": "Get consultation",
-	"popupRequestConsultation.descriptionSuccess": "We will contact you shortly.",
-	"popupRequestConsultation.gender": "Gender",
-	"popupRequestConsultation.genderRequired": "Please select your gender",
-	"popupRequestConsultation.nameRequired": "Please enter your name",
-	"popupRequestConsultation.phoneLabel": "Phone number",
-	"popupRequestConsultation.subtitle": "Enter your details and we will contact you shortly.",
-	"popupRequestConsultation.title": "Get consultation",
-	"popupRequestConsultation.titleSuccess": "Thanks!",
-	"popupRequestConsultation.yourName": "Your Name",
+	"popupRequestConsultation.action": "Dapatkan konsultasi",
+	"popupRequestConsultation.descriptionSuccess": "Kami akan menghubungi anda tidak lama lagi.",
+	"popupRequestConsultation.gender": "Jantina",
+	"popupRequestConsultation.genderRequired": "Sila pilih jantina anda",
+	"popupRequestConsultation.nameRequired": "Sila masukkan nama anda",
+	"popupRequestConsultation.phoneLabel": "Nombor telefon anda",
+	"popupRequestConsultation.subtitle": "Masukkan butiran anda dan kami akan menghubungi anda tidak lama lagi.",
+	"popupRequestConsultation.title": "Dapatkan konsultasi",
+	"popupRequestConsultation.titleSuccess": "Terima kasih!",
+	"popupRequestConsultation.yourName": "Nama Anda",
 	"post.commentCount": "{count} komen",
 	"post.likesCount": "{count} tanda suka",
 	"post.remove.failed": "Gagal memadam",

package/build/esm/i18n-values/vi-VN.js

@@ -469,9 +469,9 @@ var viTranslations = {
 	"navigation.o2oMenu.weightLoss": "Giảm cân (GLP1)",
 	"navigation.search.input.placeholder": "Tìm kiếm",
 	"navigation.search.input.placeholder.animation.authenticProducts": "Sản Phẩm 100% Chính Hãng",
-	"navigation.search.input.placeholder.animation.chatWithDoctorOnPlatform": "Chat with a Doctor on WhatsApp",
+	"navigation.search.input.placeholder.animation.chatWithDoctorOnPlatform": "Chat với Bác sĩ trên Messenger",
 	"navigation.search.input.placeholder.animation.findNearestClinic": "        \nTìm Phòng Khám Gần Đây",
-	"navigation.search.input.placeholder.animation.freeConsultation": "Free Consultation",
+	"navigation.search.input.placeholder.animation.freeConsultation": "        \nTư Vấn Bác Sĩ",
 	"navigation.search.input.placeholder.animation.freeDoctorConsultation": "        \nTư Vấn Bác Sĩ Miễn Phí",
 	"navigation.search.input.placeholder.animation.fullRefundWithin10DayCancellation": "        \nHoàn tiền 100% nếu hủy trong 10 ngày",
 	"navigation.search.input.placeholder.animation.reputableFacilities": "Cơ sở Y tế Uy tín",
@@ -604,16 +604,16 @@ var viTranslations = {
 	"popup.editPost": "Chỉnh sửa",
 	"popup.keepEditing": "Tiếp tục chỉnh sửa",
 	"popup.startANewPost": "Bắt đầu bài đăng mới",
-	"popupRequestConsultation.action": "Get consultation",
-	"popupRequestConsultation.descriptionSuccess": "We will contact you shortly.",
-	"popupRequestConsultation.gender": "Gender",
-	"popupRequestConsultation.genderRequired": "Please select your gender",
-	"popupRequestConsultation.nameRequired": "Please enter your name",
-	"popupRequestConsultation.phoneLabel": "Phone number",
-	"popupRequestConsultation.subtitle": "Enter your details and we will contact you shortly.",
-	"popupRequestConsultation.title": "Get consultation",
-	"popupRequestConsultation.titleSuccess": "Thanks!",
-	"popupRequestConsultation.yourName": "Your Name",
+	"popupRequestConsultation.action": "Nhận tư vấn",
+	"popupRequestConsultation.descriptionSuccess": "Chúng tôi sẽ liên hệ với bạn sớm.",
+	"popupRequestConsultation.gender": "Giới tính",
+	"popupRequestConsultation.genderRequired": "Vui lòng chọn giới tính",
+	"popupRequestConsultation.nameRequired": "Vui lòng nhập tên của bạn",
+	"popupRequestConsultation.phoneLabel": "Số điện thoại",
+	"popupRequestConsultation.subtitle": "Nhập thông tin của bạn và chúng tôi sẽ liên hệ lại sớm.",
+	"popupRequestConsultation.title": "Nhận tư vấn",
+	"popupRequestConsultation.titleSuccess": "Cảm ơn!",
+	"popupRequestConsultation.yourName": "Tên của bạn",
 	"post.commentCount": "{count} Bình luận",
 	"post.likesCount": "{count} Thích",
 	"post.remove.failed": "Xóa thất bại",

package/build/esm/i18n-values/vi-VN_MB.js

@@ -469,9 +469,9 @@ var mbTranslations = {
 	"navigation.o2oMenu.weightLoss": "Giảm cân (GLP1)",
 	"navigation.search.input.placeholder": "Tìm kiếm",
 	"navigation.search.input.placeholder.animation.authenticProducts": "Sản Phẩm 100% Chính Hãng",
-	"navigation.search.input.placeholder.animation.chatWithDoctorOnPlatform": "Chat with a Doctor on WhatsApp",
+	"navigation.search.input.placeholder.animation.chatWithDoctorOnPlatform": "Chat với Bác sĩ trên Messenger",
 	"navigation.search.input.placeholder.animation.findNearestClinic": "        \nTìm Phòng Khám Gần Đây",
-	"navigation.search.input.placeholder.animation.freeConsultation": "Free Consultation",
+	"navigation.search.input.placeholder.animation.freeConsultation": "        \nTư Vấn Bác Sĩ",
 	"navigation.search.input.placeholder.animation.freeDoctorConsultation": "        \nTư Vấn Bác Sĩ Miễn Phí",
 	"navigation.search.input.placeholder.animation.fullRefundWithin10DayCancellation": "        \nHoàn tiền 100% nếu hủy trong 10 ngày",
 	"navigation.search.input.placeholder.animation.reputableFacilities": "Cơ sở Y tế Uy tín",
@@ -604,16 +604,16 @@ var mbTranslations = {
 	"popup.editPost": "Chỉnh sửa",
 	"popup.keepEditing": "Tiếp tục chỉnh sửa",
 	"popup.startANewPost": "Bắt đầu bài đăng mới",
-	"popupRequestConsultation.action": "Get consultation",
-	"popupRequestConsultation.descriptionSuccess": "We will contact you shortly.",
-	"popupRequestConsultation.gender": "Gender",
-	"popupRequestConsultation.genderRequired": "Please select your gender",
-	"popupRequestConsultation.nameRequired": "Please enter your name",
-	"popupRequestConsultation.phoneLabel": "Phone number",
-	"popupRequestConsultation.subtitle": "Enter your details and we will contact you shortly.",
-	"popupRequestConsultation.title": "Get consultation",
-	"popupRequestConsultation.titleSuccess": "Thanks!",
-	"popupRequestConsultation.yourName": "Your Name",
+	"popupRequestConsultation.action": "Nhận tư vấn",
+	"popupRequestConsultation.descriptionSuccess": "Chúng tôi sẽ liên hệ với bạn sớm.",
+	"popupRequestConsultation.gender": "Giới tính",
+	"popupRequestConsultation.genderRequired": "Vui lòng chọn giới tính",
+	"popupRequestConsultation.nameRequired": "Vui lòng nhập tên của bạn",
+	"popupRequestConsultation.phoneLabel": "Số điện thoại",
+	"popupRequestConsultation.subtitle": "Nhập thông tin của bạn và chúng tôi sẽ liên hệ lại sớm.",
+	"popupRequestConsultation.title": "Nhận tư vấn",
+	"popupRequestConsultation.titleSuccess": "Cảm ơn!",
+	"popupRequestConsultation.yourName": "Tên của bạn",
 	"post.commentCount": "{count} Bình luận",
 	"post.likesCount": "{count} Thích",
 	"post.remove.failed": "Xóa thất bại",

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-export { T as TranslationsContext } from './translationsContext-8fc152c0.js';
-export { T as TranslationsProvider, t as translationsMap } from './translationsProvider-d1a0d9f7.js';
+export { T as TranslationsContext } from './translationsContext-81943fa8.js';
+export { T as TranslationsProvider, t as translationsMap } from './translationsProvider-7a41ceac.js';
 import 'react';
 import './i18n-values/en-PH.js';
 import './i18n-values/hi-IN.js';

package/build/esm/i18nV2.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-8fc152c0.js';
-export { T as TranslationsContext } from './translationsContext-8fc152c0.js';
+import { T as TranslationsContext } from './translationsContext-81943fa8.js';
+export { T as TranslationsContext } from './translationsContext-81943fa8.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-24c86689.js → index-032cd9a2.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-350742fb.js';
+import { _ as __rest } from './tslib.es6-ba34c726.js';
 import React__default, { createContext, useContext, useMemo, forwardRef, useState } from 'react';
 import { useMantineTheme, clsx, Group, Flex, Tooltip, Box } from '@mantine/core';
 import { format } from 'date-fns';
-import { L as LastPeriod } from './LastPeriod-4392c2c4.js';
-import { L as LOCALE } from './Locale-1688d8d1.js';
+import { L as LastPeriod } from './LastPeriod-34ad63f5.js';
+import { L as LOCALE } from './Locale-97e47a0f.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } from './index-d687e90b.js';
-import { D as DatePicker } from './index-b018ca79.js';
-import { T as Text } from './index-16a3a9e8.js';
-import './index-36eb9b23.js';
-import './index-687e21d8.js';
-import './index.styles-592d298f.js';
-import { u as useTranslations } from './index-281f841c.js';
+import { R as Radio, I as Input, S as Select } from './index-fd9d06e5.js';
+import { D as DatePicker } from './index-ac4cb2d9.js';
+import { T as Text } from './index-ffd802c4.js';
+import './index-7bfe4aad.js';
+import './index-b95becd8.js';
+import './index.styles-c1e2536a.js';
+import { u as useTranslations } from './index-213774a3.js';
 import '@mantine/hooks';
-import './index-3b7e154b.js';
-import './utils-c212a04a.js';
-import './index-9457deb7.js';
-import { H as HealthToolFormWrapper } from './index-61122940.js';
+import './index-d38c4ff3.js';
+import './utils-80a63337.js';
+import './index-09ad21c9.js';
+import { H as HealthToolFormWrapper } from './index-fe9de3bd.js';
 import { CalendarMB } from '@hhgtech/icons/other';
-import { C as CardWrapperContext } from './context-13298862.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-4228f512.js';
+import { C as CardWrapperContext } from './context-d1fbc8a8.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-7700434c.js';
 import { theme } from './miscTheme.js';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-7e92679a.js → index-03d2bc13.js}

@@ -1,36 +1,37 @@
 import * as React from 'react';
 import React__default, { useMemo, useState, useEffect, useRef, createContext, useContext } from 'react';
-import { u as useTranslations } from './index-281f841c.js';
+import { u as useTranslations } from './index-213774a3.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-f1617edf.js';
-import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-6d9e5dc6.js';
+import { C as CommonGAssets } from './index-be4cc6c0.js';
+import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-ab5b5f03.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-693ed708.js';
-import { g as getTogetherUserPostsApiPath } from './utils-36771e9f.js';
-import { B as Button } from './index-164836c6.js';
-import { w as workingDays } from './types-70de96b3.js';
+import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-0bbe9a39.js';
+import { g as getTogetherUserPostsApiPath } from './utils-b57c701f.js';
+import { B as Button } from './index-36c4e57c.js';
+import { w as workingDays } from './types-df76e1bf.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-c212a04a.js';
+import { M as MediaQueries } from './utils-80a63337.js';
 import { rem, clsx, Flex, Box } from '@mantine/core';
 import { LoadScript, GoogleMap, Marker } from '@react-google-maps/api';
 import classNames from 'classnames';
-import { b as basePath, Z as ZINDEX_SSO } from './index-4228f512.js';
-import { L as LOCALISED_SLUGS } from './constants-2ee15af0.js';
-import { T as Text } from './index-bd71aae7.js';
-import { f as formatPhoneNumber } from './localizeNumberFormat-87af347f.js';
-import { a as __awaiter } from './tslib.es6-350742fb.js';
+import { b as basePath, Z as ZINDEX_SSO } from './index-7700434c.js';
+import { L as LOCALISED_SLUGS } from './constants-912ce027.js';
+import { T as Text } from './index-c4e3c97c.js';
+import { f as formatPhoneNumber } from './localizeNumberFormat-d5187eda.js';
+import { a as __awaiter } from './tslib.es6-ba34c726.js';
 import { useDisclosure } from '@mantine/hooks';
-import { u as useTextStyles, T as TextField } from './index-072b197c.js';
+import { u as useTextStyles, T as TextField } from './index-e4042bf3.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
-import { P as Phone, I as Input, E as ErrorIcon } from './index-d687e90b.js';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-687e21d8.js';
-import { B as Button$1 } from './index-36eb9b23.js';
-import { M as MAPPED_LOCALE } from './index-3b7e154b.js';
-import { T as Text$1 } from './index-16a3a9e8.js';
-import { G as GenderOptionControl } from './index-ec3f89f8.js';
-import { C as Close } from './Close-5bfd301b.js';
-import { I as ImageWrap } from './index-dca896e9.js';
-import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-51de933c.js';
+import { P as Phone, I as Input, E as ErrorIcon } from './index-fd9d06e5.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-b95becd8.js';
+import { B as Button$1 } from './index-7bfe4aad.js';
+import { M as MAPPED_LOCALE } from './index-d38c4ff3.js';
+import { T as Text$1 } from './index-ffd802c4.js';
+import { G as GenderOptionControl } from './index-0b699268.js';
+import { C as Close } from './Close-da887a73.js';
+import { M as MAPPED_LOCALE$1 } from './utils-ed0da78f.js';
+import { I as ImageWrap } from './index-766e3a5a.js';
+import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-4eedc753.js';
 
 /* eslint-disable prettier/prettier */
 const Check = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 81 80", fill: "none" }, props),
@@ -1146,6 +1147,34 @@ const StyledRequestConsultationForm = styled.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: ${theme.colors.gray1000};
+  }
+
+  & #gender-option-control-label {
+    font-size: 13px;
+    font-weight: 500;
+    line-height: 20px;
+    letter-spacing: -0.3px;
+    color: ${theme.colors.gray600};
+  }
+
+  & #request_consultation_phone_input.mantine-Input-input {
+    &::focus {
+      border-color: none;
+      outline: none;
+    }
+    &:hover {
+      border-color: none;
+      outline: none;
+    }
+  }
+
   ${MediaQueries.mbUp} {
     width: 420px;
     padding-top: 32px;
@@ -1201,7 +1230,7 @@ const StyledRequestConsultationForm = styled.div `
     line-height: 2rem;
     letter-spacing: -0.4px;
     color: ${theme.colors.gray800};
-    margin-bottom: 12px;
+    margin-bottom: 8px;
   }
 
   .formSubtitle {
@@ -1277,9 +1306,13 @@ const StyledRequestConsultationForm = styled.div `
 `;
 const StyledButton = styled(Button$1) `
   &.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: ${theme.colors.primaryBase};
+    color: ${theme.colors.white};
 
     &.tertiary {
       border-color: ${theme.colors.neutral200};
@@ -1297,6 +1330,10 @@ const StyledDrawerBottom = styled(DrawerBottom) `
   .mantine-Modal-body {
     padding: 0;
     height: 100%;
+
+    .formSuccess {
+      background: linear-gradient(180deg, #a5d4ff 0%, #ffffff 50%);
+    }
   }
 `;
 const StyledPhone = styled(Phone) `
@@ -1341,7 +1378,7 @@ var EGender;
     EGender["Male"] = "male";
     EGender["Female"] = "female";
 })(EGender || (EGender = {}));
-const DEFAULT_COUNTRY_CODE = 'VN';
+const DEFAULT_COUNTRY_CODE = ['VN', 'MY'];
 function RequestConsultationForm({ onSubmit, onClose, title, isLoading, locale, }) {
     const { t } = useTranslations();
     const [name, setName] = useState('');
@@ -1352,7 +1389,7 @@ function RequestConsultationForm({ onSubmit, onClose, title, isLoading, locale,
     const [genderError, setGenderError] = useState('');
     const [isSubmitted, setIsSubmitted] = useState(false);
     const { classes } = useTextStyles();
-    const defaultCountry = (locale ? MAPPED_LOCALE[locale] || 'VN' : 'VN');
+    const defaultCountry = (locale ? MAPPED_LOCALE$1[locale] || 'VN' : 'VN');
     const validatePhone = (value) => {
         try {
             if (!value) {
@@ -1360,6 +1397,7 @@ function RequestConsultationForm({ onSubmit, onClose, title, isLoading, locale,
                 return false;
             }
             const phoneData = parsePhoneNumber(value, defaultCountry);
+            console.log('🚀 ~ validatePhone ~ phoneData:', phoneData);
             if (!(phoneData === null || phoneData === void 0 ? void 0 : phoneData.isValid())) {
                 setPhoneError(t('collectPhoneNumber.inputInvalid'));
                 return false;
@@ -1444,8 +1482,8 @@ function RequestConsultationForm({ onSubmit, onClose, title, isLoading, locale,
                     React__default.createElement(Box, { className: "mantine-Input-wrapper", sx: (theme) => ({
                             '.PhoneInput .PhoneInputInput': Object.assign(Object.assign({}, GlobalTextStyleNew(theme)[CustomStylesType.LEADGEN].p2), { fontWeight: FontWeight.halfBold }),
                         }) },
-                        React__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__default.createElement(React__default.Fragment, null) })))))),
-            React__default.createElement(GenderOptionControl, { label: t('popupRequestConsultation.gender'), type: "button", value: gender || undefined, onChange: (v) => {
+                        React__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__default.createElement(React__default.Fragment, null) })))))),
+            React__default.createElement(GenderOptionControl, { id: "gender-option-control-consultation", label: t('popupRequestConsultation.gender'), type: "button", value: gender || undefined, onChange: (v) => {
                     setGender(v);
                     if (isSubmitted && genderError)
                         setGenderError('');
@@ -1453,6 +1491,10 @@ function RequestConsultationForm({ onSubmit, onClose, title, isLoading, locale,
                     wrapper: {
                         flexDirection: 'row-reverse',
                     },
+                }, labelText: {
+                    size: 'title2',
+                    color: 'gray800',
+                    fw: 500,
                 } })),
         React__default.createElement("div", { className: "action actionBox" },
             React__default.createElement(StyledButton, { variant: "primary", onClick: handleSubmit, fullWidth: true, size: "lg", loading: isLoading }, t('popupRequestConsultation.action')))));
@@ -1475,7 +1517,7 @@ var EPopupRequestConsultationStep;
     EPopupRequestConsultationStep[EPopupRequestConsultationStep["FORM"] = 0] = "FORM";
     EPopupRequestConsultationStep[EPopupRequestConsultationStep["SUCCESS"] = 1] = "SUCCESS";
 })(EPopupRequestConsultationStep || (EPopupRequestConsultationStep = {}));
-function PopupRequestConsultation({ children, isMobile, onSubmit, isOpen: isOpenProp, onOpenChange, drawerProps = {}, }) {
+function PopupRequestConsultation({ children, isMobile, onSubmit, isOpen: isOpenProp, onOpenChange, drawerProps = {}, locale, }) {
     const modalState = useDisclosure(isOpenProp);
     const [currentStep, setCurrentStep] = useState(EPopupRequestConsultationStep.FORM);
     const [isOpen, { open, toggle, close }] = modalState;
@@ -1516,7 +1558,7 @@ function PopupRequestConsultation({ children, isMobile, onSubmit, isOpen: isOpen
     return (React__default.createElement(React__default.Fragment, null,
         typeof children === 'function' ? (children(modalState)) : (React__default.createElement("div", { onClick: toggle }, children)),
         React__default.createElement(StyledDrawerBottom, Object.assign({ isOpen: isOpen, onClose: handleClose, onOpenChange: handleOpenChange, isMobile: false, fadeFromIndex: ZINDEX_SSO - 9e6, zIndex: ZINDEX_SSO, repositionInputs: false, isLinear: true, withCloseButton: false, fullScreen: isMobile }, drawerProps),
-            currentStep === EPopupRequestConsultationStep.FORM && (React__default.createElement(RequestConsultationForm, { onSubmit: handleSubmit, onClose: handleClose, isLoading: isLoading })),
+            currentStep === EPopupRequestConsultationStep.FORM && (React__default.createElement(RequestConsultationForm, { onSubmit: handleSubmit, onClose: handleClose, isLoading: isLoading, locale: locale })),
             currentStep === EPopupRequestConsultationStep.SUCCESS && (React__default.createElement(RequestConsultationSuccess, { onClose: handleClose })))));
 }
 

package/build/esm/{index-7c637a77.js → index-042d074f.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-350742fb.js';
+import { _ as __rest } from './tslib.es6-ba34c726.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-c212a04a.js';
+import { M as MediaQueries } from './utils-80a63337.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-9457deb7.js → index-09ad21c9.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-350742fb.js';
+import { _ as __rest } from './tslib.es6-ba34c726.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { createStyles, rem, Tabs as Tabs$1, ScrollArea } from '@mantine/core';
-import { B as Button } from './index-36eb9b23.js';
-import { T as Text } from './index-16a3a9e8.js';
+import { B as Button } from './index-7bfe4aad.js';
+import { T as Text } from './index-ffd802c4.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;