@hadoku/watchparty-ui 0.44.6 → 0.44.8

package/dist/room-chrome.js

@@ -495,19 +495,19 @@ function vr(e) {
   const t = e && typeof e == "object" ? e : {}, n = yr(t.mode) ? t.mode : rn.mode, o = Number(t.percent), i = Number.isFinite(o) ? Math.min(100, Math.max(0, Math.round(o))) : 0;
   return { mode: n, percent: i };
 }
-function wr(e) {
+function Sr(e) {
   let t = 2166136261;
   for (let n = 0; n < e.length; n++)
     t ^= e.charCodeAt(n), t = Math.imul(t, 16777619) >>> 0;
   return t >>> 0;
 }
-function Sr(e, t, n) {
+function wr(e, t, n) {
   if (n === !0)
     return "fragment";
   if (n === !1)
     return "range";
   const o = vr(e);
-  return o.mode === "on" ? "fragment" : o.mode === "off" || o.percent <= 0 ? "range" : o.percent >= 100 || t && wr(t) % 100 < o.percent ? "fragment" : "range";
+  return o.mode === "on" ? "fragment" : o.mode === "off" || o.percent <= 0 ? "range" : o.percent >= 100 || t && Sr(t) % 100 < o.percent ? "fragment" : "range";
 }
 const on = r.enum(["url", "magnet", "upload"]), _r = r.enum([
   "pending",
@@ -575,25 +575,25 @@ r.object({
   /** The cap that was applied, from the server's config. */
   capBytes: r.number().int().nonnegative()
 });
-const Ir = /^[a-z0-9][a-z0-9-]{0,31}$/, wt = "https://game-catalog.invalid";
+const Ir = /^[a-z0-9][a-z0-9-]{0,31}$/, St = "https://game-catalog.invalid";
 function Tr(e) {
   if (!e.startsWith("/") || e.startsWith("//") || /[\\\s]/.test(e) || [...e].some((t) => t.charCodeAt(0) < 32 || t.charCodeAt(0) === 127))
     return !1;
   try {
-    return new URL(e, wt).origin === wt;
+    return new URL(e, St).origin === St;
   } catch {
     return !1;
   }
 }
 const sn = r.string().min(2).max(512).refine(Tr, {
   message: "must be a root-relative path on the page origin (e.g. /cardtable/embed/x.js)"
-}), St = {
+}), wt = {
   id: r.string().regex(Ir),
   name: r.string().min(1).max(64),
   cover: sn.optional()
 }, Er = r.discriminatedUnion("kind", [
-  r.object({ ...St, kind: r.literal("iframe") }).strict(),
-  r.object({ ...St, kind: r.literal("module"), url: sn }).strict()
+  r.object({ ...wt, kind: r.literal("iframe") }).strict(),
+  r.object({ ...wt, kind: r.literal("module"), url: sn }).strict()
 ]);
 r.array(Er).max(32).refine((e) => new Set(e.map((t) => t.id)).size === e.length, { message: "game ids must be unique" });
 const ot = r.enum(["anilist", "tmdb"]), Ar = r.object({
@@ -736,24 +736,24 @@ function Wr({ onClose: e, onPick: t, onUnavailable: n }) {
     mn,
     o.trim()
   ), T = p?.reason ?? null, C = Q(() => {
-    const w = /* @__PURE__ */ new Set();
-    return f.filter((R) => w.has(R.key) ? !1 : (w.add(R.key), !0));
-  }, [f]), [h, _] = P(null), S = J(null), k = N(() => {
-    S.current !== null && (window.clearTimeout(S.current), S.current = null);
+    const S = /* @__PURE__ */ new Set();
+    return f.filter((R) => S.has(R.key) ? !1 : (S.add(R.key), !0));
+  }, [f]), [h, _] = P(null), w = J(null), k = N(() => {
+    w.current !== null && (window.clearTimeout(w.current), w.current = null);
   }, []), u = N(() => {
     k(), _(null);
   }, [k]), v = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(hover: hover)").matches, E = N(
-    (w, R, L = !1) => {
+    (S, R, L = !1) => {
       const F = s.current;
       if (!F) return;
       const W = () => _({
-        item: w,
+        item: S,
         ...Br(R.getBoundingClientRect(), F.getBoundingClientRect(), {
           width: window.innerWidth,
           height: window.innerHeight
         })
       });
-      k(), L ? W() : S.current = window.setTimeout(W, Gr);
+      k(), L ? W() : w.current = window.setTimeout(W, Gr);
     },
     [k]
   );
@@ -762,17 +762,17 @@ function Wr({ onClose: e, onPick: t, onUnavailable: n }) {
   }, [T, n]), O(() => {
     a.current?.focus();
   }, []), O(() => {
-    const w = (L) => {
+    const S = (L) => {
       L.key === "Escape" && (L.stopPropagation(), e());
     }, R = (L) => {
       s.current && !s.current.contains(L.target) && e();
     };
-    return document.addEventListener("keydown", w), document.addEventListener("mousedown", R), () => {
-      document.removeEventListener("keydown", w), document.removeEventListener("mousedown", R);
+    return document.addEventListener("keydown", S), document.addEventListener("mousedown", R), () => {
+      document.removeEventListener("keydown", S), document.removeEventListener("mousedown", R);
     };
   }, [e]);
-  const U = N((w) => {
-    t(w), e();
+  const U = N((S) => {
+    t(S), e();
   }, [t, e]), H = !g && !p && C.length === 0;
   return /* @__PURE__ */ b(
     "div",
@@ -789,7 +789,7 @@ function Wr({ onClose: e, onPick: t, onUnavailable: n }) {
             ref: a,
             type: "text",
             value: o,
-            onChange: (w) => i(w.target.value),
+            onChange: (S) => i(S.target.value),
             placeholder: "Search memes...",
             "aria-label": "Search memes",
             "data-testid": "meme-search",
@@ -813,34 +813,34 @@ function Wr({ onClose: e, onPick: t, onUnavailable: n }) {
                 }
               ),
               H && /* @__PURE__ */ l("p", { className: "p-4 text-center text-sm text-text-secondary", children: o.trim() ? `No memes match "${o.trim()}"` : "The meme library is empty" }),
-              C.length > 0 && /* @__PURE__ */ l("div", { className: "grid grid-cols-3 gap-1.5 sm:grid-cols-4", children: C.map((w) => {
-                const R = Pe(w.key);
+              C.length > 0 && /* @__PURE__ */ l("div", { className: "grid grid-cols-3 gap-1.5 sm:grid-cols-4", children: C.map((S) => {
+                const R = Pe(S.key);
                 return R ? /* @__PURE__ */ l(
                   "button",
                   {
                     type: "button",
-                    onClick: () => U(w),
-                    title: w.title,
+                    onClick: () => U(S),
+                    title: S.title,
                     "data-testid": "meme-result",
                     onMouseEnter: (L) => {
-                      v && E(w, L.currentTarget);
+                      v && E(S, L.currentTarget);
                     },
                     onMouseLeave: u,
-                    onFocus: (L) => E(w, L.currentTarget, !0),
+                    onFocus: (L) => E(S, L.currentTarget, !0),
                     onBlur: u,
                     className: "group relative aspect-square overflow-hidden rounded border border-border-light bg-bg-alt focus:outline-none focus:border-primary hover:border-primary",
                     children: /* @__PURE__ */ l(
                       "img",
                       {
                         src: R,
-                        alt: w.title || "Meme",
+                        alt: S.title || "Meme",
                         loading: "lazy",
                         decoding: "async",
                         className: "h-full w-full object-cover"
                       }
                     )
                   },
-                  w.key
+                  S.key
                 ) : null;
               }) }),
               g && /* @__PURE__ */ l("p", { className: "p-2 text-center text-xs text-text-secondary", children: "Loading…" }),
@@ -995,10 +995,10 @@ const de = [], Zr = 500;
 let Te = [], Xe = null;
 const Qr = 1e3, eo = 200;
 let Je = null;
-function wn(e) {
+function Sn(e) {
   Je = e;
 }
-function Sn() {
+function wn() {
   return G(oe.REPORT_LOGS_FLAG) === "true";
 }
 function to() {
@@ -1047,7 +1047,7 @@ function st(e, t, n, o, i, s, a) {
     data: a,
     timestamp: Date.now()
   };
-  if (oo(c), (n || Sn()) && _t(c), !o) {
+  if (oo(c), (n || wn()) && _t(c), !o) {
     if (!to()) return;
     const p = no();
     if (p && !p.has(i.toLowerCase())) return;
@@ -1142,7 +1142,7 @@ async function fo() {
 }
 function _t(e) {
   if (Te.push(e), !Xe) {
-    const t = Sn() ? eo : Qr;
+    const t = wn() ? eo : Qr;
     Xe = setTimeout(fo, t);
   }
 }
@@ -1192,9 +1192,9 @@ function He(e) {
   const t = he().serverOrigin.replace(/\/$/, ""), n = hr[e];
   return `${t}/media/sprites/square_${e}.png${n > 1 ? `?v=${n}` : ""}`;
 }
-let pe = null, we = null;
+let pe = null, Se = null;
 function yo() {
-  return pe ? Promise.resolve() : we || (we = (async () => {
+  return pe ? Promise.resolve() : Se || (Se = (async () => {
     try {
       const e = he().serverOrigin.replace(/\/$/, ""), t = await fetch(`${e}/media/sprites/names.json`, { cache: "no-cache" });
       if (!t.ok) return;
@@ -1203,7 +1203,7 @@ function yo() {
     } catch (e) {
       d("characters", "display names fetch failed (degrading to sprite IDs)", ge(e));
     }
-  })(), we);
+  })(), Se);
 }
 function te(e) {
   return pe?.[e] || e.charAt(0).toUpperCase() + e.slice(1);
@@ -1234,12 +1234,12 @@ const vo = r.object({
 }), me = Wn({
   appId: "watchparty",
   schema: vo
-}), wo = /* @__PURE__ */ new Set(["theme", "themeMode"]);
+}), So = /* @__PURE__ */ new Set(["theme", "themeMode"]);
 function Oe(e) {
   const t = lt();
   return t ? `prefs-cache:${t}:${e}` : null;
 }
-function So() {
+function wo() {
   return lt() === null;
 }
 function Ct(e) {
@@ -1276,7 +1276,7 @@ function _o() {
 let xn = null, Cn = null;
 const kt = /* @__PURE__ */ new Set();
 function dt() {
-  if (So())
+  if (wo())
     return d("preferences", "Boot read deferred — session pending, identity unresolved"), {};
   const e = Ct("portfolio"), t = Ct("watchparty"), n = Object.keys(e).length > 0 ? e : xn ?? {}, o = Object.keys(t).length > 0 ? t : Cn ?? {}, i = ct() || "public";
   if (kt.has(i))
@@ -1306,11 +1306,11 @@ function xo() {
   return !e || e === "public";
 }
 function K(e, t) {
-  xo() && (kn = !0), wo.has(e) ? ce.save({ [e]: t }, { scope: "device" }).catch((n) => A("preferences", "themePrefs.save failed", { key: e, err: n?.message })) : me.save({ [e]: t }).catch((n) => A("preferences", "watchpartyPrefs.save failed", { key: e, err: n?.message })), d("preferences", "Saved (via SDK)", { key: e, value: t });
+  xo() && (kn = !0), So.has(e) ? ce.save({ [e]: t }, { scope: "device" }).catch((n) => A("preferences", "themePrefs.save failed", { key: e, err: n?.message })) : me.save({ [e]: t }).catch((n) => A("preferences", "watchpartyPrefs.save failed", { key: e, err: n?.message })), d("preferences", "Saved (via SDK)", { key: e, value: t });
 }
-let Se = null, It = !1;
+let we = null, It = !1;
 function Co() {
-  return Se || (Se = (async () => {
+  return we || (we = (async () => {
     if (typeof window > "u") return !1;
     try {
       It || (It = !0, ce.subscribe((a) => {
@@ -1346,7 +1346,7 @@ function Co() {
     } catch (e) {
       return A("preferences", "First-load SDK sync failed (non-fatal)", { err: e?.message }), !1;
     }
-  })(), Se);
+  })(), we);
 }
 const Re = "watchparty_preferences";
 _o();
@@ -1494,6 +1494,7 @@ const q = dt(), m = Gn((e, t) => ({
   tierlistSaving: !1,
   readyCheck: { active: !1, ready: [] },
   activeGameId: null,
+  gameSettings: null,
   roomKeyType: null,
   gameSessionWins: {},
   gameBotCount: 0,
@@ -1673,6 +1674,7 @@ const q = dt(), m = Gn((e, t) => ({
   }),
   setReadyCheckState: (n) => e({ readyCheck: n }),
   setActiveGameId: (n) => e({ activeGameId: n }),
+  setGameSettings: (n) => e({ gameSettings: n }),
   setRoomKeyType: (n) => e({ roomKeyType: n }),
   setGameSessionWins: (n) => e({ gameSessionWins: { ...n } }),
   setGameBotCount: (n) => e({ gameBotCount: Math.max(0, Math.floor(n)) }),
@@ -1771,7 +1773,7 @@ function Bo() {
   return at(Rt, t) ? t : "";
 }
 function Go() {
-  return Be === null && (Be = Sr($o, Bo(), Ho())), Be;
+  return Be === null && (Be = wr($o, Bo(), Ho())), Be;
 }
 function Wo() {
   return Go();
@@ -1906,7 +1908,7 @@ function ie() {
       } else le && A("socket", "Reconnected — no join payload, not re-joining any room");
       le = !0;
     }), x.on("disconnect", (o) => {
-      wn(null), _e = { reason: Ge ?? o, at: Date.now() }, Ge = null, d("socket", "Disconnected", { reason: o });
+      Sn(null), _e = { reason: Ge ?? o, at: Date.now() }, Ge = null, d("socket", "Disconnected", { reason: o });
     }), x.on("connect_error", (o) => ue("socket", "Connection error", { message: o?.message })), x.on("reconnect_attempt", (o) => A("socket", "Reconnect attempt", { attempt: o })), x.on("reconnect_failed", () => ue("socket", "Reconnect failed")), mi(x);
   }
   return x;
@@ -1962,7 +1964,7 @@ function oi(e) {
       leaderId: t.leader_id || null,
       serverSeq: t.server_seq || 0,
       rosterSize: Object.keys(n.roster).length
-    }), z?.room_key && x?.id && wn({ room_key: z.room_key, client_id: x.id });
+    }), z?.room_key && x?.id && Sn({ room_key: z.room_key, client_id: x.id });
   }), e.on(I.CONTROL_BROADCAST, (t) => {
     const n = m.getState();
     if (Object.prototype.hasOwnProperty.call(t, "media_id")) {
@@ -2182,7 +2184,7 @@ function yi() {
 function vi(e) {
   return !(e.button !== 0 || e.ctrlKey || e.metaKey || e.shiftKey || e.altKey);
 }
-function wi({ src: e, title: t, onClose: n }) {
+function Si({ src: e, title: t, onClose: n }) {
   O(() => {
     const s = (a) => {
       a.key === "Escape" && (a.stopPropagation(), n());
@@ -2228,11 +2230,11 @@ function wi({ src: e, title: t, onClose: n }) {
     i
   ) : null;
 }
-const Ke = 240, Si = 320;
+const Ke = 240, wi = 320;
 function _i({ image: e }) {
   const [t, n] = P(!1), o = Pe(e.key);
   if (!o) return null;
-  const i = e.w > 0 && e.h > 0, s = i ? Math.min(1, Si / e.w, Ke / e.h) : 1;
+  const i = e.w > 0 && e.h > 0, s = i ? Math.min(1, wi / e.w, Ke / e.h) : 1;
   return /* @__PURE__ */ b(Ne, { children: [
     /* @__PURE__ */ l(
       "a",
@@ -2261,7 +2263,7 @@ function _i({ image: e }) {
       }
     ),
     t && /* @__PURE__ */ l(
-      wi,
+      Si,
       {
         src: o,
         title: e.title,
@@ -2481,38 +2483,38 @@ function Ri() {
   }, []), c = N(async (h) => {
     if (!h.length) return;
     const _ = [];
-    for (const S of h) {
-      const k = Rr(S);
+    for (const w of h) {
+      const k = Rr(w);
       if (k) {
         i("error", k);
         continue;
       }
-      const { w: u, h: v } = await jr(S), E = URL.createObjectURL(S);
+      const { w: u, h: v } = await jr(w), E = URL.createObjectURL(w);
       s.current.add(E), _.push({
         kind: "file",
         id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
-        file: S,
+        file: w,
         previewUrl: E,
         w: u,
         h: v
       });
     }
-    _.length && t((S) => {
-      const k = Y - S.length;
+    _.length && t((w) => {
+      const k = Y - w.length;
       if (k <= 0) {
         i("info", `Up to ${Y} images per message`);
         for (const u of _) a(u);
-        return S;
+        return w;
       }
       if (_.length > k) {
         i("info", `Up to ${Y} images per message`);
         for (const u of _.slice(k)) a(u);
       }
-      return [...S, ..._.slice(0, k)];
+      return [...w, ..._.slice(0, k)];
     });
   }, [i, a]), f = N((h) => {
     const _ = Pe(h.key);
-    _ && (t((S) => S.length >= Y ? (i("info", `Up to ${Y} images per message`), S) : [...S, {
+    _ && (t((w) => w.length >= Y ? (i("info", `Up to ${Y} images per message`), w) : [...w, {
       kind: "remote",
       id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
       key: h.key,
@@ -2525,8 +2527,8 @@ function Ri() {
     }]), je().catalogue(mn).recordUse(h.key));
   }, [i]), g = N((h) => {
     t((_) => {
-      const S = _.find((k) => k.id === h);
-      return S && a(S), _.filter((k) => k.id !== h);
+      const w = _.find((k) => k.id === h);
+      return w && a(w), _.filter((k) => k.id !== h);
     });
   }, [a]), p = N(() => {
     t((h) => {
@@ -2567,21 +2569,21 @@ function Ri() {
 }
 const Ut = Yt, Di = Zn;
 function Li({ commands: e = ft }) {
-  const [t, n] = P(""), [o, i] = P(!1), [s, a] = P({ q: null, i: 0 }), [c, f] = P(!1), g = J(null), p = On(), [D, M] = P(!1), [T, C] = P(!1), h = Ri(), _ = m((y) => y.snapshot.mediaId), S = m((y) => y.pushToast), k = m((y) => y.setTierlistOpen), u = m((y) => y.setCharacterModalOpen), v = !!_, E = Ti(t), U = Q(
+  const [t, n] = P(""), [o, i] = P(!1), [s, a] = P({ q: null, i: 0 }), [c, f] = P(!1), g = J(null), p = On(), [D, M] = P(!1), [T, C] = P(!1), h = Ri(), _ = m((y) => y.snapshot.mediaId), w = m((y) => y.pushToast), k = m((y) => y.setTierlistOpen), u = m((y) => y.setCharacterModalOpen), v = !!_, E = Ti(t), U = Q(
     () => E === null ? [] : Ei(E, e),
     [E, e]
-  ), H = E !== null && !c && U.length > 0, w = s.q === E ? Ve(s.i, U.length) : 0, R = N(
+  ), H = E !== null && !c && U.length > 0, S = s.q === E ? Ve(s.i, U.length) : 0, R = N(
     (y) => a({ q: E, i: y }),
     [E]
   ), L = N((y, j) => {
     const ae = Pi(y, { hasMedia: v });
     if (ae) {
-      S("info", ae);
+      w("info", ae);
       return;
     }
     switch (y.name) {
       case "help":
-        S("info", e.map((Mn) => Mn.usage).join("  "));
+        w("info", e.map((Mn) => Mn.usage).join("  "));
         break;
       case "recap":
         yi();
@@ -2593,16 +2595,16 @@ function Li({ commands: e = ft }) {
         u(!0);
         break;
       default:
-        S("info", `${y.usage} is not implemented yet.`);
+        w("info", `${y.usage} is not implemented yet.`);
     }
-  }, [v, S, e, k, u]), F = N((y) => {
+  }, [v, w, e, k, u]), F = N((y) => {
     n(Ai(y)), f(!1), g.current?.focus();
   }, []), W = N(async (y) => {
     if (y.preventDefault(), o || h.uploading) return;
     const j = Ni(t, e);
     if (!j && !h.pending.length) return;
     if (j?.kind === "command" && h.pending.length) {
-      S("info", "Send images on their own, not with a command.");
+      w("info", "Send images on their own, not with a command.");
       return;
     }
     if (j?.kind === "command") {
@@ -2611,34 +2613,34 @@ function Li({ commands: e = ft }) {
     }
     const ae = await h.uploadPending();
     ae !== null && (pi(j?.text ?? "", ae), n(""), h.clear(), i(!0), setTimeout(() => i(!1), Di), !document.hidden && document.hasFocus() && g.current?.focus());
-  }, [t, o, L, h, S, e]), Pn = N((y) => {
+  }, [t, o, L, h, w, e]), Pn = N((y) => {
     if (y.key === "Escape" && H) {
       y.preventDefault(), f(!0);
       return;
     }
     if (H) {
       if (y.key === "ArrowDown")
-        y.preventDefault(), R(Ve(w + 1, U.length));
+        y.preventDefault(), R(Ve(S + 1, U.length));
       else if (y.key === "ArrowUp")
-        y.preventDefault(), R(Ve(w - 1, U.length));
+        y.preventDefault(), R(Ve(S - 1, U.length));
       else if (y.key === "Tab") {
         y.preventDefault();
-        const j = U[w];
+        const j = U[S];
         j && F(j);
       } else if (y.key === "Enter") {
         y.preventDefault();
-        const j = U[w];
+        const j = U[S];
         j && F(j);
       }
     }
-  }, [H, U, w, F, R]);
+  }, [H, U, S, F, R]);
   O(() => {
     const y = () => {
       document.hidden || !document.hasFocus() || (g.current?.focus(), g.current?.scrollIntoView({ block: "nearest" }));
     };
     return window.addEventListener("watchparty:focus-chat-input", y), () => window.removeEventListener("watchparty:focus-chat-input", y);
   }, []);
-  const be = Ut - t.length, ht = be <= 100, gt = H ? U[w] : void 0;
+  const be = Ut - t.length, ht = be <= 100, gt = H ? U[S] : void 0;
   return /* @__PURE__ */ b(
     "form",
     {
@@ -2656,7 +2658,7 @@ function Li({ commands: e = ft }) {
             Mi,
             {
               commands: U,
-              activeIndex: w,
+              activeIndex: S,
               hasMedia: v,
               onPick: F,
               onHover: R,
@@ -2806,7 +2808,7 @@ function Hi({ open: e, onClose: t, roomKey: n, tierlist: o }) {
   const h = () => {
     const u = f || !g ? s : te(g);
     d("character", "Updating identity", { name: u, sprite: g }), c(u, g), hi(u, g || void 0), t();
-  }, _ = (u) => u === a ? !0 : !D.has(u), S = (u) => {
+  }, _ = (u) => u === a ? !0 : !D.has(u), w = (u) => {
     u.target === u.currentTarget && t();
   };
   O(() => {
@@ -2821,7 +2823,7 @@ function Hi({ open: e, onClose: t, roomKey: n, tierlist: o }) {
     "div",
     {
       className: "fixed inset-0 bg-black/70 flex items-center justify-center z-50",
-      onMouseDown: S,
+      onMouseDown: w,
       role: "dialog",
       "aria-modal": "true",
       "aria-label": "Change character",
@@ -2996,7 +2998,7 @@ function aa({
   debug: g,
   children: p
 }) {
-  const [D, M] = P(null), { setFrame: T, ...C } = zi(c, f), h = m((w) => w.characterModalOpen), _ = m((w) => w.setCharacterModalOpen), S = Kt(() => s), k = Q(() => (ho({ userType: n, userId: o ?? null }), dt().theme), [n, o]), u = Ln(), v = u?.theme, E = Q(
+  const [D, M] = P(null), { setFrame: T, ...C } = zi(c, f), h = m((S) => S.characterModalOpen), _ = m((S) => S.setCharacterModalOpen), w = Kt(() => s), k = Q(() => (ho({ userType: n, userId: o ?? null }), dt().theme), [n, o]), u = Ln(), v = u?.theme, E = Q(
     () => $i(i, v, k),
     [i, v, k]
   );
@@ -3010,7 +3012,7 @@ function aa({
     g && Jr();
   }, [g]), O(() => {
     qr({ serverOrigin: t, defaultRoomKey: e }), m.getState().rehydrateFromPrefs(), Ko();
-    let w = !1;
+    let S = !1;
     const R = yo();
     return (async () => {
       try {
@@ -3026,13 +3028,13 @@ function aa({
       } catch (W) {
         A("room-chrome", "pre-join wait threw, proceeding anyway", ge(W));
       }
-      if (w) return;
-      const L = Gi(S());
+      if (S) return;
+      const L = Gi(w());
       m.getState().ensureAutoIdentity(), Wi(L);
       const F = m.getState();
       d("room-chrome", "Joining room", { roomKey: e, name: F.name, sprite: F.sprite }), ti({ room_key: e, name: F.name || void 0, sprite: F.sprite || void 0 });
     })(), () => {
-      w = !0, jt();
+      S = !0, jt();
     };
   }, [e, t, n, o]), /* @__PURE__ */ l(pn.Provider, { value: H, children: /* @__PURE__ */ l(gn.Provider, { value: D, children: /* @__PURE__ */ b("div", { ref: T, className: "wp-room-chrome-frame", children: [
     /* @__PURE__ */ l("div", { className: "wp-room-chrome-frame__content", children: p }),