@jitsu/js 1.1.0-canary.344.20230430234929 → 1.1.0-canary.391.20230523080206

package/dist/web/p.js.txt

@@ -68,7 +68,50 @@
     return ke(_objectSpread2(_objectSpread2({}, defaultSettings), opts));
   }
 
-  var __awaiter$1 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+  function findScript(src) {
+      const scripts = Array.prototype.slice.call(window.document.querySelectorAll("script"));
+      return scripts.find(s => s.src === src);
+  }
+  function loadScript(src, attributes) {
+      const found = findScript(src);
+      if (found !== undefined) {
+          const status = found === null || found === void 0 ? void 0 : found.getAttribute("status");
+          if (status === "loaded") {
+              return Promise.resolve(found);
+          }
+          if (status === "loading") {
+              return new Promise((resolve, reject) => {
+                  found.addEventListener("load", () => resolve(found));
+                  found.addEventListener("error", err => reject(err));
+              });
+          }
+      }
+      return new Promise((resolve, reject) => {
+          var _a;
+          const script = window.document.createElement("script");
+          script.type = "text/javascript";
+          script.src = src;
+          script.async = true;
+          script.setAttribute("status", "loading");
+          for (const [k, v] of Object.entries(attributes !== null && attributes !== void 0 ? attributes : {})) {
+              script.setAttribute(k, v);
+          }
+          script.onload = () => {
+              script.onerror = script.onload = null;
+              script.setAttribute("status", "loaded");
+              resolve(script);
+          };
+          script.onerror = () => {
+              script.onerror = script.onload = null;
+              script.setAttribute("status", "error");
+              reject(new Error(`Failed to load ${src}`));
+          };
+          const tag = window.document.getElementsByTagName("script")[0];
+          (_a = tag.parentElement) === null || _a === void 0 ? void 0 : _a.insertBefore(script, tag);
+      });
+  }
+
+  var __awaiter$3 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
       function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
       return new (P || (P = Promise))(function (resolve, reject) {
           function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -77,18 +120,10 @@
           step((generator = generator.apply(thisArg, _arguments || [])).next());
       });
   };
-  function satisfyFilter(filter, subject) {
-      return filter === "*" || filter.toLowerCase().trim() === (subject || "").trim().toLowerCase();
-  }
-  function applyFilters(event, creds) {
-      const { hosts = ["*"], events = ["*"] } = creds;
-      return (!!hosts.find(hostFilter => { var _a; return satisfyFilter(hostFilter, (_a = event.context) === null || _a === void 0 ? void 0 : _a.host); }) &&
-          !!events.find(eventFilter => satisfyFilter(eventFilter, event.type)));
-  }
   const tagPlugin = {
       id: "tag",
       handle(config, payload) {
-          return __awaiter$1(this, void 0, void 0, function* () {
+          return __awaiter$3(this, void 0, void 0, function* () {
               if (!applyFilters(payload, config)) {
                   return;
               }
@@ -156,53 +191,206 @@
   function replaceMacro(code, event) {
       return code.replace(/{{\s*event\s*}}/g, JSON.stringify(event));
   }
-  const internalDestinationPlugins = {
-      [tagPlugin.id]: tagPlugin,
-  };
 
-  function findScript(src) {
-      const scripts = Array.prototype.slice.call(window.document.querySelectorAll("script"));
-      return scripts.find(s => s.src === src);
+  var __awaiter$2 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+      function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+      return new (P || (P = Promise))(function (resolve, reject) {
+          function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+          function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+          function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+          step((generator = generator.apply(thisArg, _arguments || [])).next());
+      });
+  };
+  const logrocketPlugin = {
+      id: "logrocket",
+      handle(config, payload) {
+          return __awaiter$2(this, void 0, void 0, function* () {
+              if (!applyFilters(payload, config)) {
+                  return;
+              }
+              initLogrocketIfNeeded(config.appId);
+              const action = logRocket => {
+                  if (payload.type === "identify" && payload.userId) {
+                      logRocket.identify(payload.userId, payload.traits || {});
+                  }
+              };
+              getLogRocketQueue().push(action);
+              if (getLogRocketState() === "loaded") {
+                  flushLogRocketQueue(window["LogRocket"]);
+              }
+          });
+      },
+  };
+  function getLogRocketState() {
+      return window["__jitsuLrState"] || "fresh";
   }
-  function loadScript(src, attributes) {
-      const found = findScript(src);
-      if (found !== undefined) {
-          const status = found === null || found === void 0 ? void 0 : found.getAttribute("status");
-          if (status === "loaded") {
-              return Promise.resolve(found);
+  function setLogRocketState(s) {
+      window["__jitsuLrState"] = s;
+  }
+  function getLogRocketQueue() {
+      return window["__jitsuLrQueue"] || (window["__jitsuLrQueue"] = []);
+  }
+  function flushLogRocketQueue(lr) {
+      const queue = getLogRocketQueue();
+      while (queue.length > 0) {
+          const method = queue.shift();
+          try {
+              const res = method(lr);
+              if (res) {
+                  res.catch(e => console.warn(`Async LogRocket method failed: ${e.message}`, e));
+              }
           }
-          if (status === "loading") {
-              return new Promise((resolve, reject) => {
-                  found.addEventListener("load", () => resolve(found));
-                  found.addEventListener("error", err => reject(err));
-              });
+          catch (e) {
+              console.warn(`LogRocket method failed: ${e.message}`, e);
           }
       }
-      return new Promise((resolve, reject) => {
-          var _a;
-          const script = window.document.createElement("script");
-          script.type = "text/javascript";
-          script.src = src;
-          script.async = true;
-          script.setAttribute("status", "loading");
-          for (const [k, v] of Object.entries(attributes !== null && attributes !== void 0 ? attributes : {})) {
-              script.setAttribute(k, v);
+  }
+  function initLogrocketIfNeeded(appId) {
+      return __awaiter$2(this, void 0, void 0, function* () {
+          if (getLogRocketState() !== "fresh") {
+              return;
           }
-          script.onload = () => {
-              script.onerror = script.onload = null;
-              script.setAttribute("status", "loaded");
-              resolve(script);
-          };
-          script.onerror = () => {
-              script.onerror = script.onload = null;
-              script.setAttribute("status", "error");
-              reject(new Error(`Failed to load ${src}`));
+          setLogRocketState("loading");
+          loadScript(`https://cdn.lr-ingest.io/LogRocket.min.js`, { crossOrigin: "anonymous" })
+              .then(() => {
+              if (window["LogRocket"]) {
+                  try {
+                      window["LogRocket"].init(appId);
+                  }
+                  catch (e) {
+                      console.warn(`LogRocket (id=${appId}) init failed: ${e.message}`, e);
+                      setLogRocketState("failed");
+                  }
+                  setLogRocketState("loaded");
+                  flushLogRocketQueue(window["LogRocket"]);
+              }
+          })
+              .catch(e => {
+              console.warn(`LogRocket (id=${appId}) init failed: ${e.message}`, e);
+              setLogRocketState("failed");
+          });
+      });
+  }
+
+  var __awaiter$1 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+      function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+      return new (P || (P = Promise))(function (resolve, reject) {
+          function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+          function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+          function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+          step((generator = generator.apply(thisArg, _arguments || [])).next());
+      });
+  };
+  const defaultScriptSrc = "https://www.googletagmanager.com/gtag/js";
+  const gtmPlugin = {
+      id: "gtm",
+      handle(config, payload) {
+          var _a, _b;
+          return __awaiter$1(this, void 0, void 0, function* () {
+              if (!applyFilters(payload, config)) {
+                  return;
+              }
+              yield initGtmIfNeeded(config);
+              const dataLayer = window[config.dataLayerName || "dataLayer"];
+              switch (payload.type) {
+                  case "page":
+                      const { properties: pageProperties, context } = payload;
+                      const pageEvent = {
+                          event: "page_view",
+                          url: pageProperties.url,
+                          title: pageProperties.title,
+                          referer: (_b = (_a = context === null || context === void 0 ? void 0 : context.page) === null || _a === void 0 ? void 0 : _a.referrer) !== null && _b !== void 0 ? _b : "",
+                      };
+                      if (config.debug) {
+                          console.log("gtag push", pageEvent);
+                      }
+                      dataLayer.push(pageEvent);
+                      break;
+                  case "track":
+                      const { properties: trackProperties } = payload;
+                      const trackEvent = Object.assign({ event: payload.event }, trackProperties);
+                      if (payload.userId) {
+                          trackEvent.userId = payload.userId;
+                      }
+                      if (payload.anonymousId) {
+                          trackEvent.anonymousId = payload.anonymousId;
+                      }
+                      if (config.debug) {
+                          console.log("gtag push", trackEvent);
+                      }
+                      dataLayer.push(trackEvent);
+                      break;
+                  case "identify":
+                      const { traits } = payload;
+                      const identifyEvent = Object.assign({ event: "identify" }, traits);
+                      if (payload.userId) {
+                          identifyEvent.userId = payload.userId;
+                      }
+                      if (payload.anonymousId) {
+                          identifyEvent.anonymousId = payload.anonymousId;
+                      }
+                      if (config.debug) {
+                          console.log("gtag push", identifyEvent);
+                      }
+                      dataLayer.push(identifyEvent);
+                      break;
+              }
+          });
+      },
+  };
+  function getGtmState() {
+      return window["__jitsuGtmState"] || "fresh";
+  }
+  function setGtmState(s) {
+      window["__jitsuGtmState"] = s;
+  }
+  function initGtmIfNeeded(config) {
+      return __awaiter$1(this, void 0, void 0, function* () {
+          if (getGtmState() !== "fresh") {
+              return;
+          }
+          setGtmState("loading");
+          const dlName = config.dataLayerName || "dataLayer";
+          const dlParam = dlName !== "dataLayer" ? "&l=" + dlName : "";
+          const previewParams = config.preview
+              ? `&gtm_preview=${config.preview}&gtm_auth=${config.auth}&gtm_cookies_win=x`
+              : "";
+          const scriptSrc = `${config.customScriptSrc || defaultScriptSrc}?id=${config.containerId}${dlParam}${previewParams}`;
+          window[dlName] = window[dlName] || [];
+          const gtag = function () {
+              window[dlName].push(arguments);
           };
-          const tag = window.document.getElementsByTagName("script")[0];
-          (_a = tag.parentElement) === null || _a === void 0 ? void 0 : _a.insertBefore(script, tag);
+          // @ts-ignore
+          gtag("js", new Date());
+          // @ts-ignore
+          gtag("config", config.containerId);
+          loadScript(scriptSrc)
+              .then(() => {
+              setGtmState("loaded");
+          })
+              .catch(e => {
+              console.warn(`GTM (containerId=${config.containerId}) init failed: ${e.message}`, e);
+              setGtmState("failed");
+          });
       });
   }
 
+  function satisfyFilter(filter, subject) {
+      return filter === "*" || filter.toLowerCase().trim() === (subject || "").trim().toLowerCase();
+  }
+  function applyFilters(event, creds) {
+      const { hosts = "*", events = "*" } = creds;
+      const eventsArray = events.split("\n");
+      return (!!hosts.split("\n").find(hostFilter => { var _a; return satisfyFilter(hostFilter, (_a = event.context) === null || _a === void 0 ? void 0 : _a.host); }) &&
+          (!!eventsArray.find(eventFilter => satisfyFilter(eventFilter, event.type)) ||
+              !!eventsArray.find(eventFilter => satisfyFilter(eventFilter, event.event))));
+  }
+  const internalDestinationPlugins = {
+      [tagPlugin.id]: tagPlugin,
+      [gtmPlugin.id]: gtmPlugin,
+      [logrocketPlugin.id]: logrocketPlugin,
+  };
+
   /* global analytics */
   var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
       function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
@@ -221,6 +409,8 @@
       debug: false,
       fetch: null,
       echoEvents: false,
+      cookieDomain: undefined,
+      runtime: undefined,
   };
   const parseQuery = (qs) => {
       if (!qs) {
@@ -444,7 +634,7 @@
           userAgent: runtime.userAgent(),
           locale: runtime.language(),
           screen: runtime.screen(),
-          traits: payload.type != "identify" ? Object.assign({}, (restoreTraits(storage) || {})) : undefined,
+          traits: payload.type != "identify" && payload.type != "group" ? Object.assign({}, (restoreTraits(storage) || {})) : undefined,
           page: {
               path: properties.path || (parsedUrl && parsedUrl.pathname),
               referrer: referrer,
@@ -453,7 +643,7 @@
               search: properties.search || (parsedUrl && parsedUrl.search),
               title: properties.title || runtime.pageTitle(),
               url: properties.url || url,
-              enconding: properties.enconding || runtime.documentEncoding(),
+              encoding: properties.encoding || runtime.documentEncoding(),
           },
           campaign: parseUtms(query),
       };
@@ -466,12 +656,12 @@
       return __awaiter(this, void 0, void 0, function* () {
           const promises = [];
           for (const destination of destinations) {
+              const credentials = Object.assign(Object.assign({}, destination.credentials), destination.options);
               if (destination.deviceOptions.type === "internal-plugin") {
                   const plugin = internalDestinationPlugins[destination.deviceOptions.name];
                   if (plugin) {
                       try {
                           //to support old versions, where credentials were stored in root
-                          const credentials = destination.credentials || destination;
                           promises.push(plugin.handle(credentials, event));
                       }
                       catch (e) {
@@ -491,7 +681,7 @@
                   else {
                       let pluginInstance;
                       try {
-                          pluginInstance = (typeof plugin === "function" ? plugin : plugin.init)(destination.credentials);
+                          pluginInstance = (typeof plugin === "function" ? plugin : plugin.init)(credentials);
                       }
                       catch (e) {
                           console.warn(`[JITSU] Error creating plugin '${destination.deviceOptions.moduleVarName}@${destination.deviceOptions.packageCdn}' for destination '${destination.id}': ${e === null || e === void 0 ? void 0 : e.message}`, e);
@@ -561,7 +751,7 @@
           }
           if (response.destinations) {
               if (jitsuConfig.debug) {
-                  console.log(`[JITSU] Processing device destianations: `, JSON.stringify(response.destinations, null, 2));
+                  console.log(`[JITSU] Processing device destinations: `, JSON.stringify(response.destinations, null, 2));
               }
               return processDestinations(response.destinations, method, adjustedPayload, !!jitsuConfig.debug, instance);
           }
@@ -590,9 +780,10 @@
               persistentStorage.removeItem(key);
           },
       });
+      const instanceConfig = Object.assign(Object.assign({}, config), pluginConfig);
       return {
           name: "jitsu",
-          config: Object.assign(Object.assign({}, config), pluginConfig),
+          config: instanceConfig,
           initialize: args => {
               const { config } = args;
               if (config.debug) {
@@ -620,6 +811,16 @@
               //clear storage cache
               Object.keys(storageCache).forEach(key => delete storageCache[key]);
           },
+          methods: {
+              //analytics doesn't support group as a base method, so we need to add it manually
+              group(groupId, traits, options, callback) {
+                  const analyticsInstance = this.instance;
+                  const user = analyticsInstance.user();
+                  const userId = (options === null || options === void 0 ? void 0 : options.userId) || (user === null || user === void 0 ? void 0 : user.userId);
+                  const anonymousId = (options === null || options === void 0 ? void 0 : options.anonymousId) || (user === null || user === void 0 ? void 0 : user.anonymousId);
+                  return send("group", Object.assign(Object.assign({ type: "group", groupId, traits }, (anonymousId ? { anonymousId } : {})), (userId ? { userId } : {})), instanceConfig, analyticsInstance, cachingStorageWrapper(analyticsInstance.storage));
+              },
+          },
       };
   };
   function getSeed() {
@@ -683,7 +884,14 @@
               return originalPage(...args);
           }
       };
-      return analytics;
+      return Object.assign(Object.assign({}, analytics), { group(groupId, traits, options, callback) {
+              for (const plugin of Object.values(analytics.plugins)) {
+                  if (plugin["group"]) {
+                      plugin["group"](groupId, traits, options, callback);
+                  }
+              }
+              return Promise.resolve({});
+          } });
   }
   function jitsuAnalytics(opts) {
       const inBrowser = isInBrowser();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jitsu/js",
-  "version": "1.1.0-canary.344.20230430234929",
+  "version": "1.1.0-canary.391.20230523080206",
   "description": "",
   "author": "Jitsu Dev Team <dev@jitsu.com>",
   "main": "dist/jitsu.cjs.js",
@@ -34,7 +34,7 @@
     "rollup": "^3.2.5",
     "ts-jest": "29.0.5",
     "typescript": "^4.9.5",
-    "@jitsu/protocols": "1.1.0-canary.344.20230430234929"
+    "@jitsu/protocols": "1.1.0-canary.391.20230523080206"
   },
   "dependencies": {
     "analytics": "^0.8.1"

package/src/analytics-plugin.ts

@@ -1,13 +1,13 @@
 /* global analytics */
 
 import { JitsuOptions, PersistentStorage, RuntimeFacade } from "./jitsu";
-import { AnalyticsClientEvent } from "@jitsu/protocols/analytics";
+import { AnalyticsClientEvent, Callback, ID, JSONObject, Options } from "@jitsu/protocols/analytics";
 import parse from "./index";
 import { AnalyticsInstance, AnalyticsPlugin } from "analytics";
-import { internalDestinationPlugins } from "./destination-plugins";
 import { loadScript } from "./script-loader";
+import { internalDestinationPlugins } from "./destination-plugins";
 
-const config: JitsuOptions = {
+const config: Required<JitsuOptions> = {
   /* Your segment writeKey */
   writeKey: null,
   /* Disable anonymous MTU */
@@ -15,6 +15,8 @@ const config: JitsuOptions = {
   debug: false,
   fetch: null,
   echoEvents: false,
+  cookieDomain: undefined,
+  runtime: undefined,
 };
 
 export const parseQuery = (qs?: string): Record<string, string> => {
@@ -261,7 +263,7 @@ function adjustPayload(payload: any, config: JitsuOptions, storage: PersistentSt
     userAgent: runtime.userAgent(),
     locale: runtime.language(),
     screen: runtime.screen(),
-    traits: payload.type != "identify" ? { ...(restoreTraits(storage) || {}) } : undefined,
+    traits: payload.type != "identify" && payload.type != "group" ? { ...(restoreTraits(storage) || {}) } : undefined,
     page: {
       path: properties.path || (parsedUrl && parsedUrl.pathname),
       referrer: referrer,
@@ -270,7 +272,7 @@ function adjustPayload(payload: any, config: JitsuOptions, storage: PersistentSt
       search: properties.search || (parsedUrl && parsedUrl.search),
       title: properties.title || runtime.pageTitle(),
       url: properties.url || url,
-      enconding: properties.enconding || runtime.documentEncoding(),
+      encoding: properties.encoding || runtime.documentEncoding(),
     },
     campaign: parseUtms(query),
   };
@@ -291,6 +293,7 @@ export type DestinationDescriptor = {
   id: string;
   destinationType: string;
   credentials: any;
+  options: any;
   deviceOptions: DeviceOptions;
 };
 export type AnalyticsPluginDescriptor = {
@@ -315,12 +318,12 @@ async function processDestinations(
 ) {
   const promises: Promise<any>[] = [];
   for (const destination of destinations) {
+    const credentials = { ...destination.credentials, ...destination.options };
+
     if (destination.deviceOptions.type === "internal-plugin") {
       const plugin = internalDestinationPlugins[destination.deviceOptions.name];
       if (plugin) {
         try {
-          //to support old versions, where credentials were stored in root
-          const credentials = destination.credentials || destination;
           promises.push(plugin.handle(credentials, event));
         } catch (e) {
           console.warn(
@@ -343,7 +346,7 @@ async function processDestinations(
       } else {
         let pluginInstance: any;
         try {
-          pluginInstance = (typeof plugin === "function" ? plugin : plugin.init)(destination.credentials);
+          pluginInstance = (typeof plugin === "function" ? plugin : plugin.init)(credentials);
         } catch (e) {
           console.warn(
             `[JITSU] Error creating plugin '${destination.deviceOptions.moduleVarName}@${destination.deviceOptions.packageCdn}' for destination '${destination.id}': ${e?.message}`,
@@ -441,7 +444,7 @@ function send(
       }
       if (response.destinations) {
         if (jitsuConfig.debug) {
-          console.log(`[JITSU] Processing device destianations: `, JSON.stringify(response.destinations, null, 2));
+          console.log(`[JITSU] Processing device destinations: `, JSON.stringify(response.destinations, null, 2));
         }
         return processDestinations(response.destinations, method, adjustedPayload, !!jitsuConfig.debug, instance);
       }
@@ -471,12 +474,13 @@ const jitsuAnalyticsPlugin = (pluginConfig: JitsuOptions = {}): AnalyticsPlugin
       persistentStorage.removeItem(key);
     },
   });
+  const instanceConfig = {
+    ...config,
+    ...pluginConfig,
+  };
   return {
     name: "jitsu",
-    config: {
-      ...config,
-      ...pluginConfig,
-    },
+    config: instanceConfig,
     initialize: args => {
       const { config } = args;
       if (config.debug) {
@@ -504,6 +508,22 @@ const jitsuAnalyticsPlugin = (pluginConfig: JitsuOptions = {}): AnalyticsPlugin
       //clear storage cache
       Object.keys(storageCache).forEach(key => delete storageCache[key]);
     },
+    methods: {
+      //analytics doesn't support group as a base method, so we need to add it manually
+      group(groupId?: ID, traits?: JSONObject | null, options?: Options, callback?: Callback) {
+        const analyticsInstance = this.instance;
+        const user = analyticsInstance.user();
+        const userId = options?.userId || user?.userId;
+        const anonymousId = options?.anonymousId || user?.anonymousId;
+        return send(
+          "group",
+          { type: "group", groupId, traits, ...(anonymousId ? { anonymousId } : {}), ...(userId ? { userId } : {}) },
+          instanceConfig,
+          analyticsInstance,
+          cachingStorageWrapper(analyticsInstance.storage)
+        );
+      },
+    },
   };
 };
 

package/src/destination-plugins/gtm.ts

@@ -0,0 +1,112 @@
+import { loadScript } from "../script-loader";
+import { AnalyticsClientEvent } from "@jitsu/protocols/analytics";
+import { applyFilters, CommonDestinationCredentials, InternalPlugin } from "./index";
+
+const defaultScriptSrc = "https://www.googletagmanager.com/gtag/js";
+
+export type GtmDestinationCredentials = {
+  debug: boolean;
+  containerId: string;
+  dataLayerName: string;
+  preview: string;
+  auth: string;
+  customScriptSrc: string;
+} & CommonDestinationCredentials;
+
+export const gtmPlugin: InternalPlugin<GtmDestinationCredentials> = {
+  id: "gtm",
+  async handle(config, payload: AnalyticsClientEvent) {
+    if (!applyFilters(payload, config)) {
+      return;
+    }
+    await initGtmIfNeeded(config);
+
+    const dataLayer = window[config.dataLayerName || "dataLayer"];
+
+    switch (payload.type) {
+      case "page":
+        const { properties: pageProperties, context } = payload;
+        const pageEvent = {
+          event: "page_view",
+          url: pageProperties.url,
+          title: pageProperties.title,
+          referer: context?.page?.referrer ?? "",
+        };
+        if (config.debug) {
+          console.log("gtag push", pageEvent);
+        }
+        dataLayer.push(pageEvent);
+        break;
+      case "track":
+        const { properties: trackProperties } = payload;
+        const trackEvent: any = { event: payload.event, ...trackProperties };
+        if (payload.userId) {
+          trackEvent.userId = payload.userId;
+        }
+        if (payload.anonymousId) {
+          trackEvent.anonymousId = payload.anonymousId;
+        }
+        if (config.debug) {
+          console.log("gtag push", trackEvent);
+        }
+        dataLayer.push(trackEvent);
+        break;
+      case "identify":
+        const { traits } = payload;
+        const identifyEvent: any = { event: "identify", ...traits };
+        if (payload.userId) {
+          identifyEvent.userId = payload.userId;
+        }
+        if (payload.anonymousId) {
+          identifyEvent.anonymousId = payload.anonymousId;
+        }
+        if (config.debug) {
+          console.log("gtag push", identifyEvent);
+        }
+        dataLayer.push(identifyEvent);
+        break;
+    }
+  },
+};
+
+type GtmState = "fresh" | "loading" | "loaded" | "failed";
+
+function getGtmState(): GtmState {
+  return window["__jitsuGtmState"] || "fresh";
+}
+
+function setGtmState(s: GtmState) {
+  window["__jitsuGtmState"] = s;
+}
+
+async function initGtmIfNeeded(config: GtmDestinationCredentials) {
+  if (getGtmState() !== "fresh") {
+    return;
+  }
+  setGtmState("loading");
+
+  const dlName = config.dataLayerName || "dataLayer";
+  const dlParam = dlName !== "dataLayer" ? "&l=" + dlName : "";
+  const previewParams = config.preview
+    ? `&gtm_preview=${config.preview}&gtm_auth=${config.auth}&gtm_cookies_win=x`
+    : "";
+  const scriptSrc = `${config.customScriptSrc || defaultScriptSrc}?id=${config.containerId}${dlParam}${previewParams}`;
+
+  window[dlName] = window[dlName] || [];
+  const gtag = function () {
+    window[dlName].push(arguments);
+  };
+  // @ts-ignore
+  gtag("js", new Date());
+  // @ts-ignore
+  gtag("config", config.containerId);
+
+  loadScript(scriptSrc)
+    .then(() => {
+      setGtmState("loaded");
+    })
+    .catch(e => {
+      console.warn(`GTM (containerId=${config.containerId}) init failed: ${e.message}`, e);
+      setGtmState("failed");
+    });
+}