@aranova/tracking-react 0.6.0 → 0.7.0

package/dist/index.mjs

@@ -43,7 +43,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) {
@@ -80,6 +82,10 @@ var TRACKING_SCRIPT_ATTRIBUTE = "data-aranova-tracking";
 function getScriptMarker(id) {
   return `aranova-${id}`;
 }
+var GTAG_ID_PATTERN = /^[A-Z]{1,3}-[A-Za-z0-9_-]+$/;
+function isValidGtagId(id) {
+  return GTAG_ID_PATTERN.test(id);
+}
 function ensureGtagFunction() {
   window.dataLayer = window.dataLayer || [];
   if (typeof window.gtag === "function")
@@ -120,11 +126,28 @@ function initializeGtag(gtagId) {
 function bootstrapGoogleAdsTracking(gtagId) {
   if (typeof window === "undefined" || typeof document === "undefined")
     return;
+  if (!isValidGtagId(gtagId))
+    return;
   applyDefaultConsentState();
   loadGtagScript(gtagId);
   initializeGtag(gtagId);
   restoreStoredConsent();
 }
+function bootstrapMultipleGtags(gtagIds) {
+  if (typeof window === "undefined" || typeof document === "undefined")
+    return;
+  const ids = Object.values(gtagIds).filter(isValidGtagId);
+  if (ids.length === 0)
+    return;
+  applyDefaultConsentState();
+  loadGtagScript(ids[0]);
+  const gtag = ensureGtagFunction();
+  gtag("js", /* @__PURE__ */ new Date());
+  for (const id of ids) {
+    gtag("config", id);
+  }
+  restoreStoredConsent();
+}
 
 // ../tracking-core/src/tracking.ts
 var TRACKING_COOKIE_MAX_AGE_SECONDS = 7776e3;
@@ -399,7 +422,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;
@@ -432,7 +455,8 @@ function buildHeartbeatMetadata(surface, sdkVersion, packageName, triggers) {
       automatic: automaticNames,
       manual: manualNames
     },
-    trigger_config: triggerConfig
+    trigger_config: triggerConfig,
+    configured_gtag_ids: gtagIds
   };
 }
 
@@ -441,14 +465,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() {
@@ -508,6 +534,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 = [];
@@ -524,7 +552,8 @@ function createTrackingClient(config) {
       config.surface,
       sdkVersion,
       packageName,
-      config.triggers ?? null
+      config.triggers ?? null,
+      activeGtagIds
     );
     queue.push({
       event_type: "sdk_heartbeat",
@@ -543,7 +572,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,
@@ -665,7 +694,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();
 
@@ -1254,11 +1284,20 @@ function ConsentBanner() {
 }
 
 // src/GoogleAdsTracking.tsx
-import { useEffect as useEffect2 } from "react";
-function GoogleAdsTracking({ gtagId }) {
+import { useEffect as useEffect2, useMemo } from "react";
+function GoogleAdsTracking(props) {
+  const { gtagId, gtagIds } = props;
+  const gtagIdsKey = useMemo(
+    () => gtagIds ? JSON.stringify(gtagIds) : "",
+    [gtagIds]
+  );
   useEffect2(() => {
-    bootstrapGoogleAdsTracking(gtagId);
-  }, [gtagId]);
+    if (gtagIds && Object.keys(gtagIds).length > 0) {
+      bootstrapMultipleGtags(gtagIds);
+    } else if (gtagId) {
+      bootstrapGoogleAdsTracking(gtagId);
+    }
+  }, [gtagId, gtagIdsKey]);
   return null;
 }
 
@@ -1299,11 +1338,11 @@ import {
   createContext,
   useContext,
   useEffect as useEffect4,
-  useMemo
+  useMemo as useMemo2
 } from "react";
 
 // package.json
-var version = "0.6.0";
+var version = "0.7.0";
 
 // src/factory.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
@@ -1316,7 +1355,7 @@ var NOOP_CLIENT = {
   getVisitorId: () => ""
 };
 function createTracking(options) {
-  const { apiKey, endpoint, triggers, debug } = options;
+  const { apiKey, endpoint, triggers, environment, debug } = options;
   if (!apiKey || !endpoint) {
     if (apiKey || endpoint) {
       console.warn(
@@ -1330,8 +1369,9 @@ function createTracking(options) {
     };
   }
   const TrackingContext = createContext(null);
-  function TrackingProvider({ gtagId, children }) {
-    const client = useMemo(
+  function TrackingProvider({ gtagId, gtagIds, children }) {
+    const resolvedGtagIds = gtagIds ?? (gtagId ? { default: gtagId } : void 0);
+    const client = useMemo2(
       () => createTypedClient(
         getOrCreateTrackingClient({
           apiKey,
@@ -1340,6 +1380,8 @@ function createTracking(options) {
           packageName: "@aranova/tracking-react",
           sdkVersion: version,
           triggers,
+          environment,
+          activeGtagIds: resolvedGtagIds,
           debug
         }),
         triggers,
@@ -1347,10 +1389,14 @@ function createTracking(options) {
       ),
       []
     );
+    const gtagIdsKey = useMemo2(() => gtagIds ? JSON.stringify(gtagIds) : "", [gtagIds]);
     useEffect4(() => {
-      if (!gtagId) return;
-      bootstrapGoogleAdsTracking(gtagId);
-    }, [gtagId]);
+      if (gtagIds && Object.keys(gtagIds).length > 0) {
+        bootstrapMultipleGtags(gtagIds);
+      } else if (gtagId) {
+        bootstrapGoogleAdsTracking(gtagId);
+      }
+    }, [gtagId, gtagIdsKey]);
     useEffect4(() => {
       const detachers = [];
       const rawClient = getOrCreateTrackingClient({
@@ -1359,6 +1405,8 @@ function createTracking(options) {
         surface: "react",
         packageName: "@aranova/tracking-react",
         triggers,
+        environment,
+        activeGtagIds: resolvedGtagIds,
         debug
       });
       detachers.push(attachAutoPageView(rawClient));