@hhgtech/hhg-components 1.29.332-beta-5 → 1.29.332-beta-7

package/build/organisms.js

@@ -2,78 +2,78 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-4acebbc0.js');
-var index$1 = require('./index-13e4c60b.js');
-var index$2 = require('./index-af77aff0.js');
+var index = require('./index-92c4962b.js');
+var index$1 = require('./index-38143271.js');
+var index$2 = require('./index-2a7f7352.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');
-var navigationProfileButton = require('./index-800f28bd.js');
+var navigationProfileButton = require('./index-97ee4174.js');
 var profileNavigation = require('./profileNavigation.js');
-require('./tslib.es6-09f01463.js');
+require('./tslib.es6-18141544.js');
 require('react');
-require('./index-61c22537.js');
-require('./index-571c8d22.js');
+require('./index-41907dd4.js');
+require('./index-678ac51d.js');
 require('@hhgtech/icons/other');
 require('@mantine/core');
 require('@mantine/hooks');
-require('./index-23cefca9.js');
+require('./index-9eca9d95.js');
 require('./constantsDomainLocales.js');
-require('./Locale-162f4c3a.js');
+require('./Locale-7219668c.js');
 require('./constantsIsProduction.js');
-require('./useScreenSize-4502aca7.js');
+require('./useScreenSize-d860bb63.js');
 require('@emotion/styled');
-require('./utils-831b6f00.js');
+require('./utils-53005b36.js');
 require('@mantine/carousel');
-require('./index-4cb7ea73.js');
-require('./other-0d2b1a8e.js');
-require('./index-e7a015ce.js');
+require('./index-29fae227.js');
+require('./other-480f2150.js');
+require('./index-95789990.js');
 require('./miscTheme.js');
-require('./useMantineLocale-6d28e321.js');
+require('./useMantineLocale-831b4880.js');
 require('@mantine/notifications');
-require('./index-26575e17.js');
+require('./index-68317e9b.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('dayjs');
-require('./index-e1555e2a.js');
+require('./index-4dafd054.js');
 require('classnames');
-require('./useUniqueId-b0fd94bc.js');
+require('./useUniqueId-2cc23654.js');
 require('@hhgtech/icons/core');
-require('./normalizeLink-c0c13340.js');
-require('./dataTransform-35512b51.js');
-require('./index-747c81d7.js');
-require('./logoIcon-29f1fb17.js');
-require('./index-36d9565a.js');
-require('./translationsContext-77995e5e.js');
+require('./normalizeLink-eef69b8e.js');
+require('./dataTransform-c77532b6.js');
+require('./index-860b4c9b.js');
+require('./logoIcon-191c2c2c.js');
+require('./index-665f1a2a.js');
+require('./translationsContext-f35097ba.js');
 require('lodash/throttle');
 require('@mantine/dates');
-require('./index.styles-45ea8881.js');
-require('./index-689408c8.js');
-require('./constants-0e6ca159.js');
-require('./store-84009972.js');
+require('./index.styles-6c3c5aec.js');
+require('./index-611ce31b.js');
+require('./constants-2fdae87f.js');
+require('./store-3e29e503.js');
 require('zustand');
 require('./miscCookieHelper.js');
-require('./index-3b64e48f.js');
-require('./utils-aa342eb7.js');
-require('./index-feb3d2e4.js');
+require('./index-06367f04.js');
+require('./utils-b1c59324.js');
+require('./index-b02a9a84.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-e6398574.js');
-require('./constants-d966b423.js');
-require('./index-8b291bad.js');
-require('./index-01354315.js');
-require('./useIsInit-127d2091.js');
+require('./constants-aa028f78.js');
+require('./constants-047b12d5.js');
+require('./index-bf44675d.js');
+require('./index-629b9f29.js');
+require('./useIsInit-8f36cb4b.js');
 require('./miscDefaultClassWrapper.js');
 require('dayjs/plugin/relativeTime');
-require('./index-41e5f4f0.js');
-require('./index-c1a56824.js');
+require('./index-9a4b77af.js');
+require('./index-8b47fa72.js');
 require('lodash/debounce');
-require('./core-a439e585.js');
-require('./index-c375b097.js');
-require('./index-10d3bf41.js');
-require('./index-c60f2b0d.js');
-require('./Spinner-f23d3d0f.js');
-require('./ChevronDown-2ab260df.js');
+require('./core-72fa6fcb.js');
+require('./index-daf08b15.js');
+require('./index-aeed9227.js');
+require('./index-0cee4169.js');
+require('./Spinner-1d50d512.js');
+require('./ChevronDown-6ff6b444.js');
 require('@emotion/react');
 
 

package/build/{post-bc46b479.js → post-c8161cb8.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-09f01463.js');
+var tslib_es6 = require('./tslib.es6-18141544.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-aa342eb7.js');
+var togetherComponentGlobalContext = require('./utils-b1c59324.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-26575e17.js');
-var index$3 = require('./index-571c8d22.js');
+var index$4 = require('./index-68317e9b.js');
+var index$3 = require('./index-678ac51d.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-e7a015ce.js');
-var index$2 = require('./index-23cefca9.js');
-require('./useMantineLocale-6d28e321.js');
-var index$1 = require('./index-4cb7ea73.js');
-require('./index-e1555e2a.js');
-require('./index.styles-45ea8881.js');
-var index = require('./index-36d9565a.js');
+require('./index-95789990.js');
+var index$2 = require('./index-9eca9d95.js');
+require('./useMantineLocale-831b4880.js');
+var index$1 = require('./index-29fae227.js');
+require('./index-4dafd054.js');
+require('./index.styles-6c3c5aec.js');
+var index = require('./index-665f1a2a.js');
 require('@mantine/hooks');
-require('./utils-831b6f00.js');
-require('./other-0d2b1a8e.js');
-require('./index-689408c8.js');
-var ChevronDown = require('./ChevronDown-2ab260df.js');
-var normalizeLink = require('./normalizeLink-c0c13340.js');
+require('./utils-53005b36.js');
+require('./other-480f2150.js');
+require('./index-611ce31b.js');
+var ChevronDown = require('./ChevronDown-6ff6b444.js');
+var normalizeLink = require('./normalizeLink-eef69b8e.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-require('./translationsContext-77995e5e.js');
+require('./translationsContext-f35097ba.js');
 require('date-fns/locale');
 require('./constantsSite.js');
-require('./Locale-162f4c3a.js');
+require('./Locale-7219668c.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./tslib.es6-09f01463.js');
+require('./tslib.es6-18141544.js');
 require('@hhgtech/icons/other');
-require('./useScreenSize-4502aca7.js');
+require('./useScreenSize-d860bb63.js');
 require('@mantine/carousel');
 require('classnames');
-require('./useUniqueId-b0fd94bc.js');
+require('./useUniqueId-2cc23654.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-09f01463.js');
+var tslib_es6 = require('./tslib.es6-18141544.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-10d3bf41.js');
-var index = require('./index-4cb7ea73.js');
-var index$4 = require('./index-6b2902ae.js');
-var index$1 = require('./index-36d9565a.js');
+var index$2 = require('./index-aeed9227.js');
+var index = require('./index-29fae227.js');
+var index$4 = require('./index-e9796388.js');
+var index$1 = require('./index-665f1a2a.js');
 var miscTheme = require('./miscTheme.js');
 var recharts = require('recharts');
-var index$3 = require('./index-ec963d83.js');
-var useOutsideClick = require('./useOutsideClick-ab3471e3.js');
+var index$3 = require('./index-ff84a441.js');
+var useOutsideClick = require('./useOutsideClick-171e805b.js');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-09f01463.js');
+var tslib_es6 = require('./tslib.es6-18141544.js');
 require('@mantine/core');
-require('./other-0d2b1a8e.js');
-require('./index-e7a015ce.js');
-require('./Locale-162f4c3a.js');
-require('./index-23cefca9.js');
+require('./other-480f2150.js');
+require('./index-95789990.js');
+require('./Locale-7219668c.js');
+require('./index-9eca9d95.js');
 require('./constantsDomainLocales.js');
 require('./constantsIsProduction.js');
-require('./useScreenSize-4502aca7.js');
-require('./utils-831b6f00.js');
-require('./index-0429471a.js');
-require('./index-571c8d22.js');
+require('./useScreenSize-d860bb63.js');
+require('./utils-53005b36.js');
+require('./index-878fa3e4.js');
+require('./index-678ac51d.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
 require('@mantine/carousel');
-require('./useMantineLocale-6d28e321.js');
+require('./useMantineLocale-831b4880.js');
 require('@mantine/notifications');
-require('./index-26575e17.js');
+require('./index-68317e9b.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('dayjs');
-require('./index-e1555e2a.js');
+require('./index-4dafd054.js');
 require('classnames');
-require('./useUniqueId-b0fd94bc.js');
+require('./useUniqueId-2cc23654.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-45ea8881.js');
-require('./translationsContext-77995e5e.js');
-require('./index-689408c8.js');
+require('./index.styles-6c3c5aec.js');
+require('./translationsContext-f35097ba.js');
+require('./index-611ce31b.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/ssoV2.js

@@ -2,33 +2,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-09f01463.js');
+var tslib_es6 = require('./tslib.es6-18141544.js');
 var React = require('react');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$6 = require('./index-571c8d22.js');
-var store = require('./store-84009972.js');
+var index$6 = require('./index-678ac51d.js');
+var store = require('./store-3e29e503.js');
 var arrow = require('@hhgtech/icons/arrow');
 var core$1 = require('@hhgtech/icons/core');
-var index$2 = require('./index-26575e17.js');
-var logoIcon = require('./logoIcon-29f1fb17.js');
-var index$4 = require('./index-e1555e2a.js');
-var index$1 = require('./index-c88a01e3.js');
+var index$2 = require('./index-68317e9b.js');
+var logoIcon = require('./logoIcon-191c2c2c.js');
+var index$4 = require('./index-4dafd054.js');
+var index$1 = require('./index-38c920c9.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-e7a015ce.js');
-var index$5 = require('./index-23cefca9.js');
-var useMantineLocale = require('./useMantineLocale-6d28e321.js');
-var index$3 = require('./index-4cb7ea73.js');
-var index = require('./index-36d9565a.js');
+require('./index-95789990.js');
+var index$5 = require('./index-9eca9d95.js');
+var useMantineLocale = require('./useMantineLocale-831b4880.js');
+var index$3 = require('./index-29fae227.js');
+var index = require('./index-665f1a2a.js');
 require('@mantine/hooks');
-require('./utils-831b6f00.js');
-require('./other-0d2b1a8e.js');
-require('./index-689408c8.js');
-var Locale = require('./Locale-162f4c3a.js');
-var useScreenSize = require('./useScreenSize-4502aca7.js');
-var Google = require('./Google-9e01f08a.js');
+require('./utils-53005b36.js');
+require('./other-480f2150.js');
+require('./index-611ce31b.js');
+var Locale = require('./Locale-7219668c.js');
+var useScreenSize = require('./useScreenSize-d860bb63.js');
+var Google = require('./Google-7db53a63.js');
 var PhoneInputBase = require('react-phone-number-input');
-var index$7 = require('./index-1b69eddf.js');
+var index$7 = require('./index-abb98fcd.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var styled = require('@emotion/styled');
 var cn = require('classnames');
@@ -37,23 +37,23 @@ 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-3a131c13.js');
+var utils = require('./utils-42d5663a.js');
 var form = require('@mantine/form');
 var yup = require('yup');
 var dayjs = require('dayjs');
-var index$8 = require('./index-70b726a8.js');
+var index$8 = require('./index-e6404e69.js');
 require('@mantine/carousel');
 require('./miscTheme.js');
-require('./useUniqueId-b0fd94bc.js');
+require('./useUniqueId-2cc23654.js');
 require('./constantsSite.js');
 require('zustand');
 require('./constantsIsProduction.js');
-require('./normalizeLink-c0c13340.js');
+require('./normalizeLink-eef69b8e.js');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
-require('./index.styles-45ea8881.js');
+require('./index.styles-6c3c5aec.js');
 require('@mantine/notifications');
-require('./translationsContext-77995e5e.js');
+require('./translationsContext-f35097ba.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -670,11 +670,11 @@ const SSOEmailScreen = ({ hidden, }) => {
     const { t } = index.useTranslations();
     const [loading, setLoading] = React__default["default"].useState(false);
     const [errMsg, setErrMsg] = React__default["default"].useState('');
-    const { flowData } = store.useSSOV2Store();
+    const { flowData, abTestFlow } = store.useSSOV2Store();
     const trackingCategory = flowData.flow === 'signup'
-        ? `SSO - Sign Up via Email`
-        : 'SSO - Sign In via Email';
-    const trackingAction = 'Continue With Email';
+        ? `${abTestFlow} - SSO - Sign Up via Email`
+        : `${abTestFlow} - SSO - Sign In via Email`;
+    const trackingAction = `${abTestFlow} - Continue With Email`;
     const { setTracking } = useSSOState();
     React.useEffect(() => {
         if (!hidden) {
@@ -1003,7 +1003,7 @@ const PolicyContent = ({ legalTextType, trackingCategory, trackingAction, }) =>
                 paddingTop: 50,
             },
         }) },
-        React__default["default"].createElement(index$7.Spoiler, { maxHeight: 74, showLabel: React__default["default"].createElement(index$3.Text, { size: "p5", color: "gray.6", underline: true }, t('home.seeMore')), hideLabel: React__default["default"].createElement(index$3.Text, { size: "p5", color: "gray.6", underline: true }, t('articlePage.showLess')) },
+        React__default["default"].createElement(index$7.Spoiler, { maxHeight: 74, showLabel: React__default["default"].createElement(index$3.Text, { size: "p5", color: "gray.6", underline: true, align: "left" }, t('home.seeMore')), hideLabel: React__default["default"].createElement(index$3.Text, { size: "p5", color: "gray.6", underline: true, align: "left" }, t('articlePage.showLess')) },
             React__default["default"].createElement(index$3.Text, { size: "p5", color: "gray.6" }, t(legalTextType === 'community'
                 ? 'ssov2.policyText.community'
                 : 'ssov2.policyText', {
@@ -1021,8 +1021,6 @@ const PolicyContent = ({ legalTextType, trackingCategory, trackingAction, }) =>
 const FirstBFlow = ({ hidden, 
 // activeTab,
 legalTextType, trackingAction, trackingCategory, onTriggerGoogleLogin, onTriggerFacebookLogin, onClickEmail, }) => {
-    const { locale } = useSSOState();
-    const domain = constantsDomainLocales.MAP_DOMAIN_BY_LOCALE[locale];
     const { t } = index.useTranslations();
     return (React__default["default"].createElement("div", { style: {
             display: hidden ? 'none' : 'flex',
@@ -1030,12 +1028,7 @@ legalTextType, trackingAction, trackingCategory, onTriggerGoogleLogin, onTrigger
             height: '100%',
         } },
         React__default["default"].createElement(core.Stack, { mt: 8, spacing: 8 },
-            React__default["default"].createElement(index$3.Text, { size: "h4", weight: "semiBold" }, t('ssov2.welcomeTo.title', {
-                site: domain
-                    .replace('.com.ph', '')
-                    .replace('.tw', '')
-                    .replace('.com', ''),
-            })),
+            React__default["default"].createElement(index$3.Text, { size: "h4", weight: "semiBold" }, t('home.navigator.menu.category.noDatas.title')),
             React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.abTestingFlowB.description'))),
         React__default["default"].createElement(core.Stack, { mt: 24, spacing: 24 },
             React__default["default"].createElement(index$4.Button, { variant: "white", style: {
@@ -2551,8 +2544,8 @@ const SSOFirstScreen = ({ hidden, config, }) => {
     const [activeTab, setActiveTab] = React__default["default"].useState('login');
     const { legalTextType } = config || {};
     const { t } = index.useTranslations();
-    const trackingAction = 'Sign In or Sign Up';
-    const trackingCategory = `SSO - ${activeTab === 'login' ? 'Sign In' : 'Sign Up'}`;
+    const trackingAction = `${abTestFlow} - Sign In or Sign Up`;
+    const trackingCategory = `${abTestFlow} - SSO - ${activeTab === 'login' ? 'Sign In' : 'Sign Up'}`;
     React.useEffect(() => {
         if (!hidden) {
             setErrMsg('');
@@ -3050,7 +3043,7 @@ const SSOOTPScreen = ({ hidden, index: index$1, config, }) => {
     const { t } = index.useTranslations();
     const { onClose, setTracking } = useSSOState();
     const { setSteps, steps } = store.useSSOSteps();
-    const { flowData, userInfo } = store.useSSOV2Store();
+    const { flowData, userInfo, abTestFlow } = store.useSSOV2Store();
     const [loading, setLoading] = React__default["default"].useState(false);
     const [otp, setOtp] = React__default["default"].useState('');
     const [error, setError] = React__default["default"].useState('');
@@ -3065,13 +3058,13 @@ const SSOOTPScreen = ({ hidden, index: index$1, config, }) => {
     const isWhatsApp = otpType === 'phone-whatsapp';
     const trackingMethod = flowData === null || flowData === void 0 ? void 0 : flowData.method;
     const trackingCategory = userInfo && !userInfo.first_time_login
-        ? `SSO - Existing User via ${trackingMethod}`
+        ? `${abTestFlow} - SSO - Existing User via ${trackingMethod}`
         : isVerifyPhoneInTheSignUp(steps, flowData)
-            ? `SSO - Sign Up via ${trackingMethod}`
-            : `SSO - Sign In via ${trackingMethod}`;
+            ? `${abTestFlow} - SSO - Sign Up via ${trackingMethod}`
+            : `${abTestFlow} - SSO - Sign In via ${trackingMethod}`;
     const trackingAction = isEmail
-        ? 'Verify Your Email'
-        : `Verify Phone Number via ${isZalo ? 'Zalo' : isSMS ? 'SMS' : isWhatsApp ? 'WhatsApp' : ''}`;
+        ? `${abTestFlow} - Verify Your Email`
+        : `${abTestFlow} - Verify Phone Number via ${isZalo ? 'Zalo' : isSMS ? 'SMS' : isWhatsApp ? 'WhatsApp' : ''}`;
     React.useEffect(() => {
         if (!hidden) {
             setError('');
@@ -3474,13 +3467,13 @@ const SSOOTPScreen = ({ hidden, index: index$1, config, }) => {
 const SSOPasswordScreen = ({ hidden, config, }) => {
     const { t } = index.useTranslations();
     const { onClose, setTracking } = useSSOState();
-    const { setUserInfo, flowData } = store.useSSOV2Store();
+    const { setUserInfo, flowData, abTestFlow } = store.useSSOV2Store();
     const [errMsg, setErrMsg] = React__default["default"].useState('');
     const phone = config === null || config === void 0 ? void 0 : config.phone;
     const method = config === null || config === void 0 ? void 0 : config.method;
     const email = config === null || config === void 0 ? void 0 : config.email;
-    const trackingCategory = `SSO - Sign In via ${email ? 'Email' : method}`;
-    const trackingAction = 'Welcome Back';
+    const trackingCategory = `${abTestFlow} - SSO - Sign In via ${email ? 'Email' : method}`;
+    const trackingAction = `${abTestFlow} - Welcome Back`;
     React.useEffect(() => {
         if (!hidden) {
             setErrMsg('');
@@ -3550,7 +3543,7 @@ const SSOPasswordScreen = ({ hidden, config, }) => {
         const isEmailFlow = isEmailFlowFn(flowData);
         setUserInfo(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data);
         if (!phone && !!email) {
-            if (store.isPhoneNotVerifedYet(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data)) {
+            if (store.isPhoneNotVerifedYet(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data) && abTestFlow !== 'B') {
                 store.useSSOV2Store.setState((s) => ({
                     flowData: Object.assign(Object.assign({}, s.flowData), { isVerifyPhone: true }),
                 }));
@@ -3684,10 +3677,10 @@ const SSOPasswordForgotPhone = ({ hidden, config, }) => {
     const { t } = index.useTranslations();
     const [errMsg, setErrMsg] = React__default["default"].useState('');
     const { setTracking, locale } = useSSOState();
-    const { flowData } = store.useSSOV2Store();
+    const { flowData, abTestFlow } = store.useSSOV2Store();
     const trackingMethod = flowData.method;
-    const trackingCategory = `SSO - Sign In via ${trackingMethod}`;
-    const trackingAction = 'Forgot Password';
+    const trackingCategory = `${abTestFlow} - SSO - Sign In via ${trackingMethod}`;
+    const trackingAction = `${abTestFlow} - Forgot Password`;
     React.useEffect(() => {
         if (!hidden) {
             setErrMsg('');
@@ -3896,9 +3889,9 @@ const SSOPasswordForgotSetup = ({ hidden, }) => {
     const { flowData, setUserInfo, source, abTestFlow } = store.useSSOV2Store();
     const trackingMethod = flowData.method;
     const trackingCategory = flowData.flow === 'login'
-        ? `SSO - Sign In via ${trackingMethod}`
-        : `SSO - Sign Up via ${trackingMethod}`;
-    const trackingAction = `Setup Password`;
+        ? `${abTestFlow} - SSO - Sign In via ${trackingMethod}`
+        : `${abTestFlow} - SSO - Sign Up via ${trackingMethod}`;
+    const trackingAction = `${abTestFlow} - Setup Password`;
     React.useEffect(() => {
         if (!hidden) {
             setErrMsg('');
@@ -4051,16 +4044,16 @@ const SSOPhoneVerify = ({ hidden, config, }) => {
     const [loading, setLoading] = React__default["default"].useState(false);
     const [errMsg, setErrMsg] = React__default["default"].useState('');
     const { locale, setTracking } = useSSOState();
-    const { flowData, userInfo } = store.useSSOV2Store();
+    const { flowData, userInfo, abTestFlow } = store.useSSOV2Store();
     const { steps } = store.useSSOSteps();
     const { afterAction, provider } = config || {};
     const trackingMethod = flowData === null || flowData === void 0 ? void 0 : flowData.method;
     const trackingCategory = userInfo && !userInfo.first_time_login
-        ? `SSO - Existing User via ${trackingMethod}`
+        ? `${abTestFlow} - SSO - Existing User via ${trackingMethod}`
         : isVerifyPhoneInTheSignUp(steps, flowData)
-            ? `SSO - Sign Up via ${trackingMethod}`
-            : `SSO - Sign In via ${trackingMethod}`;
-    const trackingAction = 'Verify Phone Number';
+            ? `${abTestFlow} - SSO - Sign Up via ${trackingMethod}`
+            : `${abTestFlow} - SSO - Sign In via ${trackingMethod}`;
+    const trackingAction = `${abTestFlow} - Verify Phone Number`;
     React.useEffect(() => {
         if (!hidden) {
             setErrMsg('');
@@ -4337,7 +4330,7 @@ const SSOSetupScreen = ({ hidden, config, }) => {
     var _a, _b, _c;
     const { onClose, setTracking } = useSSOState();
     const { t } = index.useTranslations();
-    const { setupSource, flowData } = store.useSSOV2Store();
+    const { setupSource, flowData, abTestFlow } = store.useSSOV2Store();
     const [errMsg, setErrMsg] = React__default["default"].useState('');
     const userInfo = config === null || config === void 0 ? void 0 : config.userInfo;
     const [loading, setLoading] = React__default["default"].useState(false);
@@ -4373,8 +4366,8 @@ const SSOSetupScreen = ({ hidden, config, }) => {
             provider === 'google' ||
             provider === 'email')) ||
         (!!(userInfo === null || userInfo === void 0 ? void 0 : userInfo.email) && !!(userInfo === null || userInfo === void 0 ? void 0 : userInfo.email_verified_at));
-    const trackingCategory = `SSO - ${authFlow === 'signup' ? 'Sign Up' : 'Existing Users'} via ${authMethod || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.provider)}`;
-    const trackingAction = 'Add Information';
+    const trackingCategory = `${abTestFlow} - SSO - ${authFlow === 'signup' ? 'Sign Up' : 'Existing Users'} via ${authMethod || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.provider)}`;
+    const trackingAction = `${abTestFlow} - Add Information`;
     React.useEffect(() => {
         if (!hidden) {
             setErrMsg('');
@@ -4484,9 +4477,9 @@ const SSOUpdateEmailScreen = ({ hidden, }) => {
     const { t } = index.useTranslations();
     const [errMsg, setErrMsg] = React__default["default"].useState('');
     const { setTracking } = useSSOState();
-    const { flowData } = store.useSSOV2Store();
-    const trackingCategory = `SSO - Existing User via ${flowData === null || flowData === void 0 ? void 0 : flowData.method}`;
-    const trackingAction = 'Continue With Email';
+    const { flowData, abTestFlow } = store.useSSOV2Store();
+    const trackingCategory = `${abTestFlow} - SSO - Existing User via ${flowData === null || flowData === void 0 ? void 0 : flowData.method}`;
+    const trackingAction = `${abTestFlow} - Continue With Email`;
     React.useEffect(() => {
         if (!hidden) {
             setErrMsg('');

package/build/{store-84009972.js → store-3e29e503.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-09f01463.js');
+var tslib_es6 = require('./tslib.es6-18141544.js');
 var zustand = require('zustand');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var normalizeLink = require('./normalizeLink-c0c13340.js');
-var index = require('./index-26575e17.js');
+var normalizeLink = require('./normalizeLink-eef69b8e.js');
+var index = require('./index-68317e9b.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var Locale = require('./Locale-162f4c3a.js');
+var Locale = require('./Locale-7219668c.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 const SSO_V2_PATHS = {