@hhgtech/hhg-components 1.29.76 → 1.29.78

package/build/subot.js

@@ -3,55 +3,56 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index$1 = require('./index-b8cc819b.js');
-var tslib_es6 = require('./tslib.es6-6abfcd13.js');
-var index$2 = require('./index-07db6c89.js');
+var index$2 = require('./index-d38624f2.js');
+var tslib_es6 = require('./tslib.es6-a8c3b1ed.js');
+var index$3 = require('./index-fd9e9e31.js');
 var Cookies = require('js-cookie');
 var fd = require('fastdom');
 var fastdomPromised = require('fastdom/extensions/fastdom-promised');
 var formatString = require('string-format');
-var utils = require('./utils-83337870.js');
-var uuid = require('uuid');
-var isProduction = require('./isProduction-f7507b6e.js');
+var defaultClassWrapper = require('./defaultClassWrapper-8ac3b7f0.js');
+var index$1 = require('./index-d37fb502.js');
 var hexRgb = require('hex-rgb');
 var cn = require('classnames');
-var index$9 = require('./index-4da85d4b.js');
-var index$7 = require('./index-0454a0b5.js');
+var index$a = require('./index-3d1716ad.js');
+var index$8 = require('./index-297519c0.js');
 var framerMotion = require('framer-motion');
 var styled = require('@emotion/styled');
-var utils$1 = require('./utils-526a845c.js');
-var index$3 = require('./index-48aca6d7.js');
+var utils = require('./utils-a2ad9aa3.js');
+var index$4 = require('./index-bd99a93f.js');
 var remarkable = require('remarkable');
 var other = require('@hhgtech/icons/other');
 var reactIntersectionObserver = require('react-intersection-observer');
 var core = require('@mantine/core');
-var index$4 = require('./index-55261180.js');
+var index$5 = require('./index-8bbc5f6c.js');
 var dayjs = require('dayjs');
 var isSameOrBefore = require('dayjs/plugin/isSameOrBefore');
-var index$5 = require('./index-813921ef.js');
-var theme = require('./theme-4d2a1014.js');
+var uuid = require('uuid');
+var index$6 = require('./index-657d308e.js');
+var theme = require('./theme-040e6fd9.js');
+var isProduction = require('./isProduction-cc2f71e7.js');
 require('@mantine/dates');
-require('./useMantineLocale-38ffd9ae.js');
-require('./translationsContext-d76a8c6d.js');
+require('./useMantineLocale-67d093f5.js');
+require('./translationsContext-bece07e0.js');
 require('@mantine/hooks');
 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-646b2b03.js');
-var index$8 = require('./index-80b5097a.js');
-var index$6 = require('./index-159e2660.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-0d428f7d.js');
+var index$9 = require('./index-a74e681a.js');
+var index$7 = require('./index-266faebd.js');
 require('date-fns/locale');
-require('./cookieHelper-f1270aa8.js');
+require('./index-fbc4ad0a.js');
+require('./cookieHelper-6fa2ed3a.js');
 require('slugify');
-require('./index-b71ec348.js');
-require('./Instagram-86b7bc15.js');
-require('./WhatsApp-6b693d67.js');
-require('./useTranslations-3da8d23e.js');
+require('./index-e76edc59.js');
+require('./Instagram-f68f1dae.js');
+require('./useTranslations-ddee03e3.js');
 require('date-fns');
 require('react-day-picker/DayPickerInput');
 require('@mantine/carousel');
-require('./useUniqueId-889c3946.js');
+require('./useUniqueId-a3ed3f40.js');
 require('@hhgtech/icons/core');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -142,7 +143,7 @@ const CachedSystem = {
 };
 
 const getSubotApiPath = (path, params) => {
-    const { subotApiUrl } = utils.GlobalData === null || utils.GlobalData === void 0 ? void 0 : utils.GlobalData.env;
+    const { subotApiUrl } = defaultClassWrapper.GlobalData === null || defaultClassWrapper.GlobalData === void 0 ? void 0 : defaultClassWrapper.GlobalData.env;
     const apiUrl = subotApiUrl.endsWith('frontend/api/')
         ? subotApiUrl
         : subotApiUrl + 'frontend/api/';
@@ -151,7 +152,7 @@ const getSubotApiPath = (path, params) => {
 /** inline message */
 const subotInlineMessage = (data) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
     try {
-        return yield utils.callApi(getSubotApiPath(PATHS$1.GET_INLINE_MESSAGE), 'POST', {
+        return yield defaultClassWrapper.callApi(getSubotApiPath(PATHS$1.GET_INLINE_MESSAGE), 'POST', {
             data,
         });
     }
@@ -183,7 +184,7 @@ const computeExtraSettingsForBot = (data) => {
 const subotInlineFirstNode = (id) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
     try {
         const data = yield CachedSystem.withCached('SubotInlineFirstNode/' + id, () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-            const response = yield utils.callApi(getSubotApiPath(PATHS$1.GET_INLINE_FIRST_NODE) + `/${id}`, 'GET');
+            const response = yield defaultClassWrapper.callApi(getSubotApiPath(PATHS$1.GET_INLINE_FIRST_NODE) + `/${id}`, 'GET');
             computeExtraSettingsForBot(response);
             return response;
         }));
@@ -196,7 +197,7 @@ const subotInlineFirstNode = (id) => tslib_es6.__awaiter(void 0, void 0, void 0,
 /** inline click */
 const subotInlineClick = (data) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
     try {
-        return yield utils.callApi(getSubotApiPath(PATHS$1.GET_INLINE_CLICK), 'POST', {
+        return yield defaultClassWrapper.callApi(getSubotApiPath(PATHS$1.GET_INLINE_CLICK), 'POST', {
             data,
         });
     }
@@ -205,221 +206,13 @@ const subotInlineClick = (data) => tslib_es6.__awaiter(void 0, void 0, void 0, f
 /** inline impression */
 const subotInlineImpression = (data) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
     try {
-        return yield utils.callApi(getSubotApiPath(PATHS$1.GET_INLINE_IMPRESSION), 'POST', {
+        return yield defaultClassWrapper.callApi(getSubotApiPath(PATHS$1.GET_INLINE_IMPRESSION), 'POST', {
             data,
         });
     }
     catch (error) { }
 });
 
-const queryKeysJson = [
-    'form_submit_meta',
-    'selected_actions',
-    'current_selected',
-    'current_keys',
-    'current_polls',
-];
-const queryKeys = [
-    'bot_id',
-    'node_id',
-    // 'account_id',
-    'action_id',
-    'action_value',
-    'current_score',
-    'gtm_id',
-    'ga_client_id',
-    'is_new',
-    'title_url',
-    'url',
-    'window_id',
-    ...queryKeysJson,
-];
-const overrideParamsByQuery = (params, query) => {
-    const keysSubotMessage = Object.keys(query);
-    keysSubotMessage.map((key) => {
-        const value = query[key];
-        if (key === 'source') {
-            params.is_new = value === 'first_login';
-            return;
-        }
-        if (!queryKeys.includes(key)) {
-            return;
-        }
-        /** Parse String to JSON */
-        if (queryKeysJson.includes(key)) {
-            try {
-                params[key] = JSON.parse(value);
-            }
-            catch (error) { }
-            return;
-        }
-        /** Parse to number */
-        if (key === 'account_id' || key === 'current_score' || key === 'bot_id') {
-            params[key] = parseInt(value);
-            return;
-        }
-        params[key] = value;
-    });
-    return params;
-};
-const ssoIntents = (f) => [
-    {
-        id: uuid.v4(),
-        label: JSON.stringify({
-            title: '',
-            description: '',
-        }),
-        type: index$1.NodeIntentType.SSO_INTENT,
-        url: '',
-    },
-    {
-        id: uuid.v4(),
-        label: JSON.stringify({
-            title: f({
-                id: 'subot.myHealth.title',
-                defaultMessage: 'My Health',
-            }),
-            description: f({
-                id: 'subot.myHealth.description',
-                defaultMessage: 'Personal identifiers (like your name) will always be removed to protect your privacy. ',
-            }),
-        }),
-        type: index$1.NodeIntentType.SSO_INTENT,
-        url: '/images/subot/my-health.svg',
-    },
-    {
-        id: uuid.v4(),
-        label: JSON.stringify({
-            title: f({
-                id: 'subot.saveData.title',
-                defaultMessage: 'Save Data',
-            }),
-            description: f({
-                id: 'subot.saveData.description',
-                defaultMessage: 'Hellobacsi would like to learn from your data to provide better healthcare for you',
-            }),
-        }),
-        type: index$1.NodeIntentType.SSO_INTENT,
-        url: '/images/subot/file-storage.svg',
-    },
-    {
-        id: uuid.v4(),
-        label: JSON.stringify({
-            title: f({
-                id: 'subot.productYourIdentifiers.title',
-                defaultMessage: 'Protect your identifiers',
-            }),
-            description: f({
-                id: 'subot.productYourIdentifiers.description',
-                defaultMessage: 'Personal identifiers (like your name) will always be removed to protect your privacy. ',
-            }),
-        }),
-        type: index$1.NodeIntentType.SSO_INTENT,
-        url: '/images/subot/shield.svg',
-    },
-];
-function checkUntilFinished(params) {
-    const condition = params.condition;
-    const finished = params.finished;
-    const timeout = params.timeout || 3000;
-    const startTime = new Date().getTime();
-    const intervalId = setInterval(() => {
-        const endTime = new Date().getTime();
-        if (endTime - startTime > timeout || condition()) {
-            clearInterval(intervalId);
-            finished();
-        }
-    }, 300);
-}
-const getHhgIdFromCookie = (reqCookie) => {
-    const parsedCookie = utils.cookie.parse(reqCookie || '');
-    const reqHhgId = parsedCookie['hhg-id'];
-    return reqHhgId || Cookies__default["default"].get('hhg-id') || '';
-};
-const getSubotCookieId = (queryCookieId) => {
-    if (queryCookieId) {
-        Cookies__default["default"].set('hhg-id', queryCookieId);
-        return queryCookieId;
-    }
-    const cookieId = getHhgIdFromCookie();
-    if (cookieId) {
-        return cookieId;
-    }
-    const newCookieId = uuid.v4();
-    Cookies__default["default"].set('hhg-id', newCookieId);
-    return newCookieId;
-};
-const getUserIdFromCookie = (reqCookie) => {
-    const parsedCookie = utils.cookie.parse(reqCookie || '');
-    const reqToken = parsedCookie[index$2.BEARER_TOKEN_COOKIE];
-    const token = reqToken || Cookies__default["default"].get(index$2.BEARER_TOKEN_COOKIE) || '';
-    try {
-        const base64Url = token.split('.')[1];
-        const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
-        const jsonPayload = decodeURIComponent(atob(base64)
-            .split('')
-            .map(function (c) {
-            return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
-        })
-            .join(''));
-        return JSON.parse(jsonPayload).sub;
-    }
-    catch (err) {
-        return '';
-    }
-};
-const getUserInfoFromCookie = (reqCookie) => {
-    const parsedCookie = utils.cookie.parse(reqCookie || '');
-    const reqToken = parsedCookie[index$2.BEARER_TOKEN_COOKIE];
-    const token = reqToken || Cookies__default["default"].get(index$2.BEARER_TOKEN_COOKIE) || '';
-    try {
-        const base64Url = token.split('.')[1];
-        const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
-        const jsonPayload = decodeURIComponent(atob(base64)
-            .split('')
-            .map(function (c) {
-            return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
-        })
-            .join(''));
-        const payload = JSON.parse(jsonPayload);
-        return { email: payload.email, id: payload.sub };
-    }
-    catch (err) {
-        return { email: '', id: 0 };
-    }
-};
-/** To make sure have the same window id until refresh the page */
-const generateWindowId = uuid.v4();
-const getWindowId = () => {
-    return generateWindowId;
-};
-const getHelloSitesUrl = (locale, ignoreLocal) => {
-    const isLocalhost = ignoreLocal
-        ? false
-        : typeof window !== 'undefined' &&
-            (window.location.hostname === 'localhost' ||
-                window.location.hostname === '127.0.0.1');
-    if (isLocalhost) {
-        return 'http://localhost'; // or any other localhost URL you want to use as fallback
-    }
-    return `https://${isProduction.isProduction ? '' : 'discover.'}${index$2.domainLocales[locale]}`;
-};
-const checkMobile = (userAgent) => {
-    const ua = userAgent || (typeof navigator === 'undefined' ? '' : navigator.userAgent);
-    if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(ua) ||
-        /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(ua.substring(0, 4))) {
-        return true;
-    }
-    return false;
-};
-const clickAndOpenInNewTab = (url) => {
-    const a = document.createElement('a');
-    a.href = url;
-    a.target = '_blank';
-    a.click();
-};
-const TIME_RESET_RESEND_OTP = 30;
-
 const getDynamicScore = (node) => {
     try {
         return node.dynamic_score || {};
@@ -461,7 +254,7 @@ const getCurrentTotalDynamicScore = (listNodes, activeId, nextActionId, _formSub
             ? _formSubmitMeta
             : nodeMessage === null || nodeMessage === void 0 ? void 0 : nodeMessage.form_submit_meta;
         if (isNodeWithDynamicScore &&
-            node.type === index$1.NodeType.FORM &&
+            node.type === index$2.NodeType.FORM &&
             formSubmitMeta) {
             // debugger
             // NodeId hiện tại có trong object "dynamic_score"
@@ -501,7 +294,7 @@ const replaceTextWithVariables = (label, listNodes) => {
     if (Object.keys(dynamicScoreHash).length === 0) {
         return label;
     }
-    const listFormNodes = listNodes.filter((node) => node.type === index$1.NodeType.FORM);
+    const listFormNodes = listNodes.filter((node) => node.type === index$2.NodeType.FORM);
     Object.keys(dynamicScoreHash).forEach((nodeId) => {
         var _a, _b, _c;
         const foundNode = listFormNodes.find((node) => node.id === nodeId);
@@ -539,7 +332,7 @@ const STATE_SUBOT_INLINE_KEY = 'stateInlineSSO';
 
 const getPreviousStateFromStorage = (botId, { getParams }) => {
     try {
-        if (!getUserIdFromCookie())
+        if (!index$1.getUserIdFromCookie())
             return null;
         const json = JSON.parse(localStorage.getItem(STATE_SUBOT_INLINE_KEY) || '');
         const timeToExist = 30 * 60 * 1000; // 30 minutes
@@ -548,12 +341,12 @@ const getPreviousStateFromStorage = (botId, { getParams }) => {
             json.activeId &&
             json.createdAt + timeToExist > Date.now()) {
             localStorage.removeItem(STATE_SUBOT_INLINE_KEY);
-            const isSSOAtLast = json.listNodes.slice(-1)[0].position === index$1.NodePosition.SSO;
+            const isSSOAtLast = json.listNodes.slice(-1)[0].position === index$2.NodePosition.SSO;
             if (isSSOAtLast) {
                 return {
                     listNodes: json.listNodes,
                     activeId: json.activeId,
-                    params: Object.assign(Object.assign(Object.assign({}, getParams()), json.params), { account_id: getUserIdFromCookie() || null, cookie_id: getSubotCookieId(json.params.cookie_id) }),
+                    params: Object.assign(Object.assign(Object.assign({}, getParams()), json.params), { account_id: index$1.getUserIdFromCookie() || null, cookie_id: index$1.getSubotCookieId(json.params.cookie_id) }),
                 };
             }
         }
@@ -568,10 +361,10 @@ const getSubotInlineLogs = (botItem) => tslib_es6.__awaiter(void 0, void 0, void
     try {
         if (!botItem)
             return null;
-        const response = yield utils.callApi(getSubotApiPath(PATHS$1.GET_SUBOT_LOG, {
+        const response = yield defaultClassWrapper.callApi(getSubotApiPath(PATHS$1.GET_SUBOT_LOG, {
             botId: botItem.id,
-            cookieId: getSubotCookieId(),
-            accountId: getUserIdFromCookie() || '',
+            cookieId: index$1.getSubotCookieId(),
+            accountId: index$1.getUserIdFromCookie() || '',
             type: 'inline',
         }), 'GET');
         if (!((_a = response === null || response === void 0 ? void 0 : response._data) === null || _a === void 0 ? void 0 : _a.data) || ((_b = response === null || response === void 0 ? void 0 : response._data) === null || _b === void 0 ? void 0 : _b.type) !== 'inline')
@@ -584,7 +377,7 @@ const getSubotInlineLogs = (botItem) => tslib_es6.__awaiter(void 0, void 0, void
             return {
                 nodes: [botItem, ...nodesLogs],
                 activeId: subotLogsJson.activeId,
-                params: Object.assign(Object.assign({}, subotLogsJson.params), { account_id: getUserIdFromCookie() || subotLogsJson.params.account_id || null }),
+                params: Object.assign(Object.assign({}, subotLogsJson.params), { account_id: index$1.getUserIdFromCookie() || subotLogsJson.params.account_id || null }),
             };
         }
         return null;
@@ -620,7 +413,7 @@ const extractUnifiedAnswers = (nodes) => {
             ((_a = nodeMessage._message) === null || _a === void 0 ? void 0 : _a.action_id) &&
             ((_b = nodeMessage._message) === null || _b === void 0 ? void 0 : _b.action_value)) {
             const key = nodeMessage._message.action_value; // submit
-            if (nodeMessage.type === index$1.NodeType.FORM) {
+            if (nodeMessage.type === index$2.NodeType.FORM) {
                 const addressControl = ['address', 'province', 'district', 'commune'];
                 const formMetaExceptAddress = (((_c = nodeMessage._message) === null || _c === void 0 ? void 0 : _c.form_submit_meta) || []).filter((formMeta) => !addressControl.includes(formMeta.control));
                 /** For address field */
@@ -656,7 +449,7 @@ const extractUnifiedAnswers = (nodes) => {
                     });
                 }
             }
-            if (nodeMessage.type === index$1.NodeType.TEXT) {
+            if (nodeMessage.type === index$2.NodeType.TEXT) {
                 if (nodeMessage.is_multi_select) {
                     const actionIds = Object.keys(nodeMessage._message.selected_actions || {});
                     const actionLabel = nodeMessage.actions
@@ -675,7 +468,7 @@ const extractUnifiedAnswers = (nodes) => {
                     const actionLabel = action === null || action === void 0 ? void 0 : action.label;
                     // Select "Other, please provide more detail" -> There is an input below the option is stored in form_submit_meta
                     const otherText = (_q = (_p = (_o = nodeMessage._message) === null || _o === void 0 ? void 0 : _o.form_submit_meta) === null || _p === void 0 ? void 0 : _p.find((f) => f.key === KEY_OF_TEXT_CHOICE_WITH_OTHER_FIELD)) === null || _q === void 0 ? void 0 : _q.value;
-                    const isSelectedOther = (action === null || action === void 0 ? void 0 : action.type) === index$1.NodeActionType.USER_CHOICE_TEXT_BY_INPUT;
+                    const isSelectedOther = (action === null || action === void 0 ? void 0 : action.type) === index$2.NodeActionType.USER_CHOICE_TEXT_BY_INPUT;
                     if (actionLabel && actionId) {
                         result.push({
                             attribute: key,
@@ -685,7 +478,7 @@ const extractUnifiedAnswers = (nodes) => {
                     }
                 }
             }
-            if (nodeMessage.type === index$1.NodeType.POLL) {
+            if (nodeMessage.type === index$2.NodeType.POLL) {
                 const nodeId = nodeMessage.id;
                 const actionIds = ((_u = (_t = nodeMessage._message) === null || _t === void 0 ? void 0 : _t.current_polls) === null || _u === void 0 ? void 0 : _u[nodeId]) || [];
                 const actionLabel = nodeMessage.actions
@@ -716,7 +509,7 @@ const extractVoucherAnswers = (nodes, botItem) => {
         let voucherLocation = ''; // Dropdown
         let phone = '';
         const anotherFields = {};
-        let emailSubmitted = getUserInfoFromCookie().email;
+        let emailSubmitted = index$1.getUserInfoFromCookie().email;
         const nodesWithMessage = (nodes || []);
         nodesWithMessage.forEach((nodeMessage) => {
             var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -730,7 +523,7 @@ const extractVoucherAnswers = (nodes, botItem) => {
             else if (submitMessage.action_value === 'voucher_color') {
                 voucherColor = (selectedAction === null || selectedAction === void 0 ? void 0 : selectedAction.label) || '';
             }
-            if (nodeMessage.type === index$1.NodeType.FORM) {
+            if (nodeMessage.type === index$2.NodeType.FORM) {
                 const logicFind = (key) => (formMeta) => {
                     return formMeta.key === key;
                 };
@@ -795,7 +588,7 @@ const saveSubotInlineLogs = ({ nodes, activeId, params, accountIdFromLogs, }) =>
         let statusFlowBot = 'in_progress';
         const lastNode = nodes[nodes.length - 1];
         // Saving data with status COMPLETE when chatbot go to final node
-        if ((lastNode === null || lastNode === void 0 ? void 0 : lastNode.type) && index$1.NodeFinalTypes.includes(lastNode.type)) {
+        if ((lastNode === null || lastNode === void 0 ? void 0 : lastNode.type) && index$2.NodeFinalTypes.includes(lastNode.type)) {
             statusFlowBot = 'complete';
         }
         /** Remove the first node and push it later in data fetching step to make sure data is latest */
@@ -810,16 +603,16 @@ const saveSubotInlineLogs = ({ nodes, activeId, params, accountIdFromLogs, }) =>
         };
         console.log('data.voucherAnswers', data.voucherAnswers);
         const payload = {
-            cookie_id: getSubotCookieId(),
-            account_id: accountIdFromLogs || getUserIdFromCookie() || null,
+            cookie_id: index$1.getSubotCookieId(),
+            account_id: accountIdFromLogs || index$1.getUserIdFromCookie() || null,
             bot_id: nodes[0].id,
             flow_uuid: nodes[0].flow_uuid,
             data: JSON.stringify(data),
             status: statusFlowBot,
             type: 'inline',
-            market: index$2.MAP_DOMAIN_BY_LOCALE[utils.locale],
+            market: index$3.MAP_DOMAIN_BY_LOCALE[defaultClassWrapper.locale],
         };
-        yield utils.callApi(getSubotApiPath(PATHS$1.POST_SUBOT_CREATE_LOG), 'POST', {
+        yield defaultClassWrapper.callApi(getSubotApiPath(PATHS$1.POST_SUBOT_CREATE_LOG), 'POST', {
             data: payload,
         });
     }
@@ -865,7 +658,7 @@ const SubotInlineContext = React.createContext({
     userInfo: null,
 });
 const SubotInlineProvider = ({ children, articleLink, subotId, isFullContainer, bgColor: _bgColor, primaryColor: _primaryColor, textColor, textButtonColor, bgContentColor, bgImgFullContainer, isDisabledAnimationOnMobile, onCloseMobile, userInfo, }) => {
-    const { formatMessage: f, action: { pushNotifications }, } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { formatMessage: f, action: { pushNotifications }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
     const ref = React.useRef(null);
     // const { formatMessage: f } = useIntl()
     const refAccountIdFromLogs = React.useRef(null);
@@ -912,16 +705,16 @@ const SubotInlineProvider = ({ children, articleLink, subotId, isFullContainer,
     const getParams = React.useCallback(() => {
         const gaData = window.gaData;
         const url = window.location.origin +
-            index$2.basePath +
-            ((utils.GlobalData === null || utils.GlobalData === void 0 ? void 0 : utils.GlobalData.locale) === 'tl-PH'
+            index$3.basePath +
+            ((defaultClassWrapper.GlobalData === null || defaultClassWrapper.GlobalData === void 0 ? void 0 : defaultClassWrapper.GlobalData.locale) === 'tl-PH'
                 ? articleLink.replace('fil/', '')
                 : articleLink);
         const params = {
             bot_id: subotId,
-            account_id: getUserIdFromCookie() || null,
+            account_id: index$1.getUserIdFromCookie() || null,
             action_id: '',
             action_value: '',
-            cookie_id: getSubotCookieId(),
+            cookie_id: index$1.getSubotCookieId(),
             current_score: 0,
             current_keys: [],
             current_selected: [],
@@ -941,9 +734,9 @@ const SubotInlineProvider = ({ children, articleLink, subotId, isFullContainer,
                 .replace('dev.', 'discover.')
                 .replace('staging.hellohealthgroup.com', 'discover.hellodoctor.com.ph') // Stagign
                 .replace('https://hellohealthgroup.com', 'https://hellodoctor.com.ph'),
-            window_id: getWindowId(),
+            window_id: index$1.getWindowId(),
         };
-        return overrideParamsByQuery(params, utils.GlobalData === null || utils.GlobalData === void 0 ? void 0 : utils.GlobalData.router.query);
+        return index$1.overrideParamsByQuery(params, defaultClassWrapper.GlobalData === null || defaultClassWrapper.GlobalData === void 0 ? void 0 : defaultClassWrapper.GlobalData.router.query);
     }, []);
     const elementScrollIntoView = React.useCallback(() => {
         var _a;
@@ -1126,9 +919,9 @@ const SubotInlineProvider = ({ children, articleLink, subotId, isFullContainer,
         });
     }, [activeId]);
     React.useEffect(() => {
-        if (!Cookies__default["default"].get(index$2.GA_TOKEN_COOKIE)) {
-            checkUntilFinished({
-                condition: () => Boolean(Cookies__default["default"].get(index$2.GA_TOKEN_COOKIE)),
+        if (!Cookies__default["default"].get(index$3.GA_TOKEN_COOKIE)) {
+            index$1.checkUntilFinished({
+                condition: () => Boolean(Cookies__default["default"].get(index$3.GA_TOKEN_COOKIE)),
                 finished: () => {
                     const params = getParams();
                     getFirstNode(params);
@@ -1229,7 +1022,7 @@ const SubotInlineRevampContainer = styled__default["default"].div `
     pointer-events: none;
   }
 
-  ${utils$1.MediaQueries.mbUp} {
+  ${utils.MediaQueries.mbUp} {
     .si-inline-revamp-container {
       padding-right: 12px;
     }
@@ -1257,7 +1050,7 @@ const SubotInlineRevampContainer = styled__default["default"].div `
       height: calc(100% - 72px);
     }
 
-    ${utils$1.MediaQueries.mbUp} {
+    ${utils.MediaQueries.mbUp} {
       &[data-show-footer='true'] {
         height: calc(100% - 56px);
       }
@@ -1279,7 +1072,7 @@ const SubotInlineRevampContainer = styled__default["default"].div `
     }
   }
 
-  ${utils$1.MediaQueries.mbUp} {
+  ${utils.MediaQueries.mbUp} {
     .si-container-placeholder {
       height: 550px;
       max-height: 550px;
@@ -1307,7 +1100,7 @@ const SubotInlineRevampContainer = styled__default["default"].div `
     }
   }
 
-  ${utils$1.MediaQueries.mbDown} {
+  ${utils.MediaQueries.mbDown} {
     .si-container-open {
       position: fixed;
       width: auto;
@@ -1345,7 +1138,7 @@ const StyledContainerFullscreen = styled__default["default"].div `
   padding: 40px 0;
   font-family: Inter;
 
-  ${utils$1.MediaQueries.mbUp} {
+  ${utils.MediaQueries.mbUp} {
     padding: 80px 0;
   }
 
@@ -1356,7 +1149,7 @@ const StyledContainerFullscreen = styled__default["default"].div `
     margin: 0 auto;
     flex-direction: column;
 
-    ${utils$1.MediaQueries.mbUp} {
+    ${utils.MediaQueries.mbUp} {
       flex-direction: row;
       gap: 30px;
     }
@@ -1378,12 +1171,12 @@ const StyledContainerFullscreen = styled__default["default"].div `
       }
     }
 
-    ${utils$1.MediaQueries.mbUp} {
+    ${utils.MediaQueries.mbUp} {
       max-width: ${heightMobile};
       min-width: ${heightMobile};
     }
 
-    ${utils$1.MediaQueries.tdUp} {
+    ${utils.MediaQueries.tdUp} {
       max-width: 720px;
       min-width: 720px;
     }
@@ -1395,7 +1188,7 @@ const StyledContainerFullscreen = styled__default["default"].div `
     flex-direction: column;
     max-width: 490px;
 
-    ${utils$1.MediaQueries.mbUp} {
+    ${utils.MediaQueries.mbUp} {
       padding-top: 48px;
     }
 
@@ -1411,7 +1204,7 @@ const StyledContainerFullscreen = styled__default["default"].div `
       line-height: 1.2;
       letter-spacing: -0.616px;
 
-      ${utils$1.MediaQueries.mbUp} {
+      ${utils.MediaQueries.mbUp} {
         font-size: 40px;
         line-height: 48px;
         letter-spacing: -0.88px;
@@ -1469,7 +1262,7 @@ const Info = (props) => {
 
 const Container$v = () => {
     const [isShow, setIsShow] = React.useState(false);
-    const { formatMessage: f } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { formatMessage: f } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
     return (React__default["default"].createElement(StyledWrap$q, null,
         React__default["default"].createElement("div", { className: "si-disclaimer", onClick: () => setIsShow(!isShow) },
             React__default["default"].createElement(Info, { className: "si-disclaimer-info-svg" }),
@@ -1486,9 +1279,9 @@ const Container$v = () => {
 Container$v.displayName = 'SubotInlineDisclaimer';
 
 const useCurrentUrl = () => {
-    const { data: { locale, router }, } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { data: { locale, router }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
     const { asPath } = router || {};
-    const [currentUrl, setCurrentUrl] = React.useState(() => `${getHelloSitesUrl(locale, false)}${index$2.basePath}${asPath}`);
+    const [currentUrl, setCurrentUrl] = React.useState(() => `${index$1.getHelloSitesUrl(locale, false)}${index$3.basePath}${asPath}`);
     React.useEffect(() => {
         setCurrentUrl(window.location.href);
     }, [asPath]);
@@ -1497,9 +1290,9 @@ const useCurrentUrl = () => {
 
 // import { useIntl } from 'react-intl'
 const useValidationMultiOption = () => {
-    const { formatMessage: f, action: { pushNotifications }, } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { formatMessage: f, action: { pushNotifications }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
     const validateSelectActions = (activeActions, node, callBack) => {
-        if ((node === null || node === void 0 ? void 0 : node.multi_select_option) === index$1.NodeMultipleOptions.EXACT_NUMBER &&
+        if ((node === null || node === void 0 ? void 0 : node.multi_select_option) === index$2.NodeMultipleOptions.EXACT_NUMBER &&
             activeActions.length !== (node === null || node === void 0 ? void 0 : node.from)) {
             pushNotifications({
                 message: f({
@@ -1512,7 +1305,7 @@ const useValidationMultiOption = () => {
             });
             return;
         }
-        else if ((node === null || node === void 0 ? void 0 : node.multi_select_option) === index$1.NodeMultipleOptions.RANGE &&
+        else if ((node === null || node === void 0 ? void 0 : node.multi_select_option) === index$2.NodeMultipleOptions.RANGE &&
             (activeActions.length < (node === null || node === void 0 ? void 0 : node.from) ||
                 activeActions.length > (node === null || node === void 0 ? void 0 : node.to))) {
             pushNotifications({
@@ -1581,7 +1374,7 @@ const StyledWrap$p = styled__default["default"].div `
     display: flex;
   }
 
-  ${utils$1.MediaQueries.mbDown} {
+  ${utils.MediaQueries.mbDown} {
     &[data-show-action='false'] {
       justify-content: center;
       padding: 12px 0;
@@ -1642,12 +1435,12 @@ const NodeContextProvider = ({ children }) => {
     return (React__default["default"].createElement(NodeContext.Provider, { value: ctxValue }, children));
 };
 
-const disabledNodeList = [index$1.NodeType.FORM];
-const disabledPositionList = [index$1.NodePosition.SSO];
+const disabledNodeList = [index$2.NodeType.FORM];
+const disabledPositionList = [index$2.NodePosition.SSO];
 const excludeNodeList = [
-    index$1.NodeType.FINAL,
-    index$1.NodeType.FINAL_THANK_YOU,
-    index$1.NodeType.FINAL_STANDARD,
+    index$2.NodeType.FINAL,
+    index$2.NodeType.FINAL_THANK_YOU,
+    index$2.NodeType.FINAL_STANDARD,
 ];
 // const isSingleChoiceText = (node?: SubotNode) => {
 //   if (!node) return false
@@ -1658,18 +1451,18 @@ const excludeNodeList = [
 // }
 const Container$u = () => {
     var _a, _b, _c, _d, _e;
-    const { formatMessage: f, action: { pushNotifications }, } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { formatMessage: f, action: { pushNotifications }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
     const currentUrl = useCurrentUrl();
     const { listNodes, activeId, isShowFooter, onNext, onPrev, params, onStartOver, loading, } = React.useContext(SubotInlineContext);
     const { value } = React.useContext(NodeContext);
     const validation = useValidationMultiOption();
     const botItem = listNodes[0];
     const node = listNodes.find((nodeItem) => nodeItem.id == activeId);
-    const actionNextChoice = (_a = node === null || node === void 0 ? void 0 : node.actions) === null || _a === void 0 ? void 0 : _a.find((act) => act.type === index$1.NodeActionType.USER_CHOICE_NEXT);
-    const actionPollSubmit = (_b = node === null || node === void 0 ? void 0 : node.actions) === null || _b === void 0 ? void 0 : _b.find(({ type }) => type == index$1.NodeActionType.POLL_BUTTON);
-    const actionMultipleSubmit = (_c = node === null || node === void 0 ? void 0 : node.actions) === null || _c === void 0 ? void 0 : _c.find(({ type }) => type == index$1.NodeActionType.ACTION_MULTIPLE_BUTTON);
+    const actionNextChoice = (_a = node === null || node === void 0 ? void 0 : node.actions) === null || _a === void 0 ? void 0 : _a.find((act) => act.type === index$2.NodeActionType.USER_CHOICE_NEXT);
+    const actionPollSubmit = (_b = node === null || node === void 0 ? void 0 : node.actions) === null || _b === void 0 ? void 0 : _b.find(({ type }) => type == index$2.NodeActionType.POLL_BUTTON);
+    const actionMultipleSubmit = (_c = node === null || node === void 0 ? void 0 : node.actions) === null || _c === void 0 ? void 0 : _c.find(({ type }) => type == index$2.NodeActionType.ACTION_MULTIPLE_BUTTON);
     const selectedWithOtherInput = ((_e = (_d = node === null || node === void 0 ? void 0 : node.actions) === null || _d === void 0 ? void 0 : _d.find(({ id }) => id === value.action_id)) === null || _e === void 0 ? void 0 : _e.type) ===
-        index$1.NodeActionType.USER_CHOICE_TEXT_BY_INPUT;
+        index$2.NodeActionType.USER_CHOICE_TEXT_BY_INPUT;
     const handleNextChoice = () => {
         const nextValue = {
             node_id: node.id,
@@ -1740,7 +1533,7 @@ const Container$u = () => {
                 defaultMessage: 'Start over',
             }))),
         isDisplayAction && (React__default["default"].createElement("div", { className: "si-footer-actions" },
-            React__default["default"].createElement(index$3.Button, { size: "md", variant: "tertiary", onClick: onPrev, "data-event-category": "Service Connection", "data-event-action": "Risk Screening Back", "data-event-label": currentUrl, "data-bot-id": params.bot_id, sx: { paddingLeft: 16, paddingRight: 16, borderRadius: 8 }, styles: {
+            React__default["default"].createElement(index$4.Button, { size: "md", variant: "tertiary", onClick: onPrev, "data-event-category": "Service Connection", "data-event-action": "Risk Screening Back", "data-event-label": currentUrl, "data-bot-id": params.bot_id, sx: { paddingLeft: 16, paddingRight: 16, borderRadius: 8 }, styles: {
                     root: {
                         ':not(:disabled)': {
                             backgroundColor: 'transparent !important',
@@ -1756,7 +1549,7 @@ const Container$u = () => {
                     id: 'riskScreener.back',
                     defaultMessage: 'Back',
                 })),
-            React__default["default"].createElement(index$3.Button, { size: "md", onClick: handleClickNext, loading: isDisabled ? false : loading, disabled: isDisabled, "data-event-category": "Service Connection", "data-event-action": "Risk Screening Continue", "data-event-label": currentUrl, "data-bot-id": params.bot_id, sx: { paddingLeft: 16, paddingRight: 16, borderRadius: 8 }, styles: {
+            React__default["default"].createElement(index$4.Button, { size: "md", onClick: handleClickNext, loading: isDisabled ? false : loading, disabled: isDisabled, "data-event-category": "Service Connection", "data-event-action": "Risk Screening Continue", "data-event-label": currentUrl, "data-bot-id": params.bot_id, sx: { paddingLeft: 16, paddingRight: 16, borderRadius: 8 }, styles: {
                     root: {
                         ':not(:disabled)': {
                             backgroundColor: 'var(--subot-inline-primary-color) !important',
@@ -1917,7 +1710,7 @@ const StyledContainer = styled__default["default"].div `
     /* color: #262626; */
     color: var(--subot-inline-text-color, #262626);
 
-    ${utils$1.MediaQueries.mbUp} {
+    ${utils.MediaQueries.mbUp} {
       font-size: 24px;
       line-height: 120%;
       letter-spacing: -0.432px;
@@ -1931,7 +1724,7 @@ const StyledContainer = styled__default["default"].div `
     line-height: 24px;
     font-weight: 400;
 
-    ${utils$1.MediaQueries.mbUp} {
+    ${utils.MediaQueries.mbUp} {
       letter-spacing: -0.16px;
     }
   }
@@ -2013,7 +1806,7 @@ const SubotInlineVoucherLeftUI = ({ clientId, voucherAnswers }) => {
     const [quantityTotal, setQuantityTotal] = React.useState(0);
     const [quantityInStock, setQuantityInStock] = React.useState(0);
     React.useEffect(() => {
-        utils.callApi(getSubotApiPath(PATHS$1.GET_VOUCHER_QUANTITY, {
+        defaultClassWrapper.callApi(getSubotApiPath(PATHS$1.GET_VOUCHER_QUANTITY, {
             search: (voucherAnswers === null || voucherAnswers === void 0 ? void 0 : voucherAnswers.voucherName.split('|')[0]) || '',
             clientId: clientId,
         }), 'GET').then((res) => {
@@ -2029,11 +1822,11 @@ const SubotInlineVoucherLeftUI = ({ clientId, voucherAnswers }) => {
         return null;
     }
     return (React__default["default"].createElement(StyledWrap$n, { className: "si-voucher-left-ui" },
-        React__default["default"].createElement("img", { src: index$4.CommonGAssets.getAssetPath('subot/voucher_bg.png'), alt: "", loading: "eager", className: "si-voucher-bg" }),
-        React__default["default"].createElement("img", { src: index$4.CommonGAssets.getAssetPath('subot/voucher_icon.png'), alt: "", loading: "eager", className: "si-voucher-item" }),
+        React__default["default"].createElement("img", { src: index$5.CommonGAssets.getAssetPath('subot/voucher_bg.png'), alt: "", loading: "eager", className: "si-voucher-bg" }),
+        React__default["default"].createElement("img", { src: index$5.CommonGAssets.getAssetPath('subot/voucher_icon.png'), alt: "", loading: "eager", className: "si-voucher-item" }),
         React__default["default"].createElement(core.Box, { className: "si-voucher-in-stock" },
             React__default["default"].createElement("h3", null, quantityInStock),
-            React__default["default"].createElement("img", { src: index$4.CommonGAssets.getAssetPath('subot/voucher_icon_small.png'), alt: "", loading: "eager" })),
+            React__default["default"].createElement("img", { src: index$5.CommonGAssets.getAssetPath('subot/voucher_icon_small.png'), alt: "", loading: "eager" })),
         React__default["default"].createElement(core.Box, { className: "si-voucher-progress" },
             React__default["default"].createElement(core.Box, { className: "si-voucher-progress--inner", style: { width: `${percentage}%` } }))));
 };
@@ -2059,7 +1852,7 @@ const Container$s = ({ node, onClickStart }) => {
     const handleClickStart = () => {
         // 1. Tracking Event Click
         const params = getParams();
-        params.device_id = checkMobile(window.navigator.userAgent) ? 2 : 1;
+        params.device_id = index$1.checkMobile(window.navigator.userAgent) ? 2 : 1;
         subotInlineClick(params);
         // 2. Call API to fetch next node
         onNext();
@@ -2074,7 +1867,7 @@ const Container$s = ({ node, onClickStart }) => {
                 email: '',
                 voucherName: '',
             } })),
-        React__default["default"].createElement(index$3.Button, { onClick: handleClickStart, "data-event-category": "Service Connection", "data-event-action": "Risk Screening Start", "data-event-label": currentUrl, "data-bot-id": params.bot_id, rightIcon: React__default["default"].createElement(other.ArrowRight, { color: "var(--subot-inline-text-button-color, #fff)" }), styles: {
+        React__default["default"].createElement(index$4.Button, { onClick: handleClickStart, "data-event-category": "Service Connection", "data-event-action": "Risk Screening Start", "data-event-label": currentUrl, "data-bot-id": params.bot_id, rightIcon: React__default["default"].createElement(other.ArrowRight, { color: "var(--subot-inline-text-button-color, #fff)" }), styles: {
                 root: {
                     backgroundColor: 'var(--subot-inline-primary-color) !important',
                     '&:hover': {
@@ -2118,7 +1911,7 @@ const StyledWrap$k = styled__default["default"].div `
       display: block;
     }
 
-    ${utils$1.MediaQueries.mbUp} {
+    ${utils.MediaQueries.mbUp} {
       font-size: 22px;
       line-height: 32px;
       letter-spacing: -0.6px;
@@ -2155,22 +1948,22 @@ const PATHS = {
 };
 
 const getLeadPath = (path, params) => {
-    const { leadApiUrl } = utils.GlobalData === null || utils.GlobalData === void 0 ? void 0 : utils.GlobalData.env;
+    const { leadApiUrl } = defaultClassWrapper.GlobalData === null || defaultClassWrapper.GlobalData === void 0 ? void 0 : defaultClassWrapper.GlobalData.env;
     return leadApiUrl + formatString__default["default"](path, Object.assign({}, params));
 };
 const callApiWithLead = (url, method, options) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
     if (options === null || options === void 0 ? void 0 : options.data) {
-        let cookie = Cookies__default["default"].get(utils.LEAD_TOKEN_COOKIE);
-        const ga = Cookies__default["default"].get(index$2.GA_TOKEN_COOKIE);
+        let cookie = Cookies__default["default"].get(defaultClassWrapper.LEAD_TOKEN_COOKIE);
+        const ga = Cookies__default["default"].get(index$3.GA_TOKEN_COOKIE);
         if (!cookie) {
             const newCookie = uuid.v4();
             cookie = newCookie;
-            Cookies__default["default"].set(utils.LEAD_TOKEN_COOKIE, newCookie);
+            Cookies__default["default"].set(defaultClassWrapper.LEAD_TOKEN_COOKIE, newCookie);
         }
         options.data.cookie_id = cookie;
         options.data.ga_client_id = ga || '';
     }
-    return utils.callApi(url, method, options);
+    return defaultClassWrapper.callApi(url, method, options);
 });
 
 dayjs__default["default"].extend(isSameOrBefore__default["default"]);
@@ -2240,15 +2033,15 @@ const checkSyncDataOnFrisoCampaign = (bot, values) => {
         if (!((_a = bot.extra_settings) === null || _a === void 0 ? void 0 : _a.sync_data_friso_campaign) || !values) {
             return;
         }
-        const nameControl = index$1.ELEMENT_CONTROL_INPUT_TYPE[index$1.NodeActionType.USER_SUBMIT_NAME];
-        const emailControl = index$1.ELEMENT_CONTROL_INPUT_TYPE[index$1.NodeActionType.USER_SUBMIT_EMAIL];
-        const dateControl = index$1.ELEMENT_CONTROL_INPUT_TYPE[index$1.NodeActionType.USER_SUBMIT_DATE];
-        const phoneControlOtp = index$1.ELEMENT_CONTROL_INPUT_TYPE[index$1.NodeActionType.USER_SUBMIT_OTP];
-        const phoneControl = index$1.ELEMENT_CONTROL_INPUT_TYPE[index$1.NodeActionType.USER_SUBMIT_PHONE];
-        const level1Control = index$1.ELEMENT_CONTROL_INPUT_TYPE[index$1.NodeActionType.USER_SUBMIT_ADDRESS_PROVINCE];
-        const level2Control = index$1.ELEMENT_CONTROL_INPUT_TYPE[index$1.NodeActionType.USER_SUBMIT_ADDRESS_DISTRICT];
-        const level3Control = index$1.ELEMENT_CONTROL_INPUT_TYPE[index$1.NodeActionType.USER_SUBMIT_ADDRESS_COMMUNE];
-        const addressControl = index$1.ELEMENT_CONTROL_INPUT_TYPE[index$1.NodeActionType.USER_SUBMIT_ADDRESS];
+        const nameControl = index$2.ELEMENT_CONTROL_INPUT_TYPE[index$2.NodeActionType.USER_SUBMIT_NAME];
+        const emailControl = index$2.ELEMENT_CONTROL_INPUT_TYPE[index$2.NodeActionType.USER_SUBMIT_EMAIL];
+        const dateControl = index$2.ELEMENT_CONTROL_INPUT_TYPE[index$2.NodeActionType.USER_SUBMIT_DATE];
+        const phoneControlOtp = index$2.ELEMENT_CONTROL_INPUT_TYPE[index$2.NodeActionType.USER_SUBMIT_OTP];
+        const phoneControl = index$2.ELEMENT_CONTROL_INPUT_TYPE[index$2.NodeActionType.USER_SUBMIT_PHONE];
+        const level1Control = index$2.ELEMENT_CONTROL_INPUT_TYPE[index$2.NodeActionType.USER_SUBMIT_ADDRESS_PROVINCE];
+        const level2Control = index$2.ELEMENT_CONTROL_INPUT_TYPE[index$2.NodeActionType.USER_SUBMIT_ADDRESS_DISTRICT];
+        const level3Control = index$2.ELEMENT_CONTROL_INPUT_TYPE[index$2.NodeActionType.USER_SUBMIT_ADDRESS_COMMUNE];
+        const addressControl = index$2.ELEMENT_CONTROL_INPUT_TYPE[index$2.NodeActionType.USER_SUBMIT_ADDRESS];
         const name = ((_b = values.find((o) => o.control === nameControl)) === null || _b === void 0 ? void 0 : _b.value) || '';
         const email = ((_c = values.find((o) => o.control === emailControl)) === null || _c === void 0 ? void 0 : _c.value) || '';
         const date = ((_d = values.find((o) => o.control === dateControl)) === null || _d === void 0 ? void 0 : _d.value) || '';
@@ -2294,11 +2087,11 @@ const foundNodeFrisoForm = (listNode) => {
         var _a, _b, _c, _d, _e, _f;
         const node = n;
         const phone = ((_c = (_b = (_a = node === null || node === void 0 ? void 0 : node._message) === null || _a === void 0 ? void 0 : _a.form_submit_meta) === null || _b === void 0 ? void 0 : _b.find((o) => o.control ===
-            index$1.ELEMENT_CONTROL_INPUT_TYPE[index$1.NodeActionType.USER_SUBMIT_OTP] ||
+            index$2.ELEMENT_CONTROL_INPUT_TYPE[index$2.NodeActionType.USER_SUBMIT_OTP] ||
             o.control ===
-                index$1.ELEMENT_CONTROL_INPUT_TYPE[index$1.NodeActionType.USER_SUBMIT_PHONE])) === null || _c === void 0 ? void 0 : _c.value) || '';
+                index$2.ELEMENT_CONTROL_INPUT_TYPE[index$2.NodeActionType.USER_SUBMIT_PHONE])) === null || _c === void 0 ? void 0 : _c.value) || '';
         const date = ((_f = (_e = (_d = node === null || node === void 0 ? void 0 : node._message) === null || _d === void 0 ? void 0 : _d.form_submit_meta) === null || _e === void 0 ? void 0 : _e.find((o) => o.control ===
-            index$1.ELEMENT_CONTROL_INPUT_TYPE[index$1.NodeActionType.USER_SUBMIT_DATE])) === null || _f === void 0 ? void 0 : _f.value) || '';
+            index$2.ELEMENT_CONTROL_INPUT_TYPE[index$2.NodeActionType.USER_SUBMIT_DATE])) === null || _f === void 0 ? void 0 : _f.value) || '';
         if (phone && date) {
             foundPhone = phone;
             foundDate = date;
@@ -2331,12 +2124,12 @@ const Container$r = ({ intent }) => {
             handleFrisoRedirecition(listNodes);
             return;
         }
-        intent.url && clickAndOpenInNewTab(intent.url);
+        intent.url && index$1.clickAndOpenInNewTab(intent.url);
     };
     const trackingMainButton = React.useMemo(() => {
         if (!intent.url ||
             !intent.label ||
-            (intent === null || intent === void 0 ? void 0 : intent.type) !== index$1.NodeIntentType.BOT_MAIN_BUTTON)
+            (intent === null || intent === void 0 ? void 0 : intent.type) !== index$2.NodeIntentType.BOT_MAIN_BUTTON)
             return {};
         return {
             'data-event-category': 'Service Connection',
@@ -2347,7 +2140,7 @@ const Container$r = ({ intent }) => {
     if (!(intent === null || intent === void 0 ? void 0 : intent.label))
         return null;
     return (React__default["default"].createElement(StyledWrap$j, null,
-        React__default["default"].createElement(index$3.Button, Object.assign({ size: "md", color: "primary", onClick: handleOnClick }, trackingMainButton, { styles: {
+        React__default["default"].createElement(index$4.Button, Object.assign({ size: "md", color: "primary", onClick: handleOnClick }, trackingMainButton, { styles: {
                 root: {
                     backgroundColor: 'var(--subot-inline-primary-color) !important',
                     '&:hover': {
@@ -2379,20 +2172,20 @@ Container$q.displayName = 'SubotInlineIntentBotImage';
 
 const Container$p = ({ intent, indexNumber }) => {
     const { listNodes } = React.useContext(SubotInlineContext);
-    const isShowLabel = ![index$1.NodeIntentType.SSO_INTENT].includes(intent === null || intent === void 0 ? void 0 : intent.type);
+    const isShowLabel = ![index$2.NodeIntentType.SSO_INTENT].includes(intent === null || intent === void 0 ? void 0 : intent.type);
     const isText = [
-        index$1.NodeIntentType.BOT_TEXT,
-        index$1.NodeIntentType.BOT_MAIN_TITLE,
+        index$2.NodeIntentType.BOT_TEXT,
+        index$2.NodeIntentType.BOT_MAIN_TITLE,
     ].includes(intent === null || intent === void 0 ? void 0 : intent.type);
     const isBtn = [
-        index$1.NodeIntentType.BOT_BUTTON,
-        index$1.NodeIntentType.BOT_RECALCULATE,
+        index$2.NodeIntentType.BOT_BUTTON,
+        index$2.NodeIntentType.BOT_RECALCULATE,
     ].includes(intent === null || intent === void 0 ? void 0 : intent.type);
     const isImageNode = [
-        index$1.NodeIntentType.BOT_IMAGE,
-        index$1.NodeIntentType.BOT_MAIN_IMAGE,
+        index$2.NodeIntentType.BOT_IMAGE,
+        index$2.NodeIntentType.BOT_MAIN_IMAGE,
     ].includes(intent === null || intent === void 0 ? void 0 : intent.type);
-    const isMainTitle = (intent === null || intent === void 0 ? void 0 : intent.type) === index$1.NodeIntentType.BOT_MAIN_TITLE;
+    const isMainTitle = (intent === null || intent === void 0 ? void 0 : intent.type) === index$2.NodeIntentType.BOT_MAIN_TITLE;
     if (isBtn)
         return React__default["default"].createElement(Container$r, { intent: intent });
     if (!intent) {
@@ -2569,7 +2362,7 @@ const StyledWrap$f = styled__default["default"].div `
 
 const Container$m = ({ text }) => {
     const [isShow, setIsShow] = React.useState(false);
-    const { formatMessage: f } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { formatMessage: f } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
     if (!text) {
         return null;
     }
@@ -2587,12 +2380,12 @@ Container$m.displayName = 'SubotInlineDisclaimer';
 
 const Container$l = ({ intent }) => {
     var _a;
-    const { formatMessage: f } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { formatMessage: f } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
     const handleOnClick = (service) => {
         if (!service.url) {
             return;
         }
-        service.url && clickAndOpenInNewTab(service.url);
+        service.url && index$1.clickAndOpenInNewTab(service.url);
     };
     const listServices = React.useMemo(() => {
         try {
@@ -2606,7 +2399,7 @@ const Container$l = ({ intent }) => {
     if (!intent.label || !listServices.length)
         return null;
     return (React__default["default"].createElement(StyledWrap$g, null,
-        React__default["default"].createElement(index$5.Text, { size: "lg", weight: "semiBold", className: "si-title", color: "var(--subot-inline-text-color, #262626)" }, f({
+        React__default["default"].createElement(index$6.Text, { size: "lg", weight: "semiBold", className: "si-title", color: "var(--subot-inline-text-color, #262626)" }, f({
             id: 'tools.suggestedServices',
             defaultMessage: 'Suggested services',
         }) + ':'),
@@ -2637,7 +2430,7 @@ const Container$k = ({ intent }) => {
     if (!(intent === null || intent === void 0 ? void 0 : intent.label)) {
         return null;
     }
-    const isMainBody = (intent === null || intent === void 0 ? void 0 : intent.type) === index$1.NodeIntentType.BOT_MAIN_BODY;
+    const isMainBody = (intent === null || intent === void 0 ? void 0 : intent.type) === index$2.NodeIntentType.BOT_MAIN_BODY;
     return (React__default["default"].createElement(StyledWrap$e, { className: "si-bot-text" },
         React__default["default"].createElement(Markdown, null, isMainBody
             ? replaceTextWithVariables(intent.label, listNodes)
@@ -2698,7 +2491,7 @@ var _a$1;
 const SubotInlineIntentCol = styled__default["default"].div `
   width: ${({ width }) => width || '100%'};
   padding: 4px;
-  ${utils$1.MediaQueries.mbDown} {
+  ${utils.MediaQueries.mbDown} {
     width: 100%;
   }
 `;
@@ -2753,30 +2546,30 @@ const Container$i = ({ intent, }) => {
 Container$i.displayName = 'SubotInlineIntentUrl';
 
 const SubotInlineIntentBaseTarget = {
-    [index$1.NodeIntentType.BOT_TEXT]: Container$k,
-    [index$1.NodeIntentType.BOT_IMAGE]: Container$q,
-    [index$1.NodeIntentType.BOT_BUTTON]: Container$r,
-    [index$1.NodeIntentType.BOT_URL]: Container$i,
+    [index$2.NodeIntentType.BOT_TEXT]: Container$k,
+    [index$2.NodeIntentType.BOT_IMAGE]: Container$q,
+    [index$2.NodeIntentType.BOT_BUTTON]: Container$r,
+    [index$2.NodeIntentType.BOT_URL]: Container$i,
     // In the revamp UI, recalculate as a normal button
-    [index$1.NodeIntentType.BOT_RECALCULATE]: Container$r,
-    [index$1.NodeIntentType.BOT_MAIN_TITLE]: Container$p,
+    [index$2.NodeIntentType.BOT_RECALCULATE]: Container$r,
+    [index$2.NodeIntentType.BOT_MAIN_TITLE]: Container$p,
     // [NodeIntentType.BOT_MAIN_IMAGE]: SubotInlineIntentBotMainImage,
-    [index$1.NodeIntentType.BOT_MAIN_BODY]: Container$k,
-    [index$1.NodeIntentType.BOT_MAIN_BUTTON]: Container$r,
-    [index$1.NodeIntentType.BOT_SUB_TITLE]: Container$k,
-    [index$1.NodeIntentType.BOT_SUB_BODY]: Container$k,
+    [index$2.NodeIntentType.BOT_MAIN_BODY]: Container$k,
+    [index$2.NodeIntentType.BOT_MAIN_BUTTON]: Container$r,
+    [index$2.NodeIntentType.BOT_SUB_TITLE]: Container$k,
+    [index$2.NodeIntentType.BOT_SUB_BODY]: Container$k,
     // [NodeIntentType.BOT_LANDING_PAGE_URL]: SubotInlineIntentBotText,
     // [NodeIntentType.BOT_LANDING_PAGE_BUTTON]: SubotInlineIntentBotText,
     // [NodeIntentType.BOT_RISK_SCREEN]: SubotInlineIntentBotRiskScreener,
-    [index$1.NodeIntentType.BOT_RELATED_ARTICLE]: Container$n,
-    [index$1.NodeIntentType.THANK_YOU_IMAGE]: Container$q,
-    [index$1.NodeIntentType.THANK_YOU_TITLE]: Container$k,
-    [index$1.NodeIntentType.THANK_YOU_BODY]: Container$k,
-    [index$1.NodeIntentType.BOT_SUGGESTED_SERVICE]: Container$l,
-    [index$1.NodeIntentType.BOT_BOOKING]: Container$r,
-    [index$1.NodeIntentType.BOT_EVENT_SUBMISSION]: Container$o,
+    [index$2.NodeIntentType.BOT_RELATED_ARTICLE]: Container$n,
+    [index$2.NodeIntentType.THANK_YOU_IMAGE]: Container$q,
+    [index$2.NodeIntentType.THANK_YOU_TITLE]: Container$k,
+    [index$2.NodeIntentType.THANK_YOU_BODY]: Container$k,
+    [index$2.NodeIntentType.BOT_SUGGESTED_SERVICE]: Container$l,
+    [index$2.NodeIntentType.BOT_BOOKING]: Container$r,
+    [index$2.NodeIntentType.BOT_EVENT_SUBMISSION]: Container$o,
     /** intents fake for sso block */
-    [index$1.NodeIntentType.SSO_INTENT]: Container$j,
+    [index$2.NodeIntentType.SSO_INTENT]: Container$j,
 };
 const SubotInlineIntentBase = new Proxy(SubotInlineIntentBaseTarget, {
     get(_, prop) {
@@ -2792,8 +2585,8 @@ const SubotInlineIntentBase = new Proxy(SubotInlineIntentBaseTarget, {
 });
 
 const excludeIntents = [
-    index$1.NodeIntentType.BOT_SUBMISSION,
-    index$1.NodeIntentType.BOT_BACKGROUND_IMAGE,
+    index$2.NodeIntentType.BOT_SUBMISSION,
+    index$2.NodeIntentType.BOT_BACKGROUND_IMAGE,
 ];
 const Container$h = ({ intents: intentsProp, indexNumber, }) => {
     const filteredIntents = intentsProp.filter((intent) => !excludeIntents.includes(intent.type || ''));
@@ -2900,7 +2693,7 @@ styled__default["default"].div `
   border: 1px solid #ffecb6;
   border-radius: 16px;
 
-  ${utils$1.MediaQueries.mbUp} {
+  ${utils.MediaQueries.mbUp} {
     padding: 0 0 24px 0;
   }
 
@@ -2972,12 +2765,12 @@ const StyledSubInlineIntent = styled__default["default"].div `
     + div {
       margin-top: 16px;
 
-      ${utils$1.MediaQueries.mbUp} {
+      ${utils.MediaQueries.mbUp} {
         margin-top: 24px;
       }
     }
 
-    ${utils$1.MediaQueries.mbUp} {
+    ${utils.MediaQueries.mbUp} {
       font-size: 18px;
     }
   } */
@@ -3013,7 +2806,7 @@ const Container$f = ({ node }) => {
     var _a;
     // const isMobile = useGetIsMobile(true)
     const refMainIntents = React.useRef(null);
-    const { formatMessage: f } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { formatMessage: f } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
     const { setIsShowFooter, listNodes } = React.useContext(SubotInlineContext);
     const [isShowMore, setIsShowMore] = React.useState(false);
     React.useEffect(() => {
@@ -3047,41 +2840,41 @@ const Container$f = ({ node }) => {
         let botSubmissionIntent = undefined;
         intentsProps.forEach((intent) => {
             switch (intent === null || intent === void 0 ? void 0 : intent.type) {
-                case index$1.NodeIntentType.BOT_MAIN_IMAGE:
+                case index$2.NodeIntentType.BOT_MAIN_IMAGE:
                     mainIntents.push(intent);
                     break;
-                case index$1.NodeIntentType.BOT_MAIN_TITLE:
+                case index$2.NodeIntentType.BOT_MAIN_TITLE:
                     mainIntents.push(intent);
                     break;
-                case index$1.NodeIntentType.BOT_MAIN_BODY:
+                case index$2.NodeIntentType.BOT_MAIN_BODY:
                     mainIntents.push(intent);
                     break;
-                case index$1.NodeIntentType.BOT_SUGGESTED_SERVICE:
+                case index$2.NodeIntentType.BOT_SUGGESTED_SERVICE:
                     suggestedServiceIntents.push(intent);
                     break;
-                case index$1.NodeIntentType.BOT_MAIN_BUTTON:
+                case index$2.NodeIntentType.BOT_MAIN_BUTTON:
                     mainButtonIntents.push(intent);
                     break;
-                case index$1.NodeIntentType.BOT_BOOKING:
+                case index$2.NodeIntentType.BOT_BOOKING:
                     bookingButtonIntents.push(intent);
                     break;
-                case index$1.NodeIntentType.BOT_RECALCULATE:
+                case index$2.NodeIntentType.BOT_RECALCULATE:
                     // mainIntents.push(intent)
                     // TODO: Do not apply. Inline Revamp has "Start Over" btn already
                     break;
-                case index$1.NodeIntentType.BOT_SUB_TITLE:
+                case index$2.NodeIntentType.BOT_SUB_TITLE:
                     subIntents.push(intent);
                     break;
-                case index$1.NodeIntentType.BOT_SUB_BODY:
+                case index$2.NodeIntentType.BOT_SUB_BODY:
                     subIntents.push(intent);
                     break;
-                case index$1.NodeIntentType.BOT_RELATED_ARTICLE:
+                case index$2.NodeIntentType.BOT_RELATED_ARTICLE:
                     relatedArticleIntents.push(intent);
                     break;
-                case index$1.NodeIntentType.BOT_RISK_SCREEN:
+                case index$2.NodeIntentType.BOT_RISK_SCREEN:
                     screenerIntents.push(intent);
                     break;
-                case index$1.NodeIntentType.BOT_SUBMISSION:
+                case index$2.NodeIntentType.BOT_SUBMISSION:
                     botSubmissionIntent = intent;
                     break;
             }
@@ -3127,7 +2920,7 @@ const Container$f = ({ node }) => {
             return NodeIntent && React__default["default"].createElement(NodeIntent, { key: intent.id, intent: intent });
         }))),
         (relatedArticleIntents === null || relatedArticleIntents === void 0 ? void 0 : relatedArticleIntents.length) > 0 && (React__default["default"].createElement("div", { style: { marginTop: 24 } },
-            React__default["default"].createElement(index$5.Text, { size: "lg", weight: "semiBold", color: "var(--subot-inline-text-color, #262626)" }, f({
+            React__default["default"].createElement(index$6.Text, { size: "lg", weight: "semiBold", color: "var(--subot-inline-text-color, #262626)" }, f({
                 id: 'articlePage.relatedPostsSectionTitle',
                 defaultMessage: 'Related Articles',
             })),
@@ -3152,7 +2945,7 @@ const Container$e = ({ node }) => {
     }, []);
     const resultButton = React.useMemo(() => {
         var _a;
-        const _resultButton = (_a = node === null || node === void 0 ? void 0 : node.actions) === null || _a === void 0 ? void 0 : _a.find(({ type }) => type === index$1.NodeActionType.RESULT_BUTTON);
+        const _resultButton = (_a = node === null || node === void 0 ? void 0 : node.actions) === null || _a === void 0 ? void 0 : _a.find(({ type }) => type === index$2.NodeActionType.RESULT_BUTTON);
         if (_resultButton)
             return _resultButton;
         return null;
@@ -3166,7 +2959,7 @@ const Container$e = ({ node }) => {
     return (React__default["default"].createElement(StyledWrap$b, { id: "si-node-final-thank-you" },
         React__default["default"].createElement(Container$h, { intents: node.intents || [] }),
         resultButton && (React__default["default"].createElement("div", { className: "si-final-thank-action" },
-            React__default["default"].createElement(index$3.Button, { size: "md", onClick: handleOnNext }, resultButton.label)))));
+            React__default["default"].createElement(index$4.Button, { size: "md", onClick: handleOnNext }, resultButton.label)))));
 };
 Container$e.displayName = 'SubotinlineNodeFinal';
 
@@ -3376,7 +3169,7 @@ var schema = {
 };
 
 // const STORAGE_URL = 'https://storage.googleapis.com/hhg-common'
-const STORAGE_URL = getHelloSitesUrl(utils.locale); // To fix the Cors issue later
+const STORAGE_URL = index$1.getHelloSitesUrl(defaultClassWrapper.locale); // To fix the Cors issue later
 function getLevelKey(countryCode, level) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const _schema = schema;
@@ -3550,9 +3343,9 @@ const googleMapsApisPlaceDetailsTypes = {
 };
 const googleMapAddressKeys = Object.keys(googleMapsApisPlaceDetailsTypes).concat(['address']);
 function GoogleAddressField({ action, formError, control, initValue, onChange, }) {
-    const locale = utils.GlobalData === null || utils.GlobalData === void 0 ? void 0 : utils.GlobalData.locale;
+    const locale = defaultClassWrapper.GlobalData === null || defaultClassWrapper.GlobalData === void 0 ? void 0 : defaultClassWrapper.GlobalData.locale;
     const countryCode = locale.split('-')[1];
-    const { formatMessage: f } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { formatMessage: f } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
     const [searchText, setSearchText] = React.useState('');
     const div = React.useRef(null);
     const rowRef = React.useRef(null);
@@ -3643,7 +3436,7 @@ function GoogleAddressField({ action, formError, control, initValue, onChange, }
             }, render: (props) => {
                 const { address = '' } = (props.field.value || {});
                 console.log('props', props);
-                return (React__default["default"].createElement(index$3.Select, { data: options, icon: React__default["default"].createElement(Location, null), itemComponent: SelectItem, 
+                return (React__default["default"].createElement(index$4.Select, { data: options, icon: React__default["default"].createElement(Location, null), itemComponent: SelectItem, 
                     // Always display the suggestions
                     filter: () => true, searchable: true, className: cn__default["default"]({
                         isEmpty: options.length === 0 ||
@@ -3712,7 +3505,7 @@ function GoogleAddressField({ action, formError, control, initValue, onChange, }
 }
 var GoogleAddressField$1 = React.memo(GoogleAddressField);
 
-const StyleDatePickerInput = utils.setDefaultClass(styled__default["default"].div `
+const StyleDatePickerInput = defaultClassWrapper.setDefaultClass(styled__default["default"].div `
     position: relative;
     .input-date {
       display: none;
@@ -3722,13 +3515,13 @@ const StyledUserInfoFormContainer = styled__default["default"].div `
   margin: 0 auto;
   background: #f7f9fc;
   border-radius: ${theme.theme.borderRadius};
-  ${utils$1.MediaQueries.mbDown} {
+  ${utils.MediaQueries.mbDown} {
     padding: 16px;
   }
-  ${utils$1.MediaQueries.tdDown} {
+  ${utils.MediaQueries.tdDown} {
     padding: 24px;
   }
-  ${utils$1.MediaQueries.mbUp} {
+  ${utils.MediaQueries.mbUp} {
     padding: 32px;
   }
   .user-info-form {
@@ -3744,13 +3537,13 @@ const StyledUserInfoFormContainer = styled__default["default"].div `
       }
     }
     .input-row {
-      ${utils$1.MediaQueries.mbDown} {
+      ${utils.MediaQueries.mbDown} {
         margin-bottom: 16px;
       }
-      ${utils$1.MediaQueries.tdDown} {
+      ${utils.MediaQueries.tdDown} {
         margin-bottom: 18px;
       }
-      ${utils$1.MediaQueries.mbUp} {
+      ${utils.MediaQueries.mbUp} {
         margin-bottom: 20px;
       }
       .address-dropdown > ul {
@@ -3941,13 +3734,13 @@ const StyledUserInfoFormContainer = styled__default["default"].div `
       }
     }
     .submit-btn-row {
-      ${utils$1.MediaQueries.mbUp} {
+      ${utils.MediaQueries.mbUp} {
         margin-bottom: 16px;
       }
-      ${utils$1.MediaQueries.tdDown} {
+      ${utils.MediaQueries.tdDown} {
         margin-bottom: 14px;
       }
-      ${utils$1.MediaQueries.mbDown} {
+      ${utils.MediaQueries.mbDown} {
         margin-bottom: 12px;
       }
       .subot-checkbox {
@@ -4090,7 +3883,7 @@ const StyleWrapperFullAddress = styled__default["default"].div `
     gap: 16px;
     justify-content: space-between;
 
-    ${utils$1.MediaQueries.mbDown} {
+    ${utils.MediaQueries.mbDown} {
       flex-direction: column;
       gap: 0;
     }
@@ -4127,57 +3920,57 @@ const StyleWrapperFullAddress = styled__default["default"].div `
 `;
 
 const getActionEmail = (actions) => {
-    return actions.find(({ type }) => type === index$1.NodeActionType.USER_SUBMIT_EMAIL);
+    return actions.find(({ type }) => type === index$2.NodeActionType.USER_SUBMIT_EMAIL);
 };
 const getActionName = (actions) => {
-    return actions.find(({ type }) => type === index$1.NodeActionType.USER_SUBMIT_NAME);
+    return actions.find(({ type }) => type === index$2.NodeActionType.USER_SUBMIT_NAME);
 };
 const getActionPhone = (actions) => {
-    return actions.find(({ type }) => type === index$1.NodeActionType.USER_SUBMIT_PHONE);
+    return actions.find(({ type }) => type === index$2.NodeActionType.USER_SUBMIT_PHONE);
 };
 const getActionOtp = (actions) => {
-    return actions.find(({ type }) => type === index$1.NodeActionType.USER_SUBMIT_OTP);
+    return actions.find(({ type }) => type === index$2.NodeActionType.USER_SUBMIT_OTP);
 };
 const getActionOtpWhatsApp = (actions) => {
-    return actions.find(({ type }) => type === index$1.NodeActionType.USER_SUBMIT_WHATSAPP);
+    return actions.find(({ type }) => type === index$2.NodeActionType.USER_SUBMIT_WHATSAPP);
 };
 const getActionConfirm = (actions) => {
-    return actions.find(({ type }) => type === index$1.NodeActionType.USER_SUBMIT_CONFIRM);
+    return actions.find(({ type }) => type === index$2.NodeActionType.USER_SUBMIT_CONFIRM);
 };
 const isControlOtp = (control) => {
-    return (control === index$1.ELEMENT_CONTROL_INPUT_TYPE[index$1.NodeActionType.USER_SUBMIT_OTP] ||
-        control === index$1.ELEMENT_CONTROL_INPUT_TYPE[index$1.NodeActionType.USER_SUBMIT_WHATSAPP]);
+    return (control === index$2.ELEMENT_CONTROL_INPUT_TYPE[index$2.NodeActionType.USER_SUBMIT_OTP] ||
+        control === index$2.ELEMENT_CONTROL_INPUT_TYPE[index$2.NodeActionType.USER_SUBMIT_WHATSAPP]);
 };
 const isActionTypeOtp = (type) => {
-    return (type === index$1.NodeActionType.USER_SUBMIT_OTP ||
-        type === index$1.NodeActionType.USER_SUBMIT_WHATSAPP);
+    return (type === index$2.NodeActionType.USER_SUBMIT_OTP ||
+        type === index$2.NodeActionType.USER_SUBMIT_WHATSAPP);
 };
 const getTranslateVerifiedOtpMessages = () => {
     const phoneWasVerifiedMessage = new Map();
-    phoneWasVerifiedMessage.set(index$1.LOCALE.Vietnam, 'Số điện thoại này đã được xác minh.');
-    phoneWasVerifiedMessage.set(index$1.LOCALE.PhilippinesEnglish, 'This phone number has been verified.');
-    phoneWasVerifiedMessage.set(index$1.LOCALE.Cambodia, 'លេខទូរស័ព្ទនេះត្រូវបានផ្ទៀងផ្ទាត់។');
-    phoneWasVerifiedMessage.set(index$1.LOCALE.India, 'इस फ़ोन नंबर की पुष्टि कर दी गई है.');
-    phoneWasVerifiedMessage.set(index$1.LOCALE.Indonesia, 'Nomor telepon ini telah diverifikasi.');
-    phoneWasVerifiedMessage.set(index$1.LOCALE.Malaysia, 'Nombor telefon ini telah disahkan.');
-    phoneWasVerifiedMessage.set(index$1.LOCALE.Myanmar, 'ဤဖုန်းနံပါတ်ကို စစ်ဆေးပြီးပါပြီ။');
-    phoneWasVerifiedMessage.set(index$1.LOCALE.Taiwan, '該電話號碼已經過驗證。');
-    phoneWasVerifiedMessage.set(index$1.LOCALE.Thailand, 'หมายเลขโทรศัพท์นี้ได้รับการตรวจสอบแล้ว');
-    phoneWasVerifiedMessage.set(index$1.LOCALE.PhilippinesTagalog, 'Na-verify na ang numero ng teleponong ito.');
+    phoneWasVerifiedMessage.set(index$2.LOCALE.Vietnam, 'Số điện thoại này đã được xác minh.');
+    phoneWasVerifiedMessage.set(index$2.LOCALE.PhilippinesEnglish, 'This phone number has been verified.');
+    phoneWasVerifiedMessage.set(index$2.LOCALE.Cambodia, 'លេខទូរស័ព្ទនេះត្រូវបានផ្ទៀងផ្ទាត់។');
+    phoneWasVerifiedMessage.set(index$2.LOCALE.India, 'इस फ़ोन नंबर की पुष्टि कर दी गई है.');
+    phoneWasVerifiedMessage.set(index$2.LOCALE.Indonesia, 'Nomor telepon ini telah diverifikasi.');
+    phoneWasVerifiedMessage.set(index$2.LOCALE.Malaysia, 'Nombor telefon ini telah disahkan.');
+    phoneWasVerifiedMessage.set(index$2.LOCALE.Myanmar, 'ဤဖုန်းနံပါတ်ကို စစ်ဆေးပြီးပါပြီ။');
+    phoneWasVerifiedMessage.set(index$2.LOCALE.Taiwan, '該電話號碼已經過驗證。');
+    phoneWasVerifiedMessage.set(index$2.LOCALE.Thailand, 'หมายเลขโทรศัพท์นี้ได้รับการตรวจสอบแล้ว');
+    phoneWasVerifiedMessage.set(index$2.LOCALE.PhilippinesTagalog, 'Na-verify na ang numero ng teleponong ito.');
     return phoneWasVerifiedMessage;
 };
 const getTransPleaseVerifiedOtp = () => {
     const pleaseVerifiedOtp = new Map();
-    pleaseVerifiedOtp.set(index$1.LOCALE.Vietnam, 'Vui lòng xác minh số điện thoại');
-    pleaseVerifiedOtp.set(index$1.LOCALE.PhilippinesEnglish, 'Please verify your phone number');
-    pleaseVerifiedOtp.set(index$1.LOCALE.Cambodia, 'សូមផ្ទៀងផ្ទាត់លេខទូរស័ព្ទរបស់អ្នក។');
-    pleaseVerifiedOtp.set(index$1.LOCALE.India, 'कृपया अपना फ़ोन नंबर सत्यापित करें');
-    pleaseVerifiedOtp.set(index$1.LOCALE.Indonesia, 'Harap verifikasi nomor telepon AndaNomor telepon ini telah diverifikasi.');
-    pleaseVerifiedOtp.set(index$1.LOCALE.Malaysia, 'Sila sahkan nombor telefon anda');
-    pleaseVerifiedOtp.set(index$1.LOCALE.Myanmar, 'သင့်ဖုန်းနံပါတ်ကို အတည်ပြုပါ။');
-    pleaseVerifiedOtp.set(index$1.LOCALE.Taiwan, '請驗證您的電話號碼');
-    pleaseVerifiedOtp.set(index$1.LOCALE.Thailand, 'กรุณาตรวจสอบหมายเลขโทรศัพท์ของคุณ');
-    pleaseVerifiedOtp.set(index$1.LOCALE.PhilippinesTagalog, 'Paki-verify ang iyong numero ng telepono');
+    pleaseVerifiedOtp.set(index$2.LOCALE.Vietnam, 'Vui lòng xác minh số điện thoại');
+    pleaseVerifiedOtp.set(index$2.LOCALE.PhilippinesEnglish, 'Please verify your phone number');
+    pleaseVerifiedOtp.set(index$2.LOCALE.Cambodia, 'សូមផ្ទៀងផ្ទាត់លេខទូរស័ព្ទរបស់អ្នក។');
+    pleaseVerifiedOtp.set(index$2.LOCALE.India, 'कृपया अपना फ़ोन नंबर सत्यापित करें');
+    pleaseVerifiedOtp.set(index$2.LOCALE.Indonesia, 'Harap verifikasi nomor telepon AndaNomor telepon ini telah diverifikasi.');
+    pleaseVerifiedOtp.set(index$2.LOCALE.Malaysia, 'Sila sahkan nombor telefon anda');
+    pleaseVerifiedOtp.set(index$2.LOCALE.Myanmar, 'သင့်ဖုန်းနံပါတ်ကို အတည်ပြုပါ။');
+    pleaseVerifiedOtp.set(index$2.LOCALE.Taiwan, '請驗證您的電話號碼');
+    pleaseVerifiedOtp.set(index$2.LOCALE.Thailand, 'กรุณาตรวจสอบหมายเลขโทรศัพท์ของคุณ');
+    pleaseVerifiedOtp.set(index$2.LOCALE.PhilippinesTagalog, 'Paki-verify ang iyong numero ng telepono');
     return pleaseVerifiedOtp;
 };
 
@@ -4197,13 +3990,13 @@ const InfoError = (props) => {
 };
 
 const CountDown = ({ onFinish, onClick, isFinished, resendLabel, className }, ref) => {
-    const [count, setCount] = React.useState(TIME_RESET_RESEND_OTP);
+    const [count, setCount] = React.useState(index$1.TIME_RESET_RESEND_OTP);
     const intervalId = React.useRef();
     const onFinishLatest = React.useRef();
-    const { formatMessage: f } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { formatMessage: f } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
     onFinishLatest.current = onFinish;
     const resetCountDown = React.useCallback(() => {
-        let currentCount = TIME_RESET_RESEND_OTP;
+        let currentCount = index$1.TIME_RESET_RESEND_OTP;
         setCount(currentCount);
         clearInterval(intervalId.current);
         intervalId.current = setInterval(() => {
@@ -4246,24 +4039,24 @@ styled__default["default"].div `
   margin: 0 auto;
   background: #f7f9fc;
   border-radius: ${theme.theme.borderRadius};
-  ${utils$1.MediaQueries.mbDown} {
+  ${utils.MediaQueries.mbDown} {
     padding: 16px;
   }
-  ${utils$1.MediaQueries.tdDown} {
+  ${utils.MediaQueries.tdDown} {
     padding: 24px;
   }
-  ${utils$1.MediaQueries.mbUp} {
+  ${utils.MediaQueries.mbUp} {
     padding: 32px;
   }
   .user-info-form {
     .input-row {
-      ${utils$1.MediaQueries.mbDown} {
+      ${utils.MediaQueries.mbDown} {
         margin-bottom: 16px;
       }
-      ${utils$1.MediaQueries.tdDown} {
+      ${utils.MediaQueries.tdDown} {
         margin-bottom: 18px;
       }
-      ${utils$1.MediaQueries.mbUp} {
+      ${utils.MediaQueries.mbUp} {
         margin-bottom: 20px;
       }
       .address-dropdown > ul {
@@ -4336,13 +4129,13 @@ styled__default["default"].div `
       }
     }
     .submit-btn-row {
-      ${utils$1.MediaQueries.mbUp} {
+      ${utils.MediaQueries.mbUp} {
         margin-bottom: 16px;
       }
-      ${utils$1.MediaQueries.tdDown} {
+      ${utils.MediaQueries.tdDown} {
         margin-bottom: 14px;
       }
-      ${utils$1.MediaQueries.mbDown} {
+      ${utils.MediaQueries.mbDown} {
         margin-bottom: 12px;
       }
       .subot-checkbox {
@@ -4541,10 +4334,10 @@ const PhoneInputWithCode = (props) => {
 
 const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSubmitMeta, isFormRevamp, botId, nodeId, trackingSubmitBtn, }) => {
     const countRef = React.useRef();
-    const userInfo = utils.GlobalData === null || utils.GlobalData === void 0 ? void 0 : utils.GlobalData.userInfo;
-    const locale = utils.GlobalData === null || utils.GlobalData === void 0 ? void 0 : utils.GlobalData.locale;
+    const userInfo = defaultClassWrapper.GlobalData === null || defaultClassWrapper.GlobalData === void 0 ? void 0 : defaultClassWrapper.GlobalData.userInfo;
+    const locale = defaultClassWrapper.GlobalData === null || defaultClassWrapper.GlobalData === void 0 ? void 0 : defaultClassWrapper.GlobalData.locale;
     const currentUrl = useCurrentUrl();
-    const { formatMessage: f, action: { pushNotifications }, } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { formatMessage: f, action: { pushNotifications }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
     const addressData = useAddressMultipleLevelData(countryCode);
     // Level 1
     const provinceData = React.useMemo(() => {
@@ -4573,7 +4366,7 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
     const hasOtpField = Boolean(actionPhoneOtp || actionOtpWhatsApp);
     const defaultFormValues = React.useMemo(() => {
         const data = {};
-        const userData = getUserInfoFromCookie();
+        const userData = index$1.getUserInfoFromCookie();
         /** Auto fill email from user profile */
         if ((actionEmail === null || actionEmail === void 0 ? void 0 : actionEmail.key) && userData.email) {
             data[actionEmail.key] = userData.email;
@@ -4637,30 +4430,30 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
     }, [botId, nodeId, JSON.stringify(trackingSubmitBtn)]);
     const firstActionAddressIndex = React.useMemo(() => {
         return actions.findIndex((action) => {
-            return index$1.FULL_KEY_ADDRESS.includes(action.type);
+            return index$2.FULL_KEY_ADDRESS.includes(action.type);
         });
     }, [actions]);
     const actionAddress = React.useMemo(() => {
         return actions.find((action) => {
-            return index$1.NodeActionType.USER_SUBMIT_ADDRESS === action.type;
+            return index$2.NodeActionType.USER_SUBMIT_ADDRESS === action.type;
         });
     }, [actions]);
     const actionAddressLever1 = React.useMemo(() => {
         return actions.find((action) => {
-            return index$1.NodeActionType.USER_SUBMIT_ADDRESS_PROVINCE === action.type;
+            return index$2.NodeActionType.USER_SUBMIT_ADDRESS_PROVINCE === action.type;
         });
     }, [actions]);
     const actionAddressLever2 = React.useMemo(() => {
         return actions.find((action) => {
-            return index$1.NodeActionType.USER_SUBMIT_ADDRESS_DISTRICT === action.type;
+            return index$2.NodeActionType.USER_SUBMIT_ADDRESS_DISTRICT === action.type;
         });
     }, [actions]);
     const actionAddressLever3 = React.useMemo(() => {
         return actions.find((action) => {
-            return index$1.NodeActionType.USER_SUBMIT_ADDRESS_COMMUNE === action.type;
+            return index$2.NodeActionType.USER_SUBMIT_ADDRESS_COMMUNE === action.type;
         });
     }, [actions]);
-    const inputType = index$1.ELEMENT_CONTROL_INPUT_TYPE;
+    const inputType = index$2.ELEMENT_CONTROL_INPUT_TYPE;
     const { register, handleSubmit, watch, formState: { errors }, control, setValue, setError, clearErrors, getValues, trigger, } = reactHookForm.useForm({ defaultValues: defaultFormValues });
     const setSubmitData = (data) => {
         const submitMeta = [];
@@ -4668,9 +4461,9 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
             if (!action.key) {
                 continue;
             }
-            if (action.type !== index$1.NodeActionType.USER_SUBMIT_CONFIRM &&
-                action.type !== index$1.NodeActionType.USER_SUBMIT_TERMS) {
-                if (action.type === index$1.NodeActionType.USER_SUBMIT_GOOGLE_API_ADDRESS) {
+            if (action.type !== index$2.NodeActionType.USER_SUBMIT_CONFIRM &&
+                action.type !== index$2.NodeActionType.USER_SUBMIT_TERMS) {
+                if (action.type === index$2.NodeActionType.USER_SUBMIT_GOOGLE_API_ADDRESS) {
                     /** If it's google api address, admin cannot add address province/district/commune and address freetext */
                     const googleMapData = data[action.key];
                     googleMapAddressKeys.forEach((addressKey) => {
@@ -4683,9 +4476,9 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                         }
                     });
                 }
-                else if (action.type === index$1.NodeActionType.USER_SUBMIT_ADDRESS_PROVINCE ||
-                    action.type === index$1.NodeActionType.USER_SUBMIT_ADDRESS_DISTRICT ||
-                    action.type === index$1.NodeActionType.USER_SUBMIT_ADDRESS_COMMUNE) {
+                else if (action.type === index$2.NodeActionType.USER_SUBMIT_ADDRESS_PROVINCE ||
+                    action.type === index$2.NodeActionType.USER_SUBMIT_ADDRESS_DISTRICT ||
+                    action.type === index$2.NodeActionType.USER_SUBMIT_ADDRESS_COMMUNE) {
                     submitMeta.push({
                         key: action.key,
                         control: inputType[action.type] || '',
@@ -4696,7 +4489,7 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                 else if (isActionTypeOtp(action.type)) {
                     submitMeta.push({
                         key: action.key,
-                        control: index$1.ELEMENT_CONTROL_INPUT_TYPE[index$1.NodeActionType.USER_SUBMIT_OTP],
+                        control: index$2.ELEMENT_CONTROL_INPUT_TYPE[index$2.NodeActionType.USER_SUBMIT_OTP],
                         value: data.otpPhoneNumber,
                     });
                 }
@@ -4722,7 +4515,7 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                 }
             }
         }
-        const actionArr = actions.filter((action) => action.type === index$1.NodeActionType.USER_SUBMIT_SEND);
+        const actionArr = actions.filter((action) => action.type === index$2.NodeActionType.USER_SUBMIT_SEND);
         const submitData = {
             action_id: actionArr[0].id,
             action_value: actionArr[0].key,
@@ -4774,7 +4567,7 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
         }
         setIsLoading(true);
         try {
-            const result = yield utils.callApi(getSubotApiPath(actionOtpWhatsApp
+            const result = yield defaultClassWrapper.callApi(getSubotApiPath(actionOtpWhatsApp
                 ? PATHS$1.POST_SEND_OTP_WHATSAPP
                 : PATHS$1.POST_SEND_OTP), 'POST', {
                 data: actionOtpWhatsApp
@@ -4809,7 +4602,7 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                 const messages = getTranslateVerifiedOtpMessages();
                 pushNotifications({
                     title: '',
-                    message: messages.get(locale) || messages.get(index$1.LOCALE.PhilippinesEnglish),
+                    message: messages.get(locale) || messages.get(index$2.LOCALE.PhilippinesEnglish),
                     type: 'success',
                 });
                 clearErrors(((_c = getActionOtp(actions)) === null || _c === void 0 ? void 0 : _c.key) || ((_d = getActionOtpWhatsApp(actions)) === null || _d === void 0 ? void 0 : _d.key));
@@ -4852,7 +4645,7 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
         const parsedPhone = PhoneInputBase.parsePhoneNumber(data.otpPhoneNumber);
         if (action.key && parsedPhone) {
             try {
-                const result = yield utils.callApi(getSubotApiPath(actionOtpWhatsApp
+                const result = yield defaultClassWrapper.callApi(getSubotApiPath(actionOtpWhatsApp
                     ? PATHS$1.POST_VERIFY_OTP_WHATSAPP
                     : PATHS$1.POST_VERIFY_OTP), 'POST', {
                     data: actionOtpWhatsApp
@@ -4914,7 +4707,7 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                                 required: true,
                             }, render: (props) => {
                                 var _a;
-                                return (React__default["default"].createElement(index$8.Dropdown, { id: actionAddressLever1.id, options: provinceData, onChange: (val) => {
+                                return (React__default["default"].createElement(index$9.Dropdown, { id: actionAddressLever1.id, options: provinceData, onChange: (val) => {
                                         props.field.onChange(val);
                                         handleSelectedProvince(val);
                                     }, value: props.field.value, placeholder: (actionAddressLever1 === null || actionAddressLever1 === void 0 ? void 0 : actionAddressLever1.label) || '', className: `address-dropdown ${((_a = props.field.value) === null || _a === void 0 ? void 0 : _a.value) ? '' : 'show-placeholder'}` }));
@@ -4930,7 +4723,7 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                                 required: true,
                             }, render: (props) => {
                                 var _a;
-                                return (React__default["default"].createElement(index$8.Dropdown, { id: actionAddressLever2.id, options: districtData, onChange: (val) => {
+                                return (React__default["default"].createElement(index$9.Dropdown, { id: actionAddressLever2.id, options: districtData, onChange: (val) => {
                                         props.field.onChange(val);
                                         handleSelectedDistrict(val);
                                     }, value: props.field.value, placeholder: (actionAddressLever2 === null || actionAddressLever2 === void 0 ? void 0 : actionAddressLever2.label) || '', className: `address-dropdown ${((_a = props.field.value) === null || _a === void 0 ? void 0 : _a.value) ? '' : 'show-placeholder'}` }));
@@ -4946,7 +4739,7 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                                 required: true,
                             }, render: (props) => {
                                 var _a;
-                                return (React__default["default"].createElement(index$8.Dropdown, { id: actionAddressLever3.id, options: communeData, onChange: (val) => {
+                                return (React__default["default"].createElement(index$9.Dropdown, { id: actionAddressLever3.id, options: communeData, onChange: (val) => {
                                         props.field.onChange(val);
                                     }, value: props.field.value, placeholder: (actionAddressLever3 === null || actionAddressLever3 === void 0 ? void 0 : actionAddressLever3.label) || '', className: `address-dropdown ${((_a = props.field.value) === null || _a === void 0 ? void 0 : _a.value) ? '' : 'show-placeholder'}` }));
                             } })),
@@ -4964,20 +4757,20 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
             return renderFullAddressInput();
         }
         switch (action.type) {
-            case index$1.NodeActionType.USER_SUBMIT_DROPDOWN:
+            case index$2.NodeActionType.USER_SUBMIT_DROPDOWN:
                 const options = action.url ? action.url.split('\n') : [];
                 return (React__default["default"].createElement("div", { className: "input-row", key: action.id },
                     React__default["default"].createElement("label", { htmlFor: action.key }, action.label),
                     React__default["default"].createElement(reactHookForm.Controller, { key: action.key, control: control, name: action.key, rules: {
                             required: true,
                         }, render: ({ field }) => {
-                            return (React__default["default"].createElement(index$3.Select, Object.assign({ searchable: true, data: options, placeholder: action.label }, field, { withinPortal: true, zIndex: 1000 })));
+                            return (React__default["default"].createElement(index$4.Select, Object.assign({ searchable: true, data: options, placeholder: action.label }, field, { withinPortal: true, zIndex: 1000 })));
                         } }),
                     errors[action.key] && (React__default["default"].createElement("p", { className: "error-message" }, f({
                         id: 'validation.error.requiredField',
                         defaultMessage: 'This field is required',
                     })))));
-            case index$1.NodeActionType.USER_SUBMIT_EMAIL:
+            case index$2.NodeActionType.USER_SUBMIT_EMAIL:
                 const emailPattern = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
                 return (React__default["default"].createElement("div", { className: "input-row", key: action.id },
                     React__default["default"].createElement("label", { htmlFor: action.key }, action.label),
@@ -4994,7 +4787,7 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                             id: 'validation.error.validEmail',
                             defaultMessage: 'Please enter a valid email address.',
                         })))));
-            case index$1.NodeActionType.USER_SUBMIT_NAME:
+            case index$2.NodeActionType.USER_SUBMIT_NAME:
                 return (React__default["default"].createElement("div", { className: "input-row", key: action.id },
                     React__default["default"].createElement("label", { htmlFor: action.key }, action.label),
                     React__default["default"].createElement("input", Object.assign({ id: action.id, placeholder: action.label }, register(action.key, { required: true }))),
@@ -5002,7 +4795,7 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                         id: 'validation.error.requiredField',
                         defaultMessage: 'This field is required',
                     })))));
-            case index$1.NodeActionType.USER_SUBMIT_PHONE:
+            case index$2.NodeActionType.USER_SUBMIT_PHONE:
                 return (React__default["default"].createElement("div", { className: "input-row", key: action.id },
                     React__default["default"].createElement("label", { htmlFor: action.key }, action.label),
                     React__default["default"].createElement(reactHookForm.Controller, { name: action.key, control: control, rules: {
@@ -5013,7 +4806,7 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                         id: 'validation.error.validNumber',
                         defaultMessage: 'Please enter a valid number.',
                     })))));
-            case index$1.NodeActionType.USER_SUBMIT_NUMBER:
+            case index$2.NodeActionType.USER_SUBMIT_NUMBER:
                 return (React__default["default"].createElement("div", { className: "input-row", key: action.id },
                     React__default["default"].createElement("label", { htmlFor: action.key }, action.label),
                     React__default["default"].createElement("input", Object.assign({ type: "number", id: action.id }, register(action.key, { required: true }))),
@@ -5021,12 +4814,12 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                         id: 'validation.error.requiredField',
                         defaultMessage: 'This field is required',
                     })))));
-            case index$1.NodeActionType.USER_SUBMIT_DATE:
+            case index$2.NodeActionType.USER_SUBMIT_DATE:
                 return (React__default["default"].createElement("div", { className: "input-row", key: action.id },
                     React__default["default"].createElement("label", { htmlFor: action.key }, action.label),
                     React__default["default"].createElement(StyleDatePickerInput, null,
-                        React__default["default"].createElement(index$7.DatePicker, { locale: locale || 'en-PH', displayDateFormat: index$2.DATE_FNS_DATE_FORMAT, onChange: (_value) => {
-                                const dateString = dayjs__default["default"](_value).format(index$2.API_DATE_FORMAT);
+                        React__default["default"].createElement(index$8.DatePicker, { locale: locale || 'en-PH', displayDateFormat: index$3.DATE_FNS_DATE_FORMAT, onChange: (_value) => {
+                                const dateString = dayjs__default["default"](_value).format(index$3.API_DATE_FORMAT);
                                 setValue(action.key, dateString);
                                 trigger(action.key);
                             } }),
@@ -5035,7 +4828,7 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                         id: 'validation.error.requiredField',
                         defaultMessage: 'This field is required',
                     })))));
-            case index$1.NodeActionType.USER_SUBMIT_BMI:
+            case index$2.NodeActionType.USER_SUBMIT_BMI:
                 return (React__default["default"].createElement("div", { key: action.id },
                     React__default["default"].createElement("div", { className: "input-row", key: `${action.id}-weight` },
                         React__default["default"].createElement("label", { htmlFor: `${action.key}-weight` }, f({ id: 'home.bmi.input.weight', defaultMessage: 'Weight' })),
@@ -5051,7 +4844,7 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                             id: 'validation.error.requiredField',
                             defaultMessage: 'This field is required',
                         }))))));
-            case index$1.NodeActionType.USER_SUBMIT_GENDER:
+            case index$2.NodeActionType.USER_SUBMIT_GENDER:
                 return (React__default["default"].createElement("div", { className: "input-row", key: action.id },
                     React__default["default"].createElement("label", null, action.label),
                     React__default["default"].createElement("div", { className: "radio-group" },
@@ -5087,7 +4880,7 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                         defaultMessage: 'This field is required',
                     })))));
             // case NodeActionType.USER_SUBMIT_ADDRESS:
-            case index$1.NodeActionType.USER_SUBMIT_TEXT:
+            case index$2.NodeActionType.USER_SUBMIT_TEXT:
                 return (React__default["default"].createElement("div", { className: "input-row", key: action.id },
                     React__default["default"].createElement("label", { htmlFor: action.key }, action.label),
                     React__default["default"].createElement("input", Object.assign({ id: action.id, placeholder: action.label }, register(action.key, { required: true }))),
@@ -5095,8 +4888,8 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                         id: 'validation.error.requiredField',
                         defaultMessage: 'This field is required',
                     })))));
-            case index$1.NodeActionType.USER_SUBMIT_OTP:
-            case index$1.NodeActionType.USER_SUBMIT_WHATSAPP:
+            case index$2.NodeActionType.USER_SUBMIT_OTP:
+            case index$2.NodeActionType.USER_SUBMIT_WHATSAPP:
                 return (React__default["default"].createElement("div", null,
                     React__default["default"].createElement("div", { className: "input-row input-row--otp" },
                         React__default["default"].createElement("label", { htmlFor: "otpPhoneNumber" }, action.label),
@@ -5126,7 +4919,7 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                                 id: 'validation.error.validNumber',
                                 defaultMessage: 'Please enter a valid number.',
                             })))),
-                        verifiedOTP ? ('') : (React__default["default"].createElement(index$3.Button, Object.assign({ size: "sm", loading: isLoading, disabled: (!isFinishedCountDown && sentOTP) ||
+                        verifiedOTP ? ('') : (React__default["default"].createElement(index$4.Button, Object.assign({ size: "sm", loading: isLoading, disabled: (!isFinishedCountDown && sentOTP) ||
                                 isLoading ||
                                 !PhoneInputBase.isPossiblePhoneNumber(watchOtp || ''), onClick: handleSendOTP, variant: "ghost", className: "btn-send-otp" }, trackingSendOTP), sentOTP ? (React__default["default"].createElement(CountDown$1, { ref: countRef, isFinished: isFinishedCountDown, onFinish: setIsFinishedCountDown })) : (React__default["default"].createElement("span", null, f({
                             id: 'subot.sendOTP.button',
@@ -5152,11 +4945,11 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                             React__default["default"].createElement("span", { className: "verify-success-label" }, f({
                                 id: 'subot.verifyOTP.success.message',
                                 defaultMessage: 'Verified successful',
-                            })))) : (React__default["default"].createElement(index$6.Button, Object.assign({ className: "submit-btn", size: isFormRevamp ? 'md' : 'lg', isLoading: isLoadingVerify, isDisabled: !sentOTP, onClick: (e) => handleVerifyOTP(e, action) }, trackingVerifyOTP), f({
+                            })))) : (React__default["default"].createElement(index$7.Button, Object.assign({ className: "submit-btn", size: isFormRevamp ? 'md' : 'lg', isLoading: isLoadingVerify, isDisabled: !sentOTP, onClick: (e) => handleVerifyOTP(e, action) }, trackingVerifyOTP), f({
                             id: 'subot.verifyOTP.button',
                             defaultMessage: 'Verify OTP',
                         })))))));
-            case index$1.NodeActionType.USER_SUBMIT_GOOGLE_API_ADDRESS:
+            case index$2.NodeActionType.USER_SUBMIT_GOOGLE_API_ADDRESS:
                 return (React__default["default"].createElement(GoogleAddressField$1, { action: action, control: control, formError: errors[action.key], key: action.id, initValue: defaultFormValues === null || defaultFormValues === void 0 ? void 0 : defaultFormValues[action.key], onChange: setValue }));
             default:
                 return '';
@@ -5164,17 +4957,17 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
     };
     const renderFormSubmitAndTerms = (action) => {
         switch (action.type) {
-            case index$1.NodeActionType.USER_SUBMIT_CONFIRM:
+            case index$2.NodeActionType.USER_SUBMIT_CONFIRM:
                 return (React__default["default"].createElement("div", { className: "submit-btn-row", key: action.id },
                     React__default["default"].createElement("label", { className: "subot-checkbox" },
                         React__default["default"].createElement("input", Object.assign({}, register('confirm'), { type: "checkbox", defaultChecked: true, className: "subot-checkbox__input" })),
                         React__default["default"].createElement("span", { className: "subot-checkbox__label" },
                             React__default["default"].createElement(Markdown, null, action.label)))));
-            case index$1.NodeActionType.USER_SUBMIT_SEND:
+            case index$2.NodeActionType.USER_SUBMIT_SEND:
                 // const disabledWhenNotVerifyed = hasOtpField ? !verifiedOTP : false
                 return (React__default["default"].createElement("div", { className: "submit-btn-row", key: action.id },
                     React__default["default"].createElement("button", Object.assign({ id: action.id, className: "submit-btn", type: "submit", disabled: hasConfirm ? !confirm : false }, trackingSubmit, { "data-response-id": action.id }), action.label)));
-            case index$1.NodeActionType.USER_SUBMIT_TERMS:
+            case index$2.NodeActionType.USER_SUBMIT_TERMS:
                 return (React__default["default"].createElement("div", { className: "form-terms", key: action.id },
                     React__default["default"].createElement(Markdown, null, action.label)));
             default:
@@ -5195,7 +4988,7 @@ const StyledWrap$a = styled__default["default"].div `
 
 const Container$d = ({ node, indexNumber }) => {
     var _a;
-    const locale = utils.GlobalData === null || utils.GlobalData === void 0 ? void 0 : utils.GlobalData.locale;
+    const locale = defaultClassWrapper.GlobalData === null || defaultClassWrapper.GlobalData === void 0 ? void 0 : defaultClassWrapper.GlobalData.locale;
     const { params, listNodes, activeId, onSubmit, setIsShowFooter } = React.useContext(SubotInlineContext);
     React.useMemo(() => {
         setIsShowFooter(true);
@@ -5236,7 +5029,7 @@ const StyledWrap$8 = styled__default["default"].div `
       width: calc(50% - 8px);
     }
 
-    ${utils$1.MediaQueries.mbUp} {
+    ${utils.MediaQueries.mbUp} {
       gap: 32px;
       padding: 0 16px;
 
@@ -5253,7 +5046,7 @@ const Checkbox = (props) => {
         React__default["default"].createElement("path", { d: "M15.571 8 9.68 14 7 11.273", stroke: "#fff" })));
 };
 
-const StyledRadioIcon = utils.setDefaultClass(styled__default["default"].div `
+const StyledRadioIcon = defaultClassWrapper.setDefaultClass(styled__default["default"].div `
     position: relative;
     z-index: 1;
     display: flex;
@@ -5385,7 +5178,7 @@ const Container$b = ({ action, onChange }) => {
     const currentUrl = useCurrentUrl();
     const { params, activeId } = React.useContext(SubotInlineContext);
     return (React__default["default"].createElement(StyledWrap$6, null,
-        React__default["default"].createElement(index$3.Button, { onClick: () => onChange && onChange(action), size: "lg", "data-event-category": "Service Connection", "data-event-action": "Risk Screening Sign Up for Result", "data-event-label": currentUrl, "data-bot-id": params.bot_id, "data-event-question-id": activeId },
+        React__default["default"].createElement(index$4.Button, { onClick: () => onChange && onChange(action), size: "lg", "data-event-category": "Service Connection", "data-event-action": "Risk Screening Sign Up for Result", "data-event-label": currentUrl, "data-bot-id": params.bot_id, "data-event-question-id": activeId },
             React__default["default"].createElement(Markdown, null, action === null || action === void 0 ? void 0 : action.label))));
 };
 Container$b.displayName = 'SubotInlineActionSSO';
@@ -5445,18 +5238,18 @@ const stylesButtonSubmitOther = {
 
 const Container$a = ({ action, onChange, active, htmlType, formSubmitMeta, }) => {
     const timeoutId = React.useRef(null);
-    const { formatMessage: f } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { formatMessage: f } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
     const currentUrl = useCurrentUrl();
     const inputRef = React.useRef(null);
     const [otherText, setOtherText] = React.useState('');
     const { params } = React.useContext(SubotInlineContext);
-    const isActionPollWithOther = (action === null || action === void 0 ? void 0 : action.type) === index$1.NodeActionType.POLL_CHOICE_TEXT_BY_INPUT;
-    const isActionSelectWithOther = (action === null || action === void 0 ? void 0 : action.type) === index$1.NodeActionType.USER_CHOICE_TEXT_BY_INPUT ||
+    const isActionPollWithOther = (action === null || action === void 0 ? void 0 : action.type) === index$2.NodeActionType.POLL_CHOICE_TEXT_BY_INPUT;
+    const isActionSelectWithOther = (action === null || action === void 0 ? void 0 : action.type) === index$2.NodeActionType.USER_CHOICE_TEXT_BY_INPUT ||
         isActionPollWithOther;
     const actionSubmitted = isActionPollWithOther
         ? {
             key: action === null || action === void 0 ? void 0 : action.key,
-            control: index$1.ELEMENT_CONTROL_INPUT_TYPE[action === null || action === void 0 ? void 0 : action.type],
+            control: index$2.ELEMENT_CONTROL_INPUT_TYPE[action === null || action === void 0 ? void 0 : action.type],
             value: '',
             action_id: action === null || action === void 0 ? void 0 : action.id,
         }
@@ -5503,7 +5296,7 @@ const Container$a = ({ action, onChange, active, htmlType, formSubmitMeta, }) =>
             React__default["default"].createElement("div", { className: "label" }, action === null || action === void 0 ? void 0 : action.label)),
         isActionSelectWithOther && active && (React__default["default"].createElement(core.Box, { px: "2px", style: { textAlign: 'right' } },
             React__default["default"].createElement(core.Textarea, { ref: inputRef, placeholder: action === null || action === void 0 ? void 0 : action.label, styles: stylesTextarea, value: otherText, onChange: onChangeTextArea, maxLength: 360 }),
-            !isActionPollWithOther && (React__default["default"].createElement(index$3.Button, { size: "sm", mt: "5px", styles: stylesButtonSubmitOther, disabled: !otherText, onClick: handleClickWithFormMeta }, f({
+            !isActionPollWithOther && (React__default["default"].createElement(index$4.Button, { size: "sm", mt: "5px", styles: stylesButtonSubmitOther, disabled: !otherText, onClick: handleClickWithFormMeta }, f({
                 id: 'feedback.submit',
                 defaultMessage: 'Submit',
             })))))));
@@ -5517,7 +5310,7 @@ const Container$9 = ({ action, onChange, active, htmlType, }) => {
         if (action && onChange) {
             onChange({
                 key: action === null || action === void 0 ? void 0 : action.key,
-                control: index$1.ELEMENT_CONTROL_INPUT_TYPE[action === null || action === void 0 ? void 0 : action.type],
+                control: index$2.ELEMENT_CONTROL_INPUT_TYPE[action === null || action === void 0 ? void 0 : action.type],
                 value: '',
                 action_id: action === null || action === void 0 ? void 0 : action.id,
             });
@@ -5533,7 +5326,7 @@ const Container$8 = ({ action, onChange, active, htmlType, }) => {
         if (action && onChange) {
             onChange({
                 key: action === null || action === void 0 ? void 0 : action.key,
-                control: index$1.ELEMENT_CONTROL_INPUT_TYPE[action === null || action === void 0 ? void 0 : action.type],
+                control: index$2.ELEMENT_CONTROL_INPUT_TYPE[action === null || action === void 0 ? void 0 : action.type],
                 value: '',
                 action_id: action === null || action === void 0 ? void 0 : action.id,
             });
@@ -5545,14 +5338,14 @@ Container$8.displayName = 'SubotInlinePollChoiceImage';
 
 const SubotInlineActionBaseTarget = {
     // 'user-image': SubotInlineActionImageChoice,
-    [index$1.NodeActionType.USER_CHOICE_TEXT]: Container$a,
-    [index$1.NodeActionType.USER_CHOICE_TEXT_BY_INPUT]: Container$a,
-    [index$1.NodeActionType.USER_CHOICE_IMAGE]: Container$c,
-    [index$1.NodeActionType.ACTION_SSO_REDIRECT]: Container$b,
-    [index$1.NodeActionType.POLL_CHOICE]: Container$9,
-    [index$1.NodeActionType.POLL_CHOICE_TEXT_BY_INPUT]: Container$a,
-    [index$1.NodeActionType.POLL_BUTTON]: () => null,
-    [index$1.NodeActionType.POLL_CHOICE_IMAGE]: Container$8,
+    [index$2.NodeActionType.USER_CHOICE_TEXT]: Container$a,
+    [index$2.NodeActionType.USER_CHOICE_TEXT_BY_INPUT]: Container$a,
+    [index$2.NodeActionType.USER_CHOICE_IMAGE]: Container$c,
+    [index$2.NodeActionType.ACTION_SSO_REDIRECT]: Container$b,
+    [index$2.NodeActionType.POLL_CHOICE]: Container$9,
+    [index$2.NodeActionType.POLL_CHOICE_TEXT_BY_INPUT]: Container$a,
+    [index$2.NodeActionType.POLL_BUTTON]: () => null,
+    [index$2.NodeActionType.POLL_CHOICE_IMAGE]: Container$8,
     // [NodeActionType.RATING_STAR]: SubotInlineRatingStar,
     // [NodeActionType.RATING_DESCRIPTION]: SubotInlineTextArea,
     // [NodeActionType.LIKE_CHOICE]: SubotInlineLikeChoice,
@@ -5575,13 +5368,13 @@ const SubotInlineActionBase = new Proxy(SubotInlineActionBaseTarget, {
     },
 });
 
-const excludeActions = [index$1.NodeActionType.USER_CHOICE_NEXT];
+const excludeActions = [index$2.NodeActionType.USER_CHOICE_NEXT];
 const Container$7 = ({ actions, value, onChange, htmlType, node_type, formSubmitMeta, }) => {
-    const isPollChoiceImage = React.useMemo(() => !!(actions === null || actions === void 0 ? void 0 : actions.find((act) => act.type === index$1.NodeActionType.POLL_CHOICE_IMAGE)), [actions]);
+    const isPollChoiceImage = React.useMemo(() => !!(actions === null || actions === void 0 ? void 0 : actions.find((act) => act.type === index$2.NodeActionType.POLL_CHOICE_IMAGE)), [actions]);
     const className = React.useMemo(() => {
         switch (node_type) {
-            case index$1.NodeType.IMAGE:
-            case index$1.NodeType.REACTION:
+            case index$2.NodeType.IMAGE:
+            case index$2.NodeType.REACTION:
                 return 'si-two-columns';
             default:
                 return isPollChoiceImage ? 'si-two-columns' : '';
@@ -5655,7 +5448,7 @@ const Container$5 = ({ node, indexNumber }) => {
     }, []);
     const submitButton = React.useMemo(() => {
         var _a;
-        const _submitButton = (_a = node === null || node === void 0 ? void 0 : node.actions) === null || _a === void 0 ? void 0 : _a.find(({ type }) => type == index$1.NodeActionType.ACTION_MULTIPLE_BUTTON);
+        const _submitButton = (_a = node === null || node === void 0 ? void 0 : node.actions) === null || _a === void 0 ? void 0 : _a.find(({ type }) => type == index$2.NodeActionType.ACTION_MULTIPLE_BUTTON);
         if (_submitButton)
             return _submitButton;
         return null;
@@ -5690,7 +5483,7 @@ const Container$5 = ({ node, indexNumber }) => {
             return;
         }
     });
-    const actionsRemoveMultipleBtn = (_a = node === null || node === void 0 ? void 0 : node.actions) === null || _a === void 0 ? void 0 : _a.filter((a) => a.type !== index$1.NodeActionType.ACTION_MULTIPLE_BUTTON);
+    const actionsRemoveMultipleBtn = (_a = node === null || node === void 0 ? void 0 : node.actions) === null || _a === void 0 ? void 0 : _a.filter((a) => a.type !== index$2.NodeActionType.ACTION_MULTIPLE_BUTTON);
     return (React__default["default"].createElement(StyledWrap$3, { id: "si-node-text" },
         React__default["default"].createElement(Container$h, { intents: (node === null || node === void 0 ? void 0 : node.intents) || [], indexNumber: indexNumber }),
         React__default["default"].createElement(Container$7, { value: activeActions, actions: actionsRemoveMultipleBtn, onChange: handleOnChange })));
@@ -5698,18 +5491,18 @@ const Container$5 = ({ node, indexNumber }) => {
 Container$5.displayName = 'SubotInlineNodeMultipleContainer';
 
 const useDescriptionPollNode = ({ node }) => {
-    const { formatMessage: f } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { formatMessage: f } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
     let description = f({
         id: 'multiSelectError.required',
         defaultMessage: 'You must choose one options',
     });
-    if ((node === null || node === void 0 ? void 0 : node.multi_select_option) === index$1.NodeMultipleOptions.UNLIMITED) {
+    if ((node === null || node === void 0 ? void 0 : node.multi_select_option) === index$2.NodeMultipleOptions.UNLIMITED) {
         description = f({
             id: 'multiSelectError.unlimited',
             defaultMessage: 'You must choose at least one options',
         });
     }
-    if ((node === null || node === void 0 ? void 0 : node.multi_select_option) === index$1.NodeMultipleOptions.RANGE) {
+    if ((node === null || node === void 0 ? void 0 : node.multi_select_option) === index$2.NodeMultipleOptions.RANGE) {
         description = f({
             id: 'multiSelectError.range',
             defaultMessage: 'You must choose from {from} to {to} answers (Ex: You must choose from 3 to 5 answers)',
@@ -5718,7 +5511,7 @@ const useDescriptionPollNode = ({ node }) => {
             to: node.to,
         });
     }
-    if ((node === null || node === void 0 ? void 0 : node.multi_select_option) === index$1.NodeMultipleOptions.EXACT_NUMBER) {
+    if ((node === null || node === void 0 ? void 0 : node.multi_select_option) === index$2.NodeMultipleOptions.EXACT_NUMBER) {
         description = f({
             id: 'multiSelectError.exactNumber',
             defaultMessage: 'You must choose {from} answers.',
@@ -5749,7 +5542,7 @@ const Container$4 = ({ node, indexNumber }) => {
     }, []);
     const submitButton = React.useMemo(() => {
         var _a;
-        const _submitButton = (_a = node === null || node === void 0 ? void 0 : node.actions) === null || _a === void 0 ? void 0 : _a.find(({ type }) => type == index$1.NodeActionType.POLL_BUTTON);
+        const _submitButton = (_a = node === null || node === void 0 ? void 0 : node.actions) === null || _a === void 0 ? void 0 : _a.find(({ type }) => type == index$2.NodeActionType.POLL_BUTTON);
         if (_submitButton)
             return _submitButton;
         return null;
@@ -5814,7 +5607,7 @@ Container$4.displayName = 'SubotinlineNodePoll';
 const StyledWrap$1 = styled__default["default"].div ``;
 
 const Container$3 = ({ node }) => {
-    const { formatMessage: f } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { formatMessage: f } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
     const { params, setIsShowFooter, listNodes, activeId } = React.useContext(SubotInlineContext);
     React.useMemo(() => {
         setIsShowFooter(true);
@@ -5824,7 +5617,7 @@ const Container$3 = ({ node }) => {
     const handleOnChange = (action) => {
         if (params.bot_id &&
             action &&
-            action.type === index$1.NodeActionType.ACTION_SSO_REDIRECT) {
+            action.type === index$2.NodeActionType.ACTION_SSO_REDIRECT) {
             const currentState = {
                 params: Object.assign(Object.assign(Object.assign({}, params), node === null || node === void 0 ? void 0 : node._message), { action_id: action === null || action === void 0 ? void 0 : action.id, action_value: action === null || action === void 0 ? void 0 : action.key, mode: 'inline' }),
                 listNodes,
@@ -5838,13 +5631,13 @@ const Container$3 = ({ node }) => {
             const returnUrlEncode = encodeURIComponent(returnUrl.includes('?')
                 ? `${returnUrl}&=${extraQueryString}`
                 : `${returnUrl}?=${extraQueryString}`);
-            window.location.href = `${index$2.SSO_URL}?returnUrl=${returnUrlEncode}&source=subot-inline`;
+            window.location.href = `${index$3.SSO_URL}?returnUrl=${returnUrlEncode}&source=subot-inline`;
         }
     };
     return (React__default["default"].createElement(StyledWrap$1, { id: "si-node-final" },
         React__default["default"].createElement(Container$h, { intents: [
                 ...((node === null || node === void 0 ? void 0 : node.intents) || []),
-                ...ssoIntents(f),
+                ...index$1.ssoIntents(f),
             ] }),
         React__default["default"].createElement(Container$7, { actions: node === null || node === void 0 ? void 0 : node.actions, onChange: handleOnChange })));
 };
@@ -5886,7 +5679,7 @@ const Container$2 = ({ node, indexNumber }) => {
     const handleOnChange = (action, formSubmitMeta) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
         if (!action)
             return;
-        const isActionSelectWithOther = action.type === index$1.NodeActionType.USER_CHOICE_TEXT_BY_INPUT;
+        const isActionSelectWithOther = action.type === index$2.NodeActionType.USER_CHOICE_TEXT_BY_INPUT;
         setValue(Object.assign(Object.assign({}, value), { action_id: action === null || action === void 0 ? void 0 : action.id, action_value: action === null || action === void 0 ? void 0 : action.key }));
         if (!isActionSelectWithOther) {
             handleOnChangeNormal(action);
@@ -5963,12 +5756,12 @@ const Container$1 = ({ onClickStart }) => {
             React__default["default"].createElement(Container$s, { node: foundNode, onClickStart: onClickStart })));
     }
     const node = foundNode;
-    const nodeType = index$1.NodeType[node.type].valueOf();
-    const nodeTypeSSO = (_a = index$1.NodePosition[node.position]) === null || _a === void 0 ? void 0 : _a.valueOf();
-    let NodeComponent = node.position === index$1.NodePosition.SSO
+    const nodeType = index$2.NodeType[node.type].valueOf();
+    const nodeTypeSSO = (_a = index$2.NodePosition[node.position]) === null || _a === void 0 ? void 0 : _a.valueOf();
+    let NodeComponent = node.position === index$2.NodePosition.SSO
         ? SubotInlineNodeBase[nodeTypeSSO]
         : SubotInlineNodeBase[nodeType];
-    if (node.is_multi_select && node.type !== index$1.NodeType.POLL) {
+    if (node.is_multi_select && node.type !== index$2.NodeType.POLL) {
         NodeComponent = SubotInlineNodeBase['MULTIPLE'];
     }
     return (React__default["default"].createElement(framerMotion.motion.div, { key: node.id, initial: { opacity: 1, y: -300 }, animate: { opacity: 1, y: 0 }, transition: {
@@ -6021,7 +5814,7 @@ const View = ({ loading, backgroundImage, isShowFooter, isFullContainer, isDisab
                 React__default["default"].createElement(Close, null))),
             React__default["default"].createElement(NodeContextProvider, null,
                 React__default["default"].createElement("div", { className: "subot-inline-revamp-container", "data-show-footer": isShowFooter },
-                    loading && !isShowFooter && React__default["default"].createElement(index$7.Loading, { className: "si-loading" }),
+                    loading && !isShowFooter && React__default["default"].createElement(index$8.Loading, { className: "si-loading" }),
                     React__default["default"].createElement(Container$1, { onClickStart: () => {
                             setIsDisplayFullMobile(true);
                         } })),
@@ -6040,7 +5833,7 @@ const View = ({ loading, backgroundImage, isShowFooter, isFullContainer, isDisab
     }, [bgImgFullContainer]);
     if (isFullContainer) {
         return (React__default["default"].createElement(StyledContainerFullscreen, { style: styleFullContainer },
-            React__default["default"].createElement(index$9.Container, { className: "si-container" },
+            React__default["default"].createElement(index$a.Container, { className: "si-container" },
                 React__default["default"].createElement("div", { className: "si-revamp-left" },
                     React__default["default"].createElement(Container$t, { subotSettingData: subotSettingData }),
                     React__default["default"].createElement(Container$v, null)),
@@ -6059,7 +5852,7 @@ const Container = () => {
         if (!foundNode)
             return '';
         return (foundNode.inline_background ||
-            ((_b = (_a = foundNode.intents) === null || _a === void 0 ? void 0 : _a.find((i) => i.type === index$1.NodeIntentType.BOT_BACKGROUND_IMAGE)) === null || _b === void 0 ? void 0 : _b.url));
+            ((_b = (_a = foundNode.intents) === null || _a === void 0 ? void 0 : _a.find((i) => i.type === index$2.NodeIntentType.BOT_BACKGROUND_IMAGE)) === null || _b === void 0 ? void 0 : _b.url));
     }, [listNodes, activeId]);
     const subotSettingData = React.useMemo(() => {
         const subotInlineSettings = listNodes[0];
@@ -6145,18 +5938,18 @@ var index = /*#__PURE__*/Object.freeze({
   'default': ContainerWithProvider,
   SubotInlineRevampWithTheme: SubotInlineRevampWithTheme,
   UserInfoForm: UserInfoForm,
-  overrideParamsByQuery: overrideParamsByQuery,
-  ssoIntents: ssoIntents,
-  checkUntilFinished: checkUntilFinished,
-  getHhgIdFromCookie: getHhgIdFromCookie,
-  getSubotCookieId: getSubotCookieId,
-  getUserIdFromCookie: getUserIdFromCookie,
-  getUserInfoFromCookie: getUserInfoFromCookie,
-  getWindowId: getWindowId,
-  getHelloSitesUrl: getHelloSitesUrl,
-  checkMobile: checkMobile,
-  clickAndOpenInNewTab: clickAndOpenInNewTab,
-  TIME_RESET_RESEND_OTP: TIME_RESET_RESEND_OTP,
+  overrideParamsByQuery: index$1.overrideParamsByQuery,
+  ssoIntents: index$1.ssoIntents,
+  checkUntilFinished: index$1.checkUntilFinished,
+  getHhgIdFromCookie: index$1.getHhgIdFromCookie,
+  getSubotCookieId: index$1.getSubotCookieId,
+  getUserIdFromCookie: index$1.getUserIdFromCookie,
+  getUserInfoFromCookie: index$1.getUserInfoFromCookie,
+  getWindowId: index$1.getWindowId,
+  getHelloSitesUrl: index$1.getHelloSitesUrl,
+  checkMobile: index$1.checkMobile,
+  clickAndOpenInNewTab: index$1.clickAndOpenInNewTab,
+  TIME_RESET_RESEND_OTP: index$1.TIME_RESET_RESEND_OTP,
   getSubotApiPath: getSubotApiPath,
   subotInlineMessage: subotInlineMessage,
   computeExtraSettingsForBot: computeExtraSettingsForBot,
@@ -6173,31 +5966,31 @@ var index = /*#__PURE__*/Object.freeze({
   detectToSkipNodeStart: detectToSkipNodeStart
 });
 
+exports.TIME_RESET_RESEND_OTP = index$1.TIME_RESET_RESEND_OTP;
+exports.checkMobile = index$1.checkMobile;
+exports.checkUntilFinished = index$1.checkUntilFinished;
+exports.clickAndOpenInNewTab = index$1.clickAndOpenInNewTab;
+exports.getHelloSitesUrl = index$1.getHelloSitesUrl;
+exports.getHhgIdFromCookie = index$1.getHhgIdFromCookie;
+exports.getSubotCookieId = index$1.getSubotCookieId;
+exports.getUserIdFromCookie = index$1.getUserIdFromCookie;
+exports.getUserInfoFromCookie = index$1.getUserInfoFromCookie;
+exports.getWindowId = index$1.getWindowId;
+exports.overrideParamsByQuery = index$1.overrideParamsByQuery;
+exports.ssoIntents = index$1.ssoIntents;
 exports.PATHS = PATHS$1;
 exports.SubotInlineRevampWithTheme = SubotInlineRevampWithTheme;
-exports.TIME_RESET_RESEND_OTP = TIME_RESET_RESEND_OTP;
 exports.UserInfoForm = UserInfoForm;
-exports.checkMobile = checkMobile;
-exports.checkUntilFinished = checkUntilFinished;
-exports.clickAndOpenInNewTab = clickAndOpenInNewTab;
 exports.computeExtraSettingsForBot = computeExtraSettingsForBot;
 exports["default"] = ContainerWithProvider;
 exports.detectToSkipNodeStart = detectToSkipNodeStart;
 exports.extractUnifiedAnswers = extractUnifiedAnswers;
 exports.extractVoucherAnswers = extractVoucherAnswers;
 exports.getColorWithOpacity = getColorWithOpacity;
-exports.getHelloSitesUrl = getHelloSitesUrl;
-exports.getHhgIdFromCookie = getHhgIdFromCookie;
 exports.getPreviousStateFromStorage = getPreviousStateFromStorage;
 exports.getSubotApiPath = getSubotApiPath;
-exports.getSubotCookieId = getSubotCookieId;
 exports.getSubotInlineLogs = getSubotInlineLogs;
-exports.getUserIdFromCookie = getUserIdFromCookie;
-exports.getUserInfoFromCookie = getUserInfoFromCookie;
-exports.getWindowId = getWindowId;
-exports.overrideParamsByQuery = overrideParamsByQuery;
 exports.saveSubotInlineLogs = saveSubotInlineLogs;
-exports.ssoIntents = ssoIntents;
 exports.subotInlineClick = subotInlineClick;
 exports.subotInlineFirstNode = subotInlineFirstNode;
 exports.subotInlineImpression = subotInlineImpression;