@burdenoff/microfe-devportal 2026.611.1 → 2026.614.1

package/dist/devportal/pages/CreateOrganizationPage.js

@@ -1,8 +1,8 @@
 import { useDevportal as e } from "../providers/DevportalProvider.js";
 import { useDevportalEventBus as t } from "../events/index.js";
-import { PageLayout as n, PageSection as r } from "../components/PageLayout.js";
-import { InputField as i, SelectField as a, TextareaField as o } from "../components/FormField.js";
-import { useCreateBillingAccountMutation as s, useCreateOrganizationMutation as c } from "../../generated/global-operations.js";
+import { useCreateBillingAccountMutation as n, useCreateOrganizationMutation as r, useLinkDevOrgBillingAccountMutation as i } from "../../generated/global-operations.js";
+import { PageLayout as a, PageSection as o } from "../components/PageLayout.js";
+import { InputField as s, TextareaField as c } from "../components/FormField.js";
 import { PermissionGuard as l } from "../components/PermissionGuard.js";
 import "../components/index.js";
 import { DEVPORTAL_PERMISSIONS as u } from "../constants/permissions.js";
@@ -12,452 +12,136 @@ import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProv
 import { Building2 as p, Info as m, X as h } from "lucide-react";
 import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/devportal/pages/CreateOrganizationPage.tsx
-var y = [
-	{
-		value: "FREE",
-		label: "Free - Personal projects and testing"
-	},
-	{
-		value: "DEVELOPER",
-		label: "Developer - Small teams, 3 apps, 1M API calls/month"
-	},
-	{
-		value: "PROFESSIONAL",
-		label: "Professional - Growing teams, 10 apps, 10M API calls/month"
-	},
-	{
-		value: "ENTERPRISE",
-		label: "Enterprise - Large organizations, unlimited apps"
-	}
-], b = [
-	{
-		value: "individual",
-		label: "Individual / Sole Proprietor"
-	},
-	{
-		value: "llc",
-		label: "Limited Liability Company (LLC)"
-	},
-	{
-		value: "corporation",
-		label: "Corporation"
-	},
-	{
-		value: "partnership",
-		label: "Partnership"
-	},
-	{
-		value: "nonprofit",
-		label: "Non-Profit Organization"
-	},
-	{
-		value: "other",
-		label: "Other"
-	}
-], x = [
-	{
-		value: "US",
-		label: "United States"
-	},
-	{
-		value: "GB",
-		label: "United Kingdom"
-	},
-	{
-		value: "CA",
-		label: "Canada"
-	},
-	{
-		value: "AU",
-		label: "Australia"
-	},
-	{
-		value: "DE",
-		label: "Germany"
-	},
-	{
-		value: "FR",
-		label: "France"
-	},
-	{
-		value: "IN",
-		label: "India"
-	},
-	{
-		value: "JP",
-		label: "Japan"
-	},
-	{
-		value: "SG",
-		label: "Singapore"
-	},
-	{
-		value: "NL",
-		label: "Netherlands"
-	}
-], S = () => {
-	let { navigate: S, basePath: C, currentUser: w } = e(), { t: T } = f(), E = (e, t) => {
-		let n = T(e);
+var y = () => {
+	let { navigate: y, basePath: b, currentUser: x } = e(), { t: S } = f(), C = (e, t) => {
+		let n = S(e);
 		return n === e ? t : n;
-	}, [D, O] = d({}), [k, A] = d("basic"), [j, { loading: M }] = c(), [N] = s(), P = t(), [F, I] = d({
+	}, [w, T] = d({}), [E, { loading: D }] = r(), [O] = n(), [k] = i(), A = t(), [j, M] = d({
 		name: "",
 		slug: "",
 		description: "",
-		tier: "FREE",
 		websiteUrl: "",
 		contactEmail: "",
-		supportEmail: "",
-		legalEntityName: "",
-		legalEntityType: "",
-		taxId: "",
-		taxCountry: "",
-		streetAddress: "",
-		city: "",
-		state: "",
-		postalCode: "",
-		country: ""
-	}), L = (e) => {
-		S?.(`${C}${e}`);
-	}, R = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""), z = (e) => {
+		supportEmail: ""
+	}), N = (e) => {
+		y?.(`${b}${e}`);
+	}, P = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""), F = (e) => {
 		let t = e.target.value;
-		I((e) => ({
+		M((e) => ({
 			...e,
 			name: t,
-			slug: e.slug || R(t)
-		})), D.name && O((e) => ({
+			slug: e.slug || P(t)
+		})), w.name && T((e) => ({
 			...e,
 			name: void 0
 		}));
-	}, B = (e, t) => {
-		I((n) => ({
+	}, I = (e, t) => {
+		M((n) => ({
 			...n,
 			[e]: t
-		})), D[e] && O((t) => ({
+		})), w[e] && T((t) => ({
 			...t,
 			[e]: void 0
 		}));
-	}, V = () => {
+	}, L = () => {
 		let e = {};
-		return F.name.trim() ? F.name.length < 2 ? e.name = E("devportal.orgNameTooShort", "Name must be at least 2 characters") : F.name.length > 100 && (e.name = E("devportal.nameTooLong", "Name must be less than 100 characters")) : e.name = E("devportal.orgNameRequired", "Organization name is required"), F.slug.trim() ? /^[a-z0-9-]+$/.test(F.slug) || (e.slug = E("devportal.slugInvalid", "Slug can only contain lowercase letters, numbers, and hyphens")) : e.slug = E("devportal.slugRequired", "Slug is required"), F.contactEmail && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(F.contactEmail) && (e.contactEmail = E("devportal.invalidEmailAddress", "Invalid email address")), F.supportEmail && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(F.supportEmail) && (e.supportEmail = E("devportal.invalidEmailAddress", "Invalid email address")), O(e), Object.keys(e).length === 0;
-	}, H = () => {
-		V() && A("billing");
-	}, U = () => {
-		A("basic");
-	}, W = async (e) => {
-		if (e.preventDefault(), !V()) {
-			A("basic");
-			return;
-		}
-		try {
-			let e = F.streetAddress || F.city || F.state || F.postalCode || F.country ? {
-				street: F.streetAddress || void 0,
-				city: F.city || void 0,
-				state: F.state || void 0,
-				postalCode: F.postalCode || void 0,
-				country: F.country || void 0
-			} : void 0, t = await j({ variables: { input: {
-				name: F.name,
-				slug: F.slug || void 0,
-				description: F.description || void 0,
-				websiteUrl: F.websiteUrl || void 0,
-				contactEmail: F.contactEmail || void 0,
-				supportEmail: F.supportEmail || void 0,
-				legalEntityName: F.legalEntityName || void 0,
-				legalEntityType: F.legalEntityType || void 0,
-				legalAddress: e,
-				metadata: F.tier === "FREE" ? void 0 : { tier: F.tier }
-			} } });
-			if (t.data?.createDeveloperOrganization?.id) {
-				P.emit("devportal.org.created", {
-					organizationId: t.data.createDeveloperOrganization.id,
-					name: F.name
-				});
-				try {
-					N({ variables: { input: {
-						name: F.name,
-						email: w?.email ?? ""
-					} } }).catch(() => {});
-				} catch {}
-				L(`/organizations/${t.data.createDeveloperOrganization.id}`);
-			}
-		} catch (e) {
-			console.error("Failed to create organization:", e);
-		}
-	}, G = () => {
-		L("/organizations");
-	}, K = {
-		FREE: {
-			apps: 1,
-			apiCalls: "100K",
-			storage: "1GB",
-			members: 2,
-			price: "Free"
-		},
-		DEVELOPER: {
-			apps: 3,
-			apiCalls: "1M",
-			storage: "5GB",
-			members: 5,
-			price: "$29/mo"
-		},
-		PROFESSIONAL: {
-			apps: 10,
-			apiCalls: "10M",
-			storage: "25GB",
-			members: 15,
-			price: "$99/mo"
-		},
-		ENTERPRISE: {
-			apps: "Unlimited",
-			apiCalls: "100M+",
-			storage: "100GB+",
-			members: "Unlimited",
-			price: "Custom"
-		}
+		return j.name.trim() ? j.name.length < 2 ? e.name = C("devportal.orgNameTooShort", "Name must be at least 2 characters") : j.name.length > 100 && (e.name = C("devportal.nameTooLong", "Name must be less than 100 characters")) : e.name = C("devportal.orgNameRequired", "Organization name is required"), j.slug.trim() ? /^[a-z0-9-]+$/.test(j.slug) || (e.slug = C("devportal.slugInvalid", "Slug can only contain lowercase letters, numbers, and hyphens")) : e.slug = C("devportal.slugRequired", "Slug is required"), j.contactEmail && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(j.contactEmail) && (e.contactEmail = C("devportal.invalidEmailAddress", "Invalid email address")), j.supportEmail && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(j.supportEmail) && (e.supportEmail = C("devportal.invalidEmailAddress", "Invalid email address")), T(e), Object.keys(e).length === 0;
 	};
 	return /* @__PURE__ */ _(l, {
 		permission: u.ORG_CREATE,
-		children: /* @__PURE__ */ v(n, {
-			title: E("devportal.createOrganization", "Create Organization"),
-			description: E("devportal.createOrganizationDescription", "Set up a developer organization to collaborate with your team"),
-			backLink: `${C}/organizations`,
-			backLabel: E("devportal.backToOrganizations", "Back to Organizations"),
-			children: [/* @__PURE__ */ v("div", {
-				className: "flex items-center gap-4 mb-8",
-				children: [
-					/* @__PURE__ */ v("div", {
-						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ _("div", {
-							className: `flex h-8 w-8 items-center justify-center rounded-full text-sm font-medium ${k === "basic" ? "bg-primary text-primary-foreground" : "bg-primary/20 text-primary"}`,
-							children: "1"
-						}), /* @__PURE__ */ _("span", {
-							className: `text-sm font-medium ${k === "basic" ? "text-foreground" : "text-muted-foreground"}`,
-							children: E("devportal.basicInfo", "Basic Info")
-						})]
-					}),
-					/* @__PURE__ */ _("div", { className: "h-px flex-1 bg-border" }),
-					/* @__PURE__ */ v("div", {
-						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ _("div", {
-							className: `flex h-8 w-8 items-center justify-center rounded-full text-sm font-medium ${k === "billing" ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
-							children: "2"
-						}), /* @__PURE__ */ _("span", {
-							className: `text-sm font-medium ${k === "billing" ? "text-foreground" : "text-muted-foreground"}`,
-							children: E("devportal.billingAndLegal", "Billing & Legal")
-						})]
-					})
-				]
-			}), /* @__PURE__ */ v("form", {
-				onSubmit: W,
+		children: /* @__PURE__ */ _(a, {
+			title: C("devportal.createOrganization", "Create Organization"),
+			description: C("devportal.createOrganizationDescription", "Set up a developer organization to collaborate with your team"),
+			backLink: `${b}/organizations`,
+			backLabel: C("devportal.backToOrganizations", "Back to Organizations"),
+			children: /* @__PURE__ */ v("form", {
+				onSubmit: async (e) => {
+					if (e.preventDefault(), L()) try {
+						let e = (await E({ variables: { input: {
+							name: j.name,
+							slug: j.slug || void 0,
+							description: j.description || void 0,
+							websiteUrl: j.websiteUrl || void 0,
+							contactEmail: j.contactEmail || void 0,
+							supportEmail: j.supportEmail || void 0
+						} } })).data?.createDeveloperOrganization?.id;
+						if (e) {
+							A.emit("devportal.org.created", {
+								organizationId: e,
+								name: j.name
+							});
+							try {
+								let t = (await O({ variables: { input: {
+									name: j.name,
+									email: x?.email ?? ""
+								} } })).data?.createBillingAccount?.id;
+								t && await k({ variables: {
+									organizationId: e,
+									billingAccountId: t
+								} });
+							} catch {}
+							N(`/organizations/${e}`);
+						}
+					} catch (e) {
+						console.error("Failed to create organization:", e);
+					}
+				},
 				className: "space-y-8 max-w-3xl",
-				children: [k === "basic" && /* @__PURE__ */ v(g, { children: [
-					/* @__PURE__ */ _(r, {
-						title: E("devportal.organizationDetails", "Organization Details"),
-						description: E("devportal.organizationDetailsDescription", "Basic information about your organization"),
+				children: [
+					/* @__PURE__ */ _(o, {
+						title: C("devportal.organizationDetails", "Organization Details"),
+						description: C("devportal.organizationDetailsDescription", "Basic information about your organization"),
 						children: /* @__PURE__ */ v("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ _(i, {
-									label: E("devportal.organizationName", "Organization Name"),
-									value: F.name,
-									onChange: z,
-									placeholder: E("devportal.organizationNamePlaceholder", "Acme Development"),
+								/* @__PURE__ */ _(s, {
+									label: C("devportal.organizationName", "Organization Name"),
+									value: j.name,
+									onChange: F,
+									placeholder: C("devportal.organizationNamePlaceholder", "Acme Development"),
 									required: !0,
-									error: D.name,
-									hint: E("devportal.organizationNameHint", "Your organization's display name")
+									error: w.name,
+									hint: C("devportal.organizationNameHint", "Your organization's display name")
 								}),
-								/* @__PURE__ */ _(i, {
-									label: E("devportal.slug", "Slug"),
-									value: F.slug,
-									onChange: (e) => B("slug", e.target.value.toLowerCase()),
-									placeholder: E("devportal.orgSlugPlaceholder", "acme-dev"),
+								/* @__PURE__ */ _(s, {
+									label: C("devportal.slug", "Slug"),
+									value: j.slug,
+									onChange: (e) => I("slug", e.target.value.toLowerCase()),
+									placeholder: C("devportal.orgSlugPlaceholder", "acme-dev"),
 									required: !0,
-									error: D.slug,
-									hint: E("devportal.slugHint", "URL-friendly identifier (auto-generated from name)")
+									error: w.slug,
+									hint: C("devportal.slugHint", "URL-friendly identifier (auto-generated from name)")
 								}),
-								/* @__PURE__ */ _(o, {
-									label: E("devportal.description", "Description"),
-									value: F.description,
-									onChange: (e) => B("description", e.target.value),
-									placeholder: E("devportal.orgDescriptionPlaceholder", "Tell us about your organization..."),
+								/* @__PURE__ */ _(c, {
+									label: C("devportal.description", "Description"),
+									value: j.description,
+									onChange: (e) => I("description", e.target.value),
+									placeholder: C("devportal.orgDescriptionPlaceholder", "Tell us about your organization..."),
 									rows: 3
 								}),
-								/* @__PURE__ */ _(i, {
-									label: E("devportal.websiteUrl", "Website URL"),
+								/* @__PURE__ */ _(s, {
+									label: C("devportal.websiteUrl", "Website URL"),
 									type: "url",
-									value: F.websiteUrl,
-									onChange: (e) => B("websiteUrl", e.target.value),
+									value: j.websiteUrl,
+									onChange: (e) => I("websiteUrl", e.target.value),
 									placeholder: "https://example.com"
 								}),
 								/* @__PURE__ */ v("div", {
 									className: "grid gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ _(i, {
-										label: E("devportal.contactEmail", "Contact Email"),
+									children: [/* @__PURE__ */ _(s, {
+										label: C("devportal.contactEmail", "Contact Email"),
 										type: "email",
-										value: F.contactEmail,
-										onChange: (e) => B("contactEmail", e.target.value),
+										value: j.contactEmail,
+										onChange: (e) => I("contactEmail", e.target.value),
 										placeholder: "contact@example.com",
-										error: D.contactEmail
-									}), /* @__PURE__ */ _(i, {
-										label: E("devportal.supportEmail", "Support Email"),
+										error: w.contactEmail
+									}), /* @__PURE__ */ _(s, {
+										label: C("devportal.supportEmail", "Support Email"),
 										type: "email",
-										value: F.supportEmail,
-										onChange: (e) => B("supportEmail", e.target.value),
+										value: j.supportEmail,
+										onChange: (e) => I("supportEmail", e.target.value),
 										placeholder: "support@example.com",
-										error: D.supportEmail
-									})]
-								})
-							]
-						})
-					}),
-					/* @__PURE__ */ _(r, {
-						title: E("devportal.selectPlan", "Select Plan"),
-						description: E("devportal.selectPlanDescription", "Choose a plan that fits your needs"),
-						children: /* @__PURE__ */ _("div", {
-							className: "grid gap-4 sm:grid-cols-2",
-							children: y.map((e) => {
-								let t = K[e.value], n = F.tier === e.value;
-								return /* @__PURE__ */ v("button", {
-									type: "button",
-									onClick: () => B("tier", e.value),
-									className: `rounded-lg border p-4 text-left transition-colors ${n ? "border-primary bg-primary/5 ring-2 ring-primary" : "hover:border-muted-foreground/50"}`,
-									children: [/* @__PURE__ */ v("div", {
-										className: "flex items-start justify-between",
-										children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
-											className: "font-medium",
-											children: e.value
-										}), /* @__PURE__ */ _("p", {
-											className: "text-sm text-muted-foreground",
-											children: t.price
-										})] }), /* @__PURE__ */ _("div", {
-											className: `h-4 w-4 rounded-full border-2 ${n ? "border-primary bg-primary" : "border-muted-foreground"}`,
-											children: n && /* @__PURE__ */ _("div", {
-												className: "h-full w-full flex items-center justify-center",
-												children: /* @__PURE__ */ _("div", { className: "h-1.5 w-1.5 rounded-full bg-bg-surface" })
-											})
-										})]
-									}), /* @__PURE__ */ v("div", {
-										className: "mt-3 grid grid-cols-2 gap-2 text-xs text-muted-foreground",
-										children: [
-											/* @__PURE__ */ v("span", { children: [
-												t.apps,
-												" ",
-												E("devportal.apps", "apps")
-											] }),
-											/* @__PURE__ */ v("span", { children: [
-												t.apiCalls,
-												" ",
-												E("devportal.apiCalls", "API calls")
-											] }),
-											/* @__PURE__ */ v("span", { children: [
-												t.storage,
-												" ",
-												E("devportal.storage", "storage")
-											] }),
-											/* @__PURE__ */ v("span", { children: [
-												t.members,
-												" ",
-												E("devportal.members", "members")
-											] })
-										]
-									})]
-								}, e.value);
-							})
-						})
-					}),
-					/* @__PURE__ */ v("div", {
-						className: "flex items-center justify-end gap-3 border-t pt-6",
-						children: [/* @__PURE__ */ v("button", {
-							type: "button",
-							onClick: G,
-							className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted transition-colors",
-							children: [/* @__PURE__ */ _(h, { size: 16 }), E("devportal.cancel", "Cancel")]
-						}), /* @__PURE__ */ _("button", {
-							type: "button",
-							onClick: H,
-							className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
-							children: E("devportal.continue", "Continue")
-						})]
-					})
-				] }), k === "billing" && /* @__PURE__ */ v(g, { children: [
-					/* @__PURE__ */ _(r, {
-						title: E("devportal.legalInformation", "Legal Information"),
-						description: E("devportal.legalInformationDescription", "Required for payouts and compliance (optional for Free tier)"),
-						children: /* @__PURE__ */ v("div", {
-							className: "space-y-4",
-							children: [
-								/* @__PURE__ */ _(i, {
-									label: E("devportal.legalEntityName", "Legal Entity Name"),
-									value: F.legalEntityName,
-									onChange: (e) => B("legalEntityName", e.target.value),
-									placeholder: E("devportal.legalEntityNamePlaceholder", "Acme Inc."),
-									hint: E("devportal.legalEntityNameHint", "Your registered business name")
-								}),
-								/* @__PURE__ */ v("div", {
-									className: "grid gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ _(a, {
-										label: E("devportal.entityType", "Entity Type"),
-										value: F.legalEntityType,
-										onChange: (e) => B("legalEntityType", e.target.value),
-										options: b,
-										placeholder: E("devportal.selectEntityType", "Select entity type")
-									}), /* @__PURE__ */ _(a, {
-										label: E("devportal.taxCountry", "Tax Country"),
-										value: F.taxCountry,
-										onChange: (e) => B("taxCountry", e.target.value),
-										options: x,
-										placeholder: E("devportal.selectCountry", "Select country")
-									})]
-								}),
-								/* @__PURE__ */ _(i, {
-									label: E("devportal.taxIdVatNumber", "Tax ID / VAT Number"),
-									value: F.taxId,
-									onChange: (e) => B("taxId", e.target.value),
-									placeholder: "XX-XXXXXXX",
-									hint: E("devportal.taxIdHint", "Your business tax identification number")
-								})
-							]
-						})
-					}),
-					/* @__PURE__ */ _(r, {
-						title: E("devportal.businessAddress", "Business Address"),
-						description: E("devportal.businessAddressDescription", "Used for invoicing and legal documents"),
-						children: /* @__PURE__ */ v("div", {
-							className: "space-y-4",
-							children: [
-								/* @__PURE__ */ _(i, {
-									label: E("devportal.streetAddress", "Street Address"),
-									value: F.streetAddress,
-									onChange: (e) => B("streetAddress", e.target.value),
-									placeholder: E("devportal.streetAddressPlaceholder", "123 Main Street")
-								}),
-								/* @__PURE__ */ v("div", {
-									className: "grid gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ _(i, {
-										label: E("devportal.city", "City"),
-										value: F.city,
-										onChange: (e) => B("city", e.target.value),
-										placeholder: E("devportal.cityPlaceholder", "San Francisco")
-									}), /* @__PURE__ */ _(i, {
-										label: E("devportal.stateProvince", "State / Province"),
-										value: F.state,
-										onChange: (e) => B("state", e.target.value),
-										placeholder: E("devportal.stateProvincePlaceholder", "California")
-									})]
-								}),
-								/* @__PURE__ */ v("div", {
-									className: "grid gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ _(i, {
-										label: E("devportal.postalCode", "Postal Code"),
-										value: F.postalCode,
-										onChange: (e) => B("postalCode", e.target.value),
-										placeholder: E("devportal.postalCodePlaceholder", "94102")
-									}), /* @__PURE__ */ _(a, {
-										label: E("devportal.country", "Country"),
-										value: F.country,
-										onChange: (e) => B("country", e.target.value),
-										options: x,
-										placeholder: E("devportal.selectCountry", "Select country")
+										error: w.supportEmail
 									})]
 								})
 							]
@@ -472,33 +156,36 @@ var y = [
 							className: "text-sm text-status-info-text",
 							children: [/* @__PURE__ */ _("p", {
 								className: "font-medium",
-								children: E("devportal.canAddLater", "You can add this later")
+								children: C("devportal.billingAutoSetup", "A billing account will be automatically set up")
 							}), /* @__PURE__ */ _("p", {
-								className: "mt-1 text-status-info-text",
-								children: E("devportal.legalInfoOptionalNote", "Legal and billing information is only required when you want to receive payouts from app sales or upgrade to a paid plan.")
+								className: "mt-1",
+								children: C("devportal.billingAutoSetupNote", "Revenue from app sales will be credited to it. You can complete legal and tax details for payouts later in Organization Settings.")
 							})]
 						})]
 					}),
 					/* @__PURE__ */ v("div", {
-						className: "flex items-center justify-between border-t pt-6",
-						children: [/* @__PURE__ */ _("button", {
+						className: "flex items-center justify-end gap-3 border-t pt-6",
+						children: [/* @__PURE__ */ v("button", {
 							type: "button",
-							onClick: U,
-							className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted transition-colors",
-							children: E("devportal.back", "Back")
+							onClick: () => {
+								N("/organizations");
+							},
+							disabled: D,
+							className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted transition-colors disabled:opacity-50",
+							children: [/* @__PURE__ */ _(h, { size: 16 }), C("devportal.cancel", "Cancel")]
 						}), /* @__PURE__ */ _("button", {
 							type: "submit",
-							disabled: M,
+							disabled: D,
 							className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50",
-							children: M ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), E("devportal.creating", "Creating...")] }) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(p, { size: 16 }), E("devportal.createOrganization", "Create Organization")] })
+							children: D ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), C("devportal.creating", "Creating...")] }) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(p, { size: 16 }), C("devportal.createOrganization", "Create Organization")] })
 						})]
 					})
-				] })]
-			})]
+				]
+			})
 		})
 	});
 };
 //#endregion
-export { S as CreateOrganizationPage };
+export { y as CreateOrganizationPage };
 
 //# sourceMappingURL=CreateOrganizationPage.js.map