@burdenoff/microfe-devportal 2026.914.1 → 2026.914.3

package/dist/devportal/pages/OrganizationMembersPage.js

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