@jitsu/js 1.5.1 → 1.7.1

package/README.md

@@ -0,0 +1,9 @@
+## Install
+
+```bash
+npm install --save @jitsu/jitsu-react
+```
+
+## Usage
+
+**Please read a documentation on [Jitsu Docs](https://docs.jitsu.com/sending-data/npm)**

package/dist/analytics-plugin.d.ts

@@ -10,6 +10,7 @@ export type DestinationDescriptor = {
     destinationType: string;
     credentials: any;
     options: any;
+    newEvents?: any[];
     deviceOptions: DeviceOptions;
 };
 export type AnalyticsPluginDescriptor = {

package/dist/index.d.ts

@@ -11,4 +11,3 @@ export declare const emptyAnalytics: {
 export declare function jitsuAnalytics(opts: JitsuOptions): AnalyticsInterface;
 export * from "./jitsu";
 export * from "./analytics-plugin";
-export { getTopLevelDomain } from "./tlds";

package/dist/jitsu.cjs.js

@@ -110,7 +110,7 @@ function loadScript(src, attributes) {
     });
 }
 
-var __awaiter$3 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+var __awaiter$4 = (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); } }
@@ -122,7 +122,7 @@ var __awaiter$3 = (undefined && undefined.__awaiter) || function (thisArg, _argu
 const tagPlugin = {
     id: "tag",
     handle(config, payload) {
-        return __awaiter$3(this, void 0, void 0, function* () {
+        return __awaiter$4(this, void 0, void 0, function* () {
             if (!applyFilters(payload, config)) {
                 return;
             }
@@ -191,7 +191,7 @@ function replaceMacro(code, event) {
     return code.replace(/{{\s*event\s*}}/g, JSON.stringify(event));
 }
 
-var __awaiter$2 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+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); } }
@@ -203,7 +203,7 @@ var __awaiter$2 = (undefined && undefined.__awaiter) || function (thisArg, _argu
 const logrocketPlugin = {
     id: "logrocket",
     handle(config, payload) {
-        return __awaiter$2(this, void 0, void 0, function* () {
+        return __awaiter$3(this, void 0, void 0, function* () {
             if (!applyFilters(payload, config)) {
                 return;
             }
@@ -245,7 +245,7 @@ function flushLogRocketQueue(lr) {
     }
 }
 function initLogrocketIfNeeded(appId) {
-    return __awaiter$2(this, void 0, void 0, function* () {
+    return __awaiter$3(this, void 0, void 0, function* () {
         if (getLogRocketState() !== "fresh") {
             return;
         }
@@ -271,7 +271,7 @@ function initLogrocketIfNeeded(appId) {
     });
 }
 
-var __awaiter$1 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+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); } }
@@ -280,60 +280,38 @@ var __awaiter$1 = (undefined && undefined.__awaiter) || function (thisArg, _argu
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-const defaultScriptSrc = "https://www.googletagmanager.com/gtag/js";
+const defaultScriptSrc$1 = "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* () {
+        return __awaiter$2(this, void 0, void 0, function* () {
             if (!applyFilters(payload, config)) {
                 return;
             }
-            yield initGtmIfNeeded(config);
+            yield initGtmIfNeeded(config, payload);
             const dataLayer = window[config.dataLayerName || "dataLayer"];
+            const ids = Object.assign(Object.assign({}, (payload.userId ? { user_id: payload.userId, userId: payload.userId } : {})), (payload.anonymousId ? { anonymousId: payload.anonymousId } : {}));
             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);
-                    }
+                    const pageEvent = Object.assign({ event: "page_view", page_location: pageProperties.url, page_title: pageProperties.title, page_path: pageProperties.path, page_hash: pageProperties.hash, page_search: pageProperties.search, page_referrer: (_b = (_a = context === null || context === void 0 ? void 0 : context.page) === null || _a === void 0 ? void 0 : _a.referrer) !== null && _b !== void 0 ? _b : "" }, ids);
                     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);
-                    }
+                    const trackEvent = Object.assign(Object.assign({ event: payload.event }, trackProperties), ids);
                     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);
-                    }
+                    const identifyEvent = Object.assign(Object.assign({ event: "identify" }, traits), ids);
                     dataLayer.push(identifyEvent);
                     break;
             }
+            dataLayer.push(function () {
+                this.reset();
+            });
         });
     },
 };
@@ -343,8 +321,8 @@ function getGtmState() {
 function setGtmState(s) {
     window["__jitsuGtmState"] = s;
 }
-function initGtmIfNeeded(config) {
-    return __awaiter$1(this, void 0, void 0, function* () {
+function initGtmIfNeeded(config, payload) {
+    return __awaiter$2(this, void 0, void 0, function* () {
         if (getGtmState() !== "fresh") {
             return;
         }
@@ -354,26 +332,122 @@ function initGtmIfNeeded(config) {
         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}`;
+        const tagId = config.containerId;
+        const scriptSrc = `${config.customScriptSrc || defaultScriptSrc$1}?id=${tagId}${dlParam}${previewParams}`;
         window[dlName] = window[dlName] || [];
         const gtag = function () {
             window[dlName].push(arguments);
         };
+        window[dlName].push({
+            user_id: payload.userId,
+        });
         // @ts-ignore
         gtag("js", new Date());
         // @ts-ignore
-        gtag("config", config.containerId);
+        gtag("config", tagId);
         loadScript(scriptSrc)
             .then(() => {
             setGtmState("loaded");
         })
             .catch(e => {
-            console.warn(`GTM (containerId=${config.containerId}) init failed: ${e.message}`, e);
+            console.warn(`GTM (containerId=${tagId}) init failed: ${e.message}`, e);
             setGtmState("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 ga4Plugin = {
+    id: "ga4-tag",
+    handle(config, payload) {
+        var _a, _b;
+        return __awaiter$1(this, void 0, void 0, function* () {
+            if (!applyFilters(payload, config)) {
+                return;
+            }
+            yield initGa4IfNeeded(config, payload);
+            const dataLayer = window[config.dataLayerName || "dataLayer"];
+            const gtag = function () {
+                dataLayer.push(arguments);
+            };
+            const ids = Object.assign(Object.assign({}, (payload.userId ? { user_id: payload.userId, userId: payload.userId } : {})), (payload.anonymousId ? { anonymousId: payload.anonymousId } : {}));
+            if (payload.userId) {
+                // @ts-ignore
+                gtag("set", { user_id: payload.userId });
+            }
+            switch (payload.type) {
+                case "page":
+                    if (config.autoPageView) {
+                        console.log("autoPageView");
+                        break;
+                    }
+                    const { properties: pageProperties, context } = payload;
+                    const pageEvent = Object.assign({ page_location: pageProperties.url, page_title: pageProperties.title, page_path: pageProperties.path, page_hash: pageProperties.hash, page_search: pageProperties.search, page_referrer: (_b = (_a = context === null || context === void 0 ? void 0 : context.page) === null || _a === void 0 ? void 0 : _a.referrer) !== null && _b !== void 0 ? _b : "" }, ids);
+                    // @ts-ignore
+                    gtag("event", "page_view", pageEvent);
+                    break;
+                case "track":
+                    const { properties: trackProperties } = payload;
+                    const trackEvent = Object.assign(Object.assign({}, trackProperties), ids);
+                    // @ts-ignore
+                    gtag("event", payload.event, trackEvent);
+                    break;
+                case "identify":
+                    const { traits } = payload;
+                    const identifyEvent = Object.assign(Object.assign({}, traits), ids);
+                    // @ts-ignore
+                    gtag("event", "identify", identifyEvent);
+                    break;
+            }
+        });
+    },
+};
+function getGa4State() {
+    return window["__jitsuGa4State"] || "fresh";
+}
+function setGa4State(s) {
+    window["__jitsuGa4State"] = s;
+}
+function initGa4IfNeeded(config, payload) {
+    return __awaiter$1(this, void 0, void 0, function* () {
+        if (getGa4State() !== "fresh") {
+            return;
+        }
+        setGa4State("loading");
+        const dlName = config.dataLayerName || "dataLayer";
+        const dlParam = dlName !== "dataLayer" ? "&l=" + dlName : "";
+        // to work with both GA4 and GTM
+        const tagId = config.measurementIds;
+        const scriptSrc = `${defaultScriptSrc}?id=${tagId}${dlParam}`;
+        window[dlName] = window[dlName] || [];
+        const gtag = function () {
+            window[dlName].push(arguments);
+        };
+        // @ts-ignore
+        gtag("js", new Date());
+        gtag(
+        // @ts-ignore
+        "config", tagId, Object.assign(Object.assign({}, (payload.userId ? { user_id: payload.userId } : {})), (!config.autoPageView ? { send_page_view: false } : {})));
+        loadScript(scriptSrc)
+            .then(() => {
+            setGa4State("loaded");
+        })
+            .catch(e => {
+            console.warn(`GA4 (containerId=${config.measurementIds}) init failed: ${e.message}`, e);
+            setGa4State("failed");
+        });
+    });
+}
+
 function satisfyFilter(filter, subject) {
     return filter === "*" || filter.toLowerCase().trim() === (subject || "").trim().toLowerCase();
 }
@@ -394,7 +468,7 @@ function applyFilters(event, creds) {
     try {
         const eventsArray = Array.isArray(events) ? events : events.split("\n");
         const hostsArray = Array.isArray(hosts) ? hosts : hosts.split("\n");
-        return (!!hostsArray.find(hostFilter => { var _a; return satisfyDomainFilter(hostFilter, (_a = event.context) === null || _a === void 0 ? void 0 : _a.host); }) &&
+        return (!!hostsArray.find(hostFilter => { var _a, _b; return satisfyDomainFilter(hostFilter, (_b = (_a = event.context) === null || _a === void 0 ? void 0 : _a.page) === null || _b === void 0 ? void 0 : _b.host); }) &&
             (!!eventsArray.find(eventFilter => satisfyFilter(eventFilter, event.type)) ||
                 !!eventsArray.find(eventFilter => satisfyFilter(eventFilter, event.event))));
     }
@@ -406,6 +480,7 @@ function applyFilters(event, creds) {
 const internalDestinationPlugins = {
     [tagPlugin.id]: tagPlugin,
     [gtmPlugin.id]: gtmPlugin,
+    [ga4Plugin.id]: ga4Plugin,
     [logrocketPlugin.id]: logrocketPlugin,
 };
 
@@ -499,6 +574,24 @@ function getCookie(name) {
     const parts = value.split(`; ${name}=`);
     return parts.length === 2 ? parts.pop().split(";").shift() : undefined;
 }
+function getGa4Sessions(allCookies) {
+    const gaCookies = Object.entries(allCookies).filter(([key]) => key.startsWith("_ga_"));
+    if (gaCookies.length === 0) {
+        return undefined;
+    }
+    return Object.fromEntries(gaCookies
+        .map(([key, value]) => {
+        if (typeof value !== "string") {
+            return null;
+        }
+        const parts = value.split(".");
+        if (parts.length < 3) {
+            return null;
+        }
+        return [key.substring("_ga_".length), parts[2]];
+    })
+        .filter(v => v !== null));
+}
 function removeCookie(name) {
     document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:01 GMT;";
 }
@@ -548,6 +641,20 @@ const cookieStorage = (cookieDomain, key2cookie) => {
 };
 function windowRuntime(opts) {
     return {
+        getCookie(name) {
+            const value = `; ${document.cookie}`;
+            const parts = value.split(`; ${name}=`);
+            return parts.length === 2 ? parts.pop().split(";").shift() : undefined;
+        },
+        getCookies() {
+            const value = `; ${document.cookie}`;
+            const cookies = {};
+            const matches = value.matchAll(/(\w+)=([^;]+)/g);
+            for (const match of matches) {
+                cookies[match[1]] = match[2];
+            }
+            return cookies;
+        },
         documentEncoding() {
             return window.document.characterSet;
         },
@@ -590,6 +697,12 @@ const emptyRuntime = (config) => ({
     timezoneOffset() {
         return undefined;
     },
+    getCookie(name) {
+        return undefined;
+    },
+    getCookies() {
+        return {};
+    },
     store() {
         const storage = {};
         return {
@@ -649,7 +762,7 @@ function isInBrowser() {
     return typeof document !== "undefined" && typeof window !== "undefined";
 }
 function adjustPayload(payload, config, storage) {
-    var _a, _b;
+    var _a, _b, _c;
     const runtime = config.runtime || (isInBrowser() ? windowRuntime(config) : emptyRuntime(config));
     const url = runtime.pageUrl();
     const parsedUrl = safeCall(() => new URL(url), undefined);
@@ -678,8 +791,12 @@ function adjustPayload(payload, config, storage) {
             encoding: properties.encoding || runtime.documentEncoding(),
         },
         clientIds: {
-            fbc: getCookie("_fbc"),
-            fbp: getCookie("_fbp"),
+            fbc: runtime.getCookie("_fbc"),
+            fbp: runtime.getCookie("_fbp"),
+            ga4: {
+                clientId: (_c = runtime.getCookie("_ga")) === null || _c === void 0 ? void 0 : _c.split(".").slice(-2).join("."),
+                sessions: getGa4Sessions(runtime.getCookies()),
+            },
         },
         campaign: parseUtms(query),
     };
@@ -688,19 +805,25 @@ function adjustPayload(payload, config, storage) {
     delete withContext.options;
     return withContext;
 }
-function processDestinations(destinations, method, event, debug, analyticsInstance) {
+function processDestinations(destinations, method, originalEvent, debug, analyticsInstance) {
     return __awaiter(this, void 0, void 0, function* () {
         const promises = [];
         for (const destination of destinations) {
+            let newEvents = [originalEvent];
+            if (destination.newEvents) {
+                newEvents = destination.newEvents.map(e => (e === "same" ? originalEvent : e));
+            }
             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 {
-                        promises.push(plugin.handle(credentials, event));
-                    }
-                    catch (e) {
-                        console.warn(`[JITSU] Error processing event with internal plugin '${destination.deviceOptions.name}': ${e === null || e === void 0 ? void 0 : e.message}`, e);
+                    for (const event of newEvents) {
+                        try {
+                            promises.push(plugin.handle(credentials, event));
+                        }
+                        catch (e) {
+                            console.warn(`[JITSU] Error processing event with internal plugin '${destination.deviceOptions.name}': ${e === null || e === void 0 ? void 0 : e.message}`, e);
+                        }
                     }
                 }
                 else {
@@ -732,11 +855,17 @@ function processDestinations(destinations, method, event, debug, analyticsInstan
                         continue;
                     }
                     if (pluginInstance[method]) {
-                        try {
-                            pluginInstance[method]({ payload: event, config: pluginInstance.config, instance: analyticsInstance });
-                        }
-                        catch (e) {
-                            console.warn(`[JITSU] Error processing ${method}() with plugin '${destination.deviceOptions.moduleVarName}@${destination.deviceOptions.packageCdn}' for destination '${destination.id}': ${e === null || e === void 0 ? void 0 : e.message}`, e);
+                        for (const event of newEvents) {
+                            try {
+                                pluginInstance[method]({
+                                    payload: event,
+                                    config: pluginInstance.config,
+                                    instance: analyticsInstance,
+                                });
+                            }
+                            catch (e) {
+                                console.warn(`[JITSU] Error processing ${method}() with plugin '${destination.deviceOptions.moduleVarName}@${destination.deviceOptions.packageCdn}' for destination '${destination.id}': ${e === null || e === void 0 ? void 0 : e.message}`, e);
+                            }
                         }
                     }
                 }
@@ -991,7 +1120,6 @@ function jitsuAnalytics(opts) {
 
 exports.emptyAnalytics = emptyAnalytics;
 exports.emptyRuntime = emptyRuntime;
-exports.getTopLevelDomain = getTopLevelDomain;
 exports.isInBrowser = isInBrowser;
 exports.jitsuAnalytics = jitsuAnalytics;
 exports.parseQuery = parseQuery;

package/dist/jitsu.d.ts

@@ -49,6 +49,8 @@ type RuntimeFacade = {
     language(): string | undefined;
     pageUrl(): string | undefined;
     documentEncoding(): string | undefined;
+    getCookie(name: string): string | undefined;
+    getCookies(): Record<string, string>;
     timezoneOffset(): number | undefined;
     screen(): {
         width: number;