@aranova/tracking-react 0.21.0 → 0.22.2

package/dist/index.mjs

@@ -250,6 +250,43 @@ function resetConsent() {
   notifyConsentChanged(DEFAULT_CHOICE);
 }
 
+// ../tracking-core/src/capabilities.ts
+var TRACKING_CAPABILITIES = [
+  "ad_tags_google",
+  "ad_tags_meta",
+  "base_tracking",
+  "blog_rendering",
+  "calendar_read",
+  "calendar_write",
+  "consent_controls",
+  "conversion_goals_auto",
+  "conversion_goals_manual",
+  "cta_click_capture",
+  "form_capture",
+  "phone_click_capture",
+  "phone_fields"
+];
+var CAPABILITY_DOM_ATTRIBUTE = "data-aranova-capability";
+var registered = /* @__PURE__ */ new Set();
+function registerCapability(capability) {
+  registered.add(capability);
+}
+function getRegisteredCapabilities() {
+  const all = new Set(registered);
+  for (const marker of readDomMarkers()) all.add(marker);
+  return Array.from(all).sort();
+}
+function readDomMarkers() {
+  if (typeof document === "undefined") return [];
+  const known = new Set(TRACKING_CAPABILITIES);
+  const found = [];
+  for (const node of document.querySelectorAll(`[${CAPABILITY_DOM_ATTRIBUTE}]`)) {
+    const value = node.getAttribute(CAPABILITY_DOM_ATTRIBUTE);
+    if (value && known.has(value)) found.push(value);
+  }
+  return found;
+}
+
 // ../tracking-core/src/tracking.ts
 var TRACKING_COOKIE_MAX_AGE_SECONDS = 7776e3;
 var TRACKING_PARAM_KEYS = [
@@ -623,7 +660,8 @@ function createTrackingClientContext(surface, input = {}) {
     page_title: input.pageTitle ?? (typeof document === "undefined" ? null : document.title || null),
     referrer: input.referrer ?? (typeof document === "undefined" ? null : document.referrer || null),
     environment: input.environment ?? "production",
-    active_gtag_ids: input.activeGtagIds ?? null
+    active_gtag_ids: input.activeGtagIds ?? null,
+    capabilities: getRegisteredCapabilities()
   };
 }
 function createTrackingSessionUpsertPayload(trackingParams, input, context) {
@@ -1641,6 +1679,9 @@ function buildHeartbeatMetadata(surface, sdkVersion, packageName, triggers, gtag
 var DEFAULT_FLUSH_INTERVAL_MS = 2e3;
 var DEFAULT_MAX_QUEUE_SIZE = 10;
 var HARD_MAX_BATCH = 50;
+var MAX_RETRY_BACKOFF_MS = 6e4;
+var MAX_BUFFERED_EVENTS2 = 200;
+var RETRY_BUFFER_KEY_PREFIX = "aranova_tracking_pending_v1";
 var API_KEY_HEADER = "X-Aranova-Api-Key";
 var SDK_VERSION_HEADER = "X-Aranova-Sdk-Version";
 var SDK_PACKAGE_HEADER = "X-Aranova-Sdk-Package";
@@ -1655,7 +1696,10 @@ function buildContext(surface, sdkVersion, packageName, environment, activeGtagI
     page_title: typeof document === "undefined" ? null : document.title || null,
     referrer: typeof document === "undefined" ? null : document.referrer || null,
     environment,
-    active_gtag_ids: activeGtagIds
+    active_gtag_ids: activeGtagIds,
+    // Rebuilt per flush (this runs inside the payload builder), so a client
+    // constructed later on a deeper route still gets reported.
+    capabilities: getRegisteredCapabilities()
   };
 }
 function readTrackingParams() {
@@ -1680,9 +1724,9 @@ function consentSnapshot() {
   }
 }
 async function postWithFetch(url, body, apiKey, identity, keepalive) {
-  if (typeof fetch !== "function") return;
+  if (typeof fetch !== "function") return "drop";
   try {
-    await fetch(url, {
+    const response = await fetch(url, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
@@ -1698,9 +1742,49 @@ async function postWithFetch(url, body, apiKey, identity, keepalive) {
       credentials: "omit",
       mode: "cors"
     });
+    if (response.ok) return "ok";
+    if (response.status === 408 || response.status === 429 || response.status >= 500) {
+      return "retry";
+    }
+    return "drop";
   } catch {
+    return "retry";
   }
 }
+function retryBufferKey(apiKey, endpoint) {
+  return `${RETRY_BUFFER_KEY_PREFIX}:${apiKey}:${endpoint}`;
+}
+function readPendingBatches(key) {
+  if (typeof window === "undefined") return [];
+  try {
+    const raw = window.localStorage.getItem(key);
+    if (!raw) return [];
+    const parsed = JSON.parse(raw);
+    if (!Array.isArray(parsed)) return [];
+    return parsed.filter(
+      (entry) => typeof entry === "object" && entry !== null && "session" in entry && Array.isArray(entry.events)
+    );
+  } catch {
+    return [];
+  }
+}
+function writePendingBatches(key, batches) {
+  if (typeof window === "undefined") return;
+  try {
+    if (batches.length === 0) window.localStorage.removeItem(key);
+    else window.localStorage.setItem(key, JSON.stringify(batches));
+  } catch {
+  }
+}
+function trimToBufferCap(batches) {
+  let total = batches.reduce((sum, batch) => sum + batch.events.length, 0);
+  const trimmed = batches.slice();
+  while (total > MAX_BUFFERED_EVENTS2 && trimmed.length > 1) {
+    const dropped = trimmed.shift();
+    total -= dropped ? dropped.events.length : 0;
+  }
+  return trimmed;
+}
 var globalClient = null;
 var globalClientKey = null;
 function clientConfigKey(config) {
@@ -1756,6 +1840,10 @@ function createTrackingClient(config) {
   };
   let queue = [];
   let flushTimer = null;
+  const bufferKey = retryBufferKey(config.apiKey, endpointBase);
+  let pending = readPendingBatches(bufferKey);
+  let flushChain = Promise.resolve();
+  let retryAttempt = 0;
   let firstPage = null;
   let initialParams = createEmptyTrackingParams();
   let destroyed = false;
@@ -1792,6 +1880,9 @@ function createTrackingClient(config) {
   if (initialSession.isNew) {
     enqueueHeartbeat();
   }
+  if (pending.length > 0) {
+    scheduleFlush();
+  }
   function buildSessionPayload() {
     const rotated = getOrRotateSessionId();
     if (rotated.isNew && rotated.id !== sessionId) {
@@ -1830,12 +1921,12 @@ function createTrackingClient(config) {
       context
     };
   }
-  function scheduleFlush() {
+  function scheduleFlush(delayMs = flushIntervalMs) {
     if (flushTimer !== null || destroyed) return;
     flushTimer = setTimeout(() => {
       flushTimer = null;
       void flush();
-    }, flushIntervalMs);
+    }, delayMs);
   }
   function clearScheduledFlush() {
     if (flushTimer !== null) {
@@ -1843,17 +1934,50 @@ function createTrackingClient(config) {
       flushTimer = null;
     }
   }
-  async function flush() {
+  function bufferQueued() {
     if (queue.length === 0) return;
     const events = queue.slice(0, HARD_MAX_BATCH);
     queue = queue.slice(events.length);
+    pending = trimToBufferCap([...pending, { session: buildSessionPayload(), events }]);
+    writePendingBatches(bufferKey, pending);
+  }
+  function flush() {
+    flushChain = flushChain.then(runFlush).catch(() => {
+    });
+    return flushChain;
+  }
+  async function runFlush() {
+    if (destroyed) return;
     clearScheduledFlush();
-    const body = {
-      session: buildSessionPayload(),
-      events
-    };
-    const serialized = JSON.stringify(body);
-    await postWithFetch(eventsUrl, serialized, config.apiKey, identityHeaders2, false);
+    bufferQueued();
+    if (pending.length === 0) return;
+    try {
+      while (pending.length > 0) {
+        const batch = pending[0];
+        const body = { session: batch.session, events: batch.events };
+        const outcome = await postWithFetch(
+          eventsUrl,
+          JSON.stringify(body),
+          config.apiKey,
+          identityHeaders2,
+          false
+        );
+        if (outcome === "retry") {
+          retryAttempt += 1;
+          return;
+        }
+        pending = pending.slice(1);
+        writePendingBatches(bufferKey, pending);
+        retryAttempt = 0;
+      }
+    } finally {
+      if (pending.length > 0) {
+        const backoff = Math.min(flushIntervalMs * 2 ** retryAttempt, MAX_RETRY_BACKOFF_MS);
+        scheduleFlush(backoff);
+      } else if (queue.length > 0) {
+        scheduleFlush();
+      }
+    }
   }
   function trackEvent(input) {
     if (destroyed) return;
@@ -1879,16 +2003,14 @@ function createTrackingClient(config) {
     }
   }
   function flushOnUnload() {
-    if (queue.length === 0) return;
-    const events = queue.slice(0, HARD_MAX_BATCH);
-    queue = queue.slice(events.length);
+    bufferQueued();
     clearScheduledFlush();
-    const body = {
-      session: buildSessionPayload(),
-      events
-    };
-    const serialized = JSON.stringify(body);
-    void postWithFetch(eventsUrl, serialized, config.apiKey, identityHeaders2, true);
+    if (pending.length === 0) return;
+    const batch = pending[0];
+    pending = pending.slice(1);
+    writePendingBatches(bufferKey, pending);
+    const body = { session: batch.session, events: batch.events };
+    void postWithFetch(eventsUrl, JSON.stringify(body), config.apiKey, identityHeaders2, true);
   }
   if (typeof window !== "undefined") {
     window.addEventListener("pagehide", flushOnUnload);
@@ -2248,8 +2370,9 @@ function getEventDefinition(name) {
 }
 
 // ../tracking-core/src/ingest-typed.ts
-function createTypedClient(raw, _registry, options = {}) {
+function createTypedClient(raw, registry, options = {}) {
   const debug = options.debug ?? false;
+  if (registry.manual?.form_submit) registerCapability("form_capture");
   return {
     trackEvent(eventType, metadata, opts) {
       if (debug) {
@@ -2791,6 +2914,7 @@ function attachCtaClickCapture(client, config) {
     return () => {
     };
   }
+  registerCapability("cta_click_capture");
   const selector = autoCapture.selector ?? DEFAULT_CTA_SELECTOR;
   function onClick(event) {
     const target = event.target;
@@ -2847,6 +2971,7 @@ function attachPhoneClickCapture(client, config) {
     return () => {
     };
   }
+  registerCapability("phone_click_capture");
   const selector = autoCapture.selector ?? DEFAULT_TEL_SELECTOR;
   function onClick(event) {
     const target = event.target;
@@ -2963,6 +3088,7 @@ function fireRecordedConversions(firing, input, recorded, sale, currency) {
   }
 }
 function createSalesClient(config) {
+  if (config.firing) registerCapability("conversion_goals_manual");
   async function record(input) {
     const currency = input.currency ?? config.defaultCurrency;
     if (!currency) {
@@ -3206,6 +3332,9 @@ var saleUpdateSchema = z12.object({
   items: z12.array(saleItemSchema).optional(),
   metadata: metadataSchema.nullable().optional(),
   customer_name: customerNameSchema.nullable().optional(),
+  // Re-attest when changing a filler-looking name; the server clears the
+  // prior attestation whenever `customer_name` changes.
+  customer_name_placeholder_confirmed: z12.boolean().optional(),
   customer_phone: customerPhoneSchema.nullable().optional(),
   customer_email: customerEmailSchema.nullable().optional(),
   // NOT NULL server-side: omit to leave unchanged (explicit null is rejected).
@@ -3258,6 +3387,7 @@ var DEFAULT_CHOICE2 = {
   expiresAt: null
 };
 function useCookiePreferences(options) {
+  registerCapability("consent_controls");
   const [choice, setChoice] = useState(DEFAULT_CHOICE2);
   const ttlDays = options?.declineTtlDays;
   useEffect(() => {
@@ -3520,6 +3650,12 @@ function AdPlatformTracking({
     () => metaPixelIds ? JSON.stringify(metaPixelIds) : "",
     [metaPixelIds]
   );
+  if (trackingConfig || gtagId || gtagIds && Object.keys(gtagIds).length > 0) {
+    registerCapability("ad_tags_google");
+  }
+  if (metaPixelId || metaPixelIds && Object.keys(metaPixelIds).length > 0) {
+    registerCapability("ad_tags_meta");
+  }
   useEffect3(() => {
     if (trackingConfig) {
       const runtime = getTrackingConfigRuntime(trackingConfig);
@@ -3560,7 +3696,7 @@ function GoogleAdsTracking(props) {
 import { createContext as createContext2, useContext as useContext2, useEffect as useEffect5, useMemo as useMemo4 } from "react";
 
 // package.json
-var version = "0.21.0";
+var version = "0.22.2";
 
 // ../tracking-core/src/phone-react.tsx
 import {
@@ -3591,6 +3727,7 @@ function usePhoneConfig() {
   };
 }
 function usePhoneField(opts = {}) {
+  registerCapability("phone_fields");
   const cfg = usePhoneConfig();
   const country = opts.country ?? cfg.defaultCountry;
   const display = opts.display ?? cfg.display;
@@ -3676,6 +3813,8 @@ function createTracking(options) {
     conversionConfig,
     trackingConfig
   } = options;
+  registerCapability("base_tracking");
+  if (trackingConfig) registerCapability("conversion_goals_auto");
   if (!apiKey || !endpoint) {
     if (apiKey || endpoint) {
       console.warn(