@burdenoff/microfe-organization 2026.1013.2 → 2026.1101.1

package/dist/organization-management/modules/members/pages/MemberDetailPage.js

@@ -1,10 +1,10 @@
 import { useOrgConsole as e } from "../../../providers/OrgConsoleProvider.js";
-import { useTr as t } from "../../../shared/hooks/useTr.js";
-import { LoadingState as n } from "../../../shared/components/feedback/LoadingState.js";
-import { ErrorState as r } from "../../../shared/components/feedback/ErrorState.js";
-import { PERMISSIONS as i } from "../../../constants/permissions.js";
-import { MemberRoleBadge as a } from "../components/MemberRoleBadge.js";
-import { useMember as o } from "../hooks/useMembers.js";
+import { useMember as t } from "../hooks/useMembers.js";
+import { MemberRoleBadge as n } from "../components/MemberRoleBadge.js";
+import { LoadingState as r } from "../../../shared/components/feedback/LoadingState.js";
+import { ErrorState as i } from "../../../shared/components/feedback/ErrorState.js";
+import { PERMISSIONS as a } from "../../../constants/permissions.js";
+import { useTr as o } from "../../../shared/hooks/useTr.js";
 import { useMemo as s } from "react";
 import { ArrowLeft as c, Shield as l } from "lucide-react";
 import { EmphasisPanel as u, GlassCard as d, PagePurpose as f } from "@burdenoff/fe-libs/ui";
@@ -12,28 +12,28 @@ import { usePermissions as p } from "@burdenoff/fe-libs/shared/providers/shell";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import { useParams as g } from "react-router";
 import { buildActorFallback as _, useActorProfiles as v } from "@burdenoff/fe-libs/shared";
-//#region src/organization-management/modules/members/pages/MemberDetailPage.tsx
+// src/organization-management/modules/members/pages/MemberDetailPage.tsx
 function y() {
-	let y = t(), { organizationId: b, userId: x } = g(), { navigate: S, basePath: C = "/organizations", apiGatewayUrl: w, authToken: T } = e(), { hasPermission: E, isLoading: D } = p(), { member: O, loading: k, error: A } = o(b, x), j = v(s(() => x ? [{
+	let y = o(), { organizationId: b, userId: x } = g(), { navigate: S, basePath: C = "/organizations", apiGatewayUrl: w, authToken: T } = e(), { hasPermission: E, isLoading: D } = p(), { member: O, loading: k, error: A } = t(b, x), j = s(() => x ? [{
 		actorId: x,
 		actorType: "user"
-	}] : [], [x]), {
+	}] : [], [x]), M = v(j, {
 		apiGatewayUrl: w,
 		authToken: T,
 		orgId: b
-	}), M = x && O ? j[O.userId] ?? _({
+	}), N = x && O ? M[O.userId] ?? _({
 		actorId: O.userId,
 		actorType: "user"
 	}) : null;
 	return D ? /* @__PURE__ */ m("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
-		children: /* @__PURE__ */ m(n, { message: y("common.loadingPermissions", "Loading permissions...") })
-	}) : E(i.MEMBER_READ) ? k ? /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ m(r, { message: y("common.loadingPermissions", "Loading permissions...") })
+	}) : E(a.MEMBER_READ) ? k ? /* @__PURE__ */ m("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
-		children: /* @__PURE__ */ m(n, { message: y("members.detail.loading", "Loading member...") })
+		children: /* @__PURE__ */ m(r, { message: y("members.detail.loading", "Loading member...") })
 	}) : A || !O ? /* @__PURE__ */ m("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
-		children: /* @__PURE__ */ m(r, {
+		children: /* @__PURE__ */ m(i, {
 			message: A?.message || y("members.detail.notFound", "Member not found"),
 			action: {
 				label: y("common.goBack", "Go Back"),
@@ -60,11 +60,11 @@ function y() {
 				}), /* @__PURE__ */ h("div", { children: [
 					/* @__PURE__ */ m("h1", {
 						className: "text-3xl font-bold text-[var(--color-text-primary)]",
-						children: M?.displayName ?? y("members.detail.titlePrefix", "Member")
+						children: N?.displayName ?? y("members.detail.titlePrefix", "Member")
 					}),
-					M?.email ? /* @__PURE__ */ m("p", {
+					N?.email ? /* @__PURE__ */ m("p", {
 						className: "text-[var(--color-text-secondary)] mt-1 break-all",
-						children: M.email
+						children: N.email
 					}) : null,
 					/* @__PURE__ */ m("p", {
 						className: "text-[var(--color-text-secondary)] mt-1",
@@ -111,7 +111,7 @@ function y() {
 						children: y("members.list.column.role", "Role")
 					}), /* @__PURE__ */ m("div", {
 						className: "mt-1",
-						children: /* @__PURE__ */ m(a, { role: O.role })
+						children: /* @__PURE__ */ m(n, { role: O.role })
 					})] }),
 					O.invitedBy && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 						className: "text-sm text-[var(--color-text-secondary)]",
@@ -138,7 +138,6 @@ function y() {
 		})
 	});
 }
-//#endregion
 export { y as MemberDetailPage };
 
 //# sourceMappingURL=MemberDetailPage.js.map

package/dist/organization-management/modules/members/pages/MemberDetailPage.js.map

@@ -1 +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';\nimport { ArrowLeft, Shield } from 'lucide-react';\nimport { EmphasisPanel, GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\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-200\">\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)] transition-all duration-200 mb-4\"\n        >\n          <ArrowLeft size={20} />\n          {tr('members.detail.backToMembers', 'Back to Members')}\n        </button>\n\n        <EmphasisPanel 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            <PagePurpose className=\"mt-3 max-w-2xl\">\n              {tr(\n                'members.detail.purpose',\n                \"This page shows one person's membership in the organization — their role, when they joined, and who invited them. Use it to confirm a member has the right level of access.\"\n              )}\n            </PagePurpose>\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        </EmphasisPanel>\n      </div>\n\n      {/* Details */}\n      <GlassCard treatment=\"plain\" className=\"border-border-seam 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      </GlassCard>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MemberDetailPage.js","names":["MemberDetailPage","tr","useTr","useParams","useOrgConsole","permissionsLoading","usePermissions","useMember","organizationId","userId","memberActors","useMemo","profileMap","useActorProfiles","memberProfile","member","buildActorFallback","LoadingState","hasPermission","PERMISSIONS","loading","error","ErrorState","navigate","basePath","ArrowLeft","EmphasisPanel","Shield","PagePurpose","GlassCard","MemberRoleBadge"],"sources":["../../../../../src/organization-management/modules/members/pages/MemberDetailPage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useParams } from 'react-router';\nimport { ArrowLeft, Shield } from 'lucide-react';\nimport { EmphasisPanel, GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\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-200\">\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)] transition-all duration-200 mb-4\"\n        >\n          <ArrowLeft size={20} />\n          {tr('members.detail.backToMembers', 'Back to Members')}\n        </button>\n\n        <EmphasisPanel 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            <PagePurpose className=\"mt-3 max-w-2xl\">\n              {tr(\n                'members.detail.purpose',\n                \"This page shows one person's membership in the organization — their role, when they joined, and who invited them. Use it to confirm a member has the right level of access.\"\n              )}\n            </PagePurpose>\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        </EmphasisPanel>\n      </div>\n\n      {/* Details */}\n      <GlassCard treatment=\"plain\" className=\"border-border-seam 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      </GlassCard>\n    </div>\n  );\n}\n"],"mappings":"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"}