@m5kdev/web-ui 0.8.6 → 0.8.8

package/dist/src/modules/auth/components/OrganizationMembersRoute.js

@@ -0,0 +1,460 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+let react = require("react");
+let _heroui_react = require("@heroui/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+let react_i18next = require("react-i18next");
+let sonner = require("sonner");
+let _m5kdev_frontend_modules_auth_auth_lib = require("@m5kdev/frontend/modules/auth/auth.lib");
+let _tanstack_react_query = require("@tanstack/react-query");
+let _m5kdev_frontend_modules_auth_hooks_useSession = require("@m5kdev/frontend/modules/auth/hooks/useSession");
+//#region src/modules/auth/components/OrganizationMembersRoute.tsx
+const ORGANIZATION_ROLES = [
+	"member",
+	"admin",
+	"owner"
+];
+function isOrganizationRole(role) {
+	return ORGANIZATION_ROLES.includes(role);
+}
+function OrganizationStateCard({ title, message }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.Card, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.CardHeader, {
+			className: "text-lg font-semibold",
+			children: title
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.CardBody, { children: message })] })
+	});
+}
+function useOrganizationAccess({ managerRoles, onInvalidateScopedQueries }) {
+	const { data: session, registerSession } = (0, _m5kdev_frontend_modules_auth_hooks_useSession.useSession)();
+	const queryClient = (0, _tanstack_react_query.useQueryClient)();
+	const activeOrganizationId = session?.session.activeOrganizationId ?? "";
+	const activeOrganizationRole = (session?.session)?.activeOrganizationRole ?? "";
+	return {
+		activeOrganizationId,
+		activeOrganizationRole,
+		canManageOrganization: (0, react.useMemo)(() => new Set(managerRoles ?? ["admin", "owner"]), [managerRoles]).has(activeOrganizationRole),
+		refreshOrganizationQueries: (0, react.useCallback)(async () => {
+			await Promise.allSettled([
+				queryClient.invalidateQueries({ queryKey: ["auth-organization-list"] }),
+				queryClient.invalidateQueries({ queryKey: ["auth-organization-details", activeOrganizationId] }),
+				queryClient.invalidateQueries({ queryKey: ["auth-organization-members", activeOrganizationId] }),
+				queryClient.invalidateQueries({ queryKey: ["auth-organization-invitations", activeOrganizationId] })
+			]);
+			registerSession(() => {
+				onInvalidateScopedQueries?.();
+			});
+		}, [
+			activeOrganizationId,
+			onInvalidateScopedQueries,
+			queryClient,
+			registerSession
+		])
+	};
+}
+function useOrganizationConfig({ assignableRoles }) {
+	const { t } = (0, react_i18next.useTranslation)();
+	return {
+		resolvedLabels: (0, react.useMemo)(() => ({
+			loadError: t("web-ui:organization.members.loadError"),
+			membersTitle: t("web-ui:organization.members.title"),
+			membersNoActive: t("web-ui:organization.members.noActive"),
+			membersManageOnly: t("web-ui:organization.members.manageOnly"),
+			membersDescription: (organizationName) => t("web-ui:organization.members.description", { name: organizationName }),
+			defaultOrganizationName: t("web-ui:organization.members.defaultName"),
+			loadMembersError: t("web-ui:organization.members.loadMembersError"),
+			loadInvitationsError: t("web-ui:organization.members.loadInvitationsError"),
+			roleUpdateSuccess: t("web-ui:organization.members.roleUpdateSuccess"),
+			roleUpdateError: t("web-ui:organization.members.roleUpdateError"),
+			removeMemberSuccess: t("web-ui:organization.members.removeMemberSuccess"),
+			removeMemberError: t("web-ui:organization.members.removeMemberError"),
+			emailRequired: t("web-ui:organization.members.emailRequired"),
+			inviteSuccess: t("web-ui:organization.members.inviteSuccess"),
+			inviteError: t("web-ui:organization.members.inviteError"),
+			cancelInvitationSuccess: t("web-ui:organization.members.cancelInvitationSuccess"),
+			cancelInvitationError: t("web-ui:organization.members.cancelInvitationError"),
+			inviteLinkCopied: t("web-ui:organization.members.inviteLinkCopied"),
+			copyInviteLinkError: t("web-ui:organization.members.copyInviteLinkError"),
+			unknownName: t("web-ui:organization.members.unknownName"),
+			invitedUser: t("web-ui:organization.members.invitedUser"),
+			emailLabel: t("web-ui:organization.members.emailLabel"),
+			emailPlaceholder: t("web-ui:organization.members.emailPlaceholder"),
+			roleLabel: t("web-ui:organization.members.roleLabel"),
+			inviteButton: t("web-ui:organization.members.inviteButton"),
+			tableTitle: t("web-ui:organization.members.tableTitle"),
+			columnName: t("web-ui:organization.members.columnName"),
+			columnEmail: t("web-ui:organization.members.columnEmail"),
+			columnRole: t("web-ui:organization.members.columnRole"),
+			columnStatus: t("web-ui:organization.members.columnStatus"),
+			columnActions: t("web-ui:organization.members.columnActions"),
+			tableEmpty: t("web-ui:organization.members.tableEmpty"),
+			roleFor: (name) => t("web-ui:organization.members.roleFor", { name }),
+			statusActive: t("web-ui:organization.members.statusActive"),
+			statusInvited: t("web-ui:organization.members.statusInvited"),
+			removeMember: t("web-ui:organization.members.removeMember"),
+			copyInviteLink: t("web-ui:organization.members.copyInviteLink"),
+			cancelInvitation: t("web-ui:organization.members.cancelInvitation"),
+			roleUnknown: t("web-ui:organization.members.roleUnknown")
+		}), [t]),
+		resolvedRoleLabels: (0, react.useMemo)(() => ({
+			member: t("web-ui:organization.roles.member"),
+			admin: t("web-ui:organization.roles.admin"),
+			owner: t("web-ui:organization.roles.owner")
+		}), [t]),
+		resolvedAssignableRoles: (0, react.useMemo)(() => assignableRoles && assignableRoles.length > 0 ? assignableRoles : [...ORGANIZATION_ROLES], [assignableRoles])
+	};
+}
+function OrganizationMembersRoute({ managerRoles, assignableRoles, invitationAcceptPath, onInvalidateScopedQueries }) {
+	const { resolvedLabels, resolvedRoleLabels, resolvedAssignableRoles } = useOrganizationConfig({ assignableRoles });
+	const { activeOrganizationId, activeOrganizationRole, canManageOrganization, refreshOrganizationQueries } = useOrganizationAccess({
+		managerRoles,
+		onInvalidateScopedQueries
+	});
+	const [inviteEmail, setInviteEmail] = (0, react.useState)("");
+	const [inviteRole, setInviteRole] = (0, react.useState)(resolvedAssignableRoles[0] ?? "member");
+	const isMountedRef = (0, react.useRef)(true);
+	(0, react.useEffect)(() => {
+		return () => {
+			isMountedRef.current = false;
+		};
+	}, []);
+	const refreshOrganizationQueriesStable = (0, react.useCallback)(() => refreshOrganizationQueries(), [refreshOrganizationQueries]);
+	const updateRoleMutation = (0, _tanstack_react_query.useMutation)({
+		mutationFn: async ({ memberId, role, organizationId }) => {
+			const { error } = await _m5kdev_frontend_modules_auth_auth_lib.authClient.organization.updateMemberRole({
+				memberId,
+				role,
+				organizationId
+			});
+			if (error) throw new Error(error.message ?? resolvedLabels.roleUpdateError);
+		},
+		onSuccess: async () => {
+			await refreshOrganizationQueriesStable();
+			sonner.toast.success(resolvedLabels.roleUpdateSuccess);
+		},
+		onError: (error) => {
+			sonner.toast.error(error instanceof Error ? error.message : resolvedLabels.roleUpdateError);
+		}
+	});
+	const removeMemberMutation = (0, _tanstack_react_query.useMutation)({
+		mutationFn: async ({ memberId, organizationId }) => {
+			const { error } = await _m5kdev_frontend_modules_auth_auth_lib.authClient.organization.removeMember({
+				memberIdOrEmail: memberId,
+				organizationId
+			});
+			if (error) throw new Error(error.message ?? resolvedLabels.removeMemberError);
+		},
+		onSuccess: async () => {
+			await refreshOrganizationQueriesStable();
+			sonner.toast.success(resolvedLabels.removeMemberSuccess);
+		},
+		onError: (error) => {
+			sonner.toast.error(error instanceof Error ? error.message : resolvedLabels.removeMemberError);
+		}
+	});
+	const createInvitationMutation = (0, _tanstack_react_query.useMutation)({
+		mutationFn: async ({ email, role, organizationId }) => {
+			const { error } = await _m5kdev_frontend_modules_auth_auth_lib.authClient.organization.inviteMember({
+				organizationId,
+				email: email.trim(),
+				role
+			});
+			if (error) throw new Error(error.message ?? resolvedLabels.inviteError);
+		},
+		onSuccess: async () => {
+			await refreshOrganizationQueriesStable();
+			sonner.toast.success(resolvedLabels.inviteSuccess);
+			if (isMountedRef.current) {
+				setInviteEmail("");
+				setInviteRole(resolvedAssignableRoles[0] ?? "member");
+			}
+		},
+		onError: (error) => {
+			sonner.toast.error(error instanceof Error ? error.message : resolvedLabels.inviteError);
+		}
+	});
+	const cancelInvitationMutation = (0, _tanstack_react_query.useMutation)({
+		mutationFn: async ({ invitationId }) => {
+			const { error } = await _m5kdev_frontend_modules_auth_auth_lib.authClient.organization.cancelInvitation({ invitationId });
+			if (error) throw new Error(error.message ?? resolvedLabels.cancelInvitationError);
+		},
+		onSuccess: async () => {
+			await refreshOrganizationQueriesStable();
+			sonner.toast.success(resolvedLabels.cancelInvitationSuccess);
+		},
+		onError: (error) => {
+			sonner.toast.error(error instanceof Error ? error.message : resolvedLabels.cancelInvitationError);
+		}
+	});
+	const updatingMemberId = updateRoleMutation.isPending && updateRoleMutation.variables ? updateRoleMutation.variables.memberId : null;
+	const removingMemberId = removeMemberMutation.isPending && removeMemberMutation.variables ? removeMemberMutation.variables.memberId : null;
+	const cancelingInvitationId = cancelInvitationMutation.isPending && cancelInvitationMutation.variables ? cancelInvitationMutation.variables.invitationId : null;
+	(0, react.useEffect)(() => {
+		if (!resolvedAssignableRoles.includes(inviteRole)) setInviteRole(resolvedAssignableRoles[0] ?? "member");
+	}, [inviteRole, resolvedAssignableRoles]);
+	const organizationQuery = (0, _tanstack_react_query.useQuery)({
+		queryKey: ["auth-organization-details", activeOrganizationId],
+		enabled: Boolean(activeOrganizationId && canManageOrganization),
+		queryFn: async () => {
+			const { data, error } = await _m5kdev_frontend_modules_auth_auth_lib.authClient.organization.getFullOrganization({ query: {
+				organizationId: activeOrganizationId,
+				membersLimit: 200
+			} });
+			if (error) throw new Error(error.message ?? resolvedLabels.loadError);
+			return data;
+		}
+	});
+	const membersQuery = (0, _tanstack_react_query.useQuery)({
+		queryKey: ["auth-organization-members", activeOrganizationId],
+		enabled: Boolean(activeOrganizationId && canManageOrganization),
+		queryFn: async () => {
+			const { data, error } = await _m5kdev_frontend_modules_auth_auth_lib.authClient.organization.listMembers({ query: {
+				organizationId: activeOrganizationId,
+				limit: 200,
+				offset: 0
+			} });
+			if (error) throw new Error(error.message ?? resolvedLabels.loadMembersError);
+			return data?.members ?? [];
+		}
+	});
+	const invitationsQuery = (0, _tanstack_react_query.useQuery)({
+		queryKey: ["auth-organization-invitations", activeOrganizationId],
+		enabled: Boolean(activeOrganizationId && canManageOrganization),
+		queryFn: async () => {
+			const { data, error } = await _m5kdev_frontend_modules_auth_auth_lib.authClient.organization.listInvitations({ query: { organizationId: activeOrganizationId } });
+			if (error) throw new Error(error.message ?? resolvedLabels.loadInvitationsError);
+			return data ?? [];
+		}
+	});
+	const members = membersQuery.data ?? [];
+	const invitations = invitationsQuery.data ?? [];
+	const rows = (0, react.useMemo)(() => {
+		const memberRows = members.map((member) => ({
+			kind: "member",
+			id: `member-${member.id}`,
+			displayName: member.user?.name || resolvedLabels.unknownName,
+			email: member.user?.email || "-",
+			role: member.role,
+			status: "active",
+			memberId: member.id
+		}));
+		const invitationRows = invitations.map((invitation) => ({
+			kind: "invitation",
+			id: `invitation-${invitation.id}`,
+			displayName: resolvedLabels.invitedUser,
+			email: invitation.email,
+			role: invitation.role,
+			status: "invited",
+			invitationId: invitation.id
+		}));
+		return [...memberRows, ...invitationRows].sort((left, right) => {
+			if (left.status === right.status) return left.email.localeCompare(right.email);
+			return left.status === "active" ? -1 : 1;
+		});
+	}, [
+		invitations,
+		members,
+		resolvedLabels.invitedUser,
+		resolvedLabels.unknownName
+	]);
+	const onUpdateMemberRole = (0, react.useCallback)((memberId, role) => {
+		if (!canManageOrganization || !activeOrganizationId) return;
+		updateRoleMutation.mutate({
+			memberId,
+			role,
+			organizationId: activeOrganizationId
+		});
+	}, [
+		canManageOrganization,
+		activeOrganizationId,
+		updateRoleMutation
+	]);
+	const onRemoveMember = (0, react.useCallback)((memberId) => {
+		if (!canManageOrganization || !activeOrganizationId) return;
+		removeMemberMutation.mutate({
+			memberId,
+			organizationId: activeOrganizationId
+		});
+	}, [
+		canManageOrganization,
+		activeOrganizationId,
+		removeMemberMutation
+	]);
+	const onCreateInvitation = (0, react.useCallback)(() => {
+		if (!canManageOrganization || !activeOrganizationId) return;
+		if (!inviteEmail.trim()) {
+			sonner.toast.error(resolvedLabels.emailRequired);
+			return;
+		}
+		createInvitationMutation.mutate({
+			email: inviteEmail,
+			role: inviteRole,
+			organizationId: activeOrganizationId
+		});
+	}, [
+		canManageOrganization,
+		activeOrganizationId,
+		inviteEmail,
+		inviteRole,
+		resolvedLabels.emailRequired,
+		createInvitationMutation
+	]);
+	const onCancelInvitation = (0, react.useCallback)((invitationId) => {
+		if (!canManageOrganization) return;
+		cancelInvitationMutation.mutate({ invitationId });
+	}, [canManageOrganization, cancelInvitationMutation]);
+	const invitationLinkBase = (0, react.useMemo)(() => {
+		const invitationPath = invitationAcceptPath ?? "/organization/accept-invitation";
+		if (/^https?:\/\//i.test(invitationPath)) return `${invitationPath}?id=`;
+		return typeof window === "undefined" ? `${invitationPath}?id=` : `${window.location.origin}${invitationPath}?id=`;
+	}, [invitationAcceptPath]);
+	const onCopyInvitationLink = async (invitationId) => {
+		try {
+			await navigator.clipboard.writeText(`${invitationLinkBase}${invitationId}`);
+			sonner.toast.success(resolvedLabels.inviteLinkCopied);
+		} catch {
+			sonner.toast.error(resolvedLabels.copyInviteLinkError);
+		}
+	};
+	const getRoleLabel = (role) => resolvedRoleLabels[role] ?? resolvedLabels.roleUnknown;
+	if (!activeOrganizationId) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OrganizationStateCard, {
+		title: resolvedLabels.membersTitle,
+		message: resolvedLabels.membersNoActive
+	});
+	if (!canManageOrganization) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OrganizationStateCard, {
+		title: resolvedLabels.membersTitle,
+		message: resolvedLabels.membersManageOnly
+	});
+	if (organizationQuery.isLoading || membersQuery.isLoading || invitationsQuery.isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "p-6 flex justify-center",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Spinner, {})
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "p-6 space-y-6",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.Card, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.CardHeader, {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Users, { className: "h-4 w-4" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+						className: "text-lg font-semibold",
+						children: resolvedLabels.membersTitle
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "text-sm text-default-500",
+						children: resolvedLabels.membersDescription(organizationQuery.data?.name ?? resolvedLabels.defaultOrganizationName)
+					})]
+				})]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Chip, {
+				variant: "flat",
+				color: "primary",
+				children: getRoleLabel(activeOrganizationRole || "member")
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.CardBody, {
+			className: "space-y-4",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "grid gap-3 md:grid-cols-[1fr_160px_auto]",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Input, {
+						type: "email",
+						label: resolvedLabels.emailLabel,
+						value: inviteEmail,
+						onValueChange: setInviteEmail,
+						placeholder: resolvedLabels.emailPlaceholder
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Select, {
+						label: resolvedLabels.roleLabel,
+						selectedKeys: [inviteRole],
+						disallowEmptySelection: true,
+						onSelectionChange: (keys) => {
+							const role = Array.from(keys)[0];
+							if (role && isOrganizationRole(role) && resolvedAssignableRoles.includes(role)) setInviteRole(role);
+						},
+						children: resolvedAssignableRoles.map((role) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.SelectItem, { children: getRoleLabel(role) }, role))
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Button, {
+						color: "primary",
+						startContent: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.UserPlus, { className: "h-4 w-4" }),
+						onPress: onCreateInvitation,
+						isLoading: createInvitationMutation.isPending,
+						children: resolvedLabels.inviteButton
+					})
+				]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.Table, {
+				"aria-label": resolvedLabels.tableTitle,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.TableHeader, { children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.TableColumn, { children: resolvedLabels.columnName }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.TableColumn, { children: resolvedLabels.columnEmail }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.TableColumn, { children: resolvedLabels.columnRole }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.TableColumn, { children: resolvedLabels.columnStatus }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.TableColumn, {
+						className: "text-right",
+						children: resolvedLabels.columnActions
+					})
+				] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.TableBody, {
+					emptyContent: resolvedLabels.tableEmpty,
+					children: rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.TableRow, { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.TableCell, { children: row.displayName }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.TableCell, { children: row.email }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.TableCell, { children: row.kind === "member" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Select, {
+							size: "sm",
+							selectedKeys: [row.role],
+							disallowEmptySelection: true,
+							isDisabled: updatingMemberId === row.memberId,
+							"aria-label": resolvedLabels.roleFor(row.displayName),
+							onSelectionChange: (keys) => {
+								const role = Array.from(keys)[0];
+								if (role && role !== row.role && isOrganizationRole(role) && resolvedAssignableRoles.includes(role)) onUpdateMemberRole(row.memberId, role);
+							},
+							children: resolvedAssignableRoles.map((role) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.SelectItem, { children: getRoleLabel(role) }, role))
+						}) : getRoleLabel(row.role) }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.TableCell, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Chip, {
+							size: "sm",
+							variant: "flat",
+							color: row.status === "active" ? "success" : "warning",
+							children: row.status === "active" ? resolvedLabels.statusActive : resolvedLabels.statusInvited
+						}) }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.TableCell, {
+							className: "text-right",
+							children: row.kind === "member" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Button, {
+								size: "sm",
+								color: "danger",
+								variant: "light",
+								isIconOnly: true,
+								onPress: () => void onRemoveMember(row.memberId),
+								isDisabled: removingMemberId === row.memberId,
+								"aria-label": resolvedLabels.removeMember,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "h-4 w-4" })
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "flex justify-end gap-2",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Button, {
+									size: "sm",
+									variant: "light",
+									isIconOnly: true,
+									onPress: () => void onCopyInvitationLink(row.invitationId),
+									"aria-label": resolvedLabels.copyInviteLink,
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Copy, { className: "h-4 w-4" })
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Button, {
+									size: "sm",
+									color: "danger",
+									variant: "light",
+									isIconOnly: true,
+									onPress: () => void onCancelInvitation(row.invitationId),
+									isDisabled: cancelingInvitationId === row.invitationId,
+									"aria-label": resolvedLabels.cancelInvitation,
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "h-4 w-4" })
+								})]
+							})
+						})
+					] }, row.id))
+				})]
+			})]
+		})] })
+	});
+}
+//#endregion
+exports.OrganizationMembersRoute = OrganizationMembersRoute;
+
+//# sourceMappingURL=OrganizationMembersRoute.js.map

package/dist/src/modules/auth/components/OrganizationMembersRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationMembersRoute.js","names":["Card","CardHeader","CardBody","authClient","Spinner","Users","Chip","Input","Select","SelectItem","Button","UserPlus","Table","TableHeader","TableColumn","TableBody","TableRow","TableCell","Trash2","Copy"],"sources":["../../../../../src/modules/auth/components/OrganizationMembersRoute.tsx"],"sourcesContent":["import {\r\n  Button,\r\n  Card,\r\n  CardBody,\r\n  CardHeader,\r\n  Chip,\r\n  Input,\r\n  Select,\r\n  SelectItem,\r\n  Spinner,\r\n  Table,\r\n  TableBody,\r\n  TableCell,\r\n  TableColumn,\r\n  TableHeader,\r\n  TableRow,\r\n} from \"@heroui/react\";\r\nimport { authClient } from \"@m5kdev/frontend/modules/auth/auth.lib\";\r\nimport { useSession } from \"@m5kdev/frontend/modules/auth/hooks/useSession\";\r\nimport { useMutation, useQuery, useQueryClient } from \"@tanstack/react-query\";\r\nimport { Copy, Trash2, UserPlus, Users } from \"lucide-react\";\r\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { toast } from \"sonner\";\r\n\r\ntype OrganizationDetails = {\r\n  id: string;\r\n  name: string;\r\n  slug: string;\r\n  logo?: string | null;\r\n  metadata?: Record<string, unknown> | null;\r\n};\r\n\r\ntype OrganizationMember = {\r\n  id: string;\r\n  userId: string;\r\n  role: string;\r\n  user: {\r\n    id: string;\r\n    name: string;\r\n    email: string;\r\n    image?: string | null;\r\n  };\r\n};\r\n\r\ntype OrganizationInvitation = {\r\n  id: string;\r\n  organizationId: string;\r\n  email: string;\r\n  role: string;\r\n  status: string;\r\n  inviterId: string;\r\n  createdAt: Date | string;\r\n  expiresAt: Date | string;\r\n};\r\n\r\ntype CombinedMemberRow =\r\n  | {\r\n      kind: \"member\";\r\n      id: string;\r\n      displayName: string;\r\n      email: string;\r\n      role: string;\r\n      status: \"active\";\r\n      memberId: string;\r\n    }\r\n  | {\r\n      kind: \"invitation\";\r\n      id: string;\r\n      displayName: string;\r\n      email: string;\r\n      role: string;\r\n      status: \"invited\";\r\n      invitationId: string;\r\n    };\r\n\r\nconst ORGANIZATION_ROLES = [\"member\", \"admin\", \"owner\"] as const;\r\n\r\nexport type OrganizationRole = (typeof ORGANIZATION_ROLES)[number];\r\n\r\nfunction isOrganizationRole(role: string): role is OrganizationRole {\r\n  return (ORGANIZATION_ROLES as readonly string[]).includes(role);\r\n}\r\n\r\nexport type OrganizationMembersRouteLabels = {\r\n  loadError: string;\r\n  membersTitle: string;\r\n  membersNoActive: string;\r\n  membersManageOnly: string;\r\n  membersDescription: (organizationName: string) => string;\r\n  defaultOrganizationName: string;\r\n  loadMembersError: string;\r\n  loadInvitationsError: string;\r\n  roleUpdateSuccess: string;\r\n  roleUpdateError: string;\r\n  removeMemberSuccess: string;\r\n  removeMemberError: string;\r\n  emailRequired: string;\r\n  inviteSuccess: string;\r\n  inviteError: string;\r\n  cancelInvitationSuccess: string;\r\n  cancelInvitationError: string;\r\n  inviteLinkCopied: string;\r\n  copyInviteLinkError: string;\r\n  unknownName: string;\r\n  invitedUser: string;\r\n  emailLabel: string;\r\n  emailPlaceholder: string;\r\n  roleLabel: string;\r\n  inviteButton: string;\r\n  tableTitle: string;\r\n  columnName: string;\r\n  columnEmail: string;\r\n  columnRole: string;\r\n  columnStatus: string;\r\n  columnActions: string;\r\n  tableEmpty: string;\r\n  roleFor: (name: string) => string;\r\n  statusActive: string;\r\n  statusInvited: string;\r\n  removeMember: string;\r\n  copyInviteLink: string;\r\n  cancelInvitation: string;\r\n  roleUnknown: string;\r\n};\r\n\r\nexport type OrganizationMembersRouteProps = {\r\n  managerRoles?: string[];\r\n  assignableRoles?: OrganizationRole[];\r\n  invitationAcceptPath?: string;\r\n  onInvalidateScopedQueries?: () => void | Promise<void>;\r\n};\r\n\r\nfunction OrganizationStateCard({ title, message }: { title: string; message: string }) {\r\n  return (\r\n    <div className=\"p-6\">\r\n      <Card>\r\n        <CardHeader className=\"text-lg font-semibold\">{title}</CardHeader>\r\n        <CardBody>{message}</CardBody>\r\n      </Card>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction useOrganizationAccess({\r\n  managerRoles,\r\n  onInvalidateScopedQueries,\r\n}: Pick<OrganizationMembersRouteProps, \"managerRoles\" | \"onInvalidateScopedQueries\">) {\r\n  const { data: session, registerSession } = useSession();\r\n  const queryClient = useQueryClient();\r\n\r\n  const activeOrganizationId = session?.session.activeOrganizationId ?? \"\";\r\n  const activeOrganizationRole =\r\n    (session?.session as { activeOrganizationRole?: string } | undefined)?.activeOrganizationRole ??\r\n    \"\";\r\n  const managerRoleSet = useMemo(() => new Set(managerRoles ?? [\"admin\", \"owner\"]), [managerRoles]);\r\n  const canManageOrganization = managerRoleSet.has(activeOrganizationRole);\r\n\r\n  const refreshOrganizationQueries = useCallback(async () => {\r\n    await Promise.allSettled([\r\n      queryClient.invalidateQueries({ queryKey: [\"auth-organization-list\"] }),\r\n      queryClient.invalidateQueries({\r\n        queryKey: [\"auth-organization-details\", activeOrganizationId],\r\n      }),\r\n      queryClient.invalidateQueries({\r\n        queryKey: [\"auth-organization-members\", activeOrganizationId],\r\n      }),\r\n      queryClient.invalidateQueries({\r\n        queryKey: [\"auth-organization-invitations\", activeOrganizationId],\r\n      }),\r\n    ]);\r\n\r\n    registerSession(() => {\r\n      void onInvalidateScopedQueries?.();\r\n    });\r\n  }, [activeOrganizationId, onInvalidateScopedQueries, queryClient, registerSession]);\r\n\r\n  return {\r\n    activeOrganizationId,\r\n    activeOrganizationRole,\r\n    canManageOrganization,\r\n    refreshOrganizationQueries,\r\n  };\r\n}\r\n\r\nfunction useOrganizationConfig({\r\n  assignableRoles,\r\n}: Pick<OrganizationMembersRouteProps, \"assignableRoles\">) {\r\n  const { t } = useTranslation();\r\n\r\n  const translatedLabels = useMemo<OrganizationMembersRouteLabels>(\r\n    () => ({\r\n      loadError: t(\"web-ui:organization.members.loadError\"),\r\n      membersTitle: t(\"web-ui:organization.members.title\"),\r\n      membersNoActive: t(\"web-ui:organization.members.noActive\"),\r\n      membersManageOnly: t(\"web-ui:organization.members.manageOnly\"),\r\n      membersDescription: (organizationName: string) =>\r\n        t(\"web-ui:organization.members.description\", { name: organizationName }),\r\n      defaultOrganizationName: t(\"web-ui:organization.members.defaultName\"),\r\n      loadMembersError: t(\"web-ui:organization.members.loadMembersError\"),\r\n      loadInvitationsError: t(\"web-ui:organization.members.loadInvitationsError\"),\r\n      roleUpdateSuccess: t(\"web-ui:organization.members.roleUpdateSuccess\"),\r\n      roleUpdateError: t(\"web-ui:organization.members.roleUpdateError\"),\r\n      removeMemberSuccess: t(\"web-ui:organization.members.removeMemberSuccess\"),\r\n      removeMemberError: t(\"web-ui:organization.members.removeMemberError\"),\r\n      emailRequired: t(\"web-ui:organization.members.emailRequired\"),\r\n      inviteSuccess: t(\"web-ui:organization.members.inviteSuccess\"),\r\n      inviteError: t(\"web-ui:organization.members.inviteError\"),\r\n      cancelInvitationSuccess: t(\"web-ui:organization.members.cancelInvitationSuccess\"),\r\n      cancelInvitationError: t(\"web-ui:organization.members.cancelInvitationError\"),\r\n      inviteLinkCopied: t(\"web-ui:organization.members.inviteLinkCopied\"),\r\n      copyInviteLinkError: t(\"web-ui:organization.members.copyInviteLinkError\"),\r\n      unknownName: t(\"web-ui:organization.members.unknownName\"),\r\n      invitedUser: t(\"web-ui:organization.members.invitedUser\"),\r\n      emailLabel: t(\"web-ui:organization.members.emailLabel\"),\r\n      emailPlaceholder: t(\"web-ui:organization.members.emailPlaceholder\"),\r\n      roleLabel: t(\"web-ui:organization.members.roleLabel\"),\r\n      inviteButton: t(\"web-ui:organization.members.inviteButton\"),\r\n      tableTitle: t(\"web-ui:organization.members.tableTitle\"),\r\n      columnName: t(\"web-ui:organization.members.columnName\"),\r\n      columnEmail: t(\"web-ui:organization.members.columnEmail\"),\r\n      columnRole: t(\"web-ui:organization.members.columnRole\"),\r\n      columnStatus: t(\"web-ui:organization.members.columnStatus\"),\r\n      columnActions: t(\"web-ui:organization.members.columnActions\"),\r\n      tableEmpty: t(\"web-ui:organization.members.tableEmpty\"),\r\n      roleFor: (name: string) => t(\"web-ui:organization.members.roleFor\", { name }),\r\n      statusActive: t(\"web-ui:organization.members.statusActive\"),\r\n      statusInvited: t(\"web-ui:organization.members.statusInvited\"),\r\n      removeMember: t(\"web-ui:organization.members.removeMember\"),\r\n      copyInviteLink: t(\"web-ui:organization.members.copyInviteLink\"),\r\n      cancelInvitation: t(\"web-ui:organization.members.cancelInvitation\"),\r\n      roleUnknown: t(\"web-ui:organization.members.roleUnknown\"),\r\n    }),\r\n    [t]\r\n  );\r\n\r\n  const translatedRoleLabels = useMemo<Record<string, string>>(\r\n    () => ({\r\n      member: t(\"web-ui:organization.roles.member\"),\r\n      admin: t(\"web-ui:organization.roles.admin\"),\r\n      owner: t(\"web-ui:organization.roles.owner\"),\r\n    }),\r\n    [t]\r\n  );\r\n\r\n  const resolvedAssignableRoles = useMemo(\r\n    () =>\r\n      assignableRoles && assignableRoles.length > 0 ? assignableRoles : [...ORGANIZATION_ROLES],\r\n    [assignableRoles]\r\n  );\r\n\r\n  return {\r\n    resolvedLabels: translatedLabels,\r\n    resolvedRoleLabels: translatedRoleLabels,\r\n    resolvedAssignableRoles,\r\n  };\r\n}\r\n\r\nexport function OrganizationMembersRoute({\r\n  managerRoles,\r\n  assignableRoles,\r\n  invitationAcceptPath,\r\n  onInvalidateScopedQueries,\r\n}: OrganizationMembersRouteProps) {\r\n  const { resolvedLabels, resolvedRoleLabels, resolvedAssignableRoles } = useOrganizationConfig({\r\n    assignableRoles,\r\n  });\r\n\r\n  const {\r\n    activeOrganizationId,\r\n    activeOrganizationRole,\r\n    canManageOrganization,\r\n    refreshOrganizationQueries,\r\n  } = useOrganizationAccess({ managerRoles, onInvalidateScopedQueries });\r\n\r\n  const [inviteEmail, setInviteEmail] = useState(\"\");\r\n  const [inviteRole, setInviteRole] = useState<OrganizationRole>(\r\n    resolvedAssignableRoles[0] ?? \"member\"\r\n  );\r\n  const isMountedRef = useRef(true);\r\n  useEffect(() => {\r\n    return () => {\r\n      isMountedRef.current = false;\r\n    };\r\n  }, []);\r\n\r\n  const refreshOrganizationQueriesStable = useCallback(\r\n    () => refreshOrganizationQueries(),\r\n    [refreshOrganizationQueries]\r\n  );\r\n\r\n  const updateRoleMutation = useMutation({\r\n    mutationFn: async ({\r\n      memberId,\r\n      role,\r\n      organizationId,\r\n    }: {\r\n      memberId: string;\r\n      role: OrganizationRole;\r\n      organizationId: string;\r\n    }) => {\r\n      const { error } = await authClient.organization.updateMemberRole({\r\n        memberId,\r\n        role,\r\n        organizationId,\r\n      });\r\n      if (error) throw new Error(error.message ?? resolvedLabels.roleUpdateError);\r\n    },\r\n    onSuccess: async () => {\r\n      await refreshOrganizationQueriesStable();\r\n      toast.success(resolvedLabels.roleUpdateSuccess);\r\n    },\r\n    onError: (error) => {\r\n      toast.error(error instanceof Error ? error.message : resolvedLabels.roleUpdateError);\r\n    },\r\n  });\r\n\r\n  const removeMemberMutation = useMutation({\r\n    mutationFn: async ({\r\n      memberId,\r\n      organizationId,\r\n    }: {\r\n      memberId: string;\r\n      organizationId: string;\r\n    }) => {\r\n      const { error } = await authClient.organization.removeMember({\r\n        memberIdOrEmail: memberId,\r\n        organizationId,\r\n      });\r\n      if (error) throw new Error(error.message ?? resolvedLabels.removeMemberError);\r\n    },\r\n    onSuccess: async () => {\r\n      await refreshOrganizationQueriesStable();\r\n      toast.success(resolvedLabels.removeMemberSuccess);\r\n    },\r\n    onError: (error) => {\r\n      toast.error(error instanceof Error ? error.message : resolvedLabels.removeMemberError);\r\n    },\r\n  });\r\n\r\n  const createInvitationMutation = useMutation({\r\n    mutationFn: async ({\r\n      email,\r\n      role,\r\n      organizationId,\r\n    }: {\r\n      email: string;\r\n      role: OrganizationRole;\r\n      organizationId: string;\r\n    }) => {\r\n      const { error } = await authClient.organization.inviteMember({\r\n        organizationId,\r\n        email: email.trim(),\r\n        role,\r\n      });\r\n      if (error) throw new Error(error.message ?? resolvedLabels.inviteError);\r\n    },\r\n    onSuccess: async () => {\r\n      await refreshOrganizationQueriesStable();\r\n      toast.success(resolvedLabels.inviteSuccess);\r\n      if (isMountedRef.current) {\r\n        setInviteEmail(\"\");\r\n        setInviteRole(resolvedAssignableRoles[0] ?? \"member\");\r\n      }\r\n    },\r\n    onError: (error) => {\r\n      toast.error(error instanceof Error ? error.message : resolvedLabels.inviteError);\r\n    },\r\n  });\r\n\r\n  const cancelInvitationMutation = useMutation({\r\n    mutationFn: async ({ invitationId }: { invitationId: string }) => {\r\n      const { error } = await authClient.organization.cancelInvitation({ invitationId });\r\n      if (error) throw new Error(error.message ?? resolvedLabels.cancelInvitationError);\r\n    },\r\n    onSuccess: async () => {\r\n      await refreshOrganizationQueriesStable();\r\n      toast.success(resolvedLabels.cancelInvitationSuccess);\r\n    },\r\n    onError: (error) => {\r\n      toast.error(error instanceof Error ? error.message : resolvedLabels.cancelInvitationError);\r\n    },\r\n  });\r\n\r\n  const updatingMemberId =\r\n    updateRoleMutation.isPending && updateRoleMutation.variables\r\n      ? updateRoleMutation.variables.memberId\r\n      : null;\r\n  const removingMemberId =\r\n    removeMemberMutation.isPending && removeMemberMutation.variables\r\n      ? removeMemberMutation.variables.memberId\r\n      : null;\r\n  const cancelingInvitationId =\r\n    cancelInvitationMutation.isPending && cancelInvitationMutation.variables\r\n      ? cancelInvitationMutation.variables.invitationId\r\n      : null;\r\n\r\n  useEffect(() => {\r\n    if (!resolvedAssignableRoles.includes(inviteRole)) {\r\n      setInviteRole(resolvedAssignableRoles[0] ?? \"member\");\r\n    }\r\n  }, [inviteRole, resolvedAssignableRoles]);\r\n\r\n  const organizationQuery = useQuery({\r\n    queryKey: [\"auth-organization-details\", activeOrganizationId],\r\n    enabled: Boolean(activeOrganizationId && canManageOrganization),\r\n    queryFn: async () => {\r\n      const { data, error } = await authClient.organization.getFullOrganization({\r\n        query: {\r\n          organizationId: activeOrganizationId,\r\n          membersLimit: 200,\r\n        },\r\n      });\r\n      if (error) {\r\n        throw new Error(error.message ?? resolvedLabels.loadError);\r\n      }\r\n      return data as OrganizationDetails | null;\r\n    },\r\n  });\r\n\r\n  const membersQuery = useQuery({\r\n    queryKey: [\"auth-organization-members\", activeOrganizationId],\r\n    enabled: Boolean(activeOrganizationId && canManageOrganization),\r\n    queryFn: async () => {\r\n      const { data, error } = await authClient.organization.listMembers({\r\n        query: {\r\n          organizationId: activeOrganizationId,\r\n          limit: 200,\r\n          offset: 0,\r\n        },\r\n      });\r\n      if (error) {\r\n        throw new Error(error.message ?? resolvedLabels.loadMembersError);\r\n      }\r\n      return ((data as { members: OrganizationMember[] } | null)?.members ??\r\n        []) as OrganizationMember[];\r\n    },\r\n  });\r\n\r\n  const invitationsQuery = useQuery({\r\n    queryKey: [\"auth-organization-invitations\", activeOrganizationId],\r\n    enabled: Boolean(activeOrganizationId && canManageOrganization),\r\n    queryFn: async () => {\r\n      const { data, error } = await authClient.organization.listInvitations({\r\n        query: {\r\n          organizationId: activeOrganizationId,\r\n        },\r\n      });\r\n      if (error) {\r\n        throw new Error(error.message ?? resolvedLabels.loadInvitationsError);\r\n      }\r\n      return (data ?? []) as OrganizationInvitation[];\r\n    },\r\n  });\r\n\r\n  const members = membersQuery.data ?? [];\r\n  const invitations = invitationsQuery.data ?? [];\r\n\r\n  const rows = useMemo<CombinedMemberRow[]>(() => {\r\n    const memberRows: CombinedMemberRow[] = members.map((member) => ({\r\n      kind: \"member\",\r\n      id: `member-${member.id}`,\r\n      displayName: member.user?.name || resolvedLabels.unknownName,\r\n      email: member.user?.email || \"-\",\r\n      role: member.role,\r\n      status: \"active\",\r\n      memberId: member.id,\r\n    }));\r\n\r\n    const invitationRows: CombinedMemberRow[] = invitations.map((invitation) => ({\r\n      kind: \"invitation\",\r\n      id: `invitation-${invitation.id}`,\r\n      displayName: resolvedLabels.invitedUser,\r\n      email: invitation.email,\r\n      role: invitation.role,\r\n      status: \"invited\",\r\n      invitationId: invitation.id,\r\n    }));\r\n\r\n    return [...memberRows, ...invitationRows].sort((left, right) => {\r\n      if (left.status === right.status) {\r\n        return left.email.localeCompare(right.email);\r\n      }\r\n      return left.status === \"active\" ? -1 : 1;\r\n    });\r\n  }, [invitations, members, resolvedLabels.invitedUser, resolvedLabels.unknownName]);\r\n\r\n  const onUpdateMemberRole = useCallback(\r\n    (memberId: string, role: OrganizationRole) => {\r\n      if (!canManageOrganization || !activeOrganizationId) return;\r\n      updateRoleMutation.mutate({ memberId, role, organizationId: activeOrganizationId });\r\n    },\r\n    [canManageOrganization, activeOrganizationId, updateRoleMutation]\r\n  );\r\n\r\n  const onRemoveMember = useCallback(\r\n    (memberId: string) => {\r\n      if (!canManageOrganization || !activeOrganizationId) return;\r\n      removeMemberMutation.mutate({ memberId, organizationId: activeOrganizationId });\r\n    },\r\n    [canManageOrganization, activeOrganizationId, removeMemberMutation]\r\n  );\r\n\r\n  const onCreateInvitation = useCallback(() => {\r\n    if (!canManageOrganization || !activeOrganizationId) return;\r\n    if (!inviteEmail.trim()) {\r\n      toast.error(resolvedLabels.emailRequired);\r\n      return;\r\n    }\r\n    createInvitationMutation.mutate({\r\n      email: inviteEmail,\r\n      role: inviteRole,\r\n      organizationId: activeOrganizationId,\r\n    });\r\n  }, [\r\n    canManageOrganization,\r\n    activeOrganizationId,\r\n    inviteEmail,\r\n    inviteRole,\r\n    resolvedLabels.emailRequired,\r\n    createInvitationMutation,\r\n  ]);\r\n\r\n  const onCancelInvitation = useCallback(\r\n    (invitationId: string) => {\r\n      if (!canManageOrganization) return;\r\n      cancelInvitationMutation.mutate({ invitationId });\r\n    },\r\n    [canManageOrganization, cancelInvitationMutation]\r\n  );\r\n\r\n  const invitationLinkBase = useMemo(() => {\r\n    const invitationPath = invitationAcceptPath ?? \"/organization/accept-invitation\";\r\n    if (/^https?:\\/\\//i.test(invitationPath)) {\r\n      return `${invitationPath}?id=`;\r\n    }\r\n    return typeof window === \"undefined\"\r\n      ? `${invitationPath}?id=`\r\n      : `${window.location.origin}${invitationPath}?id=`;\r\n  }, [invitationAcceptPath]);\r\n\r\n  const onCopyInvitationLink = async (invitationId: string) => {\r\n    try {\r\n      await navigator.clipboard.writeText(`${invitationLinkBase}${invitationId}`);\r\n      toast.success(resolvedLabels.inviteLinkCopied);\r\n    } catch {\r\n      toast.error(resolvedLabels.copyInviteLinkError);\r\n    }\r\n  };\r\n\r\n  const getRoleLabel = (role: string) => resolvedRoleLabels[role] ?? resolvedLabels.roleUnknown;\r\n\r\n  if (!activeOrganizationId) {\r\n    return (\r\n      <OrganizationStateCard\r\n        title={resolvedLabels.membersTitle}\r\n        message={resolvedLabels.membersNoActive}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (!canManageOrganization) {\r\n    return (\r\n      <OrganizationStateCard\r\n        title={resolvedLabels.membersTitle}\r\n        message={resolvedLabels.membersManageOnly}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (organizationQuery.isLoading || membersQuery.isLoading || invitationsQuery.isLoading) {\r\n    return (\r\n      <div className=\"p-6 flex justify-center\">\r\n        <Spinner />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div className=\"p-6 space-y-6\">\r\n      <Card>\r\n        <CardHeader className=\"flex items-center justify-between\">\r\n          <div className=\"flex items-center gap-2\">\r\n            <Users className=\"h-4 w-4\" />\r\n            <div className=\"flex flex-col\">\r\n              <h2 className=\"text-lg font-semibold\">{resolvedLabels.membersTitle}</h2>\r\n              <p className=\"text-sm text-default-500\">\r\n                {resolvedLabels.membersDescription(\r\n                  organizationQuery.data?.name ?? resolvedLabels.defaultOrganizationName\r\n                )}\r\n              </p>\r\n            </div>\r\n          </div>\r\n          <Chip variant=\"flat\" color=\"primary\">\r\n            {getRoleLabel(activeOrganizationRole || \"member\")}\r\n          </Chip>\r\n        </CardHeader>\r\n        <CardBody className=\"space-y-4\">\r\n          <div className=\"grid gap-3 md:grid-cols-[1fr_160px_auto]\">\r\n            <Input\r\n              type=\"email\"\r\n              label={resolvedLabels.emailLabel}\r\n              value={inviteEmail}\r\n              onValueChange={setInviteEmail}\r\n              placeholder={resolvedLabels.emailPlaceholder}\r\n            />\r\n            <Select\r\n              label={resolvedLabels.roleLabel}\r\n              selectedKeys={[inviteRole]}\r\n              disallowEmptySelection\r\n              onSelectionChange={(keys) => {\r\n                const role = Array.from(keys as Set<string>)[0];\r\n                if (role && isOrganizationRole(role) && resolvedAssignableRoles.includes(role)) {\r\n                  setInviteRole(role);\r\n                }\r\n              }}\r\n            >\r\n              {resolvedAssignableRoles.map((role) => (\r\n                <SelectItem key={role}>{getRoleLabel(role)}</SelectItem>\r\n              ))}\r\n            </Select>\r\n            <Button\r\n              color=\"primary\"\r\n              startContent={<UserPlus className=\"h-4 w-4\" />}\r\n              onPress={onCreateInvitation}\r\n              isLoading={createInvitationMutation.isPending}\r\n            >\r\n              {resolvedLabels.inviteButton}\r\n            </Button>\r\n          </div>\r\n\r\n          <Table aria-label={resolvedLabels.tableTitle}>\r\n            <TableHeader>\r\n              <TableColumn>{resolvedLabels.columnName}</TableColumn>\r\n              <TableColumn>{resolvedLabels.columnEmail}</TableColumn>\r\n              <TableColumn>{resolvedLabels.columnRole}</TableColumn>\r\n              <TableColumn>{resolvedLabels.columnStatus}</TableColumn>\r\n              <TableColumn className=\"text-right\">{resolvedLabels.columnActions}</TableColumn>\r\n            </TableHeader>\r\n            <TableBody emptyContent={resolvedLabels.tableEmpty}>\r\n              {rows.map((row) => (\r\n                <TableRow key={row.id}>\r\n                  <TableCell>{row.displayName}</TableCell>\r\n                  <TableCell>{row.email}</TableCell>\r\n                  <TableCell>\r\n                    {row.kind === \"member\" ? (\r\n                      <Select\r\n                        size=\"sm\"\r\n                        selectedKeys={[row.role]}\r\n                        disallowEmptySelection\r\n                        isDisabled={updatingMemberId === row.memberId}\r\n                        aria-label={resolvedLabels.roleFor(row.displayName)}\r\n                        onSelectionChange={(keys) => {\r\n                          const role = Array.from(keys as Set<string>)[0];\r\n                          if (\r\n                            role &&\r\n                            role !== row.role &&\r\n                            isOrganizationRole(role) &&\r\n                            resolvedAssignableRoles.includes(role)\r\n                          ) {\r\n                            void onUpdateMemberRole(row.memberId, role);\r\n                          }\r\n                        }}\r\n                      >\r\n                        {resolvedAssignableRoles.map((role) => (\r\n                          <SelectItem key={role}>{getRoleLabel(role)}</SelectItem>\r\n                        ))}\r\n                      </Select>\r\n                    ) : (\r\n                      getRoleLabel(row.role)\r\n                    )}\r\n                  </TableCell>\r\n                  <TableCell>\r\n                    <Chip\r\n                      size=\"sm\"\r\n                      variant=\"flat\"\r\n                      color={row.status === \"active\" ? \"success\" : \"warning\"}\r\n                    >\r\n                      {row.status === \"active\"\r\n                        ? resolvedLabels.statusActive\r\n                        : resolvedLabels.statusInvited}\r\n                    </Chip>\r\n                  </TableCell>\r\n                  <TableCell className=\"text-right\">\r\n                    {row.kind === \"member\" ? (\r\n                      <Button\r\n                        size=\"sm\"\r\n                        color=\"danger\"\r\n                        variant=\"light\"\r\n                        isIconOnly\r\n                        onPress={() => void onRemoveMember(row.memberId)}\r\n                        isDisabled={removingMemberId === row.memberId}\r\n                        aria-label={resolvedLabels.removeMember}\r\n                      >\r\n                        <Trash2 className=\"h-4 w-4\" />\r\n                      </Button>\r\n                    ) : (\r\n                      <div className=\"flex justify-end gap-2\">\r\n                        <Button\r\n                          size=\"sm\"\r\n                          variant=\"light\"\r\n                          isIconOnly\r\n                          onPress={() => void onCopyInvitationLink(row.invitationId)}\r\n                          aria-label={resolvedLabels.copyInviteLink}\r\n                        >\r\n                          <Copy className=\"h-4 w-4\" />\r\n                        </Button>\r\n                        <Button\r\n                          size=\"sm\"\r\n                          color=\"danger\"\r\n                          variant=\"light\"\r\n                          isIconOnly\r\n                          onPress={() => void onCancelInvitation(row.invitationId)}\r\n                          isDisabled={cancelingInvitationId === row.invitationId}\r\n                          aria-label={resolvedLabels.cancelInvitation}\r\n                        >\r\n                          <Trash2 className=\"h-4 w-4\" />\r\n                        </Button>\r\n                      </div>\r\n                    )}\r\n                  </TableCell>\r\n                </TableRow>\r\n              ))}\r\n            </TableBody>\r\n          </Table>\r\n        </CardBody>\r\n      </Card>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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"}

package/dist/src/modules/auth/components/OrganizationMembersRoute.mjs

@@ -4,8 +4,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Copy, Trash2, UserPlus, Users } from "lucide-react";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { authClient } from "@m5kdev/frontend/modules/auth/auth.lib";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useSession } from "@m5kdev/frontend/modules/auth/hooks/useSession";
 //#region src/modules/auth/components/OrganizationMembersRoute.tsx
 const ORGANIZATION_ROLES = [

package/dist/src/modules/auth/components/OrganizationPreferences.d.ts

@@ -0,0 +1,30 @@
+import { UseBackendTRPC } from "../../../types.js";
+import { ControlsFor, PreferenceEditorLabels } from "./PreferencesEditor.js";
+import { ReactElement } from "react";
+import { z } from "zod";
+
+//#region src/modules/auth/components/OrganizationPreferences.d.ts
+type OrganizationPreferenceLabels = PreferenceEditorLabels & {
+  noActiveOrganization: string;
+  loadError: string;
+};
+type OrganizationPreferencesTarget = "preferences" | "flags";
+type OrganizationPreferencesProps<S extends z.ZodObject<z.ZodRawShape>> = {
+  useTRPC: UseBackendTRPC;
+  schema: S;
+  controls: ControlsFor<z.infer<S>>;
+  target?: OrganizationPreferencesTarget;
+  labels?: Partial<OrganizationPreferenceLabels>;
+  onInvalidateScopedQueries?: () => void | Promise<void>;
+};
+declare function OrganizationPreferences<S extends z.ZodObject<z.ZodRawShape>>({
+  useTRPC,
+  schema,
+  controls,
+  target,
+  labels,
+  onInvalidateScopedQueries
+}: OrganizationPreferencesProps<S>): ReactElement;
+//#endregion
+export { OrganizationPreferences, OrganizationPreferencesProps, OrganizationPreferencesTarget };
+//# sourceMappingURL=OrganizationPreferences.d.ts.map