@aranova/tracking-react 0.14.2 → 0.16.0

package/dist/index.mjs

@@ -7,13 +7,30 @@ import { useCallback, useEffect, useState } from "react";
 // ../tracking-core/src/consent.ts
 var CONSENT_STATE_KEY = "consent_state";
 var CONSENT_TIMESTAMP_KEY = "consent_timestamp";
-var grantedListeners = /* @__PURE__ */ new Set();
-function onConsentGranted(listener) {
-  grantedListeners.add(listener);
+var CONSENT_EXPIRES_AT_KEY = "consent_expires_at";
+var DEFAULT_DECLINE_TTL_DAYS = 90;
+var DAY_MS = 864e5;
+var DEFAULT_CHOICE = {
+  state: "granted",
+  source: "default",
+  updatedAt: null,
+  expiresAt: null
+};
+var changeListeners = /* @__PURE__ */ new Set();
+function onConsentChange(listener) {
+  changeListeners.add(listener);
   return () => {
-    grantedListeners.delete(listener);
+    changeListeners.delete(listener);
   };
 }
+function notifyConsentChanged(choice) {
+  for (const listener of changeListeners) {
+    try {
+      listener(choice);
+    } catch {
+    }
+  }
+}
 function buildConsentPayload(state) {
   return {
     ad_storage: state,
@@ -22,47 +39,74 @@ function buildConsentPayload(state) {
     analytics_storage: state
   };
 }
-function getConsentState() {
-  if (typeof window === "undefined") return "pending";
+function getConsentChoice() {
+  if (typeof window === "undefined") return DEFAULT_CHOICE;
   try {
-    const storedState = window.localStorage.getItem(CONSENT_STATE_KEY);
-    if (storedState === "granted" || storedState === "denied") return storedState;
+    const stored = window.localStorage.getItem(CONSENT_STATE_KEY);
+    const updatedAt = window.localStorage.getItem(CONSENT_TIMESTAMP_KEY);
+    if (stored === "granted")
+      return { state: "granted", source: "explicit", updatedAt, expiresAt: null };
+    if (stored === "denied") {
+      let expiresAt = window.localStorage.getItem(CONSENT_EXPIRES_AT_KEY);
+      if (!expiresAt) {
+        expiresAt = new Date(Date.now() + DEFAULT_DECLINE_TTL_DAYS * DAY_MS).toISOString();
+        try {
+          window.localStorage.setItem(CONSENT_EXPIRES_AT_KEY, expiresAt);
+        } catch {
+        }
+      }
+      if (!(Date.parse(expiresAt) <= Date.now()))
+        return { state: "denied", source: "explicit", updatedAt, expiresAt };
+    }
   } catch {
   }
-  return "pending";
+  return DEFAULT_CHOICE;
 }
-function setConsentState(state) {
+function getConsentState() {
+  return getConsentChoice().state;
+}
+function pushConsentToPlatforms(state) {
   if (typeof window === "undefined") return;
-  try {
-    window.localStorage.setItem(CONSENT_STATE_KEY, state);
-    window.localStorage.setItem(CONSENT_TIMESTAMP_KEY, (/* @__PURE__ */ new Date()).toISOString());
-  } catch {
-  }
   if (typeof window.gtag === "function")
     window.gtag("consent", "update", buildConsentPayload(state));
   if (typeof window.fbq === "function")
     window.fbq("consent", state === "granted" ? "grant" : "revoke");
-  if (state === "granted") {
-    for (const listener of grantedListeners) {
-      try {
-        listener();
-      } catch {
-      }
+}
+function setConsentState(state, options) {
+  if (typeof window === "undefined") return;
+  const requestedTtl = options?.declineTtlDays;
+  const ttlDays = typeof requestedTtl === "number" && Number.isFinite(requestedTtl) && requestedTtl > 0 ? requestedTtl : DEFAULT_DECLINE_TTL_DAYS;
+  const updatedAt = (/* @__PURE__ */ new Date()).toISOString();
+  const expiresAt = state === "denied" ? new Date(Date.now() + ttlDays * DAY_MS).toISOString() : null;
+  try {
+    window.localStorage.setItem(CONSENT_STATE_KEY, state);
+    window.localStorage.setItem(CONSENT_TIMESTAMP_KEY, updatedAt);
+    if (expiresAt !== null) {
+      window.localStorage.setItem(CONSENT_EXPIRES_AT_KEY, expiresAt);
+    } else {
+      window.localStorage.removeItem(CONSENT_EXPIRES_AT_KEY);
     }
+  } catch {
   }
+  pushConsentToPlatforms(state);
+  notifyConsentChanged({ state, source: "explicit", updatedAt, expiresAt });
+}
+function optIn() {
+  setConsentState("granted");
+}
+function optOut(options) {
+  setConsentState("denied", options);
 }
 function resetConsent() {
   if (typeof window === "undefined") return;
   try {
     window.localStorage.removeItem(CONSENT_STATE_KEY);
     window.localStorage.removeItem(CONSENT_TIMESTAMP_KEY);
+    window.localStorage.removeItem(CONSENT_EXPIRES_AT_KEY);
   } catch {
   }
-}
-function restoreStoredConsent() {
-  const consentState = getConsentState();
-  if (consentState === "granted" || consentState === "denied") setConsentState(consentState);
-  return consentState;
+  pushConsentToPlatforms("granted");
+  notifyConsentChanged(DEFAULT_CHOICE);
 }
 
 // ../tracking-core/src/tracking.ts
@@ -206,13 +250,11 @@ function fireGtagConversion(input) {
 }
 function applyDefaultConsentState() {
   const gtag = ensureGtagFunction();
-  gtag("consent", "default", {
-    ad_storage: "denied",
-    ad_user_data: "denied",
-    ad_personalization: "denied",
-    analytics_storage: "denied",
-    wait_for_update: 500
-  });
+  gtag(
+    "consent",
+    "default",
+    buildConsentPayload(getConsentState() === "denied" ? "denied" : "granted")
+  );
 }
 function loadGtagScript(gtagId) {
   if (typeof document === "undefined") return;
@@ -238,7 +280,6 @@ function bootstrapGoogleAdsTracking(gtagId) {
   applyDefaultConsentState();
   loadGtagScript(gtagId);
   initializeGtag(gtagId);
-  restoreStoredConsent();
 }
 function bootstrapMultipleGtags(gtagIds) {
   if (typeof window === "undefined" || typeof document === "undefined") return;
@@ -253,7 +294,6 @@ function bootstrapMultipleGtags(gtagIds) {
   for (const id of ids) {
     gtag("config", id);
   }
-  restoreStoredConsent();
 }
 
 // ../tracking-core/src/fbq.ts
@@ -313,7 +353,7 @@ function ensureFbqFunction() {
   return fbq;
 }
 function applyDefaultMetaConsentState() {
-  ensureFbqFunction()("consent", "revoke");
+  ensureFbqFunction()("consent", getConsentState() === "denied" ? "revoke" : "grant");
 }
 function loadFbeventsScript() {
   if (typeof document === "undefined") return;
@@ -333,19 +373,12 @@ function initializeMetaPixel(pixelId) {
   fbq("init", pixelId);
   fbq("track", "PageView");
 }
-function restoreMetaConsentState() {
-  if (typeof window === "undefined") return;
-  const state = getConsentState();
-  if (state === "granted") window.fbq?.("consent", "grant");
-  else if (state === "denied") window.fbq?.("consent", "revoke");
-}
 function bootstrapMetaPixel(pixelId) {
   if (typeof window === "undefined" || typeof document === "undefined") return;
   if (!isValidMetaPixelId(pixelId)) return;
   applyDefaultMetaConsentState();
   loadFbeventsScript();
   initializeMetaPixel(pixelId);
-  restoreMetaConsentState();
   captureFbc();
 }
 function bootstrapMultiplePixels(pixelIds) {
@@ -361,10 +394,75 @@ function bootstrapMultiplePixels(pixelIds) {
     fbq("init", id);
   }
   fbq("track", "PageView");
-  restoreMetaConsentState();
   captureFbc();
 }
 
+// ../tracking-core/src/landing.ts
+var LANDING_STORAGE_KEY = "_aranova_track_landing";
+var memoryRecord = null;
+function sanitizeParams(value) {
+  if (typeof value !== "object" || value === null) return {};
+  const source = value;
+  return TRACKING_PARAM_KEYS.reduce((params, key) => {
+    const entry = source[key];
+    if (typeof entry === "string" && entry.length > 0) params[key] = entry;
+    return params;
+  }, {});
+}
+function readStoredRecord() {
+  try {
+    const raw = window.localStorage.getItem(LANDING_STORAGE_KEY);
+    if (!raw) return null;
+    const parsed = JSON.parse(raw);
+    if (typeof parsed.session_id !== "string" || parsed.session_id.length === 0) return null;
+    return { session_id: parsed.session_id, params: sanitizeParams(parsed.params) };
+  } catch {
+    return null;
+  }
+}
+function writeRecord(record) {
+  memoryRecord = record;
+  try {
+    window.localStorage.setItem(LANDING_STORAGE_KEY, JSON.stringify(record));
+  } catch {
+  }
+}
+function captureFromUrl(url) {
+  try {
+    const resolved = new URL(url ?? window.location.href, window.location.origin);
+    return getTrackingQueryValues(resolved.searchParams);
+  } catch {
+    return {};
+  }
+}
+function getOrCaptureLandingParams(sessionId, url) {
+  if (typeof window === "undefined") return {};
+  const stored = readStoredRecord();
+  if (stored && stored.session_id === sessionId) {
+    memoryRecord = stored;
+    return stored.params;
+  }
+  if (memoryRecord && memoryRecord.session_id === sessionId) {
+    return memoryRecord.params;
+  }
+  const record = { session_id: sessionId, params: captureFromUrl(url) };
+  writeRecord(record);
+  return record.params;
+}
+function buildLandingPayloadFields(sessionId, override) {
+  const params = override ?? (typeof window === "undefined" ? null : getOrCaptureLandingParams(sessionId));
+  if (params === null) return {};
+  return {
+    landing_gclid: params.gclid ?? null,
+    landing_fbclid: params.fbclid ?? null,
+    landing_utm_source: params.utm_source ?? null,
+    landing_utm_medium: params.utm_medium ?? null,
+    landing_utm_campaign: params.utm_campaign ?? null,
+    landing_utm_term: params.utm_term ?? null,
+    landing_utm_content: params.utm_content ?? null
+  };
+}
+
 // ../tracking-core/src/payloads.ts
 function createTrackingClientContext(surface, input = {}) {
   return {
@@ -391,6 +489,9 @@ function createTrackingSessionUpsertPayload(trackingParams, input, context) {
     utm_campaign: trackingParams.utm_campaign,
     utm_term: trackingParams.utm_term,
     utm_content: trackingParams.utm_content,
+    // Omitted entirely when the landing isn't observable (SSR, no override) —
+    // present-as-null would wrongly tell the backend "landed with no params".
+    ...buildLandingPayloadFields(input.sessionId, input.landingParams),
     first_page: input.firstPage ?? null,
     consent_state: input.consentState ?? null,
     context
@@ -412,8 +513,6 @@ function createTrackingEventCreatePayload(trackingParams, input, context) {
 
 // ../tracking-core/src/resources/conversion-firing.ts
 var DEDUP_PREFIX = "_aranova_conv_";
-var MAX_PENDING = 100;
-var pendingQueue = [];
 function dedupKey(input) {
   return `${DEDUP_PREFIX}${input.transactionId ?? ""}:${input.sendTo}`;
 }
@@ -437,23 +536,9 @@ function fireOnce(input) {
   if (fireGtagConversion(input)) markFired(input);
 }
 function fireConversionWithConsent(input) {
-  const state = getConsentState();
-  if (state === "denied") return;
-  if (state === "pending") {
-    if (pendingQueue.length >= MAX_PENDING) pendingQueue.shift();
-    pendingQueue.push(input);
-    return;
-  }
+  if (getConsentState() === "denied") return;
   fireOnce(input);
 }
-function flushPendingConversions() {
-  if (getConsentState() !== "granted") return;
-  while (pendingQueue.length > 0) {
-    const input = pendingQueue.shift();
-    if (input) fireOnce(input);
-  }
-}
-if (typeof window !== "undefined") onConsentGranted(flushPendingConversions);
 
 // ../tracking-core/src/resources/conversion-config.ts
 function isStringMap(value) {
@@ -999,7 +1084,13 @@ function readTrackingParams() {
 }
 function consentSnapshot() {
   try {
-    return { state: getConsentState() };
+    const choice = getConsentChoice();
+    return {
+      state: choice.state,
+      source: choice.source,
+      updated_at: choice.updatedAt,
+      expires_at: choice.expiresAt
+    };
   } catch {
     return null;
   }
@@ -1072,6 +1163,7 @@ function createTrackingClient(config) {
       initialParams = captureTrackingParamsFromLocation();
     } catch {
     }
+    getOrCaptureLandingParams(sessionId);
     try {
       captureFbc();
     } catch {
@@ -1121,6 +1213,11 @@ function createTrackingClient(config) {
       utm_campaign: params.utm_campaign,
       utm_term: params.utm_term,
       utm_content: params.utm_content,
+      // Landing params for the CURRENT session id — captured on the spot when
+      // the session just rotated (the current URL is the rotated session's
+      // landing), reused from the stored record otherwise. Keys are omitted
+      // entirely when the landing isn't observable (SSR).
+      ...buildLandingPayloadFields(sessionId),
       first_page: firstPage,
       consent_state: consentSnapshot(),
       context
@@ -1188,6 +1285,7 @@ function createTrackingClient(config) {
   return {
     trackEvent,
     flush,
+    flushBeacon: flushOnUnload,
     getSessionId: () => sessionId,
     getVisitorId: () => visitorId,
     destroy: () => {
@@ -1212,9 +1310,17 @@ var ctaClickMetadataSchema = z2.object({
     path: z2.string()
   }).strict(),
   section: z2.string().nullable().optional(),
-  destination_url: z2.string().nullable().optional()
+  destination_url: z2.string().nullable().optional(),
+  // Set by auto-capture (and available to manual callers): the link target
+  // and a short element descriptor (tag#id) for tying clicks to specific UI.
+  href: z2.string().nullable().optional(),
+  element: z2.string().nullable().optional()
+}).strict();
+var ctaClickConfigSchema = z2.object({
+  autoCapture: z2.object({
+    selector: z2.string().optional()
+  }).strict().optional()
 }).strict();
-var ctaClickConfigSchema = z2.object({}).strict();
 
 // ../tracking-core/src/events/sdk-heartbeat.ts
 import { z as z3 } from "zod";
@@ -1290,31 +1396,44 @@ var multiPageSessionConfigSchema = z6.object({
   pageThreshold: z6.number().int().min(2)
 }).strict();
 
-// ../tracking-core/src/events/phone-click.ts
+// ../tracking-core/src/events/page-exit.ts
 import { z as z7 } from "zod";
-var phoneClickMetadataSchema = z7.object({
-  phone_number: z7.string(),
+var pageExitMetadataSchema = z7.object({
+  dwell_ms: z7.number().int().min(0),
+  // null = left without any scroll signal; floor is 0 so a valid 0% is never
+  // rejected (a single bad field 422s the whole keepalive beacon batch).
+  max_scroll_percent: z7.number().int().min(0).max(100).nullable(),
   page: z7.object({
     path: z7.string()
-  }).strict(),
-  section: z7.string().nullable().optional()
+  }).strict()
 }).strict();
-var phoneClickConfigSchema = z7.object({}).strict();
+var pageExitConfigSchema = z7.object({}).strict();
 
-// ../tracking-core/src/events/scroll-depth.ts
+// ../tracking-core/src/events/phone-click.ts
 import { z as z8 } from "zod";
-var scrollDepthMetadataSchema = z8.object({
-  depth_percent: z8.number().int().min(1).max(100),
+var phoneClickMetadataSchema = z8.object({
+  phone_number: z8.string(),
   page: z8.object({
     path: z8.string()
+  }).strict(),
+  section: z8.string().nullable().optional()
+}).strict();
+var phoneClickConfigSchema = z8.object({}).strict();
+
+// ../tracking-core/src/events/scroll-depth.ts
+import { z as z9 } from "zod";
+var scrollDepthMetadataSchema = z9.object({
+  depth_percent: z9.number().int().min(1).max(100),
+  page: z9.object({
+    path: z9.string()
   }).strict()
 }).strict();
-var scrollDepthConfigSchema = z8.object({
-  thresholds: z8.array(z8.number().int().min(1).max(100)).min(1)
+var scrollDepthConfigSchema = z9.object({
+  thresholds: z9.array(z9.number().int().min(1).max(100)).min(1)
 }).strict();
 
 // ../tracking-core/src/events/specific-page-visit.ts
-import { z as z9 } from "zod";
+import { z as z10 } from "zod";
 var SPECIFIC_PAGE_NAMES = [
   "contact_page",
   "about_page",
@@ -1325,18 +1444,18 @@ var SPECIFIC_PAGE_NAMES = [
   "faq_page",
   "testimonials_page"
 ];
-var specificPageNameSchema = z9.enum(SPECIFIC_PAGE_NAMES);
-var specificPageVisitMetadataSchema = z9.object({
+var specificPageNameSchema = z10.enum(SPECIFIC_PAGE_NAMES);
+var specificPageVisitMetadataSchema = z10.object({
   page_name: specificPageNameSchema,
-  page: z9.object({
-    path: z9.string()
+  page: z10.object({
+    path: z10.string()
   }).strict()
 }).strict();
-var specificPageVisitConfigSchema = z9.object({
-  pages: z9.array(
-    z9.object({
+var specificPageVisitConfigSchema = z10.object({
+  pages: z10.array(
+    z10.object({
       name: specificPageNameSchema,
-      pathPattern: z9.custom((value) => value instanceof RegExp, {
+      pathPattern: z10.custom((value) => value instanceof RegExp, {
         message: "pathPattern must be a RegExp"
       })
     }).strict()
@@ -1344,15 +1463,15 @@ var specificPageVisitConfigSchema = z9.object({
 }).strict();
 
 // ../tracking-core/src/events/time-on-site.ts
-import { z as z10 } from "zod";
-var timeOnSiteMetadataSchema = z10.object({
-  duration_ms: z10.number().int().nonnegative(),
-  page: z10.object({
-    path: z10.string()
+import { z as z11 } from "zod";
+var timeOnSiteMetadataSchema = z11.object({
+  duration_ms: z11.number().int().nonnegative(),
+  page: z11.object({
+    path: z11.string()
   }).strict()
 }).strict();
-var timeOnSiteConfigSchema = z10.object({
-  thresholdSeconds: z10.number().int().positive()
+var timeOnSiteConfigSchema = z11.object({
+  thresholdSeconds: z11.number().int().positive()
 }).strict();
 
 // ../tracking-core/src/events/registry.ts
@@ -1394,6 +1513,11 @@ var EVENT_REGISTRY = {
     metadataSchema: sdkHeartbeatMetadataSchema,
     configSchema: sdkHeartbeatConfigSchema
   },
+  page_exit: {
+    kind: "automatic",
+    metadataSchema: pageExitMetadataSchema,
+    configSchema: pageExitConfigSchema
+  },
   // --- manual triggers ---
   form_submit: {
     kind: "manual",
@@ -1772,6 +1896,163 @@ function attachFormStart(client, config) {
   };
 }
 
+// ../tracking-core/src/triggers/page-exit.ts
+function attachPageExit(client) {
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    return () => {
+    };
+  }
+  let currentPath2 = window.location.pathname;
+  let activeSince = document.visibilityState === "visible" ? Date.now() : null;
+  let accumulatedMs = 0;
+  let maxScrollPercent = null;
+  let rafId = null;
+  function getScrollPercent() {
+    const doc = document.documentElement;
+    const scrollTop = window.scrollY || doc.scrollTop;
+    const scrollHeight = doc.scrollHeight;
+    const clientHeight = doc.clientHeight;
+    if (scrollHeight <= clientHeight) return 100;
+    return Math.round((scrollTop + clientHeight) / scrollHeight * 100);
+  }
+  function onScroll() {
+    if (rafId !== null) return;
+    rafId = requestAnimationFrame(() => {
+      rafId = null;
+      const percent = getScrollPercent();
+      if (percent >= 1 && (maxScrollPercent === null || percent > maxScrollPercent)) {
+        maxScrollPercent = Math.min(percent, 100);
+      }
+    });
+  }
+  function settledDwellMs() {
+    let total = accumulatedMs;
+    if (activeSince !== null) {
+      total += Date.now() - activeSince;
+    }
+    return Math.max(0, Math.round(total));
+  }
+  function emitSegment(path, flush) {
+    const dwell = settledDwellMs();
+    if (dwell === 0) return;
+    client.trackEvent({
+      eventType: "page_exit",
+      metadata: {
+        dwell_ms: dwell,
+        max_scroll_percent: maxScrollPercent,
+        page: { path }
+      },
+      pageUrl: window.location.href,
+      occurredAt: null
+    });
+    if (flush) {
+      client.flushBeacon();
+    }
+    accumulatedMs = 0;
+    activeSince = document.visibilityState === "visible" ? Date.now() : null;
+  }
+  function onNavigate() {
+    const newPath = window.location.pathname;
+    if (newPath === currentPath2) return;
+    emitSegment(currentPath2, false);
+    currentPath2 = newPath;
+    maxScrollPercent = null;
+    accumulatedMs = 0;
+    activeSince = document.visibilityState === "visible" ? Date.now() : null;
+  }
+  function onVisibilityChange() {
+    if (document.visibilityState === "hidden") {
+      emitSegment(currentPath2, true);
+    } else {
+      activeSince = Date.now();
+    }
+  }
+  function onPageHide() {
+    emitSegment(currentPath2, true);
+  }
+  const originalPushState = history.pushState.bind(history);
+  const originalReplaceState = history.replaceState.bind(history);
+  function patchedPushState(...args) {
+    originalPushState(...args);
+    setTimeout(onNavigate, 0);
+  }
+  function patchedReplaceState(...args) {
+    originalReplaceState(...args);
+    setTimeout(onNavigate, 0);
+  }
+  history.pushState = patchedPushState;
+  history.replaceState = patchedReplaceState;
+  window.addEventListener("popstate", onNavigate);
+  window.addEventListener("scroll", onScroll, { passive: true });
+  document.addEventListener("visibilitychange", onVisibilityChange);
+  window.addEventListener("pagehide", onPageHide);
+  return () => {
+    if (rafId !== null) cancelAnimationFrame(rafId);
+    history.pushState = originalPushState;
+    history.replaceState = originalReplaceState;
+    window.removeEventListener("popstate", onNavigate);
+    window.removeEventListener("scroll", onScroll);
+    document.removeEventListener("visibilitychange", onVisibilityChange);
+    window.removeEventListener("pagehide", onPageHide);
+  };
+}
+
+// ../tracking-core/src/triggers/cta-click-capture.ts
+var DEFAULT_CTA_SELECTOR = "[data-aranova-cta]";
+var CTA_NAME_MAX_LENGTH = 120;
+function describeElement(el) {
+  const tag = el.tagName.toLowerCase();
+  return el.id ? `${tag}#${el.id}` : tag;
+}
+function resolveCtaName(el) {
+  const explicit = el.getAttribute("data-aranova-cta");
+  if (explicit && explicit.trim().length > 0) return explicit.trim();
+  const text = (el.textContent ?? "").trim().replace(/\s+/g, " ");
+  if (text.length > 0) return text.slice(0, CTA_NAME_MAX_LENGTH);
+  return describeElement(el);
+}
+function attachCtaClickCapture(client, config) {
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    return () => {
+    };
+  }
+  const autoCapture = config.autoCapture;
+  if (!autoCapture) {
+    return () => {
+    };
+  }
+  const selector = autoCapture.selector ?? DEFAULT_CTA_SELECTOR;
+  function onClick(event) {
+    const target = event.target;
+    if (!(target instanceof Element)) return;
+    let matched = null;
+    try {
+      matched = target.closest(selector);
+    } catch {
+      return;
+    }
+    if (matched === null) return;
+    const href = matched instanceof HTMLAnchorElement ? matched.href || null : matched.getAttribute("href");
+    client.trackEvent({
+      eventType: "cta_click",
+      metadata: {
+        cta_name: resolveCtaName(matched),
+        page: { path: window.location.pathname },
+        section: matched.getAttribute("data-aranova-section"),
+        destination_url: href,
+        href,
+        element: describeElement(matched)
+      },
+      pageUrl: window.location.href,
+      occurredAt: null
+    });
+  }
+  document.addEventListener("click", onClick, true);
+  return () => {
+    document.removeEventListener("click", onClick, true);
+  };
+}
+
 // ../tracking-core/src/resources/sales/errors.ts
 var AranovaApiError = class extends Error {
   constructor(message, options) {
@@ -1978,42 +2259,42 @@ function createSalesClient(config) {
 }
 
 // ../tracking-core/src/resources/sales/schema.ts
-import { z as z11 } from "zod";
+import { z as z12 } from "zod";
 var SUPPORTED_CURRENCIES = ["USD", "CAD"];
 var TRACKING_ENVIRONMENTS = ["production", "development"];
-var currencySchema = z11.enum(SUPPORTED_CURRENCIES);
-var centsSchema = z11.number().int().nonnegative();
-var quantitySchema = z11.string().regex(/^\d+(\.\d{1,3})?$/);
-var metadataSchema = z11.record(z11.unknown());
-var saleItemSchema = z11.object({
-  external_item_id: z11.string().nullable().optional(),
-  name: z11.string().nullable().optional(),
-  category: z11.string().nullable().optional(),
+var currencySchema = z12.enum(SUPPORTED_CURRENCIES);
+var centsSchema = z12.number().int().nonnegative();
+var quantitySchema = z12.string().regex(/^\d+(\.\d{1,3})?$/);
+var metadataSchema = z12.record(z12.unknown());
+var saleItemSchema = z12.object({
+  external_item_id: z12.string().nullable().optional(),
+  name: z12.string().nullable().optional(),
+  category: z12.string().nullable().optional(),
   quantity: quantitySchema,
   unit_price_cents: centsSchema,
   // Non-negativity validated on the wire — same contract as the other cents
   // fields — and backstopped by the DB CHECK.
   unit_cost_cents: centsSchema.nullable().optional()
 }).strict();
-var saleServiceSchema = z11.object({
-  service: z11.string(),
+var saleServiceSchema = z12.object({
+  service: z12.string(),
   amount_cents: centsSchema
 }).strict();
-var customerNameSchema = z11.string().max(200);
-var customerPhoneSchema = z11.string().max(64);
-var customerEmailSchema = z11.string().max(320).email();
+var customerNameSchema = z12.string().max(200);
+var customerPhoneSchema = z12.string().max(64);
+var customerEmailSchema = z12.string().max(320).email();
 function refineServiceXor(val, ctx, { requireAmount }) {
   if (val.services != null) {
     if (val.service != null) {
       ctx.addIssue({
-        code: z11.ZodIssueCode.custom,
+        code: z12.ZodIssueCode.custom,
         message: "pass either `service` or `services`, not both",
         path: ["services"]
       });
     }
     if (val.services.length === 0) {
       ctx.addIssue({
-        code: z11.ZodIssueCode.custom,
+        code: z12.ZodIssueCode.custom,
         message: "`services` must not be empty",
         path: ["services"]
       });
@@ -2021,7 +2302,7 @@ function refineServiceXor(val, ctx, { requireAmount }) {
     const keys = val.services.map((s) => s.service);
     if (new Set(keys).size !== keys.length) {
       ctx.addIssue({
-        code: z11.ZodIssueCode.custom,
+        code: z12.ZodIssueCode.custom,
         message: "`services` must not list the same service more than once",
         path: ["services"]
       });
@@ -2030,7 +2311,7 @@ function refineServiceXor(val, ctx, { requireAmount }) {
       const sum = val.services.reduce((acc, s) => acc + s.amount_cents, 0);
       if (val.amount_total_cents !== sum) {
         ctx.addIssue({
-          code: z11.ZodIssueCode.custom,
+          code: z12.ZodIssueCode.custom,
           message: "amount_total_cents must equal the sum of the services amounts (omit it to derive it automatically)",
           path: ["amount_total_cents"]
         });
@@ -2038,37 +2319,37 @@ function refineServiceXor(val, ctx, { requireAmount }) {
     }
   } else if (requireAmount && val.amount_total_cents == null) {
     ctx.addIssue({
-      code: z11.ZodIssueCode.custom,
+      code: z12.ZodIssueCode.custom,
       message: "amount_total_cents is required unless `services` is provided",
       path: ["amount_total_cents"]
     });
   }
 }
-var saleCreateSchema = z11.object({
-  external_id: z11.string().nullable().optional(),
-  description: z11.string().nullable().optional(),
-  service: z11.string().nullable().optional(),
-  services: z11.array(saleServiceSchema).nullable().optional(),
+var saleCreateSchema = z12.object({
+  external_id: z12.string().nullable().optional(),
+  description: z12.string().nullable().optional(),
+  service: z12.string().nullable().optional(),
+  services: z12.array(saleServiceSchema).nullable().optional(),
   currency: currencySchema,
   // Optional only because the plural `services` form derives it from the sum
   // (see refineServiceXor); the singular/serviceless path still requires it.
   amount_total_cents: centsSchema.nullable().optional(),
-  occurred_at: z11.string().datetime(),
-  environment: z11.enum(TRACKING_ENVIRONMENTS).default("production"),
-  items: z11.array(saleItemSchema).default([]),
+  occurred_at: z12.string().datetime(),
+  environment: z12.enum(TRACKING_ENVIRONMENTS).default("production"),
+  items: z12.array(saleItemSchema).default([]),
   metadata: metadataSchema.nullable().optional(),
   customer_name: customerNameSchema.nullable().optional(),
   customer_phone: customerPhoneSchema.nullable().optional(),
   customer_email: customerEmailSchema.nullable().optional()
 }).strict().superRefine((val, ctx) => refineServiceXor(val, ctx, { requireAmount: true }));
-var saleUpdateSchema = z11.object({
-  description: z11.string().nullable().optional(),
-  service: z11.string().nullable().optional(),
-  services: z11.array(saleServiceSchema).nullable().optional(),
+var saleUpdateSchema = z12.object({
+  description: z12.string().nullable().optional(),
+  service: z12.string().nullable().optional(),
+  services: z12.array(saleServiceSchema).nullable().optional(),
   currency: currencySchema.optional(),
   amount_total_cents: centsSchema.optional(),
-  occurred_at: z11.string().datetime().optional(),
-  items: z11.array(saleItemSchema).optional(),
+  occurred_at: z12.string().datetime().optional(),
+  items: z12.array(saleItemSchema).optional(),
   metadata: metadataSchema.nullable().optional(),
   customer_name: customerNameSchema.nullable().optional(),
   customer_phone: customerPhoneSchema.nullable().optional(),
@@ -2154,36 +2435,68 @@ function useTrackingParams() {
   }, []);
   return trackingParams;
 }
-function useConsentState() {
-  return useConsent().state;
-}
-function useConsent() {
-  const [state, setState] = useState("pending");
+var DEFAULT_CHOICE2 = {
+  state: "granted",
+  source: "default",
+  updatedAt: null,
+  expiresAt: null
+};
+function useCookiePreferences(options) {
+  const [choice, setChoice] = useState(DEFAULT_CHOICE2);
+  const ttlDays = options?.declineTtlDays;
   useEffect(() => {
-    setState(getConsentState());
+    const sync = () => setChoice(getConsentChoice());
+    sync();
     const handleStorage = (event) => {
-      if (event.key === CONSENT_STATE_KEY) setState(getConsentState());
+      if (event.key === null || event.key === CONSENT_STATE_KEY || event.key === CONSENT_EXPIRES_AT_KEY || event.key === CONSENT_TIMESTAMP_KEY)
+        sync();
     };
     window.addEventListener("storage", handleStorage);
-    return () => window.removeEventListener("storage", handleStorage);
-  }, []);
-  const accept = useCallback(() => {
-    setConsentState("granted");
-    setState("granted");
+    const unsubscribe = onConsentChange(sync);
+    return () => {
+      window.removeEventListener("storage", handleStorage);
+      unsubscribe();
+    };
   }, []);
-  const decline = useCallback(() => {
-    setConsentState("denied");
-    setState("denied");
+  const optOutAction = useCallback(() => {
+    optOut(ttlDays != null ? { declineTtlDays: ttlDays } : void 0);
+  }, [ttlDays]);
+  const optInAction = useCallback(() => {
+    optIn();
   }, []);
   const reset = useCallback(() => {
     resetConsent();
-    setState("pending");
   }, []);
+  return {
+    state: choice.state,
+    source: choice.source,
+    isDefault: choice.source === "default",
+    isGranted: choice.state === "granted",
+    isDenied: choice.state === "denied",
+    updatedAt: choice.updatedAt,
+    expiresAt: choice.expiresAt,
+    optOut: optOutAction,
+    optIn: optInAction,
+    reset
+  };
+}
+function useConsentState() {
+  return useConsent().state;
+}
+function useConsent() {
+  const {
+    state,
+    isGranted,
+    isDenied,
+    optIn: accept,
+    optOut: decline,
+    reset
+  } = useCookiePreferences();
   return {
     state,
-    isPending: state === "pending",
-    isGranted: state === "granted",
-    isDenied: state === "denied",
+    isPending: false,
+    isGranted,
+    isDenied,
     accept,
     decline,
     reset
@@ -2424,7 +2737,7 @@ function GoogleAdsTracking(props) {
 import { createContext as createContext2, useContext as useContext2, useEffect as useEffect5, useMemo as useMemo4 } from "react";
 
 // package.json
-var version = "0.14.2";
+var version = "0.16.0";
 
 // ../tracking-core/src/phone-react.tsx
 import {
@@ -2612,6 +2925,7 @@ function createTracking(options) {
       const detectorClient = conversionStore ? withConversionAutoFire(rawClient, createConversionAutoFire(conversionStore)) : rawClient;
       detachers.push(attachAutoPageView(detectorClient));
       detachers.push(attachBfcacheRestore(detectorClient));
+      detachers.push(attachPageExit(detectorClient));
       const timeOnSite = triggers.automatic.time_on_site;
       if (timeOnSite) {
         detachers.push(attachTimeOnSite(detectorClient, timeOnSite));
@@ -2632,6 +2946,10 @@ function createTracking(options) {
       if (formStart) {
         detachers.push(attachFormStart(detectorClient, formStart));
       }
+      const ctaClick = triggers.manual?.cta_click;
+      if (ctaClick) {
+        detachers.push(attachCtaClickCapture(detectorClient, ctaClick));
+      }
       return () => {
         for (let i = detachers.length - 1; i >= 0; i--) {
           detachers[i]();
@@ -2655,6 +2973,7 @@ export {
   AdPlatformTracking,
   AranovaApiError,
   ConsentBanner,
+  DEFAULT_DECLINE_TTL_DAYS,
   DEFAULT_PHONE_COUNTRY,
   GoogleAdsTracking,
   NAMED_RANGES,
@@ -2674,7 +2993,11 @@ export {
   formatPhone,
   formatPhoneAsTyped,
   fromMinor,
+  getConsentChoice,
   getConsentState,
+  onConsentChange,
+  optIn,
+  optOut,
   parsePhone,
   phoneField,
   resetConsent,
@@ -2689,6 +3012,7 @@ export {
   toMinor,
   useConsent,
   useConsentState,
+  useCookiePreferences,
   useGclid,
   usePhoneConfig,
   usePhoneField,