@nivaro/react 0.3.26 → 0.3.28

package/dist/hooks/useSessionRecorder.js

@@ -9,7 +9,7 @@ import { noteReplayEvent as _e, createReplayCheckoutState as De } from "../share
 import { emitReplayTap as Te, setReplayRecorderMode as N, registerReplayCapture as qe, clipEndOffset as Le, withClipKind as Pe } from "../shared/lib/replay-capture.js";
 import { instrumentConsole as Ne, instrumentRequests as Fe, redactSecrets as Me } from "../shared/lib/replay-context.js";
 import { instrumentSocket as Oe } from "../shared/lib/replay-socket.js";
-const Ue = "nivaro-react@0.3.26", j = 1e4, We = 150, He = 3e3, Ke = 600, $e = (n) => `nvr_replay_resume${n ? `:${n}` : ""}`, G = () => typeof navigator > "u" || navigator.onLine !== !1;
+const Ue = "nivaro-react@0.3.28", j = 1e4, We = 150, He = 3e3, Ke = 600, $e = (n) => `nvr_replay_resume${n ? `:${n}` : ""}`, G = () => typeof navigator > "u" || navigator.onLine !== !1;
 function Be(n) {
   return typeof n.url != "string" || typeof fetch != "function" ? null : (f, a) => {
     const u = typeof n.getToken == "function" ? n.getToken() : void 0, d = { "Content-Type": "application/json" };

package/dist/shared/components/panels/ItemLockBanner.js

@@ -1,229 +1,283 @@
-import { jsxs as y, jsx as k } from "react/jsx-runtime";
-import { QueryClientContext as Le } from "@tanstack/react-query";
-import { Lock as H, LockOpen as ne } from "lucide-react";
-import { useContext as Ee, useState as _, useRef as A, useCallback as w, useEffect as N } from "react";
-import { toast as u } from "sonner";
-import { useNivaroClient as Re, useItemEditAuth as Ce } from "../../context.js";
-import { post as C, get as Se, del as K } from "../../lib/commands.js";
-import { idleState as qe } from "../../lib/idle.js";
-import { useOptionalRealtime as ae, updateTouches as Ae } from "../../lib/realtime.js";
-import { announceRecordTabs as se, useRecordTabsSignal as Te } from "../../lib/record-tabs.js";
-import { Button as O } from "../ui/button.js";
-import { Popover as oe, PopoverTrigger as ie, PopoverContent as le } from "../ui/popover.js";
-const Ie = 6e4, Ye = 2 * 6e4, Oe = 3e4, De = 6e4, Me = 15e3;
-function je() {
-  const [t, r] = _(
+import { jsxs as x, jsx as h } from "react/jsx-runtime";
+import { QueryClientContext as Se } from "@tanstack/react-query";
+import { Lock as Z, LockOpen as ie } from "lucide-react";
+import { useContext as qe, useState as L, useRef as A, useCallback as p, useEffect as N } from "react";
+import { toast as l } from "sonner";
+import { useNivaroClient as Ie, useItemEditAuth as Te } from "../../context.js";
+import { post as I, get as Ae, del as K } from "../../lib/commands.js";
+import { idleState as Oe } from "../../lib/idle.js";
+import { useOptionalRealtime as ue, updateTouches as De } from "../../lib/realtime.js";
+import { announceRecordTabs as X, useRecordTabsSignal as Me } from "../../lib/record-tabs.js";
+import { Button as M } from "../ui/button.js";
+import { Popover as le, PopoverTrigger as ce, PopoverContent as de } from "../ui/popover.js";
+const Q = 1e4, fe = 1500, Ye = 2e3, Fe = 5 * 6e4, Pe = 3e4, Be = 6e4, je = 15e3;
+function ze() {
+  const [e, r] = L(!0);
+  return N(() => {
+    if (typeof window > "u" || typeof document > "u") return;
+    let o = null, E = null, y = 0;
+    const S = () => typeof document.hasFocus == "function" ? document.hasFocus() : !0, a = () => {
+      E && clearInterval(E), E = null;
+    }, $ = (_) => _ instanceof HTMLInputElement && _.type === "file", f = (_) => {
+      $(_.target) && (y = Date.now() + Fe);
+    }, b = (_) => {
+      !$(_.target) || !y || (y = 0, S() || w());
+    }, w = () => {
+      o && clearTimeout(o);
+      const _ = y - Date.now();
+      o = setTimeout(
+        () => {
+          if (o = null, !S()) {
+            a(), r(!1);
+            return;
+          }
+          a(), E = setInterval(() => {
+            S() || (a(), r(!1));
+          }, Ye);
+        },
+        _ > 0 ? Math.max(_, fe) : fe
+      );
+    }, m = () => {
+      o && clearTimeout(o), o = null, y = 0, a(), r(!0);
+    };
+    return window.addEventListener("blur", w), window.addEventListener("focus", m), document.addEventListener("click", f, !0), document.addEventListener("change", b, !0), document.addEventListener("cancel", b, !0), () => {
+      window.removeEventListener("blur", w), window.removeEventListener("focus", m), document.removeEventListener("click", f, !0), document.removeEventListener("change", b, !0), document.removeEventListener("cancel", b, !0), o && clearTimeout(o), a();
+    };
+  }, []), e;
+}
+function Ke() {
+  const [e, r] = L(
     () => typeof document > "u" || document.visibilityState !== "hidden"
   );
   return N(() => {
-    const i = () => r(document.visibilityState !== "hidden");
-    return document.addEventListener("visibilitychange", i), () => document.removeEventListener("visibilitychange", i);
-  }, []), t;
+    const o = () => r(document.visibilityState !== "hidden");
+    return document.addEventListener("visibilitychange", o), () => document.removeEventListener("visibilitychange", o);
+  }, []), e;
 }
-function Xe(t, r, i, S = {}) {
-  const { lazy: L = !1, active: T = !0 } = S, s = Re(), { isAdmin: E, userId: g } = Ce(), v = Ee(Le), [p, h] = _(null), [F, $] = _(!1), [D, J] = _(!1), [ce, ue] = _([]), [de, M] = _(null), [fe, G] = _(!1), [ke, X] = _(""), [me, P] = _(!1), [he, Z] = _(!1), j = A(null), l = A(!1), R = A(!1), Q = A(!1), V = A(0), q = A(!1), z = A(null), m = w(() => {
-    j.current && (clearInterval(j.current), j.current = null);
-  }, []), U = w(
-    (a) => {
-      var e, c;
-      const n = a, f = n.status ?? ((e = n.response) == null ? void 0 : e.status), o = ((c = n.response) == null ? void 0 : c.data) ?? n.response;
-      return f !== 403 || (o == null ? void 0 : o.code) !== "EDIT_LOCKED" ? !1 : (m(), l.current = !1, $(!1), u.warning(o.error || "You can no longer edit this record — your edit lock was let go"), v == null || v.invalidateQueries({ queryKey: ["pipeline-instance-lock", t, r] }), v == null || v.invalidateQueries({ queryKey: ["pipeline-instance", t, r] }), !0);
+function nt(e, r, o, E = {}) {
+  const { lazy: y = !1, active: S = !0 } = E, a = Ie(), { isAdmin: $, userId: f } = Te(), b = qe(Se), [w, m] = L(null), [_, R] = L(!1), [Y, ee] = L(!1), [me, ke] = L([]), [he, F] = L(null), [be, te] = L(!1), [ve, re] = L(""), [ye, U] = L(!1), [ge, ne] = L(!1), B = A(null), i = A(!1), q = A(!1), H = A(!1), V = A(0), T = A(!1), P = A(null), v = p(() => {
+    B.current && (clearInterval(B.current), B.current = null);
+  }, []), W = p(
+    (s) => {
+      var t, c;
+      const n = s, k = n.status ?? ((t = n.response) == null ? void 0 : t.status), u = ((c = n.response) == null ? void 0 : c.data) ?? n.response;
+      return k !== 403 || (u == null ? void 0 : u.code) !== "EDIT_LOCKED" ? !1 : (v(), i.current = !1, R(!1), l.warning(u.error || "You can no longer edit this record — your edit lock was let go"), b == null || b.invalidateQueries({ queryKey: ["pipeline-instance-lock", e, r] }), b == null || b.invalidateQueries({ queryKey: ["pipeline-instance", e, r] }), !0);
     },
-    [v, t, r, m]
-  ), d = w(async () => {
-    var a, n;
-    if (!t || !r || q.current) return !1;
-    z.current = null;
+    [b, e, r, v]
+  ), d = p(async () => {
+    var s, n;
+    if (!e || !r || T.current) return !1;
+    P.current = null;
     try {
-      return await s.request(C(`/item-locks/${t}/${r}/lock`, {})), l.current = !0, $(!0), P(!1), h(null), m(), j.current = setInterval(() => {
-        const f = Math.max(
+      return await a.request(
+        I(`/item-locks/${e}/${r}/lock`, { beat_ms: Q })
+      ), i.current = !0, R(!0), U(!1), m(null), v(), B.current = setInterval(() => {
+        const k = Math.max(
           0,
-          Math.floor((Date.now() - new Date(qe().last_active).getTime()) / 1e3)
+          Math.floor((Date.now() - new Date(Oe().last_active).getTime()) / 1e3)
         );
-        s.request(C(`/item-locks/${t}/${r}/heartbeat`, { idle_seconds: f })).then((o) => {
-          if (!(o != null && o.idle_released)) return;
-          m(), l.current = !1, $(!1), u.info(
+        a.request(
+          I(`/item-locks/${e}/${r}/heartbeat`, {
+            idle_seconds: k,
+            beat_ms: Q
+          })
+        ).then((u) => {
+          if (!(u != null && u.idle_released)) return;
+          v(), i.current = !1, R(!1), l.info(
             "Your edit lock was released after inactivity — it re-locks when you resume."
           );
-          const e = () => {
-            window.removeEventListener("pointerdown", e, !0), window.removeEventListener("keydown", e, !0), d();
+          const t = () => {
+            window.removeEventListener("pointerdown", t, !0), window.removeEventListener("keydown", t, !0), d();
           };
-          window.addEventListener("pointerdown", e, !0), window.addEventListener("keydown", e, !0);
-        }).catch((o) => {
-          var te, re;
-          const e = o, c = e.status ?? ((te = e.response) == null ? void 0 : te.status);
-          if (U(o) || c !== 404 && c !== 409) return;
-          const x = ((re = e.response) == null ? void 0 : re.data) ?? e.response;
-          if (c === 404 && !(x != null && x.locked_by)) {
+          window.addEventListener("pointerdown", t, !0), window.addEventListener("keydown", t, !0);
+        }).catch((u) => {
+          var ae, oe;
+          const t = u, c = t.status ?? ((ae = t.response) == null ? void 0 : ae.status);
+          if (W(u) || c !== 404 && c !== 409) return;
+          const C = ((oe = t.response) == null ? void 0 : oe.data) ?? t.response;
+          if (c === 404 && !(C != null && C.locked_by)) {
             d();
             return;
           }
-          m(), l.current = !1, $(!1), x != null && x.locked_by && (h({
-            locked_by: x.locked_by,
-            locked_by_name: x.locked_by_name ?? null
-          }), u.warning(
-            `${x.locked_by_name ?? "Another user"} took over editing — your changes are no longer being saved`
+          v(), i.current = !1, R(!1), C != null && C.locked_by && (m({
+            locked_by: C.locked_by,
+            locked_by_name: C.locked_by_name ?? null
+          }), l.warning(
+            `${C.locked_by_name ?? "Another user"} took over editing — your changes are no longer being saved`
           ));
         });
-      }, Ie), !0;
-    } catch (f) {
-      const o = f, e = o.status ?? ((a = o.response) == null ? void 0 : a.status), c = ((n = o.response) == null ? void 0 : n.data) ?? o.response;
-      return z.current = e ?? null, U(f) ? !1 : e === 404 ? (q.current = !0, m(), l.current = !1, $(!1), !1) : (e === 409 && (c != null && c.locked_by) && (l.current = !1, $(!1), h({
+      }, Q), !0;
+    } catch (k) {
+      const u = k, t = u.status ?? ((s = u.response) == null ? void 0 : s.status), c = ((n = u.response) == null ? void 0 : n.data) ?? u.response;
+      return P.current = t ?? null, W(k) ? !1 : t === 404 ? (T.current = !0, v(), i.current = !1, R(!1), !1) : (t === 409 && (c != null && c.locked_by) && (i.current = !1, R(!1), m({
         locked_by: c.locked_by,
         locked_by_name: c.locked_by_name ?? null,
         ...typeof c.may_take_over == "boolean" ? { may_take_over: c.may_take_over } : {}
       })), !1);
     }
-  }, [s, t, r, m, U]), b = w(async () => {
-    if (!(!t || !r))
+  }, [a, e, r, v, W]), g = p(async () => {
+    if (!(!e || !r))
       try {
-        const a = await s.request(Se(`/item-locks/${t}/${r}/lock`)), n = a == null ? void 0 : a.data;
-        ue(Array.isArray(n == null ? void 0 : n.queue) ? n.queue : []), M(typeof (n == null ? void 0 : n.my_position) == "number" ? n.my_position : null);
-        const f = (n == null ? void 0 : n.is_mine) === !0 || !!g && String((n == null ? void 0 : n.locked_by) ?? "").toLowerCase() === g.toLowerCase(), o = typeof (n == null ? void 0 : n.may_take_over) == "boolean" ? { may_take_over: n.may_take_over } : {};
-        if (l.current) return;
-        if (!(n != null && n.locked_by) || f) {
-          h(null);
+        const s = await a.request(Ae(`/item-locks/${e}/${r}/lock`)), n = s == null ? void 0 : s.data;
+        ke(Array.isArray(n == null ? void 0 : n.queue) ? n.queue : []), F(typeof (n == null ? void 0 : n.my_position) == "number" ? n.my_position : null);
+        const k = (n == null ? void 0 : n.is_mine) === !0 || !!f && String((n == null ? void 0 : n.locked_by) ?? "").toLowerCase() === f.toLowerCase(), u = typeof (n == null ? void 0 : n.may_take_over) == "boolean" ? { may_take_over: n.may_take_over } : {};
+        if (i.current) return;
+        if (!(n != null && n.locked_by) || k) {
+          m(null);
           return;
         }
-        h(
-          (e) => e && e.locked_by === String(n.locked_by) ? {
-            ...e,
-            note: n.note ?? e.note ?? null,
-            idle_minutes: n.locked_by_idle_minutes ?? e.idle_minutes ?? null,
-            ...o
+        m(
+          (t) => t && t.locked_by === String(n.locked_by) ? {
+            ...t,
+            note: n.note ?? t.note ?? null,
+            idle_minutes: n.locked_by_idle_minutes ?? t.idle_minutes ?? null,
+            ...u
           } : {
             locked_by: String(n.locked_by),
             locked_by_name: n.locked_by_name ?? null,
             note: n.note ?? null,
             idle_minutes: n.locked_by_idle_minutes ?? null,
-            ...o
+            ...u
           }
-        ), P(!1);
-      } catch (a) {
-        (a == null ? void 0 : a.status) === 404 && (q.current = !0);
+        ), U(!1);
+      } catch (s) {
+        (s == null ? void 0 : s.status) === 404 && (T.current = !0);
       }
-  }, [s, t, r, g]), I = (p == null ? void 0 : p.locked_by) ?? null;
+  }, [a, e, r, f]), O = (w == null ? void 0 : w.locked_by) ?? null;
   N(() => {
-    I && b();
-  }, [I, b]), N(() => {
-    if (!I) return;
-    const a = setInterval(() => void b(), Oe);
-    return () => clearInterval(a);
-  }, [I, b]), N(() => {
-    if (!(!i || !t || !r))
-      return R.current = !1, q.current = !1, L ? b() : d(), () => {
-        m(), R.current = !1, l.current && (l.current = !1, s.request(K(`/item-locks/${t}/${r}/lock`)).then(() => se(g, "lock-released", t, r)).catch(() => {
+    O && g();
+  }, [O, g]), N(() => {
+    if (!O) return;
+    const s = setInterval(() => void g(), Pe);
+    return () => clearInterval(s);
+  }, [O, g]), N(() => {
+    if (!(!o || !e || !r))
+      return q.current = !1, T.current = !1, y ? g() : d(), () => {
+        v(), q.current = !1, i.current && (i.current = !1, a.request(K(`/item-locks/${e}/${r}/lock`)).then(() => X(f, "lock-released", e, r)).catch(() => {
         }));
       };
-  }, [i, t, r, d, s, m, g, L, b]);
-  const be = w(async () => {
-    if (!(!i || l.current || Q.current) && !(Date.now() < V.current)) {
-      Q.current = !0;
+  }, [o, e, r, d, a, v, f, y, g]);
+  const we = p(async () => {
+    if (!(!o || i.current || H.current) && !(Date.now() < V.current)) {
+      H.current = !0;
       try {
-        const a = await d();
-        !a && z.current === 409 && u.warning("Someone else is editing this record — your change can’t be saved yet"), !a && z.current !== 409 && !q.current && (V.current = Date.now() + Me);
+        const s = await d();
+        !s && P.current === 409 && l.warning("Someone else is editing this record — your change can’t be saved yet"), !s && P.current !== 409 && !T.current && (V.current = Date.now() + je);
       } finally {
-        Q.current = !1;
+        H.current = !1;
       }
     }
-  }, [i, d]);
+  }, [o, d]);
   N(() => {
-    const a = () => {
+    const s = () => {
       V.current = 0;
     };
-    return window.addEventListener("online", a), () => window.removeEventListener("online", a);
+    return window.addEventListener("online", s), () => window.removeEventListener("online", s);
   }, []);
-  const ye = je(), B = T && ye;
+  const j = p(() => {
+    var s;
+    if (!(!e || !r))
+      try {
+        const n = (s = a.getToken) == null ? void 0 : s.call(a), k = a.url ?? "";
+        fetch(
+          `${k}/api/item-locks/${encodeURIComponent(e)}/${encodeURIComponent(r)}/lock/release`,
+          {
+            method: "POST",
+            keepalive: !0,
+            credentials: n ? "omit" : "include",
+            headers: n ? { Authorization: `Bearer ${n}` } : {}
+          }
+        ).then(() => X(f, "lock-released", e, r)).catch(() => {
+        });
+      } catch {
+      }
+  }, [a, e, r, f]), J = Ke(), xe = ze(), z = S && J && xe;
   N(() => {
-    if (!i || !t || !r) return;
-    if (B) {
-      R.current && (R.current = !1, d());
-      return;
-    }
-    const a = setTimeout(() => {
-      l.current && (m(), l.current = !1, $(!1), R.current = !0, s.request(K(`/item-locks/${t}/${r}/lock`)).then(() => se(g, "lock-released", t, r)).catch(() => {
-      }));
-    }, Ye);
-    return () => clearTimeout(a);
-  }, [i, B, t, r, d, s, m, g]), N(() => {
-    if (!i || !L || !t || !r || I || !B) return;
-    const a = setInterval(() => {
-      !l.current && !q.current && b();
-    }, De);
-    return () => clearInterval(a);
-  }, [i, L, t, r, I, B, b]), N(() => {
-    if (!i || !t || !r) return;
-    const a = () => {
-      var f;
-      if (l.current) {
-        m(), l.current = !1, R.current = !0;
-        try {
-          const o = (f = s.getToken) == null ? void 0 : f.call(s), e = s.url ?? "";
-          fetch(
-            `${e}/api/item-locks/${encodeURIComponent(t)}/${encodeURIComponent(r)}/lock/release`,
-            {
-              method: "POST",
-              keepalive: !0,
-              credentials: o ? "omit" : "include",
-              headers: o ? { Authorization: `Bearer ${o}` } : {}
-            }
-          ).catch(() => {
-          });
-        } catch {
-        }
+    if (!(!o || !e || !r)) {
+      if (z) {
+        q.current && (q.current = !1, d().then((s) => {
+          !s && P.current === 409 && l.warning(
+            "Someone else started editing while you were away — your changes are still here, but can’t be saved until they release it"
+          );
+        }));
+        return;
       }
-    }, n = (f) => {
-      f.persisted && R.current && (R.current = !1, d());
+      i.current && (v(), i.current = !1, R(!1), q.current = !0, J ? a.request(K(`/item-locks/${e}/${r}/lock`)).then(() => X(f, "lock-released", e, r)).catch(() => {
+      }) : j());
+    }
+  }, [
+    o,
+    z,
+    J,
+    e,
+    r,
+    d,
+    a,
+    v,
+    f,
+    j
+  ]), N(() => {
+    if (!o || !y || !e || !r || O || !z) return;
+    const s = setInterval(() => {
+      !i.current && !T.current && g();
+    }, Be);
+    return () => clearInterval(s);
+  }, [o, y, e, r, O, z, g]), N(() => {
+    if (!o || !e || !r) return;
+    const s = () => {
+      i.current && (v(), i.current = !1, q.current = !0, j());
+    }, n = (k) => {
+      k.persisted && q.current && (q.current = !1, d());
     };
-    return window.addEventListener("pagehide", a), window.addEventListener("pageshow", n), () => {
-      window.removeEventListener("pagehide", a), window.removeEventListener("pageshow", n);
+    return window.addEventListener("pagehide", s), window.addEventListener("pageshow", n), () => {
+      window.removeEventListener("pagehide", s), window.removeEventListener("pageshow", n);
     };
-  }, [i, t, r, s, m, d]), Te(g, "lock-released", t, r, () => {
-    i && l.current && d();
+  }, [o, e, r, v, d, j]), Me(f, "lock-released", e, r, () => {
+    o && i.current && d();
   });
-  const W = ae();
+  const G = ue();
   N(() => {
-    if (!(!i || !W || !t || !r))
-      return W.subscribeCollections([t], (a) => {
+    if (!(!o || !G || !e || !r))
+      return G.subscribeCollections([e], (s) => {
         var n;
-        l.current || q.current || !((n = a.changed_fields) != null && n.includes("$lock")) || !Ae(a, r) || b();
+        i.current || T.current || !((n = s.changed_fields) != null && n.includes("$lock")) || !De(s, r) || g();
       });
-  }, [i, W, t, r, b]);
-  const Y = ae(), [ge, ee] = _(!1), ve = w(async () => {
-    if (!(!t || !r)) {
-      ee(!0);
+  }, [o, G, e, r, g]);
+  const D = ue(), [_e, se] = L(!1), pe = p(async () => {
+    if (!(!e || !r)) {
+      se(!0);
       try {
-        await s.request(C(`/item-locks/${t}/${r}/lock/request`, {})), u.success("Asked the current editor to release the lock");
+        await a.request(I(`/item-locks/${e}/${r}/lock/request`, {})), l.success("Asked the current editor to release the lock");
       } catch {
-        u.error("Could not send the lock request");
+        l.error("Could not send the lock request");
       } finally {
-        ee(!1);
+        se(!1);
       }
     }
-  }, [s, t, r]);
+  }, [a, e, r]);
   N(() => {
-    if (!Y || !t || !r) return;
-    const a = Y.on("lock:requested", (e) => {
-      if ((e == null ? void 0 : e.collection) !== t || String(e == null ? void 0 : e.item) !== String(r) || !l.current) return;
-      const c = (e == null ? void 0 : e.from) ?? {};
-      u(`${c.name ?? "Someone"} is asking you to release this record`, {
+    if (!D || !e || !r) return;
+    const s = D.on("lock:requested", (t) => {
+      if ((t == null ? void 0 : t.collection) !== e || String(t == null ? void 0 : t.item) !== String(r) || !i.current) return;
+      const c = (t == null ? void 0 : t.from) ?? {};
+      l(`${c.name ?? "Someone"} is asking you to release this record`, {
         duration: 3e4,
         action: {
           label: "Release",
           onClick: () => {
-            m(), l.current = !1, $(!1), s.request(
-              C(`/item-locks/${t}/${r}/lock/respond`, {
+            v(), i.current = !1, R(!1), a.request(
+              I(`/item-locks/${e}/${r}/lock/respond`, {
                 to: c.id,
                 action: "release"
               })
-            ).then(() => u.success("Lock released")).catch(() => u.error("Failed to release the lock"));
+            ).then(() => l.success("Lock released")).catch(() => l.error("Failed to release the lock"));
           }
         },
         cancel: {
           label: "Keep editing",
           onClick: () => {
-            s.request(
-              C(`/item-locks/${t}/${r}/lock/respond`, {
+            a.request(
+              I(`/item-locks/${e}/${r}/lock/respond`, {
                 to: c.id,
                 action: "decline"
               })
@@ -232,125 +286,127 @@ function Xe(t, r, i, S = {}) {
           }
         }
       });
-    }), n = Y.on("lock:response", (e) => {
-      var c, x;
-      (e == null ? void 0 : e.collection) !== t || String(e == null ? void 0 : e.item) !== String(r) || l.current || ((e == null ? void 0 : e.action) === "release" ? (u.success(`${((c = e == null ? void 0 : e.from) == null ? void 0 : c.name) ?? "The editor"} released the lock — it's yours`), d()) : u.warning(
-        `${((x = e == null ? void 0 : e.from) == null ? void 0 : x.name) ?? "The editor"} is keeping the lock${e != null && e.note ? `: "${e.note}"` : ""}`
+    }), n = D.on("lock:response", (t) => {
+      var c, C;
+      (t == null ? void 0 : t.collection) !== e || String(t == null ? void 0 : t.item) !== String(r) || i.current || ((t == null ? void 0 : t.action) === "release" ? (l.success(`${((c = t == null ? void 0 : t.from) == null ? void 0 : c.name) ?? "The editor"} released the lock — it's yours`), d()) : l.warning(
+        `${((C = t == null ? void 0 : t.from) == null ? void 0 : C.name) ?? "The editor"} is keeping the lock${t != null && t.note ? `: "${t.note}"` : ""}`
       ));
-    }), f = Y.on("lock:available", (e) => {
-      (e == null ? void 0 : e.collection) !== t || String(e == null ? void 0 : e.item) !== String(r) || l.current || (u.success("Your turn — the edit lock is yours"), M(null), d());
-    }), o = Y.on("lock:queued", (e) => {
-      (e == null ? void 0 : e.collection) !== t || String(e == null ? void 0 : e.item) !== String(r) || (l.current && u(`${(e == null ? void 0 : e.user_name) ?? "Someone"} is waiting to edit this record`, { duration: 8e3 }), b());
+    }), k = D.on("lock:available", (t) => {
+      (t == null ? void 0 : t.collection) !== e || String(t == null ? void 0 : t.item) !== String(r) || i.current || (l.success("Your turn — the edit lock is yours"), F(null), d());
+    }), u = D.on("lock:queued", (t) => {
+      (t == null ? void 0 : t.collection) !== e || String(t == null ? void 0 : t.item) !== String(r) || (i.current && l(`${(t == null ? void 0 : t.user_name) ?? "Someone"} is waiting to edit this record`, { duration: 8e3 }), g());
     });
     return () => {
-      a(), n(), f(), o();
+      s(), n(), k(), u();
     };
-  }, [Y, t, r, s, d, m, b]);
-  const xe = w(async () => {
-    if (!(!t || !r)) {
-      G(!0);
+  }, [D, e, r, a, d, v, g]);
+  const Le = p(async () => {
+    if (!(!e || !r)) {
+      te(!0);
       try {
-        const a = await s.request(
-          C(`/item-locks/${t}/${r}/lock/queue`, {})
-        ), n = a == null ? void 0 : a.data;
+        const s = await a.request(
+          I(`/item-locks/${e}/${r}/lock/queue`, {})
+        ), n = s == null ? void 0 : s.data;
         if (n != null && n.free) {
-          M(null), h(null), u.success("Nobody is editing this record now — go ahead");
+          F(null), m(null), l.success("Nobody is editing this record now — go ahead");
           return;
         }
-        const f = n == null ? void 0 : n.position;
-        M(typeof f == "number" ? f : 1), u.success("You are in line — the lock comes to you automatically when it frees up"), b();
+        const k = n == null ? void 0 : n.position;
+        F(typeof k == "number" ? k : 1), l.success("You are in line — the lock comes to you automatically when it frees up"), g();
       } catch {
-        u.error("Could not join the queue");
+        l.error("Could not join the queue");
       } finally {
-        G(!1);
+        te(!1);
       }
     }
-  }, [s, t, r, b]), we = w(async () => {
-    if (!(!t || !r))
+  }, [a, e, r, g]), Ee = p(async () => {
+    if (!(!e || !r))
       try {
-        await s.request(K(`/item-locks/${t}/${r}/lock/queue`)), M(null), b();
+        await a.request(K(`/item-locks/${e}/${r}/lock/queue`)), F(null), g();
       } catch {
       }
-  }, [s, t, r, b]), _e = w(
-    async (a) => {
-      if (!(!t || !r || !l.current)) {
-        X(a);
+  }, [a, e, r, g]), $e = p(
+    async (s) => {
+      if (!(!e || !r || !i.current)) {
+        re(s);
         try {
-          await s.request(C(`/item-locks/${t}/${r}/lock/note`, { note: a }));
+          await a.request(I(`/item-locks/${e}/${r}/lock/note`, { note: s }));
         } catch {
         }
       }
     },
-    [s, t, r]
-  ), pe = w(async () => {
-    if (!(!t || !r || !l.current)) {
-      Z(!0), m(), l.current = !1, $(!1);
+    [a, e, r]
+  ), Ce = p(async () => {
+    if (!(!e || !r || !i.current)) {
+      ne(!0), v(), i.current = !1, R(!1);
       try {
-        await s.request(K(`/item-locks/${t}/${r}/lock`)), P(!0), X(""), u.success("Lock released — anyone can edit this record now");
+        await a.request(K(`/item-locks/${e}/${r}/lock`)), U(!0), re(""), l.success("Lock released — anyone can edit this record now");
       } catch {
-        u.error("Failed to release the lock"), d();
+        l.error("Failed to release the lock"), d();
       } finally {
-        Z(!1);
+        ne(!1);
       }
     }
-  }, [s, t, r, m, d]), $e = w(async () => {
-    if (l.current) return !0;
-    const a = await d();
-    return a && u.success("You hold the edit lock again"), a;
-  }, [d]), Ne = w(async () => {
-    var a;
-    if (!(!t || !r)) {
-      J(!0);
+  }, [a, e, r, v, d]), Ne = p(async () => {
+    if (i.current) return !0;
+    const s = await d();
+    return s && l.success("You hold the edit lock again"), s;
+  }, [d]), Re = p(async () => {
+    var s;
+    if (!(!e || !r)) {
+      ee(!0);
       try {
-        await s.request(C(`/item-locks/${t}/${r}/lock/force`, {})), u.success("You now hold the edit lock"), await d();
+        await a.request(
+          I(`/item-locks/${e}/${r}/lock/force`, { beat_ms: Q })
+        ), l.success("You now hold the edit lock"), await d();
       } catch (n) {
-        const f = ((a = n == null ? void 0 : n.response) == null ? void 0 : a.error) ?? "Failed to take over the lock";
-        u.error(f), (n == null ? void 0 : n.status) === 403 && h((o) => o && { ...o, may_take_over: !1 });
+        const k = ((s = n == null ? void 0 : n.response) == null ? void 0 : s.error) ?? "Failed to take over the lock";
+        l.error(k), (n == null ? void 0 : n.status) === 403 && m((u) => u && { ...u, may_take_over: !1 });
       } finally {
-        J(!1);
+        ee(!1);
       }
     }
-  }, [s, t, r, d]);
+  }, [a, e, r, d]);
   return {
-    lockHolder: p,
-    acquired: F,
-    isReadOnly: !!p,
-    takeOver: Ne,
-    takingOver: D,
-    isAdmin: E,
-    requestLock: ve,
-    requesting: ge,
-    queue: ce,
-    myPosition: de,
-    joinQueue: xe,
-    leaveQueue: we,
-    joining: fe,
-    myNote: ke,
-    saveNote: _e,
-    release: pe,
-    releasing: he,
-    released: me,
-    relock: $e,
-    claim: be
+    lockHolder: w,
+    acquired: _,
+    isReadOnly: !!w,
+    takeOver: Re,
+    takingOver: Y,
+    isAdmin: $,
+    requestLock: pe,
+    requesting: _e,
+    queue: me,
+    myPosition: he,
+    joinQueue: Le,
+    leaveQueue: Ee,
+    joining: be,
+    myNote: ve,
+    saveNote: $e,
+    release: Ce,
+    releasing: ge,
+    released: ye,
+    relock: Ne,
+    claim: we
   };
 }
-function Ze({
-  note: t,
+function st({
+  note: e,
   onSave: r,
-  waiting: i,
-  onRelease: S,
-  releasing: L,
-  released: T,
-  onRelock: s
+  waiting: o,
+  onRelease: E,
+  releasing: y,
+  released: S,
+  onRelock: a
 }) {
-  var p;
-  const [E, g] = _(t);
-  N(() => g(t), [t]);
-  const v = () => {
-    E.trim() !== t && r(E.trim());
+  var w;
+  const [$, f] = L(e);
+  N(() => f(e), [e]);
+  const b = () => {
+    $.trim() !== e && r($.trim());
   };
-  return T ? /* @__PURE__ */ y(oe, { children: [
-    /* @__PURE__ */ k(ie, { asChild: !0, children: /* @__PURE__ */ k(
+  return S ? /* @__PURE__ */ x(le, { children: [
+    /* @__PURE__ */ h(ce, { asChild: !0, children: /* @__PURE__ */ h(
       "button",
       {
         type: "button",
@@ -358,117 +414,117 @@ function Ze({
         title: "Lock released — anyone can edit this record",
         "data-lock-released": !0,
         className: "relative inline-flex h-8 w-8 items-center justify-center text-slate-400 transition-colors hover:bg-accent hover:text-accent-foreground dark:text-slate-500",
-        children: /* @__PURE__ */ k(ne, { className: "h-4 w-4", strokeWidth: 2 })
+        children: /* @__PURE__ */ h(ie, { className: "h-4 w-4", strokeWidth: 2 })
       }
     ) }),
-    /* @__PURE__ */ y(le, { align: "end", sideOffset: 6, className: "w-[300px] p-3", children: [
-      /* @__PURE__ */ k("p", { className: "text-[12px] font-semibold text-slate-700 dark:text-slate-200", children: "You released the edit lock" }),
-      /* @__PURE__ */ k("p", { className: "mt-0.5 text-[11px] text-slate-500 dark:text-slate-400", children: "Anyone can edit this record now. Your next edit locks it again — or lock it now." }),
-      /* @__PURE__ */ y(
-        O,
+    /* @__PURE__ */ x(de, { align: "end", sideOffset: 6, className: "w-[300px] p-3", children: [
+      /* @__PURE__ */ h("p", { className: "text-[12px] font-semibold text-slate-700 dark:text-slate-200", children: "You released the edit lock" }),
+      /* @__PURE__ */ h("p", { className: "mt-0.5 text-[11px] text-slate-500 dark:text-slate-400", children: "Anyone can edit this record now. Your next edit locks it again — or lock it now." }),
+      /* @__PURE__ */ x(
+        M,
         {
           type: "button",
           size: "sm",
           className: "mt-2 h-7 w-full text-[12px]",
-          onClick: s,
+          onClick: a,
           "data-lock-relock": !0,
           children: [
-            /* @__PURE__ */ k(H, { className: "mr-1.5 h-3.5 w-3.5" }),
+            /* @__PURE__ */ h(Z, { className: "mr-1.5 h-3.5 w-3.5" }),
             " Lock again"
           ]
         }
       )
     ] })
-  ] }) : /* @__PURE__ */ y(oe, { children: [
-    /* @__PURE__ */ k(ie, { asChild: !0, children: /* @__PURE__ */ y(
+  ] }) : /* @__PURE__ */ x(le, { children: [
+    /* @__PURE__ */ h(ce, { asChild: !0, children: /* @__PURE__ */ x(
       "button",
       {
         type: "button",
         "aria-label": "You hold the edit lock — add a note for others",
-        title: i.length > 0 ? `You hold the edit lock · ${i.length} waiting` : "You hold the edit lock",
+        title: o.length > 0 ? `You hold the edit lock · ${o.length} waiting` : "You hold the edit lock",
         "data-lock-holder": !0,
         className: "relative inline-flex h-8 w-8 items-center justify-center text-[#0e7490] transition-colors hover:bg-accent hover:text-accent-foreground dark:text-nvr-cyan",
         children: [
-          /* @__PURE__ */ k(H, { className: "h-4 w-4", strokeWidth: 2 }),
-          i.length > 0 && /* @__PURE__ */ k("span", { className: "absolute right-1 top-1 h-1.5 w-1.5 rounded-full bg-amber-500 ring-2 ring-background" })
+          /* @__PURE__ */ h(Z, { className: "h-4 w-4", strokeWidth: 2 }),
+          o.length > 0 && /* @__PURE__ */ h("span", { className: "absolute right-1 top-1 h-1.5 w-1.5 rounded-full bg-amber-500 ring-2 ring-background" })
         ]
       }
     ) }),
-    /* @__PURE__ */ y(le, { align: "end", sideOffset: 6, className: "w-[300px] p-3", children: [
-      /* @__PURE__ */ k("p", { className: "text-[12px] font-semibold text-slate-700 dark:text-slate-200", children: "You hold the edit lock" }),
-      /* @__PURE__ */ k("p", { className: "mt-0.5 text-[11px] text-slate-500 dark:text-slate-400", children: "Others see this record read-only. A note tells them what you’re doing." }),
-      /* @__PURE__ */ k(
+    /* @__PURE__ */ x(de, { align: "end", sideOffset: 6, className: "w-[300px] p-3", children: [
+      /* @__PURE__ */ h("p", { className: "text-[12px] font-semibold text-slate-700 dark:text-slate-200", children: "You hold the edit lock" }),
+      /* @__PURE__ */ h("p", { className: "mt-0.5 text-[11px] text-slate-500 dark:text-slate-400", children: "Others see this record read-only. A note tells them what you’re doing." }),
+      /* @__PURE__ */ h(
         "input",
         {
-          value: E,
-          onChange: (h) => g(h.target.value.slice(0, 300)),
-          onBlur: v,
-          onKeyDown: (h) => {
-            h.key === "Enter" && (h.preventDefault(), v());
+          value: $,
+          onChange: (m) => f(m.target.value.slice(0, 300)),
+          onBlur: b,
+          onKeyDown: (m) => {
+            m.key === "Enter" && (m.preventDefault(), b());
           },
           placeholder: "“editing lines, ~15 min”",
           "aria-label": "Lock note",
           className: "mt-2 h-7 w-full rounded-md border border-slate-200 bg-white px-2 text-[12px] dark:border-border dark:bg-card"
         }
       ),
-      i.length > 0 && /* @__PURE__ */ y("div", { className: "mt-2 rounded-md bg-amber-50 px-2 py-1.5 text-[11px] text-amber-800 dark:bg-amber-500/10 dark:text-amber-200", children: [
-        /* @__PURE__ */ y("span", { className: "font-semibold", children: [
-          i.length,
+      o.length > 0 && /* @__PURE__ */ x("div", { className: "mt-2 rounded-md bg-amber-50 px-2 py-1.5 text-[11px] text-amber-800 dark:bg-amber-500/10 dark:text-amber-200", children: [
+        /* @__PURE__ */ x("span", { className: "font-semibold", children: [
+          o.length,
           " waiting for the lock:"
         ] }),
         " ",
-        i.map((h) => h.name ?? "someone").join(", ")
+        o.map((m) => m.name ?? "someone").join(", ")
       ] }),
-      S && /* @__PURE__ */ y(
-        O,
+      E && /* @__PURE__ */ x(
+        M,
         {
           type: "button",
           variant: "outline",
           size: "sm",
           className: "mt-2 h-7 w-full text-[12px]",
-          onClick: S,
-          disabled: L,
+          onClick: E,
+          disabled: y,
           "data-lock-release": !0,
           children: [
-            /* @__PURE__ */ k(ne, { className: "mr-1.5 h-3.5 w-3.5" }),
-            L ? "Releasing…" : i.length > 0 ? `Release lock to ${((p = i[0]) == null ? void 0 : p.name) ?? "the next person"}` : "Release lock"
+            /* @__PURE__ */ h(ie, { className: "mr-1.5 h-3.5 w-3.5" }),
+            y ? "Releasing…" : o.length > 0 ? `Release lock to ${((w = o[0]) == null ? void 0 : w.name) ?? "the next person"}` : "Release lock"
           ]
         }
       )
     ] })
   ] });
 }
-function et({
-  lockHolder: t,
+function at({
+  lockHolder: e,
   onTakeOver: r,
-  takingOver: i,
-  isAdmin: S,
-  onRequestLock: L,
-  requesting: T,
-  queue: s,
-  myPosition: E,
-  onJoinQueue: g,
-  onLeaveQueue: v,
-  joining: p,
-  noun: h = "this item",
-  readOnlyText: F = "fields are read-only"
+  takingOver: o,
+  isAdmin: E,
+  onRequestLock: y,
+  requesting: S,
+  queue: a,
+  myPosition: $,
+  onJoinQueue: f,
+  onLeaveQueue: b,
+  joining: w,
+  noun: m = "this item",
+  readOnlyText: _ = "fields are read-only"
 }) {
-  if (!t) return null;
-  const $ = t.locked_by_name || "Another user", D = (s == null ? void 0 : s.length) ?? 0;
-  return /* @__PURE__ */ y(
+  if (!e) return null;
+  const R = e.locked_by_name || "Another user", Y = (a == null ? void 0 : a.length) ?? 0;
+  return /* @__PURE__ */ x(
     "div",
     {
       className: "mb-4 flex flex-wrap items-center gap-3 rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-900 dark:border-amber-500/30 dark:bg-amber-500/10 dark:text-amber-100",
       "data-lock-banner": !0,
       children: [
-        /* @__PURE__ */ k(H, { className: "h-4 w-4 shrink-0 text-amber-500" }),
-        /* @__PURE__ */ y("span", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ k("span", { className: "font-medium", children: $ }),
+        /* @__PURE__ */ h(Z, { className: "h-4 w-4 shrink-0 text-amber-500" }),
+        /* @__PURE__ */ x("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ h("span", { className: "font-medium", children: R }),
           " is editing ",
-          h,
+          m,
           " — ",
-          F,
-          t.idle_minutes != null && t.idle_minutes >= 2 && /* @__PURE__ */ y(
+          _,
+          e.idle_minutes != null && e.idle_minutes >= 2 && /* @__PURE__ */ x(
             "span",
             {
               className: "ml-1.5 rounded bg-amber-100 px-1 py-px text-[10px] font-semibold text-amber-700 dark:bg-amber-500/20 dark:text-amber-200",
@@ -476,74 +532,74 @@ function et({
               "data-tip": "How long since they last touched anything — they may have stepped away",
               children: [
                 "idle ",
-                t.idle_minutes,
+                e.idle_minutes,
                 "m"
               ]
             }
           ),
           " ",
           "until the lock is released.",
-          t.note && /* @__PURE__ */ y("span", { className: "mt-0.5 block text-[12.5px] text-amber-800/90 dark:text-amber-200/90", children: [
+          e.note && /* @__PURE__ */ x("span", { className: "mt-0.5 block text-[12.5px] text-amber-800/90 dark:text-amber-200/90", children: [
             "“",
-            t.note,
+            e.note,
             "”"
           ] }),
-          D > 0 && E == null && /* @__PURE__ */ y("span", { className: "mt-0.5 block text-[11.5px] text-amber-700/80 dark:text-amber-300/80", children: [
-            D,
+          Y > 0 && $ == null && /* @__PURE__ */ x("span", { className: "mt-0.5 block text-[11.5px] text-amber-700/80 dark:text-amber-300/80", children: [
+            Y,
             " ",
-            D === 1 ? "person is" : "people are",
+            Y === 1 ? "person is" : "people are",
             " already waiting."
           ] })
         ] }),
-        g && (E != null ? /* @__PURE__ */ y(
-          O,
+        f && ($ != null ? /* @__PURE__ */ x(
+          M,
           {
             size: "sm",
             variant: "outline",
             className: "h-7 shrink-0 border-amber-300 bg-white text-[12px] text-amber-800 hover:bg-amber-100 dark:border-amber-500/40 dark:bg-transparent dark:text-amber-200 dark:hover:bg-amber-500/15",
-            onClick: v,
+            onClick: b,
             "data-lock-queue-leave": !0,
             children: [
               "You’re #",
-              E,
+              $,
               " in line · Leave"
             ]
           }
-        ) : /* @__PURE__ */ k(
-          O,
+        ) : /* @__PURE__ */ h(
+          M,
           {
             size: "sm",
             variant: "outline",
             className: "h-7 shrink-0 border-amber-300 bg-white text-[12px] text-amber-800 hover:bg-amber-100 dark:border-amber-500/40 dark:bg-transparent dark:text-amber-200 dark:hover:bg-amber-500/15",
-            onClick: g,
-            disabled: p,
+            onClick: f,
+            disabled: w,
             "data-lock-queue-join": !0,
-            children: p ? "Joining…" : "Ask to be next"
+            children: w ? "Joining…" : "Ask to be next"
           }
         )),
-        L && /* @__PURE__ */ k(
-          O,
+        y && /* @__PURE__ */ h(
+          M,
           {
             size: "sm",
             variant: "outline",
             className: "h-7 shrink-0 border-amber-300 bg-white text-[12px] text-amber-800 hover:bg-amber-100 dark:border-amber-500/40 dark:bg-transparent dark:text-amber-200 dark:hover:bg-amber-500/15",
-            onClick: L,
-            disabled: T,
-            children: T ? "Asking…" : "Ask them to wrap up"
+            onClick: y,
+            disabled: S,
+            children: S ? "Asking…" : "Ask them to wrap up"
           }
         ),
         // Admins always; other roles only when the server says they may (the
         // takeover-role allowlist, #256) — unknown = offered, and a 403 then
         // hides it. A Take over that can only fail was a dead end.
-        (S || t.may_take_over !== !1) && /* @__PURE__ */ k(
-          O,
+        (E || e.may_take_over !== !1) && /* @__PURE__ */ h(
+          M,
           {
             size: "sm",
             variant: "outline",
-            className: S ? "h-7 shrink-0 border-amber-300 bg-white text-[12px] text-amber-800 hover:bg-amber-100 dark:border-amber-500/40 dark:bg-transparent dark:text-amber-200 dark:hover:bg-amber-500/15" : "h-7 shrink-0 border-amber-200 bg-white/60 text-[12px] text-amber-700/80 hover:bg-amber-100 dark:border-amber-500/30 dark:bg-transparent dark:text-amber-200/80 dark:hover:bg-amber-500/15",
+            className: E ? "h-7 shrink-0 border-amber-300 bg-white text-[12px] text-amber-800 hover:bg-amber-100 dark:border-amber-500/40 dark:bg-transparent dark:text-amber-200 dark:hover:bg-amber-500/15" : "h-7 shrink-0 border-amber-200 bg-white/60 text-[12px] text-amber-700/80 hover:bg-amber-100 dark:border-amber-500/30 dark:bg-transparent dark:text-amber-200/80 dark:hover:bg-amber-500/15",
             onClick: r,
-            disabled: i,
-            children: i ? "Taking over…" : "Take over"
+            disabled: o,
+            children: o ? "Taking over…" : "Take over"
           }
         )
       ]
@@ -551,7 +607,7 @@ function et({
   );
 }
 export {
-  et as ItemLockBanner,
-  Ze as LockHolderButton,
-  Xe as useItemLock
+  at as ItemLockBanner,
+  st as LockHolderButton,
+  nt as useItemLock
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nivaro/react",
-  "version": "0.3.26",
+  "version": "0.3.28",
   "description": "React hooks and components for Nivaro CMS forms",
   "type": "module",
   "main": "./dist/index.js",