strapi-plugin-oidc 1.6.5 → 1.7.0

package/dist/admin/index-HQ2uuypE.mjs

@@ -1,841 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useBlocker, Routes, Route } from "react-router-dom";
-import { useNotification, useFetchClient, Page, Layouts } from "@strapi/strapi/admin";
-import { useState, useRef, useCallback, useEffect, memo } from "react";
-import { Typography, Flex, Box, MultiSelect, MultiSelectOption, Dialog, Button, Table, Pagination, PreviousLink, NextLink, PageLink, Field, Divider, Thead, Tr, Th, Tbody, Td, IconButton, Tooltip, Alert } from "@strapi/design-system";
-import { WarningCircle, Download, Upload, Trash, Plus, Information } from "@strapi/icons";
-import { useIntl } from "react-intl";
-import { g as getTrad } from "./index-DgUClS5s.mjs";
-import styled from "styled-components";
-function Role({ oidcRoles, roles, onChangeRole }) {
-  const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Typography, { tag: "p", variant: "omega", textColor: "neutral600", marginBottom: 4, children: formatMessage(getTrad("roles.notes")) }),
-    /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 4, marginBottom: 4, children: oidcRoles.map((oidcRole) => /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
-      MultiSelect,
-      {
-        withTags: true,
-        placeholder: formatMessage(getTrad("roles.placeholder")),
-        value: oidcRole.role ? oidcRole.role.map((r) => String(r)) : [],
-        onChange: (value) => {
-          if (value && value.length > 0) onChangeRole(value, oidcRole.oauth_type);
-        },
-        children: roles.map((role) => /* @__PURE__ */ jsx(MultiSelectOption, { value: String(role.id), children: role.name }, role.id))
-      }
-    ) }, oidcRole.oauth_type)) })
-  ] });
-}
-function LocalizedDate({
-  date,
-  options
-}) {
-  const userLocale = navigator.language || "en-US";
-  return new Intl.DateTimeFormat(userLocale, {
-    year: "numeric",
-    month: "short",
-    day: "numeric",
-    hour: "2-digit",
-    minute: "2-digit",
-    ...options
-  }).format(new Date(date));
-}
-const CustomTable = styled(Table)`
-  th,
-  td,
-  th span,
-  td span {
-    font-size: 1.3rem !important;
-  }
-`;
-function ConfirmDialog({
-  trigger,
-  title,
-  body,
-  confirmLabel,
-  onConfirm,
-  confirmVariant = "danger"
-}) {
-  const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsxs(Dialog.Root, { children: [
-    /* @__PURE__ */ jsx(Dialog.Trigger, { children: trigger }),
-    /* @__PURE__ */ jsxs(Dialog.Content, { children: [
-      /* @__PURE__ */ jsx(Dialog.Header, { children: title }),
-      /* @__PURE__ */ jsx(Dialog.Body, { icon: /* @__PURE__ */ jsx(WarningCircle, { fill: "danger600" }), children: body }),
-      /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
-        /* @__PURE__ */ jsx(Dialog.Cancel, { children: /* @__PURE__ */ jsx(Button, { fullWidth: true, variant: "tertiary", children: formatMessage(getTrad("page.cancel")) }) }),
-        /* @__PURE__ */ jsx(Dialog.Action, { children: /* @__PURE__ */ jsx(Button, { fullWidth: true, variant: confirmVariant, onClick: onConfirm, children: confirmLabel }) })
-      ] })
-    ] })
-  ] });
-}
-function TablePagination({ page, pageCount, onPageChange }) {
-  const { formatMessage } = useIntl();
-  if (pageCount <= 1) return null;
-  const handleClick = (e, num) => {
-    e.preventDefault();
-    onPageChange(num);
-  };
-  const pageLink = (num) => /* @__PURE__ */ jsx(PageLink, { number: num, href: "#", onClick: (e) => handleClick(e, num), children: formatMessage(getTrad("pagination.page"), { page: num }) }, num);
-  const Ellipsis = () => /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", paddingLeft: 2, paddingRight: 2, children: "…" });
-  let pages;
-  if (pageCount <= 10) {
-    pages = Array.from({ length: pageCount }, (_, i) => pageLink(i + 1));
-  } else if (page <= 6) {
-    pages = /* @__PURE__ */ jsxs(Fragment, { children: [
-      Array.from({ length: 9 }, (_, i) => pageLink(i + 1)),
-      /* @__PURE__ */ jsx(Ellipsis, {}),
-      pageLink(pageCount)
-    ] });
-  } else if (page >= pageCount - 5) {
-    pages = /* @__PURE__ */ jsxs(Fragment, { children: [
-      pageLink(1),
-      /* @__PURE__ */ jsx(Ellipsis, {}),
-      Array.from({ length: 9 }, (_, i) => pageLink(pageCount - 8 + i))
-    ] });
-  } else {
-    pages = /* @__PURE__ */ jsxs(Fragment, { children: [
-      pageLink(1),
-      /* @__PURE__ */ jsx(Ellipsis, {}),
-      Array.from({ length: 7 }, (_, i) => pageLink(page - 3 + i)),
-      /* @__PURE__ */ jsx(Ellipsis, {}),
-      pageLink(pageCount)
-    ] });
-  }
-  return /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsx(Flex, { justifyContent: "flex-end", children: /* @__PURE__ */ jsxs(Pagination, { activePage: page, pageCount, children: [
-    /* @__PURE__ */ jsx(PreviousLink, { href: "#", onClick: (e) => handleClick(e, Math.max(1, page - 1)), children: formatMessage(getTrad("pagination.previous")) }),
-    pages,
-    /* @__PURE__ */ jsx(NextLink, { href: "#", onClick: (e) => handleClick(e, Math.min(pageCount, page + 1)), children: formatMessage(getTrad("pagination.next")) })
-  ] }) }) });
-}
-const PAGE_SIZE$1 = 10;
-const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-function Whitelist({
-  users,
-  useWhitelist,
-  loading,
-  onSave,
-  onDelete,
-  onDeleteAll,
-  onImport,
-  onExport
-}) {
-  const [email, setEmail] = useState("");
-  const [page, setPage] = useState(1);
-  const { formatMessage } = useIntl();
-  const { toggleNotification } = useNotification();
-  const fileInputRef = useRef(null);
-  const pageCount = Math.ceil(users.length / PAGE_SIZE$1) || 1;
-  const paginatedUsers = users.slice((page - 1) * PAGE_SIZE$1, page * PAGE_SIZE$1);
-  const onSaveEmail = useCallback(() => {
-    const emailText = email.trim();
-    if (users.some((user) => user.email === emailText)) {
-      toggleNotification({
-        type: "warning",
-        message: formatMessage(getTrad("whitelist.error.unique"))
-      });
-    } else {
-      onSave(emailText);
-      setEmail("");
-    }
-  }, [email, users, onSave, formatMessage, toggleNotification]);
-  const handleImport = useCallback(
-    async (e) => {
-      const file = e.target.files?.[0];
-      if (!fileInputRef.current || !file) return;
-      fileInputRef.current.value = "";
-      try {
-        const text = await file.text();
-        const parsed = JSON.parse(text);
-        if (!Array.isArray(parsed)) throw new Error();
-        const emails = parsed.filter((item) => item?.email).map(
-          (item) => String(item.email).trim().toLowerCase()
-        ).filter((email2) => EMAIL_REGEX.test(email2));
-        const count = await onImport(emails);
-        if (count === 0) {
-          toggleNotification({
-            type: "info",
-            message: formatMessage(getTrad("whitelist.import.none"))
-          });
-        } else {
-          toggleNotification({
-            type: "success",
-            message: formatMessage(getTrad("whitelist.import.success"), { count })
-          });
-        }
-      } catch {
-        toggleNotification({
-          type: "warning",
-          message: formatMessage(getTrad("whitelist.import.error"))
-        });
-      }
-    },
-    [onImport, formatMessage, toggleNotification]
-  );
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsx(Typography, { tag: "p", variant: "omega", textColor: "neutral600", marginBottom: 4, children: formatMessage(getTrad("whitelist.description")) }),
-    useWhitelist && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 4, children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: formatMessage(getTrad("whitelist.count"), { count: users.length }) }),
-        /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: "S",
-              variant: "tertiary",
-              startIcon: /* @__PURE__ */ jsx(Download, {}),
-              onClick: onExport,
-              disabled: users.length === 0,
-              children: formatMessage(getTrad("whitelist.export"))
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: "S",
-              variant: "tertiary",
-              startIcon: /* @__PURE__ */ jsx(Upload, {}),
-              onClick: () => fileInputRef.current?.click(),
-              children: formatMessage(getTrad("whitelist.import"))
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref: fileInputRef,
-              type: "file",
-              accept: ".json,application/json",
-              style: { display: "none" },
-              onChange: handleImport
-            }
-          ),
-          users.length > 0 && /* @__PURE__ */ jsx(
-            ConfirmDialog,
-            {
-              trigger: /* @__PURE__ */ jsx(Button, { size: "S", variant: "danger-light", startIcon: /* @__PURE__ */ jsx(Trash, {}), children: formatMessage(getTrad("whitelist.delete.all.label")) }),
-              title: formatMessage(getTrad("whitelist.delete.all.title")),
-              body: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", textAlign: "center", children: formatMessage(getTrad("whitelist.delete.all.description"), {
-                count: users.length
-              }) }) }),
-              confirmLabel: formatMessage(getTrad("whitelist.delete.all.label")),
-              onConfirm: onDeleteAll
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(Flex, { gap: 4, marginTop: 5, marginBottom: 5, alignItems: "flex-start", children: [
-        /* @__PURE__ */ jsx(Box, { style: { flex: 1 }, children: /* @__PURE__ */ jsx(Field.Root, { children: /* @__PURE__ */ jsx(
-          Field.Input,
-          {
-            type: "text",
-            disabled: loading,
-            value: email,
-            hasError: Boolean(email && !EMAIL_REGEX.test(email)),
-            onChange: (e) => setEmail(e.currentTarget.value),
-            placeholder: formatMessage(getTrad("whitelist.email.placeholder"))
-          }
-        ) }) }),
-        /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            size: "L",
-            startIcon: /* @__PURE__ */ jsx(Plus, {}),
-            disabled: loading || email.trim() === "" || !EMAIL_REGEX.test(email),
-            loading,
-            onClick: onSaveEmail,
-            children: formatMessage(getTrad("page.add"))
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ jsx(Divider, {}),
-      /* @__PURE__ */ jsxs(CustomTable, { colCount: 4, rowCount: users.length, children: [
-        /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
-          /* @__PURE__ */ jsx(Th, { children: formatMessage(getTrad("whitelist.table.no")) }),
-          /* @__PURE__ */ jsx(Th, { children: formatMessage(getTrad("whitelist.table.email")) }),
-          /* @__PURE__ */ jsx(Th, { children: formatMessage(getTrad("whitelist.table.created")) }),
-          /* @__PURE__ */ jsx(Th, { style: { paddingRight: 0 }, children: " " })
-        ] }) }),
-        /* @__PURE__ */ jsx(Tbody, { children: users.length === 0 ? /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: 4, children: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", padding: 4, children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: formatMessage(getTrad("whitelist.table.empty")) }) }) }) }) : paginatedUsers.map((user, index) => /* @__PURE__ */ jsxs(Tr, { children: [
-          /* @__PURE__ */ jsx(Td, { children: index + 1 + (page - 1) * PAGE_SIZE$1 }),
-          /* @__PURE__ */ jsx(Td, { children: user.email }),
-          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(LocalizedDate, { date: user.createdAt, options: { month: "long" } }) }),
-          /* @__PURE__ */ jsx(Td, { style: { paddingRight: 0 }, children: /* @__PURE__ */ jsx(
-            Flex,
-            {
-              justifyContent: "flex-end",
-              onClick: (e) => e.stopPropagation(),
-              style: { width: "100%" },
-              children: /* @__PURE__ */ jsx(
-                ConfirmDialog,
-                {
-                  trigger: /* @__PURE__ */ jsx(
-                    IconButton,
-                    {
-                      label: formatMessage(getTrad("whitelist.delete.label")),
-                      withTooltip: false,
-                      children: /* @__PURE__ */ jsx(Trash, {})
-                    }
-                  ),
-                  title: formatMessage(getTrad("whitelist.delete.title")),
-                  body: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "center", gap: 2, children: [
-                    /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Typography, { id: "confirm-description", children: formatMessage(getTrad("whitelist.delete.description")) }) }),
-                    /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", children: user.email }) }),
-                    /* @__PURE__ */ jsx(Flex, { justifyContent: "center", marginTop: 2, children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: formatMessage(getTrad("whitelist.delete.note")) }) })
-                  ] }),
-                  confirmLabel: formatMessage(getTrad("page.ok")),
-                  onConfirm: () => onDelete(user.email),
-                  confirmVariant: "danger-light"
-                }
-              )
-            }
-          ) })
-        ] }, user.email)) })
-      ] }),
-      /* @__PURE__ */ jsx(TablePagination, { page, pageCount, onPageChange: setPage })
-    ] })
-  ] });
-}
-const PAGE_SIZE = 10;
-const DETAILS_TEXT_STYLE = {
-  display: "block",
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap",
-  maxWidth: "180px",
-  cursor: "help"
-};
-function AuditLog() {
-  const { formatMessage } = useIntl();
-  const { get, del } = useFetchClient();
-  const { toggleNotification } = useNotification();
-  const [records, setRecords] = useState([]);
-  const [pagination, setPagination] = useState({
-    page: 1,
-    pageSize: PAGE_SIZE,
-    total: 0,
-    pageCount: 1
-  });
-  const [page, setPage] = useState(1);
-  const [loading, setLoading] = useState(false);
-  const fetchLogs = useCallback(
-    async (p) => {
-      setLoading(true);
-      try {
-        const response = await get(
-          `/strapi-plugin-oidc/audit-logs?page=${p}&pageSize=${PAGE_SIZE}`
-        );
-        setRecords(response.data.results ?? []);
-        setPagination(
-          response.data.pagination ?? { page: p, pageSize: PAGE_SIZE, total: 0, pageCount: 1 }
-        );
-      } catch {
-        setRecords([]);
-      } finally {
-        setLoading(false);
-      }
-    },
-    [get]
-  );
-  useEffect(() => {
-    fetchLogs(page);
-  }, [fetchLogs, page]);
-  const handleClearAll = async () => {
-    try {
-      await del("/strapi-plugin-oidc/audit-logs");
-      toggleNotification({
-        type: "success",
-        message: formatMessage(getTrad("auditlog.clear.success"))
-      });
-      fetchLogs(1);
-    } catch {
-      toggleNotification({
-        type: "danger",
-        message: formatMessage(getTrad("auditlog.clear.error"))
-      });
-    }
-  };
-  const handleExport = async () => {
-    try {
-      const cookieMatch = document.cookie.match(/(?:^|;\s*)jwtToken=([^;]+)/);
-      const token = cookieMatch ? decodeURIComponent(cookieMatch[1]) : "";
-      const response = await fetch("/strapi-plugin-oidc/audit-logs/export", {
-        headers: { Authorization: `Bearer ${token}` }
-      });
-      if (!response.ok) {
-        toggleNotification({
-          type: "danger",
-          message: formatMessage(getTrad("auditlog.export.error"))
-        });
-        return;
-      }
-      const text = await response.text();
-      const blob = new Blob([text], { type: "application/x-ndjson" });
-      const url = URL.createObjectURL(blob);
-      const a = document.createElement("a");
-      a.href = url;
-      a.download = `oidc-audit-log-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.ndjson`;
-      a.click();
-      URL.revokeObjectURL(url);
-    } catch {
-      toggleNotification({
-        type: "danger",
-        message: formatMessage(getTrad("auditlog.export.error"))
-      });
-    }
-  };
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 4, children: [
-      /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", children: [
-        pagination.total,
-        " ",
-        pagination.total === 1 ? "entry" : "entries"
-      ] }),
-      /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            size: "S",
-            variant: "tertiary",
-            startIcon: /* @__PURE__ */ jsx(Download, {}),
-            onClick: handleExport,
-            disabled: pagination.total === 0,
-            children: formatMessage(getTrad("auditlog.export"))
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          ConfirmDialog,
-          {
-            trigger: /* @__PURE__ */ jsx(
-              Button,
-              {
-                size: "S",
-                variant: "danger-light",
-                startIcon: /* @__PURE__ */ jsx(Trash, {}),
-                disabled: pagination.total === 0,
-                children: formatMessage(getTrad("auditlog.clear"))
-              }
-            ),
-            title: formatMessage(getTrad("auditlog.clear.title")),
-            body: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", textAlign: "center", children: formatMessage(getTrad("auditlog.clear.description"), {
-              count: pagination.total
-            }) }) }),
-            confirmLabel: formatMessage(getTrad("auditlog.clear")),
-            onConfirm: handleClearAll
-          }
-        )
-      ] })
-    ] }),
-    /* @__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: [
-        loading && /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: 5, children: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", padding: 4, children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: formatMessage(getTrad("auditlog.loading")) }) }) }) }),
-        !loading && records.length === 0 && /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: 5, children: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", padding: 4, children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: formatMessage(getTrad("auditlog.table.empty")) }) }) }) }),
-        !loading && records.map((record) => /* @__PURE__ */ jsxs(Tr, { 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))
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(TablePagination, { page, pageCount: pagination.pageCount, onPageChange: setPage })
-  ] });
-}
-const AlertMessage = styled.div`
-  position: fixed;
-  left: 50%;
-  transform: translateX(-50%);
-  top: 2.875rem;
-  z-index: 10;
-  width: 31.25rem;
-`;
-function SuccessAlertMessage({ onClose }) {
-  const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsx(AlertMessage, { children: /* @__PURE__ */ jsx(
-    Alert,
-    {
-      title: formatMessage(getTrad("alert.title.success")),
-      variant: "success",
-      closeLabel: "",
-      onClose,
-      children: formatMessage(getTrad("page.save.success"))
-    }
-  ) });
-}
-function ErrorAlertMessage({ onClose }) {
-  const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsx(AlertMessage, { children: /* @__PURE__ */ jsx(
-    Alert,
-    {
-      title: formatMessage(getTrad("alert.title.error")),
-      variant: "danger",
-      closeLabel: "",
-      onClose,
-      children: formatMessage(getTrad("page.save.error"))
-    }
-  ) });
-}
-const SwitchContainer = styled.label`
-  position: relative;
-  display: inline-block;
-  width: 40px;
-  height: 24px;
-  cursor: ${({ $disabled }) => $disabled ? "not-allowed" : "pointer"};
-  opacity: ${({ $disabled }) => $disabled ? 0.5 : 1};
-`;
-const SwitchInput = styled.input`
-  opacity: 0;
-  width: 0;
-  height: 0;
-
-  &:checked + span {
-    background-color: ${({ theme }) => theme.colors.primary600};
-  }
-
-  &:focus + span {
-    box-shadow: 0 0 1px ${({ theme }) => theme.colors.primary600};
-  }
-
-  &:checked + span:before {
-    transform: translateX(16px);
-  }
-  
-  &:disabled + span {
-    pointer-events: none;
-  }
-`;
-const SwitchSlider = styled.span`
-  position: absolute;
-  cursor: inherit;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: ${({ theme }) => theme.colors.neutral300};
-  transition: 0.4s;
-  border-radius: 24px;
-
-  &:before {
-    position: absolute;
-    content: "";
-    height: 18px;
-    width: 18px;
-    left: 3px;
-    bottom: 3px;
-    background-color: white;
-    transition: 0.4s;
-    border-radius: 50%;
-  }
-`;
-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(SwitchSlider, {})
-    ] }),
-    label && /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", textColor: disabled ? "neutral500" : "neutral800", children: label })
-  ] });
-}
-function formatDatetimeForFilename(date) {
-  const year = date.getFullYear();
-  const month = String(date.getMonth() + 1).padStart(2, "0");
-  const day = String(date.getDate()).padStart(2, "0");
-  const hours = String(date.getHours()).padStart(2, "0");
-  const minutes = String(date.getMinutes()).padStart(2, "0");
-  const seconds = String(date.getSeconds()).padStart(2, "0");
-  return `${year}${month}${day}_${hours}${minutes}${seconds}`;
-}
-function deepClone(value) {
-  return JSON.parse(JSON.stringify(value));
-}
-function useOidcSettings() {
-  const { get, put, post } = useFetchClient();
-  const [loading, setLoading] = useState(false);
-  const [showSuccess, setSuccess] = useState(false);
-  const [showError, setError] = useState(false);
-  const [initialOidcRoles, setInitialOIDCRoles] = useState([]);
-  const [oidcRoles, setOIDCRoles] = useState([]);
-  const [roles, setRoles] = useState([]);
-  const [initialUseWhitelist, setInitialUseWhitelist] = useState(false);
-  const [useWhitelist, setUseWhitelist] = useState(false);
-  const [initialEnforceOIDC, setInitialEnforceOIDC] = useState(false);
-  const [enforceOIDC, setEnforceOIDC] = useState(false);
-  const [enforceOIDCConfig, setEnforceOIDCConfig] = useState(null);
-  const [initialUsers, setInitialUsers] = useState([]);
-  const [users, setUsers] = useState([]);
-  const [whitelistResponse, setWhitelistResponse] = useState({});
-  useEffect(() => {
-    get(`/strapi-plugin-oidc/oidc-roles`).then((response) => {
-      setOIDCRoles(response.data);
-      setInitialOIDCRoles(deepClone(response.data));
-    });
-    get(`/admin/roles`).then((response) => {
-      setRoles(response.data.data);
-    });
-    get("/strapi-plugin-oidc/whitelist").then((response) => {
-      const data = response.data;
-      setWhitelistResponse(data);
-      setUsers(data.whitelistUsers);
-      setInitialUsers(deepClone(data.whitelistUsers));
-      setUseWhitelist(data.useWhitelist);
-      setInitialUseWhitelist(data.useWhitelist);
-      setEnforceOIDC(data.enforceOIDC);
-      setInitialEnforceOIDC(data.enforceOIDC);
-      setEnforceOIDCConfig(data.enforceOIDCConfig ?? null);
-    });
-  }, [get]);
-  const onChangeRole = useCallback((values, oidcId) => {
-    setOIDCRoles(
-      (prev) => prev.map((role) => role.oauth_type === oidcId ? { ...role, role: values } : role)
-    );
-  }, []);
-  const onRegisterWhitelist = useCallback((email) => {
-    setUsers((prev) => [...prev, { email, createdAt: (/* @__PURE__ */ new Date()).toISOString() }]);
-  }, []);
-  const onDeleteWhitelist = useCallback(
-    (email) => {
-      setUsers((prev) => {
-        const updated = prev.filter((u) => u.email !== email);
-        if (useWhitelist && updated.length === 0) setEnforceOIDC(false);
-        return updated;
-      });
-    },
-    [useWhitelist]
-  );
-  const onDeleteAll = useCallback(() => {
-    setUsers([]);
-    if (useWhitelist) setEnforceOIDC(false);
-  }, [useWhitelist]);
-  const onImport = useCallback(
-    async (emails) => {
-      const response = await post("/strapi-plugin-oidc/whitelist/import", {
-        users: emails.map((e) => ({ email: e }))
-      });
-      const refreshed = await get("/strapi-plugin-oidc/whitelist");
-      setUsers(refreshed.data.whitelistUsers);
-      setInitialUsers(deepClone(refreshed.data.whitelistUsers));
-      return response.data.importedCount;
-    },
-    [post, get]
-  );
-  const onExport = useCallback(async () => {
-    const response = await get("/strapi-plugin-oidc/whitelist/export");
-    const data = response.data;
-    const datetime = formatDatetimeForFilename(/* @__PURE__ */ new Date());
-    const blob = new Blob([JSON.stringify(data, null, 2)], { type: "application/json" });
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement("a");
-    a.href = url;
-    a.download = `strapi-oidc-whitelist-${datetime}.json`;
-    a.click();
-    URL.revokeObjectURL(url);
-  }, [get]);
-  const onToggleWhitelist = useCallback(
-    (e) => {
-      const checked = e.target.checked;
-      setUseWhitelist(checked);
-      if (checked && users.length === 0) setEnforceOIDC(false);
-    },
-    [users.length]
-  );
-  const onToggleEnforce = useCallback((e) => {
-    setEnforceOIDC(e.target.checked);
-  }, []);
-  const isDirty = useWhitelist !== initialUseWhitelist || enforceOIDC !== initialEnforceOIDC || JSON.stringify(oidcRoles) !== JSON.stringify(initialOidcRoles) || JSON.stringify(users) !== JSON.stringify(initialUsers);
-  const onSaveAll = useCallback(async () => {
-    setLoading(true);
-    try {
-      await put("/strapi-plugin-oidc/oidc-roles", {
-        roles: oidcRoles.map((role) => ({ oauth_type: role.oauth_type, role: role.role }))
-      });
-      await put("/strapi-plugin-oidc/whitelist/sync", {
-        users: users.map((u) => ({ email: u.email }))
-      });
-      await put("/strapi-plugin-oidc/whitelist/settings", { useWhitelist, enforceOIDC });
-      setInitialOIDCRoles(deepClone(oidcRoles));
-      setInitialUseWhitelist(useWhitelist);
-      setInitialEnforceOIDC(enforceOIDC);
-      get("/strapi-plugin-oidc/whitelist").then((getResponse) => {
-        const data = getResponse.data;
-        setWhitelistResponse(data);
-        setUsers(data.whitelistUsers);
-        setInitialUsers(deepClone(data.whitelistUsers));
-      });
-      setSuccess(true);
-      setTimeout(() => setSuccess(false), 3e3);
-    } catch (e) {
-      console.error(e);
-      setError(true);
-      setTimeout(() => setError(false), 3e3);
-    } finally {
-      setLoading(false);
-    }
-  }, [put, get, oidcRoles, users, useWhitelist, enforceOIDC]);
-  return {
-    state: {
-      loading,
-      showSuccess,
-      showError,
-      oidcRoles,
-      roles,
-      useWhitelist,
-      enforceOIDC,
-      enforceOIDCConfig,
-      initialEnforceOIDC,
-      users,
-      isDirty,
-      auditLogEnabled: whitelistResponse.auditLogEnabled ?? true
-    },
-    actions: {
-      setSuccess,
-      setError,
-      onChangeRole,
-      onRegisterWhitelist,
-      onDeleteWhitelist,
-      onDeleteAll,
-      onImport,
-      onExport,
-      onToggleWhitelist,
-      onToggleEnforce,
-      onSaveAll
-    }
-  };
-}
-function HomePage() {
-  const { formatMessage } = useIntl();
-  const { state, actions } = useOidcSettings();
-  const blocker = useBlocker(state.isDirty);
-  return /* @__PURE__ */ jsxs(Page.Protect, { permissions: [{ action: "plugin::strapi-plugin-oidc.read", subject: null }], children: [
-    /* @__PURE__ */ jsx(
-      Layouts.Header,
-      {
-        title: formatMessage(getTrad("page.title.oidc")),
-        subtitle: formatMessage(getTrad("page.title"))
-      }
-    ),
-    state.showSuccess && /* @__PURE__ */ jsx(SuccessAlertMessage, { onClose: () => actions.setSuccess(false) }),
-    state.showError && /* @__PURE__ */ jsx(ErrorAlertMessage, { onClose: () => actions.setError(false) }),
-    /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
-      /* @__PURE__ */ jsxs(Box, { background: "neutral0", hasRadius: true, shadow: "filterShadow", padding: 6, children: [
-        /* @__PURE__ */ jsx(Box, { paddingBottom: 4, children: /* @__PURE__ */ jsx(Typography, { variant: "beta", tag: "h2", children: formatMessage(getTrad("roles.title")) }) }),
-        /* @__PURE__ */ jsx(
-          Role,
-          {
-            roles: state.roles,
-            oidcRoles: state.oidcRoles,
-            onChangeRole: actions.onChangeRole
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs(Box, { background: "neutral0", hasRadius: true, shadow: "filterShadow", padding: 6, children: [
-        /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", paddingBottom: 4, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "beta", tag: "h2", children: formatMessage(getTrad("whitelist.title")) }),
-          /* @__PURE__ */ jsx(
-            CustomSwitch,
-            {
-              checked: state.useWhitelist,
-              onChange: actions.onToggleWhitelist,
-              label: state.useWhitelist ? formatMessage(getTrad("whitelist.toggle.enabled")) : formatMessage(getTrad("whitelist.toggle.disabled"))
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(
-          Whitelist,
-          {
-            loading: state.loading,
-            users: state.users,
-            useWhitelist: state.useWhitelist,
-            onSave: actions.onRegisterWhitelist,
-            onDelete: actions.onDeleteWhitelist,
-            onDeleteAll: actions.onDeleteAll,
-            onImport: actions.onImport,
-            onExport: actions.onExport
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs(Box, { background: "neutral0", hasRadius: true, shadow: "filterShadow", padding: 6, children: [
-        /* @__PURE__ */ jsx(Box, { paddingBottom: 6, children: /* @__PURE__ */ jsx(Typography, { variant: "beta", tag: "h2", children: formatMessage(getTrad("login.settings.title")) }) }),
-        /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
-          /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 3, wrap: "wrap", children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "omega", style: { minWidth: "280px" }, children: formatMessage(getTrad("enforce.title")) }),
-            /* @__PURE__ */ jsx(Box, { minWidth: "160px", children: /* @__PURE__ */ jsx(
-              CustomSwitch,
-              {
-                checked: state.enforceOIDC,
-                onChange: actions.onToggleEnforce,
-                disabled: state.enforceOIDCConfig !== null || state.useWhitelist && state.users.length === 0,
-                label: state.enforceOIDC ? formatMessage(getTrad("enforce.toggle.enabled")) : formatMessage(getTrad("enforce.toggle.disabled"))
-              }
-            ) })
-          ] }),
-          state.enforceOIDCConfig !== null && /* @__PURE__ */ jsx(Box, { background: "primary100", padding: 3, hasRadius: true, children: /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "center", children: [
-            /* @__PURE__ */ jsx(Information, { fill: "primary600" }),
-            /* @__PURE__ */ jsx(Typography, { textColor: "primary600", children: formatMessage(getTrad("enforce.config.info")) })
-          ] }) }),
-          state.enforceOIDCConfig === null && state.enforceOIDC && state.enforceOIDC !== state.initialEnforceOIDC && /* @__PURE__ */ jsx(Box, { background: "danger100", padding: 3, hasRadius: true, children: /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "center", children: [
-            /* @__PURE__ */ jsx(WarningCircle, { fill: "danger600" }),
-            /* @__PURE__ */ jsx(Typography, { textColor: "danger600", children: formatMessage(getTrad("enforce.warning")) })
-          ] }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(Flex, { justifyContent: "flex-end", children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          size: "L",
-          onClick: actions.onSaveAll,
-          disabled: !state.isDirty || state.loading,
-          loading: state.loading,
-          children: formatMessage(getTrad("page.save"))
-        }
-      ) }),
-      state.auditLogEnabled && /* @__PURE__ */ jsxs(Box, { background: "neutral0", hasRadius: true, shadow: "filterShadow", padding: 6, children: [
-        /* @__PURE__ */ jsx(Box, { paddingBottom: 4, children: /* @__PURE__ */ jsx(Typography, { variant: "beta", tag: "h2", children: formatMessage(getTrad("auditlog.title")) }) }),
-        /* @__PURE__ */ jsx(AuditLog, {})
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx(Dialog.Root, { open: blocker.state === "blocked", children: /* @__PURE__ */ jsxs(Dialog.Content, { children: [
-      /* @__PURE__ */ jsx(Dialog.Header, { children: formatMessage(getTrad("unsaved.title")) }),
-      /* @__PURE__ */ jsx(Dialog.Body, { children: formatMessage(getTrad("unsaved.description")) }),
-      /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
-        /* @__PURE__ */ jsx(Dialog.Cancel, { children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: () => blocker.reset?.(), children: formatMessage(getTrad("unsaved.cancel")) }) }),
-        /* @__PURE__ */ jsx(Dialog.Action, { children: /* @__PURE__ */ jsx(Button, { variant: "danger", onClick: () => blocker.proceed?.(), children: formatMessage(getTrad("unsaved.confirm")) }) })
-      ] })
-    ] }) })
-  ] });
-}
-const HomePage$1 = memo(HomePage);
-function App() {
-  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Routes, { children: [
-    /* @__PURE__ */ jsx(Route, { index: true, element: /* @__PURE__ */ jsx(HomePage$1, {}) }),
-    /* @__PURE__ */ jsx(Route, { path: "*", element: /* @__PURE__ */ jsx(Page.Error, {}) })
-  ] }) });
-}
-export {
-  App as default
-};