@sonordev/site-kit 8.8.0 → 8.9.0

package/dist/{chunk-YEX5RAEU.js → chunk-EBEM5BI5.js}

@@ -1,10 +1,12 @@
 'use client';
 import { DEFAULT_WIDGET_Z_INDEX } from './chunk-27FISYK4.js';
-import { readAnalyticsIdentity } from './chunk-5ROTTMBL.js';
-import { getOrCreateVisitorId } from './chunk-IPQKQEWI.js';
-import { resolveAnalyticsTarget } from './chunk-ZQSCMYZO.js';
-import { sonorFetch } from './chunk-FLOJUMFR.js';
-import { useState, useEffect, useCallback, useRef } from 'react';
+import { readAnalyticsIdentity } from './chunk-PVY7X5UR.js';
+import { getOrCreateVisitorId } from './chunk-JT7GHHMV.js';
+import { resolveAnalyticsTarget as resolveAnalyticsTarget$1, analyticsSend } from './chunk-PMXQPO5Q.js';
+import { resolveAnalyticsTarget } from './chunk-7643MCD2.js';
+import { sonorFetch } from './chunk-VXCUXHZO.js';
+import { subscribeMeasurementPolicy, measurementPolicySnapshot, serverMeasurementPolicySnapshot } from './chunk-FRY6PBT6.js';
+import { useState, useEffect, useCallback, useSyncExternalStore, useRef } from 'react';
 import ReactDOM from 'react-dom';
 import dynamic from 'next/dynamic';
 import { usePathname } from 'next/navigation';
@@ -161,7 +163,7 @@ function activatePopup(active, id, popups) {
   return [...active, id];
 }
 var LazyBlocksPopup = dynamic(
-  () => import('./BlocksPopup-NEEFV2L3.js').then((m) => ({ default: m.BlocksPopup })),
+  () => import('./BlocksPopup-U5VIYEBA.js').then((m) => ({ default: m.BlocksPopup })),
   { ssr: false }
 );
 function SitePopups(props) {
@@ -173,7 +175,9 @@ function AllowedSitePopups({
   apiUrl,
   apiKey,
   zIndex = DEFAULT_WIDGET_Z_INDEX,
-  debug = false
+  debug = false,
+  allowInFrame = false,
+  allowLocalhost = false
 }) {
   const pathname = usePathname();
   const [popups, setPopups] = useState([]);
@@ -182,13 +186,19 @@ function AllowedSitePopups({
   useEffect(() => {
     let cancelled = false;
     async function load() {
-      const visitorId = getOrCreateVisitorId();
-      const url = typeof window !== "undefined" ? window.location.href : "";
+      const epoch = measurementPolicySnapshot().collectionEpoch;
+      const endpoint = `${apiUrl.replace(/\/$/, "")}/engage/widget/elements`;
+      const requestUrl = () => {
+        const tracking = !!resolveAnalyticsTarget$1({ apiUrl, apiKey, allowInFrame, allowLocalhost, measurementEpoch: epoch });
+        const visitorId = tracking ? getOrCreateVisitorId() : "";
+        const url = typeof window !== "undefined" ? tracking ? window.location.href : window.location.origin + window.location.pathname : "";
+        return `${endpoint}?url=${encodeURIComponent(url)}&visitorId=${encodeURIComponent(visitorId)}&deviceType=${getDeviceType()}`;
+      };
       try {
         const response = await sonorFetch(
-          `${apiUrl.replace(/\/$/, "")}/engage/widget/elements?url=${encodeURIComponent(url)}&visitorId=${encodeURIComponent(visitorId)}&deviceType=${getDeviceType()}`,
+          requestUrl(),
           {},
-          { apiKey }
+          { apiKey, prepareUrl: requestUrl }
         );
         if (!response.ok) {
           if (debug) console.error("[SitePopups] Error loading popups:", response.statusText);
@@ -207,7 +217,7 @@ function AllowedSitePopups({
     return () => {
       cancelled = true;
     };
-  }, [apiUrl, apiKey, debug]);
+  }, [apiUrl, apiKey, debug, allowInFrame, allowLocalhost]);
   useEffect(() => {
     watchFormInput();
   }, []);
@@ -290,7 +300,9 @@ function AllowedSitePopups({
           onEngaged: () => recordSeen(popup.id),
           zIndex,
           apiUrl,
-          apiKey
+          apiKey,
+          allowInFrame,
+          allowLocalhost
         },
         popup.id
       );
@@ -304,18 +316,22 @@ function PopupView({
   onEngaged,
   zIndex,
   apiUrl,
-  apiKey
+  apiKey,
+  allowInFrame,
+  allowLocalhost
 }) {
+  const policy = useSyncExternalStore(subscribeMeasurementPolicy, measurementPolicySnapshot, serverMeasurementPolicySnapshot);
+  const gate = { apiUrl: apiUrl.replace(/\/+$/, ""), apiKey, allowInFrame, allowLocalhost, measurementEpoch: policy.collectionEpoch };
   const rootRef = useRef(null);
   const counted = useRef(false);
   useEffect(() => {
     const el = rootRef.current;
-    if (!el || counted.current) return;
+    if (!el || counted.current || !resolveAnalyticsTarget$1(gate)) return;
     const observer = new IntersectionObserver(
       ([entry]) => {
-        if (entry.isIntersecting && !counted.current) {
+        if (entry.isIntersecting && entry.intersectionRatio >= 0.5 && !counted.current && resolveAnalyticsTarget$1(gate)) {
           counted.current = true;
-          trackPopupEvent(apiUrl, apiKey, "impression", { elementId: popup.id });
+          trackPopupEvent("impression", { elementId: popup.id }, gate);
           observer.disconnect();
         }
       },
@@ -323,7 +339,7 @@ function PopupView({
     );
     observer.observe(el);
     return () => observer.disconnect();
-  }, [apiUrl, apiKey, popup.id]);
+  }, [apiUrl, apiKey, popup.id, allowInFrame, allowLocalhost, policy.collectionEpoch]);
   const layout = popup.layout;
   const position = layout?.corner ?? popup.config?.position;
   const corner = position === "bottom-left" || position === "top-left" || position === "top-right" ? position : "bottom-right";
@@ -341,20 +357,15 @@ function PopupView({
       onClose: onDismiss,
       onButton: (url) => {
         onEngaged();
-        trackPopupEvent(apiUrl, apiKey, "click", { elementId: popup.id, action: "navigate", url });
+        trackPopupEvent("click", { elementId: popup.id, action: "navigate", url }, gate);
       }
     }
   );
 }
-function trackPopupEvent(apiUrl, apiKey, endpoint, data) {
+function trackPopupEvent(endpoint, data, gate) {
+  if (!resolveAnalyticsTarget$1(gate)) return;
   const { visitorId } = readAnalyticsIdentity();
-  sonorFetch(`${apiUrl.replace(/\/$/, "")}/engage/widget/${endpoint}`, {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ ...data, visitorId, pageUrl: window.location.href }),
-    keepalive: true
-  }, { apiKey, retries: 0 }).catch(() => {
-  });
+  void analyticsSend(`/engage/widget/${endpoint}`, { ...data, visitorId, pageUrl: window.location.href }, { ...gate, keepalive: true });
 }
 function getDeviceType() {
   if (typeof navigator === "undefined") return "desktop";

package/dist/chunk-F3RKFGRW.js

@@ -0,0 +1,2 @@
+'use client';
+import{useSignalExperiment as v,useSignalEvent as x}from"./chunk-HJD6KXKH.js";import{recordRenderedResonanceExposure as E}from"./chunk-MOACHHOJ.js";import{subscribeMeasurementPolicy as C,measurementPolicySnapshot as S,serverMeasurementPolicySnapshot as R}from"./chunk-FRY6PBT6.js";import k,{lazy as h,Suspense as w,useRef as j,useSyncExternalStore as P,useEffect as $}from"react";import{usePathname as b}from"next/navigation";import{jsx as o,Fragment as m}from"react/jsx-runtime";var K=h(()=>import("./_client/reviewed-signal-experiment.js"));function O(e){if(e.reviewedContext){const n=e.reviewedContext.controlVariantKey,c=e.children?e.children({variant:n,isControl:!0}):Object.prototype.hasOwnProperty.call(e.variants,n)&&e.variants[n]!==void 0?e.variants[n]:e.fallback||null;return o(w,{fallback:c,children:o(K,{...e,reviewedContext:e.reviewedContext})})}return o(M,{...e})}function M({experimentId:e,variants:n,fallback:c,trackImpression:a=!0,children:s}){const{assignment:i,variant:t,isControl:l}=v(e),f=x(),d=b(),p=j(""),r=P(C,S,R);if($(()=>{const _=!!s||!!t&&n[t]!==void 0;if(a&&t&&_){const u=r.config;if(u){if(!i?.assignment_id||!i.experiment_revision||i.site!==u.site)return;const g=`${i.assignment_id}:${i.experiment_revision}:${t}:${d}:${r.proof?.currentConsentRevision}`;if(g===p.current)return;E({projectId:u.projectId,site:u.site,experimentId:e,experimentRevision:i.experiment_revision,assignmentId:i.assignment_id,variantKey:t,occurredAt:new Date().toISOString()})&&(p.current=g);return}f({event_type:"experiment",event_name:"impression",event_data:{experiment_id:e,variant_key:t}})}},[e,t,i,d,a,f,s,n,r.config?.projectId,r.config?.site,r.config?.configRevision,r.config?.policyRevision,r.proof?.currentConsentRevision]),s)return o(m,{children:s({variant:t||"control",isControl:l})});const y=n[t||"control"];return y!==void 0?o(m,{children:y}):c?o(m,{children:c}):o(m,{children:n.control||null})}function V(e){return v(e)}function z({experimentId:e,outcomeType:n="click",value:c,children:a}){const s=x(),{variant:i}=v(e),t=()=>{s({event_type:"experiment",event_name:"conversion",event_data:{experiment_id:e,variant_key:i,outcome_type:n,value:c}})};return k.cloneElement(a,{onClick:l=>{t(),a.props.onClick&&a.props.onClick(l)}})}export{z as ExperimentConversion,O as SignalExperiment,V as useExperimentVariant};

package/dist/chunk-FAY6MOLL.js

@@ -0,0 +1,62 @@
+import { isSiteToken, configureSiteCredential, storeToken, tokenExp } from './chunk-TPHOIE4I.js';
+import { siteTokenState } from './chunk-D4M5K6JN.js';
+import { SITE_KIT_VERSION } from './chunk-DXE6SXWW.js';
+
+// src/shared/site-token-refresh.ts
+var REFRESH_SKEW_MS = 5 * 6e4;
+var REFRESH_TIMEOUT_MS = 6e3;
+function needsRefresh() {
+  if (!siteTokenState.isToken) return false;
+  if (!siteTokenState.token) return true;
+  return Date.now() >= tokenExp(siteTokenState.token) - REFRESH_SKEW_MS;
+}
+async function doRefresh() {
+  const current = siteTokenState.token;
+  if (!current) return null;
+  try {
+    const res = await fetch(`${siteTokenState.apiUrl}/api/public/site-token/refresh`, {
+      method: "POST",
+      headers: {
+        "content-type": "application/json",
+        "x-sitekit-version": SITE_KIT_VERSION,
+        // Send the current token as x-api-key too, so the server's key-scoped
+        // throttler buckets refreshes by token rather than by shared CDN IP.
+        "x-api-key": current
+      },
+      body: JSON.stringify({ token: current }),
+      signal: typeof AbortSignal !== "undefined" && AbortSignal.timeout ? AbortSignal.timeout(REFRESH_TIMEOUT_MS) : void 0
+    });
+    if (!res.ok) return null;
+    const data = await res.json().catch(() => null);
+    const next = data?.token;
+    if (typeof next === "string" && isSiteToken(next)) {
+      siteTokenState.token = next;
+      storeToken(next);
+      return next;
+    }
+    return null;
+  } catch {
+    return null;
+  }
+}
+function refreshSiteToken() {
+  if (!siteTokenState.isToken) return Promise.resolve(null);
+  if (siteTokenState.refreshing) return siteTokenState.refreshing;
+  siteTokenState.refreshing = doRefresh().finally(() => {
+    siteTokenState.refreshing = null;
+  });
+  return siteTokenState.refreshing;
+}
+async function getFreshCredential(seed) {
+  if (!siteTokenState.isToken && isSiteToken(seed)) {
+    configureSiteCredential({ credential: seed });
+  }
+  if (!siteTokenState.isToken) return seed ?? siteTokenState.seed;
+  if (needsRefresh()) {
+    const refreshed = await refreshSiteToken();
+    if (refreshed) return refreshed;
+  }
+  return siteTokenState.token ?? seed ?? siteTokenState.seed;
+}
+
+export { getFreshCredential, refreshSiteToken };

package/dist/chunk-FRY6PBT6.js

@@ -0,0 +1,31 @@
+// src/shared/measurement-store.ts
+var MEASUREMENT_PURPOSES = ["analytics_storage", "ad_storage", "ad_user_data", "ad_personalization"];
+var unknownChoices = () => ({ analytics_storage: "unknown", ad_storage: "unknown", ad_user_data: "unknown", ad_personalization: "unknown" });
+var initialMeasurementPolicy = { version: 0, collectionEpoch: 0, analyticsChoiceEpoch: 0, policy: "legacy_unconfigured", config: null, analyticsRequired: false, choices: unknownChoices(), cmpValid: false, preferencePending: false, proof: null, identityScope: null };
+var makeStore = () => ({ current: initialMeasurementPolicy, primed: false, lastObservedAnalyticsChoice: "unknown", listeners: /* @__PURE__ */ new Set() });
+var measurementStore = typeof window === "undefined" ? makeStore() : window.__SONOR_MEASUREMENT_POLICY_V1__ ?? (window.__SONOR_MEASUREMENT_POLICY_V1__ = makeStore());
+function primeMeasurementPolicy() {
+  if (typeof window === "undefined" || measurementStore.primed) return;
+  measurementStore.primed = true;
+  if (!measurementStore.current.config) measurementStore.current = { ...measurementStore.current, policy: "resolving", collectionEpoch: measurementStore.current.collectionEpoch + 1, version: measurementStore.current.version + 1 };
+}
+var measurementPolicySnapshot = () => measurementStore.current;
+var serverMeasurementPolicySnapshot = () => initialMeasurementPolicy;
+var subscribeMeasurementPolicy = (listener) => {
+  measurementStore.listeners.add(listener);
+  return () => {
+    measurementStore.listeners.delete(listener);
+  };
+};
+
+// src/shared/measurement-analytics.ts
+function analyticsPurposePermitted() {
+  const current = measurementPolicySnapshot();
+  const { choices, analyticsRequired, policy } = current;
+  if (choices.analytics_storage === "denied" || choices.analytics_storage === "withdrawn") return false;
+  if (policy === "resolving" || current.preferencePending || policy === "configured" && !!current.config && Date.parse(current.config.expiresAt) <= Date.now()) return false;
+  if (choices.analytics_storage === "granted") return true;
+  return !analyticsRequired;
+}
+
+export { MEASUREMENT_PURPOSES, analyticsPurposePermitted, measurementPolicySnapshot, measurementStore, primeMeasurementPolicy, serverMeasurementPolicySnapshot, subscribeMeasurementPolicy, unknownChoices };

package/dist/{chunk-JYITKUUB.js → chunk-G5WUX7VE.js}

@@ -4,7 +4,7 @@ import { stripHtmlTags } from './chunk-IBHBEUZV.js';
 import { resolveArticleUrl, createPublicationRoutes, resolvePublicationUrl, articleCategorySlug } from './chunk-4K735O3J.js';
 import { withoutSchemaPlaceholders } from './chunk-VWWITFWM.js';
 import { withSiteParam, withSiteBody } from './chunk-MJP63SSS.js';
-import { resolveServerApiConfig } from './chunk-C7TLGL3R.js';
+import { resolveServerApiConfig } from './chunk-7VMA3KCN.js';
 import 'server-only';
 import { notFound } from 'next/navigation';
 

package/dist/chunk-HJD6KXKH.js

@@ -0,0 +1,147 @@
+'use client';
+import { measurementPolicySnapshot, subscribeMeasurementPolicy, analyticsPurposePermitted, serverMeasurementPolicySnapshot } from './chunk-FRY6PBT6.js';
+import { useSyncExternalStore, useEffect } from 'react';
+import dynamic from 'next/dynamic';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var pendingEvents = [];
+var pendingOutcomes = [];
+var MAX_PENDING = 100;
+var warnedNoBridge = false;
+var core = null;
+var queueEpoch = measurementPolicySnapshot().collectionEpoch;
+subscribeMeasurementPolicy(() => {
+  const epoch = measurementPolicySnapshot().collectionEpoch;
+  if (!analyticsPurposePermitted() || epoch !== queueEpoch) {
+    pendingEvents.length = 0;
+    pendingOutcomes.length = 0;
+  }
+  queueEpoch = epoch;
+});
+function trackEvent(event) {
+  if (!analyticsPurposePermitted()) return;
+  if (core) {
+    core.trackEvent(event);
+    return;
+  }
+  if (pendingEvents.length < MAX_PENDING) pendingEvents.push(event);
+  else if (!warnedNoBridge) {
+    warnedNoBridge = true;
+    console.warn("[site-kit] Signal events are queuing but no SignalBridge has mounted \u2014 is signal enabled on SiteKitLayout?");
+  }
+}
+function trackOutcome(outcome) {
+  if (!analyticsPurposePermitted()) return;
+  if (core) {
+    core.trackOutcome(outcome);
+    return;
+  }
+  if (pendingOutcomes.length < MAX_PENDING) pendingOutcomes.push(outcome);
+}
+var signalQueueApi = {
+  trackEvent,
+  trackOutcome,
+  getExperiment: (experimentId) => core?.getExperiment(experimentId) ?? null,
+  refreshConfig: async () => {
+    await core?.refreshConfig();
+  }
+};
+function registerSignalCore(api) {
+  core = api;
+  if (!api) return;
+  while (pendingEvents.length && analyticsPurposePermitted() && queueEpoch === measurementPolicySnapshot().collectionEpoch) api.trackEvent(pendingEvents.shift());
+  while (pendingOutcomes.length && analyticsPurposePermitted() && queueEpoch === measurementPolicySnapshot().collectionEpoch) api.trackOutcome(pendingOutcomes.shift());
+}
+var STUB = Object.freeze({ config: null, loading: true, error: null, ...signalQueueApi });
+var current = STUB;
+var listeners = /* @__PURE__ */ new Set();
+function emit() {
+  for (const listener of listeners) listener();
+}
+function publishSignal(value) {
+  current = value;
+  emit();
+}
+function publishSignalCoreState(state) {
+  publishSignal({ config: state.config, loading: state.loading, error: state.error, ...signalQueueApi });
+}
+function resetSignal() {
+  core = null;
+  pendingEvents.length = 0;
+  pendingOutcomes.length = 0;
+  current = STUB;
+  emit();
+}
+function subscribe(onChange) {
+  listeners.add(onChange);
+  return () => {
+    listeners.delete(onChange);
+  };
+}
+var getSnapshot = () => current;
+var getServerSnapshot = () => STUB;
+function useSignal() {
+  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+var LazySignalCore = dynamic(
+  () => import('./SignalCore-HAN4O7QG.js').then((m) => ({ default: m.SignalCore })),
+  { ssr: false }
+);
+function SignalBridge({
+  enabled = true,
+  realtime = true,
+  experiments = true,
+  behaviorTracking = true,
+  visitorId: externalVisitorId,
+  sessionId: externalSessionId,
+  pageMetadataRef,
+  children
+}) {
+  useEffect(() => {
+    publishSignalCoreState({ config: null, loading: true, error: null });
+    return () => resetSignal();
+  }, []);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    children,
+    enabled && /* @__PURE__ */ jsx(
+      LazySignalCore,
+      {
+        enabled,
+        realtime,
+        experiments,
+        behaviorTracking,
+        externalVisitorId,
+        externalSessionId,
+        pageMetadataRef,
+        onRegister: registerSignalCore,
+        onState: publishSignalCoreState
+      }
+    )
+  ] });
+}
+function useSignalConfig() {
+  const { config } = useSignal();
+  return config;
+}
+function useSignalEvent() {
+  const { trackEvent: trackEvent2 } = useSignal();
+  return trackEvent2;
+}
+function useSignalOutcome() {
+  const { trackOutcome: trackOutcome2 } = useSignal();
+  return { trackOutcome: trackOutcome2 };
+}
+function useSignalExperiment(experimentId) {
+  const { getExperiment, config } = useSignal();
+  useSyncExternalStore(subscribeMeasurementPolicy, measurementPolicySnapshot, serverMeasurementPolicySnapshot);
+  const assignment = getExperiment(experimentId);
+  const experiment = config?.experiments?.find((e) => e.id === experimentId);
+  const isRunning = experiment?.status === "running";
+  return {
+    assignment: isRunning ? assignment : null,
+    variant: isRunning && assignment ? assignment.variant_key : null,
+    isControl: !isRunning || !assignment || assignment.variant_key === "control"
+  };
+}
+
+export { SignalBridge, useSignal, useSignalConfig, useSignalEvent, useSignalExperiment, useSignalOutcome };

package/dist/{chunk-6BFQI3ZE.js → chunk-IO6BWRZ5.js}

@@ -1,8 +1,8 @@
 'use client';
-import { getSiteDesignTokens, tokensForReport, shouldReportDesign, sendSiteDesign } from './chunk-URLTBVRX.js';
+import { getSiteDesignTokens, tokensForReport, shouldReportDesign, sendSiteDesign } from './chunk-6EDE7BOE.js';
 import { designTokensHash } from './chunk-XHYE24HU.js';
 import { useDeferredActivation } from './chunk-YC7ELZS3.js';
-import { resolveAnalyticsTarget } from './chunk-ZQSCMYZO.js';
+import { resolveAnalyticsTarget } from './chunk-7643MCD2.js';
 import { useRef, useEffect } from 'react';
 
 var STAMP_KEY = (site) => `_sk_design_sent:${site}`;

package/dist/{chunk-THXELZTQ.js → chunk-ISMHDUBW.js}

@@ -1,5 +1,5 @@
 import { secretsMatch, readCappedBody } from './chunk-XTRZGXB2.js';
-import { SITE_KIT_VERSION } from './chunk-F6WLHVMQ.js';
+import { SITE_KIT_VERSION } from './chunk-DXE6SXWW.js';
 
 // src/llms/revalidate.ts
 function createLlmsRevalidateHandler(secret, options) {

package/dist/{chunk-SLFYTELD.js → chunk-J4LJE4NB.js}

@@ -6,7 +6,7 @@ import { DEFAULT_HONEYPOT_FIELD } from './chunk-NJCTQH2P.js';
 import React, { useRef, useEffect, useState, useMemo, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var loadInteractiveForm = () => import('./ManagedForm-DDDVMKLJ.js').then((m) => m.ManagedForm);
+var loadInteractiveForm = () => import('./ManagedForm-7IZT7ZII.js').then((m) => m.ManagedForm);
 var REPLAY_WAIT_MS = 8e3;
 function FormEnhancer({
   formId,

package/dist/{chunk-LQJC5S2M.js → chunk-J6D3NEDE.js}

@@ -95,9 +95,38 @@ function fitRouteTitle(input) {
     fits: false
   };
 }
+var BRANDED_ROUTE_CARD = {
+  pad: 56,
+  photoWidth: 480,
+  logoHeight: 104,
+  titleHeight: 302,
+  titleLineHeight: 1.1,
+  titleMaxPx: 64,
+  titleMinPx: 36
+};
+function fitBrandedRouteTitle(title, photo) {
+  const c = BRANDED_ROUTE_CARD;
+  const width = OG_WIDTH - c.pad * 2 - (photo ? c.photoWidth : 0);
+  const fits = (text, px) => wrappedLines(text, width, (s) => uppercaseWidth(s, px)) * px * c.titleLineHeight <= c.titleHeight;
+  for (let px = c.titleMaxPx; px >= c.titleMinPx; px -= 2) {
+    if (fits(title, px)) return { title, titlePx: px, truncated: false };
+  }
+  const points = Array.from(title.trim());
+  let low = 0, high = points.length;
+  while (low < high) {
+    const middle = Math.ceil((low + high) / 2);
+    if (fits(`${points.slice(0, middle).join("").trimEnd()}\u2026`, c.titleMinPx)) low = middle;
+    else high = middle - 1;
+  }
+  let shortened = points.slice(0, low).join("").trimEnd();
+  const boundary = shortened.lastIndexOf(" ");
+  if (boundary > shortened.length * 0.6) shortened = shortened.slice(0, boundary);
+  return { title: `${shortened}\u2026`, titlePx: c.titleMinPx, truncated: true };
+}
 var size = { width: OG_WIDTH, height: OG_HEIGHT };
 var contentType = "image/png";
 function ogRouteElement(card) {
+  if (card.logo) return brandedRouteElement(card);
   const { theme } = card;
   const muted = theme.muted || theme.text;
   const hasPhoto = !!card.photoUrl && /^(https?:|data:)/.test(card.photoUrl);
@@ -212,6 +241,34 @@ function ogRouteElement(card) {
     }
   );
 }
+function brandedRouteElement(card) {
+  const logo = card.logo;
+  let sourceAllowed = false;
+  try {
+    const url = new URL(logo.src);
+    sourceAllowed = (url.protocol === "https:" || url.protocol === "http:") && !url.username && !url.password || /^data:image\/(?:png|jpeg|webp|svg\+xml);base64,/i.test(logo.src);
+  } catch {
+  }
+  if (!sourceAllowed || !Number.isFinite(logo.width) || !Number.isFinite(logo.height) || logo.width <= 0 || logo.height <= 0 || typeof logo.alt !== "string") {
+    throw new TypeError("OG logo requires an absolute image source, positive intrinsic dimensions and alt text");
+  }
+  const c = BRANDED_ROUTE_CARD;
+  const photo = !!card.photoUrl && /^(https?:|data:)/.test(card.photoUrl);
+  const panelWidth = OG_WIDTH - (photo ? c.photoWidth : 0);
+  const scale = Math.min((panelWidth - c.pad * 2) / logo.width, c.logoHeight / logo.height);
+  const fit = fitBrandedRouteTitle(card.title, photo);
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", width: "100%", height: "100%", backgroundColor: card.theme.bg, color: card.theme.text }, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", boxSizing: "border-box", flexShrink: 0, width: panelWidth, height: OG_HEIGHT, padding: c.pad, position: "relative" }, children: [
+      /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "flex-start", height: c.logoHeight }, children: /* @__PURE__ */ jsx("img", { src: logo.src, alt: logo.alt, width: logo.width * scale, height: logo.height * scale, style: { objectFit: "contain" } }) }),
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", marginTop: 32 }, children: [
+        /* @__PURE__ */ jsx("div", { style: { fontSize: 16, height: 32, letterSpacing: 2, textTransform: "uppercase", overflow: "hidden", color: card.theme.muted || card.theme.text }, children: card.kicker || "" }),
+        /* @__PURE__ */ jsx("div", { style: { fontSize: fit.titlePx, fontWeight: 600, lineHeight: c.titleLineHeight, height: c.titleHeight, overflow: "hidden" }, children: fit.title })
+      ] }),
+      /* @__PURE__ */ jsx("div", { style: { position: "absolute", display: "flex", bottom: c.pad, left: c.pad, width: panelWidth - c.pad * 2, fontSize: 16, height: 20, overflow: "hidden", color: card.theme.muted || card.theme.text }, children: card.bar || "" })
+    ] }),
+    photo ? /* @__PURE__ */ jsx("img", { src: card.photoUrl, alt: "", width: c.photoWidth, height: OG_HEIGHT, style: { flexShrink: 0, objectFit: "cover", objectPosition: "50% 50%" } }) : null
+  ] });
+}
 async function renderCard(card, options) {
   if (!card) return new Response("Not found", { status: 404 });
   const { ImageResponse } = await import('next/og');

package/dist/chunk-JT7GHHMV.js

@@ -0,0 +1,56 @@
+'use client';
+import { uuid } from './chunk-GJWI74ZZ.js';
+import { identityStorageKeys, memoryIdentity } from './chunk-5IVD6G77.js';
+import { analyticsPurposePermitted, subscribeMeasurementPolicy, measurementPolicySnapshot, serverMeasurementPolicySnapshot } from './chunk-FRY6PBT6.js';
+import { useSyncExternalStore, useState, useEffect } from 'react';
+
+function getOrCreateVisitorId() {
+  var _a;
+  if (typeof window === "undefined" || !analyticsPurposePermitted()) return "";
+  const keys = identityStorageKeys();
+  let stored = null;
+  try {
+    stored = window.localStorage.getItem(keys.visitor);
+    const visitorId = stored || uuid();
+    window.localStorage.setItem(keys.visitor, visitorId);
+    return visitorId;
+  } catch {
+    return (_a = memoryIdentity).visitorId || (_a.visitorId = stored || uuid());
+  }
+}
+function getOrCreateSessionId(timeoutMinutes = 30) {
+  var _a;
+  if (typeof window === "undefined" || !analyticsPurposePermitted()) return "";
+  const keys = identityStorageKeys();
+  const now = Date.now();
+  const timeoutMs = timeoutMinutes * 60 * 1e3;
+  let existingSession = null;
+  try {
+    existingSession = window.sessionStorage.getItem(keys.session);
+    const lastActivity = window.sessionStorage.getItem(keys.time);
+    if (existingSession && lastActivity) {
+      const elapsed = now - parseInt(lastActivity, 10);
+      if (elapsed < timeoutMs) {
+        window.sessionStorage.setItem(keys.time, now.toString());
+        window.sessionStorage.setItem(keys.session, existingSession);
+        return existingSession;
+      }
+    }
+    const newSession = uuid();
+    window.sessionStorage.setItem(keys.session, newSession);
+    window.sessionStorage.setItem(keys.time, now.toString());
+    return newSession;
+  } catch {
+    return (_a = memoryIdentity).sessionId || (_a.sessionId = existingSession || uuid());
+  }
+}
+function useSiteKitIdentity() {
+  const policy = useSyncExternalStore(subscribeMeasurementPolicy, measurementPolicySnapshot, serverMeasurementPolicySnapshot);
+  const [identity, setIdentity] = useState({ visitorId: "", sessionId: "" });
+  useEffect(() => {
+    setIdentity({ visitorId: getOrCreateVisitorId(), sessionId: getOrCreateSessionId() });
+  }, [policy.collectionEpoch]);
+  return analyticsPurposePermitted() ? identity : { visitorId: "", sessionId: "" };
+}
+
+export { getOrCreateSessionId, getOrCreateVisitorId, useSiteKitIdentity };

package/dist/{chunk-NFGAXWCN.js → chunk-KGIQYVQ2.js}

@@ -1,13 +1,16 @@
 'use client';
+import { setFirstPartyIdentityScope } from './chunk-KQKUXIUD.js';
 import { SITE_EDIT_PARAM } from './chunk-6G43IRWR.js';
-import { publishSiteCredential } from './chunk-OPUY4RS6.js';
-import { FleetHeartbeat } from './chunk-HN7GVGWC.js';
+import { publishSiteCredential } from './chunk-2LBKIE2K.js';
+import { ResonanceRuntime } from './chunk-AWLPFFPO.js';
+import { FleetHeartbeat } from './chunk-XDH5B3PR.js';
 import { useDeferredActivation } from './chunk-YC7ELZS3.js';
 import { resolveSiteHost } from './chunk-FESKKJAS.js';
-import { getOrCreateVisitorId, getOrCreateSessionId } from './chunk-IPQKQEWI.js';
-import { announceFrameReady, isPrivatePreview, isCrossOriginFrame } from './chunk-ZQSCMYZO.js';
-import { SignalBridge } from './chunk-SHAUX2MQ.js';
-import React, { useState, useRef, useCallback, useEffect, Suspense } from 'react';
+import { getOrCreateVisitorId, getOrCreateSessionId } from './chunk-JT7GHHMV.js';
+import { resolveAnalyticsTarget, announceFrameReady, isPrivatePreview, isCrossOriginFrame } from './chunk-7643MCD2.js';
+import { SignalBridge } from './chunk-HJD6KXKH.js';
+import { primeMeasurementPolicy, subscribeMeasurementPolicy, measurementPolicySnapshot, serverMeasurementPolicySnapshot, analyticsPurposePermitted } from './chunk-FRY6PBT6.js';
+import React, { useSyncExternalStore, useState, useEffect, useRef, useCallback, Suspense } from 'react';
 import dynamic from 'next/dynamic';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
@@ -33,23 +36,23 @@ function startEditBridge() {
   };
 }
 var LazyAnalyticsProvider = dynamic(
-  () => import('./AnalyticsProvider-7SBJ27SI.js').then((m) => ({ default: m.AnalyticsProvider })),
+  () => import('./AnalyticsProvider-X7JJN3QL.js').then((m) => ({ default: m.AnalyticsProvider })),
   { ssr: false }
 );
 var LazySiteChat = dynamic(
-  () => import('./SiteChat-XMKHBSEK.js').then((m) => ({ default: m.SiteChat })),
+  () => import('./SiteChat-3JLCEL2N.js').then((m) => ({ default: m.SiteChat })),
   { ssr: false }
 );
 var LazySitePopups = dynamic(
-  () => import('./SitePopups-VU2C3Z6B.js').then((m) => ({ default: m.SitePopups })),
+  () => import('./SitePopups-ZGHQNGGH.js').then((m) => ({ default: m.SitePopups })),
   { ssr: false }
 );
 var LazySiteDesignReporter = dynamic(
-  () => import('./SiteDesignReporter-BRH7ORQS.js').then((m) => ({ default: m.SiteDesignReporter })),
+  () => import('./SiteDesignReporter-6CCO645E.js').then((m) => ({ default: m.SiteDesignReporter })),
   { ssr: false }
 );
 var LazySitemapSync = dynamic(
-  () => import('./SitemapSync-C4H3HF3L.js').then((m) => ({ default: m.SitemapSync })),
+  () => import('./SitemapSync-5LSYCBKS.js').then((m) => ({ default: m.SitemapSync })),
   { ssr: false }
 );
 function SiteKitClientProviders({
@@ -68,14 +71,28 @@ function SiteKitClientProviders({
   defer = true,
   debug = false
 }) {
+  primeMeasurementPolicy();
   const modulesReady = useDeferredActivation(defer);
   const analyticsConfig = typeof analytics === "object" ? analytics : {};
   const site = resolveSiteHost(analyticsConfig.site);
   publishSiteCredential({ apiKey, apiUrl, site, debug });
   const designConfig = design === false ? false : typeof design === "object" ? design : {};
   if (typeof window !== "undefined") window.__SITE_KIT_DESIGN__ = designConfig;
-  const [visitorId] = useState(() => getOrCreateVisitorId());
-  const [sessionId] = useState(() => getOrCreateSessionId());
+  const policy = useSyncExternalStore(subscribeMeasurementPolicy, measurementPolicySnapshot, serverMeasurementPolicySnapshot);
+  const [visitorId, setVisitorId] = useState("");
+  const [sessionId, setSessionId] = useState("");
+  useEffect(() => {
+    setFirstPartyIdentityScope(projectId, site);
+  }, [projectId, site]);
+  useEffect(() => {
+    if (!(modulesReady || signal) || !analyticsPurposePermitted() || !resolveAnalyticsTarget({ apiKey, apiUrl, allowInFrame: analyticsConfig.allowInFrame, allowLocalhost: analyticsConfig.allowLocalhost })) {
+      setVisitorId("");
+      setSessionId("");
+      return;
+    }
+    setVisitorId(getOrCreateVisitorId());
+    setSessionId(getOrCreateSessionId());
+  }, [modulesReady, signal, apiKey, apiUrl, policy.collectionEpoch, analyticsConfig.allowInFrame, analyticsConfig.allowLocalhost]);
   const pageMetadataRef = useRef(null);
   const onPageMetadata = useCallback((metadata) => {
     pageMetadataRef.current = metadata;
@@ -84,6 +101,7 @@ function SiteKitClientProviders({
   useEffect(() => startEditBridge(), []);
   const siblings = [];
   if (isPrivatePreview()) return /* @__PURE__ */ jsx(Fragment, { children });
+  siblings.push(/* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(ResonanceRuntime, { site, apiUrl, apiKey }) }, "sk-resonance"));
   if (signal) {
     const signalConfig = typeof signal === "object" ? signal : {};
     siblings.push(