@hhgtech/hhg-components 1.29.124 → 1.29.126

package/build/esm/organisms.js

@@ -1,74 +1,74 @@
-export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-f5ae82f3.js';
-export { U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats } from './index-f365091f.js';
-export { F as Footer } from './index-e60239e4.js';
+export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-9855ef97.js';
+export { U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats } from './index-dc49be21.js';
+export { F as Footer } from './index-cf3a0de7.js';
 export { NavigationLogoutPopup } from './navigationLogoutPopup.js';
-export { N as NavigationProfileButton } from './index-cc2304a4.js';
+export { N as NavigationProfileButton } from './index-a381c8a4.js';
 export { ProfileNavigation } from './profileNavigation.js';
-import './tslib.es6-6f709fa3.js';
+import './tslib.es6-64c4e657.js';
 import 'react';
-import './index-a6ac8677.js';
-import './index-53aa4f8b.js';
+import './index-b93f6183.js';
+import './index-0860b2a3.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
 import '@mantine/hooks';
-import './index-23e99f38.js';
+import './index-e16b3ebe.js';
 import './constantsDomainLocales.js';
-import './Locale-6588d9b8.js';
+import './Locale-55b07458.js';
 import './constantsIsProduction.js';
-import './index.styles-ae7a26aa.js';
-import './utils-8c3d9136.js';
+import './index.styles-72f53c7a.js';
+import './utils-4a447c53.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-3b6f1d9b.js';
-import './other-c0f7f09a.js';
-import './index-521fbf84.js';
+import './index-d1e148b1.js';
+import './other-deca648b.js';
+import './index-102b4962.js';
 import './miscTheme.js';
-import './useMantineLocale-53b02ca7.js';
+import './useMantineLocale-d3714c84.js';
 import '@mantine/notifications';
 import 'dayjs';
-import './index-68af4293.js';
+import './index-7796e34f.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-0cb6e238.js';
-import './index-3e77bbae.js';
+import './index-dfaed613.js';
+import './index-b098e0a6.js';
 import 'classnames';
-import './useUniqueId-11f18386.js';
+import './useUniqueId-8a8c31bd.js';
 import '@hhgtech/icons/core';
-import './normalizeLink-2acbd4b4.js';
-import './routing-770fad81.js';
-import './dataTransform-cfe05443.js';
-import './index-4cc42257.js';
-import './logoIcon-52287b71.js';
-import './useTranslations-276adf7c.js';
-import './translationsContext-62b5d67a.js';
+import './normalizeLink-670ee0c9.js';
+import './routing-dc0b77bf.js';
+import './dataTransform-dd28ac5c.js';
+import './index-c2205d5b.js';
+import './logoIcon-4b9a26cf.js';
+import './useTranslations-9596bd9d.js';
+import './translationsContext-56ba4ca6.js';
 import 'string-format';
 import 'lodash/throttle';
 import '@mantine/dates';
-import './index-a2ac85b3.js';
-import './constants-f0eb1ce4.js';
-import './index-4fe7f78a.js';
-import './utils-010e9b9e.js';
-import './index-2311d108.js';
+import './index-aab6d919.js';
+import './constants-a92eb5d7.js';
+import './index-a7a96cf0.js';
+import './utils-ee3bb362.js';
+import './index-2107d4b4.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './togetherApiPaths.js';
-import './constants-eca83d15.js';
-import './constants-f341a932.js';
-import './index-61fb331d.js';
-import './index-c0da4116.js';
-import './useIsInit-5f6a2135.js';
+import './constants-7d11b0c6.js';
+import './constants-d40c4851.js';
+import './index-dcafc219.js';
+import './index-93a3a0b2.js';
+import './useIsInit-19384dc4.js';
 import './miscDefaultClassWrapper.js';
 import 'dayjs/plugin/relativeTime';
-import './index-d340d19a.js';
-import './index-344dd536.js';
-import './store-90768a60.js';
+import './index-c40b498b.js';
+import './index-240e9955.js';
+import './store-b7e3559a.js';
 import 'zustand';
 import 'lodash/debounce';
-import './core-9e290b4a.js';
-import './index-c1986976.js';
-import './index-6bf87058.js';
-import './index-b7122a36.js';
-import './Spinner-e2ef0c8d.js';
-import './ChevronDown-df671817.js';
+import './core-c8d4165d.js';
+import './index-83f507f1.js';
+import './index-97ff4034.js';
+import './index-aba27580.js';
+import './Spinner-b48bf874.js';
+import './ChevronDown-fe98143d.js';
 import '@emotion/react';

package/build/esm/{post-8ec6fd13.js → post-dcb2ac03.js}

@@ -1,6 +1,6 @@
-import { a as __awaiter } from './tslib.es6-6f709fa3.js';
+import { a as __awaiter } from './tslib.es6-64c4e657.js';
 import { ADMIN_PATHS, PATHS } from './togetherApiPaths.js';
-import { d as getApiPath, r as callApiWithAdminAuth, b as callApiWithAuth } from './utils-010e9b9e.js';
+import { d as getApiPath, r as callApiWithAdminAuth, b as callApiWithAuth } from './utils-ee3bb362.js';
 
 const EncodeUrlRegexMap = {
     edit: /<mocka ([^>]*)data-url="true"[^<>]*>(.*?)<\/mocka>/gim,

package/build/esm/profileNavigation.js

@@ -1,39 +1,39 @@
 import React__default, { useMemo, useState, Fragment, useEffect } from 'react';
-import { a as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES } from './index-68af4293.js';
-import { a as Avatar } from './index-53aa4f8b.js';
+import { a as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES } from './index-7796e34f.js';
+import { a as Avatar } from './index-0860b2a3.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-521fbf84.js';
-import { C as CommonGAssets } from './index-23e99f38.js';
-import './useMantineLocale-53b02ca7.js';
-import { T as Text } from './index-3b6f1d9b.js';
-import './index-0cb6e238.js';
-import './index.styles-ae7a26aa.js';
-import { u as useTranslations } from './useTranslations-276adf7c.js';
+import './index-102b4962.js';
+import { C as CommonGAssets } from './index-e16b3ebe.js';
+import './useMantineLocale-d3714c84.js';
+import { T as Text } from './index-d1e148b1.js';
+import './index-dfaed613.js';
+import './index.styles-72f53c7a.js';
+import { u as useTranslations } from './useTranslations-9596bd9d.js';
 import '@mantine/hooks';
-import './utils-8c3d9136.js';
-import './other-c0f7f09a.js';
-import './index-a2ac85b3.js';
-import { C as ChevronDown } from './ChevronDown-df671817.js';
-import { a as normalizeLinkSlash } from './normalizeLink-2acbd4b4.js';
+import './utils-4a447c53.js';
+import './other-deca648b.js';
+import './index-aab6d919.js';
+import { C as ChevronDown } from './ChevronDown-fe98143d.js';
+import { a as normalizeLinkSlash } from './normalizeLink-670ee0c9.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import './translationsContext-62b5d67a.js';
+import './translationsContext-56ba4ca6.js';
 import 'string-format';
-import { a as getCurrentSsoUrl, g as getCurrentBaseUrl } from './routing-770fad81.js';
+import { a as getCurrentSsoUrl, g as getCurrentBaseUrl } from './routing-dc0b77bf.js';
 import 'date-fns/locale';
 import './constantsSite.js';
-import './Locale-6588d9b8.js';
+import './Locale-55b07458.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
 import './constantsIsProduction.js';
-import './tslib.es6-6f709fa3.js';
+import './tslib.es6-64c4e657.js';
 import '@hhgtech/icons/other';
 import '@mantine/carousel';
-import './index-3e77bbae.js';
+import './index-b098e0a6.js';
 import 'classnames';
-import './useUniqueId-11f18386.js';
+import './useUniqueId-8a8c31bd.js';
 import '@hhgtech/icons/core';
 import '@mantine/notifications';
 import 'dayjs';

package/build/esm/progressBar.js

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-6f709fa3.js';
+import { _ as __rest } from './tslib.es6-64c4e657.js';
 import React__default, { useState, useCallback, useEffect } from 'react';
 import throttle from 'lodash/throttle';
 import styled from '@emotion/styled';

package/build/esm/pwg.js

@@ -1,44 +1,44 @@
 import React__default, { useMemo, useState, useRef } from 'react';
-import { M as MarryBabyText, a as MarryBabyHeading } from './index-6bf87058.js';
-import { T as Text } from './index-3b6f1d9b.js';
-import { P as PillCarousel } from './index-548c04cf.js';
-import { u as useTranslations } from './useTranslations-276adf7c.js';
+import { M as MarryBabyText, a as MarryBabyHeading } from './index-97ff4034.js';
+import { T as Text } from './index-d1e148b1.js';
+import { P as PillCarousel } from './index-eb2fdd98.js';
+import { u as useTranslations } from './useTranslations-9596bd9d.js';
 import { theme } from './miscTheme.js';
 import { ResponsiveContainer, AreaChart, CartesianGrid, Tooltip, XAxis, YAxis, Area, ReferenceDot } from 'recharts';
-import { C as CustomReferenceDot } from './index-64ef3734.js';
-import { a as useOutsideClick } from './useOutsideClick-220afc11.js';
+import { C as CustomReferenceDot } from './index-61cadb21.js';
+import { a as useOutsideClick } from './useOutsideClick-6cc18d2e.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-6f709fa3.js';
+import { _ as __rest } from './tslib.es6-64c4e657.js';
 import '@mantine/core';
-import './other-c0f7f09a.js';
-import './index-521fbf84.js';
-import './Locale-6588d9b8.js';
-import './index-23e99f38.js';
+import './other-deca648b.js';
+import './index-102b4962.js';
+import './Locale-55b07458.js';
+import './index-e16b3ebe.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './index-3e77bbae.js';
-import './index-70a9b31c.js';
-import './index-53aa4f8b.js';
+import './index-b098e0a6.js';
+import './index-d03ea82f.js';
+import './index-0860b2a3.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index.styles-ae7a26aa.js';
-import './utils-8c3d9136.js';
+import './index.styles-72f53c7a.js';
+import './utils-4a447c53.js';
 import '@mantine/carousel';
-import './useMantineLocale-53b02ca7.js';
+import './useMantineLocale-d3714c84.js';
 import '@mantine/notifications';
 import 'dayjs';
-import './index-68af4293.js';
+import './index-7796e34f.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-0cb6e238.js';
+import './index-dfaed613.js';
 import 'classnames';
-import './useUniqueId-11f18386.js';
+import './useUniqueId-8a8c31bd.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './translationsContext-62b5d67a.js';
+import './translationsContext-56ba4ca6.js';
 import 'string-format';
-import './index-a2ac85b3.js';
+import './index-aab6d919.js';
 
 const CustomizedAxisTick = (props) => {
     const { x, y, payload, activeWeek } = props;

package/build/esm/ssoV2.js

@@ -1,48 +1,48 @@
 import React__default, { createContext, useState, useRef, useMemo, useEffect } from 'react';
 import { ChevronLeft } from '@hhgtech/icons/arrow';
 import { Close } from '@hhgtech/icons/core';
-import { L as LogoIcon } from './logoIcon-52287b71.js';
-import { B as Button } from './index-0cb6e238.js';
-import { M as Modal } from './index-afeaeff2.js';
+import { L as LogoIcon } from './logoIcon-4b9a26cf.js';
+import { B as Button } from './index-dfaed613.js';
+import { M as Modal } from './index-1cd50473.js';
 import { Box, Stack, Group } from '@mantine/core';
 import throttle from 'lodash/throttle';
-import { f as Accordion, I as Input, P as Phone, O as OTP, g as PasswordInput, R as Radio } from './index-53aa4f8b.js';
+import { f as Accordion, I as Input, P as Phone, O as OTP, g as PasswordInput, R as Radio } from './index-0860b2a3.js';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, f as BEARER_REFRESH_TOKEN_COOKIE } from './index-68af4293.js';
-import './index-521fbf84.js';
-import './index-23e99f38.js';
-import { s as showNotification } from './useMantineLocale-53b02ca7.js';
-import { T as Text } from './index-3b6f1d9b.js';
-import { u as useTranslations } from './useTranslations-276adf7c.js';
+import { L as LOCALE_SPECS, f as BEARER_REFRESH_TOKEN_COOKIE, S as STATIC_PAGES } from './index-7796e34f.js';
+import './index-102b4962.js';
+import './index-e16b3ebe.js';
+import { s as showNotification } from './useMantineLocale-d3714c84.js';
+import { T as Text } from './index-d1e148b1.js';
+import { u as useTranslations } from './useTranslations-9596bd9d.js';
 import '@mantine/hooks';
-import './utils-8c3d9136.js';
-import './other-c0f7f09a.js';
-import './index-a2ac85b3.js';
-import { L as LOCALE } from './Locale-6588d9b8.js';
-import './translationsContext-62b5d67a.js';
+import './utils-4a447c53.js';
+import './other-deca648b.js';
+import './index-aab6d919.js';
+import { L as LOCALE } from './Locale-55b07458.js';
+import './translationsContext-56ba4ca6.js';
 import 'string-format';
-import { a as __awaiter, _ as __rest } from './tslib.es6-6f709fa3.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-64c4e657.js';
 import { isProduction } from './constantsIsProduction.js';
-import { a as normalizeLinkSlash } from './normalizeLink-2acbd4b4.js';
-import { a as getCurrentSsoUrl } from './routing-770fad81.js';
+import { a as normalizeLinkSlash } from './normalizeLink-670ee0c9.js';
+import { a as getCurrentSsoUrl } from './routing-dc0b77bf.js';
 import { setCookie } from './miscCookieHelper.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { G as Google, F as Facebook } from './Google-e23c6513.js';
+import { G as Google, F as Facebook } from './Google-19e2980a.js';
 import { Info } from '@hhgtech/icons/other';
-import './index.styles-ae7a26aa.js';
+import './index.styles-72f53c7a.js';
 import styled from '@emotion/styled';
-import { M as MAPPED_LOCALE } from './utils-abffb131.js';
+import { M as MAPPED_LOCALE } from './utils-c25c0c9e.js';
 import { useForm, yupResolver } from '@mantine/form';
 import * as yup from 'yup';
 import dayjs from 'dayjs';
-import { u as useSSOV2Store } from './store-90768a60.js';
-export { u as useSSOV2Store } from './store-90768a60.js';
-import { D as DatePicker } from './index-f02d9706.js';
-import './index-3e77bbae.js';
+import { u as useSSOV2Store } from './store-b7e3559a.js';
+export { u as useSSOV2Store } from './store-b7e3559a.js';
+import { D as DatePicker } from './index-ca287f93.js';
+import './index-b098e0a6.js';
 import '@mantine/carousel';
 import './miscTheme.js';
 import 'classnames';
-import './useUniqueId-11f18386.js';
+import './useUniqueId-8a8c31bd.js';
 import './constantsSite.js';
 import 'date-fns/locale';
 import './constantsRiskScreener.js';
@@ -1021,12 +1021,13 @@ const StyledPhone = styled(Phone) `
 `;
 
 const SSOFirstScreen = ({ hidden }) => {
+    var _a, _b;
     const [phone, setPhone] = React__default.useState('');
     const [errMsg, setErrMsg] = React__default.useState('');
     const { locale, onClose } = useSSOState();
     const { addStep, goNext, setShareData } = useSSOSteps();
     const handleLoginBySocial = (credential, provider) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c, _d;
+        var _c, _d, _e, _f, _g;
         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);
@@ -1035,7 +1036,7 @@ const SSOFirstScreen = ({ hidden }) => {
                 setShareData({
                     authMethod: provider,
                 });
-                if ((_a = userInfo._data) === null || _a === void 0 ? void 0 : _a.is_new) {
+                if ((_c = userInfo._data) === null || _c === void 0 ? void 0 : _c.is_new) {
                     setShareData((a) => (Object.assign(Object.assign({}, a), { authFlow: 'register' })));
                     addStep({
                         type: SSOStepTypeType.SETUP_FULL,
@@ -1046,7 +1047,8 @@ const SSOFirstScreen = ({ hidden }) => {
                     });
                     goNext();
                 }
-                else if (!((_b = userInfo._data) === null || _b === void 0 ? void 0 : _b.phone_verified)) {
+                else if (!((_d = userInfo._data) === null || _d === void 0 ? void 0 : _d.phone_verified_at) ||
+                    !((_e = userInfo._data) === null || _e === void 0 ? void 0 : _e.phone)) {
                     setShareData((a) => (Object.assign(Object.assign({}, a), { authFlow: 'verify-phone' })));
                     addStep({
                         type: SSOStepTypeType.VERIFY_PHONE,
@@ -1058,11 +1060,11 @@ const SSOFirstScreen = ({ hidden }) => {
                 }
             }
             else {
-                setErrMsg(((_c = userInfo === null || userInfo === void 0 ? void 0 : userInfo._messages) === null || _c === void 0 ? void 0 : _c[0]) || 'API error');
+                setErrMsg(((_f = userInfo === null || userInfo === void 0 ? void 0 : userInfo._messages) === null || _f === void 0 ? void 0 : _f[0]) || 'API error');
             }
         }
         else {
-            setErrMsg(((_d = res === null || res === void 0 ? void 0 : res._messages) === null || _d === void 0 ? void 0 : _d[0]) || 'API error');
+            setErrMsg(((_g = res === null || res === void 0 ? void 0 : res._messages) === null || _g === void 0 ? void 0 : _g[0]) || 'API error');
         }
     });
     useEffect(() => {
@@ -1092,14 +1094,14 @@ const SSOFirstScreen = ({ hidden }) => {
         };
     }, []);
     const onClickContinueZalo = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _e, _f, _g, _h;
+        var _h, _j, _k, _l;
         const { areaCode, phoneNumber } = splitPhone(phone);
         const userExist = yield checkUserExist({ phone: phoneNumber });
         if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
             setShareData({
                 authMethod: 'phone',
             });
-            if ((_e = userExist._data) === null || _e === void 0 ? void 0 : _e.is_pass) {
+            if ((_h = userExist._data) === null || _h === void 0 ? void 0 : _h.is_pass) {
                 setShareData((a) => (Object.assign(Object.assign({}, a), { authFlow: 'login' })));
                 addStep({
                     type: SSOStepTypeType.PASSWORD,
@@ -1111,14 +1113,14 @@ const SSOFirstScreen = ({ hidden }) => {
             }
             else {
                 let res;
-                if (!((_f = userExist._data) === null || _f === void 0 ? void 0 : _f.provider)) {
+                if (!((_j = userExist._data) === null || _j === void 0 ? void 0 : _j.provider)) {
                     res = yield registerBySendZaloOTP(phoneNumber, areaCode);
                 }
                 else {
                     res = yield resendZaloOTP(phoneNumber, areaCode);
                 }
                 if ((res === null || res === void 0 ? void 0 : res._status) !== 1) {
-                    setErrMsg(((_g = res._messages) === null || _g === void 0 ? void 0 : _g[0]) || 'API error');
+                    setErrMsg(((_k = res._messages) === null || _k === void 0 ? void 0 : _k[0]) || 'API error');
                     return;
                 }
                 setShareData((a) => (Object.assign(Object.assign({}, a), { authFlow: 'register' })));
@@ -1134,18 +1136,18 @@ const SSOFirstScreen = ({ hidden }) => {
             }
         }
         else {
-            setErrMsg(((_h = userExist === null || userExist === void 0 ? void 0 : userExist._messages) === null || _h === void 0 ? void 0 : _h[0]) || 'API error');
+            setErrMsg(((_l = userExist === null || userExist === void 0 ? void 0 : userExist._messages) === null || _l === void 0 ? void 0 : _l[0]) || 'API error');
         }
     });
     const onClickContinuePhone = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _j, _k, _l, _m;
+        var _m, _o, _p, _q;
         const { areaCode, phoneNumber } = splitPhone(phone);
         const userExist = yield checkUserExist({ phone: phoneNumber });
         if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
             setShareData({
                 authMethod: 'phone',
             });
-            if ((_j = userExist._data) === null || _j === void 0 ? void 0 : _j.is_pass) {
+            if ((_m = userExist._data) === null || _m === void 0 ? void 0 : _m.is_pass) {
                 setShareData((a) => (Object.assign(Object.assign({}, a), { authFlow: 'login' })));
                 addStep({
                     type: SSOStepTypeType.PASSWORD,
@@ -1157,14 +1159,14 @@ const SSOFirstScreen = ({ hidden }) => {
             }
             else {
                 let res;
-                if (!((_k = userExist._data) === null || _k === void 0 ? void 0 : _k.provider)) {
+                if (!((_o = userExist._data) === null || _o === void 0 ? void 0 : _o.provider)) {
                     res = yield registerBySendPhoneOTP(phoneNumber, areaCode);
                 }
                 else {
                     res = yield resendPhoneOTP(phoneNumber, areaCode);
                 }
                 if ((res === null || res === void 0 ? void 0 : res._status) !== 1) {
-                    setErrMsg(((_l = res._messages) === null || _l === void 0 ? void 0 : _l[0]) || 'API error');
+                    setErrMsg(((_p = res._messages) === null || _p === void 0 ? void 0 : _p[0]) || 'API error');
                     return;
                 }
                 setShareData((a) => (Object.assign(Object.assign({}, a), { authFlow: 'register' })));
@@ -1180,7 +1182,7 @@ const SSOFirstScreen = ({ hidden }) => {
             }
         }
         else {
-            setErrMsg(((_m = userExist === null || userExist === void 0 ? void 0 : userExist._messages) === null || _m === void 0 ? void 0 : _m[0]) || 'API error');
+            setErrMsg(((_q = userExist === null || userExist === void 0 ? void 0 : userExist._messages) === null || _q === void 0 ? void 0 : _q[0]) || 'API error');
         }
     });
     const onClickEmail = () => {
@@ -1266,14 +1268,14 @@ const SSOFirstScreen = ({ hidden }) => {
             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: "#privacy", target: "_blank", style: {
+                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: "#tos", target: "_blank", style: {
+                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"),
@@ -1771,15 +1773,14 @@ const SSOPhoneVerify = ({ hidden, }) => {
     const { locale } = useSSOState();
     const { addStep, goNext } = useSSOSteps();
     const onClickContinueZalo = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c;
+        var _a, _b;
         const { areaCode, phoneNumber } = splitPhone(phone);
         const userExist = yield checkUserExist({ phone: phoneNumber });
         if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
             if (!userExist._data) {
-                setErrMsg(((_a = userExist === null || userExist === void 0 ? void 0 : userExist._messages) === null || _a === void 0 ? void 0 : _a[0]) || 'API error');
                 const res = yield resendUpdatePhoneZaloOTP(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(((_a = res === null || res === void 0 ? void 0 : res._messages) === null || _a === void 0 ? void 0 : _a[0]) || 'API error');
                     return;
                 }
                 addStep({
@@ -1798,19 +1799,18 @@ const SSOPhoneVerify = ({ hidden, }) => {
             }
         }
         else {
-            setErrMsg(((_c = userExist === null || userExist === void 0 ? void 0 : userExist._messages) === null || _c === void 0 ? void 0 : _c[0]) || 'API error');
+            setErrMsg(((_b = userExist === null || userExist === void 0 ? void 0 : userExist._messages) === null || _b === void 0 ? void 0 : _b[0]) || 'API error');
         }
     });
     const onClickContinuePhone = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _d, _e, _f;
+        var _c, _d;
         const { areaCode, phoneNumber } = splitPhone(phone);
         const userExist = yield checkUserExist({ phone: phoneNumber });
         if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
             if (!userExist._data) {
-                setErrMsg(((_d = userExist === null || userExist === void 0 ? void 0 : userExist._messages) === null || _d === void 0 ? void 0 : _d[0]) || 'API error');
                 const res = yield resendUpdatePhoneOTP(phoneNumber, areaCode);
                 if ((res === null || res === void 0 ? void 0 : res._status) !== 1) {
-                    setErrMsg(((_e = res === null || res === void 0 ? void 0 : res._messages) === null || _e === void 0 ? void 0 : _e[0]) || 'API error');
+                    setErrMsg(((_c = res === null || res === void 0 ? void 0 : res._messages) === null || _c === void 0 ? void 0 : _c[0]) || 'API error');
                     return;
                 }
                 addStep({
@@ -1829,7 +1829,7 @@ const SSOPhoneVerify = ({ hidden, }) => {
             }
         }
         else {
-            setErrMsg(((_f = userExist === null || userExist === void 0 ? void 0 : userExist._messages) === null || _f === void 0 ? void 0 : _f[0]) || 'API error');
+            setErrMsg(((_d = userExist === null || userExist === void 0 ? void 0 : userExist._messages) === null || _d === void 0 ? void 0 : _d[0]) || 'API error');
         }
     });
     return (React__default.createElement("div", { style: {
@@ -1939,7 +1939,7 @@ const OtherSetup = ({ form, needPhone, needEmail, isEmailDisable, }) => {
                         : 'tertiary', onClick: () => {
                         form.setFieldValue('gender', 'male');
                     }, leftIcon: React__default.createElement(MaleIcon, null) }, "Male"))),
-        React__default.createElement(DatePicker, Object.assign({ name: "dob", label: "Birthday", withAsterisk: true, required: true, placeholder: "Enter your birthday" }, form.getInputProps('dob')))));
+        React__default.createElement(DatePicker, Object.assign({ name: "dob", label: "Birthday", withAsterisk: true, required: true, placeholder: "Enter your birthday", maxDate: new Date() }, form.getInputProps('dob')))));
 };
 
 const SSOSetupScreen = ({ hidden, index, }) => {
@@ -1950,6 +1950,7 @@ const SSOSetupScreen = ({ hidden, index, }) => {
     const currentStep = steps[index];
     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;
     const needPass = !(userInfo === null || userInfo === void 0 ? void 0 : userInfo.is_pass);
     const needPhone = !(userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone_verified_at);
     // const isNew = !!userInfo?.is_new
@@ -1999,31 +2000,31 @@ const SSOSetupScreen = ({ hidden, index, }) => {
     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 || '');
+        const { phoneNumber, areaCode } = splitPhone(phone || configPhone || '');
         // validate only, delay set data to after otp
         const res = yield updateUserInfo({
             name,
             birthday: dayjs(dob).format('YYYY-MM-DD'),
-            email: values.email,
+            email: values.email || undefined,
             password,
             confirm_password: confirmPassword,
-            phone_number: phoneNumber,
-            area_code: areaCode,
+            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),
             gender: gender === 'male' ? 1 : 0,
             source: setupSource,
             validate: 'true',
         });
         if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
             // if need phone and has phone then start phone verify step, close after done
-            if (needPhone && phone) {
+            if (needPhone) {
                 const setupData = {
                     name,
                     birthday: dayjs(dob).format('YYYY-MM-DD'),
-                    email: values.email,
+                    email: values.email || undefined,
                     password,
                     confirm_password: confirmPassword,
-                    phone_number: phoneNumber,
-                    area_code: areaCode,
+                    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),
                     gender: gender === 'male' ? 1 : 0,
                     source: setupSource,
                 };
@@ -2069,11 +2070,11 @@ const SSOSetupScreen = ({ hidden, index, }) => {
                 const res = yield updateUserInfo({
                     name,
                     birthday: dayjs(dob).format('YYYY-MM-DD'),
-                    email: values.email,
+                    email: values.email || undefined,
                     password,
                     confirm_password: confirmPassword,
-                    phone_number: phoneNumber,
-                    area_code: areaCode,
+                    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),
                     gender: gender === 'male' ? 1 : 0,
                     source: setupSource,
                     validate: '',
@@ -2104,7 +2105,11 @@ const SSOSetupScreen = ({ hidden, index, }) => {
             React__default.createElement(OtherSetup, { needPhone: needPhone, needEmail: needEmail, isEmailDisable: isEmailDisable, form: form }),
             React__default.createElement(CollectInfoText, null),
             errMsg && (React__default.createElement(Text, { color: "red.6", size: "p4" }, errMsg)),
-            React__default.createElement(Button, { type: "submit", variant: "primary", fullWidth: true }, needPhone ? 'Verify Phone Number' : 'Save'))));
+            React__default.createElement(Button, { type: "submit", variant: "primary", fullWidth: true }, needPhone
+                ? 'Verify Phone Number'
+                : authFlow === 'register'
+                    ? 'Create new account'
+                    : 'Save'))));
 };
 
 const SSOScreenRenderer = () => {

package/build/esm/{store-90768a60.js → store-b7e3559a.js}

@@ -1,6 +1,6 @@
 import { create } from 'zustand';
 import { getCookie } from './miscCookieHelper.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-68af4293.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-7796e34f.js';
 
 const useSSOV2Store = create()((set) => ({
     isOpen: false,