@hhgtech/hhg-components 1.29.196 → 1.29.198

package/build/navigationProfileButton.js

@@ -2,50 +2,50 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-333d124c.js');
+require('./tslib.es6-c9e7b04e.js');
 require('react');
 require('@hhgtech/icons/core');
-require('./Spinner-5c7ea56b.js');
-require('./index-99528025.js');
-require('./index-b973e498.js');
-require('./index-7815010d.js');
-var navigationProfileButton = require('./index-12c0a6d0.js');
-require('./index-a5321f98.js');
-require('./index-b63c1e9a.js');
-require('./index-bd20f991.js');
+require('./Spinner-c50bc646.js');
+require('./index-05759a94.js');
+require('./index-c22fddde.js');
+require('./index-cc7652b8.js');
+var navigationProfileButton = require('./index-9e458d60.js');
+require('./index-dfa7e7e4.js');
+require('./index-26588690.js');
+require('./index-9caae5cf.js');
 require('./miscTheme.js');
 require('./navigationLogoutPopup.js');
-require('./Locale-205e3477.js');
+require('./Locale-73536f84.js');
 require('@hhgtech/icons/other');
 require('@mantine/core');
 require('@mantine/hooks');
-require('./index.styles-04692c63.js');
-require('./utils-6e900c25.js');
+require('./index.styles-2deca720.js');
+require('./utils-b89e273d.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./useMantineLocale-e18fc4d0.js');
+require('./useMantineLocale-8fa6234a.js');
 require('@mantine/notifications');
-require('./other-47d02212.js');
+require('./other-207cc135.js');
 require('dayjs');
-require('./index-2d0ff621.js');
+require('./index-aac5bbe3.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./index-1ed6e82a.js');
+require('./index-a64a8eb3.js');
 require('classnames');
-require('./useUniqueId-c9825674.js');
+require('./useUniqueId-a0a5c194.js');
 require('./miscDefaultClassWrapper.js');
 require('./profileNavigation.js');
 require('@mantine/dates');
-require('./index-28dadf97.js');
-require('./ChevronDown-9df7cfda.js');
-require('./normalizeLink-1526e10a.js');
+require('./index-0f8af78e.js');
+require('./ChevronDown-55be4853.js');
+require('./normalizeLink-5ad7fab7.js');
 require('@emotion/react');
-require('./translationsContext-757f0e2a.js');
-require('./index-9d6f2b5e.js');
-require('./index-6c58693d.js');
+require('./translationsContext-c6f4abbb.js');
+require('./index-264e8c1e.js');
+require('./index-ac9412f7.js');
 
 
 

package/build/onboardingV2.js

@@ -4,45 +4,45 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var core = require('@mantine/core');
-var index$2 = require('./index-99528025.js');
+var index$2 = require('./index-05759a94.js');
 require('@mantine/dates');
-var index$6 = require('./index-2d0ff621.js');
-require('./index-b63c1e9a.js');
-var index$b = require('./index-bd20f991.js');
-require('./useMantineLocale-e18fc4d0.js');
-var index$1 = require('./index-7815010d.js');
-var index$7 = require('./index-b973e498.js');
-var index_styles = require('./index.styles-04692c63.js');
-require('./translationsContext-757f0e2a.js');
+var index$6 = require('./index-aac5bbe3.js');
+require('./index-26588690.js');
+var index$b = require('./index-9caae5cf.js');
+require('./useMantineLocale-8fa6234a.js');
+var index$1 = require('./index-cc7652b8.js');
+var index$7 = require('./index-c22fddde.js');
+var index_styles = require('./index.styles-2deca720.js');
+require('./translationsContext-c6f4abbb.js');
 var hooks = require('@mantine/hooks');
-var utils$1 = require('./utils-6e900c25.js');
-require('./other-47d02212.js');
-require('./index-28dadf97.js');
-var utils = require('./utils-3a1ed85e.js');
+var utils$1 = require('./utils-b89e273d.js');
+require('./other-207cc135.js');
+require('./index-0f8af78e.js');
+var utils = require('./utils-d65fd66d.js');
 var form = require('@mantine/form');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-333d124c.js');
-var index = require('./index-a5321f98.js');
+var tslib_es6 = require('./tslib.es6-c9e7b04e.js');
+var index = require('./index-dfa7e7e4.js');
 var yup = require('yup');
-var index$3 = require('./index-37bb8562.js');
-var index$4 = require('./index-6e854c72.js');
-var Visible = require('./Visible-c2710e3c.js');
-var index$5 = require('./index-6b90cef8.js');
+var index$3 = require('./index-edb1a1b5.js');
+var index$4 = require('./index-5db8858b.js');
+var Visible = require('./Visible-8693c1f2.js');
+var index$5 = require('./index-d6dbe811.js');
 var ReactDOM = require('react-dom');
 var miscTheme = require('./miscTheme.js');
-var logoIcon = require('./logoIcon-3f5065c3.js');
-var index$8 = require('./index-830ae42b.js');
+var logoIcon = require('./logoIcon-3ff78beb.js');
+var index$8 = require('./index-cad52706.js');
 var throttle = require('lodash/throttle');
-var index$9 = require('./index-7b9ded41.js');
-var index$a = require('./index-9d6f2b5e.js');
+var index$9 = require('./index-001b5f4f.js');
+var index$a = require('./index-264e8c1e.js');
 var dateFns = require('date-fns');
 var flattenChildren = require('react-keyed-flatten-children');
 require('@hhgtech/icons/other');
 require('@mantine/carousel');
-require('./Locale-205e3477.js');
-require('./index-1ed6e82a.js');
+require('./Locale-73536f84.js');
+require('./index-a64a8eb3.js');
 require('classnames');
-require('./useUniqueId-c9825674.js');
+require('./useUniqueId-a0a5c194.js');
 require('./constantsSite.js');
 require('@hhgtech/icons/core');
 require('date-fns/locale');
@@ -51,8 +51,8 @@ require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('@mantine/notifications');
 require('dayjs');
-require('./WhatsApp-ecc8b720.js');
-require('./Spinner-5c7ea56b.js');
+require('./WhatsApp-5e021933.js');
+require('./Spinner-c50bc646.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/organisms.js

@@ -2,78 +2,78 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-0b448769.js');
-var index$1 = require('./index-ba4991a1.js');
-var index$2 = require('./index-b7b1e5fb.js');
+var index = require('./index-caf89d69.js');
+var index$1 = require('./index-5fd670f8.js');
+var index$2 = require('./index-0f07d34d.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');
-var navigationProfileButton = require('./index-12c0a6d0.js');
+var navigationProfileButton = require('./index-9e458d60.js');
 var profileNavigation = require('./profileNavigation.js');
-require('./tslib.es6-333d124c.js');
+require('./tslib.es6-c9e7b04e.js');
 require('react');
-require('./index-0a90e6e0.js');
-require('./index-99528025.js');
+require('./index-8ad7aca0.js');
+require('./index-05759a94.js');
 require('@hhgtech/icons/other');
 require('@mantine/core');
 require('@mantine/hooks');
-require('./index-bd20f991.js');
+require('./index-9caae5cf.js');
 require('./constantsDomainLocales.js');
-require('./Locale-205e3477.js');
+require('./Locale-73536f84.js');
 require('./constantsIsProduction.js');
-require('./index.styles-04692c63.js');
-require('./utils-6e900c25.js');
+require('./index.styles-2deca720.js');
+require('./utils-b89e273d.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-7815010d.js');
-require('./other-47d02212.js');
-require('./index-b63c1e9a.js');
+require('./index-cc7652b8.js');
+require('./other-207cc135.js');
+require('./index-26588690.js');
 require('./miscTheme.js');
-require('./useMantineLocale-e18fc4d0.js');
+require('./useMantineLocale-8fa6234a.js');
 require('@mantine/notifications');
 require('dayjs');
-require('./index-2d0ff621.js');
+require('./index-aac5bbe3.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./index-b973e498.js');
-require('./index-1ed6e82a.js');
+require('./index-c22fddde.js');
+require('./index-a64a8eb3.js');
 require('classnames');
-require('./useUniqueId-c9825674.js');
+require('./useUniqueId-a0a5c194.js');
 require('@hhgtech/icons/core');
-require('./normalizeLink-1526e10a.js');
-require('./dataTransform-a5e2d1b7.js');
-require('./index-fe9d9691.js');
-require('./logoIcon-3f5065c3.js');
-require('./index-a5321f98.js');
-require('./translationsContext-757f0e2a.js');
+require('./normalizeLink-5ad7fab7.js');
+require('./dataTransform-937146d7.js');
+require('./index-88ba1307.js');
+require('./logoIcon-3ff78beb.js');
+require('./index-dfa7e7e4.js');
+require('./translationsContext-c6f4abbb.js');
 require('lodash/throttle');
 require('@mantine/dates');
-require('./index-28dadf97.js');
-require('./constants-5ee347ef.js');
-require('./store-49678494.js');
+require('./index-0f8af78e.js');
+require('./constants-7fa79912.js');
+require('./store-2ae5f51d.js');
 require('zustand');
 require('./miscCookieHelper.js');
-require('./index-9d6f2b5e.js');
-require('./utils-a12a491e.js');
-require('./index-a2d1bd36.js');
+require('./index-264e8c1e.js');
+require('./utils-793c3168.js');
+require('./index-308c1b08.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-ff39b82b.js');
-require('./constants-59079ebd.js');
-require('./index-6b90cef8.js');
-require('./index-578b0c8a.js');
-require('./useIsInit-bac62ee1.js');
+require('./constants-c4c39902.js');
+require('./constants-c63e077b.js');
+require('./index-d6dbe811.js');
+require('./index-63adc8f2.js');
+require('./useIsInit-84f5a92e.js');
 require('./miscDefaultClassWrapper.js');
 require('dayjs/plugin/relativeTime');
-require('./index-8e813fc1.js');
-require('./index-9ebde709.js');
+require('./index-a814502a.js');
+require('./index-8d85a96b.js');
 require('lodash/debounce');
-require('./core-1ac45531.js');
-require('./index-b96901b0.js');
-require('./index-dc27c316.js');
-require('./index-6c58693d.js');
-require('./Spinner-5c7ea56b.js');
-require('./ChevronDown-9df7cfda.js');
+require('./core-2652f1c3.js');
+require('./index-600b668f.js');
+require('./index-df369c1f.js');
+require('./index-ac9412f7.js');
+require('./Spinner-c50bc646.js');
+require('./ChevronDown-55be4853.js');
 require('@emotion/react');
 
 

package/build/{post-ce1c542c.js → post-64bd5870.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-333d124c.js');
+var tslib_es6 = require('./tslib.es6-c9e7b04e.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-a12a491e.js');
+var togetherComponentGlobalContext = require('./utils-793c3168.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/build/profileNavigation.js

@@ -3,39 +3,39 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index$4 = require('./index-2d0ff621.js');
-var index$3 = require('./index-99528025.js');
+var index$4 = require('./index-aac5bbe3.js');
+var index$3 = require('./index-05759a94.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-b63c1e9a.js');
-var index$2 = require('./index-bd20f991.js');
-require('./useMantineLocale-e18fc4d0.js');
-var index$1 = require('./index-7815010d.js');
-require('./index-b973e498.js');
-require('./index.styles-04692c63.js');
-var index = require('./index-a5321f98.js');
+require('./index-26588690.js');
+var index$2 = require('./index-9caae5cf.js');
+require('./useMantineLocale-8fa6234a.js');
+var index$1 = require('./index-cc7652b8.js');
+require('./index-c22fddde.js');
+require('./index.styles-2deca720.js');
+var index = require('./index-dfa7e7e4.js');
 require('@mantine/hooks');
-require('./utils-6e900c25.js');
-require('./other-47d02212.js');
-require('./index-28dadf97.js');
-var ChevronDown = require('./ChevronDown-9df7cfda.js');
-var normalizeLink = require('./normalizeLink-1526e10a.js');
+require('./utils-b89e273d.js');
+require('./other-207cc135.js');
+require('./index-0f8af78e.js');
+var ChevronDown = require('./ChevronDown-55be4853.js');
+var normalizeLink = require('./normalizeLink-5ad7fab7.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-require('./translationsContext-757f0e2a.js');
+require('./translationsContext-c6f4abbb.js');
 require('date-fns/locale');
 require('./constantsSite.js');
-require('./Locale-205e3477.js');
+require('./Locale-73536f84.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./tslib.es6-333d124c.js');
+require('./tslib.es6-c9e7b04e.js');
 require('@hhgtech/icons/other');
 require('@mantine/carousel');
-require('./index-1ed6e82a.js');
+require('./index-a64a8eb3.js');
 require('classnames');
-require('./useUniqueId-c9825674.js');
+require('./useUniqueId-a0a5c194.js');
 require('@hhgtech/icons/core');
 require('@mantine/notifications');
 require('dayjs');

package/build/progressBar.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-333d124c.js');
+var tslib_es6 = require('./tslib.es6-c9e7b04e.js');
 var React = require('react');
 var throttle = require('lodash/throttle');
 var styled = require('@emotion/styled');

package/build/pwg.js

@@ -3,45 +3,45 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index$2 = require('./index-dc27c316.js');
-var index = require('./index-7815010d.js');
-var index$4 = require('./index-e7a9a589.js');
-var index$1 = require('./index-a5321f98.js');
+var index$2 = require('./index-df369c1f.js');
+var index = require('./index-cc7652b8.js');
+var index$4 = require('./index-569142b3.js');
+var index$1 = require('./index-dfa7e7e4.js');
 var miscTheme = require('./miscTheme.js');
 var recharts = require('recharts');
-var index$3 = require('./index-dbd89b09.js');
-var useOutsideClick = require('./useOutsideClick-439ca883.js');
+var index$3 = require('./index-0fb96ad7.js');
+var useOutsideClick = require('./useOutsideClick-adc19b82.js');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-333d124c.js');
+var tslib_es6 = require('./tslib.es6-c9e7b04e.js');
 require('@mantine/core');
-require('./other-47d02212.js');
-require('./index-b63c1e9a.js');
-require('./Locale-205e3477.js');
-require('./index-bd20f991.js');
+require('./other-207cc135.js');
+require('./index-26588690.js');
+require('./Locale-73536f84.js');
+require('./index-9caae5cf.js');
 require('./constantsDomainLocales.js');
 require('./constantsIsProduction.js');
-require('./index-1ed6e82a.js');
-require('./index-7b9ded41.js');
-require('./index-99528025.js');
+require('./index-a64a8eb3.js');
+require('./index-001b5f4f.js');
+require('./index-05759a94.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index.styles-04692c63.js');
-require('./utils-6e900c25.js');
+require('./index.styles-2deca720.js');
+require('./utils-b89e273d.js');
 require('@mantine/carousel');
-require('./useMantineLocale-e18fc4d0.js');
+require('./useMantineLocale-8fa6234a.js');
 require('@mantine/notifications');
 require('dayjs');
-require('./index-2d0ff621.js');
+require('./index-aac5bbe3.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./index-b973e498.js');
+require('./index-c22fddde.js');
 require('classnames');
-require('./useUniqueId-c9825674.js');
+require('./useUniqueId-a0a5c194.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./translationsContext-757f0e2a.js');
-require('./index-28dadf97.js');
+require('./translationsContext-c6f4abbb.js');
+require('./index-0f8af78e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/ssoV2/screens/setup/otherSetup.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useForm } from '@mantine/form';
-export declare const OtherSetup: ({ form, needPhone, needEmail, isEmailDisable, isPhoneDisabled, loading, tracking, }: {
+export declare const OtherSetup: ({ form, needPhone, skipPhone, needEmail, isEmailDisable, isPhoneDisabled, loading, tracking, }: {
     form: ReturnType<typeof useForm<{
         phone: string;
         email: string;
@@ -9,6 +9,7 @@ export declare const OtherSetup: ({ form, needPhone, needEmail, isEmailDisable,
         gender: string;
     }, any>>;
     needPhone?: boolean;
+    skipPhone?: boolean;
     needEmail?: boolean;
     isEmailDisable?: boolean;
     isPhoneDisabled?: boolean;

package/build/ssoV2.js

@@ -2,51 +2,51 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-333d124c.js');
+var tslib_es6 = require('./tslib.es6-c9e7b04e.js');
 var React = require('react');
-var index$5 = require('./index-99528025.js');
+var index$5 = require('./index-05759a94.js');
 var arrow = require('@hhgtech/icons/arrow');
 var core$1 = require('@hhgtech/icons/core');
-var logoIcon = require('./logoIcon-3f5065c3.js');
-var index$3 = require('./index-b973e498.js');
-var index$1 = require('./index-e584731d.js');
+var logoIcon = require('./logoIcon-3ff78beb.js');
+var index$3 = require('./index-c22fddde.js');
+var index$1 = require('./index-7d3b3e8a.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$4 = require('./index-2d0ff621.js');
-require('./index-b63c1e9a.js');
-require('./index-bd20f991.js');
-var useMantineLocale = require('./useMantineLocale-e18fc4d0.js');
-var index$2 = require('./index-7815010d.js');
-var index = require('./index-a5321f98.js');
+var index$4 = require('./index-aac5bbe3.js');
+require('./index-26588690.js');
+require('./index-9caae5cf.js');
+var useMantineLocale = require('./useMantineLocale-8fa6234a.js');
+var index$2 = require('./index-cc7652b8.js');
+var index = require('./index-dfa7e7e4.js');
 require('@mantine/hooks');
-require('./utils-6e900c25.js');
-require('./other-47d02212.js');
-require('./index-28dadf97.js');
-var Locale = require('./Locale-205e3477.js');
-var store = require('./store-49678494.js');
-var Google = require('./Google-6113a7f7.js');
+require('./utils-b89e273d.js');
+require('./other-207cc135.js');
+require('./index-0f8af78e.js');
+var Locale = require('./Locale-73536f84.js');
+var store = require('./store-2ae5f51d.js');
+var Google = require('./Google-861181e1.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-3a1ed85e.js');
+var utils = require('./utils-d65fd66d.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var form = require('@mantine/form');
 var yup = require('yup');
 var dayjs = require('dayjs');
-var index$6 = require('./index-37bb8562.js');
+var index$6 = require('./index-edb1a1b5.js');
 require('@hhgtech/icons/other');
-require('./index.styles-04692c63.js');
+require('./index.styles-2deca720.js');
 require('@mantine/carousel');
 require('./miscTheme.js');
-require('./index-1ed6e82a.js');
+require('./index-a64a8eb3.js');
 require('classnames');
-require('./useUniqueId-c9825674.js');
+require('./useUniqueId-a0a5c194.js');
 require('./constantsSite.js');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('@mantine/notifications');
-require('./translationsContext-757f0e2a.js');
+require('./translationsContext-c6f4abbb.js');
 require('zustand');
-require('./normalizeLink-1526e10a.js');
+require('./normalizeLink-5ad7fab7.js');
 require('./miscCookieHelper.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -1965,7 +1965,7 @@ const MaleIcon = () => (React__default["default"].createElement("svg", { width:
     React__default["default"].createElement("path", { d: "m11.12 9.547-.019.001a8 8 0 0 1-1.928 0 .156.156 0 1 0-.037.31c.665.08 1.337.08 2.003 0a.156.156 0 0 0-.019-.31", fill: "#D84023" })));
 
 // always has name, gender dob
-const OtherSetup = ({ form, needPhone, needEmail, isEmailDisable, isPhoneDisabled, loading, tracking, }) => {
+const OtherSetup = ({ form, needPhone, skipPhone, needEmail, isEmailDisable, isPhoneDisabled, loading, tracking, }) => {
     const { t } = index.useTranslations();
     const { locale = 'vi-VN' } = useSSOState();
     const { setupSource } = store.useSSOV2Store();
@@ -1975,7 +1975,7 @@ const OtherSetup = ({ form, needPhone, needEmail, isEmailDisable, isPhoneDisable
                 React__default["default"].createElement(StyledPhone, { defaultCountry: (locale ? utils.MAPPED_LOCALE[locale] || 'VN' : 'VN'), value: form.getInputProps('phone').value, onChange: (value) => {
                         form.setFieldValue('phone', value);
                     }, isError: !!form.getInputProps('phone').error, required: true, name: "phone", disabled: loading || isPhoneDisabled, "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 Phone" })),
-            React__default["default"].createElement(core.Group, { spacing: 24 },
+            skipPhone && (React__default["default"].createElement(core.Group, { spacing: 24 },
                 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: {
@@ -1994,7 +1994,7 @@ const OtherSetup = ({ form, needPhone, needEmail, isEmailDisable, isPhoneDisable
                             label: {
                                 paddingLeft: 8,
                             },
-                        }, 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": "Send OTP Code via SMS" }))))),
+                        }, 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": "Send OTP Code via SMS" })))))),
         needEmail && (React__default["default"].createElement(index$5.Input, Object.assign({ name: "email", type: "email", label: t('ssov2.setup.field.email.label'), disabled: isEmailDisable || loading, required: setupSource === 'care' ? true : false, withAsterisk: setupSource === 'care' ? true : false, "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 Email" }, 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'), 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 Name" }, 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')),
@@ -2078,15 +2078,22 @@ const SSOSetupScreen = ({ hidden, config, }) => {
         provider === 'google' ||
         provider === 'email' ||
         !!(userInfo === null || userInfo === void 0 ? void 0 : userInfo.email_verified_at);
-    const isPhoneDisabled = !!(configPhone || (defaultData === null || defaultData === void 0 ? void 0 : defaultData.phone) || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone)) ||
-        !!(userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone_verified_at);
+    const isPhoneDisabled = !!(configPhone ||
+        (defaultData === null || defaultData === void 0 ? void 0 : defaultData.phone) ||
+        ((userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone) && !!(userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone_verified_at)));
+    const skipPhone = !!(userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone_verified_at);
     const form$1 = form.useForm({
         initialValues: Object.assign(Object.assign(Object.assign(Object.assign({}, (needPhone
-            ? {
-                otpMethod: 'zalo',
-                phone: configPhone || (defaultData === null || defaultData === void 0 ? void 0 : defaultData.phone) || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone) || undefined,
-            }
-            : {})), { gender: (defaultData === null || defaultData === void 0 ? void 0 : defaultData.gender) ? defaultData.gender : undefined, name: (userInfo === null || userInfo === void 0 ? void 0 : userInfo.name) || (defaultData === null || defaultData === void 0 ? void 0 : defaultData.name) || undefined }), (needEmail
+            ? Object.assign(Object.assign({}, (!skipPhone
+                ? {
+                    otpMethod: 'zalo',
+                }
+                : {})), { phone: configPhone ||
+                    (defaultData === null || defaultData === void 0 ? void 0 : defaultData.phone) ||
+                    ((userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone)
+                        ? userInfo.area_code || '+84' + userInfo.phone
+                        : undefined) ||
+                    undefined }) : {})), { gender: (defaultData === null || defaultData === void 0 ? void 0 : defaultData.gender) ? defaultData.gender : undefined, name: (userInfo === null || userInfo === void 0 ? void 0 : userInfo.name) || (defaultData === null || defaultData === void 0 ? void 0 : defaultData.name) || undefined }), (needEmail
             ? {
                 email: (defaultData === null || defaultData === void 0 ? void 0 : defaultData.email) ||
                     (!((_b = userInfo === null || userInfo === void 0 ? void 0 : userInfo.email) === null || _b === void 0 ? void 0 : _b.includes('@hhg.com'))
@@ -2114,14 +2121,14 @@ const SSOSetupScreen = ({ hidden, config, }) => {
                 }),
             }
             : {})), (needPhone
-            ? {
-                phone: yup__namespace.string().required(t('ssov2.validate.phone.required')),
-                otpMethod: yup__namespace
-                    .string()
-                    .required(t('ssov2.validate.otp.required'))
-                    .oneOf(['zalo', 'sms']),
-            }
-            : {})), (needEmail
+            ? Object.assign({ phone: yup__namespace.string().required(t('ssov2.validate.phone.required')) }, (!skipPhone
+                ? {
+                    otpMethod: yup__namespace
+                        .string()
+                        .required(t('ssov2.validate.otp.required'))
+                        .oneOf(['zalo', 'sms']),
+                }
+                : {})) : {})), (needEmail
             ? {
                 email: setupSource === 'care'
                     ? yup__namespace
@@ -2155,7 +2162,7 @@ const SSOSetupScreen = ({ hidden, config, }) => {
             });
             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) {
+                if (needPhone && !skipPhone) {
                     const setupData = {
                         name,
                         birthday: dayjs__default["default"](dob).format('YYYY-MM-DD'),
@@ -2250,16 +2257,16 @@ const SSOSetupScreen = ({ hidden, config, }) => {
                     category: trackingCategory,
                     action: trackingAction,
                 } })),
-            React__default["default"].createElement(OtherSetup, { needPhone: needPhone, needEmail: needEmail, isEmailDisable: isEmailDisable, isPhoneDisabled: isPhoneDisabled, form: form$1, loading: loading, tracking: {
+            React__default["default"].createElement(OtherSetup, { needPhone: needPhone, skipPhone: skipPhone, needEmail: needEmail, isEmailDisable: isEmailDisable, isPhoneDisabled: isPhoneDisabled, form: form$1, loading: loading, tracking: {
                     category: trackingCategory,
                     action: trackingAction,
                 } }),
             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, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": needPhone
+            React__default["default"].createElement(index$3.Button, { type: "submit", variant: "primary", fullWidth: true, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": needPhone && skipPhone
                     ? 'Verify Phone Number'
                     : authFlow === 'register'
                         ? 'Create Your Account'
-                        : 'Save' }, needPhone
+                        : 'Save' }, needPhone && skipPhone
                 ? t('ssov2.setup.button.veriyPhone')
                 : authFlow === 'register'
                     ? t('ssov2.setup.button.createAccount')