@burdenoff/microfe-devportal 2026.510.110

package/dist/devportal/pages/OrganizationMembersPage.js

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