strapi-plugin-oidc 1.8.4 → 1.9.0

package/dist/admin/{index-BqWd-Iiq.mjs → index-Dq99roxb.mjs}

@@ -5,7 +5,7 @@ import { useState, useRef, useId, useEffect, useCallback, useReducer, useMemo, m
 import { Typography, Flex, Box, MultiSelect, MultiSelectOption, Button, Dialog, Table, Pagination, PreviousLink, NextLink, PageLink, Field, Divider, Thead, Tr, Th, Tbody, Td, IconButton, Loader, Tooltip, Alert } from "@strapi/design-system";
 import { Cross, WarningCircle, Plus, Download, Upload, Trash, Calendar, Mail, Information } from "@strapi/icons";
 import { useIntl } from "react-intl";
-import { g as getTrad } from "./index-Bb9-aYb4.mjs";
+import { g as getTrad, E as EMAIL_REGEX, e as en, A as AUDIT_LOG_DEFAULTS, U as UI_DEFAULTS } from "./index-LcYvW0bR.mjs";
 import styled from "styled-components";
 import { Filter, ClipboardList, Server } from "lucide-react";
 function Role({ oidcRoles, roles, onChangeRole }) {
@@ -422,7 +422,14 @@ const DayButton = styled.button`
   aspect-ratio: 1;
   border: none;
   background: ${({ $selected, $inRange, $pending, theme }) => $pending ? theme.colors.warning200 : $selected ? theme.colors.primary600 : $inRange ? theme.colors.primary100 : "transparent"};
-  color: ${({ $selected, $inRange, $pending, $future, $alreadySelected, theme }) => $pending ? theme.colors.warning600 : $selected ? theme.colors.neutral0 : $inRange ? theme.colors.primary600 : theme.colors.neutral800};
+  color: ${({
+  $selected,
+  $inRange,
+  $pending,
+  $future: _future,
+  $alreadySelected: _alreadySelected,
+  theme
+}) => $pending ? theme.colors.warning600 : $selected ? theme.colors.neutral0 : $inRange ? theme.colors.primary600 : theme.colors.neutral800};
   opacity: ${({ $future, $alreadySelected }) => $future || $alreadySelected ? 0.4 : 1};
   border-radius: 4px;
   cursor: pointer;
@@ -848,7 +855,6 @@ function TablePagination({ page, pageCount, onPageChange, total }) {
   ] }) });
 }
 const PAGE_SIZE$1 = 10;
-const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 function Whitelist({
   users,
   useWhitelist,
@@ -1062,6 +1068,163 @@ function Whitelist({
     ] })
   ] });
 }
+const AUDIT_ACTIONS = [
+  "login_success",
+  "login_failure",
+  "missing_code",
+  "state_mismatch",
+  "nonce_mismatch",
+  "token_exchange_failed",
+  "whitelist_rejected",
+  "email_not_verified",
+  "id_token_invalid",
+  "logout",
+  "session_expired",
+  "user_created"
+];
+const IP_REGEX = /^(?:(?:(?:25[0-5]|2[0-4]\d|[01]?\d\d?)\.){3}(?:25[0-5]|2[0-4]\d|[01]?\d\d?)|(?:(?:[0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}|(?:[0-9a-fA-F]{1,4}:){1,7}:|(?:[0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|(?:[0-9a-fA-F]{1,4}:){1,5}(?::[0-9a-fA-F]{1,4}){1,2}|(?:[0-9a-fA-F]{1,4}:){1,4}(?::[0-9a-fA-F]{1,4}){1,3}|(?:[0-9a-fA-F]{1,4}:){1,3}(?::[0-9a-fA-F]{1,4}){1,4}|(?:[0-9a-fA-F]{1,4}:){1,2}(?::[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:(?::[0-9a-fA-F]{1,4}){1,6}|:(?::[0-9a-fA-F]{1,4}){1,7}|::))$/;
+function FilterBar({
+  filters,
+  hasActiveFilters,
+  onFiltersChange,
+  onResetPage,
+  onClear
+}) {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      background: "neutral100",
+      hasRadius: true,
+      padding: 4,
+      marginBottom: 4,
+      borderColor: "neutral200",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      children: [
+        /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", marginBottom: 3, children: [
+          /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(Filter, { size: "1.6rem" }) }),
+          /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h3", children: formatMessage(getTrad("auditlog.filters")) })
+        ] }),
+        /* @__PURE__ */ jsxs(Flex, { gap: 2, wrap: "wrap", children: [
+          /* @__PURE__ */ jsx(
+            TagDateInput,
+            {
+              placeholder: formatMessage(getTrad("auditlog.filters.createdAt")),
+              value: filters.createdAt ?? [],
+              onChange: (selections) => {
+                onFiltersChange((prev) => {
+                  if (selections.length === 0) {
+                    const { createdAt: _createdAt, ...rest } = prev;
+                    return rest;
+                  }
+                  return { ...prev, createdAt: selections };
+                });
+                onResetPage();
+              },
+              startIcon: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(Calendar, { width: "1.4rem", height: "1.4rem" }) })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TagInput,
+            {
+              value: filters.action ?? [],
+              onChange: (value) => onFiltersChange((prev) => ({ ...prev, action: value })),
+              options: AUDIT_ACTIONS,
+              placeholder: formatMessage(getTrad("auditlog.filters.action")),
+              startIcon: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(ClipboardList, { size: "1.4rem" }) })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TagInput,
+            {
+              value: filters.email ?? [],
+              onChange: (value) => onFiltersChange((prev) => ({ ...prev, email: value })),
+              placeholder: formatMessage(getTrad("auditlog.filters.email")),
+              startIcon: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(Mail, { width: "1.4rem", height: "1.4rem" }) }),
+              validate: (v) => EMAIL_REGEX.test(v)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TagInput,
+            {
+              value: filters.ip ?? [],
+              onChange: (value) => onFiltersChange((prev) => ({ ...prev, ip: value })),
+              placeholder: formatMessage(getTrad("auditlog.filters.ip")),
+              startIcon: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(Server, { size: "1.4rem" }) }),
+              validate: (v) => IP_REGEX.test(v)
+            }
+          ),
+          hasActiveFilters && /* @__PURE__ */ jsx(SizedButton, { size: "S", variant: "danger-light", startIcon: /* @__PURE__ */ jsx(Trash, {}), onClick: onClear, children: formatMessage(getTrad("auditlog.filters.clear")) })
+        ] })
+      ]
+    }
+  );
+}
+const DETAILS_TEXT_STYLE = {
+  display: "block",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap",
+  maxWidth: "180px",
+  cursor: "help"
+};
+function LogTable({ records, loading, hasActiveFilters }) {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsxs("div", { style: { position: "relative", width: "100%" }, children: [
+    /* @__PURE__ */ jsxs(CustomTable, { colCount: 5, rowCount: records.length, children: [
+      /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+        /* @__PURE__ */ jsx(Th, { children: formatMessage(getTrad("auditlog.table.timestamp")) }),
+        /* @__PURE__ */ jsx(Th, { children: formatMessage(getTrad("auditlog.table.action")) }),
+        /* @__PURE__ */ jsx(Th, { children: formatMessage(getTrad("auditlog.table.email")) }),
+        /* @__PURE__ */ jsx(Th, { children: formatMessage(getTrad("auditlog.table.ip")) }),
+        /* @__PURE__ */ jsx(Th, { children: formatMessage(getTrad("auditlog.table.details")) })
+      ] }) }),
+      /* @__PURE__ */ jsxs(Tbody, { children: [
+        records.length === 0 && /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: 5, children: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", alignItems: "center", style: { minHeight: "80px" }, children: loading ? /* @__PURE__ */ jsx(Loader, { small: true }) : /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: hasActiveFilters ? formatMessage(getTrad("auditlog.filters.empty")) : formatMessage(getTrad("auditlog.table.empty")) }) }) }) }),
+        records.map((record) => {
+          const detailKey = record.detailsKey ? `audit.${record.detailsKey}` : null;
+          const detail = detailKey && en[detailKey] ? formatMessage(getTrad(detailKey), record.detailsParams ?? {}) : null;
+          return /* @__PURE__ */ jsxs(
+            Tr,
+            {
+              style: { opacity: loading ? 0.4 : 1, transition: "opacity 0.15s" },
+              children: [
+                /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: /* @__PURE__ */ jsx(LocalizedDate, { date: record.createdAt, options: { second: "2-digit" } }) }) }),
+                /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+                  /* @__PURE__ */ jsx(Typography, { variant: "omega", children: record.action }),
+                  /* @__PURE__ */ jsx(Tooltip, { label: formatMessage(getTrad(`auditlog.action.${record.action}`)), children: /* @__PURE__ */ jsx(
+                    Information,
+                    {
+                      "aria-hidden": true,
+                      style: { cursor: "help" },
+                      width: "1.4rem",
+                      height: "1.4rem",
+                      fill: "primary600"
+                    }
+                  ) })
+                ] }) }),
+                /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: record.email ?? "—" }) }),
+                /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: record.ip ?? "—" }) }),
+                /* @__PURE__ */ jsx(Td, { style: { maxWidth: "200px" }, children: detail ? /* @__PURE__ */ jsx(Tooltip, { label: detail, side: "top", children: /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", style: DETAILS_TEXT_STYLE, children: detail }) }) : /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", children: "—" }) })
+              ]
+            },
+            record.id
+          );
+        })
+      ] })
+    ] }),
+    loading && records.length > 0 && /* @__PURE__ */ jsx(
+      Flex,
+      {
+        justifyContent: "center",
+        alignItems: "center",
+        style: { position: "absolute", inset: 0, pointerEvents: "none" },
+        children: /* @__PURE__ */ jsx(Loader, { small: true })
+      }
+    )
+  ] });
+}
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -3603,30 +3766,6 @@ function requireLib() {
 }
 var libExports = /* @__PURE__ */ requireLib();
 const qs = /* @__PURE__ */ getDefaultExportFromCjs(libExports);
-const AUDIT_ACTIONS = [
-  "login_success",
-  "login_failure",
-  "missing_code",
-  "state_mismatch",
-  "nonce_mismatch",
-  "token_exchange_failed",
-  "whitelist_rejected",
-  "email_not_verified",
-  "id_token_invalid",
-  "logout",
-  "session_expired",
-  "user_created"
-];
-const PAGE_SIZE = 10;
-const MIN_SPINNER_MS = 400;
-const DETAILS_TEXT_STYLE = {
-  display: "block",
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap",
-  maxWidth: "180px",
-  cursor: "help"
-};
 function toWireFilters(f) {
   const out = {};
   if (f.action?.length) out.action = { $or: f.action.map((v) => ({ $eq: v })) };
@@ -3643,11 +3782,10 @@ function buildQueryString(params) {
   const { filters, ...rest } = params;
   return qs.stringify(
     { ...rest, filters: filters ? toWireFilters(filters) : void 0 },
-    {
-      encodeValuesOnly: true
-    }
+    { encodeValuesOnly: true }
   );
 }
+const PAGE_SIZE = AUDIT_LOG_DEFAULTS.ADMIN_PAGE_SIZE;
 function useDebounced(value, delay = 300) {
   const [debounced, setDebounced] = useState(value);
   useEffect(() => {
@@ -3656,10 +3794,8 @@ function useDebounced(value, delay = 300) {
   }, [value, delay]);
   return debounced;
 }
-function AuditLog({ title } = {}) {
-  const { formatMessage } = useIntl();
-  const { get: get2, del } = useFetchClient();
-  const { toggleNotification } = useNotification();
+function useAuditLogs(page, filters) {
+  const { get: get2 } = useFetchClient();
   const [records, setRecords] = useState([]);
   const [pagination, setPagination] = useState({
     page: 1,
@@ -3667,9 +3803,7 @@ function AuditLog({ title } = {}) {
     total: 0,
     pageCount: 1
   });
-  const [page, setPage] = useState(1);
   const [loading, setLoading] = useState(true);
-  const [filters, setFilters] = useState({});
   const fetchGenRef = useRef(0);
   const debouncedFilters = useDebounced(filters);
   const fetchLogs = useCallback(
@@ -3691,7 +3825,7 @@ function AuditLog({ title } = {}) {
         };
       } catch {
       }
-      const remaining = MIN_SPINNER_MS - (Date.now() - startTime);
+      const remaining = UI_DEFAULTS.MIN_SPINNER_MS - (Date.now() - startTime);
       if (remaining > 0) await new Promise((r) => setTimeout(r, remaining));
       if (gen !== fetchGenRef.current) return;
       setRecords(newRecords);
@@ -3703,6 +3837,15 @@ function AuditLog({ title } = {}) {
   useEffect(() => {
     fetchLogs(page, debouncedFilters);
   }, [fetchLogs, page, debouncedFilters]);
+  return { records, pagination, loading };
+}
+function AuditLog({ title } = {}) {
+  const { formatMessage } = useIntl();
+  const { del } = useFetchClient();
+  const { toggleNotification } = useNotification();
+  const [page, setPage] = useState(1);
+  const [filters, setFilters] = useState({});
+  const { records, pagination, loading } = useAuditLogs(page, filters);
   const handleClearAll = async () => {
     try {
       await del("/strapi-plugin-oidc/audit-logs");
@@ -3723,9 +3866,7 @@ function AuditLog({ title } = {}) {
     try {
       const cookieMatch = document.cookie.match(/(?:^|;\s*)jwtToken=([^;]+)/);
       const token = cookieMatch ? decodeURIComponent(cookieMatch[1]) : "";
-      const queryString = buildQueryString({
-        filters
-      });
+      const queryString = buildQueryString({ filters });
       const response = await fetch(`/strapi-plugin-oidc/audit-logs/export?${queryString}`, {
         headers: { Authorization: `Bearer ${token}` }
       });
@@ -3793,135 +3934,17 @@ function AuditLog({ title } = {}) {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs(
-      Box,
+    /* @__PURE__ */ jsx(
+      FilterBar,
       {
-        background: "neutral100",
-        hasRadius: true,
-        padding: 4,
-        marginBottom: 4,
-        borderColor: "neutral200",
-        borderWidth: "1px",
-        borderStyle: "solid",
-        children: [
-          /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", marginBottom: 3, children: [
-            /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(Filter, { size: "1.6rem" }) }),
-            /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h3", children: formatMessage(getTrad("auditlog.filters")) })
-          ] }),
-          /* @__PURE__ */ jsxs(Flex, { gap: 2, wrap: "wrap", children: [
-            /* @__PURE__ */ jsx(
-              TagDateInput,
-              {
-                placeholder: formatMessage(getTrad("auditlog.filters.createdAt")),
-                value: filters.createdAt ?? [],
-                onChange: (selections) => {
-                  setFilters((prev) => {
-                    if (selections.length === 0) {
-                      const { createdAt: _removed, ...rest } = prev;
-                      return rest;
-                    }
-                    return { ...prev, createdAt: selections };
-                  });
-                  setPage(1);
-                },
-                startIcon: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(Calendar, { width: "1.4rem", height: "1.4rem" }) })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              TagInput,
-              {
-                value: filters.action ?? [],
-                onChange: (value) => setFilters((prev) => ({ ...prev, action: value })),
-                options: AUDIT_ACTIONS,
-                placeholder: formatMessage(getTrad("auditlog.filters.action")),
-                startIcon: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(ClipboardList, { size: "1.4rem" }) })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              TagInput,
-              {
-                value: filters.email ?? [],
-                onChange: (value) => setFilters((prev) => ({ ...prev, email: value })),
-                placeholder: formatMessage(getTrad("auditlog.filters.email")),
-                startIcon: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(Mail, { width: "1.4rem", height: "1.4rem" }) }),
-                validate: (v) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              TagInput,
-              {
-                value: filters.ip ?? [],
-                onChange: (value) => setFilters((prev) => ({ ...prev, ip: value })),
-                placeholder: formatMessage(getTrad("auditlog.filters.ip")),
-                startIcon: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(Server, { size: "1.4rem" }) }),
-                validate: (v) => /^(?:(?:(?:25[0-5]|2[0-4]\d|[01]?\d\d?)\.){3}(?:25[0-5]|2[0-4]\d|[01]?\d\d?)|(?:(?:[0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}|(?:[0-9a-fA-F]{1,4}:){1,7}:|(?:[0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|(?:[0-9a-fA-F]{1,4}:){1,5}(?::[0-9a-fA-F]{1,4}){1,2}|(?:[0-9a-fA-F]{1,4}:){1,4}(?::[0-9a-fA-F]{1,4}){1,3}|(?:[0-9a-fA-F]{1,4}:){1,3}(?::[0-9a-fA-F]{1,4}){1,4}|(?:[0-9a-fA-F]{1,4}:){1,2}(?::[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:(?::[0-9a-fA-F]{1,4}){1,6}|:(?::[0-9a-fA-F]{1,4}){1,7}|::))$/.test(
-                  v
-                )
-              }
-            ),
-            hasActiveFilters && /* @__PURE__ */ jsx(
-              SizedButton,
-              {
-                size: "S",
-                variant: "danger-light",
-                startIcon: /* @__PURE__ */ jsx(Trash, {}),
-                onClick: clearFilters,
-                children: formatMessage(getTrad("auditlog.filters.clear"))
-              }
-            )
-          ] })
-        ]
+        filters,
+        hasActiveFilters,
+        onFiltersChange: setFilters,
+        onResetPage: () => setPage(1),
+        onClear: clearFilters
       }
     ),
-    /* @__PURE__ */ jsxs("div", { style: { position: "relative", width: "100%" }, children: [
-      /* @__PURE__ */ jsxs(CustomTable, { colCount: 5, rowCount: records.length, children: [
-        /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
-          /* @__PURE__ */ jsx(Th, { children: formatMessage(getTrad("auditlog.table.timestamp")) }),
-          /* @__PURE__ */ jsx(Th, { children: formatMessage(getTrad("auditlog.table.action")) }),
-          /* @__PURE__ */ jsx(Th, { children: formatMessage(getTrad("auditlog.table.email")) }),
-          /* @__PURE__ */ jsx(Th, { children: formatMessage(getTrad("auditlog.table.ip")) }),
-          /* @__PURE__ */ jsx(Th, { children: formatMessage(getTrad("auditlog.table.details")) })
-        ] }) }),
-        /* @__PURE__ */ jsxs(Tbody, { children: [
-          records.length === 0 && /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: 5, children: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", alignItems: "center", style: { minHeight: "80px" }, children: loading ? /* @__PURE__ */ jsx(Loader, { small: true }) : /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: hasActiveFilters ? formatMessage(getTrad("auditlog.filters.empty")) : formatMessage(getTrad("auditlog.table.empty")) }) }) }) }),
-          records.map((record) => /* @__PURE__ */ jsxs(
-            Tr,
-            {
-              style: { opacity: loading ? 0.4 : 1, transition: "opacity 0.15s" },
-              children: [
-                /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: /* @__PURE__ */ jsx(LocalizedDate, { date: record.createdAt, options: { second: "2-digit" } }) }) }),
-                /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
-                  /* @__PURE__ */ jsx(Typography, { variant: "omega", children: record.action }),
-                  /* @__PURE__ */ jsx(Tooltip, { label: formatMessage(getTrad(`auditlog.action.${record.action}`)), children: /* @__PURE__ */ jsx(
-                    Information,
-                    {
-                      "aria-hidden": true,
-                      style: { cursor: "help" },
-                      width: "1.4rem",
-                      height: "1.4rem",
-                      fill: "primary600"
-                    }
-                  ) })
-                ] }) }),
-                /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: record.email ?? "—" }) }),
-                /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: record.ip ?? "—" }) }),
-                /* @__PURE__ */ jsx(Td, { style: { maxWidth: "200px" }, children: record.details ? /* @__PURE__ */ jsx(Tooltip, { label: record.details, side: "top", children: /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", style: DETAILS_TEXT_STYLE, children: record.details }) }) : /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", children: "—" }) })
-              ]
-            },
-            record.id
-          ))
-        ] })
-      ] }),
-      loading && records.length > 0 && /* @__PURE__ */ jsx(
-        Flex,
-        {
-          justifyContent: "center",
-          alignItems: "center",
-          style: { position: "absolute", inset: 0, pointerEvents: "none" },
-          children: /* @__PURE__ */ jsx(Loader, { small: true })
-        }
-      )
-    ] }),
+    /* @__PURE__ */ jsx(LogTable, { records, loading, hasActiveFilters }),
     /* @__PURE__ */ jsx(
       TablePagination,
       {
@@ -3991,7 +4014,7 @@ const SwitchInput = styled.input`
   &:checked + span:before {
     transform: translateX(16px);
   }
-  
+
   &:disabled + span {
     pointer-events: none;
   }
@@ -4009,7 +4032,7 @@ const SwitchSlider = styled.span`
 
   &:before {
     position: absolute;
-    content: "";
+    content: '';
     height: 18px;
     width: 18px;
     left: 3px;
@@ -4019,21 +4042,26 @@ const SwitchSlider = styled.span`
     border-radius: 50%;
   }
 `;
-function CustomSwitch({ checked, onChange, label, disabled }) {
+function CustomSwitch({
+  checked,
+  onChange,
+  label,
+  disabled
+}) {
   return /* @__PURE__ */ jsxs(Flex, { gap: 3, children: [
     /* @__PURE__ */ jsxs(SwitchContainer, { $disabled: disabled, children: [
-      /* @__PURE__ */ jsx(
-        SwitchInput,
-        {
-          type: "checkbox",
-          checked,
-          onChange,
-          disabled
-        }
-      ),
+      /* @__PURE__ */ jsx(SwitchInput, { type: "checkbox", checked, onChange, disabled }),
       /* @__PURE__ */ jsx(SwitchSlider, {})
     ] }),
-    label && /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", textColor: disabled ? "neutral500" : "neutral800", children: label })
+    label && /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "pi",
+        fontWeight: "bold",
+        textColor: disabled ? "neutral500" : "neutral800",
+        children: label
+      }
+    )
   ] });
 }
 function formatDatetimeForFilename(date) {
@@ -4055,19 +4083,15 @@ function downloadJson(basename, data) {
   a.click();
   URL.revokeObjectURL(url);
 }
+const defaultSnapshot = {
+  oidcRoles: [],
+  users: [],
+  useWhitelist: false,
+  enforceOIDC: false
+};
 const initialState = {
-  current: {
-    oidcRoles: [],
-    users: [],
-    useWhitelist: false,
-    enforceOIDC: false
-  },
-  initial: {
-    oidcRoles: [],
-    users: [],
-    useWhitelist: false,
-    enforceOIDC: false
-  },
+  current: { ...defaultSnapshot },
+  initial: { ...defaultSnapshot },
   roles: [],
   enforceOIDCConfig: null,
   auditLogEnabled: true,

package/dist/admin/{index-Bb9-aYb4.mjs → index-LcYvW0bR.mjs}

@@ -174,7 +174,10 @@ const en = {
   "user.invalid_state": "State parameter mismatch. Please restart the login flow.",
   "user.signInError": "Authentication failed. Please try again.",
   "settings.section": "OIDC",
-  "settings.configuration": "Configuration"
+  "settings.configuration": "Configuration",
+  "audit.login_failure": "Error: {message}",
+  "audit.roles_updated": "Roles updated to: {roles}",
+  "audit.user_created": "Roles assigned: {roles}"
 };
 function getTrad(id) {
   const pluginIdWithId = `${pluginId}.${id}`;
@@ -186,9 +189,31 @@ function getTrad(id) {
 function t(id) {
   return en[id];
 }
+const PLUGIN_UID = "plugin::strapi-plugin-oidc";
+const PERMISSIONS = {
+  READ: `${PLUGIN_UID}.read`
+};
+const AUDIT_LOG_DEFAULTS = {
+  ADMIN_PAGE_SIZE: 10
+};
+const UI_DEFAULTS = {
+  MIN_SPINNER_MS: 400
+};
+const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 const name = pluginPkg.strapi.displayName;
 const index = {
   register(app) {
+    const AppPage = React.lazy(() => import("./index-Dq99roxb.mjs"));
+    const link = {
+      id: "configuration",
+      to: `/settings/${pluginId}`,
+      intlLabel: {
+        id: "settings.configuration",
+        defaultMessage: "Configuration"
+      },
+      Component: AppPage,
+      permissions: [{ action: PERMISSIONS.READ, subject: null }]
+    };
     app.addSettingsLink(
       {
         id: "oidc",
@@ -197,18 +222,7 @@ const index = {
           defaultMessage: "OIDC"
         }
       },
-      {
-        id: "configuration",
-        to: `/settings/${pluginId}`,
-        intlLabel: {
-          id: "settings.configuration",
-          defaultMessage: "Configuration"
-        },
-        Component: async () => {
-          return await import("./index-BqWd-Iiq.mjs");
-        },
-        permissions: [{ action: "plugin::strapi-plugin-oidc.read", subject: null }]
-      }
+      link
     );
     app.registerPlugin({
       id: pluginId,
@@ -342,6 +356,10 @@ const index = {
   }
 };
 export {
+  AUDIT_LOG_DEFAULTS as A,
+  EMAIL_REGEX as E,
+  UI_DEFAULTS as U,
+  en as e,
   getTrad as g,
   index as i
 };

package/dist/admin/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index = require("./index-Dk6TYtio.js");
+const index = require("./index-BqKuUY5d.js");
 require("react");
 require("react-dom/client");
 exports.default = index.index;

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import { i } from "./index-Bb9-aYb4.mjs";
+import { i } from "./index-LcYvW0bR.mjs";
 import "react";
 import "react-dom/client";
 export {