@aranova/tracking-react 0.2.2

package/dist/index.d.mts

@@ -0,0 +1,107 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function ConsentBanner(): react_jsx_runtime.JSX.Element | null;
+
+interface GoogleAdsTrackingProps {
+    gtagId: string;
+}
+declare function GoogleAdsTracking({ gtagId }: GoogleAdsTrackingProps): null;
+
+type ConsentState = 'granted' | 'denied' | 'pending';
+interface TrackingParams {
+    gclid: string | null;
+    fbclid: string | null;
+    utm_source: string | null;
+    utm_medium: string | null;
+    utm_campaign: string | null;
+    utm_term: string | null;
+    utm_content: string | null;
+}
+type TrackingInstallSurface = 'next' | 'react' | 'script';
+interface TrackingClientContext {
+    surface: TrackingInstallSurface;
+    sdk_version: string | null;
+    package_name: string | null;
+    site_origin: string | null;
+    page_title: string | null;
+    referrer: string | null;
+}
+interface TrackingSessionUpsertPayload {
+    session_id: string;
+    gclid: string | null;
+    fbclid: string | null;
+    utm_source: string | null;
+    utm_medium: string | null;
+    utm_campaign: string | null;
+    utm_term: string | null;
+    utm_content: string | null;
+    first_page: string | null;
+    consent_state: Record<string, unknown> | null;
+    context: TrackingClientContext;
+}
+interface TrackingEventCreatePayload {
+    session_id: string;
+    event_type: string;
+    gclid: string | null;
+    fbclid: string | null;
+    page_url: string | null;
+    metadata: Record<string, unknown> | null;
+    context: TrackingClientContext;
+}
+interface TrackingInitConfig {
+    apiKey?: string;
+    endpoint?: string;
+    gtagId?: string;
+    autoCaptureTrackingParams?: boolean;
+    renderConsentBanner?: boolean;
+    cookieMaxAgeSeconds?: number;
+    surface?: TrackingInstallSurface;
+}
+declare global {
+    interface Window {
+        gtag?: (...args: unknown[]) => void;
+        dataLayer?: unknown[];
+        AranovaTracking?: {
+            init: (config: TrackingInitConfig) => void;
+            captureTrackingParams: () => TrackingParams;
+            getTrackingParams: () => TrackingParams;
+            getConsentState: () => ConsentState;
+            setConsentState: (state: 'granted' | 'denied') => void;
+        };
+    }
+}
+
+type GtagConsentValue = 'granted' | 'denied';
+declare function getConsentState(): ConsentState;
+declare function setConsentState(state: GtagConsentValue): void;
+
+interface TrackingContextInput {
+    packageName?: string | null;
+    pageTitle?: string | null;
+    referrer?: string | null;
+    sdkVersion?: string | null;
+    siteOrigin?: string | null;
+}
+interface TrackingEventInput {
+    eventType: string;
+    metadata?: Record<string, unknown> | null;
+    pageUrl?: string | null;
+    sessionId: string;
+}
+interface TrackingSessionInput {
+    consentState?: Record<string, unknown> | null;
+    firstPage?: string | null;
+    sessionId: string;
+}
+declare function createTrackingClientContext(surface: TrackingInstallSurface, input?: TrackingContextInput): TrackingClientContext;
+declare function createTrackingSessionUpsertPayload(trackingParams: TrackingParams, input: TrackingSessionInput, context: TrackingClientContext): TrackingSessionUpsertPayload;
+declare function createTrackingEventCreatePayload(trackingParams: TrackingParams, input: TrackingEventInput, context: TrackingClientContext): TrackingEventCreatePayload;
+
+declare const TRACKING_PARAM_KEYS: readonly ["gclid", "fbclid", "utm_source", "utm_medium", "utm_campaign", "utm_term", "utm_content"];
+declare function captureTrackingParamsFromLocation(url?: string, maxAgeSeconds?: number): TrackingParams;
+
+declare function useGclid(): string | null;
+declare function useTrackingParams(): TrackingParams;
+declare function useConsentState(): ConsentState;
+
+export { ConsentBanner, type ConsentState, GoogleAdsTracking, type GoogleAdsTrackingProps, TRACKING_PARAM_KEYS, type TrackingClientContext, type TrackingEventCreatePayload, type TrackingInitConfig, type TrackingInstallSurface, type TrackingParams, type TrackingSessionUpsertPayload, captureTrackingParamsFromLocation, createTrackingClientContext, createTrackingEventCreatePayload, createTrackingSessionUpsertPayload, getConsentState, setConsentState, useConsentState, useGclid, useTrackingParams };

package/dist/index.d.ts

@@ -0,0 +1,107 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function ConsentBanner(): react_jsx_runtime.JSX.Element | null;
+
+interface GoogleAdsTrackingProps {
+    gtagId: string;
+}
+declare function GoogleAdsTracking({ gtagId }: GoogleAdsTrackingProps): null;
+
+type ConsentState = 'granted' | 'denied' | 'pending';
+interface TrackingParams {
+    gclid: string | null;
+    fbclid: string | null;
+    utm_source: string | null;
+    utm_medium: string | null;
+    utm_campaign: string | null;
+    utm_term: string | null;
+    utm_content: string | null;
+}
+type TrackingInstallSurface = 'next' | 'react' | 'script';
+interface TrackingClientContext {
+    surface: TrackingInstallSurface;
+    sdk_version: string | null;
+    package_name: string | null;
+    site_origin: string | null;
+    page_title: string | null;
+    referrer: string | null;
+}
+interface TrackingSessionUpsertPayload {
+    session_id: string;
+    gclid: string | null;
+    fbclid: string | null;
+    utm_source: string | null;
+    utm_medium: string | null;
+    utm_campaign: string | null;
+    utm_term: string | null;
+    utm_content: string | null;
+    first_page: string | null;
+    consent_state: Record<string, unknown> | null;
+    context: TrackingClientContext;
+}
+interface TrackingEventCreatePayload {
+    session_id: string;
+    event_type: string;
+    gclid: string | null;
+    fbclid: string | null;
+    page_url: string | null;
+    metadata: Record<string, unknown> | null;
+    context: TrackingClientContext;
+}
+interface TrackingInitConfig {
+    apiKey?: string;
+    endpoint?: string;
+    gtagId?: string;
+    autoCaptureTrackingParams?: boolean;
+    renderConsentBanner?: boolean;
+    cookieMaxAgeSeconds?: number;
+    surface?: TrackingInstallSurface;
+}
+declare global {
+    interface Window {
+        gtag?: (...args: unknown[]) => void;
+        dataLayer?: unknown[];
+        AranovaTracking?: {
+            init: (config: TrackingInitConfig) => void;
+            captureTrackingParams: () => TrackingParams;
+            getTrackingParams: () => TrackingParams;
+            getConsentState: () => ConsentState;
+            setConsentState: (state: 'granted' | 'denied') => void;
+        };
+    }
+}
+
+type GtagConsentValue = 'granted' | 'denied';
+declare function getConsentState(): ConsentState;
+declare function setConsentState(state: GtagConsentValue): void;
+
+interface TrackingContextInput {
+    packageName?: string | null;
+    pageTitle?: string | null;
+    referrer?: string | null;
+    sdkVersion?: string | null;
+    siteOrigin?: string | null;
+}
+interface TrackingEventInput {
+    eventType: string;
+    metadata?: Record<string, unknown> | null;
+    pageUrl?: string | null;
+    sessionId: string;
+}
+interface TrackingSessionInput {
+    consentState?: Record<string, unknown> | null;
+    firstPage?: string | null;
+    sessionId: string;
+}
+declare function createTrackingClientContext(surface: TrackingInstallSurface, input?: TrackingContextInput): TrackingClientContext;
+declare function createTrackingSessionUpsertPayload(trackingParams: TrackingParams, input: TrackingSessionInput, context: TrackingClientContext): TrackingSessionUpsertPayload;
+declare function createTrackingEventCreatePayload(trackingParams: TrackingParams, input: TrackingEventInput, context: TrackingClientContext): TrackingEventCreatePayload;
+
+declare const TRACKING_PARAM_KEYS: readonly ["gclid", "fbclid", "utm_source", "utm_medium", "utm_campaign", "utm_term", "utm_content"];
+declare function captureTrackingParamsFromLocation(url?: string, maxAgeSeconds?: number): TrackingParams;
+
+declare function useGclid(): string | null;
+declare function useTrackingParams(): TrackingParams;
+declare function useConsentState(): ConsentState;
+
+export { ConsentBanner, type ConsentState, GoogleAdsTracking, type GoogleAdsTrackingProps, TRACKING_PARAM_KEYS, type TrackingClientContext, type TrackingEventCreatePayload, type TrackingInitConfig, type TrackingInstallSurface, type TrackingParams, type TrackingSessionUpsertPayload, captureTrackingParamsFromLocation, createTrackingClientContext, createTrackingEventCreatePayload, createTrackingSessionUpsertPayload, getConsentState, setConsentState, useConsentState, useGclid, useTrackingParams };

package/dist/index.js

@@ -0,0 +1,333 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  ConsentBanner: () => ConsentBanner,
+  GoogleAdsTracking: () => GoogleAdsTracking,
+  TRACKING_PARAM_KEYS: () => TRACKING_PARAM_KEYS,
+  captureTrackingParamsFromLocation: () => captureTrackingParamsFromLocation,
+  createTrackingClientContext: () => createTrackingClientContext,
+  createTrackingEventCreatePayload: () => createTrackingEventCreatePayload,
+  createTrackingSessionUpsertPayload: () => createTrackingSessionUpsertPayload,
+  getConsentState: () => getConsentState,
+  setConsentState: () => setConsentState,
+  useConsentState: () => useConsentState,
+  useGclid: () => useGclid,
+  useTrackingParams: () => useTrackingParams
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/ConsentBanner.tsx
+var import_react = require("react");
+
+// ../tracking-core/src/consent.ts
+var CONSENT_STATE_KEY = "consent_state";
+var CONSENT_TIMESTAMP_KEY = "consent_timestamp";
+function buildConsentPayload(state) {
+  return {
+    ad_storage: state,
+    ad_user_data: state,
+    ad_personalization: state,
+    analytics_storage: state
+  };
+}
+function getConsentState() {
+  if (typeof window === "undefined")
+    return "pending";
+  const storedState = window.localStorage.getItem(CONSENT_STATE_KEY);
+  if (storedState === "granted" || storedState === "denied")
+    return storedState;
+  return "pending";
+}
+function setConsentState(state) {
+  if (typeof window === "undefined")
+    return;
+  window.localStorage.setItem(CONSENT_STATE_KEY, state);
+  window.localStorage.setItem(CONSENT_TIMESTAMP_KEY, (/* @__PURE__ */ new Date()).toISOString());
+  if (typeof window.gtag === "function")
+    window.gtag("consent", "update", buildConsentPayload(state));
+}
+function restoreStoredConsent() {
+  const consentState = getConsentState();
+  if (consentState === "granted" || consentState === "denied")
+    setConsentState(consentState);
+  return consentState;
+}
+
+// ../tracking-core/src/payloads.ts
+function createTrackingClientContext(surface, input = {}) {
+  return {
+    surface,
+    sdk_version: input.sdkVersion ?? null,
+    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)
+  };
+}
+function createTrackingSessionUpsertPayload(trackingParams, input, context) {
+  return {
+    session_id: input.sessionId,
+    gclid: trackingParams.gclid,
+    fbclid: trackingParams.fbclid,
+    utm_source: trackingParams.utm_source,
+    utm_medium: trackingParams.utm_medium,
+    utm_campaign: trackingParams.utm_campaign,
+    utm_term: trackingParams.utm_term,
+    utm_content: trackingParams.utm_content,
+    first_page: input.firstPage ?? null,
+    consent_state: input.consentState ?? null,
+    context
+  };
+}
+function createTrackingEventCreatePayload(trackingParams, input, context) {
+  return {
+    session_id: input.sessionId,
+    event_type: input.eventType,
+    gclid: trackingParams.gclid,
+    fbclid: trackingParams.fbclid,
+    page_url: input.pageUrl ?? (typeof window === "undefined" ? null : window.location.href),
+    metadata: input.metadata ?? null,
+    context
+  };
+}
+
+// ../tracking-core/src/gtag.ts
+var GTAG_SCRIPT_HOST = "https://www.googletagmanager.com/gtag/js";
+var TRACKING_SCRIPT_ATTRIBUTE = "data-aranova-tracking";
+function getScriptMarker(id) {
+  return `aranova-${id}`;
+}
+function ensureGtagFunction() {
+  window.dataLayer = window.dataLayer || [];
+  if (typeof window.gtag === "function")
+    return window.gtag;
+  window.gtag = (...args) => {
+    window.dataLayer?.push(args);
+  };
+  return window.gtag;
+}
+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
+  });
+}
+function loadGtagScript(gtagId) {
+  if (typeof document === "undefined")
+    return;
+  const marker = getScriptMarker("gtag-loader");
+  const existingScript = document.querySelector(`script[${TRACKING_SCRIPT_ATTRIBUTE}="${marker}"]`);
+  if (existingScript)
+    return;
+  const script = document.createElement("script");
+  script.async = true;
+  script.src = `${GTAG_SCRIPT_HOST}?id=${encodeURIComponent(gtagId)}`;
+  script.setAttribute(TRACKING_SCRIPT_ATTRIBUTE, marker);
+  document.head.appendChild(script);
+}
+function initializeGtag(gtagId) {
+  const gtag = ensureGtagFunction();
+  gtag("js", /* @__PURE__ */ new Date());
+  gtag("config", gtagId);
+}
+function bootstrapGoogleAdsTracking(gtagId) {
+  if (typeof window === "undefined" || typeof document === "undefined")
+    return;
+  applyDefaultConsentState();
+  loadGtagScript(gtagId);
+  initializeGtag(gtagId);
+  restoreStoredConsent();
+}
+
+// ../tracking-core/src/tracking.ts
+var TRACKING_COOKIE_MAX_AGE_SECONDS = 7776e3;
+var TRACKING_PARAM_KEYS = [
+  "gclid",
+  "fbclid",
+  "utm_source",
+  "utm_medium",
+  "utm_campaign",
+  "utm_term",
+  "utm_content"
+];
+function createEmptyTrackingParams() {
+  return {
+    gclid: null,
+    fbclid: null,
+    utm_source: null,
+    utm_medium: null,
+    utm_campaign: null,
+    utm_term: null,
+    utm_content: null
+  };
+}
+function normalizeTrackingCookieValue(value) {
+  return typeof value === "string" && value.length > 0 ? value : null;
+}
+function getTrackingParamsFromCookieReader(readCookie) {
+  return TRACKING_PARAM_KEYS.reduce((params, key) => {
+    params[key] = normalizeTrackingCookieValue(readCookie(key));
+    return params;
+  }, createEmptyTrackingParams());
+}
+function getTrackingQueryValues(searchParams) {
+  return TRACKING_PARAM_KEYS.reduce((params, key) => {
+    const value = searchParams.get(key);
+    if (typeof value === "string" && value.trim().length > 0) {
+      params[key] = value;
+    }
+    return params;
+  }, {});
+}
+function getCookieValueFromDocument(key) {
+  if (typeof document === "undefined")
+    return null;
+  const cookies = document.cookie ? document.cookie.split("; ") : [];
+  const match = cookies.find((cookie) => cookie.startsWith(`${key}=`));
+  if (!match)
+    return null;
+  const [, rawValue = ""] = match.split("=");
+  return normalizeTrackingCookieValue(decodeURIComponent(rawValue));
+}
+function setTrackingCookie(key, value, maxAgeSeconds = TRACKING_COOKIE_MAX_AGE_SECONDS) {
+  if (typeof document === "undefined")
+    return;
+  const encodedValue = encodeURIComponent(value);
+  document.cookie = `${key}=${encodedValue}; Max-Age=${maxAgeSeconds}; Path=/; SameSite=Lax`;
+}
+function persistTrackingParamsFromSearchParams(searchParams, maxAgeSeconds = TRACKING_COOKIE_MAX_AGE_SECONDS) {
+  const trackingValues = getTrackingQueryValues(searchParams);
+  Object.entries(trackingValues).forEach(([key, value]) => {
+    setTrackingCookie(key, value, maxAgeSeconds);
+  });
+  return trackingValues;
+}
+function captureTrackingParamsFromLocation(url = typeof window === "undefined" ? "" : window.location.href, maxAgeSeconds = TRACKING_COOKIE_MAX_AGE_SECONDS) {
+  const resolvedUrl = typeof window === "undefined" ? new URL(url || "https://example.invalid") : new URL(url, window.location.origin);
+  persistTrackingParamsFromSearchParams(resolvedUrl.searchParams, maxAgeSeconds);
+  return getTrackingParamsFromCookieReader(getCookieValueFromDocument);
+}
+
+// src/ConsentBanner.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function ConsentBanner() {
+  const [consentState, setBannerConsentState] = (0, import_react.useState)("pending");
+  const [isReady, setIsReady] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    setBannerConsentState(getConsentState());
+    setIsReady(true);
+  }, []);
+  if (!isReady || consentState !== "pending")
+    return null;
+  const handleAccept = () => {
+    setConsentState("granted");
+    setBannerConsentState("granted");
+  };
+  const handleDecline = () => {
+    setConsentState("denied");
+    setBannerConsentState("denied");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "fixed bottom-0 left-0 right-0 z-50 border-t border-gray-200 bg-white p-4 shadow-lg", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto flex max-w-5xl flex-col gap-4 md:flex-row md:items-center md:justify-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-gray-700", children: "We use cookies to understand ad performance and improve how our marketing works across visits. You can accept or decline this tracking." }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-2 sm:flex-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: handleDecline,
+          className: "rounded-md border border-gray-300 px-4 py-2 text-sm font-medium text-gray-700 transition hover:bg-gray-100",
+          children: "Decline"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: handleAccept,
+          className: "rounded-md bg-gray-900 px-4 py-2 text-sm font-medium text-white transition hover:bg-gray-800",
+          children: "Accept"
+        }
+      )
+    ] })
+  ] }) });
+}
+
+// src/GoogleAdsTracking.tsx
+var import_react2 = require("react");
+function GoogleAdsTracking({ gtagId }) {
+  (0, import_react2.useEffect)(() => {
+    bootstrapGoogleAdsTracking(gtagId);
+  }, [gtagId]);
+  return null;
+}
+
+// src/hooks.ts
+var import_react3 = require("react");
+function useGclid() {
+  const [gclid, setGclid] = (0, import_react3.useState)(null);
+  (0, import_react3.useEffect)(() => {
+    setGclid(getCookieValueFromDocument("gclid"));
+  }, []);
+  return gclid;
+}
+function useTrackingParams() {
+  const [trackingParams, setTrackingParams] = (0, import_react3.useState)(createEmptyTrackingParams());
+  (0, import_react3.useEffect)(() => {
+    setTrackingParams(getTrackingParamsFromCookieReader(getCookieValueFromDocument));
+  }, []);
+  return trackingParams;
+}
+function useConsentState() {
+  const [consentState, setConsentStateValue] = (0, import_react3.useState)("pending");
+  (0, import_react3.useEffect)(() => {
+    setConsentStateValue(getConsentState());
+    const handleStorage = (event) => {
+      if (event.key === "consent_state")
+        setConsentStateValue(getConsentState());
+    };
+    window.addEventListener("storage", handleStorage);
+    return () => {
+      window.removeEventListener("storage", handleStorage);
+    };
+  }, []);
+  return consentState;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ConsentBanner,
+  GoogleAdsTracking,
+  TRACKING_PARAM_KEYS,
+  captureTrackingParamsFromLocation,
+  createTrackingClientContext,
+  createTrackingEventCreatePayload,
+  createTrackingSessionUpsertPayload,
+  getConsentState,
+  setConsentState,
+  useConsentState,
+  useGclid,
+  useTrackingParams
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/ConsentBanner.tsx","../../tracking-core/src/consent.ts","../../tracking-core/src/payloads.ts","../../tracking-core/src/gtag.ts","../../tracking-core/src/tracking.ts","../src/GoogleAdsTracking.tsx","../src/hooks.ts"],"sourcesContent":["export { ConsentBanner } from './ConsentBanner';\nexport { GoogleAdsTracking, type GoogleAdsTrackingProps } from './GoogleAdsTracking';\nexport { useConsentState, useGclid, useTrackingParams } from './hooks';\nexport { getConsentState, setConsentState } from '../../tracking-core/src/index';\nexport {\n  captureTrackingParamsFromLocation,\n  createTrackingClientContext,\n  createTrackingEventCreatePayload,\n  createTrackingSessionUpsertPayload,\n  TRACKING_PARAM_KEYS,\n} from '../../tracking-core/src/index';\nexport type {\n  ConsentState,\n  TrackingClientContext,\n  TrackingEventCreatePayload,\n  TrackingInitConfig,\n  TrackingInstallSurface,\n  TrackingParams,\n  TrackingSessionUpsertPayload,\n} from '../../tracking-core/src/index';\n","'use client';\n\nimport { useEffect, useState } from 'react';\n\nimport { getConsentState, setConsentState, type ConsentState } from '../../tracking-core/src/index';\n\nexport function ConsentBanner() {\n  const [consentState, setBannerConsentState] = useState<ConsentState>('pending');\n  const [isReady, setIsReady] = useState(false);\n\n  useEffect(() => {\n    setBannerConsentState(getConsentState());\n    setIsReady(true);\n  }, []);\n\n  if (!isReady || consentState !== 'pending')\n    return null;\n\n  const handleAccept = (): void => {\n    setConsentState('granted');\n    setBannerConsentState('granted');\n  };\n\n  const handleDecline = (): void => {\n    setConsentState('denied');\n    setBannerConsentState('denied');\n  };\n\n  return (\n    <div className=\"fixed bottom-0 left-0 right-0 z-50 border-t border-gray-200 bg-white p-4 shadow-lg\">\n      <div className=\"mx-auto flex max-w-5xl flex-col gap-4 md:flex-row md:items-center md:justify-between\">\n        <p className=\"text-sm text-gray-700\">\n          We use cookies to understand ad performance and improve how our marketing works across visits.\n          You can accept or decline this tracking.\n        </p>\n        <div className=\"flex flex-col gap-2 sm:flex-row\">\n          <button\n            type=\"button\"\n            onClick={handleDecline}\n            className=\"rounded-md border border-gray-300 px-4 py-2 text-sm font-medium text-gray-700 transition hover:bg-gray-100\"\n          >\n            Decline\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleAccept}\n            className=\"rounded-md bg-gray-900 px-4 py-2 text-sm font-medium text-white transition hover:bg-gray-800\"\n          >\n            Accept\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import type { ConsentState } from './types';\n\nexport const CONSENT_STATE_KEY = 'consent_state';\nexport const CONSENT_TIMESTAMP_KEY = 'consent_timestamp';\n\nexport type GtagConsentValue = 'granted' | 'denied';\n\nexport interface ConsentUpdatePayload {\n  ad_storage: GtagConsentValue;\n  ad_user_data: GtagConsentValue;\n  ad_personalization: GtagConsentValue;\n  analytics_storage: GtagConsentValue;\n}\n\nexport function buildConsentPayload(state: GtagConsentValue): ConsentUpdatePayload {\n  return {\n    ad_storage: state,\n    ad_user_data: state,\n    ad_personalization: state,\n    analytics_storage: state,\n  };\n}\n\nexport function getConsentState(): ConsentState {\n  if (typeof window === 'undefined')\n    return 'pending';\n\n  const storedState = window.localStorage.getItem(CONSENT_STATE_KEY);\n\n  if (storedState === 'granted' || storedState === 'denied')\n    return storedState;\n\n  return 'pending';\n}\n\nexport function setConsentState(state: GtagConsentValue): void {\n  if (typeof window === 'undefined')\n    return;\n\n  window.localStorage.setItem(CONSENT_STATE_KEY, state);\n  window.localStorage.setItem(CONSENT_TIMESTAMP_KEY, new Date().toISOString());\n\n  if (typeof window.gtag === 'function')\n    window.gtag('consent', 'update', buildConsentPayload(state));\n}\n\nexport function restoreStoredConsent(): ConsentState {\n  const consentState = getConsentState();\n\n  if (consentState === 'granted' || consentState === 'denied')\n    setConsentState(consentState);\n\n  return consentState;\n}\n","import type {\n  TrackingClientContext,\n  TrackingEventCreatePayload,\n  TrackingInstallSurface,\n  TrackingParams,\n  TrackingSessionUpsertPayload,\n} from './types';\n\ninterface TrackingContextInput {\n  packageName?: string | null;\n  pageTitle?: string | null;\n  referrer?: string | null;\n  sdkVersion?: string | null;\n  siteOrigin?: string | null;\n}\n\ninterface TrackingEventInput {\n  eventType: string;\n  metadata?: Record<string, unknown> | null;\n  pageUrl?: string | null;\n  sessionId: string;\n}\n\ninterface TrackingSessionInput {\n  consentState?: Record<string, unknown> | null;\n  firstPage?: string | null;\n  sessionId: string;\n}\n\nexport function createTrackingClientContext(\n  surface: TrackingInstallSurface,\n  input: TrackingContextInput = {},\n): TrackingClientContext {\n  return {\n    surface,\n    sdk_version: input.sdkVersion ?? null,\n    package_name: input.packageName ?? null,\n    site_origin: input.siteOrigin ?? (typeof window === 'undefined' ? null : window.location.origin),\n    page_title: input.pageTitle ?? (typeof document === 'undefined' ? null : document.title || null),\n    referrer: input.referrer ?? (typeof document === 'undefined' ? null : document.referrer || null),\n  };\n}\n\nexport function createTrackingSessionUpsertPayload(\n  trackingParams: TrackingParams,\n  input: TrackingSessionInput,\n  context: TrackingClientContext,\n): TrackingSessionUpsertPayload {\n  return {\n    session_id: input.sessionId,\n    gclid: trackingParams.gclid,\n    fbclid: trackingParams.fbclid,\n    utm_source: trackingParams.utm_source,\n    utm_medium: trackingParams.utm_medium,\n    utm_campaign: trackingParams.utm_campaign,\n    utm_term: trackingParams.utm_term,\n    utm_content: trackingParams.utm_content,\n    first_page: input.firstPage ?? null,\n    consent_state: input.consentState ?? null,\n    context,\n  };\n}\n\nexport function createTrackingEventCreatePayload(\n  trackingParams: TrackingParams,\n  input: TrackingEventInput,\n  context: TrackingClientContext,\n): TrackingEventCreatePayload {\n  return {\n    session_id: input.sessionId,\n    event_type: input.eventType,\n    gclid: trackingParams.gclid,\n    fbclid: trackingParams.fbclid,\n    page_url: input.pageUrl ?? (typeof window === 'undefined' ? null : window.location.href),\n    metadata: input.metadata ?? null,\n    context,\n  };\n}\n","import { buildConsentPayload, getConsentState, restoreStoredConsent } from './consent';\n\nexport const GTAG_SCRIPT_HOST = 'https://www.googletagmanager.com/gtag/js';\nexport const TRACKING_SCRIPT_ATTRIBUTE = 'data-aranova-tracking';\n\nfunction getScriptMarker(id: string): string {\n  return `aranova-${id}`;\n}\n\nexport function createConsentDefaultScript(): string {\n  return `\nwindow.dataLayer = window.dataLayer || [];\nfunction gtag(){dataLayer.push(arguments);}\nwindow.gtag = gtag;\ngtag('consent', 'default', {\n  ad_storage: 'denied',\n  ad_user_data: 'denied',\n  ad_personalization: 'denied',\n  analytics_storage: 'denied',\n  wait_for_update: 500,\n});\n`.trim();\n}\n\nexport function createGtagInitScript(gtagId: string): string {\n  return `\nwindow.dataLayer = window.dataLayer || [];\nfunction gtag(){dataLayer.push(arguments);}\nwindow.gtag = gtag;\ngtag('js', new Date());\ngtag('config', '${gtagId}');\n`.trim();\n}\n\nexport function createConsentRestoreScript(): string {\n  return `\nconst consentState = window.localStorage.getItem('consent_state');\nif (window.gtag && (consentState === 'granted' || consentState === 'denied')) {\n  window.gtag('consent', 'update', {\n    ad_storage: consentState,\n    ad_user_data: consentState,\n    ad_personalization: consentState,\n    analytics_storage: consentState,\n  });\n}\n`.trim();\n}\n\nexport function ensureGtagFunction(): NonNullable<Window['gtag']> {\n  window.dataLayer = window.dataLayer || [];\n\n  if (typeof window.gtag === 'function')\n    return window.gtag;\n\n  window.gtag = (...args: unknown[]) => {\n    window.dataLayer?.push(args);\n  };\n\n  return window.gtag;\n}\n\nexport function applyDefaultConsentState(): void {\n  const gtag = ensureGtagFunction();\n  gtag('consent', 'default', {\n    ad_storage: 'denied',\n    ad_user_data: 'denied',\n    ad_personalization: 'denied',\n    analytics_storage: 'denied',\n    wait_for_update: 500,\n  });\n}\n\nexport function loadGtagScript(gtagId: string): void {\n  if (typeof document === 'undefined')\n    return;\n\n  const marker = getScriptMarker('gtag-loader');\n  const existingScript = document.querySelector<HTMLScriptElement>(`script[${TRACKING_SCRIPT_ATTRIBUTE}=\"${marker}\"]`);\n  if (existingScript)\n    return;\n\n  const script = document.createElement('script');\n  script.async = true;\n  script.src = `${GTAG_SCRIPT_HOST}?id=${encodeURIComponent(gtagId)}`;\n  script.setAttribute(TRACKING_SCRIPT_ATTRIBUTE, marker);\n  document.head.appendChild(script);\n}\n\nexport function initializeGtag(gtagId: string): void {\n  const gtag = ensureGtagFunction();\n  gtag('js', new Date());\n  gtag('config', gtagId);\n}\n\nexport function restoreConsentState(): void {\n  if (typeof window === 'undefined')\n    return;\n\n  const consentState = getConsentState();\n  if (consentState === 'granted' || consentState === 'denied')\n    window.gtag?.('consent', 'update', buildConsentPayload(consentState));\n}\n\nexport function bootstrapGoogleAdsTracking(gtagId: string): void {\n  if (typeof window === 'undefined' || typeof document === 'undefined')\n    return;\n\n  applyDefaultConsentState();\n  loadGtagScript(gtagId);\n  initializeGtag(gtagId);\n  restoreStoredConsent();\n}\n","import type { TrackingParams } from './types';\n\nexport const TRACKING_COOKIE_MAX_AGE_SECONDS = 7_776_000;\n\nexport const TRACKING_PARAM_KEYS = [\n  'gclid',\n  'fbclid',\n  'utm_source',\n  'utm_medium',\n  'utm_campaign',\n  'utm_term',\n  'utm_content',\n] as const;\n\nexport type TrackingParamKey = (typeof TRACKING_PARAM_KEYS)[number];\n\nexport function createEmptyTrackingParams(): TrackingParams {\n  return {\n    gclid: null,\n    fbclid: null,\n    utm_source: null,\n    utm_medium: null,\n    utm_campaign: null,\n    utm_term: null,\n    utm_content: null,\n  };\n}\n\nexport function normalizeTrackingCookieValue(value: unknown): string | null {\n  return typeof value === 'string' && value.length > 0 ? value : null;\n}\n\nexport function getTrackingParamsFromCookieReader(\n  readCookie: (key: TrackingParamKey) => unknown,\n): TrackingParams {\n  return TRACKING_PARAM_KEYS.reduce<TrackingParams>((params, key) => {\n    params[key] = normalizeTrackingCookieValue(readCookie(key));\n    return params;\n  }, createEmptyTrackingParams());\n}\n\nexport function getTrackingQueryValues(\n  searchParams: Pick<URLSearchParams, 'get'>,\n): Partial<Record<TrackingParamKey, string>> {\n  return TRACKING_PARAM_KEYS.reduce<Partial<Record<TrackingParamKey, string>>>((params, key) => {\n    const value = searchParams.get(key);\n\n    if (typeof value === 'string' && value.trim().length > 0) {\n      params[key] = value;\n    }\n\n    return params;\n  }, {});\n}\n\nexport function getCookieValueFromDocument(key: TrackingParamKey): string | null {\n  if (typeof document === 'undefined')\n    return null;\n\n  const cookies = document.cookie ? document.cookie.split('; ') : [];\n  const match = cookies.find((cookie) => cookie.startsWith(`${key}=`));\n\n  if (!match)\n    return null;\n\n  const [, rawValue = ''] = match.split('=');\n  return normalizeTrackingCookieValue(decodeURIComponent(rawValue));\n}\n\nexport function setTrackingCookie(\n  key: TrackingParamKey,\n  value: string,\n  maxAgeSeconds = TRACKING_COOKIE_MAX_AGE_SECONDS,\n): void {\n  if (typeof document === 'undefined')\n    return;\n\n  const encodedValue = encodeURIComponent(value);\n  document.cookie = `${key}=${encodedValue}; Max-Age=${maxAgeSeconds}; Path=/; SameSite=Lax`;\n}\n\nexport function persistTrackingParamsFromSearchParams(\n  searchParams: Pick<URLSearchParams, 'get'>,\n  maxAgeSeconds = TRACKING_COOKIE_MAX_AGE_SECONDS,\n): Partial<Record<TrackingParamKey, string>> {\n  const trackingValues = getTrackingQueryValues(searchParams);\n\n  Object.entries(trackingValues).forEach(([key, value]) => {\n    setTrackingCookie(key as TrackingParamKey, value, maxAgeSeconds);\n  });\n\n  return trackingValues;\n}\n\nexport function captureTrackingParamsFromLocation(\n  url = typeof window === 'undefined' ? '' : window.location.href,\n  maxAgeSeconds = TRACKING_COOKIE_MAX_AGE_SECONDS,\n): TrackingParams {\n  const resolvedUrl = typeof window === 'undefined'\n    ? new URL(url || 'https://example.invalid')\n    : new URL(url, window.location.origin);\n  persistTrackingParamsFromSearchParams(resolvedUrl.searchParams, maxAgeSeconds);\n  return getTrackingParamsFromCookieReader(getCookieValueFromDocument);\n}\n","'use client';\n\nimport { useEffect } from 'react';\n\nimport { bootstrapGoogleAdsTracking } from '../../tracking-core/src/index';\n\nexport interface GoogleAdsTrackingProps {\n  gtagId: string;\n}\n\nexport function GoogleAdsTracking({ gtagId }: GoogleAdsTrackingProps) {\n  useEffect(() => {\n    bootstrapGoogleAdsTracking(gtagId);\n  }, [gtagId]);\n\n  return null;\n}\n","'use client';\n\nimport { useEffect, useState } from 'react';\n\nimport { getConsentState } from '../../tracking-core/src/index';\nimport {\n  createEmptyTrackingParams,\n  getCookieValueFromDocument,\n  getTrackingParamsFromCookieReader,\n  type ConsentState,\n  type TrackingParams,\n} from '../../tracking-core/src/index';\n\nexport function useGclid(): string | null {\n  const [gclid, setGclid] = useState<string | null>(null);\n\n  useEffect(() => {\n    setGclid(getCookieValueFromDocument('gclid'));\n  }, []);\n\n  return gclid;\n}\n\nexport function useTrackingParams(): TrackingParams {\n  const [trackingParams, setTrackingParams] = useState<TrackingParams>(createEmptyTrackingParams());\n\n  useEffect(() => {\n    setTrackingParams(getTrackingParamsFromCookieReader(getCookieValueFromDocument));\n  }, []);\n\n  return trackingParams;\n}\n\nexport function useConsentState(): ConsentState {\n  const [consentState, setConsentStateValue] = useState<ConsentState>('pending');\n\n  useEffect(() => {\n    setConsentStateValue(getConsentState());\n\n    const handleStorage = (event: StorageEvent): void => {\n      if (event.key === 'consent_state')\n        setConsentStateValue(getConsentState());\n    };\n\n    window.addEventListener('storage', handleStorage);\n\n    return () => {\n      window.removeEventListener('storage', handleStorage);\n    };\n  }, []);\n\n  return consentState;\n}\n"],"mappings":"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","names":["import_react","import_react"]}

package/dist/index.mjs

@@ -0,0 +1,295 @@
+// src/ConsentBanner.tsx
+import { useEffect, useState } from "react";
+
+// ../tracking-core/src/consent.ts
+var CONSENT_STATE_KEY = "consent_state";
+var CONSENT_TIMESTAMP_KEY = "consent_timestamp";
+function buildConsentPayload(state) {
+  return {
+    ad_storage: state,
+    ad_user_data: state,
+    ad_personalization: state,
+    analytics_storage: state
+  };
+}
+function getConsentState() {
+  if (typeof window === "undefined")
+    return "pending";
+  const storedState = window.localStorage.getItem(CONSENT_STATE_KEY);
+  if (storedState === "granted" || storedState === "denied")
+    return storedState;
+  return "pending";
+}
+function setConsentState(state) {
+  if (typeof window === "undefined")
+    return;
+  window.localStorage.setItem(CONSENT_STATE_KEY, state);
+  window.localStorage.setItem(CONSENT_TIMESTAMP_KEY, (/* @__PURE__ */ new Date()).toISOString());
+  if (typeof window.gtag === "function")
+    window.gtag("consent", "update", buildConsentPayload(state));
+}
+function restoreStoredConsent() {
+  const consentState = getConsentState();
+  if (consentState === "granted" || consentState === "denied")
+    setConsentState(consentState);
+  return consentState;
+}
+
+// ../tracking-core/src/payloads.ts
+function createTrackingClientContext(surface, input = {}) {
+  return {
+    surface,
+    sdk_version: input.sdkVersion ?? null,
+    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)
+  };
+}
+function createTrackingSessionUpsertPayload(trackingParams, input, context) {
+  return {
+    session_id: input.sessionId,
+    gclid: trackingParams.gclid,
+    fbclid: trackingParams.fbclid,
+    utm_source: trackingParams.utm_source,
+    utm_medium: trackingParams.utm_medium,
+    utm_campaign: trackingParams.utm_campaign,
+    utm_term: trackingParams.utm_term,
+    utm_content: trackingParams.utm_content,
+    first_page: input.firstPage ?? null,
+    consent_state: input.consentState ?? null,
+    context
+  };
+}
+function createTrackingEventCreatePayload(trackingParams, input, context) {
+  return {
+    session_id: input.sessionId,
+    event_type: input.eventType,
+    gclid: trackingParams.gclid,
+    fbclid: trackingParams.fbclid,
+    page_url: input.pageUrl ?? (typeof window === "undefined" ? null : window.location.href),
+    metadata: input.metadata ?? null,
+    context
+  };
+}
+
+// ../tracking-core/src/gtag.ts
+var GTAG_SCRIPT_HOST = "https://www.googletagmanager.com/gtag/js";
+var TRACKING_SCRIPT_ATTRIBUTE = "data-aranova-tracking";
+function getScriptMarker(id) {
+  return `aranova-${id}`;
+}
+function ensureGtagFunction() {
+  window.dataLayer = window.dataLayer || [];
+  if (typeof window.gtag === "function")
+    return window.gtag;
+  window.gtag = (...args) => {
+    window.dataLayer?.push(args);
+  };
+  return window.gtag;
+}
+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
+  });
+}
+function loadGtagScript(gtagId) {
+  if (typeof document === "undefined")
+    return;
+  const marker = getScriptMarker("gtag-loader");
+  const existingScript = document.querySelector(`script[${TRACKING_SCRIPT_ATTRIBUTE}="${marker}"]`);
+  if (existingScript)
+    return;
+  const script = document.createElement("script");
+  script.async = true;
+  script.src = `${GTAG_SCRIPT_HOST}?id=${encodeURIComponent(gtagId)}`;
+  script.setAttribute(TRACKING_SCRIPT_ATTRIBUTE, marker);
+  document.head.appendChild(script);
+}
+function initializeGtag(gtagId) {
+  const gtag = ensureGtagFunction();
+  gtag("js", /* @__PURE__ */ new Date());
+  gtag("config", gtagId);
+}
+function bootstrapGoogleAdsTracking(gtagId) {
+  if (typeof window === "undefined" || typeof document === "undefined")
+    return;
+  applyDefaultConsentState();
+  loadGtagScript(gtagId);
+  initializeGtag(gtagId);
+  restoreStoredConsent();
+}
+
+// ../tracking-core/src/tracking.ts
+var TRACKING_COOKIE_MAX_AGE_SECONDS = 7776e3;
+var TRACKING_PARAM_KEYS = [
+  "gclid",
+  "fbclid",
+  "utm_source",
+  "utm_medium",
+  "utm_campaign",
+  "utm_term",
+  "utm_content"
+];
+function createEmptyTrackingParams() {
+  return {
+    gclid: null,
+    fbclid: null,
+    utm_source: null,
+    utm_medium: null,
+    utm_campaign: null,
+    utm_term: null,
+    utm_content: null
+  };
+}
+function normalizeTrackingCookieValue(value) {
+  return typeof value === "string" && value.length > 0 ? value : null;
+}
+function getTrackingParamsFromCookieReader(readCookie) {
+  return TRACKING_PARAM_KEYS.reduce((params, key) => {
+    params[key] = normalizeTrackingCookieValue(readCookie(key));
+    return params;
+  }, createEmptyTrackingParams());
+}
+function getTrackingQueryValues(searchParams) {
+  return TRACKING_PARAM_KEYS.reduce((params, key) => {
+    const value = searchParams.get(key);
+    if (typeof value === "string" && value.trim().length > 0) {
+      params[key] = value;
+    }
+    return params;
+  }, {});
+}
+function getCookieValueFromDocument(key) {
+  if (typeof document === "undefined")
+    return null;
+  const cookies = document.cookie ? document.cookie.split("; ") : [];
+  const match = cookies.find((cookie) => cookie.startsWith(`${key}=`));
+  if (!match)
+    return null;
+  const [, rawValue = ""] = match.split("=");
+  return normalizeTrackingCookieValue(decodeURIComponent(rawValue));
+}
+function setTrackingCookie(key, value, maxAgeSeconds = TRACKING_COOKIE_MAX_AGE_SECONDS) {
+  if (typeof document === "undefined")
+    return;
+  const encodedValue = encodeURIComponent(value);
+  document.cookie = `${key}=${encodedValue}; Max-Age=${maxAgeSeconds}; Path=/; SameSite=Lax`;
+}
+function persistTrackingParamsFromSearchParams(searchParams, maxAgeSeconds = TRACKING_COOKIE_MAX_AGE_SECONDS) {
+  const trackingValues = getTrackingQueryValues(searchParams);
+  Object.entries(trackingValues).forEach(([key, value]) => {
+    setTrackingCookie(key, value, maxAgeSeconds);
+  });
+  return trackingValues;
+}
+function captureTrackingParamsFromLocation(url = typeof window === "undefined" ? "" : window.location.href, maxAgeSeconds = TRACKING_COOKIE_MAX_AGE_SECONDS) {
+  const resolvedUrl = typeof window === "undefined" ? new URL(url || "https://example.invalid") : new URL(url, window.location.origin);
+  persistTrackingParamsFromSearchParams(resolvedUrl.searchParams, maxAgeSeconds);
+  return getTrackingParamsFromCookieReader(getCookieValueFromDocument);
+}
+
+// src/ConsentBanner.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ConsentBanner() {
+  const [consentState, setBannerConsentState] = useState("pending");
+  const [isReady, setIsReady] = useState(false);
+  useEffect(() => {
+    setBannerConsentState(getConsentState());
+    setIsReady(true);
+  }, []);
+  if (!isReady || consentState !== "pending")
+    return null;
+  const handleAccept = () => {
+    setConsentState("granted");
+    setBannerConsentState("granted");
+  };
+  const handleDecline = () => {
+    setConsentState("denied");
+    setBannerConsentState("denied");
+  };
+  return /* @__PURE__ */ jsx("div", { className: "fixed bottom-0 left-0 right-0 z-50 border-t border-gray-200 bg-white p-4 shadow-lg", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex max-w-5xl flex-col gap-4 md:flex-row md:items-center md:justify-between", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-700", children: "We use cookies to understand ad performance and improve how our marketing works across visits. You can accept or decline this tracking." }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleDecline,
+          className: "rounded-md border border-gray-300 px-4 py-2 text-sm font-medium text-gray-700 transition hover:bg-gray-100",
+          children: "Decline"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleAccept,
+          className: "rounded-md bg-gray-900 px-4 py-2 text-sm font-medium text-white transition hover:bg-gray-800",
+          children: "Accept"
+        }
+      )
+    ] })
+  ] }) });
+}
+
+// src/GoogleAdsTracking.tsx
+import { useEffect as useEffect2 } from "react";
+function GoogleAdsTracking({ gtagId }) {
+  useEffect2(() => {
+    bootstrapGoogleAdsTracking(gtagId);
+  }, [gtagId]);
+  return null;
+}
+
+// src/hooks.ts
+import { useEffect as useEffect3, useState as useState2 } from "react";
+function useGclid() {
+  const [gclid, setGclid] = useState2(null);
+  useEffect3(() => {
+    setGclid(getCookieValueFromDocument("gclid"));
+  }, []);
+  return gclid;
+}
+function useTrackingParams() {
+  const [trackingParams, setTrackingParams] = useState2(createEmptyTrackingParams());
+  useEffect3(() => {
+    setTrackingParams(getTrackingParamsFromCookieReader(getCookieValueFromDocument));
+  }, []);
+  return trackingParams;
+}
+function useConsentState() {
+  const [consentState, setConsentStateValue] = useState2("pending");
+  useEffect3(() => {
+    setConsentStateValue(getConsentState());
+    const handleStorage = (event) => {
+      if (event.key === "consent_state")
+        setConsentStateValue(getConsentState());
+    };
+    window.addEventListener("storage", handleStorage);
+    return () => {
+      window.removeEventListener("storage", handleStorage);
+    };
+  }, []);
+  return consentState;
+}
+export {
+  ConsentBanner,
+  GoogleAdsTracking,
+  TRACKING_PARAM_KEYS,
+  captureTrackingParamsFromLocation,
+  createTrackingClientContext,
+  createTrackingEventCreatePayload,
+  createTrackingSessionUpsertPayload,
+  getConsentState,
+  setConsentState,
+  useConsentState,
+  useGclid,
+  useTrackingParams
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ConsentBanner.tsx","../../tracking-core/src/consent.ts","../../tracking-core/src/payloads.ts","../../tracking-core/src/gtag.ts","../../tracking-core/src/tracking.ts","../src/GoogleAdsTracking.tsx","../src/hooks.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nimport { getConsentState, setConsentState, type ConsentState } from '../../tracking-core/src/index';\n\nexport function ConsentBanner() {\n  const [consentState, setBannerConsentState] = useState<ConsentState>('pending');\n  const [isReady, setIsReady] = useState(false);\n\n  useEffect(() => {\n    setBannerConsentState(getConsentState());\n    setIsReady(true);\n  }, []);\n\n  if (!isReady || consentState !== 'pending')\n    return null;\n\n  const handleAccept = (): void => {\n    setConsentState('granted');\n    setBannerConsentState('granted');\n  };\n\n  const handleDecline = (): void => {\n    setConsentState('denied');\n    setBannerConsentState('denied');\n  };\n\n  return (\n    <div className=\"fixed bottom-0 left-0 right-0 z-50 border-t border-gray-200 bg-white p-4 shadow-lg\">\n      <div className=\"mx-auto flex max-w-5xl flex-col gap-4 md:flex-row md:items-center md:justify-between\">\n        <p className=\"text-sm text-gray-700\">\n          We use cookies to understand ad performance and improve how our marketing works across visits.\n          You can accept or decline this tracking.\n        </p>\n        <div className=\"flex flex-col gap-2 sm:flex-row\">\n          <button\n            type=\"button\"\n            onClick={handleDecline}\n            className=\"rounded-md border border-gray-300 px-4 py-2 text-sm font-medium text-gray-700 transition hover:bg-gray-100\"\n          >\n            Decline\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleAccept}\n            className=\"rounded-md bg-gray-900 px-4 py-2 text-sm font-medium text-white transition hover:bg-gray-800\"\n          >\n            Accept\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import type { ConsentState } from './types';\n\nexport const CONSENT_STATE_KEY = 'consent_state';\nexport const CONSENT_TIMESTAMP_KEY = 'consent_timestamp';\n\nexport type GtagConsentValue = 'granted' | 'denied';\n\nexport interface ConsentUpdatePayload {\n  ad_storage: GtagConsentValue;\n  ad_user_data: GtagConsentValue;\n  ad_personalization: GtagConsentValue;\n  analytics_storage: GtagConsentValue;\n}\n\nexport function buildConsentPayload(state: GtagConsentValue): ConsentUpdatePayload {\n  return {\n    ad_storage: state,\n    ad_user_data: state,\n    ad_personalization: state,\n    analytics_storage: state,\n  };\n}\n\nexport function getConsentState(): ConsentState {\n  if (typeof window === 'undefined')\n    return 'pending';\n\n  const storedState = window.localStorage.getItem(CONSENT_STATE_KEY);\n\n  if (storedState === 'granted' || storedState === 'denied')\n    return storedState;\n\n  return 'pending';\n}\n\nexport function setConsentState(state: GtagConsentValue): void {\n  if (typeof window === 'undefined')\n    return;\n\n  window.localStorage.setItem(CONSENT_STATE_KEY, state);\n  window.localStorage.setItem(CONSENT_TIMESTAMP_KEY, new Date().toISOString());\n\n  if (typeof window.gtag === 'function')\n    window.gtag('consent', 'update', buildConsentPayload(state));\n}\n\nexport function restoreStoredConsent(): ConsentState {\n  const consentState = getConsentState();\n\n  if (consentState === 'granted' || consentState === 'denied')\n    setConsentState(consentState);\n\n  return consentState;\n}\n","import type {\n  TrackingClientContext,\n  TrackingEventCreatePayload,\n  TrackingInstallSurface,\n  TrackingParams,\n  TrackingSessionUpsertPayload,\n} from './types';\n\ninterface TrackingContextInput {\n  packageName?: string | null;\n  pageTitle?: string | null;\n  referrer?: string | null;\n  sdkVersion?: string | null;\n  siteOrigin?: string | null;\n}\n\ninterface TrackingEventInput {\n  eventType: string;\n  metadata?: Record<string, unknown> | null;\n  pageUrl?: string | null;\n  sessionId: string;\n}\n\ninterface TrackingSessionInput {\n  consentState?: Record<string, unknown> | null;\n  firstPage?: string | null;\n  sessionId: string;\n}\n\nexport function createTrackingClientContext(\n  surface: TrackingInstallSurface,\n  input: TrackingContextInput = {},\n): TrackingClientContext {\n  return {\n    surface,\n    sdk_version: input.sdkVersion ?? null,\n    package_name: input.packageName ?? null,\n    site_origin: input.siteOrigin ?? (typeof window === 'undefined' ? null : window.location.origin),\n    page_title: input.pageTitle ?? (typeof document === 'undefined' ? null : document.title || null),\n    referrer: input.referrer ?? (typeof document === 'undefined' ? null : document.referrer || null),\n  };\n}\n\nexport function createTrackingSessionUpsertPayload(\n  trackingParams: TrackingParams,\n  input: TrackingSessionInput,\n  context: TrackingClientContext,\n): TrackingSessionUpsertPayload {\n  return {\n    session_id: input.sessionId,\n    gclid: trackingParams.gclid,\n    fbclid: trackingParams.fbclid,\n    utm_source: trackingParams.utm_source,\n    utm_medium: trackingParams.utm_medium,\n    utm_campaign: trackingParams.utm_campaign,\n    utm_term: trackingParams.utm_term,\n    utm_content: trackingParams.utm_content,\n    first_page: input.firstPage ?? null,\n    consent_state: input.consentState ?? null,\n    context,\n  };\n}\n\nexport function createTrackingEventCreatePayload(\n  trackingParams: TrackingParams,\n  input: TrackingEventInput,\n  context: TrackingClientContext,\n): TrackingEventCreatePayload {\n  return {\n    session_id: input.sessionId,\n    event_type: input.eventType,\n    gclid: trackingParams.gclid,\n    fbclid: trackingParams.fbclid,\n    page_url: input.pageUrl ?? (typeof window === 'undefined' ? null : window.location.href),\n    metadata: input.metadata ?? null,\n    context,\n  };\n}\n","import { buildConsentPayload, getConsentState, restoreStoredConsent } from './consent';\n\nexport const GTAG_SCRIPT_HOST = 'https://www.googletagmanager.com/gtag/js';\nexport const TRACKING_SCRIPT_ATTRIBUTE = 'data-aranova-tracking';\n\nfunction getScriptMarker(id: string): string {\n  return `aranova-${id}`;\n}\n\nexport function createConsentDefaultScript(): string {\n  return `\nwindow.dataLayer = window.dataLayer || [];\nfunction gtag(){dataLayer.push(arguments);}\nwindow.gtag = gtag;\ngtag('consent', 'default', {\n  ad_storage: 'denied',\n  ad_user_data: 'denied',\n  ad_personalization: 'denied',\n  analytics_storage: 'denied',\n  wait_for_update: 500,\n});\n`.trim();\n}\n\nexport function createGtagInitScript(gtagId: string): string {\n  return `\nwindow.dataLayer = window.dataLayer || [];\nfunction gtag(){dataLayer.push(arguments);}\nwindow.gtag = gtag;\ngtag('js', new Date());\ngtag('config', '${gtagId}');\n`.trim();\n}\n\nexport function createConsentRestoreScript(): string {\n  return `\nconst consentState = window.localStorage.getItem('consent_state');\nif (window.gtag && (consentState === 'granted' || consentState === 'denied')) {\n  window.gtag('consent', 'update', {\n    ad_storage: consentState,\n    ad_user_data: consentState,\n    ad_personalization: consentState,\n    analytics_storage: consentState,\n  });\n}\n`.trim();\n}\n\nexport function ensureGtagFunction(): NonNullable<Window['gtag']> {\n  window.dataLayer = window.dataLayer || [];\n\n  if (typeof window.gtag === 'function')\n    return window.gtag;\n\n  window.gtag = (...args: unknown[]) => {\n    window.dataLayer?.push(args);\n  };\n\n  return window.gtag;\n}\n\nexport function applyDefaultConsentState(): void {\n  const gtag = ensureGtagFunction();\n  gtag('consent', 'default', {\n    ad_storage: 'denied',\n    ad_user_data: 'denied',\n    ad_personalization: 'denied',\n    analytics_storage: 'denied',\n    wait_for_update: 500,\n  });\n}\n\nexport function loadGtagScript(gtagId: string): void {\n  if (typeof document === 'undefined')\n    return;\n\n  const marker = getScriptMarker('gtag-loader');\n  const existingScript = document.querySelector<HTMLScriptElement>(`script[${TRACKING_SCRIPT_ATTRIBUTE}=\"${marker}\"]`);\n  if (existingScript)\n    return;\n\n  const script = document.createElement('script');\n  script.async = true;\n  script.src = `${GTAG_SCRIPT_HOST}?id=${encodeURIComponent(gtagId)}`;\n  script.setAttribute(TRACKING_SCRIPT_ATTRIBUTE, marker);\n  document.head.appendChild(script);\n}\n\nexport function initializeGtag(gtagId: string): void {\n  const gtag = ensureGtagFunction();\n  gtag('js', new Date());\n  gtag('config', gtagId);\n}\n\nexport function restoreConsentState(): void {\n  if (typeof window === 'undefined')\n    return;\n\n  const consentState = getConsentState();\n  if (consentState === 'granted' || consentState === 'denied')\n    window.gtag?.('consent', 'update', buildConsentPayload(consentState));\n}\n\nexport function bootstrapGoogleAdsTracking(gtagId: string): void {\n  if (typeof window === 'undefined' || typeof document === 'undefined')\n    return;\n\n  applyDefaultConsentState();\n  loadGtagScript(gtagId);\n  initializeGtag(gtagId);\n  restoreStoredConsent();\n}\n","import type { TrackingParams } from './types';\n\nexport const TRACKING_COOKIE_MAX_AGE_SECONDS = 7_776_000;\n\nexport const TRACKING_PARAM_KEYS = [\n  'gclid',\n  'fbclid',\n  'utm_source',\n  'utm_medium',\n  'utm_campaign',\n  'utm_term',\n  'utm_content',\n] as const;\n\nexport type TrackingParamKey = (typeof TRACKING_PARAM_KEYS)[number];\n\nexport function createEmptyTrackingParams(): TrackingParams {\n  return {\n    gclid: null,\n    fbclid: null,\n    utm_source: null,\n    utm_medium: null,\n    utm_campaign: null,\n    utm_term: null,\n    utm_content: null,\n  };\n}\n\nexport function normalizeTrackingCookieValue(value: unknown): string | null {\n  return typeof value === 'string' && value.length > 0 ? value : null;\n}\n\nexport function getTrackingParamsFromCookieReader(\n  readCookie: (key: TrackingParamKey) => unknown,\n): TrackingParams {\n  return TRACKING_PARAM_KEYS.reduce<TrackingParams>((params, key) => {\n    params[key] = normalizeTrackingCookieValue(readCookie(key));\n    return params;\n  }, createEmptyTrackingParams());\n}\n\nexport function getTrackingQueryValues(\n  searchParams: Pick<URLSearchParams, 'get'>,\n): Partial<Record<TrackingParamKey, string>> {\n  return TRACKING_PARAM_KEYS.reduce<Partial<Record<TrackingParamKey, string>>>((params, key) => {\n    const value = searchParams.get(key);\n\n    if (typeof value === 'string' && value.trim().length > 0) {\n      params[key] = value;\n    }\n\n    return params;\n  }, {});\n}\n\nexport function getCookieValueFromDocument(key: TrackingParamKey): string | null {\n  if (typeof document === 'undefined')\n    return null;\n\n  const cookies = document.cookie ? document.cookie.split('; ') : [];\n  const match = cookies.find((cookie) => cookie.startsWith(`${key}=`));\n\n  if (!match)\n    return null;\n\n  const [, rawValue = ''] = match.split('=');\n  return normalizeTrackingCookieValue(decodeURIComponent(rawValue));\n}\n\nexport function setTrackingCookie(\n  key: TrackingParamKey,\n  value: string,\n  maxAgeSeconds = TRACKING_COOKIE_MAX_AGE_SECONDS,\n): void {\n  if (typeof document === 'undefined')\n    return;\n\n  const encodedValue = encodeURIComponent(value);\n  document.cookie = `${key}=${encodedValue}; Max-Age=${maxAgeSeconds}; Path=/; SameSite=Lax`;\n}\n\nexport function persistTrackingParamsFromSearchParams(\n  searchParams: Pick<URLSearchParams, 'get'>,\n  maxAgeSeconds = TRACKING_COOKIE_MAX_AGE_SECONDS,\n): Partial<Record<TrackingParamKey, string>> {\n  const trackingValues = getTrackingQueryValues(searchParams);\n\n  Object.entries(trackingValues).forEach(([key, value]) => {\n    setTrackingCookie(key as TrackingParamKey, value, maxAgeSeconds);\n  });\n\n  return trackingValues;\n}\n\nexport function captureTrackingParamsFromLocation(\n  url = typeof window === 'undefined' ? '' : window.location.href,\n  maxAgeSeconds = TRACKING_COOKIE_MAX_AGE_SECONDS,\n): TrackingParams {\n  const resolvedUrl = typeof window === 'undefined'\n    ? new URL(url || 'https://example.invalid')\n    : new URL(url, window.location.origin);\n  persistTrackingParamsFromSearchParams(resolvedUrl.searchParams, maxAgeSeconds);\n  return getTrackingParamsFromCookieReader(getCookieValueFromDocument);\n}\n","'use client';\n\nimport { useEffect } from 'react';\n\nimport { bootstrapGoogleAdsTracking } from '../../tracking-core/src/index';\n\nexport interface GoogleAdsTrackingProps {\n  gtagId: string;\n}\n\nexport function GoogleAdsTracking({ gtagId }: GoogleAdsTrackingProps) {\n  useEffect(() => {\n    bootstrapGoogleAdsTracking(gtagId);\n  }, [gtagId]);\n\n  return null;\n}\n","'use client';\n\nimport { useEffect, useState } from 'react';\n\nimport { getConsentState } from '../../tracking-core/src/index';\nimport {\n  createEmptyTrackingParams,\n  getCookieValueFromDocument,\n  getTrackingParamsFromCookieReader,\n  type ConsentState,\n  type TrackingParams,\n} from '../../tracking-core/src/index';\n\nexport function useGclid(): string | null {\n  const [gclid, setGclid] = useState<string | null>(null);\n\n  useEffect(() => {\n    setGclid(getCookieValueFromDocument('gclid'));\n  }, []);\n\n  return gclid;\n}\n\nexport function useTrackingParams(): TrackingParams {\n  const [trackingParams, setTrackingParams] = useState<TrackingParams>(createEmptyTrackingParams());\n\n  useEffect(() => {\n    setTrackingParams(getTrackingParamsFromCookieReader(getCookieValueFromDocument));\n  }, []);\n\n  return trackingParams;\n}\n\nexport function useConsentState(): ConsentState {\n  const [consentState, setConsentStateValue] = useState<ConsentState>('pending');\n\n  useEffect(() => {\n    setConsentStateValue(getConsentState());\n\n    const handleStorage = (event: StorageEvent): void => {\n      if (event.key === 'consent_state')\n        setConsentStateValue(getConsentState());\n    };\n\n    window.addEventListener('storage', handleStorage);\n\n    return () => {\n      window.removeEventListener('storage', handleStorage);\n    };\n  }, []);\n\n  return consentState;\n}\n"],"mappings":"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","names":["useEffect","useEffect","useEffect","useState","useState","useEffect"]}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@aranova/tracking-react",
+  "version": "0.2.2",
+  "private": false,
+  "description": "React tracking and consent utilities for Aranova client sites",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/AranovaIO/aranova_internal.git",
+    "directory": "packages/tracking-react"
+  },
+  "homepage": "https://github.com/AranovaIO/aranova_internal/tree/master/packages/tracking-react",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "jsdom": "^29.0.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "tsup": "^8.5.1",
+    "typescript": "^5.7.3",
+    "vitest": "^4.1.4"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  }
+}