@hhgtech/hhg-components 1.29.78 → 1.29.80

package/build/subot.js

@@ -3,56 +3,56 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index$2 = require('./index-d38624f2.js');
-var tslib_es6 = require('./tslib.es6-a8c3b1ed.js');
-var index$3 = require('./index-fd9e9e31.js');
+var index$2 = require('./index-18ddaa1b.js');
+var tslib_es6 = require('./tslib.es6-4bc45883.js');
+var index$3 = require('./index-3a03bb34.js');
 var Cookies = require('js-cookie');
 var fd = require('fastdom');
 var fastdomPromised = require('fastdom/extensions/fastdom-promised');
+var utils = require('./utils-9f62698f.js');
 var formatString = require('string-format');
-var defaultClassWrapper = require('./defaultClassWrapper-8ac3b7f0.js');
-var index$1 = require('./index-d37fb502.js');
+var index$1 = require('./index-61ef343d.js');
 var hexRgb = require('hex-rgb');
 var cn = require('classnames');
-var index$a = require('./index-3d1716ad.js');
-var index$8 = require('./index-297519c0.js');
+var index$a = require('./index-bced434a.js');
+var index$8 = require('./index-c67602d7.js');
 var framerMotion = require('framer-motion');
 var styled = require('@emotion/styled');
-var utils = require('./utils-a2ad9aa3.js');
-var index$4 = require('./index-bd99a93f.js');
+var utils$1 = require('./utils-4849d92a.js');
+var index$4 = require('./index-94fd9ea6.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-8bbc5f6c.js');
+var index$5 = require('./index-858f60e0.js');
 var dayjs = require('dayjs');
 var isSameOrBefore = require('dayjs/plugin/isSameOrBefore');
 var uuid = require('uuid');
-var index$6 = require('./index-657d308e.js');
-var theme = require('./theme-040e6fd9.js');
-var isProduction = require('./isProduction-cc2f71e7.js');
+var index$6 = require('./index-e60c98f8.js');
+var theme = require('./theme-f410baf6.js');
+var isProduction = require('./isProduction-2e55aee3.js');
 require('@mantine/dates');
-require('./useMantineLocale-67d093f5.js');
-require('./translationsContext-bece07e0.js');
+require('./useMantineLocale-b243f628.js');
+require('./translationsContext-11cafcfc.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-0d428f7d.js');
-var index$9 = require('./index-a74e681a.js');
-var index$7 = require('./index-266faebd.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-08b86d2d.js');
+var index$9 = require('./index-5029b5d8.js');
+var index$7 = require('./index-8c826f3e.js');
 require('date-fns/locale');
-require('./index-fbc4ad0a.js');
-require('./cookieHelper-6fa2ed3a.js');
+require('./index-1250dd06.js');
+require('./cookieHelper-b2132ffc.js');
 require('slugify');
-require('./index-e76edc59.js');
-require('./Instagram-f68f1dae.js');
-require('./useTranslations-ddee03e3.js');
+require('./index-917c975c.js');
+require('./Instagram-91ba1e26.js');
+require('./useTranslations-d5456a98.js');
 require('date-fns');
 require('react-day-picker/DayPickerInput');
 require('@mantine/carousel');
-require('./useUniqueId-a3ed3f40.js');
+require('./useUniqueId-4ce69bff.js');
 require('@hhgtech/icons/core');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -143,7 +143,7 @@ const CachedSystem = {
 };
 
 const getSubotApiPath = (path, params) => {
-    const { subotApiUrl } = defaultClassWrapper.GlobalData === null || defaultClassWrapper.GlobalData === void 0 ? void 0 : defaultClassWrapper.GlobalData.env;
+    const { subotApiUrl } = utils.GlobalData === null || utils.GlobalData === void 0 ? void 0 : utils.GlobalData.env;
     const apiUrl = subotApiUrl.endsWith('frontend/api/')
         ? subotApiUrl
         : subotApiUrl + 'frontend/api/';
@@ -152,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 defaultClassWrapper.callApi(getSubotApiPath(PATHS$1.GET_INLINE_MESSAGE), 'POST', {
+        return yield utils.callApi(getSubotApiPath(PATHS$1.GET_INLINE_MESSAGE), 'POST', {
             data,
         });
     }
@@ -184,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 defaultClassWrapper.callApi(getSubotApiPath(PATHS$1.GET_INLINE_FIRST_NODE) + `/${id}`, 'GET');
+            const response = yield utils.callApi(getSubotApiPath(PATHS$1.GET_INLINE_FIRST_NODE) + `/${id}`, 'GET');
             computeExtraSettingsForBot(response);
             return response;
         }));
@@ -197,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 defaultClassWrapper.callApi(getSubotApiPath(PATHS$1.GET_INLINE_CLICK), 'POST', {
+        return yield utils.callApi(getSubotApiPath(PATHS$1.GET_INLINE_CLICK), 'POST', {
             data,
         });
     }
@@ -206,7 +206,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 defaultClassWrapper.callApi(getSubotApiPath(PATHS$1.GET_INLINE_IMPRESSION), 'POST', {
+        return yield utils.callApi(getSubotApiPath(PATHS$1.GET_INLINE_IMPRESSION), 'POST', {
             data,
         });
     }
@@ -361,7 +361,7 @@ const getSubotInlineLogs = (botItem) => tslib_es6.__awaiter(void 0, void 0, void
     try {
         if (!botItem)
             return null;
-        const response = yield defaultClassWrapper.callApi(getSubotApiPath(PATHS$1.GET_SUBOT_LOG, {
+        const response = yield utils.callApi(getSubotApiPath(PATHS$1.GET_SUBOT_LOG, {
             botId: botItem.id,
             cookieId: index$1.getSubotCookieId(),
             accountId: index$1.getUserIdFromCookie() || '',
@@ -610,9 +610,9 @@ const saveSubotInlineLogs = ({ nodes, activeId, params, accountIdFromLogs, }) =>
             data: JSON.stringify(data),
             status: statusFlowBot,
             type: 'inline',
-            market: index$3.MAP_DOMAIN_BY_LOCALE[defaultClassWrapper.locale],
+            market: index$3.MAP_DOMAIN_BY_LOCALE[utils.locale],
         };
-        yield defaultClassWrapper.callApi(getSubotApiPath(PATHS$1.POST_SUBOT_CREATE_LOG), 'POST', {
+        yield utils.callApi(getSubotApiPath(PATHS$1.POST_SUBOT_CREATE_LOG), 'POST', {
             data: payload,
         });
     }
@@ -658,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(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { formatMessage: f, action: { pushNotifications }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const ref = React.useRef(null);
     // const { formatMessage: f } = useIntl()
     const refAccountIdFromLogs = React.useRef(null);
@@ -706,7 +706,7 @@ const SubotInlineProvider = ({ children, articleLink, subotId, isFullContainer,
         const gaData = window.gaData;
         const url = window.location.origin +
             index$3.basePath +
-            ((defaultClassWrapper.GlobalData === null || defaultClassWrapper.GlobalData === void 0 ? void 0 : defaultClassWrapper.GlobalData.locale) === 'tl-PH'
+            ((utils.GlobalData === null || utils.GlobalData === void 0 ? void 0 : utils.GlobalData.locale) === 'tl-PH'
                 ? articleLink.replace('fil/', '')
                 : articleLink);
         const params = {
@@ -736,7 +736,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, defaultClassWrapper.GlobalData === null || defaultClassWrapper.GlobalData === void 0 ? void 0 : defaultClassWrapper.GlobalData.router.query);
+        return index$1.overrideParamsByQuery(params, utils.GlobalData === null || utils.GlobalData === void 0 ? void 0 : utils.GlobalData.router.query);
     }, []);
     const elementScrollIntoView = React.useCallback(() => {
         var _a;
@@ -1022,7 +1022,7 @@ const SubotInlineRevampContainer = styled__default["default"].div `
     pointer-events: none;
   }
 
-  ${utils.MediaQueries.mbUp} {
+  ${utils$1.MediaQueries.mbUp} {
     .si-inline-revamp-container {
       padding-right: 12px;
     }
@@ -1050,7 +1050,7 @@ const SubotInlineRevampContainer = styled__default["default"].div `
       height: calc(100% - 72px);
     }
 
-    ${utils.MediaQueries.mbUp} {
+    ${utils$1.MediaQueries.mbUp} {
       &[data-show-footer='true'] {
         height: calc(100% - 56px);
       }
@@ -1072,7 +1072,7 @@ const SubotInlineRevampContainer = styled__default["default"].div `
     }
   }
 
-  ${utils.MediaQueries.mbUp} {
+  ${utils$1.MediaQueries.mbUp} {
     .si-container-placeholder {
       height: 550px;
       max-height: 550px;
@@ -1100,7 +1100,7 @@ const SubotInlineRevampContainer = styled__default["default"].div `
     }
   }
 
-  ${utils.MediaQueries.mbDown} {
+  ${utils$1.MediaQueries.mbDown} {
     .si-container-open {
       position: fixed;
       width: auto;
@@ -1138,7 +1138,7 @@ const StyledContainerFullscreen = styled__default["default"].div `
   padding: 40px 0;
   font-family: Inter;
 
-  ${utils.MediaQueries.mbUp} {
+  ${utils$1.MediaQueries.mbUp} {
     padding: 80px 0;
   }
 
@@ -1149,7 +1149,7 @@ const StyledContainerFullscreen = styled__default["default"].div `
     margin: 0 auto;
     flex-direction: column;
 
-    ${utils.MediaQueries.mbUp} {
+    ${utils$1.MediaQueries.mbUp} {
       flex-direction: row;
       gap: 30px;
     }
@@ -1171,12 +1171,12 @@ const StyledContainerFullscreen = styled__default["default"].div `
       }
     }
 
-    ${utils.MediaQueries.mbUp} {
+    ${utils$1.MediaQueries.mbUp} {
       max-width: ${heightMobile};
       min-width: ${heightMobile};
     }
 
-    ${utils.MediaQueries.tdUp} {
+    ${utils$1.MediaQueries.tdUp} {
       max-width: 720px;
       min-width: 720px;
     }
@@ -1188,7 +1188,7 @@ const StyledContainerFullscreen = styled__default["default"].div `
     flex-direction: column;
     max-width: 490px;
 
-    ${utils.MediaQueries.mbUp} {
+    ${utils$1.MediaQueries.mbUp} {
       padding-top: 48px;
     }
 
@@ -1204,7 +1204,7 @@ const StyledContainerFullscreen = styled__default["default"].div `
       line-height: 1.2;
       letter-spacing: -0.616px;
 
-      ${utils.MediaQueries.mbUp} {
+      ${utils$1.MediaQueries.mbUp} {
         font-size: 40px;
         line-height: 48px;
         letter-spacing: -0.88px;
@@ -1262,7 +1262,7 @@ const Info = (props) => {
 
 const Container$v = () => {
     const [isShow, setIsShow] = React.useState(false);
-    const { formatMessage: f } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { formatMessage: f } = React.useContext(utils.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" }),
@@ -1279,7 +1279,7 @@ const Container$v = () => {
 Container$v.displayName = 'SubotInlineDisclaimer';
 
 const useCurrentUrl = () => {
-    const { data: { locale, router }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { locale, router }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const { asPath } = router || {};
     const [currentUrl, setCurrentUrl] = React.useState(() => `${index$1.getHelloSitesUrl(locale, false)}${index$3.basePath}${asPath}`);
     React.useEffect(() => {
@@ -1290,7 +1290,7 @@ const useCurrentUrl = () => {
 
 // import { useIntl } from 'react-intl'
 const useValidationMultiOption = () => {
-    const { formatMessage: f, action: { pushNotifications }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { formatMessage: f, action: { pushNotifications }, } = React.useContext(utils.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)) {
@@ -1374,7 +1374,7 @@ const StyledWrap$p = styled__default["default"].div `
     display: flex;
   }
 
-  ${utils.MediaQueries.mbDown} {
+  ${utils$1.MediaQueries.mbDown} {
     &[data-show-action='false'] {
       justify-content: center;
       padding: 12px 0;
@@ -1451,7 +1451,7 @@ const excludeNodeList = [
 // }
 const Container$u = () => {
     var _a, _b, _c, _d, _e;
-    const { formatMessage: f, action: { pushNotifications }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { formatMessage: f, action: { pushNotifications }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const currentUrl = useCurrentUrl();
     const { listNodes, activeId, isShowFooter, onNext, onPrev, params, onStartOver, loading, } = React.useContext(SubotInlineContext);
     const { value } = React.useContext(NodeContext);
@@ -1710,7 +1710,7 @@ const StyledContainer = styled__default["default"].div `
     /* color: #262626; */
     color: var(--subot-inline-text-color, #262626);
 
-    ${utils.MediaQueries.mbUp} {
+    ${utils$1.MediaQueries.mbUp} {
       font-size: 24px;
       line-height: 120%;
       letter-spacing: -0.432px;
@@ -1724,7 +1724,7 @@ const StyledContainer = styled__default["default"].div `
     line-height: 24px;
     font-weight: 400;
 
-    ${utils.MediaQueries.mbUp} {
+    ${utils$1.MediaQueries.mbUp} {
       letter-spacing: -0.16px;
     }
   }
@@ -1806,7 +1806,7 @@ const SubotInlineVoucherLeftUI = ({ clientId, voucherAnswers }) => {
     const [quantityTotal, setQuantityTotal] = React.useState(0);
     const [quantityInStock, setQuantityInStock] = React.useState(0);
     React.useEffect(() => {
-        defaultClassWrapper.callApi(getSubotApiPath(PATHS$1.GET_VOUCHER_QUANTITY, {
+        utils.callApi(getSubotApiPath(PATHS$1.GET_VOUCHER_QUANTITY, {
             search: (voucherAnswers === null || voucherAnswers === void 0 ? void 0 : voucherAnswers.voucherName.split('|')[0]) || '',
             clientId: clientId,
         }), 'GET').then((res) => {
@@ -1911,7 +1911,7 @@ const StyledWrap$k = styled__default["default"].div `
       display: block;
     }
 
-    ${utils.MediaQueries.mbUp} {
+    ${utils$1.MediaQueries.mbUp} {
       font-size: 22px;
       line-height: 32px;
       letter-spacing: -0.6px;
@@ -1948,22 +1948,22 @@ const PATHS = {
 };
 
 const getLeadPath = (path, params) => {
-    const { leadApiUrl } = defaultClassWrapper.GlobalData === null || defaultClassWrapper.GlobalData === void 0 ? void 0 : defaultClassWrapper.GlobalData.env;
+    const { leadApiUrl } = utils.GlobalData === null || utils.GlobalData === void 0 ? void 0 : utils.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(defaultClassWrapper.LEAD_TOKEN_COOKIE);
+        let cookie = Cookies__default["default"].get(utils.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(defaultClassWrapper.LEAD_TOKEN_COOKIE, newCookie);
+            Cookies__default["default"].set(utils.LEAD_TOKEN_COOKIE, newCookie);
         }
         options.data.cookie_id = cookie;
         options.data.ga_client_id = ga || '';
     }
-    return defaultClassWrapper.callApi(url, method, options);
+    return utils.callApi(url, method, options);
 });
 
 dayjs__default["default"].extend(isSameOrBefore__default["default"]);
@@ -2362,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(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { formatMessage: f } = React.useContext(utils.TogetherComponentGlobalContext);
     if (!text) {
         return null;
     }
@@ -2380,7 +2380,7 @@ Container$m.displayName = 'SubotInlineDisclaimer';
 
 const Container$l = ({ intent }) => {
     var _a;
-    const { formatMessage: f } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { formatMessage: f } = React.useContext(utils.TogetherComponentGlobalContext);
     const handleOnClick = (service) => {
         if (!service.url) {
             return;
@@ -2491,7 +2491,7 @@ var _a$1;
 const SubotInlineIntentCol = styled__default["default"].div `
   width: ${({ width }) => width || '100%'};
   padding: 4px;
-  ${utils.MediaQueries.mbDown} {
+  ${utils$1.MediaQueries.mbDown} {
     width: 100%;
   }
 `;
@@ -2693,7 +2693,7 @@ styled__default["default"].div `
   border: 1px solid #ffecb6;
   border-radius: 16px;
 
-  ${utils.MediaQueries.mbUp} {
+  ${utils$1.MediaQueries.mbUp} {
     padding: 0 0 24px 0;
   }
 
@@ -2765,12 +2765,12 @@ const StyledSubInlineIntent = styled__default["default"].div `
     + div {
       margin-top: 16px;
 
-      ${utils.MediaQueries.mbUp} {
+      ${utils$1.MediaQueries.mbUp} {
         margin-top: 24px;
       }
     }
 
-    ${utils.MediaQueries.mbUp} {
+    ${utils$1.MediaQueries.mbUp} {
       font-size: 18px;
     }
   } */
@@ -2806,7 +2806,7 @@ const Container$f = ({ node }) => {
     var _a;
     // const isMobile = useGetIsMobile(true)
     const refMainIntents = React.useRef(null);
-    const { formatMessage: f } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { formatMessage: f } = React.useContext(utils.TogetherComponentGlobalContext);
     const { setIsShowFooter, listNodes } = React.useContext(SubotInlineContext);
     const [isShowMore, setIsShowMore] = React.useState(false);
     React.useEffect(() => {
@@ -3169,7 +3169,7 @@ var schema = {
 };
 
 // const STORAGE_URL = 'https://storage.googleapis.com/hhg-common'
-const STORAGE_URL = index$1.getHelloSitesUrl(defaultClassWrapper.locale); // To fix the Cors issue later
+const STORAGE_URL = index$1.getHelloSitesUrl(utils.locale); // To fix the Cors issue later
 function getLevelKey(countryCode, level) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const _schema = schema;
@@ -3343,9 +3343,9 @@ const googleMapsApisPlaceDetailsTypes = {
 };
 const googleMapAddressKeys = Object.keys(googleMapsApisPlaceDetailsTypes).concat(['address']);
 function GoogleAddressField({ action, formError, control, initValue, onChange, }) {
-    const locale = defaultClassWrapper.GlobalData === null || defaultClassWrapper.GlobalData === void 0 ? void 0 : defaultClassWrapper.GlobalData.locale;
+    const locale = utils.GlobalData === null || utils.GlobalData === void 0 ? void 0 : utils.GlobalData.locale;
     const countryCode = locale.split('-')[1];
-    const { formatMessage: f } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { formatMessage: f } = React.useContext(utils.TogetherComponentGlobalContext);
     const [searchText, setSearchText] = React.useState('');
     const div = React.useRef(null);
     const rowRef = React.useRef(null);
@@ -3505,7 +3505,7 @@ function GoogleAddressField({ action, formError, control, initValue, onChange, }
 }
 var GoogleAddressField$1 = React.memo(GoogleAddressField);
 
-const StyleDatePickerInput = defaultClassWrapper.setDefaultClass(styled__default["default"].div `
+const StyleDatePickerInput = utils.setDefaultClass(styled__default["default"].div `
     position: relative;
     .input-date {
       display: none;
@@ -3515,13 +3515,13 @@ const StyledUserInfoFormContainer = styled__default["default"].div `
   margin: 0 auto;
   background: #f7f9fc;
   border-radius: ${theme.theme.borderRadius};
-  ${utils.MediaQueries.mbDown} {
+  ${utils$1.MediaQueries.mbDown} {
     padding: 16px;
   }
-  ${utils.MediaQueries.tdDown} {
+  ${utils$1.MediaQueries.tdDown} {
     padding: 24px;
   }
-  ${utils.MediaQueries.mbUp} {
+  ${utils$1.MediaQueries.mbUp} {
     padding: 32px;
   }
   .user-info-form {
@@ -3537,13 +3537,13 @@ const StyledUserInfoFormContainer = styled__default["default"].div `
       }
     }
     .input-row {
-      ${utils.MediaQueries.mbDown} {
+      ${utils$1.MediaQueries.mbDown} {
         margin-bottom: 16px;
       }
-      ${utils.MediaQueries.tdDown} {
+      ${utils$1.MediaQueries.tdDown} {
         margin-bottom: 18px;
       }
-      ${utils.MediaQueries.mbUp} {
+      ${utils$1.MediaQueries.mbUp} {
         margin-bottom: 20px;
       }
       .address-dropdown > ul {
@@ -3734,13 +3734,13 @@ const StyledUserInfoFormContainer = styled__default["default"].div `
       }
     }
     .submit-btn-row {
-      ${utils.MediaQueries.mbUp} {
+      ${utils$1.MediaQueries.mbUp} {
         margin-bottom: 16px;
       }
-      ${utils.MediaQueries.tdDown} {
+      ${utils$1.MediaQueries.tdDown} {
         margin-bottom: 14px;
       }
-      ${utils.MediaQueries.mbDown} {
+      ${utils$1.MediaQueries.mbDown} {
         margin-bottom: 12px;
       }
       .subot-checkbox {
@@ -3883,7 +3883,7 @@ const StyleWrapperFullAddress = styled__default["default"].div `
     gap: 16px;
     justify-content: space-between;
 
-    ${utils.MediaQueries.mbDown} {
+    ${utils$1.MediaQueries.mbDown} {
       flex-direction: column;
       gap: 0;
     }
@@ -3993,7 +3993,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(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { formatMessage: f } = React.useContext(utils.TogetherComponentGlobalContext);
     onFinishLatest.current = onFinish;
     const resetCountDown = React.useCallback(() => {
         let currentCount = index$1.TIME_RESET_RESEND_OTP;
@@ -4039,24 +4039,24 @@ styled__default["default"].div `
   margin: 0 auto;
   background: #f7f9fc;
   border-radius: ${theme.theme.borderRadius};
-  ${utils.MediaQueries.mbDown} {
+  ${utils$1.MediaQueries.mbDown} {
     padding: 16px;
   }
-  ${utils.MediaQueries.tdDown} {
+  ${utils$1.MediaQueries.tdDown} {
     padding: 24px;
   }
-  ${utils.MediaQueries.mbUp} {
+  ${utils$1.MediaQueries.mbUp} {
     padding: 32px;
   }
   .user-info-form {
     .input-row {
-      ${utils.MediaQueries.mbDown} {
+      ${utils$1.MediaQueries.mbDown} {
         margin-bottom: 16px;
       }
-      ${utils.MediaQueries.tdDown} {
+      ${utils$1.MediaQueries.tdDown} {
         margin-bottom: 18px;
       }
-      ${utils.MediaQueries.mbUp} {
+      ${utils$1.MediaQueries.mbUp} {
         margin-bottom: 20px;
       }
       .address-dropdown > ul {
@@ -4129,13 +4129,13 @@ styled__default["default"].div `
       }
     }
     .submit-btn-row {
-      ${utils.MediaQueries.mbUp} {
+      ${utils$1.MediaQueries.mbUp} {
         margin-bottom: 16px;
       }
-      ${utils.MediaQueries.tdDown} {
+      ${utils$1.MediaQueries.tdDown} {
         margin-bottom: 14px;
       }
-      ${utils.MediaQueries.mbDown} {
+      ${utils$1.MediaQueries.mbDown} {
         margin-bottom: 12px;
       }
       .subot-checkbox {
@@ -4334,10 +4334,10 @@ const PhoneInputWithCode = (props) => {
 
 const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSubmitMeta, isFormRevamp, botId, nodeId, trackingSubmitBtn, }) => {
     const countRef = React.useRef();
-    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 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 currentUrl = useCurrentUrl();
-    const { formatMessage: f, action: { pushNotifications }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { formatMessage: f, action: { pushNotifications }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const addressData = useAddressMultipleLevelData(countryCode);
     // Level 1
     const provinceData = React.useMemo(() => {
@@ -4567,7 +4567,7 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
         }
         setIsLoading(true);
         try {
-            const result = yield defaultClassWrapper.callApi(getSubotApiPath(actionOtpWhatsApp
+            const result = yield utils.callApi(getSubotApiPath(actionOtpWhatsApp
                 ? PATHS$1.POST_SEND_OTP_WHATSAPP
                 : PATHS$1.POST_SEND_OTP), 'POST', {
                 data: actionOtpWhatsApp
@@ -4645,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 defaultClassWrapper.callApi(getSubotApiPath(actionOtpWhatsApp
+                const result = yield utils.callApi(getSubotApiPath(actionOtpWhatsApp
                     ? PATHS$1.POST_VERIFY_OTP_WHATSAPP
                     : PATHS$1.POST_VERIFY_OTP), 'POST', {
                     data: actionOtpWhatsApp
@@ -4988,7 +4988,7 @@ const StyledWrap$a = styled__default["default"].div `
 
 const Container$d = ({ node, indexNumber }) => {
     var _a;
-    const locale = defaultClassWrapper.GlobalData === null || defaultClassWrapper.GlobalData === void 0 ? void 0 : defaultClassWrapper.GlobalData.locale;
+    const locale = utils.GlobalData === null || utils.GlobalData === void 0 ? void 0 : utils.GlobalData.locale;
     const { params, listNodes, activeId, onSubmit, setIsShowFooter } = React.useContext(SubotInlineContext);
     React.useMemo(() => {
         setIsShowFooter(true);
@@ -5029,7 +5029,7 @@ const StyledWrap$8 = styled__default["default"].div `
       width: calc(50% - 8px);
     }
 
-    ${utils.MediaQueries.mbUp} {
+    ${utils$1.MediaQueries.mbUp} {
       gap: 32px;
       padding: 0 16px;
 
@@ -5046,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 = defaultClassWrapper.setDefaultClass(styled__default["default"].div `
+const StyledRadioIcon = utils.setDefaultClass(styled__default["default"].div `
     position: relative;
     z-index: 1;
     display: flex;
@@ -5238,7 +5238,7 @@ const stylesButtonSubmitOther = {
 
 const Container$a = ({ action, onChange, active, htmlType, formSubmitMeta, }) => {
     const timeoutId = React.useRef(null);
-    const { formatMessage: f } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { formatMessage: f } = React.useContext(utils.TogetherComponentGlobalContext);
     const currentUrl = useCurrentUrl();
     const inputRef = React.useRef(null);
     const [otherText, setOtherText] = React.useState('');
@@ -5491,7 +5491,7 @@ const Container$5 = ({ node, indexNumber }) => {
 Container$5.displayName = 'SubotInlineNodeMultipleContainer';
 
 const useDescriptionPollNode = ({ node }) => {
-    const { formatMessage: f } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { formatMessage: f } = React.useContext(utils.TogetherComponentGlobalContext);
     let description = f({
         id: 'multiSelectError.required',
         defaultMessage: 'You must choose one options',
@@ -5607,7 +5607,7 @@ Container$4.displayName = 'SubotinlineNodePoll';
 const StyledWrap$1 = styled__default["default"].div ``;
 
 const Container$3 = ({ node }) => {
-    const { formatMessage: f } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { formatMessage: f } = React.useContext(utils.TogetherComponentGlobalContext);
     const { params, setIsShowFooter, listNodes, activeId } = React.useContext(SubotInlineContext);
     React.useMemo(() => {
         setIsShowFooter(true);