Gtm datalayer fix

src/botPage/bot/TradeEngine/Purchase.js

@@ -21,7 +21,9 @@ export default Engine =>
                 // Don't unnecessarily send a forget request for a purchased contract.
                 this.data.proposals = this.data.proposals.filter(p => p.id !== response.echo_req.buy);
                 const { buy } = response;
-                GTM.pushDataLayer({ event: 'bot_purchase', buy_price: proposal.ask_price });
+
+                /* eslint-disable-next-line no-unused-expressions */
+                GTM?.pushDataLayer?.({ event: 'bot_purchase', buy_price: proposal.ask_price });
 
                 contractStatus({
                     id  : 'contract.purchase_recieved',

src/botPage/view/View.js

@@ -444,7 +444,9 @@ export default class View {
                     this.stop();
                     Elevio.logoutUser();
                     googleDriveUtil.logout();
-                    GTM.setVisitorId();
+
+                    /* eslint-disable-next-line no-unused-expressions */
+                    GTM?.setVisitorId?.();
                     removeTokens();
                 })
                 .catch(() => {});
@@ -688,7 +690,9 @@ export default class View {
                 .then(() => {
                     this.stop();
                     Elevio.logoutUser();
-                    GTM.setVisitorId();
+
+                    /* eslint-disable-next-line no-unused-expressions */
+                    GTM?.setVisitorId?.();
                     const activeToken = $(e.currentTarget).attr('value');
                     const tokenList = getTokenList();
                     setStorage('tokenList', '');

src/botPage/view/blockly/customBlockly.js

@@ -348,7 +348,9 @@ Blockly.Input.prototype.attachShadowBlock = function(value, name, shadowBlockTyp
 Blockly.Toolbox.TreeNode.prototype.onClick_ = function(_e) {
     // eslint-disable-next-line no-underscore-dangle
     const blocklyCategoryName = translateLangToLang(_e.target.innerText, getLanguage(), 'en');
-    GTM.pushDataLayer({ event: 'Click Block Category', blocklyCategoryName });
+
+    /* eslint-disable-next-line no-unused-expressions */
+    GTM?.pushDataLayer?.({ event: 'Click Block Category', blocklyCategoryName });
 
     // Expand icon.
     if (this.hasChildren() && this.isUserCollapsible_) {

src/botPage/view/blockly/index.js

@@ -353,7 +353,8 @@ export default class _Blockly {
                         event.ids.forEach(id => {
                             const block = workspace.getBlockById(id);
                             if (block) {
-                                GTM.pushDataLayer({
+                                /* eslint-disable-next-line no-unused-expressions */
+                                GTM?.pushDataLayer?.({
                                     event     : 'Block Event',
                                     blockEvent: event.type,
                                     blockType : block.type,
@@ -364,7 +365,8 @@ export default class _Blockly {
                         const dom = Blockly.Xml.textToDom(`<xml>${event.oldXml.outerHTML}</xml>`);
                         const blockNodes = dom.getElementsByTagName('block');
                         Array.from(blockNodes).forEach(blockNode => {
-                            GTM.pushDataLayer({
+                            /* eslint-disable-next-line no-unused-expressions */
+                            GTM?.pushDataLayer?.({
                                 event     : 'Block Event',
                                 blockEvent: event.type,
                                 blockType : blockNode.getAttribute('type'),

src/botPage/view/blockly/utils.js

@@ -220,6 +220,7 @@ export const getMandatoryBlocks = () => config.mandatoryBlocks.map(type => getBl
 export const getMandatoryMainBlocks = () => config.mandatoryMainBlocks.map(type => getBlockByType(type)).filter(b => b);
 
 export const hasChildOfType = (block, childType) =>
+    /* eslint-disable-next-line no-underscore-dangle */
     block.childBlocks_.find(child => child.type === childType || hasChildOfType(child, childType));
 
 export const getMissingBlocksTypes = () => {

src/botPage/view/index.js

@@ -31,7 +31,9 @@ view.initPromise.then(() => {
     $('.barspinner').hide();
     window.dispatchEvent(new Event('resize'));
     Elevio.init();
-    GTM.init();
+
+    /* eslint-disable-next-line no-unused-expressions */
+    GTM?.init?.();
     trackJs.configure({
         userId: $('.account-id')
             .first()

src/common/appId.js

@@ -134,7 +134,8 @@ export async function addTokenIfValid(token, tokenObjectList) {
     } catch (e) {
         removeToken(tokenObjectList[0].token);
         Elevio.logoutUser();
-        GTM.setVisitorId();
+        /* eslint-disable-next-line no-unused-expressions */
+        GTM?.setVisitorId?.();
         throw e;
     }
     return api.disconnect();

src/common/elevio.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-underscore-dangle */
 import { generateLiveApiInstance } from './appId';
 // import { getLanguage } from '../common/lang';
 import { getTokenList } from './utils/storageManager';
@@ -21,8 +22,8 @@ const Elevio = (() => {
     };
 
     const injectElevio = (isOpen = false) => {
-        window._elev = {}; // eslint-disable-line no-underscore-dangle
-        window._elev.account_id = accountId; // eslint-disable-line no-underscore-dangle
+        window._elev = {};
+        window._elev.account_id = accountId;
 
         const script = document.createElement('script');
         script.type = 'text/javascript';
@@ -31,31 +32,29 @@ const Elevio = (() => {
         script.id = 'loaded-elevio-script';
         document.body.appendChild(script);
 
-        window._elev.q = []; // eslint-disable-line no-underscore-dangle
+        window._elev.q = [];
         window._elev.on = (z, y) => {
-            // eslint-disable-line no-underscore-dangle
-            window._elev.q.push([z, y]); // eslint-disable-line no-underscore-dangle
+            window._elev.q.push([z, y]);
         };
 
         script.onload = () => loadElevio(isOpen);
     };
 
     const loadElevio = (isOpen = false) => {
-        if (!window._elev) return; // eslint-disable-line no-underscore-dangle
+        if (!window._elev) return;
 
-        // eslint-disable-next-line no-underscore-dangle
         window._elev.on('widget:opened', () => {
             if (localStorage.getItem('seenWhatsBinaryBot')) {
-                window._elev.open(); // eslint-disable-line no-underscore-dangle
+                window._elev.open();
             } else {
                 localStorage.setItem('seenWhatsBinaryBot', true);
-                window._elev.openArticle(90); // eslint-disable-line no-underscore-dangle
+                window._elev.openArticle(90);
             }
         });
 
-        // eslint-disable-next-line no-underscore-dangle
         window._elev.on('load', elev => {
-            GTM.pushDataLayer({ event: 'elevio_widget_load' });
+            /* eslint-disable-next-line no-unused-expressions */
+            GTM?.pushDataLayer?.({ event: 'elevio_widget_load' });
             const availableLanguages = ['en', 'es', 'id', 'pt', 'ru'];
             const currentLanguage = getLanguage();
             if (availableLanguages.includes(currentLanguage)) {
@@ -80,12 +79,12 @@ const Elevio = (() => {
 
     const addEventListenerGTM = () => {
         window._elev.on('widget:opened', () => {
-            // eslint-disable-line no-underscore-dangle
-            GTM.pushDataLayer({ event: 'elevio_widget_opened', is_elevio: true });
+            /* eslint-disable-next-line no-unused-expressions */
+            GTM?.pushDataLayer?.({ event: 'elevio_widget_opened', is_elevio: true });
         });
         window._elev.on('page:view', () => {
-            // eslint-disable-line no-underscore-dangle
-            GTM.pushDataLayer({ event: 'elevio_page_views', is_elevio: true });
+            /* eslint-disable-next-line no-unused-expressions */
+            GTM?.pushDataLayer?.({ event: 'elevio_page_views', is_elevio: true });
         });
     };
 

src/common/i18n.js

@@ -45,6 +45,7 @@ export const translate = (input, params = []) => {
         let translatedString = i18nTranslate(stringToBeTranslated);
         params.forEach((replacement, index) => {
             if (translatedString && typeof translatedString === 'string') {
+                /* eslint-disable-next-line no-useless-escape */
                 translatedString = translatedString.replaceAll(`\{\$${index}\}`, replacement);
             }
         });

src/common/utils/tools.js

@@ -122,5 +122,7 @@ export const loadExternalScript = (src, async = true, defer = true) =>
 export const errLogger = (err, msg) => {
     const errStr = JSON.stringify(err);
     const errMsg = `${msg} - Error: ${errStr}`;
+
+    /* eslint-disable-next-line */
     console.warn(errMsg);
 };

src/indexPage/index.js

@@ -32,7 +32,8 @@ const loginCheck = () => {
             $('.show-on-load').show();
             $('.barspinner').hide();
             renderElements();
-            GTM.init();
+            /* eslint-disable-next-line no-unused-expressions */
+            GTM?.init?.();
         });
     }
 };