@sonordev/site-kit 8.9.0 → 8.11.0

package/dist/resonance/first-party-consent.d.ts

@@ -0,0 +1,22 @@
+import type { ResonanceConsentAdapter } from "./consent-adapter.js";
+export interface ConsentPreferencesSnapshot {
+    contextReady: boolean;
+    hasPreference: boolean;
+    analytics: boolean;
+    advertising: boolean;
+}
+interface Options {
+    maxAgeDays?: number;
+    now?: () => number;
+    storage?: Pick<Storage, 'getItem' | 'setItem'> | null;
+}
+/** Optional first-party CMP owner. Sites with an existing CMP retain their registered adapter. */
+export declare function createFirstPartyConsentAdapter(options?: Options): {
+    adapter: ResonanceConsentAdapter;
+    getSnapshot: () => ConsentPreferencesSnapshot;
+    getServerSnapshot: () => ConsentPreferencesSnapshot;
+    subscribe(listener: () => void): () => void;
+    save(analytics: boolean, advertising: boolean): boolean;
+    connect(): () => void;
+};
+export {};

package/dist/resonance/index.d.ts

@@ -2,3 +2,4 @@ export { ResonanceRuntime, type ResonanceRuntimeProps } from "./ResonanceRuntime
 export { registerResonanceConsentAdapter, type ResonanceConsentAdapter, type ConsentObservation, type ConsentReadContext } from "./consent-adapter.js";
 export { recordResonanceExposure, getResonanceMeasurementStatus } from "./bridge.js";
 export type { MeasurementPurpose, PurposeChoice, PurposeChoices } from "../shared/measurement-policy.js";
+export { ResonanceConsentPreferences, type ResonanceConsentPreferencesProps } from "./ConsentPreferences.js";

package/dist/resonance/index.js

@@ -1,9 +1,279 @@
 'use client';
+import { getConsentAdapter, registerResonanceConsentAdapter } from '../chunk-WYNDBJG7.js';
 export { getResonanceMeasurementStatus, recordResonanceExposure, registerResonanceConsentAdapter } from '../chunk-WYNDBJG7.js';
-export { ResonanceRuntime } from '../chunk-AWLPFFPO.js';
+export { ResonanceRuntime } from '../chunk-VA5NLFSL.js';
 import '../chunk-MDBXGN6W.js';
 import '../chunk-YC7ELZS3.js';
 import '../chunk-KMNHNCVG.js';
 import '../chunk-MOACHHOJ.js';
-import '../chunk-FRY6PBT6.js';
+import { MEASUREMENT_PURPOSES, unknownChoices } from '../chunk-FRY6PBT6.js';
 import '../chunk-PKBMQBKP.js';
+import { useState, useSyncExternalStore, useRef, useId, useEffect } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+// src/resonance/first-party-consent.ts
+var storageKey = "sonor:privacy-preference:v1";
+var dayMs = 864e5;
+var initial = { contextReady: false, hasPreference: false, analytics: false, advertising: false };
+function createFirstPartyConsentAdapter(options = {}) {
+  const days = options.maxAgeDays ?? 180;
+  if (!Number.isInteger(days) || days < 1 || days > 180) throw new Error("Consent preference lifetime must be 1\u2013180 days");
+  const now = options.now ?? Date.now;
+  let context;
+  let preference = null;
+  let snapshot = initial;
+  let timer;
+  const viewListeners = /* @__PURE__ */ new Set();
+  const adapterListeners = /* @__PURE__ */ new Set();
+  function storage() {
+    if (options.storage !== void 0) return options.storage;
+    try {
+      return typeof window === "undefined" ? null : window.localStorage;
+    } catch {
+      return null;
+    }
+  }
+  function scope() {
+    if (!context?.configEnabled || !context.projectId || !context.configRevision || !context.policyRevision || !context.configExpiresAt || Date.parse(context.configExpiresAt) <= now() || !Number.isFinite(Date.parse(context.configExpiresAt))) return null;
+    return JSON.stringify([context.projectId, context.site, context.configRevision, context.policyRevision]);
+  }
+  function current() {
+    return preference && preference.scope === scope() && Date.parse(preference.expiresAt) > now() ? preference : null;
+  }
+  function publish() {
+    const selected = current();
+    const next = {
+      contextReady: scope() !== null,
+      hasPreference: selected !== null,
+      analytics: selected?.choices.analytics_storage === "granted",
+      advertising: !!selected && ["ad_storage", "ad_user_data", "ad_personalization"].every((p) => selected.choices[p] === "granted")
+    };
+    if (Object.keys(next).some((key) => next[key] !== snapshot[key])) {
+      snapshot = next;
+      for (const listener of viewListeners) listener();
+    }
+    clearTimeout(timer);
+    const expiry = Math.min(Date.parse(context?.configExpiresAt ?? ""), Date.parse(selected?.expiresAt ?? ""));
+    if (Number.isFinite(expiry) && expiry > now()) {
+      timer = setTimeout(() => {
+        publish();
+        for (const listener of adapterListeners) listener();
+      }, Math.min(expiry - now(), 2147483647));
+    }
+  }
+  function load() {
+    try {
+      const raw = storage()?.getItem(storageKey);
+      if (!raw || raw.length > 2e3) {
+        preference = null;
+        return;
+      }
+      const value = JSON.parse(raw);
+      if (!value || Object.keys(value).sort().join(",") !== "choices,expiresAt,observedAt,scope,version" || value.version !== 1 || typeof value.scope !== "string" || !value.choices || Object.keys(value.choices).sort().join(",") !== [...MEASUREMENT_PURPOSES].sort().join(",") || !MEASUREMENT_PURPOSES.every((p) => ["granted", "denied", "withdrawn"].includes(value.choices[p])) || !Number.isFinite(Date.parse(value.observedAt)) || !Number.isFinite(Date.parse(value.expiresAt)) || Date.parse(value.observedAt) > now() || Date.parse(value.expiresAt) <= Date.parse(value.observedAt) || Date.parse(value.expiresAt) - Date.parse(value.observedAt) > days * dayMs) {
+        preference = null;
+        return;
+      }
+      preference = value;
+    } catch {
+      preference = null;
+    }
+  }
+  const adapter = {
+    requiredPurposes: MEASUREMENT_PURPOSES,
+    read(next) {
+      context = next;
+      if (!preference) load();
+      publish();
+      const selected = current();
+      return {
+        valid: selected !== null,
+        choices: selected ? { ...selected.choices } : unknownChoices(),
+        observedAt: selected?.observedAt ?? new Date(now()).toISOString(),
+        source: "user_preference"
+      };
+    },
+    subscribe(listener) {
+      adapterListeners.add(listener);
+      return () => {
+        adapterListeners.delete(listener);
+      };
+    }
+  };
+  return {
+    adapter,
+    getSnapshot: () => snapshot,
+    getServerSnapshot: () => initial,
+    subscribe(listener) {
+      viewListeners.add(listener);
+      return () => {
+        viewListeners.delete(listener);
+      };
+    },
+    save(analytics, advertising) {
+      const actualScope = scope();
+      if (!actualScope) return false;
+      const before = current()?.choices;
+      const choices = Object.fromEntries(MEASUREMENT_PURPOSES.map((purpose) => {
+        const granted = purpose === "analytics_storage" ? analytics : advertising;
+        return [purpose, granted ? "granted" : before?.[purpose] === "granted" ? "withdrawn" : "denied"];
+      }));
+      preference = {
+        version: 1,
+        scope: actualScope,
+        observedAt: new Date(now()).toISOString(),
+        expiresAt: new Date(now() + days * dayMs).toISOString(),
+        choices
+      };
+      try {
+        storage()?.setItem(storageKey, JSON.stringify(preference));
+      } catch {
+      }
+      publish();
+      for (const listener of adapterListeners) listener();
+      return true;
+    },
+    connect() {
+      const onStorage = (event) => {
+        if (event.key !== storageKey && event.key !== null) return;
+        load();
+        publish();
+        for (const listener of adapterListeners) listener();
+      };
+      if (typeof window !== "undefined") window.addEventListener("storage", onStorage);
+      return () => {
+        clearTimeout(timer);
+        if (typeof window !== "undefined") window.removeEventListener("storage", onStorage);
+      };
+    }
+  };
+}
+var buttonStyle = { border: "1px solid currentColor", borderRadius: 6, padding: "10px 14px", cursor: "pointer", minHeight: 44 };
+function ResonanceConsentPreferences({ privacyUrl = "/privacy", maxAgeDays = 180 }) {
+  const [owner] = useState(() => createFirstPartyConsentAdapter({ maxAgeDays }));
+  const status = useSyncExternalStore(owner.subscribe, owner.getSnapshot, owner.getServerSnapshot);
+  const [active, setActive] = useState(false);
+  const [open, setOpen] = useState(false);
+  const [analytics, setAnalytics] = useState(false);
+  const [advertising, setAdvertising] = useState(false);
+  const dialog = useRef(null);
+  const launcher = useRef(null);
+  const titleId = useId();
+  const descriptionId = useId();
+  useEffect(() => {
+    if (getConsentAdapter()) return;
+    const unregister = registerResonanceConsentAdapter(owner.adapter);
+    const disconnect = owner.connect();
+    setActive(true);
+    return () => {
+      disconnect();
+      unregister();
+    };
+  }, [owner]);
+  useEffect(() => {
+    setAnalytics(status.analytics);
+    setAdvertising(status.advertising);
+    if (status.contextReady && !status.hasPreference) setOpen(true);
+  }, [status]);
+  useEffect(() => {
+    const element = dialog.current;
+    if (!element || !active) return;
+    if (open && !element.open) element.showModal();
+    else if (!open && element.open) element.close();
+  }, [active, open]);
+  function restoreFocus() {
+    if (launcher.current?.isConnected) launcher.current.focus({ preventScroll: true });
+  }
+  function close() {
+    dialog.current?.close();
+    setOpen(false);
+    restoreFocus();
+  }
+  function save(nextAnalytics, nextAdvertising) {
+    if (owner.save(nextAnalytics, nextAdvertising)) close();
+  }
+  if (!active) return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref: launcher,
+        type: "button",
+        onClick: () => setOpen(true),
+        "aria-haspopup": "dialog",
+        style: {
+          ...buttonStyle,
+          position: "fixed",
+          bottom: "max(12px, env(safe-area-inset-bottom))",
+          left: 12,
+          zIndex: 1e3,
+          background: "#fff",
+          color: "#222",
+          font: "inherit"
+        },
+        children: "Privacy choices"
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "dialog",
+      {
+        ref: dialog,
+        "aria-labelledby": titleId,
+        "aria-describedby": descriptionId,
+        onCancel: (event) => {
+          event.preventDefault();
+          close();
+        },
+        onClose: (event) => {
+          if (event.currentTarget.open) return;
+          setOpen(false);
+          restoreFocus();
+        },
+        style: {
+          maxWidth: 460,
+          width: "calc(100% - 32px)",
+          maxHeight: "calc(100dvh - 32px)",
+          overflowY: "auto",
+          margin: "auto",
+          padding: 24,
+          border: "1px solid #777",
+          borderRadius: 10,
+          background: "#fff",
+          color: "#222",
+          font: "16px/1.5 system-ui, sans-serif"
+        },
+        children: [
+          /* @__PURE__ */ jsx("h2", { id: titleId, style: { fontSize: 22, margin: "0 0 12px" }, children: "Your privacy choices" }),
+          /* @__PURE__ */ jsx("p", { id: descriptionId, children: "Choose whether this site may measure visits and use advertising services. You can change your choices here at any time." }),
+          !status.contextReady && /* @__PURE__ */ jsx("p", { role: "status", children: "Optional measurement settings are unavailable right now. Advertising stays off while settings load." }),
+          /* @__PURE__ */ jsxs("fieldset", { disabled: !status.contextReady, style: { border: 0, margin: "16px 0", padding: 0 }, children: [
+            /* @__PURE__ */ jsx("legend", { style: { fontWeight: 600 }, children: "Optional purposes" }),
+            /* @__PURE__ */ jsxs("label", { style: { display: "flex", alignItems: "start", gap: 10, padding: "12px 0", minHeight: 44 }, children: [
+              /* @__PURE__ */ jsx("input", { type: "checkbox", checked: analytics, onChange: (event) => setAnalytics(event.target.checked) }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                "Visit measurement",
+                /* @__PURE__ */ jsx("br", {}),
+                /* @__PURE__ */ jsx("small", { children: "Help this site understand page views and interactions." })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("label", { style: { display: "flex", alignItems: "start", gap: 10, padding: "12px 0", minHeight: 44 }, children: [
+              /* @__PURE__ */ jsx("input", { type: "checkbox", checked: advertising, onChange: (event) => setAdvertising(event.target.checked) }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                "Advertising",
+                /* @__PURE__ */ jsx("br", {}),
+                /* @__PURE__ */ jsx("small", { children: "Allow advertising storage, matching and personalization for this site." })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexWrap: "wrap", gap: 10 }, children: [
+            /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, disabled: !status.contextReady, onClick: () => save(analytics, advertising), children: "Save choices" }),
+            /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, disabled: !status.contextReady, onClick: () => save(false, false), children: "Decline optional" }),
+            /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: close, children: "Close" })
+          ] }),
+          /* @__PURE__ */ jsx("p", { style: { marginBottom: 0 }, children: /* @__PURE__ */ jsx("a", { href: privacyUrl, children: "Read our privacy policy" }) })
+        ]
+      }
+    )
+  ] });
+}
+
+export { ResonanceConsentPreferences };

package/dist/revalidate/index.js

@@ -1,7 +1,7 @@
-import { createSeoRevalidationHandler } from '../chunk-ISMHDUBW.js';
+import { createSeoRevalidationHandler } from '../chunk-5LCY7QKK.js';
 import '../chunk-XTRZGXB2.js';
 export { SITE_CACHE_TAGS, SITE_REVALIDATE_PATH, isSiteRevalidatePong } from '../chunk-HY7ZEU2C.js';
-import '../chunk-DXE6SXWW.js';
+import '../chunk-CNQMSQYQ.js';
 import '../chunk-PKBMQBKP.js';
 
 // src/revalidate/index.ts

package/dist/runtime/index.js

@@ -1,7 +1,7 @@
 import '../chunk-B7T2SFUF.js';
 export { readAnalyticsIdentity } from '../chunk-PVY7X5UR.js';
 import '../chunk-5IVD6G77.js';
-export { sonorFetch } from '../chunk-VXCUXHZO.js';
+export { sonorFetch } from '../chunk-7OTHRX45.js';
 export { DEFAULT_SONOR_API_URL, getClientApiConfig, readPublishedApiConfig } from '../chunk-W7OPEMGJ.js';
 import '../chunk-FRY6PBT6.js';
 import '../chunk-PKBMQBKP.js';