@nivaro/react 0.3.41 → 0.3.42

package/dist/shared/components/chat/huddle/huddle-store.js

@@ -1,10 +1,11 @@
 var S = Object.defineProperty;
 var w = (h, t, e) => t in h ? S(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
 var c = (h, t, e) => w(h, typeof t != "symbol" ? t + "" : t, e);
-import { micConstraints as y, loadDevicePrefs as T } from "./huddle-device-prefs.js";
-import { huddleLive as M } from "./huddle-live.js";
-import { aggregateQuality as b } from "./huddle-quality.js";
-import { SfuSession as A, MESH_OVERLAP_MS as L } from "./huddle-sfu.js";
+import { registerReloadHold as y } from "../../../lib/reload-holds.js";
+import { micConstraints as T, loadDevicePrefs as M } from "./huddle-device-prefs.js";
+import { huddleLive as b } from "./huddle-live.js";
+import { aggregateQuality as A } from "./huddle-quality.js";
+import { SfuSession as L, MESH_OVERLAP_MS as O } from "./huddle-sfu.js";
 const p = {
   room: null,
   status: "idle",
@@ -18,13 +19,13 @@ const p = {
   mode: "mesh",
   micLabel: null,
   handAt: null
-}, O = 15e3, V = {
+}, V = 15e3, C = {
   video: { frameRate: 15, width: { ideal: 1920 }, height: { ideal: 1080 } },
   audio: !1,
   selfBrowserSurface: "include",
   surfaceSwitching: "include"
 };
-function C(h, t) {
+function I(h, t) {
   return h < t;
 }
 function g(h, t, e) {
@@ -36,15 +37,15 @@ function g(h, t, e) {
   }
   return s;
 }
-function $(h) {
+function F(h) {
   const t = h.map((e) => e.name || "Someone");
   return t.length === 0 ? "" : t.length === 1 ? t[0] : t.length === 2 ? `${t[0]} and ${t[1]}` : `${t[0]}, ${t[1]} and ${t.length - 2} other${t.length - 2 === 1 ? "" : "s"}`;
 }
-function q(h) {
+function H(h) {
   const t = Math.max(0, Math.floor(h / 1e3)), e = Math.floor(t / 60), s = Math.floor(e / 60), i = String(e % 60).padStart(2, "0"), o = String(t % 60).padStart(2, "0");
   return s ? `${s}:${i}:${o}` : `${e}:${o}`;
 }
-class I {
+class P {
   constructor() {
     c(this, "state", p);
     c(this, "listeners", /* @__PURE__ */ new Set());
@@ -119,7 +120,7 @@ class I {
   attach(t, e, s) {
     if (this.fetchIce = e, s && (this.fetchSfu = s), this.transport !== t) {
       for (const i of this.offs) i();
-      this.transport = t, M.attach(t), this.offs = [
+      this.transport = t, b.attach(t), this.offs = [
         t.on("huddle:peers", (i) => this.onPeers(i)),
         t.on(
           "huddle:joined",
@@ -187,7 +188,7 @@ class I {
       this.state.room && e && this.leave(), this.linkStats.clear(), this.iceFailed = 0, this.set({ room: t, status: "joining", error: null, startedAt: null });
       try {
         this.mic = await navigator.mediaDevices.getUserMedia({
-          audio: y(T())
+          audio: T(M())
         });
       } catch (i) {
         const o = i == null ? void 0 : i.name;
@@ -206,7 +207,7 @@ class I {
     const t = this.state.room;
     if (t) {
       for (const o of this.beforeLeave) o(t);
-      const i = b([...this.linkStats.values()], this.iceFailed);
+      const i = A([...this.linkStats.values()], this.iceFailed);
       i && this.state.status === "live" && ((e = this.transport) == null || e.emit("huddle:quality", { room: t, ...i })), (s = this.transport) == null || s.emit("huddle:leave", { room: t });
     }
     this.teardown();
@@ -228,14 +229,14 @@ class I {
     if (t.room !== this.state.room) return;
     const e = !!this.state.self && this.state.self !== t.self;
     if (e)
-      for (const [n, f] of this.links) this.closeLink(n, f);
+      for (const [n, u] of this.links) this.closeLink(n, u);
     const s = g([], t.peers, t.self), i = Math.min(Date.now(), ...t.peers.map((n) => n.since).filter(Boolean)), o = t.mode === "sfu" ? "sfu" : "mesh";
     if (this.set({ status: "live", self: t.self, peers: s, startedAt: i, error: null, mode: o }), o === "sfu") this.enterSfu(e);
     else for (const n of s) this.link(n.socket);
     this.ping && clearInterval(this.ping), this.ping = setInterval(() => {
       var n;
       this.state.room && ((n = this.transport) == null || n.emit("huddle:ping", { room: this.state.room }));
-    }, O), (this.state.muted || this.state.sharing) && ((r = this.transport) == null || r.emit("huddle:state", {
+    }, V), (this.state.muted || this.state.sharing) && ((r = this.transport) == null || r.emit("huddle:state", {
       room: t.room,
       muted: this.state.muted,
       screen: this.state.sharing
@@ -247,22 +248,22 @@ class I {
     if (this.setRoster(t.room, t.peers), t.room !== this.state.room || this.state.status !== "live") return;
     t.mode === "sfu" && this.state.mode !== "sfu" && this.enterSfu(!1);
     const e = this.state.self, s = g(this.state.peers, t.peers, e);
-    for (const [n, f] of this.links)
-      s.some((u) => u.socket === n) || this.closeLink(n, f);
+    for (const [n, u] of this.links)
+      s.some((f) => f.socket === n) || this.closeLink(n, u);
     for (const n of [...this.audio.keys()])
-      s.some((f) => f.socket === n) || this.dropAudio(n);
+      s.some((u) => u.socket === n) || this.dropAudio(n);
     for (const n of [...this.sfuVideo.keys()])
-      s.some((f) => f.socket === n) || this.sfuVideo.delete(n);
+      s.some((u) => u.socket === n) || this.sfuVideo.delete(n);
     for (const n of s) {
       if (n.audio || n.video) continue;
-      const f = this.audio.get(n.socket);
-      if (this.sfuAudio.has(n.socket) && (f == null ? void 0 : f.srcObject) instanceof MediaStream) {
-        n.audio = f.srcObject, n.connection = "connected";
+      const u = this.audio.get(n.socket);
+      if (this.sfuAudio.has(n.socket) && (u == null ? void 0 : u.srcObject) instanceof MediaStream) {
+        n.audio = u.srcObject, n.connection = "connected";
         continue;
       }
-      const u = this.links.get(n.socket);
-      if (u)
-        for (const m of u.pc.getReceivers()) {
+      const f = this.links.get(n.socket);
+      if (f)
+        for (const m of f.pc.getReceivers()) {
           if (((o = m.track) == null ? void 0 : o.readyState) !== "live") continue;
           const a = new MediaStream([m.track]);
           m.track.kind === "video" ? (r = this.remoteVideo.get(n.socket)) != null && r.size || (n.video = a) : n.audio = a;
@@ -291,8 +292,8 @@ class I {
     (o = this.sfu) == null || o.disconnect(), this.sfu = null;
     let i;
     try {
-      const f = await this.fetchSfu(e, s);
-      if (this.state.room !== e || this.state.self !== s || (i = new A(), this.sfu = i, await i.connect(f, {
+      const u = await this.fetchSfu(e, s);
+      if (this.state.room !== e || this.state.self !== s || (i = new L(), this.sfu = i, await i.connect(u, {
         onTrack: (a, d, v) => this.onSfuTrack(a, d, v),
         onTrackEnd: (a, d) => this.onSfuTrackEnd(a, d),
         onReconnecting: () => {
@@ -306,8 +307,8 @@ class I {
           }));
         }
       }), this.sfu !== i)) return;
-      const u = (r = this.mic) == null ? void 0 : r.getAudioTracks()[0];
-      u && await i.publishMic(u), this.state.muted && i.setMicMuted(!0);
+      const f = (r = this.mic) == null ? void 0 : r.getAudioTracks()[0];
+      f && await i.publishMic(f), this.state.muted && i.setMicMuted(!0);
       const m = (l = this.state.localScreen) == null ? void 0 : l.getVideoTracks()[0];
       m && this.state.sharing && await i.publishScreen(m);
       for (const a of this.exts) (n = a.sfu) == null || n.call(a, i);
@@ -320,7 +321,7 @@ class I {
       });
       return;
     }
-    this.meshCloseTimer && clearTimeout(this.meshCloseTimer), this.meshCloseTimer = setTimeout(() => this.closeMeshLinks(), L);
+    this.meshCloseTimer && clearTimeout(this.meshCloseTimer), this.meshCloseTimer = setTimeout(() => this.closeMeshLinks(), O);
   }
   /** The SFU's labelled video for a peer (#2858): camera tile and shared screen, apart. */
   sfuVideoOf(t) {
@@ -397,7 +398,7 @@ class I {
     });
   }
   async link(t) {
-    var f, u, m;
+    var u, f, m;
     const e = this.links.get(t);
     if (e) return e;
     const s = this.state.self, i = this.state.room;
@@ -406,15 +407,15 @@ class I {
     if (this.links.has(t)) return this.links.get(t) ?? null;
     const r = new RTCPeerConnection({ iceServers: o }), l = {
       pc: r,
-      polite: C(s, t),
+      polite: I(s, t),
       makingOffer: !1,
       ignoreOffer: !1,
       screenSender: null,
       queue: Promise.resolve()
     };
     this.links.set(t, l);
-    for (const a of ((f = this.mic) == null ? void 0 : f.getAudioTracks()) ?? []) r.addTrack(a, this.mic);
-    const n = (u = this.state.localScreen) == null ? void 0 : u.getVideoTracks()[0];
+    for (const a of ((u = this.mic) == null ? void 0 : u.getAudioTracks()) ?? []) r.addTrack(a, this.mic);
+    const n = (f = this.state.localScreen) == null ? void 0 : f.getVideoTracks()[0];
     n && this.state.localScreen && (l.screenSender = r.addTrack(n, this.state.localScreen));
     for (const a of this.exts) (m = a.link) == null || m.call(a, t, r);
     return r.onnegotiationneeded = async () => {
@@ -445,7 +446,7 @@ class I {
     i.set(e.id, o);
     const r = () => {
       var n;
-      const l = ((n = this.state.peers.find((f) => f.socket === t)) == null ? void 0 : n.cam) ?? null;
+      const l = ((n = this.state.peers.find((u) => u.socket === t)) == null ? void 0 : n.cam) ?? null;
       this.updatePeer(t, this.videoOf(t, l));
     };
     s.onended = () => {
@@ -511,7 +512,7 @@ class I {
     if (this.state.status !== "live" || this.state.sharing) return;
     let t;
     try {
-      t = await navigator.mediaDevices.getDisplayMedia(V);
+      t = await navigator.mediaDevices.getDisplayMedia(C);
     } catch {
       return;
     }
@@ -600,8 +601,12 @@ async function k(h, t) {
   const e = h;
   typeof e.setSinkId == "function" && await e.setSinkId(t).catch(() => null);
 }
-const N = new I();
-function F() {
+const D = new P();
+y("A huddle", () => {
+  const h = D.getSnapshot().status;
+  return h === "live" || h === "joining";
+});
+function _() {
   if (typeof navigator > "u" || typeof window > "u")
     return { audio: !1, screen: !1 };
   const h = navigator.mediaDevices;
@@ -611,11 +616,11 @@ function F() {
   };
 }
 export {
-  V as SCREEN_SHARE_OPTIONS,
-  q as formatElapsed,
-  N as huddleStore,
-  F as huddleSupport,
+  C as SCREEN_SHARE_OPTIONS,
+  H as formatElapsed,
+  D as huddleStore,
+  _ as huddleSupport,
   g as mergeRoster,
-  $ as peerSummary,
-  C as politeFor
+  F as peerSummary,
+  I as politeFor
 };

package/dist/shared/components/help-videos/api.js

@@ -66,13 +66,10 @@ function M(s, a = !0) {
   const e = d();
   return v([["help-videos", "for"]]), u({
     queryKey: l.forCtx(s),
-    enabled: a && !!(s.collection || s.page),
+    enabled: a && !!(s.collection || s.page || s.path),
     staleTime: 6e4,
     queryFn: () => e.request(
-      r(
-        "/help-videos/for",
-        s
-      )
+      r("/help-videos/for", s)
     )
   });
 }

package/dist/shared/components/help-videos/viewer/HelpVideoMatchChip.js

@@ -0,0 +1,79 @@
+import { jsxs as r, Fragment as C, jsx as t } from "react/jsx-runtime";
+import { PlayCircle as $, X as j } from "lucide-react";
+import { useState as v, useRef as H } from "react";
+import { useHelpVideosFor as V } from "../api.js";
+import { LazyHelpVideoSheet as D } from "./LazyHelpVideoSheet.js";
+import { readDismissed as F, chipVideo as R, chipLabel as L, rememberDismissed as O, chipAllowedOn as P } from "./matchChip.js";
+const x = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-nvr-cyan motion-reduce:transition-none";
+function W({
+  path: o,
+  app: s,
+  page: d,
+  collection: l,
+  item: a,
+  terms: i,
+  className: w
+}) {
+  var p, g, b;
+  const c = P(o), u = V(
+    {
+      path: o,
+      ...s ? { app: s } : {},
+      ...d ? { page: d } : {},
+      ...l ? { collection: l } : {},
+      ...a != null ? { item: a } : {},
+      ...i != null && i.length ? { terms: i.slice(0, 12).join(",") } : {}
+    },
+    c
+  ), [y, k] = v(() => F()), [h, n] = v(null), m = H(null), f = ((p = u.data) == null ? void 0 : p.data) ?? [], e = c ? R(f, (g = u.data) == null ? void 0 : g.best_id, y) : null;
+  return /* @__PURE__ */ r(C, { children: [
+    e && /* @__PURE__ */ t("div", { className: w, "data-hv-match-chip": !0, "data-nvr-recording-hide": !0, children: /* @__PURE__ */ r("div", { className: "inline-flex h-7 max-w-full items-center rounded-full border border-border bg-card text-[12px] text-foreground shadow-sm", children: [
+      /* @__PURE__ */ r(
+        "button",
+        {
+          ref: m,
+          type: "button",
+          onClick: () => n(e.id),
+          title: (b = e.match) != null && b.reason ? `${e.match.reason} — ${e.title}` : e.title,
+          className: `flex min-w-0 items-center gap-1.5 rounded-l-full py-1 pl-2.5 pr-1.5 transition-colors hover:bg-muted ${x}`,
+          "data-hv-match-play": e.id,
+          children: [
+            /* @__PURE__ */ t(
+              $,
+              {
+                className: "h-3.5 w-3.5 shrink-0 text-[#2563eb] dark:text-sky-300",
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ t("span", { className: "truncate", children: L(e) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          "aria-label": `Hide the suggestion "${e.title}"`,
+          onClick: () => k(O(e.id)),
+          className: `flex h-7 w-7 shrink-0 items-center justify-center rounded-r-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground ${x}`,
+          "data-hv-match-dismiss": !0,
+          children: /* @__PURE__ */ t(j, { className: "h-3.5 w-3.5", "aria-hidden": "true" })
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ t(
+      D,
+      {
+        videoId: h,
+        open: !!h,
+        onOpenChange: (N) => !N && n(null),
+        upNext: f,
+        onPick: n,
+        returnFocusRef: m
+      }
+    )
+  ] });
+}
+export {
+  W as HelpVideoMatchChip
+};

package/dist/shared/components/help-videos/viewer/matchChip.js

@@ -0,0 +1,50 @@
+import { isGettingReady as c, formatDuration as a } from "./format.js";
+const o = "nvr_hv_chip_dismissed";
+function l() {
+  try {
+    return typeof window < "u" ? window.localStorage : null;
+  } catch {
+    return null;
+  }
+}
+function s(t = l()) {
+  try {
+    const e = t == null ? void 0 : t.getItem(o), r = e ? JSON.parse(e) : [];
+    return new Set(
+      Array.isArray(r) ? r.filter((n) => typeof n == "string").map((n) => n.toLowerCase()) : []
+    );
+  } catch {
+    return /* @__PURE__ */ new Set();
+  }
+}
+function d(t, e = l()) {
+  const r = s(e);
+  r.delete(t.toLowerCase());
+  const n = [...r, t.toLowerCase()].slice(-200);
+  try {
+    e == null || e.setItem(o, JSON.stringify(n));
+  } catch {
+  }
+  return new Set(n);
+}
+function m(t, e, r) {
+  var i;
+  if (!e || !(t != null && t.length)) return null;
+  const n = t.find((u) => u.id.toLowerCase() === e.toLowerCase());
+  return !n || r.has(n.id.toLowerCase()) || (i = n.my_progress) != null && i.completed || c(n) ? null : n;
+}
+function w(t) {
+  const e = t.duration_ms != null ? ` (${a(t.duration_ms)})` : "";
+  return `Watch: ${t.title}${e}`;
+}
+function p(t) {
+  return !/^\/(help-videos|help\/videos)(\/|$)/.test(t);
+}
+export {
+  o as CHIP_DISMISSED_KEY,
+  p as chipAllowedOn,
+  w as chipLabel,
+  m as chipVideo,
+  s as readDismissed,
+  d as rememberDismissed
+};