@burdenoff/microfe-devportal 2026.609.4 → 2026.611.2

package/dist/devportal/pages/CreateOrganizationPage.js

@@ -2,16 +2,17 @@ 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 { useCreateOrganizationMutation as s } from "../../generated/global-operations.js";
-import { PermissionGuard as c } from "../components/PermissionGuard.js";
+import { useCreateBillingAccountMutation as s, useCreateOrganizationMutation as c, useLinkDevOrgBillingAccountMutation as l } from "../../generated/global-operations.js";
+import { PermissionGuard as u } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { DEVPORTAL_PERMISSIONS as l } from "../constants/permissions.js";
-import { useState as u } from "react";
-import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Building2 as f, Info as p, X as m } from "lucide-react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { DEVPORTAL_PERMISSIONS as d } from "../constants/permissions.js";
+import "../hooks/index.js";
+import { useState as f } from "react";
+import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Building2 as m, Info as h, X as g } from "lucide-react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/devportal/pages/CreateOrganizationPage.tsx
-var v = [
+var b = [
 	{
 		value: "FREE",
 		label: "Free - Personal projects and testing"
@@ -28,11 +29,7 @@ var v = [
 		value: "ENTERPRISE",
 		label: "Enterprise - Large organizations, unlimited apps"
 	}
-], y = [
-	{
-		value: "",
-		label: "Select entity type"
-	},
+], x = [
 	{
 		value: "individual",
 		label: "Individual / Sole Proprietor"
@@ -57,11 +54,7 @@ var v = [
 		value: "other",
 		label: "Other"
 	}
-], b = [
-	{
-		value: "",
-		label: "Select country"
-	},
+], S = [
 	{
 		value: "US",
 		label: "United States"
@@ -102,11 +95,11 @@ var v = [
 		value: "NL",
 		label: "Netherlands"
 	}
-], x = () => {
-	let { navigate: x, basePath: S } = e(), { t: C } = d(), w = (e, t) => {
-		let n = C(e);
+], C = () => {
+	let { navigate: C, basePath: w, currentUser: T } = e(), { t: E } = p(), D = (e, t) => {
+		let n = E(e);
 		return n === e ? t : n;
-	}, [T, E] = u({}), [D, O] = u("basic"), [k, { loading: A }] = s(), j = t(), [M, N] = u({
+	}, [O, k] = f({}), [A, j] = f("basic"), [M, { loading: N }] = c(), [P] = s(), [F] = l(), I = t(), [L, R] = f({
 		name: "",
 		slug: "",
 		description: "",
@@ -123,67 +116,80 @@ var v = [
 		state: "",
 		postalCode: "",
 		country: ""
-	}), P = (e) => {
-		x?.(`${S}${e}`);
-	}, F = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""), I = (e) => {
+	}), z = (e) => {
+		C?.(`${w}${e}`);
+	}, B = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""), V = (e) => {
 		let t = e.target.value;
-		N((e) => ({
+		R((e) => ({
 			...e,
 			name: t,
-			slug: e.slug || F(t)
-		})), T.name && E((e) => ({
+			slug: e.slug || B(t)
+		})), O.name && k((e) => ({
 			...e,
 			name: void 0
 		}));
-	}, L = (e, t) => {
-		N((n) => ({
+	}, H = (e, t) => {
+		R((n) => ({
 			...n,
 			[e]: t
-		})), T[e] && E((t) => ({
+		})), O[e] && k((t) => ({
 			...t,
 			[e]: void 0
 		}));
-	}, R = () => {
+	}, U = () => {
 		let e = {};
-		return M.name.trim() ? M.name.length < 2 ? e.name = w("devportal.orgNameTooShort", "Name must be at least 2 characters") : M.name.length > 100 && (e.name = w("devportal.nameTooLong", "Name must be less than 100 characters")) : e.name = w("devportal.orgNameRequired", "Organization name is required"), M.slug.trim() ? /^[a-z0-9-]+$/.test(M.slug) || (e.slug = w("devportal.slugInvalid", "Slug can only contain lowercase letters, numbers, and hyphens")) : e.slug = w("devportal.slugRequired", "Slug is required"), M.contactEmail && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(M.contactEmail) && (e.contactEmail = w("devportal.invalidEmailAddress", "Invalid email address")), M.supportEmail && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(M.supportEmail) && (e.supportEmail = w("devportal.invalidEmailAddress", "Invalid email address")), E(e), Object.keys(e).length === 0;
-	}, z = () => {
-		R() && O("billing");
-	}, B = () => {
-		O("basic");
-	}, V = async (e) => {
-		if (e.preventDefault(), !R()) {
-			O("basic");
+		return L.name.trim() ? L.name.length < 2 ? e.name = D("devportal.orgNameTooShort", "Name must be at least 2 characters") : L.name.length > 100 && (e.name = D("devportal.nameTooLong", "Name must be less than 100 characters")) : e.name = D("devportal.orgNameRequired", "Organization name is required"), L.slug.trim() ? /^[a-z0-9-]+$/.test(L.slug) || (e.slug = D("devportal.slugInvalid", "Slug can only contain lowercase letters, numbers, and hyphens")) : e.slug = D("devportal.slugRequired", "Slug is required"), L.contactEmail && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(L.contactEmail) && (e.contactEmail = D("devportal.invalidEmailAddress", "Invalid email address")), L.supportEmail && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(L.supportEmail) && (e.supportEmail = D("devportal.invalidEmailAddress", "Invalid email address")), k(e), Object.keys(e).length === 0;
+	}, W = () => {
+		U() && j("billing");
+	}, G = () => {
+		j("basic");
+	}, K = async (e) => {
+		if (e.preventDefault(), !U()) {
+			j("basic");
 			return;
 		}
 		try {
-			let e = M.streetAddress || M.city || M.state || M.postalCode || M.country ? {
-				street: M.streetAddress || void 0,
-				city: M.city || void 0,
-				state: M.state || void 0,
-				postalCode: M.postalCode || void 0,
-				country: M.country || void 0
-			} : void 0, t = await k({ variables: { input: {
-				name: M.name,
-				slug: M.slug || void 0,
-				description: M.description || void 0,
-				websiteUrl: M.websiteUrl || void 0,
-				contactEmail: M.contactEmail || void 0,
-				supportEmail: M.supportEmail || void 0,
-				legalEntityName: M.legalEntityName || void 0,
-				legalEntityType: M.legalEntityType || void 0,
+			let e = L.streetAddress || L.city || L.state || L.postalCode || L.country ? {
+				street: L.streetAddress || void 0,
+				city: L.city || void 0,
+				state: L.state || void 0,
+				postalCode: L.postalCode || void 0,
+				country: L.country || void 0
+			} : void 0, t = (await M({ variables: { input: {
+				name: L.name,
+				slug: L.slug || void 0,
+				description: L.description || void 0,
+				websiteUrl: L.websiteUrl || void 0,
+				contactEmail: L.contactEmail || void 0,
+				supportEmail: L.supportEmail || void 0,
+				legalEntityName: L.legalEntityName || void 0,
+				legalEntityType: L.legalEntityType || void 0,
 				legalAddress: e,
-				metadata: M.tier === "FREE" ? void 0 : { tier: M.tier }
-			} } });
-			t.data?.createDeveloperOrganization?.id && (j.emit("devportal.org.created", {
-				organizationId: t.data.createDeveloperOrganization.id,
-				name: M.name
-			}), P(`/organizations/${t.data.createDeveloperOrganization.id}`));
+				metadata: L.tier === "FREE" ? void 0 : { tier: L.tier }
+			} } })).data?.createDeveloperOrganization?.id;
+			if (t) {
+				I.emit("devportal.org.created", {
+					organizationId: t,
+					name: L.name
+				});
+				try {
+					let e = (await P({ variables: { input: {
+						name: L.name,
+						email: T?.email ?? ""
+					} } })).data?.createBillingAccount?.id;
+					e && await F({ variables: {
+						organizationId: t,
+						billingAccountId: e
+					} });
+				} catch {}
+				z(`/organizations/${t}`);
+			}
 		} catch (e) {
 			console.error("Failed to create organization:", e);
 		}
-	}, H = () => {
-		P("/organizations");
-	}, U = {
+	}, q = () => {
+		z("/organizations");
+	}, J = {
 		FREE: {
 			apps: 1,
 			apiCalls: "100K",
@@ -213,149 +219,149 @@ var v = [
 			price: "Custom"
 		}
 	};
-	return /* @__PURE__ */ g(c, {
-		permission: l.ORG_CREATE,
-		children: /* @__PURE__ */ _(n, {
-			title: w("devportal.createOrganization", "Create Organization"),
-			description: w("devportal.createOrganizationDescription", "Set up a developer organization to collaborate with your team"),
-			backLink: `${S}/organizations`,
-			backLabel: w("devportal.backToOrganizations", "Back to Organizations"),
-			children: [/* @__PURE__ */ _("div", {
+	return /* @__PURE__ */ v(u, {
+		permission: d.ORG_CREATE,
+		children: /* @__PURE__ */ y(n, {
+			title: D("devportal.createOrganization", "Create Organization"),
+			description: D("devportal.createOrganizationDescription", "Set up a developer organization to collaborate with your team"),
+			backLink: `${w}/organizations`,
+			backLabel: D("devportal.backToOrganizations", "Back to Organizations"),
+			children: [/* @__PURE__ */ y("div", {
 				className: "flex items-center gap-4 mb-8",
 				children: [
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ y("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ g("div", {
-							className: `flex h-8 w-8 items-center justify-center rounded-full text-sm font-medium ${D === "basic" ? "bg-primary text-primary-foreground" : "bg-primary/20 text-primary"}`,
+						children: [/* @__PURE__ */ v("div", {
+							className: `flex h-8 w-8 items-center justify-center rounded-full text-sm font-medium ${A === "basic" ? "bg-primary text-primary-foreground" : "bg-primary/20 text-primary"}`,
 							children: "1"
-						}), /* @__PURE__ */ g("span", {
-							className: `text-sm font-medium ${D === "basic" ? "text-foreground" : "text-muted-foreground"}`,
-							children: w("devportal.basicInfo", "Basic Info")
+						}), /* @__PURE__ */ v("span", {
+							className: `text-sm font-medium ${A === "basic" ? "text-foreground" : "text-muted-foreground"}`,
+							children: D("devportal.basicInfo", "Basic Info")
 						})]
 					}),
-					/* @__PURE__ */ g("div", { className: "h-px flex-1 bg-border" }),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ v("div", { className: "h-px flex-1 bg-border" }),
+					/* @__PURE__ */ y("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ g("div", {
-							className: `flex h-8 w-8 items-center justify-center rounded-full text-sm font-medium ${D === "billing" ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+						children: [/* @__PURE__ */ v("div", {
+							className: `flex h-8 w-8 items-center justify-center rounded-full text-sm font-medium ${A === "billing" ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
 							children: "2"
-						}), /* @__PURE__ */ g("span", {
-							className: `text-sm font-medium ${D === "billing" ? "text-foreground" : "text-muted-foreground"}`,
-							children: w("devportal.billingAndLegal", "Billing & Legal")
+						}), /* @__PURE__ */ v("span", {
+							className: `text-sm font-medium ${A === "billing" ? "text-foreground" : "text-muted-foreground"}`,
+							children: D("devportal.billingAndLegal", "Billing & Legal")
 						})]
 					})
 				]
-			}), /* @__PURE__ */ _("form", {
-				onSubmit: V,
+			}), /* @__PURE__ */ y("form", {
+				onSubmit: K,
 				className: "space-y-8 max-w-3xl",
-				children: [D === "basic" && /* @__PURE__ */ _(h, { children: [
-					/* @__PURE__ */ g(r, {
-						title: w("devportal.organizationDetails", "Organization Details"),
-						description: w("devportal.organizationDetailsDescription", "Basic information about your organization"),
-						children: /* @__PURE__ */ _("div", {
+				children: [A === "basic" && /* @__PURE__ */ y(_, { children: [
+					/* @__PURE__ */ v(r, {
+						title: D("devportal.organizationDetails", "Organization Details"),
+						description: D("devportal.organizationDetailsDescription", "Basic information about your organization"),
+						children: /* @__PURE__ */ y("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ g(i, {
-									label: w("devportal.organizationName", "Organization Name"),
-									value: M.name,
-									onChange: I,
-									placeholder: w("devportal.organizationNamePlaceholder", "Acme Development"),
+								/* @__PURE__ */ v(i, {
+									label: D("devportal.organizationName", "Organization Name"),
+									value: L.name,
+									onChange: V,
+									placeholder: D("devportal.organizationNamePlaceholder", "Acme Development"),
 									required: !0,
-									error: T.name,
-									hint: w("devportal.organizationNameHint", "Your organization's display name")
+									error: O.name,
+									hint: D("devportal.organizationNameHint", "Your organization's display name")
 								}),
-								/* @__PURE__ */ g(i, {
-									label: w("devportal.slug", "Slug"),
-									value: M.slug,
-									onChange: (e) => L("slug", e.target.value.toLowerCase()),
-									placeholder: w("devportal.orgSlugPlaceholder", "acme-dev"),
+								/* @__PURE__ */ v(i, {
+									label: D("devportal.slug", "Slug"),
+									value: L.slug,
+									onChange: (e) => H("slug", e.target.value.toLowerCase()),
+									placeholder: D("devportal.orgSlugPlaceholder", "acme-dev"),
 									required: !0,
-									error: T.slug,
-									hint: w("devportal.slugHint", "URL-friendly identifier (auto-generated from name)")
+									error: O.slug,
+									hint: D("devportal.slugHint", "URL-friendly identifier (auto-generated from name)")
 								}),
-								/* @__PURE__ */ g(o, {
-									label: w("devportal.description", "Description"),
-									value: M.description,
-									onChange: (e) => L("description", e.target.value),
-									placeholder: w("devportal.orgDescriptionPlaceholder", "Tell us about your organization..."),
+								/* @__PURE__ */ v(o, {
+									label: D("devportal.description", "Description"),
+									value: L.description,
+									onChange: (e) => H("description", e.target.value),
+									placeholder: D("devportal.orgDescriptionPlaceholder", "Tell us about your organization..."),
 									rows: 3
 								}),
-								/* @__PURE__ */ g(i, {
-									label: w("devportal.websiteUrl", "Website URL"),
+								/* @__PURE__ */ v(i, {
+									label: D("devportal.websiteUrl", "Website URL"),
 									type: "url",
-									value: M.websiteUrl,
-									onChange: (e) => L("websiteUrl", e.target.value),
+									value: L.websiteUrl,
+									onChange: (e) => H("websiteUrl", e.target.value),
 									placeholder: "https://example.com"
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ y("div", {
 									className: "grid gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ g(i, {
-										label: w("devportal.contactEmail", "Contact Email"),
+									children: [/* @__PURE__ */ v(i, {
+										label: D("devportal.contactEmail", "Contact Email"),
 										type: "email",
-										value: M.contactEmail,
-										onChange: (e) => L("contactEmail", e.target.value),
+										value: L.contactEmail,
+										onChange: (e) => H("contactEmail", e.target.value),
 										placeholder: "contact@example.com",
-										error: T.contactEmail
-									}), /* @__PURE__ */ g(i, {
-										label: w("devportal.supportEmail", "Support Email"),
+										error: O.contactEmail
+									}), /* @__PURE__ */ v(i, {
+										label: D("devportal.supportEmail", "Support Email"),
 										type: "email",
-										value: M.supportEmail,
-										onChange: (e) => L("supportEmail", e.target.value),
+										value: L.supportEmail,
+										onChange: (e) => H("supportEmail", e.target.value),
 										placeholder: "support@example.com",
-										error: T.supportEmail
+										error: O.supportEmail
 									})]
 								})
 							]
 						})
 					}),
-					/* @__PURE__ */ g(r, {
-						title: w("devportal.selectPlan", "Select Plan"),
-						description: w("devportal.selectPlanDescription", "Choose a plan that fits your needs"),
-						children: /* @__PURE__ */ g("div", {
+					/* @__PURE__ */ v(r, {
+						title: D("devportal.selectPlan", "Select Plan"),
+						description: D("devportal.selectPlanDescription", "Choose a plan that fits your needs"),
+						children: /* @__PURE__ */ v("div", {
 							className: "grid gap-4 sm:grid-cols-2",
-							children: v.map((e) => {
-								let t = U[e.value], n = M.tier === e.value;
-								return /* @__PURE__ */ _("button", {
+							children: b.map((e) => {
+								let t = J[e.value], n = L.tier === e.value;
+								return /* @__PURE__ */ y("button", {
 									type: "button",
-									onClick: () => L("tier", e.value),
+									onClick: () => H("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__ */ _("div", {
+									children: [/* @__PURE__ */ y("div", {
 										className: "flex items-start justify-between",
-										children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+										children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 											className: "font-medium",
 											children: e.value
-										}), /* @__PURE__ */ g("p", {
+										}), /* @__PURE__ */ v("p", {
 											className: "text-sm text-muted-foreground",
 											children: t.price
-										})] }), /* @__PURE__ */ g("div", {
+										})] }), /* @__PURE__ */ v("div", {
 											className: `h-4 w-4 rounded-full border-2 ${n ? "border-primary bg-primary" : "border-muted-foreground"}`,
-											children: n && /* @__PURE__ */ g("div", {
+											children: n && /* @__PURE__ */ v("div", {
 												className: "h-full w-full flex items-center justify-center",
-												children: /* @__PURE__ */ g("div", { className: "h-1.5 w-1.5 rounded-full bg-bg-surface" })
+												children: /* @__PURE__ */ v("div", { className: "h-1.5 w-1.5 rounded-full bg-bg-surface" })
 											})
 										})]
-									}), /* @__PURE__ */ _("div", {
+									}), /* @__PURE__ */ y("div", {
 										className: "mt-3 grid grid-cols-2 gap-2 text-xs text-muted-foreground",
 										children: [
-											/* @__PURE__ */ _("span", { children: [
+											/* @__PURE__ */ y("span", { children: [
 												t.apps,
 												" ",
-												w("devportal.apps", "apps")
+												D("devportal.apps", "apps")
 											] }),
-											/* @__PURE__ */ _("span", { children: [
+											/* @__PURE__ */ y("span", { children: [
 												t.apiCalls,
 												" ",
-												w("devportal.apiCalls", "API calls")
+												D("devportal.apiCalls", "API calls")
 											] }),
-											/* @__PURE__ */ _("span", { children: [
+											/* @__PURE__ */ y("span", { children: [
 												t.storage,
 												" ",
-												w("devportal.storage", "storage")
+												D("devportal.storage", "storage")
 											] }),
-											/* @__PURE__ */ _("span", { children: [
+											/* @__PURE__ */ y("span", { children: [
 												t.members,
 												" ",
-												w("devportal.members", "members")
+												D("devportal.members", "members")
 											] })
 										]
 									})]
@@ -363,129 +369,132 @@ var v = [
 							})
 						})
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ y("div", {
 						className: "flex items-center justify-end gap-3 border-t pt-6",
-						children: [/* @__PURE__ */ _("button", {
+						children: [/* @__PURE__ */ y("button", {
 							type: "button",
-							onClick: H,
+							onClick: q,
 							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__ */ g(m, { size: 16 }), w("devportal.cancel", "Cancel")]
-						}), /* @__PURE__ */ g("button", {
+							children: [/* @__PURE__ */ v(g, { size: 16 }), D("devportal.cancel", "Cancel")]
+						}), /* @__PURE__ */ v("button", {
 							type: "button",
-							onClick: z,
+							onClick: W,
 							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: w("devportal.continue", "Continue")
+							children: D("devportal.continue", "Continue")
 						})]
 					})
-				] }), D === "billing" && /* @__PURE__ */ _(h, { children: [
-					/* @__PURE__ */ g(r, {
-						title: w("devportal.legalInformation", "Legal Information"),
-						description: w("devportal.legalInformationDescription", "Required for payouts and compliance (optional for Free tier)"),
-						children: /* @__PURE__ */ _("div", {
+				] }), A === "billing" && /* @__PURE__ */ y(_, { children: [
+					/* @__PURE__ */ v(r, {
+						title: D("devportal.legalInformation", "Legal Information"),
+						description: D("devportal.legalInformationDescription", "Required for payouts and compliance (optional for Free tier)"),
+						children: /* @__PURE__ */ y("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ g(i, {
-									label: w("devportal.legalEntityName", "Legal Entity Name"),
-									value: M.legalEntityName,
-									onChange: (e) => L("legalEntityName", e.target.value),
-									placeholder: w("devportal.legalEntityNamePlaceholder", "Acme Inc."),
-									hint: w("devportal.legalEntityNameHint", "Your registered business name")
+								/* @__PURE__ */ v(i, {
+									label: D("devportal.legalEntityName", "Legal Entity Name"),
+									value: L.legalEntityName,
+									onChange: (e) => H("legalEntityName", e.target.value),
+									placeholder: D("devportal.legalEntityNamePlaceholder", "Acme Inc."),
+									hint: D("devportal.legalEntityNameHint", "Your registered business name")
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ y("div", {
 									className: "grid gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ g(a, {
-										label: w("devportal.entityType", "Entity Type"),
-										value: M.legalEntityType,
-										onChange: (e) => L("legalEntityType", e.target.value),
-										options: y
-									}), /* @__PURE__ */ g(a, {
-										label: w("devportal.taxCountry", "Tax Country"),
-										value: M.taxCountry,
-										onChange: (e) => L("taxCountry", e.target.value),
-										options: b
+									children: [/* @__PURE__ */ v(a, {
+										label: D("devportal.entityType", "Entity Type"),
+										value: L.legalEntityType,
+										onChange: (e) => H("legalEntityType", e.target.value),
+										options: x,
+										placeholder: D("devportal.selectEntityType", "Select entity type")
+									}), /* @__PURE__ */ v(a, {
+										label: D("devportal.taxCountry", "Tax Country"),
+										value: L.taxCountry,
+										onChange: (e) => H("taxCountry", e.target.value),
+										options: S,
+										placeholder: D("devportal.selectCountry", "Select country")
 									})]
 								}),
-								/* @__PURE__ */ g(i, {
-									label: w("devportal.taxIdVatNumber", "Tax ID / VAT Number"),
-									value: M.taxId,
-									onChange: (e) => L("taxId", e.target.value),
+								/* @__PURE__ */ v(i, {
+									label: D("devportal.taxIdVatNumber", "Tax ID / VAT Number"),
+									value: L.taxId,
+									onChange: (e) => H("taxId", e.target.value),
 									placeholder: "XX-XXXXXXX",
-									hint: w("devportal.taxIdHint", "Your business tax identification number")
+									hint: D("devportal.taxIdHint", "Your business tax identification number")
 								})
 							]
 						})
 					}),
-					/* @__PURE__ */ g(r, {
-						title: w("devportal.businessAddress", "Business Address"),
-						description: w("devportal.businessAddressDescription", "Used for invoicing and legal documents"),
-						children: /* @__PURE__ */ _("div", {
+					/* @__PURE__ */ v(r, {
+						title: D("devportal.businessAddress", "Business Address"),
+						description: D("devportal.businessAddressDescription", "Used for invoicing and legal documents"),
+						children: /* @__PURE__ */ y("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ g(i, {
-									label: w("devportal.streetAddress", "Street Address"),
-									value: M.streetAddress,
-									onChange: (e) => L("streetAddress", e.target.value),
-									placeholder: w("devportal.streetAddressPlaceholder", "123 Main Street")
+								/* @__PURE__ */ v(i, {
+									label: D("devportal.streetAddress", "Street Address"),
+									value: L.streetAddress,
+									onChange: (e) => H("streetAddress", e.target.value),
+									placeholder: D("devportal.streetAddressPlaceholder", "123 Main Street")
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ y("div", {
 									className: "grid gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ g(i, {
-										label: w("devportal.city", "City"),
-										value: M.city,
-										onChange: (e) => L("city", e.target.value),
-										placeholder: w("devportal.cityPlaceholder", "San Francisco")
-									}), /* @__PURE__ */ g(i, {
-										label: w("devportal.stateProvince", "State / Province"),
-										value: M.state,
-										onChange: (e) => L("state", e.target.value),
-										placeholder: w("devportal.stateProvincePlaceholder", "California")
+									children: [/* @__PURE__ */ v(i, {
+										label: D("devportal.city", "City"),
+										value: L.city,
+										onChange: (e) => H("city", e.target.value),
+										placeholder: D("devportal.cityPlaceholder", "San Francisco")
+									}), /* @__PURE__ */ v(i, {
+										label: D("devportal.stateProvince", "State / Province"),
+										value: L.state,
+										onChange: (e) => H("state", e.target.value),
+										placeholder: D("devportal.stateProvincePlaceholder", "California")
 									})]
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ y("div", {
 									className: "grid gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ g(i, {
-										label: w("devportal.postalCode", "Postal Code"),
-										value: M.postalCode,
-										onChange: (e) => L("postalCode", e.target.value),
-										placeholder: w("devportal.postalCodePlaceholder", "94102")
-									}), /* @__PURE__ */ g(a, {
-										label: w("devportal.country", "Country"),
-										value: M.country,
-										onChange: (e) => L("country", e.target.value),
-										options: b
+									children: [/* @__PURE__ */ v(i, {
+										label: D("devportal.postalCode", "Postal Code"),
+										value: L.postalCode,
+										onChange: (e) => H("postalCode", e.target.value),
+										placeholder: D("devportal.postalCodePlaceholder", "94102")
+									}), /* @__PURE__ */ v(a, {
+										label: D("devportal.country", "Country"),
+										value: L.country,
+										onChange: (e) => H("country", e.target.value),
+										options: S,
+										placeholder: D("devportal.selectCountry", "Select country")
 									})]
 								})
 							]
 						})
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ y("div", {
 						className: "rounded-lg border border-border-subtle bg-status-info-bg-subtle p-4 flex gap-3",
-						children: [/* @__PURE__ */ g(p, {
+						children: [/* @__PURE__ */ v(h, {
 							size: 20,
 							className: "text-accent-blue flex-shrink-0 mt-0.5"
-						}), /* @__PURE__ */ _("div", {
+						}), /* @__PURE__ */ y("div", {
 							className: "text-sm text-status-info-text",
-							children: [/* @__PURE__ */ g("p", {
+							children: [/* @__PURE__ */ v("p", {
 								className: "font-medium",
-								children: w("devportal.canAddLater", "You can add this later")
-							}), /* @__PURE__ */ g("p", {
+								children: D("devportal.canAddLater", "You can add this later")
+							}), /* @__PURE__ */ v("p", {
 								className: "mt-1 text-status-info-text",
-								children: w("devportal.legalInfoOptionalNote", "Legal and billing information is only required when you want to receive payouts from app sales or upgrade to a paid plan.")
+								children: D("devportal.legalInfoOptionalNote", "Legal and billing information is only required when you want to receive payouts from app sales or upgrade to a paid plan.")
 							})]
 						})]
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ y("div", {
 						className: "flex items-center justify-between border-t pt-6",
-						children: [/* @__PURE__ */ g("button", {
+						children: [/* @__PURE__ */ v("button", {
 							type: "button",
-							onClick: B,
+							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: w("devportal.back", "Back")
-						}), /* @__PURE__ */ g("button", {
+							children: D("devportal.back", "Back")
+						}), /* @__PURE__ */ v("button", {
 							type: "submit",
-							disabled: A,
+							disabled: N,
 							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: A ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), w("devportal.creating", "Creating...")] }) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(f, { size: 16 }), w("devportal.createOrganization", "Create Organization")] })
+							children: N ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), D("devportal.creating", "Creating...")] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(m, { size: 16 }), D("devportal.createOrganization", "Create Organization")] })
 						})]
 					})
 				] })]
@@ -494,6 +503,6 @@ var v = [
 	});
 };
 //#endregion
-export { x as CreateOrganizationPage };
+export { C as CreateOrganizationPage };
 
 //# sourceMappingURL=CreateOrganizationPage.js.map