@burdenoff/microfe-devportal 2026.801.1 → 2026.801.2

package/dist/devportal/pages/OrganizationMembersPage.js

@@ -1,133 +1,133 @@
-import { useParams as e } from "../../node_modules/react-router/dist/production/lib/hooks.js";
-import { useDevportal as t } from "../providers/DevportalProvider.js";
-import { EmptyState as n } from "../components/EmptyState.js";
-import { useCancelInvitationMutation as r, useGetOrganizationInvitationsQuery as ee, useGetOrganizationMembersQuery as te, useGetOrganizationQuery as ne, useInviteMemberMutation as re, useReactivateMemberMutation as ie, useRemoveMemberMutation as ae, useResendInvitationMutation as oe, useSuspendMemberMutation as se, useTransferOwnershipMutation as ce, useUpdateMemberRoleMutation as le } from "../../generated/global-operations.js";
-import { PageLayout as i, PageSection as ue } from "../components/PageLayout.js";
-import { ORG_ROLE_LABELS as a } from "../utils/constants.js";
-import { StatusBadge as o } from "../components/StatusBadge.js";
-import { SelectionCheckbox as s } from "../components/SelectionCheckbox.js";
-import { DataTable as c } from "../components/DataTable.js";
-import { InputField as de, SelectField as fe, TextareaField as pe } from "../components/FormField.js";
+import { useDevportal as e } from "../providers/DevportalProvider.js";
+import { EmptyState as t } from "../components/EmptyState.js";
+import { useCancelInvitationMutation as n, useGetOrganizationInvitationsQuery as r, useGetOrganizationMembersQuery as ee, useGetOrganizationQuery as te, useInviteMemberMutation as ne, useReactivateMemberMutation as re, useRemoveMemberMutation as ie, useResendInvitationMutation as ae, useSuspendMemberMutation as oe, useTransferOwnershipMutation as se, useUpdateMemberRoleMutation as ce } from "../../generated/global-operations.js";
+import { PageLayout as i, PageSection as a } from "../components/PageLayout.js";
+import { ORG_ROLE_LABELS as o } from "../utils/constants.js";
+import { StatusBadge as s } from "../components/StatusBadge.js";
+import { SelectionCheckbox as c } from "../components/SelectionCheckbox.js";
+import { DataTable as le } from "../components/DataTable.js";
+import { InputField as ue, SelectField as de, TextareaField as fe } from "../components/FormField.js";
 import { ConfirmDialog as l } from "../components/ConfirmDialog.js";
-import { PermissionGuard as me } from "../components/PermissionGuard.js";
+import { PermissionGuard as pe } from "../components/PermissionGuard.js";
 import "../components/index.js";
 import { useDevportalPermission as u } from "../hooks/usePermission.js";
 import "../hooks/index.js";
 import { DEVPORTAL_PERMISSIONS as d } from "../constants/permissions.js";
-import he from "../../node_modules/date-fns/format.js";
-import { useEffect as ge, useMemo as f, useState as p } from "react";
-import { useI18n as _e } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as m, Loader2 as ve, Mail as ye, Plus as be, RefreshCw as xe, Shield as Se, UserMinus as Ce } from "lucide-react";
+import me from "../../node_modules/date-fns/format.js";
+import { useEffect as he, useMemo as f, useState as p } from "react";
+import { useI18n as ge } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as m, Loader2 as _e, Mail as ve, Plus as ye, RefreshCw as be, Shield as xe, UserMinus as Se } from "lucide-react";
+import { useParams as Ce } from "react-router";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/devportal/pages/OrganizationMembersPage.tsx
-var _ = {
+var we = {
 	VIEWER: 0,
 	DEVELOPER: 1,
 	ADMIN: 2,
 	OWNER: 3
-}, v = () => {
-	let { orgId: v } = e(), { currentUser: y } = t(), { allowed: we } = u(d.ORG_INVITATION_CREATE), { allowed: Te } = u(d.ORG_MEMBER_UPDATE), { allowed: Ee } = u(d.ORG_MEMBER_DELETE), { allowed: De } = u(d.ORG_MEMBER_ACTIVATE), { allowed: Oe } = u(d.ORG_MEMBER_DEACTIVATE), b = (e) => e.email ? e.email : y?.id === e.userId && y.email ? y.email : e.userId, { t: ke } = _e(), x = (e, t) => {
-		let n = ke(e);
+}, _ = () => {
+	let { orgId: _ } = Ce(), { currentUser: v } = e(), { allowed: Te } = u(d.ORG_INVITATION_CREATE), { allowed: Ee } = u(d.ORG_MEMBER_UPDATE), { allowed: De } = u(d.ORG_MEMBER_DELETE), { allowed: Oe } = u(d.ORG_MEMBER_ACTIVATE), { allowed: ke } = u(d.ORG_MEMBER_DEACTIVATE), y = (e) => e.email ? e.email : v?.id === e.userId && v.email ? v.email : e.userId, { t: Ae } = ge(), b = (e, t) => {
+		let n = Ae(e);
 		return n === e ? t : n;
-	}, [Ae, S] = p(!1), [C, je] = p(""), [Me, Ne] = p("DEVELOPER"), [Pe, w] = p(""), [T, E] = p(null), [D, O] = p(null), [k, A] = p(/* @__PURE__ */ new Set()), [j, M] = p(/* @__PURE__ */ new Set()), [Fe, N] = p(!1), [Ie, P] = p(!1), [F, I] = p(null), { data: Le } = ne({
-		variables: { id: v ?? "" },
-		skip: !v,
+	}, [x, S] = p(!1), [C, w] = p(""), [T, E] = p("DEVELOPER"), [je, Me] = p(""), [Ne, D] = p(null), [Pe, O] = p(null), [k, A] = p(/* @__PURE__ */ new Set()), [j, M] = p(/* @__PURE__ */ new Set()), [Fe, N] = p(!1), [Ie, P] = p(!1), [F, I] = p(null), { data: Le } = te({
+		variables: { id: _ ?? "" },
+		skip: !_,
 		fetchPolicy: "cache-first"
 	});
-	ge(() => {
+	he(() => {
 		let e = Le?.developerOrganization?.name;
-		if (!v || !e) return;
+		if (!_ || !e) return;
 		let t = window.__breadcrumbRegistry;
-		return t?.register(v, e), () => t?.unregister(v);
-	}, [v, Le?.developerOrganization?.name]);
-	let { data: L, loading: Re, error: ze } = te({
-		variables: { organizationId: v },
-		skip: !v,
+		return t?.register(_, e), () => t?.unregister(_);
+	}, [_, Le?.developerOrganization?.name]);
+	let { data: L, loading: Re, error: ze } = ee({
+		variables: { organizationId: _ },
+		skip: !_,
 		fetchPolicy: "cache-and-network"
-	}), [Be, { loading: Ve }] = re({ refetchQueries: ["GetOrganizationInvitations"] }), [He] = ae({ refetchQueries: ["GetOrganizationMembers"] }), [Ue] = se({ refetchQueries: ["GetOrganizationMembers"] }), [We] = ie({ refetchQueries: ["GetOrganizationMembers"] }), [Ge] = le({ refetchQueries: ["GetOrganizationMembers", "GetOrganization"] }), [Ke] = ce({ refetchQueries: ["GetOrganizationMembers", "GetOrganization"] }), [qe] = r({ refetchQueries: ["GetOrganizationInvitations"] }), [Je] = oe(), R = f(() => L?.developerOrgMembers?.edges?.map((e) => e.node) ?? [], [L?.developerOrgMembers?.edges]), Ye = (y ? R.find((e) => e.userId === y.id) : void 0)?.role, z = Ye !== void 0 && _[Ye] >= _.ADMIN, B = z && we, V = z && Te, H = z && Ee, U = z && De, W = z && Oe, { data: G, loading: Xe, error: Ze } = ee({
+	}), [Be, { loading: Ve }] = ne({ refetchQueries: ["GetOrganizationInvitations"] }), [He] = ie({ refetchQueries: ["GetOrganizationMembers"] }), [Ue] = oe({ refetchQueries: ["GetOrganizationMembers"] }), [We] = re({ refetchQueries: ["GetOrganizationMembers"] }), [Ge] = ce({ refetchQueries: ["GetOrganizationMembers", "GetOrganization"] }), [Ke] = se({ refetchQueries: ["GetOrganizationMembers", "GetOrganization"] }), [qe] = n({ refetchQueries: ["GetOrganizationInvitations"] }), [Je] = ae(), R = f(() => L?.developerOrgMembers?.edges?.map((e) => e.node) ?? [], [L?.developerOrgMembers?.edges]), Ye = (v ? R.find((e) => e.userId === v.id) : void 0)?.role, z = Ye !== void 0 && we[Ye] >= we.ADMIN, B = z && Te, V = z && Ee, H = z && De, U = z && Oe, W = z && ke, { data: G, loading: Xe, error: Ze } = r({
 		variables: {
-			organizationId: v,
+			organizationId: _,
 			status: "PENDING"
 		},
-		skip: !v || !z,
+		skip: !_ || !z,
 		fetchPolicy: "cache-and-network"
 	}), K = f(() => G?.developerOrgInvitations?.edges?.map((e) => e.node) ?? [], [G?.developerOrgInvitations?.edges]), Qe = L?.developerOrgMembers?.totalCount ?? 0, $e = G?.developerOrgInvitations?.totalCount ?? 0, q = f(() => R.filter((e) => k.has(e.id)), [R, k]), J = f(() => K.filter((e) => j.has(e.id)), [K, j]), Y = R.filter((e) => e.role !== "OWNER"), et = Y.length > 0 && Y.every((e) => k.has(e.id)), tt = Y.some((e) => k.has(e.id)) && !et, X = K.length > 0 && K.every((e) => j.has(e.id)), nt = K.some((e) => j.has(e.id)) && !X, Z = q.filter((e) => e.role !== "OWNER" && !e.isSuspended), Q = q.filter((e) => e.isSuspended), $ = q.filter((e) => e.role !== "OWNER"), rt = async () => {
-		if (!(!v || !C.trim())) {
-			E(null);
+		if (!(!_ || !C.trim())) {
+			D(null);
 			try {
 				await Be({ variables: {
-					organizationId: v,
+					organizationId: _,
 					input: {
 						email: C,
-						role: Me,
-						message: Pe || void 0
+						role: T,
+						message: je || void 0
 					}
-				} }), S(!1), je(""), Ne("DEVELOPER"), w(""), O(x("devportal.invitationSent", "Invitation created and email sent to the team member."));
+				} }), S(!1), w(""), E("DEVELOPER"), Me(""), O(b("devportal.invitationSent", "Invitation created and email sent to the team member."));
 			} catch (e) {
-				E(e instanceof Error ? e.message : x("devportal.failedToSendInvitation", "Failed to send invitation"));
+				D(e instanceof Error ? e.message : b("devportal.failedToSendInvitation", "Failed to send invitation"));
 			}
 		}
 	}, it = async (e) => {
-		E(null);
+		D(null);
 		try {
 			await He({ variables: { id: e } });
 		} catch (e) {
-			E(e instanceof Error ? e.message : x("devportal.failedToRemoveMember", "Failed to remove member"));
+			D(e instanceof Error ? e.message : b("devportal.failedToRemoveMember", "Failed to remove member"));
 		}
 	}, at = async (e, t) => {
-		E(null);
+		D(null);
 		try {
 			await Ue({ variables: {
 				id: e,
 				reason: t || void 0
 			} });
 		} catch (e) {
-			E(e instanceof Error ? e.message : x("devportal.failedToSuspendMember", "Failed to suspend member"));
+			D(e instanceof Error ? e.message : b("devportal.failedToSuspendMember", "Failed to suspend member"));
 		}
 	}, ot = async (e) => {
-		E(null);
+		D(null);
 		try {
 			await We({ variables: { id: e } });
 		} catch (e) {
-			E(e instanceof Error ? e.message : x("devportal.failedToReactivateMember", "Failed to reactivate member"));
+			D(e instanceof Error ? e.message : b("devportal.failedToReactivateMember", "Failed to reactivate member"));
 		}
 	}, st = async (e, t) => {
-		E(null);
+		D(null);
 		try {
 			await Ge({ variables: {
 				id: e,
 				role: t,
 				permissions: void 0
-			} }), O(x("devportal.memberRoleUpdated", "Member role updated successfully"));
+			} }), O(b("devportal.memberRoleUpdated", "Member role updated successfully"));
 		} catch (e) {
-			E(e instanceof Error ? e.message : x("devportal.failedToUpdateMemberRole", "Failed to update member role"));
+			D(e instanceof Error ? e.message : b("devportal.failedToUpdateMemberRole", "Failed to update member role"));
 		}
 	}, ct = async () => {
 		let e = F;
-		if (!(!v || !e)) {
-			E(null);
+		if (!(!_ || !e)) {
+			D(null);
 			try {
 				await Ke({ variables: {
-					organizationId: v,
+					organizationId: _,
 					newOwnerId: e.userId
-				} }), I(null), O(x("devportal.organizationOwnershipTransferred", "Organization ownership transferred successfully"));
+				} }), I(null), O(b("devportal.organizationOwnershipTransferred", "Organization ownership transferred successfully"));
 			} catch (e) {
-				E(e instanceof Error ? e.message : x("devportal.failedToTransferOwnership", "Failed to transfer organization ownership"));
+				D(e instanceof Error ? e.message : b("devportal.failedToTransferOwnership", "Failed to transfer organization ownership"));
 			}
 		}
 	}, lt = async (e) => {
-		E(null);
+		D(null);
 		try {
 			await qe({ variables: { id: e } });
 		} catch (e) {
-			E(e instanceof Error ? e.message : x("devportal.failedToCancelInvitation", "Failed to cancel invitation"));
+			D(e instanceof Error ? e.message : b("devportal.failedToCancelInvitation", "Failed to cancel invitation"));
 		}
 	}, ut = async (e) => {
-		E(null);
+		D(null);
 		try {
 			await Je({ variables: { id: e } });
 		} catch (e) {
-			E(e instanceof Error ? e.message : x("devportal.failedToResendInvitation", "Failed to resend invitation"));
+			D(e instanceof Error ? e.message : b("devportal.failedToResendInvitation", "Failed to resend invitation"));
 		}
 	}, dt = () => {
 		A(/* @__PURE__ */ new Set()), M(/* @__PURE__ */ new Set());
@@ -157,98 +157,98 @@ var _ = {
 		});
 	}, gt = async () => {
 		if (Z.length === 0) return;
-		E(null);
+		D(null);
 		let e = await Promise.allSettled(Z.map((e) => Ue({ variables: {
 			id: e.id,
 			reason: void 0
 		} }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-		O(`${x("devportal.suspended", "Suspended")} ${t} ${t === 1 ? x("devportal.memberLower", "member") : x("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${x("devportal.failed", "failed")}` : ""}`), A(/* @__PURE__ */ new Set());
+		O(`${b("devportal.suspended", "Suspended")} ${t} ${t === 1 ? b("devportal.memberLower", "member") : b("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${b("devportal.failed", "failed")}` : ""}`), A(/* @__PURE__ */ new Set());
 	}, _t = async () => {
 		if (Q.length === 0) return;
-		E(null);
+		D(null);
 		let e = await Promise.allSettled(Q.map((e) => We({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-		O(`${x("devportal.reactivated", "Reactivated")} ${t} ${t === 1 ? x("devportal.memberLower", "member") : x("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${x("devportal.failed", "failed")}` : ""}`), A(/* @__PURE__ */ new Set());
+		O(`${b("devportal.reactivated", "Reactivated")} ${t} ${t === 1 ? b("devportal.memberLower", "member") : b("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${b("devportal.failed", "failed")}` : ""}`), A(/* @__PURE__ */ new Set());
 	}, vt = async () => {
 		if ($.length === 0) return;
-		E(null);
+		D(null);
 		let e = await Promise.allSettled($.map((e) => He({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-		O(`${x("devportal.removed", "Removed")} ${t} ${t === 1 ? x("devportal.memberLower", "member") : x("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${x("devportal.failed", "failed")}` : ""}`), N(!1), A(/* @__PURE__ */ new Set());
+		O(`${b("devportal.removed", "Removed")} ${t} ${t === 1 ? b("devportal.memberLower", "member") : b("devportal.membersLower", "members")}${n > 0 ? ` • ${n} ${b("devportal.failed", "failed")}` : ""}`), N(!1), A(/* @__PURE__ */ new Set());
 	}, yt = async () => {
 		if (J.length === 0) return;
-		E(null);
+		D(null);
 		let e = await Promise.allSettled(J.map((e) => Je({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-		O(`${x("devportal.resent", "Resent")} ${t} ${t === 1 ? x("devportal.invitationLower", "invitation") : x("devportal.invitationsLower", "invitations")}${n > 0 ? ` • ${n} ${x("devportal.failed", "failed")}` : ""}`), M(/* @__PURE__ */ new Set());
+		O(`${b("devportal.resent", "Resent")} ${t} ${t === 1 ? b("devportal.invitationLower", "invitation") : b("devportal.invitationsLower", "invitations")}${n > 0 ? ` • ${n} ${b("devportal.failed", "failed")}` : ""}`), M(/* @__PURE__ */ new Set());
 	}, bt = async () => {
 		if (J.length === 0) return;
-		E(null);
+		D(null);
 		let e = await Promise.allSettled(J.map((e) => qe({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-		O(`${x("devportal.cancelled", "Cancelled")} ${t} ${t === 1 ? x("devportal.invitationLower", "invitation") : x("devportal.invitationsLower", "invitations")}${n > 0 ? ` • ${n} ${x("devportal.failed", "failed")}` : ""}`), P(!1), M(/* @__PURE__ */ new Set());
+		O(`${b("devportal.cancelled", "Cancelled")} ${t} ${t === 1 ? b("devportal.invitationLower", "invitation") : b("devportal.invitationsLower", "invitations")}${n > 0 ? ` • ${n} ${b("devportal.failed", "failed")}` : ""}`), P(!1), M(/* @__PURE__ */ new Set());
 	};
 	return (Re || Xe) && !L && !G ? /* @__PURE__ */ h(i, {
-		title: x("devportal.teamMembers", "Team Members"),
-		description: x("devportal.manageYourOrganizationsTeam", "Manage your organization's team"),
-		backLink: `/organizations/${v}`,
-		backLabel: x("devportal.backToOrganization", "Back to Organization"),
+		title: b("devportal.teamMembers", "Team Members"),
+		description: b("devportal.manageYourOrganizationsTeam", "Manage your organization's team"),
+		backLink: `/organizations/${_}`,
+		backLabel: b("devportal.backToOrganization", "Back to Organization"),
 		children: /* @__PURE__ */ h("div", {
 			className: "flex items-center justify-center py-16",
-			children: /* @__PURE__ */ h(ve, { className: "h-8 w-8 animate-spin text-text-secondary" })
+			children: /* @__PURE__ */ h(_e, { className: "h-8 w-8 animate-spin text-text-secondary" })
 		})
 	}) : (ze || Ze) && !L && !G ? /* @__PURE__ */ h(i, {
-		title: x("devportal.teamMembers", "Team Members"),
-		description: x("devportal.manageYourOrganizationsTeam", "Manage your organization's team"),
-		backLink: `/organizations/${v}`,
-		backLabel: x("devportal.backToOrganization", "Back to Organization"),
-		children: /* @__PURE__ */ h(n, {
+		title: b("devportal.teamMembers", "Team Members"),
+		description: b("devportal.manageYourOrganizationsTeam", "Manage your organization's team"),
+		backLink: `/organizations/${_}`,
+		backLabel: b("devportal.backToOrganization", "Back to Organization"),
+		children: /* @__PURE__ */ h(t, {
 			icon: /* @__PURE__ */ h(m, {
 				size: 32,
 				className: "text-status-error-text"
 			}),
-			title: x("devportal.failedToLoadMembers", "Failed to load members"),
-			description: ze?.message || Ze?.message || x("devportal.anErrorOccurredWhileLoadingTeamData", "An error occurred while loading team data")
+			title: b("devportal.failedToLoadMembers", "Failed to load members"),
+			description: ze?.message || Ze?.message || b("devportal.anErrorOccurredWhileLoadingTeamData", "An error occurred while loading team data")
 		})
-	}) : /* @__PURE__ */ h(me, {
+	}) : /* @__PURE__ */ h(pe, {
 		authOnly: !0,
 		children: /* @__PURE__ */ g(i, {
-			title: x("devportal.teamMembers", "Team Members"),
-			description: x("devportal.manageYourOrganizationsTeam", "Manage your organization's team"),
-			purpose: x("devportal.teamMembersPurpose", "Control who can work on this organization's apps and what they can do. Invite teammates by email, assign roles to grant the right level of access, and suspend or remove anyone who should no longer have it."),
-			backLink: `/organizations/${v}`,
-			backLabel: x("devportal.backToOrganization", "Back to Organization"),
+			title: b("devportal.teamMembers", "Team Members"),
+			description: b("devportal.manageYourOrganizationsTeam", "Manage your organization's team"),
+			purpose: b("devportal.teamMembersPurpose", "Control who can work on this organization's apps and what they can do. Invite teammates by email, assign roles to grant the right level of access, and suspend or remove anyone who should no longer have it."),
+			backLink: `/organizations/${_}`,
+			backLabel: b("devportal.backToOrganization", "Back to Organization"),
 			actions: B ? /* @__PURE__ */ g("button", {
 				onClick: () => S(!0),
 				disabled: !B,
 				"aria-disabled": !B,
 				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 disabled:opacity-50",
-				children: [/* @__PURE__ */ h(be, { size: 16 }), x("devportal.inviteMember", "Invite Member")]
+				children: [/* @__PURE__ */ h(ye, { size: 16 }), b("devportal.inviteMember", "Invite Member")]
 			}) : void 0,
 			children: [
-				T && /* @__PURE__ */ g("div", {
+				Ne && /* @__PURE__ */ g("div", {
 					className: "rounded-lg border border-border-subtle bg-status-error-bg-subtle p-3 flex items-center gap-2 text-sm text-status-error-text",
 					children: [
 						/* @__PURE__ */ h(m, {
 							size: 16,
 							className: "flex-shrink-0"
 						}),
-						T,
+						Ne,
 						/* @__PURE__ */ h("button", {
-							onClick: () => E(null),
+							onClick: () => D(null),
 							className: "ml-auto text-status-error-text hover:text-status-error-text",
-							children: x("devportal.dismiss", "Dismiss")
+							children: b("devportal.dismiss", "Dismiss")
 						})
 					]
 				}),
-				D && /* @__PURE__ */ g("div", {
+				Pe && /* @__PURE__ */ g("div", {
 					className: "rounded-lg border border-border-subtle bg-status-success-bg-subtle p-3 flex items-center gap-2 text-sm text-status-success-text",
 					children: [
 						/* @__PURE__ */ h(m, {
 							size: 16,
 							className: "flex-shrink-0"
 						}),
-						D,
+						Pe,
 						/* @__PURE__ */ h("button", {
 							onClick: () => O(null),
 							className: "ml-auto text-status-success-text hover:text-status-success-text",
-							children: x("devportal.dismiss", "Dismiss")
+							children: b("devportal.dismiss", "Dismiss")
 						})
 					]
 				}),
@@ -259,16 +259,16 @@ var _ = {
 						children: [
 							k.size + j.size,
 							" ",
-							x("devportal.selected", "selected")
+							b("devportal.selected", "selected")
 						]
 					}), /* @__PURE__ */ h("button", {
 						onClick: dt,
 						className: "text-sm text-text-secondary hover:text-text-primary",
-						children: x("devportal.clearAllSelections", "Clear all selections")
+						children: b("devportal.clearAllSelections", "Clear all selections")
 					})]
 				}),
-				/* @__PURE__ */ h(ue, {
-					title: `${x("devportal.members", "Members")} (${Qe})`,
+				/* @__PURE__ */ h(a, {
+					title: `${b("devportal.members", "Members")} (${Qe})`,
 					actions: R.length > 0 && z ? /* @__PURE__ */ g("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [
@@ -277,52 +277,52 @@ var _ = {
 								disabled: Z.length === 0 || !W,
 								"aria-disabled": !W,
 								className: "rounded-md border border-status-warning-bg px-3 py-2 text-sm font-medium text-status-warning-text hover:bg-status-warning-bg-subtle disabled:cursor-not-allowed disabled:opacity-50",
-								children: [x("devportal.suspendSelected", "Suspend Selected"), Z.length > 0 ? ` (${Z.length})` : ""]
+								children: [b("devportal.suspendSelected", "Suspend Selected"), Z.length > 0 ? ` (${Z.length})` : ""]
 							}),
 							/* @__PURE__ */ g("button", {
 								onClick: _t,
 								disabled: Q.length === 0 || !U,
 								"aria-disabled": !U,
 								className: "rounded-md border border-status-success-bg px-3 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle disabled:cursor-not-allowed disabled:opacity-50",
-								children: [x("devportal.reactivateSelected", "Reactivate Selected"), Q.length > 0 ? ` (${Q.length})` : ""]
+								children: [b("devportal.reactivateSelected", "Reactivate Selected"), Q.length > 0 ? ` (${Q.length})` : ""]
 							}),
 							/* @__PURE__ */ g("button", {
 								onClick: () => N(!0),
 								disabled: $.length === 0 || !H,
 								"aria-disabled": !H,
 								className: "rounded-md border border-status-error-bg px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle disabled:cursor-not-allowed disabled:opacity-50",
-								children: [x("devportal.removeSelected", "Remove Selected"), $.length > 0 ? ` (${$.length})` : ""]
+								children: [b("devportal.removeSelected", "Remove Selected"), $.length > 0 ? ` (${$.length})` : ""]
 							})
 						]
 					}) : null,
-					children: R.length > 0 ? /* @__PURE__ */ h(c, {
+					children: R.length > 0 ? /* @__PURE__ */ h(le, {
 						data: R,
 						keyField: "id",
 						columns: [
 							...z ? [{
 								key: "select",
-								header: /* @__PURE__ */ h(s, {
+								header: /* @__PURE__ */ h(c, {
 									checked: et,
 									indeterminate: tt,
 									onChange: pt,
-									ariaLabel: x("devportal.selectAllMembers", "Select all members")
+									ariaLabel: b("devportal.selectAllMembers", "Select all members")
 								}),
 								className: "w-12",
 								render: (e) => /* @__PURE__ */ h("div", {
 									onClick: (e) => e.stopPropagation(),
-									children: /* @__PURE__ */ h(s, {
+									children: /* @__PURE__ */ h(c, {
 										checked: k.has(e.id),
 										disabled: e.role === "OWNER",
 										onChange: (t) => ft(e.id, t),
-										ariaLabel: `Select member ${b(e)}`
+										ariaLabel: `Select member ${y(e)}`
 									})
 								})
 							}] : [],
 							{
 								key: "email",
-								header: x("devportal.memberColumn", "Member"),
+								header: b("devportal.memberColumn", "Member"),
 								render: (e) => {
-									let t = b(e);
+									let t = y(e);
 									return /* @__PURE__ */ g("div", {
 										className: "flex items-center gap-3",
 										children: [/* @__PURE__ */ h("div", {
@@ -334,9 +334,9 @@ var _ = {
 										}), /* @__PURE__ */ g("p", {
 											className: "text-xs text-text-secondary",
 											children: [
-												x("devportal.joined", "Joined"),
+												b("devportal.joined", "Joined"),
 												" ",
-												he(new Date(e.joinedAt), "MMM d, yyyy")
+												me(new Date(e.joinedAt), "MMM d, yyyy")
 											]
 										})] })]
 									});
@@ -344,17 +344,17 @@ var _ = {
 							},
 							{
 								key: "role",
-								header: x("devportal.roleColumn", "Role"),
+								header: b("devportal.roleColumn", "Role"),
 								render: (e) => /* @__PURE__ */ g("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ h(Se, {
+									children: [/* @__PURE__ */ h(xe, {
 										size: 14,
 										className: "text-text-secondary"
-									}), e.role === "OWNER" || !V ? /* @__PURE__ */ h("span", { children: a[e.role] ?? e.role }) : /* @__PURE__ */ h("select", {
+									}), e.role === "OWNER" || !V ? /* @__PURE__ */ h("span", { children: o[e.role] ?? e.role }) : /* @__PURE__ */ h("select", {
 										value: e.role,
 										onChange: (t) => void st(e.id, t.target.value),
 										className: "rounded-md border border-border-subtle bg-bg-surface px-2 py-1 text-xs text-text-primary",
-										children: Object.entries(a).filter(([e]) => e !== "OWNER").map(([e, t]) => /* @__PURE__ */ h("option", {
+										children: Object.entries(o).filter(([e]) => e !== "OWNER").map(([e, t]) => /* @__PURE__ */ h("option", {
 											value: e,
 											children: t
 										}, e))
@@ -363,14 +363,14 @@ var _ = {
 							},
 							{
 								key: "status",
-								header: x("devportal.statusColumn", "Status"),
-								render: (e) => e.isSuspended ? /* @__PURE__ */ h(o, {
+								header: b("devportal.statusColumn", "Status"),
+								render: (e) => e.isSuspended ? /* @__PURE__ */ h(s, {
 									status: "SUSPENDED",
 									type: "app"
-								}) : e.isActive ? /* @__PURE__ */ h(o, {
+								}) : e.isActive ? /* @__PURE__ */ h(s, {
 									status: "ACTIVE",
 									type: "app"
-								}) : /* @__PURE__ */ h(o, {
+								}) : /* @__PURE__ */ h(s, {
 									status: "INACTIVE",
 									type: "app"
 								})
@@ -386,75 +386,75 @@ var _ = {
 											className: "text-xs text-status-success-text hover:underline disabled:opacity-50",
 											disabled: !U,
 											"aria-disabled": !U,
-											title: x("devportal.reactivateMember", "Reactivate member"),
+											title: b("devportal.reactivateMember", "Reactivate member"),
 											onClick: () => ot(e.id),
-											children: x("devportal.reactivate", "Reactivate")
+											children: b("devportal.reactivate", "Reactivate")
 										}) : /* @__PURE__ */ h("button", {
 											className: "text-xs text-status-warning-text hover:underline disabled:opacity-50",
 											disabled: !W,
 											"aria-disabled": !W,
-											title: x("devportal.suspendMember", "Suspend member"),
+											title: b("devportal.suspendMember", "Suspend member"),
 											onClick: () => at(e.id),
-											children: x("devportal.suspend", "Suspend")
+											children: b("devportal.suspend", "Suspend")
 										}),
 										/* @__PURE__ */ h("button", {
 											className: "text-xs text-status-error-text hover:underline disabled:opacity-50",
 											disabled: !H,
 											"aria-disabled": !H,
-											title: x("devportal.removeMember", "Remove member"),
+											title: b("devportal.removeMember", "Remove member"),
 											onClick: () => it(e.id),
-											children: x("devportal.remove", "Remove")
+											children: b("devportal.remove", "Remove")
 										}),
 										/* @__PURE__ */ h("button", {
 											className: "text-xs text-primary hover:underline disabled:opacity-50",
 											disabled: !V,
 											"aria-disabled": !V,
-											title: x("devportal.transferOwnership", "Transfer ownership"),
+											title: b("devportal.transferOwnership", "Transfer ownership"),
 											onClick: () => I(e),
-											children: x("devportal.makeOwner", "Make Owner")
+											children: b("devportal.makeOwner", "Make Owner")
 										})
 									]
 								})
 							}] : []
 						]
-					}) : /* @__PURE__ */ h(n, {
+					}) : /* @__PURE__ */ h(t, {
 						illustration: "empty-people",
-						title: x("devportal.noMembers", "No members"),
-						description: x("devportal.inviteTeamMembersToCollaborate", "Invite team members to collaborate")
+						title: b("devportal.noMembers", "No members"),
+						description: b("devportal.inviteTeamMembersToCollaborate", "Invite team members to collaborate")
 					})
 				}),
-				z && K.length > 0 && /* @__PURE__ */ h(ue, {
-					title: `${x("devportal.pendingInvitations", "Pending Invitations")} (${$e})`,
+				z && K.length > 0 && /* @__PURE__ */ h(a, {
+					title: `${b("devportal.pendingInvitations", "Pending Invitations")} (${$e})`,
 					actions: /* @__PURE__ */ g("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [/* @__PURE__ */ g("button", {
 							onClick: yt,
 							disabled: J.length === 0,
 							className: "rounded-md border border-primary/30 px-3 py-2 text-sm font-medium text-primary hover:bg-action-primary-bg/5 disabled:cursor-not-allowed disabled:opacity-50",
-							children: [x("devportal.resendSelected", "Resend Selected"), J.length > 0 ? ` (${J.length})` : ""]
+							children: [b("devportal.resendSelected", "Resend Selected"), J.length > 0 ? ` (${J.length})` : ""]
 						}), /* @__PURE__ */ g("button", {
 							onClick: () => P(!0),
 							disabled: J.length === 0,
 							className: "rounded-md border border-status-error-bg px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle disabled:cursor-not-allowed disabled:opacity-50",
-							children: [x("devportal.cancelSelected", "Cancel Selected"), J.length > 0 ? ` (${J.length})` : ""]
+							children: [b("devportal.cancelSelected", "Cancel Selected"), J.length > 0 ? ` (${J.length})` : ""]
 						})]
 					}),
-					children: /* @__PURE__ */ h(c, {
+					children: /* @__PURE__ */ h(le, {
 						data: K,
 						keyField: "id",
 						columns: [
 							{
 								key: "select",
-								header: /* @__PURE__ */ h(s, {
+								header: /* @__PURE__ */ h(c, {
 									checked: X,
 									indeterminate: nt,
 									onChange: ht,
-									ariaLabel: x("devportal.selectAllInvitations", "Select all invitations")
+									ariaLabel: b("devportal.selectAllInvitations", "Select all invitations")
 								}),
 								className: "w-12",
 								render: (e) => /* @__PURE__ */ h("div", {
 									onClick: (e) => e.stopPropagation(),
-									children: /* @__PURE__ */ h(s, {
+									children: /* @__PURE__ */ h(c, {
 										checked: j.has(e.id),
 										onChange: (t) => mt(e.id, t),
 										ariaLabel: `Select invitation ${e.invitedEmail}`
@@ -463,10 +463,10 @@ var _ = {
 							},
 							{
 								key: "invitedEmail",
-								header: x("devportal.emailColumn", "Email"),
+								header: b("devportal.emailColumn", "Email"),
 								render: (e) => /* @__PURE__ */ g("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ h(ye, {
+									children: [/* @__PURE__ */ h(ve, {
 										size: 16,
 										className: "text-text-secondary"
 									}), e.invitedEmail]
@@ -474,21 +474,21 @@ var _ = {
 							},
 							{
 								key: "role",
-								header: x("devportal.invitedRoleColumn", "Invited Role"),
-								render: (e) => a[e.role] ?? e.role
+								header: b("devportal.invitedRoleColumn", "Invited Role"),
+								render: (e) => o[e.role] ?? e.role
 							},
 							{
 								key: "status",
-								header: x("devportal.statusColumn", "Status"),
-								render: (e) => /* @__PURE__ */ h(o, {
+								header: b("devportal.statusColumn", "Status"),
+								render: (e) => /* @__PURE__ */ h(s, {
 									status: e.status,
 									type: "invitation"
 								})
 							},
 							{
 								key: "expiresAt",
-								header: x("devportal.expiresColumn", "Expires"),
-								render: (e) => he(new Date(e.expiresAt), "MMM d, yyyy")
+								header: b("devportal.expiresColumn", "Expires"),
+								render: (e) => me(new Date(e.expiresAt), "MMM d, yyyy")
 							},
 							{
 								key: "actions",
@@ -498,63 +498,63 @@ var _ = {
 									className: "flex gap-1",
 									children: [/* @__PURE__ */ h("button", {
 										className: "rounded p-1 hover:bg-bg-sunken",
-										title: x("devportal.resend", "Resend"),
+										title: b("devportal.resend", "Resend"),
 										onClick: () => ut(e.id),
-										children: /* @__PURE__ */ h(xe, { size: 14 })
+										children: /* @__PURE__ */ h(be, { size: 14 })
 									}), /* @__PURE__ */ h("button", {
 										className: "rounded p-1 hover:bg-bg-sunken text-status-error-text",
-										title: x("devportal.cancel", "Cancel"),
+										title: b("devportal.cancel", "Cancel"),
 										onClick: () => lt(e.id),
-										children: /* @__PURE__ */ h(Ce, { size: 14 })
+										children: /* @__PURE__ */ h(Se, { size: 14 })
 									})]
 								})
 							}
 						]
 					})
 				}),
-				Ae && /* @__PURE__ */ h(l, {
-					open: Ae,
+				x && /* @__PURE__ */ h(l, {
+					open: x,
 					onOpenChange: S,
 					onConfirm: rt,
-					title: x("devportal.inviteTeamMember", "Invite Team Member"),
-					confirmLabel: Ve ? x("devportal.sendingDots", "Sending...") : x("devportal.sendInvitation", "Send Invitation"),
+					title: b("devportal.inviteTeamMember", "Invite Team Member"),
+					confirmLabel: Ve ? b("devportal.sendingDots", "Sending...") : b("devportal.sendInvitation", "Send Invitation"),
 					children: /* @__PURE__ */ g("div", {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ h(de, {
-								label: x("devportal.emailAddress", "Email Address"),
+							/* @__PURE__ */ h(ue, {
+								label: b("devportal.emailAddress", "Email Address"),
 								type: "email",
 								value: C,
-								onChange: (e) => je(e.target.value),
+								onChange: (e) => w(e.target.value),
 								placeholder: "colleague@example.com",
-								hint: x("devportal.mustBeExistingVerifiedUser", "Must be an existing verified user"),
+								hint: b("devportal.mustBeExistingVerifiedUser", "Must be an existing verified user"),
 								required: !0
 							}),
-							/* @__PURE__ */ h(fe, {
-								label: x("devportal.roleColumn", "Role"),
-								value: Me,
-								onChange: (e) => Ne(e.target.value),
+							/* @__PURE__ */ h(de, {
+								label: b("devportal.roleColumn", "Role"),
+								value: T,
+								onChange: (e) => E(e.target.value),
 								options: [
 									{
 										value: "ADMIN",
-										label: x("devportal.adminFullAccess", "Admin - Full access")
+										label: b("devportal.adminFullAccess", "Admin - Full access")
 									},
 									{
 										value: "DEVELOPER",
-										label: x("devportal.developerCreateAndManageApps", "Developer - Create and manage apps")
+										label: b("devportal.developerCreateAndManageApps", "Developer - Create and manage apps")
 									},
 									{
 										value: "VIEWER",
-										label: x("devportal.viewerReadOnlyAccess", "Viewer - Read-only access")
+										label: b("devportal.viewerReadOnlyAccess", "Viewer - Read-only access")
 									}
 								],
 								required: !0
 							}),
-							/* @__PURE__ */ h(pe, {
-								label: x("devportal.personalMessage", "Personal Message"),
-								value: Pe,
-								onChange: (e) => w(e.target.value),
-								placeholder: x("devportal.personalMessagePlaceholder", "Add a short note to include in the invitation email"),
+							/* @__PURE__ */ h(fe, {
+								label: b("devportal.personalMessage", "Personal Message"),
+								value: je,
+								onChange: (e) => Me(e.target.value),
+								placeholder: b("devportal.personalMessagePlaceholder", "Add a short note to include in the invitation email"),
 								rows: 3
 							})
 						]
@@ -564,20 +564,20 @@ var _ = {
 					open: Fe,
 					onOpenChange: N,
 					onConfirm: vt,
-					title: x("devportal.removeSelectedMembers", "Remove selected members"),
-					description: `${x("devportal.removeNSelectedMembers", "Remove")} ${$.length} ${x("devportal.selectedMembersFromOrg", "selected member(s) from this organization? This action cannot be undone.")}`,
-					confirmLabel: x("devportal.removeMembers", "Remove Members"),
-					cancelLabel: x("devportal.cancel", "Cancel"),
+					title: b("devportal.removeSelectedMembers", "Remove selected members"),
+					description: `${b("devportal.removeNSelectedMembers", "Remove")} ${$.length} ${b("devportal.selectedMembersFromOrg", "selected member(s) from this organization? This action cannot be undone.")}`,
+					confirmLabel: b("devportal.removeMembers", "Remove Members"),
+					cancelLabel: b("devportal.cancel", "Cancel"),
 					variant: "danger"
 				}),
 				/* @__PURE__ */ h(l, {
 					open: Ie,
 					onOpenChange: P,
 					onConfirm: bt,
-					title: x("devportal.cancelSelectedInvitations", "Cancel selected invitations"),
-					description: `${x("devportal.cancelNPendingInvitations", "Cancel")} ${J.length} ${x("devportal.pendingInvitationsQuestion", "pending invitation(s)?")}`,
-					confirmLabel: x("devportal.cancelInvitations", "Cancel Invitations"),
-					cancelLabel: x("devportal.keepInvitations", "Keep Invitations"),
+					title: b("devportal.cancelSelectedInvitations", "Cancel selected invitations"),
+					description: `${b("devportal.cancelNPendingInvitations", "Cancel")} ${J.length} ${b("devportal.pendingInvitationsQuestion", "pending invitation(s)?")}`,
+					confirmLabel: b("devportal.cancelInvitations", "Cancel Invitations"),
+					cancelLabel: b("devportal.keepInvitations", "Keep Invitations"),
 					variant: "danger"
 				}),
 				/* @__PURE__ */ h(l, {
@@ -586,10 +586,10 @@ var _ = {
 						e || I(null);
 					},
 					onConfirm: ct,
-					title: x("devportal.transferOwnership", "Transfer ownership"),
-					description: F ? x("devportal.transferOwnershipConfirmation", `Transfer organization ownership to ${b(F)}?`) : void 0,
-					confirmLabel: x("devportal.makeOwner", "Make Owner"),
-					cancelLabel: x("devportal.cancel", "Cancel"),
+					title: b("devportal.transferOwnership", "Transfer ownership"),
+					description: F ? b("devportal.transferOwnershipConfirmation", `Transfer organization ownership to ${y(F)}?`) : void 0,
+					confirmLabel: b("devportal.makeOwner", "Make Owner"),
+					cancelLabel: b("devportal.cancel", "Cancel"),
 					variant: "warning"
 				})
 			]
@@ -597,6 +597,6 @@ var _ = {
 	});
 };
 //#endregion
-export { v as OrganizationMembersPage };
+export { _ as OrganizationMembersPage };
 
 //# sourceMappingURL=OrganizationMembersPage.js.map