@burdenoff/microfe-devportal 2026.1110.2 → 2026.1112.2

package/dist/devportal/hooks/permissionRules.d.ts

@@ -0,0 +1 @@
+export declare function isStrictPermission(permission: string): boolean;

package/dist/devportal/hooks/permissionRules.js

@@ -0,0 +1,13 @@
+// src/devportal/hooks/permissionRules.ts
+var e = /* @__PURE__ */ new Set([
+	"devportal-revenue",
+	"devportal-payout",
+	"devportal-analytics",
+	"devportal-audit-log"
+]);
+function t(t) {
+	return e.has(t.split(":")[0] ?? "");
+}
+export { t as isStrictPermission };
+
+//# sourceMappingURL=permissionRules.js.map

package/dist/devportal/hooks/permissionRules.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"permissionRules.js","names":["STRICT_RESOURCES","isStrictPermission","permission"],"sources":["../../../src/devportal/hooks/permissionRules.ts"],"sourcesContent":["/**\n * Resource types whose actions must never fall back to \"allowed\" in the\n * FluidGrids variant: revenue, payouts, analytics and the audit log.\n */\nconst STRICT_RESOURCES: ReadonlySet<string> = new Set([\n  \"devportal-revenue\",\n  \"devportal-payout\",\n  \"devportal-analytics\",\n  \"devportal-audit-log\",\n]);\n\nexport function isStrictPermission(permission: string): boolean {\n  return STRICT_RESOURCES.has(permission.split(\":\")[0] ?? \"\");\n}\n"],"mappings":";AAIA,IAAMA,oBAAwC,IAAI,IAAI;CACpD;CACA;CACA;CACA;AACF,CAAC;AAED,SAAgBC,EAAmB,GAA6B;CAC9D,OAAOD,EAAiB,IAAIE,EAAW,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE;AAC5D"}

package/dist/devportal/hooks/usePermission.js

@@ -1,11 +1,14 @@
-import { usePermissions as e } from "@burdenoff/fe-libs/shared/providers/shell";
+import { useIsFluidgridsVariant as e } from "../providers/DevportalProvider.js";
+import { isStrictPermission as t } from "./permissionRules.js";
+import { usePermissions as n } from "@burdenoff/fe-libs/shared/providers/shell";
 // src/devportal/hooks/usePermission.ts
-var t = (t) => {
+var r = (r) => {
+	let i = e();
 	try {
-		let n = e(), r = n.isLoading, i = n.permissions?.permissions?.some((e) => e.resourceType === "rbac" && e.level === "ADMIN") ?? !1, a = t.split(":")[0], o = n.permissions?.permissions?.some((e) => e.resourceType === a && e.level === "ADMIN") ?? !1, s = n.hasPermission, c = n.permissions?.permissions?.some((e) => e.resourceType.startsWith("devportal-")) ?? !1, l = !r && !!n.permissions && !c;
+		let e = n(), a = e.isLoading, o = e.permissions?.permissions?.some((e) => e.resourceType === "rbac" && e.level === "ADMIN") ?? !1, s = r.split(":")[0], c = e.permissions?.permissions?.some((e) => e.resourceType === s && e.level === "ADMIN") ?? !1, l = e.hasPermission, u = e.permissions?.permissions?.some((e) => e.resourceType.startsWith("devportal-")) ?? !1, d = !a && !!e.permissions && !u;
 		return {
-			allowed: i || o || !s || s(t) || l,
-			loading: r
+			allowed: i && t(r) ? !a && (o || c || (l ? l(r) : !1)) : o || c || !l || l(r) || d,
+			loading: a
 		};
 	} catch {
 		return {
@@ -14,6 +17,6 @@ var t = (t) => {
 		};
 	}
 };
-export { t as useDevportalPermission };
+export { r as useDevportalPermission };
 
 //# sourceMappingURL=usePermission.js.map

package/dist/devportal/hooks/usePermission.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePermission.js","names":["useDevportalPermission","ctx","usePermissions","isLoading","isRbacAdmin","entry","resourceType","permission","hasResourceAdmin","has","hasAnyDevportalPermission","noDevportalInfoYet"],"sources":["../../../src/devportal/hooks/usePermission.ts"],"sourcesContent":["import { usePermissions } from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport type { DevportalPermission } from \"../constants/permissions\";\n\ninterface PermissionResult {\n  /** True when the actor has the permission (or is RBAC admin / standalone). */\n  allowed: boolean;\n  /** True while the permissions request is still in flight. */\n  loading: boolean;\n}\n\n/**\n * Button-level permission gate for devportal mutations.\n *\n * Wraps the shell `usePermissions` hook with the same standalone /\n * admin-bypass semantics as `PermissionGuard`. Use to gate individual\n * mutation buttons (Create / Edit / Delete / Publish / Submit / Approve /\n * Reject / Generate) so disabled state is server-driven, not just\n * page-level.\n *\n * Standalone mode (no shell provider) -> `allowed: true` so dev mode\n * stays usable. The page-level `PermissionGuard` is the coarse-grained\n * gate; this hook is the fine-grained one.\n */\nexport const useDevportalPermission = (\n  permission: DevportalPermission,\n): PermissionResult => {\n  try {\n    const ctx = usePermissions();\n    const isLoading = ctx.isLoading;\n    const isRbacAdmin =\n      ctx.permissions?.permissions?.some(\n        (entry) => entry.resourceType === \"rbac\" && entry.level === \"ADMIN\",\n      ) ?? false;\n\n    // Extract the resource type from the permission string (e.g. \"devportal-app:submit\" → \"devportal-app\")\n    const resourceType = permission.split(\":\")[0];\n    const hasResourceAdmin =\n      ctx.permissions?.permissions?.some(\n        (entry) =>\n          entry.resourceType === resourceType && entry.level === \"ADMIN\",\n      ) ?? false;\n\n    const has = ctx.hasPermission as (p: DevportalPermission) => boolean;\n\n    // If the user is authenticated but the permissions API returned nothing about devportal\n    // resources at all, fall back to true — the backend enforces real auth.\n    const hasAnyDevportalPermission =\n      ctx.permissions?.permissions?.some((entry) =>\n        entry.resourceType.startsWith(\"devportal-\"),\n      ) ?? false;\n    const isAuthenticated = !isLoading && !!ctx.permissions;\n    const noDevportalInfoYet = isAuthenticated && !hasAnyDevportalPermission;\n\n    return {\n      allowed:\n        isRbacAdmin ||\n        hasResourceAdmin ||\n        (has ? has(permission) : true) ||\n        noDevportalInfoYet,\n      loading: isLoading,\n    };\n  } catch {\n    // Standalone / dev mode: no shell provider mounted.\n    return { allowed: true, loading: false };\n  }\n};\n"],"mappings":";;AAuBA,IAAaA,KACX,MACqB;CACrB,IAAI;EACF,IAAMC,IAAMC,EAAe,GACrBC,IAAYF,EAAI,WAChBG,IACJH,EAAI,aAAa,aAAa,MAC3B,MAAUI,EAAM,iBAAiB,UAAUA,EAAM,UAAU,OAC9D,KAAK,IAGDC,IAAeC,EAAW,MAAM,GAAG,CAAC,CAAC,IACrCC,IACJP,EAAI,aAAa,aAAa,MAC3B,MACCI,EAAM,iBAAiBC,KAAgBD,EAAM,UAAU,OAC3D,KAAK,IAEDI,IAAMR,EAAI,eAIVS,IACJT,EAAI,aAAa,aAAa,MAAM,MAClCI,EAAM,aAAa,WAAW,YAAY,CAC5C,KAAK,IAEDM,IADkB,CAACR,KAAa,CAAC,CAACF,EAAI,eACE,CAACS;EAE/C,OAAO;GACL,SACEN,KACAI,KACC,MAAMC,EAAIF,CAAU,KACrBI;GACF,SAASR;EACX;CACF,QAAQ;EAEN,OAAO;GAAE,SAAS;GAAM,SAAS;EAAM;CACzC;AACF"}
+{"version":3,"file":"usePermission.js","names":["useDevportalPermission","isFluidgrids","useIsFluidgridsVariant","ctx","usePermissions","isLoading","isRbacAdmin","entry","resourceType","permission","hasResourceAdmin","has","hasAnyDevportalPermission","noDevportalInfoYet","isStrictPermission"],"sources":["../../../src/devportal/hooks/usePermission.ts"],"sourcesContent":["import { usePermissions } from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport type { DevportalPermission } from \"../constants/permissions\";\nimport { useIsFluidgridsVariant } from \"../providers/DevportalProvider\";\nimport { isStrictPermission } from \"./permissionRules\";\n\ninterface PermissionResult {\n  /** True when the actor has the permission (or is RBAC admin / standalone). */\n  allowed: boolean;\n  /** True while the permissions request is still in flight. */\n  loading: boolean;\n}\n\n/**\n * Button-level permission gate for devportal mutations.\n *\n * Wraps the shell `usePermissions` hook with the same standalone /\n * admin-bypass semantics as `PermissionGuard`. Use to gate individual\n * mutation buttons (Create / Edit / Delete / Publish / Submit / Approve /\n * Reject / Generate) so disabled state is server-driven, not just\n * page-level.\n *\n * Standalone mode (no shell provider) -> `allowed: true` so dev mode\n * stays usable. The page-level `PermissionGuard` is the coarse-grained\n * gate; this hook is the fine-grained one.\n */\nexport const useDevportalPermission = (\n  permission: DevportalPermission,\n): PermissionResult => {\n  const isFluidgrids = useIsFluidgridsVariant();\n  try {\n    const ctx = usePermissions();\n    const isLoading = ctx.isLoading;\n    const isRbacAdmin =\n      ctx.permissions?.permissions?.some(\n        (entry) => entry.resourceType === \"rbac\" && entry.level === \"ADMIN\",\n      ) ?? false;\n\n    // Extract the resource type from the permission string (e.g. \"devportal-app:submit\" → \"devportal-app\")\n    const resourceType = permission.split(\":\")[0];\n    const hasResourceAdmin =\n      ctx.permissions?.permissions?.some(\n        (entry) =>\n          entry.resourceType === resourceType && entry.level === \"ADMIN\",\n      ) ?? false;\n\n    const has = ctx.hasPermission as (p: DevportalPermission) => boolean;\n\n    // If the user is authenticated but the permissions API returned nothing about devportal\n    // resources at all, fall back to true — the backend enforces real auth.\n    const hasAnyDevportalPermission =\n      ctx.permissions?.permissions?.some((entry) =>\n        entry.resourceType.startsWith(\"devportal-\"),\n      ) ?? false;\n    const isAuthenticated = !isLoading && !!ctx.permissions;\n    const noDevportalInfoYet = isAuthenticated && !hasAnyDevportalPermission;\n\n    // FluidGrids: money, analytics and audit-log actions check the permission the\n    // backend defines instead of defaulting to allowed when it cannot tell (BOFF-11863).\n    const strict = isFluidgrids && isStrictPermission(permission);\n\n    return {\n      allowed: strict\n        ? !isLoading &&\n          (isRbacAdmin || hasResourceAdmin || (has ? has(permission) : false))\n        : isRbacAdmin ||\n          hasResourceAdmin ||\n          (has ? has(permission) : true) ||\n          noDevportalInfoYet,\n      loading: isLoading,\n    };\n  } catch {\n    // Standalone / dev mode: no shell provider mounted.\n    return { allowed: true, loading: false };\n  }\n};\n"],"mappings":";;;;AAyBA,IAAaA,KACX,MACqB;CACrB,IAAMC,IAAeC,EAAuB;CAC5C,IAAI;EACF,IAAMC,IAAMC,EAAe,GACrBC,IAAYF,EAAI,WAChBG,IACJH,EAAI,aAAa,aAAa,MAC3B,MAAUI,EAAM,iBAAiB,UAAUA,EAAM,UAAU,OAC9D,KAAK,IAGDC,IAAeC,EAAW,MAAM,GAAG,CAAC,CAAC,IACrCC,IACJP,EAAI,aAAa,aAAa,MAC3B,MACCI,EAAM,iBAAiBC,KAAgBD,EAAM,UAAU,OAC3D,KAAK,IAEDI,IAAMR,EAAI,eAIVS,IACJT,EAAI,aAAa,aAAa,MAAM,MAClCI,EAAM,aAAa,WAAW,YAAY,CAC5C,KAAK,IAEDM,IADkB,CAACR,KAAa,CAAC,CAACF,EAAI,eACE,CAACS;EAM/C,OAAO;GACL,SAHaX,KAAgBa,EAAmBL,CAAU,IAItD,CAACJ,MACAC,KAAeI,MAAqBC,IAAMA,EAAIF,CAAU,IAAI,OAC7DH,KACAI,KACC,MAAMC,EAAIF,CAAU,KACrBI;GACJ,SAASR;EACX;CACF,QAAQ;EAEN,OAAO;GAAE,SAAS;GAAM,SAAS;EAAM;CACzC;AACF"}

package/dist/devportal/pages/CreateOrganizationPage.js

@@ -1,24 +1,25 @@
 import { PageLayout as e, PageSection as t } from "../components/PageLayout.js";
 import { InputField as n, TextareaField as r } from "../components/FormField.js";
-import { useDevportal as i } from "../providers/DevportalProvider.js";
+import { useDevportal as ee } from "../providers/DevportalProvider.js";
 import "../components/index.js";
-import { orgSectionPath as a, useIsSellerSection as o } from "../hooks/useIsSellerSection.js";
-import { useCreateBillingAccountMutation as s, useCreateOrganizationMutation as c, useCreateSellerOrganizationMutation as l, useGetBillingAccountsByOrgQuery as u, useLinkDevOrgBillingAccountMutation as d } from "../../generated/global-operations.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 "../hooks/index.js";
-import { useDevportalEventBus as f } from "../events/index.js";
-import { PermissionGuard as p } from "../components/PermissionGuard.js";
-import { cn as m } from "../utils/cn.js";
-import { useTr as h } from "../utils/i18n.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 ee } from "lucide-react";
-import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { useDevportalEventBus as d } from "../events/index.js";
+import { PermissionGuard as f } from "../components/PermissionGuard.js";
+import { cn as p } from "../utils/cn.js";
+import { useTr as m } from "../utils/i18n.js";
+import { errorMessage as h } from "../utils/errorMessage.js";
+import { useEffect as te, useMemo as ne, useState as g } from "react";
+import { Building2 as _, Check as v, Link2 as y, Loader2 as b, X as x } from "lucide-react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
 // src/devportal/pages/CreateOrganizationPage.tsx
-var E = () => {
-	let { navigate: E, basePath: D, currentUser: O, tenantId: k, setActiveOrgId: te, setActivePhysicalOrgId: A } = i(), j = o(), M = h(), [N, P] = v({}), [F] = c(), [I] = l(), [L] = s(), [R] = d(), z = f(), [B, V] = v("idle"), H = B !== "idle", [U, W] = v("auto"), [G, K] = v(null), { data: q, loading: J } = u({
+var T = () => {
+	let { navigate: T, basePath: E, currentUser: D, tenantId: O, setActiveOrgId: re, setActivePhysicalOrgId: ie } = ee(), k = a(), A = m(), [j, M] = g({}), [N, P] = g(null), [F] = s(), [I] = c(), [L] = o(), [R] = u(), z = d(), [B, V] = g("idle"), H = B !== "idle", [U, W] = g("auto"), [G, K] = g(null), { data: q, loading: J } = l({
 		fetchPolicy: "cache-and-network",
-		context: { headers: { "x-org-id": k ?? "" } }
-	}), Y = _(() => q?.getBillingAccountsByOrg ?? [], [q]);
-	g(() => {
+		context: { headers: { "x-org-id": O ?? "" } }
+	}), Y = ne(() => q?.getBillingAccountsByOrg ?? [], [q]);
+	te(() => {
 		U !== "existing" || J || (Y.length === 0 ? W("auto") : G || K(Y.find((e) => e.isDefault)?.id ?? Y[0]?.id ?? null));
 	}, [
 		U,
@@ -26,7 +27,7 @@ var E = () => {
 		Y,
 		G
 	]);
-	let [X, Z] = v({
+	let [X, Z] = g({
 		name: "",
 		slug: "",
 		description: "",
@@ -34,14 +35,14 @@ var E = () => {
 		contactEmail: "",
 		supportEmail: ""
 	}), Q = (e) => {
-		E?.(`${D}${e}`);
-	}, ne = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""), re = (e) => {
+		T?.(`${E}${e}`);
+	}, ae = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""), oe = (e) => {
 		let t = e.target.value;
 		Z((e) => ({
 			...e,
 			name: t,
-			slug: e.slug || ne(t)
-		})), N.name && P((e) => ({
+			slug: e.slug || ae(t)
+		})), j.name && M((e) => ({
 			...e,
 			name: void 0
 		}));
@@ -49,26 +50,26 @@ var E = () => {
 		Z((n) => ({
 			...n,
 			[e]: t
-		})), N[e] && P((t) => ({
+		})), j[e] && M((t) => ({
 			...t,
 			[e]: void 0
 		}));
-	}, ie = () => {
+	}, se = () => {
 		let e = {};
-		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 X.name.trim() ? X.name.length < 2 ? e.name = A("devportal.orgNameTooShort", "Name must be at least 2 characters") : X.name.length > 100 && (e.name = A("devportal.nameTooLong", "Name must be less than 100 characters")) : e.name = A("devportal.orgNameRequired", "Organization name is required"), X.slug.trim() ? /^[a-z0-9-]+$/.test(X.slug) || (e.slug = A("devportal.slugInvalid", "Slug can only contain lowercase letters, numbers, and hyphens")) : e.slug = A("devportal.slugRequired", "Slug is required"), X.contactEmail && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(X.contactEmail) && (e.contactEmail = A("devportal.invalidEmailAddress", "Invalid email address")), X.supportEmail && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(X.supportEmail) && (e.supportEmail = A("devportal.invalidEmailAddress", "Invalid email address")), M(e), Object.keys(e).length === 0;
 	};
-	return /* @__PURE__ */ w(p, {
+	return /* @__PURE__ */ C(f, {
 		authOnly: !0,
-		children: /* @__PURE__ */ w(e, {
-			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}${a(j)}`,
-			backLabel: M("devportal.backToOrganizations", "Back to Organizations"),
-			children: /* @__PURE__ */ T("form", {
+		children: /* @__PURE__ */ C(e, {
+			title: A("devportal.createOrganization", "Create Organization"),
+			description: k ? A("devportal.createSellerOrganizationDescription", "Set up a seller organization to start selling physical products") : A("devportal.createOrganizationDescription", "Set up a developer organization to collaborate with your team"),
+			purpose: k ? A("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.") : A("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: `${E}${i(k)}`,
+			backLabel: A("devportal.backToOrganizations", "Back to Organizations"),
+			children: /* @__PURE__ */ w("form", {
 				onSubmit: async (e) => {
-					if (e.preventDefault(), ie()) {
-						V("creating-org");
+					if (e.preventDefault(), se()) {
+						P(null), V("creating-org");
 						try {
 							let e = {
 								name: X.name,
@@ -77,7 +78,7 @@ var E = () => {
 								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;
+							}, t = k ? (await I({ variables: { input: e } })).data?.createSellerOrganization?.id : (await F({ variables: { input: e } })).data?.createDeveloperOrganization?.id;
 							if (!t) {
 								V("idle");
 								return;
@@ -85,7 +86,7 @@ var E = () => {
 							if (z.emit("devportal.org.created", {
 								organizationId: t,
 								name: X.name
-							}), j ? A(t) : te(t), U === "existing" && G) {
+							}), k ? ie(t) : re(t), U === "existing" && G) {
 								V("linking-billing");
 								try {
 									await R({ variables: {
@@ -98,7 +99,7 @@ var E = () => {
 								try {
 									let e = (await L({ variables: { input: {
 										name: X.name,
-										email: O?.email ?? ""
+										email: D?.email ?? ""
 									} } })).data?.createBillingAccount?.id;
 									e && await R({ variables: {
 										organizationId: t,
@@ -106,135 +107,140 @@ var E = () => {
 									} });
 								} catch {}
 							}
-							V("redirecting"), Q(a(j, t));
+							V("redirecting"), Q(i(k, t));
 						} catch (e) {
-							console.error("Failed to create organization:", e), V("idle");
+							console.error("Failed to create organization:", e), P(h(e, A("devportal.createOrganizationFailed", "We could not create your organization. Your details are still here, so you can try again."))), V("idle");
 						}
 					}
 				},
 				className: "space-y-8 max-w-3xl",
 				children: [
-					/* @__PURE__ */ w(t, {
-						title: M("devportal.organizationDetails", "Organization Details"),
-						description: M("devportal.organizationDetailsDescription", "Basic information about your organization"),
-						children: /* @__PURE__ */ T("div", {
+					N && /* @__PURE__ */ C("div", {
+						role: "alert",
+						className: "rounded-md bg-status-error-bg px-3 py-2 text-sm text-status-error-text",
+						children: N
+					}),
+					/* @__PURE__ */ C(t, {
+						title: A("devportal.organizationDetails", "Organization Details"),
+						description: A("devportal.organizationDetailsDescription", "Basic information about your organization"),
+						children: /* @__PURE__ */ w("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ w(n, {
-									label: M("devportal.organizationName", "Organization Name"),
+								/* @__PURE__ */ C(n, {
+									label: A("devportal.organizationName", "Organization Name"),
 									value: X.name,
-									onChange: re,
-									placeholder: M("devportal.organizationNamePlaceholder", "Acme Development"),
+									onChange: oe,
+									placeholder: A("devportal.organizationNamePlaceholder", "Acme Development"),
 									required: !0,
-									error: N.name,
-									hint: M("devportal.organizationNameHint", "Your organization's display name")
+									error: j.name,
+									hint: A("devportal.organizationNameHint", "Your organization's display name")
 								}),
-								/* @__PURE__ */ w(n, {
-									label: M("devportal.slug", "Slug"),
+								/* @__PURE__ */ C(n, {
+									label: A("devportal.slug", "Slug"),
 									value: X.slug,
 									onChange: (e) => $("slug", e.target.value.toLowerCase()),
-									placeholder: M("devportal.orgSlugPlaceholder", "acme-dev"),
+									placeholder: A("devportal.orgSlugPlaceholder", "acme-dev"),
 									required: !0,
-									error: N.slug,
-									hint: M("devportal.slugHint", "URL-friendly identifier (auto-generated from name)")
+									error: j.slug,
+									hint: A("devportal.slugHint", "URL-friendly identifier (auto-generated from name)")
 								}),
-								/* @__PURE__ */ w(r, {
-									label: M("devportal.description", "Description"),
+								/* @__PURE__ */ C(r, {
+									label: A("devportal.description", "Description"),
 									value: X.description,
 									onChange: (e) => $("description", e.target.value),
-									placeholder: M("devportal.orgDescriptionPlaceholder", "Tell us about your organization..."),
+									placeholder: A("devportal.orgDescriptionPlaceholder", "Tell us about your organization..."),
 									rows: 3
 								}),
-								/* @__PURE__ */ w(n, {
-									label: M("devportal.websiteUrl", "Website URL"),
+								/* @__PURE__ */ C(n, {
+									label: A("devportal.websiteUrl", "Website URL"),
 									type: "url",
 									value: X.websiteUrl,
 									onChange: (e) => $("websiteUrl", e.target.value),
 									placeholder: "https://example.com"
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ w("div", {
 									className: "grid gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ w(n, {
-										label: M("devportal.contactEmail", "Contact Email"),
+									children: [/* @__PURE__ */ C(n, {
+										label: A("devportal.contactEmail", "Contact Email"),
 										type: "email",
 										value: X.contactEmail,
 										onChange: (e) => $("contactEmail", e.target.value),
 										placeholder: "contact@example.com",
-										error: N.contactEmail
-									}), /* @__PURE__ */ w(n, {
-										label: M("devportal.supportEmail", "Support Email"),
+										error: j.contactEmail
+									}), /* @__PURE__ */ C(n, {
+										label: A("devportal.supportEmail", "Support Email"),
 										type: "email",
 										value: X.supportEmail,
 										onChange: (e) => $("supportEmail", e.target.value),
 										placeholder: "support@example.com",
-										error: N.supportEmail
+										error: j.supportEmail
 									})]
 								})
 							]
 						})
 					}),
-					/* @__PURE__ */ w(t, {
-						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", {
+					/* @__PURE__ */ C(t, {
+						title: A("devportal.billingAccount", "Billing Account"),
+						description: A("devportal.billingAccountSectionDescription", "Revenue from sales will be credited here. You can change this anytime from the Revenue page."),
+						children: /* @__PURE__ */ w("div", {
 							className: "space-y-3",
 							children: [
-								/* @__PURE__ */ T("button", {
+								/* @__PURE__ */ w("button", {
 									type: "button",
 									onClick: () => W("auto"),
 									disabled: H,
-									className: m("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, {
+									className: p("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__ */ C(v, {
 										size: 16,
-										className: m("mt-0.5 flex-shrink-0", U === "auto" ? "opacity-100 text-primary" : "opacity-0")
-									}), /* @__PURE__ */ T("div", {
+										className: p("mt-0.5 flex-shrink-0", U === "auto" ? "opacity-100 text-primary" : "opacity-0")
+									}), /* @__PURE__ */ w("div", {
 										className: "flex-1 min-w-0",
-										children: [/* @__PURE__ */ w("p", {
+										children: [/* @__PURE__ */ C("p", {
 											className: "text-sm font-medium",
-											children: M("devportal.billingAutoCreate", "Create a new billing account automatically")
-										}), /* @__PURE__ */ w("p", {
+											children: A("devportal.billingAutoCreate", "Create a new billing account automatically")
+										}), /* @__PURE__ */ C("p", {
 											className: "mt-0.5 text-xs text-text-secondary",
-											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.")
+											children: A("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__ */ T("button", {
+								/* @__PURE__ */ w("button", {
 									type: "button",
 									onClick: () => W("existing"),
 									disabled: H || !J && Y.length === 0,
-									className: m("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, {
+									className: p("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__ */ C(v, {
 										size: 16,
-										className: m("mt-0.5 flex-shrink-0", U === "existing" ? "opacity-100 text-primary" : "opacity-0")
-									}), /* @__PURE__ */ T("div", {
+										className: p("mt-0.5 flex-shrink-0", U === "existing" ? "opacity-100 text-primary" : "opacity-0")
+									}), /* @__PURE__ */ w("div", {
 										className: "flex-1 min-w-0",
-										children: [/* @__PURE__ */ T("p", {
+										children: [/* @__PURE__ */ w("p", {
 											className: "flex items-center gap-1.5 text-sm font-medium",
-											children: [/* @__PURE__ */ w(x, { size: 14 }), M("devportal.billingLinkExisting", "Link an existing billing account")]
-										}), /* @__PURE__ */ w("p", {
+											children: [/* @__PURE__ */ C(y, { size: 14 }), A("devportal.billingLinkExisting", "Link an existing billing account")]
+										}), /* @__PURE__ */ C("p", {
 											className: "mt-0.5 text-xs text-text-secondary",
-											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 })
+											children: J ? A("devportal.billingAccountsLoading", "Loading your billing accounts...") : Y.length === 0 ? A("devportal.noBillingAccountsYet", "You don't have any billing accounts yet — create one from account billing settings first.") : A("devportal.billingAccountsAvailable", "{{count}} billing account(s) available to link", { count: Y.length })
 										})]
 									})]
 								}),
-								U === "existing" && Y.length > 0 && /* @__PURE__ */ w("div", {
+								U === "existing" && Y.length > 0 && /* @__PURE__ */ C("div", {
 									className: "ml-8 space-y-2",
-									children: Y.map((e) => /* @__PURE__ */ T("button", {
+									children: Y.map((e) => /* @__PURE__ */ w("button", {
 										type: "button",
 										disabled: H,
 										onClick: () => K(e.id ?? null),
-										className: m("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, {
+										className: p("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__ */ C(v, {
 											size: 14,
-											className: m("flex-shrink-0", G === e.id ? "opacity-100 text-primary" : "opacity-0")
-										}), /* @__PURE__ */ T("div", {
+											className: p("flex-shrink-0", G === e.id ? "opacity-100 text-primary" : "opacity-0")
+										}), /* @__PURE__ */ w("div", {
 											className: "min-w-0 flex-1",
-											children: [/* @__PURE__ */ w("p", {
+											children: [/* @__PURE__ */ C("p", {
 												className: "truncate font-medium",
 												children: e.name
-											}), e.isDefault && /* @__PURE__ */ w("p", {
+											}), e.isDefault && /* @__PURE__ */ C("p", {
 												className: "text-xs text-text-secondary",
-												children: M("devportal.revenue.defaultAccount", "Default")
+												children: A("devportal.revenue.defaultAccount", "Default")
 											})]
 										})]
 									}, e.id))
@@ -242,39 +248,39 @@ var E = () => {
 							]
 						})
 					}),
-					H && /* @__PURE__ */ T("div", {
+					H && /* @__PURE__ */ w("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__ */ w(S, {
+							/* @__PURE__ */ C(b, {
 								size: 16,
 								className: "flex-shrink-0 animate-spin text-primary"
 							}),
-							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...")
+							B === "creating-org" && A("devportal.creatingOrgStatus", "Creating your organization..."),
+							B === "setting-up-billing" && A("devportal.settingUpBillingStatus", "Setting up your billing account..."),
+							B === "linking-billing" && A("devportal.linkingBillingStatus", "Linking your billing account..."),
+							B === "redirecting" && A("devportal.redirectingStatus", "All set — redirecting...")
 						]
 					}),
-					/* @__PURE__ */ T("div", {
+					/* @__PURE__ */ w("div", {
 						className: "flex items-center justify-end gap-3 border-t pt-6",
-						children: [/* @__PURE__ */ T("button", {
+						children: [/* @__PURE__ */ w("button", {
 							type: "button",
 							onClick: () => {
-								Q(a(j));
+								Q(i(k));
 							},
 							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__ */ w(ee, { size: 16 }), M("devportal.cancel", "Cancel")]
-						}), /* @__PURE__ */ w("button", {
+							children: [/* @__PURE__ */ C(x, { size: 16 }), A("devportal.cancel", "Cancel")]
+						}), /* @__PURE__ */ C("button", {
 							type: "submit",
 							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: 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")] })
+							children: H ? /* @__PURE__ */ w(S, { children: [
+								/* @__PURE__ */ C("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }),
+								B === "setting-up-billing" && A("devportal.settingUpBilling", "Setting up billing..."),
+								B === "linking-billing" && A("devportal.linkingBilling", "Linking billing..."),
+								(B === "creating-org" || B === "redirecting") && A("devportal.creating", "Creating...")
+							] }) : /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(_, { size: 16 }), A("devportal.createOrganization", "Create Organization")] })
 						})]
 					})
 				]
@@ -282,6 +288,6 @@ var E = () => {
 		})
 	});
 };
-export { E as CreateOrganizationPage };
+export { T as CreateOrganizationPage };
 
 //# sourceMappingURL=CreateOrganizationPage.js.map