@hhgtech/hhg-components 1.29.162 → 1.29.164

package/build/ssoV2.js

@@ -2,51 +2,51 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-fa35700e.js');
+var tslib_es6 = require('./tslib.es6-095564d9.js');
 var React = require('react');
-var index$5 = require('./index-9f26f5ef.js');
+var index$5 = require('./index-cfcb032b.js');
 var arrow = require('@hhgtech/icons/arrow');
 var core$1 = require('@hhgtech/icons/core');
-var logoIcon = require('./logoIcon-203fb4d4.js');
-var index$2 = require('./index-67b32fbe.js');
-var index = require('./index-029e8cce.js');
+var logoIcon = require('./logoIcon-b4f79a51.js');
+var index$3 = require('./index-b125e9eb.js');
+var index$1 = require('./index-60394b12.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$3 = require('./index-86f5481e.js');
-require('./index-e7f1bc7d.js');
-require('./index-ee56e627.js');
-var useMantineLocale = require('./useMantineLocale-fffd5b64.js');
-var index$1 = require('./index-0a8b9b4f.js');
-require('./translationsContext-3cb0502f.js');
+var index$4 = require('./index-40f4d097.js');
+require('./index-2e036648.js');
+require('./index-283e0f52.js');
+var useMantineLocale = require('./useMantineLocale-53f18cca.js');
+var index$2 = require('./index-14f4d81f.js');
+var index = require('./index-821e4494.js');
 require('@mantine/hooks');
-require('./utils-ce1a7c2d.js');
-require('./other-2cacf276.js');
-require('./index-73a78769.js');
-var Locale = require('./Locale-34574b1c.js');
-var store = require('./store-579004a6.js');
-var index$4 = require('./index-749106d2.js');
-var Google = require('./Google-7d6cfb83.js');
+require('./utils-9c8010a2.js');
+require('./other-110200f3.js');
+require('./index-40f4d3d5.js');
+var Locale = require('./Locale-0e6493bd.js');
+var store = require('./store-6efc3668.js');
+var Google = require('./Google-e75bdf5a.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-9ac12a36.js');
+var utils = require('./utils-6224fa05.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var form = require('@mantine/form');
 var yup = require('yup');
 var dayjs = require('dayjs');
-var index$6 = require('./index-878e9dea.js');
+var index$6 = require('./index-3d0f2813.js');
 require('@hhgtech/icons/other');
-require('./index.styles-371ef9b6.js');
+require('./index.styles-ad59b83c.js');
 require('@mantine/carousel');
 require('./miscTheme.js');
-require('./index-755526c6.js');
+require('./index-bfcb6e54.js');
 require('classnames');
-require('./useUniqueId-503ffc29.js');
+require('./useUniqueId-c0751ad9.js');
 require('./constantsSite.js');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('@mantine/notifications');
+require('./translationsContext-5a4935c7.js');
 require('zustand');
-require('./normalizeLink-0d12f9e0.js');
+require('./normalizeLink-58112361.js');
 require('./miscCookieHelper.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -75,7 +75,8 @@ var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 
 const ConfirmClosePopup = ({ opened, onCancel, onClose, }) => {
-    return (React__default["default"].createElement(index.Modal, { opened: opened, onClose: () => onCancel(), withCloseButton: false, zIndex: 400, styles: (theme) => ({
+    const { t } = index.useTranslations();
+    return (React__default["default"].createElement(index$1.Modal, { opened: opened, onClose: () => onCancel(), withCloseButton: false, zIndex: 400, styles: (theme) => ({
             body: {
                 padding: '32px 24px',
                 position: 'relative',
@@ -111,13 +112,13 @@ const ConfirmClosePopup = ({ opened, onCancel, onClose, }) => {
                 zIndex: 1,
                 textAlign: 'center',
             } },
-            React__default["default"].createElement(index$1.Text, { size: "h4" }, "Are you sure you want to exit?"),
-            React__default["default"].createElement(index$1.Text, { size: "p3" }, "You\u2019re just a step away from completing your account setup. Do you really want to leave?")),
+            React__default["default"].createElement(index$2.Text, { size: "h4" }, t('ssov2.popup.close.title')),
+            React__default["default"].createElement(index$2.Text, { size: "p3" }, t('ssov2.popup.close.description'))),
         React__default["default"].createElement(core.Stack, { mt: 32, spacing: 8, align: "center" },
-            React__default["default"].createElement(index$2.Button, { variant: "primary", size: "lg", onClick: onCancel, w: "50%", radius: 40 },
-                React__default["default"].createElement(index$1.Text, { size: "s2", weight: "regular", color: "inherit" }, "Cancel")),
-            React__default["default"].createElement(index$2.Button, { variant: "white", size: "lg", onClick: onClose, fullWidth: true },
-                React__default["default"].createElement(index$1.Text, { size: "p2", weight: "regular", color: "gray.6" }, "I want to exit now")))));
+            React__default["default"].createElement(index$3.Button, { variant: "primary", size: "lg", onClick: onCancel, w: "50%", radius: 40 },
+                React__default["default"].createElement(index$2.Text, { size: "s2", weight: "regular", color: "inherit" }, t('ssov2.button.cancel'))),
+            React__default["default"].createElement(index$3.Button, { variant: "white", size: "lg", onClick: onClose, fullWidth: true },
+                React__default["default"].createElement(index$2.Text, { size: "p2", weight: "regular", color: "gray.6" }, t('ssov2.button.exitNow'))))));
 };
 const BackgroundHeader = () => (React__default["default"].createElement("svg", { width: "292", height: "255", viewBox: "0 0 292 255", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: {
         position: 'absolute',
@@ -172,13 +173,13 @@ const SSOPopupWrapper = ({ children, opened, onClose, }) => {
     const showBack = steps.length > 1;
     const showClose = steps.length === 1;
     const showLogo = steps.length === 1;
-    const logoType = (_a = index$3.LOCALE_SPECS[locale]) === null || _a === void 0 ? void 0 : _a.LOGO_TYPE;
+    const logoType = (_a = index$4.LOCALE_SPECS[locale]) === null || _a === void 0 ? void 0 : _a.LOGO_TYPE;
     const [closeConfirmOpen, setCloseConfirmOpen] = React__default["default"].useState(false);
     const onCloseClick = () => {
         setCloseConfirmOpen(true);
     };
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(index.Modal, { opened: opened, onClose: onCloseClick, styles: (theme) => ({
+        React__default["default"].createElement(index$1.Modal, { opened: opened, onClose: onCloseClick, styles: (theme) => ({
                 body: {
                     display: 'flex',
                     flexDirection: 'column',
@@ -215,7 +216,7 @@ const SSOPopupWrapper = ({ children, opened, onClose, }) => {
                     alignItems: 'center',
                     justifyContent: 'space-between',
                 } },
-                showBack && (React__default["default"].createElement(index$2.Button, { variant: "white", style: {
+                showBack && (React__default["default"].createElement(index$3.Button, { variant: "white", style: {
                         width: 40,
                         height: 40,
                         padding: 8,
@@ -224,7 +225,7 @@ const SSOPopupWrapper = ({ children, opened, onClose, }) => {
                     }, onClick: goBack },
                     React__default["default"].createElement(arrow.ChevronLeft, null))),
                 showLogo && (React__default["default"].createElement(logoIcon.LogoIcon, { type: logoType, height: 32, width: 'unset' })),
-                showClose && (React__default["default"].createElement(index$2.Button, { variant: "white", style: {
+                showClose && (React__default["default"].createElement(index$3.Button, { variant: "white", style: {
                         width: 40,
                         height: 40,
                         padding: 8,
@@ -371,7 +372,7 @@ const getErrorTextFromCode = (t, code) => {
 };
 
 const SSOEmailScreen = ({ hidden, }) => {
-    const { t } = index$4.useTranslations();
+    const { t } = index.useTranslations();
     const [errMsg, setErrMsg] = React__default["default"].useState('');
     const { addStep, goNext, setShareData } = store.useSSOSteps();
     return (React__default["default"].createElement("form", { style: {
@@ -384,7 +385,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) {
@@ -434,10 +435,10 @@ const SSOEmailScreen = ({ hidden, }) => {
             }
         }) },
         React__default["default"].createElement(core.Stack, { spacing: 8 },
-            React__default["default"].createElement(index$1.Text, { size: "s1", weight: "semiBold" }, t('ssov2.email.title')),
-            React__default["default"].createElement(index$1.Text, { size: "p4" }, t('ssov2.email.description'))),
+            React__default["default"].createElement(index$2.Text, { size: "s1", weight: "semiBold" }, t('ssov2.email.title')),
+            React__default["default"].createElement(index$2.Text, { size: "p4" }, t('ssov2.email.description'))),
         React__default["default"].createElement(index$5.Input, { name: "email", placeholder: "Email c\u1EE7a b\u1EA1n", error: errMsg || undefined, type: "email", required: true, mt: 24 }),
-        React__default["default"].createElement(index$2.Button, { type: "submit", size: "lg", variant: "primary", fullWidth: true, mt: 16 }, t('ssov2.email.button'))));
+        React__default["default"].createElement(index$3.Button, { type: "submit", size: "lg", variant: "primary", fullWidth: true, mt: 16 }, t('ssov2.email.button'))));
 };
 
 const splitPhone = (phone) => {
@@ -649,8 +650,9 @@ const SSOFirstScreen = ({ hidden }) => {
     const [errMsg, setErrMsg] = React__default["default"].useState('');
     const { locale, onClose } = useSSOState();
     const { addStep, goNext, setShareData } = store.useSSOSteps();
+    const { t } = index.useTranslations();
     const handleLoginBySocial = (credential, provider) => tslib_es6.__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) {
             store.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
@@ -701,11 +703,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));
         }
     });
     React.useEffect(() => {
@@ -735,19 +737,19 @@ const SSOFirstScreen = ({ hidden }) => {
         };
     }, []);
     const onClickContinueZalo = () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-        var _h, _j, _k, _l;
+        var _f, _g;
         const { areaCode, phoneNumber } = splitPhone(phone);
         const userExist = yield store.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: store.SSOStepTypeType.PASSWORD,
@@ -766,7 +768,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' })));
@@ -782,23 +784,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 = () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-        var _m, _o, _p, _q;
+        var _h, _j;
         const { areaCode, phoneNumber } = splitPhone(phone);
         const userExist = yield store.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: store.SSOStepTypeType.PASSWORD,
@@ -817,7 +819,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' })));
@@ -833,7 +835,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 = () => {
@@ -865,7 +867,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' });
@@ -876,19 +878,19 @@ const SSOFirstScreen = ({ hidden }) => {
             height: '100%',
         } },
         React__default["default"].createElement(core.Stack, { spacing: 8 },
-            React__default["default"].createElement(index$1.Text, { size: "s1", weight: "semiBold" }, "Sign in or Sign up"),
-            React__default["default"].createElement(index$1.Text, { size: "p4" }, "Continue with your phone number, email or your socials to log in or sign up.")),
+            React__default["default"].createElement(index$2.Text, { size: "s1", weight: "semiBold" }, t('ssov2.first.title')),
+            React__default["default"].createElement(index$2.Text, { size: "p4" }, t('ssov2.first.description'))),
         React__default["default"].createElement(core.Stack, { mt: 24, spacing: 24 },
             React__default["default"].createElement(core.Stack, { spacing: 16 },
                 React__default["default"].createElement(index$5.Input.Wrapper, { error: errMsg },
                     React__default["default"].createElement(StyledPhone, { defaultCountry: (locale ? utils.MAPPED_LOCALE[locale] || 'VN' : 'VN'), value: phone, onChange: (value) => setPhone(value), isError: !!errMsg, required: true, name: "phone" })),
-                React__default["default"].createElement(index$2.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo }, "Continue with Zalo"),
-                React__default["default"].createElement(index$2.Button, { size: "lg", variant: "secondary", onClick: onClickContinuePhone }, "Continue with SMS")),
+                React__default["default"].createElement(index$3.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo }, t('ssov2.button.continueZalo')),
+                React__default["default"].createElement(index$3.Button, { size: "lg", variant: "secondary", onClick: onClickContinuePhone }, t('ssov2.button.continueSMS'))),
             React__default["default"].createElement(core.Stack, { spacing: 16, align: "center" },
-                React__default["default"].createElement(index$1.Text, { size: "p4" }, "Or continue with"),
+                React__default["default"].createElement(index$2.Text, { size: "p4" }, t('ssov2.orContinueWith')),
                 React__default["default"].createElement(core.Group, { spacing: 24 },
                     React__default["default"].createElement("script", { src: "https://accounts.google.com/gsi/client", async: true }),
-                    React__default["default"].createElement(index$2.Button, { variant: "white", style: {
+                    React__default["default"].createElement(index$3.Button, { variant: "white", style: {
                             width: 48,
                             height: 48,
                             padding: 12,
@@ -896,7 +898,7 @@ const SSOFirstScreen = ({ hidden }) => {
                             borderRadius: '100%',
                         }, onClick: onTriggerGoogleLogin },
                         React__default["default"].createElement(Google.Google, { style: { width: 24, height: 24 } })),
-                    React__default["default"].createElement(index$2.Button, { variant: "white", style: {
+                    React__default["default"].createElement(index$3.Button, { variant: "white", style: {
                             width: 48,
                             height: 48,
                             padding: 12,
@@ -904,7 +906,7 @@ const SSOFirstScreen = ({ hidden }) => {
                             borderRadius: '100%',
                         }, onClick: onTriggerFacebookLogin },
                         React__default["default"].createElement(Google.Facebook, { style: { width: 24, height: 24 } })),
-                    React__default["default"].createElement(index$2.Button, { variant: "white", style: {
+                    React__default["default"].createElement(index$3.Button, { variant: "white", style: {
                             width: 48,
                             height: 48,
                             padding: 12,
@@ -918,22 +920,16 @@ const SSOFirstScreen = ({ hidden }) => {
                     marginTop: 'auto',
                 },
             }) },
-            React__default["default"].createElement(index$1.Text, { size: "p5", color: "gray.6" },
-                "By tapping continue, I confirm that I have read, understand and agree to the",
-                ' ',
-                React__default["default"].createElement("a", { href: `https://${constantsDomainLocales.domainLocales[locale]}/static/${((_a = index$3.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.PRIVACY_POLICY) || ''}`, target: "_blank", style: {
+            React__default["default"].createElement(index$2.Text, { size: "p5", color: "gray.6" }, t('ssov2.policyText', {
+                privacy: (React__default["default"].createElement("a", { href: `https://${constantsDomainLocales.domainLocales[locale]}/static/${((_a = index$4.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["default"].createElement("a", { href: `https://${constantsDomainLocales.domainLocales[locale]}/static/${((_b = index$3.STATIC_PAGES[locale]) === null || _b === void 0 ? void 0 : _b.TERM_OF_USE) || ''}`, target: "_blank", style: {
+                    } }, t('ssov2.policyText.privacy'))),
+                terms: (React__default["default"].createElement("a", { href: `https://${constantsDomainLocales.domainLocales[locale]}/static/${((_b = index$4.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) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
@@ -960,13 +956,13 @@ const verifyUpdateEmailOTP = (otpCode) => tslib_es6.__awaiter(void 0, void 0, vo
     });
 });
 
-const SSOOTPScreen = ({ hidden, index, }) => {
-    const { t } = index$4.useTranslations();
+const SSOOTPScreen = ({ hidden, index: index$1, }) => {
+    const { t } = index.useTranslations();
     const { onClose } = useSSOState();
     const { steps, setSteps, addStep, goNext } = store.useSSOSteps();
     const [otp, setOtp] = React__default["default"].useState('');
     const [error, setError] = React__default["default"].useState('');
-    const currentStepIndex = index;
+    const currentStepIndex = index$1;
     const currentStep = steps[currentStepIndex];
     const { phone, email, otpType, isUpdatePhone, afterAction, setupData } = currentStep.config;
     const isEmail = otpType === 'email' || otpType === 'update-email';
@@ -1178,8 +1174,8 @@ const SSOOTPScreen = ({ hidden, index, }) => {
             submitOtp();
         } },
         React__default["default"].createElement(core.Stack, { spacing: 8 },
-            React__default["default"].createElement(index$1.Text, { size: "s1", weight: "semiBold" }, isEmail ? t('ssov2.otp.email.title') : t('ssov2.otp.phone.title')),
-            React__default["default"].createElement(index$1.Text, { size: "p4" },
+            React__default["default"].createElement(index$2.Text, { size: "s1", weight: "semiBold" }, isEmail ? t('ssov2.otp.email.title') : t('ssov2.otp.phone.title')),
+            React__default["default"].createElement(index$2.Text, { size: "p4" },
                 React__default["default"].createElement("span", { dangerouslySetInnerHTML: {
                         __html: t(isEmail
                             ? 'ssov2.otp.email.description'
@@ -1195,26 +1191,26 @@ const SSOOTPScreen = ({ hidden, index, }) => {
             React__default["default"].createElement(core.Group, { spacing: 8, align: "center", style: {
                     height: 40,
                 } },
-                React__default["default"].createElement(index$1.Text, { size: "p4" }, t('ssov2.otp.resendQuestion')),
-                React__default["default"].createElement(index$1.Text, { style: {
+                React__default["default"].createElement(index$2.Text, { size: "p4" }, t('ssov2.otp.resendQuestion')),
+                React__default["default"].createElement(index$2.Text, { style: {
                         pointerEvents: resendTime > 0 ? 'none' : 'auto',
                         cursor: resendTime > 0 ? 'not-allowed' : 'pointer',
                     }, size: "s4", color: "blue.6", onClick: () => sendOTPCode(true) }, t('ssov2.otp.resendText', {
                     count: resendTime,
                 })))),
-        React__default["default"].createElement(index$2.Button, { type: "submit", size: "lg", variant: "primary", mt: 12, fullWidth: true }, t('ssov2.button.continue')),
-        !isEmail && (React__default["default"].createElement(index$2.Button, { size: "lg", variant: "tertiary", mt: 12, onClick: swapZaloSms, fullWidth: true }, t('ssov2.otp.sendVia', {
+        React__default["default"].createElement(index$3.Button, { type: "submit", size: "lg", variant: "primary", mt: 12, fullWidth: true }, t('ssov2.button.continue')),
+        !isEmail && (React__default["default"].createElement(index$3.Button, { size: "lg", variant: "tertiary", mt: 12, onClick: swapZaloSms, fullWidth: true }, t('ssov2.otp.sendVia', {
             method: otpType === 'phone-sms' ? 'Zalo' : 'SMS',
         })))));
 };
 
-const SSOPasswordScreen = ({ hidden, index, }) => {
+const SSOPasswordScreen = ({ hidden, index: index$1, }) => {
     var _a, _b;
-    const { t } = index$4.useTranslations();
+    const { t } = index.useTranslations();
     const { onClose } = useSSOState();
     const [errMsg, setErrMsg] = React__default["default"].useState('');
     const { steps, addStep, goNext, setShareData } = store.useSSOSteps();
-    const thisStep = steps[index];
+    const thisStep = steps[index$1];
     const phone = (_a = thisStep === null || thisStep === void 0 ? void 0 : thisStep.config) === null || _a === void 0 ? void 0 : _a.phone;
     const email = (_b = thisStep === null || thisStep === void 0 ? void 0 : thisStep.config) === null || _b === void 0 ? void 0 : _b.email;
     const resetPassword = () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
@@ -1305,25 +1301,25 @@ const SSOPasswordScreen = ({ hidden, index, }) => {
             }
         } },
         React__default["default"].createElement(core.Stack, { spacing: 8 },
-            React__default["default"].createElement(index$1.Text, { size: "s1", weight: "semiBold" },
+            React__default["default"].createElement(index$2.Text, { size: "s1", weight: "semiBold" },
                 t('ssov2.password.title1'),
                 React__default["default"].createElement("br", null),
                 t('ssov2.password.title2')),
-            React__default["default"].createElement(index$1.Text, { size: "p4" }, t('ssov2.password.description'))),
+            React__default["default"].createElement(index$2.Text, { size: "p4" }, t('ssov2.password.description'))),
         React__default["default"].createElement(core.Stack, { mt: 24, spacing: 8 },
             React__default["default"].createElement(index$5.PasswordInput, { name: "password", placeholder: "Nh\u1EADp m\u1EADt kh\u1EA9u", error: errMsg || undefined }),
             React__default["default"].createElement(core.Group, { spacing: 8, align: "center", style: {
                     height: 40,
                 } },
-                React__default["default"].createElement(index$1.Text, { size: "p4" }, t('ssov2.password.forgotPassword')),
-                React__default["default"].createElement(index$1.Text, { size: "s4", color: "blue.6", style: {
+                React__default["default"].createElement(index$2.Text, { size: "p4" }, t('ssov2.password.forgotPassword')),
+                React__default["default"].createElement(index$2.Text, { size: "s4", color: "blue.6", style: {
                         cursor: 'pointer',
                     }, onClick: resetPassword }, t('ssov2.password.reset')))),
-        React__default["default"].createElement(index$2.Button, { type: "submit", size: "lg", variant: "primary", mt: 12, fullWidth: true }, t('ssov2.password.signIn'))));
+        React__default["default"].createElement(index$3.Button, { type: "submit", size: "lg", variant: "primary", mt: 12, fullWidth: true }, t('ssov2.password.signIn'))));
 };
 
 const SSOPasswordForgotPhone = ({ hidden, }) => {
-    const { t } = index$4.useTranslations();
+    const { t } = index.useTranslations();
     const [phone, setPhone] = React__default["default"].useState('');
     const [errMsg, setErrMsg] = React__default["default"].useState('');
     const { locale } = useSSOState();
@@ -1400,13 +1396,13 @@ const SSOPasswordForgotPhone = ({ hidden, }) => {
             display: hidden ? 'none' : 'block',
         } },
         React__default["default"].createElement(core.Stack, { spacing: 8 },
-            React__default["default"].createElement(index$1.Text, { size: "s1", weight: "semiBold" }, t('ssov2.resetPassword.title')),
-            React__default["default"].createElement(index$1.Text, { size: "p4" }, t('ssov2.resetPassword.description'))),
+            React__default["default"].createElement(index$2.Text, { size: "s1", weight: "semiBold" }, t('ssov2.resetPassword.title')),
+            React__default["default"].createElement(index$2.Text, { size: "p4" }, t('ssov2.resetPassword.description'))),
         React__default["default"].createElement(core.Stack, { mt: 24, spacing: 16 },
             React__default["default"].createElement(StyledPhone, { defaultCountry: (locale ? utils.MAPPED_LOCALE[locale] || 'VN' : 'VN'), value: phone, onChange: (value) => setPhone(value), isError: !!errMsg, required: true }),
-            errMsg && (React__default["default"].createElement(index$1.Text, { size: "label2", color: "red.6", mt: -12 }, errMsg)),
-            React__default["default"].createElement(index$2.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo }, t('ssov2.button.continueZalo')),
-            React__default["default"].createElement(index$2.Button, { size: "lg", variant: "secondary", onClick: onClickContinuePhone }, t('ssov2.button.continueSMS')))));
+            errMsg && (React__default["default"].createElement(index$2.Text, { size: "label2", color: "red.6", mt: -12 }, errMsg)),
+            React__default["default"].createElement(index$3.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo }, t('ssov2.button.continueZalo')),
+            React__default["default"].createElement(index$3.Button, { size: "lg", variant: "secondary", onClick: onClickContinuePhone }, t('ssov2.button.continueSMS')))));
 };
 
 const CheckGrayIcon = () => (React__default["default"].createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
@@ -1418,6 +1414,7 @@ const CheckRedIcon = () => (React__default["default"].createElement("svg", { wid
 
 const SSOPasswordWithConfirm = (_a) => {
     var { form } = _a, props = tslib_es6.__rest(_a, ["form"]);
+    const { t } = index.useTranslations();
     const [atLeast8Chars, setAtLeast8Chars] = React__default["default"].useState(undefined);
     const [atLeastOneUpper, setAtLeastOneUpper] = React__default["default"].useState(undefined);
     const password = form.values.password;
@@ -1428,39 +1425,39 @@ const SSOPasswordWithConfirm = (_a) => {
         setAtLeastOneUpper(!!password.match(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)/));
     }, [password]);
     return (React__default["default"].createElement(core.Stack, Object.assign({ spacing: 12 }, props),
-        React__default["default"].createElement(index$5.PasswordInput, Object.assign({ name: "password", placeholder: "Nh\u1EADp m\u1EADt kh\u1EA9u", label: "Password", required: true, withAsterisk: true }, form.getInputProps('password'))),
+        React__default["default"].createElement(index$5.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["default"].createElement(core.Stack, { spacing: 8 },
-            React__default["default"].createElement(index$1.Text, { size: "n1" },
+            React__default["default"].createElement(index$2.Text, { size: "n1" },
                 atLeast8Chars ? (React__default["default"].createElement(CheckGreenIcon, null)) : typeof atLeast8Chars === 'undefined' ? (React__default["default"].createElement(CheckGrayIcon, null)) : (React__default["default"].createElement(CheckRedIcon, null)),
                 ' ',
-                "At least 8 characters."),
-            React__default["default"].createElement(index$1.Text, { size: "n1" },
+                t('ssov2.passwordForgotSetup.field.password.atLeast8Chars')),
+            React__default["default"].createElement(index$2.Text, { size: "n1" },
                 atLeastOneUpper ? (React__default["default"].createElement(CheckGreenIcon, null)) : typeof atLeastOneUpper === 'undefined' ? (React__default["default"].createElement(CheckGrayIcon, null)) : (React__default["default"].createElement(CheckRedIcon, null)),
                 ' ',
-                "At least one uppercase letter, one lowercase letter, and one number.")),
-        React__default["default"].createElement(index$5.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["default"].createElement(index$5.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 } = index.useTranslations();
     const { steps, setSteps, goBack, currentStepIndex, addStep, goNext } = store.useSSOSteps();
     const form$1 = form.useForm({
         validate: form.yupResolver(yup__namespace.object().shape({
             password: yup__namespace
                 .string()
-                .required('Password is required')
+                .required(t('ssov2.validate.password.required'))
                 .min(8, ' ')
                 .max(50, ' ')
                 .matches(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)/, ' '),
             confirmPassword: yup__namespace
                 .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) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-        var _a;
         const { password, confirmPassword } = values;
         if (password.length >= 8 &&
             password.length <= 50 &&
@@ -1494,7 +1491,7 @@ const SSOPasswordForgotSetup = ({ hidden }) => {
                 // toast error message
                 useMantineLocale.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),
                 });
             }
         }
@@ -1504,19 +1501,19 @@ const SSOPasswordForgotSetup = ({ hidden }) => {
         }, onSubmit: form$1.onSubmit(onSubmit) },
         React__default["default"].createElement(core.Stack, { spacing: 24 },
             React__default["default"].createElement(core.Stack, { spacing: 8 },
-                React__default["default"].createElement(index$1.Text, { size: "s1", weight: "semiBold" }, "Setup your password"),
-                React__default["default"].createElement(index$1.Text, { size: "p4" }, "Set up your login password and other details to complete the registration process.")),
+                React__default["default"].createElement(index$2.Text, { size: "s1", weight: "semiBold" }, t('ssov2.passwordForgotSetup.title')),
+                React__default["default"].createElement(index$2.Text, { size: "p4" }, t('ssov2.passwordForgotSetup.description'))),
             React__default["default"].createElement(SSOPasswordWithConfirm, { form: form$1 }),
-            React__default["default"].createElement(index$2.Button, { type: "submit", size: "lg", variant: "primary", fullWidth: true }, "Save"))));
+            React__default["default"].createElement(index$3.Button, { type: "submit", size: "lg", variant: "primary", fullWidth: true }, t('ssov2.button.save')))));
 };
 
-const SSOPhoneVerify = ({ hidden, index, }) => {
-    const { t } = index$4.useTranslations();
+const SSOPhoneVerify = ({ hidden, index: index$1, }) => {
+    const { t } = index.useTranslations();
     const [phone, setPhone] = React__default["default"].useState('');
     const [errMsg, setErrMsg] = React__default["default"].useState('');
     const { locale } = useSSOState();
     const { addStep, goNext, steps } = store.useSSOSteps();
-    const currentStep = steps[index];
+    const currentStep = steps[index$1];
     const { afterAction } = (currentStep === null || currentStep === void 0 ? void 0 : currentStep.config) || {};
     const onClickContinueZalo = () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
         const { areaCode, phoneNumber } = splitPhone(phone);
@@ -1581,13 +1578,13 @@ const SSOPhoneVerify = ({ hidden, index, }) => {
         } },
         React__default["default"].createElement(core.Stack, { spacing: 24 },
             React__default["default"].createElement(core.Stack, { spacing: 8 },
-                React__default["default"].createElement(index$1.Text, { size: "s1", weight: "semiBold" }, t('ssov2.phoneVerify.title')),
-                React__default["default"].createElement(index$1.Text, { size: "p4" }, t('ssov2.phoneVerify.description'))),
+                React__default["default"].createElement(index$2.Text, { size: "s1", weight: "semiBold" }, t('ssov2.phoneVerify.title')),
+                React__default["default"].createElement(index$2.Text, { size: "p4" }, t('ssov2.phoneVerify.description'))),
             React__default["default"].createElement(core.Stack, { spacing: 16 },
                 React__default["default"].createElement(index$5.Input.Wrapper, { error: errMsg },
                     React__default["default"].createElement(StyledPhone, { defaultCountry: (locale ? utils.MAPPED_LOCALE[locale] || 'VN' : 'VN'), value: phone, onChange: (value) => setPhone(value), isError: !!errMsg, required: true, name: "phone" })),
-                React__default["default"].createElement(index$2.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo }, t('ssov2.button.continueZalo')),
-                React__default["default"].createElement(index$2.Button, { size: "lg", variant: "secondary", onClick: onClickContinuePhone }, t('ssov2.button.continueSMS'))))));
+                React__default["default"].createElement(index$3.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo }, t('ssov2.button.continueZalo')),
+                React__default["default"].createElement(index$3.Button, { size: "lg", variant: "secondary", onClick: onClickContinuePhone }, t('ssov2.button.continueSMS'))))));
 };
 
 const FemaleIcon = () => (React__default["default"].createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
@@ -1621,8 +1618,9 @@ const MaleIcon = () => (React__default["default"].createElement("svg", { width:
 
 // always has name, gender dob
 const OtherSetup = ({ form, needPhone, needEmail, isEmailDisable, }) => {
-    const { t } = index$4.useTranslations();
+    const { t } = index.useTranslations();
     const { locale = 'vi-VN' } = useSSOState();
+    const { setupSource } = store.useSSOV2Store();
     return (React__default["default"].createElement(core.Stack, { spacing: 12 },
         needPhone && (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement(index$5.Input.Wrapper, Object.assign({ label: t('ssov2.setup.field.phone.label'), withAsterisk: true }, form.getInputProps('phone')),
@@ -1630,7 +1628,7 @@ const OtherSetup = ({ form, needPhone, needEmail, isEmailDisable, }) => {
                         form.setFieldValue('phone', value);
                     }, isError: !!form.getInputProps('phone').error, required: true, name: "phone" })),
             React__default["default"].createElement(core.Group, { spacing: 24 },
-                React__default["default"].createElement(index$1.Text, { size: "p4" }, t('ssov2.setup.field.otp.label')),
+                React__default["default"].createElement(index$2.Text, { size: "p4" }, t('ssov2.setup.field.otp.label')),
                 React__default["default"].createElement(index$5.Radio.Group, Object.assign({ name: "otpMethod", styles: {
                         root: {
                             display: 'flex',
@@ -1649,11 +1647,11 @@ const OtherSetup = ({ form, needPhone, needEmail, isEmailDisable, }) => {
                                 paddingLeft: 8,
                             },
                         } }))))),
-        needEmail && (React__default["default"].createElement(index$5.Input, Object.assign({ name: "email", type: "email", label: t('ssov2.setup.field.email.label'), disabled: isEmailDisable }, form.getInputProps('email')))),
+        needEmail && (React__default["default"].createElement(index$5.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["default"].createElement(index$5.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["default"].createElement(index$5.Input.Wrapper, Object.assign({ label: t('ssov2.setup.field.gender.label'), withAsterisk: true }, form.getInputProps('gender')),
             React__default["default"].createElement(core.Group, null,
-                React__default["default"].createElement(index$2.Button, { type: "button", styles: {
+                React__default["default"].createElement(index$3.Button, { type: "button", styles: {
                         root: {
                             flex: 1,
                         },
@@ -1668,7 +1666,7 @@ const OtherSetup = ({ form, needPhone, needEmail, isEmailDisable, }) => {
                         : 'tertiary', onClick: () => {
                         form.setFieldValue('gender', 'female');
                     }, leftIcon: React__default["default"].createElement(FemaleIcon, null) }, t('ssov2.setup.field.gender.female')),
-                React__default["default"].createElement(index$2.Button, { type: "button", styles: {
+                React__default["default"].createElement(index$3.Button, { type: "button", styles: {
                         root: {
                             flex: 1,
                         },
@@ -1686,13 +1684,13 @@ const OtherSetup = ({ form, needPhone, needEmail, isEmailDisable, }) => {
         React__default["default"].createElement(index$6.DatePicker, Object.assign({ name: "dob", label: t('ssov2.setup.field.dob.label'), withAsterisk: true, required: true, placeholder: t('ssov2.setup.field.dob.placeholder'), maxDate: new Date() }, form.getInputProps('dob')))));
 };
 
-const SSOSetupScreen = ({ hidden, index, }) => {
+const SSOSetupScreen = ({ hidden, index: index$1, }) => {
     const { onClose } = useSSOState();
-    const { t } = index$4.useTranslations();
+    const { t } = index.useTranslations();
     const { goNext, steps, addStep, shareData } = store.useSSOSteps();
     const { setupSource } = store.useSSOV2Store();
     const [errMsg, setErrMsg] = React__default["default"].useState('');
-    const currentStep = steps[index];
+    const currentStep = steps[index$1];
     const config = currentStep === null || currentStep === void 0 ? void 0 : currentStep.config;
     const userInfo = config === null || config === void 0 ? void 0 : config.userInfo;
     const configPhone = config === null || config === void 0 ? void 0 : config.phone;
@@ -1726,23 +1724,23 @@ const SSOSetupScreen = ({ hidden, index, }) => {
             ? {
                 password: yup__namespace
                     .string()
-                    .required('Password is required')
+                    .required(t('ssov2.validate.password.required'))
                     .min(8, ' ')
                     .max(50, ' ')
                     .matches(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)/, ' '),
                 confirmPassword: yup__namespace
                     .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__namespace.string().required('Phone number is required'),
+                phone: yup__namespace.string().required(t('ssov2.validate.phone.required')),
                 otpMethod: yup__namespace
                     .string()
-                    .required('OTP method is required')
+                    .required(t('ssov2.validate.otp.required'))
                     .oneOf(['zalo', 'sms']),
             }
             : {})), (needEmail
@@ -1750,17 +1748,16 @@ const SSOSetupScreen = ({ hidden, index, }) => {
                 email: setupSource === 'care'
                     ? yup__namespace
                         .string()
-                        .email('Invalid email')
-                        .required('Email is required')
-                    : yup__namespace.string().email('Invalid email'),
+                        .email(t('ssov2.validate.email.invalid'))
+                        .required(t('ssov2.validate.email.required'))
+                    : yup__namespace.string().email(t('ssov2.validate.email.invalid')),
             }
             : {})), { gender: yup__namespace
                 .string()
-                .required('Gender is required')
-                .oneOf(['male', 'female']), dob: yup__namespace.date().required('Date of birth is required'), name: yup__namespace.string().required('Name is required') }))),
+                .required(t('ssov2.validate.email.required'))
+                .oneOf(['male', 'female']), dob: yup__namespace.date().required(t('ssov2.validate.dob.required')), name: yup__namespace.string().required(t('ssov2.validate.name.required')) }))),
     });
     const onSubmit = (values) => tslib_es6.__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
@@ -1771,7 +1768,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',
@@ -1786,14 +1783,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({
@@ -1811,7 +1808,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({
@@ -1846,14 +1843,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["default"].createElement("form", { style: {
@@ -1861,12 +1858,12 @@ const SSOSetupScreen = ({ hidden, index, }) => {
         }, onSubmit: form$1.onSubmit(onSubmit) },
         React__default["default"].createElement(core.Stack, { spacing: 24 },
             React__default["default"].createElement(core.Stack, { spacing: 8 },
-                React__default["default"].createElement(index$1.Text, { size: "s1", weight: "semiBold" }, t('ssov2.setup.title')),
-                React__default["default"].createElement(index$1.Text, { size: "p4" }, t('ssov2.setup.description'))),
+                React__default["default"].createElement(index$2.Text, { size: "s1", weight: "semiBold" }, t('ssov2.setup.title')),
+                React__default["default"].createElement(index$2.Text, { size: "p4" }, t('ssov2.setup.description'))),
             needPass && React__default["default"].createElement(SSOPasswordWithConfirm, { form: form$1 }),
             React__default["default"].createElement(OtherSetup, { needPhone: needPhone, needEmail: needEmail, isEmailDisable: isEmailDisable, form: form$1 }),
-            errMsg && (React__default["default"].createElement(index$1.Text, { color: "red.6", size: "p4" }, errMsg)),
-            React__default["default"].createElement(index$2.Button, { type: "submit", variant: "primary", fullWidth: true }, needPhone
+            errMsg && (React__default["default"].createElement(index$2.Text, { color: "red.6", size: "p4" }, errMsg)),
+            React__default["default"].createElement(index$3.Button, { type: "submit", variant: "primary", fullWidth: true }, needPhone
                 ? t('ssov2.setup.button.veriyPhone')
                 : authFlow === 'register'
                     ? t('ssov2.setup.button.createAccount')
@@ -1874,7 +1871,7 @@ const SSOSetupScreen = ({ hidden, index, }) => {
 };
 
 const SSOUpdateEmailScreen = ({ hidden, }) => {
-    const { t } = index$4.useTranslations();
+    const { t } = index.useTranslations();
     const [errMsg, setErrMsg] = React__default["default"].useState('');
     const { addStep, goNext, setShareData } = store.useSSOSteps();
     return (React__default["default"].createElement("form", { style: {
@@ -1913,10 +1910,10 @@ const SSOUpdateEmailScreen = ({ hidden, }) => {
             }
         }) },
         React__default["default"].createElement(core.Stack, { spacing: 8 },
-            React__default["default"].createElement(index$1.Text, { size: "s1", weight: "semiBold" }, t('ssov2.updateEmail.title')),
-            React__default["default"].createElement(index$1.Text, { size: "p4" }, t('ssov2.updateEmail.description'))),
+            React__default["default"].createElement(index$2.Text, { size: "s1", weight: "semiBold" }, t('ssov2.updateEmail.title')),
+            React__default["default"].createElement(index$2.Text, { size: "p4" }, t('ssov2.updateEmail.description'))),
         React__default["default"].createElement(index$5.Input, { name: "email", placeholder: "Email c\u1EE7a b\u1EA1n", error: errMsg || undefined, type: "email", required: true, mt: 24 }),
-        React__default["default"].createElement(index$2.Button, { type: "submit", size: "lg", variant: "primary", fullWidth: true, mt: 16 }, t('ssov2.updateEmail.button'))));
+        React__default["default"].createElement(index$3.Button, { type: "submit", size: "lg", variant: "primary", fullWidth: true, mt: 16 }, t('ssov2.updateEmail.button'))));
 };
 
 const SSOScreenRenderer = () => {