@nivaro/react 0.3.27 → 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.27", 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,274 +1,283 @@
-import { jsxs as v, jsx as m } from "react/jsx-runtime";
+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 Ce, useState as x, useRef as A, useCallback as w, useEffect as N } from "react";
-import { toast as u } from "sonner";
-import { useNivaroClient as qe, useItemEditAuth as Te } from "../../context.js";
-import { post as q, get as Ae, del as P } from "../../lib/commands.js";
-import { idleState as Ie } from "../../lib/idle.js";
-import { useOptionalRealtime as le, updateTouches as Oe } from "../../lib/realtime.js";
-import { announceRecordTabs as X, useRecordTabsSignal as Ye } from "../../lib/record-tabs.js";
-import { Button as Y } from "../ui/button.js";
-import { Popover as ue, PopoverTrigger as ce, PopoverContent as de } from "../ui/popover.js";
-const K = 1e4, De = 1500, Fe = 2e3, Me = 3e4, Be = 6e4, je = 15e3;
+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] = x(!0);
+  const [e, r] = L(!0);
   return N(() => {
     if (typeof window > "u" || typeof document > "u") return;
-    let a = null, _ = null;
-    const g = () => typeof document.hasFocus == "function" ? document.hasFocus() : !0, p = () => {
-      _ && clearInterval(_), _ = null;
-    }, o = () => {
-      a && clearTimeout(a), a = setTimeout(() => {
-        if (a = null, !g()) {
-          p(), r(!1);
-          return;
-        }
-        p(), _ = setInterval(() => {
-          g() || (p(), r(!1));
-        }, Fe);
-      }, De);
-    }, L = () => {
-      a && clearTimeout(a), a = null, p(), r(!0);
+    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", o), window.addEventListener("focus", L), () => {
-      window.removeEventListener("blur", o), window.removeEventListener("focus", L), a && clearTimeout(a), p();
+    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 Pe() {
-  const [e, r] = x(
+function Ke() {
+  const [e, r] = L(
     () => typeof document > "u" || document.visibilityState !== "hidden"
   );
   return N(() => {
-    const a = () => r(document.visibilityState !== "hidden");
-    return document.addEventListener("visibilitychange", a), () => document.removeEventListener("visibilitychange", a);
+    const o = () => r(document.visibilityState !== "hidden");
+    return document.addEventListener("visibilitychange", o), () => document.removeEventListener("visibilitychange", o);
   }, []), e;
 }
-function rt(e, r, a, _ = {}) {
-  const { lazy: g = !1, active: p = !0 } = _, o = qe(), { isAdmin: L, userId: k } = Te(), $ = Ce(Se), [R, b] = x(null), [Q, S] = x(!1), [D, ee] = x(!1), [fe, me] = x([]), [he, F] = x(null), [ke, te] = x(!1), [be, re] = x(""), [ye, U] = x(!1), [ve, ne] = x(!1), B = A(null), i = A(!1), C = A(!1), V = A(!1), W = A(0), T = A(!1), M = A(null), h = w(() => {
+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);
-  }, []), H = w(
+  }, []), W = p(
     (s) => {
       var t, c;
-      const n = s, f = n.status ?? ((t = n.response) == null ? void 0 : t.status), l = ((c = n.response) == null ? void 0 : c.data) ?? n.response;
-      return f !== 403 || (l == null ? void 0 : l.code) !== "EDIT_LOCKED" ? !1 : (h(), i.current = !1, S(!1), u.warning(l.error || "You can no longer edit this record — your edit lock was let go"), $ == null || $.invalidateQueries({ queryKey: ["pipeline-instance-lock", e, r] }), $ == null || $.invalidateQueries({ queryKey: ["pipeline-instance", e, r] }), !0);
+      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);
     },
-    [$, e, r, h]
-  ), d = w(async () => {
+    [b, e, r, v]
+  ), d = p(async () => {
     var s, n;
     if (!e || !r || T.current) return !1;
-    M.current = null;
+    P.current = null;
     try {
-      return await o.request(
-        q(`/item-locks/${e}/${r}/lock`, { beat_ms: K })
-      ), i.current = !0, S(!0), U(!1), b(null), h(), B.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(Ie().last_active).getTime()) / 1e3)
+          Math.floor((Date.now() - new Date(Oe().last_active).getTime()) / 1e3)
         );
-        o.request(
-          q(`/item-locks/${e}/${r}/heartbeat`, {
-            idle_seconds: f,
-            beat_ms: K
+        a.request(
+          I(`/item-locks/${e}/${r}/heartbeat`, {
+            idle_seconds: k,
+            beat_ms: Q
           })
-        ).then((l) => {
-          if (!(l != null && l.idle_released)) return;
-          h(), i.current = !1, S(!1), u.info(
+        ).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 t = () => {
             window.removeEventListener("pointerdown", t, !0), window.removeEventListener("keydown", t, !0), d();
           };
           window.addEventListener("pointerdown", t, !0), window.addEventListener("keydown", t, !0);
-        }).catch((l) => {
+        }).catch((u) => {
           var ae, oe;
-          const t = l, c = t.status ?? ((ae = t.response) == null ? void 0 : ae.status);
-          if (H(l) || c !== 404 && c !== 409) return;
-          const E = ((oe = t.response) == null ? void 0 : oe.data) ?? t.response;
-          if (c === 404 && !(E != null && E.locked_by)) {
+          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;
           }
-          h(), i.current = !1, S(!1), E != null && E.locked_by && (b({
-            locked_by: E.locked_by,
-            locked_by_name: E.locked_by_name ?? null
-          }), u.warning(
-            `${E.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`
           ));
         });
-      }, K), !0;
-    } catch (f) {
-      const l = f, t = l.status ?? ((s = l.response) == null ? void 0 : s.status), c = ((n = l.response) == null ? void 0 : n.data) ?? l.response;
-      return M.current = t ?? null, H(f) ? !1 : t === 404 ? (T.current = !0, h(), i.current = !1, S(!1), !1) : (t === 409 && (c != null && c.locked_by) && (i.current = !1, S(!1), b({
+      }, 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);
     }
-  }, [o, e, r, h, H]), y = w(async () => {
+  }, [a, e, r, v, W]), g = p(async () => {
     if (!(!e || !r))
       try {
-        const s = await o.request(Ae(`/item-locks/${e}/${r}/lock`)), n = s == null ? void 0 : s.data;
-        me(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 f = (n == null ? void 0 : n.is_mine) === !0 || !!k && String((n == null ? void 0 : n.locked_by) ?? "").toLowerCase() === k.toLowerCase(), l = typeof (n == null ? void 0 : n.may_take_over) == "boolean" ? { may_take_over: n.may_take_over } : {};
+        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) || f) {
-          b(null);
+        if (!(n != null && n.locked_by) || k) {
+          m(null);
           return;
         }
-        b(
+        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,
-            ...l
+            ...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,
-            ...l
+            ...u
           }
         ), U(!1);
       } catch (s) {
         (s == null ? void 0 : s.status) === 404 && (T.current = !0);
       }
-  }, [o, e, r, k]), I = (R == null ? void 0 : R.locked_by) ?? null;
+  }, [a, e, r, f]), O = (w == null ? void 0 : w.locked_by) ?? null;
   N(() => {
-    I && y();
-  }, [I, y]), N(() => {
-    if (!I) return;
-    const s = setInterval(() => void y(), Me);
+    O && g();
+  }, [O, g]), N(() => {
+    if (!O) return;
+    const s = setInterval(() => void g(), Pe);
     return () => clearInterval(s);
-  }, [I, y]), N(() => {
-    if (!(!a || !e || !r))
-      return C.current = !1, T.current = !1, g ? y() : d(), () => {
-        h(), C.current = !1, i.current && (i.current = !1, o.request(P(`/item-locks/${e}/${r}/lock`)).then(() => X(k, "lock-released", e, r)).catch(() => {
+  }, [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(() => {
         }));
       };
-  }, [a, e, r, d, o, h, k, g, y]);
-  const ge = w(async () => {
-    if (!(!a || i.current || V.current) && !(Date.now() < W.current)) {
-      V.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 s = await d();
-        !s && M.current === 409 && u.warning("Someone else is editing this record — your change can’t be saved yet"), !s && M.current !== 409 && !T.current && (W.current = Date.now() + je);
+        !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 {
-        V.current = !1;
+        H.current = !1;
       }
     }
-  }, [a, d]);
+  }, [o, d]);
   N(() => {
     const s = () => {
-      W.current = 0;
+      V.current = 0;
     };
     return window.addEventListener("online", s), () => window.removeEventListener("online", s);
   }, []);
-  const j = w(() => {
+  const j = p(() => {
     var s;
     if (!(!e || !r))
       try {
-        const n = (s = o.getToken) == null ? void 0 : s.call(o), f = o.url ?? "";
+        const n = (s = a.getToken) == null ? void 0 : s.call(a), k = a.url ?? "";
         fetch(
-          `${f}/api/item-locks/${encodeURIComponent(e)}/${encodeURIComponent(r)}/lock/release`,
+          `${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(k, "lock-released", e, r)).catch(() => {
+        ).then(() => X(f, "lock-released", e, r)).catch(() => {
         });
       } catch {
       }
-  }, [o, e, r, k]), J = Pe(), we = ze(), z = p && J && we;
+  }, [a, e, r, f]), J = Ke(), xe = ze(), z = S && J && xe;
   N(() => {
-    if (!(!a || !e || !r)) {
+    if (!(!o || !e || !r)) {
       if (z) {
-        C.current && (C.current = !1, d().then((s) => {
-          !s && M.current === 409 && u.warning(
+        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;
       }
-      i.current && (h(), i.current = !1, S(!1), C.current = !0, J ? o.request(P(`/item-locks/${e}/${r}/lock`)).then(() => X(k, "lock-released", e, r)).catch(() => {
+      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());
     }
   }, [
-    a,
+    o,
     z,
     J,
     e,
     r,
     d,
-    o,
-    h,
-    k,
+    a,
+    v,
+    f,
     j
   ]), N(() => {
-    if (!a || !g || !e || !r || I || !z) return;
+    if (!o || !y || !e || !r || O || !z) return;
     const s = setInterval(() => {
-      !i.current && !T.current && y();
+      !i.current && !T.current && g();
     }, Be);
     return () => clearInterval(s);
-  }, [a, g, e, r, I, z, y]), N(() => {
-    if (!a || !e || !r) return;
+  }, [o, y, e, r, O, z, g]), N(() => {
+    if (!o || !e || !r) return;
     const s = () => {
-      i.current && (h(), i.current = !1, C.current = !0, j());
-    }, n = (f) => {
-      f.persisted && C.current && (C.current = !1, d());
+      i.current && (v(), i.current = !1, q.current = !0, j());
+    }, n = (k) => {
+      k.persisted && q.current && (q.current = !1, d());
     };
     return window.addEventListener("pagehide", s), window.addEventListener("pageshow", n), () => {
       window.removeEventListener("pagehide", s), window.removeEventListener("pageshow", n);
     };
-  }, [a, e, r, h, d, j]), Ye(k, "lock-released", e, r, () => {
-    a && i.current && d();
+  }, [o, e, r, v, d, j]), Me(f, "lock-released", e, r, () => {
+    o && i.current && d();
   });
-  const G = le();
+  const G = ue();
   N(() => {
-    if (!(!a || !G || !e || !r))
+    if (!(!o || !G || !e || !r))
       return G.subscribeCollections([e], (s) => {
         var n;
-        i.current || T.current || !((n = s.changed_fields) != null && n.includes("$lock")) || !Oe(s, r) || y();
+        i.current || T.current || !((n = s.changed_fields) != null && n.includes("$lock")) || !De(s, r) || g();
       });
-  }, [a, G, e, r, y]);
-  const O = le(), [xe, se] = x(!1), _e = w(async () => {
+  }, [o, G, e, r, g]);
+  const D = ue(), [_e, se] = L(!1), pe = p(async () => {
     if (!(!e || !r)) {
       se(!0);
       try {
-        await o.request(q(`/item-locks/${e}/${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 {
         se(!1);
       }
     }
-  }, [o, e, r]);
+  }, [a, e, r]);
   N(() => {
-    if (!O || !e || !r) return;
-    const s = O.on("lock:requested", (t) => {
+    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) ?? {};
-      u(`${c.name ?? "Someone"} is asking you to release this record`, {
+      l(`${c.name ?? "Someone"} is asking you to release this record`, {
         duration: 3e4,
         action: {
           label: "Release",
           onClick: () => {
-            h(), i.current = !1, S(!1), o.request(
-              q(`/item-locks/${e}/${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: () => {
-            o.request(
-              q(`/item-locks/${e}/${r}/lock/respond`, {
+            a.request(
+              I(`/item-locks/${e}/${r}/lock/respond`, {
                 to: c.id,
                 action: "decline"
               })
@@ -277,127 +286,127 @@ function rt(e, r, a, _ = {}) {
           }
         }
       });
-    }), n = O.on("lock:response", (t) => {
-      var c, E;
-      (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" ? (u.success(`${((c = t == null ? void 0 : t.from) == null ? void 0 : c.name) ?? "The editor"} released the lock — it's yours`), d()) : u.warning(
-        `${((E = t == null ? void 0 : t.from) == null ? void 0 : E.name) ?? "The editor"} is keeping the lock${t != null && t.note ? `: "${t.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 = O.on("lock:available", (t) => {
-      (t == null ? void 0 : t.collection) !== e || String(t == null ? void 0 : t.item) !== String(r) || i.current || (u.success("Your turn — the edit lock is yours"), F(null), d());
-    }), l = O.on("lock:queued", (t) => {
-      (t == null ? void 0 : t.collection) !== e || String(t == null ? void 0 : t.item) !== String(r) || (i.current && u(`${(t == null ? void 0 : t.user_name) ?? "Someone"} is waiting to edit this record`, { duration: 8e3 }), y());
+    }), 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 () => {
-      s(), n(), f(), l();
+      s(), n(), k(), u();
     };
-  }, [O, e, r, o, d, h, y]);
-  const pe = w(async () => {
+  }, [D, e, r, a, d, v, g]);
+  const Le = p(async () => {
     if (!(!e || !r)) {
       te(!0);
       try {
-        const s = await o.request(
-          q(`/item-locks/${e}/${r}/lock/queue`, {})
+        const s = await a.request(
+          I(`/item-locks/${e}/${r}/lock/queue`, {})
         ), n = s == null ? void 0 : s.data;
         if (n != null && n.free) {
-          F(null), b(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;
-        F(typeof f == "number" ? f : 1), u.success("You are in line — the lock comes to you automatically when it frees up"), y();
+        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 {
         te(!1);
       }
     }
-  }, [o, e, r, y]), Le = w(async () => {
+  }, [a, e, r, g]), Ee = p(async () => {
     if (!(!e || !r))
       try {
-        await o.request(P(`/item-locks/${e}/${r}/lock/queue`)), F(null), y();
+        await a.request(K(`/item-locks/${e}/${r}/lock/queue`)), F(null), g();
       } catch {
       }
-  }, [o, e, r, y]), $e = w(
+  }, [a, e, r, g]), $e = p(
     async (s) => {
       if (!(!e || !r || !i.current)) {
         re(s);
         try {
-          await o.request(q(`/item-locks/${e}/${r}/lock/note`, { note: s }));
+          await a.request(I(`/item-locks/${e}/${r}/lock/note`, { note: s }));
         } catch {
         }
       }
     },
-    [o, e, r]
-  ), Ee = w(async () => {
+    [a, e, r]
+  ), Ce = p(async () => {
     if (!(!e || !r || !i.current)) {
-      ne(!0), h(), i.current = !1, S(!1);
+      ne(!0), v(), i.current = !1, R(!1);
       try {
-        await o.request(P(`/item-locks/${e}/${r}/lock`)), U(!0), re(""), 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 {
         ne(!1);
       }
     }
-  }, [o, e, r, h, d]), Ne = w(async () => {
+  }, [a, e, r, v, d]), Ne = p(async () => {
     if (i.current) return !0;
     const s = await d();
-    return s && u.success("You hold the edit lock again"), s;
-  }, [d]), Re = w(async () => {
+    return s && l.success("You hold the edit lock again"), s;
+  }, [d]), Re = p(async () => {
     var s;
     if (!(!e || !r)) {
       ee(!0);
       try {
-        await o.request(
-          q(`/item-locks/${e}/${r}/lock/force`, { beat_ms: K })
-        ), 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 = ((s = n == null ? void 0 : n.response) == null ? void 0 : s.error) ?? "Failed to take over the lock";
-        u.error(f), (n == null ? void 0 : n.status) === 403 && b((l) => l && { ...l, 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 {
         ee(!1);
       }
     }
-  }, [o, e, r, d]);
+  }, [a, e, r, d]);
   return {
-    lockHolder: R,
-    acquired: Q,
-    isReadOnly: !!R,
+    lockHolder: w,
+    acquired: _,
+    isReadOnly: !!w,
     takeOver: Re,
-    takingOver: D,
-    isAdmin: L,
-    requestLock: _e,
-    requesting: xe,
-    queue: fe,
+    takingOver: Y,
+    isAdmin: $,
+    requestLock: pe,
+    requesting: _e,
+    queue: me,
     myPosition: he,
-    joinQueue: pe,
-    leaveQueue: Le,
-    joining: ke,
-    myNote: be,
+    joinQueue: Le,
+    leaveQueue: Ee,
+    joining: be,
+    myNote: ve,
     saveNote: $e,
-    release: Ee,
-    releasing: ve,
+    release: Ce,
+    releasing: ge,
     released: ye,
     relock: Ne,
-    claim: ge
+    claim: we
   };
 }
-function nt({
+function st({
   note: e,
   onSave: r,
-  waiting: a,
-  onRelease: _,
-  releasing: g,
-  released: p,
-  onRelock: o
+  waiting: o,
+  onRelease: E,
+  releasing: y,
+  released: S,
+  onRelock: a
 }) {
-  var R;
-  const [L, k] = x(e);
-  N(() => k(e), [e]);
-  const $ = () => {
-    L.trim() !== e && r(L.trim());
+  var w;
+  const [$, f] = L(e);
+  N(() => f(e), [e]);
+  const b = () => {
+    $.trim() !== e && r($.trim());
   };
-  return p ? /* @__PURE__ */ v(ue, { children: [
-    /* @__PURE__ */ m(ce, { asChild: !0, children: /* @__PURE__ */ m(
+  return S ? /* @__PURE__ */ x(le, { children: [
+    /* @__PURE__ */ h(ce, { asChild: !0, children: /* @__PURE__ */ h(
       "button",
       {
         type: "button",
@@ -405,117 +414,117 @@ function nt({
         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__ */ m(ie, { className: "h-4 w-4", strokeWidth: 2 })
+        children: /* @__PURE__ */ h(ie, { className: "h-4 w-4", strokeWidth: 2 })
       }
     ) }),
-    /* @__PURE__ */ v(de, { align: "end", sideOffset: 6, className: "w-[300px] p-3", children: [
-      /* @__PURE__ */ m("p", { className: "text-[12px] font-semibold text-slate-700 dark:text-slate-200", children: "You released the edit lock" }),
-      /* @__PURE__ */ m("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__ */ v(
-        Y,
+    /* @__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: o,
+          onClick: a,
           "data-lock-relock": !0,
           children: [
-            /* @__PURE__ */ m(Z, { 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__ */ v(ue, { children: [
-    /* @__PURE__ */ m(ce, { asChild: !0, children: /* @__PURE__ */ v(
+  ] }) : /* @__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: a.length > 0 ? `You hold the edit lock · ${a.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__ */ m(Z, { className: "h-4 w-4", strokeWidth: 2 }),
-          a.length > 0 && /* @__PURE__ */ m("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__ */ v(de, { align: "end", sideOffset: 6, className: "w-[300px] p-3", children: [
-      /* @__PURE__ */ m("p", { className: "text-[12px] font-semibold text-slate-700 dark:text-slate-200", children: "You hold the edit lock" }),
-      /* @__PURE__ */ m("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__ */ m(
+    /* @__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: L,
-          onChange: (b) => k(b.target.value.slice(0, 300)),
-          onBlur: $,
-          onKeyDown: (b) => {
-            b.key === "Enter" && (b.preventDefault(), $());
+          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"
         }
       ),
-      a.length > 0 && /* @__PURE__ */ v("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__ */ v("span", { className: "font-semibold", children: [
-          a.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:"
         ] }),
         " ",
-        a.map((b) => b.name ?? "someone").join(", ")
+        o.map((m) => m.name ?? "someone").join(", ")
       ] }),
-      _ && /* @__PURE__ */ v(
-        Y,
+      E && /* @__PURE__ */ x(
+        M,
         {
           type: "button",
           variant: "outline",
           size: "sm",
           className: "mt-2 h-7 w-full text-[12px]",
-          onClick: _,
-          disabled: g,
+          onClick: E,
+          disabled: y,
           "data-lock-release": !0,
           children: [
-            /* @__PURE__ */ m(ie, { className: "mr-1.5 h-3.5 w-3.5" }),
-            g ? "Releasing…" : a.length > 0 ? `Release lock to ${((R = a[0]) == null ? void 0 : R.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 st({
+function at({
   lockHolder: e,
   onTakeOver: r,
-  takingOver: a,
-  isAdmin: _,
-  onRequestLock: g,
-  requesting: p,
-  queue: o,
-  myPosition: L,
-  onJoinQueue: k,
-  onLeaveQueue: $,
-  joining: R,
-  noun: b = "this item",
-  readOnlyText: Q = "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 (!e) return null;
-  const S = e.locked_by_name || "Another user", D = (o == null ? void 0 : o.length) ?? 0;
-  return /* @__PURE__ */ v(
+  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__ */ m(Z, { className: "h-4 w-4 shrink-0 text-amber-500" }),
-        /* @__PURE__ */ v("span", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ m("span", { className: "font-medium", children: S }),
+        /* @__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 ",
-          b,
+          m,
           " — ",
-          Q,
-          e.idle_minutes != null && e.idle_minutes >= 2 && /* @__PURE__ */ v(
+          _,
+          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",
@@ -530,67 +539,67 @@ function st({
           ),
           " ",
           "until the lock is released.",
-          e.note && /* @__PURE__ */ v("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: [
             "“",
             e.note,
             "”"
           ] }),
-          D > 0 && L == null && /* @__PURE__ */ v("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."
           ] })
         ] }),
-        k && (L != null ? /* @__PURE__ */ v(
-          Y,
+        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: $,
+            onClick: b,
             "data-lock-queue-leave": !0,
             children: [
               "You’re #",
-              L,
+              $,
               " in line · Leave"
             ]
           }
-        ) : /* @__PURE__ */ m(
-          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: k,
-            disabled: R,
+            onClick: f,
+            disabled: w,
             "data-lock-queue-join": !0,
-            children: R ? "Joining…" : "Ask to be next"
+            children: w ? "Joining…" : "Ask to be next"
           }
         )),
-        g && /* @__PURE__ */ m(
-          Y,
+        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: g,
-            disabled: p,
-            children: p ? "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.
-        (_ || e.may_take_over !== !1) && /* @__PURE__ */ m(
-          Y,
+        (E || e.may_take_over !== !1) && /* @__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" : "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: a,
-            children: a ? "Taking over…" : "Take over"
+            disabled: o,
+            children: o ? "Taking over…" : "Take over"
           }
         )
       ]
@@ -598,7 +607,7 @@ function st({
   );
 }
 export {
-  st as ItemLockBanner,
-  nt as LockHolderButton,
-  rt as useItemLock
+  at as ItemLockBanner,
+  st as LockHolderButton,
+  nt as useItemLock
 };

package/package.json

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