@aranova/tracking-next 0.6.1 → 0.7.0

package/dist/index.mjs

@@ -34,7 +34,9 @@ function createTrackingClientContext(surface, input = {}) {
     package_name: input.packageName ?? null,
     site_origin: input.siteOrigin ?? (typeof window === "undefined" ? null : window.location.origin),
     page_title: input.pageTitle ?? (typeof document === "undefined" ? null : document.title || null),
-    referrer: input.referrer ?? (typeof document === "undefined" ? null : document.referrer || null)
+    referrer: input.referrer ?? (typeof document === "undefined" ? null : document.referrer || null),
+    environment: input.environment ?? null,
+    active_gtag_ids: input.activeGtagIds ?? null
   };
 }
 function createTrackingSessionUpsertPayload(trackingParams, input, context) {
@@ -66,6 +68,10 @@ function createTrackingEventCreatePayload(trackingParams, input, context) {
 }
 
 // ../tracking-core/src/gtag.ts
+var GTAG_ID_PATTERN = /^[A-Z]{1,3}-[A-Za-z0-9_-]+$/;
+function isValidGtagId(id) {
+  return GTAG_ID_PATTERN.test(id);
+}
 function createConsentDefaultScript() {
   return `
 window.dataLayer = window.dataLayer || [];
@@ -81,6 +87,7 @@ gtag('consent', 'default', {
 `.trim();
 }
 function createGtagInitScript(gtagId) {
+  if (!isValidGtagId(gtagId)) return "";
   return `
 window.dataLayer = window.dataLayer || [];
 function gtag(){dataLayer.push(arguments);}
@@ -102,6 +109,17 @@ if (window.gtag && (consentState === 'granted' || consentState === 'denied')) {
 }
 `.trim();
 }
+function createGtagInitScriptMulti(gtagIds) {
+  const safeIds = gtagIds.filter(isValidGtagId);
+  const configs = safeIds.map((id) => `gtag('config', '${id}');`).join("\n");
+  return `
+window.dataLayer = window.dataLayer || [];
+function gtag(){dataLayer.push(arguments);}
+window.gtag = gtag;
+gtag('js', new Date());
+${configs}
+`.trim();
+}
 
 // ../tracking-core/src/tracking.ts
 var TRACKING_COOKIE_MAX_AGE_SECONDS = 7776e3;
@@ -336,7 +354,7 @@ function serializeValue(value) {
   }
   return value;
 }
-function buildHeartbeatMetadata(surface, sdkVersion, packageName, triggers) {
+function buildHeartbeatMetadata(surface, sdkVersion, packageName, triggers, gtagIds = null) {
   const automaticNames = triggers ? Object.keys(triggers.automatic) : [];
   const manualNames = triggers?.manual ? Object.keys(triggers.manual) : [];
   let triggerConfig = null;
@@ -369,7 +387,8 @@ function buildHeartbeatMetadata(surface, sdkVersion, packageName, triggers) {
       automatic: automaticNames,
       manual: manualNames
     },
-    trigger_config: triggerConfig
+    trigger_config: triggerConfig,
+    configured_gtag_ids: gtagIds
   };
 }
 
@@ -378,14 +397,16 @@ var DEFAULT_FLUSH_INTERVAL_MS = 2e3;
 var DEFAULT_MAX_QUEUE_SIZE = 10;
 var HARD_MAX_BATCH = 50;
 var API_KEY_HEADER = "X-Aranova-Api-Key";
-function buildContext(surface, sdkVersion, packageName) {
+function buildContext(surface, sdkVersion, packageName, environment, activeGtagIds) {
   return {
     surface,
     sdk_version: sdkVersion,
     package_name: packageName,
     site_origin: typeof window === "undefined" ? null : window.location.origin,
     page_title: typeof document === "undefined" ? null : document.title || null,
-    referrer: typeof document === "undefined" ? null : document.referrer || null
+    referrer: typeof document === "undefined" ? null : document.referrer || null,
+    environment,
+    active_gtag_ids: activeGtagIds
   };
 }
 function readTrackingParams() {
@@ -445,6 +466,8 @@ function createTrackingClient(config) {
   const maxQueueSize = Math.min(config.maxQueueSize ?? DEFAULT_MAX_QUEUE_SIZE, HARD_MAX_BATCH);
   const sdkVersion = config.sdkVersion ?? null;
   const packageName = config.packageName ?? null;
+  const environment = config.environment ?? null;
+  const activeGtagIds = config.activeGtagIds ?? null;
   const endpointBase = config.endpoint.replace(/\/$/, "");
   const eventsUrl = `${endpointBase}/events`;
   let queue = [];
@@ -461,7 +484,8 @@ function createTrackingClient(config) {
       config.surface,
       sdkVersion,
       packageName,
-      config.triggers ?? null
+      config.triggers ?? null,
+      activeGtagIds
     );
     queue.push({
       event_type: "sdk_heartbeat",
@@ -480,7 +504,7 @@ function createTrackingClient(config) {
     }
     sessionId = rotated.id;
     const params = readTrackingParams();
-    const context = buildContext(config.surface, sdkVersion, packageName);
+    const context = buildContext(config.surface, sdkVersion, packageName, environment, activeGtagIds);
     return {
       session_id: sessionId,
       visitor_id: visitorId,
@@ -602,7 +626,8 @@ var sdkHeartbeatMetadataSchema = z3.object({
   package_name: z3.string().nullable(),
   surface: z3.enum(["next", "react", "script"]),
   triggers: sdkHeartbeatTriggersSchema,
-  trigger_config: z3.record(z3.string(), z3.record(z3.string(), z3.unknown())).nullable().optional()
+  trigger_config: z3.record(z3.string(), z3.record(z3.string(), z3.unknown())).nullable().optional(),
+  configured_gtag_ids: z3.record(z3.string(), z3.string()).nullable().optional()
 }).strict();
 var sdkHeartbeatConfigSchema = z3.object({}).strict();
 
@@ -1091,17 +1116,22 @@ function useConsentState() {
 // src/GoogleAdsTracking.tsx
 import Script from "next/script";
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function GoogleAdsTracking({ gtagId }) {
+function GoogleAdsTracking(props) {
+  const { gtagId, gtagIds } = props;
+  const allIds = gtagIds ? Object.values(gtagIds) : gtagId ? [gtagId] : [];
+  if (allIds.length === 0) return null;
+  const loaderId = allIds[0];
+  const initScript = allIds.length === 1 ? createGtagInitScript(allIds[0]) : createGtagInitScriptMulti(allIds);
   return /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx2(Script, { id: "consent-default", strategy: "beforeInteractive", children: createConsentDefaultScript() }),
     /* @__PURE__ */ jsx2(
       Script,
       {
-        src: `https://www.googletagmanager.com/gtag/js?id=${gtagId}`,
+        src: `https://www.googletagmanager.com/gtag/js?id=${encodeURIComponent(loaderId)}`,
         strategy: "afterInteractive"
       }
     ),
-    /* @__PURE__ */ jsx2(Script, { id: "gtag-init", strategy: "afterInteractive", children: createGtagInitScript(gtagId) }),
+    /* @__PURE__ */ jsx2(Script, { id: "gtag-init", strategy: "afterInteractive", children: initScript }),
     /* @__PURE__ */ jsx2(Script, { id: "consent-restore", strategy: "afterInteractive", children: createConsentRestoreScript() })
   ] });
 }
@@ -1110,7 +1140,7 @@ function GoogleAdsTracking({ gtagId }) {
 import { usePathname, useSearchParams } from "next/navigation";
 
 // package.json
-var version = "0.6.1";
+var version = "0.7.0";
 
 // src/factory.tsx
 import {
@@ -1122,7 +1152,7 @@ import {
 } from "react";
 import { jsx as jsx3 } from "react/jsx-runtime";
 function createTracking(options) {
-  const { apiKey, endpoint, triggers, debug } = options;
+  const { apiKey, endpoint, triggers, environment, gtagIds, debug } = options;
   if (!apiKey || !endpoint) {
     if (apiKey || endpoint) {
       console.warn(
@@ -1157,6 +1187,8 @@ function createTracking(options) {
           packageName: "@aranova/tracking-next",
           sdkVersion: version,
           triggers,
+          environment,
+          activeGtagIds: gtagIds,
           debug
         }),
         triggers,
@@ -1171,6 +1203,8 @@ function createTracking(options) {
         surface: "next",
         packageName: "@aranova/tracking-next",
         triggers,
+        environment,
+        activeGtagIds: gtagIds,
         debug
       });
       fireManualPageView(rawClient);
@@ -1184,6 +1218,8 @@ function createTracking(options) {
         surface: "next",
         packageName: "@aranova/tracking-next",
         triggers,
+        environment,
+        activeGtagIds: gtagIds,
         debug
       });
       for (const { name, pathPattern } of specificPageVisitConfig.pages) {
@@ -1206,6 +1242,8 @@ function createTracking(options) {
         surface: "next",
         packageName: "@aranova/tracking-next",
         triggers,
+        environment,
+        activeGtagIds: gtagIds,
         debug
       });
       return attachBfcacheRestore(rawClient);
@@ -1218,6 +1256,8 @@ function createTracking(options) {
         surface: "next",
         packageName: "@aranova/tracking-next",
         triggers,
+        environment,
+        activeGtagIds: gtagIds,
         debug
       });
       return attachTimeOnSite(rawClient, timeOnSiteConfig);
@@ -1252,7 +1292,10 @@ function createTracking(options) {
             endpoint,
             surface: "next",
             packageName: "@aranova/tracking-next",
+            sdkVersion: version,
             triggers,
+            environment,
+            activeGtagIds: gtagIds,
             debug
           });
           rawClient.trackEvent({
@@ -1276,6 +1319,8 @@ function createTracking(options) {
         surface: "next",
         packageName: "@aranova/tracking-next",
         triggers,
+        environment,
+        activeGtagIds: gtagIds,
         debug
       });
       const scrollDepth = triggers.automatic.scroll_depth;