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

package/dist/jitsu.es.js

@@ -65,7 +65,50 @@ function analyticsLib() {
   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); } }
@@ -74,18 +117,10 @@ var __awaiter$1 = (undefined && undefined.__awaiter) || function (thisArg, _argu
         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;
             }
@@ -153,53 +188,193 @@ function execJs(code, event) {
 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) {
+        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 } = payload;
+                    const pageEvent = Object.assign({ event: "page_view" }, pageProperties);
+                    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 (config.debug) {
+                        console.log("gtag push", trackEvent);
+                    }
+                    dataLayer.push(trackEvent);
+                    break;
+                case "identify":
+                    const { anonymousId, userId, traits } = payload;
+                    const user = traits;
+                    if (userId) {
+                        user.userId = userId;
+                    }
+                    if (anonymousId) {
+                        user.anonymousId = anonymousId;
+                    }
+                    const identifyEvent = { event: "identify", user: user };
+                    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;
+    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 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); }); }
@@ -218,6 +393,8 @@ const config = {
     debug: false,
     fetch: null,
     echoEvents: false,
+    cookieDomain: undefined,
+    runtime: undefined,
 };
 const parseQuery = (qs) => {
     if (!qs) {
@@ -441,7 +618,7 @@ function adjustPayload(payload, config, storage) {
         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,
@@ -450,7 +627,7 @@ function adjustPayload(payload, config, storage) {
             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),
     };
@@ -558,7 +735,7 @@ function send(method, payload, jitsuConfig, instance, store) {
         }
         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);
         }
@@ -587,9 +764,10 @@ const jitsuAnalyticsPlugin = (pluginConfig = {}) => {
             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) {
@@ -617,6 +795,16 @@ const jitsuAnalyticsPlugin = (pluginConfig = {}) => {
             //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() {
@@ -669,6 +857,7 @@ const emptyAnalytics = {
     page: () => Promise.resolve(),
     user: () => ({}),
     identify: () => Promise.resolve({}),
+    group: () => Promise.resolve({}),
     reset: () => Promise.resolve({}),
 };
 function createUnderlyingAnalyticsInstance(opts, rt, plugins = []) {
@@ -687,7 +876,14 @@ function createUnderlyingAnalyticsInstance(opts, rt, plugins = []) {
             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();