@hhgtech/hhg-components 1.29.262 → 1.29.264

package/build/esm/organisms.js

@@ -1,73 +1,73 @@
-export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-2d651fe7.js';
-export { U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats } from './index-84787306.js';
-export { F as Footer } from './index-17b0533a.js';
+export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-fd33e753.js';
+export { U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats } from './index-7b6f8e93.js';
+export { F as Footer } from './index-a27e9b45.js';
 export { NavigationLogoutPopup } from './navigationLogoutPopup.js';
-export { N as NavigationProfileButton } from './index-45bcfb02.js';
+export { N as NavigationProfileButton } from './index-9a1d7e0c.js';
 export { ProfileNavigation } from './profileNavigation.js';
-import './tslib.es6-1fcc6d0c.js';
+import './tslib.es6-9def1a6b.js';
 import 'react';
-import './index-9be9359c.js';
-import './index-2b7cdf66.js';
+import './index-9671b9bb.js';
+import './index-23506cfd.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
 import '@mantine/hooks';
-import './index-43ab5409.js';
+import './index-9466d1df.js';
 import './constantsDomainLocales.js';
-import './Locale-7bbf5f21.js';
+import './Locale-7afb2f5a.js';
 import './constantsIsProduction.js';
-import './index.styles-06d7093e.js';
-import './utils-22d5350b.js';
+import './index.styles-910c795d.js';
+import './utils-6bf41b04.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-3098464a.js';
-import './other-dd2924fa.js';
-import './index-35ccf154.js';
+import './index-79873518.js';
+import './other-2213fc69.js';
+import './index-72731554.js';
 import './miscTheme.js';
-import './useMantineLocale-adad9aa0.js';
+import './useMantineLocale-8bb5a385.js';
 import '@mantine/notifications';
 import 'dayjs';
-import './index-b4f0a556.js';
+import './index-0d0e7754.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-6bef8f57.js';
-import './index-8727264c.js';
+import './index-0e5d2ae5.js';
+import './index-ab0990f0.js';
 import 'classnames';
-import './useUniqueId-3eb4d613.js';
+import './useUniqueId-6d36816a.js';
 import '@hhgtech/icons/core';
-import './normalizeLink-5b21490e.js';
-import './dataTransform-64714034.js';
-import './index-e42c1ce0.js';
-import './logoIcon-7485e355.js';
-import './index-0aea42db.js';
-import './translationsContext-64c87bf8.js';
+import './normalizeLink-121624a8.js';
+import './dataTransform-2860e3b6.js';
+import './index-c435c2b9.js';
+import './logoIcon-96e4da25.js';
+import './index-278de453.js';
+import './translationsContext-f3078733.js';
 import 'lodash/throttle';
 import '@mantine/dates';
-import './index-0ed215d5.js';
-import './constants-5e1537ce.js';
-import './store-558a5116.js';
+import './index-e60123fe.js';
+import './constants-c889b5d6.js';
+import './store-19e43682.js';
 import 'zustand';
 import './miscCookieHelper.js';
-import './index-2c586b74.js';
-import './utils-365d5b33.js';
-import './index-ff15e92c.js';
+import './index-59d0f4b0.js';
+import './utils-f56ecca9.js';
+import './index-d520a8a0.js';
 import 'slugify';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-79a93f14.js';
-import './constants-122afebe.js';
-import './index-63baae82.js';
-import './index-af521430.js';
-import './useIsInit-05751c8d.js';
+import './constants-f63c910b.js';
+import './constants-b4554162.js';
+import './index-5cf33408.js';
+import './index-8606fa35.js';
+import './useIsInit-f015674f.js';
 import './miscDefaultClassWrapper.js';
 import 'dayjs/plugin/relativeTime';
-import './index-f9b1e6e3.js';
-import './index-93d3067a.js';
+import './index-5f937e7b.js';
+import './index-c1dc7398.js';
 import 'lodash/debounce';
-import './core-08d07a07.js';
-import './index-fca3f633.js';
-import './index-dc929c0c.js';
-import './index-d3f6f9c4.js';
-import './Spinner-4e281f2e.js';
-import './ChevronDown-1ffe4242.js';
+import './core-e90a1f2a.js';
+import './index-96e6d11f.js';
+import './index-1a5f06ae.js';
+import './index-79f6be04.js';
+import './Spinner-8a1ac742.js';
+import './ChevronDown-1d54b5c4.js';
 import '@emotion/react';

package/build/esm/{post-791542c4.js → post-e6df81e6.js}

@@ -1,6 +1,6 @@
-import { a as __awaiter } from './tslib.es6-1fcc6d0c.js';
+import { a as __awaiter } from './tslib.es6-9def1a6b.js';
 import { ADMIN_PATHS, PATHS } from './togetherApiPaths.js';
-import { d as getApiPath, s as callApiWithAdminAuth, b as callApiWithAuth } from './utils-365d5b33.js';
+import { d as getApiPath, s as callApiWithAdminAuth, b as callApiWithAuth } from './utils-f56ecca9.js';
 
 const EncodeUrlRegexMap = {
     edit: /<mocka ([^>]*)data-url="true"[^<>]*>(.*?)<\/mocka>/gim,

package/build/esm/profileNavigation.js

@@ -1,37 +1,37 @@
 import React__default, { useMemo, useState, Fragment, useEffect } from 'react';
-import { a as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES } from './index-b4f0a556.js';
-import { a as Avatar } from './index-2b7cdf66.js';
+import { a as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES } from './index-0d0e7754.js';
+import { a as Avatar } from './index-23506cfd.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-35ccf154.js';
-import { C as CommonGAssets } from './index-43ab5409.js';
-import './useMantineLocale-adad9aa0.js';
-import { T as Text } from './index-3098464a.js';
-import './index-6bef8f57.js';
-import './index.styles-06d7093e.js';
-import { u as useTranslations } from './index-0aea42db.js';
+import './index-72731554.js';
+import { C as CommonGAssets } from './index-9466d1df.js';
+import './useMantineLocale-8bb5a385.js';
+import { T as Text } from './index-79873518.js';
+import './index-0e5d2ae5.js';
+import './index.styles-910c795d.js';
+import { u as useTranslations } from './index-278de453.js';
 import '@mantine/hooks';
-import './utils-22d5350b.js';
-import './other-dd2924fa.js';
-import './index-0ed215d5.js';
-import { C as ChevronDown } from './ChevronDown-1ffe4242.js';
-import { e as normalizeLinkSlash, a as getCurrentSsoUrl, g as getCurrentBaseUrl } from './normalizeLink-5b21490e.js';
+import './utils-6bf41b04.js';
+import './other-2213fc69.js';
+import './index-e60123fe.js';
+import { C as ChevronDown } from './ChevronDown-1d54b5c4.js';
+import { e as normalizeLinkSlash, a as getCurrentSsoUrl, g as getCurrentBaseUrl } from './normalizeLink-121624a8.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import './translationsContext-64c87bf8.js';
+import './translationsContext-f3078733.js';
 import 'date-fns/locale';
 import './constantsSite.js';
-import './Locale-7bbf5f21.js';
+import './Locale-7afb2f5a.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
 import './constantsIsProduction.js';
-import './tslib.es6-1fcc6d0c.js';
+import './tslib.es6-9def1a6b.js';
 import '@hhgtech/icons/other';
 import '@mantine/carousel';
-import './index-8727264c.js';
+import './index-ab0990f0.js';
 import 'classnames';
-import './useUniqueId-3eb4d613.js';
+import './useUniqueId-6d36816a.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-1fcc6d0c.js';
+import { _ as __rest } from './tslib.es6-9def1a6b.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,43 +1,43 @@
 import React__default, { useMemo, useState, useRef } from 'react';
-import { M as MarryBabyText, a as MarryBabyHeading } from './index-dc929c0c.js';
-import { T as Text } from './index-3098464a.js';
-import { P as PillCarousel } from './index-12b46600.js';
-import { u as useTranslations } from './index-0aea42db.js';
+import { M as MarryBabyText, a as MarryBabyHeading } from './index-1a5f06ae.js';
+import { T as Text } from './index-79873518.js';
+import { P as PillCarousel } from './index-9ee65eb9.js';
+import { u as useTranslations } from './index-278de453.js';
 import { theme } from './miscTheme.js';
 import { ResponsiveContainer, AreaChart, CartesianGrid, Tooltip, XAxis, YAxis, Area, ReferenceDot } from 'recharts';
-import { C as CustomReferenceDot } from './index-b2eeeddb.js';
-import { a as useOutsideClick } from './useOutsideClick-b7c1b2b6.js';
+import { C as CustomReferenceDot } from './index-539df65b.js';
+import { a as useOutsideClick } from './useOutsideClick-3534520f.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-1fcc6d0c.js';
+import { _ as __rest } from './tslib.es6-9def1a6b.js';
 import '@mantine/core';
-import './other-dd2924fa.js';
-import './index-35ccf154.js';
-import './Locale-7bbf5f21.js';
-import './index-43ab5409.js';
+import './other-2213fc69.js';
+import './index-72731554.js';
+import './Locale-7afb2f5a.js';
+import './index-9466d1df.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './index-8727264c.js';
-import './index-ff819688.js';
-import './index-2b7cdf66.js';
+import './index-ab0990f0.js';
+import './index-9a35fb8e.js';
+import './index-23506cfd.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index.styles-06d7093e.js';
-import './utils-22d5350b.js';
+import './index.styles-910c795d.js';
+import './utils-6bf41b04.js';
 import '@mantine/carousel';
-import './useMantineLocale-adad9aa0.js';
+import './useMantineLocale-8bb5a385.js';
 import '@mantine/notifications';
 import 'dayjs';
-import './index-b4f0a556.js';
+import './index-0d0e7754.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-6bef8f57.js';
+import './index-0e5d2ae5.js';
 import 'classnames';
-import './useUniqueId-3eb4d613.js';
+import './useUniqueId-6d36816a.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './translationsContext-64c87bf8.js';
-import './index-0ed215d5.js';
+import './translationsContext-f3078733.js';
+import './index-e60123fe.js';
 
 const CustomizedAxisTick = (props) => {
     const { x, y, payload, activeWeek } = props;

package/build/esm/ssoV2/ssoStateManager/store.d.ts

@@ -14,6 +14,7 @@ export type SSOV2StoreType = {
         source?: string;
         returnUrl?: string;
         legalTextType?: 'community' | 'default';
+        forceReloadOnClose?: boolean;
     }) => void;
     triggerCareEmailPhoneVerify: (params?: {
         source?: string;

package/build/esm/ssoV2.js

@@ -1,51 +1,51 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-1fcc6d0c.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-9def1a6b.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-2b7cdf66.js';
+import { I as Input, P as Phone, O as OTP, f as PasswordInput, R as Radio, E as ErrorBoundary } from './index-23506cfd.js';
+import { a as useSSOSteps, f as fetchSSOV2Api, w as websiteId, S as SSO_V2_PATHS, c as checkUserExist, u as useSSOV2Store, b as SSOStepTypeType, d as allAvailableAreaCodes, F as FacebookAppId, G as GoogleAuthClientId, h as handleAuthSuccess, g as getUserInfo, i as isUserFinishedSetup, e as updateUserInfo, r as resetPassword, j as redirect } from './store-19e43682.js';
+export { u as useSSOV2Store } from './store-19e43682.js';
 import { ChevronLeft } from '@hhgtech/icons/arrow';
 import { Close } from '@hhgtech/icons/core';
-import { L as LogoIcon } from './logoIcon-7485e355.js';
-import { B as Button } from './index-6bef8f57.js';
-import { M as Modal } from './index-316da3a5.js';
+import { L as LogoIcon } from './logoIcon-96e4da25.js';
+import { B as Button } from './index-0e5d2ae5.js';
+import { M as Modal } from './index-5031a9cf.js';
 import { Stack, Group } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, S as STATIC_PAGES } from './index-b4f0a556.js';
-import './index-35ccf154.js';
-import './index-43ab5409.js';
-import { s as showNotification } from './useMantineLocale-adad9aa0.js';
-import { T as Text } from './index-3098464a.js';
-import { u as useTranslations } from './index-0aea42db.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES } from './index-0d0e7754.js';
+import './index-72731554.js';
+import './index-9466d1df.js';
+import { s as showNotification } from './useMantineLocale-8bb5a385.js';
+import { T as Text } from './index-79873518.js';
+import { u as useTranslations } from './index-278de453.js';
 import '@mantine/hooks';
-import './utils-22d5350b.js';
-import './other-dd2924fa.js';
-import './index-0ed215d5.js';
-import { L as LOCALE } from './Locale-7bbf5f21.js';
-import { a as useSSOSteps, f as fetchSSOV2Api, w as websiteId, S as SSO_V2_PATHS, c as checkUserExist, u as useSSOV2Store, b as SSOStepTypeType, d as allAvailableAreaCodes, F as FacebookAppId, G as GoogleAuthClientId, h as handleAuthSuccess, g as getUserInfo, i as isUserFinishedSetup, e as updateUserInfo, r as resetPassword, j as redirect } from './store-558a5116.js';
-export { u as useSSOV2Store } from './store-558a5116.js';
-import { G as Google, F as Facebook } from './Google-7b33fe0f.js';
+import './utils-6bf41b04.js';
+import './other-2213fc69.js';
+import './index-e60123fe.js';
+import { L as LOCALE } from './Locale-7afb2f5a.js';
+import { G as Google, F as Facebook } from './Google-9db2f706.js';
 import styled from '@emotion/styled';
-import { M as MAPPED_LOCALE } from './utils-f8c1ea90.js';
-import { S as Spoiler } from './index-f4fd9436.js';
+import { M as MAPPED_LOCALE } from './utils-d045a3af.js';
+import { S as Spoiler } from './index-1245d369.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-7f6a522f.js';
+import { D as DatePicker } from './index-373b91fc.js';
 import '@hhgtech/icons/other';
-import './index.styles-06d7093e.js';
+import './index.styles-910c795d.js';
 import '@mantine/carousel';
 import './miscTheme.js';
-import './index-8727264c.js';
+import './index-ab0990f0.js';
 import 'classnames';
-import './useUniqueId-3eb4d613.js';
+import './useUniqueId-6d36816a.js';
 import './constantsSite.js';
+import 'zustand';
+import './constantsIsProduction.js';
+import './normalizeLink-121624a8.js';
+import './miscCookieHelper.js';
 import 'date-fns/locale';
 import './constantsRiskScreener.js';
-import './constantsIsProduction.js';
 import '@mantine/notifications';
-import './translationsContext-64c87bf8.js';
-import 'zustand';
-import './normalizeLink-5b21490e.js';
-import './miscCookieHelper.js';
+import './translationsContext-f3078733.js';
 
 const SSOStateContext = createContext({
     locale: LOCALE.Vietnam,
@@ -170,8 +170,8 @@ const SSOPopupWrapper = ({ children, opened, onClose, }) => {
                 body: {
                     display: 'flex',
                     flexDirection: 'column',
-                    gap: 24,
-                    padding: '36px 24px',
+                    gap: 16,
+                    padding: '32px 24px',
                     position: 'relative',
                     background: 'linear-gradient(180deg, #A5D4FF 0%, #FFFFFF 150px)',
                     overflow: 'auto',
@@ -1098,7 +1098,7 @@ const verifyUpdateEmailOTP = (otpCode) => __awaiter(void 0, void 0, void 0, func
 const SSOOTPScreen = ({ hidden, index, config, }) => {
     const { t } = useTranslations();
     const { onClose, setTracking } = useSSOState();
-    const { setSteps, addStep, goNext } = useSSOSteps();
+    const { setSteps } = useSSOSteps();
     const { flowData } = useSSOV2Store();
     const [loading, setLoading] = React__default.useState(false);
     const [otp, setOtp] = React__default.useState('');
@@ -1129,6 +1129,16 @@ const SSOOTPScreen = ({ hidden, index, config, }) => {
             });
         }
     }, [hidden]);
+    const addStepAndGoNext = (step) => {
+        setSteps((s) => {
+            var _a, _b;
+            if (((_a = s[index - 1]) === null || _a === void 0 ? void 0 : _a.type) === SSOStepTypeType.VERIFY_PHONE ||
+                ((_b = s[index - 1]) === null || _b === void 0 ? void 0 : _b.type) === SSOStepTypeType.UPDATE_EMAIL) {
+                return s.slice(0, index).concat(step);
+            }
+            return s.slice(0, index + 1).concat(step);
+        });
+    };
     const sendOTPCode = (checkResend) => __awaiter(void 0, void 0, void 0, function* () {
         if (checkResend && resendTime > 0)
             return;
@@ -1220,27 +1230,25 @@ const SSOOTPScreen = ({ hidden, index, config, }) => {
                                 (userInfo === null || userInfo === void 0 ? void 0 : userInfo._data.provider) === 'phone') &&
                                 !(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data.is_pass);
                             if (needPass) {
-                                addStep({
+                                addStepAndGoNext({
                                     type: SSOStepTypeType.FORGOT_PASSWORD_SETUP,
                                     config: {
                                         email,
                                         phone,
                                     },
                                 });
-                                goNext();
                                 return setLoading(false);
                             }
                             onClose === null || onClose === void 0 ? void 0 : onClose(true);
                             return setLoading(false);
                         }
-                        addStep({
+                        addStepAndGoNext({
                             type: SSOStepTypeType.SETUP_FULL,
                             config: {
                                 phone,
                                 userInfo: userInfo === null || userInfo === void 0 ? void 0 : userInfo._data,
                             },
                         });
-                        goNext();
                     }
                     else if (afterAction === 'submitSetup') {
                         const res = yield updateUserInfo(Object.assign(Object.assign({}, setupData), { validate: '' }));
@@ -1254,10 +1262,9 @@ const SSOOTPScreen = ({ hidden, index, config, }) => {
                         }
                     }
                     else if (afterAction === 'update-email') {
-                        addStep({
+                        addStepAndGoNext({
                             type: SSOStepTypeType.UPDATE_EMAIL,
                         });
-                        goNext();
                     }
                     else {
                         onClose === null || onClose === void 0 ? void 0 : onClose(true);
@@ -1295,13 +1302,12 @@ const SSOOTPScreen = ({ hidden, index, config, }) => {
             //   return
             // }
             if (afterAction === 'forgot') {
-                addStep({
+                addStepAndGoNext({
                     type: SSOStepTypeType.FORGOT_PASSWORD_SETUP,
                     config: {
                         provider: isZalo ? 'Zalo' : isSMS ? 'SMS' : isEmail ? 'Email' : '',
                     },
                 });
-                goNext();
             }
             else if (afterAction === 'setup') {
                 const userInfo = yield getUserInfo();
@@ -1332,33 +1338,30 @@ const SSOOTPScreen = ({ hidden, index, config, }) => {
                         (userInfo === null || userInfo === void 0 ? void 0 : userInfo._data.provider) === 'phone') &&
                         !(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data.is_pass);
                     if (needPass) {
-                        addStep({
+                        addStepAndGoNext({
                             type: SSOStepTypeType.FORGOT_PASSWORD_SETUP,
                             config: {
                                 email,
                                 phone,
                             },
                         });
-                        goNext();
                         return setLoading(false);
                     }
                     onClose === null || onClose === void 0 ? void 0 : onClose(true);
                     return setLoading(false);
                 }
-                addStep({
+                addStepAndGoNext({
                     type: SSOStepTypeType.SETUP_FULL,
                     config: {
                         phone,
                         userInfo: userInfo === null || userInfo === void 0 ? void 0 : userInfo._data,
                     },
                 });
-                goNext();
             }
             else if (afterAction === 'update-email') {
-                addStep({
+                addStepAndGoNext({
                     type: SSOStepTypeType.UPDATE_EMAIL,
                 });
-                goNext();
             }
             else {
                 onClose === null || onClose === void 0 ? void 0 : onClose(true);
@@ -1755,14 +1758,12 @@ const SSOPasswordWithConfirm = (_a) => {
                 form.values.confirmPassword && form.validateField('confirmPassword');
             }, disabled: loading, "data-event-category": tracking === null || tracking === void 0 ? void 0 : tracking.category, "data-event-action": tracking === null || tracking === void 0 ? void 0 : tracking.action, "data-event-label": "Enter Password" })),
         React__default.createElement(Stack, { spacing: 8 },
-            React__default.createElement(Text, { size: "n1" },
+            React__default.createElement(Group, { spacing: 4, align: "center" },
                 atLeast8Chars ? (React__default.createElement(CheckGreenIcon, null)) : typeof atLeast8Chars === 'undefined' ? (React__default.createElement(CheckGrayIcon, null)) : (React__default.createElement(CheckRedIcon, null)),
-                ' ',
-                t('ssov2.passwordForgotSetup.field.password.atLeast8Chars')),
-            React__default.createElement(Text, { size: "n1" },
+                React__default.createElement(Text, { size: "n1" }, t('ssov2.passwordForgotSetup.field.password.atLeast8Chars'))),
+            React__default.createElement(Group, { spacing: 4, align: "center" },
                 atLeastOneUpper ? (React__default.createElement(CheckGreenIcon, null)) : typeof atLeastOneUpper === 'undefined' ? (React__default.createElement(CheckGrayIcon, null)) : (React__default.createElement(CheckRedIcon, null)),
-                ' ',
-                t('ssov2.passwordForgotSetup.field.password.atLeastOneUpper'))),
+                React__default.createElement(Text, { size: "n1" }, 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, disabled: loading, "data-event-category": tracking === null || tracking === void 0 ? void 0 : tracking.category, "data-event-action": tracking === null || tracking === void 0 ? void 0 : tracking.action, "data-event-label": "Confirm Password" }, form.getInputProps('confirmPassword')))));
 };
 
@@ -2046,9 +2047,6 @@ const OtherSetup = ({ form, needPhone, skipPhone, needEmail, isEmailDisable, isP
                         leftIcon: {
                             marginRight: 8,
                         },
-                        inner: {
-                            justifyContent: 'start',
-                        },
                     }, variant: form.getInputProps('gender').value === 'female'
                         ? 'secondary'
                         : 'tertiary', onClick: () => {
@@ -2061,9 +2059,6 @@ const OtherSetup = ({ form, needPhone, skipPhone, needEmail, isEmailDisable, isP
                         leftIcon: {
                             marginRight: 8,
                         },
-                        inner: {
-                            justifyContent: 'start',
-                        },
                     }, variant: form.getInputProps('gender').value === 'male'
                         ? 'secondary'
                         : 'tertiary', onClick: () => {
@@ -2149,7 +2144,7 @@ const SSOSetupScreen = ({ hidden, config, }) => {
             : {})), { dob: (defaultData === null || defaultData === void 0 ? void 0 : defaultData.birthday)
                 ? dayjs(defaultData.birthday, 'MM/DD/YYYY').toDate()
                 : undefined }),
-        validateInputOnBlur: true,
+        validateInputOnChange: true,
         validate: yupResolver(yup.object().shape(Object.assign(Object.assign(Object.assign(Object.assign({}, (needPass
             ? {
                 password: yup
@@ -2441,6 +2436,7 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
         return null;
     }
     const onClose = (success) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
         if (success && overrideClose) {
             overrideClose();
             return;
@@ -2451,7 +2447,13 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
         }
         else {
             if (forceReloadOnClose) {
-                window.location.reload();
+                const userInfo = yield getUserInfo();
+                if (!((_a = userInfo === null || userInfo === void 0 ? void 0 : userInfo._data) === null || _a === void 0 ? void 0 : _a.id)) {
+                    window.location.reload();
+                }
+                else {
+                    redirect(returnUrl, source, true);
+                }
             }
         }
         onCloseProps === null || onCloseProps === void 0 ? void 0 : onCloseProps();

package/build/esm/{store-558a5116.js → store-19e43682.js}

@@ -1,8 +1,8 @@
-import { a as __awaiter } from './tslib.es6-1fcc6d0c.js';
+import { a as __awaiter } from './tslib.es6-9def1a6b.js';
 import { create } from 'zustand';
 import { isProduction } from './constantsIsProduction.js';
-import { e as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-5b21490e.js';
-import { L as LOCALE_SPECS, B as BEARER_REFRESH_TOKEN_COOKIE, c as BEARER_TOKEN_COOKIE$1 } from './index-b4f0a556.js';
+import { e as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-121624a8.js';
+import { L as LOCALE_SPECS, B as BEARER_REFRESH_TOKEN_COOKIE, c as BEARER_TOKEN_COOKIE$1 } from './index-0d0e7754.js';
 import { setCookie, getCookie } from './miscCookieHelper.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
@@ -284,7 +284,9 @@ const useSSOV2Store = create()((set, get) => ({
                 returnUrl,
                 source,
                 overrideClose: undefined,
-                forceReloadOnClose: false,
+                forceReloadOnClose: (returnUrl === null || returnUrl === void 0 ? void 0 : returnUrl.includes('joincommunity=1'))
+                    ? true
+                    : params.forceReloadOnClose,
                 flowData: undefined,
             });
         }