@hhgtech/hhg-components 1.29.357 → 1.29.358-beta-2

package/build/ssoV2.js

@@ -2,34 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-ee3640a7.js');
+var tslib_es6 = require('./tslib.es6-04a10581.js');
 var React = require('react');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$6 = require('./index-34c1bbba.js');
-var store = require('./store-d283faed.js');
+var index$6 = require('./index-e1853b05.js');
+var store = require('./store-86413a51.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var arrow = require('@hhgtech/icons/arrow');
 var core$1 = require('@hhgtech/icons/core');
-var index$2 = require('./index-a9956ec7.js');
-var logoIcon = require('./logoIcon-0bfe4440.js');
-var index$4 = require('./index-ad1c6fa8.js');
-var index$1 = require('./index-024451c9.js');
+var index$2 = require('./index-a5405974.js');
+var logoIcon = require('./logoIcon-27b0c1ef.js');
+var index$4 = require('./index-cc75c3dc.js');
+var index$1 = require('./index-00bdc95b.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-8161ac15.js');
-var index$5 = require('./index-71b4bebb.js');
-var useMantineLocale = require('./useMantineLocale-d83625d3.js');
-var index$3 = require('./index-67d48418.js');
-var index = require('./index-443c4989.js');
+require('./index-19ad226f.js');
+var index$5 = require('./index-72e51fe9.js');
+var useMantineLocale = require('./useMantineLocale-fbbbe2fc.js');
+var index$3 = require('./index-05b9ca78.js');
+var index = require('./index-fbf149ea.js');
 require('@mantine/hooks');
-require('./utils-87a063b1.js');
-require('./other-8ea72fd0.js');
-require('./index-f5d6e082.js');
-var Locale = require('./Locale-75680494.js');
-var useScreenSize = require('./useScreenSize-0e7604c5.js');
-var Google = require('./Google-0033340a.js');
+require('./utils-32810910.js');
+require('./other-bff0cdfb.js');
+require('./index-03289e9d.js');
+var Locale = require('./Locale-b74a18e2.js');
+var useScreenSize = require('./useScreenSize-71fb3d5d.js');
+var Google = require('./Google-1cf70b3f.js');
 var PhoneInputBase = require('react-phone-number-input');
-var index$7 = require('./index-6f6f79bd.js');
+var utils = require('./utils-281a9538.js');
+var index$7 = require('./index-9fc631a1.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-b795625f.js');
+var utils$1 = require('./utils-55eb8342.js');
 var form = require('@mantine/form');
 var yup = require('yup');
 var dayjs = require('dayjs');
-var index$8 = require('./index-414f0fc9.js');
+var index$8 = require('./index-f8044024.js');
 require('@mantine/carousel');
 require('./miscTheme.js');
-require('./useUniqueId-bde322c9.js');
+require('./useUniqueId-373f702e.js');
 require('./constantsSite.js');
 require('zustand');
-require('./normalizeLink-61e60279.js');
+require('./normalizeLink-8b41f1c2.js');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
-require('./index.styles-d3cb93e9.js');
+require('./index.styles-d39cba6b.js');
 require('@mantine/notifications');
-require('./translationsContext-e0be3e57.js');
+require('./translationsContext-413fe085.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-d283faed.js → store-86413a51.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ee3640a7.js');
+var tslib_es6 = require('./tslib.es6-04a10581.js');
 var zustand = require('zustand');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var normalizeLink = require('./normalizeLink-61e60279.js');
-var index = require('./index-a9956ec7.js');
+var normalizeLink = require('./normalizeLink-8b41f1c2.js');
+var index = require('./index-a5405974.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var Locale = require('./Locale-75680494.js');
+var Locale = require('./Locale-b74a18e2.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 const SSO_V2_PATHS = {

package/build/subot.js

@@ -3,75 +3,76 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index$2 = require('./index-8161ac15.js');
-var tslib_es6 = require('./tslib.es6-ee3640a7.js');
-var index$3 = require('./index-a9956ec7.js');
+var index$2 = require('./index-19ad226f.js');
+var tslib_es6 = require('./tslib.es6-04a10581.js');
+var index$3 = require('./index-a5405974.js');
 var Cookies = require('js-cookie');
 var fd = require('fastdom');
 var fastdomPromised = require('fastdom/extensions/fastdom-promised');
-var togetherComponentGlobalContext = require('./utils-a925e271.js');
+var togetherComponentGlobalContext = require('./utils-30b4b2b0.js');
 var formatString = require('string-format');
-var index$1 = require('./index-7a0c0f33.js');
+var index$1 = require('./index-ad3adb7f.js');
 var dayjs = require('dayjs');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var cn = require('classnames');
-var index$c = require('./index-75320d0d.js');
-var index$b = require('./index-ab15851c.js');
+var index$c = require('./index-e19448b3.js');
+var index$b = require('./index-cd924c5a.js');
 var framerMotion = require('framer-motion');
 var styled = require('@emotion/styled');
-var utils = require('./utils-87a063b1.js');
-var index$4 = require('./index-ad1c6fa8.js');
+var utils = require('./utils-32810910.js');
+var index$4 = require('./index-cc75c3dc.js');
 var remarkable = require('remarkable');
 var other = require('@hhgtech/icons/other');
 var reactIntersectionObserver = require('react-intersection-observer');
 var core = require('@mantine/core');
-var index$5 = require('./index-71b4bebb.js');
+var index$5 = require('./index-72e51fe9.js');
 var isSameOrBefore = require('dayjs/plugin/isSameOrBefore');
-var constants = require('./constants-85ea0b64.js');
+var constants = require('./constants-5332133a.js');
 var uuid = require('uuid');
-var index$6 = require('./index-67d48418.js');
+var index$6 = require('./index-05b9ca78.js');
 var miscTheme = require('./miscTheme.js');
-var index$7 = require('./index-34c1bbba.js');
+var index$7 = require('./index-e1853b05.js');
 require('@mantine/dates');
-require('./useMantineLocale-d83625d3.js');
-require('./index.styles-d3cb93e9.js');
-require('./translationsContext-e0be3e57.js');
+require('./useMantineLocale-fbbbe2fc.js');
+require('./index.styles-d39cba6b.js');
+require('./translationsContext-413fe085.js');
 require('@mantine/hooks');
-require('./other-8ea72fd0.js');
-require('./index-f5d6e082.js');
+require('./other-bff0cdfb.js');
+require('./index-03289e9d.js');
 var isEmpty = require('lodash/isEmpty');
 var reactHookForm = require('react-hook-form');
 var PhoneInputBase = require('react-phone-number-input');
 var api = require('@react-google-maps/api');
-var usePlacesAutocomplete = require('./usePlacesAutocomplete-533f1d92.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-50b9d0b8.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var Locale = require('./Locale-75680494.js');
+var Locale = require('./Locale-b74a18e2.js');
 var get = require('lodash/get');
-var index$8 = require('./index-4b4cf800.js');
-var index$9 = require('./index-e8adf0b7.js');
-var index$a = require('./index-e34612e2.js');
-var store = require('./store-d283faed.js');
+var index$8 = require('./index-ab4d52ae.js');
+var index$9 = require('./index-608d527a.js');
+var index$a = require('./index-53b5da60.js');
+var store = require('./store-86413a51.js');
+var utils$1 = require('./utils-281a9538.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./index-37ab9d8e.js');
+require('./index-4dab1087.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('./togetherApiPaths.js');
-require('./index-2be13030.js');
-require('./WhatsApp-fb236163.js');
-require('./Spinner-c2c2ff21.js');
-require('./index-443c4989.js');
-require('./useScreenSize-0e7604c5.js');
+require('./index-09a1e5a7.js');
+require('./WhatsApp-84166109.js');
+require('./Spinner-ce637760.js');
+require('./index-fbf149ea.js');
+require('./useScreenSize-71fb3d5d.js');
 require('@mantine/carousel');
-require('./useUniqueId-bde322c9.js');
+require('./useUniqueId-373f702e.js');
 require('@hhgtech/icons/core');
 require('@mantine/notifications');
 require('date-fns');
 require('react-day-picker/DayPickerInput');
 require('zustand');
-require('./normalizeLink-61e60279.js');
+require('./normalizeLink-8b41f1c2.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -5951,21 +5952,21 @@ const Container$3 = ({ node }) => {
                 botId: params.bot_id,
             };
             localStorage.setItem(STATE_SUBOT_INLINE_KEY, JSON.stringify(currentState));
-            const returnUrl = window.location.href;
-            const extraQueryString = `bot_id=${params.bot_id}&mode=inline`;
-            const returnUrlEncode = encodeURIComponent(returnUrl.includes('?')
-                ? `${returnUrl}&=${extraQueryString}`
-                : `${returnUrl}?=${extraQueryString}`);
+            const urlObj = utils$1.getURLwithSSOTracking(window.location.href, {
+                botItem: listNodes[0],
+            });
+            urlObj.searchParams.set('bot_id', String(params.bot_id));
+            urlObj.searchParams.set('mode', 'inline');
+            urlObj.searchParams.set('source', 'subot-inline');
+            const returnUrl = urlObj.href;
             if (store.IS_SSOV2_ENABLED()) {
                 triggerLogin({
-                    returnUrl: returnUrl.includes('?')
-                        ? `${returnUrl}&=${extraQueryString}`
-                        : `${returnUrl}?=${extraQueryString}`,
+                    returnUrl,
                     source: 'subot-inline',
                 });
             }
             else {
-                window.location.href = `${index$3.SSO_URL}?returnUrl=${returnUrlEncode}&source=subot-inline`;
+                window.location.href = `${index$3.SSO_URL}?returnUrl=${encodeURIComponent(returnUrl)}`;
             }
         }
     };

package/build/surveyOrPremiumBanner.js

@@ -4,62 +4,62 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('@mantine/core');
-var surveyOrPremiumBanner = require('./index-a575d189.js');
-require('./utils-a925e271.js');
-require('./index-443c4989.js');
-require('./index-71b4bebb.js');
+var surveyOrPremiumBanner = require('./index-17af813e.js');
+require('./utils-30b4b2b0.js');
+require('./index-fbf149ea.js');
+require('./index-72e51fe9.js');
 require('./constantsDomainLocales.js');
-require('./Locale-75680494.js');
+require('./Locale-b74a18e2.js');
 require('./constantsIsProduction.js');
-require('./index-a9956ec7.js');
+require('./index-a5405974.js');
 require('date-fns/locale');
-require('./index-8161ac15.js');
+require('./index-19ad226f.js');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./tslib.es6-ee3640a7.js');
-require('./store-d283faed.js');
+require('./tslib.es6-04a10581.js');
+require('./store-86413a51.js');
 require('zustand');
-require('./normalizeLink-61e60279.js');
+require('./normalizeLink-8b41f1c2.js');
 require('./miscCookieHelper.js');
-require('./useScreenSize-0e7604c5.js');
+require('./useScreenSize-71fb3d5d.js');
 require('@emotion/styled');
-require('./utils-87a063b1.js');
+require('./utils-32810910.js');
 require('@mantine/form');
-require('./index-34c1bbba.js');
+require('./index-e1853b05.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
 require('@mantine/carousel');
-require('./index-67d48418.js');
-require('./other-8ea72fd0.js');
+require('./index-05b9ca78.js');
+require('./other-bff0cdfb.js');
 require('./miscTheme.js');
-require('./useMantineLocale-d83625d3.js');
+require('./useMantineLocale-fbbbe2fc.js');
 require('@mantine/notifications');
 require('dayjs');
-require('./index-ad1c6fa8.js');
+require('./index-cc75c3dc.js');
 require('classnames');
-require('./useUniqueId-bde322c9.js');
+require('./useUniqueId-373f702e.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-d3cb93e9.js');
-require('./index-f5d6e082.js');
+require('./index.styles-d39cba6b.js');
+require('./index-03289e9d.js');
 require('./togetherApiPaths.js');
-require('./translationsContext-e0be3e57.js');
-require('./index-ce2d276a.js');
-require('./useHealthToolCache-1f6c8e87.js');
+require('./translationsContext-413fe085.js');
+require('./index-5f0e6e1c.js');
+require('./useHealthToolCache-3a1f8d60.js');
 require('./miscGetDynamicHealthTool.js');
-require('./core-05004a4a.js');
-require('./index-2be13030.js');
-require('./WhatsApp-fb236163.js');
-require('./Spinner-c2c2ff21.js');
-require('./index-943b405c.js');
-require('./index-024451c9.js');
+require('./core-f2187dd0.js');
+require('./index-09a1e5a7.js');
+require('./WhatsApp-84166109.js');
+require('./Spinner-ce637760.js');
+require('./index-10b5f5bc.js');
+require('./index-00bdc95b.js');
 require('js-cookie');
 require('lodash/flatten');
 require('lodash/uniqBy');
-require('./index-37ab9d8e.js');
+require('./index-4dab1087.js');
 require('slugify');
 require('string-format');
-require('./constants-85ea0b64.js');
+require('./constants-5332133a.js');
 
 
 

package/build/surveyQuestionCard.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var surveyThankyouCard = require('./surveyThankyouCard-1da5b7a6.js');
+var surveyThankyouCard = require('./surveyThankyouCard-fa11ea1f.js');
 require('react');
-require('./index-e8adf0b7.js');
-require('./tslib.es6-ee3640a7.js');
-require('./index-ad1c6fa8.js');
+require('./index-608d527a.js');
+require('./tslib.es6-04a10581.js');
+require('./index-cc75c3dc.js');
 require('@mantine/core');
-require('./index-67d48418.js');
-require('./other-8ea72fd0.js');
-require('./index-ce2d276a.js');
-require('./index-1a6548ae.js');
+require('./index-05b9ca78.js');
+require('./other-bff0cdfb.js');
+require('./index-5f0e6e1c.js');
+require('./index-bb5836f1.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-87a063b1.js');
-require('./index-286df0a4.js');
+require('./utils-32810910.js');
+require('./index-51cf3755.js');
 
 
 

package/build/{surveyThankyouCard-1da5b7a6.js → surveyThankyouCard-fa11ea1f.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var index$4 = require('./index-e8adf0b7.js');
-var index$1 = require('./index-67d48418.js');
-var index = require('./index-ce2d276a.js');
-var index$3 = require('./index-1a6548ae.js');
-var index$2 = require('./index-286df0a4.js');
+var index$4 = require('./index-608d527a.js');
+var index$1 = require('./index-05b9ca78.js');
+var index = require('./index-5f0e6e1c.js');
+var index$3 = require('./index-bb5836f1.js');
+var index$2 = require('./index-51cf3755.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 

package/build/theme.scss

@@ -129,7 +129,7 @@ $colors: (
   teal900: #00626c,
 
   pink50: #fff1f6,
-  pink100: #fec7dc,
+  pink100: #ffdce9,
   pink200: #fec7dc,
   pink300: #fec2cf,
   pink400: #fe9dc2,