@hhgtech/hhg-components 1.29.111 → 1.29.112

package/build/esm/organisms.js

@@ -1,73 +1,76 @@
-export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-a8815b22.js';
-export { U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats } from './index-e20c7cb4.js';
-export { F as Footer } from './index-1a32ef86.js';
+export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-350f2e56.js';
+export { U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats } from './index-e60fe92a.js';
+export { F as Footer } from './index-176e331a.js';
 export { NavigationLogoutPopup } from './navigationLogoutPopup.js';
-export { N as NavigationProfileButton } from './index-061cf8ff.js';
+export { N as NavigationProfileButton } from './index-11d9840d.js';
 export { ProfileNavigation } from './profileNavigation.js';
-import './tslib.es6-5f83e366.js';
+import './tslib.es6-2cbcde6f.js';
 import 'react';
-import './index-cb235b95.js';
-import './index-6e166286.js';
+import './index-556248c8.js';
+import './index-de16bcda.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
 import '@mantine/hooks';
-import './index-c6266db7.js';
+import './index-865c7727.js';
 import './constantsDomainLocales.js';
-import './Locale-2e537a6a.js';
+import './Locale-0a28cd1a.js';
 import './constantsIsProduction.js';
-import './index.styles-9ffb84a3.js';
-import './utils-f168370f.js';
+import './index.styles-fdecf1c6.js';
+import './utils-a97be8ef.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-fc9567f0.js';
-import './other-09dd1a84.js';
-import './index-a1ac4405.js';
+import './index-bc8a6968.js';
+import './other-51b10c8a.js';
+import './index-d26cefad.js';
 import './miscTheme.js';
-import './useMantineLocale-8c5b5fc9.js';
+import './useMantineLocale-9b4e6ec5.js';
+import '@mantine/notifications';
 import 'dayjs';
-import './index-38efcc39.js';
+import './index-a69a171f.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-e43e6daf.js';
-import './index-d1b85eee.js';
+import './index-eb1c3a22.js';
+import './index-61e80f3d.js';
 import 'classnames';
-import './useUniqueId-7d9bfd02.js';
+import './useUniqueId-364a86d4.js';
 import '@hhgtech/icons/core';
-import './normalizeLink-5ca463b6.js';
-import './routing-3e2e2990.js';
-import './dataTransform-6d013343.js';
-import './index-dbb54dad.js';
-import './logoIcon-34e8fa76.js';
-import './useTranslations-95c6883a.js';
-import './translationsContext-b39ae826.js';
+import './normalizeLink-523d95b2.js';
+import './routing-d85d723f.js';
+import './dataTransform-2eea83ec.js';
+import './index-8109fa9c.js';
+import './logoIcon-d30efc99.js';
+import './useTranslations-307c6ca4.js';
+import './translationsContext-b263811e.js';
 import 'string-format';
 import 'lodash/throttle';
 import '@mantine/dates';
-import './constants-03f8dbae.js';
-import './index-3fd32195.js';
-import './utils-56de005f.js';
-import './index-823e3a77.js';
+import './constants-d4b472c9.js';
+import './index-72829b7d.js';
+import './utils-e155b983.js';
+import './index-8c5d00a2.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './togetherApiPaths.js';
-import './constants-c6b6dd70.js';
-import './constants-39fd57dc.js';
-import './index-df82f273.js';
-import './index-02336dba.js';
-import './useIsInit-a92309dc.js';
+import './constants-ac34ed4f.js';
+import './constants-b590605c.js';
+import './index-f628e3ae.js';
+import './index-8db693ba.js';
+import './useIsInit-926c41cb.js';
 import './miscDefaultClassWrapper.js';
 import 'dayjs/plugin/relativeTime';
-import './index-30ca84b5.js';
-import './index-c2c1151d.js';
-import './index-5a54ed9b.js';
+import './index-e2276deb.js';
+import './index-147e6cf9.js';
+import './store-4b7ab103.js';
+import 'zustand';
+import './index-8a1dc672.js';
 import 'js-cookie';
 import 'uuid';
 import 'lodash/debounce';
-import './core-e8e5bd42.js';
-import './index-2542c25d.js';
-import './index-8d68eb39.js';
-import './index-a4e0d76f.js';
-import './Spinner-5a0df635.js';
-import './ChevronDown-b42c352b.js';
+import './core-6e02a76e.js';
+import './index-596950eb.js';
+import './index-410e8044.js';
+import './index-0f2e26cf.js';
+import './Spinner-7b409f99.js';
+import './ChevronDown-12a9cc68.js';
 import '@emotion/react';

package/build/esm/{post-3e244908.js → post-b819ab7d.js}

@@ -1,6 +1,6 @@
-import { a as __awaiter } from './tslib.es6-5f83e366.js';
+import { a as __awaiter } from './tslib.es6-2cbcde6f.js';
 import { ADMIN_PATHS, PATHS } from './togetherApiPaths.js';
-import { d as getApiPath, r as callApiWithAdminAuth, b as callApiWithAuth } from './utils-56de005f.js';
+import { d as getApiPath, r as callApiWithAdminAuth, b as callApiWithAuth } from './utils-e155b983.js';
 
 const EncodeUrlRegexMap = {
     edit: /<mocka ([^>]*)data-url="true"[^<>]*>(.*?)<\/mocka>/gim,

package/build/esm/profileNavigation.js

@@ -1,39 +1,40 @@
 import React__default, { useMemo, useState, Fragment, useEffect } from 'react';
-import { a as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES } from './index-38efcc39.js';
-import { a as Avatar } from './index-6e166286.js';
+import { a as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES } from './index-a69a171f.js';
+import { a as Avatar } from './index-de16bcda.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-a1ac4405.js';
-import { C as CommonGAssets } from './index-c6266db7.js';
-import './useMantineLocale-8c5b5fc9.js';
-import { T as Text } from './index-fc9567f0.js';
-import './index-e43e6daf.js';
-import './index.styles-9ffb84a3.js';
-import { u as useTranslations } from './useTranslations-95c6883a.js';
+import './index-d26cefad.js';
+import { C as CommonGAssets } from './index-865c7727.js';
+import './useMantineLocale-9b4e6ec5.js';
+import { T as Text } from './index-bc8a6968.js';
+import './index-eb1c3a22.js';
+import './index.styles-fdecf1c6.js';
+import { u as useTranslations } from './useTranslations-307c6ca4.js';
 import '@mantine/hooks';
-import './utils-f168370f.js';
-import './other-09dd1a84.js';
-import { C as ChevronDown } from './ChevronDown-b42c352b.js';
-import { a as normalizeLinkSlash } from './normalizeLink-5ca463b6.js';
+import './utils-a97be8ef.js';
+import './other-51b10c8a.js';
+import { C as ChevronDown } from './ChevronDown-12a9cc68.js';
+import { a as normalizeLinkSlash } from './normalizeLink-523d95b2.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import './translationsContext-b39ae826.js';
+import './translationsContext-b263811e.js';
 import 'string-format';
-import { a as getCurrentSsoUrl, g as getCurrentBaseUrl } from './routing-3e2e2990.js';
+import { a as getCurrentSsoUrl, g as getCurrentBaseUrl } from './routing-d85d723f.js';
 import 'date-fns/locale';
 import './constantsSite.js';
-import './Locale-2e537a6a.js';
+import './Locale-0a28cd1a.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
 import './constantsIsProduction.js';
-import './tslib.es6-5f83e366.js';
+import './tslib.es6-2cbcde6f.js';
 import '@hhgtech/icons/other';
 import '@mantine/carousel';
-import './index-d1b85eee.js';
+import './index-61e80f3d.js';
 import 'classnames';
-import './useUniqueId-7d9bfd02.js';
+import './useUniqueId-364a86d4.js';
 import '@hhgtech/icons/core';
+import '@mantine/notifications';
 import 'dayjs';
 
 const NavBookingIcon = (props) => (React__default.createElement("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, props),

package/build/esm/progressBar.js

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-5f83e366.js';
+import { _ as __rest } from './tslib.es6-2cbcde6f.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,41 +1,42 @@
 import React__default, { useMemo, useState, useRef } from 'react';
-import { M as MarryBabyText, a as MarryBabyHeading } from './index-8d68eb39.js';
-import { T as Text } from './index-fc9567f0.js';
-import { P as PillCarousel } from './index-f10f1fb8.js';
-import { u as useTranslations } from './useTranslations-95c6883a.js';
+import { M as MarryBabyText, a as MarryBabyHeading } from './index-410e8044.js';
+import { T as Text } from './index-bc8a6968.js';
+import { P as PillCarousel } from './index-a4b02ecd.js';
+import { u as useTranslations } from './useTranslations-307c6ca4.js';
 import { theme } from './miscTheme.js';
 import { ResponsiveContainer, AreaChart, CartesianGrid, Tooltip, XAxis, YAxis, Area, ReferenceDot } from 'recharts';
-import { C as CustomReferenceDot } from './index-103508c0.js';
-import { a as useOutsideClick } from './useOutsideClick-0be26f49.js';
+import { C as CustomReferenceDot } from './index-1911b6f9.js';
+import { a as useOutsideClick } from './useOutsideClick-cbc19979.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-5f83e366.js';
+import { _ as __rest } from './tslib.es6-2cbcde6f.js';
 import '@mantine/core';
-import './other-09dd1a84.js';
-import './index-a1ac4405.js';
-import './Locale-2e537a6a.js';
-import './index-c6266db7.js';
+import './other-51b10c8a.js';
+import './index-d26cefad.js';
+import './Locale-0a28cd1a.js';
+import './index-865c7727.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './index-d1b85eee.js';
-import './index-ebc6c341.js';
-import './index-6e166286.js';
+import './index-61e80f3d.js';
+import './index-cde43c7c.js';
+import './index-de16bcda.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index.styles-9ffb84a3.js';
-import './utils-f168370f.js';
+import './index.styles-fdecf1c6.js';
+import './utils-a97be8ef.js';
 import '@mantine/carousel';
-import './useMantineLocale-8c5b5fc9.js';
+import './useMantineLocale-9b4e6ec5.js';
+import '@mantine/notifications';
 import 'dayjs';
-import './index-38efcc39.js';
+import './index-a69a171f.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-e43e6daf.js';
+import './index-eb1c3a22.js';
 import 'classnames';
-import './useUniqueId-7d9bfd02.js';
+import './useUniqueId-364a86d4.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './translationsContext-b39ae826.js';
+import './translationsContext-b263811e.js';
 import 'string-format';
 
 const CustomizedAxisTick = (props) => {

package/build/esm/ssoV2/api/email.d.ts

@@ -1,5 +1,5 @@
 import { LoggedInResponseType } from "./";
-export declare const loginByEmailPassword: (email: string, password: string) => Promise<import("./").ReturnType<unknown>>;
+export declare const loginByEmailPassword: (email: string, password: string) => Promise<import("./").ReturnType<LoggedInResponseType>>;
 export declare const registerBySendEmailOTP: (email: string) => Promise<import("./").ReturnType<unknown>>;
 export declare const resendEmailOTP: (email: string) => Promise<import("./").ReturnType<unknown>>;
 export declare const verifyByEmailOTP: (email: string, otpCode: string) => Promise<import("./").ReturnType<LoggedInResponseType>>;

package/build/esm/ssoV2/api/index.d.ts

@@ -1,3 +1,4 @@
+import { UserInfo } from "../../types";
 export declare const websiteId: string;
 export declare const defaultAreaCode: string;
 export declare const allAvailableAreaCodes: string[];
@@ -5,15 +6,15 @@ export declare const getSSOV2ApiUrl: (path: string) => string;
 export declare const getSSOApiUrl: (path: string) => string;
 export declare const BEARER_TOKEN_COOKIE = "hhg_user_token";
 export type ReturnType<T = any> = {
-    "_status": number;
-    "_messages": string[];
-    "_data": T | null;
+    _status: number;
+    _messages: string[];
+    _data: T | null;
     code?: string;
 };
 export declare const fetchSSOV2Api: <T>(path: string, options?: RequestInit, noAuth?: boolean) => Promise<ReturnType<T>>;
 export declare const fetchSSOApi: <T>(path: string, options?: RequestInit, noAuth?: boolean) => Promise<ReturnType<T>>;
 export declare const resetPassword: (password: string, confirmPassword: string) => Promise<ReturnType<unknown>>;
-export declare const checkUserExist: ({ email, phone }: {
+export declare const checkUserExist: ({ email, phone, }: {
     email?: string;
     phone?: string;
 }) => Promise<ReturnType<{
@@ -30,16 +31,18 @@ export declare const updateUserInfo: (data: {
     phone_number?: string;
     area_code?: string;
     gender?: number;
-    validate?: boolean;
+    validate?: string;
     source?: string;
 }) => Promise<ReturnType<LoggedInResponseType>>;
 export type LoggedInResponseType = {
-    "is_status": string;
-    "provider": string;
-    "token_type": string;
-    "token": string;
-    "refresh_token": string;
-    "expire_in": number;
+    is_status: string;
+    provider: string;
+    token_type: string;
+    token: string;
+    refresh_token: string;
+    expire_in: number;
 };
 export declare const GoogleAuthClientId: string;
 export declare const FacebookAppId = "2759888574045636";
+export declare const getUserInfo: () => Promise<ReturnType<UserInfo>>;
+export declare const handleAuthSuccess: (res: LoggedInResponseType) => void;

package/build/esm/ssoV2/api/paths.d.ts

@@ -11,11 +11,15 @@ export declare const SSO_V2_PATHS: {
         SEND_OTP: string;
         VERIFY_BY_OTP: string;
         LOGIN_BY_PASSWORD: string;
+        UPDATE_PHONE_SEND_OTP: string;
+        UPDATE_PHONE_VERIFY_OTP: string;
     };
     ZALO: {
         REGISTER_BY_SEND_OTP: string;
         SEND_OTP: string;
         VERIFY_BY_OTP: string;
+        UPDATE_PHONE_SEND_OTP: string;
+        UPDATE_PHONE_VERIFY_OTP: string;
     };
     RESET_PASSWORD: string;
     CHECK_USER_EXIST: string;

package/build/esm/ssoV2/api/phone.d.ts

@@ -3,3 +3,5 @@ export declare const loginByPhonePassword: (phone: string, password: string) =>
 export declare const registerBySendPhoneOTP: (phone: string, areaCode: string) => Promise<import("./").ReturnType<unknown>>;
 export declare const resendPhoneOTP: (phone: string, areaCode: string) => Promise<import("./").ReturnType<unknown>>;
 export declare const verifyByPhoneOTP: (phone: string, areaCode: string, otpCode: string) => Promise<import("./").ReturnType<LoggedInResponseType>>;
+export declare const resendUpdatePhoneOTP: (phone: string, areaCode: string) => Promise<import("./").ReturnType<unknown>>;
+export declare const verifyUpdatePhoneOTP: (areaCode: string, otpCode: string) => Promise<import("./").ReturnType<unknown>>;

package/build/esm/ssoV2/api/zalo.d.ts

@@ -2,3 +2,5 @@ import { LoggedInResponseType } from "./";
 export declare const registerBySendZaloOTP: (phone: string, areaCode: string) => Promise<import("./").ReturnType<unknown>>;
 export declare const resendZaloOTP: (phone: string, areaCode: string) => Promise<import("./").ReturnType<unknown>>;
 export declare const verifyByZaloOTP: (phone: string, areaCode: string, otpCode: string) => Promise<import("./").ReturnType<LoggedInResponseType>>;
+export declare const resendUpdatePhoneZaloOTP: (phone: string, areaCode: string) => Promise<import("./").ReturnType<unknown>>;
+export declare const verifyUpdatePhoneZaloOTP: (phone: string, areaCode: string, otpCode: string) => Promise<import("./").ReturnType<unknown>>;

package/build/esm/ssoV2/index.d.ts

@@ -1,8 +1,11 @@
 import React from 'react';
 import { LOCALE } from "../interfaces/types/Locale";
+import { SSOStepType } from "./stepsManager";
 export type SSOV2Props = {
     onClose?: () => void;
     locale?: LOCALE;
     source?: 'ecom' | 'care' | 'default';
+    defaultSteps?: SSOStepType[];
 };
-export declare const SSOV2: ({ onClose, locale, source }: SSOV2Props) => React.JSX.Element;
+export declare const SSOV2: ({ onClose: onCloseProps, locale, source, defaultSteps, }: SSOV2Props) => React.ReactPortal;
+export { useSSOV2Store } from "./ssoStateManager/store";

package/build/esm/ssoV2/popupWrapper/collectInfoTextPopup/index.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const CollectInfoTextPopup: () => React.JSX.Element;
+export declare const CollectInfoText: () => React.JSX.Element;

package/build/esm/ssoV2/popupWrapper/collectInfoTextPopup/modal.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CollectInfoTextPopup: () => React.JSX.Element;

package/build/esm/ssoV2/popupWrapper/confirmClosePopup.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const ConfirmClosePopup: ({ opened, onCancel, onClose, }: {
+    opened: boolean;
+    onCancel: () => void;
+    onClose: () => void;
+}) => React.JSX.Element;

package/build/esm/ssoV2/screens/otp.d.ts

@@ -3,7 +3,9 @@ export type SSOOTPConfigs = {
     phone?: string;
     email?: string;
     otpType: 'phone-sms' | 'phone-zalo' | 'email';
-    isForgot?: boolean;
+    isUpdatePhone?: boolean;
+    afterAction?: 'setup' | 'submitSetup' | 'forgot';
+    setupData?: any;
 };
 export declare const SSOOTPScreen: ({ hidden, index, }: {
     hidden?: boolean;

package/build/esm/ssoV2/screens/passwordForgotEmail.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const SSOPasswordForgotEmail: ({ hidden, }: {
+    hidden?: boolean;
+    index?: number;
+}) => React.JSX.Element;

package/build/esm/ssoV2/screens/passwordForgotSetup/checkIcons.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const CheckGrayIcon: () => React.JSX.Element;
+export declare const CheckGreenIcon: () => React.JSX.Element;
+export declare const CheckRedIcon: () => React.JSX.Element;

package/build/esm/ssoV2/screens/setup/genderIcons.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const FemaleIcon: () => React.JSX.Element;
+export declare const MaleIcon: () => React.JSX.Element;

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

@@ -4,6 +4,8 @@ export type SSOStateType = {
     locale?: LOCALE;
     onClose?: (force?: boolean) => void;
     source?: 'ecom' | 'care' | 'default';
+    openCollectInfoPopup?: boolean;
+    setOpenCollectInfoPopup?: (open: boolean) => void;
 };
 export declare const SSOStateContext: React.Context<SSOStateType>;
 export declare const SSOStateProvider: ({ children, locale, onClose, source, }: {

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

@@ -0,0 +1,7 @@
+export type SSOV2StoreType = {
+    isOpen: boolean;
+    setOpen: (isOpen: boolean) => void;
+    returnUrl?: string;
+    setReturnUrl: (returnUrl: string) => void;
+};
+export declare const useSSOV2Store: import("zustand").UseBoundStore<import("zustand").StoreApi<SSOV2StoreType>>;

package/build/esm/ssoV2/stepsManager/index.d.ts

@@ -14,6 +14,10 @@ export type SSOStepType = {
     type: SSOStepTypeType;
     config?: Record<string, any>;
 };
+export type SSOShareDataType = {
+    authFlow?: 'login' | 'register' | 'verify-phone';
+    authMethod?: 'phone' | 'google' | 'facebook' | 'mail';
+};
 export type SSOStepsContextType = {
     currentStepIndex: number;
     steps: SSOStepType[];
@@ -21,8 +25,11 @@ export type SSOStepsContextType = {
     goNext: () => void;
     goBack: () => void;
     addStep: (step: SSOStepType) => void;
+    shareData?: SSOShareDataType;
+    setShareData?: React.Dispatch<React.SetStateAction<SSOShareDataType>>;
 };
-export declare const SSOStepsProvider: ({ children }: {
+export declare const SSOStepsProvider: ({ children, defaultSteps, }: {
     children: ReactNode;
+    defaultSteps?: SSOStepType[];
 }) => React.JSX.Element;
 export declare const useSSOSteps: () => SSOStepsContextType;