npm - @burdenoff/microfe-organization - Versions diffs - 2026.1026.1 → 2026.1101.1 - Mend

@burdenoff/microfe-organization 2026.1026.1 → 2026.1101.1

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 (172) hide show

package/dist/organization-management/modules/members/pages/InviteMemberPage.js CHANGED Viewed

@@ -1,29 +1,29 @@
-import { useOrgConsole as e } from "../../../providers/OrgConsoleProvider.js";
-import { toast as t } from "../../../../node_modules/sonner/dist/index.js";
+import { toast as e } from "../../../../node_modules/sonner/dist/index.js";
+import { useOrgConsole as t } from "../../../providers/OrgConsoleProvider.js";
 import { useInviteMember as n } from "../hooks/useInvites.js";
-import { useTr as r } from "../../../shared/hooks/useTr.js";
-import { LoadingState as i } from "../../../shared/components/feedback/LoadingState.js";
-import { PERMISSIONS as a } from "../../../constants/permissions.js";
-import { InviteMemberForm as o } from "../components/InviteMemberForm.js";
-import { BulkInviteForm as s } from "../components/BulkInviteForm.js";
-import { PendingInvitesList as c } from "../components/PendingInvitesList.js";
+import { InviteMemberForm as r } from "../components/InviteMemberForm.js";
+import { BulkInviteForm as i } from "../components/BulkInviteForm.js";
+import { PendingInvitesList as a } from "../components/PendingInvitesList.js";
+import { LoadingState as o } from "../../../shared/components/feedback/LoadingState.js";
+import { PERMISSIONS as s } from "../../../constants/permissions.js";
+import { useTr as c } from "../../../shared/hooks/useTr.js";
 import { useState as l } from "react";
 import { ArrowLeft as u, UserPlus as d } from "lucide-react";
 import { GlassCard as f, PagePurpose as p, ShowMore as m } from "@burdenoff/fe-libs/ui";
 import { usePermissions as h } from "@burdenoff/fe-libs/shared/providers/shell";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { useParams as v } from "react-router";
-//#region src/organization-management/modules/members/pages/InviteMemberPage.tsx
+// src/organization-management/modules/members/pages/InviteMemberPage.tsx
 function y() {
-	let y = r(), { organizationId: b } = v(), { navigate: x, basePath: S = "/organizations" } = e(), { hasPermission: C, isLoading: w } = h(), { inviteMember: T, loading: E, error: D } = n(), [O, k] = l("single"), A = async (e) => {
-		await T(e), t.success(`${y("members.invite.success", "Invitation sent to")} ${e.email}`);
+	let y = c(), { organizationId: b } = v(), { navigate: x, basePath: S = "/organizations" } = t(), { hasPermission: C, isLoading: w } = h(), { inviteMember: T, loading: E, error: D } = n(), [O, k] = l("single"), A = async (t) => {
+		await T(t), e.success(`${y("members.invite.success", "Invitation sent to")} ${t.email}`);
 	}, j = () => {
 		x(`${S}/${b}/members`);
 	};
 	return w ? /* @__PURE__ */ g("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
-		children: /* @__PURE__ */ g(i, { message: y("common.loadingPermissions", "Loading permissions...") })
-	}) : C(a.MEMBER_INVITE) ? /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ g(o, { message: y("common.loadingPermissions", "Loading permissions...") })
+	}) : C(s.MEMBER_INVITE) ? /* @__PURE__ */ g("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
 		children: /* @__PURE__ */ _("div", {
 			className: "mx-auto max-w-3xl space-y-8",
@@ -90,12 +90,12 @@ function y() {
 								children: D.message.includes("CONFLICT") ? y("members.invite.error.conflict", "An invite already exists for this email address.") : D.message.includes("already a member") ? y("members.invite.error.alreadyMember", "This user is already a member of the organization.") : D.message
 							})
 						}),
-						O === "single" ? /* @__PURE__ */ g(o, {
+						O === "single" ? /* @__PURE__ */ g(r, {
 							organizationId: b,
 							onSubmit: A,
 							onCancel: j,
 							loading: E
-						}) : /* @__PURE__ */ g(s, {
+						}) : /* @__PURE__ */ g(i, {
 							organizationId: b,
 							inviteMember: T,
 							onCancel: j,
@@ -108,7 +108,7 @@ function y() {
 					className: "border-border-seam p-6",
 					children: /* @__PURE__ */ g(m, {
 						collapsedHeight: 260,
-						children: /* @__PURE__ */ g(c, { organizationId: b })
+						children: /* @__PURE__ */ g(a, { organizationId: b })
 					})
 				})
 			]
@@ -121,7 +121,6 @@ function y() {
 		})
 	});
 }
-//#endregion
 export { y as InviteMemberPage };
 //# sourceMappingURL=InviteMemberPage.js.map

package/dist/organization-management/modules/members/pages/InviteMemberPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InviteMemberPage.js","names":[],"sources":["../../../../../src/organization-management/modules/members/pages/InviteMemberPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useParams } from 'react-router';\nimport { ArrowLeft, UserPlus } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { GlassCard, PagePurpose, ShowMore } from '@burdenoff/fe-libs/ui';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useInviteMember } from '../hooks/useInvites';\nimport { InviteMemberForm } from '../components/InviteMemberForm';\nimport { BulkInviteForm } from '../components/BulkInviteForm';\nimport { PendingInvitesList } from '../components/PendingInvitesList';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { PERMISSIONS } from '../../../constants/permissions';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ntype InviteMode = 'single' \| 'bulk';\n\n/*\n Invite Member Page\n * Email-based invite form with pending invites list below\n /\nexport function InviteMemberPage() {\n const tr = useTr();\n const { organizationId } = useParams<{ organizationId: string }>();\n const { navigate, basePath = '/organizations' } = useOrgConsole();\n const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n const { inviteMember, loading, error } = useInviteMember();\n const [mode, setMode] = useState<InviteMode>('single');\n\n const handleSubmit = async (data: {\n organizationId: string;\n email: string;\n message?: string;\n }) => {\n await inviteMember(data);\n toast.success(`${tr('members.invite.success', 'Invitation sent to')} ${data.email}`);\n };\n\n const handleCancel = () => {\n navigate(`${basePath}/${organizationId}/members`);\n };\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_INVITE)) {\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.invite.noPermission', \"You don't have permission to invite members.\")}\n </div>\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\">\n <div className=\"mx-auto max-w-3xl space-y-8\">\n {/ Header /}\n <div className=\"flex items-center gap-3\">\n <button\n type=\"button\"\n onClick={handleCancel}\n className=\"rounded-lg p-2 transition-colors hover:bg-[var(--color-bg-subtle)]\"\n aria-label={tr('members.invite.backToMembers', 'Back to members')}\n >\n <ArrowLeft size={20} className=\"text-[var(--color-text-secondary)]\" />\n </button>\n <div className=\"flex items-center gap-2\">\n <UserPlus size={24} className=\"text-[var(--color-text-primary)]\" />\n <h1 className=\"text-2xl font-bold text-[var(--color-text-primary)]\">\n {tr('members.invite.title', 'Invite Member')}\n </h1>\n </div>\n </div>\n\n <PagePurpose className=\"max-w-2xl\">\n {tr(\n 'members.invite.purpose',\n 'Send someone an invitation to join this organization. Invite one person by email, or upload a CSV to invite a whole team at once — invitees accept from their own account and instantly gain access to the organization.'\n )}\n </PagePurpose>\n\n {/ Mode toggle /}\n <div\n className=\"inline-flex rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-1\"\n role=\"tablist\"\n aria-label={tr('members.invite.modeToggle', 'Invite mode')}\n >\n {(['single', 'bulk'] as const).map((m) => {\n const isActive = mode === m;\n const label =\n m === 'single'\n ? tr('members.invite.modeSingle', 'Single')\n : tr('members.invite.modeBulk', 'Bulk (CSV)');\n return (\n <button\n key={m}\n type=\"button\"\n role=\"tab\"\n aria-selected={isActive}\n onClick={() => setMode(m)}\n className={`min-h-9 rounded-md px-4 py-1.5 text-sm font-medium transition-colors ${\n isActive\n ? 'bg-[var(--color-action-primary-bg)] text-[var(--color-action-primary-text)]'\n : 'text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)]'\n }`}\n >\n {label}\n </button>\n );\n })}\n </div>\n\n {/ Invite Form Card /}\n <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-6\">\n <h2 className=\"text-lg font-semibold text-[var(--color-text-primary)] mb-4\">\n {mode === 'single'\n ? tr('members.invite.send', 'Send Invite')\n : tr('members.bulkInvite.title', 'Bulk Invite from CSV')}\n </h2>\n <p className=\"text-sm text-[var(--color-text-muted)] mb-6\">\n {mode === 'single'\n ? tr(\n 'members.invite.description',\n 'Enter the email address of the person you want to invite. They will receive an email notification and can accept or decline from their account.'\n )\n : tr(\n 'members.bulkInvite.pageDescription',\n 'Upload a CSV to invite many people at once. Download the template below to see the expected format.'\n )}\n </p>\n\n {mode === 'single' && error && (\n <div className=\"mb-4 rounded-lg border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bgSubtle)] p-3\">\n <p className=\"text-sm text-[var(--color-status-error-text)]\">\n {error.message.includes('CONFLICT')\n ? tr(\n 'members.invite.error.conflict',\n 'An invite already exists for this email address.'\n )\n : error.message.includes('already a member')\n ? tr(\n 'members.invite.error.alreadyMember',\n 'This user is already a member of the organization.'\n )\n : error.message}\n </p>\n </div>\n )}\n\n {mode === 'single' ? (\n <InviteMemberForm\n organizationId={organizationId!}\n onSubmit={handleSubmit}\n onCancel={handleCancel}\n loading={loading}\n />\n ) : (\n <BulkInviteForm\n organizationId={organizationId!}\n inviteMember={inviteMember}\n onCancel={handleCancel}\n loading={loading}\n />\n )}\n </GlassCard>\n\n {/ Pending Invites */}\n <GlassCard treatment=\"plain\" className=\"border-border-seam p-6\">\n <ShowMore collapsedHeight={260}>\n <PendingInvitesList organizationId={organizationId!} />\n </ShowMore>\n </GlassCard>\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAqBA,SAAgB,IAAmB;CACjC,IAAM,IAAK,GAAO,EACZ,EAAE,sBAAmB,GAAuC,EAC5D,EAAE,aAAU,cAAW,qBAAqB,GAAe,EAC3D,EAAE,kBAAe,WAAW,MAAuB,GAAgB,EACnE,EAAE,iBAAc,YAAS,aAAU,GAAiB,EACpD,CAAC,GAAM,KAAW,EAAqB,SAAS,EAEhD,IAAe,OAAO,MAItB;AAEJ,EADA,MAAM,EAAa,EAAK,EACxB,EAAM,QAAQ,GAAG,EAAG,0BAA0B,qBAAqB,CAAC,GAAG,EAAK,QAAQ;IAGhF,UAAqB;AACzB,IAAS,GAAG,EAAS,GAAG,EAAe,UAAU;;AAqBnD,QAlBI,IAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAc,SAAS,EAAG,6BAA6B,yBAAyB,EAAI,CAAA;EAChF,CAAA,GAIL,EAAc,EAAY,cAAc,GAW3C,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf;IAEE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,WAAU;MACV,cAAY,EAAG,gCAAgC,kBAAkB;gBAEjE,kBAAC,GAAD;OAAW,MAAM;OAAI,WAAU;OAAuC,CAAA;MAC/D,CAAA,EACT,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OAAU,MAAM;OAAI,WAAU;OAAqC,CAAA,EACnE,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAG,wBAAwB,gBAAgB;OACzC,CAAA,CACD;QACF;;IAEN,kBAAC,GAAD;KAAa,WAAU;eACpB,EACC,0BACA,2NACD;KACW,CAAA;IAGd,kBAAC,OAAD;KACE,WAAU;KACV,MAAK;KACL,cAAY,EAAG,6BAA6B,cAAc;eAExD,CAAC,UAAU,OAAO,CAAW,KAAK,MAAM;MACxC,IAAM,IAAW,MAAS,GACpB,IACJ,MAAM,WACF,EAAG,6BAA6B,SAAS,GACzC,EAAG,2BAA2B,aAAa;AACjD,aACE,kBAAC,UAAD;OAEE,MAAK;OACL,MAAK;OACL,iBAAe;OACf,eAAe,EAAQ,EAAE;OACzB,WAAW,wEACT,IACI,gFACA;iBAGL;OACM,EAZF,EAYE;OAEX;KACE,CAAA;IAGN,kBAAC,GAAD;KAAW,WAAU;KAAQ,MAAA;KAAK,WAAU;eAA5C;MACE,kBAAC,MAAD;OAAI,WAAU;iBACX,MAAS,WACN,EAAG,uBAAuB,cAAc,GACxC,EAAG,4BAA4B,uBAAuB;OACvD,CAAA;MACL,kBAAC,KAAD;OAAG,WAAU;iBACV,MAAS,WACN,EACE,8BACA,kJACD,GACD,EACE,sCACA,sGACD;OACH,CAAA;MAEH,MAAS,YAAY,KACpB,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAM,QAAQ,SAAS,WAAW,GAC/B,EACE,iCACA,mDACD,GACD,EAAM,QAAQ,SAAS,mBAAmB,GACxC,EACE,sCACA,qDACD,GACD,EAAM;QACV,CAAA;OACA,CAAA;MAGP,MAAS,WACR,kBAAC,GAAD;OACkB;OAChB,UAAU;OACV,UAAU;OACD;OACT,CAAA,GAEF,kBAAC,GAAD;OACkB;OACF;OACd,UAAU;OACD;OACT,CAAA;MAEM;;IAGZ,kBAAC,GAAD;KAAW,WAAU;KAAQ,WAAU;eACrC,kBAAC,GAAD;MAAU,iBAAiB;gBACzB,kBAAC,GAAD,EAAoC,mBAAmB,CAAA;MAC9C,CAAA;KACD,CAAA;IACR;;EACF,CAAA,GAhIJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAG,+BAA+B,+CAA+C;GAC9E,CAAA;EACF,CAAA"}
1	+ {"version":3,"file":"InviteMemberPage.js","names":["InviteMemberPage","tr","useTr","useParams","useOrgConsole","permissionsLoading","usePermissions","useInviteMember","mode","setMode","useState","handleSubmit","inviteMember","data","toast","handleCancel","basePath","organizationId","LoadingState","hasPermission","PERMISSIONS","ArrowLeft","UserPlus","PagePurpose","isActive","m","label","GlassCard","error","InviteMemberForm","BulkInviteForm","ShowMore","PendingInvitesList"],"sources":["../../../../../src/organization-management/modules/members/pages/InviteMemberPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useParams } from 'react-router';\nimport { ArrowLeft, UserPlus } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { GlassCard, PagePurpose, ShowMore } from '@burdenoff/fe-libs/ui';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useInviteMember } from '../hooks/useInvites';\nimport { InviteMemberForm } from '../components/InviteMemberForm';\nimport { BulkInviteForm } from '../components/BulkInviteForm';\nimport { PendingInvitesList } from '../components/PendingInvitesList';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { PERMISSIONS } from '../../../constants/permissions';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ntype InviteMode = 'single' \| 'bulk';\n\n/*\n Invite Member Page\n * Email-based invite form with pending invites list below\n /\nexport function InviteMemberPage() {\n const tr = useTr();\n const { organizationId } = useParams<{ organizationId: string }>();\n const { navigate, basePath = '/organizations' } = useOrgConsole();\n const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n const { inviteMember, loading, error } = useInviteMember();\n const [mode, setMode] = useState<InviteMode>('single');\n\n const handleSubmit = async (data: {\n organizationId: string;\n email: string;\n message?: string;\n }) => {\n await inviteMember(data);\n toast.success(`${tr('members.invite.success', 'Invitation sent to')} ${data.email}`);\n };\n\n const handleCancel = () => {\n navigate(`${basePath}/${organizationId}/members`);\n };\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_INVITE)) {\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.invite.noPermission', \"You don't have permission to invite members.\")}\n </div>\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\">\n <div className=\"mx-auto max-w-3xl space-y-8\">\n {/ Header /}\n <div className=\"flex items-center gap-3\">\n <button\n type=\"button\"\n onClick={handleCancel}\n className=\"rounded-lg p-2 transition-colors hover:bg-[var(--color-bg-subtle)]\"\n aria-label={tr('members.invite.backToMembers', 'Back to members')}\n >\n <ArrowLeft size={20} className=\"text-[var(--color-text-secondary)]\" />\n </button>\n <div className=\"flex items-center gap-2\">\n <UserPlus size={24} className=\"text-[var(--color-text-primary)]\" />\n <h1 className=\"text-2xl font-bold text-[var(--color-text-primary)]\">\n {tr('members.invite.title', 'Invite Member')}\n </h1>\n </div>\n </div>\n\n <PagePurpose className=\"max-w-2xl\">\n {tr(\n 'members.invite.purpose',\n 'Send someone an invitation to join this organization. Invite one person by email, or upload a CSV to invite a whole team at once — invitees accept from their own account and instantly gain access to the organization.'\n )}\n </PagePurpose>\n\n {/ Mode toggle /}\n <div\n className=\"inline-flex rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-1\"\n role=\"tablist\"\n aria-label={tr('members.invite.modeToggle', 'Invite mode')}\n >\n {(['single', 'bulk'] as const).map((m) => {\n const isActive = mode === m;\n const label =\n m === 'single'\n ? tr('members.invite.modeSingle', 'Single')\n : tr('members.invite.modeBulk', 'Bulk (CSV)');\n return (\n <button\n key={m}\n type=\"button\"\n role=\"tab\"\n aria-selected={isActive}\n onClick={() => setMode(m)}\n className={`min-h-9 rounded-md px-4 py-1.5 text-sm font-medium transition-colors ${\n isActive\n ? 'bg-[var(--color-action-primary-bg)] text-[var(--color-action-primary-text)]'\n : 'text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)]'\n }`}\n >\n {label}\n </button>\n );\n })}\n </div>\n\n {/ Invite Form Card /}\n <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-6\">\n <h2 className=\"text-lg font-semibold text-[var(--color-text-primary)] mb-4\">\n {mode === 'single'\n ? tr('members.invite.send', 'Send Invite')\n : tr('members.bulkInvite.title', 'Bulk Invite from CSV')}\n </h2>\n <p className=\"text-sm text-[var(--color-text-muted)] mb-6\">\n {mode === 'single'\n ? tr(\n 'members.invite.description',\n 'Enter the email address of the person you want to invite. They will receive an email notification and can accept or decline from their account.'\n )\n : tr(\n 'members.bulkInvite.pageDescription',\n 'Upload a CSV to invite many people at once. Download the template below to see the expected format.'\n )}\n </p>\n\n {mode === 'single' && error && (\n <div className=\"mb-4 rounded-lg border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bgSubtle)] p-3\">\n <p className=\"text-sm text-[var(--color-status-error-text)]\">\n {error.message.includes('CONFLICT')\n ? tr(\n 'members.invite.error.conflict',\n 'An invite already exists for this email address.'\n )\n : error.message.includes('already a member')\n ? tr(\n 'members.invite.error.alreadyMember',\n 'This user is already a member of the organization.'\n )\n : error.message}\n </p>\n </div>\n )}\n\n {mode === 'single' ? (\n <InviteMemberForm\n organizationId={organizationId!}\n onSubmit={handleSubmit}\n onCancel={handleCancel}\n loading={loading}\n />\n ) : (\n <BulkInviteForm\n organizationId={organizationId!}\n inviteMember={inviteMember}\n onCancel={handleCancel}\n loading={loading}\n />\n )}\n </GlassCard>\n\n {/ Pending Invites */}\n <GlassCard treatment=\"plain\" className=\"border-border-seam p-6\">\n <ShowMore collapsedHeight={260}>\n <PendingInvitesList organizationId={organizationId!} />\n </ShowMore>\n </GlassCard>\n </div>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/organization-management/modules/members/pages/InvitePeoplePage.js CHANGED Viewed

@@ -1,31 +1,31 @@
 import { useOrgConsole as e } from "../../../providers/OrgConsoleProvider.js";
 import { useMyOrganizations as t } from "../../organizations/hooks/useOrganizations.js";
-import { useTr as n } from "../../../shared/hooks/useTr.js";
+import { useOrgsWithPermission as n } from "../../organizations/hooks/useOrgsWithPermission.js";
 import { LoadingState as r } from "../../../shared/components/feedback/LoadingState.js";
 import { ErrorState as i } from "../../../shared/components/feedback/ErrorState.js";
-import { useOrganizationPageView as a } from "../../../hooks/useOrganizationPageView.js";
-import { useOrgsWithPermission as o } from "../../organizations/hooks/useOrgsWithPermission.js";
+import { useTr as a } from "../../../shared/hooks/useTr.js";
+import { useOrganizationPageView as o } from "../../../hooks/useOrganizationPageView.js";
 import { useEffect as s, useMemo as c, useState as l } from "react";
 import { Building as u, ChevronRight as d, UserPlus as f } from "lucide-react";
 import { GlassCard as p, IllustratedEmptyState as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-//#region src/organization-management/modules/members/pages/InvitePeoplePage.tsx
+// src/organization-management/modules/members/pages/InvitePeoplePage.tsx
 function v() {
-	a("organizations.invite-people");
-	let v = n(), { navigate: y, basePath: b = "/organizations" } = e(), { organizations: x, loading: S, error: C } = t(100, 0), { allowedIds: w, loading: T, isError: E } = o(c(() => x.map((e) => e.id), [x]), "member", "create"), D = c(() => x.filter((e) => w.has(e.id)), [x, w]), [O, k] = l(!1);
+	o("organizations.invite-people");
+	let v = a(), { navigate: y, basePath: b = "/organizations" } = e(), { organizations: x, loading: S, error: C } = t(100, 0), w = c(() => x.map((e) => e.id), [x]), { allowedIds: T, loading: E, isError: D } = n(w, "member", "create"), O = c(() => x.filter((e) => T.has(e.id)), [x, T]), [k, A] = l(!1);
 	return s(() => {
-		O || S || T || D.length === 1 && (k(!0), y(`${b}/${D[0].id}/members/invite`));
+		k || S || E || O.length === 1 && (A(!0), y(`${b}/${O[0].id}/members/invite`));
 	}, [
-		O,
+		k,
 		S,
-		T,
-		D,
+		E,
+		O,
 		y,
 		b
-	]), S || T ? /* @__PURE__ */ g("div", {
+	]), S || E ? /* @__PURE__ */ g("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
 		children: /* @__PURE__ */ g(r, { message: v("common.loading", "Loading...") })
-	}) : C || E ? /* @__PURE__ */ g("div", {
+	}) : C || D ? /* @__PURE__ */ g("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
 		children: /* @__PURE__ */ g(i, { message: C?.message || v("members.invitePeople.error", "Failed to load organizations for invite.") })
 	}) : /* @__PURE__ */ g("div", {
@@ -52,7 +52,7 @@ function v() {
 						children: v("members.invitePeople.purpose", "This is the quickest way to bring a new person on board — choose which organization to invite them into, then send the invite. They will get an invitation they can accept to join and start collaborating.")
 					})
 				] })]
-			}), D.length === 0 ? /* @__PURE__ */ g(p, {
+			}), O.length === 0 ? /* @__PURE__ */ g(p, {
 				treatment: "glass",
 				glow: !0,
 				className: "border-border-seam p-6",
@@ -63,7 +63,7 @@ function v() {
 				})
 			}) : /* @__PURE__ */ g("ul", {
 				className: "divide-y divide-[var(--color-border-seam)] overflow-hidden rounded-card border border-border-seam bg-bg-surface shadow-elevation-1",
-				children: D.map((e) => /* @__PURE__ */ g("li", { children: /* @__PURE__ */ _("button", {
+				children: O.map((e) => /* @__PURE__ */ g("li", { children: /* @__PURE__ */ _("button", {
 					type: "button",
 					onClick: () => y(`${b}/${e.id}/members/invite`),
 					className: "flex w-full items-center justify-between gap-4 px-5 py-4 text-left transition-colors hover:bg-[var(--color-bg-subtle)]",
@@ -95,7 +95,6 @@ function v() {
 		})
 	});
 }
-//#endregion
 export { v as InvitePeoplePage };
 //# sourceMappingURL=InvitePeoplePage.js.map

package/dist/organization-management/modules/members/pages/InvitePeoplePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InvitePeoplePage.js","names":[],"sources":["../../../../../src/organization-management/modules/members/pages/InvitePeoplePage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { Building, ChevronRight, UserPlus } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useMyOrganizations } from '../../organizations/hooks/useOrganizations';\nimport { useOrgsWithPermission } from '../../organizations/hooks/useOrgsWithPermission';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { ErrorState } from '../../../shared/components/feedback/ErrorState';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport { useOrganizationPageView } from '../../../hooks/useOrganizationPageView';\n\n/*\n InvitePeoplePage\n \n Globally-reachable entry point (sidebar nav item) for inviting users.\n * Lists the orgs the current user can invite into, then deep-links into\n * each org's existing `members/invite` page so the invite flow itself\n * remains a single source of truth.\n \n If the user has exactly one org with invite permission, redirect\n * straight to that org's invite page — saves a click for the common case.\n */\nexport function InvitePeoplePage() {\n useOrganizationPageView('organizations.invite-people');\n const tr = useTr();\n const { navigate, basePath = '/organizations' } = useOrgConsole();\n const { organizations, loading, error } = useMyOrganizations(100, 0);\n\n const orgIds = useMemo(() => organizations.map((o) => o.id), [organizations]);\n const {\n allowedIds,\n loading: permLoading,\n isError: permError,\n } = useOrgsWithPermission(orgIds, 'member', 'create');\n\n const invitable = useMemo(\n () => organizations.filter((o) => allowedIds.has(o.id)),\n [organizations, allowedIds]\n );\n\n const [autoRedirected, setAutoRedirected] = useState(false);\n useEffect(() => {\n if (autoRedirected) return;\n if (loading \|\| permLoading) return;\n if (invitable.length === 1) {\n setAutoRedirected(true);\n navigate(`${basePath}/${invitable[0].id}/members/invite`);\n }\n }, [autoRedirected, loading, permLoading, invitable, navigate, basePath]);\n\n if (loading \|\| permLoading) {\n return (\n <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n <LoadingState message={tr('common.loading', 'Loading...')} />\n </div>\n );\n }\n\n if (error \|\| permError) {\n return (\n <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n <ErrorState\n message={\n error?.message \|\|\n tr('members.invitePeople.error', 'Failed to load organizations for invite.')\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 <div className=\"mx-auto max-w-3xl space-y-6\">\n <div className=\"flex items-center gap-3\">\n <UserPlus size={24} className=\"text-[var(--color-text-primary)]\" aria-hidden=\"true\" />\n <div>\n <h1 className=\"text-2xl font-bold text-[var(--color-text-primary)]\">\n {tr('members.invitePeople.title', 'Invite People')}\n </h1>\n <p className=\"mt-1 text-sm text-[var(--color-text-secondary)]\">\n {tr(\n 'members.invitePeople.subtitle',\n 'Pick an organization to send an invite into. You can also invite from any organization or workspace detail page.'\n )}\n </p>\n <PagePurpose className=\"mt-2 max-w-2xl\">\n {tr(\n 'members.invitePeople.purpose',\n 'This is the quickest way to bring a new person on board — choose which organization to invite them into, then send the invite. They will get an invitation they can accept to join and start collaborating.'\n )}\n </PagePurpose>\n </div>\n </div>\n\n {invitable.length === 0 ? (\n <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-6\">\n <IllustratedEmptyState\n illustration=\"empty-people\"\n title={tr('members.invitePeople.emptyTitle', 'No organizations where you can invite')}\n description={tr(\n 'members.invitePeople.emptyDescription',\n \"You don't currently have permission to invite members into any organization. Ask an organization admin to grant you invite access.\"\n )}\n />\n </GlassCard>\n ) : (\n <ul className=\"divide-y divide-[var(--color-border-seam)] overflow-hidden rounded-card border border-border-seam bg-bg-surface shadow-elevation-1\">\n {invitable.map((org) => (\n <li key={org.id}>\n <button\n type=\"button\"\n onClick={() => navigate(`${basePath}/${org.id}/members/invite`)}\n className=\"flex w-full items-center justify-between gap-4 px-5 py-4 text-left transition-colors hover:bg-[var(--color-bg-subtle)]\"\n >\n <div className=\"flex min-w-0 items-center gap-3\">\n <div className=\"flex size-10 items-center justify-center rounded-lg bg-[var(--color-status-info-bgSubtle)] text-[var(--color-status-info-text)]\">\n <Building size={20} aria-hidden=\"true\" />\n </div>\n <div className=\"min-w-0\">\n <p className=\"truncate text-sm font-semibold text-[var(--color-text-primary)]\">\n {org.name}\n </p>\n <p className=\"truncate font-mono text-xs text-[var(--color-text-secondary)]\">\n /{org.slug}\n </p>\n </div>\n </div>\n <ChevronRight\n size={18}\n className=\"shrink-0 text-[var(--color-text-secondary)]\"\n aria-hidden=\"true\"\n />\n </button>\n </li>\n ))}\n </ul>\n )}\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;AAsBA,~~SAAgB~~,IAAmB;~~AACjC~~,~~GAAwB~~,~~8BAA8B~~;~~CACtD~~,~~IAAM~~,~~IAAK~~,~~GAAO~~,~~EACZ~~,EAAE,aAAU,cAAW,~~qBAAqB~~,~~GAAe~~,~~EAC3D~~,EAAE,kBAAe,YAAS,~~aAAU~~,EAAmB,KAAK,~~EAAE~~,~~EAG9D~~,~~EACJ~~,~~eACA~~,~~SAAS~~,~~GACT~~,~~SAAS~~,~~MACP~~,~~EALW~~,~~QAAc~~,~~EAAc~~,~~KAAK~~,~~MAAM~~,~~EAAE~~,~~GAAG~~,~~EAAE~~,~~CAAC~~,~~EAAc~~,~~CAAC~~,~~EAK3C~~,UAAU,~~SAAS~~,~~EAE/C~~,~~IAAY~~,~~QACV~~,EAAc,QAAQ,~~MAAM~~,EAAW,~~IAAI~~,EAAE,~~GAAG~~,CAAC,~~EACvD~~,~~CAAC~~,~~GAAe~~,~~EAAW~~,CAC5B,~~EAEK~~,~~CAAC~~,~~GAAgB~~,~~KAAqB~~,EAAS,~~GAAM~~;AA+~~B3D~~,~~QA9BA~~,QAAgB;~~AACV~~,~~OACA~~,~~KAAW~~,~~KACX~~,EAAU,WAAW,~~MACvB~~,EAAkB,~~GAAK~~,~~EACvB~~,EAAS,~~GAAG~~,EAAS,~~GAAG~~,EAAU,~~GAAG~~,GAAG,~~iBAAiB~~;~~IAE1D~~;~~EAAC~~;~~EAAgB~~;~~EAAS~~;~~EAAa~~;~~EAAW~~;~~EAAU~~;~~EAAS~~,CAAC,~~EAErE~~,~~KAAW~~,IAEX,kBAAC,OAAD;EAAK,WAAU;~~YACb~~,~~kBAAC~~,GAAD,EAAc,~~SAAS~~,EAAG,kBAAkB,~~aAAa~~,EAAI,CAAA;~~EACzD~~,CAAA,~~GAIN~~,~~KAAS~~,IAET,kBAAC,OAAD;EAAK,WAAU;~~YACb~~,~~kBAAC~~,GAAD,EACE,~~SACE~~,GAAO,~~WACP~~,EAAG,8BAA8B,~~2CAA2C~~,EAE9E,CAAA;~~EACE~~,CAAA,~~GAKR~~,kBAAC,OAAD;EAAK,WAAU;~~YACb~~,kBAAC,OAAD;GAAK,WAAU;~~aAAf~~,CACE,kBAAC,OAAD;IAAK,WAAU;~~cAAf~~,CACE,~~kBAAC~~,GAAD;KAAU,MAAM;KAAI,WAAU;KAAmC,eAAY;~~KAAS~~,CAAA,~~EACtF~~,kBAAC,OAAD,EAAA,UAAA;KACE,kBAAC,MAAD;MAAI,WAAU;~~gBACX~~,EAAG,8BAA8B,~~gBAAgB~~;~~MAC~~/C,CAAA;~~KACL~~,kBAAC,KAAD;MAAG,WAAU;~~gBACV~~,EACC,iCACA,~~mHACD~~;~~MACC~~,CAAA;~~KACJ~~,~~kBAAC~~,GAAD;MAAa,WAAU;~~gBACpB~~,EACC,gCACA,~~8MACD~~;~~MACW~~,CAAA;~~KACV~~,EAAA,CAAA,CACF;~~OAEL~~,EAAU,WAAW,IACpB,~~kBAAC~~,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;~~cAC1C~~,~~kBAAC~~,GAAD;KACE,cAAa;KACb,~~OAAO~~,EAAG,mCAAmC,~~wCAAwC~~;~~KACrF~~,~~aAAa~~,EACX,yCACA,~~qIACD~~;~~KACD~~,CAAA;~~IACQ~~,CAAA,~~GAEZ~~,kBAAC,MAAD;IAAI,WAAU;~~cACX~~,EAAU,KAAK,MACd,kBAAC,MAAD,EAAA,UACE,kBAAC,UAAD;KACE,MAAK;KACL,~~eAAe~~,EAAS,~~GAAG~~,EAAS,~~GAAG~~,EAAI,GAAG,~~iBAAiB~~;~~KAC/D~~,WAAU;~~eAHZ~~,CAKE,kBAAC,OAAD;MAAK,WAAU;~~gBAAf~~,CACE,kBAAC,OAAD;OAAK,WAAU;~~iBACb~~,~~kBAAC~~,GAAD;QAAU,MAAM;QAAI,eAAY;~~QAAS~~,CAAA;~~OACrC~~,CAAA,~~EACN~~,kBAAC,OAAD;OAAK,WAAU;~~iBAAf~~,CACE,kBAAC,KAAD;QAAG,WAAU;~~kBACV~~,EAAI;~~QACH~~,CAAA,~~EACJ~~,kBAAC,KAAD;QAAG,WAAU;~~kBAAb~~,CAA6E,~~KACzE~~,EAAI,~~KACJ~~;~~UACA~~;~~SACF~~;~~SACN~~,~~kBAAC~~,GAAD;MACE,MAAM;MACN,WAAU;MACV,eAAY;~~MACZ~~,CAAA,CACK;~~QACN~~,~~EAzBI~~,EAAI,~~GAyBR~~,CACL;~~IACC~~,CAAA,CAEH;;~~EACF~~,CAAA"}
1	+ {"version":3,"file":"InvitePeoplePage.js","names":["InvitePeoplePage","tr","useTr","useOrgConsole","useMyOrganizations","orgIds","useMemo","organizations","o","permLoading","permError","useOrgsWithPermission","invitable","allowedIds","autoRedirected","setAutoRedirected","useState","useEffect","loading","navigate","basePath","LoadingState","error","ErrorState","UserPlus","PagePurpose","GlassCard","IllustratedEmptyState","org","Building","ChevronRight"],"sources":["../../../../../src/organization-management/modules/members/pages/InvitePeoplePage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { Building, ChevronRight, UserPlus } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useMyOrganizations } from '../../organizations/hooks/useOrganizations';\nimport { useOrgsWithPermission } from '../../organizations/hooks/useOrgsWithPermission';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { ErrorState } from '../../../shared/components/feedback/ErrorState';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport { useOrganizationPageView } from '../../../hooks/useOrganizationPageView';\n\n/*\n InvitePeoplePage\n \n Globally-reachable entry point (sidebar nav item) for inviting users.\n * Lists the orgs the current user can invite into, then deep-links into\n * each org's existing `members/invite` page so the invite flow itself\n * remains a single source of truth.\n \n If the user has exactly one org with invite permission, redirect\n * straight to that org's invite page — saves a click for the common case.\n */\nexport function InvitePeoplePage() {\n useOrganizationPageView('organizations.invite-people');\n const tr = useTr();\n const { navigate, basePath = '/organizations' } = useOrgConsole();\n const { organizations, loading, error } = useMyOrganizations(100, 0);\n\n const orgIds = useMemo(() => organizations.map((o) => o.id), [organizations]);\n const {\n allowedIds,\n loading: permLoading,\n isError: permError,\n } = useOrgsWithPermission(orgIds, 'member', 'create');\n\n const invitable = useMemo(\n () => organizations.filter((o) => allowedIds.has(o.id)),\n [organizations, allowedIds]\n );\n\n const [autoRedirected, setAutoRedirected] = useState(false);\n useEffect(() => {\n if (autoRedirected) return;\n if (loading \|\| permLoading) return;\n if (invitable.length === 1) {\n setAutoRedirected(true);\n navigate(`${basePath}/${invitable[0].id}/members/invite`);\n }\n }, [autoRedirected, loading, permLoading, invitable, navigate, basePath]);\n\n if (loading \|\| permLoading) {\n return (\n <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n <LoadingState message={tr('common.loading', 'Loading...')} />\n </div>\n );\n }\n\n if (error \|\| permError) {\n return (\n <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n <ErrorState\n message={\n error?.message \|\|\n tr('members.invitePeople.error', 'Failed to load organizations for invite.')\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 <div className=\"mx-auto max-w-3xl space-y-6\">\n <div className=\"flex items-center gap-3\">\n <UserPlus size={24} className=\"text-[var(--color-text-primary)]\" aria-hidden=\"true\" />\n <div>\n <h1 className=\"text-2xl font-bold text-[var(--color-text-primary)]\">\n {tr('members.invitePeople.title', 'Invite People')}\n </h1>\n <p className=\"mt-1 text-sm text-[var(--color-text-secondary)]\">\n {tr(\n 'members.invitePeople.subtitle',\n 'Pick an organization to send an invite into. You can also invite from any organization or workspace detail page.'\n )}\n </p>\n <PagePurpose className=\"mt-2 max-w-2xl\">\n {tr(\n 'members.invitePeople.purpose',\n 'This is the quickest way to bring a new person on board — choose which organization to invite them into, then send the invite. They will get an invitation they can accept to join and start collaborating.'\n )}\n </PagePurpose>\n </div>\n </div>\n\n {invitable.length === 0 ? (\n <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-6\">\n <IllustratedEmptyState\n illustration=\"empty-people\"\n title={tr('members.invitePeople.emptyTitle', 'No organizations where you can invite')}\n description={tr(\n 'members.invitePeople.emptyDescription',\n \"You don't currently have permission to invite members into any organization. Ask an organization admin to grant you invite access.\"\n )}\n />\n </GlassCard>\n ) : (\n <ul className=\"divide-y divide-[var(--color-border-seam)] overflow-hidden rounded-card border border-border-seam bg-bg-surface shadow-elevation-1\">\n {invitable.map((org) => (\n <li key={org.id}>\n <button\n type=\"button\"\n onClick={() => navigate(`${basePath}/${org.id}/members/invite`)}\n className=\"flex w-full items-center justify-between gap-4 px-5 py-4 text-left transition-colors hover:bg-[var(--color-bg-subtle)]\"\n >\n <div className=\"flex min-w-0 items-center gap-3\">\n <div className=\"flex size-10 items-center justify-center rounded-lg bg-[var(--color-status-info-bgSubtle)] text-[var(--color-status-info-text)]\">\n <Building size={20} aria-hidden=\"true\" />\n </div>\n <div className=\"min-w-0\">\n <p className=\"truncate text-sm font-semibold text-[var(--color-text-primary)]\">\n {org.name}\n </p>\n <p className=\"truncate font-mono text-xs text-[var(--color-text-secondary)]\">\n /{org.slug}\n </p>\n </div>\n </div>\n <ChevronRight\n size={18}\n className=\"shrink-0 text-[var(--color-text-secondary)]\"\n aria-hidden=\"true\"\n />\n </button>\n </li>\n ))}\n </ul>\n )}\n </div>\n </div>\n );\n}\n"],"mappings":"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"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
1	+ {"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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"}