@hadoku/watchparty-ui 0.44.13 → 0.44.16

package/dist/chunks/{MediaDrawer-C7esBn07.js → MediaDrawer-CgoGUHwV.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, at as Y, d as A, aj as Fe, w as q, U as Q, au as Be, av as De, h as se, v as Oe, G as Ce, aw as Pe } from "./index-CR-0msod.js";
-import { D as $e, a as ae, u as Ge, s as je, b as qe } from "./Room-gmERzNR6.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-DsHETYSv.js";
+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 { 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;
@@ -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 R(d) {
+  async function L(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) }));
   }
-  const _ = f?.ok && $?.ok && f.value.length === 0 && $.value.length === 0;
+  const T = f?.ok && $?.ok && f.value.length === 0 && $.value.length === 0;
   return /* @__PURE__ */ u("div", { className: "border-b border-border", "data-testid": "media-search", children: [
-    _ && /* @__PURE__ */ a("div", { className: "px-3 py-2 text-[11px] text-text-muted", children: "no results" }),
+    T && /* @__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: () => {
-          R(d);
+          L(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, R] = x(!1), [_, d] = x(null), [N, m] = x(null), [S, H] = x(null), [L, V] = 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 [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 s = await He();
     P.current && (s.ok ? (m(s.value), H(null)) : H(s.failure));
   }, []);
@@ -332,39 +332,39 @@ function yt({ open: e, onClose: r }) {
       s = !1;
     };
   }, [e]);
-  function Le(s) {
+  function _e(s) {
     if (l(s), ue(s) === "magnet" && s.trim().length > 0 && !y) {
       const C = Ye(s);
       C && c(C);
     }
   }
-  function Re() {
+  function Le() {
     l(""), i(""), c(""), v(!1);
   }
   const le = !F || o.trim().length > 0 && Ve(p);
   async function oe() {
     const s = t.trim();
     if (!s || M || ie || F && !le) return;
-    R(!0), d(null);
+    L(!0), d(null);
     const w = F ? await Je(s, { title: p.trim() || void 0, series: o.trim() }) : await Ee(s);
-    if (R(!1), !w.ok) {
+    if (L(!1), !w.ok) {
       d(w.failure);
       return;
     }
-    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();
+    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();
   }
-  function Te(s) {
+  function Re(s) {
     const w = s.target.files?.[0] ?? null;
-    if (k(null), w && L && w.size > L.maxBytes) {
-      O(null), k({ code: "too_large", maxBytes: L.maxBytes }), E.current && (E.current.value = "");
+    if (k(null), w && _ && w.size > _.maxBytes) {
+      O(null), k({ code: "too_large", maxBytes: _.maxBytes }), E.current && (E.current.value = "");
       return;
     }
     O(w);
   }
-  async function _e() {
-    if (!T || U) return;
+  async function Te() {
+    if (!R || U) return;
     n(!0), k(null);
-    let s = L;
+    let s = _;
     if (!s) {
       const I = await pe();
       if (!I.ok) {
@@ -373,18 +373,18 @@ function yt({ open: e, onClose: r }) {
       }
       s = I.value, V(s);
     }
-    if (T.size > s.maxBytes) {
+    if (R.size > s.maxBytes) {
       n(!1), k({ code: "too_large", maxBytes: s.maxBytes });
       return;
     }
-    const w = await Ke(T, s, (I, X, Ue) => {
+    const w = await Ke(R, 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, T.name);
+    const C = await Qe(w.value.fileId, R.name);
     if (n(!1), g(null), !C.ok) {
       k(C.failure);
       return;
@@ -417,7 +417,7 @@ function yt({ open: e, onClose: r }) {
             "input",
             {
               value: t,
-              onChange: (s) => Le(s.target.value),
+              onChange: (s) => _e(s.target.value),
               onKeyDown: (s) => {
                 s.key === "Enter" && !F && oe();
               },
@@ -465,7 +465,7 @@ function yt({ open: e, onClose: r }) {
                 children: M ? "Submitting…" : "Submit"
               }
             ),
-            _ && /* @__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: W(T) })
           ] })
         ] }),
         /* @__PURE__ */ a(
@@ -482,7 +482,7 @@ function yt({ open: e, onClose: r }) {
               {
                 ref: E,
                 type: "file",
-                onChange: Te,
+                onChange: Re,
                 "aria-label": "Upload file",
                 className: "text-[11px] flex-1 min-w-0"
               }
@@ -491,16 +491,16 @@ function yt({ open: e, onClose: r }) {
               "button",
               {
                 onClick: () => {
-                  _e();
+                  Te();
                 },
-                disabled: !T || U,
+                disabled: !R || 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: L ? `cap ${ze(L.maxBytes)}` : "" }),
+          /* @__PURE__ */ a("span", { className: "text-[10px] text-text-muted", "data-testid": "upload-cap", children: _ ? `cap ${ze(_.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: [
@@ -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 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 () => {
+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 () => {
     l(!0), i(null);
     try {
       const n = await ye(J);
@@ -578,7 +578,7 @@ function Lt({ open: e, onClose: r }) {
       n = !1;
     };
   }, [m]), D(() => {
-    e && (R("watch"), c((n) => ot(n, G, te)), N());
+    e && (L("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 Lt({ open: e, onClose: r }) {
   function H(n) {
     Pe(n), A("catalog", "playlist_load", { playlistId: n }), r();
   }
-  function L() {
+  function _() {
     qe(), A("controls", "Unload media clicked (media drawer)"), r();
   }
   function V(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 T(n) {
+  function R(n) {
     c((h) => h.map((g, b) => b !== n ? g : { ...g, expanded: !g.expanded }));
   }
   function O() {
@@ -626,7 +626,7 @@ function Lt({ open: e, onClose: r }) {
             {
               role: "tab",
               "aria-selected": M === n,
-              onClick: () => R(n),
+              onClick: () => L(n),
               className: "tl-tab",
               children: n === "watch" ? "Watch" : "Play"
             },
@@ -643,10 +643,10 @@ function Lt({ open: e, onClose: r }) {
                 children: "Add"
               }
             ),
-            _ && /* @__PURE__ */ a(
+            T && /* @__PURE__ */ a(
               "button",
               {
-                onClick: L,
+                onClick: _,
                 title: "Unload the current media for everyone in the room",
                 className: "drawer-btn drawer-btn-primary",
                 children: "Unload"
@@ -671,7 +671,7 @@ function Lt({ 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: () => T(h),
+                  onClick: () => R(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 ? "−" : "+" })
@@ -710,6 +710,6 @@ function Lt({ open: e, onClose: r }) {
   ] });
 }
 export {
-  Lt as default
+  _t as default
 };
-//# sourceMappingURL=MediaDrawer-C7esBn07.js.map
+//# sourceMappingURL=MediaDrawer-CgoGUHwV.js.map