@hhgtech/hhg-components 1.29.81 → 1.29.83

package/build/subot.js

@@ -3,58 +3,64 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index$2 = require('./index-df5cd44b.js');
-var tslib_es6 = require('./tslib.es6-7e140b89.js');
-var index$3 = require('./index-a86ea1b6.js');
+var index$2 = require('./index-d91f52cc.js');
+var tslib_es6 = require('./tslib.es6-d6fa4ee6.js');
+var index$3 = require('./index-617bff8c.js');
 var Cookies = require('js-cookie');
 var fd = require('fastdom');
 var fastdomPromised = require('fastdom/extensions/fastdom-promised');
-var utils = require('./utils-95d9832e.js');
+var togetherComponentGlobalContext = require('./utils-e4d5701e.js');
 var formatString = require('string-format');
-var index$1 = require('./index-b773bc3d.js');
+var index$1 = require('./index-99ddd1a4.js');
 var hexRgb = require('hex-rgb');
+var constantsDomainLocales = require('./constantsDomainLocales.js');
 var cn = require('classnames');
-var index$c = require('./index-ba3797bb.js');
-var index$b = require('./index-dba2e361.js');
+var index$c = require('./index-a73d7cb3.js');
+var index$b = require('./index-2ce6cc83.js');
 var framerMotion = require('framer-motion');
 var styled = require('@emotion/styled');
-var utils$1 = require('./utils-524bda7c.js');
-var index$4 = require('./index-a7de42d1.js');
+var utils = require('./utils-928b4701.js');
+var index$4 = require('./index-8cb3f562.js');
 var remarkable = require('remarkable');
 var other = require('@hhgtech/icons/other');
 var reactIntersectionObserver = require('react-intersection-observer');
 var core = require('@mantine/core');
-var index$5 = require('./index-1efa7d84.js');
+var index$5 = require('./index-6e7aede8.js');
 var dayjs = require('dayjs');
 var isSameOrBefore = require('dayjs/plugin/isSameOrBefore');
-var constants = require('./constants-513a9a41.js');
+var constants = require('./constants-1953275e.js');
 var uuid = require('uuid');
-var index$6 = require('./index-d34cd464.js');
-var theme = require('./theme-e4f7f487.js');
-var isProduction = require('./isProduction-aa963bf9.js');
-var index$7 = require('./index-05f106c2.js');
+var index$6 = require('./index-036fe55d.js');
+var miscTheme = require('./miscTheme.js');
+var constantsIsProduction = require('./constantsIsProduction.js');
+var index$7 = require('./index-df9447b3.js');
 require('@mantine/dates');
-require('./useMantineLocale-a4f0c61d.js');
-require('./translationsContext-39528d2f.js');
+require('./useMantineLocale-f9195d27.js');
+require('./translationsContext-ade0df93.js');
 require('@mantine/hooks');
+require('./other-0edcc417.js');
 var isEmpty = require('lodash/isEmpty');
 var reactHookForm = require('react-hook-form');
 var PhoneInputBase = require('react-phone-number-input');
 var api = require('@react-google-maps/api');
-var usePlacesAutocomplete = require('./usePlacesAutocomplete-c76d0caf.js');
-var defaultClassWrapper = require('./defaultClassWrapper-e87ca8ef.js');
-var index$9 = require('./index-f28c47ce.js');
-var index$a = require('./index-77a2b9ee.js');
-var index$8 = require('./index-c2900d8c.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-8360abe0.js');
+var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
+var Locale = require('./Locale-0b86b849.js');
+var index$9 = require('./index-cb1c7190.js');
+var index$a = require('./index-4ef9be86.js');
+var index$8 = require('./index-323d2766.js');
 require('date-fns/locale');
-require('./index-e0bf03ac.js');
-require('./cookieHelper-17491ce8.js');
+require('./constantsSite.js');
+require('./constantsRiskScreener.js');
+require('./index-053ed018.js');
+require('./miscCookieHelper.js');
 require('slugify');
-require('./index-dcbd8bf3.js');
-require('./WhatsApp-82018096.js');
-require('./useTranslations-200168a3.js');
+require('./togetherApiPaths.js');
+require('./index-bd37f7ea.js');
+require('./WhatsApp-19ca0437.js');
+require('./useTranslations-80687df4.js');
 require('@mantine/carousel');
-require('./useUniqueId-8929fe5f.js');
+require('./useUniqueId-3c52a5c5.js');
 require('@hhgtech/icons/core');
 require('date-fns');
 require('react-day-picker/DayPickerInput');
@@ -147,7 +153,7 @@ const CachedSystem = {
 };
 
 const getSubotApiPath = (path, params) => {
-    const { subotApiUrl } = utils.GlobalData === null || utils.GlobalData === void 0 ? void 0 : utils.GlobalData.env;
+    const { subotApiUrl } = togetherComponentGlobalContext.GlobalData === null || togetherComponentGlobalContext.GlobalData === void 0 ? void 0 : togetherComponentGlobalContext.GlobalData.env;
     const apiUrl = subotApiUrl.endsWith('frontend/api/')
         ? subotApiUrl
         : subotApiUrl + 'frontend/api/';
@@ -156,7 +162,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 togetherComponentGlobalContext.callApi(getSubotApiPath(PATHS$1.GET_INLINE_MESSAGE), 'POST', {
             data,
         });
     }
@@ -188,7 +194,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 togetherComponentGlobalContext.callApi(getSubotApiPath(PATHS$1.GET_INLINE_FIRST_NODE) + `/${id}`, 'GET');
             computeExtraSettingsForBot(response);
             return response;
         }));
@@ -201,7 +207,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 togetherComponentGlobalContext.callApi(getSubotApiPath(PATHS$1.GET_INLINE_CLICK), 'POST', {
             data,
         });
     }
@@ -210,7 +216,7 @@ 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 togetherComponentGlobalContext.callApi(getSubotApiPath(PATHS$1.GET_INLINE_IMPRESSION), 'POST', {
             data,
         });
     }
@@ -365,7 +371,7 @@ 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 togetherComponentGlobalContext.callApi(getSubotApiPath(PATHS$1.GET_SUBOT_LOG, {
             botId: botItem.id,
             cookieId: index$1.getSubotCookieId(),
             accountId: index$1.getUserIdFromCookie() || '',
@@ -614,9 +620,9 @@ const saveSubotInlineLogs = ({ nodes, activeId, params, accountIdFromLogs, }) =>
             data: JSON.stringify(data),
             status: statusFlowBot,
             type: 'inline',
-            market: index$3.MAP_DOMAIN_BY_LOCALE[utils.locale],
+            market: constantsDomainLocales.MAP_DOMAIN_BY_LOCALE[togetherComponentGlobalContext.locale],
         };
-        yield utils.callApi(getSubotApiPath(PATHS$1.POST_SUBOT_CREATE_LOG), 'POST', {
+        yield togetherComponentGlobalContext.callApi(getSubotApiPath(PATHS$1.POST_SUBOT_CREATE_LOG), 'POST', {
             data: payload,
         });
     }
@@ -662,7 +668,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(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const ref = React.useRef(null);
     // const { formatMessage: f } = useIntl()
     const refAccountIdFromLogs = React.useRef(null);
@@ -710,7 +716,7 @@ const SubotInlineProvider = ({ children, articleLink, subotId, isFullContainer,
         const gaData = window.gaData;
         const url = window.location.origin +
             index$3.basePath +
-            ((utils.GlobalData === null || utils.GlobalData === void 0 ? void 0 : utils.GlobalData.locale) === 'tl-PH'
+            ((togetherComponentGlobalContext.GlobalData === null || togetherComponentGlobalContext.GlobalData === void 0 ? void 0 : togetherComponentGlobalContext.GlobalData.locale) === 'tl-PH'
                 ? articleLink.replace('fil/', '')
                 : articleLink);
         const params = {
@@ -740,7 +746,7 @@ const SubotInlineProvider = ({ children, articleLink, subotId, isFullContainer,
                 .replace('https://hellohealthgroup.com', 'https://hellodoctor.com.ph'),
             window_id: index$1.getWindowId(),
         };
-        return index$1.overrideParamsByQuery(params, utils.GlobalData === null || utils.GlobalData === void 0 ? void 0 : utils.GlobalData.router.query);
+        return index$1.overrideParamsByQuery(params, togetherComponentGlobalContext.GlobalData === null || togetherComponentGlobalContext.GlobalData === void 0 ? void 0 : togetherComponentGlobalContext.GlobalData.router.query);
     }, []);
     const elementScrollIntoView = React.useCallback(() => {
         var _a;
@@ -1026,7 +1032,7 @@ const SubotInlineRevampContainer = styled__default["default"].div `
     pointer-events: none;
   }
 
-  ${utils$1.MediaQueries.mbUp} {
+  ${utils.MediaQueries.mbUp} {
     .si-inline-revamp-container {
       padding-right: 12px;
     }
@@ -1054,7 +1060,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);
       }
@@ -1076,7 +1082,7 @@ const SubotInlineRevampContainer = styled__default["default"].div `
     }
   }
 
-  ${utils$1.MediaQueries.mbUp} {
+  ${utils.MediaQueries.mbUp} {
     .si-container-placeholder {
       height: 550px;
       max-height: 550px;
@@ -1104,7 +1110,7 @@ const SubotInlineRevampContainer = styled__default["default"].div `
     }
   }
 
-  ${utils$1.MediaQueries.mbDown} {
+  ${utils.MediaQueries.mbDown} {
     .si-container-open {
       position: fixed;
       width: auto;
@@ -1142,7 +1148,7 @@ const StyledContainerFullscreen = styled__default["default"].div `
   padding: 40px 0;
   font-family: Inter;
 
-  ${utils$1.MediaQueries.mbUp} {
+  ${utils.MediaQueries.mbUp} {
     padding: 80px 0;
   }
 
@@ -1153,7 +1159,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;
     }
@@ -1175,12 +1181,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;
     }
@@ -1192,7 +1198,7 @@ const StyledContainerFullscreen = styled__default["default"].div `
     flex-direction: column;
     max-width: 490px;
 
-    ${utils$1.MediaQueries.mbUp} {
+    ${utils.MediaQueries.mbUp} {
       padding-top: 48px;
     }
 
@@ -1208,7 +1214,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;
@@ -1266,7 +1272,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(togetherComponentGlobalContext.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" }),
@@ -1283,7 +1289,7 @@ const Container$v = () => {
 Container$v.displayName = 'SubotInlineDisclaimer';
 
 const useCurrentUrl = () => {
-    const { data: { locale, router }, } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { data: { locale, router }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const { asPath } = router || {};
     const [currentUrl, setCurrentUrl] = React.useState(() => `${index$1.getHelloSitesUrl(locale, false)}${index$3.basePath}${asPath}`);
     React.useEffect(() => {
@@ -1294,7 +1300,7 @@ 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(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const validateSelectActions = (activeActions, node, callBack) => {
         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)) {
@@ -1378,7 +1384,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;
@@ -1455,7 +1461,7 @@ 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(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const currentUrl = useCurrentUrl();
     const { listNodes, activeId, isShowFooter, onNext, onPrev, params, onStartOver, loading, } = React.useContext(SubotInlineContext);
     const { value } = React.useContext(NodeContext);
@@ -1714,7 +1720,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;
@@ -1728,7 +1734,7 @@ const StyledContainer = styled__default["default"].div `
     line-height: 24px;
     font-weight: 400;
 
-    ${utils$1.MediaQueries.mbUp} {
+    ${utils.MediaQueries.mbUp} {
       letter-spacing: -0.16px;
     }
   }
@@ -1810,7 +1816,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, {
+        togetherComponentGlobalContext.callApi(getSubotApiPath(PATHS$1.GET_VOUCHER_QUANTITY, {
             search: (voucherAnswers === null || voucherAnswers === void 0 ? void 0 : voucherAnswers.voucherName.split('|')[0]) || '',
             clientId: clientId,
         }), 'GET').then((res) => {
@@ -1915,7 +1921,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;
@@ -1952,7 +1958,7 @@ const PATHS = {
 };
 
 const getLeadPath = (path, params) => {
-    const { leadApiUrl } = utils.GlobalData === null || utils.GlobalData === void 0 ? void 0 : utils.GlobalData.env;
+    const { leadApiUrl } = togetherComponentGlobalContext.GlobalData === null || togetherComponentGlobalContext.GlobalData === void 0 ? void 0 : togetherComponentGlobalContext.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* () {
@@ -1967,7 +1973,7 @@ const callApiWithLead = (url, method, options) => tslib_es6.__awaiter(void 0, vo
         options.data.cookie_id = cookie;
         options.data.ga_client_id = ga || '';
     }
-    return utils.callApi(url, method, options);
+    return togetherComponentGlobalContext.callApi(url, method, options);
 });
 
 dayjs__default["default"].extend(isSameOrBefore__default["default"]);
@@ -2366,7 +2372,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(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     if (!text) {
         return null;
     }
@@ -2384,7 +2390,7 @@ Container$m.displayName = 'SubotInlineDisclaimer';
 
 const Container$l = ({ intent }) => {
     var _a;
-    const { formatMessage: f } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { formatMessage: f } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const handleOnClick = (service) => {
         if (!service.url) {
             return;
@@ -2495,7 +2501,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%;
   }
 `;
@@ -2509,7 +2515,7 @@ const SubotInlineIntentUrlContainer = styled__default["default"].div `
       overflow: hidden;
       width: 100%;
       padding-top: 66%;
-      border-radius: ${theme.theme.borderRadius};
+      border-radius: ${miscTheme.theme.borderRadius};
       .feature-img {
         position: absolute;
         top: 50%;
@@ -2527,7 +2533,7 @@ const SubotInlineIntentUrlContainer = styled__default["default"].div `
     margin-left: 10px;
     line-height: 1.5;
     a {
-      color: ${((_a$1 = theme.theme === null || theme.theme === void 0 ? void 0 : theme.theme.colors) === null || _a$1 === void 0 ? void 0 : _a$1.gray800) || '#262626'};
+      color: ${((_a$1 = miscTheme.theme === null || miscTheme.theme === void 0 ? void 0 : miscTheme.theme.colors) === null || _a$1 === void 0 ? void 0 : _a$1.gray800) || '#262626'};
       text-decoration: none;
     }
   }
@@ -2578,7 +2584,7 @@ const SubotInlineIntentBaseTarget = {
 const SubotInlineIntentBase = new Proxy(SubotInlineIntentBaseTarget, {
     get(_, prop) {
         const UnknowComponent = () => {
-            if (isProduction.isProduction)
+            if (constantsIsProduction.isProduction)
                 return null;
             return React__default["default"].createElement("p", null,
                 "SubotInlineIntentBase ",
@@ -2697,7 +2703,7 @@ styled__default["default"].div `
   border: 1px solid #ffecb6;
   border-radius: 16px;
 
-  ${utils$1.MediaQueries.mbUp} {
+  ${utils.MediaQueries.mbUp} {
     padding: 0 0 24px 0;
   }
 
@@ -2769,12 +2775,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;
     }
   } */
@@ -2810,7 +2816,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(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const { setIsShowFooter, listNodes } = React.useContext(SubotInlineContext);
     const [isShowMore, setIsShowMore] = React.useState(false);
     React.useEffect(() => {
@@ -3173,7 +3179,7 @@ var schema = {
 };
 
 // const STORAGE_URL = 'https://storage.googleapis.com/hhg-common'
-const STORAGE_URL = index$1.getHelloSitesUrl(utils.locale); // To fix the Cors issue later
+const STORAGE_URL = index$1.getHelloSitesUrl(togetherComponentGlobalContext.locale); // To fix the Cors issue later
 function getLevelKey(countryCode, level) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const _schema = schema;
@@ -3347,9 +3353,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 = togetherComponentGlobalContext.GlobalData === null || togetherComponentGlobalContext.GlobalData === void 0 ? void 0 : togetherComponentGlobalContext.GlobalData.locale;
     const countryCode = locale.split('-')[1];
-    const { formatMessage: f } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { formatMessage: f } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const [searchText, setSearchText] = React.useState('');
     const div = React.useRef(null);
     const rowRef = React.useRef(null);
@@ -3509,7 +3515,7 @@ function GoogleAddressField({ action, formError, control, initValue, onChange, }
 }
 var GoogleAddressField$1 = React.memo(GoogleAddressField);
 
-const StyleDatePickerInput = defaultClassWrapper.setDefaultClass(styled__default["default"].div `
+const StyleDatePickerInput = miscDefaultClassWrapper.setDefaultClass(styled__default["default"].div `
     position: relative;
     .input-date {
       display: none;
@@ -3518,14 +3524,14 @@ const StyleDatePickerInput = defaultClassWrapper.setDefaultClass(styled__default
 const StyledUserInfoFormContainer = styled__default["default"].div `
   margin: 0 auto;
   background: #f7f9fc;
-  border-radius: ${theme.theme.borderRadius};
-  ${utils$1.MediaQueries.mbDown} {
+  border-radius: ${miscTheme.theme.borderRadius};
+  ${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 {
@@ -3541,13 +3547,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 {
@@ -3572,7 +3578,7 @@ const StyledUserInfoFormContainer = styled__default["default"].div `
           border-left: 1px solid #d9d9d9;
 
           &[disabled] {
-            background-color: ${theme.theme.colors.gray100};
+            background-color: ${miscTheme.theme.colors.gray100};
           }
         }
         & > .error-message {
@@ -3622,7 +3628,7 @@ const StyledUserInfoFormContainer = styled__default["default"].div `
     label {
       display: block;
       margin-bottom: 6px;
-      color: var(--subot-inline-text-color, ${theme.theme.colors.gray600});
+      color: var(--subot-inline-text-color, ${miscTheme.theme.colors.gray600});
       font-size: 13px;
       font-weight: bold;
     }
@@ -3631,9 +3637,9 @@ const StyledUserInfoFormContainer = styled__default["default"].div `
     input:not([type='radio']) {
       width: 100%;
       padding: 12px 16px;
-      border: solid 1px ${theme.theme.colors.gray200};
+      border: solid 1px ${miscTheme.theme.colors.gray200};
       background: #fff;
-      border-radius: ${theme.theme.borderRadius};
+      border-radius: ${miscTheme.theme.borderRadius};
     }
     .mantine-Select-input {
       line-height: 1;
@@ -3658,7 +3664,7 @@ const StyledUserInfoFormContainer = styled__default["default"].div `
       display: block;
       width: 10px;
       height: 10px;
-      background-color: ${theme.theme.colors.primaryBase};
+      background-color: ${miscTheme.theme.colors.primaryBase};
       border-radius: 50%;
       content: '';
       opacity: 0;
@@ -3667,7 +3673,7 @@ const StyledUserInfoFormContainer = styled__default["default"].div `
     }
     input[type='checkbox']:checked,
     input[type='radio']:checked {
-      border-color: ${theme.theme.colors.primaryBase};
+      border-color: ${miscTheme.theme.colors.primaryBase};
       transition: 0.3s all ease;
     }
     input[type='checkbox']:checked:before,
@@ -3713,8 +3719,8 @@ const StyledUserInfoFormContainer = styled__default["default"].div `
       font-size: 14px;
       display: flex;
       align-items: center;
-      color: ${theme.theme.colors.red700};
-      font-weight: ${theme.theme.sizes.fwRegular};
+      color: ${miscTheme.theme.colors.red700};
+      font-weight: ${miscTheme.theme.sizes.fwRegular};
 
       svg {
         margin-right: 5px;
@@ -3722,8 +3728,8 @@ const StyledUserInfoFormContainer = styled__default["default"].div `
     }
     .submit-btn {
       padding: 12px 24px;
-      background-color: ${theme.theme.colors.primaryBase};
-      border-radius: ${theme.theme.borderRadius};
+      background-color: ${miscTheme.theme.colors.primaryBase};
+      border-radius: ${miscTheme.theme.borderRadius};
       color: #fff;
       cursor: pointer;
       font-size: 16px;
@@ -3731,20 +3737,20 @@ const StyledUserInfoFormContainer = styled__default["default"].div `
       line-height: 24px;
       transition: background-color 0.3s, border-color 0.3s;
       &:hover {
-        background-color: ${theme.theme.colors.primaryHover};
+        background-color: ${miscTheme.theme.colors.primaryHover};
       }
       &[disabled] {
-        background-color: ${theme.theme.colors.gray200};
+        background-color: ${miscTheme.theme.colors.gray200};
       }
     }
     .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 {
@@ -3803,7 +3809,7 @@ const StyledUserInfoFormContainer = styled__default["default"].div `
     .PhoneInput {
       .PhoneInputCountry {
         padding: 8px 15px;
-        border: solid 1px ${theme.theme.colors.gray200};
+        border: solid 1px ${miscTheme.theme.colors.gray200};
         border-right: none;
         margin: 0;
         background-color: #fff;
@@ -3812,7 +3818,7 @@ const StyledUserInfoFormContainer = styled__default["default"].div `
       }
       .PhoneInputInput {
         padding-left: 0;
-        border: solid 1px ${theme.theme.colors.gray200};
+        border: solid 1px ${miscTheme.theme.colors.gray200};
         border-left: none;
         margin: 0;
         border-bottom-left-radius: 0 !important;
@@ -3829,7 +3835,7 @@ const StyledUserInfoFormContainer = styled__default["default"].div `
         text-align: center;
       }
       a {
-        color: ${theme.theme.colors.primaryBase};
+        color: ${miscTheme.theme.colors.primaryBase};
         text-align: center;
         text-decoration: none;
       }
@@ -3887,7 +3893,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;
     }
@@ -3912,7 +3918,7 @@ const StyleWrapperFullAddress = styled__default["default"].div `
       .show-placeholder {
         > div {
           span {
-            color: ${theme.theme.colors.gray400};
+            color: ${miscTheme.theme.colors.gray400};
             font-size: 16px;
             font-weight: 400;
             line-height: 24px;
@@ -3951,30 +3957,30 @@ const isActionTypeOtp = (type) => {
 };
 const getTranslateVerifiedOtpMessages = () => {
     const phoneWasVerifiedMessage = new Map();
-    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.');
+    phoneWasVerifiedMessage.set(Locale.LOCALE.Vietnam, 'Số điện thoại này đã được xác minh.');
+    phoneWasVerifiedMessage.set(Locale.LOCALE.PhilippinesEnglish, 'This phone number has been verified.');
+    phoneWasVerifiedMessage.set(Locale.LOCALE.Cambodia, 'លេខទូរស័ព្ទនេះត្រូវបានផ្ទៀងផ្ទាត់។');
+    phoneWasVerifiedMessage.set(Locale.LOCALE.India, 'इस फ़ोन नंबर की पुष्टि कर दी गई है.');
+    phoneWasVerifiedMessage.set(Locale.LOCALE.Indonesia, 'Nomor telepon ini telah diverifikasi.');
+    phoneWasVerifiedMessage.set(Locale.LOCALE.Malaysia, 'Nombor telefon ini telah disahkan.');
+    phoneWasVerifiedMessage.set(Locale.LOCALE.Myanmar, 'ဤဖုန်းနံပါတ်ကို စစ်ဆေးပြီးပါပြီ။');
+    phoneWasVerifiedMessage.set(Locale.LOCALE.Taiwan, '該電話號碼已經過驗證。');
+    phoneWasVerifiedMessage.set(Locale.LOCALE.Thailand, 'หมายเลขโทรศัพท์นี้ได้รับการตรวจสอบแล้ว');
+    phoneWasVerifiedMessage.set(Locale.LOCALE.PhilippinesTagalog, 'Na-verify na ang numero ng teleponong ito.');
     return phoneWasVerifiedMessage;
 };
 const getTransPleaseVerifiedOtp = () => {
     const pleaseVerifiedOtp = new Map();
-    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');
+    pleaseVerifiedOtp.set(Locale.LOCALE.Vietnam, 'Vui lòng xác minh số điện thoại');
+    pleaseVerifiedOtp.set(Locale.LOCALE.PhilippinesEnglish, 'Please verify your phone number');
+    pleaseVerifiedOtp.set(Locale.LOCALE.Cambodia, 'សូមផ្ទៀងផ្ទាត់លេខទូរស័ព្ទរបស់អ្នក។');
+    pleaseVerifiedOtp.set(Locale.LOCALE.India, 'कृपया अपना फ़ोन नंबर सत्यापित करें');
+    pleaseVerifiedOtp.set(Locale.LOCALE.Indonesia, 'Harap verifikasi nomor telepon AndaNomor telepon ini telah diverifikasi.');
+    pleaseVerifiedOtp.set(Locale.LOCALE.Malaysia, 'Sila sahkan nombor telefon anda');
+    pleaseVerifiedOtp.set(Locale.LOCALE.Myanmar, 'သင့်ဖုန်းနံပါတ်ကို အတည်ပြုပါ။');
+    pleaseVerifiedOtp.set(Locale.LOCALE.Taiwan, '請驗證您的電話號碼');
+    pleaseVerifiedOtp.set(Locale.LOCALE.Thailand, 'กรุณาตรวจสอบหมายเลขโทรศัพท์ของคุณ');
+    pleaseVerifiedOtp.set(Locale.LOCALE.PhilippinesTagalog, 'Paki-verify ang iyong numero ng telepono');
     return pleaseVerifiedOtp;
 };
 
@@ -3997,7 +4003,7 @@ const CountDown = ({ onFinish, onClick, isFinished, resendLabel, className }, re
     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(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     onFinishLatest.current = onFinish;
     const resetCountDown = React.useCallback(() => {
         let currentCount = index$1.TIME_RESET_RESEND_OTP;
@@ -4042,25 +4048,25 @@ var CountDown$1 = React.forwardRef(CountDown);
 styled__default["default"].div `
   margin: 0 auto;
   background: #f7f9fc;
-  border-radius: ${theme.theme.borderRadius};
-  ${utils$1.MediaQueries.mbDown} {
+  border-radius: ${miscTheme.theme.borderRadius};
+  ${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 {
@@ -4076,7 +4082,7 @@ styled__default["default"].div `
     label {
       display: block;
       margin-bottom: 6px;
-      color: ${theme.theme.colors.gray600};
+      color: ${miscTheme.theme.colors.gray600};
       font-size: 13px;
       font-weight: bold;
     }
@@ -4084,12 +4090,12 @@ styled__default["default"].div `
     input[type='number'] {
       width: 100%;
       padding: 12px 16px;
-      border: solid 1px ${theme.theme.colors.gray200};
+      border: solid 1px ${miscTheme.theme.colors.gray200};
       background: #fff;
-      border-radius: ${theme.theme.borderRadius};
+      border-radius: ${miscTheme.theme.borderRadius};
 
       &[disabled] {
-        background-color: ${theme.theme.colors.gray100};
+        background-color: ${miscTheme.theme.colors.gray100};
       }
     }
     input[type='number']::-webkit-inner-spin-button,
@@ -4104,13 +4110,13 @@ styled__default["default"].div `
     .error-message {
       display: block;
       padding-bottom: 20px;
-      color: ${theme.theme.colors.red700};
-      font-weight: ${theme.theme.sizes.fwRegular};
+      color: ${miscTheme.theme.colors.red700};
+      font-weight: ${miscTheme.theme.sizes.fwRegular};
     }
     .submit-btn {
       padding: 12px 24px;
-      background-color: ${theme.theme.colors.primaryBase};
-      border-radius: ${theme.theme.borderRadius};
+      background-color: ${miscTheme.theme.colors.primaryBase};
+      border-radius: ${miscTheme.theme.borderRadius};
       color: #fff;
       cursor: pointer;
       font-size: 16px;
@@ -4120,10 +4126,10 @@ styled__default["default"].div `
       display: flex;
       justify-content: center;
       &:hover {
-        background-color: ${theme.theme.colors.primaryHover};
+        background-color: ${miscTheme.theme.colors.primaryHover};
       }
       &[disabled] {
-        background-color: ${theme.theme.colors.gray200};
+        background-color: ${miscTheme.theme.colors.gray200};
         color: #bfbfbf;
         cursor: not-allowed;
       }
@@ -4133,13 +4139,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 {
@@ -4163,7 +4169,7 @@ styled__default["default"].div `
             bottom: 0;
             left: 0;
             display: flex;
-            background-color: ${theme.theme.colors.primaryBase};
+            background-color: ${miscTheme.theme.colors.primaryBase};
             background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z" fill="%232D87F3" stroke="%232D87F3" stroke-width="2"/><path d="M15.5714 8L9.67857 14L7 11.2727" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
             background-position: center;
             background-repeat: no-repeat;
@@ -4206,7 +4212,7 @@ const StyleWrapperPhoneInput = styled__default["default"].div `
     cursor: pointer;
 
     path {
-      fill: ${theme.theme.colors.gray600};
+      fill: ${miscTheme.theme.colors.gray600};
     }
   }
 `;
@@ -4223,21 +4229,21 @@ const StyledPhoneCode = styled__default["default"].div `
     border-radius: 2px;
   }
   > div {
-    color: ${((_a = theme.theme.colors) === null || _a === void 0 ? void 0 : _a.gray800) || ''};
+    color: ${((_a = miscTheme.theme.colors) === null || _a === void 0 ? void 0 : _a.gray800) || ''};
     white-space: nowrap;
   }
 `;
 styled__default["default"](PhoneInputBase__default["default"]) `
   display: flex;
-  border: 1px solid ${((_b = theme.theme.colors) === null || _b === void 0 ? void 0 : _b.gray200) || ''};
-  border-radius: ${theme.theme === null || theme.theme === void 0 ? void 0 : theme.theme.borderRadius};
+  border: 1px solid ${((_b = miscTheme.theme.colors) === null || _b === void 0 ? void 0 : _b.gray200) || ''};
+  border-radius: ${miscTheme.theme === null || miscTheme.theme === void 0 ? void 0 : miscTheme.theme.borderRadius};
   .PhoneInputCountry {
     position: relative;
     padding: 12px 8px 12px 16px;
-    border-right: 1px solid ${((_c = theme.theme.colors) === null || _c === void 0 ? void 0 : _c.gray200) || ''};
-    background-color: ${((_d = theme.theme.colors) === null || _d === void 0 ? void 0 : _d.gray100) || ''};
+    border-right: 1px solid ${((_c = miscTheme.theme.colors) === null || _c === void 0 ? void 0 : _c.gray200) || ''};
+    background-color: ${((_d = miscTheme.theme.colors) === null || _d === void 0 ? void 0 : _d.gray100) || ''};
     border-radius: 6px 0 0 6px;
-    color: ${((_e = theme.theme.colors) === null || _e === void 0 ? void 0 : _e.gray800) || ''};
+    color: ${((_e = miscTheme.theme.colors) === null || _e === void 0 ? void 0 : _e.gray800) || ''};
     .PhoneInputCountrySelect {
       position: absolute;
       top: 0;
@@ -4260,10 +4266,10 @@ styled__default["default"](PhoneInputBase__default["default"]) `
   }
 
   &.has--error {
-    border-color: ${theme.theme.colors.red700 || ''};
+    border-color: ${miscTheme.theme.colors.red700 || ''};
   }
   &.PhoneInput--focus {
-    border-color: ${theme.theme.colors.primaryBase || ''};
+    border-color: ${miscTheme.theme.colors.primaryBase || ''};
     box-shadow: 0px 0px 2px 2px #91caff;
   }
 `;
@@ -4271,7 +4277,7 @@ const StyledPhoneInputWithCode = styled__default["default"](PhoneInputBase__defa
   &.PhoneInput {
     .PhoneInputCountry {
       padding: 10px;
-      border: solid 1px ${theme.theme.colors.gray200};
+      border: solid 1px ${miscTheme.theme.colors.gray200};
       border-right: none;
       margin: 0;
       background-color: #f2f2f2;
@@ -4290,7 +4296,7 @@ const StyledPhoneInputWithCode = styled__default["default"](PhoneInputBase__defa
     }
     .PhoneInputInput {
       padding-left: 10px;
-      border: solid 1px ${theme.theme.colors.gray200};
+      border: solid 1px ${miscTheme.theme.colors.gray200};
       margin: 0;
       width: 100%;
       padding: 12px 16px;
@@ -4338,10 +4344,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 = togetherComponentGlobalContext.GlobalData === null || togetherComponentGlobalContext.GlobalData === void 0 ? void 0 : togetherComponentGlobalContext.GlobalData.userInfo;
+    const locale = togetherComponentGlobalContext.GlobalData === null || togetherComponentGlobalContext.GlobalData === void 0 ? void 0 : togetherComponentGlobalContext.GlobalData.locale;
     const currentUrl = useCurrentUrl();
-    const { formatMessage: f, action: { pushNotifications }, } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { formatMessage: f, action: { pushNotifications }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const addressData = useAddressMultipleLevelData(countryCode);
     // Level 1
     const provinceData = React.useMemo(() => {
@@ -4571,7 +4577,7 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
         }
         setIsLoading(true);
         try {
-            const result = yield utils.callApi(getSubotApiPath(actionOtpWhatsApp
+            const result = yield togetherComponentGlobalContext.callApi(getSubotApiPath(actionOtpWhatsApp
                 ? PATHS$1.POST_SEND_OTP_WHATSAPP
                 : PATHS$1.POST_SEND_OTP), 'POST', {
                 data: actionOtpWhatsApp
@@ -4606,7 +4612,7 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                 const messages = getTranslateVerifiedOtpMessages();
                 pushNotifications({
                     title: '',
-                    message: messages.get(locale) || messages.get(index$2.LOCALE.PhilippinesEnglish),
+                    message: messages.get(locale) || messages.get(Locale.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));
@@ -4649,7 +4655,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 togetherComponentGlobalContext.callApi(getSubotApiPath(actionOtpWhatsApp
                     ? PATHS$1.POST_VERIFY_OTP_WHATSAPP
                     : PATHS$1.POST_VERIFY_OTP), 'POST', {
                     data: actionOtpWhatsApp
@@ -4992,7 +4998,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 = togetherComponentGlobalContext.GlobalData === null || togetherComponentGlobalContext.GlobalData === void 0 ? void 0 : togetherComponentGlobalContext.GlobalData.locale;
     const { params, listNodes, activeId, onSubmit, setIsShowFooter } = React.useContext(SubotInlineContext);
     React.useMemo(() => {
         setIsShowFooter(true);
@@ -5033,7 +5039,7 @@ const StyledWrap$8 = styled__default["default"].div `
       width: calc(50% - 8px);
     }
 
-    ${utils$1.MediaQueries.mbUp} {
+    ${utils.MediaQueries.mbUp} {
       gap: 32px;
       padding: 0 16px;
 
@@ -5050,7 +5056,7 @@ const Checkbox = (props) => {
         React__default["default"].createElement("path", { d: "M15.571 8 9.68 14 7 11.273", stroke: "#fff" })));
 };
 
-const StyledRadioIcon = defaultClassWrapper.setDefaultClass(styled__default["default"].div `
+const StyledRadioIcon = miscDefaultClassWrapper.setDefaultClass(styled__default["default"].div `
     position: relative;
     z-index: 1;
     display: flex;
@@ -5082,7 +5088,7 @@ const StyledRadioIcon = defaultClassWrapper.setDefaultClass(styled__default["def
     var _a;
     return active
         ? 'var(--subot-inline-primary-color)'
-        : `var(--subot-inline-text-color, ${((_a = theme.theme === null || theme.theme === void 0 ? void 0 : theme.theme.colors) === null || _a === void 0 ? void 0 : _a.gray600) || '#8C8C8C'})`;
+        : `var(--subot-inline-text-color, ${((_a = miscTheme.theme === null || miscTheme.theme === void 0 ? void 0 : miscTheme.theme.colors) === null || _a === void 0 ? void 0 : _a.gray600) || '#8C8C8C'})`;
 }};
       border-radius: 50%;
       content: '';
@@ -5242,7 +5248,7 @@ 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(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const currentUrl = useCurrentUrl();
     const inputRef = React.useRef(null);
     const [otherText, setOtherText] = React.useState('');
@@ -5362,7 +5368,7 @@ const SubotInlineActionBaseTarget = {
 const SubotInlineActionBase = new Proxy(SubotInlineActionBaseTarget, {
     get(_, prop) {
         const UnknowComponent = () => {
-            if (isProduction.isProduction)
+            if (constantsIsProduction.isProduction)
                 return null;
             return React__default["default"].createElement("p", null,
                 "SubotInlineRevampActionBase ",
@@ -5495,7 +5501,7 @@ const Container$5 = ({ node, indexNumber }) => {
 Container$5.displayName = 'SubotInlineNodeMultipleContainer';
 
 const useDescriptionPollNode = ({ node }) => {
-    const { formatMessage: f } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { formatMessage: f } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     let description = f({
         id: 'multiSelectError.required',
         defaultMessage: 'You must choose one options',
@@ -5611,7 +5617,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(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const { params, setIsShowFooter, listNodes, activeId } = React.useContext(SubotInlineContext);
     React.useMemo(() => {
         setIsShowFooter(true);
@@ -5730,7 +5736,7 @@ const SubotInlineNodeBaseTarget = {
 const SubotInlineNodeBase = new Proxy(SubotInlineNodeBaseTarget, {
     get(_, prop) {
         const UnknowComponent = () => {
-            if (isProduction.isProduction)
+            if (constantsIsProduction.isProduction)
                 return null;
             return React__default["default"].createElement(React__default["default"].Fragment, null,
                 "SubotInlineNodeBase ",