@loopstack/loopstack-studio 0.25.1 → 0.25.2

package/dist/features/health/LocalHealthCheck.js

@@ -1,86 +1,86 @@
-import { ApiClientEvents as e } from "../../events/api-client-events.js";
-import { eventBus as t } from "../../services/eventEmitter.js";
+import { ApiClientEvents } from "../../events/api-client-events.js";
+import { eventBus } from "../../services/eventEmitter.js";
 import "../../services/index.js";
-import { useStudio as n } from "../../providers/StudioProvider.js";
-import { useGetHealthInfo as r, useWorkerAuth as i, useWorkerAuthTokenRefresh as a } from "../../hooks/useAuth.js";
-import { useCallback as o, useEffect as s, useRef as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { useQueryClient as f } from "@tanstack/react-query";
-import { RefreshCw as p, X as m } from "lucide-react";
-//#region src/features/health/LocalHealthCheck.tsx
-var h = {
+import { useStudio } from "../../providers/StudioProvider.js";
+import { useGetHealthInfo, useWorkerAuth, useWorkerAuthTokenRefresh } from "../../hooks/useAuth.js";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useQueryClient } from "@tanstack/react-query";
+import { RefreshCw, X } from "lucide-react";
+const Escalation = {
 	None: 0,
 	Refresh: 1,
 	Login: 2,
 	Debug: 3,
 	Connection: 4
-}, g = () => {
-	let { environment: g } = n(), [_, v] = l(h.None), y = i(), b = a(), x = r(!1), S = f(), C = c(b);
+};
+var LocalHealthCheck_default = () => {
+	let { environment: g } = useStudio(), [_, v] = useState(Escalation.None), y = useWorkerAuth(), b = useWorkerAuthTokenRefresh(), x = useGetHealthInfo(!1), S = useQueryClient(), C = useRef(b);
 	C.current = b;
-	let w = c(y);
+	let w = useRef(y);
 	w.current = y;
-	let T = c(x);
+	let T = useRef(x);
 	T.current = x;
-	let E = o(() => {
+	let E = useCallback(() => {
 		T.current.refetch();
-	}, []), D = o(() => {
+	}, []), D = useCallback(() => {
 		C.current.mutate();
-	}, []), O = o(async () => {
+	}, []), O = useCallback(async () => {
 		try {
 			let e = "local";
 			g.getIdToken && (e = await g.getIdToken()), w.current.mutate({ hubLoginRequestDto: { idToken: e } });
 		} catch {
-			v(h.Debug);
+			v(Escalation.Debug);
 		}
 	}, [g]);
-	s(() => {
-		if (_ !== h.Connection) return;
+	useEffect(() => {
+		if (_ !== Escalation.Connection) return;
 		let e = setInterval(E, 5e3);
 		return () => clearInterval(e);
-	}, [_, E]), s(() => {
-		x.data && (v(h.None), S.invalidateQueries());
-	}, [x.data, S]), s(() => {
-		b.error && v(h.Login);
-	}, [b.error]), s(() => {
-		b.data?.status === 200 && v(h.None);
-	}, [b.data]), s(() => {
-		y.error && v(h.Debug);
-	}, [y.error]), s(() => {
-		y.data?.status === 200 && v(h.None);
-	}, [y.data]), s(() => {
-		_ === h.Refresh ? D() : _ === h.Login && O();
+	}, [_, E]), useEffect(() => {
+		x.data && (v(Escalation.None), S.invalidateQueries());
+	}, [x.data, S]), useEffect(() => {
+		b.error && v(Escalation.Login);
+	}, [b.error]), useEffect(() => {
+		b.data?.status === 200 && v(Escalation.None);
+	}, [b.data]), useEffect(() => {
+		y.error && v(Escalation.Debug);
+	}, [y.error]), useEffect(() => {
+		y.data?.status === 200 && v(Escalation.None);
+	}, [y.data]), useEffect(() => {
+		_ === Escalation.Refresh ? D() : _ === Escalation.Login && O();
 	}, [
 		_,
 		D,
 		O
-	]), s(() => {
-		let n = t.on(e.UNAUTHORIZED, () => {
-			v(h.Refresh);
-		}), r = t.on(e.ERR_NETWORK, () => {
-			v(h.Connection);
+	]), useEffect(() => {
+		let m = eventBus.on(ApiClientEvents.UNAUTHORIZED, () => {
+			v(Escalation.Refresh);
+		}), h = eventBus.on(ApiClientEvents.ERR_NETWORK, () => {
+			v(Escalation.Connection);
 		});
 		return () => {
-			n(), r();
+			m(), h();
 		};
 	}, []);
-	let [k, A] = l(!1), j = _ >= h.Debug && !k;
-	return s(() => {
-		_ < h.Debug && A(!1);
-	}, [_]), j ? /* @__PURE__ */ u("div", {
+	let [k, A] = useState(!1), j = _ >= Escalation.Debug && !k;
+	return useEffect(() => {
+		_ < Escalation.Debug && A(!1);
+	}, [_]), j ? /* @__PURE__ */ jsx("div", {
 		className: "bg-destructive/10 border-destructive/30 fixed inset-x-0 bottom-0 z-50 border-t px-4 py-3",
-		children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ d("div", {
+			children: [/* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ u("div", { className: "bg-destructive h-2 w-2 rounded-full" }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+				children: [/* @__PURE__ */ jsx("div", { className: "bg-destructive h-2 w-2 rounded-full" }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
 					className: "text-foreground text-sm font-semibold",
 					children: "Connection issues detected"
-				}), /* @__PURE__ */ d("p", {
+				}), /* @__PURE__ */ jsxs("p", {
 					className: "text-muted-foreground text-xs",
 					children: [
 						"Please make sure the environment",
 						" ",
-						/* @__PURE__ */ d("strong", { children: [
+						/* @__PURE__ */ jsxs("strong", { children: [
 							g.name,
 							" (",
 							g.id,
@@ -90,20 +90,19 @@ var h = {
 						"is properly configured and running."
 					]
 				})] })]
-			}), /* @__PURE__ */ d("div", {
+			}), /* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-2",
-				children: [_ === h.Connection && /* @__PURE__ */ d("button", {
+				children: [_ === Escalation.Connection && /* @__PURE__ */ jsxs("button", {
 					onClick: E,
 					className: "bg-primary flex items-center gap-2 rounded-md px-3 py-1.5 text-sm text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50",
-					children: [/* @__PURE__ */ u(p, { className: `h-3 w-3 ${x.isLoading ? "animate-spin" : ""}` }), "Retry"]
-				}), /* @__PURE__ */ u("button", {
+					children: [/* @__PURE__ */ jsx(RefreshCw, { className: `h-3 w-3 ${x.isLoading ? "animate-spin" : ""}` }), "Retry"]
+				}), /* @__PURE__ */ jsx("button", {
 					onClick: () => A(!0),
 					className: "text-muted-foreground hover:text-foreground rounded-xs p-1 transition-colors",
-					children: /* @__PURE__ */ u(m, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
 				})]
 			})]
 		})
 	}) : null;
 };
-//#endregion
-export { g as default };
+export { LocalHealthCheck_default as default };

package/dist/features/health/index.js

@@ -1 +1 @@
-import "./LocalHealthCheck.js";
+import LocalHealthCheck_default from "./LocalHealthCheck.js";

package/dist/features/oauth/OAuthCallbackPage.js

@@ -1,2 +1,2 @@
-import "react";
-import "react/jsx-runtime";
+import React, { useEffect, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/features/oauth/OAuthPromptRenderer.js

@@ -1,174 +1,223 @@
-import e from "../../components/messages/CompletionMessagePaper.js";
-import { useRunWorkflow as t } from "../../hooks/useProcessor.js";
-import { useOAuthPopup as n } from "./useOAuthPopup.js";
-import { useCallback as r, useEffect as i, useRef as a } from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/features/oauth/OAuthPromptRenderer.tsx
-var l = ({ parentWorkflow: o, workflow: l, document: u, isActive: m }) => {
-	let h = u.content, g = u.ui, _ = (g?.widgets)?.[0]?.options?.transition ?? (g?.actions)?.map((e) => e.options?.transition).find((e) => !!e), v = t(), { result: y, open: b, reset: x } = n(), S = a(!1), C = l.availableTransitions?.map((e) => e.id) ?? [], w = r((e, t) => {
-		!_ || !C.includes(_) || v.mutate({
-			workflowId: o.id,
+import CompletionMessagePaper_default from "../../components/messages/CompletionMessagePaper.js";
+import { useRunWorkflow } from "../../hooks/useProcessor.js";
+import { useOAuthPopup } from "./useOAuthPopup.js";
+import { c } from "react/compiler-runtime";
+import React, { useCallback, useEffect, useRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+var OAuthPromptRenderer = ({ parentWorkflow: l, workflow: u, document: m, isActive: h }) => {
+	let g = m.content, _ = m.ui, v = (_?.widgets)?.[0]?.options?.transition ?? (_?.actions)?.map((e) => e.options?.transition).find((e) => !!e), y = useRunWorkflow(), { result: b, open: x, reset: S } = useOAuthPopup(), C = useRef(!1), w = u.availableTransitions?.map((e) => e.id) ?? [], T = useCallback((e, o) => {
+		!v || !w.includes(v) || y.mutate({
+			workflowId: l.id,
 			runWorkflowPayloadDto: { transition: {
-				id: _,
-				workflowId: l.id,
+				id: v,
+				workflowId: u.id,
 				payload: {
 					code: e,
-					state: t
+					state: o
 				}
 			} }
 		});
 	}, [
-		_,
-		C,
 		v,
-		o.id,
-		l.id
+		w,
+		y,
+		l.id,
+		u.id
 	]);
-	i(() => {
-		y.status === "success" && !S.current && (S.current = !0, w(y.code, y.state));
-	}, [y, w]);
-	let T = () => {
-		S.current = !1, b({
-			authUrl: h.authUrl,
-			state: h.state
+	useEffect(() => {
+		b.status === "success" && !C.current && (C.current = !0, T(b.code, b.state));
+	}, [b, T]);
+	let E = () => {
+		C.current = !1, x({
+			authUrl: g.authUrl,
+			state: g.state
 		});
-	}, E = () => {
-		x(), S.current = !1, b({
-			authUrl: h.authUrl,
-			state: h.state
+	}, D = () => {
+		S(), C.current = !1, x({
+			authUrl: g.authUrl,
+			state: g.state
 		});
 	};
-	return h.status === "success" ? /* @__PURE__ */ s(e, { children: /* @__PURE__ */ s(d, {
+	return g.status === "success" ? /* @__PURE__ */ jsx(CompletionMessagePaper_default, { children: /* @__PURE__ */ jsx(StatusDisplay, {
 		status: "success",
-		provider: h.provider,
-		message: h.message
-	}) }) : h.status === "error" ? /* @__PURE__ */ c(e, { children: [/* @__PURE__ */ s(d, {
+		provider: g.provider,
+		message: g.message
+	}) }) : g.status === "error" ? /* @__PURE__ */ jsxs(CompletionMessagePaper_default, { children: [/* @__PURE__ */ jsx(StatusDisplay, {
 		status: "error",
-		provider: h.provider,
-		message: h.message
-	}), m && /* @__PURE__ */ s(f, { onClick: E })] }) : /* @__PURE__ */ s(e, { children: /* @__PURE__ */ s(p, {
-		result: y,
-		provider: h.provider,
-		isActive: m,
-		isSubmitting: v.isPending,
-		onSignIn: T,
-		onRetry: E
+		provider: g.provider,
+		message: g.message
+	}), h && /* @__PURE__ */ jsx(RetryButton, { onClick: D })] }) : /* @__PURE__ */ jsx(CompletionMessagePaper_default, { children: /* @__PURE__ */ jsx(PopupResultView, {
+		result: b,
+		provider: g.provider,
+		isActive: h,
+		isSubmitting: y.isPending,
+		onSignIn: E,
+		onRetry: D
 	}) });
-}, u = ({ provider: e }) => /* @__PURE__ */ s(o, { children: e.charAt(0).toUpperCase() + e.slice(1) }), d = ({ status: e, provider: t, message: n }) => /* @__PURE__ */ s("div", {
-	className: "flex items-center gap-3 py-1",
-	children: e === "success" ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("span", {
-		className: "flex h-6 w-6 items-center justify-center rounded-full bg-green-100 text-green-600 text-sm",
-		children: "✓"
-	}), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ c("div", {
-		className: "text-sm font-medium",
-		children: ["Connected to ", /* @__PURE__ */ s(u, { provider: t })]
-	}), n && /* @__PURE__ */ s("div", {
-		className: "text-xs text-gray-500 mt-0.5",
-		children: n
-	})] })] }) : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("span", {
-		className: "flex h-6 w-6 items-center justify-center rounded-full bg-red-100 text-red-600 text-sm",
-		children: "✗"
-	}), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("div", {
-		className: "text-sm font-medium",
-		children: "Authentication failed"
-	}), n && /* @__PURE__ */ s("div", {
-		className: "text-xs text-red-500 mt-0.5",
-		children: n
-	})] })] })
-}), f = ({ onClick: e }) => /* @__PURE__ */ s("button", {
-	onClick: e,
-	className: "mt-3 rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50",
-	children: "Try again"
-}), p = ({ result: e, provider: t, isActive: n, isSubmitting: r, onSignIn: i, onRetry: a }) => {
-	switch (e.status) {
-		case "idle": return /* @__PURE__ */ c("div", {
-			className: "py-1",
-			children: [
-				/* @__PURE__ */ c("div", {
-					className: "text-sm font-medium mb-1",
-					children: [
-						"Connect your ",
-						/* @__PURE__ */ s(u, { provider: t }),
-						" account"
-					]
-				}),
-				/* @__PURE__ */ c("div", {
-					className: "text-xs text-gray-500 mb-3",
-					children: [
-						"This workflow needs access to your ",
-						/* @__PURE__ */ s(u, { provider: t }),
-						" resources."
-					]
-				}),
-				n && /* @__PURE__ */ c("button", {
-					onClick: i,
-					className: "rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50",
-					children: ["Sign in with ", /* @__PURE__ */ s(u, { provider: t })]
+}, ProviderLabel = (e) => {
+	let o = c(2), { provider: s } = e, u = s.charAt(0).toUpperCase() + s.slice(1), d;
+	return o[0] === u ? d = o[1] : (d = /* @__PURE__ */ jsx(Fragment$1, { children: u }), o[0] = u, o[1] = d), d;
+}, StatusDisplay = (e) => {
+	let o = c(4), { status: s, provider: u, message: d } = e, f;
+	return o[0] !== d || o[1] !== u || o[2] !== s ? (f = /* @__PURE__ */ jsx("div", {
+		className: "flex items-center gap-3 py-1",
+		children: s === "success" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+			className: "flex h-6 w-6 items-center justify-center rounded-full bg-green-100 text-green-600 text-sm",
+			children: "✓"
+		}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
+			className: "text-sm font-medium",
+			children: ["Connected to ", /* @__PURE__ */ jsx(ProviderLabel, { provider: u })]
+		}), d && /* @__PURE__ */ jsx("div", {
+			className: "text-xs text-gray-500 mt-0.5",
+			children: d
+		})] })] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+			className: "flex h-6 w-6 items-center justify-center rounded-full bg-red-100 text-red-600 text-sm",
+			children: "✗"
+		}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+			className: "text-sm font-medium",
+			children: "Authentication failed"
+		}), d && /* @__PURE__ */ jsx("div", {
+			className: "text-xs text-red-500 mt-0.5",
+			children: d
+		})] })] })
+	}), o[0] = d, o[1] = u, o[2] = s, o[3] = f) : f = o[3], f;
+}, RetryButton = (e) => {
+	let o = c(2), { onClick: s } = e, u;
+	return o[0] === s ? u = o[1] : (u = /* @__PURE__ */ jsx("button", {
+		onClick: s,
+		className: "mt-3 rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50",
+		children: "Try again"
+	}), o[0] = s, o[1] = u), u;
+}, PopupResultView = (e) => {
+	let o = c(47), { result: s, provider: u, isActive: d, isSubmitting: f, onSignIn: p, onRetry: m } = e;
+	switch (s.status) {
+		case "idle": {
+			let e;
+			o[0] === u ? e = o[1] : (e = /* @__PURE__ */ jsxs("div", {
+				className: "text-sm font-medium mb-1",
+				children: [
+					"Connect your ",
+					/* @__PURE__ */ jsx(ProviderLabel, { provider: u }),
+					" account"
+				]
+			}), o[0] = u, o[1] = e);
+			let s;
+			o[2] === u ? s = o[3] : (s = /* @__PURE__ */ jsxs("div", {
+				className: "text-xs text-gray-500 mb-3",
+				children: [
+					"This workflow needs access to your ",
+					/* @__PURE__ */ jsx(ProviderLabel, { provider: u }),
+					" resources."
+				]
+			}), o[2] = u, o[3] = s);
+			let l;
+			o[4] !== d || o[5] !== p || o[6] !== u ? (l = d && /* @__PURE__ */ jsxs("button", {
+				onClick: p,
+				className: "rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50",
+				children: ["Sign in with ", /* @__PURE__ */ jsx(ProviderLabel, { provider: u })]
+			}), o[4] = d, o[5] = p, o[6] = u, o[7] = l) : l = o[7];
+			let f;
+			return o[8] !== e || o[9] !== s || o[10] !== l ? (f = /* @__PURE__ */ jsxs("div", {
+				className: "py-1",
+				children: [
+					e,
+					s,
+					l
+				]
+			}), o[8] = e, o[9] = s, o[10] = l, o[11] = f) : f = o[11], f;
+		}
+		case "pending": {
+			let e, s;
+			o[12] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ jsx("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }), /* @__PURE__ */ jsx("div", {
+					className: "text-sm font-medium",
+					children: "Waiting for authentication..."
+				})]
+			}), s = /* @__PURE__ */ jsx("div", {
+				className: "text-xs text-gray-500 mt-2",
+				children: "Complete the sign-in in the popup window."
+			}), o[12] = e, o[13] = s) : (e = o[12], s = o[13]);
+			let l;
+			o[14] !== d || o[15] !== m ? (l = d && /* @__PURE__ */ jsx("div", {
+				className: "mt-3 flex gap-2",
+				children: /* @__PURE__ */ jsx("button", {
+					onClick: m,
+					className: "rounded-md border border-gray-300 bg-white px-3 py-1.5 text-xs font-medium text-gray-600 hover:bg-gray-50",
+					children: "Retry"
 				})
-			]
-		});
-		case "pending": return /* @__PURE__ */ c("div", {
-			className: "py-1",
-			children: [
-				/* @__PURE__ */ c("div", {
+			}), o[14] = d, o[15] = m, o[16] = l) : l = o[16];
+			let u;
+			return o[17] === l ? u = o[18] : (u = /* @__PURE__ */ jsxs("div", {
+				className: "py-1",
+				children: [
+					e,
+					s,
+					l
+				]
+			}), o[17] = l, o[18] = u), u;
+		}
+		case "success": {
+			let e;
+			return o[19] !== f || o[20] !== u ? (e = /* @__PURE__ */ jsx("div", {
+				className: "py-1",
+				children: f ? /* @__PURE__ */ jsxs("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ s("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }), /* @__PURE__ */ s("div", {
+					children: [/* @__PURE__ */ jsx("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }), /* @__PURE__ */ jsx("div", {
 						className: "text-sm font-medium",
-						children: "Waiting for authentication..."
+						children: "Completing authentication..."
 					})]
-				}),
-				/* @__PURE__ */ s("div", {
-					className: "text-xs text-gray-500 mt-2",
-					children: "Complete the sign-in in the popup window."
-				}),
-				n && /* @__PURE__ */ s("div", {
-					className: "mt-3 flex gap-2",
-					children: /* @__PURE__ */ s("button", {
-						onClick: a,
-						className: "rounded-md border border-gray-300 bg-white px-3 py-1.5 text-xs font-medium text-gray-600 hover:bg-gray-50",
-						children: "Retry"
-					})
+				}) : /* @__PURE__ */ jsx(StatusDisplay, {
+					status: "success",
+					provider: u
 				})
-			]
-		});
-		case "success": return /* @__PURE__ */ s("div", {
-			className: "py-1",
-			children: r ? /* @__PURE__ */ c("div", {
-				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ s("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }), /* @__PURE__ */ s("div", {
-					className: "text-sm font-medium",
-					children: "Completing authentication..."
-				})]
-			}) : /* @__PURE__ */ s(d, {
-				status: "success",
-				provider: t
-			})
-		});
-		case "error": return /* @__PURE__ */ c("div", {
-			className: "py-1",
-			children: [/* @__PURE__ */ s(d, {
+			}), o[19] = f, o[20] = u, o[21] = e) : e = o[21], e;
+		}
+		case "error": {
+			let e;
+			o[22] !== u || o[23] !== s.error ? (e = /* @__PURE__ */ jsx(StatusDisplay, {
 				status: "error",
-				provider: t,
-				message: e.error
-			}), n && /* @__PURE__ */ s(f, { onClick: a })]
-		});
-		case "timeout": return /* @__PURE__ */ c("div", {
-			className: "py-1",
-			children: [/* @__PURE__ */ s(d, {
+				provider: u,
+				message: s.error
+			}), o[22] = u, o[23] = s.error, o[24] = e) : e = o[24];
+			let l;
+			o[25] !== d || o[26] !== m ? (l = d && /* @__PURE__ */ jsx(RetryButton, { onClick: m }), o[25] = d, o[26] = m, o[27] = l) : l = o[27];
+			let f;
+			return o[28] !== e || o[29] !== l ? (f = /* @__PURE__ */ jsxs("div", {
+				className: "py-1",
+				children: [e, l]
+			}), o[28] = e, o[29] = l, o[30] = f) : f = o[30], f;
+		}
+		case "timeout": {
+			let e;
+			o[31] === u ? e = o[32] : (e = /* @__PURE__ */ jsx(StatusDisplay, {
 				status: "error",
-				provider: t,
+				provider: u,
 				message: "Authentication timed out."
-			}), n && /* @__PURE__ */ s(f, { onClick: a })]
-		});
-		case "blocked": return /* @__PURE__ */ c("div", {
-			className: "py-1",
-			children: [/* @__PURE__ */ s(d, {
+			}), o[31] = u, o[32] = e);
+			let s;
+			o[33] !== d || o[34] !== m ? (s = d && /* @__PURE__ */ jsx(RetryButton, { onClick: m }), o[33] = d, o[34] = m, o[35] = s) : s = o[35];
+			let l;
+			return o[36] !== e || o[37] !== s ? (l = /* @__PURE__ */ jsxs("div", {
+				className: "py-1",
+				children: [e, s]
+			}), o[36] = e, o[37] = s, o[38] = l) : l = o[38], l;
+		}
+		case "blocked": {
+			let e;
+			o[39] === u ? e = o[40] : (e = /* @__PURE__ */ jsx(StatusDisplay, {
 				status: "error",
-				provider: t,
+				provider: u,
 				message: "Popup was blocked by the browser. Please allow popups for this site and try again."
-			}), n && /* @__PURE__ */ s(f, { onClick: a })]
-		});
+			}), o[39] = u, o[40] = e);
+			let s;
+			o[41] !== d || o[42] !== m ? (s = d && /* @__PURE__ */ jsx(RetryButton, { onClick: m }), o[41] = d, o[42] = m, o[43] = s) : s = o[43];
+			let l;
+			return o[44] !== e || o[45] !== s ? (l = /* @__PURE__ */ jsxs("div", {
+				className: "py-1",
+				children: [e, s]
+			}), o[44] = e, o[45] = s, o[46] = l) : l = o[46], l;
+		}
 	}
-};
-//#endregion
-export { l as default };
+}, OAuthPromptRenderer_default = OAuthPromptRenderer;
+export { OAuthPromptRenderer_default as default };

package/dist/features/oauth/index.js

@@ -1,3 +1,3 @@
 import "./OAuthCallbackPage.js";
-import "./useOAuthPopup.js";
-import "./OAuthPromptRenderer.js";
+import { useOAuthPopup } from "./useOAuthPopup.js";
+import OAuthPromptRenderer_default from "./OAuthPromptRenderer.js";