@nivaro/react 0.3.23 → 0.3.25

package/dist/shared/components/item-edit/RawEditSheet.js

@@ -1,51 +1,52 @@
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { useQueryClient as V, useQuery as K } from "@tanstack/react-query";
-import { Wrench as X, ShieldAlert as Y, Loader2 as Q } from "lucide-react";
-import { useState as w, useMemo as U } from "react";
-import { toast as T } from "sonner";
+import { jsx as l, jsxs as f } from "react/jsx-runtime";
+import { useQueryClient as V, useQuery as U } from "@tanstack/react-query";
+import { Wrench as X, ShieldAlert as Y, Loader2 as F } from "lucide-react";
+import { useState as w, useMemo as K } from "react";
+import { toast as Q } from "sonner";
 import { useNivaroClient as Z } from "../../context.js";
 import { get as C, patch as I, del as ee, post as te } from "../../lib/commands.js";
-import { titleCase as W } from "../../lib/utils.js";
-import { Button as A } from "../ui/button.js";
-import { Sheet as ne, SheetContent as ae, SheetHeader as se, SheetTitle as re } from "../ui/sheet.js";
+import { titleCase as T } from "../../lib/utils.js";
+import { Button as W } from "../ui/button.js";
+import { Sheet as ne, SheetContent as ae, SheetHeader as re, SheetTitle as se } from "../ui/sheet.js";
 import { ChangeReasonDialog as ie, changeReasonChallenge as le } from "./ChangeReasonDialog.js";
 import { FieldRenderer as oe } from "./FieldRenderer.js";
 import { M2MCombobox as ce, m2aWriteMeta as de } from "./M2MCombobox.js";
 import { M2MStagingContext as me } from "./M2MStagingContext.js";
-function E(a, i) {
-  const f = (p) => p == null || p === "";
-  return f(a) && f(i) ? !0 : typeof a == "number" || typeof i == "number" ? Number(a) === Number(i) : typeof a == "boolean" || typeof i == "boolean" ? String(a) === String(i) : typeof a == "object" || typeof i == "object" ? JSON.stringify(a) === JSON.stringify(i) : String(a) === String(i);
+import { invalidateM2MFor as fe } from "./m2m-invalidate.js";
+function A(a, i) {
+  const u = (p) => p == null || p === "";
+  return u(a) && u(i) ? !0 : typeof a == "number" || typeof i == "number" ? Number(a) === Number(i) : typeof a == "boolean" || typeof i == "boolean" ? String(a) === String(i) : typeof a == "object" || typeof i == "object" ? JSON.stringify(a) === JSON.stringify(i) : String(a) === String(i);
 }
-function F(a) {
+function E(a) {
   if (a == null || a === "") return "∅";
   const i = typeof a == "object" ? JSON.stringify(a) : String(a);
   return i.length > 60 ? `${i.slice(0, 57)}…` : i;
 }
-function Me({
+function qe({
   collection: a,
   itemId: i,
-  open: f,
+  open: u,
   onClose: p,
   onSaved: S
 }) {
-  const h = Z(), _ = V(), [m, M] = w({}), [g, v] = w(/* @__PURE__ */ new Map()), [y, N] = w(/* @__PURE__ */ new Map()), [k, L] = w(!1), [J, j] = w(null), { data: c } = K({
+  const h = Z(), M = V(), [m, _] = w({}), [g, v] = w(/* @__PURE__ */ new Map()), [x, N] = w(/* @__PURE__ */ new Map()), [k, L] = w(!1), [J, j] = w(null), { data: c } = U({
     queryKey: ["raw-edit-config", a],
     queryFn: async () => {
-      const [e, s] = await Promise.all([
-        h.request(C(`/field-config/${a}`)).then((r) => r.data ?? []),
-        h.request(C(`/collections/${a}`)).then((r) => r.data)
+      const [e, r] = await Promise.all([
+        h.request(C(`/field-config/${a}`)).then((s) => s.data ?? []),
+        h.request(C(`/collections/${a}`)).then((s) => s.data)
       ]);
-      return { fields: e, relations: s.relations ?? [] };
+      return { fields: e, relations: r.relations ?? [] };
     },
-    enabled: f,
+    enabled: u,
     staleTime: 6e4
-  }), { data: o, isLoading: P } = K({
+  }), { data: o, isLoading: P } = U({
     queryKey: ["raw-edit-record", a, i],
     queryFn: () => h.request(C(`/items/${a}/${i}`)).then((e) => e.data),
-    enabled: f,
+    enabled: u,
     staleTime: 0
-  }), D = U(() => {
-    const e = (c == null ? void 0 : c.fields) ?? [], s = (c == null ? void 0 : c.relations) ?? [], r = (t) => s.some((n) => n.one_collection === a && n.one_field === t.field);
+  }), D = K(() => {
+    const e = (c == null ? void 0 : c.fields) ?? [], r = (c == null ? void 0 : c.relations) ?? [], s = (t) => r.some((n) => n.one_collection === a && n.one_field === t.field);
     return e.filter((t) => !t.field.startsWith("__")).map((t) => ({
       // Strip every conditional/curation config — raw mode ignores them all
       field: {
@@ -56,64 +57,64 @@ function Me({
         lock_condition: null,
         dependency_config: null
       },
-      alias: r(t),
-      m2mRel: s.find(
+      alias: s(t),
+      m2mRel: r.find(
         (n) => n.one_collection === a && n.one_field === t.field && n.junction_field != null
       )
     })).sort((t, n) => (t.field.sort ?? 0) - (n.field.sort ?? 0));
   }, [c, a]), q = (c == null ? void 0 : c.relations) ?? [], O = (e) => q.find(
-    (s) => s.one_collection === a && s.one_field === e && s.junction_field != null
-  ), B = U(
+    (r) => r.one_collection === a && r.one_field === e && r.junction_field != null
+  ), B = K(
     () => ({
       getStagedLinks: (e) => g.get(e) ?? [],
-      getStagedUnlinks: (e) => y.get(e) ?? /* @__PURE__ */ new Set(),
-      stageLink: (e, s) => v((r) => {
-        const t = new Map(r);
-        return t.set(e, [...t.get(e) ?? [], s]), t;
+      getStagedUnlinks: (e) => x.get(e) ?? /* @__PURE__ */ new Set(),
+      stageLink: (e, r) => v((s) => {
+        const t = new Map(s);
+        return t.set(e, [...t.get(e) ?? [], r]), t;
       }),
-      unstageLink: (e, s) => v((r) => {
-        const t = new Map(r);
+      unstageLink: (e, r) => v((s) => {
+        const t = new Map(s);
         return t.set(
           e,
-          (t.get(e) ?? []).filter((n) => String(n) !== String(s))
+          (t.get(e) ?? []).filter((n) => String(n) !== String(r))
         ), t;
       }),
-      stageUnlink: (e, s) => N((r) => {
-        const t = new Map(r), n = new Set(t.get(e) ?? []);
-        return n.add(s), t.set(e, n), t;
+      stageUnlink: (e, r) => N((s) => {
+        const t = new Map(s), n = new Set(t.get(e) ?? []);
+        return n.add(r), t.set(e, n), t;
       }),
-      unstageUnlink: (e, s) => N((r) => {
-        const t = new Map(r), n = new Set(t.get(e) ?? []);
-        return n.delete(s), t.set(e, n), t;
+      unstageUnlink: (e, r) => N((s) => {
+        const t = new Map(s), n = new Set(t.get(e) ?? []);
+        return n.delete(r), t.set(e, n), t;
       })
     }),
-    [g, y]
-  ), H = [...g.values()].some((e) => e.length > 0) || [...y.values()].some((e) => e.size > 0), R = Object.keys(m).length > 0 || H, z = async (e) => {
-    var s;
+    [g, x]
+  ), H = [...g.values()].some((e) => e.length > 0) || [...x.values()].some((e) => e.size > 0), R = Object.keys(m).length > 0 || H, z = async (e) => {
+    var r;
     L(!0);
     try {
       if (Object.keys(m).length > 0) {
         const t = { ...m };
         e && (t._change_reason = e), await h.request(I(`/items/${a}/${i}`, t));
       }
-      const r = [];
-      for (const [t, n] of y.entries()) {
+      const s = [];
+      for (const [t, n] of x.entries()) {
         if (!n.size) continue;
         const d = O(t);
         if (d)
-          for (const x of n)
-            r.push(h.request(ee(`/items/${d.many_collection}/${x}`)).catch(() => {
+          for (const y of n)
+            s.push(h.request(ee(`/items/${d.many_collection}/${y}`)).catch(() => {
             }));
       }
       for (const [t, n] of g.entries()) {
         if (!n.length) continue;
         const d = O(t);
         if (!d) continue;
-        const x = q.find(
+        const y = q.find(
           (b) => b.many_collection === d.many_collection && b.many_field === d.junction_field && b.id !== d.id
-        ), $ = de(x), G = $ ? { [$.field]: $.value } : {};
+        ), $ = de(y), G = $ ? { [$.field]: $.value } : {};
         for (const b of n)
-          r.push(
+          s.push(
             h.request(
               te(`/items/${d.many_collection}`, {
                 [d.many_field ?? ""]: i,
@@ -124,15 +125,15 @@ function Me({
             })
           );
       }
-      await Promise.all(r), T.success("Raw changes saved"), M({}), v(/* @__PURE__ */ new Map()), N(/* @__PURE__ */ new Map()), _.invalidateQueries({ queryKey: ["item", a, String(i)] }), _.invalidateQueries({ queryKey: ["raw-edit-record", a, i] }), _.invalidateQueries({ queryKey: ["m2m-items"] }), S == null || S(), p();
-    } catch (r) {
-      const t = le(r);
+      await Promise.all(s), Q.success("Raw changes saved"), _({}), v(/* @__PURE__ */ new Map()), N(/* @__PURE__ */ new Map()), M.invalidateQueries({ queryKey: ["item", a, String(i)] }), M.invalidateQueries({ queryKey: ["raw-edit-record", a, i] }), fe(M, [i]), S == null || S(), p();
+    } catch (s) {
+      const t = le(s);
       if (t) {
         j(t);
         return;
       }
-      const n = r == null ? void 0 : r.response;
-      T.error(((s = n == null ? void 0 : n.data) == null ? void 0 : s.error) ?? (n == null ? void 0 : n.error) ?? "Save failed");
+      const n = s == null ? void 0 : s.response;
+      Q.error(((r = n == null ? void 0 : n.data) == null ? void 0 : r.error) ?? (n == null ? void 0 : n.error) ?? "Save failed");
     } finally {
       L(!1);
     }
@@ -140,60 +141,60 @@ function Me({
   return /* @__PURE__ */ l(
     ne,
     {
-      open: f,
+      open: u,
       onOpenChange: (e) => {
-        e || k || (M({}), v(/* @__PURE__ */ new Map()), N(/* @__PURE__ */ new Map()), p());
+        e || k || (_({}), v(/* @__PURE__ */ new Map()), N(/* @__PURE__ */ new Map()), p());
       },
-      children: /* @__PURE__ */ u(
+      children: /* @__PURE__ */ f(
         ae,
         {
           side: "right",
           className: "flex w-[1040px] max-w-[94vw] flex-col p-0 sm:max-w-[94vw]",
           children: [
-            /* @__PURE__ */ l(se, { className: "shrink-0 border-b border-slate-200 px-5 py-3 dark:border-border", children: /* @__PURE__ */ u(re, { className: "flex items-center gap-2 text-[14px]", children: [
+            /* @__PURE__ */ l(re, { className: "shrink-0 border-b border-slate-200 px-5 py-3 dark:border-border", children: /* @__PURE__ */ f(se, { className: "flex items-center gap-2 text-[14px]", children: [
               /* @__PURE__ */ l(X, { className: "h-4 w-4 text-nvr-cyan" }),
               "Raw edit — ",
-              W(a),
+              T(a),
               " #",
               i
             ] }) }),
-            /* @__PURE__ */ u("p", { className: "flex shrink-0 items-center gap-2 border-b border-amber-200 bg-amber-50 px-5 py-2 text-[12px] text-amber-800 dark:border-amber-500/20 dark:bg-amber-500/10 dark:text-amber-300", children: [
+            /* @__PURE__ */ f("p", { className: "flex shrink-0 items-center gap-2 border-b border-amber-200 bg-amber-50 px-5 py-2 text-[12px] text-amber-800 dark:border-amber-500/20 dark:bg-amber-500/10 dark:text-amber-300", children: [
               /* @__PURE__ */ l(Y, { className: "h-3.5 w-3.5 shrink-0" }),
               "Admin raw mode — visibility rules, locks, cascades and layout restrictions are bypassed. Server-side validation still applies. Every change is recorded in the revision history."
             ] }),
-            /* @__PURE__ */ l("div", { className: "min-h-0 flex-1 overflow-y-auto px-5 py-4", children: P || !c ? /* @__PURE__ */ l("div", { className: "flex justify-center py-10", children: /* @__PURE__ */ l(Q, { className: "h-5 w-5 animate-spin text-slate-400" }) }) : /* @__PURE__ */ l("div", { className: "space-y-3", children: D.map(({ field: e, alias: s, m2mRel: r }) => {
-              const t = e.field in m ? m[e.field] : o == null ? void 0 : o[e.field], n = e.field in m && !E(m[e.field], o == null ? void 0 : o[e.field]);
-              return /* @__PURE__ */ u(
+            /* @__PURE__ */ l("div", { className: "min-h-0 flex-1 overflow-y-auto px-5 py-4", children: P || !c ? /* @__PURE__ */ l("div", { className: "flex justify-center py-10", children: /* @__PURE__ */ l(F, { className: "h-5 w-5 animate-spin text-slate-400" }) }) : /* @__PURE__ */ l("div", { className: "space-y-3", children: D.map(({ field: e, alias: r, m2mRel: s }) => {
+              const t = e.field in m ? m[e.field] : o == null ? void 0 : o[e.field], n = e.field in m && !A(m[e.field], o == null ? void 0 : o[e.field]);
+              return /* @__PURE__ */ f(
                 "div",
                 {
                   className: `grid grid-cols-[220px_1fr] items-start gap-3 rounded-md ${n ? "-mx-2 bg-amber-50 px-2 py-1 ring-1 ring-amber-200 dark:bg-amber-400/10 dark:ring-amber-500/30" : ""}`,
                   "data-raw-changed": n ? e.field : void 0,
                   "data-raw-field": e.field,
                   children: [
-                    /* @__PURE__ */ u("div", { className: "pt-1.5", children: [
-                      /* @__PURE__ */ u("p", { className: "text-[12px] font-medium text-slate-700 dark:text-slate-200", children: [
-                        e.label || W(e.field),
+                    /* @__PURE__ */ f("div", { className: "pt-1.5", children: [
+                      /* @__PURE__ */ f("p", { className: "text-[12px] font-medium text-slate-700 dark:text-slate-200", children: [
+                        e.label || T(e.field),
                         n && /* @__PURE__ */ l("span", { className: "ml-1.5 rounded bg-amber-200/70 px-1 text-[9px] font-semibold uppercase tracking-wide text-amber-900 dark:bg-amber-500/20 dark:text-amber-200", children: "changed" })
                       ] }),
                       /* @__PURE__ */ l("p", { className: "font-mono text-[10.5px] text-slate-400", children: e.field }),
-                      n && /* @__PURE__ */ u(
+                      n && /* @__PURE__ */ f(
                         "p",
                         {
                           className: "mt-0.5 truncate text-[10.5px] text-slate-400",
-                          "data-tip": `Was: ${F(o == null ? void 0 : o[e.field])}`,
+                          "data-tip": `Was: ${E(o == null ? void 0 : o[e.field])}`,
                           children: [
                             "was ",
-                            F(o == null ? void 0 : o[e.field])
+                            E(o == null ? void 0 : o[e.field])
                           ]
                         }
                       )
                     ] }),
-                    e.field === "id" ? /* @__PURE__ */ l("p", { className: "pt-1.5 font-mono text-[12px] text-slate-500", children: String(t ?? "") }) : s && r ? /* @__PURE__ */ l(me.Provider, { value: B, children: /* @__PURE__ */ l(ce, { relation: r, parentId: i, allRelations: q }) }) : s ? /* @__PURE__ */ l("p", { className: "pt-1.5 text-[11.5px] italic text-slate-400", children: "Child rows (one-to-many) — edit through the normal form" }) : /* @__PURE__ */ l(
+                    e.field === "id" ? /* @__PURE__ */ l("p", { className: "pt-1.5 font-mono text-[12px] text-slate-500", children: String(t ?? "") }) : r && s ? /* @__PURE__ */ l(me.Provider, { value: B, children: /* @__PURE__ */ l(ce, { relation: s, parentId: i, allRelations: q }) }) : r ? /* @__PURE__ */ l("p", { className: "pt-1.5 text-[11.5px] italic text-slate-400", children: "Child rows (one-to-many) — edit through the normal form" }) : /* @__PURE__ */ l(
                       oe,
                       {
                         field: e,
                         value: t,
-                        onChange: (d) => M((x) => ({ ...x, [e.field]: d })),
+                        onChange: (d) => _((y) => ({ ...y, [e.field]: d })),
                         relations: c.relations,
                         collection: a,
                         itemId: i
@@ -204,15 +205,15 @@ function Me({
                 e.field
               );
             }) }) }),
-            /* @__PURE__ */ u("div", { className: "flex shrink-0 items-center justify-between gap-3 border-t border-slate-200 px-5 py-3 dark:border-border", children: [
+            /* @__PURE__ */ f("div", { className: "flex shrink-0 items-center justify-between gap-3 border-t border-slate-200 px-5 py-3 dark:border-border", children: [
               /* @__PURE__ */ l("span", { className: "text-[11.5px] text-slate-400", children: (() => {
                 if (!R) return "No changes yet";
-                const e = Object.keys(m).filter((s) => !E(m[s], o == null ? void 0 : o[s])).length + [...g.values()].filter((s) => s.length > 0).length + [...y.values()].filter((s) => s.size > 0).length;
+                const e = Object.keys(m).filter((r) => !A(m[r], o == null ? void 0 : o[r])).length + [...g.values()].filter((r) => r.length > 0).length + [...x.values()].filter((r) => r.size > 0).length;
                 return e === 0 ? "No changes yet" : `${e} field${e !== 1 ? "s" : ""} changed`;
               })() }),
-              /* @__PURE__ */ u("div", { className: "flex gap-2", children: [
-                /* @__PURE__ */ l(A, { variant: "outline", size: "sm", onClick: p, disabled: k, children: "Cancel" }),
-                /* @__PURE__ */ l(A, { size: "sm", onClick: () => void z(), disabled: !R || k, children: k ? /* @__PURE__ */ l(Q, { className: "h-3.5 w-3.5 animate-spin" }) : "Save raw changes" })
+              /* @__PURE__ */ f("div", { className: "flex gap-2", children: [
+                /* @__PURE__ */ l(W, { variant: "outline", size: "sm", onClick: p, disabled: k, children: "Cancel" }),
+                /* @__PURE__ */ l(W, { size: "sm", onClick: () => void z(), disabled: !R || k, children: k ? /* @__PURE__ */ l(F, { className: "h-3.5 w-3.5 animate-spin" }) : "Save raw changes" })
               ] })
             ] }),
             /* @__PURE__ */ l(
@@ -232,5 +233,5 @@ function Me({
   );
 }
 export {
-  Me as RawEditSheet
+  qe as RawEditSheet
 };

package/dist/shared/components/item-edit/RowMatchPanel.js

@@ -5,7 +5,7 @@ import { useMemo as O } from "react";
 import { get as V } from "../../lib/commands.js";
 import { evaluateNumeric as ee } from "../../lib/expression.js";
 import { cn as W } from "../../lib/utils.js";
-import "../../lib/field-interfaces.js";
+import "./FieldRenderer.js";
 import { resolveOptionFilterTokens as te } from "../../lib/option-filter-tokens.js";
 const U = (t, e) => e.split(".").reduce(
   (a, s) => a && typeof a == "object" ? a[s] : void 0,

package/dist/shared/components/item-edit/m2m-invalidate.js

@@ -0,0 +1,19 @@
+function r(t, i) {
+  const o = /* @__PURE__ */ new Set();
+  for (const e of i) o.add(String(e));
+  const n = (e) => e.length > 3 && o.has(String(e[3]));
+  t.invalidateQueries({ queryKey: ["m2m-items"], predicate: (e) => n(e.queryKey) }), t.invalidateQueries({
+    queryKey: ["m2m-items"],
+    predicate: (e) => !n(e.queryKey),
+    refetchType: "none"
+  });
+}
+function s(t) {
+  const i = [];
+  for (const o of t.values()) for (const n of o.keys()) i.push(String(n));
+  return i;
+}
+export {
+  s as editedRowIds,
+  r as invalidateM2MFor
+};

package/dist/shared/components/item-edit/record-lookups.js

@@ -0,0 +1,15 @@
+const t = /* @__PURE__ */ new Map();
+function r(o, e) {
+  if (t.delete(o), t.set(o, { role: e.role, state: e.state }), t.size > 200) {
+    const s = t.keys().next().value;
+    s !== void 0 && t.delete(s);
+  }
+}
+function n(o) {
+  const e = t.get(o);
+  return e && (e.role || e.state) ? e : null;
+}
+export {
+  n as recordLookupsFor,
+  r as rememberRecordLookups
+};

package/dist/shared/components/item-edit/render-stability.js

@@ -0,0 +1,147 @@
+import { useRef as S, useLayoutEffect as v, useMemo as a } from "react";
+function C(e, t) {
+  if (Object.is(e, t)) return !0;
+  if (e == null || t == null || typeof e != "object" || typeof t != "object") return !1;
+  try {
+    return JSON.stringify(e) === JSON.stringify(t);
+  } catch {
+    return !1;
+  }
+}
+function E(e, t) {
+  if (Object.is(e, t)) return !0;
+  if (!e || !t) return !1;
+  const n = Object.keys(e);
+  if (n.length !== Object.keys(t).length) return !1;
+  for (const o of n) if (!Object.hasOwn(t, o) || !Object.is(e[o], t[o])) return !1;
+  return !0;
+}
+function b(e, t, n) {
+  const o = e.current;
+  return o !== void 0 && n(o, t) ? o : (e.current = t, t);
+}
+function j(e, t) {
+  const n = S(void 0);
+  return b(n, e, t);
+}
+function L(e, t) {
+  const n = Object.keys(e);
+  if (n.length !== Object.keys(t).length) return !1;
+  for (const o of n) {
+    const s = e[o], r = t[o];
+    if (!r || s.label !== r.label || s.count !== r.count) return !1;
+  }
+  return !0;
+}
+function T(e) {
+  const t = S(e);
+  v(() => {
+    t.current = e;
+  });
+  const n = a(
+    () => ({
+      dismissRemoteChange: (c) => t.current.dismissRemoteChange(c),
+      takeRemoteChange: (c) => {
+        var u, f;
+        return (f = (u = t.current).takeRemoteChange) == null ? void 0 : f.call(u, c);
+      },
+      onLockHover: () => {
+        var c, u;
+        return (u = (c = t.current).onLockHover) == null ? void 0 : u.call(c);
+      },
+      openRelated: (c, u) => {
+        var f, i;
+        return (i = (f = t.current).openRelated) == null ? void 0 : i.call(f, c, u);
+      }
+    }),
+    []
+  ), o = j(e.lockReasons, E), s = j(e.applyToLines, L), r = a(() => {
+    const c = {};
+    for (const [u, f] of Object.entries(s))
+      c[u] = {
+        ...f,
+        onApply: (i) => {
+          var d;
+          return (d = t.current.applyToLines[u]) == null ? void 0 : d.onApply(i);
+        }
+      };
+    return c;
+  }, [s]), l = !!e.takeRemoteChange, p = !!e.onLockHover, y = !!e.openRelated, { remoteChanges: h, layoutId: g, pickerMisses: k, fromAutofill: O, glossaryHelp: R, placementText: m } = e;
+  return a(
+    () => ({
+      remoteChanges: h,
+      dismissRemoteChange: n.dismissRemoteChange,
+      takeRemoteChange: l ? n.takeRemoteChange : void 0,
+      lockReasons: o,
+      onLockHover: p ? n.onLockHover : void 0,
+      applyToLines: r,
+      openRelated: y ? n.openRelated : void 0,
+      layoutId: g,
+      pickerMisses: k,
+      fromAutofill: O,
+      glossaryHelp: R,
+      placementText: m
+    }),
+    [
+      h,
+      n,
+      l,
+      o,
+      p,
+      r,
+      y,
+      g,
+      k,
+      O,
+      R,
+      m
+    ]
+  );
+}
+function q(e, t) {
+  if (e.size !== t.size) return !1;
+  for (const n of e) if (!t.has(n)) return !1;
+  return !0;
+}
+function A(e, t) {
+  if (e.length !== t.length) return !1;
+  for (let n = 0; n < e.length; n++) if (!Object.is(e[n], t[n])) return !1;
+  return !0;
+}
+const P = /* @__PURE__ */ new Set(["summaryFields", "swapConfig", "alternateWidths"]), w = /* @__PURE__ */ new Set(["onToggle", "onSwapToggle"]);
+function N(e, t) {
+  const n = Object.keys(e);
+  if (n.length !== Object.keys(t).length) return !1;
+  for (const o of n) {
+    if (!Object.hasOwn(t, o)) return !1;
+    const s = e[o], r = t[o];
+    if (!Object.is(s, r)) {
+      if (w.has(o)) {
+        if (typeof s == "function" && typeof r == "function") continue;
+        return !1;
+      }
+      if (P.has(o)) {
+        if (C(s, r)) continue;
+        return !1;
+      }
+      if (s instanceof Set && r instanceof Set) {
+        if (q(s, r)) continue;
+        return !1;
+      }
+      if (Array.isArray(s) && Array.isArray(r)) {
+        if (A(s, r)) continue;
+        return !1;
+      }
+      return !1;
+    }
+  }
+  return !0;
+}
+export {
+  N as groupSectionPropsEqual,
+  C as jsonEqual,
+  b as keepIfEqual,
+  E as shallowRecordEqual,
+  j as useKeepIfEqual,
+  T as useStableFieldAffordances
+};

package/dist/shared/components/layout-editor/FormMapButton.js

@@ -55,9 +55,9 @@ function H({
   collection: i,
   onClose: c
 }) {
-  const a = L(i), l = j(i), d = B(!0), t = a.data, n = l.data ?? [], s = d.data ?? [], p = a.isError || l.isError || d.isError, k = () => {
+  const a = L(i), l = j(i), d = B(!0), t = a.data, n = l.data ?? [], s = d.data ?? [], p = a.isError || l.isError || d.isError, w = () => {
     a.isError && a.refetch(), l.isError && l.refetch(), d.isError && d.refetch();
-  }, u = f(null), h = f(null), w = F(() => {
+  }, u = f(null), h = f(null), k = F(() => {
     const r = D({
       bundle: o,
       collectionLabel: (t == null ? void 0 : t.label) || i,
@@ -119,14 +119,15 @@ function H({
             }
           )
         ] }),
-        /* @__PURE__ */ e("div", { className: "min-h-0 flex-1 overflow-hidden p-4 sm:p-6", children: p ? /* @__PURE__ */ e("div", { className: "mx-auto max-w-[900px] rounded-md border border-slate-200 bg-white p-4 dark:border-border dark:bg-card", children: /* @__PURE__ */ e(R, { what: "the field labels and roles for the map", onRetry: k }) }) : (
+        /* @__PURE__ */ e("div", { className: "min-h-0 flex-1 overflow-hidden p-4 sm:p-6", children: p ? /* @__PURE__ */ e("div", { className: "mx-auto max-w-[900px] rounded-md border border-slate-200 bg-white p-4 dark:border-border dark:bg-card", children: /* @__PURE__ */ e(R, { what: "the field labels and roles for the map", onRetry: w }) }) : (
           // The page itself is always light: it is paper.
           /* @__PURE__ */ e(
             "iframe",
             {
               ref: u,
               title: "Form map preview",
-              srcDoc: w,
+              srcDoc: k,
+              sandbox: "allow-same-origin allow-modals",
               "data-form-map-frame": "",
               className: "mx-auto block h-full w-full max-w-[900px] rounded-md border border-slate-300 bg-white shadow-lg dark:border-border"
             }

package/dist/shared/components/notifications/DeliveryChips.js

@@ -1,17 +1,17 @@
 import { jsx as m, jsxs as f, Fragment as h } from "react/jsx-runtime";
-import { Inbox as b, Bell as u, Mail as k, MessageSquare as x } from "lucide-react";
-const y = {
+import { Inbox as b, Bell as u, Mail as k, Users as x, MessageSquare as y } from "lucide-react";
+const g = {
   ok: "text-emerald-700 dark:text-emerald-400",
   muted: "text-slate-400 dark:text-slate-500",
   warn: "text-amber-700 dark:text-amber-400",
   bad: "text-red-600 dark:text-red-400"
 };
-function $(i) {
-  return c(i);
+function S(n) {
+  return c(n);
 }
-function c(i) {
-  var o, a, r, n;
-  const e = i ?? { inapp: { status: "delivered" } }, s = [], l = ((o = e.inapp) == null ? void 0 : o.status) ?? "delivered";
+function c(n) {
+  var o, a, r, i;
+  const e = n ?? { inapp: { status: "delivered" } }, s = [], l = ((o = e.inapp) == null ? void 0 : o.status) ?? "delivered";
   if (s.push({
     key: "inapp",
     icon: b,
@@ -39,41 +39,51 @@ function c(i) {
       mailLogId: e.email.mail_log_id ?? null
     });
   }
-  return ((r = e.escalation) != null && r.email_at || (n = e.escalation) != null && n.push_at) && s.push({
+  if (((r = e.escalation) != null && r.email_at || (i = e.escalation) != null && i.push_at) && s.push({
     key: "escalation",
     icon: u,
     label: e.escalation.email_at ? "Escalated · email" : "Escalated · push",
     tone: "warn",
     tip: `Still unread, so it climbed channels${e.escalation.push_at ? ` · pushed ${new Date(e.escalation.push_at).toLocaleString()}` : ""}${e.escalation.email_at ? ` · emailed ${new Date(e.escalation.email_at).toLocaleString()}` : ""}`,
     mailLogId: e.escalation.email_log_id ?? null
-  }), e.sms && e.sms.status !== "not_requested" && s.push({
+  }), e.teams) {
+    const t = e.teams.status;
+    s.push({
+      key: "teams",
+      icon: x,
+      label: t === "sent" ? "Teams" : `Teams · ${t.replace(/_/g, " ")}`,
+      tone: t === "sent" ? "ok" : t === "failed" ? "bad" : "muted",
+      tip: t === "sent" ? "Sent in Microsoft Teams" : t === "not_connected" ? "Teams not connected" : e.teams.reason ?? `Teams ${t}`
+    });
+  }
+  return e.sms && e.sms.status !== "not_requested" && s.push({
     key: "sms",
-    icon: x,
+    icon: y,
     label: "SMS",
     tone: e.sms.status === "sent" ? "ok" : e.sms.status === "failed" ? "bad" : "muted",
     tip: e.sms.status === "sent" ? "Text sent" : e.sms.reason ?? `SMS ${e.sms.status}`
   }), s;
 }
-function w({ delivery: i, mailLogUrl: e, onNavigate: s, className: l }) {
-  const o = c(i);
+function w({ delivery: n, mailLogUrl: e, onNavigate: s, className: l }) {
+  const o = c(n);
   return /* @__PURE__ */ m(
     "span",
     {
       className: `inline-flex flex-wrap items-center gap-1 ${l ?? ""}`,
       "data-nvr-delivery": !0,
       children: o.map((a) => {
-        const r = a.icon, n = a.mailLogId != null && e ? e(a.mailLogId) : null, t = /* @__PURE__ */ f(h, { children: [
+        const r = a.icon, i = a.mailLogId != null && e ? e(a.mailLogId) : null, t = /* @__PURE__ */ f(h, { children: [
           /* @__PURE__ */ m(r, { className: "h-2.5 w-2.5", strokeWidth: 2 }),
           a.label
-        ] }), d = `inline-flex items-center gap-0.5 rounded border border-slate-200/70 px-1 py-px text-[9.5px] font-medium leading-none dark:border-border ${y[a.tone]}`;
-        return n ? /* @__PURE__ */ m(
+        ] }), d = `inline-flex items-center gap-0.5 rounded border border-slate-200/70 px-1 py-px text-[9.5px] font-medium leading-none dark:border-border ${g[a.tone]}`;
+        return i ? /* @__PURE__ */ m(
           "button",
           {
             type: "button",
             "data-tip": `${a.tip} · open mail log`,
             title: a.tip,
             onClick: (p) => {
-              p.stopPropagation(), s == null || s(n);
+              p.stopPropagation(), s == null || s(i);
             },
             className: `${d} underline decoration-dotted underline-offset-2`,
             children: t
@@ -86,5 +96,5 @@ function w({ delivery: i, mailLogUrl: e, onNavigate: s, className: l }) {
 }
 export {
   w as DeliveryChips,
-  $ as describeDelivery
+  S as describeDelivery
 };