@burdenoff/microfe-store 2026.626.2 → 2026.703.1

package/dist/components/InstallAppModal.js

@@ -1,8 +1,8 @@
 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 } 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 { graphqlFetch as u } from "@burdenoff/fe-libs/shared/graphql";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 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 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([
@@ -60,11 +60,11 @@ function k(e, t) {
 	}
 }
 function A(r) {
-	let { authToken: a } = e(), [o, s] = i([]), [c, l] = i(!1), [u, d] = i(null), f = t(async () => {
+	let { authToken: a } = e(), [o, s] = i([]), [c, l] = i(!1), [d, f] = i(null), p = t(async () => {
 		if (!r) {
-			l(!0), d(null);
+			l(!0), f(null);
 			try {
-				let e = await p({
+				let e = await u({
 					gateway: "global",
 					query: b,
 					authToken: a || void 0
@@ -72,19 +72,19 @@ function A(r) {
 				if (e.errors?.length) throw Error(e.errors[0]?.message ?? "GraphQL error");
 				s(e.data?.myWorkspaces?.items || []);
 			} catch (e) {
-				d(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to fetch workspaces"));
+				f(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to fetch workspaces"));
 			} finally {
 				l(!1);
 			}
 		}
 	}, [a, r]);
 	return n(() => {
-		f();
-	}, [f]), {
+		p();
+	}, [p]), {
 		workspaces: o,
 		loading: c,
-		error: u,
-		refetch: f
+		error: d,
+		refetch: p
 	};
 }
 var j = ({ isOpen: t, onClose: n, app: i, orderId: b, purchaseState: E = "free", onInstallSuccess: j, onInstallError: M }) => {
@@ -97,7 +97,7 @@ var j = ({ isOpen: t, onClose: n, app: i, orderId: b, purchaseState: E = "free",
 		try {
 			if (!b && E !== "purchased") {
 				if (!t) throw Error("Unable to identify the current user for license creation");
-				await p({
+				await u({
 					gateway: "global",
 					query: w,
 					variables: { input: {
@@ -112,7 +112,7 @@ var j = ({ isOpen: t, onClose: n, app: i, orderId: b, purchaseState: E = "free",
 					authToken: N || void 0
 				});
 			}
-			let r = await p({
+			let r = await u({
 				gateway: "global",
 				query: C,
 				variables: {
@@ -150,7 +150,7 @@ var j = ({ isOpen: t, onClose: n, app: i, orderId: b, purchaseState: E = "free",
 		if (e) {
 			I({ type: "startInstall" });
 			try {
-				let t = await p({
+				let t = await u({
 					gateway: "workspace",
 					query: x,
 					variables: {
@@ -174,7 +174,7 @@ var j = ({ isOpen: t, onClose: n, app: i, orderId: b, purchaseState: E = "free",
 				let r = t.data?.installWorkspaceApps;
 				if (r?.successCount && r.successCount > 0) {
 					try {
-						await p({
+						await u({
 							gateway: "global",
 							query: S,
 							variables: { input: {
@@ -213,64 +213,64 @@ var j = ({ isOpen: t, onClose: n, app: i, orderId: b, purchaseState: E = "free",
 			}
 		}
 	};
-	return /* @__PURE__ */ d(m, {
+	return /* @__PURE__ */ f(m, {
 		open: t,
 		onOpenChange: (e) => !e && n(),
-		children: /* @__PURE__ */ f(h, {
+		children: /* @__PURE__ */ p(h, {
 			className: "mx-4 w-full max-w-lg gap-0 p-0",
 			children: [
-				/* @__PURE__ */ d(v, {
+				/* @__PURE__ */ f(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", {
+					children: /* @__PURE__ */ p("div", {
 						className: "flex items-center gap-3",
-						children: [i.icon ? /* @__PURE__ */ d("img", {
+						children: [i.icon ? /* @__PURE__ */ f("img", {
 							src: i.icon,
 							alt: i.name,
 							className: "size-10 rounded-lg object-cover"
-						}) : /* @__PURE__ */ d("div", {
+						}) : /* @__PURE__ */ f("div", {
 							className: "flex size-10 items-center justify-center rounded-lg bg-bg-sunken text-lg font-bold text-text-muted",
 							children: i.name.charAt(0)
-						}), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d(y, {
+						}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f(y, {
 							className: "text-lg font-semibold text-text-primary",
 							children: "Install App"
-						}), /* @__PURE__ */ d(g, {
+						}), /* @__PURE__ */ f(g, {
 							className: "text-sm text-text-muted",
 							children: i.name
 						})] })]
 					})
 				}),
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ p("div", {
 					className: "px-6 py-4",
-					children: [/* @__PURE__ */ d("p", {
+					children: [/* @__PURE__ */ f("p", {
 						className: "mb-4 text-text-secondary",
 						children: "Select the workspace where you want to install this app:"
-					}), /* @__PURE__ */ d("div", {
+					}), /* @__PURE__ */ f("div", {
 						className: "max-h-72 overflow-y-auto rounded-lg border border-border-seam",
-						children: H ? /* @__PURE__ */ d("div", {
+						children: H ? /* @__PURE__ */ f("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", {
+							children: /* @__PURE__ */ f(l, { className: "size-8 animate-spin text-text-muted" })
+						}) : U ? /* @__PURE__ */ p("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", {
+								/* @__PURE__ */ f(a, { className: "mb-2 size-8 text-status-error-text" }),
+								/* @__PURE__ */ f("p", {
 									className: "text-sm text-status-error-text",
 									children: "Failed to load workspaces"
 								}),
-								/* @__PURE__ */ d("p", {
+								/* @__PURE__ */ f("p", {
 									className: "text-xs text-text-muted mt-1",
 									children: U.message
 								})
 							]
-						}) : W.length === 0 ? /* @__PURE__ */ f("div", {
+						}) : W.length === 0 ? /* @__PURE__ */ p("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", {
+							children: [/* @__PURE__ */ f(o, { className: "mb-2 size-8 text-text-muted" }), /* @__PURE__ */ f("p", {
 								className: "text-sm text-text-muted",
 								children: "No workspaces available"
 							})]
-						}) : /* @__PURE__ */ d("div", {
+						}) : /* @__PURE__ */ f("div", {
 							className: "divide-y divide-border-default",
-							children: W.map((e) => /* @__PURE__ */ f("button", {
+							children: W.map((e) => /* @__PURE__ */ p("button", {
 								type: "button",
 								onClick: () => I({
 									type: "selectWorkspace",
@@ -278,46 +278,46 @@ var j = ({ isOpen: t, onClose: n, app: i, orderId: b, purchaseState: E = "free",
 								}),
 								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__ */ d("div", {
+									/* @__PURE__ */ f("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" })
+										children: /* @__PURE__ */ f(o, { className: "size-5" })
 									}),
-									/* @__PURE__ */ f("div", {
+									/* @__PURE__ */ p("div", {
 										className: "flex-1 min-w-0",
-										children: [/* @__PURE__ */ d("p", {
+										children: [/* @__PURE__ */ f("p", {
 											className: "font-medium text-text-primary truncate",
 											children: e.name
-										}), e.slug ? /* @__PURE__ */ f("p", {
+										}), e.slug ? /* @__PURE__ */ p("p", {
 											className: "text-xs text-text-muted truncate",
 											children: ["/", e.slug]
 										}) : null]
 									}),
-									L === e.id && /* @__PURE__ */ d(s, { className: "size-5 flex-shrink-0 text-action-primary-bg" })
+									L === e.id && /* @__PURE__ */ f(s, { className: "size-5 flex-shrink-0 text-action-primary-bg" })
 								]
 							}, e.id))
 						})
 					})]
 				}),
-				/* @__PURE__ */ f(_, {
+				/* @__PURE__ */ p(_, {
 					className: "block border-t border-border-default px-6 py-4 sm:flex-col sm:items-stretch sm:space-x-0",
 					children: [
-						B && /* @__PURE__ */ f("div", {
+						B && /* @__PURE__ */ p("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__ */ d(c, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ d("span", { children: B })]
+							children: [/* @__PURE__ */ f(c, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ f("span", { children: B })]
 						}),
-						z && /* @__PURE__ */ f("div", {
+						z && /* @__PURE__ */ p("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__ */ d(a, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ d("span", { children: z })]
+							children: [/* @__PURE__ */ f(a, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ f("span", { children: z })]
 						}),
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ p("div", {
 							className: "flex items-center justify-end gap-3",
-							children: [/* @__PURE__ */ d("button", {
+							children: [/* @__PURE__ */ f("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", {
+							}), /* @__PURE__ */ f("button", {
 								type: "button",
 								onClick: async () => {
 									let e = i.type?.toUpperCase() ?? "";
@@ -325,7 +325,7 @@ var j = ({ isOpen: t, onClose: n, app: i, orderId: b, purchaseState: E = "free",
 								},
 								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"
+								children: R ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(l, { className: "size-4 animate-spin" }), "Installing…"] }) : "Install App"
 							})]
 						})
 					]