@ikonai/sdk-react-ui 1.3.2 → 1.3.3

package/auth/oauth-continuation.d.ts

@@ -26,6 +26,12 @@ export declare function hasPendingOAuthContinuation(): boolean;
 /**
  * Report the completed sign-in and hand the browser to the consent screen.
  *
+ * The token is passed in rather than read from storage. A signed-in browser does not necessarily have
+ * one there: a session backed by a refresh cookie is held in memory and its localStorage record is
+ * deliberately REMOVED, so reading storage returned null for a fully signed-in user and the handoff
+ * waited for a session that was never going to appear. The auth context holds the live token either
+ * way, so it is the only source that is right for both.
+ *
  * Only ever called after a REAL sign-in — `useAuthGuard` treats an anonymous session as not satisfying a
  * prompt, which is the guest/global exclusion this flow needs and already had. A `global` visitor is one
  * shared space-wide user, so authorizing as one would hand every client the same identity.
@@ -33,4 +39,4 @@ export declare function hasPendingOAuthContinuation(): boolean;
  * Failure clears the pointer and returns false: the app then carries on as a normally signed-in session
  * rather than trapping the user in a flow that cannot finish.
  */
-export declare function completeOAuthContinuation(): Promise<boolean>;
+export declare function completeOAuthContinuation(token: string | null): Promise<boolean>;

package/index.js

@@ -3395,55 +3395,67 @@ function ti() {
 }
 //#endregion
 //#region src/auth/oauth-continuation.ts
-var ni = "ikon-oauth", ri = "ikon-oauth-continue";
-function ii() {
+var ni = "ikon-oauth", ri = "ikon-oauth-continue", ii = "ikon-oauth-continue-attempts", ai = 5, oi = 6e5;
+function si() {
 	if (typeof window > "u") return !1;
 	let e = new URL(window.location.href).searchParams.get(ni);
-	return e ? (li(e), !0) : ci() !== null;
+	return e ? (pi(e), !0) : fi() !== null;
 }
-function ai() {
-	return oi() !== null;
+function ci() {
+	return li() !== null;
 }
-function oi() {
-	return typeof window > "u" ? null : new URL(window.location.href).searchParams.get("ikon-oauth") ?? ci();
+function li() {
+	return typeof window > "u" ? null : new URL(window.location.href).searchParams.get("ikon-oauth") ?? fi();
 }
-async function si() {
-	let e = oi();
-	if (!e) return !1;
-	ui();
+async function ui(e) {
+	let t = li();
+	if (!t) return !1;
+	if (!e) return di() < ai ? (console.warn("[ikon] Waiting for the signed-in session before continuing the authorization that sent you here."), !1) : (mi(), console.warn("[ikon] Gave up continuing the authorization that sent you here: no signed-in session became readable. Start the connection again from the application."), !1);
 	try {
-		let t = rr();
-		if (!t?.token) return !1;
 		let n = await fetch("/ikon/oauth/continue", {
 			method: "POST",
 			headers: {
 				"content-type": "application/json",
-				authorization: `Bearer ${t.token}`
+				authorization: `Bearer ${e}`
 			},
-			body: JSON.stringify({ continueId: e })
+			body: JSON.stringify({ continueId: t })
 		});
-		if (!n.ok) return !1;
+		if (!n.ok) return mi(), console.warn(`[ikon] Could not continue the authorization that sent you here (${n.status}). Start the connection again from the application.`), !1;
 		let { consentUrl: r } = await n.json();
-		return r ? (window.location.href = r, !0) : !1;
+		return r ? (mi(), window.location.href = r, !0) : (mi(), console.warn("[ikon] The authorization that sent you here returned no consent step. Start the connection again from the application."), !1);
 	} catch {
 		return !1;
 	}
 }
-function ci() {
+function di() {
 	try {
-		return sessionStorage.getItem(ri);
+		let e = Number(sessionStorage.getItem(ii) ?? "0") + 1;
+		return sessionStorage.setItem(ii, String(e)), e;
 	} catch {
-		return null;
+		return ai;
+	}
+}
+function fi() {
+	try {
+		let e = sessionStorage.getItem(ri);
+		if (!e) return null;
+		let { id: t, at: n } = JSON.parse(e);
+		return !t || Date.now() - n > oi ? (mi(), null) : t;
+	} catch {
+		return mi(), null;
 	}
 }
-function li(e) {
+function pi(e) {
 	try {
-		sessionStorage.setItem(ri, e);
+		sessionStorage.setItem(ri, JSON.stringify({
+			id: e,
+			at: Date.now()
+		}));
 	} catch {}
 }
-function ui() {
+function mi() {
 	try {
-		sessionStorage.removeItem(ri);
+		sessionStorage.removeItem(ri), sessionStorage.removeItem(ii);
 	} catch {}
 	try {
 		let e = new URL(window.location.href);
@@ -3452,25 +3464,36 @@ function ui() {
 }
 //#endregion
 //#region src/auth/use-auth-guard.ts
-function di(e) {
-	let { config: t, guestUrlParam: n } = e, { state: r, login: i } = ei(), a = j(!1), o = N(de, re, re), s = o.required;
+function hi(e) {
+	let { config: t, guestUrlParam: n } = e, { state: r, login: i, getToken: a } = ei(), o = j(!1), s = j(!1), c = N(de, re, re), l = c.required;
 	k(() => {
-		ii() && ue("An application is asking to act as you. Sign in to review what it wants.");
+		si() && ue("An application is asking to act as you. Sign in to review what it wants.");
 	}, []), k(() => {
-		s && r.isAuthenticated && r.user && r.user.provider !== "anonymous" && (_(), ai() && si());
+		if (!(!l || !r.isAuthenticated || !r.user || r.user.provider === "anonymous")) {
+			if (!ci()) {
+				_();
+				return;
+			}
+			s.current || (s.current = !0, ui(a()).then((e) => {
+				e && _();
+			}).finally(() => {
+				s.current = !1;
+			}));
+		}
 	}, [
-		s,
+		l,
 		r.isAuthenticated,
-		r.user
+		r.user,
+		a
 	]), k(() => {
-		if (!n || r.isAuthenticated || r.isLoading || a.current) return;
+		if (!n || r.isAuthenticated || r.isLoading || o.current) return;
 		let e = t.methods.includes("global") ? "global" : t.methods.includes("guest") ? "guest" : null;
 		if (!e) return;
-		let o = new URLSearchParams(window.location.search), s = o.get(n);
+		let a = new URLSearchParams(window.location.search), s = a.get(n);
 		if (s === "true" || s === "1" || s === "" || Er()) {
-			o.delete(n);
-			let t = o.toString(), r = window.location.pathname + (t ? `?${t}` : "");
-			window.history.replaceState({}, "", r), a.current = !0, i(e);
+			a.delete(n);
+			let t = a.toString(), r = window.location.pathname + (t ? `?${t}` : "");
+			window.history.replaceState({}, "", r), o.current = !0, i(e);
 		}
 	}, [
 		n,
@@ -3479,30 +3502,30 @@ function di(e) {
 		t.methods,
 		i
 	]);
-	let c = t.methods.includes("guest") || t.methods.includes("global"), l = r.isAuthenticated && (c || r.user?.provider !== "anonymous"), u = !!t.requireSignIn && !l;
+	let u = t.methods.includes("guest") || t.methods.includes("global"), d = r.isAuthenticated && (u || r.user?.provider !== "anonymous"), f = !!t.requireSignIn && !d;
 	return {
-		shouldRenderChildren: !u && !s,
+		shouldRenderChildren: !f && !l,
 		isCheckingAuth: r.isLoading,
 		isAuthenticated: r.isAuthenticated,
 		error: r.error,
-		isLoginPrompt: s && !u,
+		isLoginPrompt: l && !f,
 		dismissLoginPrompt: _,
-		loginPromptReason: s ? o.reason : null
+		loginPromptReason: l ? c.reason : null
 	};
 }
 //#endregion
 //#region src/debug/debug-overlay.tsx
-var fi = (() => {
+var gi = (() => {
 	try {
 		return te();
 	} catch {
 		return !1;
 	}
-})(), pi = Date.now(), $ = [], mi = 300;
-function hi(e) {
-	$.push(`[+${((Date.now() - pi) / 1e3).toFixed(1)}s] ${e}`), $.length > mi && $.shift();
+})(), _i = Date.now(), $ = [], vi = 300;
+function yi(e) {
+	$.push(`[+${((Date.now() - _i) / 1e3).toFixed(1)}s] ${e}`), $.length > vi && $.shift();
 }
-function gi(e) {
+function bi(e) {
 	if (typeof e == "string") return e;
 	if (e instanceof Error) return `${e.name}: ${e.message}`;
 	try {
@@ -3511,10 +3534,10 @@ function gi(e) {
 		return String(e);
 	}
 }
-var _i = !1;
-function vi() {
-	if (_i || typeof window > "u") return;
-	_i = !0, window.addEventListener("error", (e) => hi(`window.error: ${e.message} @ ${e.filename ?? "?"}:${e.lineno ?? "?"}:${e.colno ?? "?"}`)), window.addEventListener("unhandledrejection", (e) => hi(`unhandledRejection: ${gi(e.reason)}`));
+var xi = !1;
+function Si() {
+	if (xi || typeof window > "u") return;
+	xi = !0, window.addEventListener("error", (e) => yi(`window.error: ${e.message} @ ${e.filename ?? "?"}:${e.lineno ?? "?"}:${e.colno ?? "?"}`)), window.addEventListener("unhandledrejection", (e) => yi(`unhandledRejection: ${bi(e.reason)}`));
 	let e = console;
 	for (let t of [
 		"error",
@@ -3525,17 +3548,17 @@ function vi() {
 		let n = e[t]?.bind(console) ?? (() => void 0);
 		e[t] = (...e) => {
 			try {
-				hi(`console.${t}: ${e.map(gi).join(" ")}`);
+				yi(`console.${t}: ${e.map(bi).join(" ")}`);
 			} catch {}
 			n(...e);
 		};
 	}
 	try {
-		fe((e) => hi(`${e.levelName} [${e.component}] ${e.message}`), { minLevel: d.DEBUG });
+		fe((e) => yi(`${e.levelName} [${e.component}] ${e.message}`), { minLevel: d.DEBUG });
 	} catch {}
 }
-fi && vi();
-function yi() {
+gi && Si();
+function Ci() {
 	let e = !1;
 	try {
 		let t = URL.createObjectURL(new Blob([""]));
@@ -3545,11 +3568,11 @@ function yi() {
 	} catch {}
 	return e;
 }
-function bi() {
+function wi() {
 	let e = globalThis;
 	return [
 		`Worker=${typeof Worker < "u"}`,
-		`moduleWorker=${yi()}`,
+		`moduleWorker=${Ci()}`,
 		`WebSocket=${typeof WebSocket < "u"}`,
 		`WebTransport=${e.WebTransport !== void 0}`,
 		`RTCPeerConnection=${typeof RTCPeerConnection < "u"}`,
@@ -3562,14 +3585,14 @@ function bi() {
 		`online=${typeof navigator < "u" ? navigator.onLine : "?"}`
 	].join("  ");
 }
-function xi(e) {
+function Ti(e) {
 	return /ERROR|error:|Rejection/.test(e) ? "#f88" : /WARN|warn:/.test(e) ? "#fc6" : "#9d9";
 }
-function Si({ state: e = "", forceVisible: t = !1 }) {
-	let n = fi || t, r = e === "connected" || e === "reconnecting", [, i] = ve((e) => e + 1, 0), [a, o] = M(!0);
+function Ei({ state: e = "", forceVisible: t = !1 }) {
+	let n = gi || t, r = e === "connected" || e === "reconnecting", [, i] = ve((e) => e + 1, 0), [a, o] = M(!0);
 	return k(() => {
 		if (!n) return;
-		vi();
+		Si();
 		let e = setInterval(i, 1e3);
 		return () => clearInterval(e);
 	}, [n]), n ? r && a ? /* @__PURE__ */ F("button", {
@@ -3623,7 +3646,7 @@ function Si({ state: e = "", forceVisible: t = !1 }) {
 					"Ikon debug overlay — state: ",
 					e || "?",
 					", +",
-					Math.round((Date.now() - pi) / 1e3),
+					Math.round((Date.now() - _i) / 1e3),
 					"s, ",
 					$.length,
 					" entries",
@@ -3664,7 +3687,7 @@ function Si({ state: e = "", forceVisible: t = !1 }) {
 					color: "#8cf",
 					marginBottom: "4px"
 				},
-				children: bi()
+				children: wi()
 			}),
 			/* @__PURE__ */ P("div", {
 				style: {
@@ -3675,7 +3698,7 @@ function Si({ state: e = "", forceVisible: t = !1 }) {
 			}),
 			/* @__PURE__ */ P("div", { children: $.length === 0 ? "(nothing captured yet)" : $.map((e, t) => /* @__PURE__ */ P("div", {
 				style: {
-					color: xi(e),
+					color: Ti(e),
 					wordBreak: "break-all"
 				},
 				children: e
@@ -3685,7 +3708,7 @@ function Si({ state: e = "", forceVisible: t = !1 }) {
 }
 //#endregion
 //#region src/app/connection-state-renderer.tsx
-function Ci({ connectionState: e, error: t, isReady: n, isConnectingSlow: r, stores: i, registry: a, client: o, onAction: s, renderIdle: c, renderConnecting: l, renderConnectingSlow: u, renderConnected: d, renderOffline: f, renderError: p }) {
+function Di({ connectionState: e, error: t, isReady: n, isConnectingSlow: r, stores: i, registry: a, client: o, onAction: s, renderIdle: c, renderConnecting: l, renderConnectingSlow: u, renderConnected: d, renderOffline: f, renderError: p }) {
 	let m = j(!1), h = (() => {
 		switch (e) {
 			case "waitingForExternalConnectUrl":
@@ -3711,30 +3734,30 @@ function Ci({ connectionState: e, error: t, isReady: n, isConnectingSlow: r, sto
 			default: return null;
 		}
 	})();
-	return /* @__PURE__ */ F(ye, { children: [h, /* @__PURE__ */ P(Si, { state: e })] });
+	return /* @__PURE__ */ F(ye, { children: [h, /* @__PURE__ */ P(Ei, { state: e })] });
 }
 //#endregion
 //#region src/app/boot-snapshot-variant.ts
-function wi(e, t) {
+function Oi(e, t) {
 	return e === !1 ? !1 : t ? "signed-in" : "guest";
 }
 //#endregion
 //#region src/app/use-ikon-app.ts
-var Ti = v("useIkonApp");
-function Ei() {
+var ki = v("useIkonApp");
+function Ai() {
 	if (typeof window < "u" && window.__IKON_AUTH_CONFIG__) return window.__IKON_AUTH_CONFIG__;
 }
-function Di() {
+function ji() {
 	if (typeof window < "u" && window.__IKON_LOCAL_IKON_SERVER_CONFIG__) return window.__IKON_LOCAL_IKON_SERVER_CONFIG__;
 }
-function Oi(e, t) {
+function Mi(e, t) {
 	return {
 		...e,
 		...t ?? {}
 	};
 }
-function ki(e) {
-	let { authConfig: n, modules: r, parameters: l, timeouts: d, backgroundAudio: g, webRtc: _, audio: v, video: y, websocket: S, webtransport: te, proxy: ne, liveSnapshot: re, bootSnapshot: ie } = e, C = n === void 0 ? Ei() ?? null : n, oe = Di(), w = ti(), se = !!w && w.state.isLoading, T = j(null), ue = j(null), E = j(null), de = j(!1), fe = j(!1), pe = j(g), me = j(d), he = j(_), D = j(v), ge = j(y), _e = j(S), ve = j(te), N = j(ne), ye = j(re), P = j(ie), F = j("local"), be = j(void 0);
+function Ni(e) {
+	let { authConfig: n, modules: r, parameters: l, timeouts: d, backgroundAudio: g, webRtc: _, audio: v, video: y, websocket: S, webtransport: te, proxy: ne, liveSnapshot: re, bootSnapshot: ie } = e, C = n === void 0 ? Ai() ?? null : n, oe = ji(), w = ti(), se = !!w && w.state.isLoading, T = j(null), ue = j(null), E = j(null), de = j(!1), fe = j(!1), pe = j(g), me = j(d), he = j(_), D = j(v), ge = j(y), _e = j(S), ve = j(te), N = j(ne), ye = j(re), P = j(ie), F = j("local"), be = j(void 0);
 	pe.current = g, me.current = d, he.current = _, D.current = v, ge.current = y, _e.current = S, ve.current = te, N.current = ne, ye.current = re, P.current = ie;
 	let [I, xe] = M("connecting"), [Se, Ce] = M(!1), [we, Te] = M(!1), [Ee, De] = M(null), [Oe, ke] = M(null), [Ae, je] = M(!1), [Me, Ne] = M(!1), [Pe, Fe] = M(!1), [Ie, Le] = M(null), [L, Re] = M(null), [ze, Be] = M(!1), He = j(!1), [R, Ue] = M(0), z = A(() => {
 		try {
@@ -3742,7 +3765,7 @@ function ki(e) {
 		} catch {
 			return { parameters: {} };
 		}
-	}, []), We = JSON.stringify(l ?? {}), B = A(() => Oi(z.parameters, l), [z.parameters, We]), Ge = (C?.methods?.length ?? 0) > 0, Ke = wi(ie, Ge && lr());
+	}, []), We = JSON.stringify(l ?? {}), B = A(() => Mi(z.parameters, l), [z.parameters, We]), Ge = (C?.methods?.length ?? 0) > 0, Ke = Oi(ie, Ge && lr());
 	Ke !== !1 && !i() && a(Ke);
 	let V = A(() => {
 		if (!C?.spaceId) return null;
@@ -3762,7 +3785,7 @@ function ki(e) {
 	Je && !L && !ze && !He.current && (He.current = !0, b(C.authUrl).then((e) => vr(C.spaceId, e)).then((e) => {
 		Re(e.token), Be(!0);
 	}).catch((e) => {
-		Ti.error("Anonymous auth failed:", e), He.current = !1, H ? Be(!0) : De(e instanceof Error ? e.message : "Anonymous auth failed");
+		ki.error("Anonymous auth failed:", e), He.current = !1, H ? Be(!0) : De(e instanceof Error ? e.message : "Anonymous auth failed");
 	}));
 	let W = A(() => {
 		if (se) return null;
@@ -3822,7 +3845,7 @@ function ki(e) {
 		if (!de.current) {
 			if (de.current = !0, E.current = Yt(), r) for (let e of r) e(E.current);
 			E.current.loadRegisteredModules().catch((e) => {
-				Ti.error("Failed to load UI modules", e);
+				ki.error("Failed to load UI modules", e);
 			});
 		}
 	}, []), k(() => {
@@ -3861,14 +3884,14 @@ function ki(e) {
 		} : void 0, l = V != null && V.provider !== "anonymous", d = Ge && (l || lr()), g = new Ve({
 			client: e,
 			liveSnapshot: a,
-			bootSnapshot: wi(P.current, d)
+			bootSnapshot: Oi(P.current, d)
 		});
 		ue.current = g, Le(g), Te(!1);
 		let _ = g.subscribeToUiUpdates(() => {
 			Te(!0), le();
 		});
 		return e.connect().catch((e) => {
-			if (Ti.error("Connection failed:", e), e instanceof o) {
+			if (ki.error("Connection failed:", e), e instanceof o) {
 				ke(e.reason);
 				return;
 			}
@@ -3885,7 +3908,7 @@ function ki(e) {
 					Fe(!0);
 					return;
 				}
-				e instanceof f || e instanceof c && !fe.current && (fe.current = !0, Ti.warn("Auth session appears stale, clearing and retrying"), t.clearAll(), w ? w.logout() : (ur(), Ue((e) => e + 1)));
+				e instanceof f || e instanceof c && !fe.current && (fe.current = !0, ki.warn("Auth session appears stale, clearing and retrying"), t.clearAll(), w ? w.logout() : (ur(), Ue((e) => e + 1)));
 			}
 		}), () => {
 			_(), e.disconnect(), T.current = null, g.dispose(), ue.current = null;
@@ -3930,8 +3953,8 @@ function ki(e) {
 }
 //#endregion
 //#region src/hooks/use-toasts.ts
-var Ai = 0;
-function ji(e = 5, t = 5e3) {
+var Pi = 0;
+function Fi(e = 5, t = 5e3) {
 	let [n, r] = M([]), i = j(/* @__PURE__ */ new Map()), a = O((e) => {
 		let t = i.current.get(e);
 		t && (clearTimeout(t), i.current.delete(e)), r((t) => t.filter((t) => t.id !== e));
@@ -3939,7 +3962,7 @@ function ji(e = 5, t = 5e3) {
 	return k(() => {
 		let n = i.current, o = fe((i) => {
 			if (!oe()) return;
-			let o = `toast-${++Ai}`, s = {
+			let o = `toast-${++Pi}`, s = {
 				id: o,
 				level: i.level === d.ERROR ? "error" : "warn",
 				message: i.message,
@@ -3967,7 +3990,7 @@ function ji(e = 5, t = 5e3) {
 }
 //#endregion
 //#region src/hooks/use-ikon-reactive.ts
-function Mi(e, t, n) {
+function Ii(e, t, n) {
 	let [r, i] = M(n);
 	return k(() => {
 		if (!e) return;
@@ -3985,7 +4008,7 @@ function Mi(e, t, n) {
 }
 //#endregion
 //#region src/hooks/use-reactive.ts
-function Ni(e, t, n) {
+function Li(e, t, n) {
 	let [r, i] = M(null);
 	return k(() => {
 		if (!e) return;
@@ -3997,48 +4020,48 @@ function Ni(e, t, n) {
 		}), () => {
 			n = !1;
 		};
-	}, [e, t]), Mi(r ? e : null, r ?? "", n);
+	}, [e, t]), Ii(r ? e : null, r ?? "", n);
 }
 //#endregion
 //#region src/app/use-ikon-debug.ts
-var Pi = v("IkonDebug"), Fi = {
+var Ri = v("IkonDebug"), zi = {
 	Digit1: "connecting",
 	Digit2: "connected",
 	Digit3: "reconnecting",
 	Digit4: "offline",
 	Digit5: "offline",
 	Digit0: "clear"
-}, Ii = "Digit5", Li = "Digit6", Ri = "Synthetic debug error (Ctrl+Shift+5)", zi = "Synthetic debug access-denied (Ctrl+Shift+6)", Bi = 5e3;
-function Vi(e) {
+}, Bi = "Digit5", Vi = "Digit6", Hi = "Synthetic debug error (Ctrl+Shift+5)", Ui = "Synthetic debug access-denied (Ctrl+Shift+6)", Wi = 5e3;
+function Gi(e) {
 	let t = oe(), [n, r] = M(null), [i, a] = M(!1), [o, s] = M(null), [c, l] = M(null), [u, d] = M(!1), [f, p] = M(!1), [m, h] = M(!1);
 	return k(() => {
 		if (!t) return;
 		let e = (e) => {
 			if (!e.ctrlKey || !e.shiftKey) return;
 			if (e.code === "KeyE") {
-				e.preventDefault(), d((e) => (Pi.warn(`Empty-stores override: ${e ? "off" : "on"}`), !e));
+				e.preventDefault(), d((e) => (Ri.warn(`Empty-stores override: ${e ? "off" : "on"}`), !e));
 				return;
 			}
 			if (e.code === "Digit7") {
-				e.preventDefault(), p((e) => (Pi.warn(`Branding-banner override: ${e ? "off" : "on"}`), !e));
+				e.preventDefault(), p((e) => (Ri.warn(`Branding-banner override: ${e ? "off" : "on"}`), !e));
 				return;
 			}
 			if (e.code === "Digit8") {
-				e.preventDefault(), h((e) => (Pi.warn(`Debug-overlay override: ${e ? "off" : "on"}`), !e));
+				e.preventDefault(), h((e) => (Ri.warn(`Debug-overlay override: ${e ? "off" : "on"}`), !e));
 				return;
 			}
-			if (e.code === Li) {
-				e.preventDefault(), l(zi), r(null), s(null), Pi.warn("Forced access denied");
+			if (e.code === Vi) {
+				e.preventDefault(), l(Ui), r(null), s(null), Ri.warn("Forced access denied");
 				return;
 			}
-			let t = Fi[e.code];
+			let t = zi[e.code];
 			if (t === void 0) return;
 			if (e.preventDefault(), t === "clear") {
-				r(null), s(null), l(null), Pi.warn("Cleared forced state");
+				r(null), s(null), l(null), Ri.warn("Cleared forced state");
 				return;
 			}
-			let n = e.code === Ii;
-			r(t), s(n ? Ri : null), l(null), Pi.warn(`Forced state: ${t}${n ? " (with error)" : ""}`);
+			let n = e.code === Bi;
+			r(t), s(n ? Hi : null), l(null), Ri.warn(`Forced state: ${t}${n ? " (with error)" : ""}`);
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [t]), k(() => {
@@ -4046,7 +4069,7 @@ function Vi(e) {
 			a(!1);
 			return;
 		}
-		let e = setTimeout(() => a(!0), Bi);
+		let e = setTimeout(() => a(!0), Wi);
 		return () => clearTimeout(e);
 	}, [n]), !t || n === null && !u && c === null && !f && !m ? {
 		app: e,
@@ -4077,20 +4100,20 @@ function Vi(e) {
 }
 //#endregion
 //#region src/app/ikon-app.tsx
-function Hi(e, t) {
+function Ki(e, t) {
 	return e === void 0 ? null : typeof e == "function" ? e(t) : e;
 }
-function Ui(e) {
+function qi(e) {
 	return e === void 0 ? null : typeof e == "function" ? e() : e;
 }
-function Wi(e, t) {
+function Ji(e, t) {
 	return e === void 0 ? null : typeof e == "function" ? e(t) : e;
 }
-function Gi(e, t) {
+function Yi(e, t) {
 	return e === void 0 ? null : typeof e == "function" ? e(t) : e;
 }
-function Ki(e) {
-	let { connectingOverlay: t, reconnectingOverlay: n, offlineOverlay: r, accessDeniedScreen: i, ...a } = e, o = Vi(a), { app: s } = o, { connectionState: c, isConnectingSlow: l, stores: u, registry: d, client: f, onAction: p, isReady: m, error: h, accessDeniedReason: g, brandingRequired: _ } = s, v = _ || o.forcedBranding, y = j(null);
+function Xi(e) {
+	let { connectingOverlay: t, reconnectingOverlay: n, offlineOverlay: r, accessDeniedScreen: i, ...a } = e, o = Gi(a), { app: s } = o, { connectionState: c, isConnectingSlow: l, stores: u, registry: d, client: f, onAction: p, isReady: m, error: h, accessDeniedReason: g, brandingRequired: _ } = s, v = _ || o.forcedBranding, y = j(null);
 	u && d && (m || u.size > 0) && (y.current = {
 		stores: u,
 		registry: d,
@@ -4099,18 +4122,18 @@ function Ki(e) {
 	let b = y.current != null || !!g;
 	if (_e(() => {
 		!b || typeof document > "u" || document.querySelectorAll("[data-ikon-prerender]").forEach((e) => e.remove());
-	}, [b]), g) return Gi(i, g);
+	}, [b]), g) return Yi(i, g);
 	let x = y.current, S;
 	switch (c) {
 		case "waitingForExternalConnectUrl":
 		case "connecting":
-			S = Hi(t, l);
+			S = Ki(t, l);
 			break;
 		case "reconnecting":
-			S = Ui(n);
+			S = qi(n);
 			break;
 		case "offline":
-			S = Wi(r, h);
+			S = Ji(r, h);
 			break;
 		default: S = null;
 	}
@@ -4122,19 +4145,19 @@ function Ki(e) {
 			onAction: p
 		}),
 		S,
-		v && /* @__PURE__ */ P(Ji, {}),
-		/* @__PURE__ */ P(Yi, {}),
-		/* @__PURE__ */ P(Si, {
+		v && /* @__PURE__ */ P(Qi, {}),
+		/* @__PURE__ */ P($i, {}),
+		/* @__PURE__ */ P(Ei, {
 			state: c,
 			forceVisible: o.forcedDebugOverlay
 		})
 	] });
 }
-var qi = "https://ikonai.com";
-function Ji() {
+var Zi = "https://ikonai.com";
+function Qi() {
 	return /* @__PURE__ */ F("a", {
 		className: "ikon-branding-banner",
-		href: qi,
+		href: Zi,
 		target: "_blank",
 		rel: "noopener noreferrer",
 		style: {
@@ -4164,17 +4187,17 @@ function Ji() {
 		})]
 	});
 }
-function Yi() {
-	let { toasts: e, dismissToast: t } = ji();
+function $i() {
+	let { toasts: e, dismissToast: t } = Fi();
 	return e.length === 0 ? null : /* @__PURE__ */ P("div", {
 		className: "ikon-toast-overlay",
-		children: e.map((e) => /* @__PURE__ */ P(Xi, {
+		children: e.map((e) => /* @__PURE__ */ P(ea, {
 			toast: e,
 			onDismiss: t
 		}, e.id))
 	});
 }
-function Xi({ toast: e, onDismiss: t }) {
+function ea({ toast: e, onDismiss: t }) {
 	return /* @__PURE__ */ F("div", {
 		className: `ikon-toast-overlay-chip ikon-toast-overlay-chip--${e.level}`,
 		onClick: () => t(e.id),
@@ -4200,37 +4223,37 @@ function Xi({ toast: e, onDismiss: t }) {
 }
 //#endregion
 //#region src/i18n/i18n.tsx
-var Zi = he(null);
-function Qi(e, t) {
+var ta = he(null);
+function na(e, t) {
 	return t ? e.replace(/\{(\w+)\}/g, (e, n) => t[n] ?? `{${n}}`) : e;
 }
-function $i(e, t) {
+function ra(e, t) {
 	let n = ne();
 	if (n && e.includes(n)) return n;
 	let r = navigator.language.split("-")[0];
 	return e.includes(r) ? r : t && e.includes(t) ? t : "en";
 }
-function ea(e, t, n) {
-	return t ? $i(e, n) : n && e.includes(n) ? n : "en";
+function ia(e, t, n) {
+	return t ? ra(e, n) : n && e.includes(n) ? n : "en";
 }
-function ta({ children: e, translations: t, defaultLanguage: n, detectLanguage: r = !1 }) {
-	let i = ea(Object.keys(t), r, n), a = t[i] ?? t.en, o = A(() => ({
+function aa({ children: e, translations: t, defaultLanguage: n, detectLanguage: r = !1 }) {
+	let i = ia(Object.keys(t), r, n), a = t[i] ?? t.en, o = A(() => ({
 		t: (e, t) => {
 			let n = a[e];
-			return Qi(n, t);
+			return na(n, t);
 		},
 		locale: i,
 		translations: a
 	}), [a, i]);
-	return /* @__PURE__ */ P(Zi, {
+	return /* @__PURE__ */ P(ta, {
 		value: o,
 		children: e
 	});
 }
-function na() {
-	let e = ge(Zi);
+function oa() {
+	let e = ge(ta);
 	if (!e) throw Error("useI18n must be used within an I18nProvider");
 	return e;
 }
 //#endregion
-export { $r as AuthProvider, Ci as ConnectionStateRenderer, fi as DEBUG_OVERLAY_ENABLED, Si as DebugOverlay, ta as I18nProvider, at as IKON_UI_BASE_MODULE, Et as IKON_UI_MEDIA_MODULE, Wt as IKON_UI_SHADERTOY_MODULE, Ht as IKON_UI_SHADERTOY_TYPE, Re as IKON_UI_STREAM_CATEGORY, bt as IKON_UI_VIDEO_CANVAS_TYPE, xt as IKON_UI_VIDEO_URL_PLAYER_TYPE, Ki as IkonApp, Ve as IkonUi, Jt as IkonUiRegistry, Be as IkonUiSurface, Le as InspectOverlay, $t as ParallaxView, Pe as UiComponentRegistry, Ne as UiRenderer, n as UiStreamStore, vr as authenticateAnonymous, Ar as buildOAuthRedirectUrl, ur as clearAuthSession, kr as clearOAuthParams, it as createBaseResolvers, Fe as createComponentLibrary, Yt as createIkonUiRegistry, Ct as createMediaResolvers, Ut as createShadertoyRendererResolver, ze as isIkonUiCategoryMatch, rr as loadAuthSession, ot as loadBaseModule, Dt as loadMediaModule, Gt as loadShadertoyModule, xr as parseOAuthCallback, Tr as parseOAuthError, T as randomUuid, st as registerBaseModule, Ot as registerMediaModule, Kt as registerShadertoyModule, je as renderChildren, vn as renderMotionLetters, q as saveAuthSession, yr as sendLoginCode, J as sessionToUser, ei as useAuth, di as useAuthGuard, ti as useAuthOptional, na as useI18n, ki as useIkonApp, Vi as useIkonDebug, Mi as useIkonReactive, un as useIkonStyles, fn as useIkonUiStores, Ni as useReactive, ji as useToasts, I as useUiNode, Ie as useUiStore, br as verifyLoginCode };
+export { $r as AuthProvider, Di as ConnectionStateRenderer, gi as DEBUG_OVERLAY_ENABLED, Ei as DebugOverlay, aa as I18nProvider, at as IKON_UI_BASE_MODULE, Et as IKON_UI_MEDIA_MODULE, Wt as IKON_UI_SHADERTOY_MODULE, Ht as IKON_UI_SHADERTOY_TYPE, Re as IKON_UI_STREAM_CATEGORY, bt as IKON_UI_VIDEO_CANVAS_TYPE, xt as IKON_UI_VIDEO_URL_PLAYER_TYPE, Xi as IkonApp, Ve as IkonUi, Jt as IkonUiRegistry, Be as IkonUiSurface, Le as InspectOverlay, $t as ParallaxView, Pe as UiComponentRegistry, Ne as UiRenderer, n as UiStreamStore, vr as authenticateAnonymous, Ar as buildOAuthRedirectUrl, ur as clearAuthSession, kr as clearOAuthParams, it as createBaseResolvers, Fe as createComponentLibrary, Yt as createIkonUiRegistry, Ct as createMediaResolvers, Ut as createShadertoyRendererResolver, ze as isIkonUiCategoryMatch, rr as loadAuthSession, ot as loadBaseModule, Dt as loadMediaModule, Gt as loadShadertoyModule, xr as parseOAuthCallback, Tr as parseOAuthError, T as randomUuid, st as registerBaseModule, Ot as registerMediaModule, Kt as registerShadertoyModule, je as renderChildren, vn as renderMotionLetters, q as saveAuthSession, yr as sendLoginCode, J as sessionToUser, ei as useAuth, hi as useAuthGuard, ti as useAuthOptional, oa as useI18n, Ni as useIkonApp, Gi as useIkonDebug, Ii as useIkonReactive, un as useIkonStyles, fn as useIkonUiStores, Li as useReactive, Fi as useToasts, I as useUiNode, Ie as useUiStore, br as verifyLoginCode };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikonai/sdk-react-ui",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "type": "module",
   "main": "./index.js",
   "types": "./index.d.ts",