@burdenoff/microfe-store 2026.625.5 → 2026.626.2

package/dist/components/InstallAppModal.js

@@ -1,17 +1,18 @@
 import { useStore as e } from "../providers/StoreProvider.js";
 import { useCallback as t, useEffect as n, useReducer as r, useState as i } from "react";
-import { AlertCircle as a, Building2 as o, CheckCircle as s, Info as c, Loader2 as l, ShieldCheck as u, X as d } from "lucide-react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { graphqlFetch as h } from "@burdenoff/fe-libs/shared/graphql";
+import { AlertCircle as a, Building2 as o, CheckCircle as s, Info as c, Loader2 as l } from "lucide-react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { graphqlFetch as p } from "@burdenoff/fe-libs/shared/graphql";
+import { Dialog as m, DialogContent as h, DialogDescription as g, DialogFooter as _, DialogHeader as v, DialogTitle as y } from "@burdenoff/fe-libs/ui";
 //#region src/components/InstallAppModal.tsx
-var g = "query MyWorkspaces { myWorkspaces { items { id name slug type status organizationId } total } }", _ = "mutation InstallWorkspaceApps($workspaceIds: [ID!]!, $input: InstallWorkspaceAppInput!) { installWorkspaceApps(workspaceIds: $workspaceIds, input: $input) { successCount failedCount results { success workspaceId error } } }", v = "mutation RecordAppInstallation($input: RecordAppInstallationInput!) { recordAppInstallation(input: $input) { id status workspaceId version } }", y = "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 } }", b = "mutation CreateProductEntitlement($input: CreateProductEntitlementInput!) { createProductEntitlement(input: $input) { id status productId workspaceId } }", x = new Set([
+var b = "query MyWorkspaces { myWorkspaces { items { id name slug type status organizationId } total } }", x = "mutation InstallWorkspaceApps($workspaceIds: [ID!]!, $input: InstallWorkspaceAppInput!) { installWorkspaceApps(workspaceIds: $workspaceIds, input: $input) { successCount failedCount results { success workspaceId error } } }", S = "mutation RecordAppInstallation($input: RecordAppInstallationInput!) { recordAppInstallation(input: $input) { id status workspaceId version } }", C = "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 } }", w = "mutation CreateProductEntitlement($input: CreateProductEntitlementInput!) { createProductEntitlement(input: $input) { id status productId workspaceId } }", T = new Set([
 	"VIBEMODULE",
 	"NODE",
 	"CONSOLE",
 	"DASHBOARD",
 	"PARSER",
 	"DATASINK"
-]), S = {
+]), E = {
 	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.",
@@ -20,19 +21,19 @@ var g = "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 C(e) {
-	for (let [t, n] of Object.entries(S)) if (e.toUpperCase().includes(t)) return n;
+function D(e) {
+	for (let [t, n] of Object.entries(E)) if (e.toUpperCase().includes(t)) return n;
 	return "Installation failed. Please try again or contact support.";
 }
-var w = {
+var O = {
 	selectedWorkspace: null,
 	installing: !1,
 	installError: null,
 	installInfo: null
 };
-function T(e, t) {
+function k(e, t) {
 	switch (t.type) {
-		case "reset": return w;
+		case "reset": return O;
 		case "selectWorkspace": return {
 			...e,
 			selectedWorkspace: t.workspaceId
@@ -58,14 +59,14 @@ function T(e, t) {
 		default: return e;
 	}
 }
-function E(r) {
+function A(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);
 			try {
-				let e = await h({
+				let e = await p({
 					gateway: "global",
-					query: g,
+					query: b,
 					authToken: a || void 0
 				});
 				if (e.errors?.length) throw Error(e.errors[0]?.message ?? "GraphQL error");
@@ -86,335 +87,254 @@ function E(r) {
 		refetch: f
 	};
 }
-var D = ({ isOpen: t, onClose: g, app: S, orderId: D, purchaseState: O = "free", onInstallSuccess: k, onInstallError: A }) => {
-	let { authToken: j, user: M } = e(), [N, P] = r(T, w), { selectedWorkspace: F, installing: I, installError: L, installInfo: R } = N, z = S.requiredPermissions ?? [], [B, V] = i(z.length > 0 ? "permissions" : "workspace");
-	n(() => {
-		t && (V(z.length > 0 ? "permissions" : "workspace"), P({ type: "reset" }));
-	}, [t, z.length]);
-	let { workspaces: H, loading: U, error: W } = E(!t || B === "permissions"), G = H.filter((e) => e.status === "ACTIVE"), K = async () => {
-		if (!F) return;
-		let e = G.find((e) => e.id === F);
+var j = ({ isOpen: t, onClose: n, app: i, orderId: b, purchaseState: E = "free", onInstallSuccess: j, onInstallError: M }) => {
+	let { authToken: N, user: P } = e(), [F, I] = r(k, O), { selectedWorkspace: L, installing: R, installError: z, installInfo: B } = F, { workspaces: V, loading: H, error: U } = A(!t), W = V.filter((e) => e.status === "ACTIVE"), G = async () => {
+		if (!L) return;
+		let e = W.find((e) => e.id === L);
 		if (!e) return;
-		let t = M?.id;
-		P({ type: "startInstall" });
+		let t = P?.id;
+		I({ type: "startInstall" });
 		try {
-			if (!D && O !== "purchased") {
+			if (!b && E !== "purchased") {
 				if (!t) throw Error("Unable to identify the current user for license creation");
-				await h({
+				await p({
 					gateway: "global",
-					query: b,
+					query: w,
 					variables: { input: {
-						productId: S.id,
+						productId: i.id,
 						purchasedBy: t,
 						workspaceId: e.id,
 						metadata: {
 							source: "store-ui",
-							productType: S.type
+							productType: i.type
 						}
 					} },
-					authToken: j || void 0
+					authToken: N || void 0
 				});
 			}
-			let n = await h({
+			let r = await p({
 				gateway: "global",
-				query: y,
+				query: C,
 				variables: {
-					orderId: D ?? null,
-					productId: S.id,
+					orderId: b ?? null,
+					productId: i.id,
 					workspaceId: e.id
 				},
-				authToken: j || void 0
+				authToken: N || void 0
 			});
-			if (n.errors?.length) throw Error(n.errors[0]?.message ?? "Installation failed");
-			let r = n.data?.installPurchasedApp;
-			if (r?.success) r.alreadyInstalled ? P({
+			if (r.errors?.length) throw Error(r.errors[0]?.message ?? "Installation failed");
+			let a = r.data?.installPurchasedApp;
+			if (a?.success) a.alreadyInstalled ? I({
 				type: "setInfo",
-				info: r.message || "Already installed on this workspace"
-			}) : (k?.(e.id, e.name), g());
+				info: a.message || "Already installed on this workspace"
+			}) : (j?.(e.id, e.name), n());
 			else {
-				let e = r?.error || "Installation failed";
-				P({
+				let e = a?.error || "Installation failed";
+				I({
 					type: "setError",
-					error: C(e)
-				}), A?.(Error(e));
+					error: D(e)
+				}), M?.(Error(e));
 			}
 		} catch (e) {
 			let t = e instanceof Error ? e.message : "Installation failed";
-			P({
+			I({
 				type: "setError",
-				error: C(t)
-			}), A?.(Error(t));
+				error: D(t)
+			}), M?.(Error(t));
 		} finally {
-			P({ type: "finishInstall" });
+			I({ type: "finishInstall" });
 		}
-	}, q = async () => {
-		if (!F) return;
-		let e = G.find((e) => e.id === F);
+	}, K = async () => {
+		if (!L) return;
+		let e = W.find((e) => e.id === L);
 		if (e) {
-			P({ type: "startInstall" });
+			I({ type: "startInstall" });
 			try {
-				let t = await h({
+				let t = await p({
 					gateway: "workspace",
-					query: _,
+					query: x,
 					variables: {
 						workspaceIds: [e.id],
 						input: {
-							appName: S.slug || S.name.toLowerCase().replace(/\s+/g, "-"),
-							displayName: S.name,
-							version: S.version || "1.0.0",
-							type: S.type || "app",
+							appName: i.slug || i.name.toLowerCase().replace(/\s+/g, "-"),
+							displayName: i.name,
+							version: i.version || "1.0.0",
+							type: i.type || "app",
 							manifest: {
-								productId: S.id,
-								icon: S.icon
+								productId: i.id,
+								icon: i.icon
 							}
 						}
 					},
-					authToken: j || void 0,
+					authToken: N || void 0,
 					workspaceId: e.id,
 					workspaceToken: !0
 				});
 				if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Installation failed");
-				let n = t.data?.installWorkspaceApps;
-				if (n?.successCount && n.successCount > 0) {
+				let r = t.data?.installWorkspaceApps;
+				if (r?.successCount && r.successCount > 0) {
 					try {
-						await h({
+						await p({
 							gateway: "global",
-							query: v,
+							query: S,
 							variables: { input: {
-								productId: S.id,
+								productId: i.id,
 								workspaceId: e.id,
 								workspaceName: e.name,
 								workspaceType: e.type,
 								organizationId: e.organizationId,
-								version: S.version || "1.0.0",
+								version: i.version || "1.0.0",
 								manifest: {
-									productId: S.id,
-									icon: S.icon,
-									slug: S.slug,
-									type: S.type
+									productId: i.id,
+									icon: i.icon,
+									slug: i.slug,
+									type: i.type
 								}
 							} },
-							authToken: j || void 0
+							authToken: N || void 0
 						});
 					} catch {}
-					k?.(e.id, e.name), g();
+					j?.(e.id, e.name), n();
 				} else {
-					let e = n?.results?.[0]?.error || "Installation failed";
-					P({
+					let e = r?.results?.[0]?.error || "Installation failed";
+					I({
 						type: "setError",
-						error: C(e)
-					}), A?.(Error(e));
+						error: D(e)
+					}), M?.(Error(e));
 				}
 			} catch (e) {
 				let t = e instanceof Error ? e.message : "Installation failed";
-				P({
+				I({
 					type: "setError",
-					error: C(t)
-				}), A?.(Error(t));
+					error: D(t)
+				}), M?.(Error(t));
 			} finally {
-				P({ type: "finishInstall" });
+				I({ type: "finishInstall" });
 			}
 		}
-	}, J = async () => {
-		let e = S.type?.toUpperCase() ?? "";
-		O === "purchased" || D || x.has(e) ? await K() : await q();
 	};
-	if (!t) return null;
-	let Y = B === "permissions" ? "Review Permissions" : "Install App";
-	return /* @__PURE__ */ m("div", {
-		className: "fixed inset-0 z-50 flex items-center justify-center",
-		children: [/* @__PURE__ */ p("button", {
-			type: "button",
-			"aria-label": "Close modal",
-			className: "absolute inset-0 bg-bg-overlay/50 backdrop-blur-sm",
-			onClick: g
-		}), /* @__PURE__ */ m("dialog", {
-			open: !0,
-			"aria-modal": "true",
-			"aria-labelledby": "install-app-modal-title",
-			className: "relative z-10 mx-4 w-full max-w-lg rounded-2xl border border-border-default bg-bg-surface shadow-2xl",
+	return /* @__PURE__ */ d(m, {
+		open: t,
+		onOpenChange: (e) => !e && n(),
+		children: /* @__PURE__ */ f(h, {
+			className: "mx-4 w-full max-w-lg gap-0 p-0",
 			children: [
-				/* @__PURE__ */ m("div", {
-					className: "flex items-center justify-between border-b border-border-default px-6 py-4",
-					children: [/* @__PURE__ */ m("div", {
+				/* @__PURE__ */ d(v, {
+					className: "flex flex-row items-center justify-between space-y-0 border-b border-border-default px-6 py-4 text-left",
+					children: /* @__PURE__ */ f("div", {
 						className: "flex items-center gap-3",
-						children: [S.icon ? /* @__PURE__ */ p("img", {
-							src: S.icon,
-							alt: S.name,
+						children: [i.icon ? /* @__PURE__ */ d("img", {
+							src: i.icon,
+							alt: i.name,
 							className: "size-10 rounded-lg object-cover"
-						}) : /* @__PURE__ */ p("div", {
+						}) : /* @__PURE__ */ d("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__ */ m("div", { children: [/* @__PURE__ */ p("h2", {
-							id: "install-app-modal-title",
+							children: i.name.charAt(0)
+						}), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d(y, {
 							className: "text-lg font-semibold text-text-primary",
-							children: Y
-						}), /* @__PURE__ */ p("p", {
+							children: "Install App"
+						}), /* @__PURE__ */ d(g, {
 							className: "text-sm text-text-muted",
-							children: S.name
+							children: i.name
 						})] })]
-					}), /* @__PURE__ */ p("button", {
-						type: "button",
-						onClick: g,
-						"aria-label": "Close install dialog",
-						className: "cursor-pointer rounded-lg p-2 text-text-muted transition-colors hover:bg-bg-sunken hover:text-text-primary",
-						children: /* @__PURE__ */ p(d, { className: "size-5" })
-					})]
+					})
 				}),
-				B === "permissions" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
-					className: "px-6 py-4",
-					children: [
-						/* @__PURE__ */ m("p", {
-							className: "mb-1 text-sm text-text-secondary",
-							children: [/* @__PURE__ */ p("span", {
-								className: "font-medium text-text-primary",
-								children: S.name
-							}), " requests access to the following data in your workspace. You must accept to continue."]
-						}),
-						/* @__PURE__ */ p("div", {
-							className: "mt-4 max-h-72 overflow-y-auto space-y-2",
-							children: z.map((e) => /* @__PURE__ */ m("div", {
-								className: "flex items-center gap-3 rounded-lg bg-bg-sunken px-4 py-3",
-								children: [/* @__PURE__ */ p(u, { className: "size-5 flex-shrink-0 text-status-success-text" }), /* @__PURE__ */ p("span", {
-									className: "text-sm text-text-primary",
-									children: e
-								})]
-							}, e))
-						}),
-						/* @__PURE__ */ p("p", {
-							className: "mt-3 text-xs text-text-muted",
-							children: "These permissions will be recorded. You will be notified if they change in a future version."
-						})
-					]
-				}), /* @__PURE__ */ m("div", {
-					className: "border-t border-border-default px-6 py-4 flex items-center justify-end gap-3",
-					children: [/* @__PURE__ */ p("button", {
-						type: "button",
-						onClick: g,
-						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",
-						children: "Cancel"
-					}), /* @__PURE__ */ m("button", {
-						type: "button",
-						onClick: () => V("workspace"),
-						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 inline-flex items-center gap-2",
-						children: [/* @__PURE__ */ p(s, { className: "size-4" }), "Accept & Continue"]
-					})]
-				})] }),
-				B === "workspace" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
+				/* @__PURE__ */ f("div", {
 					className: "px-6 py-4",
-					children: [
-						z.length > 0 && /* @__PURE__ */ m("div", {
-							className: "mb-3 flex items-center gap-2 rounded-lg bg-status-success-bg-subtle px-3 py-2 text-sm text-status-success-text",
-							children: [/* @__PURE__ */ p(s, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ m("span", { children: [
-								"Permissions accepted (",
-								z.length,
-								" permission",
-								z.length === 1 ? "" : "s",
-								")"
-							] })]
-						}),
-						/* @__PURE__ */ p("p", {
-							className: "mb-4 text-text-secondary",
-							children: "Select the workspace where you want to install this app:"
-						}),
-						/* @__PURE__ */ p("div", {
-							className: "max-h-64 overflow-y-auto rounded-lg border border-border-default",
-							children: U ? /* @__PURE__ */ p("div", {
-								className: "flex items-center justify-center py-12",
-								children: /* @__PURE__ */ p(l, { className: "size-8 animate-spin text-text-muted" })
-							}) : W ? /* @__PURE__ */ m("div", {
-								className: "flex flex-col items-center justify-center py-12 text-center",
+					children: [/* @__PURE__ */ d("p", {
+						className: "mb-4 text-text-secondary",
+						children: "Select the workspace where you want to install this app:"
+					}), /* @__PURE__ */ d("div", {
+						className: "max-h-72 overflow-y-auto rounded-lg border border-border-seam",
+						children: H ? /* @__PURE__ */ d("div", {
+							className: "flex items-center justify-center py-12",
+							children: /* @__PURE__ */ d(l, { className: "size-8 animate-spin text-text-muted" })
+						}) : U ? /* @__PURE__ */ f("div", {
+							className: "flex flex-col items-center justify-center py-12 text-center",
+							children: [
+								/* @__PURE__ */ d(a, { className: "mb-2 size-8 text-status-error-text" }),
+								/* @__PURE__ */ d("p", {
+									className: "text-sm text-status-error-text",
+									children: "Failed to load workspaces"
+								}),
+								/* @__PURE__ */ d("p", {
+									className: "text-xs text-text-muted mt-1",
+									children: U.message
+								})
+							]
+						}) : W.length === 0 ? /* @__PURE__ */ f("div", {
+							className: "flex flex-col items-center justify-center py-12 text-center",
+							children: [/* @__PURE__ */ d(o, { className: "mb-2 size-8 text-text-muted" }), /* @__PURE__ */ d("p", {
+								className: "text-sm text-text-muted",
+								children: "No workspaces available"
+							})]
+						}) : /* @__PURE__ */ d("div", {
+							className: "divide-y divide-border-default",
+							children: W.map((e) => /* @__PURE__ */ f("button", {
+								type: "button",
+								onClick: () => I({
+									type: "selectWorkspace",
+									workspaceId: e.id
+								}),
+								className: `w-full cursor-pointer flex items-center gap-3 px-4 py-3 text-left transition-colors ${L === e.id ? "bg-action-primary-bg/10" : "transition-colors hover:bg-bg-sunken"}`,
 								children: [
-									/* @__PURE__ */ p(a, { className: "mb-2 size-8 text-status-error-text" }),
-									/* @__PURE__ */ p("p", {
-										className: "text-sm text-status-error-text",
-										children: "Failed to load workspaces"
+									/* @__PURE__ */ d("div", {
+										className: "flex size-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-text-link",
+										children: /* @__PURE__ */ d(o, { className: "size-5" })
 									}),
-									/* @__PURE__ */ p("p", {
-										className: "text-xs text-text-muted mt-1",
-										children: W.message
-									})
-								]
-							}) : G.length === 0 ? /* @__PURE__ */ m("div", {
-								className: "flex flex-col items-center justify-center py-12 text-center",
-								children: [/* @__PURE__ */ p(o, { className: "mb-2 size-8 text-text-muted" }), /* @__PURE__ */ p("p", {
-									className: "text-sm text-text-muted",
-									children: "No workspaces available"
-								})]
-							}) : /* @__PURE__ */ p("div", {
-								className: "divide-y divide-border-default",
-								children: G.map((e) => /* @__PURE__ */ m("button", {
-									type: "button",
-									onClick: () => P({
-										type: "selectWorkspace",
-										workspaceId: e.id
+									/* @__PURE__ */ f("div", {
+										className: "flex-1 min-w-0",
+										children: [/* @__PURE__ */ d("p", {
+											className: "font-medium text-text-primary truncate",
+											children: e.name
+										}), e.slug ? /* @__PURE__ */ f("p", {
+											className: "text-xs text-text-muted truncate",
+											children: ["/", e.slug]
+										}) : null]
 									}),
-									className: `w-full cursor-pointer flex items-center gap-3 px-4 py-3 text-left transition-colors ${F === e.id ? "bg-action-primary-bg/10" : "transition-colors hover:bg-bg-sunken"}`,
-									children: [
-										/* @__PURE__ */ p("div", {
-											className: "flex size-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-text-link",
-											children: /* @__PURE__ */ p(o, { className: "size-5" })
-										}),
-										/* @__PURE__ */ m("div", {
-											className: "flex-1 min-w-0",
-											children: [/* @__PURE__ */ p("p", {
-												className: "font-medium text-text-primary truncate",
-												children: e.name
-											}), e.slug ? /* @__PURE__ */ m("p", {
-												className: "text-xs text-text-muted truncate",
-												children: ["/", e.slug]
-											}) : null]
-										}),
-										F === e.id && /* @__PURE__ */ p(s, { className: "size-5 flex-shrink-0 text-action-primary-bg" })
-									]
-								}, e.id))
-							})
+									L === e.id && /* @__PURE__ */ d(s, { className: "size-5 flex-shrink-0 text-action-primary-bg" })
+								]
+							}, e.id))
 						})
-					]
-				}), /* @__PURE__ */ m("div", {
-					className: "border-t border-border-default px-6 py-4",
+					})]
+				}),
+				/* @__PURE__ */ f(_, {
+					className: "block border-t border-border-default px-6 py-4 sm:flex-col sm:items-stretch sm:space-x-0",
 					children: [
-						R && /* @__PURE__ */ m("div", {
+						B && /* @__PURE__ */ f("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__ */ p(c, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ p("span", { children: R })]
+							children: [/* @__PURE__ */ d(c, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ d("span", { children: B })]
 						}),
-						L && /* @__PURE__ */ m("div", {
+						z && /* @__PURE__ */ f("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__ */ p(a, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ p("span", { children: L })]
+							children: [/* @__PURE__ */ d(a, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ d("span", { children: z })]
 						}),
-						/* @__PURE__ */ m("div", {
+						/* @__PURE__ */ f("div", {
 							className: "flex items-center justify-end gap-3",
-							children: [
-								z.length > 0 && /* @__PURE__ */ p("button", {
-									type: "button",
-									onClick: () => V("permissions"),
-									disabled: I,
-									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: "Back"
-								}),
-								/* @__PURE__ */ p("button", {
-									type: "button",
-									onClick: g,
-									disabled: I,
-									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__ */ p("button", {
-									type: "button",
-									onClick: J,
-									disabled: !F || I,
-									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: I ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(l, { className: "size-4 animate-spin" }), "Installing…"] }) : "Install App"
-								})
-							]
+							children: [/* @__PURE__ */ d("button", {
+								type: "button",
+								onClick: n,
+								disabled: R,
+								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__ */ d("button", {
+								type: "button",
+								onClick: async () => {
+									let e = i.type?.toUpperCase() ?? "";
+									E === "purchased" || b || T.has(e) ? await G() : await K();
+								},
+								disabled: !L || R,
+								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: R ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(l, { className: "size-4 animate-spin" }), "Installing…"] }) : "Install App"
+							})]
 						})
 					]
-				})] })
+				})
 			]
-		})]
+		})
 	});
 };
 //#endregion
-export { D as InstallAppModal };
+export { j as InstallAppModal };
 
 //# sourceMappingURL=InstallAppModal.js.map