@sonordev/site-kit 6.4.0 → 7.0.0

package/dist/chunk-JMRESWQT.js

@@ -0,0 +1,130 @@
+'use client';
+import { isEmptyValue, isDisplayOnly } from './chunk-AQSNPZY4.js';
+import { useMemo, useState, useRef, useEffect } from 'react';
+
+var NO_CONTROLS = {};
+function useFieldControls(fields) {
+  const needsDate = useMemo(
+    () => (fields ?? []).some((f) => f.field_type === "date" || f.field_type === "datetime"),
+    [fields]
+  );
+  const needsFile = useMemo(
+    () => (fields ?? []).some((f) => f.field_type === "file"),
+    [fields]
+  );
+  const [controls, setControls] = useState(NO_CONTROLS);
+  const requested = useRef({ date: false, file: false });
+  useEffect(() => {
+    let cancelled = false;
+    if (needsDate && !requested.current.date) {
+      requested.current.date = true;
+      import('./DatePicker-JEBV6WYJ.js').then((m) => {
+        if (!cancelled) setControls((prev) => ({ ...prev, Date: m.DatePicker }));
+      }).catch(() => {
+        requested.current.date = false;
+      });
+    }
+    if (needsFile && !requested.current.file) {
+      requested.current.file = true;
+      import('./FileField-JFBXXD43.js').then((m) => {
+        if (!cancelled) setControls((prev) => ({ ...prev, File: m.FileField }));
+      }).catch(() => {
+        requested.current.file = false;
+      });
+    }
+    return () => {
+      cancelled = true;
+    };
+  }, [needsDate, needsFile]);
+  return controls;
+}
+
+// src/forms/experience-plan.ts
+function stageQuestions(config) {
+  const input = (config.fields || []).filter(
+    (f) => !isDisplayOnly(f)
+  );
+  if (!config.is_multi_step || !config.steps?.length) {
+    return input.map((field) => ({ field }));
+  }
+  const ordered = [...config.steps].sort((a, b) => a.step_number - b.step_number);
+  const out = [];
+  const claimed = /* @__PURE__ */ new Set();
+  for (const step of ordered) {
+    for (const field of input) {
+      if (field.step_id === step.id) {
+        out.push({ field, step });
+        claimed.add(field.id);
+      }
+    }
+  }
+  for (const field of input) {
+    if (!claimed.has(field.id)) out.push({ field });
+  }
+  return out;
+}
+var WIDTH_FRACTION = {
+  full: 1,
+  half: 1 / 2,
+  third: 1 / 3,
+  quarter: 1 / 4
+};
+function stageViews(config) {
+  const questions = stageQuestions(config);
+  const views = [];
+  let open = null;
+  let openWidth = 0;
+  const close = () => {
+    if (open) views.push(open);
+    open = null;
+    openWidth = 0;
+  };
+  for (const q of questions) {
+    const fraction = WIDTH_FRACTION[q.field.width] ?? 1;
+    const chapterChanged = open && open.step?.id !== q.step?.id;
+    if (fraction >= 1 || chapterChanged) close();
+    if (!open) {
+      open = { fields: [q.field], step: q.step };
+      openWidth = fraction;
+      if (fraction >= 1) close();
+      continue;
+    }
+    if (openWidth + fraction > 1.0001) close();
+    if (!open) {
+      open = { fields: [q.field], step: q.step };
+      openWidth = fraction;
+      continue;
+    }
+    open.fields.push(q.field);
+    openWidth += fraction;
+  }
+  close();
+  return views;
+}
+function countStageViews(config) {
+  return stageViews(config).length;
+}
+function countStageQuestions(config) {
+  return stageQuestions(config).length;
+}
+function stageEstimate(questionCount) {
+  const seconds = questionCount * 8;
+  if (seconds < 50) return `about ${Math.max(15, Math.ceil(seconds / 5) * 5)} seconds`;
+  if (seconds <= 90) return "about a minute";
+  return `about ${Math.round(seconds / 60)} minutes`;
+}
+function stageFirstName(value) {
+  if (typeof value !== "string") return null;
+  const token = value.trim().split(/\s+/)[0];
+  if (!token || token.length > 24) return null;
+  return token;
+}
+function formatAnswer(value) {
+  if (isEmptyValue(value)) return null;
+  if (Array.isArray(value)) return value.map(String).join(", ");
+  if (typeof value === "boolean") return value ? "Yes" : "No";
+  return String(value);
+}
+var AUTO_ADVANCE_TYPES = ["radio", "select", "rating"];
+
+export { AUTO_ADVANCE_TYPES, countStageQuestions, countStageViews, formatAnswer, stageEstimate, stageFirstName, stageViews, useFieldControls };

package/dist/chunk-JSZN6LDZ.js

@@ -0,0 +1,338 @@
+'use client';
+import { normalizeDesignTokens, designTokenCssVars, sanitizePopupHtml, isSafePopupUrl } from './chunk-IHG36STL.js';
+import { useId, useRef, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DEFAULT_POPUP_TOKENS = normalizeDesignTokens({
+  colors: { background: "#ffffff", text: "#111827", primary: "#111827", muted: "#4b5563", border: "#e5e7eb" },
+  fonts: { body: "inherit", heading: "inherit" },
+  radius: { control: "8px", card: "16px" }
+});
+var FOCUSABLE = 'a[href],button:not([disabled]),input,select,textarea,[tabindex]:not([tabindex="-1"])';
+var v = (name) => `var(--sk-site-${name})`;
+function renderBlocks(blocks, headingId, placement, press) {
+  const out = [];
+  let firstHeading = true;
+  for (let i = 0; i < blocks.length; i++) {
+    const block = blocks[i];
+    const compact = placement === "bar";
+    if (block.type === "heading") {
+      const id = firstHeading ? headingId : void 0;
+      firstHeading = false;
+      out.push(
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            id,
+            role: "heading",
+            "aria-level": 2,
+            style: {
+              margin: 0,
+              fontFamily: v("font-heading"),
+              fontSize: compact ? "1rem" : placement === "slide-in" ? "1.125rem" : "1.375rem",
+              fontWeight: 700,
+              lineHeight: 1.25,
+              letterSpacing: "normal",
+              textTransform: "none",
+              color: v("text")
+            },
+            children: block.text
+          },
+          i
+        )
+      );
+    } else if (block.type === "text") {
+      out.push(
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "sk-popup-text",
+            style: { margin: 0, fontSize: compact ? "0.9375rem" : "1rem", lineHeight: 1.55, color: v("muted") },
+            dangerouslySetInnerHTML: { __html: sanitizePopupHtml(block.html) }
+          },
+          i
+        )
+      );
+    } else if (block.type === "image") {
+      if (compact || !isSafePopupUrl(block.url, "image")) continue;
+      out.push(
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: block.url,
+            alt: block.alt,
+            loading: "lazy",
+            decoding: "async",
+            style: {
+              display: "block",
+              width: "100%",
+              maxHeight: placement === "slide-in" ? 160 : 240,
+              objectFit: "cover",
+              borderRadius: `calc(${v("radius-card")} * 0.6)`
+            }
+          },
+          i
+        )
+      );
+    } else if (block.type === "divider") {
+      if (compact) continue;
+      out.push(/* @__PURE__ */ jsx("hr", { style: { border: 0, borderTop: `1px solid ${v("border")}`, margin: "4px 0", width: "100%" } }, i));
+    } else if (block.type === "button") {
+      const row = [];
+      let j = i;
+      while (j < blocks.length && blocks[j].type === "button") {
+        const b = blocks[j];
+        const index = j;
+        const primary = b.variant !== "secondary";
+        const external = /^https?:/i.test(b.url);
+        row.push(
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: isSafePopupUrl(b.url) ? b.url : void 0,
+              target: external ? "_blank" : void 0,
+              rel: external ? "noopener noreferrer" : void 0,
+              onClick: (e) => press(b, index, e),
+              style: {
+                display: "inline-flex",
+                alignItems: "center",
+                justifyContent: "center",
+                minHeight: compact ? 36 : 44,
+                padding: compact ? "0 14px" : "0 20px",
+                borderRadius: v("radius-control"),
+                background: primary ? v("primary") : "transparent",
+                color: primary ? v("on-primary") : v("text"),
+                border: primary ? "1px solid transparent" : `1px solid ${v("border")}`,
+                fontFamily: "inherit",
+                fontSize: compact ? "0.875rem" : "0.9375rem",
+                fontWeight: v("button-weight"),
+                textTransform: v("button-transform"),
+                letterSpacing: "normal",
+                textDecoration: "none",
+                cursor: "pointer",
+                flex: compact ? "0 0 auto" : "1 1 auto"
+              },
+              children: b.text
+            },
+            j
+          )
+        );
+        j++;
+      }
+      out.push(
+        /* @__PURE__ */ jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: 8, marginTop: compact ? 0 : 4 }, children: row }, `row-${i}`)
+      );
+      i = j - 1;
+    }
+  }
+  return out;
+}
+var TEXT_CSS = `
+.sk-popup-text p{margin:0 0 .5em}.sk-popup-text p:last-child{margin-bottom:0}
+.sk-popup-text a{color:var(--sk-site-primary);text-decoration:underline;text-underline-offset:2px}
+.sk-popup-text ul,.sk-popup-text ol{margin:0 0 .5em;padding-left:1.25em}
+.sk-popup-text strong{color:var(--sk-site-text);font-weight:700}
+.sk-popup-close:focus-visible,.sk-popup a:focus-visible{outline:2px solid var(--sk-site-primary);outline-offset:2px}
+`;
+function PopupBlocks({
+  blocks,
+  tokens,
+  placement = "popup",
+  corner = "bottom-right",
+  edge = "top",
+  onClose,
+  onButton,
+  inline = false,
+  zIndex = 2147483e3,
+  rootRef,
+  elementId
+}) {
+  const headingId = `sk-popup-${useId().replace(/[^a-zA-Z0-9_-]/g, "")}`;
+  const panelRef = useRef(null);
+  const modal = placement === "popup" && !inline;
+  const hasHeading = blocks.some((b) => b.type === "heading");
+  const t = tokens ?? DEFAULT_POPUP_TOKENS;
+  const vars = designTokenCssVars(t);
+  useEffect(() => {
+    if (inline) return;
+    const panel2 = panelRef.current;
+    const previous = typeof document !== "undefined" ? document.activeElement : null;
+    if (modal && panel2) panel2.focus({ preventScroll: true });
+    const onKey = (e) => {
+      if (e.key === "Escape") {
+        onClose?.();
+        return;
+      }
+      if (!modal || e.key !== "Tab" || !panel2) return;
+      const items = Array.from(panel2.querySelectorAll(FOCUSABLE));
+      if (!items.length) return;
+      const first = items[0];
+      const last = items[items.length - 1];
+      const active = document.activeElement;
+      if (e.shiftKey && (active === first || active === panel2)) {
+        e.preventDefault();
+        last.focus();
+      } else if (!e.shiftKey && active === last) {
+        e.preventDefault();
+        first.focus();
+      }
+    };
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("keydown", onKey);
+      if (modal && previous && typeof previous.focus === "function") previous.focus({ preventScroll: true });
+    };
+  }, [inline, modal, onClose]);
+  const press = (block, index, e) => {
+    if (onButton?.(block, index) === false || !isSafePopupUrl(block.url)) e.preventDefault();
+  };
+  const close = onClose ? /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: "sk-popup-close",
+      "aria-label": "Close",
+      onClick: onClose,
+      style: {
+        position: placement === "bar" ? "static" : "absolute",
+        top: 10,
+        right: 10,
+        width: 32,
+        height: 32,
+        flex: "0 0 auto",
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        border: 0,
+        borderRadius: 999,
+        background: "transparent",
+        color: v("muted"),
+        cursor: "pointer",
+        padding: 0
+      },
+      children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsx("path", { d: "M3 3l10 10M13 3L3 13", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round" }) })
+    }
+  ) : null;
+  const content = renderBlocks(blocks, headingId, placement, press);
+  const base = {
+    ...vars,
+    boxSizing: "border-box",
+    fontFamily: v("font-body"),
+    color: v("text"),
+    background: v("surface"),
+    WebkitFontSmoothing: "antialiased"
+  };
+  if (placement === "bar") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: rootRef,
+        className: "sk-popup",
+        "data-sk-popup": "",
+        "data-engage-element": elementId,
+        role: "region",
+        "aria-label": hasHeading ? void 0 : "Announcement",
+        "aria-labelledby": hasHeading ? headingId : void 0,
+        style: {
+          ...base,
+          background: v("primary"),
+          ...inline ? { position: "relative" } : edge === "bottom" ? { position: "fixed", bottom: 0, left: 0, right: 0, zIndex, paddingBottom: "env(safe-area-inset-bottom, 0px)" } : { position: "fixed", top: 0, left: 0, right: 0, zIndex },
+          borderRadius: 0
+        },
+        children: [
+          /* @__PURE__ */ jsx("style", { children: TEXT_CSS }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ref: panelRef,
+              style: {
+                // The bar sits on the accent, so everything on it flips: text and
+                // links take the accent's readable color, buttons invert.
+                ...designTokenCssVars({
+                  ...t,
+                  colors: { ...t.colors, text: t.colors.onPrimary, muted: t.colors.onPrimary, primary: t.colors.onPrimary, onPrimary: t.colors.primary, border: t.colors.onPrimary }
+                }),
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                flexWrap: "wrap",
+                gap: "8px 16px",
+                padding: "10px 16px",
+                maxWidth: 1200,
+                margin: "0 auto"
+              },
+              children: [
+                content,
+                close
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+  const panel = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: panelRef,
+      className: "sk-popup",
+      "data-sk-popup": "",
+      role: "dialog",
+      "aria-modal": modal ? true : void 0,
+      "aria-labelledby": hasHeading ? headingId : void 0,
+      "aria-label": hasHeading ? void 0 : "Message",
+      tabIndex: -1,
+      onClick: (e) => e.stopPropagation(),
+      style: {
+        ...base,
+        position: "relative",
+        width: placement === "slide-in" ? 340 : 440,
+        // Inline, the preview frame sets the width; 100vw would be the dashboard's.
+        maxWidth: inline ? "100%" : "calc(100vw - 32px)",
+        maxHeight: inline ? void 0 : "calc(100vh - 32px)",
+        overflowY: inline ? void 0 : "auto",
+        display: "flex",
+        flexDirection: "column",
+        gap: 14,
+        padding: placement === "slide-in" ? "22px 20px 20px" : "30px 28px 28px",
+        borderRadius: v("radius-card"),
+        border: `1px solid ${v("border")}`,
+        boxShadow: inline ? "none" : "0 24px 64px rgba(0, 0, 0, 0.22)",
+        outline: "none"
+      },
+      children: [
+        /* @__PURE__ */ jsx("style", { children: TEXT_CSS }),
+        close,
+        content
+      ]
+    }
+  );
+  if (inline) {
+    return /* @__PURE__ */ jsx("div", { ref: rootRef, "data-engage-element": elementId, style: { display: "flex", justifyContent: "center" }, children: panel });
+  }
+  if (placement === "slide-in") {
+    const [y, x] = corner.split("-");
+    return /* @__PURE__ */ jsx("div", { ref: rootRef, "data-engage-element": elementId, style: { position: "fixed", [y]: 16, [x]: 16, zIndex }, children: panel });
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: rootRef,
+      "data-engage-element": elementId,
+      onClick: onClose,
+      style: {
+        position: "fixed",
+        inset: 0,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: 16,
+        background: "rgba(0, 0, 0, 0.5)",
+        zIndex
+      },
+      children: panel
+    }
+  );
+}
+
+export { DEFAULT_POPUP_TOKENS, PopupBlocks };

package/dist/chunk-KPAZG65P.js

@@ -0,0 +1,138 @@
+import { isValidSlotId, SLOT_CONTENT_MAX_LENGTH, SLOTS_CONTRACT_VERSION, verifySlotContent } from './chunk-SS636UDN.js';
+import { resolveServerApiConfig } from './chunk-X6F6SO4S.js';
+import 'server-only';
+import { cache } from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+var warned = /* @__PURE__ */ new Set();
+function warnOnce(key, message) {
+  if (warned.has(key)) return;
+  warned.add(key);
+  console.warn(message);
+}
+async function fetchSlot(id, site, revalidate, fallback, page) {
+  if (!isValidSlotId(id)) {
+    warnOnce(`id:${id}`, `[site-kit/slots] Invalid slot id "${id}" (expected ${"`"}[a-z0-9-_.:]${"`"}, lowercase) \u2014 rendering fallback`);
+    return null;
+  }
+  const config = resolveServerApiConfig();
+  if (!config) {
+    warnOnce("no-key", "[site-kit/slots] SONOR_API_KEY is not set \u2014 all slots render their fallbacks");
+    return null;
+  }
+  try {
+    const response = await fetch(`${config.apiUrl}/api/public/slots/resolve`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "x-api-key": config.apiKey
+      },
+      body: JSON.stringify({
+        contract_version: SLOTS_CONTRACT_VERSION,
+        slots: [
+          {
+            id,
+            ...fallback ? { fallback: fallback.slice(0, SLOT_CONTENT_MAX_LENGTH) } : {},
+            ...page ? { page } : {}
+          }
+        ],
+        ...site ? { site } : {}
+      }),
+      next: { revalidate, tags: ["sonor-slots"] }
+    });
+    if (!response.ok) {
+      if (response.status !== 404) {
+        warnOnce(
+          `http:${response.status}`,
+          `[site-kit/slots] Resolve returned ${response.status} \u2014 rendering fallbacks`
+        );
+      }
+      await response.text().catch(() => {
+      });
+      return null;
+    }
+    const data = await response.json();
+    const payload = data?.slots?.[id];
+    if (!payload) return null;
+    if (!verifySlotContent(payload, config.apiKey)) {
+      warnOnce(
+        `sig:${id}`,
+        `[site-kit/slots] Dropped slot "${id}": payload failed shape/signature verification \u2014 rendering fallback`
+      );
+      return null;
+    }
+    return payload;
+  } catch (err) {
+    warnOnce("network", `[site-kit/slots] Resolve failed (${err?.message}) \u2014 rendering fallbacks`);
+    return null;
+  }
+}
+var getSlotCached = cache(
+  (id, site, revalidate, fallback, page) => fetchSlot(id, site, revalidate, fallback, page)
+);
+function getSlot(id, options = {}) {
+  const fallback = options.fallback?.trim() || void 0;
+  const page = options.page?.trim() || void 0;
+  return getSlotCached(id, options.site, options.revalidate ?? 300, fallback, page);
+}
+async function resolveSlots(ids, options = {}) {
+  const entries = await Promise.all(
+    ids.map(async (id) => [id, await getSlot(id, options)])
+  );
+  return Object.fromEntries(entries);
+}
+async function ManagedSlot({
+  id,
+  children,
+  site,
+  revalidate,
+  page
+}) {
+  const fallback = typeof children === "string" ? children : void 0;
+  const managed = await getSlot(id, { site, revalidate, fallback, page });
+  return /* @__PURE__ */ jsx(Fragment, { children: managed ? managed.content : children });
+}
+var ManagedSlot_default = ManagedSlot;
+
+// src/slots/revalidate.ts
+var SLOTS_CACHE_TAG = "sonor-slots";
+function createSlotsRevalidateHandler(secret, options) {
+  return async function POST(request) {
+    try {
+      const authHeader = request.headers.get("authorization");
+      const url = new URL(request.url);
+      const tokenFromQuery = url.searchParams.get("secret");
+      const token = authHeader?.replace(/^Bearer\s+/i, "") || tokenFromQuery;
+      if (!secret || token !== secret) {
+        return new Response(JSON.stringify({ error: "Invalid secret" }), {
+          status: 401,
+          headers: { "Content-Type": "application/json" }
+        });
+      }
+      let revalidateTag;
+      if (options?.revalidateTag) {
+        revalidateTag = options.revalidateTag;
+      } else {
+        const nextCache = await import('next/cache.js');
+        const impl = nextCache.revalidateTag;
+        revalidateTag = (tag) => impl(tag, "max");
+      }
+      const tags = [SLOTS_CACHE_TAG, ...options?.extraTags || []];
+      for (const tag of tags) {
+        revalidateTag(tag);
+      }
+      return new Response(JSON.stringify({ revalidated: true, tags }), {
+        status: 200,
+        headers: { "Content-Type": "application/json" }
+      });
+    } catch (err) {
+      console.error("[site-kit/slots] Revalidation failed:", err);
+      return new Response(JSON.stringify({ error: "Revalidation failed" }), {
+        status: 500,
+        headers: { "Content-Type": "application/json" }
+      });
+    }
+  };
+}
+
+export { ManagedSlot, ManagedSlot_default, SLOTS_CACHE_TAG, createSlotsRevalidateHandler, getSlot, resolveSlots };