@hadoku/watchparty-ui 0.44.16 → 0.44.19

package/dist/chunks/{MediaDrawer-CgoGUHwV.js → MediaDrawer-DYNPH01V.js}

@@ -1,8 +1,8 @@
 import { jsxs as u, jsx as a, Fragment as j } from "react/jsx-runtime";
 import { useState as x, useEffect as D, useRef as ce, useMemo as ke, useCallback as Se } from "react";
-import { g as K, aA as Y, d as A, ap as Fe, w as q, _ as Q, aB as Be, aC as De, h as se, v as Oe, I as Ce, aD as Pe } from "./index-Buah62TP.js";
-import { D as $e, a as ae, u as Ge, s as je, b as qe } from "./Room-CoE8L9aw.js";
-import { s as Ee, a as W, g as ue, f as He, b as pe, h as Ve, u as We, c as ze, e as Ye, d as Je, i as Ke, j as Qe, k as Xe } from "./submissionsApi-DXsG0ItW.js";
+import { g as K, ay as Y, d as A, an as Fe, w as q, Y as Q, az as Be, aA as De, h as se, t as Oe, G as Ce, aB as Pe } from "./index-DWgUNApo.js";
+import { D as $e, a as ae, u as Ge, s as je, b as qe } from "./Room-C1DWAuT8.js";
+import { s as Ee, a as V, g as ue, f as He, b as pe, h as ze, u as Ve, c as We, e as Ye, d as Je, i as Ke, j as Qe, k as Xe } from "./submissionsApi-D9R81t17.js";
 import { Icon as re } from "@wolffm/themes";
 import { b as Ze } from "./cover-AUIrlUMF.js";
 const ne = /* @__PURE__ */ new Map(), Z = /* @__PURE__ */ new Map(), et = 6e4;
@@ -86,13 +86,13 @@ function he(e, r, t, l) {
   });
 }
 const lt = "Anime";
-function z(e) {
+function W(e) {
   return e === lt;
 }
 function ot(e, r, t) {
   return e.map(
     (l) => t(
-      { ...l, expanded: z(l.name) },
+      { ...l, expanded: W(l.name) },
       r(l).map((o) => ({ ...o, expanded: !1 }))
     )
   );
@@ -121,10 +121,10 @@ async function ye(e) {
     const v = [];
     for (const f of l[y])
       f && (c.key === "anime" && it(f.name) ? i.push(f) : v.push(f));
-    v.length && o.push({ type: "category", name: c.label, series: v, expanded: z(c.label) });
+    v.length && o.push({ type: "category", name: c.label, series: v, expanded: W(c.label) });
   });
   const p = (t?.dirs ?? []).map((c) => ({ type: "playlist", name: c.name, playlistId: c.name }));
-  return p.length && o.push({ type: "playlist_category", name: "Playlists", playlists: p, expanded: z("Playlists") }), i.length && o.push({ type: "category", name: "Ecchi", series: i, expanded: z("Ecchi") }), o;
+  return p.length && o.push({ type: "playlist_category", name: "Playlists", playlists: p, expanded: W("Playlists") }), i.length && o.push({ type: "category", name: "Ecchi", series: i, expanded: W("Ecchi") }), o;
 }
 const dt = /^(?:https?|magnet):/i;
 function Ae(e) {
@@ -192,15 +192,15 @@ function ft({ query: e, onSubmitted: r }) {
     const m = await mt(d.source, d.id);
     v((S) => ({ ...S, [N]: m.ok || m.code === "exists" ? "added" : `error ${m.status}` }));
   }
-  async function L(d) {
+  async function R(d) {
     const N = `yt:${d.id}`;
     v((S) => ({ ...S, [N]: "adding" }));
     const m = await Ee(d.url, d.title);
-    m.ok ? (v((S) => ({ ...S, [N]: "added" })), r(m.value)) : v((S) => ({ ...S, [N]: W(m.failure) }));
+    m.ok ? (v((S) => ({ ...S, [N]: "added" })), r(m.value)) : v((S) => ({ ...S, [N]: V(m.failure) }));
   }
-  const T = f?.ok && $?.ok && f.value.length === 0 && $.value.length === 0;
+  const _ = f?.ok && $?.ok && f.value.length === 0 && $.value.length === 0;
   return /* @__PURE__ */ u("div", { className: "border-b border-border", "data-testid": "media-search", children: [
-    T && /* @__PURE__ */ a("div", { className: "px-3 py-2 text-[11px] text-text-muted", children: "no results" }),
+    _ && /* @__PURE__ */ a("div", { className: "px-3 py-2 text-[11px] text-text-muted", children: "no results" }),
     /* @__PURE__ */ a(we, { label: "Shows", answer: f, testId: "search-shows", children: f?.ok && f.value.map((d) => {
       const N = `${d.source}:${d.id}`, m = d.onWatchlist ? "added" : y[N];
       return /* @__PURE__ */ a(
@@ -233,7 +233,7 @@ function ft({ query: e, onSubmitted: r }) {
         canAdd: !0,
         addLabel: `Request ${d.title}`,
         onAdd: () => {
-          L(d);
+          R(d);
         }
       },
       d.id
@@ -301,7 +301,7 @@ function xt({ item: e }) {
   );
 }
 function yt({ open: e, onClose: r }) {
-  const [t, l] = x(""), [o, i] = x(""), [p, c] = x(""), [y, v] = x(!1), [f, $] = x([]), [M, L] = x(!1), [T, d] = x(null), [N, m] = x(null), [S, H] = x(null), [_, V] = x(null), [R, O] = x(null), [U, n] = x(!1), [h, g] = x(null), [b, k] = x(null), E = ce(null), P = ce(!1), F = ke(() => ue(t), [t]) === "magnet" && t.trim().length > 0, ie = Ae(t), B = Se(async () => {
+  const [t, l] = x(""), [o, i] = x(""), [p, c] = x(""), [y, v] = x(!1), [f, $] = x([]), [M, R] = x(!1), [_, d] = x(null), [N, m] = x(null), [S, H] = x(null), [L, z] = x(null), [T, O] = x(null), [U, n] = x(!1), [h, g] = x(null), [b, k] = x(null), E = ce(null), P = ce(!1), F = ke(() => ue(t), [t]) === "magnet" && t.trim().length > 0, ie = Ae(t), B = Se(async () => {
     const s = await He();
     P.current && (s.ok ? (m(s.value), H(null)) : H(s.failure));
   }, []);
@@ -318,7 +318,7 @@ function yt({ open: e, onClose: r }) {
     if (!e) return;
     let s = !0;
     return pe().then((w) => {
-      s && w.ok && V(w.value);
+      s && w.ok && z(w.value);
     }), () => {
       s = !1;
     };
@@ -332,66 +332,66 @@ function yt({ open: e, onClose: r }) {
       s = !1;
     };
   }, [e]);
-  function _e(s) {
+  function Le(s) {
     if (l(s), ue(s) === "magnet" && s.trim().length > 0 && !y) {
       const C = Ye(s);
       C && c(C);
     }
   }
-  function Le() {
+  function Re() {
     l(""), i(""), c(""), v(!1);
   }
-  const le = !F || o.trim().length > 0 && Ve(p);
+  const le = !F || o.trim().length > 0 && ze(p);
   async function oe() {
     const s = t.trim();
     if (!s || M || ie || F && !le) return;
-    L(!0), d(null);
+    R(!0), d(null);
     const w = F ? await Je(s, { title: p.trim() || void 0, series: o.trim() }) : await Ee(s);
-    if (L(!1), !w.ok) {
+    if (R(!1), !w.ok) {
       d(w.failure);
       return;
     }
-    A("submissions", "Submit accepted", { id: w.value.id, state: w.value.state }), Le(), m((C) => [w.value, ...(C ?? []).filter((I) => I.id !== w.value.id)]), B();
+    A("submissions", "Submit accepted", { id: w.value.id, state: w.value.state }), Re(), m((C) => [w.value, ...(C ?? []).filter((I) => I.id !== w.value.id)]), B();
   }
-  function Re(s) {
+  function Te(s) {
     const w = s.target.files?.[0] ?? null;
-    if (k(null), w && _ && w.size > _.maxBytes) {
-      O(null), k({ code: "too_large", maxBytes: _.maxBytes }), E.current && (E.current.value = "");
+    if (k(null), w && L && w.size > L.maxBytes) {
+      O(null), k({ code: "too_large", maxBytes: L.maxBytes }), E.current && (E.current.value = "");
       return;
     }
     O(w);
   }
-  async function Te() {
-    if (!R || U) return;
+  async function _e() {
+    if (!T || U) return;
     n(!0), k(null);
-    let s = _;
+    let s = L;
     if (!s) {
       const I = await pe();
       if (!I.ok) {
         n(!1), k(I.failure);
         return;
       }
-      s = I.value, V(s);
+      s = I.value, z(s);
     }
-    if (R.size > s.maxBytes) {
+    if (T.size > s.maxBytes) {
       n(!1), k({ code: "too_large", maxBytes: s.maxBytes });
       return;
     }
-    const w = await Ke(R, s, (I, X, Ue) => {
+    const w = await Ke(T, s, (I, X, Ue) => {
       g({ sent: I, total: X, phase: Ue });
     });
     if (!w.ok) {
       n(!1), g(null), k(w.failure);
       return;
     }
-    const C = await Qe(w.value.fileId, R.name);
+    const C = await Qe(w.value.fileId, T.name);
     if (n(!1), g(null), !C.ok) {
       k(C.failure);
       return;
     }
     A("submissions", "Upload accepted", { id: C.value.id }), O(null), E.current && (E.current.value = ""), m((I) => [C.value, ...(I ?? []).filter((X) => X.id !== C.value.id)]), B();
   }
-  const de = b ? "maxBytes" in b || b.code === "target_unavailable" || b.code === "upload_failed" ? We(b) : W(b) : null;
+  const de = b ? "maxBytes" in b || b.code === "target_unavailable" || b.code === "upload_failed" ? Ve(b) : V(b) : null;
   return /* @__PURE__ */ u(
     $e,
     {
@@ -417,7 +417,7 @@ function yt({ open: e, onClose: r }) {
             "input",
             {
               value: t,
-              onChange: (s) => _e(s.target.value),
+              onChange: (s) => Le(s.target.value),
               onKeyDown: (s) => {
                 s.key === "Enter" && !F && oe();
               },
@@ -465,7 +465,7 @@ function yt({ open: e, onClose: r }) {
                 children: M ? "Submitting…" : "Submit"
               }
             ),
-            T && /* @__PURE__ */ a("span", { "data-testid": "submit-failure", className: "text-[11px] bg-danger-bg text-on-danger-bg px-1.5 py-0.5 rounded", children: W(T) })
+            _ && /* @__PURE__ */ a("span", { "data-testid": "submit-failure", className: "text-[11px] bg-danger-bg text-on-danger-bg px-1.5 py-0.5 rounded", children: V(_) })
           ] })
         ] }),
         /* @__PURE__ */ a(
@@ -482,7 +482,7 @@ function yt({ open: e, onClose: r }) {
               {
                 ref: E,
                 type: "file",
-                onChange: Re,
+                onChange: Te,
                 "aria-label": "Upload file",
                 className: "text-[11px] flex-1 min-w-0"
               }
@@ -491,20 +491,20 @@ function yt({ open: e, onClose: r }) {
               "button",
               {
                 onClick: () => {
-                  Te();
+                  _e();
                 },
-                disabled: !R || U,
+                disabled: !T || U,
                 "aria-label": "Upload",
                 className: "drawer-btn drawer-btn-primary",
                 children: U ? h?.phase === "assembling" ? "Assembling…" : "Uploading…" : "Upload"
               }
             )
           ] }),
-          /* @__PURE__ */ a("span", { className: "text-[10px] text-text-muted", "data-testid": "upload-cap", children: _ ? `cap ${ze(_.maxBytes)}` : "" }),
+          /* @__PURE__ */ a("span", { className: "text-[10px] text-text-muted", "data-testid": "upload-cap", children: L ? `cap ${We(L.maxBytes)}` : "" }),
           de && /* @__PURE__ */ a("span", { "data-testid": "upload-failure", className: "text-[11px] bg-danger-bg text-on-danger-bg px-1.5 py-0.5 rounded", children: de })
         ] }),
         /* @__PURE__ */ u("div", { className: "flex-1 overflow-auto", "data-testid": "my-submissions", children: [
-          S && /* @__PURE__ */ a("div", { className: "mx-3 my-2 px-3 py-2 text-[11px] bg-danger-bg text-on-danger-bg rounded", children: W(S) }),
+          S && /* @__PURE__ */ a("div", { className: "mx-3 my-2 px-3 py-2 text-[11px] bg-danger-bg text-on-danger-bg rounded", children: V(S) }),
           N?.map((s) => /* @__PURE__ */ a(xt, { item: s }, s.id))
         ] })
       ]
@@ -554,8 +554,8 @@ function Nt({ onDone: e }) {
   }, className: "drawer-btn drawer-btn-danger ml-auto", children: "Stop game" }) : null;
 }
 const G = (e) => e.type === "category" ? e.series : [], te = (e, r) => e.type === "category" ? { ...e, series: r } : e;
-function _t({ open: e, onClose: r }) {
-  const [t, l] = x(!1), [o, i] = x(null), [p, c] = x([]), [y, v] = x(""), [f, $] = x(!1), [M, L] = x("watch"), T = se((n) => n.snapshot.mediaId), d = Xe(), N = Se(async () => {
+function Lt({ open: e, onClose: r }) {
+  const [t, l] = x(!1), [o, i] = x(null), [p, c] = x([]), [y, v] = x(""), [f, $] = x(!1), [M, R] = x("watch"), _ = se((n) => n.snapshot.mediaId), d = Xe(), N = Se(async () => {
     l(!0), i(null);
     try {
       const n = await ye(J);
@@ -578,7 +578,7 @@ function _t({ open: e, onClose: r }) {
       n = !1;
     };
   }, [m]), D(() => {
-    e && (L("watch"), c((n) => ot(n, G, te)), N());
+    e && (R("watch"), c((n) => ot(n, G, te)), N());
   }, [e, N]);
   function S(n) {
     je(n), A("catalog", "control_load", { mediaId: n }), r();
@@ -586,13 +586,13 @@ function _t({ open: e, onClose: r }) {
   function H(n) {
     Pe(n), A("catalog", "playlist_load", { playlistId: n }), r();
   }
-  function _() {
+  function L() {
     qe(), A("controls", "Unload media clicked (media drawer)"), r();
   }
-  function V(n, h) {
+  function z(n, h) {
     c((g) => g.map((b, k) => k !== n || !("series" in b) ? b : { ...b, series: b.series.map((E, P) => P !== h ? E : { ...E, expanded: !E.expanded }) }));
   }
-  function R(n) {
+  function T(n) {
     c((h) => h.map((g, b) => b !== n ? g : { ...g, expanded: !g.expanded }));
   }
   function O() {
@@ -626,7 +626,7 @@ function _t({ open: e, onClose: r }) {
             {
               role: "tab",
               "aria-selected": M === n,
-              onClick: () => L(n),
+              onClick: () => R(n),
               className: "tl-tab",
               children: n === "watch" ? "Watch" : "Play"
             },
@@ -643,10 +643,10 @@ function _t({ open: e, onClose: r }) {
                 children: "Add"
               }
             ),
-            T && /* @__PURE__ */ a(
+            _ && /* @__PURE__ */ a(
               "button",
               {
-                onClick: _,
+                onClick: L,
                 title: "Unload the current media for everyone in the room",
                 className: "drawer-btn drawer-btn-primary",
                 children: "Unload"
@@ -671,7 +671,7 @@ function _t({ open: e, onClose: r }) {
                   className: "flex items-center gap-2 cursor-pointer select-none group",
                   "data-category": n.name,
                   "data-expanded": n.expanded ? "true" : "false",
-                  onClick: () => R(h),
+                  onClick: () => T(h),
                   children: [
                     /* @__PURE__ */ a("span", { className: "text-xs uppercase tracking-wider text-text-muted group-hover:text-text-secondary", children: n.name }),
                     /* @__PURE__ */ a("span", { className: "text-[10px] opacity-50", children: n.expanded ? "−" : "+" })
@@ -687,7 +687,7 @@ function _t({ open: e, onClose: r }) {
               ] }),
               n.expanded && n.type === "category" && /* @__PURE__ */ u("div", { className: "mt-2 space-y-2", children: [
                 n.series.map((g, b) => /* @__PURE__ */ u("div", { children: [
-                  /* @__PURE__ */ u("div", { className: "flex items-center gap-2 cursor-pointer text-text-secondary hover:text-text", onClick: () => V(h, b), children: [
+                  /* @__PURE__ */ u("div", { className: "flex items-center gap-2 cursor-pointer text-text-secondary hover:text-text", onClick: () => z(h, b), children: [
                     /* @__PURE__ */ a("span", { className: "text-xs font-medium", children: g.name }),
                     /* @__PURE__ */ a("span", { className: "text-[10px] opacity-40", children: g.expanded ? "−" : "+" })
                   ] }),
@@ -710,6 +710,6 @@ function _t({ open: e, onClose: r }) {
   ] });
 }
 export {
-  _t as default
+  Lt as default
 };
-//# sourceMappingURL=MediaDrawer-CgoGUHwV.js.map
+//# sourceMappingURL=MediaDrawer-DYNPH01V.js.map