@burdenoff/microfe-devportal 2026.915.6 → 2026.915.8

package/dist/devportal/pages/CreateOrganizationPage.js

@@ -2,259 +2,249 @@ import { useDevportal as e } from "../providers/DevportalProvider.js";
 import { useTr as t } from "../utils/i18n.js";
 import { cn as n } from "../utils/cn.js";
 import { useDevportalEventBus as r } from "../events/index.js";
-import { orgSectionPath as i, useIsSellerSection as ee } from "../hooks/useIsSellerSection.js";
-import { useCreateBillingAccountMutation as te, useCreateOrganizationMutation as a, useCreateSellerOrganizationMutation as o, useGetBillingAccountsByOrgQuery as s, useLinkDevOrgBillingAccountMutation as c } from "../../generated/global-operations.js";
-import { PageLayout as l, PageSection as u } from "../components/PageLayout.js";
-import { InputField as d, TextareaField as f } from "../components/FormField.js";
-import { PermissionGuard as p } from "../components/PermissionGuard.js";
+import { orgSectionPath as i, useIsSellerSection as a } from "../hooks/useIsSellerSection.js";
+import { useCreateBillingAccountMutation as o, useCreateOrganizationMutation as s, useCreateSellerOrganizationMutation as c, useGetBillingAccountsByOrgQuery as l, useLinkDevOrgBillingAccountMutation as u } from "../../generated/global-operations.js";
+import { PageLayout as d, PageSection as f } from "../components/PageLayout.js";
+import { InputField as p, TextareaField as m } from "../components/FormField.js";
+import { PermissionGuard as h } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { capitalizeCarrierName as m, useCarrierPickupLocations as h } from "../hooks/useCarrierPickupLocations.js";
 import "../hooks/index.js";
 import { useEffect as g, useMemo as _, useState as v } from "react";
-import { Building2 as y, Check as b, Link2 as x, Loader2 as S, X as C } from "lucide-react";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { Building2 as y, Check as b, Link2 as x, Loader2 as S, X as ee } from "lucide-react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
 //#region src/devportal/pages/CreateOrganizationPage.tsx
-var D = () => {
-	let { navigate: D, basePath: O, currentUser: ne, tenantId: re, setActiveOrgId: ie, setActivePhysicalOrgId: k } = e(), A = ee(), j = t(), [M, N] = v({}), [P] = a(), [F] = o(), [I] = te(), [L] = c(), R = r(), [z, B] = v("idle"), V = z !== "idle", [H, U] = v("auto"), [W, G] = v(null), { data: K, loading: q } = s({
+var E = () => {
+	let { navigate: E, basePath: D, currentUser: O, tenantId: k, setActiveOrgId: A, setActivePhysicalOrgId: te } = e(), j = a(), M = t(), [N, P] = v({}), [F] = s(), [I] = c(), [L] = o(), [R] = u(), z = r(), [B, V] = v("idle"), H = B !== "idle", [U, W] = v("auto"), [G, K] = v(null), { data: q, loading: J } = l({
 		fetchPolicy: "cache-and-network",
-		context: { headers: { "x-org-id": re ?? "" } }
-	}), J = _(() => K?.getBillingAccountsByOrg ?? [], [K]);
+		context: { headers: { "x-org-id": k ?? "" } }
+	}), Y = _(() => q?.getBillingAccountsByOrg ?? [], [q]);
 	g(() => {
-		if (!(H !== "existing" || q)) {
-			if (J.length === 0) {
-				U("auto");
+		if (!(U !== "existing" || J)) {
+			if (Y.length === 0) {
+				W("auto");
 				return;
 			}
-			W || G(J.find((e) => e.isDefault)?.id ?? J[0]?.id ?? null);
+			G || K(Y.find((e) => e.isDefault)?.id ?? Y[0]?.id ?? null);
 		}
 	}, [
-		H,
-		q,
+		U,
 		J,
-		W
+		Y,
+		G
 	]);
-	let [Y, X] = v({
+	let [X, Z] = v({
 		name: "",
 		slug: "",
 		description: "",
 		websiteUrl: "",
 		contactEmail: "",
-		supportEmail: "",
-		pickupPostalCode: ""
-	}), { locations: Z } = h(), Q = (e) => {
-		D?.(`${O}${e}`);
-	}, ae = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""), oe = (e) => {
+		supportEmail: ""
+	}), Q = (e) => {
+		E?.(`${D}${e}`);
+	}, ne = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""), re = (e) => {
 		let t = e.target.value;
-		X((e) => ({
+		Z((e) => ({
 			...e,
 			name: t,
-			slug: e.slug || ae(t)
-		})), M.name && N((e) => ({
+			slug: e.slug || ne(t)
+		})), N.name && P((e) => ({
 			...e,
 			name: void 0
 		}));
 	}, $ = (e, t) => {
-		X((n) => ({
+		Z((n) => ({
 			...n,
 			[e]: t
-		})), M[e] && N((t) => ({
+		})), N[e] && P((t) => ({
 			...t,
 			[e]: void 0
 		}));
-	}, se = () => {
+	}, ie = () => {
 		let e = {};
-		return Y.name.trim() ? Y.name.length < 2 ? e.name = j("devportal.orgNameTooShort", "Name must be at least 2 characters") : Y.name.length > 100 && (e.name = j("devportal.nameTooLong", "Name must be less than 100 characters")) : e.name = j("devportal.orgNameRequired", "Organization name is required"), Y.slug.trim() ? /^[a-z0-9-]+$/.test(Y.slug) || (e.slug = j("devportal.slugInvalid", "Slug can only contain lowercase letters, numbers, and hyphens")) : e.slug = j("devportal.slugRequired", "Slug is required"), Y.contactEmail && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(Y.contactEmail) && (e.contactEmail = j("devportal.invalidEmailAddress", "Invalid email address")), Y.supportEmail && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(Y.supportEmail) && (e.supportEmail = j("devportal.invalidEmailAddress", "Invalid email address")), N(e), Object.keys(e).length === 0;
+		return X.name.trim() ? X.name.length < 2 ? e.name = M("devportal.orgNameTooShort", "Name must be at least 2 characters") : X.name.length > 100 && (e.name = M("devportal.nameTooLong", "Name must be less than 100 characters")) : e.name = M("devportal.orgNameRequired", "Organization name is required"), X.slug.trim() ? /^[a-z0-9-]+$/.test(X.slug) || (e.slug = M("devportal.slugInvalid", "Slug can only contain lowercase letters, numbers, and hyphens")) : e.slug = M("devportal.slugRequired", "Slug is required"), X.contactEmail && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(X.contactEmail) && (e.contactEmail = M("devportal.invalidEmailAddress", "Invalid email address")), X.supportEmail && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(X.supportEmail) && (e.supportEmail = M("devportal.invalidEmailAddress", "Invalid email address")), P(e), Object.keys(e).length === 0;
 	};
-	return /* @__PURE__ */ T(p, {
+	return /* @__PURE__ */ w(h, {
 		authOnly: !0,
-		children: /* @__PURE__ */ T(l, {
-			title: j("devportal.createOrganization", "Create Organization"),
-			description: A ? j("devportal.createSellerOrganizationDescription", "Set up a seller organization to start selling physical products") : j("devportal.createOrganizationDescription", "Set up a developer organization to collaborate with your team"),
-			purpose: A ? j("devportal.createSellerOrganizationPurpose", "A seller organization is the shared owner of your physical listings, orders, and revenue. Create one here — you can invite members and complete legal/tax details afterwards.") : j("devportal.createOrganizationPurpose", "An organization is the shared owner of your apps, members, and revenue. Create one here so your team works under a single identity — pick a name and tier now; you can invite members and verify it afterwards."),
-			backLink: `${O}${i(A)}`,
-			backLabel: j("devportal.backToOrganizations", "Back to Organizations"),
-			children: /* @__PURE__ */ E("form", {
+		children: /* @__PURE__ */ w(d, {
+			title: M("devportal.createOrganization", "Create Organization"),
+			description: j ? M("devportal.createSellerOrganizationDescription", "Set up a seller organization to start selling physical products") : M("devportal.createOrganizationDescription", "Set up a developer organization to collaborate with your team"),
+			purpose: j ? M("devportal.createSellerOrganizationPurpose", "A seller organization is the shared owner of your physical listings, orders, and revenue. Create one here — you can invite members and complete legal/tax details afterwards.") : M("devportal.createOrganizationPurpose", "An organization is the shared owner of your apps, members, and revenue. Create one here so your team works under a single identity — pick a name and tier now; you can invite members and verify it afterwards."),
+			backLink: `${D}${i(j)}`,
+			backLabel: M("devportal.backToOrganizations", "Back to Organizations"),
+			children: /* @__PURE__ */ T("form", {
 				onSubmit: async (e) => {
-					if (e.preventDefault(), se()) {
-						B("creating-org");
+					if (e.preventDefault(), ie()) {
+						V("creating-org");
 						try {
 							let e = {
-								name: Y.name,
-								slug: Y.slug || void 0,
-								description: Y.description || void 0,
-								websiteUrl: Y.websiteUrl || void 0,
-								contactEmail: Y.contactEmail || void 0,
-								supportEmail: Y.supportEmail || void 0,
-								pickupPostalCode: A && Y.pickupPostalCode.trim() || void 0
-							}, t = A ? (await F({ variables: { input: e } })).data?.createSellerOrganization?.id : (await P({ variables: { input: e } })).data?.createDeveloperOrganization?.id;
+								name: X.name,
+								slug: X.slug || void 0,
+								description: X.description || void 0,
+								websiteUrl: X.websiteUrl || void 0,
+								contactEmail: X.contactEmail || void 0,
+								supportEmail: X.supportEmail || void 0
+							}, t = j ? (await I({ variables: { input: e } })).data?.createSellerOrganization?.id : (await F({ variables: { input: e } })).data?.createDeveloperOrganization?.id;
 							if (!t) {
-								B("idle");
+								V("idle");
 								return;
 							}
-							if (R.emit("devportal.org.created", {
+							if (z.emit("devportal.org.created", {
 								organizationId: t,
-								name: Y.name
-							}), A ? k(t) : ie(t), H === "existing" && W) {
-								B("linking-billing");
+								name: X.name
+							}), j ? te(t) : A(t), U === "existing" && G) {
+								V("linking-billing");
 								try {
-									await L({ variables: {
+									await R({ variables: {
 										organizationId: t,
-										billingAccountId: W
+										billingAccountId: G
 									} });
 								} catch {}
 							} else {
-								B("setting-up-billing");
+								V("setting-up-billing");
 								try {
-									let e = (await I({ variables: { input: {
-										name: Y.name,
-										email: ne?.email ?? ""
+									let e = (await L({ variables: { input: {
+										name: X.name,
+										email: O?.email ?? ""
 									} } })).data?.createBillingAccount?.id;
-									e && await L({ variables: {
+									e && await R({ variables: {
 										organizationId: t,
 										billingAccountId: e
 									} });
 								} catch {}
 							}
-							B("redirecting"), Q(i(A, t));
+							V("redirecting"), Q(i(j, t));
 						} catch (e) {
-							console.error("Failed to create organization:", e), B("idle");
+							console.error("Failed to create organization:", e), V("idle");
 						}
 					}
 				},
 				className: "space-y-8 max-w-3xl",
 				children: [
-					/* @__PURE__ */ T(u, {
-						title: j("devportal.organizationDetails", "Organization Details"),
-						description: j("devportal.organizationDetailsDescription", "Basic information about your organization"),
-						children: /* @__PURE__ */ E("div", {
+					/* @__PURE__ */ w(f, {
+						title: M("devportal.organizationDetails", "Organization Details"),
+						description: M("devportal.organizationDetailsDescription", "Basic information about your organization"),
+						children: /* @__PURE__ */ T("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ T(d, {
-									label: j("devportal.organizationName", "Organization Name"),
-									value: Y.name,
-									onChange: oe,
-									placeholder: j("devportal.organizationNamePlaceholder", "Acme Development"),
+								/* @__PURE__ */ w(p, {
+									label: M("devportal.organizationName", "Organization Name"),
+									value: X.name,
+									onChange: re,
+									placeholder: M("devportal.organizationNamePlaceholder", "Acme Development"),
 									required: !0,
-									error: M.name,
-									hint: j("devportal.organizationNameHint", "Your organization's display name")
+									error: N.name,
+									hint: M("devportal.organizationNameHint", "Your organization's display name")
 								}),
-								/* @__PURE__ */ T(d, {
-									label: j("devportal.slug", "Slug"),
-									value: Y.slug,
+								/* @__PURE__ */ w(p, {
+									label: M("devportal.slug", "Slug"),
+									value: X.slug,
 									onChange: (e) => $("slug", e.target.value.toLowerCase()),
-									placeholder: j("devportal.orgSlugPlaceholder", "acme-dev"),
+									placeholder: M("devportal.orgSlugPlaceholder", "acme-dev"),
 									required: !0,
-									error: M.slug,
-									hint: j("devportal.slugHint", "URL-friendly identifier (auto-generated from name)")
+									error: N.slug,
+									hint: M("devportal.slugHint", "URL-friendly identifier (auto-generated from name)")
 								}),
-								/* @__PURE__ */ T(f, {
-									label: j("devportal.description", "Description"),
-									value: Y.description,
+								/* @__PURE__ */ w(m, {
+									label: M("devportal.description", "Description"),
+									value: X.description,
 									onChange: (e) => $("description", e.target.value),
-									placeholder: j("devportal.orgDescriptionPlaceholder", "Tell us about your organization..."),
+									placeholder: M("devportal.orgDescriptionPlaceholder", "Tell us about your organization..."),
 									rows: 3
 								}),
-								/* @__PURE__ */ T(d, {
-									label: j("devportal.websiteUrl", "Website URL"),
+								/* @__PURE__ */ w(p, {
+									label: M("devportal.websiteUrl", "Website URL"),
 									type: "url",
-									value: Y.websiteUrl,
+									value: X.websiteUrl,
 									onChange: (e) => $("websiteUrl", e.target.value),
 									placeholder: "https://example.com"
 								}),
-								A && (() => {
-									let e = Y.pickupPostalCode.trim(), t = Z.find((t) => t.postalCode === e), n = e.length === 0 || Z.length === 0 ? void 0 : t ? j("devportal.pickupPostalCodeRegistered", "Registered with {{carrier}} — ready for automated shipping.", { carrier: m(t.carrier) }) : j("devportal.pickupPostalCodeNotRegistered", "This pincode isn't registered with our shipping carrier yet — physical orders can't auto-ship until it's added. You can still save it now and set it up later.");
-									return /* @__PURE__ */ T(d, {
-										label: j("devportal.pickupPostalCode", "Pickup Pincode (optional)"),
-										value: Y.pickupPostalCode,
-										onChange: (e) => $("pickupPostalCode", e.target.value),
-										placeholder: "560001",
-										error: t ? void 0 : n,
-										hint: t ? n : j("devportal.pickupPostalCodeHint", "The postal code your physical orders actually ship from — used to quote real carrier shipping rates. You can skip this now and set it later from organization settings.")
-									});
-								})(),
-								/* @__PURE__ */ E("div", {
+								j && /* @__PURE__ */ w("p", {
+									className: "rounded-md border border-border-seam bg-bg-sunken p-4 text-sm text-text-secondary",
+									children: M("devportal.pickupAddressDeferredHint", "You can add and register your real pickup address — and add more than one — right after creating your organization, from its Settings tab.")
+								}),
+								/* @__PURE__ */ T("div", {
 									className: "grid gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ T(d, {
-										label: j("devportal.contactEmail", "Contact Email"),
+									children: [/* @__PURE__ */ w(p, {
+										label: M("devportal.contactEmail", "Contact Email"),
 										type: "email",
-										value: Y.contactEmail,
+										value: X.contactEmail,
 										onChange: (e) => $("contactEmail", e.target.value),
 										placeholder: "contact@example.com",
-										error: M.contactEmail
-									}), /* @__PURE__ */ T(d, {
-										label: j("devportal.supportEmail", "Support Email"),
+										error: N.contactEmail
+									}), /* @__PURE__ */ w(p, {
+										label: M("devportal.supportEmail", "Support Email"),
 										type: "email",
-										value: Y.supportEmail,
+										value: X.supportEmail,
 										onChange: (e) => $("supportEmail", e.target.value),
 										placeholder: "support@example.com",
-										error: M.supportEmail
+										error: N.supportEmail
 									})]
 								})
 							]
 						})
 					}),
-					/* @__PURE__ */ T(u, {
-						title: j("devportal.billingAccount", "Billing Account"),
-						description: j("devportal.billingAccountSectionDescription", "Revenue from sales will be credited here. You can change this anytime from the Revenue page."),
-						children: /* @__PURE__ */ E("div", {
+					/* @__PURE__ */ w(f, {
+						title: M("devportal.billingAccount", "Billing Account"),
+						description: M("devportal.billingAccountSectionDescription", "Revenue from sales will be credited here. You can change this anytime from the Revenue page."),
+						children: /* @__PURE__ */ T("div", {
 							className: "space-y-3",
 							children: [
-								/* @__PURE__ */ E("button", {
+								/* @__PURE__ */ T("button", {
 									type: "button",
-									onClick: () => U("auto"),
-									disabled: V,
-									className: n("flex w-full items-start gap-3 rounded-lg border px-4 py-3 text-left transition-colors disabled:cursor-not-allowed disabled:opacity-50", H === "auto" ? "border-primary bg-action-primary-bg/5" : "border-border-subtle hover:bg-bg-sunken"),
-									children: [/* @__PURE__ */ T(b, {
+									onClick: () => W("auto"),
+									disabled: H,
+									className: n("flex w-full items-start gap-3 rounded-lg border px-4 py-3 text-left transition-colors disabled:cursor-not-allowed disabled:opacity-50", U === "auto" ? "border-primary bg-action-primary-bg/5" : "border-border-subtle hover:bg-bg-sunken"),
+									children: [/* @__PURE__ */ w(b, {
 										size: 16,
-										className: n("mt-0.5 flex-shrink-0", H === "auto" ? "opacity-100 text-primary" : "opacity-0")
-									}), /* @__PURE__ */ E("div", {
+										className: n("mt-0.5 flex-shrink-0", U === "auto" ? "opacity-100 text-primary" : "opacity-0")
+									}), /* @__PURE__ */ T("div", {
 										className: "flex-1 min-w-0",
-										children: [/* @__PURE__ */ T("p", {
+										children: [/* @__PURE__ */ w("p", {
 											className: "text-sm font-medium",
-											children: j("devportal.billingAutoCreate", "Create a new billing account automatically")
-										}), /* @__PURE__ */ T("p", {
+											children: M("devportal.billingAutoCreate", "Create a new billing account automatically")
+										}), /* @__PURE__ */ w("p", {
 											className: "mt-0.5 text-xs text-text-secondary",
-											children: j("devportal.billingAutoCreateHint", "We'll set one up using your organization name and account email. You can complete legal and tax details for payouts later in Organization Settings.")
+											children: M("devportal.billingAutoCreateHint", "We'll set one up using your organization name and account email. You can complete legal and tax details for payouts later in Organization Settings.")
 										})]
 									})]
 								}),
-								/* @__PURE__ */ E("button", {
+								/* @__PURE__ */ T("button", {
 									type: "button",
-									onClick: () => U("existing"),
-									disabled: V || !q && J.length === 0,
-									className: n("flex w-full items-start gap-3 rounded-lg border px-4 py-3 text-left transition-colors disabled:cursor-not-allowed disabled:opacity-50", H === "existing" ? "border-primary bg-action-primary-bg/5" : "border-border-subtle hover:bg-bg-sunken"),
-									children: [/* @__PURE__ */ T(b, {
+									onClick: () => W("existing"),
+									disabled: H || !J && Y.length === 0,
+									className: n("flex w-full items-start gap-3 rounded-lg border px-4 py-3 text-left transition-colors disabled:cursor-not-allowed disabled:opacity-50", U === "existing" ? "border-primary bg-action-primary-bg/5" : "border-border-subtle hover:bg-bg-sunken"),
+									children: [/* @__PURE__ */ w(b, {
 										size: 16,
-										className: n("mt-0.5 flex-shrink-0", H === "existing" ? "opacity-100 text-primary" : "opacity-0")
-									}), /* @__PURE__ */ E("div", {
+										className: n("mt-0.5 flex-shrink-0", U === "existing" ? "opacity-100 text-primary" : "opacity-0")
+									}), /* @__PURE__ */ T("div", {
 										className: "flex-1 min-w-0",
-										children: [/* @__PURE__ */ E("p", {
+										children: [/* @__PURE__ */ T("p", {
 											className: "flex items-center gap-1.5 text-sm font-medium",
-											children: [/* @__PURE__ */ T(x, { size: 14 }), j("devportal.billingLinkExisting", "Link an existing billing account")]
-										}), /* @__PURE__ */ T("p", {
+											children: [/* @__PURE__ */ w(x, { size: 14 }), M("devportal.billingLinkExisting", "Link an existing billing account")]
+										}), /* @__PURE__ */ w("p", {
 											className: "mt-0.5 text-xs text-text-secondary",
-											children: q ? j("devportal.billingAccountsLoading", "Loading your billing accounts...") : J.length === 0 ? j("devportal.noBillingAccountsYet", "You don't have any billing accounts yet — create one from account billing settings first.") : j("devportal.billingAccountsAvailable", "{{count}} billing account(s) available to link", { count: J.length })
+											children: J ? M("devportal.billingAccountsLoading", "Loading your billing accounts...") : Y.length === 0 ? M("devportal.noBillingAccountsYet", "You don't have any billing accounts yet — create one from account billing settings first.") : M("devportal.billingAccountsAvailable", "{{count}} billing account(s) available to link", { count: Y.length })
 										})]
 									})]
 								}),
-								H === "existing" && J.length > 0 && /* @__PURE__ */ T("div", {
+								U === "existing" && Y.length > 0 && /* @__PURE__ */ w("div", {
 									className: "ml-8 space-y-2",
-									children: J.map((e) => /* @__PURE__ */ E("button", {
+									children: Y.map((e) => /* @__PURE__ */ T("button", {
 										type: "button",
-										disabled: V,
-										onClick: () => G(e.id ?? null),
-										className: n("flex w-full items-center gap-3 rounded-md border px-3 py-2 text-left text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-50", W === e.id ? "border-primary bg-action-primary-bg/5" : "border-border-subtle hover:bg-bg-sunken"),
-										children: [/* @__PURE__ */ T(b, {
+										disabled: H,
+										onClick: () => K(e.id ?? null),
+										className: n("flex w-full items-center gap-3 rounded-md border px-3 py-2 text-left text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-50", G === e.id ? "border-primary bg-action-primary-bg/5" : "border-border-subtle hover:bg-bg-sunken"),
+										children: [/* @__PURE__ */ w(b, {
 											size: 14,
-											className: n("flex-shrink-0", W === e.id ? "opacity-100 text-primary" : "opacity-0")
-										}), /* @__PURE__ */ E("div", {
+											className: n("flex-shrink-0", G === e.id ? "opacity-100 text-primary" : "opacity-0")
+										}), /* @__PURE__ */ T("div", {
 											className: "min-w-0 flex-1",
-											children: [/* @__PURE__ */ T("p", {
+											children: [/* @__PURE__ */ w("p", {
 												className: "truncate font-medium",
 												children: e.name
-											}), e.isDefault && /* @__PURE__ */ T("p", {
+											}), e.isDefault && /* @__PURE__ */ w("p", {
 												className: "text-xs text-text-secondary",
-												children: j("devportal.revenue.defaultAccount", "Default")
+												children: M("devportal.revenue.defaultAccount", "Default")
 											})]
 										})]
 									}, e.id))
@@ -262,39 +252,39 @@ var D = () => {
 							]
 						})
 					}),
-					V && /* @__PURE__ */ E("div", {
+					H && /* @__PURE__ */ T("div", {
 						className: "flex items-center gap-2 rounded-lg border border-border-subtle bg-bg-sunken px-4 py-3 text-sm text-text-secondary",
 						children: [
-							/* @__PURE__ */ T(S, {
+							/* @__PURE__ */ w(S, {
 								size: 16,
 								className: "flex-shrink-0 animate-spin text-primary"
 							}),
-							z === "creating-org" && j("devportal.creatingOrgStatus", "Creating your organization..."),
-							z === "setting-up-billing" && j("devportal.settingUpBillingStatus", "Setting up your billing account..."),
-							z === "linking-billing" && j("devportal.linkingBillingStatus", "Linking your billing account..."),
-							z === "redirecting" && j("devportal.redirectingStatus", "All set — redirecting...")
+							B === "creating-org" && M("devportal.creatingOrgStatus", "Creating your organization..."),
+							B === "setting-up-billing" && M("devportal.settingUpBillingStatus", "Setting up your billing account..."),
+							B === "linking-billing" && M("devportal.linkingBillingStatus", "Linking your billing account..."),
+							B === "redirecting" && M("devportal.redirectingStatus", "All set — redirecting...")
 						]
 					}),
-					/* @__PURE__ */ E("div", {
+					/* @__PURE__ */ T("div", {
 						className: "flex items-center justify-end gap-3 border-t pt-6",
-						children: [/* @__PURE__ */ E("button", {
+						children: [/* @__PURE__ */ T("button", {
 							type: "button",
 							onClick: () => {
-								Q(i(A));
+								Q(i(j));
 							},
-							disabled: V,
+							disabled: H,
 							className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-bg-sunken transition-colors disabled:opacity-50",
-							children: [/* @__PURE__ */ T(C, { size: 16 }), j("devportal.cancel", "Cancel")]
-						}), /* @__PURE__ */ T("button", {
+							children: [/* @__PURE__ */ w(ee, { size: 16 }), M("devportal.cancel", "Cancel")]
+						}), /* @__PURE__ */ w("button", {
 							type: "submit",
-							disabled: V,
+							disabled: H,
 							className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50",
-							children: V ? /* @__PURE__ */ E(w, { children: [
-								/* @__PURE__ */ T("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }),
-								z === "setting-up-billing" && j("devportal.settingUpBilling", "Setting up billing..."),
-								z === "linking-billing" && j("devportal.linkingBilling", "Linking billing..."),
-								(z === "creating-org" || z === "redirecting") && j("devportal.creating", "Creating...")
-							] }) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(y, { size: 16 }), j("devportal.createOrganization", "Create Organization")] })
+							children: H ? /* @__PURE__ */ T(C, { children: [
+								/* @__PURE__ */ w("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }),
+								B === "setting-up-billing" && M("devportal.settingUpBilling", "Setting up billing..."),
+								B === "linking-billing" && M("devportal.linkingBilling", "Linking billing..."),
+								(B === "creating-org" || B === "redirecting") && M("devportal.creating", "Creating...")
+							] }) : /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(y, { size: 16 }), M("devportal.createOrganization", "Create Organization")] })
 						})]
 					})
 				]
@@ -303,6 +293,6 @@ var D = () => {
 	});
 };
 //#endregion
-export { D as CreateOrganizationPage };
+export { E as CreateOrganizationPage };
 
 //# sourceMappingURL=CreateOrganizationPage.js.map