@burdenoff/microfe-workspaces 2026.529.2 → 2026.529.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/components/tags/ProjectTagsWidget.js +34 -29
  2. package/dist/components/tags/ProjectTagsWidget.js.map +1 -1
  3. package/dist/hooks/useMemberMutations.js +2 -1
  4. package/dist/hooks/useMemberMutations.js.map +1 -1
  5. package/dist/hooks/useWorkspaceMembers.js +1 -3
  6. package/dist/hooks/useWorkspaceMembers.js.map +1 -1
  7. package/dist/pages/MembersListPage.js +166 -164
  8. package/dist/pages/MembersListPage.js.map +1 -1
  9. package/package.json +2 -2
package/dist/pages/MembersListPage.js CHANGED
@@ -2,34 +2,34 @@ import { useWorkspacesContext as e } from "../providers/WorkspacesProvider.js";
2
2
  import { useWorkspacesStore as t } from "../store/workspacesStore.js";
3
3
  import { WORKSPACE_PERMISSIONS as n } from "../constants/permissions.js";
4
4
  import { tWithFallback as r } from "../utils/i18n.js";
5
- import { useWorkspacesPageView as ee } from "../hooks/useWorkspacesPageView.js";
6
- import { nativeConfirm as te, nativeImpact as ne } from "../utils/nativeBridge.js";
7
- import { useWorkspaceInvitations as i, useWorkspaceMembers as re } from "../hooks/useWorkspaceMembers.js";
8
- import { useRemoveUserFromWorkspace as ie, useResendInvitation as ae } from "../hooks/useMemberMutations.js";
9
- import { MemberListItem as oe } from "../components/MemberListItem.js";
10
- import { InviteMemberDialog as se } from "../components/InviteMemberDialog.js";
11
- import { useWorkspacePermissions as ce } from "../hooks/useWorkspacePermissions.js";
12
- import { useEffect as a, useMemo as o, useState as s } from "react";
13
- import { AlertCircle as le, RefreshCw as ue, Search as c, UserPlus as l, Users as u } from "lucide-react";
14
- import { jsx as d, jsxs as f } from "react/jsx-runtime";
15
- import { Badge as p, Button as m, Input as de, PageContainer as fe, Skeleton as h } from "@burdenoff/fe-libs/ui";
16
- import { useParams as pe, useSearchParams as me } from "react-router-dom";
17
- import { useDebounce as he } from "@burdenoff/fe-libs/shared/hooks";
18
- import { PermissionButton as g } from "@burdenoff/fe-libs/shared/components";
19
- import { useI18n as ge } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
20
- import { useActorProfiles as _e } from "@burdenoff/fe-libs/shared";
5
+ import { useWorkspacesPageView as i } from "../hooks/useWorkspacesPageView.js";
6
+ import { nativeConfirm as a, nativeImpact as o } from "../utils/nativeBridge.js";
7
+ import { useWorkspaceInvitations as s, useWorkspaceMembers as ee } from "../hooks/useWorkspaceMembers.js";
8
+ import { useRemoveUserFromWorkspace as te, useResendInvitation as ne } from "../hooks/useMemberMutations.js";
9
+ import { MemberListItem as re } from "../components/MemberListItem.js";
10
+ import { InviteMemberDialog as ie } from "../components/InviteMemberDialog.js";
11
+ import { useWorkspacePermissions as ae } from "../hooks/useWorkspacePermissions.js";
12
+ import { useEffect as c, useMemo as l, useState as u } from "react";
13
+ import { AlertCircle as oe, RefreshCw as se, Search as d, UserPlus as f, Users as p } from "lucide-react";
14
+ import { jsx as m, jsxs as h } from "react/jsx-runtime";
15
+ import { Badge as g, Button as _, Input as ce, PageContainer as le, Skeleton as v } from "@burdenoff/fe-libs/ui";
16
+ import { useParams as ue, useSearchParams as de } from "react-router-dom";
17
+ import { useDebounce as fe } from "@burdenoff/fe-libs/shared/hooks";
18
+ import { PermissionButton as y } from "@burdenoff/fe-libs/shared/components";
19
+ import { useI18n as pe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
20
+ import { useActorProfiles as me } from "@burdenoff/fe-libs/shared";
21
21
  //#region src/pages/MembersListPage.tsx
22
- function _() {
23
- let { t: _ } = ge(), { memberFilters: ve, setMemberFilters: v, selectedMemberIds: y, toggleMemberSelection: b, clearMemberSelection: x, openInviteMemberDialog: S } = t(), { workspaceId: C } = e(), { workspaceId: w } = pe(), T = w || C;
24
- ee("workspaces.members", {
25
- workspaceId: T,
22
+ function b() {
23
+ let { t: b } = pe(), { memberFilters: he, setMemberFilters: x, selectedMemberIds: S, toggleMemberSelection: C, clearMemberSelection: w, openInviteMemberDialog: T } = t(), { workspaceId: ge } = e(), { workspaceId: _e } = ue(), E = _e || ge;
24
+ i("workspaces.members", {
25
+ workspaceId: E,
26
26
  requireParams: !0
27
27
  });
28
- let [E, ye] = s(ve.search || ""), D = he(E, 500);
29
- a(() => {
30
- v({ search: D });
31
- }, [D, v]);
32
- let { data: O, isLoading: be, error: k } = re(T || ""), { data: A, isLoading: j } = i(T || "", "PENDING"), { mutate: M, isPending: N } = ae(), { mutate: xe, isPending: Se } = ie(), [P, F] = s(null), [I, L] = s(/* @__PURE__ */ new Set()), Ce = (e) => {
28
+ let [D, ve] = u(he.search || ""), O = fe(D, 500);
29
+ c(() => {
30
+ x({ search: O });
31
+ }, [O, x]);
32
+ let { data: k, isLoading: ye, error: A } = ee(E || ""), { data: j, isLoading: be } = s(E || "", "PENDING"), { mutate: M, isPending: N } = ne(), { mutate: xe, isPending: Se } = te(), [P, F] = u(null), [I, L] = u(/* @__PURE__ */ new Set()), Ce = (e) => {
33
33
  F(e), M(e, {
34
34
  onSuccess: () => {
35
35
  F(null);
@@ -38,7 +38,7 @@ function _() {
38
38
  console.error("Failed to resend invitation:", e), F(null);
39
39
  }
40
40
  });
41
- }, R = o(() => O?.items || [], [O?.items]), z = o(() => A?.items || [], [A?.items]), B = be || j, V = R.length > 0, H = z.length > 0, { apiGatewayUrl: we, authToken: Te, organizationId: Ee } = e(), De = _e(o(() => R.map((e) => ({
41
+ }, R = l(() => k?.items || [], [k?.items]), z = l(() => j?.items || [], [j?.items]), B = ye || be, V = R.length > 0, H = z.length > 0, { apiGatewayUrl: we, authToken: Te, organizationId: Ee } = e(), De = me(l(() => R.map((e) => ({
42
42
  actorId: e.userId,
43
43
  actorType: "user"
44
44
  })), [R]), {
@@ -46,47 +46,49 @@ function _() {
46
46
  authToken: Te,
47
47
  orgId: Ee
48
48
  }), U = R.filter((e) => {
49
- if (!D) return !0;
50
- let t = D.toLowerCase(), n = De[e.userId];
51
- return n && (n.displayName.toLowerCase().includes(t) || n.email?.toLowerCase().includes(t)) ? !0 : e.userId.toLowerCase().includes(t);
52
- }), W = o(() => U.filter((e) => y.has(e.id)), [U, y]), G = o(() => z.filter((e) => I.has(e.id)), [z, I]), K = U.length > 0 && U.every((e) => y.has(e.id)), Oe = U.some((e) => y.has(e.id)) && !K, q = z.length > 0 && z.every((e) => I.has(e.id)), J = z.some((e) => I.has(e.id)) && !q;
53
- a(() => () => x(), [x]);
54
- let [Y, X] = me();
55
- a(() => {
56
- if (Y.get("invite") === "true" && T) {
57
- S({ id: T });
49
+ if (!O) return !0;
50
+ let t = O.toLowerCase(), n = De[e.userId];
51
+ if (n && (n.displayName.toLowerCase().includes(t) || n.email?.toLowerCase().includes(t))) return !0;
52
+ let r = e.context?.metadata, i = typeof r?.email == "string" ? r.email : "", a = typeof r?.displayName == "string" ? r.displayName : typeof r?.name == "string" ? r.name : "";
53
+ return i.toLowerCase().includes(t) || a.toLowerCase().includes(t) ? !0 : e.userId.toLowerCase().includes(t);
54
+ }), W = l(() => U.filter((e) => S.has(e.id)), [U, S]), G = l(() => z.filter((e) => I.has(e.id)), [z, I]), K = U.length > 0 && U.every((e) => S.has(e.id)), Oe = U.some((e) => S.has(e.id)) && !K, q = z.length > 0 && z.every((e) => I.has(e.id)), J = z.some((e) => I.has(e.id)) && !q;
55
+ c(() => () => w(), [w]);
56
+ let [Y, X] = de();
57
+ c(() => {
58
+ if (Y.get("invite") === "true" && E) {
59
+ T({ id: E });
58
60
  let e = new URLSearchParams(Y);
59
61
  e.delete("invite"), X(e, { replace: !0 });
60
62
  }
61
63
  }, [
62
64
  Y,
63
65
  X,
64
- T,
65
- S
66
+ E,
67
+ T
66
68
  ]);
67
- let { canListMembers: ke, canInviteMember: Z, canRemoveMember: Q, isLoading: Ae } = ce();
68
- if (Ae) return /* @__PURE__ */ f("div", {
69
+ let { canListMembers: ke, canInviteMember: Z, canRemoveMember: Q, isLoading: Ae } = ae();
70
+ if (Ae) return /* @__PURE__ */ h("div", {
69
71
  className: "space-y-4 p-6",
70
- children: [/* @__PURE__ */ d(h, { className: "h-10 w-1/3" }), /* @__PURE__ */ d(h, { className: "h-64" })]
72
+ children: [/* @__PURE__ */ m(v, { className: "h-10 w-1/3" }), /* @__PURE__ */ m(v, { className: "h-64" })]
71
73
  });
72
- if (!ke && !Z) return /* @__PURE__ */ d("div", {
74
+ if (!ke && !Z) return /* @__PURE__ */ m("div", {
73
75
  className: "flex items-center justify-center min-h-[400px]",
74
- children: /* @__PURE__ */ f("div", {
76
+ children: /* @__PURE__ */ h("div", {
75
77
  className: "text-center space-y-2",
76
- children: [/* @__PURE__ */ d("h2", {
78
+ children: [/* @__PURE__ */ m("h2", {
77
79
  className: "text-lg font-semibold",
78
- children: r(_, "membersList.accessDenied", "Access Denied")
79
- }), /* @__PURE__ */ d("p", {
80
+ children: r(b, "membersList.accessDenied", "Access Denied")
81
+ }), /* @__PURE__ */ m("p", {
80
82
  className: "text-sm text-muted-foreground",
81
- children: r(_, "membersList.noPermissionToViewMembers", "You don't have permission to view workspace members.")
83
+ children: r(b, "membersList.noPermissionToViewMembers", "You don't have permission to view workspace members.")
82
84
  })]
83
85
  })
84
86
  });
85
87
  let $ = () => {
86
- T && S({ id: T });
88
+ E && T({ id: E });
87
89
  }, je = (e) => {
88
90
  U.forEach((t) => {
89
- e !== y.has(t.id) && b(t.id);
91
+ e !== S.has(t.id) && C(t.id);
90
92
  });
91
93
  }, Me = (e, t) => {
92
94
  L((n) => {
@@ -102,8 +104,8 @@ function _() {
102
104
  });
103
105
  }, Pe = async () => {
104
106
  if (W.length === 0) return;
105
- ne("medium");
106
- let e = `${r(_, "membersList.bulkRemoveConfirmPrefix", "Remove")} ${W.length} ${W.length === 1 ? r(_, "membersList.bulkRemoveConfirmSingular", "selected member") : r(_, "membersList.bulkRemoveConfirmPlural", "selected members")} ${r(_, "membersList.bulkRemoveConfirmSuffix", "from this workspace?")}`, t = await te({
107
+ o("medium");
108
+ let e = `${r(b, "membersList.bulkRemoveConfirmPrefix", "Remove")} ${W.length} ${W.length === 1 ? r(b, "membersList.bulkRemoveConfirmSingular", "selected member") : r(b, "membersList.bulkRemoveConfirmPlural", "selected members")} ${r(b, "membersList.bulkRemoveConfirmSuffix", "from this workspace?")}`, t = await a({
107
109
  title: "Remove members",
108
110
  message: e,
109
111
  okButtonTitle: "Remove",
@@ -111,7 +113,7 @@ function _() {
111
113
  });
112
114
  (t === null ? window.confirm(e) : t) && (W.forEach((e) => {
113
115
  xe(e.userId);
114
- }), x());
116
+ }), w());
115
117
  }, Fe = () => {
116
118
  G.length !== 0 && G.forEach((e) => {
117
119
  M(e.id, { onSuccess: () => {
@@ -122,102 +124,102 @@ function _() {
122
124
  } });
123
125
  });
124
126
  };
125
- return /* @__PURE__ */ f(fe, {
127
+ return /* @__PURE__ */ h(le, {
126
128
  padded: !1,
127
- children: [/* @__PURE__ */ f("div", {
129
+ children: [/* @__PURE__ */ h("div", {
128
130
  className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
129
131
  children: [
130
- /* @__PURE__ */ f("div", {
132
+ /* @__PURE__ */ h("div", {
131
133
  className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4",
132
- children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
134
+ children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h1", {
133
135
  className: "text-2xl sm:text-3xl font-bold",
134
- children: r(_, "membersList.pageTitle", "Members")
135
- }), /* @__PURE__ */ d("p", {
136
+ children: r(b, "membersList.pageTitle", "Members")
137
+ }), /* @__PURE__ */ m("p", {
136
138
  className: "text-muted-foreground text-sm sm:text-base",
137
- children: r(_, "membersList.pageSubtitle", "Manage workspace members and invitations")
138
- })] }), /* @__PURE__ */ d("div", {
139
+ children: r(b, "membersList.pageSubtitle", "Manage workspace members and invitations")
140
+ })] }), /* @__PURE__ */ m("div", {
139
141
  className: "flex gap-2",
140
- children: /* @__PURE__ */ d(g, {
142
+ children: /* @__PURE__ */ m(y, {
141
143
  permission: n.MEMBER_CREATE,
142
144
  deniedBehavior: "disable",
143
- deniedTooltip: r(_, "membersList.noPermissionToInvite", "You don't have permission to invite members"),
144
- children: /* @__PURE__ */ f(m, {
145
+ deniedTooltip: r(b, "membersList.noPermissionToInvite", "You don't have permission to invite members"),
146
+ children: /* @__PURE__ */ h(_, {
145
147
  onClick: $,
146
- disabled: !T,
147
- children: [/* @__PURE__ */ d(l, { className: "size-4 sm:mr-2" }), /* @__PURE__ */ d("span", {
148
+ disabled: !E,
149
+ children: [/* @__PURE__ */ m(f, { className: "size-4 sm:mr-2" }), /* @__PURE__ */ m("span", {
148
150
  className: "hidden sm:inline",
149
- children: r(_, "membersList.inviteMember", "Invite Member")
151
+ children: r(b, "membersList.inviteMember", "Invite Member")
150
152
  })]
151
153
  })
152
154
  })
153
155
  })]
154
156
  }),
155
- /* @__PURE__ */ f("div", {
157
+ /* @__PURE__ */ h("div", {
156
158
  className: "flex flex-col sm:flex-row gap-3 sm:gap-4",
157
- children: [/* @__PURE__ */ f("div", {
159
+ children: [/* @__PURE__ */ h("div", {
158
160
  className: "relative flex-1",
159
- children: [/* @__PURE__ */ d(c, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }), /* @__PURE__ */ d(de, {
160
- placeholder: r(_, "membersList.searchPlaceholder", "Search members..."),
161
- value: E,
162
- onChange: (e) => ye(e.target.value),
161
+ children: [/* @__PURE__ */ m(d, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }), /* @__PURE__ */ m(ce, {
162
+ placeholder: r(b, "membersList.searchPlaceholder", "Search members..."),
163
+ value: D,
164
+ onChange: (e) => ve(e.target.value),
163
165
  className: "pl-9"
164
166
  })]
165
- }), H && /* @__PURE__ */ d("div", {
167
+ }), H && /* @__PURE__ */ m("div", {
166
168
  className: "flex items-center gap-2",
167
- children: /* @__PURE__ */ f(p, {
169
+ children: /* @__PURE__ */ h(g, {
168
170
  variant: "secondary",
169
171
  className: "text-sm",
170
172
  children: [
171
173
  z.length,
172
174
  " ",
173
- z.length === 1 ? r(_, "membersList.pendingInvitation", "Pending Invitation") : r(_, "membersList.pendingInvitations", "Pending Invitations")
175
+ z.length === 1 ? r(b, "membersList.pendingInvitation", "Pending Invitation") : r(b, "membersList.pendingInvitations", "Pending Invitations")
174
176
  ]
175
177
  })
176
178
  })]
177
179
  }),
178
- U.length > 0 && /* @__PURE__ */ f("div", {
180
+ U.length > 0 && /* @__PURE__ */ h("div", {
179
181
  className: "flex flex-col gap-3 rounded-lg border bg-card p-4 sm:flex-row sm:items-center sm:justify-between",
180
- children: [/* @__PURE__ */ f("label", {
182
+ children: [/* @__PURE__ */ h("label", {
181
183
  className: "flex items-center gap-2 text-sm text-foreground",
182
- children: [/* @__PURE__ */ d("input", {
184
+ children: [/* @__PURE__ */ m("input", {
183
185
  type: "checkbox",
184
186
  checked: K,
185
187
  ref: (e) => {
186
188
  e && (e.indeterminate = Oe && !K);
187
189
  },
188
190
  onChange: (e) => je(e.target.checked),
189
- "aria-label": r(_, "membersList.selectAllMembersAriaLabel", "Select all workspace members"),
191
+ "aria-label": r(b, "membersList.selectAllMembersAriaLabel", "Select all workspace members"),
190
192
  className: "size-4 rounded border-border text-primary"
191
- }), /* @__PURE__ */ d("span", { children: r(_, "membersList.selectAllVisibleMembers", "Select all visible members") })]
192
- }), /* @__PURE__ */ f("div", {
193
+ }), /* @__PURE__ */ m("span", { children: r(b, "membersList.selectAllVisibleMembers", "Select all visible members") })]
194
+ }), /* @__PURE__ */ h("div", {
193
195
  className: "flex flex-wrap items-center gap-2",
194
196
  children: [
195
- /* @__PURE__ */ f("span", {
197
+ /* @__PURE__ */ h("span", {
196
198
  className: "text-sm text-muted-foreground",
197
199
  children: [
198
- y.size,
200
+ S.size,
199
201
  " ",
200
- r(_, "membersList.selected", "selected")
202
+ r(b, "membersList.selected", "selected")
201
203
  ]
202
204
  }),
203
- y.size > 0 && /* @__PURE__ */ d(m, {
205
+ S.size > 0 && /* @__PURE__ */ m(_, {
204
206
  variant: "ghost",
205
207
  size: "sm",
206
- onClick: x,
207
- children: r(_, "membersList.clearSelection", "Clear selection")
208
+ onClick: w,
209
+ children: r(b, "membersList.clearSelection", "Clear selection")
208
210
  }),
209
- Q && /* @__PURE__ */ f(m, {
211
+ Q && /* @__PURE__ */ h(_, {
210
212
  variant: "outline",
211
213
  size: "sm",
212
214
  onClick: Pe,
213
215
  disabled: W.length === 0 || Se,
214
216
  className: "text-destructive",
215
- children: [r(_, "membersList.removeSelected", "Remove Selected"), W.length > 0 ? ` (${W.length})` : ""]
217
+ children: [r(b, "membersList.removeSelected", "Remove Selected"), W.length > 0 ? ` (${W.length})` : ""]
216
218
  })
217
219
  ]
218
220
  })]
219
221
  }),
220
- B && /* @__PURE__ */ d("div", {
222
+ B && /* @__PURE__ */ m("div", {
221
223
  className: "space-y-3",
222
224
  children: [...[
223
225
  ,
@@ -225,217 +227,217 @@ function _() {
225
227
  ,
226
228
  ,
227
229
  ,
228
- ]].map((e, t) => /* @__PURE__ */ d(h, { className: "h-20 w-full" }, t))
230
+ ]].map((e, t) => /* @__PURE__ */ m(v, { className: "h-20 w-full" }, t))
229
231
  }),
230
- !B && k && /* @__PURE__ */ f("div", {
232
+ !B && A && /* @__PURE__ */ h("div", {
231
233
  className: "flex flex-col items-center justify-center py-12 text-center",
232
234
  children: [
233
- /* @__PURE__ */ d("div", {
235
+ /* @__PURE__ */ m("div", {
234
236
  className: "rounded-full bg-destructive/10 p-6 mb-4",
235
- children: /* @__PURE__ */ d(le, {
237
+ children: /* @__PURE__ */ m(oe, {
236
238
  size: 48,
237
239
  className: "text-destructive"
238
240
  })
239
241
  }),
240
- /* @__PURE__ */ d("h3", {
242
+ /* @__PURE__ */ m("h3", {
241
243
  className: "text-lg font-semibold mb-2",
242
- children: r(_, "membersList.failedToLoad", "Failed to Load Members")
244
+ children: r(b, "membersList.failedToLoad", "Failed to Load Members")
243
245
  }),
244
- /* @__PURE__ */ d("p", {
246
+ /* @__PURE__ */ m("p", {
245
247
  className: "text-muted-foreground max-w-sm",
246
- children: k instanceof Error ? k.message : r(_, "membersList.errorLoadingMembers", "An error occurred while loading members")
248
+ children: A instanceof Error ? A.message : r(b, "membersList.errorLoadingMembers", "An error occurred while loading members")
247
249
  })
248
250
  ]
249
251
  }),
250
- !B && !k && !T && /* @__PURE__ */ f("div", {
252
+ !B && !A && !E && /* @__PURE__ */ h("div", {
251
253
  className: "flex flex-col items-center justify-center py-12 text-center",
252
254
  children: [
253
- /* @__PURE__ */ d("div", {
255
+ /* @__PURE__ */ m("div", {
254
256
  className: "rounded-full bg-muted p-6 mb-4",
255
- children: /* @__PURE__ */ d(u, {
257
+ children: /* @__PURE__ */ m(p, {
256
258
  size: 48,
257
259
  className: "text-muted-foreground"
258
260
  })
259
261
  }),
260
- /* @__PURE__ */ d("h3", {
262
+ /* @__PURE__ */ m("h3", {
261
263
  className: "text-lg font-semibold mb-2",
262
- children: r(_, "membersList.noWorkspaceSelected", "No Workspace Selected")
264
+ children: r(b, "membersList.noWorkspaceSelected", "No Workspace Selected")
263
265
  }),
264
- /* @__PURE__ */ d("p", {
266
+ /* @__PURE__ */ m("p", {
265
267
  className: "text-muted-foreground max-w-sm",
266
- children: r(_, "membersList.selectWorkspacePrompt", "Select a workspace to view and manage its members")
268
+ children: r(b, "membersList.selectWorkspacePrompt", "Select a workspace to view and manage its members")
267
269
  })
268
270
  ]
269
271
  }),
270
- !B && !k && T && !V && /* @__PURE__ */ f("div", {
272
+ !B && !A && E && !V && /* @__PURE__ */ h("div", {
271
273
  className: "flex flex-col items-center justify-center py-12 text-center",
272
274
  children: [
273
- /* @__PURE__ */ d("div", {
275
+ /* @__PURE__ */ m("div", {
274
276
  className: "rounded-full bg-muted p-6 mb-4",
275
- children: /* @__PURE__ */ d(u, {
277
+ children: /* @__PURE__ */ m(p, {
276
278
  size: 48,
277
279
  className: "text-muted-foreground"
278
280
  })
279
281
  }),
280
- /* @__PURE__ */ d("h3", {
282
+ /* @__PURE__ */ m("h3", {
281
283
  className: "text-lg font-semibold mb-2",
282
- children: r(_, "membersList.noMembersYet", "No Members Yet")
284
+ children: r(b, "membersList.noMembersYet", "No Members Yet")
283
285
  }),
284
- /* @__PURE__ */ d("p", {
286
+ /* @__PURE__ */ m("p", {
285
287
  className: "text-muted-foreground max-w-sm mb-4",
286
- children: r(_, "membersList.noMembersPrompt", "Start building your team by inviting members to this workspace")
288
+ children: r(b, "membersList.noMembersPrompt", "Start building your team by inviting members to this workspace")
287
289
  }),
288
- /* @__PURE__ */ d(g, {
290
+ /* @__PURE__ */ m(y, {
289
291
  permission: n.MEMBER_CREATE,
290
292
  deniedBehavior: "disable",
291
- deniedTooltip: r(_, "membersList.noPermissionToInvite", "You don't have permission to invite members"),
292
- children: /* @__PURE__ */ f(m, {
293
+ deniedTooltip: r(b, "membersList.noPermissionToInvite", "You don't have permission to invite members"),
294
+ children: /* @__PURE__ */ h(_, {
293
295
  onClick: $,
294
- children: [/* @__PURE__ */ d(l, { className: "mr-2 size-4" }), r(_, "membersList.inviteFirstMember", "Invite Your First Member")]
296
+ children: [/* @__PURE__ */ m(f, { className: "mr-2 size-4" }), r(b, "membersList.inviteFirstMember", "Invite Your First Member")]
295
297
  })
296
298
  })
297
299
  ]
298
300
  }),
299
- !B && !k && T && V && U.length === 0 && /* @__PURE__ */ f("div", {
301
+ !B && !A && E && V && U.length === 0 && /* @__PURE__ */ h("div", {
300
302
  className: "flex flex-col items-center justify-center py-12 text-center",
301
303
  children: [
302
- /* @__PURE__ */ d("div", {
304
+ /* @__PURE__ */ m("div", {
303
305
  className: "rounded-full bg-muted p-6 mb-4",
304
- children: /* @__PURE__ */ d(c, {
306
+ children: /* @__PURE__ */ m(d, {
305
307
  size: 48,
306
308
  className: "text-muted-foreground"
307
309
  })
308
310
  }),
309
- /* @__PURE__ */ d("h3", {
311
+ /* @__PURE__ */ m("h3", {
310
312
  className: "text-lg font-semibold mb-2",
311
- children: r(_, "membersList.noMembersFound", "No Members Found")
313
+ children: r(b, "membersList.noMembersFound", "No Members Found")
312
314
  }),
313
- /* @__PURE__ */ d("p", {
315
+ /* @__PURE__ */ m("p", {
314
316
  className: "text-muted-foreground max-w-sm",
315
- children: r(_, "membersList.noMembersFoundPrompt", "No members match your search criteria. Try adjusting your search.")
317
+ children: r(b, "membersList.noMembersFoundPrompt", "No members match your search criteria. Try adjusting your search.")
316
318
  })
317
319
  ]
318
320
  }),
319
- !B && U.length > 0 && /* @__PURE__ */ f("div", {
321
+ !B && U.length > 0 && /* @__PURE__ */ h("div", {
320
322
  className: "space-y-3",
321
- children: [/* @__PURE__ */ d("div", {
323
+ children: [/* @__PURE__ */ m("div", {
322
324
  className: "flex items-center justify-between",
323
- children: /* @__PURE__ */ f("h2", {
325
+ children: /* @__PURE__ */ h("h2", {
324
326
  className: "text-lg font-semibold",
325
327
  children: [
326
- r(_, "membersList.activeMembers", "Active Members"),
328
+ r(b, "membersList.activeMembers", "Active Members"),
327
329
  " (",
328
330
  U.length,
329
331
  ")"
330
332
  ]
331
333
  })
332
- }), /* @__PURE__ */ d("div", {
334
+ }), /* @__PURE__ */ m("div", {
333
335
  className: "space-y-2",
334
- children: U.map((e) => /* @__PURE__ */ d(oe, {
336
+ children: U.map((e) => /* @__PURE__ */ m(re, {
335
337
  member: e,
336
- selected: y.has(e.id),
338
+ selected: S.has(e.id),
337
339
  onToggleSelect: (t) => {
338
- t !== y.has(e.id) && b(e.id);
340
+ t !== S.has(e.id) && C(e.id);
339
341
  },
340
342
  canRemove: Q
341
343
  }, e.id))
342
344
  })]
343
345
  }),
344
- !B && H && /* @__PURE__ */ f("div", {
346
+ !B && H && /* @__PURE__ */ h("div", {
345
347
  className: "space-y-3",
346
348
  children: [
347
- /* @__PURE__ */ d("h2", {
349
+ /* @__PURE__ */ m("h2", {
348
350
  className: "text-lg font-semibold",
349
- children: r(_, "membersList.pendingInvitationsHeader", "Pending Invitations")
351
+ children: r(b, "membersList.pendingInvitationsHeader", "Pending Invitations")
350
352
  }),
351
- /* @__PURE__ */ f("div", {
353
+ /* @__PURE__ */ h("div", {
352
354
  className: "flex flex-col gap-3 rounded-lg border bg-card p-4 sm:flex-row sm:items-center sm:justify-between",
353
- children: [/* @__PURE__ */ f("label", {
355
+ children: [/* @__PURE__ */ h("label", {
354
356
  className: "flex items-center gap-2 text-sm text-foreground",
355
- children: [/* @__PURE__ */ d("input", {
357
+ children: [/* @__PURE__ */ m("input", {
356
358
  type: "checkbox",
357
359
  checked: q,
358
360
  ref: (e) => {
359
361
  e && (e.indeterminate = J && !q);
360
362
  },
361
363
  onChange: (e) => Ne(e.target.checked),
362
- "aria-label": r(_, "membersList.selectAllInvitationsAriaLabel", "Select all pending invitations"),
364
+ "aria-label": r(b, "membersList.selectAllInvitationsAriaLabel", "Select all pending invitations"),
363
365
  className: "size-4 rounded border-border text-primary"
364
- }), /* @__PURE__ */ d("span", { children: r(_, "membersList.selectAllInvitations", "Select all invitations") })]
365
- }), /* @__PURE__ */ f("div", {
366
+ }), /* @__PURE__ */ m("span", { children: r(b, "membersList.selectAllInvitations", "Select all invitations") })]
367
+ }), /* @__PURE__ */ h("div", {
366
368
  className: "flex flex-wrap items-center gap-2",
367
369
  children: [
368
- /* @__PURE__ */ f("span", {
370
+ /* @__PURE__ */ h("span", {
369
371
  className: "text-sm text-muted-foreground",
370
372
  children: [
371
373
  I.size,
372
374
  " ",
373
- r(_, "membersList.selected", "selected")
375
+ r(b, "membersList.selected", "selected")
374
376
  ]
375
377
  }),
376
- I.size > 0 && /* @__PURE__ */ d(m, {
378
+ I.size > 0 && /* @__PURE__ */ m(_, {
377
379
  variant: "ghost",
378
380
  size: "sm",
379
381
  onClick: () => L(/* @__PURE__ */ new Set()),
380
- children: r(_, "membersList.clearSelection", "Clear selection")
382
+ children: r(b, "membersList.clearSelection", "Clear selection")
381
383
  }),
382
- Z && /* @__PURE__ */ f(m, {
384
+ Z && /* @__PURE__ */ h(_, {
383
385
  variant: "outline",
384
386
  size: "sm",
385
387
  onClick: Fe,
386
388
  disabled: G.length === 0 || N,
387
- children: [r(_, "membersList.resendSelected", "Resend Selected"), G.length > 0 ? ` (${G.length})` : ""]
389
+ children: [r(b, "membersList.resendSelected", "Resend Selected"), G.length > 0 ? ` (${G.length})` : ""]
388
390
  })
389
391
  ]
390
392
  })]
391
393
  }),
392
- /* @__PURE__ */ d("div", {
394
+ /* @__PURE__ */ m("div", {
393
395
  className: "space-y-2",
394
- children: z.map((e) => /* @__PURE__ */ f("div", {
396
+ children: z.map((e) => /* @__PURE__ */ h("div", {
395
397
  className: "flex items-center justify-between p-4 border rounded-lg bg-card",
396
- children: [/* @__PURE__ */ f("div", {
398
+ children: [/* @__PURE__ */ h("div", {
397
399
  className: "flex items-center gap-3",
398
400
  children: [
399
- /* @__PURE__ */ d("input", {
401
+ /* @__PURE__ */ m("input", {
400
402
  type: "checkbox",
401
403
  checked: I.has(e.id),
402
404
  onChange: (t) => Me(e.id, t.target.checked),
403
- "aria-label": `${r(_, "membersList.selectInvitationAriaLabel", "Select invitation")} ${e.email}`,
405
+ "aria-label": `${r(b, "membersList.selectInvitationAriaLabel", "Select invitation")} ${e.email}`,
404
406
  className: "size-4 rounded border-border text-primary"
405
407
  }),
406
- /* @__PURE__ */ d("div", {
408
+ /* @__PURE__ */ m("div", {
407
409
  className: "size-10 rounded-full bg-status-warning/10 flex items-center justify-center transition-colors",
408
- children: /* @__PURE__ */ d(u, { className: "size-5 text-status-warning" })
410
+ children: /* @__PURE__ */ m(p, { className: "size-5 text-status-warning" })
409
411
  }),
410
- /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
412
+ /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
411
413
  className: "font-medium text-sm",
412
414
  children: e.email
413
- }), /* @__PURE__ */ f("p", {
415
+ }), /* @__PURE__ */ h("p", {
414
416
  className: "text-xs text-muted-foreground",
415
417
  children: [
416
- r(_, "membersList.invited", "Invited"),
418
+ r(b, "membersList.invited", "Invited"),
417
419
  " ",
418
420
  new Date(e.createdAt).toLocaleDateString()
419
421
  ]
420
422
  })] })
421
423
  ]
422
- }), /* @__PURE__ */ f("div", {
424
+ }), /* @__PURE__ */ h("div", {
423
425
  className: "flex items-center gap-2",
424
- children: [/* @__PURE__ */ d(g, {
426
+ children: [/* @__PURE__ */ m(y, {
425
427
  permission: n.MEMBER_CREATE,
426
428
  deniedBehavior: "disable",
427
- deniedTooltip: r(_, "membersList.noPermissionToResend", "You don't have permission to resend invitations"),
428
- children: /* @__PURE__ */ f(m, {
429
+ deniedTooltip: r(b, "membersList.noPermissionToResend", "You don't have permission to resend invitations"),
430
+ children: /* @__PURE__ */ h(_, {
429
431
  variant: "outline",
430
432
  size: "sm",
431
433
  onClick: () => Ce(e.id),
432
434
  disabled: N && P === e.id,
433
- children: [/* @__PURE__ */ d(ue, { className: `size-4 mr-1 ${N && P === e.id ? "animate-spin" : ""}` }), N && P === e.id ? r(_, "membersList.sending", "Sending...") : r(_, "membersList.resend", "Resend")]
435
+ children: [/* @__PURE__ */ m(se, { className: `size-4 mr-1 ${N && P === e.id ? "animate-spin" : ""}` }), N && P === e.id ? r(b, "membersList.sending", "Sending...") : r(b, "membersList.resend", "Resend")]
434
436
  })
435
- }), /* @__PURE__ */ d(p, {
437
+ }), /* @__PURE__ */ m(g, {
436
438
  variant: "outline",
437
439
  className: "bg-status-warning/10 text-status-warning border-status-warning/30 transition-colors",
438
- children: r(_, "membersList.pending", "Pending")
440
+ children: r(b, "membersList.pending", "Pending")
439
441
  })]
440
442
  })]
441
443
  }, e.id))
@@ -443,10 +445,10 @@ function _() {
443
445
  ]
444
446
  })
445
447
  ]
446
- }), /* @__PURE__ */ d(se, { workspaceId: T })]
448
+ }), /* @__PURE__ */ m(ie, { workspaceId: E })]
447
449
  });
448
450
  }
449
451
  //#endregion
450
- export { _ as MembersListPage };
452
+ export { b as MembersListPage };
451
453
 
452
454
  //# sourceMappingURL=MembersListPage.js.map