@aranova/tracking-react 0.6.0 → 0.7.0

package/dist/index.js

@@ -81,7 +81,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) {
@@ -118,6 +120,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")
@@ -158,11 +164,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;
@@ -437,7 +460,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;
@@ -470,7 +493,8 @@ function buildHeartbeatMetadata(surface, sdkVersion, packageName, triggers) {
       automatic: automaticNames,
       manual: manualNames
     },
-    trigger_config: triggerConfig
+    trigger_config: triggerConfig,
+    configured_gtag_ids: gtagIds
   };
 }
 
@@ -479,14 +503,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() {
@@ -546,6 +572,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 = [];
@@ -562,7 +590,8 @@ function createTrackingClient(config) {
       config.surface,
       sdkVersion,
       packageName,
-      config.triggers ?? null
+      config.triggers ?? null,
+      activeGtagIds
     );
     queue.push({
       event_type: "sdk_heartbeat",
@@ -581,7 +610,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,
@@ -703,7 +732,8 @@ var sdkHeartbeatMetadataSchema = import_zod3.z.object({
   package_name: import_zod3.z.string().nullable(),
   surface: import_zod3.z.enum(["next", "react", "script"]),
   triggers: sdkHeartbeatTriggersSchema,
-  trigger_config: import_zod3.z.record(import_zod3.z.string(), import_zod3.z.record(import_zod3.z.string(), import_zod3.z.unknown())).nullable().optional()
+  trigger_config: import_zod3.z.record(import_zod3.z.string(), import_zod3.z.record(import_zod3.z.string(), import_zod3.z.unknown())).nullable().optional(),
+  configured_gtag_ids: import_zod3.z.record(import_zod3.z.string(), import_zod3.z.string()).nullable().optional()
 }).strict();
 var sdkHeartbeatConfigSchema = import_zod3.z.object({}).strict();
 
@@ -1293,10 +1323,19 @@ function ConsentBanner() {
 
 // src/GoogleAdsTracking.tsx
 var import_react2 = require("react");
-function GoogleAdsTracking({ gtagId }) {
+function GoogleAdsTracking(props) {
+  const { gtagId, gtagIds } = props;
+  const gtagIdsKey = (0, import_react2.useMemo)(
+    () => gtagIds ? JSON.stringify(gtagIds) : "",
+    [gtagIds]
+  );
   (0, import_react2.useEffect)(() => {
-    bootstrapGoogleAdsTracking(gtagId);
-  }, [gtagId]);
+    if (gtagIds && Object.keys(gtagIds).length > 0) {
+      bootstrapMultipleGtags(gtagIds);
+    } else if (gtagId) {
+      bootstrapGoogleAdsTracking(gtagId);
+    }
+  }, [gtagId, gtagIdsKey]);
   return null;
 }
 
@@ -1336,7 +1375,7 @@ function useConsentState() {
 var import_react4 = require("react");
 
 // package.json
-var version = "0.6.0";
+var version = "0.7.0";
 
 // src/factory.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -1349,7 +1388,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(
@@ -1363,7 +1402,8 @@ function createTracking(options) {
     };
   }
   const TrackingContext = (0, import_react4.createContext)(null);
-  function TrackingProvider({ gtagId, children }) {
+  function TrackingProvider({ gtagId, gtagIds, children }) {
+    const resolvedGtagIds = gtagIds ?? (gtagId ? { default: gtagId } : void 0);
     const client = (0, import_react4.useMemo)(
       () => createTypedClient(
         getOrCreateTrackingClient({
@@ -1373,6 +1413,8 @@ function createTracking(options) {
           packageName: "@aranova/tracking-react",
           sdkVersion: version,
           triggers,
+          environment,
+          activeGtagIds: resolvedGtagIds,
           debug
         }),
         triggers,
@@ -1380,10 +1422,14 @@ function createTracking(options) {
       ),
       []
     );
+    const gtagIdsKey = (0, import_react4.useMemo)(() => gtagIds ? JSON.stringify(gtagIds) : "", [gtagIds]);
     (0, import_react4.useEffect)(() => {
-      if (!gtagId) return;
-      bootstrapGoogleAdsTracking(gtagId);
-    }, [gtagId]);
+      if (gtagIds && Object.keys(gtagIds).length > 0) {
+        bootstrapMultipleGtags(gtagIds);
+      } else if (gtagId) {
+        bootstrapGoogleAdsTracking(gtagId);
+      }
+    }, [gtagId, gtagIdsKey]);
     (0, import_react4.useEffect)(() => {
       const detachers = [];
       const rawClient = getOrCreateTrackingClient({
@@ -1392,6 +1438,8 @@ function createTracking(options) {
         surface: "react",
         packageName: "@aranova/tracking-react",
         triggers,
+        environment,
+        activeGtagIds: resolvedGtagIds,
         debug
       });
       detachers.push(attachAutoPageView(rawClient));