@burdenoff/microfe-workspaces 2026.510.50 → 2026.511.1

package/dist/pages/MembersListPage.js

@@ -1,30 +1,34 @@
 import { useWorkspacesContext as e } from "../providers/WorkspacesProvider.js";
 import { useWorkspacesStore as t } from "../store/workspacesStore.js";
 import { WORKSPACE_PERMISSIONS as n } from "../constants/permissions.js";
-import { nativeConfirm as r, nativeImpact as ee } from "../utils/nativeBridge.js";
-import { useWorkspaceInvitations as te, useWorkspaceMembers as i } from "../hooks/useWorkspaceMembers.js";
-import { useRemoveUserFromWorkspace as ne, useResendInvitation as re } from "../hooks/useMemberMutations.js";
-import { MemberListItem as ie } from "../components/MemberListItem.js";
-import { InviteMemberDialog as ae } from "../components/InviteMemberDialog.js";
-import { useWorkspacePermissions as oe } from "../hooks/useWorkspacePermissions.js";
-import { useCallback as se, useEffect as a, useMemo as o, useState as s } from "react";
-import { AlertCircle as ce, RefreshCw as le, Search as c, UserPlus as l, Users as u } from "lucide-react";
-import { Fragment as ue, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Badge as p, Button as m, Input as de, Skeleton as h } from "@burdenoff/fe-libs/ui";
-import { useParams as g } from "react-router-dom";
-import { useDebounce as _ } from "@burdenoff/fe-libs/shared/hooks";
-import { PermissionButton as v } from "@burdenoff/fe-libs/shared/components";
+import { tWithFallback as r } from "../utils/i18n.js";
+import { useWorkspacesPageView as i } from "../hooks/useWorkspacesPageView.js";
+import { nativeConfirm as ee, nativeImpact as te } from "../utils/nativeBridge.js";
+import { useWorkspaceInvitations as ne, useWorkspaceMembers as re } from "../hooks/useWorkspaceMembers.js";
+import { useRemoveUserFromWorkspace as ie, useResendInvitation as ae } from "../hooks/useMemberMutations.js";
+import { MemberListItem as oe } from "../components/MemberListItem.js";
+import { InviteMemberDialog as se } from "../components/InviteMemberDialog.js";
+import { useWorkspacePermissions as a } from "../hooks/useWorkspacePermissions.js";
+import { useEffect as o, useMemo as s, useState as c } from "react";
+import { AlertCircle as ce, RefreshCw as le, Search as l, UserPlus as u, Users as d } from "lucide-react";
+import { Fragment as ue, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Badge as m, Button as h, Input as g, Skeleton as _ } from "@burdenoff/fe-libs/ui";
+import { useParams as v } from "react-router-dom";
+import { useDebounce as de } from "@burdenoff/fe-libs/shared/hooks";
+import { PermissionButton as y } from "@burdenoff/fe-libs/shared/components";
 import { useI18n as fe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/MembersListPage.tsx
-function y() {
-	let { t: y } = fe(), b = se((e, t) => {
-		let n = y(e);
-		return n === e ? t : n;
-	}, [y]), { memberFilters: pe, setMemberFilters: x, selectedMemberIds: S, toggleMemberSelection: C, clearMemberSelection: w, openInviteMemberDialog: me } = t(), { workspaceId: he } = e(), { workspaceId: ge } = g(), T = ge || he, [E, D] = s(pe.search || ""), O = _(E, 500);
-	a(() => {
+function b() {
+	let { t: b } = fe(), { memberFilters: pe, setMemberFilters: x, selectedMemberIds: S, toggleMemberSelection: C, clearMemberSelection: w, openInviteMemberDialog: me } = t(), { workspaceId: he } = e(), { workspaceId: ge } = v(), T = ge || he;
+	i("workspaces.members", {
+		workspaceId: T,
+		requireParams: !0
+	});
+	let [E, D] = c(pe.search || ""), O = de(E, 500);
+	o(() => {
 		x({ search: O });
 	}, [O, x]);
-	let { data: k, isLoading: _e, error: A } = i(T || ""), { data: j, isLoading: M } = te(T || "", "PENDING"), { mutate: N, isPending: P } = re(), { mutate: F, isPending: I } = ne(), [L, R] = s(null), [z, B] = s(/* @__PURE__ */ new Set()), ve = (e) => {
+	let { data: k, isLoading: _e, error: A } = re(T || ""), { data: j, isLoading: M } = ne(T || "", "PENDING"), { mutate: N, isPending: P } = ae(), { mutate: F, isPending: I } = ie(), [L, R] = c(null), [z, B] = c(/* @__PURE__ */ new Set()), ve = (e) => {
 		R(e), N(e, {
 			onSuccess: () => {
 				R(null);
@@ -33,23 +37,23 @@ function y() {
 				console.error("Failed to resend invitation:", e), R(null);
 			}
 		});
-	}, V = o(() => k?.items || [], [k?.items]), H = o(() => j?.items || [], [j?.items]), U = _e || M, W = V.length > 0, G = H.length > 0, K = V.filter((e) => O ? e.userId.toLowerCase().includes(O.toLowerCase()) : !0), q = o(() => K.filter((e) => S.has(e.id)), [K, S]), J = o(() => H.filter((e) => z.has(e.id)), [H, z]), Y = K.length > 0 && K.every((e) => S.has(e.id)), ye = K.some((e) => S.has(e.id)) && !Y, X = H.length > 0 && H.every((e) => z.has(e.id)), be = H.some((e) => z.has(e.id)) && !X;
-	a(() => () => w(), [w]);
-	let { canListMembers: xe, canInviteMember: Z, canRemoveMember: Q, isLoading: Se } = oe();
-	if (Se) return /* @__PURE__ */ f("div", {
+	}, V = s(() => k?.items || [], [k?.items]), H = s(() => j?.items || [], [j?.items]), U = _e || M, W = V.length > 0, G = H.length > 0, K = V.filter((e) => O ? e.userId.toLowerCase().includes(O.toLowerCase()) : !0), q = s(() => K.filter((e) => S.has(e.id)), [K, S]), J = s(() => H.filter((e) => z.has(e.id)), [H, z]), Y = K.length > 0 && K.every((e) => S.has(e.id)), ye = K.some((e) => S.has(e.id)) && !Y, X = H.length > 0 && H.every((e) => z.has(e.id)), be = H.some((e) => z.has(e.id)) && !X;
+	o(() => () => w(), [w]);
+	let { canListMembers: xe, canInviteMember: Z, canRemoveMember: Q, isLoading: Se } = a();
+	if (Se) return /* @__PURE__ */ p("div", {
 		className: "space-y-4 p-6",
-		children: [/* @__PURE__ */ d(h, { className: "h-10 w-1/3" }), /* @__PURE__ */ d(h, { className: "h-64" })]
+		children: [/* @__PURE__ */ f(_, { className: "h-10 w-1/3" }), /* @__PURE__ */ f(_, { className: "h-64" })]
 	});
-	if (!xe && !Z) return /* @__PURE__ */ d("div", {
+	if (!xe && !Z) return /* @__PURE__ */ f("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ p("div", {
 			className: "text-center space-y-2",
-			children: [/* @__PURE__ */ d("h2", {
+			children: [/* @__PURE__ */ f("h2", {
 				className: "text-lg font-semibold",
-				children: b("membersList.accessDenied", "Access Denied")
-			}), /* @__PURE__ */ d("p", {
+				children: r(b, "membersList.accessDenied", "Access Denied")
+			}), /* @__PURE__ */ f("p", {
 				className: "text-sm text-muted-foreground",
-				children: b("membersList.noPermissionToViewMembers", "You don't have permission to view workspace members.")
+				children: r(b, "membersList.noPermissionToViewMembers", "You don't have permission to view workspace members.")
 			})]
 		})
 	});
@@ -73,8 +77,8 @@ function y() {
 		});
 	}, Ee = async () => {
 		if (q.length === 0) return;
-		ee("medium");
-		let e = `${b("membersList.bulkRemoveConfirmPrefix", "Remove")} ${q.length} ${q.length === 1 ? b("membersList.bulkRemoveConfirmSingular", "selected member") : b("membersList.bulkRemoveConfirmPlural", "selected members")} ${b("membersList.bulkRemoveConfirmSuffix", "from this workspace?")}`, t = await r({
+		te("medium");
+		let e = `${r(b, "membersList.bulkRemoveConfirmPrefix", "Remove")} ${q.length} ${q.length === 1 ? r(b, "membersList.bulkRemoveConfirmSingular", "selected member") : r(b, "membersList.bulkRemoveConfirmPlural", "selected members")} ${r(b, "membersList.bulkRemoveConfirmSuffix", "from this workspace?")}`, t = await ee({
 			title: "Remove members",
 			message: e,
 			okButtonTitle: "Remove",
@@ -93,100 +97,100 @@ function y() {
 			} });
 		});
 	};
-	return /* @__PURE__ */ f(ue, { children: [/* @__PURE__ */ f("div", {
+	return /* @__PURE__ */ p(ue, { children: [/* @__PURE__ */ p("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
 		children: [
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4",
-				children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
+				children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
 					className: "text-2xl sm:text-3xl font-bold",
-					children: b("membersList.pageTitle", "Members")
-				}), /* @__PURE__ */ d("p", {
+					children: r(b, "membersList.pageTitle", "Members")
+				}), /* @__PURE__ */ f("p", {
 					className: "text-muted-foreground text-sm sm:text-base",
-					children: b("membersList.pageSubtitle", "Manage workspace members and invitations")
-				})] }), /* @__PURE__ */ d("div", {
+					children: r(b, "membersList.pageSubtitle", "Manage workspace members and invitations")
+				})] }), /* @__PURE__ */ f("div", {
 					className: "flex gap-2",
-					children: /* @__PURE__ */ d(v, {
+					children: /* @__PURE__ */ f(y, {
 						permission: n.MEMBER_CREATE,
 						deniedBehavior: "disable",
-						deniedTooltip: b("membersList.noPermissionToInvite", "You don't have permission to invite members"),
-						children: /* @__PURE__ */ f(m, {
+						deniedTooltip: r(b, "membersList.noPermissionToInvite", "You don't have permission to invite members"),
+						children: /* @__PURE__ */ p(h, {
 							onClick: $,
 							disabled: !T,
-							children: [/* @__PURE__ */ d(l, { className: "h-4 w-4 sm:mr-2" }), /* @__PURE__ */ d("span", {
+							children: [/* @__PURE__ */ f(u, { className: "h-4 w-4 sm:mr-2" }), /* @__PURE__ */ f("span", {
 								className: "hidden sm:inline",
-								children: b("membersList.inviteMember", "Invite Member")
+								children: r(b, "membersList.inviteMember", "Invite Member")
 							})]
 						})
 					})
 				})]
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flex flex-col sm:flex-row gap-3 sm:gap-4",
-				children: [/* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ p("div", {
 					className: "relative flex-1",
-					children: [/* @__PURE__ */ d(c, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ d(de, {
-						placeholder: b("membersList.searchPlaceholder", "Search members..."),
+					children: [/* @__PURE__ */ f(l, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ f(g, {
+						placeholder: r(b, "membersList.searchPlaceholder", "Search members..."),
 						value: E,
 						onChange: (e) => D(e.target.value),
 						className: "pl-9"
 					})]
-				}), G && /* @__PURE__ */ d("div", {
+				}), G && /* @__PURE__ */ f("div", {
 					className: "flex items-center gap-2",
-					children: /* @__PURE__ */ f(p, {
+					children: /* @__PURE__ */ p(m, {
 						variant: "secondary",
 						className: "text-sm",
 						children: [
 							H.length,
 							" ",
-							H.length === 1 ? b("membersList.pendingInvitation", "Pending Invitation") : b("membersList.pendingInvitations", "Pending Invitations")
+							H.length === 1 ? r(b, "membersList.pendingInvitation", "Pending Invitation") : r(b, "membersList.pendingInvitations", "Pending Invitations")
 						]
 					})
 				})]
 			}),
-			K.length > 0 && /* @__PURE__ */ f("div", {
+			K.length > 0 && /* @__PURE__ */ p("div", {
 				className: "flex flex-col gap-3 rounded-lg border bg-card p-4 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ f("label", {
+				children: [/* @__PURE__ */ p("label", {
 					className: "flex items-center gap-2 text-sm text-foreground",
-					children: [/* @__PURE__ */ d("input", {
+					children: [/* @__PURE__ */ f("input", {
 						type: "checkbox",
 						checked: Y,
 						ref: (e) => {
 							e && (e.indeterminate = ye && !Y);
 						},
 						onChange: (e) => Ce(e.target.checked),
-						"aria-label": b("membersList.selectAllMembersAriaLabel", "Select all workspace members"),
+						"aria-label": r(b, "membersList.selectAllMembersAriaLabel", "Select all workspace members"),
 						className: "h-4 w-4 rounded border-border text-primary"
-					}), /* @__PURE__ */ d("span", { children: b("membersList.selectAllVisibleMembers", "Select all visible members") })]
-				}), /* @__PURE__ */ f("div", {
+					}), /* @__PURE__ */ f("span", { children: r(b, "membersList.selectAllVisibleMembers", "Select all visible members") })]
+				}), /* @__PURE__ */ p("div", {
 					className: "flex flex-wrap items-center gap-2",
 					children: [
-						/* @__PURE__ */ f("span", {
+						/* @__PURE__ */ p("span", {
 							className: "text-sm text-muted-foreground",
 							children: [
 								S.size,
 								" ",
-								b("membersList.selected", "selected")
+								r(b, "membersList.selected", "selected")
 							]
 						}),
-						S.size > 0 && /* @__PURE__ */ d(m, {
+						S.size > 0 && /* @__PURE__ */ f(h, {
 							variant: "ghost",
 							size: "sm",
 							onClick: w,
-							children: b("membersList.clearSelection", "Clear selection")
+							children: r(b, "membersList.clearSelection", "Clear selection")
 						}),
-						Q && /* @__PURE__ */ f(m, {
+						Q && /* @__PURE__ */ p(h, {
 							variant: "outline",
 							size: "sm",
 							onClick: Ee,
 							disabled: q.length === 0 || I,
 							className: "text-destructive",
-							children: [b("membersList.removeSelected", "Remove Selected"), q.length > 0 ? ` (${q.length})` : ""]
+							children: [r(b, "membersList.removeSelected", "Remove Selected"), q.length > 0 ? ` (${q.length})` : ""]
 						})
 					]
 				})]
 			}),
-			U && /* @__PURE__ */ d("div", {
+			U && /* @__PURE__ */ f("div", {
 				className: "space-y-3",
 				children: [...[
 					,
@@ -194,113 +198,113 @@ function y() {
 					,
 					,
 					,
-				]].map((e, t) => /* @__PURE__ */ d(h, { className: "h-20 w-full" }, t))
+				]].map((e, t) => /* @__PURE__ */ f(_, { className: "h-20 w-full" }, t))
 			}),
-			!U && A && /* @__PURE__ */ f("div", {
+			!U && A && /* @__PURE__ */ p("div", {
 				className: "flex flex-col items-center justify-center py-12 text-center",
 				children: [
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ f("div", {
 						className: "rounded-full bg-destructive/10 p-6 mb-4",
-						children: /* @__PURE__ */ d(ce, {
+						children: /* @__PURE__ */ f(ce, {
 							size: 48,
 							className: "text-destructive"
 						})
 					}),
-					/* @__PURE__ */ d("h3", {
+					/* @__PURE__ */ f("h3", {
 						className: "text-lg font-semibold mb-2",
-						children: b("membersList.failedToLoad", "Failed to Load Members")
+						children: r(b, "membersList.failedToLoad", "Failed to Load Members")
 					}),
-					/* @__PURE__ */ d("p", {
+					/* @__PURE__ */ f("p", {
 						className: "text-muted-foreground max-w-sm",
-						children: A instanceof Error ? A.message : b("membersList.errorLoadingMembers", "An error occurred while loading members")
+						children: A instanceof Error ? A.message : r(b, "membersList.errorLoadingMembers", "An error occurred while loading members")
 					})
 				]
 			}),
-			!U && !A && !T && /* @__PURE__ */ f("div", {
+			!U && !A && !T && /* @__PURE__ */ p("div", {
 				className: "flex flex-col items-center justify-center py-12 text-center",
 				children: [
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ f("div", {
 						className: "rounded-full bg-muted p-6 mb-4",
-						children: /* @__PURE__ */ d(u, {
+						children: /* @__PURE__ */ f(d, {
 							size: 48,
 							className: "text-muted-foreground"
 						})
 					}),
-					/* @__PURE__ */ d("h3", {
+					/* @__PURE__ */ f("h3", {
 						className: "text-lg font-semibold mb-2",
-						children: b("membersList.noWorkspaceSelected", "No Workspace Selected")
+						children: r(b, "membersList.noWorkspaceSelected", "No Workspace Selected")
 					}),
-					/* @__PURE__ */ d("p", {
+					/* @__PURE__ */ f("p", {
 						className: "text-muted-foreground max-w-sm",
-						children: b("membersList.selectWorkspacePrompt", "Select a workspace to view and manage its members")
+						children: r(b, "membersList.selectWorkspacePrompt", "Select a workspace to view and manage its members")
 					})
 				]
 			}),
-			!U && !A && T && !W && /* @__PURE__ */ f("div", {
+			!U && !A && T && !W && /* @__PURE__ */ p("div", {
 				className: "flex flex-col items-center justify-center py-12 text-center",
 				children: [
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ f("div", {
 						className: "rounded-full bg-muted p-6 mb-4",
-						children: /* @__PURE__ */ d(u, {
+						children: /* @__PURE__ */ f(d, {
 							size: 48,
 							className: "text-muted-foreground"
 						})
 					}),
-					/* @__PURE__ */ d("h3", {
+					/* @__PURE__ */ f("h3", {
 						className: "text-lg font-semibold mb-2",
-						children: b("membersList.noMembersYet", "No Members Yet")
+						children: r(b, "membersList.noMembersYet", "No Members Yet")
 					}),
-					/* @__PURE__ */ d("p", {
+					/* @__PURE__ */ f("p", {
 						className: "text-muted-foreground max-w-sm mb-4",
-						children: b("membersList.noMembersPrompt", "Start building your team by inviting members to this workspace")
+						children: r(b, "membersList.noMembersPrompt", "Start building your team by inviting members to this workspace")
 					}),
-					/* @__PURE__ */ d(v, {
+					/* @__PURE__ */ f(y, {
 						permission: n.MEMBER_CREATE,
 						deniedBehavior: "disable",
-						deniedTooltip: b("membersList.noPermissionToInvite", "You don't have permission to invite members"),
-						children: /* @__PURE__ */ f(m, {
+						deniedTooltip: r(b, "membersList.noPermissionToInvite", "You don't have permission to invite members"),
+						children: /* @__PURE__ */ p(h, {
 							onClick: $,
-							children: [/* @__PURE__ */ d(l, { className: "mr-2 h-4 w-4" }), b("membersList.inviteFirstMember", "Invite Your First Member")]
+							children: [/* @__PURE__ */ f(u, { className: "mr-2 h-4 w-4" }), r(b, "membersList.inviteFirstMember", "Invite Your First Member")]
 						})
 					})
 				]
 			}),
-			!U && !A && T && W && K.length === 0 && /* @__PURE__ */ f("div", {
+			!U && !A && T && W && K.length === 0 && /* @__PURE__ */ p("div", {
 				className: "flex flex-col items-center justify-center py-12 text-center",
 				children: [
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ f("div", {
 						className: "rounded-full bg-muted p-6 mb-4",
-						children: /* @__PURE__ */ d(c, {
+						children: /* @__PURE__ */ f(l, {
 							size: 48,
 							className: "text-muted-foreground"
 						})
 					}),
-					/* @__PURE__ */ d("h3", {
+					/* @__PURE__ */ f("h3", {
 						className: "text-lg font-semibold mb-2",
-						children: b("membersList.noMembersFound", "No Members Found")
+						children: r(b, "membersList.noMembersFound", "No Members Found")
 					}),
-					/* @__PURE__ */ d("p", {
+					/* @__PURE__ */ f("p", {
 						className: "text-muted-foreground max-w-sm",
-						children: b("membersList.noMembersFoundPrompt", "No members match your search criteria. Try adjusting your search.")
+						children: r(b, "membersList.noMembersFoundPrompt", "No members match your search criteria. Try adjusting your search.")
 					})
 				]
 			}),
-			!U && K.length > 0 && /* @__PURE__ */ f("div", {
+			!U && K.length > 0 && /* @__PURE__ */ p("div", {
 				className: "space-y-3",
-				children: [/* @__PURE__ */ d("div", {
+				children: [/* @__PURE__ */ f("div", {
 					className: "flex items-center justify-between",
-					children: /* @__PURE__ */ f("h2", {
+					children: /* @__PURE__ */ p("h2", {
 						className: "text-lg font-semibold",
 						children: [
-							b("membersList.activeMembers", "Active Members"),
+							r(b, "membersList.activeMembers", "Active Members"),
 							" (",
 							K.length,
 							")"
 						]
 					})
-				}), /* @__PURE__ */ d("div", {
+				}), /* @__PURE__ */ f("div", {
 					className: "space-y-2",
-					children: K.map((e) => /* @__PURE__ */ d(ie, {
+					children: K.map((e) => /* @__PURE__ */ f(oe, {
 						member: e,
 						selected: S.has(e.id),
 						onToggleSelect: (t) => {
@@ -310,101 +314,101 @@ function y() {
 					}, e.id))
 				})]
 			}),
-			!U && G && /* @__PURE__ */ f("div", {
+			!U && G && /* @__PURE__ */ p("div", {
 				className: "space-y-3",
 				children: [
-					/* @__PURE__ */ d("h2", {
+					/* @__PURE__ */ f("h2", {
 						className: "text-lg font-semibold",
-						children: b("membersList.pendingInvitationsHeader", "Pending Invitations")
+						children: r(b, "membersList.pendingInvitationsHeader", "Pending Invitations")
 					}),
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ p("div", {
 						className: "flex flex-col gap-3 rounded-lg border bg-card p-4 sm:flex-row sm:items-center sm:justify-between",
-						children: [/* @__PURE__ */ f("label", {
+						children: [/* @__PURE__ */ p("label", {
 							className: "flex items-center gap-2 text-sm text-foreground",
-							children: [/* @__PURE__ */ d("input", {
+							children: [/* @__PURE__ */ f("input", {
 								type: "checkbox",
 								checked: X,
 								ref: (e) => {
 									e && (e.indeterminate = be && !X);
 								},
 								onChange: (e) => Te(e.target.checked),
-								"aria-label": b("membersList.selectAllInvitationsAriaLabel", "Select all pending invitations"),
+								"aria-label": r(b, "membersList.selectAllInvitationsAriaLabel", "Select all pending invitations"),
 								className: "h-4 w-4 rounded border-border text-primary"
-							}), /* @__PURE__ */ d("span", { children: b("membersList.selectAllInvitations", "Select all invitations") })]
-						}), /* @__PURE__ */ f("div", {
+							}), /* @__PURE__ */ f("span", { children: r(b, "membersList.selectAllInvitations", "Select all invitations") })]
+						}), /* @__PURE__ */ p("div", {
 							className: "flex flex-wrap items-center gap-2",
 							children: [
-								/* @__PURE__ */ f("span", {
+								/* @__PURE__ */ p("span", {
 									className: "text-sm text-muted-foreground",
 									children: [
 										z.size,
 										" ",
-										b("membersList.selected", "selected")
+										r(b, "membersList.selected", "selected")
 									]
 								}),
-								z.size > 0 && /* @__PURE__ */ d(m, {
+								z.size > 0 && /* @__PURE__ */ f(h, {
 									variant: "ghost",
 									size: "sm",
 									onClick: () => B(/* @__PURE__ */ new Set()),
-									children: b("membersList.clearSelection", "Clear selection")
+									children: r(b, "membersList.clearSelection", "Clear selection")
 								}),
-								Z && /* @__PURE__ */ f(m, {
+								Z && /* @__PURE__ */ p(h, {
 									variant: "outline",
 									size: "sm",
 									onClick: De,
 									disabled: J.length === 0 || P,
-									children: [b("membersList.resendSelected", "Resend Selected"), J.length > 0 ? ` (${J.length})` : ""]
+									children: [r(b, "membersList.resendSelected", "Resend Selected"), J.length > 0 ? ` (${J.length})` : ""]
 								})
 							]
 						})]
 					}),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ f("div", {
 						className: "space-y-2",
-						children: H.map((e) => /* @__PURE__ */ f("div", {
+						children: H.map((e) => /* @__PURE__ */ p("div", {
 							className: "flex items-center justify-between p-4 border rounded-lg bg-card",
-							children: [/* @__PURE__ */ f("div", {
+							children: [/* @__PURE__ */ p("div", {
 								className: "flex items-center gap-3",
 								children: [
-									/* @__PURE__ */ d("input", {
+									/* @__PURE__ */ f("input", {
 										type: "checkbox",
 										checked: z.has(e.id),
 										onChange: (t) => we(e.id, t.target.checked),
-										"aria-label": `${b("membersList.selectInvitationAriaLabel", "Select invitation")} ${e.email}`,
+										"aria-label": `${r(b, "membersList.selectInvitationAriaLabel", "Select invitation")} ${e.email}`,
 										className: "h-4 w-4 rounded border-border text-primary"
 									}),
-									/* @__PURE__ */ d("div", {
+									/* @__PURE__ */ f("div", {
 										className: "w-10 h-10 rounded-full bg-status-warning/10 flex items-center justify-center transition-colors",
-										children: /* @__PURE__ */ d(u, { className: "h-5 w-5 text-status-warning" })
+										children: /* @__PURE__ */ f(d, { className: "h-5 w-5 text-status-warning" })
 									}),
-									/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+									/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
 										className: "font-medium text-sm",
 										children: e.email
-									}), /* @__PURE__ */ f("p", {
+									}), /* @__PURE__ */ p("p", {
 										className: "text-xs text-muted-foreground",
 										children: [
-											b("membersList.invited", "Invited"),
+											r(b, "membersList.invited", "Invited"),
 											" ",
 											new Date(e.createdAt).toLocaleDateString()
 										]
 									})] })
 								]
-							}), /* @__PURE__ */ f("div", {
+							}), /* @__PURE__ */ p("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ d(v, {
+								children: [/* @__PURE__ */ f(y, {
 									permission: n.MEMBER_CREATE,
 									deniedBehavior: "disable",
-									deniedTooltip: b("membersList.noPermissionToResend", "You don't have permission to resend invitations"),
-									children: /* @__PURE__ */ f(m, {
+									deniedTooltip: r(b, "membersList.noPermissionToResend", "You don't have permission to resend invitations"),
+									children: /* @__PURE__ */ p(h, {
 										variant: "outline",
 										size: "sm",
 										onClick: () => ve(e.id),
 										disabled: P && L === e.id,
-										children: [/* @__PURE__ */ d(le, { className: `h-4 w-4 mr-1 ${P && L === e.id ? "animate-spin" : ""}` }), P && L === e.id ? b("membersList.sending", "Sending...") : b("membersList.resend", "Resend")]
+										children: [/* @__PURE__ */ f(le, { className: `h-4 w-4 mr-1 ${P && L === e.id ? "animate-spin" : ""}` }), P && L === e.id ? r(b, "membersList.sending", "Sending...") : r(b, "membersList.resend", "Resend")]
 									})
-								}), /* @__PURE__ */ d(p, {
+								}), /* @__PURE__ */ f(m, {
 									variant: "outline",
 									className: "bg-status-warning/10 text-status-warning border-status-warning/30 transition-colors",
-									children: b("membersList.pending", "Pending")
+									children: r(b, "membersList.pending", "Pending")
 								})]
 							})]
 						}, e.id))
@@ -412,9 +416,9 @@ function y() {
 				]
 			})
 		]
-	}), /* @__PURE__ */ d(ae, { workspaceId: T })] });
+	}), /* @__PURE__ */ f(se, { workspaceId: T })] });
 }
 //#endregion
-export { y as MembersListPage };
+export { b as MembersListPage };
 
 //# sourceMappingURL=MembersListPage.js.map