@burdenoff/microfe-organization 2026.601.7 → 2026.601.8

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/organization-management/modules/members/pages/MemberDetailPage.js +74 -58
  2. package/dist/organization-management/modules/members/pages/MemberDetailPage.js.map +1 -1
  3. package/dist/organization-management/modules/members/pages/MembersListPage.js +202 -199
  4. package/dist/organization-management/modules/members/pages/MembersListPage.js.map +1 -1
  5. package/dist/organization-management/modules/workspaces/components/AddWorkspaceMemberDialog.js +92 -82
  6. package/dist/organization-management/modules/workspaces/components/AddWorkspaceMemberDialog.js.map +1 -1
  7. package/dist/organization-management/modules/workspaces/pages/WorkspaceDetailPage.js +180 -162
  8. package/dist/organization-management/modules/workspaces/pages/WorkspaceDetailPage.js.map +1 -1
  9. package/package.json +2 -2
package/dist/organization-management/modules/members/pages/MemberDetailPage.js CHANGED
@@ -5,118 +5,134 @@ import { ErrorState as r } from "../../../shared/components/feedback/ErrorState.
5
5
  import { PERMISSIONS as i } from "../../../constants/permissions.js";
6
6
  import { MemberRoleBadge as a } from "../components/MemberRoleBadge.js";
7
7
  import { useMember as o } from "../hooks/useMembers.js";
8
- import { ArrowLeft as s, Shield as c } from "lucide-react";
9
- import { usePermissions as l } from "@burdenoff/fe-libs/shared/providers/shell";
10
- import { jsx as u, jsxs as d } from "react/jsx-runtime";
11
- import { useParams as f } from "react-router-dom";
8
+ import { useMemo as s } from "react";
9
+ import { ArrowLeft as c, Shield as l } from "lucide-react";
10
+ import { usePermissions as u } from "@burdenoff/fe-libs/shared/providers/shell";
11
+ import { jsx as d, jsxs as f } from "react/jsx-runtime";
12
+ import { useParams as p } from "react-router-dom";
13
+ import { buildActorFallback as m, useActorProfiles as h } from "@burdenoff/fe-libs/shared";
12
14
  //#region src/organization-management/modules/members/pages/MemberDetailPage.tsx
13
- function p() {
14
- let p = t(), { organizationId: m, userId: h } = f(), { navigate: g, basePath: _ = "/organizations" } = e(), { hasPermission: v, isLoading: y } = l(), { member: b, loading: x, error: S } = o(m, h);
15
- return y ? /* @__PURE__ */ u("div", {
15
+ function g() {
16
+ let g = t(), { organizationId: _, userId: v } = p(), { navigate: y, basePath: b = "/organizations", apiGatewayUrl: x, authToken: S } = e(), { hasPermission: C, isLoading: w } = u(), { member: T, loading: E, error: D } = o(_, v), O = h(s(() => v ? [{
17
+ actorId: v,
18
+ actorType: "user"
19
+ }] : [], [v]), {
20
+ apiGatewayUrl: x,
21
+ authToken: S,
22
+ orgId: _
23
+ }), k = v && T ? O[T.userId] ?? m({
24
+ actorId: T.userId,
25
+ actorType: "user"
26
+ }) : null;
27
+ return w ? /* @__PURE__ */ d("div", {
16
28
  className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
17
- children: /* @__PURE__ */ u(n, { message: p("common.loadingPermissions", "Loading permissions...") })
18
- }) : v(i.MEMBER_READ) ? x ? /* @__PURE__ */ u("div", {
29
+ children: /* @__PURE__ */ d(n, { message: g("common.loadingPermissions", "Loading permissions...") })
30
+ }) : C(i.MEMBER_READ) ? E ? /* @__PURE__ */ d("div", {
19
31
  className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
20
- children: /* @__PURE__ */ u(n, { message: p("members.detail.loading", "Loading member...") })
21
- }) : S || !b ? /* @__PURE__ */ u("div", {
32
+ children: /* @__PURE__ */ d(n, { message: g("members.detail.loading", "Loading member...") })
33
+ }) : D || !T ? /* @__PURE__ */ d("div", {
22
34
  className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
23
- children: /* @__PURE__ */ u(r, {
24
- message: S?.message || p("members.detail.notFound", "Member not found"),
35
+ children: /* @__PURE__ */ d(r, {
36
+ message: D?.message || g("members.detail.notFound", "Member not found"),
25
37
  action: {
26
- label: p("common.goBack", "Go Back"),
27
- onClick: () => g(`${_}/${m}/members`)
38
+ label: g("common.goBack", "Go Back"),
39
+ onClick: () => y(`${b}/${_}/members`)
28
40
  }
29
41
  })
30
- }) : /* @__PURE__ */ d("div", {
42
+ }) : /* @__PURE__ */ f("div", {
31
43
  className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-300",
32
- children: [/* @__PURE__ */ d("div", {
44
+ children: [/* @__PURE__ */ f("div", {
33
45
  className: "mb-6",
34
- children: [/* @__PURE__ */ d("button", {
46
+ children: [/* @__PURE__ */ f("button", {
35
47
  type: "button",
36
- onClick: () => g(`${_}/${m}/members`),
48
+ onClick: () => y(`${b}/${_}/members`),
37
49
  className: "inline-flex items-center gap-2 text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)] active:scale-[0.98] transition-all duration-200 mb-4",
38
- children: [/* @__PURE__ */ u(s, { size: 20 }), p("members.detail.backToMembers", "Back to Members")]
39
- }), /* @__PURE__ */ d("div", {
50
+ children: [/* @__PURE__ */ d(c, { size: 20 }), g("members.detail.backToMembers", "Back to Members")]
51
+ }), /* @__PURE__ */ f("div", {
40
52
  className: "flex items-start gap-4",
41
- children: [/* @__PURE__ */ u("div", {
53
+ children: [/* @__PURE__ */ d("div", {
42
54
  className: "size-16 rounded-full bg-[var(--color-status-info-muted)] flex items-center justify-center",
43
- children: /* @__PURE__ */ u(c, {
55
+ children: /* @__PURE__ */ d(l, {
44
56
  size: 32,
45
57
  className: "text-[var(--color-status-info)]"
46
58
  })
47
- }), /* @__PURE__ */ d("div", { children: [
48
- /* @__PURE__ */ u("h1", {
59
+ }), /* @__PURE__ */ f("div", { children: [
60
+ /* @__PURE__ */ d("h1", {
49
61
  className: "text-3xl font-bold text-[var(--color-text-primary)]",
50
- children: p("members.detail.titlePrefix", "Member")
62
+ children: k?.displayName ?? g("members.detail.titlePrefix", "Member")
51
63
  }),
52
- /* @__PURE__ */ u("p", {
64
+ k?.email ? /* @__PURE__ */ d("p", {
65
+ className: "text-[var(--color-text-secondary)] mt-1 break-all",
66
+ children: k.email
67
+ }) : null,
68
+ /* @__PURE__ */ d("p", {
53
69
  className: "text-[var(--color-text-secondary)] mt-1",
54
- children: b.role
70
+ children: T.role
55
71
  }),
56
- /* @__PURE__ */ d("details", {
72
+ /* @__PURE__ */ f("details", {
57
73
  className: "mt-2 text-xs text-[var(--color-text-secondary)]",
58
- children: [/* @__PURE__ */ u("summary", {
74
+ children: [/* @__PURE__ */ d("summary", {
59
75
  className: "cursor-pointer",
60
- children: p("members.detail.showIds", "Show technical IDs")
61
- }), /* @__PURE__ */ d("dl", {
76
+ children: g("members.detail.showIds", "Show technical IDs")
77
+ }), /* @__PURE__ */ f("dl", {
62
78
  className: "mt-1 grid grid-cols-[auto_1fr] gap-x-3 gap-y-1",
63
79
  children: [
64
- /* @__PURE__ */ u("dt", { children: p("members.detail.userId", "User ID") }),
65
- /* @__PURE__ */ u("dd", {
80
+ /* @__PURE__ */ d("dt", { children: g("members.detail.userId", "User ID") }),
81
+ /* @__PURE__ */ d("dd", {
66
82
  className: "break-all font-mono",
67
- children: b.userId
83
+ children: T.userId
68
84
  }),
69
- /* @__PURE__ */ u("dt", { children: p("members.list.memberId", "Member ID") }),
70
- /* @__PURE__ */ u("dd", {
85
+ /* @__PURE__ */ d("dt", { children: g("members.list.memberId", "Member ID") }),
86
+ /* @__PURE__ */ d("dd", {
71
87
  className: "break-all font-mono",
72
- children: b.id
88
+ children: T.id
73
89
  })
74
90
  ]
75
91
  })]
76
92
  })
77
93
  ] })]
78
94
  })]
79
- }), /* @__PURE__ */ d("div", {
95
+ }), /* @__PURE__ */ f("div", {
80
96
  className: "bg-[var(--color-bg-surface)] border border-[var(--color-border-default)] rounded-lg p-6",
81
- children: [/* @__PURE__ */ u("h2", {
97
+ children: [/* @__PURE__ */ d("h2", {
82
98
  className: "text-lg font-semibold text-[var(--color-text-primary)] mb-4",
83
- children: p("members.detail.info", "Member Information")
84
- }), /* @__PURE__ */ d("div", {
99
+ children: g("members.detail.info", "Member Information")
100
+ }), /* @__PURE__ */ f("div", {
85
101
  className: "space-y-4",
86
102
  children: [
87
- /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
103
+ /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
88
104
  className: "text-sm text-[var(--color-text-secondary)]",
89
- children: p("members.list.column.role", "Role")
90
- }), /* @__PURE__ */ u("div", {
105
+ children: g("members.list.column.role", "Role")
106
+ }), /* @__PURE__ */ d("div", {
91
107
  className: "mt-1",
92
- children: /* @__PURE__ */ u(a, { role: b.role })
108
+ children: /* @__PURE__ */ d(a, { role: T.role })
93
109
  })] }),
94
- b.invitedBy && /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
110
+ T.invitedBy && /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
95
111
  className: "text-sm text-[var(--color-text-secondary)]",
96
- children: p("members.detail.invitedBy", "Invited By")
97
- }), /* @__PURE__ */ u("p", {
112
+ children: g("members.detail.invitedBy", "Invited By")
113
+ }), /* @__PURE__ */ d("p", {
98
114
  className: "text-[var(--color-text-primary)] font-medium",
99
- children: b.invitedBy
115
+ children: T.invitedBy
100
116
  })] }),
101
- b.joinedAt && /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
117
+ T.joinedAt && /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
102
118
  className: "text-sm text-[var(--color-text-secondary)]",
103
- children: p("members.detail.joinedAt", "Joined At")
104
- }), /* @__PURE__ */ u("p", {
119
+ children: g("members.detail.joinedAt", "Joined At")
120
+ }), /* @__PURE__ */ d("p", {
105
121
  className: "text-[var(--color-text-primary)] font-medium",
106
- children: new Date(b.joinedAt).toLocaleString()
122
+ children: new Date(T.joinedAt).toLocaleString()
107
123
  })] })
108
124
  ]
109
125
  })]
110
126
  })]
111
- }) : /* @__PURE__ */ u("div", {
127
+ }) : /* @__PURE__ */ d("div", {
112
128
  className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
113
- children: /* @__PURE__ */ u("div", {
129
+ children: /* @__PURE__ */ d("div", {
114
130
  className: "p-8 text-center text-[var(--color-text-secondary)]",
115
- children: p("members.detail.noPermission", "You don't have permission to view member details.")
131
+ children: g("members.detail.noPermission", "You don't have permission to view member details.")
116
132
  })
117
133
  });
118
134
  }
119
135
  //#endregion
120
- export { p as MemberDetailPage };
136
+ export { g as MemberDetailPage };
121
137
 
122
138
  //# sourceMappingURL=MemberDetailPage.js.map
package/dist/organization-management/modules/members/pages/MemberDetailPage.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MemberDetailPage.js","names":[],"sources":["../../../../../src/organization-management/modules/members/pages/MemberDetailPage.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport { ArrowLeft, Shield } from 'lucide-react';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useMember } from '../hooks/useMembers';\nimport { MemberRoleBadge } from '../components/MemberRoleBadge';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { ErrorState } from '../../../shared/components/feedback/ErrorState';\nimport { PERMISSIONS } from '../../../constants/permissions';\nimport { useTr } from '../../../shared/hooks/useTr';\n\n/**\n * Member Detail Page\n * Simplified version showing available member fields\n */\nexport function MemberDetailPage() {\n const tr = useTr();\n const { organizationId, userId } = useParams<{ organizationId: string; userId: string }>();\n const { navigate, basePath = '/organizations' } = useOrgConsole();\n const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n const { member, loading, error } = useMember(organizationId!, userId!);\n\n if (permissionsLoading) {\n return (\n <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n <LoadingState message={tr('common.loadingPermissions', 'Loading permissions...')} />\n </div>\n );\n }\n\n if (!hasPermission(PERMISSIONS.MEMBER_READ)) {\n return (\n <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n <div className=\"p-8 text-center text-[var(--color-text-secondary)]\">\n {tr('members.detail.noPermission', \"You don't have permission to view member details.\")}\n </div>\n </div>\n );\n }\n\n if (loading) {\n return (\n <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n <LoadingState message={tr('members.detail.loading', 'Loading member...')} />\n </div>\n );\n }\n\n if (error || !member) {\n return (\n <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n <ErrorState\n message={error?.message || tr('members.detail.notFound', 'Member not found')}\n action={{\n label: tr('common.goBack', 'Go Back'),\n onClick: () => navigate(`${basePath}/${organizationId}/members`),\n }}\n />\n </div>\n );\n }\n\n return (\n <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-300\">\n {/* Header */}\n <div className=\"mb-6\">\n <button\n type=\"button\"\n onClick={() => navigate(`${basePath}/${organizationId}/members`)}\n className=\"inline-flex items-center gap-2 text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)] active:scale-[0.98] transition-all duration-200 mb-4\"\n >\n <ArrowLeft size={20} />\n {tr('members.detail.backToMembers', 'Back to Members')}\n </button>\n\n <div className=\"flex items-start gap-4\">\n <div className=\"size-16 rounded-full bg-[var(--color-status-info-muted)] flex items-center justify-center\">\n <Shield size={32} className=\"text-[var(--color-status-info)]\" />\n </div>\n <div>\n <h1 className=\"text-3xl font-bold text-[var(--color-text-primary)]\">\n {tr('members.detail.titlePrefix', 'Member')}\n </h1>\n <p className=\"text-[var(--color-text-secondary)] mt-1\">{member.role}</p>\n <details className=\"mt-2 text-xs text-[var(--color-text-secondary)]\">\n <summary className=\"cursor-pointer\">\n {tr('members.detail.showIds', 'Show technical IDs')}\n </summary>\n <dl className=\"mt-1 grid grid-cols-[auto_1fr] gap-x-3 gap-y-1\">\n <dt>{tr('members.detail.userId', 'User ID')}</dt>\n <dd className=\"break-all font-mono\">{member.userId}</dd>\n <dt>{tr('members.list.memberId', 'Member ID')}</dt>\n <dd className=\"break-all font-mono\">{member.id}</dd>\n </dl>\n </details>\n </div>\n </div>\n </div>\n\n {/* Details */}\n <div className=\"bg-[var(--color-bg-surface)] border border-[var(--color-border-default)] rounded-lg p-6\">\n <h2 className=\"text-lg font-semibold text-[var(--color-text-primary)] mb-4\">\n {tr('members.detail.info', 'Member Information')}\n </h2>\n\n <div className=\"space-y-4\">\n <div>\n <p className=\"text-sm text-[var(--color-text-secondary)]\">\n {tr('members.list.column.role', 'Role')}\n </p>\n <div className=\"mt-1\">\n <MemberRoleBadge role={member.role} />\n </div>\n </div>\n\n {member.invitedBy && (\n <div>\n <p className=\"text-sm text-[var(--color-text-secondary)]\">\n {tr('members.detail.invitedBy', 'Invited By')}\n </p>\n <p className=\"text-[var(--color-text-primary)] font-medium\">{member.invitedBy}</p>\n </div>\n )}\n\n {member.joinedAt && (\n <div>\n <p className=\"text-sm text-[var(--color-text-secondary)]\">\n {tr('members.detail.joinedAt', 'Joined At')}\n </p>\n <p className=\"text-[var(--color-text-primary)] font-medium\">\n {new Date(member.joinedAt).toLocaleString()}\n </p>\n </div>\n )}\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"MemberDetailPage.js","names":[],"sources":["../../../../../src/organization-management/modules/members/pages/MemberDetailPage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ArrowLeft, Shield } from 'lucide-react';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { buildActorFallback, useActorProfiles, type ActorInput } from '@burdenoff/fe-libs/shared';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useMember } from '../hooks/useMembers';\nimport { MemberRoleBadge } from '../components/MemberRoleBadge';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { ErrorState } from '../../../shared/components/feedback/ErrorState';\nimport { PERMISSIONS } from '../../../constants/permissions';\nimport { useTr } from '../../../shared/hooks/useTr';\n\n/**\n * Member Detail Page\n * Simplified version showing available member fields\n */\nexport function MemberDetailPage() {\n const tr = useTr();\n const { organizationId, userId } = useParams<{ organizationId: string; userId: string }>();\n const { navigate, basePath = '/organizations', apiGatewayUrl, authToken } = useOrgConsole();\n const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n const { member, loading, error } = useMember(organizationId!, userId!);\n\n const memberActors = useMemo<ActorInput[]>(\n () => (userId ? [{ actorId: userId, actorType: 'user' }] : []),\n [userId]\n );\n const profileMap = useActorProfiles(memberActors, {\n apiGatewayUrl,\n authToken,\n orgId: organizationId,\n });\n const memberProfile =\n userId && member\n ? (profileMap[member.userId] ??\n buildActorFallback({ actorId: member.userId, actorType: 'user' }))\n : null;\n\n if (permissionsLoading) {\n return (\n <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n <LoadingState message={tr('common.loadingPermissions', 'Loading permissions...')} />\n </div>\n );\n }\n\n if (!hasPermission(PERMISSIONS.MEMBER_READ)) {\n return (\n <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n <div className=\"p-8 text-center text-[var(--color-text-secondary)]\">\n {tr('members.detail.noPermission', \"You don't have permission to view member details.\")}\n </div>\n </div>\n );\n }\n\n if (loading) {\n return (\n <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n <LoadingState message={tr('members.detail.loading', 'Loading member...')} />\n </div>\n );\n }\n\n if (error || !member) {\n return (\n <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n <ErrorState\n message={error?.message || tr('members.detail.notFound', 'Member not found')}\n action={{\n label: tr('common.goBack', 'Go Back'),\n onClick: () => navigate(`${basePath}/${organizationId}/members`),\n }}\n />\n </div>\n );\n }\n\n return (\n <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-300\">\n {/* Header */}\n <div className=\"mb-6\">\n <button\n type=\"button\"\n onClick={() => navigate(`${basePath}/${organizationId}/members`)}\n className=\"inline-flex items-center gap-2 text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)] active:scale-[0.98] transition-all duration-200 mb-4\"\n >\n <ArrowLeft size={20} />\n {tr('members.detail.backToMembers', 'Back to Members')}\n </button>\n\n <div className=\"flex items-start gap-4\">\n <div className=\"size-16 rounded-full bg-[var(--color-status-info-muted)] flex items-center justify-center\">\n <Shield size={32} className=\"text-[var(--color-status-info)]\" />\n </div>\n <div>\n <h1 className=\"text-3xl font-bold text-[var(--color-text-primary)]\">\n {memberProfile?.displayName ?? tr('members.detail.titlePrefix', 'Member')}\n </h1>\n {memberProfile?.email ? (\n <p className=\"text-[var(--color-text-secondary)] mt-1 break-all\">\n {memberProfile.email}\n </p>\n ) : null}\n <p className=\"text-[var(--color-text-secondary)] mt-1\">{member.role}</p>\n <details className=\"mt-2 text-xs text-[var(--color-text-secondary)]\">\n <summary className=\"cursor-pointer\">\n {tr('members.detail.showIds', 'Show technical IDs')}\n </summary>\n <dl className=\"mt-1 grid grid-cols-[auto_1fr] gap-x-3 gap-y-1\">\n <dt>{tr('members.detail.userId', 'User ID')}</dt>\n <dd className=\"break-all font-mono\">{member.userId}</dd>\n <dt>{tr('members.list.memberId', 'Member ID')}</dt>\n <dd className=\"break-all font-mono\">{member.id}</dd>\n </dl>\n </details>\n </div>\n </div>\n </div>\n\n {/* Details */}\n <div className=\"bg-[var(--color-bg-surface)] border border-[var(--color-border-default)] rounded-lg p-6\">\n <h2 className=\"text-lg font-semibold text-[var(--color-text-primary)] mb-4\">\n {tr('members.detail.info', 'Member Information')}\n </h2>\n\n <div className=\"space-y-4\">\n <div>\n <p className=\"text-sm text-[var(--color-text-secondary)]\">\n {tr('members.list.column.role', 'Role')}\n </p>\n <div className=\"mt-1\">\n <MemberRoleBadge role={member.role} />\n </div>\n </div>\n\n {member.invitedBy && (\n <div>\n <p className=\"text-sm text-[var(--color-text-secondary)]\">\n {tr('members.detail.invitedBy', 'Invited By')}\n </p>\n <p className=\"text-[var(--color-text-primary)] font-medium\">{member.invitedBy}</p>\n </div>\n )}\n\n {member.joinedAt && (\n <div>\n <p className=\"text-sm text-[var(--color-text-secondary)]\">\n {tr('members.detail.joinedAt', 'Joined At')}\n </p>\n <p className=\"text-[var(--color-text-primary)] font-medium\">\n {new Date(member.joinedAt).toLocaleString()}\n </p>\n </div>\n )}\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":"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"}