@hhgtech/hhg-components 1.29.176 → 1.29.177

package/build/organisms.js

@@ -2,78 +2,78 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-784c4a88.js');
-var index$1 = require('./index-a5fe1c00.js');
-var index$2 = require('./index-d8e23c39.js');
+var index = require('./index-a1ffe699.js');
+var index$1 = require('./index-e9c0f3b6.js');
+var index$2 = require('./index-47e6b8ea.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');
-var navigationProfileButton = require('./index-74707177.js');
+var navigationProfileButton = require('./index-ea96610b.js');
 var profileNavigation = require('./profileNavigation.js');
-require('./tslib.es6-d90f9014.js');
+require('./tslib.es6-76fee960.js');
 require('react');
-require('./index-43ecac34.js');
-require('./index-17db3ed5.js');
+require('./index-16e64aaf.js');
+require('./index-97491200.js');
 require('@hhgtech/icons/other');
 require('@mantine/core');
 require('@mantine/hooks');
-require('./index-9f4f7331.js');
+require('./index-d91f0414.js');
 require('./constantsDomainLocales.js');
-require('./Locale-358ac1e2.js');
+require('./Locale-3f9b9ab5.js');
 require('./constantsIsProduction.js');
-require('./index.styles-3a4498e4.js');
-require('./utils-986af37c.js');
+require('./index.styles-9c578a05.js');
+require('./utils-153c912f.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-35e8ac3b.js');
-require('./other-d0ff7bce.js');
-require('./index-a3b073df.js');
+require('./index-f758e970.js');
+require('./other-56df03e2.js');
+require('./index-d4a1d078.js');
 require('./miscTheme.js');
-require('./useMantineLocale-77d146f1.js');
+require('./useMantineLocale-19d6e775.js');
 require('@mantine/notifications');
 require('dayjs');
-require('./index-52ce8b15.js');
+require('./index-7b24aa10.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./index-871f72a1.js');
-require('./index-b2a8634c.js');
+require('./index-c83ac646.js');
+require('./index-86ba0fa9.js');
 require('classnames');
-require('./useUniqueId-5ab74457.js');
+require('./useUniqueId-12742f2e.js');
 require('@hhgtech/icons/core');
-require('./normalizeLink-da622613.js');
-require('./dataTransform-f27e99a7.js');
-require('./index-bb884ccc.js');
-require('./logoIcon-c0552463.js');
-require('./index-b5661ee9.js');
-require('./translationsContext-0ee97e83.js');
+require('./normalizeLink-99b4dcba.js');
+require('./dataTransform-94d511fd.js');
+require('./index-350bc824.js');
+require('./logoIcon-1ac8142d.js');
+require('./index-1f6328b8.js');
+require('./translationsContext-81cafb2b.js');
 require('lodash/throttle');
 require('@mantine/dates');
-require('./index-7df4bede.js');
-require('./constants-0af84077.js');
-require('./index-f6e78e42.js');
-require('./utils-1da77eb3.js');
-require('./index-2047b565.js');
+require('./index-39260956.js');
+require('./constants-793ad3f9.js');
+require('./store-452c509f.js');
+require('zustand');
 require('./miscCookieHelper.js');
+require('./index-257274d1.js');
+require('./utils-45e7c4ff.js');
+require('./index-7ea84e0c.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-74d0af62.js');
-require('./constants-391fca93.js');
-require('./index-57a754de.js');
-require('./index-1225e4e6.js');
-require('./useIsInit-4b80f089.js');
+require('./constants-af1addcc.js');
+require('./constants-0cb13060.js');
+require('./index-60efe579.js');
+require('./index-e4d1cb75.js');
+require('./useIsInit-9926b849.js');
 require('./miscDefaultClassWrapper.js');
 require('dayjs/plugin/relativeTime');
-require('./index-a62f98d2.js');
-require('./index-a20222a7.js');
-require('./store-bf9ac7a9.js');
-require('zustand');
+require('./index-1f8895a5.js');
+require('./index-00206778.js');
 require('lodash/debounce');
-require('./core-403218e6.js');
-require('./index-f3c3ae58.js');
-require('./index-cfeb4f5e.js');
-require('./index-b9a4d02f.js');
-require('./Spinner-9b7bbbaa.js');
-require('./ChevronDown-776b1bbb.js');
+require('./core-c5ba3d0f.js');
+require('./index-276a6118.js');
+require('./index-dd3eaefa.js');
+require('./index-53881240.js');
+require('./Spinner-a8f2a9c1.js');
+require('./ChevronDown-aca2e7a0.js');
 require('@emotion/react');
 
 

package/build/{post-44cbc7fa.js → post-f1c8b95d.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d90f9014.js');
+var tslib_es6 = require('./tslib.es6-76fee960.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-1da77eb3.js');
+var togetherComponentGlobalContext = require('./utils-45e7c4ff.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-52ce8b15.js');
-var index$3 = require('./index-17db3ed5.js');
+var index$4 = require('./index-7b24aa10.js');
+var index$3 = require('./index-97491200.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-a3b073df.js');
-var index$2 = require('./index-9f4f7331.js');
-require('./useMantineLocale-77d146f1.js');
-var index$1 = require('./index-35e8ac3b.js');
-require('./index-871f72a1.js');
-require('./index.styles-3a4498e4.js');
-var index = require('./index-b5661ee9.js');
+require('./index-d4a1d078.js');
+var index$2 = require('./index-d91f0414.js');
+require('./useMantineLocale-19d6e775.js');
+var index$1 = require('./index-f758e970.js');
+require('./index-c83ac646.js');
+require('./index.styles-9c578a05.js');
+var index = require('./index-1f6328b8.js');
 require('@mantine/hooks');
-require('./utils-986af37c.js');
-require('./other-d0ff7bce.js');
-require('./index-7df4bede.js');
-var ChevronDown = require('./ChevronDown-776b1bbb.js');
-var normalizeLink = require('./normalizeLink-da622613.js');
+require('./utils-153c912f.js');
+require('./other-56df03e2.js');
+require('./index-39260956.js');
+var ChevronDown = require('./ChevronDown-aca2e7a0.js');
+var normalizeLink = require('./normalizeLink-99b4dcba.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-require('./translationsContext-0ee97e83.js');
+require('./translationsContext-81cafb2b.js');
 require('date-fns/locale');
 require('./constantsSite.js');
-require('./Locale-358ac1e2.js');
+require('./Locale-3f9b9ab5.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./tslib.es6-d90f9014.js');
+require('./tslib.es6-76fee960.js');
 require('@hhgtech/icons/other');
 require('@mantine/carousel');
-require('./index-b2a8634c.js');
+require('./index-86ba0fa9.js');
 require('classnames');
-require('./useUniqueId-5ab74457.js');
+require('./useUniqueId-12742f2e.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-d90f9014.js');
+var tslib_es6 = require('./tslib.es6-76fee960.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-cfeb4f5e.js');
-var index = require('./index-35e8ac3b.js');
-var index$4 = require('./index-3ed70702.js');
-var index$1 = require('./index-b5661ee9.js');
+var index$2 = require('./index-dd3eaefa.js');
+var index = require('./index-f758e970.js');
+var index$4 = require('./index-92f78a8e.js');
+var index$1 = require('./index-1f6328b8.js');
 var miscTheme = require('./miscTheme.js');
 var recharts = require('recharts');
-var index$3 = require('./index-8124b067.js');
-var useOutsideClick = require('./useOutsideClick-bf855099.js');
+var index$3 = require('./index-c2b2da35.js');
+var useOutsideClick = require('./useOutsideClick-6a7c1759.js');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-d90f9014.js');
+var tslib_es6 = require('./tslib.es6-76fee960.js');
 require('@mantine/core');
-require('./other-d0ff7bce.js');
-require('./index-a3b073df.js');
-require('./Locale-358ac1e2.js');
-require('./index-9f4f7331.js');
+require('./other-56df03e2.js');
+require('./index-d4a1d078.js');
+require('./Locale-3f9b9ab5.js');
+require('./index-d91f0414.js');
 require('./constantsDomainLocales.js');
 require('./constantsIsProduction.js');
-require('./index-b2a8634c.js');
-require('./index-ee6a3168.js');
-require('./index-17db3ed5.js');
+require('./index-86ba0fa9.js');
+require('./index-91e4ec6b.js');
+require('./index-97491200.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index.styles-3a4498e4.js');
-require('./utils-986af37c.js');
+require('./index.styles-9c578a05.js');
+require('./utils-153c912f.js');
 require('@mantine/carousel');
-require('./useMantineLocale-77d146f1.js');
+require('./useMantineLocale-19d6e775.js');
 require('@mantine/notifications');
 require('dayjs');
-require('./index-52ce8b15.js');
+require('./index-7b24aa10.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./index-871f72a1.js');
+require('./index-c83ac646.js');
 require('classnames');
-require('./useUniqueId-5ab74457.js');
+require('./useUniqueId-12742f2e.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./translationsContext-0ee97e83.js');
-require('./index-7df4bede.js');
+require('./translationsContext-81cafb2b.js');
+require('./index-39260956.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

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

@@ -24,3 +24,4 @@ export type SSOV2StoreType = {
 };
 export declare const useSSOV2Store: import("zustand").UseBoundStore<import("zustand").StoreApi<SSOV2StoreType>>;
 export declare const redirect: (returnUrl?: string, source?: string, forceReload?: boolean) => void;
+export declare const IS_SSOV2_ENABLED: (locale?: string) => boolean;

package/build/ssoV2.js

@@ -2,51 +2,51 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-d90f9014.js');
+var tslib_es6 = require('./tslib.es6-76fee960.js');
 var React = require('react');
-var index$5 = require('./index-17db3ed5.js');
+var index$5 = require('./index-97491200.js');
 var arrow = require('@hhgtech/icons/arrow');
 var core$1 = require('@hhgtech/icons/core');
-var logoIcon = require('./logoIcon-c0552463.js');
-var index$3 = require('./index-871f72a1.js');
-var index$1 = require('./index-e7beadb7.js');
+var logoIcon = require('./logoIcon-1ac8142d.js');
+var index$3 = require('./index-c83ac646.js');
+var index$1 = require('./index-6e7d2579.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$4 = require('./index-52ce8b15.js');
-require('./index-a3b073df.js');
-require('./index-9f4f7331.js');
-var useMantineLocale = require('./useMantineLocale-77d146f1.js');
-var index$2 = require('./index-35e8ac3b.js');
-var index = require('./index-b5661ee9.js');
+var index$4 = require('./index-7b24aa10.js');
+require('./index-d4a1d078.js');
+require('./index-d91f0414.js');
+var useMantineLocale = require('./useMantineLocale-19d6e775.js');
+var index$2 = require('./index-f758e970.js');
+var index = require('./index-1f6328b8.js');
 require('@mantine/hooks');
-require('./utils-986af37c.js');
-require('./other-d0ff7bce.js');
-require('./index-7df4bede.js');
-var Locale = require('./Locale-358ac1e2.js');
-var store = require('./store-bf9ac7a9.js');
-var Google = require('./Google-09123a5c.js');
+require('./utils-153c912f.js');
+require('./other-56df03e2.js');
+require('./index-39260956.js');
+var Locale = require('./Locale-3f9b9ab5.js');
+var store = require('./store-452c509f.js');
+var Google = require('./Google-a3f6cf94.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-9c493974.js');
+var utils = require('./utils-0492a1e9.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var form = require('@mantine/form');
 var yup = require('yup');
 var dayjs = require('dayjs');
-var index$6 = require('./index-d1026c4e.js');
+var index$6 = require('./index-e2182304.js');
 require('@hhgtech/icons/other');
-require('./index.styles-3a4498e4.js');
+require('./index.styles-9c578a05.js');
 require('@mantine/carousel');
 require('./miscTheme.js');
-require('./index-b2a8634c.js');
+require('./index-86ba0fa9.js');
 require('classnames');
-require('./useUniqueId-5ab74457.js');
+require('./useUniqueId-12742f2e.js');
 require('./constantsSite.js');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('@mantine/notifications');
-require('./translationsContext-0ee97e83.js');
+require('./translationsContext-81cafb2b.js');
 require('zustand');
-require('./normalizeLink-da622613.js');
+require('./normalizeLink-99b4dcba.js');
 require('./miscCookieHelper.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -1767,10 +1767,7 @@ const SSOSetupScreen = ({ hidden, index: index$1, }) => {
                         .required(t('ssov2.validate.email.required'))
                     : yup__namespace.string().email(t('ssov2.validate.email.invalid')),
             }
-            : {})), { gender: yup__namespace
-                .string()
-                .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')) }))),
+            : {})), { gender: yup__namespace.string().required(t('ssov2.validate.gender.required')), 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* () {
         const { password, confirmPassword, phone, gender, name, dob, otpMethod } = values;

package/build/{store-bf9ac7a9.js → store-452c509f.js}

@@ -1,94 +1,13 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d90f9014.js');
+var tslib_es6 = require('./tslib.es6-76fee960.js');
 var zustand = require('zustand');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var normalizeLink = require('./normalizeLink-da622613.js');
+var normalizeLink = require('./normalizeLink-99b4dcba.js');
+var index = require('./index-7b24aa10.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index = require('./index-52ce8b15.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
-exports.SSOStepTypeType = void 0;
-(function (SSOStepTypeType) {
-    SSOStepTypeType["FIRST"] = "first";
-    SSOStepTypeType["EMAIL"] = "email";
-    SSOStepTypeType["VERIFY_PHONE"] = "verify_phone";
-    SSOStepTypeType["PASSWORD"] = "password";
-    SSOStepTypeType["UPDATE_EMAIL"] = "update_email";
-    SSOStepTypeType["FORGOT_PASSWORD_PHONE"] = "forgot_password_phone";
-    SSOStepTypeType["FORGOT_PASSWORD_SETUP"] = "forgot_password_setup";
-    SSOStepTypeType["OTP"] = "otp";
-    SSOStepTypeType["SETUP_FULL"] = "setup_full";
-})(exports.SSOStepTypeType || (exports.SSOStepTypeType = {}));
-// export const SSOStepsProvider = ({
-//   children,
-//   defaultSteps,
-// }: {
-//   children: ReactNode
-//   defaultSteps?: SSOStepType[]
-// }) => {
-//   const [steps, setSteps] = useState<SSOStepType[]>(
-//     defaultSteps || [
-//       {
-//         type: SSOStepTypeType.FIRST,
-//       },
-//     ],
-//   )
-//   const [currentStepIndex, setCurrentStepIndex] = useState(0)
-//   const [shareData, setShareData] = useState<SSOShareDataType>({})
-//   return (
-//     <SSOStepsContext.Provider
-//       value={{
-//         currentStepIndex,
-//         steps,
-//         setSteps,
-//         addStep: (step: SSOStepType) => {
-//           setSteps((s) => [...s, step])
-//         },
-//         goNext: () => {
-//           setCurrentStepIndex((index) => index + 1)
-//         },
-//         goBack: () => {
-//           setCurrentStepIndex((index) => index - 1)
-//           // remove step when go back
-//           setSteps((steps) => steps.slice(0, steps.length - 1))
-//         },
-//         shareData,
-//         setShareData,
-//       }}
-//     >
-//       {children}
-//     </SSOStepsContext.Provider>
-//   )
-// }
-const useSSOSteps = zustand.create((set) => ({
-    currentStepIndex: 0,
-    steps: [
-        {
-            type: exports.SSOStepTypeType.FIRST,
-        },
-    ],
-    setSteps: (s) => set((state) => ({ steps: typeof s === 'function' ? s(state.steps) : s })),
-    addStep: (step) => {
-        set((state) => ({
-            steps: [...state.steps, step],
-        }));
-    },
-    goNext: () => {
-        set((state) => ({ currentStepIndex: state.currentStepIndex + 1 }));
-    },
-    goBack: () => {
-        set((state) => ({
-            currentStepIndex: state.currentStepIndex - 1,
-            steps: state.steps.slice(0, state.steps.length - 1),
-        }));
-    },
-    shareData: {},
-    setShareData: (data) => set((state) => ({
-        shareData: typeof data === 'function' ? data(state.shareData) : data,
-    })),
-}));
-
 const SSO_V2_PATHS = {
     LOGIN_BY_SOCIAL: 'member/social-login',
     EMAIL: {
@@ -248,6 +167,87 @@ const handleAuthSuccess = (res) => {
         });
 };
 
+exports.SSOStepTypeType = void 0;
+(function (SSOStepTypeType) {
+    SSOStepTypeType["FIRST"] = "first";
+    SSOStepTypeType["EMAIL"] = "email";
+    SSOStepTypeType["VERIFY_PHONE"] = "verify_phone";
+    SSOStepTypeType["PASSWORD"] = "password";
+    SSOStepTypeType["UPDATE_EMAIL"] = "update_email";
+    SSOStepTypeType["FORGOT_PASSWORD_PHONE"] = "forgot_password_phone";
+    SSOStepTypeType["FORGOT_PASSWORD_SETUP"] = "forgot_password_setup";
+    SSOStepTypeType["OTP"] = "otp";
+    SSOStepTypeType["SETUP_FULL"] = "setup_full";
+})(exports.SSOStepTypeType || (exports.SSOStepTypeType = {}));
+// export const SSOStepsProvider = ({
+//   children,
+//   defaultSteps,
+// }: {
+//   children: ReactNode
+//   defaultSteps?: SSOStepType[]
+// }) => {
+//   const [steps, setSteps] = useState<SSOStepType[]>(
+//     defaultSteps || [
+//       {
+//         type: SSOStepTypeType.FIRST,
+//       },
+//     ],
+//   )
+//   const [currentStepIndex, setCurrentStepIndex] = useState(0)
+//   const [shareData, setShareData] = useState<SSOShareDataType>({})
+//   return (
+//     <SSOStepsContext.Provider
+//       value={{
+//         currentStepIndex,
+//         steps,
+//         setSteps,
+//         addStep: (step: SSOStepType) => {
+//           setSteps((s) => [...s, step])
+//         },
+//         goNext: () => {
+//           setCurrentStepIndex((index) => index + 1)
+//         },
+//         goBack: () => {
+//           setCurrentStepIndex((index) => index - 1)
+//           // remove step when go back
+//           setSteps((steps) => steps.slice(0, steps.length - 1))
+//         },
+//         shareData,
+//         setShareData,
+//       }}
+//     >
+//       {children}
+//     </SSOStepsContext.Provider>
+//   )
+// }
+const useSSOSteps = zustand.create((set) => ({
+    currentStepIndex: 0,
+    steps: [
+        {
+            type: exports.SSOStepTypeType.FIRST,
+        },
+    ],
+    setSteps: (s) => set((state) => ({ steps: typeof s === 'function' ? s(state.steps) : s })),
+    addStep: (step) => {
+        set((state) => ({
+            steps: [...state.steps, step],
+        }));
+    },
+    goNext: () => {
+        set((state) => ({ currentStepIndex: state.currentStepIndex + 1 }));
+    },
+    goBack: () => {
+        set((state) => ({
+            currentStepIndex: state.currentStepIndex - 1,
+            steps: state.steps.slice(0, state.steps.length - 1),
+        }));
+    },
+    shareData: {},
+    setShareData: (data) => set((state) => ({
+        shareData: typeof data === 'function' ? data(state.shareData) : data,
+    })),
+}));
+
 const useSSOV2Store = zustand.create()((set, get) => ({
     isOpen: false,
     setOpen: (isOpen) => set({ isOpen }),
@@ -429,10 +429,16 @@ const redirect = (returnUrl, source, forceReload) => {
         window.history.replaceState({}, '', currentUrl.href);
         return;
     }
-};
+};
+const SSOV2_LOCALES = ['vi-VN'];
+const IS_SSOV2_ENABLED = (locale) => SSOV2_LOCALES.includes(locale ||
+    process.env.UNIFY_LOCALE ||
+    process.env.NEXT_PUBLIC_DEPLOY_LOCALE ||
+    '');
 
 exports.FacebookAppId = FacebookAppId;
 exports.GoogleAuthClientId = GoogleAuthClientId;
+exports.IS_SSOV2_ENABLED = IS_SSOV2_ENABLED;
 exports.SSO_V2_PATHS = SSO_V2_PATHS;
 exports.allAvailableAreaCodes = allAvailableAreaCodes;
 exports.checkUserExist = checkUserExist;