@dloizides/ui-access-admin 1.2.2 → 1.3.0

package/dist/index.mjs

@@ -1,8 +1,8 @@
 import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
-import { StyleSheet, View, Text, Linking } from 'react-native';
+import { StyleSheet, View, Text, useWindowDimensions, Linking, ScrollView } from 'react-native';
 import { Button } from '@dloizides/ui-buttons';
 import { useUi, ToastHost, createToastBus } from '@dloizides/ui-feedback';
-import { copyText, ModalShell, ModalDropdown, DropdownVariant } from '@dloizides/ui-layout';
+import { copyText, LAYOUT_COLLAPSE_BREAKPOINT, ModalShell, ModalDropdown, DropdownVariant } from '@dloizides/ui-layout';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { SelectControl, FormField, FormSwitch, Field } from '@dloizides/ui-forms';
 import { FilterBar, DataTable } from '@dloizides/ui-tables';
@@ -167,12 +167,25 @@ var ACCESS_ADMIN_I18N = {
   usersUpdateSuccess: "accessAdmin.users.updateSuccess",
   usersUpdateFailed: "accessAdmin.users.updateFailed",
   usersResetSuccess: "accessAdmin.users.resetSuccess",
-  usersResetFailed: "accessAdmin.users.resetFailed"
+  usersResetFailed: "accessAdmin.users.resetFailed",
+  usersFieldBlockedReason: "accessAdmin.users.fieldBlockedReason",
+  usersBlockedReasonPlaceholder: "accessAdmin.users.blockedReasonPlaceholder",
+  usersBlockedReasonHint: "accessAdmin.users.blockedReasonHint",
+  permissionsHeading: "accessAdmin.permissions.heading",
+  permissionsNote: "accessAdmin.permissions.note",
+  permissionsColPermission: "accessAdmin.permissions.colPermission",
+  permissionsGranted: "accessAdmin.permissions.granted",
+  permissionsNotGranted: "accessAdmin.permissions.notGranted",
+  permissionsCellLabel: "accessAdmin.permissions.cellLabel",
+  permissionsReadOnlyHint: "accessAdmin.permissions.readOnlyHint",
+  permissionsRoleCount: "accessAdmin.permissions.roleCount",
+  permissionsEmpty: "accessAdmin.permissions.empty"
 };
 var ACCESS_ADMIN_TEST_IDS = {
   linkPanel: "access-link-panel",
   accountPanel: "account-link-panel",
-  usersPanel: "user-management-panel"
+  usersPanel: "user-management-panel",
+  permissionMatrix: "permission-matrix"
 };
 
 // src/expiry/expiryPolicy.ts
@@ -317,7 +330,7 @@ var AccessLinkPanel = ({
 }) => {
   const { t } = useUi();
   const palette = useAccessAdminPalette();
-  const styles = useMemo(() => buildStyles(palette), [palette]);
+  const styles2 = useMemo(() => buildStyles(palette), [palette]);
   const state = useCapabilityLinkMint({
     subject,
     policy,
@@ -345,16 +358,16 @@ var AccessLinkPanel = ({
       onResult(t(ACCESS_ADMIN_I18N.copyFailed, subject.displayName), "error" /* Error */);
     });
   };
-  return /* @__PURE__ */ jsxs(View, { style: styles.panel, testID: testIDPrefix, children: [
-    /* @__PURE__ */ jsx(Text, { style: styles.heading, children: t(ACCESS_ADMIN_I18N.panelHeading, subject.displayName) }),
-    /* @__PURE__ */ jsx(Text, { style: styles.note, children: t(ACCESS_ADMIN_I18N.panelNote) }),
-    /* @__PURE__ */ jsx(Text, { style: styles.warning, testID: `${testIDPrefix}-capability-warning`, children: t(ACCESS_ADMIN_I18N.capabilityWarning) }),
-    /* @__PURE__ */ jsx(Text, { style: styles.note, testID: `${testIDPrefix}-expiry-preview`, children: t(ACCESS_ADMIN_I18N.expiryPreview, expiryDate) }),
-    state.minted !== null ? /* @__PURE__ */ jsxs(View, { style: styles.revealBox, testID: `${testIDPrefix}-minted`, children: [
-      /* @__PURE__ */ jsx(Text, { style: styles.revealTitle, children: t(ACCESS_ADMIN_I18N.mintedTitle, subject.displayName) }),
-      /* @__PURE__ */ jsx(Text, { style: styles.note, children: t(ACCESS_ADMIN_I18N.mintedHint) }),
-      /* @__PURE__ */ jsx(Text, { selectable: true, style: styles.url, testID: `${testIDPrefix}-minted-url`, children: mintedUrl }),
-      /* @__PURE__ */ jsxs(View, { style: styles.actions, children: [
+  return /* @__PURE__ */ jsxs(View, { style: styles2.panel, testID: testIDPrefix, children: [
+    /* @__PURE__ */ jsx(Text, { style: styles2.heading, children: t(ACCESS_ADMIN_I18N.panelHeading, subject.displayName) }),
+    /* @__PURE__ */ jsx(Text, { style: styles2.note, children: t(ACCESS_ADMIN_I18N.panelNote) }),
+    /* @__PURE__ */ jsx(Text, { style: styles2.warning, testID: `${testIDPrefix}-capability-warning`, children: t(ACCESS_ADMIN_I18N.capabilityWarning) }),
+    /* @__PURE__ */ jsx(Text, { style: styles2.note, testID: `${testIDPrefix}-expiry-preview`, children: t(ACCESS_ADMIN_I18N.expiryPreview, expiryDate) }),
+    state.minted !== null ? /* @__PURE__ */ jsxs(View, { style: styles2.revealBox, testID: `${testIDPrefix}-minted`, children: [
+      /* @__PURE__ */ jsx(Text, { style: styles2.revealTitle, children: t(ACCESS_ADMIN_I18N.mintedTitle, subject.displayName) }),
+      /* @__PURE__ */ jsx(Text, { style: styles2.note, children: t(ACCESS_ADMIN_I18N.mintedHint) }),
+      /* @__PURE__ */ jsx(Text, { selectable: true, style: styles2.url, testID: `${testIDPrefix}-minted-url`, children: mintedUrl }),
+      /* @__PURE__ */ jsxs(View, { style: styles2.actions, children: [
         /* @__PURE__ */ jsx(
           Button,
           {
@@ -388,13 +401,13 @@ var AccessLinkPanel = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx(Text, { style: styles.note, children: t(ACCESS_ADMIN_I18N.emailNote) })
+      /* @__PURE__ */ jsx(Text, { style: styles2.note, children: t(ACCESS_ADMIN_I18N.emailNote) })
     ] }) : null,
-    linksFailed ? /* @__PURE__ */ jsx(Text, { style: styles.warning, testID: `${testIDPrefix}-load-error`, children: t(ACCESS_ADMIN_I18N.liveLoadError) }) : null,
-    !linksFailed && liveLinks.length > 0 ? /* @__PURE__ */ jsxs(View, { style: styles.liveBox, children: [
-      /* @__PURE__ */ jsx(Text, { style: styles.subheading, children: t(ACCESS_ADMIN_I18N.liveHeading, String(liveLinks.length)) }),
-      liveLinks.map((link) => /* @__PURE__ */ jsxs(View, { style: styles.liveRow, children: [
-        /* @__PURE__ */ jsx(Text, { style: styles.liveMeta, children: t(
+    linksFailed ? /* @__PURE__ */ jsx(Text, { style: styles2.warning, testID: `${testIDPrefix}-load-error`, children: t(ACCESS_ADMIN_I18N.liveLoadError) }) : null,
+    !linksFailed && liveLinks.length > 0 ? /* @__PURE__ */ jsxs(View, { style: styles2.liveBox, children: [
+      /* @__PURE__ */ jsx(Text, { style: styles2.subheading, children: t(ACCESS_ADMIN_I18N.liveHeading, String(liveLinks.length)) }),
+      liveLinks.map((link) => /* @__PURE__ */ jsxs(View, { style: styles2.liveRow, children: [
+        /* @__PURE__ */ jsx(Text, { style: styles2.liveMeta, children: t(
           ACCESS_ADMIN_I18N.liveMeta,
           formatLinkDate(link.createdAt, ""),
           formatLinkDate(link.expiresAt, t(ACCESS_ADMIN_I18N.expiresNever))
@@ -402,8 +415,8 @@ var AccessLinkPanel = ({
         renderLinkActions === void 0 ? null : renderLinkActions(link)
       ] }, link.id))
     ] }) : null,
-    !linksFailed && liveLinks.length === 0 ? /* @__PURE__ */ jsx(Text, { style: styles.note, testID: `${testIDPrefix}-no-live`, children: t(ACCESS_ADMIN_I18N.noLive) }) : null,
-    /* @__PURE__ */ jsxs(View, { style: styles.actions, children: [
+    !linksFailed && liveLinks.length === 0 ? /* @__PURE__ */ jsx(Text, { style: styles2.note, testID: `${testIDPrefix}-no-live`, children: t(ACCESS_ADMIN_I18N.noLive) }) : null,
+    /* @__PURE__ */ jsxs(View, { style: styles2.actions, children: [
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -549,7 +562,7 @@ var AccountLinkPanel = ({
 }) => {
   const { t } = useUi();
   const palette = useAccessAdminPalette();
-  const styles = useMemo(() => buildStyles2(palette), [palette]);
+  const styles2 = useMemo(() => buildStyles2(palette), [palette]);
   const state = useSubjectAccountLink({
     subject,
     boundAccountId,
@@ -564,9 +577,9 @@ var AccountLinkPanel = ({
     [accounts, bindings, subject, unnamedLabel]
   );
   const selectedLabel = options.find((option) => option.value === state.selectedAccountId)?.label ?? "";
-  return /* @__PURE__ */ jsxs(View, { style: styles.panel, testID: testIDPrefix, children: [
-    /* @__PURE__ */ jsx(Text, { style: styles.heading, children: t(ACCESS_ADMIN_I18N.accountPanelHeading, subject.displayName) }),
-    /* @__PURE__ */ jsx(Text, { style: styles.note, children: t(ACCESS_ADMIN_I18N.accountPanelNote) }),
+  return /* @__PURE__ */ jsxs(View, { style: styles2.panel, testID: testIDPrefix, children: [
+    /* @__PURE__ */ jsx(Text, { style: styles2.heading, children: t(ACCESS_ADMIN_I18N.accountPanelHeading, subject.displayName) }),
+    /* @__PURE__ */ jsx(Text, { style: styles2.note, children: t(ACCESS_ADMIN_I18N.accountPanelNote) }),
     options.length > 0 ? /* @__PURE__ */ jsx(
       SelectControl,
       {
@@ -579,8 +592,8 @@ var AccountLinkPanel = ({
         testID: `${testIDPrefix}-picker`,
         value: state.selectedAccountId ?? ""
       }
-    ) : /* @__PURE__ */ jsx(Text, { style: styles.note, testID: `${testIDPrefix}-no-accounts`, children: t(ACCESS_ADMIN_I18N.accountNone) }),
-    /* @__PURE__ */ jsxs(View, { style: styles.actions, children: [
+    ) : /* @__PURE__ */ jsx(Text, { style: styles2.note, testID: `${testIDPrefix}-no-accounts`, children: t(ACCESS_ADMIN_I18N.accountNone) }),
+    /* @__PURE__ */ jsxs(View, { style: styles2.actions, children: [
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -673,6 +686,18 @@ function roleOptions(assignableRoles) {
 function tenantValueToId(value) {
   return value === NO_TENANT_VALUE ? null : value;
 }
+function isBlocking(wasActive, active) {
+  return wasActive && !active;
+}
+function isBlockReasonMissing(wasActive, active, blockedReason) {
+  return isBlocking(wasActive, active) && blockedReason.trim() === "";
+}
+function buildEditPatch(input) {
+  const patch = { displayName: input.displayName.trim(), role: input.role, active: input.active };
+  if (isBlocking(input.wasActive, input.active)) patch.blockedReason = input.blockedReason.trim();
+  if (input.tenantId !== void 0) patch.tenantId = input.tenantId;
+  return patch;
+}
 var ACTIONS_GAP = 8;
 function buildUserColumns({
   t,
@@ -911,6 +936,7 @@ var EditUserModal = ({
   const [role, setRole] = useState("");
   const [tenantValue, setTenantValue] = useState(NO_TENANT_VALUE);
   const [active, setActive] = useState(true);
+  const [blockedReason, setBlockedReason] = useState("");
   const [submitting, setSubmitting] = useState(false);
   const userId = user?.id;
   useEffect(() => {
@@ -919,28 +945,36 @@ var EditUserModal = ({
     setRole(user.roles[0] ?? "");
     setTenantValue(user.tenantId ?? NO_TENANT_VALUE);
     setActive(user.active);
+    setBlockedReason(user.blockedReason ?? "");
     setSubmitting(false);
   }, [visible, userId, user]);
-  const canSubmit = !submitting && displayName.trim() !== "" && role !== "";
+  const wasActive = user?.active ?? true;
+  const canSubmit = !submitting && displayName.trim() !== "" && role !== "" && !isBlockReasonMissing(wasActive, active, blockedReason);
   const handleSubmit = async () => {
     if (user === null) return;
     setSubmitting(true);
-    const patch = {
-      displayName: displayName.trim(),
+    const patch = buildEditPatch({
+      displayName,
       role,
-      active
-    };
-    if (isPlatformAdmin) patch.tenantId = tenantValueToId(tenantValue);
+      wasActive,
+      active,
+      blockedReason,
+      tenantId: isPlatformAdmin ? tenantValueToId(tenantValue) : void 0
+    });
     const ok = await onSubmit(user.id, patch);
     setSubmitting(false);
     if (ok) onCancel();
   };
+  const submitIfReady = () => {
+    if (canSubmit) void handleSubmit();
+  };
   return /* @__PURE__ */ jsx(ModalShell, { onCancel, title: t(ACCESS_ADMIN_I18N.usersEditTitle), visible, children: /* @__PURE__ */ jsxs(View, { style: modalFormStyles.body, testID: testIDPrefix, children: [
     /* @__PURE__ */ jsx(
       FormField,
       {
         label: t(ACCESS_ADMIN_I18N.usersFieldDisplayName),
         onChangeText: setDisplayName,
+        onSubmitEditing: submitIfReady,
         placeholder: t(ACCESS_ADMIN_I18N.usersDisplayNamePlaceholder),
         required: true,
         testID: `${testIDPrefix}-display-name`,
@@ -981,6 +1015,19 @@ var EditUserModal = ({
         value: active
       }
     ),
+    active ? null : /* @__PURE__ */ jsx(
+      FormField,
+      {
+        accessibilityHint: t(ACCESS_ADMIN_I18N.usersBlockedReasonHint),
+        label: t(ACCESS_ADMIN_I18N.usersFieldBlockedReason),
+        onChangeText: setBlockedReason,
+        onSubmitEditing: submitIfReady,
+        placeholder: t(ACCESS_ADMIN_I18N.usersBlockedReasonPlaceholder),
+        required: wasActive,
+        testID: `${testIDPrefix}-blocked-reason`,
+        value: blockedReason
+      }
+    ),
     /* @__PURE__ */ jsxs(View, { style: modalFormStyles.actions, children: [
       /* @__PURE__ */ jsx(
         Button,
@@ -1162,7 +1209,7 @@ var UserManagementPanel = ({
   testID = ACCESS_ADMIN_TEST_IDS.usersPanel
 }) => {
   const palette = useAccessAdminPalette();
-  const styles = useMemo(() => buildStyles3(palette), [palette]);
+  const styles2 = useMemo(() => buildStyles3(palette), [palette]);
   const controller = useUserManagement(api, t);
   const [query, setQuery] = useState("");
   const [openModal, setOpenModal] = useState("none" /* None */);
@@ -1184,10 +1231,10 @@ var UserManagementPanel = ({
     () => buildUserColumns({ t, tenants, testIDPrefix: testID, onEdit: openEdit, onReset: openReset }),
     [t, tenants, testID]
   );
-  return /* @__PURE__ */ jsxs(View, { style: styles.panel, testID, children: [
+  return /* @__PURE__ */ jsxs(View, { style: styles2.panel, testID, children: [
     /* @__PURE__ */ jsx(ToastHost, { subscribe: controller.toastSubscribe, toastTestID: `${testID}-toast` }),
-    /* @__PURE__ */ jsx(Text, { style: styles.heading, children: t(ACCESS_ADMIN_I18N.usersHeading) }),
-    /* @__PURE__ */ jsx(Text, { style: styles.note, children: t(ACCESS_ADMIN_I18N.usersNote) }),
+    /* @__PURE__ */ jsx(Text, { style: styles2.heading, children: t(ACCESS_ADMIN_I18N.usersHeading) }),
+    /* @__PURE__ */ jsx(Text, { style: styles2.note, children: t(ACCESS_ADMIN_I18N.usersNote) }),
     /* @__PURE__ */ jsx(
       FilterBar,
       {
@@ -1204,7 +1251,7 @@ var UserManagementPanel = ({
         resultsCount: visibleUsers.length,
         resultsLabel: t(ACCESS_ADMIN_I18N.usersResultsLabel),
         testID: `${testID}-filter-bar`,
-        children: /* @__PURE__ */ jsx(View, { style: styles.search, children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx(View, { style: styles2.search, children: /* @__PURE__ */ jsx(
           FormField,
           {
             accessibilityLabel: t(ACCESS_ADMIN_I18N.usersSearchLabel),
@@ -1219,8 +1266,8 @@ var UserManagementPanel = ({
         ) })
       }
     ),
-    controller.loadFailed ? /* @__PURE__ */ jsxs(View, { style: styles.errorBox, testID: `${testID}-load-error`, children: [
-      /* @__PURE__ */ jsx(Text, { style: styles.warning, children: t(ACCESS_ADMIN_I18N.usersLoadError) }),
+    controller.loadFailed ? /* @__PURE__ */ jsxs(View, { style: styles2.errorBox, testID: `${testID}-load-error`, children: [
+      /* @__PURE__ */ jsx(Text, { style: styles2.warning, children: t(ACCESS_ADMIN_I18N.usersLoadError) }),
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -1302,6 +1349,116 @@ var buildStyles3 = (c) => StyleSheet.create({
   warning: { color: c.danger, fontSize: FONT_SM3, fontWeight: "600" }
 });
 
-export { ACCESS_ADMIN_I18N, ACCESS_ADMIN_TEST_IDS, AccessLinkPanel, AccessResultTone, AccountLinkPanel, UserManagementPanel, accountDisplayLabel, activeLinksForSubject, buildAccountOptions, buildCapabilityLinkMailto, capabilityExpiryDate, capabilityExpiryDays, daysUntilAnchor, formatLinkDate, linksForSubject, useAccessAdminPalette, useCapabilityLinkMint, useSubjectAccountLink };
+// src/PermissionMatrix/permissionMatrixModel.ts
+function buildPermissionMatrix(roles, permissions, grants) {
+  return roles.map((role) => {
+    const held = new Set(grants[role.id] ?? []);
+    const cells = permissions.map((permission) => ({ permission, granted: held.has(permission.id) }));
+    return { role, cells, grantedCount: cells.filter((cell) => cell.granted).length };
+  });
+}
+function grantStatusLabel(granted, t) {
+  return granted ? t(ACCESS_ADMIN_I18N.permissionsGranted) : t(ACCESS_ADMIN_I18N.permissionsNotGranted);
+}
+function cellAccessibilityLabel(role, permission, granted, t) {
+  return t(ACCESS_ADMIN_I18N.permissionsCellLabel, role.label, permission.label, grantStatusLabel(granted, t));
+}
+var SPACE_XS4 = 4;
+var SPACE_SM5 = 8;
+var SPACE_MD5 = 12;
+var RADIUS = 8;
+var MAX_WIDTH = 1200;
+var LABEL_COLUMN_WIDTH = 280;
+var ROLE_COLUMN_WIDTH = 140;
+var HEADING_SIZE = 18;
+var BODY_SIZE = 14;
+var LINE_HEIGHT = 20;
+var styles = StyleSheet.create({
+  root: { alignSelf: "center", gap: SPACE_MD5, maxWidth: MAX_WIDTH, width: "100%" },
+  heading: { fontSize: HEADING_SIZE, fontWeight: "600", lineHeight: LINE_HEIGHT + SPACE_XS4 },
+  body: { fontSize: BODY_SIZE, lineHeight: LINE_HEIGHT },
+  strong: { fontSize: BODY_SIZE, fontWeight: "600", lineHeight: LINE_HEIGHT },
+  list: { gap: SPACE_MD5 },
+  card: { borderRadius: RADIUS, borderWidth: StyleSheet.hairlineWidth, gap: SPACE_SM5, padding: SPACE_MD5 },
+  stackRow: { flexDirection: "row", flexWrap: "wrap", gap: SPACE_SM5, justifyContent: "space-between" },
+  stackLabel: { flexBasis: 0, flexGrow: 1, minWidth: 0 },
+  tableRow: { borderBottomWidth: StyleSheet.hairlineWidth, flexDirection: "row" },
+  labelCell: { padding: SPACE_SM5, width: LABEL_COLUMN_WIDTH },
+  roleCell: { padding: SPACE_SM5, width: ROLE_COLUMN_WIDTH }
+});
+var statusColor = (granted, palette) => granted ? palette.textPrimary : palette.textSecondary;
+var StackedMatrix = ({ columns, palette, t, testID }) => /* @__PURE__ */ jsx(View, { style: styles.list, children: columns.map(({ role, cells, grantedCount }) => /* @__PURE__ */ jsxs(
+  View,
+  {
+    style: [styles.card, { backgroundColor: palette.panelSurface, borderColor: palette.border }],
+    testID: `${testID}-role-${role.id}`,
+    children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.strong, { color: palette.textPrimary }], children: role.label }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.body, { color: palette.textSecondary }], children: t(ACCESS_ADMIN_I18N.permissionsRoleCount, String(grantedCount), String(cells.length)) }),
+      cells.map(({ permission, granted }) => /* @__PURE__ */ jsxs(
+        View,
+        {
+          accessibilityHint: t(ACCESS_ADMIN_I18N.permissionsReadOnlyHint),
+          accessibilityLabel: cellAccessibilityLabel(role, permission, granted, t),
+          accessible: true,
+          style: styles.stackRow,
+          testID: `${testID}-cell-${role.id}-${permission.id}`,
+          children: [
+            /* @__PURE__ */ jsx(Text, { style: [styles.body, styles.stackLabel, { color: palette.textPrimary }], children: permission.label }),
+            /* @__PURE__ */ jsx(Text, { style: [granted ? styles.strong : styles.body, { color: statusColor(granted, palette) }], children: grantStatusLabel(granted, t) })
+          ]
+        },
+        permission.id
+      ))
+    ]
+  },
+  role.id
+)) });
+var TableMatrix = ({ columns, permissions, palette, t, testID }) => /* @__PURE__ */ jsx(ScrollView, { horizontal: true, testID: `${testID}-table`, children: /* @__PURE__ */ jsxs(View, { style: [styles.card, { backgroundColor: palette.panelSurface, borderColor: palette.border }], children: [
+  /* @__PURE__ */ jsxs(View, { style: [styles.tableRow, { borderColor: palette.border }], children: [
+    /* @__PURE__ */ jsx(Text, { style: [styles.strong, styles.labelCell, { color: palette.textPrimary }], children: t(ACCESS_ADMIN_I18N.permissionsColPermission) }),
+    columns.map(({ role }) => /* @__PURE__ */ jsx(Text, { style: [styles.strong, styles.roleCell, { color: palette.textPrimary }], children: role.label }, role.id))
+  ] }),
+  permissions.map((permission, index) => /* @__PURE__ */ jsxs(View, { style: [styles.tableRow, { borderColor: palette.border }], children: [
+    /* @__PURE__ */ jsx(Text, { style: [styles.body, styles.labelCell, { color: palette.textPrimary }], children: permission.label }),
+    columns.map(({ role, cells }) => {
+      const granted = cells[index]?.granted === true;
+      return /* @__PURE__ */ jsx(
+        Text,
+        {
+          accessibilityHint: t(ACCESS_ADMIN_I18N.permissionsReadOnlyHint),
+          accessibilityLabel: cellAccessibilityLabel(role, permission, granted, t),
+          style: [granted ? styles.strong : styles.body, styles.roleCell, { color: statusColor(granted, palette) }],
+          testID: `${testID}-cell-${role.id}-${permission.id}`,
+          children: grantStatusLabel(granted, t)
+        },
+        role.id
+      );
+    })
+  ] }, permission.id))
+] }) });
+var PermissionMatrix = ({
+  roles,
+  permissions,
+  grants,
+  t,
+  testID = ACCESS_ADMIN_TEST_IDS.permissionMatrix
+}) => {
+  const palette = useAccessAdminPalette();
+  const { width } = useWindowDimensions();
+  const columns = useMemo(() => buildPermissionMatrix(roles, permissions, grants), [roles, permissions, grants]);
+  const isWide = width >= LAYOUT_COLLAPSE_BREAKPOINT;
+  const isEmpty = roles.length === 0 || permissions.length === 0;
+  const partProps = { columns, permissions, palette, t, testID };
+  return /* @__PURE__ */ jsxs(View, { style: styles.root, testID, children: [
+    /* @__PURE__ */ jsx(Text, { accessibilityRole: "header", style: [styles.heading, { color: palette.textPrimary }], children: t(ACCESS_ADMIN_I18N.permissionsHeading) }),
+    /* @__PURE__ */ jsx(Text, { style: [styles.body, { color: palette.textSecondary }], children: t(ACCESS_ADMIN_I18N.permissionsNote) }),
+    isEmpty ? /* @__PURE__ */ jsx(Text, { style: [styles.body, { color: palette.textSecondary }], testID: `${testID}-empty`, children: t(ACCESS_ADMIN_I18N.permissionsEmpty) }) : null,
+    !isEmpty && isWide ? /* @__PURE__ */ jsx(TableMatrix, { ...partProps }) : null,
+    !isEmpty && !isWide ? /* @__PURE__ */ jsx(StackedMatrix, { ...partProps }) : null
+  ] });
+};
+
+export { ACCESS_ADMIN_I18N, ACCESS_ADMIN_TEST_IDS, AccessLinkPanel, AccessResultTone, AccountLinkPanel, PermissionMatrix, UserManagementPanel, accountDisplayLabel, activeLinksForSubject, buildAccountOptions, buildCapabilityLinkMailto, buildPermissionMatrix, capabilityExpiryDate, capabilityExpiryDays, daysUntilAnchor, formatLinkDate, linksForSubject, useAccessAdminPalette, useCapabilityLinkMint, useSubjectAccountLink };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map