strapi-plugin-oidc 1.3.2 → 1.4.1

package/dist/admin/{index-CFmg9Kxl.mjs → index-CY4s-vtv.mjs}

@@ -1,11 +1,11 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Routes, Route } from "react-router-dom";
+import { useBlocker, Routes, Route } from "react-router-dom";
 import { useNotification, useFetchClient, Page, Layouts } from "@strapi/strapi/admin";
-import { useState, useCallback, useEffect, memo } from "react";
-import { Typography, Flex, Box, MultiSelect, MultiSelectOption, Field, Button, Divider, Thead, Tr, Th, Tbody, Td, Dialog, IconButton, Pagination, PreviousLink, PageLink, NextLink, Table, Alert } from "@strapi/design-system";
-import { Plus, Trash, WarningCircle, Information } from "@strapi/icons";
+import { useState, useRef, useCallback, useEffect, memo } from "react";
+import { Typography, Flex, Box, MultiSelect, MultiSelectOption, Button, Dialog, Field, Divider, Thead, Tr, Th, Tbody, Td, IconButton, Pagination, PreviousLink, PageLink, NextLink, Table, Alert } from "@strapi/design-system";
+import { Download, Upload, Trash, WarningCircle, Plus, Information } from "@strapi/icons";
 import { useIntl } from "react-intl";
-import { g as getTrad } from "./index-D1ypRUlq.mjs";
+import { g as getTrad } from "./index-ZRaWWFUL.mjs";
 import styled from "styled-components";
 function Role({ oidcRoles, roles, onChangeRole }) {
   const { formatMessage } = useIntl();
@@ -35,7 +35,7 @@ const CustomTable = styled(Table)`
     font-size: 1.3rem !important;
   }
 `;
-const LocalizedDate = ({ date }) => {
+function LocalizedDate({ date }) {
   const userLocale = navigator.language || "en-US";
   return new Intl.DateTimeFormat(userLocale, {
     year: "numeric",
@@ -44,7 +44,7 @@ const LocalizedDate = ({ date }) => {
     hour: "2-digit",
     minute: "2-digit"
   }).format(new Date(date));
-};
+}
 function Whitelist({
   users,
   roles,
@@ -52,17 +52,28 @@ function Whitelist({
   useWhitelist,
   loading,
   onSave,
-  onDelete
+  onDelete,
+  onDeleteAll,
+  onImport,
+  onExport
 }) {
   const [email, setEmail] = useState("");
   const [selectedRoles, setSelectedRoles] = useState([]);
   const [page, setPage] = useState(1);
   const { formatMessage } = useIntl();
   const { toggleNotification } = useNotification();
+  const fileInputRef = useRef(null);
   const PAGE_SIZE = 10;
   const pageCount = Math.ceil(users.length / PAGE_SIZE) || 1;
   const paginatedUsers = users.slice((page - 1) * PAGE_SIZE, page * PAGE_SIZE);
-  const onSaveEmail = useCallback(async () => {
+  const getRoleNames = (roleIds) => roleIds.map((roleId) => {
+    const r = roles.find((ro) => String(ro.id) === String(roleId));
+    return r ? r.name : roleId;
+  }).join(", ");
+  const defaultRoleNames = getRoleNames(oidcRoles.flatMap((oidc) => oidc.role ?? []));
+  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+  const isValidEmail = emailRegex.test(email);
+  const onSaveEmail = useCallback(() => {
     const emailText = email.trim();
     if (users.some((user) => user.email === emailText)) {
       toggleNotification({
@@ -70,18 +81,98 @@ function Whitelist({
         message: formatMessage(getTrad("whitelist.error.unique"))
       });
     } else {
-      await onSave(emailText, selectedRoles);
+      onSave(emailText, selectedRoles);
       setEmail("");
       setSelectedRoles([]);
     }
   }, [email, selectedRoles, users, onSave, formatMessage, toggleNotification]);
-  const isValidEmail = useCallback(() => {
-    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-    return emailRegex.test(email);
-  }, [email]);
+  const handleImport = useCallback(
+    async (e) => {
+      const file = e.target.files?.[0];
+      if (!fileInputRef.current) return;
+      fileInputRef.current.value = "";
+      if (!file) return;
+      try {
+        const text = await file.text();
+        const parsed = JSON.parse(text);
+        if (!Array.isArray(parsed)) throw new Error();
+        const entries = parsed.filter((item) => item?.email).map((item) => ({
+          email: String(item.email),
+          roles: Array.isArray(item.roles) ? item.roles : []
+        }));
+        const count = await onImport(entries);
+        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__ */ jsxs(Dialog.Root, { children: [
+            /* @__PURE__ */ jsx(Dialog.Trigger, { children: /* @__PURE__ */ jsx(Button, { size: "S", variant: "danger-light", startIcon: /* @__PURE__ */ jsx(Trash, {}), children: formatMessage(getTrad("whitelist.delete.all.label")) }) }),
+            /* @__PURE__ */ jsxs(Dialog.Content, { children: [
+              /* @__PURE__ */ jsx(Dialog.Header, { children: formatMessage(getTrad("whitelist.delete.all.title")) }),
+              /* @__PURE__ */ jsx(Dialog.Body, { icon: /* @__PURE__ */ jsx(WarningCircle, { fill: "danger600" }), children: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", textAlign: "center", children: formatMessage(getTrad("whitelist.delete.all.description"), {
+                count: users.length
+              }) }) }) }),
+              /* @__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: "danger", onClick: onDeleteAll, children: formatMessage(getTrad("whitelist.delete.all.label")) }) })
+              ] })
+            ] })
+          ] })
+        ] })
+      ] }),
       /* @__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,
@@ -89,7 +180,7 @@ function Whitelist({
             type: "text",
             disabled: loading,
             value: email,
-            hasError: Boolean(email && !isValidEmail()),
+            hasError: Boolean(email && !isValidEmail),
             onChange: (e) => setEmail(e.currentTarget.value),
             placeholder: formatMessage(getTrad("whitelist.email.placeholder"))
           }
@@ -111,7 +202,7 @@ function Whitelist({
           {
             size: "L",
             startIcon: /* @__PURE__ */ jsx(Plus, {}),
-            disabled: loading || email.trim() === "" || !isValidEmail(),
+            disabled: loading || email.trim() === "" || !isValidEmail,
             loading,
             onClick: onSaveEmail,
             children: formatMessage(getTrad("page.add"))
@@ -128,22 +219,16 @@ function Whitelist({
           /* @__PURE__ */ jsx(Th, { style: { paddingRight: 0 }, children: " " })
         ] }) }),
         /* @__PURE__ */ jsx(Tbody, { children: users.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("whitelist.table.empty")) }) }) }) }) : paginatedUsers.map((user, index) => {
-          const getRoleNames = (roleIds) => roleIds.map((roleId) => {
-            const r = roles.find((ro) => String(ro.id) === String(roleId));
-            return r ? r.name : roleId;
-          }).join(", ");
-          let userRolesNames = getRoleNames(user.roles || []);
-          if (!userRolesNames) {
-            const defaultRolesIds = oidcRoles.reduce((acc, oidc) => {
-              if (oidc.role) acc.push(...oidc.role);
-              return acc;
-            }, []);
-            userRolesNames = getRoleNames(defaultRolesIds);
-          }
+          const explicitRoleNames = getRoleNames(user.roles || []);
+          const isDefault = !explicitRoleNames && Boolean(defaultRoleNames);
+          const userRolesNames = explicitRoleNames || defaultRoleNames;
           return /* @__PURE__ */ jsxs(Tr, { children: [
             /* @__PURE__ */ jsx(Td, { children: index + 1 + (page - 1) * PAGE_SIZE }),
             /* @__PURE__ */ jsx(Td, { children: user.email }),
-            /* @__PURE__ */ jsx(Td, { children: userRolesNames || "-" }),
+            /* @__PURE__ */ jsx(Td, { children: userRolesNames ? /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+              /* @__PURE__ */ jsx("span", { children: userRolesNames }),
+              isDefault && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: "(Default)" })
+            ] }) : "-" }),
             /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(LocalizedDate, { date: user.createdAt }) }),
             /* @__PURE__ */ jsx(Td, { style: { paddingRight: 0 }, children: /* @__PURE__ */ jsx(
               Flex,
@@ -346,8 +431,11 @@ function CustomSwitch({ checked, onChange, label, disabled }) {
     label && /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", textColor: disabled ? "neutral500" : "neutral800", children: label })
   ] });
 }
+function deepClone(value) {
+  return JSON.parse(JSON.stringify(value));
+}
 function useOidcSettings() {
-  const { get, put } = useFetchClient();
+  const { get, put, post } = useFetchClient();
   const [loading, setLoading] = useState(false);
   const [showSuccess, setSuccess] = useState(false);
   const [showError, setError] = useState(false);
@@ -365,14 +453,14 @@ function useOidcSettings() {
   useEffect(() => {
     get(`/strapi-plugin-oidc/oidc-roles`).then((response) => {
       setOIDCRoles(response.data);
-      setInitialOIDCRoles(JSON.parse(JSON.stringify(response.data)));
+      setInitialOIDCRoles(deepClone(response.data));
     });
     get(`/admin/roles`).then((response) => {
       setRoles(response.data.data);
     });
     get("/strapi-plugin-oidc/whitelist").then((response) => {
       setUsers(response.data.whitelistUsers);
-      setInitialUsers(JSON.parse(JSON.stringify(response.data.whitelistUsers)));
+      setInitialUsers(deepClone(response.data.whitelistUsers));
       setUseWhitelist(response.data.useWhitelist);
       setInitialUseWhitelist(response.data.useWhitelist);
       setEnforceOIDC(response.data.enforceOIDC);
@@ -386,17 +474,44 @@ function useOidcSettings() {
     );
     setOIDCRoles(updatedRoles);
   };
-  const onRegisterWhitelist = async (email, selectedRoles) => {
+  const onRegisterWhitelist = (email, selectedRoles) => {
     const newUser = { email, roles: selectedRoles, createdAt: (/* @__PURE__ */ new Date()).toISOString() };
     setUsers([...users, newUser]);
   };
-  const onDeleteWhitelist = async (email) => {
+  const onDeleteWhitelist = (email) => {
     const updatedUsers = users.filter((u) => u.email !== email);
     setUsers(updatedUsers);
     if (useWhitelist && updatedUsers.length === 0) {
       setEnforceOIDC(false);
     }
   };
+  const onDeleteAll = () => {
+    setUsers([]);
+    if (useWhitelist) setEnforceOIDC(false);
+  };
+  const onImport = async (entries) => {
+    const response = await post("/strapi-plugin-oidc/whitelist/import", { users: entries });
+    const refreshed = await get("/strapi-plugin-oidc/whitelist");
+    setUsers(refreshed.data.whitelistUsers);
+    setInitialUsers(deepClone(refreshed.data.whitelistUsers));
+    return response.data.importedCount;
+  };
+  const onExport = () => {
+    const roleMap = new Map(roles.map((r) => [String(r.id), r.name]));
+    const data = users.map(({ email, roles: userRoles }) => ({
+      email,
+      roles: (userRoles || []).map((id) => roleMap.get(String(id)) ?? id)
+    }));
+    const now = /* @__PURE__ */ new Date();
+    const datetime = `${now.getFullYear()}${String(now.getMonth() + 1).padStart(2, "0")}${String(now.getDate()).padStart(2, "0")}_${String(now.getHours()).padStart(2, "0")}${String(now.getMinutes()).padStart(2, "0")}${String(now.getSeconds()).padStart(2, "0")}`;
+    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);
+  };
   const onToggleWhitelist = (e) => {
     const checked = e.target.checked;
     setUseWhitelist(checked);
@@ -424,12 +539,12 @@ function useOidcSettings() {
         useWhitelist,
         enforceOIDC
       });
-      setInitialOIDCRoles(JSON.parse(JSON.stringify(oidcRoles)));
+      setInitialOIDCRoles(deepClone(oidcRoles));
       setInitialUseWhitelist(useWhitelist);
       setInitialEnforceOIDC(enforceOIDC);
       get("/strapi-plugin-oidc/whitelist").then((getResponse) => {
         setUsers(getResponse.data.whitelistUsers);
-        setInitialUsers(JSON.parse(JSON.stringify(getResponse.data.whitelistUsers)));
+        setInitialUsers(deepClone(getResponse.data.whitelistUsers));
       });
       if (syncResponse.data?.matchedExistingUsersCount > 0) {
         setMatched(syncResponse.data.matchedExistingUsersCount);
@@ -468,6 +583,9 @@ function useOidcSettings() {
       onChangeRole,
       onRegisterWhitelist,
       onDeleteWhitelist,
+      onDeleteAll,
+      onImport,
+      onExport,
       onToggleWhitelist,
       onToggleEnforce,
       onSaveAll
@@ -477,6 +595,7 @@ function useOidcSettings() {
 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,
@@ -521,7 +640,10 @@ function HomePage() {
             oidcRoles: state.oidcRoles,
             useWhitelist: state.useWhitelist,
             onSave: actions.onRegisterWhitelist,
-            onDelete: actions.onDeleteWhitelist
+            onDelete: actions.onDeleteWhitelist,
+            onDeleteAll: actions.onDeleteAll,
+            onImport: actions.onImport,
+            onExport: actions.onExport
           }
         )
       ] }),
@@ -560,6 +682,14 @@ function HomePage() {
           children: formatMessage(getTrad("page.save"))
         }
       ) })
+    ] }) }),
+    /* @__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")) }) })
+      ] })
     ] }) })
   ] });
 }

package/dist/admin/{index-Cse9ex24.js → index-RMgj1w0B.js}

@@ -79,7 +79,20 @@ const en = {
   "enforce.warning": "Make sure OIDC is setup correctly before saving changes, you won't be able to login normally.",
   "enforce.config.info": "Enforcement is controlled by the OIDC_ENFORCE config variable and cannot be changed here.",
   "login.settings.title": "Login Settings",
-  "login.sso": "Login via SSO"
+  "login.sso": "Login via SSO",
+  "whitelist.count": "{count, plural, one {# entry} other {# entries}}",
+  "whitelist.import": "Import",
+  "whitelist.export": "Export",
+  "whitelist.delete.all.label": "Delete All",
+  "whitelist.delete.all.title": "Delete All Entries",
+  "whitelist.delete.all.description": "This will permanently remove all {count, plural, one {# entry} other {# entries}} from the whitelist. Unsaved changes will be lost.",
+  "whitelist.import.error": "Invalid file — expected a JSON array of objects with an email field.",
+  "whitelist.import.success": "Imported {count, plural, one {# new entry} other {# new entries}}.",
+  "whitelist.import.none": "No new entries — all emails are already in the whitelist.",
+  "unsaved.title": "Unsaved Changes",
+  "unsaved.description": "You have unsaved changes that will be lost if you leave. Do you want to continue?",
+  "unsaved.confirm": "Leave",
+  "unsaved.cancel": "Stay"
 };
 function getTrad(id) {
   const pluginIdWithId = `${pluginId}.${id}`;
@@ -110,7 +123,7 @@ const index = {
           defaultMessage: "Configuration"
         },
         Component: async () => {
-          return await Promise.resolve().then(() => require("./index-BqyGGX8X.js"));
+          return await Promise.resolve().then(() => require("./index-BnFRueNv.js"));
         },
         permissions: [{ action: "plugin::strapi-plugin-oidc.read", subject: null }]
       }

package/dist/admin/{index-D1ypRUlq.mjs → index-ZRaWWFUL.mjs}

@@ -78,7 +78,20 @@ const en = {
   "enforce.warning": "Make sure OIDC is setup correctly before saving changes, you won't be able to login normally.",
   "enforce.config.info": "Enforcement is controlled by the OIDC_ENFORCE config variable and cannot be changed here.",
   "login.settings.title": "Login Settings",
-  "login.sso": "Login via SSO"
+  "login.sso": "Login via SSO",
+  "whitelist.count": "{count, plural, one {# entry} other {# entries}}",
+  "whitelist.import": "Import",
+  "whitelist.export": "Export",
+  "whitelist.delete.all.label": "Delete All",
+  "whitelist.delete.all.title": "Delete All Entries",
+  "whitelist.delete.all.description": "This will permanently remove all {count, plural, one {# entry} other {# entries}} from the whitelist. Unsaved changes will be lost.",
+  "whitelist.import.error": "Invalid file — expected a JSON array of objects with an email field.",
+  "whitelist.import.success": "Imported {count, plural, one {# new entry} other {# new entries}}.",
+  "whitelist.import.none": "No new entries — all emails are already in the whitelist.",
+  "unsaved.title": "Unsaved Changes",
+  "unsaved.description": "You have unsaved changes that will be lost if you leave. Do you want to continue?",
+  "unsaved.confirm": "Leave",
+  "unsaved.cancel": "Stay"
 };
 function getTrad(id) {
   const pluginIdWithId = `${pluginId}.${id}`;
@@ -109,7 +122,7 @@ const index = {
           defaultMessage: "Configuration"
         },
         Component: async () => {
-          return await import("./index-CFmg9Kxl.mjs");
+          return await import("./index-CY4s-vtv.mjs");
         },
         permissions: [{ action: "plugin::strapi-plugin-oidc.read", subject: null }]
       }

package/dist/admin/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index = require("./index-Cse9ex24.js");
+const index = require("./index-RMgj1w0B.js");
 exports.default = index.index;

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import { i } from "./index-D1ypRUlq.mjs";
+import { i } from "./index-ZRaWWFUL.mjs";
 export {
   i as default
 };