@hhgtech/hhg-components 1.29.346 → 1.29.347-beta-1

package/build/organisms.js

@@ -2,78 +2,78 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-021e507d.js');
-var index$1 = require('./index-0db0e77f.js');
-var index$2 = require('./index-8de4bfdc.js');
+var index = require('./index-243417c4.js');
+var index$1 = require('./index-8eb36238.js');
+var index$2 = require('./index-3995e00e.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');
-var navigationProfileButton = require('./index-90b936da.js');
+var navigationProfileButton = require('./index-487a19bb.js');
 var profileNavigation = require('./profileNavigation.js');
-require('./tslib.es6-209e79d3.js');
+require('./tslib.es6-527b4492.js');
 require('react');
-require('./index-0b5e83f1.js');
-require('./index-46218e2f.js');
+require('./index-6c9b0e50.js');
+require('./index-bd1401de.js');
 require('@hhgtech/icons/other');
 require('@mantine/core');
 require('@mantine/hooks');
-require('./index-2d3e8204.js');
+require('./index-6fad360a.js');
 require('./constantsDomainLocales.js');
-require('./Locale-68e660ad.js');
+require('./Locale-04d7b6e5.js');
 require('./constantsIsProduction.js');
-require('./useScreenSize-44d45803.js');
+require('./useScreenSize-b0f903da.js');
 require('@emotion/styled');
-require('./utils-1acdec37.js');
+require('./utils-88da9bdf.js');
 require('@mantine/carousel');
-require('./index-bfce4701.js');
-require('./other-27b1034c.js');
-require('./index-a230380f.js');
+require('./index-2add5ce9.js');
+require('./other-e94f2d68.js');
+require('./index-9e1921ed.js');
 require('./miscTheme.js');
-require('./useMantineLocale-acf709ed.js');
+require('./useMantineLocale-98648c73.js');
 require('@mantine/notifications');
-require('./index-1d6a4ede.js');
+require('./index-4aeab49f.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('dayjs');
-require('./index-8455b9b3.js');
+require('./index-13769786.js');
 require('classnames');
-require('./useUniqueId-56185b11.js');
+require('./useUniqueId-c1615186.js');
 require('@hhgtech/icons/core');
-require('./normalizeLink-d4176a06.js');
-require('./dataTransform-3a317fab.js');
-require('./index-81a78d4b.js');
-require('./logoIcon-deeb80e4.js');
-require('./index-fadcf4ec.js');
-require('./translationsContext-261877a2.js');
+require('./normalizeLink-6dbfd800.js');
+require('./dataTransform-f4fbc1c8.js');
+require('./index-aeabddd9.js');
+require('./logoIcon-99e85b40.js');
+require('./index-1bd3d8ec.js');
+require('./translationsContext-231996a9.js');
 require('lodash/throttle');
 require('@mantine/dates');
-require('./index.styles-b24bfde8.js');
-require('./index-299a392f.js');
-require('./constants-d5150114.js');
-require('./store-3c3fdbfd.js');
+require('./index.styles-a3f8d5d9.js');
+require('./index-3304fbcd.js');
+require('./constants-995e0050.js');
+require('./store-a13c6ebd.js');
 require('zustand');
 require('./miscCookieHelper.js');
-require('./index-562304e9.js');
-require('./utils-77e6b034.js');
-require('./index-a068eba2.js');
+require('./index-77b6ca29.js');
+require('./utils-5360dce8.js');
+require('./index-18f1a92d.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-66437e05.js');
-require('./constants-b0764a52.js');
-require('./index-68261e25.js');
-require('./index-5426d30d.js');
-require('./useIsInit-b807b2b6.js');
+require('./constants-e92bb8fd.js');
+require('./constants-176d2fbf.js');
+require('./index-153caff8.js');
+require('./index-4d816356.js');
+require('./useIsInit-fff03ed3.js');
 require('./miscDefaultClassWrapper.js');
 require('dayjs/plugin/relativeTime');
-require('./index-28b627fe.js');
-require('./index-e6100ee1.js');
+require('./index-441dcc0f.js');
+require('./index-3da6214e.js');
 require('lodash/debounce');
-require('./core-1ddfa490.js');
-require('./index-6b2bee97.js');
-require('./index-95d231da.js');
-require('./index-f086af81.js');
-require('./Spinner-2a8ade2f.js');
-require('./ChevronDown-e1267d37.js');
+require('./core-dbe1851d.js');
+require('./index-8dcffd7a.js');
+require('./index-20749e34.js');
+require('./index-e38f080c.js');
+require('./Spinner-fc690fe7.js');
+require('./ChevronDown-8828feb1.js');
 require('@emotion/react');
 
 

package/build/{post-9ce3841c.js → post-edb0e042.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-209e79d3.js');
+var tslib_es6 = require('./tslib.es6-527b4492.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-77e6b034.js');
+var togetherComponentGlobalContext = require('./utils-5360dce8.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-1d6a4ede.js');
-var index$3 = require('./index-46218e2f.js');
+var index$4 = require('./index-4aeab49f.js');
+var index$3 = require('./index-bd1401de.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-a230380f.js');
-var index$2 = require('./index-2d3e8204.js');
-require('./useMantineLocale-acf709ed.js');
-var index$1 = require('./index-bfce4701.js');
-require('./index-8455b9b3.js');
-require('./index.styles-b24bfde8.js');
-var index = require('./index-fadcf4ec.js');
+require('./index-9e1921ed.js');
+var index$2 = require('./index-6fad360a.js');
+require('./useMantineLocale-98648c73.js');
+var index$1 = require('./index-2add5ce9.js');
+require('./index-13769786.js');
+require('./index.styles-a3f8d5d9.js');
+var index = require('./index-1bd3d8ec.js');
 require('@mantine/hooks');
-require('./utils-1acdec37.js');
-require('./other-27b1034c.js');
-require('./index-299a392f.js');
-var ChevronDown = require('./ChevronDown-e1267d37.js');
-var normalizeLink = require('./normalizeLink-d4176a06.js');
+require('./utils-88da9bdf.js');
+require('./other-e94f2d68.js');
+require('./index-3304fbcd.js');
+var ChevronDown = require('./ChevronDown-8828feb1.js');
+var normalizeLink = require('./normalizeLink-6dbfd800.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-require('./translationsContext-261877a2.js');
+require('./translationsContext-231996a9.js');
 require('date-fns/locale');
 require('./constantsSite.js');
-require('./Locale-68e660ad.js');
+require('./Locale-04d7b6e5.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./tslib.es6-209e79d3.js');
+require('./tslib.es6-527b4492.js');
 require('@hhgtech/icons/other');
-require('./useScreenSize-44d45803.js');
+require('./useScreenSize-b0f903da.js');
 require('@mantine/carousel');
 require('classnames');
-require('./useUniqueId-56185b11.js');
+require('./useUniqueId-c1615186.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-209e79d3.js');
+var tslib_es6 = require('./tslib.es6-527b4492.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-95d231da.js');
-var index = require('./index-bfce4701.js');
-var index$4 = require('./index-028f55c6.js');
-var index$1 = require('./index-fadcf4ec.js');
+var index$2 = require('./index-20749e34.js');
+var index = require('./index-2add5ce9.js');
+var index$4 = require('./index-061f8f2f.js');
+var index$1 = require('./index-1bd3d8ec.js');
 var miscTheme = require('./miscTheme.js');
 var recharts = require('recharts');
-var index$3 = require('./index-eb75e56f.js');
-var useOutsideClick = require('./useOutsideClick-dc48c372.js');
+var index$3 = require('./index-78f4dcc0.js');
+var useOutsideClick = require('./useOutsideClick-72ee3b4c.js');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-209e79d3.js');
+var tslib_es6 = require('./tslib.es6-527b4492.js');
 require('@mantine/core');
-require('./other-27b1034c.js');
-require('./index-a230380f.js');
-require('./Locale-68e660ad.js');
-require('./index-2d3e8204.js');
+require('./other-e94f2d68.js');
+require('./index-9e1921ed.js');
+require('./Locale-04d7b6e5.js');
+require('./index-6fad360a.js');
 require('./constantsDomainLocales.js');
 require('./constantsIsProduction.js');
-require('./useScreenSize-44d45803.js');
-require('./utils-1acdec37.js');
-require('./index-b2622582.js');
-require('./index-46218e2f.js');
+require('./useScreenSize-b0f903da.js');
+require('./utils-88da9bdf.js');
+require('./index-692bf327.js');
+require('./index-bd1401de.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
 require('@mantine/carousel');
-require('./useMantineLocale-acf709ed.js');
+require('./useMantineLocale-98648c73.js');
 require('@mantine/notifications');
-require('./index-1d6a4ede.js');
+require('./index-4aeab49f.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('dayjs');
-require('./index-8455b9b3.js');
+require('./index-13769786.js');
 require('classnames');
-require('./useUniqueId-56185b11.js');
+require('./useUniqueId-c1615186.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-b24bfde8.js');
-require('./translationsContext-261877a2.js');
-require('./index-299a392f.js');
+require('./index.styles-a3f8d5d9.js');
+require('./translationsContext-231996a9.js');
+require('./index-3304fbcd.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-209e79d3.js');
+var tslib_es6 = require('./tslib.es6-527b4492.js');
 var React = require('react');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$6 = require('./index-46218e2f.js');
-var store = require('./store-3c3fdbfd.js');
+var index$6 = require('./index-bd1401de.js');
+var store = require('./store-a13c6ebd.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var arrow = require('@hhgtech/icons/arrow');
 var core$1 = require('@hhgtech/icons/core');
-var index$2 = require('./index-1d6a4ede.js');
-var logoIcon = require('./logoIcon-deeb80e4.js');
-var index$4 = require('./index-8455b9b3.js');
-var index$1 = require('./index-ba7bc717.js');
+var index$2 = require('./index-4aeab49f.js');
+var logoIcon = require('./logoIcon-99e85b40.js');
+var index$4 = require('./index-13769786.js');
+var index$1 = require('./index-fd156d61.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-a230380f.js');
-var index$5 = require('./index-2d3e8204.js');
-var useMantineLocale = require('./useMantineLocale-acf709ed.js');
-var index$3 = require('./index-bfce4701.js');
-var index = require('./index-fadcf4ec.js');
+require('./index-9e1921ed.js');
+var index$5 = require('./index-6fad360a.js');
+var useMantineLocale = require('./useMantineLocale-98648c73.js');
+var index$3 = require('./index-2add5ce9.js');
+var index = require('./index-1bd3d8ec.js');
 require('@mantine/hooks');
-require('./utils-1acdec37.js');
-require('./other-27b1034c.js');
-require('./index-299a392f.js');
-var Locale = require('./Locale-68e660ad.js');
-var useScreenSize = require('./useScreenSize-44d45803.js');
-var Google = require('./Google-f865940e.js');
+require('./utils-88da9bdf.js');
+require('./other-e94f2d68.js');
+require('./index-3304fbcd.js');
+var Locale = require('./Locale-04d7b6e5.js');
+var useScreenSize = require('./useScreenSize-b0f903da.js');
+var Google = require('./Google-e6a70bda.js');
 var PhoneInputBase = require('react-phone-number-input');
-var index$7 = require('./index-f6cc5f29.js');
+var utils = require('./utils-44356c4d.js');
+var index$7 = require('./index-ab2876a0.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-650f1209.js');
+var utils$1 = require('./utils-a99e1808.js');
 var form = require('@mantine/form');
 var yup = require('yup');
 var dayjs = require('dayjs');
-var index$8 = require('./index-d40f9cb6.js');
+var index$8 = require('./index-006ecb35.js');
 require('@mantine/carousel');
 require('./miscTheme.js');
-require('./useUniqueId-56185b11.js');
+require('./useUniqueId-c1615186.js');
 require('./constantsSite.js');
 require('zustand');
-require('./normalizeLink-d4176a06.js');
+require('./normalizeLink-6dbfd800.js');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
-require('./index.styles-b24bfde8.js');
+require('./index.styles-a3f8d5d9.js');
 require('@mantine/notifications');
-require('./translationsContext-261877a2.js');
+require('./translationsContext-231996a9.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].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-3c3fdbfd.js → store-a13c6ebd.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-209e79d3.js');
+var tslib_es6 = require('./tslib.es6-527b4492.js');
 var zustand = require('zustand');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var normalizeLink = require('./normalizeLink-d4176a06.js');
-var index = require('./index-1d6a4ede.js');
+var normalizeLink = require('./normalizeLink-6dbfd800.js');
+var index = require('./index-4aeab49f.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var Locale = require('./Locale-68e660ad.js');
+var Locale = require('./Locale-04d7b6e5.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 const SSO_V2_PATHS = {