@hhgtech/hhg-components 1.29.359 → 1.29.361-beta-1

package/build/ssoV2.js

@@ -2,34 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-4faf0cc4.js');
+var tslib_es6 = require('./tslib.es6-db3140a3.js');
 var React = require('react');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$6 = require('./index-e401e7fe.js');
-var store = require('./store-232f617c.js');
+var index$6 = require('./index-2913a22f.js');
+var store = require('./store-dd807202.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var arrow = require('@hhgtech/icons/arrow');
 var core$1 = require('@hhgtech/icons/core');
-var index$2 = require('./index-0268a93b.js');
-var logoIcon = require('./logoIcon-fdb02772.js');
-var index$4 = require('./index-fec3c6a1.js');
-var index$1 = require('./index-4ac513ca.js');
+var index$2 = require('./index-678e9f82.js');
+var logoIcon = require('./logoIcon-2198a6cf.js');
+var index$4 = require('./index-5ea60ab5.js');
+var index$1 = require('./index-4095bae8.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-9f60bc86.js');
-var index$5 = require('./index-525b6eac.js');
-var useMantineLocale = require('./useMantineLocale-70dd26a2.js');
-var index$3 = require('./index-a287e046.js');
-var index = require('./index-874bc841.js');
+require('./index-588a71af.js');
+var index$5 = require('./index-0e1942ed.js');
+var useMantineLocale = require('./useMantineLocale-8146a689.js');
+var index$3 = require('./index-5f898245.js');
+var index = require('./index-7c60ded5.js');
 require('@mantine/hooks');
-require('./utils-42cb419c.js');
-require('./other-2ea06ff0.js');
-require('./index-4575e877.js');
-var Locale = require('./Locale-3ec13cec.js');
-var useScreenSize = require('./useScreenSize-7132266a.js');
-var Google = require('./Google-086a588c.js');
+require('./utils-f3cc3b6c.js');
+require('./other-763dcd40.js');
+require('./index-3b018bf8.js');
+var Locale = require('./Locale-bd59384d.js');
+var useScreenSize = require('./useScreenSize-7b8652ca.js');
+var Google = require('./Google-32f6e9ae.js');
 var PhoneInputBase = require('react-phone-number-input');
-var index$7 = require('./index-73fb4b8d.js');
+var utils = require('./utils-5570c388.js');
+var index$7 = require('./index-40fcfd89.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var styled = require('@emotion/styled');
 var cn = require('classnames');
@@ -38,22 +39,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-ff6daaae.js');
+var utils$1 = require('./utils-21fc3d78.js');
 var form = require('@mantine/form');
 var yup = require('yup');
 var dayjs = require('dayjs');
-var index$8 = require('./index-c7e56cd9.js');
+var index$8 = require('./index-b2f7e794.js');
 require('@mantine/carousel');
 require('./miscTheme.js');
-require('./useUniqueId-57c444e3.js');
+require('./useUniqueId-cc1feaa4.js');
 require('./constantsSite.js');
 require('zustand');
-require('./normalizeLink-13fc5fda.js');
+require('./normalizeLink-28d21e3a.js');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
-require('./index.styles-169c9e74.js');
+require('./index.styles-89ab190d.js');
 require('@mantine/notifications');
-require('./translationsContext-526f0a76.js');
+require('./translationsContext-98a72507.js');
+require('./healthTools-9faecef9.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -85,7 +87,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 +103,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 +980,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 +2942,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 +2954,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 +3444,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 +3819,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 +3831,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 +4191,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 +4203,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 +4579,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 +4599,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 +4610,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 +4669,5 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
 };
 
 exports.useSSOV2Store = store.useSSOV2Store;
+exports.getURLwithSSOTracking = utils.getURLwithSSOTracking;
 exports.SSOV2 = SSOV2;

package/build/{store-232f617c.js → store-dd807202.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-4faf0cc4.js');
+var tslib_es6 = require('./tslib.es6-db3140a3.js');
 var zustand = require('zustand');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var normalizeLink = require('./normalizeLink-13fc5fda.js');
-var index = require('./index-0268a93b.js');
+var normalizeLink = require('./normalizeLink-28d21e3a.js');
+var index = require('./index-678e9f82.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var Locale = require('./Locale-3ec13cec.js');
+var Locale = require('./Locale-bd59384d.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 const SSO_V2_PATHS = {

package/build/subot.js

@@ -3,75 +3,77 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index$2 = require('./index-9f60bc86.js');
-var tslib_es6 = require('./tslib.es6-4faf0cc4.js');
-var index$3 = require('./index-0268a93b.js');
+var index$2 = require('./index-588a71af.js');
+var tslib_es6 = require('./tslib.es6-db3140a3.js');
+var index$3 = require('./index-678e9f82.js');
 var Cookies = require('js-cookie');
 var fd = require('fastdom');
 var fastdomPromised = require('fastdom/extensions/fastdom-promised');
-var togetherComponentGlobalContext = require('./utils-c2fa5271.js');
+var togetherComponentGlobalContext = require('./utils-c203ac13.js');
 var formatString = require('string-format');
-var index$1 = require('./index-516d187f.js');
+var index$1 = require('./index-2bd8cfe6.js');
 var dayjs = require('dayjs');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var cn = require('classnames');
-var index$c = require('./index-0fb8b8de.js');
-var index$b = require('./index-859a11c6.js');
+var index$c = require('./index-6bfb59f4.js');
+var index$b = require('./index-710cf66d.js');
 var framerMotion = require('framer-motion');
 var styled = require('@emotion/styled');
-var utils = require('./utils-42cb419c.js');
-var index$4 = require('./index-fec3c6a1.js');
+var utils = require('./utils-f3cc3b6c.js');
+var index$4 = require('./index-5ea60ab5.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-525b6eac.js');
+var index$5 = require('./index-0e1942ed.js');
 var isSameOrBefore = require('dayjs/plugin/isSameOrBefore');
-var constants = require('./constants-6173f4d3.js');
+var constants = require('./constants-bd2e9a70.js');
 var uuid = require('uuid');
-var index$6 = require('./index-a287e046.js');
+var index$6 = require('./index-5f898245.js');
 var miscTheme = require('./miscTheme.js');
-var index$7 = require('./index-e401e7fe.js');
+var index$7 = require('./index-2913a22f.js');
 require('@mantine/dates');
-require('./useMantineLocale-70dd26a2.js');
-require('./index.styles-169c9e74.js');
-require('./translationsContext-526f0a76.js');
+require('./useMantineLocale-8146a689.js');
+require('./index.styles-89ab190d.js');
+require('./translationsContext-98a72507.js');
 require('@mantine/hooks');
-require('./other-2ea06ff0.js');
-require('./index-4575e877.js');
+require('./other-763dcd40.js');
+require('./index-3b018bf8.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-5ea8c8b8.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-d46f3a91.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var Locale = require('./Locale-3ec13cec.js');
+var Locale = require('./Locale-bd59384d.js');
 var get = require('lodash/get');
-var index$8 = require('./index-369a12cb.js');
-var index$9 = require('./index-c5b60608.js');
-var index$a = require('./index-d97139d4.js');
-var store = require('./store-232f617c.js');
+var index$8 = require('./index-bfa5c241.js');
+var index$9 = require('./index-9cb679a6.js');
+var index$a = require('./index-175813bc.js');
+var store = require('./store-dd807202.js');
+var utils$1 = require('./utils-5570c388.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./index-df8b9216.js');
+require('./index-59472ea2.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('./togetherApiPaths.js');
-require('./index-e58f8880.js');
-require('./WhatsApp-58d61564.js');
-require('./Spinner-763ba3db.js');
-require('./index-874bc841.js');
-require('./useScreenSize-7132266a.js');
+require('./index-adc245ae.js');
+require('./WhatsApp-e9a27204.js');
+require('./Spinner-e0f2304c.js');
+require('./index-7c60ded5.js');
+require('./useScreenSize-7b8652ca.js');
 require('@mantine/carousel');
-require('./useUniqueId-57c444e3.js');
+require('./useUniqueId-cc1feaa4.js');
 require('@hhgtech/icons/core');
 require('@mantine/notifications');
 require('date-fns');
 require('react-day-picker/DayPickerInput');
 require('zustand');
-require('./normalizeLink-13fc5fda.js');
+require('./normalizeLink-28d21e3a.js');
+require('./healthTools-9faecef9.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -5951,21 +5953,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,63 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('@mantine/core');
-var surveyOrPremiumBanner = require('./index-049216da.js');
-require('./utils-c2fa5271.js');
-require('./index-874bc841.js');
-require('./index-525b6eac.js');
+var surveyOrPremiumBanner = require('./index-732d54c4.js');
+require('./utils-c203ac13.js');
+require('./index-7c60ded5.js');
+require('./index-0e1942ed.js');
 require('./constantsDomainLocales.js');
-require('./Locale-3ec13cec.js');
+require('./Locale-bd59384d.js');
 require('./constantsIsProduction.js');
-require('./index-0268a93b.js');
+require('./index-678e9f82.js');
 require('date-fns/locale');
-require('./index-9f60bc86.js');
+require('./index-588a71af.js');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./tslib.es6-4faf0cc4.js');
-require('./store-232f617c.js');
+require('./healthTools-9faecef9.js');
+require('./tslib.es6-db3140a3.js');
+require('./store-dd807202.js');
 require('zustand');
-require('./normalizeLink-13fc5fda.js');
+require('./normalizeLink-28d21e3a.js');
 require('./miscCookieHelper.js');
-require('./useScreenSize-7132266a.js');
+require('./useScreenSize-7b8652ca.js');
 require('@emotion/styled');
-require('./utils-42cb419c.js');
+require('./utils-f3cc3b6c.js');
 require('@mantine/form');
-require('./index-e401e7fe.js');
+require('./index-2913a22f.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
 require('@mantine/carousel');
-require('./index-a287e046.js');
-require('./other-2ea06ff0.js');
+require('./index-5f898245.js');
+require('./other-763dcd40.js');
 require('./miscTheme.js');
-require('./useMantineLocale-70dd26a2.js');
+require('./useMantineLocale-8146a689.js');
 require('@mantine/notifications');
 require('dayjs');
-require('./index-fec3c6a1.js');
+require('./index-5ea60ab5.js');
 require('classnames');
-require('./useUniqueId-57c444e3.js');
+require('./useUniqueId-cc1feaa4.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-169c9e74.js');
-require('./index-4575e877.js');
+require('./index.styles-89ab190d.js');
+require('./index-3b018bf8.js');
 require('./togetherApiPaths.js');
-require('./translationsContext-526f0a76.js');
-require('./index-e7f371a6.js');
-require('./useHealthToolCache-a41bde03.js');
+require('./translationsContext-98a72507.js');
+require('./index-6bc0c7a2.js');
+require('./useHealthToolCache-44b62d5b.js');
 require('./miscGetDynamicHealthTool.js');
-require('./core-d4e5fe33.js');
-require('./index-e58f8880.js');
-require('./WhatsApp-58d61564.js');
-require('./Spinner-763ba3db.js');
-require('./index-5be55f19.js');
-require('./index-4ac513ca.js');
+require('./core-729539d7.js');
+require('./index-adc245ae.js');
+require('./WhatsApp-e9a27204.js');
+require('./Spinner-e0f2304c.js');
+require('./index-5a138fcc.js');
+require('./index-4095bae8.js');
 require('js-cookie');
 require('lodash/flatten');
 require('lodash/uniqBy');
-require('./index-df8b9216.js');
+require('./index-59472ea2.js');
 require('slugify');
 require('string-format');
-require('./constants-6173f4d3.js');
+require('./constants-bd2e9a70.js');
 
 
 

package/build/surveyQuestionCard.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var surveyThankyouCard = require('./surveyThankyouCard-13c84ac2.js');
+var surveyThankyouCard = require('./surveyThankyouCard-71fd8153.js');
 require('react');
-require('./index-c5b60608.js');
-require('./tslib.es6-4faf0cc4.js');
-require('./index-fec3c6a1.js');
+require('./index-9cb679a6.js');
+require('./tslib.es6-db3140a3.js');
+require('./index-5ea60ab5.js');
 require('@mantine/core');
-require('./index-a287e046.js');
-require('./other-2ea06ff0.js');
-require('./index-e7f371a6.js');
-require('./index-0705b767.js');
+require('./index-5f898245.js');
+require('./other-763dcd40.js');
+require('./index-6bc0c7a2.js');
+require('./index-67e41baa.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-42cb419c.js');
-require('./index-5c0eda01.js');
+require('./utils-f3cc3b6c.js');
+require('./index-865b4577.js');
 
 
 

package/build/{surveyThankyouCard-13c84ac2.js → surveyThankyouCard-71fd8153.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var index$4 = require('./index-c5b60608.js');
-var index$1 = require('./index-a287e046.js');
-var index = require('./index-e7f371a6.js');
-var index$3 = require('./index-0705b767.js');
-var index$2 = require('./index-5c0eda01.js');
+var index$4 = require('./index-9cb679a6.js');
+var index$1 = require('./index-5f898245.js');
+var index = require('./index-6bc0c7a2.js');
+var index$3 = require('./index-67e41baa.js');
+var index$2 = require('./index-865b4577.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');