@hhgtech/hhg-components 1.29.561 → 1.29.562-beta-2

package/build/esm/pwg.js

@@ -1,46 +1,45 @@
 import React__default, { useMemo, useState, useRef } from 'react';
-import { M as MarryBabyText, a as MarryBabyHeading } from './index-601cf644.js';
-import { T as Text } from './index-31fad708.js';
-import { P as PillCarousel } from './index-538320f6.js';
-import { u as useTranslations } from './index-06eeb1f6.js';
+import { M as MarryBabyText, a as MarryBabyHeading } from './index-a8f51815.js';
+import { T as Text } from './index-487d1c69.js';
+import { P as PillCarousel } from './index-af28ebf2.js';
+import { u as useTranslations } from './index-8d755baa.js';
 import { theme } from './miscTheme.js';
 import { ResponsiveContainer, AreaChart, CartesianGrid, Tooltip, XAxis, YAxis, Area, ReferenceDot } from 'recharts';
-import { C as CustomReferenceDot } from './index-07d47345.js';
-import { a as useOutsideClick } from './useOutsideClick-72ca3e80.js';
+import { C as CustomReferenceDot } from './index-fef9f7cf.js';
+import { a as useOutsideClick } from './useOutsideClick-e2f9914c.js';
 import styled from '@emotion/styled';
-import { a as __rest } from './tslib.es6-06f7d645.js';
+import { a as __rest } from './tslib.es6-40f33e3d.js';
 import '@mantine/core';
-import './index-bfc6d621.js';
-import './index-d10dca61.js';
-import './Locale-acbd3ebb.js';
-import './index-709b9609.js';
+import './index-f7566504.js';
+import './index-3373067c.js';
+import './index-2e31d276.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './index-a96f7a45.js';
-import './utils-87b3f278.js';
-import './index-e34a811c.js';
-import './index-ecb38c40.js';
+import './index-86dba182.js';
+import './utils-73452146.js';
+import './index-e1b4eb43.js';
+import './index-1c22144f.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
 import '@mantine/carousel';
-import './index-3c546c3c.js';
+import './index-851ec118.js';
 import 'dayjs';
 import '@mantine/notifications';
-import './index-a4ad843b.js';
+import './index-d8f3007b.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './shared-27549638.js';
+import './shared-ac6e0f7e.js';
 import 'classnames';
 import 'uuid';
-import './useUniqueId-b15dca96.js';
+import './useUniqueId-a59435c3.js';
 import '@emotion/react';
 import '@hhgtech/icons/core';
-import './index-5d11d80e.js';
+import './index-7da2b9c8.js';
 import '@mantine/dates';
-import './index.styles-d1a83c5f.js';
-import './translationsContext-acea89ed.js';
-import './index-8046e0dd.js';
+import './index.styles-8fb69843.js';
+import './translationsContext-82e30992.js';
+import './index-1b413c1f.js';
 
 const CustomizedAxisTick = (props) => {
     const { x, y, payload, activeWeek } = props;

package/build/esm/{routing-07f987dd.js → routing-07ceb5ce.js}

@@ -1,4 +1,4 @@
-import { domainLocales } from './constantsDomainLocales.js';
+import { getDomainByLocale, domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 
 // remove accidental double continuous slash in url
@@ -107,11 +107,11 @@ const getCurrentBaseUrl = (locale, isMarryBaby) => {
                 : 'discover.'
             : isMarryBaby
                 ? 'www.'
-                : ''}${domainLocales[isMarryBaby ? 'vi-VN_MB' : locale]}`;
+                : ''}${getDomainByLocale(locale, isMarryBaby)}`;
 };
 const getCurrentSsoUrl = (locale, isMarryBaby) => {
     return (process.env.UNIFY_SSO_API ||
-        `https://${!isProduction ? 'staging-id.' : 'id.'}${domainLocales[isMarryBaby ? 'vi-VN_MB' : locale]}`);
+        `https://${!isProduction ? 'staging-id.' : 'id.'}${getDomainByLocale(locale, isMarryBaby)}`);
 };
 const getTogetherApiDomain = () => {
     return (process.env.UNIFY_INTERNAL_TOGETHER_API ||

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

@@ -1,9 +1,17 @@
-import { UserInfo } from "../../types";
+import { LOCALE, UserInfo } from "../../types";
 export declare const locale: string;
-export declare const websiteId: string;
+/** SSO `website_id` by site (DB websites.id). MarryBaby = 11. */
+export declare const WEBSITE_ID_BY_LOCALE: Partial<Record<LOCALE, string>>;
+export declare const MARRY_BABY_WEBSITE_ID = "11";
 export declare const defaultAreaCode: string;
 export declare const setSSOCurrentLocale: (overrideLocale?: string) => void;
+export declare const setSSOIsMarryBaby: (value?: boolean) => void;
 export declare const getSSOCurrentLocale: () => string;
+export declare const getSSOIsMarryBaby: () => boolean;
+/** Runtime website_id for SSO register/login APIs. */
+export declare const getWebsiteId: () => string;
+/** Cookie / policy domain key (`isMarryBaby` → vi-VN_MB → marrybaby.vn). */
+export declare const getSSODomainLocaleKey: () => string;
 export declare const getSSOV2ApiUrl: (path: string, overrideLocale?: string) => string;
 export declare const getSSOApiUrl: (path: string, overrideLocale?: string) => string;
 export declare const BEARER_TOKEN_COOKIE = "hhg_user_token";

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

@@ -11,7 +11,8 @@ declare global {
 export type SSOV2Props = {
     onClose?: () => void;
     locale?: LOCALE;
+    isMarryBaby?: boolean;
 };
-export declare const SSOV2: ({ onClose: onCloseProps, locale }: SSOV2Props) => React.JSX.Element;
+export declare const SSOV2: ({ onClose: onCloseProps, locale, isMarryBaby, }: SSOV2Props) => React.JSX.Element;
 export { useSSOV2Store } from "./ssoStateManager/store";
 export { getURLwithSSOTracking } from "./utils";

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { LOCALE } from "../../interfaces/types/Locale";
 export type SSOStateType = {
     locale?: LOCALE;
+    isMarryBaby?: boolean;
     onClose?: (force?: boolean) => void;
     openCollectInfoPopup?: boolean;
     setOpenCollectInfoPopup?: (open: boolean) => void;
@@ -15,9 +16,10 @@ export type SSOStateType = {
     }) => void;
 };
 export declare const SSOStateContext: React.Context<SSOStateType>;
-export declare const SSOStateProvider: ({ children, locale, onClose, }: {
+export declare const SSOStateProvider: ({ children, locale, isMarryBaby, onClose, }: {
     children: React.ReactNode;
     locale?: LOCALE;
+    isMarryBaby?: boolean;
     onClose?: (force?: boolean) => void;
 }) => React.JSX.Element;
 export declare const useSSOState: () => SSOStateType;

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

@@ -0,0 +1,24 @@
+/** SSOV2 modal background gradients by brand theme. */
+export declare const SSOV2_GRADIENT: {
+    readonly default: {
+        readonly body: "linear-gradient(180deg, #A5D4FF 0%, #FFFFFF 150px)";
+        readonly bodyWhatsAppPhoneVerify: "linear-gradient(180deg, #A5D4FF 0%, #FFFFFF 70px)";
+        readonly confirmClose: "linear-gradient(180deg, #91CAFF 0%, #CFE8FF 100px, #FFFFFF 200px)";
+    };
+    readonly marryBaby: {
+        readonly body: "linear-gradient(180deg, #FFD0DC 0%, #FFFFFF 150px)";
+        readonly bodyWhatsAppPhoneVerify: "linear-gradient(180deg, #FFD0DC 0%, #FFFFFF 70px)";
+        readonly confirmClose: "linear-gradient(180deg, #FFB8C9 0%, #FFE0E8 100px, #FFFFFF 200px)";
+    };
+};
+export type SSOV2ThemeKey = keyof typeof SSOV2_GRADIENT;
+export declare const getSSOV2Gradient: (isMarryBaby?: boolean) => {
+    readonly body: "linear-gradient(180deg, #A5D4FF 0%, #FFFFFF 150px)";
+    readonly bodyWhatsAppPhoneVerify: "linear-gradient(180deg, #A5D4FF 0%, #FFFFFF 70px)";
+    readonly confirmClose: "linear-gradient(180deg, #91CAFF 0%, #CFE8FF 100px, #FFFFFF 200px)";
+} | {
+    readonly body: "linear-gradient(180deg, #FFD0DC 0%, #FFFFFF 150px)";
+    readonly bodyWhatsAppPhoneVerify: "linear-gradient(180deg, #FFD0DC 0%, #FFFFFF 70px)";
+    readonly confirmClose: "linear-gradient(180deg, #FFB8C9 0%, #FFE0E8 100px, #FFFFFF 200px)";
+};
+export declare const getSSOV2LogoType: (locale?: string, isMarryBaby?: boolean) => string;

package/build/esm/ssoV2.js

@@ -1,36 +1,35 @@
-import { _ as __awaiter, a as __rest } from './tslib.es6-06f7d645.js';
+import { _ as __awaiter, a as __rest } from './tslib.es6-40f33e3d.js';
 import React__default, { createContext, useMemo, useEffect, useRef, useImperativeHandle, useState, useCallback, forwardRef } from 'react';
 import { getCookie, setCookie, deleteCookie } from './miscCookieHelper.js';
-import { I as Input, h as ErrorBoundary, d as Checkbox, s as styles, O as OTP, i as PasswordInput } from './index-ecb38c40.js';
-import { f as fetchSSOV2Api, w as websiteId, S as SSO_V2_PATHS, c as checkUserExist, b as fetchSSOV2ApiJson, F as FacebookAppId, G as GoogleAuthClientId, h as handleAuthSuccess, g as getUserInfo, u as updateUserInfo, r as resetPassword } from './index-24dece51.js';
+import { I as Input, h as ErrorBoundary, d as Checkbox, s as styles, O as OTP, i as PasswordInput } from './index-1c22144f.js';
+import { f as fetchSSOV2Api, b as getWebsiteId, S as SSO_V2_PATHS, c as checkUserExist, d as fetchSSOV2ApiJson, F as FacebookAppId, G as GoogleAuthClientId, h as handleAuthSuccess, g as getUserInfo, u as updateUserInfo, r as resetPassword, s as setSSOCurrentLocale, e as setSSOIsMarryBaby } from './index-3ef59941.js';
 import { isProduction } from './constantsIsProduction.js';
 import { ChevronLeft } from '@hhgtech/icons/arrow';
 import { Close, Search, ReplySquare } from '@hhgtech/icons/core';
-import { c as ZINDEX_SSO, L as LOCALE_SPECS, S as STATIC_PAGES, Q as QUERY_HEALTH_TOOL } from './index-a4ad843b.js';
-import { L as LogoIcon } from './logoIcon-77495769.js';
-import { B as Button } from './index-5d11d80e.js';
-import { M as Modal } from './index-9e4df739.js';
+import { L as LOCALE_SPECS, c as ZINDEX_SSO, S as STATIC_PAGES, Q as QUERY_HEALTH_TOOL } from './index-d8f3007b.js';
+import { L as LogoIcon } from './logoIcon-2c4e9f58.js';
+import { B as Button } from './index-7da2b9c8.js';
+import { M as Modal } from './index-1e3e7939.js';
 import { Stack, Flex, Box, Group, Divider } from '@mantine/core';
 import '@mantine/dates';
-import './index-d10dca61.js';
-import { C as CommonGAssets } from './index-709b9609.js';
-import { s as showNotification } from './index-3c546c3c.js';
-import { T as Text } from './index-31fad708.js';
-import './index-bfc6d621.js';
-import { u as useTranslations } from './index-06eeb1f6.js';
+import { L as LOCALE } from './index-3373067c.js';
+import { C as CommonGAssets } from './index-2e31d276.js';
+import { s as showNotification } from './index-851ec118.js';
+import { T as Text } from './index-487d1c69.js';
+import './index-f7566504.js';
+import { u as useTranslations } from './index-8d755baa.js';
 import '@mantine/hooks';
-import './utils-87b3f278.js';
-import './index-8046e0dd.js';
-import { L as LOCALE } from './Locale-acbd3ebb.js';
-import { S as SSOStepTypeType, a as useSSOSteps, u as useSSOV2Store, i as isUserFinishedSetup, I as IS_SSOV2_ENABLED, s as splitPhone, b as isPhoneNotVerifedYet, c as isLoginWithPhoneNotVerifedYet, d as isFlowFinishedSetup, r as redirect } from './store-8f7d03cf.js';
-export { u as useSSOV2Store } from './store-8f7d03cf.js';
-import { I as ImageWrap, u as useScreenSize } from './index-a96f7a45.js';
+import './utils-73452146.js';
+import './index-1b413c1f.js';
+import { S as SSOStepTypeType, a as useSSOSteps, u as useSSOV2Store, i as isUserFinishedSetup, I as IS_SSOV2_ENABLED, s as splitPhone, b as isPhoneNotVerifedYet, c as isLoginWithPhoneNotVerifedYet, d as isFlowFinishedSetup, r as redirect } from './store-2103e2ec.js';
+export { u as useSSOV2Store } from './store-2103e2ec.js';
+import { I as ImageWrap, u as useScreenSize } from './index-86dba182.js';
 import ReCAPTCHA from 'react-google-recaptcha';
-import { G as Google, F as Facebook } from './Google-e1841d6f.js';
-import { i as isFeaturePolicyUpdateEnabled, a as isFeatureWhatsAppEnabled, b as isFeatureZaloEnabled, c as isFeatureSMSEnabled, d as isSupportProduct } from './utils-a2b98e30.js';
-export { g as getURLwithSSOTracking } from './utils-a2b98e30.js';
-import { S as Spoiler } from './index-95e392aa.js';
-import { domainLocales, MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
+import { G as Google, F as Facebook } from './Google-4477dac2.js';
+import { i as isFeaturePolicyUpdateEnabled, a as isFeatureWhatsAppEnabled, b as isFeatureZaloEnabled, c as isFeatureSMSEnabled, d as isSupportProduct } from './utils-36b3febe.js';
+export { g as getURLwithSSOTracking } from './utils-36b3febe.js';
+import { getDomainByLocale, getDomainLocaleKey } from './constantsDomainLocales.js';
+import { S as Spoiler } from './index-1cf9097b.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
 import classNames from 'classnames';
@@ -40,25 +39,25 @@ import throttle from 'lodash/throttle';
 import { getCountryCallingCode } from 'react-phone-number-input';
 import Flags from 'react-phone-number-input/flags';
 import { Drawer } from 'vaul';
-import { M as MAPPED_LOCALE } from './utils-998b22bd.js';
+import { M as MAPPED_LOCALE } from './utils-998fb085.js';
 import { useForm, yupResolver } from '@mantine/form';
 import * as yup from 'yup';
 import dayjs from 'dayjs';
-import { D as DatePicker } from './index-6244d4d6.js';
+import { D as DatePicker } from './index-7db24409.js';
 import '@mantine/carousel';
-import './shared-27549638.js';
+import './shared-ac6e0f7e.js';
 import 'uuid';
-import './useUniqueId-b15dca96.js';
+import './useUniqueId-a59435c3.js';
 import './constantsSite.js';
 import '@emotion/react';
-import './routing-07f987dd.js';
+import './routing-07ceb5ce.js';
 import 'date-fns/locale';
 import './constantsRiskScreener.js';
-import './index.styles-d1a83c5f.js';
+import './index.styles-8fb69843.js';
 import '@mantine/notifications';
-import './translationsContext-acea89ed.js';
+import './translationsContext-82e30992.js';
 import 'zustand';
-import './healthTools-8a04ac51.js';
+import './healthTools-5b7e6a3e.js';
 
 // const fakeData = {
 const fetchFeatureFlag = (site) => __awaiter(void 0, void 0, void 0, function* () {
@@ -79,14 +78,16 @@ const fetchFeatureFlag = (site) => __awaiter(void 0, void 0, void 0, function* (
 
 const SSOStateContext = createContext({
     locale: LOCALE.Vietnam,
+    isMarryBaby: false,
     onClose: () => false,
     setTracking: () => false,
 });
-const SSOStateProvider = ({ children, locale = LOCALE.Vietnam, onClose, }) => {
+const SSOStateProvider = ({ children, locale = LOCALE.Vietnam, isMarryBaby = false, onClose, }) => {
     const [openCollectInfoPopup, setOpenCollectInfoPopup] = React__default.useState(false);
     const [tracking, setTracking] = React__default.useState();
     return (React__default.createElement(SSOStateContext.Provider, { value: {
             locale,
+            isMarryBaby,
             onClose,
             openCollectInfoPopup,
             setOpenCollectInfoPopup,
@@ -98,14 +99,36 @@ const useSSOState = () => {
     return React__default.useContext(SSOStateContext);
 };
 
+/** SSOV2 modal background gradients by brand theme. */
+const SSOV2_GRADIENT = {
+    default: {
+        body: 'linear-gradient(180deg, #A5D4FF 0%, #FFFFFF 150px)',
+        bodyWhatsAppPhoneVerify: 'linear-gradient(180deg, #A5D4FF 0%, #FFFFFF 70px)',
+        confirmClose: 'linear-gradient(180deg, #91CAFF 0%, #CFE8FF 100px, #FFFFFF 200px)',
+    },
+    marryBaby: {
+        body: 'linear-gradient(180deg, #FFD0DC 0%, #FFFFFF 150px)',
+        bodyWhatsAppPhoneVerify: 'linear-gradient(180deg, #FFD0DC 0%, #FFFFFF 70px)',
+        confirmClose: 'linear-gradient(180deg, #FFB8C9 0%, #FFE0E8 100px, #FFFFFF 200px)',
+    },
+};
+const getSSOV2Gradient = (isMarryBaby) => isMarryBaby ? SSOV2_GRADIENT.marryBaby : SSOV2_GRADIENT.default;
+const getSSOV2LogoType = (locale, isMarryBaby) => {
+    var _a;
+    if (isMarryBaby)
+        return 'marryBaby';
+    return (_a = LOCALE_SPECS[locale || LOCALE.Vietnam]) === null || _a === void 0 ? void 0 : _a.LOGO_TYPE;
+};
+
 const ConfirmClosePopup = ({ opened, onCancel, onClose, }) => {
     const { t } = useTranslations();
-    const { tracking } = useSSOState();
+    const { tracking, isMarryBaby } = useSSOState();
+    const gradient = getSSOV2Gradient(isMarryBaby);
     return (React__default.createElement(Modal, { opened: opened, onClose: () => onCancel(), withCloseButton: false, zIndex: ZINDEX_SSO + 2, styles: (theme) => ({
             body: {
                 padding: '32px 24px',
                 position: 'relative',
-                background: 'linear-gradient(180deg, #91CAFF 0%,  #CFE8FF 100px, #FFFFFF 200px)',
+                background: gradient.confirmClose,
                 [theme.fn.smallerThan('sm')]: {
                     height: '100%',
                 },
@@ -417,10 +440,9 @@ const ProgressBar = () => {
 };
 
 const SSOPopupWrapper = ({ children, opened, onClose, }) => {
-    var _a;
     const { steps, goBack, currentStepIndex } = useSSOSteps();
     const { flowData } = useSSOV2Store();
-    const { locale, tracking } = useSSOState();
+    const { locale, isMarryBaby, tracking } = useSSOState();
     const currentStep = steps[currentStepIndex];
     const showProgressBar = isDisplayProgressBarFn(flowData, currentStep);
     const showBack = (steps.length > 1 && !showProgressBar) ||
@@ -430,7 +452,8 @@ const SSOPopupWrapper = ({ children, opened, onClose, }) => {
         (currentStep === null || currentStep === void 0 ? void 0 : currentStep.type) === SSOStepTypeType.EMAIL;
     const showClose = (currentStep === null || currentStep === void 0 ? void 0 : currentStep.type) === SSOStepTypeType.FIRST;
     const showLogo = (steps.length === 1 || showProgressBar) && !showBack;
-    const logoType = (_a = LOCALE_SPECS[locale]) === null || _a === void 0 ? void 0 : _a.LOGO_TYPE;
+    const logoType = getSSOV2LogoType(locale, isMarryBaby);
+    const gradient = getSSOV2Gradient(isMarryBaby);
     const [closeConfirmOpen, setCloseConfirmOpen] = React__default.useState(false);
     const onCloseClick = () => {
         setCloseConfirmOpen(true);
@@ -452,8 +475,8 @@ const SSOPopupWrapper = ({ children, opened, onClose, }) => {
                     padding: '32px 24px',
                     position: 'relative',
                     background: isWhatsAppPhoneVerify
-                        ? 'linear-gradient(180deg, #A5D4FF 0%, #FFFFFF 70px)'
-                        : 'linear-gradient(180deg, #A5D4FF 0%, #FFFFFF 150px)',
+                        ? gradient.bodyWhatsAppPhoneVerify
+                        : gradient.body,
                     overflow: 'auto',
                     [theme.fn.smallerThan('sm')]: {
                         height: '100%',
@@ -537,7 +560,7 @@ const loginByEmailPassword = (email, password) => __awaiter(void 0, void 0, void
 const registerBySendEmailOTP = (email) => __awaiter(void 0, void 0, void 0, function* () {
     const formData = new FormData();
     formData.append('email', email);
-    formData.append('website_id', websiteId);
+    formData.append('website_id', getWebsiteId());
     return fetchSSOV2Api(SSO_V2_PATHS.EMAIL.REGISTER_BY_SEND_OTP, {
         method: 'POST',
         body: formData,
@@ -818,7 +841,7 @@ const registerBySendPhoneOTP = (phone, areaCode) => __awaiter(void 0, void 0, vo
     const formData = new FormData();
     formData.append('phone_number', phone);
     formData.append('area_code', areaCode);
-    formData.append('website_id', websiteId);
+    formData.append('website_id', getWebsiteId());
     return fetchSSOV2Api(SSO_V2_PATHS.PHONE.REGISTER_BY_SEND_OTP, {
         method: 'POST',
         body: formData,
@@ -872,7 +895,7 @@ const loginBySocial = (token, social) => __awaiter(void 0, void 0, void 0, funct
     const formData = new FormData();
     formData.append('token', token);
     formData.append('provider', social);
-    formData.append('website_id', websiteId);
+    formData.append('website_id', getWebsiteId());
     return fetchSSOV2Api(SSO_V2_PATHS.LOGIN_BY_SOCIAL, {
         method: 'POST',
         body: formData,
@@ -884,7 +907,7 @@ const sendLoginOtpWhatsapp = (phoneNumber, areaCode, referrer) => __awaiter(void
     return fetchSSOV2ApiJson(SSO_V2_PATHS.WHATSAPP.LOGIN_OTP_WHATSAPP, {
         phone_number: phoneNumber,
         area_code: areaCode,
-        website_id: Number(websiteId),
+        website_id: Number(getWebsiteId()),
         ga_client_id: getCookie('_ga') || '',
         referrer: referrer || (typeof window !== 'undefined' ? window.location.href : ''),
     }, true);
@@ -904,7 +927,7 @@ const registerBySendWhatsAppOTP = (phone, areaCode) => __awaiter(void 0, void 0,
     const formData = new FormData();
     formData.append('phone_number', phone);
     formData.append('area_code', areaCode);
-    formData.append('website_id', websiteId);
+    formData.append('website_id', getWebsiteId());
     if (isFeaturePolicyUpdateEnabled) {
         formData.append('consent_type', JSON.stringify({
             TC_acceptance: useSSOV2Store.getState().isHaveReadAndAgreePolicy,
@@ -964,7 +987,7 @@ const registerBySendZaloOTP = (phone, areaCode) => __awaiter(void 0, void 0, voi
     const formData = new FormData();
     formData.append('phone_number', phone);
     formData.append('area_code', areaCode);
-    formData.append('website_id', websiteId);
+    formData.append('website_id', getWebsiteId());
     return fetchSSOV2Api(SSO_V2_PATHS.ZALO.REGISTER_BY_SEND_OTP, {
         method: 'POST',
         body: formData,
@@ -1043,12 +1066,14 @@ const checkboxStyles = (isError) => ({
 const PolicyContent = ({ legalTextType, trackingCategory, trackingAction, activeTab, errMsgPolicy, }) => {
     var _a, _b;
     const { t } = useTranslations();
-    const { locale } = useSSOState();
+    const { locale, isMarryBaby } = useSSOState();
     const { isHaveReadAndAgreePolicy, setIsHaveReadAndAgreePolicy, isGetUpdateFromHHG, setIsGetUpdateFromHHG, } = useSSOV2Store();
     const isDisplayPolicyContent = !activeTab || activeTab !== 'signup';
     const isDisplayTwoCheckbox = isFeaturePolicyUpdateEnabled && activeTab === 'signup';
-    const urlPrivacy = `https://${domainLocales[locale]}/static/${((_a = STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.PRIVACY_POLICY) || ''}`;
-    const urlTerms = `https://${domainLocales[locale]}/static/${((_b = STATIC_PAGES[locale]) === null || _b === void 0 ? void 0 : _b.TERM_OF_USE) || ''}`;
+    const siteDomain = getDomainByLocale(locale, isMarryBaby);
+    const staticLocale = getDomainLocaleKey(locale, isMarryBaby);
+    const urlPrivacy = `https://${siteDomain}/static/${((_a = STATIC_PAGES[staticLocale]) === null || _a === void 0 ? void 0 : _a.PRIVACY_POLICY) || ''}`;
+    const urlTerms = `https://${siteDomain}/static/${((_b = STATIC_PAGES[staticLocale]) === null || _b === void 0 ? void 0 : _b.TERM_OF_USE) || ''}`;
     const policyRendered = (React__default.createElement(Text, { size: "p5", color: "gray.6" }, t(isFeaturePolicyUpdateEnabled
         ? 'ssov2.policyText.version2'
         : legalTextType === 'community'
@@ -4978,7 +5003,7 @@ if (!String.prototype.capitalize) {
         return this.charAt(0).toUpperCase() + this.slice(1);
     };
 }
-const SSOV2 = ({ onClose: onCloseProps, locale }) => {
+const SSOV2 = ({ onClose: onCloseProps, locale, isMarryBaby = false, }) => {
     const { isOpen, setOpen, returnUrl, setMounted, source, overrideClose, setOnCloseProp, forceReloadOnClose, setABTestFlow, } = useSSOV2Store();
     useEffect(() => {
         setMounted(true);
@@ -4986,6 +5011,11 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
             setMounted(false);
         };
     }, []);
+    useEffect(() => {
+        if (locale)
+            setSSOCurrentLocale(locale);
+        setSSOIsMarryBaby(isMarryBaby);
+    }, [locale, isMarryBaby]);
     useEffect(() => {
         if (isOpen) {
             document.body.classList.add('sso-v2-opening');
@@ -4998,7 +5028,9 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
         setOnCloseProp(onCloseProps);
     }, [onCloseProps]);
     useEffect(() => {
-        const site = MAP_DOMAIN_BY_LOCALE[locale];
+        const site = getDomainByLocale(locale, isMarryBaby);
+        if (!site)
+            return;
         const previousABTestingFlow = getCookie('abTestingFlow');
         fetchFeatureFlag(site).then((data) => {
             if ((data === null || data === void 0 ? void 0 : data.is_enabled) && isSupportProduct(data === null || data === void 0 ? void 0 : data.products)) {
@@ -5026,7 +5058,7 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
                 deleteCookie('abTestingFlow');
             }
         });
-    }, [locale]);
+    }, [locale, isMarryBaby]);
     if (!isOpen) {
         return null;
     }
@@ -5058,7 +5090,7 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
         }
     });
     return (React__default.createElement(ErrorBoundary, null,
-        React__default.createElement(SSOStateProvider, { onClose: onClose, locale: locale },
+        React__default.createElement(SSOStateProvider, { onClose: onClose, locale: locale, isMarryBaby: isMarryBaby },
             React__default.createElement(SSOPopupWrapper, { opened: true, onClose: onClose },
                 React__default.createElement(SSOScreenRenderer, null)))));
 };

package/build/esm/{store-8f7d03cf.js → store-2103e2ec.js}

@@ -1,8 +1,8 @@
-import { _ as __awaiter } from './tslib.es6-06f7d645.js';
+import { _ as __awaiter } from './tslib.es6-40f33e3d.js';
 import { create } from 'zustand';
-import { s as setSSOCurrentLocale, g as getUserInfo, a as getSSOCurrentLocale } from './index-24dece51.js';
+import { s as setSSOCurrentLocale, g as getUserInfo, a as getSSOCurrentLocale } from './index-3ef59941.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
-import { B as BEARER_TOKEN_COOKIE } from './index-a4ad843b.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-d8f3007b.js';
 import { getCookie } from './miscCookieHelper.js';
 
 const mergePhone = (phone, areaCode) => {
@@ -450,8 +450,7 @@ const redirect = (returnUrl, source, forceReload) => {
 };
 const SSOV2_LOCALES = ['vi-VN', 'id-ID', 'ms-MY'];
 const IS_SSOV2_ENABLED = (locale) => {
-    return (!process.env.NEXT_PUBLIC_MARRY_BABY &&
-        SSOV2_LOCALES.includes(locale || process.env.UNIFY_LOCALE || getSSOCurrentLocale() || ''));
+    return SSOV2_LOCALES.includes(locale || process.env.UNIFY_LOCALE || getSSOCurrentLocale() || '');
 };
 const getSSOFlowFromUserProfile = (userInfo) => {
     if (!userInfo)

package/build/esm/subot.js

@@ -1,80 +1,79 @@
 import React__default, { createContext, useContext, useRef, useState, useEffect, useCallback, useMemo, forwardRef, useImperativeHandle, memo, useLayoutEffect } from 'react';
-import { d as NodeType, E as ELEMENT_CONTROL_INPUT_TYPE, f as NodeActionType, c as NodePosition, e as NodeFinalTypes, g as NodeMultipleOptions, N as NodeIntentType, F as FULL_KEY_ADDRESS, C as COMMON_DATE_TRANSLATE_KEY, h as SubotType } from './index-d10dca61.js';
-import { _ as __awaiter, a as __rest } from './tslib.es6-06f7d645.js';
-import { b as basePath, G as GA_TOKEN_COOKIE, A as API_DATE_FORMAT, I as ISO_FORMAT, l as SSO_URL } from './index-a4ad843b.js';
+import { d as NodeType, E as ELEMENT_CONTROL_INPUT_TYPE, f as NodeActionType, c as NodePosition, e as NodeFinalTypes, g as NodeMultipleOptions, N as NodeIntentType, L as LOCALE, F as FULL_KEY_ADDRESS, C as COMMON_DATE_TRANSLATE_KEY, h as SubotType } from './index-3373067c.js';
+import { _ as __awaiter, a as __rest } from './tslib.es6-40f33e3d.js';
+import { b as basePath, G as GA_TOKEN_COOKIE, A as API_DATE_FORMAT, I as ISO_FORMAT, l as SSO_URL } from './index-d8f3007b.js';
 import Cookies from 'js-cookie';
 import fd from 'fastdom';
 import fastdomPromised from 'fastdom/extensions/fastdom-promised';
-import { G as GlobalData, c as callApi, u as locale, T as TogetherComponentGlobalContext } from './utils-f940fbdd.js';
+import { G as GlobalData, c as callApi, u as locale, T as TogetherComponentGlobalContext } from './utils-d31f9dc0.js';
 import formatString from 'string-format';
-import { b as getUserIdFromCookie, d as getSubotCookieId, e as getUserInfoFromCookie, f as getWindowId, o as overrideParamsByQuery, c as checkUntilFinished, g as getHelloSitesUrl, h as checkMobile, i as clickAndOpenInNewTab, j as formatUrlWithEncrypedGa, T as TIME_RESET_RESEND_OTP, k as isFakeEmail, s as ssoIntents, l as getHhgIdFromCookie } from './index-552992ce.js';
-export { T as TIME_RESET_RESEND_OTP, h as checkMobile, c as checkUntilFinished, i as clickAndOpenInNewTab, j as formatUrlWithEncrypedGa, g as getHelloSitesUrl, l as getHhgIdFromCookie, d as getSubotCookieId, b as getUserIdFromCookie, e as getUserInfoFromCookie, f as getWindowId, k as isFakeEmail, o as overrideParamsByQuery, s as ssoIntents } from './index-552992ce.js';
+import { b as getUserIdFromCookie, d as getSubotCookieId, e as getUserInfoFromCookie, f as getWindowId, o as overrideParamsByQuery, c as checkUntilFinished, g as getHelloSitesUrl, h as checkMobile, i as clickAndOpenInNewTab, j as formatUrlWithEncrypedGa, T as TIME_RESET_RESEND_OTP, k as isFakeEmail, s as ssoIntents, l as getHhgIdFromCookie } from './index-6e470d7b.js';
+export { T as TIME_RESET_RESEND_OTP, h as checkMobile, c as checkUntilFinished, i as clickAndOpenInNewTab, j as formatUrlWithEncrypedGa, g as getHelloSitesUrl, l as getHhgIdFromCookie, d as getSubotCookieId, b as getUserIdFromCookie, e as getUserInfoFromCookie, f as getWindowId, k as isFakeEmail, o as overrideParamsByQuery, s as ssoIntents } from './index-6e470d7b.js';
 import dayjs from 'dayjs';
-import { MAP_DOMAIN_BY_LOCALE, domainLocales } from './constantsDomainLocales.js';
+import { domainLocales } from './constantsDomainLocales.js';
 import { Box, Textarea, clsx, Stack, Flex, Skeleton } from '@mantine/core';
 import classNames from 'classnames';
-import { C as Container$w } from './index-8d77ad59.js';
-import { L as Loading } from './index-c1b51b16.js';
+import { C as Container$w } from './index-b5da1640.js';
+import { L as Loading } from './index-34b3be62.js';
 import { motion } from 'framer-motion';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-87b3f278.js';
-import { B as Button } from './index-5d11d80e.js';
+import { M as MediaQueries } from './utils-73452146.js';
+import { B as Button } from './index-7da2b9c8.js';
 import { Remarkable } from 'remarkable';
 import { ArrowRight as ArrowRight$1 } from '@hhgtech/icons/other';
 import { useInView } from 'react-intersection-observer';
-import { C as CommonGAssets } from './index-709b9609.js';
+import { C as CommonGAssets } from './index-2e31d276.js';
 import isSameOrBefore from 'dayjs/plugin/isSameOrBefore';
-import { d as LEAD_TOKEN_COOKIE } from './constants-71086de7.js';
+import { d as LEAD_TOKEN_COOKIE } from './constants-ac919b94.js';
 import { v4 } from 'uuid';
-import { T as Text } from './index-31fad708.js';
+import { T as Text } from './index-487d1c69.js';
 import { theme } from './miscTheme.js';
 import { isProduction } from './constantsIsProduction.js';
-import { S as Select } from './index-ecb38c40.js';
+import { S as Select } from './index-1c22144f.js';
 import '@mantine/dates';
-import './index-3c546c3c.js';
-import './index-bfc6d621.js';
-import './index.styles-d1a83c5f.js';
-import './translationsContext-acea89ed.js';
+import './index-851ec118.js';
+import './index-f7566504.js';
+import './index.styles-8fb69843.js';
+import './translationsContext-82e30992.js';
 import '@mantine/hooks';
-import './index-8046e0dd.js';
+import './index-1b413c1f.js';
 import isEmpty from 'lodash/isEmpty';
 import { Controller, useForm } from 'react-hook-form';
 import PhoneInputBase, { getCountryCallingCode, isPossiblePhoneNumber, parsePhoneNumber } from 'react-phone-number-input';
 import { LoadScript } from '@react-google-maps/api';
-import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY, a as GOOGLE_API_LANGUAGE } from './usePlacesAutocomplete-6aea0f80.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY, a as GOOGLE_API_LANGUAGE } from './usePlacesAutocomplete-3c3ca940.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { L as LOCALE } from './Locale-acbd3ebb.js';
-import { I as InputDate } from './InputDate-bf53281e.js';
-import { B as Button$1 } from './index-69b71cce.js';
-import { D as Dropdown } from './index-794a79fb.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-8f7d03cf.js';
-import { g as getURLwithSSOTracking } from './utils-a2b98e30.js';
-import { T as TextArea } from './index-cde4f981.js';
+import { I as InputDate } from './InputDate-3bd86437.js';
+import { B as Button$1 } from './index-5c888f57.js';
+import { D as Dropdown } from './index-89d46d8d.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-2103e2ec.js';
+import { g as getURLwithSSOTracking } from './utils-36b3febe.js';
+import { T as TextArea } from './index-65928ed8.js';
 import StarRatings from 'react-star-ratings';
 import { ArticleCard } from './moleculesArticleCard.js';
-import { T as Text$1 } from './index-e34a811c.js';
-import { H as Heading$1 } from './index-a3347ffe.js';
+import { T as Text$1 } from './index-e1b4eb43.js';
+import { H as Heading$1 } from './index-295e875a.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './togetherApiPaths.js';
-import './index-2fc20219.js';
-import './WhatsApp-e3baf3b9.js';
-import './Spinner-282ebaea.js';
-import './index-06eeb1f6.js';
-import './shared-27549638.js';
-import './index-a96f7a45.js';
+import './index-2d159d7d.js';
+import './WhatsApp-10c6e480.js';
+import './Spinner-c84edb1c.js';
+import './index-8d755baa.js';
+import './shared-ac6e0f7e.js';
+import './index-86dba182.js';
 import '@mantine/carousel';
-import './useUniqueId-b15dca96.js';
+import './useUniqueId-a59435c3.js';
 import '@emotion/react';
 import '@hhgtech/icons/core';
 import '@mantine/notifications';
 import 'zustand';
-import './index-24dece51.js';
-import './routing-07f987dd.js';
-import './healthTools-8a04ac51.js';
+import './index-3ef59941.js';
+import './routing-07ceb5ce.js';
+import './healthTools-5b7e6a3e.js';
 
 // extend fastdom
 const fastdom = fd.extend(fastdomPromised);
@@ -778,7 +777,7 @@ const saveSubotInlineLogs = ({ nodes, activeId, params, accountIdFromLogs, }) =>
             data: JSON.stringify(data),
             status: statusFlowBot,
             type: 'inline',
-            market: MAP_DOMAIN_BY_LOCALE[locale],
+            market: domainLocales[locale],
         };
         yield callApi(getSubotApiPath(PATHS$1.POST_SUBOT_CREATE_LOG), 'POST', {
             data: payload,