@sonordev/site-kit 8.10.0 → 8.12.0

package/dist/resonance/index.js

@@ -1,9 +1,373 @@
 'use client';
+import { getConsentAdapter, registerResonanceConsentAdapter } from '../chunk-WYNDBJG7.js';
 export { getResonanceMeasurementStatus, recordResonanceExposure, registerResonanceConsentAdapter } from '../chunk-WYNDBJG7.js';
-export { ResonanceRuntime } from '../chunk-3RBOES2C.js';
+export { ResonanceRuntime } from '../chunk-YOPBFEDG.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, 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 deadlines = [context?.configExpiresAt, selected?.expiresAt].map((value) => Date.parse(value ?? "")).filter(Number.isFinite);
+    const expiry = Math.min(...deadlines);
+    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);
+      };
+    }
+  };
+}
+
+// src/resonance/consent-preferences-styles.ts
+var consentPreferencesStyles = `
+.sk-consent { display: contents; }
+.sk-consent button, .sk-consent input { font: inherit; }
+.sk-consent button { min-height: 44px; cursor: pointer; }
+.sk-consent button:disabled, .sk-consent fieldset:disabled { opacity: .55; }
+.sk-consent button:disabled { cursor: default; }
+.sk-consent :is(button, input, a):focus-visible {
+  outline: 2px solid var(--sk-consent-focus, #225588); outline-offset: 3px;
+}
+.sk-consent__launcher--floating {
+  position: fixed; bottom: max(12px, env(safe-area-inset-bottom)); left: 12px; z-index: 1000;
+  border: 1px solid var(--sk-consent-border, currentColor); border-radius: var(--sk-consent-radius, 6px);
+  padding: 10px 14px; background: var(--sk-consent-surface, #fff); color: var(--sk-consent-foreground, #222);
+}
+.sk-consent__launcher--inline {
+  display: inline-flex; align-items: center; border: 0; padding: 0; background: transparent;
+  color: inherit; text-decoration: underline; text-underline-offset: .2em;
+}
+.sk-consent__prompt, .sk-consent__dialog {
+  box-sizing: border-box; padding: 24px; border: 1px solid var(--sk-consent-border, #777);
+  border-radius: var(--sk-consent-radius, 10px); background: var(--sk-consent-surface, #fff);
+  color: var(--sk-consent-foreground, #222); font: var(--sk-consent-font, 16px/1.5 system-ui, sans-serif);
+}
+.sk-consent__dialog {
+  max-width: 460px; width: calc(100% - 32px); max-height: calc(100dvh - 32px);
+  overflow-y: auto; margin: auto;
+}
+.sk-consent__prompt {
+  position: fixed; z-index: 1000; width: min(420px, calc(100% - 32px));
+  left: var(--sk-consent-prompt-inset, 16px);
+  bottom: var(--sk-consent-prompt-bottom, max(16px, env(safe-area-inset-bottom)));
+  max-height: calc(100dvh - var(--sk-consent-prompt-bottom, 16px) - 16px);
+  overflow-y: auto;
+}
+.sk-consent__heading { color: var(--sk-consent-accent, inherit); font-size: 22px; line-height: 1.25; margin: 0 0 12px; }
+.sk-consent__prompt .sk-consent__heading { font-size: 20px; padding-right: 32px; }
+.sk-consent__prompt p, .sk-consent__dialog p { margin: 12px 0; }
+.sk-consent__description, .sk-consent small { color: var(--sk-consent-muted, inherit); }
+.sk-consent__fields { border: 0; margin: 16px 0; padding: 0; }
+.sk-consent__fields legend { font-weight: 600; }
+.sk-consent__setting { display: flex; align-items: start; gap: 10px; padding: 12px 0; min-height: 44px; box-sizing: border-box; }
+.sk-consent__setting input { flex: 0 0 auto; margin-top: 5px; }
+.sk-consent__actions { display: flex; flex-wrap: wrap; gap: 10px; }
+.sk-consent__actions button, .sk-consent__dismiss {
+  border: 1px solid var(--sk-consent-border, currentColor); border-radius: var(--sk-consent-radius, 6px);
+  padding: 10px 14px; color: inherit; background: transparent;
+}
+.sk-consent__prompt .sk-consent__actions { display: grid; grid-template-columns: 1fr 1fr; }
+.sk-consent__customize { grid-column: 1 / -1; }
+.sk-consent__dismiss { position: absolute; right: 8px; top: 8px; width: 44px; padding: 8px; }
+.sk-consent__policy { display: inline-block; color: inherit; margin-top: 16px; text-underline-offset: .2em; }
+.sk-consent__status:empty { display: none; }
+.sk-consent__status { font: inherit; }
+`;
+function ResonanceConsentPreferences({
+  privacyUrl = "/privacy",
+  maxAgeDays = 180,
+  launcherPlacement = "floating",
+  launcherLabel = "Privacy choices",
+  promptMode = "dialog",
+  className = ""
+}) {
+  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 [dismissed, setDismissed] = useState(false);
+  const [analytics, setAnalytics] = useState(false);
+  const [advertising, setAdvertising] = useState(false);
+  const [notice, setNotice] = useState("");
+  const dialog = useRef(null);
+  const launcher = useRef(null);
+  const prompt = useRef(null);
+  const invoker = useRef(null);
+  const titleId = useId();
+  const descriptionId = useId();
+  const promptTitleId = useId();
+  useEffect(() => {
+    if (getConsentAdapter()) return;
+    const unregister = registerResonanceConsentAdapter(owner.adapter);
+    const disconnect = owner.connect();
+    setActive(true);
+    return () => {
+      disconnect();
+      unregister();
+    };
+  }, [owner]);
+  useEffect(() => {
+    if (status.hasPreference) setDismissed(false);
+    if (promptMode === "dialog" && status.contextReady && !status.hasPreference && !dialog.current?.open) {
+      invoker.current = launcher.current;
+      setAnalytics(status.analytics);
+      setAdvertising(status.advertising);
+      setOpen(true);
+    }
+  }, [promptMode, status.contextReady, status.hasPreference, status.analytics, status.advertising]);
+  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() {
+    const target = invoker.current?.isConnected ? invoker.current : launcher.current;
+    if (target?.isConnected) target.focus({ preventScroll: true });
+  }
+  function close() {
+    dialog.current?.close();
+    setOpen(false);
+    restoreFocus();
+  }
+  function customize(source) {
+    invoker.current = source;
+    const current = owner.getSnapshot();
+    setAnalytics(current.analytics);
+    setAdvertising(current.advertising);
+    setNotice("");
+    setOpen(true);
+  }
+  function save(nextAnalytics, nextAdvertising) {
+    if (!owner.save(nextAnalytics, nextAdvertising)) {
+      setNotice("Settings changed. Review your choices and try again when settings are available.");
+      return;
+    }
+    if (invoker.current && prompt.current?.contains(invoker.current)) invoker.current = launcher.current;
+    setNotice("Your choices are applied on this page.");
+    close();
+  }
+  function chooseFromPrompt(source, accepted) {
+    invoker.current = source;
+    save(accepted, accepted);
+  }
+  function dismissPrompt() {
+    setDismissed(true);
+    invoker.current = launcher.current;
+    restoreFocus();
+  }
+  if (!active) return null;
+  const showPrompt = promptMode === "panel" && status.contextReady && !status.hasPreference && !dismissed;
+  return /* @__PURE__ */ jsxs("div", { className: `sk-consent ${className}`, children: [
+    /* @__PURE__ */ jsx("style", { children: consentPreferencesStyles }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref: launcher,
+        type: "button",
+        onClick: (event) => customize(event.currentTarget),
+        "aria-haspopup": "dialog",
+        className: `sk-consent__launcher sk-consent__launcher--${launcherPlacement}`,
+        children: launcherLabel
+      }
+    ),
+    showPrompt && /* @__PURE__ */ jsxs("section", { ref: prompt, className: "sk-consent__prompt", "aria-labelledby": promptTitleId, children: [
+      /* @__PURE__ */ jsx("h2", { id: promptTitleId, className: "sk-consent__heading", children: "Optional privacy settings" }),
+      /* @__PURE__ */ jsxs("p", { className: "sk-consent__description", children: [
+        "Choose whether to allow visit measurement and advertising. You can change your choices in ",
+        launcherLabel,
+        "."
+      ] }),
+      /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Dismiss privacy prompt", className: "sk-consent__dismiss", onClick: dismissPrompt, children: "\xD7" }),
+      /* @__PURE__ */ jsxs("div", { className: "sk-consent__actions", children: [
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: (event) => chooseFromPrompt(event.currentTarget, true), children: "Accept optional" }),
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: (event) => chooseFromPrompt(event.currentTarget, false), children: "Reject optional" }),
+        /* @__PURE__ */ jsx("button", { type: "button", className: "sk-consent__customize", onClick: (event) => customize(event.currentTarget), children: "Customize" })
+      ] }),
+      /* @__PURE__ */ jsx("a", { className: "sk-consent__policy", href: privacyUrl, children: "Read our privacy policy" })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "dialog",
+      {
+        ref: dialog,
+        className: "sk-consent__dialog",
+        "aria-labelledby": titleId,
+        "aria-describedby": descriptionId,
+        onCancel: (event) => {
+          event.preventDefault();
+          close();
+        },
+        onClose: (event) => {
+          if (event.currentTarget.open) return;
+          setOpen(false);
+          restoreFocus();
+        },
+        children: [
+          /* @__PURE__ */ jsx("h2", { id: titleId, className: "sk-consent__heading", children: "Your privacy choices" }),
+          /* @__PURE__ */ jsx("p", { id: descriptionId, className: "sk-consent__description", 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", { className: "sk-consent__status", role: "status", children: "Optional measurement settings are unavailable right now. Advertising stays off while settings load." }),
+          /* @__PURE__ */ jsxs("fieldset", { disabled: !status.contextReady, className: "sk-consent__fields", children: [
+            /* @__PURE__ */ jsx("legend", { children: "Optional purposes" }),
+            /* @__PURE__ */ jsxs("label", { className: "sk-consent__setting", 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", { className: "sk-consent__setting", 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", { className: "sk-consent__actions", children: [
+            /* @__PURE__ */ jsx("button", { type: "button", disabled: !status.contextReady, onClick: () => save(analytics, advertising), children: promptMode === "panel" ? "Save preferences" : "Save choices" }),
+            /* @__PURE__ */ jsx("button", { type: "button", disabled: !status.contextReady, onClick: () => save(false, false), children: promptMode === "panel" ? "Reject optional" : "Decline optional" }),
+            /* @__PURE__ */ jsx("button", { type: "button", onClick: close, children: "Close" })
+          ] }),
+          /* @__PURE__ */ jsx("a", { className: "sk-consent__policy", href: privacyUrl, children: "Read our privacy policy" }),
+          notice && /* @__PURE__ */ jsx("p", { className: "sk-consent__status", role: "status", children: notice })
+        ]
+      }
+    ),
+    !open && notice && /* @__PURE__ */ jsx("span", { className: "sk-consent__status", role: "status", children: notice })
+  ] });
+}
+
+export { ResonanceConsentPreferences };

package/dist/revalidate/index.js

@@ -1,7 +1,7 @@
-import { createSeoRevalidationHandler } from '../chunk-RUV6DCKL.js';
+import { createSeoRevalidationHandler } from '../chunk-T2Z7KEIH.js';
 import '../chunk-XTRZGXB2.js';
 export { SITE_CACHE_TAGS, SITE_REVALIDATE_PATH, isSiteRevalidatePong } from '../chunk-HY7ZEU2C.js';
-import '../chunk-D4R3FQED.js';
+import '../chunk-2MJYGVKB.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-Z4XJOVQX.js';
+export { sonorFetch } from '../chunk-M2ZGSI6K.js';
 export { DEFAULT_SONOR_API_URL, getClientApiConfig, readPublishedApiConfig } from '../chunk-W7OPEMGJ.js';
 import '../chunk-FRY6PBT6.js';
 import '../chunk-PKBMQBKP.js';