@burdenoff/microfe-devportal 2026.609.4 → 2026.611.1

package/dist/devportal/pages/SetupPage.js

@@ -2,23 +2,17 @@ import { useDevportal as e } from "../providers/DevportalProvider.js";
 import { useDevportalEventBus as t } from "../events/index.js";
 import { APP_TYPE_LABELS as n } from "../utils/constants.js";
 import { InputField as r, SelectField as i, TextareaField as a } from "../components/FormField.js";
-import { useCreateApplicationMutation as o, useCreateOrganizationMutation as s } from "../../generated/global-operations.js";
+import { useCreateApplicationMutation as ee, useCreateBillingAccountMutation as o, useCreateOrganizationMutation as s } from "../../generated/global-operations.js";
+import "../hooks/index.js";
 import { useState as c } from "react";
-import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AppWindow as u, ArrowRight as d, BookOpen as ee, Building2 as f, Check as p, ChevronRight as m, Key as te, Rocket as h } from "lucide-react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useI18n as te } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AppWindow as l, ArrowRight as u, BookOpen as d, Building2 as f, Check as p, ChevronRight as m, Key as h, Rocket as g } from "lucide-react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/devportal/pages/SetupPage.tsx
-var ne = [{
-	value: "",
-	label: "Select type…"
-}, ...Object.entries(n).map(([e, t]) => ({
+var y = Object.entries(n).map(([e, t]) => ({
 	value: e,
 	label: t
-}))], re = [
-	{
-		value: "",
-		label: "Select category…"
-	},
+})), b = [
 	{
 		value: "productivity",
 		label: "Productivity"
@@ -68,15 +62,15 @@ var ne = [{
 		label: "Other"
 	}
 ];
-function v(e) {
+function x(e) {
 	return e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
 }
-function y() {
+function S() {
 	try {
 		localStorage.setItem("devportal_setup_dismissed", "1");
 	} catch {}
 }
-var b = [
+var C = [
 	{
 		key: "org",
 		label: "Organization"
@@ -89,251 +83,262 @@ var b = [
 		key: "done",
 		label: "Done"
 	}
-], x = ({ current: e }) => {
-	let t = b.findIndex((t) => t.key === e);
-	return /* @__PURE__ */ g("div", {
+], ne = ({ current: e }) => {
+	let t = C.findIndex((t) => t.key === e);
+	return /* @__PURE__ */ _("div", {
 		className: "flex items-center gap-0",
-		children: b.map((e, n) => {
+		children: C.map((e, n) => {
 			let r = n < t, i = n === t;
-			return /* @__PURE__ */ _("div", {
+			return /* @__PURE__ */ v("div", {
 				className: "flex items-center",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "flex flex-col items-center gap-1.5",
-					children: [/* @__PURE__ */ g("div", {
+					children: [/* @__PURE__ */ _("div", {
 						className: ["flex h-8 w-8 items-center justify-center rounded-full text-sm font-semibold transition-colors", r ? "bg-primary text-primary-foreground" : i ? "bg-primary text-primary-foreground ring-4 ring-primary/20" : "bg-muted text-muted-foreground"].join(" "),
-						children: r ? /* @__PURE__ */ g(p, { size: 14 }) : n + 1
-					}), /* @__PURE__ */ g("span", {
+						children: r ? /* @__PURE__ */ _(p, { size: 14 }) : n + 1
+					}), /* @__PURE__ */ _("span", {
 						className: ["text-xs font-medium whitespace-nowrap", i ? "text-foreground" : "text-muted-foreground"].join(" "),
 						children: e.label
 					})]
-				}), n < b.length - 1 && /* @__PURE__ */ g("div", { className: ["mx-3 mb-5 h-px w-16 flex-shrink-0 transition-colors", n < t ? "bg-primary" : "bg-border"].join(" ") })]
+				}), n < C.length - 1 && /* @__PURE__ */ _("div", { className: ["mx-3 mb-5 h-px w-16 flex-shrink-0 transition-colors", n < t ? "bg-primary" : "bg-border"].join(" ") })]
 			}, e.key);
 		})
 	});
-}, S = () => {
-	let { navigate: n, basePath: p } = e(), { t: b } = l(), S = t(), w = (e, t) => {
-		let n = b(e);
+}, w = () => {
+	let { navigate: n, basePath: p, currentUser: C } = e(), { t: w } = te(), E = t(), D = (e, t) => {
+		let n = w(e);
 		return n === e ? t : n;
-	}, T = (e) => n?.(`${p}${e}`), [E, D] = c("org"), [O, k] = c(null), [A, ie] = c(null), [j, M] = c(""), [N, P] = c(""), [F, ae] = c(""), [I, L] = c({}), [R, { loading: z }] = s(), B = () => {
+	}, O = (e) => n?.(`${p}${e}`), [k, A] = c("org"), [j, re] = c(null), [M, ie] = c(null), [N, ae] = c(""), [P, F] = c(""), [I, oe] = c(""), [L, R] = c({}), [z, { loading: B }] = s(), [V] = o(), H = () => {
 		let e = {};
-		return j.trim() ? j.length < 2 && (e.name = w("devportal.orgNameTooShort", "Name must be at least 2 characters")) : e.name = w("devportal.orgNameRequired", "Organization name is required"), N.trim() ? /^[a-z0-9-]+$/.test(N) || (e.slug = w("devportal.slugInvalid", "Lowercase letters, numbers, and hyphens only")) : e.slug = w("devportal.slugRequired", "Slug is required"), L(e), Object.keys(e).length === 0;
-	}, V = async () => {
-		if (B()) try {
-			let e = (await R({ variables: { input: {
-				name: j,
-				slug: N || void 0,
-				description: F || void 0
+		return N.trim() ? N.length < 2 && (e.name = D("devportal.orgNameTooShort", "Name must be at least 2 characters")) : e.name = D("devportal.orgNameRequired", "Organization name is required"), P.trim() ? /^[a-z0-9-]+$/.test(P) || (e.slug = D("devportal.slugInvalid", "Lowercase letters, numbers, and hyphens only")) : e.slug = D("devportal.slugRequired", "Slug is required"), R(e), Object.keys(e).length === 0;
+	}, U = async () => {
+		if (H()) try {
+			let e = (await z({ variables: { input: {
+				name: N,
+				slug: P || void 0,
+				description: I || void 0
 			} } })).data?.createDeveloperOrganization?.id;
-			e && (S.emit("devportal.org.created", {
-				organizationId: e,
-				name: j
-			}), k(e), D("app"));
+			if (e) {
+				E.emit("devportal.org.created", {
+					organizationId: e,
+					name: N
+				}), re(e);
+				try {
+					V({ variables: { input: {
+						name: N,
+						email: C?.email ?? ""
+					} } }).catch(() => {});
+				} catch {}
+				A("app");
+			}
 		} catch {}
-	}, [H, U] = c(""), [W, G] = c(""), [K, q] = c(""), [J, oe] = c(""), [Y, se] = c(""), [X, Z] = c({}), [ce, { loading: Q }] = o(), le = () => {
+	}, [W, G] = c(""), [K, se] = c(""), [q, ce] = c(""), [J, le] = c(""), [Y, ue] = c(""), [X, Z] = c({}), [de, { loading: Q }] = ee(), fe = () => {
 		let e = {};
-		return H.trim() ? H.length < 3 && (e.name = w("devportal.nameTooShort", "Name must be at least 3 characters")) : e.name = w("devportal.appNameRequired", "Application name is required"), K || (e.appType = w("devportal.appTypeRequired", "Application type is required")), J || (e.category = w("devportal.categoryRequired", "Category is required")), Y.trim() || (e.shortDescription = w("devportal.shortDescriptionRequired", "Short description is required")), Z(e), Object.keys(e).length === 0;
-	}, ue = async () => {
-		if (le()) try {
-			let e = (await ce({ variables: { input: {
-				name: H,
-				slug: W || void 0,
-				appType: K,
+		return W.trim() ? W.length < 3 && (e.name = D("devportal.nameTooShort", "Name must be at least 3 characters")) : e.name = D("devportal.appNameRequired", "Application name is required"), q || (e.appType = D("devportal.appTypeRequired", "Application type is required")), J || (e.category = D("devportal.categoryRequired", "Category is required")), Y.trim() || (e.shortDescription = D("devportal.shortDescriptionRequired", "Short description is required")), Z(e), Object.keys(e).length === 0;
+	}, pe = async () => {
+		if (fe()) try {
+			let e = (await de({ variables: { input: {
+				name: W,
+				slug: K || void 0,
+				appType: q,
 				category: J || void 0,
 				shortDescription: Y || void 0,
 				visibility: "PRIVATE",
-				developerOrganizationId: O || void 0
+				developerOrganizationId: j || void 0
 			} } })).data?.createApplication?.id;
-			e && (S.emit("devportal.app.created", {
+			e && (E.emit("devportal.app.created", {
 				appId: e,
-				name: H,
-				appType: K,
-				organizationId: O
-			}), ie(e), y(), D("done"));
+				name: W,
+				appType: q,
+				organizationId: j
+			}), ie(e), S(), A("done"));
 		} catch {}
 	}, $ = () => {
-		y(), T("/");
+		S(), O("/");
 	};
-	return /* @__PURE__ */ _("main", {
+	return /* @__PURE__ */ v("main", {
 		className: "min-h-screen bg-surface-default",
-		children: [/* @__PURE__ */ g("div", {
+		children: [/* @__PURE__ */ _("div", {
 			className: "border-b border-border-default bg-surface-raised",
-			children: /* @__PURE__ */ g("div", {
+			children: /* @__PURE__ */ _("div", {
 				className: "mx-auto max-w-2xl px-6 py-5",
-				children: /* @__PURE__ */ _("div", {
+				children: /* @__PURE__ */ v("div", {
 					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ _("div", {
+					children: [/* @__PURE__ */ v("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ g("div", {
+						children: [/* @__PURE__ */ _("div", {
 							className: "flex h-9 w-9 items-center justify-center rounded-lg bg-primary/10 text-primary",
-							children: /* @__PURE__ */ g(h, { size: 20 })
-						}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+							children: /* @__PURE__ */ _(g, { size: 20 })
+						}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
 							className: "text-xs font-medium text-muted-foreground",
-							children: w("devportal.developerPortal", "Developer Portal")
-						}), /* @__PURE__ */ g("h1", {
+							children: D("devportal.developerPortal", "Developer Portal")
+						}), /* @__PURE__ */ _("h1", {
 							className: "text-base font-semibold text-foreground",
-							children: w("devportal.setup.title", "Get set up")
+							children: D("devportal.setup.title", "Get set up")
 						})] })]
-					}), E !== "done" && /* @__PURE__ */ g("button", {
+					}), k !== "done" && /* @__PURE__ */ _("button", {
 						type: "button",
 						onClick: $,
 						className: "text-sm text-muted-foreground hover:text-foreground transition-colors",
-						children: w("devportal.setup.skipForNow", "Skip for now")
+						children: D("devportal.setup.skipForNow", "Skip for now")
 					})]
 				})
 			})
-		}), /* @__PURE__ */ _("div", {
+		}), /* @__PURE__ */ v("div", {
 			className: "mx-auto max-w-2xl px-6 py-10",
 			children: [
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ _("div", {
 					className: "mb-10 flex justify-center",
-					children: /* @__PURE__ */ g(x, { current: E })
+					children: /* @__PURE__ */ _(ne, { current: k })
 				}),
-				E === "org" && /* @__PURE__ */ _("div", {
+				k === "org" && /* @__PURE__ */ v("div", {
 					className: "rounded-xl border border-border-default bg-surface-raised p-8 shadow-sm",
 					children: [
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ v("div", {
 							className: "mb-6 flex items-center gap-3",
-							children: [/* @__PURE__ */ g("div", {
+							children: [/* @__PURE__ */ _("div", {
 								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-primary/10 text-primary",
-								children: /* @__PURE__ */ g(f, { size: 20 })
-							}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h2", {
+								children: /* @__PURE__ */ _(f, { size: 20 })
+							}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h2", {
 								className: "text-lg font-semibold text-foreground",
-								children: w("devportal.setup.orgTitle", "Set up your organization")
-							}), /* @__PURE__ */ g("p", {
+								children: D("devportal.setup.orgTitle", "Set up your organization")
+							}), /* @__PURE__ */ _("p", {
 								className: "text-sm text-muted-foreground",
-								children: w("devportal.setup.orgSubtitle", "This groups your apps and teams under one publisher identity.")
+								children: D("devportal.setup.orgSubtitle", "This groups your apps and teams under one publisher identity.")
 							})] })]
 						}),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ v("div", {
 							className: "space-y-5",
 							children: [
-								/* @__PURE__ */ g(r, {
-									label: w("devportal.organizationName", "Organization Name"),
-									value: j,
+								/* @__PURE__ */ _(r, {
+									label: D("devportal.organizationName", "Organization Name"),
+									value: N,
 									onChange: (e) => {
-										M(e.target.value), (!N || N === v(j)) && P(v(e.target.value)), L((e) => ({
+										ae(e.target.value), (!P || P === x(N)) && F(x(e.target.value)), R((e) => ({
 											...e,
 											name: void 0
 										}));
 									},
-									placeholder: w("devportal.organizationNamePlaceholder", "Acme Development"),
+									placeholder: D("devportal.organizationNamePlaceholder", "Acme Development"),
 									required: !0,
-									error: I.name
+									error: L.name
 								}),
-								/* @__PURE__ */ g(r, {
-									label: w("devportal.slug", "Slug"),
-									value: N,
+								/* @__PURE__ */ _(r, {
+									label: D("devportal.slug", "Slug"),
+									value: P,
 									onChange: (e) => {
-										P(e.target.value.toLowerCase()), L((e) => ({
+										F(e.target.value.toLowerCase()), R((e) => ({
 											...e,
 											slug: void 0
 										}));
 									},
 									placeholder: "acme-dev",
 									required: !0,
-									error: I.slug,
-									hint: w("devportal.slugHint", "URL-friendly identifier — auto-generated from name")
+									error: L.slug,
+									hint: D("devportal.slugHint", "URL-friendly identifier — auto-generated from name")
 								}),
-								/* @__PURE__ */ g(a, {
-									label: w("devportal.description", "Description"),
-									value: F,
-									onChange: (e) => ae(e.target.value),
-									placeholder: w("devportal.orgDescriptionPlaceholder", "Tell us about your organization…"),
+								/* @__PURE__ */ _(a, {
+									label: D("devportal.description", "Description"),
+									value: I,
+									onChange: (e) => oe(e.target.value),
+									placeholder: D("devportal.orgDescriptionPlaceholder", "Tell us about your organization…"),
 									rows: 2
 								})
 							]
 						}),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ v("div", {
 							className: "mt-8 flex items-center justify-between border-t border-border-default pt-6",
-							children: [/* @__PURE__ */ g("button", {
+							children: [/* @__PURE__ */ _("button", {
 								type: "button",
 								onClick: $,
 								className: "text-sm text-muted-foreground hover:text-foreground transition-colors",
-								children: w("devportal.setup.skipForNow", "Skip for now")
-							}), /* @__PURE__ */ _("button", {
+								children: D("devportal.setup.skipForNow", "Skip for now")
+							}), /* @__PURE__ */ v("button", {
 								type: "button",
-								onClick: () => void V(),
-								disabled: z,
+								onClick: () => void U(),
+								disabled: B,
 								className: "inline-flex items-center gap-2 rounded-lg bg-primary px-5 py-2.5 text-sm font-semibold text-primary-foreground hover:bg-primary/90 disabled:opacity-60 transition-colors",
 								children: [
-									z ? /* @__PURE__ */ g("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : null,
-									w("devportal.setup.createAndContinue", "Create & Continue"),
-									!z && /* @__PURE__ */ g(m, { size: 16 })
+									B ? /* @__PURE__ */ _("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : null,
+									D("devportal.setup.createAndContinue", "Create & Continue"),
+									!B && /* @__PURE__ */ _(m, { size: 16 })
 								]
 							})]
 						})
 					]
 				}),
-				E === "app" && /* @__PURE__ */ _("div", {
+				k === "app" && /* @__PURE__ */ v("div", {
 					className: "rounded-xl border border-border-default bg-surface-raised p-8 shadow-sm",
 					children: [
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ v("div", {
 							className: "mb-6 flex items-center gap-3",
-							children: [/* @__PURE__ */ g("div", {
+							children: [/* @__PURE__ */ _("div", {
 								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-primary/10 text-primary",
-								children: /* @__PURE__ */ g(u, { size: 20 })
-							}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h2", {
+								children: /* @__PURE__ */ _(l, { size: 20 })
+							}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h2", {
 								className: "text-lg font-semibold text-foreground",
-								children: w("devportal.setup.appTitle", "Create your first app")
-							}), /* @__PURE__ */ g("p", {
+								children: D("devportal.setup.appTitle", "Create your first app")
+							}), /* @__PURE__ */ _("p", {
 								className: "text-sm text-muted-foreground",
-								children: w("devportal.setup.appSubtitle", "Register the app you want to publish or integrate.")
+								children: D("devportal.setup.appSubtitle", "Register the app you want to publish or integrate.")
 							})] })]
 						}),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ v("div", {
 							className: "space-y-5",
 							children: [
-								/* @__PURE__ */ g(r, {
-									label: w("devportal.applicationName", "Application Name"),
-									value: H,
+								/* @__PURE__ */ _(r, {
+									label: D("devportal.applicationName", "Application Name"),
+									value: W,
 									onChange: (e) => {
-										U(e.target.value), (!W || W === v(H)) && G(v(e.target.value)), Z((e) => ({
+										G(e.target.value), (!K || K === x(W)) && se(x(e.target.value)), Z((e) => ({
 											...e,
 											name: void 0
 										}));
 									},
-									placeholder: w("devportal.applicationNamePlaceholder", "My Awesome App"),
+									placeholder: D("devportal.applicationNamePlaceholder", "My Awesome App"),
 									required: !0,
 									error: X.name
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ v("div", {
 									className: "grid grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ g(i, {
-										label: w("devportal.applicationType", "Application Type"),
-										value: K,
+									children: [/* @__PURE__ */ _(i, {
+										label: D("devportal.applicationType", "Application Type"),
+										value: q,
 										onChange: (e) => {
-											q(e.target.value), Z((e) => ({
+											ce(e.target.value), Z((e) => ({
 												...e,
 												appType: void 0
 											}));
 										},
-										options: ne,
+										options: y,
+										placeholder: D("devportal.selectType", "Select type…"),
 										required: !0,
 										error: X.appType
-									}), /* @__PURE__ */ g(i, {
-										label: w("devportal.category", "Category"),
+									}), /* @__PURE__ */ _(i, {
+										label: D("devportal.category", "Category"),
 										value: J,
 										onChange: (e) => {
-											oe(e.target.value), Z((e) => ({
+											le(e.target.value), Z((e) => ({
 												...e,
 												category: void 0
 											}));
 										},
-										options: re,
+										options: b,
+										placeholder: D("devportal.selectCategory", "Select category…"),
 										required: !0,
 										error: X.category
 									})]
 								}),
-								/* @__PURE__ */ g(a, {
-									label: w("devportal.shortDescription", "Short Description"),
+								/* @__PURE__ */ _(a, {
+									label: D("devportal.shortDescription", "Short Description"),
 									value: Y,
 									onChange: (e) => {
-										se(e.target.value), Z((e) => ({
+										ue(e.target.value), Z((e) => ({
 											...e,
 											shortDescription: void 0
 										}));
 									},
-									placeholder: w("devportal.shortDescriptionPlaceholder", "A brief description of what your app does"),
+									placeholder: D("devportal.shortDescriptionPlaceholder", "A brief description of what your app does"),
 									required: !0,
 									error: X.shortDescription,
 									rows: 2,
@@ -341,109 +346,109 @@ var b = [
 								})
 							]
 						}),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ v("div", {
 							className: "mt-8 flex items-center justify-between border-t border-border-default pt-6",
-							children: [/* @__PURE__ */ g("button", {
+							children: [/* @__PURE__ */ _("button", {
 								type: "button",
 								onClick: $,
 								className: "text-sm text-muted-foreground hover:text-foreground transition-colors",
-								children: w("devportal.setup.skipForNow", "Skip for now")
-							}), /* @__PURE__ */ _("button", {
+								children: D("devportal.setup.skipForNow", "Skip for now")
+							}), /* @__PURE__ */ v("button", {
 								type: "button",
-								onClick: () => void ue(),
+								onClick: () => void pe(),
 								disabled: Q,
 								className: "inline-flex items-center gap-2 rounded-lg bg-primary px-5 py-2.5 text-sm font-semibold text-primary-foreground hover:bg-primary/90 disabled:opacity-60 transition-colors",
 								children: [
-									Q ? /* @__PURE__ */ g("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : null,
-									w("devportal.setup.createApp", "Create App"),
-									!Q && /* @__PURE__ */ g(m, { size: 16 })
+									Q ? /* @__PURE__ */ _("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : null,
+									D("devportal.setup.createApp", "Create App"),
+									!Q && /* @__PURE__ */ _(m, { size: 16 })
 								]
 							})]
 						})
 					]
 				}),
-				E === "done" && /* @__PURE__ */ _("div", {
+				k === "done" && /* @__PURE__ */ v("div", {
 					className: "text-center",
 					children: [
-						/* @__PURE__ */ g("div", {
+						/* @__PURE__ */ _("div", {
 							className: "mx-auto mb-6 flex h-16 w-16 items-center justify-center rounded-full bg-primary/10 text-primary",
-							children: /* @__PURE__ */ g(h, { size: 32 })
+							children: /* @__PURE__ */ _(g, { size: 32 })
 						}),
-						/* @__PURE__ */ g("h2", {
+						/* @__PURE__ */ _("h2", {
 							className: "text-2xl font-bold text-foreground",
-							children: w("devportal.setup.doneTitle", "You're all set!")
+							children: D("devportal.setup.doneTitle", "You're all set!")
 						}),
-						/* @__PURE__ */ g("p", {
+						/* @__PURE__ */ _("p", {
 							className: "mt-2 text-muted-foreground",
-							children: w("devportal.setup.doneSubtitle", "Your organization and first app are ready. Here's what to do next.")
+							children: D("devportal.setup.doneSubtitle", "Your organization and first app are ready. Here's what to do next.")
 						}),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ v("div", {
 							className: "mt-8 grid gap-3 sm:grid-cols-2",
 							children: [
-								A && /* @__PURE__ */ g(C, {
-									icon: /* @__PURE__ */ g(u, { size: 20 }),
-									title: w("devportal.setup.viewApp", "View your app"),
-									description: w("devportal.setup.viewAppDesc", "Configure OAuth, webhooks, and versioning"),
-									onClick: () => T(`/apps/${A}`),
+								M && /* @__PURE__ */ _(T, {
+									icon: /* @__PURE__ */ _(l, { size: 20 }),
+									title: D("devportal.setup.viewApp", "View your app"),
+									description: D("devportal.setup.viewAppDesc", "Configure OAuth, webhooks, and versioning"),
+									onClick: () => O(`/apps/${M}`),
 									primary: !0
 								}),
-								/* @__PURE__ */ g(C, {
-									icon: /* @__PURE__ */ g(te, { size: 20 }),
-									title: w("devportal.setup.generateApiKey", "Generate API key"),
-									description: w("devportal.setup.generateApiKeyDesc", "Create credentials to start calling APIs"),
-									onClick: () => T("/api-keys/new")
+								/* @__PURE__ */ _(T, {
+									icon: /* @__PURE__ */ _(h, { size: 20 }),
+									title: D("devportal.setup.generateApiKey", "Generate API key"),
+									description: D("devportal.setup.generateApiKeyDesc", "Create credentials to start calling APIs"),
+									onClick: () => O("/api-keys/new")
 								}),
-								/* @__PURE__ */ g(C, {
-									icon: /* @__PURE__ */ g(ee, { size: 20 }),
-									title: w("devportal.setup.browseDocs", "Browse docs"),
-									description: w("devportal.setup.browseDocsDesc", "Learn about publishing, SDKs, and webhooks"),
-									onClick: () => T("/docs")
+								/* @__PURE__ */ _(T, {
+									icon: /* @__PURE__ */ _(d, { size: 20 }),
+									title: D("devportal.setup.browseDocs", "Browse docs"),
+									description: D("devportal.setup.browseDocsDesc", "Learn about publishing, SDKs, and webhooks"),
+									onClick: () => O("/docs")
 								}),
-								O && /* @__PURE__ */ g(C, {
-									icon: /* @__PURE__ */ g(f, { size: 20 }),
-									title: w("devportal.setup.inviteTeam", "Invite your team"),
-									description: w("devportal.setup.inviteTeamDesc", "Add members to collaborate on your apps"),
-									onClick: () => T(`/organizations/${O}/members`)
+								j && /* @__PURE__ */ _(T, {
+									icon: /* @__PURE__ */ _(f, { size: 20 }),
+									title: D("devportal.setup.inviteTeam", "Invite your team"),
+									description: D("devportal.setup.inviteTeamDesc", "Add members to collaborate on your apps"),
+									onClick: () => O(`/organizations/${j}/members`)
 								})
 							]
 						}),
-						/* @__PURE__ */ _("button", {
+						/* @__PURE__ */ v("button", {
 							type: "button",
-							onClick: () => T("/"),
+							onClick: () => O("/"),
 							className: "mt-8 inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground transition-colors",
-							children: [w("devportal.setup.goToDashboard", "Go to dashboard"), /* @__PURE__ */ g(d, { size: 14 })]
+							children: [D("devportal.setup.goToDashboard", "Go to dashboard"), /* @__PURE__ */ _(u, { size: 14 })]
 						})
 					]
 				})
 			]
 		})]
 	});
-}, C = ({ icon: e, title: t, description: n, onClick: r, primary: i }) => /* @__PURE__ */ _("button", {
+}, T = ({ icon: e, title: t, description: n, onClick: r, primary: i }) => /* @__PURE__ */ v("button", {
 	type: "button",
 	onClick: r,
 	className: ["flex items-start gap-4 rounded-xl border p-5 text-left transition-colors", i ? "border-primary bg-primary/5 hover:bg-primary/10" : "border-border-default bg-surface-raised hover:bg-surface-hover"].join(" "),
 	children: [
-		/* @__PURE__ */ g("div", {
+		/* @__PURE__ */ _("div", {
 			className: ["flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-lg", i ? "bg-primary/20 text-primary" : "bg-muted text-muted-foreground"].join(" "),
 			children: e
 		}),
-		/* @__PURE__ */ _("div", {
+		/* @__PURE__ */ v("div", {
 			className: "min-w-0 flex-1",
-			children: [/* @__PURE__ */ g("p", {
+			children: [/* @__PURE__ */ _("p", {
 				className: "font-semibold text-foreground",
 				children: t
-			}), /* @__PURE__ */ g("p", {
+			}), /* @__PURE__ */ _("p", {
 				className: "mt-0.5 text-sm text-muted-foreground",
 				children: n
 			})]
 		}),
-		/* @__PURE__ */ g(m, {
+		/* @__PURE__ */ _(m, {
 			size: 16,
 			className: "mt-0.5 flex-shrink-0 text-muted-foreground"
 		})
 	]
 });
 //#endregion
-export { S as SetupPage };
+export { w as SetupPage };
 
 //# sourceMappingURL=SetupPage.js.map