@hhgtech/hhg-components 1.29.162 → 1.29.163

package/build/esm/ssoV2.js

@@ -1,52 +1,53 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-4881fafb.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-0eab14d6.js';
 import React__default, { createContext, useEffect } from 'react';
-import { I as Input, P as Phone, O as OTP, f as PasswordInput, R as Radio, E as ErrorBoundary } from './index-c80b42a7.js';
+import { I as Input, P as Phone, O as OTP, f as PasswordInput, R as Radio, E as ErrorBoundary } from './index-94baabb2.js';
 import { ChevronLeft } from '@hhgtech/icons/arrow';
 import { Close } from '@hhgtech/icons/core';
-import { L as LogoIcon } from './logoIcon-c204b76d.js';
-import { B as Button } from './index-7ebf80eb.js';
-import { M as Modal } from './index-a968dbd4.js';
+import { L as LogoIcon } from './logoIcon-7ce27e44.js';
+import { B as Button } from './index-77237a12.js';
+import { M as Modal } from './index-dd747d57.js';
 import { Stack, Group } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, S as STATIC_PAGES } from './index-f0f2b1af.js';
-import './index-2e5b9ae2.js';
-import './index-e2b3c99b.js';
-import { s as showNotification } from './useMantineLocale-4e69cda1.js';
-import { T as Text } from './index-c82bb825.js';
-import './translationsContext-005bf5ae.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES } from './index-14b17d78.js';
+import './index-063cdd34.js';
+import './index-ace706a3.js';
+import { s as showNotification } from './useMantineLocale-aea4a95e.js';
+import { T as Text } from './index-216b3b87.js';
+import { u as useTranslations } from './index-a492c266.js';
 import '@mantine/hooks';
-import './utils-f71bc6fb.js';
-import './other-e9453eeb.js';
-import './index-5bbd95db.js';
-import { L as LOCALE } from './Locale-611c60be.js';
-import { a as useSSOSteps, f as fetchSSOV2Api, w as websiteId, S as SSO_V2_PATHS, c as checkUserExist, b as SSOStepTypeType, d as allAvailableAreaCodes, F as FacebookAppId, G as GoogleAuthClientId, h as handleAuthSuccess, g as getUserInfo, e as updateUserInfo, r as resetPassword, u as useSSOV2Store, i as redirect } from './store-4b23615c.js';
-export { u as useSSOV2Store } from './store-4b23615c.js';
-import { u as useTranslations } from './index-665b964a.js';
-import { G as Google, F as Facebook } from './Google-73fd90f7.js';
+import './utils-e431d3f0.js';
+import './other-63cf0d4f.js';
+import './index-b86d8fef.js';
+import { L as LOCALE } from './Locale-dc21d711.js';
+import { a as useSSOSteps, f as fetchSSOV2Api, w as websiteId, S as SSO_V2_PATHS, c as checkUserExist, b as SSOStepTypeType, d as allAvailableAreaCodes, F as FacebookAppId, G as GoogleAuthClientId, h as handleAuthSuccess, g as getUserInfo, e as updateUserInfo, r as resetPassword, u as useSSOV2Store, i as redirect } from './store-6c729579.js';
+export { u as useSSOV2Store } from './store-6c729579.js';
+import { G as Google, F as Facebook } from './Google-3960cba1.js';
 import styled from '@emotion/styled';
-import { M as MAPPED_LOCALE } from './utils-8b403b46.js';
+import { M as MAPPED_LOCALE } from './utils-9aef326f.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { useForm, yupResolver } from '@mantine/form';
 import * as yup from 'yup';
 import dayjs from 'dayjs';
-import { D as DatePicker } from './index-06af464f.js';
+import { D as DatePicker } from './index-7f3044b9.js';
 import '@hhgtech/icons/other';
-import './index.styles-53f79762.js';
+import './index.styles-347b6e18.js';
 import '@mantine/carousel';
 import './miscTheme.js';
-import './index-522f2fb3.js';
+import './index-27d8ebc5.js';
 import 'classnames';
-import './useUniqueId-e4fb1712.js';
+import './useUniqueId-9e0b342f.js';
 import './constantsSite.js';
 import 'date-fns/locale';
 import './constantsRiskScreener.js';
 import './constantsIsProduction.js';
 import '@mantine/notifications';
+import './translationsContext-cd2be3c0.js';
 import 'zustand';
-import './normalizeLink-896b5765.js';
+import './normalizeLink-a1e2e2fa.js';
 import './miscCookieHelper.js';
 
 const ConfirmClosePopup = ({ opened, onCancel, onClose, }) => {
+    const { t } = useTranslations();
     return (React__default.createElement(Modal, { opened: opened, onClose: () => onCancel(), withCloseButton: false, zIndex: 400, styles: (theme) => ({
             body: {
                 padding: '32px 24px',
@@ -83,13 +84,13 @@ const ConfirmClosePopup = ({ opened, onCancel, onClose, }) => {
                 zIndex: 1,
                 textAlign: 'center',
             } },
-            React__default.createElement(Text, { size: "h4" }, "Are you sure you want to exit?"),
-            React__default.createElement(Text, { size: "p3" }, "You\u2019re just a step away from completing your account setup. Do you really want to leave?")),
+            React__default.createElement(Text, { size: "h4" }, t('ssov2.popup.close.title')),
+            React__default.createElement(Text, { size: "p3" }, t('ssov2.popup.close.description'))),
         React__default.createElement(Stack, { mt: 32, spacing: 8, align: "center" },
             React__default.createElement(Button, { variant: "primary", size: "lg", onClick: onCancel, w: "50%", radius: 40 },
-                React__default.createElement(Text, { size: "s2", weight: "regular", color: "inherit" }, "Cancel")),
+                React__default.createElement(Text, { size: "s2", weight: "regular", color: "inherit" }, t('ssov2.button.cancel'))),
             React__default.createElement(Button, { variant: "white", size: "lg", onClick: onClose, fullWidth: true },
-                React__default.createElement(Text, { size: "p2", weight: "regular", color: "gray.6" }, "I want to exit now")))));
+                React__default.createElement(Text, { size: "p2", weight: "regular", color: "gray.6" }, t('ssov2.button.exitNow'))))));
 };
 const BackgroundHeader = () => (React__default.createElement("svg", { width: "292", height: "255", viewBox: "0 0 292 255", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: {
         position: 'absolute',
@@ -356,7 +357,7 @@ const SSOEmailScreen = ({ hidden, }) => {
             if ((existRes === null || existRes === void 0 ? void 0 : existRes._status) === 1) {
                 const provider = (_a = existRes._data) === null || _a === void 0 ? void 0 : _a.provider;
                 if (provider === 'google' || provider === 'facebook') {
-                    setErrMsg(t('ssov2.email.alreadyUsed'));
+                    setErrMsg(t('ssov2.useOtherMethod.email'));
                     return;
                 }
                 if ((_b = existRes._data) === null || _b === void 0 ? void 0 : _b.is_pass) {
@@ -621,8 +622,9 @@ const SSOFirstScreen = ({ hidden }) => {
     const [errMsg, setErrMsg] = React__default.useState('');
     const { locale, onClose } = useSSOState();
     const { addStep, goNext, setShareData } = useSSOSteps();
+    const { t } = useTranslations();
     const handleLoginBySocial = (credential, provider) => __awaiter(void 0, void 0, void 0, function* () {
-        var _c, _d, _e, _f, _g;
+        var _c, _d, _e;
         const res = yield loginBySocial(credential, provider);
         if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
             handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
@@ -673,11 +675,11 @@ const SSOFirstScreen = ({ hidden }) => {
                 }
             }
             else {
-                setErrMsg(((_f = userInfo === null || userInfo === void 0 ? void 0 : userInfo._messages) === null || _f === void 0 ? void 0 : _f[0]) || 'API error');
+                setErrMsg(getErrorTextFromCode(t, userInfo === null || userInfo === void 0 ? void 0 : userInfo.code));
             }
         }
         else {
-            setErrMsg(((_g = res === null || res === void 0 ? void 0 : res._messages) === null || _g === void 0 ? void 0 : _g[0]) || 'API error');
+            setErrMsg(getErrorTextFromCode(t, res === null || res === void 0 ? void 0 : res.code));
         }
     });
     useEffect(() => {
@@ -707,19 +709,19 @@ const SSOFirstScreen = ({ hidden }) => {
         };
     }, []);
     const onClickContinueZalo = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _h, _j, _k, _l;
+        var _f, _g;
         const { areaCode, phoneNumber } = splitPhone(phone);
         const userExist = yield checkUserExist({ phone: phoneNumber });
         if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
-            const provider = (_h = userExist._data) === null || _h === void 0 ? void 0 : _h.provider;
+            const provider = (_f = userExist._data) === null || _f === void 0 ? void 0 : _f.provider;
             if (provider === 'google' || provider === 'facebook') {
-                setErrMsg('Email này đã được sử dụng, vui lòng chọn số điện thoại khác.');
+                setErrMsg(t('ssov2.useOtherMethod.phone'));
                 return;
             }
             setShareData({
                 authMethod: 'phone',
             });
-            if ((_j = userExist._data) === null || _j === void 0 ? void 0 : _j.is_pass) {
+            if ((_g = userExist._data) === null || _g === void 0 ? void 0 : _g.is_pass) {
                 setShareData((a) => (Object.assign(Object.assign({}, a), { authFlow: 'login' })));
                 addStep({
                     type: SSOStepTypeType.PASSWORD,
@@ -738,7 +740,7 @@ const SSOFirstScreen = ({ hidden }) => {
                     res = yield resendZaloOTP(phoneNumber, areaCode);
                 }
                 if ((res === null || res === void 0 ? void 0 : res._status) !== 1) {
-                    setErrMsg(((_k = res._messages) === null || _k === void 0 ? void 0 : _k[0]) || 'API error');
+                    setErrMsg(getErrorTextFromCode(t, res === null || res === void 0 ? void 0 : res.code));
                     return;
                 }
                 setShareData((a) => (Object.assign(Object.assign({}, a), { authFlow: 'register' })));
@@ -754,23 +756,23 @@ const SSOFirstScreen = ({ hidden }) => {
             }
         }
         else {
-            setErrMsg(((_l = userExist === null || userExist === void 0 ? void 0 : userExist._messages) === null || _l === void 0 ? void 0 : _l[0]) || 'API error');
+            setErrMsg(getErrorTextFromCode(t, userExist === null || userExist === void 0 ? void 0 : userExist.code));
         }
     });
     const onClickContinuePhone = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _m, _o, _p, _q;
+        var _h, _j;
         const { areaCode, phoneNumber } = splitPhone(phone);
         const userExist = yield checkUserExist({ phone: phoneNumber });
         if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
-            const provider = (_m = userExist._data) === null || _m === void 0 ? void 0 : _m.provider;
+            const provider = (_h = userExist._data) === null || _h === void 0 ? void 0 : _h.provider;
             if (provider === 'google' || provider === 'facebook') {
-                setErrMsg('Email này đã được sử dụng, vui lòng chọn số điện thoại khác.');
+                setErrMsg(t('ssov2.useOtherMethod.phone'));
                 return;
             }
             setShareData({
                 authMethod: 'phone',
             });
-            if ((_o = userExist._data) === null || _o === void 0 ? void 0 : _o.is_pass) {
+            if ((_j = userExist._data) === null || _j === void 0 ? void 0 : _j.is_pass) {
                 setShareData((a) => (Object.assign(Object.assign({}, a), { authFlow: 'login' })));
                 addStep({
                     type: SSOStepTypeType.PASSWORD,
@@ -789,7 +791,7 @@ const SSOFirstScreen = ({ hidden }) => {
                     res = yield resendPhoneOTP(phoneNumber, areaCode);
                 }
                 if ((res === null || res === void 0 ? void 0 : res._status) !== 1) {
-                    setErrMsg(((_p = res._messages) === null || _p === void 0 ? void 0 : _p[0]) || 'API error');
+                    setErrMsg(getErrorTextFromCode(t, res === null || res === void 0 ? void 0 : res.code));
                     return;
                 }
                 setShareData((a) => (Object.assign(Object.assign({}, a), { authFlow: 'register' })));
@@ -805,7 +807,7 @@ const SSOFirstScreen = ({ hidden }) => {
             }
         }
         else {
-            setErrMsg(((_q = userExist === null || userExist === void 0 ? void 0 : userExist._messages) === null || _q === void 0 ? void 0 : _q[0]) || 'API error');
+            setErrMsg(getErrorTextFromCode(t, userExist === null || userExist === void 0 ? void 0 : userExist.code));
         }
     });
     const onClickEmail = () => {
@@ -837,7 +839,7 @@ const SSOFirstScreen = ({ hidden }) => {
                     handleLoginBySocial(response.authResponse.accessToken, 'facebook');
                 }
                 else {
-                    setErrMsg('Facebook login failed');
+                    setErrMsg(t('ssov2.error.facebookLogin'));
                 }
             });
         }, { scope: 'public_profile,email,user_gender,user_birthday' });
@@ -848,16 +850,16 @@ const SSOFirstScreen = ({ hidden }) => {
             height: '100%',
         } },
         React__default.createElement(Stack, { spacing: 8 },
-            React__default.createElement(Text, { size: "s1", weight: "semiBold" }, "Sign in or Sign up"),
-            React__default.createElement(Text, { size: "p4" }, "Continue with your phone number, email or your socials to log in or sign up.")),
+            React__default.createElement(Text, { size: "s1", weight: "semiBold" }, t('ssov2.first.title')),
+            React__default.createElement(Text, { size: "p4" }, t('ssov2.first.description'))),
         React__default.createElement(Stack, { mt: 24, spacing: 24 },
             React__default.createElement(Stack, { spacing: 16 },
                 React__default.createElement(Input.Wrapper, { error: errMsg },
                     React__default.createElement(StyledPhone, { defaultCountry: (locale ? MAPPED_LOCALE[locale] || 'VN' : 'VN'), value: phone, onChange: (value) => setPhone(value), isError: !!errMsg, required: true, name: "phone" })),
-                React__default.createElement(Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo }, "Continue with Zalo"),
-                React__default.createElement(Button, { size: "lg", variant: "secondary", onClick: onClickContinuePhone }, "Continue with SMS")),
+                React__default.createElement(Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo }, t('ssov2.button.continueZalo')),
+                React__default.createElement(Button, { size: "lg", variant: "secondary", onClick: onClickContinuePhone }, t('ssov2.button.continueSMS'))),
             React__default.createElement(Stack, { spacing: 16, align: "center" },
-                React__default.createElement(Text, { size: "p4" }, "Or continue with"),
+                React__default.createElement(Text, { size: "p4" }, t('ssov2.orContinueWith')),
                 React__default.createElement(Group, { spacing: 24 },
                     React__default.createElement("script", { src: "https://accounts.google.com/gsi/client", async: true }),
                     React__default.createElement(Button, { variant: "white", style: {
@@ -890,22 +892,16 @@ const SSOFirstScreen = ({ hidden }) => {
                     marginTop: 'auto',
                 },
             }) },
-            React__default.createElement(Text, { size: "p5", color: "gray.6" },
-                "By tapping continue, I confirm that I have read, understand and agree to the",
-                ' ',
-                React__default.createElement("a", { href: `https://${domainLocales[locale]}/static/${((_a = STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.PRIVACY_POLICY) || ''}`, target: "_blank", style: {
+            React__default.createElement(Text, { size: "p5", color: "gray.6" }, t('ssov2.policyText', {
+                privacy: (React__default.createElement("a", { href: `https://${domainLocales[locale]}/static/${((_a = STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.PRIVACY_POLICY) || ''}`, target: "_blank", style: {
                         color: '#262626',
                         textDecoration: 'underline',
-                    } }, "Privacy Policy"),
-                ' ',
-                "and the",
-                ' ',
-                React__default.createElement("a", { href: `https://${domainLocales[locale]}/static/${((_b = STATIC_PAGES[locale]) === null || _b === void 0 ? void 0 : _b.TERM_OF_USE) || ''}`, target: "_blank", style: {
+                    } }, t('ssov2.policyText.privacy'))),
+                terms: (React__default.createElement("a", { href: `https://${domainLocales[locale]}/static/${((_b = STATIC_PAGES[locale]) === null || _b === void 0 ? void 0 : _b.TERM_OF_USE) || ''}`, target: "_blank", style: {
                         color: '#262626',
                         textDecoration: 'underline',
-                    } }, "Terms of Service"),
-                ' ',
-                "of Hello Health Group."))));
+                    } }, t('ssov2.policyText.terms'))),
+            })))));
 };
 
 const initSendUpdateEmailOtp = (email) => __awaiter(void 0, void 0, void 0, function* () {
@@ -1390,6 +1386,7 @@ const CheckRedIcon = () => (React__default.createElement("svg", { width: "16", h
 
 const SSOPasswordWithConfirm = (_a) => {
     var { form } = _a, props = __rest(_a, ["form"]);
+    const { t } = useTranslations();
     const [atLeast8Chars, setAtLeast8Chars] = React__default.useState(undefined);
     const [atLeastOneUpper, setAtLeastOneUpper] = React__default.useState(undefined);
     const password = form.values.password;
@@ -1400,39 +1397,39 @@ const SSOPasswordWithConfirm = (_a) => {
         setAtLeastOneUpper(!!password.match(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)/));
     }, [password]);
     return (React__default.createElement(Stack, Object.assign({ spacing: 12 }, props),
-        React__default.createElement(PasswordInput, Object.assign({ name: "password", placeholder: "Nh\u1EADp m\u1EADt kh\u1EA9u", label: "Password", required: true, withAsterisk: true }, form.getInputProps('password'))),
+        React__default.createElement(PasswordInput, Object.assign({ name: "password", placeholder: t('ssov2.passwordForgotSetup.field.password.placeholder'), label: t('ssov2.passwordForgotSetup.field.password.label'), required: true, withAsterisk: true }, form.getInputProps('password'))),
         React__default.createElement(Stack, { spacing: 8 },
             React__default.createElement(Text, { size: "n1" },
                 atLeast8Chars ? (React__default.createElement(CheckGreenIcon, null)) : typeof atLeast8Chars === 'undefined' ? (React__default.createElement(CheckGrayIcon, null)) : (React__default.createElement(CheckRedIcon, null)),
                 ' ',
-                "At least 8 characters."),
+                t('ssov2.passwordForgotSetup.field.password.atLeast8Chars')),
             React__default.createElement(Text, { size: "n1" },
                 atLeastOneUpper ? (React__default.createElement(CheckGreenIcon, null)) : typeof atLeastOneUpper === 'undefined' ? (React__default.createElement(CheckGrayIcon, null)) : (React__default.createElement(CheckRedIcon, null)),
                 ' ',
-                "At least one uppercase letter, one lowercase letter, and one number.")),
-        React__default.createElement(PasswordInput, Object.assign({ name: "confirm-password", placeholder: "X\u00E1c nh\u1EADn m\u1EADt kh\u1EA9u", label: "Confirm Password", required: true, withAsterisk: true }, form.getInputProps('confirmPassword')))));
+                t('ssov2.passwordForgotSetup.field.password.atLeastOneUpper'))),
+        React__default.createElement(PasswordInput, Object.assign({ name: "confirm-password", placeholder: t('ssov2.passwordForgotSetup.field.passwordConfirm.placeholder'), label: t('ssov2.passwordForgotSetup.field.passwordConfirm.label'), required: true, withAsterisk: true }, form.getInputProps('confirmPassword')))));
 };
 
 const SSOPasswordForgotSetup = ({ hidden }) => {
+    const { t } = useTranslations();
     const { steps, setSteps, goBack, currentStepIndex, addStep, goNext } = useSSOSteps();
     const form = useForm({
         validate: yupResolver(yup.object().shape({
             password: yup
                 .string()
-                .required('Password is required')
+                .required(t('ssov2.validate.password.required'))
                 .min(8, ' ')
                 .max(50, ' ')
                 .matches(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)/, ' '),
             confirmPassword: yup
                 .string()
-                .required('Confirm password is required')
-                .test('passwords-match', 'Passwords must match', function (value) {
+                .required(t('ssov2.validate.confirmPassword.required'))
+                .test('passwords-match', t('ssov2.validate.confirmPassword.match'), function (value) {
                 return this.parent.password === value;
             }),
         })),
     });
     const onSubmit = (values) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
         const { password, confirmPassword } = values;
         if (password.length >= 8 &&
             password.length <= 50 &&
@@ -1466,7 +1463,7 @@ const SSOPasswordForgotSetup = ({ hidden }) => {
                 // toast error message
                 showNotification({
                     type: 'danger',
-                    message: ((_a = res === null || res === void 0 ? void 0 : res._messages) === null || _a === void 0 ? void 0 : _a[0]) || 'API error',
+                    message: getErrorTextFromCode(t, res === null || res === void 0 ? void 0 : res.code),
                 });
             }
         }
@@ -1476,10 +1473,10 @@ const SSOPasswordForgotSetup = ({ hidden }) => {
         }, onSubmit: form.onSubmit(onSubmit) },
         React__default.createElement(Stack, { spacing: 24 },
             React__default.createElement(Stack, { spacing: 8 },
-                React__default.createElement(Text, { size: "s1", weight: "semiBold" }, "Setup your password"),
-                React__default.createElement(Text, { size: "p4" }, "Set up your login password and other details to complete the registration process.")),
+                React__default.createElement(Text, { size: "s1", weight: "semiBold" }, t('ssov2.passwordForgotSetup.title')),
+                React__default.createElement(Text, { size: "p4" }, t('ssov2.passwordForgotSetup.description'))),
             React__default.createElement(SSOPasswordWithConfirm, { form: form }),
-            React__default.createElement(Button, { type: "submit", size: "lg", variant: "primary", fullWidth: true }, "Save"))));
+            React__default.createElement(Button, { type: "submit", size: "lg", variant: "primary", fullWidth: true }, t('ssov2.button.save')))));
 };
 
 const SSOPhoneVerify = ({ hidden, index, }) => {
@@ -1595,6 +1592,7 @@ const MaleIcon = () => (React__default.createElement("svg", { width: "20", heigh
 const OtherSetup = ({ form, needPhone, needEmail, isEmailDisable, }) => {
     const { t } = useTranslations();
     const { locale = 'vi-VN' } = useSSOState();
+    const { setupSource } = useSSOV2Store();
     return (React__default.createElement(Stack, { spacing: 12 },
         needPhone && (React__default.createElement(React__default.Fragment, null,
             React__default.createElement(Input.Wrapper, Object.assign({ label: t('ssov2.setup.field.phone.label'), withAsterisk: true }, form.getInputProps('phone')),
@@ -1621,7 +1619,7 @@ const OtherSetup = ({ form, needPhone, needEmail, isEmailDisable, }) => {
                                 paddingLeft: 8,
                             },
                         } }))))),
-        needEmail && (React__default.createElement(Input, Object.assign({ name: "email", type: "email", label: t('ssov2.setup.field.email.label'), disabled: isEmailDisable }, form.getInputProps('email')))),
+        needEmail && (React__default.createElement(Input, Object.assign({ name: "email", type: "email", label: t('ssov2.setup.field.email.label'), disabled: isEmailDisable, required: setupSource === 'care' ? true : false, withAsterisk: setupSource === 'care' ? true : false }, form.getInputProps('email')))),
         React__default.createElement(Input, Object.assign({ name: "name", label: t('ssov2.setup.field.name.label'), withAsterisk: true, required: true, placeholder: t('ssov2.setup.field.name.placeholder') }, form.getInputProps('name'))),
         React__default.createElement(Input.Wrapper, Object.assign({ label: t('ssov2.setup.field.gender.label'), withAsterisk: true }, form.getInputProps('gender')),
             React__default.createElement(Group, null,
@@ -1698,23 +1696,23 @@ const SSOSetupScreen = ({ hidden, index, }) => {
             ? {
                 password: yup
                     .string()
-                    .required('Password is required')
+                    .required(t('ssov2.validate.password.required'))
                     .min(8, ' ')
                     .max(50, ' ')
                     .matches(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)/, ' '),
                 confirmPassword: yup
                     .string()
-                    .required('Confirm password is required')
-                    .test('passwords-match', 'Passwords must match', function (value) {
+                    .required(t('ssov2.validate.confirmPassword.required'))
+                    .test('passwords-match', t('ssov2.validate.confirmPassword.match'), function (value) {
                     return this.parent.password === value;
                 }),
             }
             : {})), (needPhone
             ? {
-                phone: yup.string().required('Phone number is required'),
+                phone: yup.string().required(t('ssov2.validate.phone.required')),
                 otpMethod: yup
                     .string()
-                    .required('OTP method is required')
+                    .required(t('ssov2.validate.otp.required'))
                     .oneOf(['zalo', 'sms']),
             }
             : {})), (needEmail
@@ -1722,17 +1720,16 @@ const SSOSetupScreen = ({ hidden, index, }) => {
                 email: setupSource === 'care'
                     ? yup
                         .string()
-                        .email('Invalid email')
-                        .required('Email is required')
-                    : yup.string().email('Invalid email'),
+                        .email(t('ssov2.validate.email.invalid'))
+                        .required(t('ssov2.validate.email.required'))
+                    : yup.string().email(t('ssov2.validate.email.invalid')),
             }
             : {})), { gender: yup
                 .string()
-                .required('Gender is required')
-                .oneOf(['male', 'female']), dob: yup.date().required('Date of birth is required'), name: yup.string().required('Name is required') }))),
+                .required(t('ssov2.validate.email.required'))
+                .oneOf(['male', 'female']), dob: yup.date().required(t('ssov2.validate.dob.required')), name: yup.string().required(t('ssov2.validate.name.required')) }))),
     });
     const onSubmit = (values) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c, _d;
         const { password, confirmPassword, phone, gender, name, dob, otpMethod } = values;
         const { phoneNumber, areaCode } = splitPhone(phone || configPhone || '');
         // validate only, delay set data to after otp
@@ -1743,7 +1740,7 @@ const SSOSetupScreen = ({ hidden, index, }) => {
             password,
             confirm_password: confirmPassword,
             phone_number: phoneNumber || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone),
-            area_code: areaCode || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.area_code),
+            area_code: areaCode || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.area_code) || '84',
             gender: gender === 'male' ? 1 : 0,
             source: setupSource,
             validate: 'true',
@@ -1758,14 +1755,14 @@ const SSOSetupScreen = ({ hidden, index, }) => {
                     password,
                     confirm_password: confirmPassword,
                     phone_number: phoneNumber || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone),
-                    area_code: areaCode || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.area_code),
+                    area_code: areaCode || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.area_code) || '84',
                     gender: gender === 'male' ? 1 : 0,
                     source: setupSource,
                 };
                 if (otpMethod === 'zalo') {
                     const res = yield resendUpdatePhoneZaloOTP(phoneNumber, areaCode);
                     if ((res === null || res === void 0 ? void 0 : res._status) !== 1) {
-                        setErrMsg(((_a = res === null || res === void 0 ? void 0 : res._messages) === null || _a === void 0 ? void 0 : _a[0]) || 'API error');
+                        setErrMsg(getErrorTextFromCode(t, res === null || res === void 0 ? void 0 : res.code));
                         return;
                     }
                     addStep({
@@ -1783,7 +1780,7 @@ const SSOSetupScreen = ({ hidden, index, }) => {
                 else {
                     const res = yield resendUpdatePhoneOTP(phoneNumber, areaCode);
                     if ((res === null || res === void 0 ? void 0 : res._status) !== 1) {
-                        setErrMsg(((_b = res === null || res === void 0 ? void 0 : res._messages) === null || _b === void 0 ? void 0 : _b[0]) || 'API error');
+                        setErrMsg(getErrorTextFromCode(t, res === null || res === void 0 ? void 0 : res.code));
                         return;
                     }
                     addStep({
@@ -1818,14 +1815,14 @@ const SSOSetupScreen = ({ hidden, index, }) => {
                     onClose === null || onClose === void 0 ? void 0 : onClose(true);
                 }
                 else {
-                    setErrMsg(((_c = res._messages) === null || _c === void 0 ? void 0 : _c[0]) || 'API error');
+                    setErrMsg(getErrorTextFromCode(t, res === null || res === void 0 ? void 0 : res.code));
                     return;
                 }
             }
         }
         else {
             // toast error message
-            setErrMsg(((_d = res._messages) === null || _d === void 0 ? void 0 : _d[0]) || 'API error');
+            setErrMsg(getErrorTextFromCode(t, res === null || res === void 0 ? void 0 : res.code));
         }
     });
     return (React__default.createElement("form", { style: {

package/build/esm/{store-4b23615c.js → store-6c729579.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-4881fafb.js';
+import { a as __awaiter } from './tslib.es6-0eab14d6.js';
 import { create } from 'zustand';
 import { isProduction } from './constantsIsProduction.js';
-import { e as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-896b5765.js';
+import { e as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-a1e2e2fa.js';
 import { setCookie, getCookie } from './miscCookieHelper.js';
-import { L as LOCALE_SPECS, B as BEARER_REFRESH_TOKEN_COOKIE, c as BEARER_TOKEN_COOKIE$1 } from './index-f0f2b1af.js';
+import { L as LOCALE_SPECS, B as BEARER_REFRESH_TOKEN_COOKIE, c as BEARER_TOKEN_COOKIE$1 } from './index-14b17d78.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 var SSOStepTypeType;

package/build/esm/subot.js

@@ -1,73 +1,73 @@
 import React__default, { createContext, useContext, useRef, useState, useEffect, useCallback, useMemo, forwardRef, memo, useImperativeHandle } from 'react';
-import { d as NodeType, c as NodePosition, f as NodeActionType, e as NodeFinalTypes, g as NodeMultipleOptions, E as ELEMENT_CONTROL_INPUT_TYPE, N as NodeIntentType, F as FULL_KEY_ADDRESS } from './index-2e5b9ae2.js';
-import { a as __awaiter, _ as __rest } from './tslib.es6-4881fafb.js';
-import { d as basePath, G as GA_TOKEN_COOKIE, g as DATE_FNS_DATE_FORMAT, A as API_DATE_FORMAT, e as SSO_URL } from './index-f0f2b1af.js';
+import { d as NodeType, c as NodePosition, f as NodeActionType, e as NodeFinalTypes, g as NodeMultipleOptions, E as ELEMENT_CONTROL_INPUT_TYPE, N as NodeIntentType, F as FULL_KEY_ADDRESS } from './index-063cdd34.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-0eab14d6.js';
+import { d as basePath, G as GA_TOKEN_COOKIE, g as DATE_FNS_DATE_FORMAT, A as API_DATE_FORMAT, e as SSO_URL } from './index-14b17d78.js';
 import Cookies from 'js-cookie';
 import fd from 'fastdom';
 import fastdomPromised from 'fastdom/extensions/fastdom-promised';
-import { G as GlobalData, c as callApi, s as locale, T as TogetherComponentGlobalContext } from './utils-d017e1af.js';
+import { G as GlobalData, c as callApi, s as locale, T as TogetherComponentGlobalContext } from './utils-a7175a9a.js';
 import formatString from 'string-format';
-import { a as getUserIdFromCookie, b as getSubotCookieId, c as getUserInfoFromCookie, d as getWindowId, o as overrideParamsByQuery, e as checkUntilFinished, g as getHelloSitesUrl, f as checkMobile, h as clickAndOpenInNewTab, T as TIME_RESET_RESEND_OTP, s as ssoIntents, i as getHhgIdFromCookie } from './index-45f58e7b.js';
-export { T as TIME_RESET_RESEND_OTP, f as checkMobile, e as checkUntilFinished, h as clickAndOpenInNewTab, g as getHelloSitesUrl, i as getHhgIdFromCookie, b as getSubotCookieId, a as getUserIdFromCookie, c as getUserInfoFromCookie, d as getWindowId, o as overrideParamsByQuery, s as ssoIntents } from './index-45f58e7b.js';
+import { a as getUserIdFromCookie, b as getSubotCookieId, c as getUserInfoFromCookie, d as getWindowId, o as overrideParamsByQuery, e as checkUntilFinished, g as getHelloSitesUrl, f as checkMobile, h as clickAndOpenInNewTab, T as TIME_RESET_RESEND_OTP, s as ssoIntents, i as getHhgIdFromCookie } from './index-a192dcb9.js';
+export { T as TIME_RESET_RESEND_OTP, f as checkMobile, e as checkUntilFinished, h as clickAndOpenInNewTab, g as getHelloSitesUrl, i as getHhgIdFromCookie, b as getSubotCookieId, a as getUserIdFromCookie, c as getUserInfoFromCookie, d as getWindowId, o as overrideParamsByQuery, s as ssoIntents } from './index-a192dcb9.js';
 import { MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import cn from 'classnames';
-import { C as Container$w } from './index-83fbb2f1.js';
-import { L as Loading } from './index-23b90fc2.js';
+import { C as Container$w } from './index-9e93c674.js';
+import { L as Loading } from './index-568ce91b.js';
 import { motion } from 'framer-motion';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-f71bc6fb.js';
-import { B as Button } from './index-7ebf80eb.js';
+import { M as MediaQueries } from './utils-e431d3f0.js';
+import { B as Button } from './index-77237a12.js';
 import { Remarkable } from 'remarkable';
 import { ArrowRight } from '@hhgtech/icons/other';
 import { useInView } from 'react-intersection-observer';
 import { Box, Textarea } from '@mantine/core';
-import { C as CommonGAssets } from './index-e2b3c99b.js';
+import { C as CommonGAssets } from './index-ace706a3.js';
 import dayjs from 'dayjs';
 import isSameOrBefore from 'dayjs/plugin/isSameOrBefore';
-import { d as LEAD_TOKEN_COOKIE } from './constants-224fe7a9.js';
+import { d as LEAD_TOKEN_COOKIE } from './constants-259a8a21.js';
 import { v4 } from 'uuid';
-import { T as Text } from './index-c82bb825.js';
+import { T as Text } from './index-216b3b87.js';
 import { theme } from './miscTheme.js';
 import { isProduction } from './constantsIsProduction.js';
-import { S as Select } from './index-c80b42a7.js';
+import { S as Select } from './index-94baabb2.js';
 import '@mantine/dates';
-import './useMantineLocale-4e69cda1.js';
-import './index.styles-53f79762.js';
-import './translationsContext-005bf5ae.js';
+import './useMantineLocale-aea4a95e.js';
+import './index.styles-347b6e18.js';
+import './translationsContext-cd2be3c0.js';
 import '@mantine/hooks';
-import './other-e9453eeb.js';
-import './index-5bbd95db.js';
+import './other-63cf0d4f.js';
+import './index-b86d8fef.js';
 import isEmpty from 'lodash/isEmpty';
 import { Controller, useForm } from 'react-hook-form';
 import PhoneInputBase, { getCountryCallingCode, isPossiblePhoneNumber, parsePhoneNumber } from 'react-phone-number-input';
 import { LoadScript } from '@react-google-maps/api';
-import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY, a as GOOGLE_API_LANGUAGE } from './usePlacesAutocomplete-378d4591.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY, a as GOOGLE_API_LANGUAGE } from './usePlacesAutocomplete-4aa5da86.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { L as LOCALE } from './Locale-611c60be.js';
-import { D as DatePicker } from './index-faaab8ab.js';
-import { D as Dropdown } from './index-c6325cc5.js';
-import { B as Button$1 } from './index-23b37175.js';
-import { u as useSSOV2Store } from './store-4b23615c.js';
+import { L as LOCALE } from './Locale-dc21d711.js';
+import { D as DatePicker } from './index-85e59dfc.js';
+import { D as Dropdown } from './index-0c39c316.js';
+import { B as Button$1 } from './index-68db2d32.js';
+import { u as useSSOV2Store } from './store-6c729579.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-1038a0f6.js';
+import './index-caa2d557.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './togetherApiPaths.js';
-import './index-152cb205.js';
-import './WhatsApp-a8f90456.js';
-import './Spinner-394f19a3.js';
-import './index-665b964a.js';
+import './index-800e86dd.js';
+import './WhatsApp-daf5b62a.js';
+import './Spinner-31bf7f84.js';
+import './index-a492c266.js';
 import '@mantine/carousel';
-import './index-522f2fb3.js';
-import './useUniqueId-e4fb1712.js';
+import './index-27d8ebc5.js';
+import './useUniqueId-9e0b342f.js';
 import '@hhgtech/icons/core';
 import '@mantine/notifications';
 import 'date-fns';
 import 'react-day-picker/DayPickerInput';
 import 'zustand';
-import './normalizeLink-896b5765.js';
+import './normalizeLink-a1e2e2fa.js';
 
 // extend fastdom
 const fastdom = fd.extend(fastdomPromised);