@burdenoff/microfe-store 2026.801.1 → 2026.805.1

package/dist/components/InstallAppModal.js

@@ -3,16 +3,16 @@ import { useCallback as t, useEffect as n, useReducer as r, useState as i } from
 import { AlertCircle as a, ArrowLeft as o, Building2 as s, CheckCircle as c, ChevronRight as l, Info as u, Loader2 as d, ShieldCheck as f } from "lucide-react";
 import { graphqlFetch as p } from "@burdenoff/fe-libs/shared/graphql";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { Dialog as _, DialogContent as v, DialogDescription as ee, DialogFooter as y, DialogHeader as b, DialogTitle as x } from "@burdenoff/fe-libs/ui";
+import { Dialog as _, DialogContent as v, DialogDescription as y, DialogFooter as b, DialogHeader as x, DialogTitle as ee } from "@burdenoff/fe-libs/ui";
 //#region src/components/InstallAppModal.tsx
-var S = "query MyWorkspaces { myWorkspaces { items { id name slug type status organizationId } total } }", C = "mutation InstallWorkspaceApps($workspaceIds: [ID!]!, $input: InstallWorkspaceAppInput!) { installWorkspaceApps(workspaceIds: $workspaceIds, input: $input) { successCount failedCount results { success workspaceId error } } }", w = "mutation RecordAppInstallation($input: RecordAppInstallationInput!) { recordAppInstallation(input: $input) { id status workspaceId version } }", T = "mutation InstallPurchasedApp($orderId: ID, $productId: String!, $workspaceId: String!) { installPurchasedApp(orderId: $orderId, productId: $productId, workspaceId: $workspaceId) { success alreadyInstalled installation { id productId workspaceId status version } error message } }", E = "mutation CreateProductEntitlement($input: CreateProductEntitlementInput!) { createProductEntitlement(input: $input) { id status productId workspaceId } }", D = "mutation InstallAppDevportal($input: InstallAppInput!) { installApp(input: $input) { id status workspaceId application { oauthAuthUrl } } }", O = new Set([
+var S = "query MyWorkspaces { myWorkspaces { items { id name slug type status organizationId } total } }", C = "mutation InstallWorkspaceApps($workspaceIds: [ID!]!, $input: InstallWorkspaceAppInput!) { installWorkspaceApps(workspaceIds: $workspaceIds, input: $input) { successCount failedCount results { success workspaceId error } } }", w = "mutation RecordAppInstallation($input: RecordAppInstallationInput!) { recordAppInstallation(input: $input) { id status workspaceId version } }", T = "mutation InstallPurchasedApp($orderId: ID, $productId: String!, $workspaceId: String!, $version: String) { installPurchasedApp(orderId: $orderId, productId: $productId, workspaceId: $workspaceId, version: $version) { success alreadyInstalled installation { id productId workspaceId status version } error message } }", te = "mutation CreateProductEntitlement($input: CreateProductEntitlementInput!) { createProductEntitlement(input: $input) { id status productId workspaceId } }", ne = "mutation InstallAppDevportal($input: InstallAppInput!) { installApp(input: $input) { id status workspaceId application { oauthAuthUrl } } }", E = "query InstallableApplicationVersions($applicationId: ID!) { installableApplicationVersions(applicationId: $applicationId) { version status isLatest } }", D = new Set([
 	"VIBEMODULE",
 	"NODE",
 	"CONSOLE",
 	"DASHBOARD",
 	"PARSER",
 	"DATASINK"
-]), k = new Set(["INTEGRATION", "API_INTEGRATION"]), A = {
+]), O = new Set(["INTEGRATION", "API_INTEGRATION"]), k = {
 	ALREADY_INSTALLED: "This app is already installed in the selected workspace.",
 	QUOTA_EXCEEDED: "Installation limit reached. Please upgrade your plan or contact support.",
 	PERMISSION_DENIED: "You do not have permission to install apps in this workspace.",
@@ -21,24 +21,29 @@ var S = "query MyWorkspaces { myWorkspaces { items { id name slug type status or
 	ENTITLEMENT_EXPIRED: "Your license for this app has expired.",
 	UNSUPPORTED_TYPE: "This product type cannot be installed in the selected workspace."
 };
-function j(e) {
-	for (let [t, n] of Object.entries(A)) if (e.toUpperCase().includes(t)) return n;
+function A(e) {
+	for (let [t, n] of Object.entries(k)) if (e.toUpperCase().includes(t)) return n;
 	return "Installation failed. Please try again or contact support.";
 }
-var M = {
+var j = {
 	step: "workspace",
 	selectedWorkspace: null,
+	selectedVersion: "",
 	installing: !1,
 	installError: null,
 	installInfo: null
 };
-function N(e, t) {
+function M(e, t) {
 	switch (t.type) {
-		case "reset": return M;
+		case "reset": return j;
 		case "selectWorkspace": return {
 			...e,
 			selectedWorkspace: t.workspaceId
 		};
+		case "selectVersion": return {
+			...e,
+			selectedVersion: t.version
+		};
 		case "advanceToConsent": return {
 			...e,
 			step: "consent",
@@ -70,7 +75,7 @@ function N(e, t) {
 		default: return e;
 	}
 }
-function P(r) {
+function N(r) {
 	let { authToken: a } = e(), [o, s] = i([]), [c, l] = i(!1), [u, d] = i(null), f = t(async () => {
 		if (!r) {
 			l(!0), d(null);
@@ -98,23 +103,60 @@ function P(r) {
 		refetch: f
 	};
 }
-var F = ({ isOpen: t, onClose: i, app: S, orderId: A, purchaseState: F = "free", onInstallSuccess: I, onInstallError: L }) => {
-	let { authToken: R, user: te } = e(), [z, B] = r(N, M), { step: V, selectedWorkspace: H, installing: U, installError: W, installInfo: G } = z, K = S.type?.toUpperCase() ?? "", q = k.has(K), { workspaces: J, loading: Y, error: X } = P(!t);
+function P(t, r) {
+	let { authToken: a } = e(), [o, s] = i([]), [c, l] = i(!1);
+	return n(() => {
+		if (r || !t) {
+			s([]);
+			return;
+		}
+		let e = !1;
+		return l(!0), p({
+			gateway: "global",
+			query: E,
+			variables: { applicationId: t },
+			authToken: a || void 0
+		}).then((t) => {
+			if (!e) {
+				if (t.errors?.length) {
+					s([]);
+					return;
+				}
+				s(t.data?.installableApplicationVersions ?? []);
+			}
+		}).catch(() => {
+			e || s([]);
+		}).finally(() => {
+			e || l(!1);
+		}), () => {
+			e = !0;
+		};
+	}, [
+		t,
+		a,
+		r
+	]), {
+		versions: o,
+		loading: c
+	};
+}
+var F = ({ isOpen: t, onClose: i, app: S, orderId: E, purchaseState: k = "free", onInstallSuccess: F, onInstallError: I }) => {
+	let { authToken: L, user: re } = e(), [ie, R] = r(M, j), { step: z, selectedWorkspace: B, selectedVersion: V, installing: H, installError: U, installInfo: W } = ie, G = S.type?.toUpperCase() ?? "", K = O.has(G), q = D.has(G), { workspaces: J, loading: ae, error: Y } = N(!t), { versions: X } = P(S.applicationId, !t || !q);
 	n(() => {
-		t || B({ type: "reset" });
+		t || R({ type: "reset" });
 	}, [t]);
-	let Z = J.filter((e) => e.status === "ACTIVE"), ne = async () => {
-		if (!H) return;
-		let e = Z.find((e) => e.id === H);
+	let Z = J.filter((e) => e.status === "ACTIVE"), oe = async () => {
+		if (!B) return;
+		let e = Z.find((e) => e.id === B);
 		if (!e) return;
-		let t = te?.id;
-		B({ type: "startInstall" });
+		let t = re?.id;
+		R({ type: "startInstall" });
 		try {
-			if (!A && F !== "purchased") {
+			if (!E && k !== "purchased") {
 				if (!t) throw Error("Unable to identify the current user for license creation");
 				await p({
 					gateway: "global",
-					query: E,
+					query: te,
 					variables: { input: {
 						productId: S.id,
 						purchasedBy: t,
@@ -124,46 +166,47 @@ var F = ({ isOpen: t, onClose: i, app: S, orderId: A, purchaseState: F = "free",
 							productType: S.type
 						}
 					} },
-					authToken: R || void 0
+					authToken: L || void 0
 				});
 			}
 			let n = await p({
 				gateway: "global",
 				query: T,
 				variables: {
-					orderId: A ?? null,
+					orderId: E ?? null,
 					productId: S.id,
-					workspaceId: e.id
+					workspaceId: e.id,
+					version: V || void 0
 				},
-				authToken: R || void 0
+				authToken: L || void 0
 			});
 			if (n.errors?.length) throw Error(n.errors[0]?.message ?? "Installation failed");
 			let r = n.data?.installPurchasedApp;
-			if (r?.success) r.alreadyInstalled ? B({
+			if (r?.success) r.alreadyInstalled ? R({
 				type: "setInfo",
 				info: r.message || "Already installed on this workspace"
-			}) : (I?.(e.id, e.name), i());
+			}) : (F?.(e.id, e.name), i());
 			else {
 				let e = r?.error || "Installation failed";
-				B({
+				R({
 					type: "setError",
-					error: j(e)
-				}), L?.(Error(e));
+					error: A(e)
+				}), I?.(Error(e));
 			}
 		} catch (e) {
 			let t = e instanceof Error ? e.message : "Installation failed";
-			B({
+			R({
 				type: "setError",
-				error: j(t)
-			}), L?.(Error(t));
+				error: A(t)
+			}), I?.(Error(t));
 		} finally {
-			B({ type: "finishInstall" });
+			R({ type: "finishInstall" });
 		}
-	}, re = async () => {
-		if (!H) return;
-		let e = Z.find((e) => e.id === H);
+	}, se = async () => {
+		if (!B) return;
+		let e = Z.find((e) => e.id === B);
 		if (e) {
-			B({ type: "startInstall" });
+			R({ type: "startInstall" });
 			try {
 				let t = await p({
 					gateway: "workspace",
@@ -181,7 +224,7 @@ var F = ({ isOpen: t, onClose: i, app: S, orderId: A, purchaseState: F = "free",
 							}
 						}
 					},
-					authToken: R || void 0,
+					authToken: L || void 0,
 					workspaceId: e.id,
 					workspaceToken: !0
 				});
@@ -207,45 +250,45 @@ var F = ({ isOpen: t, onClose: i, app: S, orderId: A, purchaseState: F = "free",
 									type: S.type
 								}
 							} },
-							authToken: R || void 0
+							authToken: L || void 0
 						});
 					} catch {}
-					I?.(e.id, e.name), i();
+					F?.(e.id, e.name), i();
 				} else {
 					let e = n?.results?.[0]?.error || "Installation failed";
-					B({
+					R({
 						type: "setError",
-						error: j(e)
-					}), L?.(Error(e));
+						error: A(e)
+					}), I?.(Error(e));
 				}
 			} catch (e) {
 				let t = e instanceof Error ? e.message : "Installation failed";
-				B({
+				R({
 					type: "setError",
-					error: j(t)
-				}), L?.(Error(t));
+					error: A(t)
+				}), I?.(Error(t));
 			} finally {
-				B({ type: "finishInstall" });
+				R({ type: "finishInstall" });
 			}
 		}
-	}, ie = () => {
-		q ? B({ type: "advanceToConsent" }) : Q();
-	}, ae = async () => {
-		if (!H) return;
-		let e = Z.find((e) => e.id === H);
+	}, ce = () => {
+		K ? R({ type: "advanceToConsent" }) : Q();
+	}, le = async () => {
+		if (!B) return;
+		let e = Z.find((e) => e.id === B);
 		if (e) {
-			B({ type: "startInstall" });
+			R({ type: "startInstall" });
 			try {
 				let t = await p({
 					gateway: "global",
-					query: D,
+					query: ne,
 					variables: { input: {
 						applicationId: S.applicationId ?? S.id,
 						scope: "WORKSPACE",
 						workspaceId: e.id,
 						consentedPermissions: S.permissions ?? []
 					} },
-					authToken: R || void 0
+					authToken: L || void 0
 				});
 				if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Installation failed");
 				let n = t.data?.installApp;
@@ -271,31 +314,31 @@ var F = ({ isOpen: t, onClose: i, app: S, orderId: A, purchaseState: F = "free",
 								installationId: n.id
 							}
 						} },
-						authToken: R || void 0
+						authToken: L || void 0
 					});
 				} catch {}
 				let r = n.application?.oauthAuthUrl;
-				r && window.open(`${r}?installation_id=${n.id}`, "_blank"), I?.(e.id, e.name), i();
+				r && window.open(`${r}?installation_id=${n.id}`, "_blank"), F?.(e.id, e.name), i();
 			} catch (e) {
 				let t = e instanceof Error ? e.message : "Installation failed";
-				B({
+				R({
 					type: "setError",
-					error: j(t)
-				}), L?.(Error(t));
+					error: A(t)
+				}), I?.(Error(t));
 			} finally {
-				B({ type: "finishInstall" });
+				R({ type: "finishInstall" });
 			}
 		}
 	}, Q = async () => {
-		k.has(K) ? await ae() : F === "purchased" || A || O.has(K) ? await ne() : await re();
-	}, $ = Z.find((e) => e.id === H);
+		O.has(G) ? await le() : k === "purchased" || E || D.has(G) ? await oe() : await se();
+	}, $ = Z.find((e) => e.id === B);
 	return /* @__PURE__ */ h(_, {
 		open: t,
 		onOpenChange: (e) => !e && i(),
 		children: /* @__PURE__ */ g(v, {
 			className: "mx-4 w-full max-w-lg gap-0 p-0",
 			children: [
-				/* @__PURE__ */ g(b, {
+				/* @__PURE__ */ g(x, {
 					className: "flex flex-row items-center justify-between space-y-0 border-b border-border-default px-6 py-4 text-left",
 					children: [/* @__PURE__ */ g("div", {
 						className: "flex items-center gap-3",
@@ -306,88 +349,119 @@ var F = ({ isOpen: t, onClose: i, app: S, orderId: A, purchaseState: F = "free",
 						}) : /* @__PURE__ */ h("div", {
 							className: "flex size-10 items-center justify-center rounded-lg bg-bg-sunken text-lg font-bold text-text-muted",
 							children: S.name.charAt(0)
-						}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(x, {
+						}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(ee, {
 							className: "text-lg font-semibold text-text-primary",
-							children: V === "consent" ? "Review Permissions" : "Install App"
-						}), /* @__PURE__ */ h(ee, {
+							children: z === "consent" ? "Review Permissions" : "Install App"
+						}), /* @__PURE__ */ h(y, {
 							className: "text-sm text-text-muted",
 							children: S.name
 						})] })]
-					}), q && /* @__PURE__ */ g("div", {
+					}), K && /* @__PURE__ */ g("div", {
 						className: "flex items-center gap-1.5 text-xs text-text-muted shrink-0",
 						children: [
 							/* @__PURE__ */ h("span", {
-								className: V === "workspace" ? "font-semibold text-text-primary" : "",
+								className: z === "workspace" ? "font-semibold text-text-primary" : "",
 								children: "1"
 							}),
 							/* @__PURE__ */ h(l, { className: "size-3" }),
 							/* @__PURE__ */ h("span", {
-								className: V === "consent" ? "font-semibold text-text-primary" : "",
+								className: z === "consent" ? "font-semibold text-text-primary" : "",
 								children: "2"
 							})
 						]
 					})]
 				}),
-				V === "workspace" && /* @__PURE__ */ g("div", {
+				z === "workspace" && /* @__PURE__ */ g("div", {
 					className: "px-6 py-4",
-					children: [/* @__PURE__ */ h("p", {
-						className: "mb-4 text-text-secondary",
-						children: "Select the workspace where you want to install this app:"
-					}), /* @__PURE__ */ h("div", {
-						className: "max-h-72 overflow-y-auto rounded-lg border border-border-seam",
-						children: Y ? /* @__PURE__ */ h("div", {
-							className: "flex items-center justify-center py-12",
-							children: /* @__PURE__ */ h(d, { className: "size-8 animate-spin text-text-muted" })
-						}) : X ? /* @__PURE__ */ g("div", {
-							className: "flex flex-col items-center justify-center py-12 text-center",
-							children: [
-								/* @__PURE__ */ h(a, { className: "mb-2 size-8 text-status-error-text" }),
-								/* @__PURE__ */ h("p", {
-									className: "text-sm text-status-error-text",
-									children: "Failed to load workspaces"
-								}),
-								/* @__PURE__ */ h("p", {
-									className: "text-xs text-text-muted mt-1",
-									children: X.message
-								})
-							]
-						}) : Z.length === 0 ? /* @__PURE__ */ g("div", {
-							className: "flex flex-col items-center justify-center py-12 text-center",
-							children: [/* @__PURE__ */ h(s, { className: "mb-2 size-8 text-text-muted" }), /* @__PURE__ */ h("p", {
-								className: "text-sm text-text-muted",
-								children: "No workspaces available"
-							})]
-						}) : /* @__PURE__ */ h("div", {
-							className: "divide-y divide-border-default",
-							children: Z.map((e) => /* @__PURE__ */ g("button", {
-								type: "button",
-								onClick: () => B({
-									type: "selectWorkspace",
-									workspaceId: e.id
-								}),
-								className: `w-full cursor-pointer flex items-center gap-3 px-4 py-3 text-left transition-colors ${H === e.id ? "bg-action-primary-bg/10" : "hover:bg-bg-sunken"}`,
+					children: [
+						/* @__PURE__ */ h("p", {
+							className: "mb-4 text-text-secondary",
+							children: "Select the workspace where you want to install this app:"
+						}),
+						/* @__PURE__ */ h("div", {
+							className: "max-h-72 overflow-y-auto rounded-lg border border-border-seam",
+							children: ae ? /* @__PURE__ */ h("div", {
+								className: "flex items-center justify-center py-12",
+								children: /* @__PURE__ */ h(d, { className: "size-8 animate-spin text-text-muted" })
+							}) : Y ? /* @__PURE__ */ g("div", {
+								className: "flex flex-col items-center justify-center py-12 text-center",
 								children: [
-									/* @__PURE__ */ h("div", {
-										className: "flex size-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-text-link",
-										children: /* @__PURE__ */ h(s, { className: "size-5" })
+									/* @__PURE__ */ h(a, { className: "mb-2 size-8 text-status-error-text" }),
+									/* @__PURE__ */ h("p", {
+										className: "text-sm text-status-error-text",
+										children: "Failed to load workspaces"
 									}),
-									/* @__PURE__ */ g("div", {
-										className: "flex-1 min-w-0",
-										children: [/* @__PURE__ */ h("p", {
-											className: "font-medium text-text-primary truncate",
-											children: e.name
-										}), e.slug ? /* @__PURE__ */ g("p", {
-											className: "text-xs text-text-muted truncate",
-											children: ["/", e.slug]
-										}) : null]
-									}),
-									H === e.id && /* @__PURE__ */ h(c, { className: "size-5 flex-shrink-0 text-action-primary-bg" })
+									/* @__PURE__ */ h("p", {
+										className: "text-xs text-text-muted mt-1",
+										children: Y.message
+									})
 								]
-							}, e.id))
+							}) : Z.length === 0 ? /* @__PURE__ */ g("div", {
+								className: "flex flex-col items-center justify-center py-12 text-center",
+								children: [/* @__PURE__ */ h(s, { className: "mb-2 size-8 text-text-muted" }), /* @__PURE__ */ h("p", {
+									className: "text-sm text-text-muted",
+									children: "No workspaces available"
+								})]
+							}) : /* @__PURE__ */ h("div", {
+								className: "divide-y divide-border-default",
+								children: Z.map((e) => /* @__PURE__ */ g("button", {
+									type: "button",
+									onClick: () => R({
+										type: "selectWorkspace",
+										workspaceId: e.id
+									}),
+									className: `w-full cursor-pointer flex items-center gap-3 px-4 py-3 text-left transition-colors ${B === e.id ? "bg-action-primary-bg/10" : "hover:bg-bg-sunken"}`,
+									children: [
+										/* @__PURE__ */ h("div", {
+											className: "flex size-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-text-link",
+											children: /* @__PURE__ */ h(s, { className: "size-5" })
+										}),
+										/* @__PURE__ */ g("div", {
+											className: "flex-1 min-w-0",
+											children: [/* @__PURE__ */ h("p", {
+												className: "font-medium text-text-primary truncate",
+												children: e.name
+											}), e.slug ? /* @__PURE__ */ g("p", {
+												className: "text-xs text-text-muted truncate",
+												children: ["/", e.slug]
+											}) : null]
+										}),
+										B === e.id && /* @__PURE__ */ h(c, { className: "size-5 flex-shrink-0 text-action-primary-bg" })
+									]
+								}, e.id))
+							})
+						}),
+						q && X.length > 1 && /* @__PURE__ */ g("div", {
+							className: "mt-4",
+							children: [/* @__PURE__ */ h("label", {
+								htmlFor: "install-app-version",
+								className: "mb-1.5 block text-xs font-medium text-text-secondary",
+								children: "Version"
+							}), /* @__PURE__ */ g("select", {
+								id: "install-app-version",
+								value: V,
+								onChange: (e) => R({
+									type: "selectVersion",
+									version: e.target.value
+								}),
+								className: "w-full rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+								children: [/* @__PURE__ */ g("option", {
+									value: "",
+									children: ["Latest", S.version ? ` (${S.version})` : ""]
+								}), X.filter((e) => !e.isLatest).map((e) => /* @__PURE__ */ g("option", {
+									value: e.version,
+									children: [
+										e.version,
+										" (",
+										e.status,
+										")"
+									]
+								}, e.version))]
+							})]
 						})
-					})]
+					]
 				}),
-				V === "consent" && /* @__PURE__ */ g("div", {
+				z === "consent" && /* @__PURE__ */ g("div", {
 					className: "px-6 py-4",
 					children: [
 						$ && /* @__PURE__ */ g("div", {
@@ -454,43 +528,43 @@ var F = ({ isOpen: t, onClose: i, app: S, orderId: A, purchaseState: F = "free",
 						})
 					]
 				}),
-				/* @__PURE__ */ g(y, {
+				/* @__PURE__ */ g(b, {
 					className: "block border-t border-border-default px-6 py-4 sm:flex-col sm:items-stretch sm:space-x-0",
 					children: [
-						G && /* @__PURE__ */ g("div", {
+						W && /* @__PURE__ */ g("div", {
 							className: "mb-3 flex items-center gap-2 rounded-lg bg-status-info-bg-subtle px-3 py-2 text-sm text-status-info-text",
-							children: [/* @__PURE__ */ h(u, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ h("span", { children: G })]
+							children: [/* @__PURE__ */ h(u, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ h("span", { children: W })]
 						}),
-						W && /* @__PURE__ */ g("div", {
+						U && /* @__PURE__ */ g("div", {
 							className: "mb-3 flex items-center gap-2 rounded-lg bg-status-error-bg-subtle/10 px-3 py-2 text-sm text-status-error-text",
-							children: [/* @__PURE__ */ h(a, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ h("span", { children: W })]
+							children: [/* @__PURE__ */ h(a, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ h("span", { children: U })]
 						}),
 						/* @__PURE__ */ h("div", {
 							className: "flex items-center justify-end gap-3",
-							children: V === "consent" ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g("button", {
+							children: z === "consent" ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g("button", {
 								type: "button",
-								onClick: () => B({ type: "backToWorkspace" }),
-								disabled: U,
+								onClick: () => R({ type: "backToWorkspace" }),
+								disabled: H,
 								className: "cursor-pointer inline-flex items-center gap-1.5 rounded-lg border border-border-default px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50",
 								children: [/* @__PURE__ */ h(o, { className: "size-4" }), "Back"]
 							}), /* @__PURE__ */ h("button", {
 								type: "button",
 								onClick: () => void Q(),
-								disabled: U,
+								disabled: H,
 								className: "cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-opacity hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center gap-2",
-								children: U ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(d, { className: "size-4 animate-spin" }), "Installing…"] }) : "Accept & Install"
+								children: H ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(d, { className: "size-4 animate-spin" }), "Installing…"] }) : "Accept & Install"
 							})] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("button", {
 								type: "button",
 								onClick: i,
-								disabled: U,
+								disabled: H,
 								className: "cursor-pointer rounded-lg border border-border-default px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50",
 								children: "Cancel"
 							}), /* @__PURE__ */ h("button", {
 								type: "button",
-								onClick: ie,
-								disabled: !H || U,
+								onClick: ce,
+								disabled: !B || H,
 								className: "cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-opacity hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center gap-2",
-								children: U ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(d, { className: "size-4 animate-spin" }), "Installing…"] }) : q ? /* @__PURE__ */ g(m, { children: ["Continue", /* @__PURE__ */ h(l, { className: "size-4" })] }) : "Install App"
+								children: H ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(d, { className: "size-4 animate-spin" }), "Installing…"] }) : K ? /* @__PURE__ */ g(m, { children: ["Continue", /* @__PURE__ */ h(l, { className: "size-4" })] }) : "Install App"
 							})] })
 						})
 					]