@hhgtech/hhg-components 1.29.345 → 1.29.346-beta-2

package/build/organisms.js

@@ -2,78 +2,78 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-0ae01475.js');
-var index$1 = require('./index-824dcde9.js');
-var index$2 = require('./index-4d2966cc.js');
+var index = require('./index-b5367987.js');
+var index$1 = require('./index-3109fbbf.js');
+var index$2 = require('./index-6d6ac85d.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');
-var navigationProfileButton = require('./index-3d794425.js');
+var navigationProfileButton = require('./index-99ca90cd.js');
 var profileNavigation = require('./profileNavigation.js');
-require('./tslib.es6-f733ece1.js');
+require('./tslib.es6-3d12e587.js');
 require('react');
-require('./index-4b410b28.js');
-require('./index-97bd30c5.js');
+require('./index-221480f5.js');
+require('./index-198bab59.js');
 require('@hhgtech/icons/other');
 require('@mantine/core');
 require('@mantine/hooks');
-require('./index-ad17f649.js');
+require('./index-648cddc1.js');
 require('./constantsDomainLocales.js');
-require('./Locale-9ee91aeb.js');
+require('./Locale-a8773d2f.js');
 require('./constantsIsProduction.js');
-require('./useScreenSize-662f9dad.js');
+require('./useScreenSize-0edd7b25.js');
 require('@emotion/styled');
-require('./utils-14e95277.js');
+require('./utils-134fe2a8.js');
 require('@mantine/carousel');
-require('./index-ef27acc4.js');
-require('./other-ac5fdd9a.js');
-require('./index-3363b56d.js');
+require('./index-713b114f.js');
+require('./other-386157b9.js');
+require('./index-e85d6692.js');
 require('./miscTheme.js');
-require('./useMantineLocale-ec8e9a98.js');
+require('./useMantineLocale-4e20e4c7.js');
 require('@mantine/notifications');
-require('./index-3040ba02.js');
+require('./index-30a3ef85.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('dayjs');
-require('./index-8906df9e.js');
+require('./index-7d6b7ee1.js');
 require('classnames');
-require('./useUniqueId-b0773df1.js');
+require('./useUniqueId-dcf9a30c.js');
 require('@hhgtech/icons/core');
-require('./normalizeLink-5d423fb2.js');
-require('./dataTransform-696d6637.js');
-require('./index-0eabbc5d.js');
-require('./logoIcon-14668b83.js');
-require('./index-5c1055ec.js');
-require('./translationsContext-bfc132f5.js');
+require('./normalizeLink-dae6160a.js');
+require('./dataTransform-e0d654e5.js');
+require('./index-bfd9f254.js');
+require('./logoIcon-513be396.js');
+require('./index-f4273e40.js');
+require('./translationsContext-7dfa1ba9.js');
 require('lodash/throttle');
 require('@mantine/dates');
-require('./index.styles-c768b8e3.js');
-require('./index-d011a478.js');
-require('./constants-f14ffffa.js');
-require('./store-be18716d.js');
+require('./index.styles-b3668f48.js');
+require('./index-d53f4ec9.js');
+require('./constants-4def0f24.js');
+require('./store-0b9aafbe.js');
 require('zustand');
 require('./miscCookieHelper.js');
-require('./index-03875470.js');
-require('./utils-c8cbc0f5.js');
-require('./index-bb1f2627.js');
+require('./index-bc45f4af.js');
+require('./utils-72ea9ab9.js');
+require('./index-16e79402.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-31873c96.js');
-require('./constants-3affb2be.js');
-require('./index-c36ba8cc.js');
-require('./index-96bb8a9d.js');
-require('./useIsInit-3d8b66b3.js');
+require('./constants-f6949cc1.js');
+require('./constants-5d7f8aaf.js');
+require('./index-b19f1499.js');
+require('./index-8be44bd5.js');
+require('./useIsInit-a02bdb61.js');
 require('./miscDefaultClassWrapper.js');
 require('dayjs/plugin/relativeTime');
-require('./index-f597cd14.js');
-require('./index-cc45684b.js');
+require('./index-e83978c8.js');
+require('./index-60d8ce93.js');
 require('lodash/debounce');
-require('./core-39d9da84.js');
-require('./index-99d63713.js');
-require('./index-cfca1ef4.js');
-require('./index-f2c70d4e.js');
-require('./Spinner-0b26d6f1.js');
-require('./ChevronDown-a2dd7bea.js');
+require('./core-330ad861.js');
+require('./index-ff991972.js');
+require('./index-eacf36ac.js');
+require('./index-44fc4b74.js');
+require('./Spinner-da05c697.js');
+require('./ChevronDown-e44cee74.js');
 require('@emotion/react');
 
 

package/build/{post-6b686c0d.js → post-bdd7c4ed.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f733ece1.js');
+var tslib_es6 = require('./tslib.es6-3d12e587.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-c8cbc0f5.js');
+var togetherComponentGlobalContext = require('./utils-72ea9ab9.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-3040ba02.js');
-var index$3 = require('./index-97bd30c5.js');
+var index$4 = require('./index-30a3ef85.js');
+var index$3 = require('./index-198bab59.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-3363b56d.js');
-var index$2 = require('./index-ad17f649.js');
-require('./useMantineLocale-ec8e9a98.js');
-var index$1 = require('./index-ef27acc4.js');
-require('./index-8906df9e.js');
-require('./index.styles-c768b8e3.js');
-var index = require('./index-5c1055ec.js');
+require('./index-e85d6692.js');
+var index$2 = require('./index-648cddc1.js');
+require('./useMantineLocale-4e20e4c7.js');
+var index$1 = require('./index-713b114f.js');
+require('./index-7d6b7ee1.js');
+require('./index.styles-b3668f48.js');
+var index = require('./index-f4273e40.js');
 require('@mantine/hooks');
-require('./utils-14e95277.js');
-require('./other-ac5fdd9a.js');
-require('./index-d011a478.js');
-var ChevronDown = require('./ChevronDown-a2dd7bea.js');
-var normalizeLink = require('./normalizeLink-5d423fb2.js');
+require('./utils-134fe2a8.js');
+require('./other-386157b9.js');
+require('./index-d53f4ec9.js');
+var ChevronDown = require('./ChevronDown-e44cee74.js');
+var normalizeLink = require('./normalizeLink-dae6160a.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-require('./translationsContext-bfc132f5.js');
+require('./translationsContext-7dfa1ba9.js');
 require('date-fns/locale');
 require('./constantsSite.js');
-require('./Locale-9ee91aeb.js');
+require('./Locale-a8773d2f.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./tslib.es6-f733ece1.js');
+require('./tslib.es6-3d12e587.js');
 require('@hhgtech/icons/other');
-require('./useScreenSize-662f9dad.js');
+require('./useScreenSize-0edd7b25.js');
 require('@mantine/carousel');
 require('classnames');
-require('./useUniqueId-b0773df1.js');
+require('./useUniqueId-dcf9a30c.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-f733ece1.js');
+var tslib_es6 = require('./tslib.es6-3d12e587.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-cfca1ef4.js');
-var index = require('./index-ef27acc4.js');
-var index$4 = require('./index-d033e010.js');
-var index$1 = require('./index-5c1055ec.js');
+var index$2 = require('./index-eacf36ac.js');
+var index = require('./index-713b114f.js');
+var index$4 = require('./index-298a0295.js');
+var index$1 = require('./index-f4273e40.js');
 var miscTheme = require('./miscTheme.js');
 var recharts = require('recharts');
-var index$3 = require('./index-66acf25f.js');
-var useOutsideClick = require('./useOutsideClick-4ead8e89.js');
+var index$3 = require('./index-5e9bce17.js');
+var useOutsideClick = require('./useOutsideClick-bf3694cb.js');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-f733ece1.js');
+var tslib_es6 = require('./tslib.es6-3d12e587.js');
 require('@mantine/core');
-require('./other-ac5fdd9a.js');
-require('./index-3363b56d.js');
-require('./Locale-9ee91aeb.js');
-require('./index-ad17f649.js');
+require('./other-386157b9.js');
+require('./index-e85d6692.js');
+require('./Locale-a8773d2f.js');
+require('./index-648cddc1.js');
 require('./constantsDomainLocales.js');
 require('./constantsIsProduction.js');
-require('./useScreenSize-662f9dad.js');
-require('./utils-14e95277.js');
-require('./index-ce74b1a3.js');
-require('./index-97bd30c5.js');
+require('./useScreenSize-0edd7b25.js');
+require('./utils-134fe2a8.js');
+require('./index-fcfb838a.js');
+require('./index-198bab59.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
 require('@mantine/carousel');
-require('./useMantineLocale-ec8e9a98.js');
+require('./useMantineLocale-4e20e4c7.js');
 require('@mantine/notifications');
-require('./index-3040ba02.js');
+require('./index-30a3ef85.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('dayjs');
-require('./index-8906df9e.js');
+require('./index-7d6b7ee1.js');
 require('classnames');
-require('./useUniqueId-b0773df1.js');
+require('./useUniqueId-dcf9a30c.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-c768b8e3.js');
-require('./translationsContext-bfc132f5.js');
-require('./index-d011a478.js');
+require('./index.styles-b3668f48.js');
+require('./translationsContext-7dfa1ba9.js');
+require('./index-d53f4ec9.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/ssoV2/api/featureFlag.d.ts

@@ -1 +1,2 @@
-export declare const fetchFeatureFlag: (site: string) => Promise<any>;
+export declare const getFeatureFlagCookieKey: (setupSource: string) => "abTestingCommunityFlow" | "abTestingFlow";
+export declare const fetchFeatureFlag: (site: string, setupSource: string) => Promise<any>;

package/build/ssoV2/index.d.ts

@@ -14,3 +14,4 @@ export type SSOV2Props = {
 };
 export declare const SSOV2: ({ onClose: onCloseProps, locale }: SSOV2Props) => React.JSX.Element;
 export { useSSOV2Store } from "./ssoStateManager/store";
+export { getURLwithSSOTracking } from "./utils";

package/build/ssoV2/utils.d.ts

@@ -1,6 +1,12 @@
+import { RedirectSourceType } from "../interfaces/healthTools";
+import { SubotBotItem } from "../types";
 export declare const isFeatureWhatsAppEnabled: boolean;
 export declare const isFeatureSMSEnabled: boolean;
 export declare const isFeatureZaloEnabled: boolean;
 export declare const isSupportProduct: (featureFlagsProduct: {
     name: string;
 }[]) => boolean;
+export declare const getURLwithSSOTracking: (url: string, { source, botItem }: {
+    source?: RedirectSourceType;
+    botItem?: SubotBotItem;
+}) => URL;

package/build/ssoV2.js

@@ -2,34 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-f733ece1.js');
+var tslib_es6 = require('./tslib.es6-3d12e587.js');
 var React = require('react');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$6 = require('./index-97bd30c5.js');
-var store = require('./store-be18716d.js');
+var index$6 = require('./index-198bab59.js');
+var store = require('./store-0b9aafbe.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var arrow = require('@hhgtech/icons/arrow');
 var core$1 = require('@hhgtech/icons/core');
-var index$2 = require('./index-3040ba02.js');
-var logoIcon = require('./logoIcon-14668b83.js');
-var index$4 = require('./index-8906df9e.js');
-var index$1 = require('./index-3a401558.js');
+var index$2 = require('./index-30a3ef85.js');
+var logoIcon = require('./logoIcon-513be396.js');
+var index$4 = require('./index-7d6b7ee1.js');
+var index$1 = require('./index-afa65e80.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-3363b56d.js');
-var index$5 = require('./index-ad17f649.js');
-var useMantineLocale = require('./useMantineLocale-ec8e9a98.js');
-var index$3 = require('./index-ef27acc4.js');
-var index = require('./index-5c1055ec.js');
+require('./index-e85d6692.js');
+var index$5 = require('./index-648cddc1.js');
+var useMantineLocale = require('./useMantineLocale-4e20e4c7.js');
+var index$3 = require('./index-713b114f.js');
+var index = require('./index-f4273e40.js');
 require('@mantine/hooks');
-require('./utils-14e95277.js');
-require('./other-ac5fdd9a.js');
-require('./index-d011a478.js');
-var Locale = require('./Locale-9ee91aeb.js');
-var useScreenSize = require('./useScreenSize-662f9dad.js');
-var Google = require('./Google-dd439b71.js');
+require('./utils-134fe2a8.js');
+require('./other-386157b9.js');
+require('./index-d53f4ec9.js');
+var Locale = require('./Locale-a8773d2f.js');
+var useScreenSize = require('./useScreenSize-0edd7b25.js');
+var Google = require('./Google-db0b7448.js');
 var PhoneInputBase = require('react-phone-number-input');
-var index$7 = require('./index-ced5c951.js');
+var utils = require('./utils-8ec7aa1d.js');
+var index$7 = require('./index-495667f4.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var styled = require('@emotion/styled');
 var cn = require('classnames');
@@ -38,22 +39,22 @@ var debounce = require('lodash/debounce');
 var throttle = require('lodash/throttle');
 var Flags = require('react-phone-number-input/flags');
 var vaul = require('vaul');
-var utils = require('./utils-8fd4f449.js');
+var utils$1 = require('./utils-097cface.js');
 var form = require('@mantine/form');
 var yup = require('yup');
 var dayjs = require('dayjs');
-var index$8 = require('./index-f403133d.js');
+var index$8 = require('./index-9454163d.js');
 require('@mantine/carousel');
 require('./miscTheme.js');
-require('./useUniqueId-b0773df1.js');
+require('./useUniqueId-dcf9a30c.js');
 require('./constantsSite.js');
 require('zustand');
-require('./normalizeLink-5d423fb2.js');
+require('./normalizeLink-dae6160a.js');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
-require('./index.styles-c768b8e3.js');
+require('./index.styles-b3668f48.js');
 require('@mantine/notifications');
-require('./translationsContext-bfc132f5.js');
+require('./translationsContext-7dfa1ba9.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -85,7 +86,12 @@ var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 
 // const fakeData = {
-const fetchFeatureFlag = (site) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+const getFeatureFlagCookieKey = (setupSource) => {
+    return setupSource === 'community'
+        ? 'abTestingCommunityFlow'
+        : 'abTestingFlow';
+};
+const fetchFeatureFlag = (site, setupSource) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
     var _a, _b;
     let data = null;
     try {
@@ -96,9 +102,11 @@ const fetchFeatureFlag = (site) => tslib_es6.__awaiter(void 0, void 0, void 0, f
         data = yield response.json();
     }
     catch (err) {
-        data = null;
+        data = {};
     }
-    return (_b = (_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.flags) === null || _b === void 0 ? void 0 : _b.find((o) => o.name === 'SSO_V2_flag');
+    const flagKey = setupSource === 'community' ? 'SSO_V2_Together_flag' : 'SSO_V2_flag';
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return (_b = (_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.flags) === null || _b === void 0 ? void 0 : _b.find((o) => o.name === flagKey);
 });
 
 const SSOStateContext = React.createContext({
@@ -971,26 +979,6 @@ const verifyUpdatePhoneZaloOTP = (phone, areaCode, otpCode) => tslib_es6.__await
     });
 });
 
-// VietNam: Zalo - SMS
-// Info: WhatsApp
-// Malay: WhatsApp và SMS
-const isFeatureWhatsAppEnabled = [
-    Locale.LOCALE.Indonesia,
-    Locale.LOCALE.Malaysia,
-].includes(store.locale);
-const isFeatureSMSEnabled = [Locale.LOCALE.Vietnam, Locale.LOCALE.Malaysia].includes(store.locale);
-const isFeatureZaloEnabled = [Locale.LOCALE.Vietnam].includes(store.locale);
-const isSupportProduct = (featureFlagsProduct) => {
-    const setupSource = store.useSSOV2Store.getState().setupSource || 'discover';
-    const isSupportDiscover = (featureFlagsProduct === null || featureFlagsProduct === void 0 ? void 0 : featureFlagsProduct.find((p) => p.name === 'discover')) &&
-        setupSource === 'discover';
-    const isSupportTogether = (featureFlagsProduct === null || featureFlagsProduct === void 0 ? void 0 : featureFlagsProduct.find((p) => p.name === 'together')) &&
-        setupSource === 'community';
-    const isSupportCare = (featureFlagsProduct === null || featureFlagsProduct === void 0 ? void 0 : featureFlagsProduct.find((p) => p.name === 'care')) &&
-        setupSource === 'care';
-    return isSupportDiscover || isSupportTogether || isSupportCare;
-};
-
 const MailIcon = (props) => (React__default["default"].createElement("svg", Object.assign({ width: "21", height: "20", viewBox: "0 0 21 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     React__default["default"].createElement("path", { d: "M15.043 2.56348H6.29297C3.66797 2.56348 1.91797 3.87598 1.91797 6.93848V13.0635C1.91797 16.126 3.66797 17.4385 6.29297 17.4385H15.043C17.668 17.4385 19.418 16.126 19.418 13.0635V6.93848C19.418 3.87598 17.668 2.56348 15.043 2.56348ZM15.4542 7.89223L12.7155 10.0797C12.138 10.5435 11.403 10.771 10.668 10.771C9.93297 10.771 9.18922 10.5435 8.62047 10.0797L5.88172 7.89223C5.60172 7.66473 5.55797 7.24473 5.77672 6.96473C6.00422 6.68473 6.41547 6.63223 6.69547 6.85973L9.43422 9.04723C10.0992 9.58098 11.228 9.58098 11.893 9.04723L14.6317 6.85973C14.9117 6.63223 15.3317 6.67598 15.5505 6.96473C15.778 7.24473 15.7342 7.66473 15.4542 7.89223Z", fill: "#00B16A" })));
 
@@ -2953,7 +2941,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                         onClickContinueZalo();
                     } },
                     React__default["default"].createElement(index$6.Input.Wrapper, { error: errMsg },
-                        React__default["default"].createElement(StyledPhone, { defaultCountry: (locale ? utils.MAPPED_LOCALE[locale] || 'VN' : 'VN'), value: phone, onChange: (value) => setPhone(value), isError: !!errMsg, required: true, name: "phone", disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Enter Phone", trackingFn: React.useCallback((option) => {
+                        React__default["default"].createElement(StyledPhone, { defaultCountry: (locale ? utils$1.MAPPED_LOCALE[locale] || 'VN' : 'VN'), value: phone, onChange: (value) => setPhone(value), isError: !!errMsg, required: true, name: "phone", disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Enter Phone", trackingFn: React.useCallback((option) => {
                                 if (!(option === null || option === void 0 ? void 0 : option.label))
                                     return;
                                 return {
@@ -2965,9 +2953,9 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                                 };
                             }, [activeTab]) }))),
                 React__default["default"].createElement(index$4.Button, { size: "lg", variant: "primary", onClick: onClickLoginWithPhone, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue Login", display: activeTab === 'login' ? 'block' : 'none' }, t('ssov2.button.continue')),
-                isFeatureWhatsAppEnabled && (React__default["default"].createElement(index$4.Button, { size: "lg", variant: "primary", onClick: onClickContinueWhatsApp, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with WhatsApp", display: activeTab === 'signup' ? 'block' : 'none', leftIcon: React__default["default"].createElement(WhatsApp, null), color: "#00B16A" }, t('ssov2.button.otp.whatsapp'))),
-                isFeatureZaloEnabled && (React__default["default"].createElement(index$4.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with Zalo", display: activeTab === 'signup' ? 'block' : 'none', leftIcon: React__default["default"].createElement(Zalo, null) }, t('ssov2.button.otp.zalo'))),
-                isFeatureSMSEnabled && (React__default["default"].createElement(index$4.Button, { size: "sm", variant: "white", onClick: onClickContinuePhone, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with SMS", display: activeTab === 'signup' ? 'block' : 'none', style: { fontWeight: 400 }, color: "#595959", leftIcon: React__default["default"].createElement(core$1.ReplySquare, { size: 18 }) }, t('ssov2.button.otp.sms')))),
+                utils.isFeatureWhatsAppEnabled && (React__default["default"].createElement(index$4.Button, { size: "lg", variant: "primary", onClick: onClickContinueWhatsApp, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with WhatsApp", display: activeTab === 'signup' ? 'block' : 'none', leftIcon: React__default["default"].createElement(WhatsApp, null), color: "#00B16A" }, t('ssov2.button.otp.whatsapp'))),
+                utils.isFeatureZaloEnabled && (React__default["default"].createElement(index$4.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with Zalo", display: activeTab === 'signup' ? 'block' : 'none', leftIcon: React__default["default"].createElement(Zalo, null) }, t('ssov2.button.otp.zalo'))),
+                utils.isFeatureSMSEnabled && (React__default["default"].createElement(index$4.Button, { size: "sm", variant: "white", onClick: onClickContinuePhone, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with SMS", display: activeTab === 'signup' ? 'block' : 'none', style: { fontWeight: 400 }, color: "#595959", leftIcon: React__default["default"].createElement(core$1.ReplySquare, { size: 18 }) }, t('ssov2.button.otp.sms')))),
             React__default["default"].createElement(core.Divider, { color: "#E4E8EC", display: activeTab === 'signup' ? 'block' : 'none' }),
             React__default["default"].createElement(core.Stack, { spacing: 16, align: "center" },
                 React__default["default"].createElement(index$3.Text, { size: "p4", color: "gray.4" }, t('ssov2.orContinueWith')),
@@ -3455,13 +3443,13 @@ const SSOOTPScreen = ({ hidden, index: index$1, config, }) => {
                 })))),
         React__default["default"].createElement(index$4.Button, { type: "submit", size: "lg", variant: "primary", mt: 12, fullWidth: true, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue", ref: submitButtonRef }, t('ssov2.button.continue')),
         !isEmail && (React__default["default"].createElement(React__default["default"].Fragment, null,
-            isFeatureWhatsAppEnabled && (React__default["default"].createElement(index$4.Button, { size: "sm", variant: "white", mt: 12, fullWidth: true, onClick: () => swapAnotherMethod('phone-whatsapp'), loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Send OTP Code via WhatsApp", display: !isWhatsApp ? 'block' : 'none', leftIcon: React__default["default"].createElement(WhatsApp, null), style: { fontWeight: 400 }, color: "#595959" }, t('ssov2.otp.sendVia', {
+            utils.isFeatureWhatsAppEnabled && (React__default["default"].createElement(index$4.Button, { size: "sm", variant: "white", mt: 12, fullWidth: true, onClick: () => swapAnotherMethod('phone-whatsapp'), loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Send OTP Code via WhatsApp", display: !isWhatsApp ? 'block' : 'none', leftIcon: React__default["default"].createElement(WhatsApp, null), style: { fontWeight: 400 }, color: "#595959" }, t('ssov2.otp.sendVia', {
                 method: 'WhatsApp',
             }))),
-            isFeatureZaloEnabled && (React__default["default"].createElement(index$4.Button, { size: "sm", variant: "white", mt: 12, fullWidth: true, onClick: () => swapAnotherMethod('phone-zalo'), loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Send OTP Code via Zalo", display: !isZalo ? 'block' : 'none', leftIcon: React__default["default"].createElement(Zalo, null), style: { fontWeight: 400 }, color: "#595959" }, t('ssov2.otp.sendVia', {
+            utils.isFeatureZaloEnabled && (React__default["default"].createElement(index$4.Button, { size: "sm", variant: "white", mt: 12, fullWidth: true, onClick: () => swapAnotherMethod('phone-zalo'), loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Send OTP Code via Zalo", display: !isZalo ? 'block' : 'none', leftIcon: React__default["default"].createElement(Zalo, null), style: { fontWeight: 400 }, color: "#595959" }, t('ssov2.otp.sendVia', {
                 method: 'Zalo',
             }))),
-            isFeatureSMSEnabled && (React__default["default"].createElement(index$4.Button, { size: "sm", variant: "white", mt: 12, fullWidth: true, onClick: () => swapAnotherMethod('phone-sms'), loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Send OTP Code via SMS", display: !isSMS ? 'block' : 'none', leftIcon: React__default["default"].createElement(core$1.ReplySquare, { size: 18 }), style: { fontWeight: 400 }, color: "#595959" }, t('ssov2.otp.sendVia', {
+            utils.isFeatureSMSEnabled && (React__default["default"].createElement(index$4.Button, { size: "sm", variant: "white", mt: 12, fullWidth: true, onClick: () => swapAnotherMethod('phone-sms'), loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Send OTP Code via SMS", display: !isSMS ? 'block' : 'none', leftIcon: React__default["default"].createElement(core$1.ReplySquare, { size: 18 }), style: { fontWeight: 400 }, color: "#595959" }, t('ssov2.otp.sendVia', {
                 method: 'SMS',
             })))))));
 };
@@ -3830,7 +3818,7 @@ const SSOPasswordForgotPhone = ({ hidden, config, }) => {
             React__default["default"].createElement(index$3.Text, { size: "s1", weight: "semiBold" }, t('ssov2.resetPassword.title')),
             React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.resetPassword.description'))),
         React__default["default"].createElement(core.Stack, { mt: 24, spacing: 16 },
-            React__default["default"].createElement(StyledPhone, { defaultCountry: (locale ? utils.MAPPED_LOCALE[locale] || 'VN' : 'VN'), value: phone, 
+            React__default["default"].createElement(StyledPhone, { defaultCountry: (locale ? utils$1.MAPPED_LOCALE[locale] || 'VN' : 'VN'), value: phone, 
                 // onChange={(value) => setPhone(value)}
                 isError: !!errMsg, required: true, disabled: true, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Enter Phone", trackingFn: React.useCallback((option) => {
                     if (!(option === null || option === void 0 ? void 0 : option.label))
@@ -3842,9 +3830,9 @@ const SSOPasswordForgotPhone = ({ hidden, config, }) => {
                     };
                 }, []) }),
             errMsg && (React__default["default"].createElement(index$3.Text, { size: "label2", color: "red.6", mt: -12 }, errMsg)),
-            isFeatureWhatsAppEnabled && (React__default["default"].createElement(index$4.Button, { size: "lg", variant: "primary", onClick: onClickContinueWhatsApp, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with WhatsApp", leftIcon: React__default["default"].createElement(WhatsApp, null), color: "#00B16A" }, t('ssov2.button.continueWhatsApp'))),
-            isFeatureZaloEnabled && (React__default["default"].createElement(index$4.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with Zalo", leftIcon: React__default["default"].createElement(Zalo, null) }, t('ssov2.button.continueZalo'))),
-            isFeatureSMSEnabled && (React__default["default"].createElement(index$4.Button, { size: "sm", variant: "white", onClick: onClickContinuePhone, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with SMS", style: { fontWeight: 400 }, color: "#595959", leftIcon: React__default["default"].createElement(core$1.ReplySquare, { size: 18 }) }, t('ssov2.button.continueSMS'))),
+            utils.isFeatureWhatsAppEnabled && (React__default["default"].createElement(index$4.Button, { size: "lg", variant: "primary", onClick: onClickContinueWhatsApp, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with WhatsApp", leftIcon: React__default["default"].createElement(WhatsApp, null), color: "#00B16A" }, t('ssov2.button.continueWhatsApp'))),
+            utils.isFeatureZaloEnabled && (React__default["default"].createElement(index$4.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with Zalo", leftIcon: React__default["default"].createElement(Zalo, null) }, t('ssov2.button.continueZalo'))),
+            utils.isFeatureSMSEnabled && (React__default["default"].createElement(index$4.Button, { size: "sm", variant: "white", onClick: onClickContinuePhone, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with SMS", style: { fontWeight: 400 }, color: "#595959", leftIcon: React__default["default"].createElement(core$1.ReplySquare, { size: 18 }) }, t('ssov2.button.continueSMS'))),
             React__default["default"].createElement(SetupLater, null))));
 };
 
@@ -4202,7 +4190,7 @@ const SSOPhoneVerify = ({ hidden, config, }) => {
                 React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.phoneVerify.description'))),
             React__default["default"].createElement(core.Stack, { spacing: 16 },
                 React__default["default"].createElement(index$6.Input.Wrapper, { error: errMsg },
-                    React__default["default"].createElement(StyledPhone, { defaultCountry: (locale ? utils.MAPPED_LOCALE[locale] || 'VN' : 'VN'), value: phone, onChange: (value) => {
+                    React__default["default"].createElement(StyledPhone, { defaultCountry: (locale ? utils$1.MAPPED_LOCALE[locale] || 'VN' : 'VN'), value: phone, onChange: (value) => {
                             setPhone(value);
                             setErrMsg('');
                         }, isError: !!errMsg, required: true, name: "phone", disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Enter Phone", trackingFn: React.useCallback((option) => {
@@ -4214,9 +4202,9 @@ const SSOPhoneVerify = ({ hidden, config, }) => {
                                 'data-event-category': trackingCategory,
                             };
                         }, []) })),
-                isFeatureWhatsAppEnabled && (React__default["default"].createElement(index$4.Button, { size: "lg", variant: "primary", onClick: onClickContinueWhatsApp, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with WhatsApp", leftIcon: React__default["default"].createElement(WhatsApp, null), color: "#00B16A" }, t('ssov2.button.continueWhatsApp'))),
-                isFeatureZaloEnabled && (React__default["default"].createElement(index$4.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with Zalo", leftIcon: React__default["default"].createElement(Zalo, null) }, t('ssov2.button.continueZalo'))),
-                isFeatureSMSEnabled && (React__default["default"].createElement(index$4.Button, { size: "sm", variant: "white", onClick: onClickContinuePhone, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with SMS", style: { fontWeight: 400 }, color: "#595959", leftIcon: React__default["default"].createElement(core$1.ReplySquare, { size: 18 }) }, t('ssov2.button.continueSMS'))),
+                utils.isFeatureWhatsAppEnabled && (React__default["default"].createElement(index$4.Button, { size: "lg", variant: "primary", onClick: onClickContinueWhatsApp, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with WhatsApp", leftIcon: React__default["default"].createElement(WhatsApp, null), color: "#00B16A" }, t('ssov2.button.continueWhatsApp'))),
+                utils.isFeatureZaloEnabled && (React__default["default"].createElement(index$4.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with Zalo", leftIcon: React__default["default"].createElement(Zalo, null) }, t('ssov2.button.continueZalo'))),
+                utils.isFeatureSMSEnabled && (React__default["default"].createElement(index$4.Button, { size: "sm", variant: "white", onClick: onClickContinuePhone, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with SMS", style: { fontWeight: 400 }, color: "#595959", leftIcon: React__default["default"].createElement(core$1.ReplySquare, { size: 18 }) }, t('ssov2.button.continueSMS'))),
                 source !== 'care_onboarding' && source !== 'ecom' && React__default["default"].createElement(SetupLater, null)))));
 };
 
@@ -4590,7 +4578,7 @@ if (!String.prototype.capitalize) {
     };
 }
 const SSOV2 = ({ onClose: onCloseProps, locale }) => {
-    const { isOpen, setOpen, returnUrl, setMounted, source, overrideClose, setOnCloseProp, forceReloadOnClose, setABTestFlow, } = store.useSSOV2Store();
+    const { isOpen, setOpen, returnUrl, setMounted, source, overrideClose, setOnCloseProp, forceReloadOnClose, setABTestFlow, setupSource, } = store.useSSOV2Store();
     React.useEffect(() => {
         setMounted(true);
         return () => {
@@ -4610,9 +4598,10 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
     }, [onCloseProps]);
     React.useEffect(() => {
         const site = constantsDomainLocales.MAP_DOMAIN_BY_LOCALE[locale];
-        const previousABTestingFlow = miscCookieHelper.getCookie('abTestingFlow');
-        fetchFeatureFlag(site).then((data) => {
-            if (data.is_enabled && isSupportProduct(data.products)) {
+        const key = getFeatureFlagCookieKey(setupSource);
+        const previousABTestingFlow = miscCookieHelper.getCookie(key);
+        fetchFeatureFlag(site, setupSource).then((data) => {
+            if (data.is_enabled && utils.isSupportProduct(data.products)) {
                 if (previousABTestingFlow) {
                     setABTestFlow(previousABTestingFlow);
                 }
@@ -4620,24 +4609,28 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
                     const randomBetween100Percent = Math.floor(Math.random() * 100 + 1);
                     const aFlow = data.a_percentage;
                     if (randomBetween100Percent <= aFlow) {
-                        miscCookieHelper.setCookie('abTestingFlow', 'A', {
+                        miscCookieHelper.setCookie(key, 'A', {
                             days: 30,
+                            domain: '.' + site,
+                            path: '/',
                         });
                         setABTestFlow('A');
                     }
                     else {
-                        miscCookieHelper.setCookie('abTestingFlow', 'B', {
+                        miscCookieHelper.setCookie(key, 'B', {
                             days: 30,
+                            domain: '.' + site,
+                            path: '/',
                         });
                         setABTestFlow('B');
                     }
                 }
             }
             else {
-                miscCookieHelper.deleteCookie('abTestingFlow');
+                miscCookieHelper.deleteCookie(key);
             }
         });
-    }, [locale]);
+    }, [locale, setupSource]);
     if (!isOpen) {
         return null;
     }
@@ -4675,4 +4668,5 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
 };
 
 exports.useSSOV2Store = store.useSSOV2Store;
+exports.getURLwithSSOTracking = utils.getURLwithSSOTracking;
 exports.SSOV2 = SSOV2;

package/build/{store-be18716d.js → store-0b9aafbe.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f733ece1.js');
+var tslib_es6 = require('./tslib.es6-3d12e587.js');
 var zustand = require('zustand');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var normalizeLink = require('./normalizeLink-5d423fb2.js');
-var index = require('./index-3040ba02.js');
+var normalizeLink = require('./normalizeLink-dae6160a.js');
+var index = require('./index-30a3ef85.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var Locale = require('./Locale-9ee91aeb.js');
+var Locale = require('./Locale-a8773d2f.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 const SSO_V2_PATHS = {