strapi-plugin-oidc 1.6.3 → 1.6.5

package/dist/admin/{index-DTOcUHZi.js → index-pWwCtdNu.js}

@@ -7,7 +7,7 @@ const react = require("react");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
 const reactIntl = require("react-intl");
-const index = require("./index-f3cmU_tE.js");
+const index = require("./index-C2BnnDzh.js");
 const styled = require("styled-components");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
@@ -22,9 +22,7 @@ function Role({ oidcRoles, roles, onChangeRole }) {
         placeholder: formatMessage(index.getTrad("roles.placeholder")),
         value: oidcRole.role ? oidcRole.role.map((r) => String(r)) : [],
         onChange: (value) => {
-          if (value && value.length > 0) {
-            onChangeRole(value, oidcRole.oauth_type);
-          }
+          if (value && value.length > 0) onChangeRole(value, oidcRole.oauth_type);
         },
         children: roles.map((role) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.MultiSelectOption, { value: String(role.id), children: role.name }, role.id))
       }
@@ -77,19 +75,11 @@ function ConfirmDialog({
 function TablePagination({ page, pageCount, onPageChange }) {
   const { formatMessage } = reactIntl.useIntl();
   if (pageCount <= 1) return null;
-  const pageLink = (num) => /* @__PURE__ */ jsxRuntime.jsx(
-    designSystem.PageLink,
-    {
-      number: num,
-      href: "#",
-      onClick: (e) => {
-        e.preventDefault();
-        onPageChange(num);
-      },
-      children: formatMessage(index.getTrad("pagination.page"), { page: num })
-    },
-    num
-  );
+  const handleClick = (e, num) => {
+    e.preventDefault();
+    onPageChange(num);
+  };
+  const pageLink = (num) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.PageLink, { number: num, href: "#", onClick: (e) => handleClick(e, num), children: formatMessage(index.getTrad("pagination.page"), { page: num }) }, num);
   const Ellipsis = () => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", paddingLeft: 2, paddingRight: 2, children: "…" });
   let pages;
   if (pageCount <= 10) {
@@ -116,31 +106,13 @@ function TablePagination({ page, pageCount, onPageChange }) {
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Pagination, { activePage: page, pageCount, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.PreviousLink,
-      {
-        href: "#",
-        onClick: (e) => {
-          e.preventDefault();
-          onPageChange(Math.max(1, page - 1));
-        },
-        children: formatMessage(index.getTrad("pagination.previous"))
-      }
-    ),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.PreviousLink, { href: "#", onClick: (e) => handleClick(e, Math.max(1, page - 1)), children: formatMessage(index.getTrad("pagination.previous")) }),
     pages,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.NextLink,
-      {
-        href: "#",
-        onClick: (e) => {
-          e.preventDefault();
-          onPageChange(Math.min(pageCount, page + 1));
-        },
-        children: formatMessage(index.getTrad("pagination.next"))
-      }
-    )
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.NextLink, { href: "#", onClick: (e) => handleClick(e, Math.min(pageCount, page + 1)), children: formatMessage(index.getTrad("pagination.next")) })
   ] }) }) });
 }
+const PAGE_SIZE$1 = 10;
+const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 function Whitelist({
   users,
   useWhitelist,
@@ -156,11 +128,8 @@ function Whitelist({
   const { formatMessage } = reactIntl.useIntl();
   const { toggleNotification } = admin.useNotification();
   const fileInputRef = react.useRef(null);
-  const PAGE_SIZE2 = 10;
-  const pageCount = Math.ceil(users.length / PAGE_SIZE2) || 1;
-  const paginatedUsers = users.slice((page - 1) * PAGE_SIZE2, page * PAGE_SIZE2);
-  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-  const isValidEmail = emailRegex.test(email);
+  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 = react.useCallback(() => {
     const emailText = email.trim();
     if (users.some((user) => user.email === emailText)) {
@@ -176,14 +145,15 @@ function Whitelist({
   const handleImport = react.useCallback(
     async (e) => {
       const file = e.target.files?.[0];
-      if (!fileInputRef.current) return;
+      if (!fileInputRef.current || !file) 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 emails = parsed.filter((item) => item?.email).map((item) => String(item.email).trim().toLowerCase()).filter((email2) => emailRegex.test(email2));
+        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({
@@ -263,7 +233,7 @@ function Whitelist({
             type: "text",
             disabled: loading,
             value: email,
-            hasError: Boolean(email && !isValidEmail),
+            hasError: Boolean(email && !EMAIL_REGEX.test(email)),
             onChange: (e) => setEmail(e.currentTarget.value),
             placeholder: formatMessage(index.getTrad("whitelist.email.placeholder"))
           }
@@ -273,7 +243,7 @@ function Whitelist({
           {
             size: "L",
             startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}),
-            disabled: loading || email.trim() === "" || !isValidEmail,
+            disabled: loading || email.trim() === "" || !EMAIL_REGEX.test(email),
             loading,
             onClick: onSaveEmail,
             children: formatMessage(index.getTrad("page.add"))
@@ -289,7 +259,7 @@ function Whitelist({
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { style: { paddingRight: 0 }, children: " " })
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: users.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { colSpan: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", padding: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: formatMessage(index.getTrad("whitelist.table.empty")) }) }) }) }) : paginatedUsers.map((user, index$1) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: index$1 + 1 + (page - 1) * PAGE_SIZE2 }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: index$1 + 1 + (page - 1) * PAGE_SIZE$1 }),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: user.email }),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(LocalizedDate, { date: user.createdAt, options: { month: "long" } }) }),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { style: { paddingRight: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -467,7 +437,7 @@ function AuditLog() {
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: formatMessage(index.getTrad("auditlog.table.details")) })
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tbody, { children: [
-        loading && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", padding: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: "Loading…" }) }) }) }),
+        loading && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", padding: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: formatMessage(index.getTrad("auditlog.loading")) }) }) }) }),
         !loading && records.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", padding: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: formatMessage(index.getTrad("auditlog.table.empty")) }) }) }) }),
         !loading && records.map((record) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: /* @__PURE__ */ jsxRuntime.jsx(LocalizedDate, { date: record.createdAt, options: { second: "2-digit" } }) }) }),
@@ -633,47 +603,52 @@ function useOidcSettings() {
       setRoles(response.data.data);
     });
     get("/strapi-plugin-oidc/whitelist").then((response) => {
-      setWhitelistResponse(response.data);
-      setUsers(response.data.whitelistUsers);
-      setInitialUsers(deepClone(response.data.whitelistUsers));
-      setUseWhitelist(response.data.useWhitelist);
-      setInitialUseWhitelist(response.data.useWhitelist);
-      setEnforceOIDC(response.data.enforceOIDC);
-      setInitialEnforceOIDC(response.data.enforceOIDC);
-      setEnforceOIDCConfig(response.data.enforceOIDCConfig ?? null);
+      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 = (values, oidcId) => {
-    const updatedRoles = oidcRoles.map(
-      (role) => role.oauth_type === oidcId ? { ...role, role: values } : role
+  const onChangeRole = react.useCallback((values, oidcId) => {
+    setOIDCRoles(
+      (prev) => prev.map((role) => role.oauth_type === oidcId ? { ...role, role: values } : role)
     );
-    setOIDCRoles(updatedRoles);
-  };
-  const onRegisterWhitelist = (email) => {
-    const newUser = { email, createdAt: (/* @__PURE__ */ new Date()).toISOString() };
-    setUsers([...users, newUser]);
-  };
-  const onDeleteWhitelist = (email) => {
-    const updatedUsers = users.filter((u) => u.email !== email);
-    setUsers(updatedUsers);
-    if (useWhitelist && updatedUsers.length === 0) {
-      setEnforceOIDC(false);
-    }
-  };
-  const onDeleteAll = () => {
+  }, []);
+  const onRegisterWhitelist = react.useCallback((email) => {
+    setUsers((prev) => [...prev, { email, createdAt: (/* @__PURE__ */ new Date()).toISOString() }]);
+  }, []);
+  const onDeleteWhitelist = react.useCallback(
+    (email) => {
+      setUsers((prev) => {
+        const updated = prev.filter((u) => u.email !== email);
+        if (useWhitelist && updated.length === 0) setEnforceOIDC(false);
+        return updated;
+      });
+    },
+    [useWhitelist]
+  );
+  const onDeleteAll = react.useCallback(() => {
     setUsers([]);
     if (useWhitelist) setEnforceOIDC(false);
-  };
-  const onImport = 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;
-  };
-  const onExport = async () => {
+  }, [useWhitelist]);
+  const onImport = react.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 = react.useCallback(async () => {
     const response = await get("/strapi-plugin-oidc/whitelist/export");
     const data = response.data;
     const datetime = formatDatetimeForFilename(/* @__PURE__ */ new Date());
@@ -684,41 +659,37 @@ function useOidcSettings() {
     a.download = `strapi-oidc-whitelist-${datetime}.json`;
     a.click();
     URL.revokeObjectURL(url);
-  };
-  const onToggleWhitelist = (e) => {
-    const checked = e.target.checked;
-    setUseWhitelist(checked);
-    if (checked && users.length === 0) {
-      setEnforceOIDC(false);
-    }
-  };
-  const onToggleEnforce = (e) => {
+  }, [get]);
+  const onToggleWhitelist = react.useCallback(
+    (e) => {
+      const checked = e.target.checked;
+      setUseWhitelist(checked);
+      if (checked && users.length === 0) setEnforceOIDC(false);
+    },
+    [users.length]
+  );
+  const onToggleEnforce = react.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 = async () => {
+  const onSaveAll = react.useCallback(async () => {
     setLoading(true);
     try {
       await put("/strapi-plugin-oidc/oidc-roles", {
-        roles: oidcRoles.map((role) => ({
-          oauth_type: role.oauth_type,
-          role: role.role
-        }))
+        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
-      });
+      await put("/strapi-plugin-oidc/whitelist/settings", { useWhitelist, enforceOIDC });
       setInitialOIDCRoles(deepClone(oidcRoles));
       setInitialUseWhitelist(useWhitelist);
       setInitialEnforceOIDC(enforceOIDC);
       get("/strapi-plugin-oidc/whitelist").then((getResponse) => {
-        setWhitelistResponse(getResponse.data);
-        setUsers(getResponse.data.whitelistUsers);
-        setInitialUsers(deepClone(getResponse.data.whitelistUsers));
+        const data = getResponse.data;
+        setWhitelistResponse(data);
+        setUsers(data.whitelistUsers);
+        setInitialUsers(deepClone(data.whitelistUsers));
       });
       setSuccess(true);
       setTimeout(() => setSuccess(false), 3e3);
@@ -729,7 +700,7 @@ function useOidcSettings() {
     } finally {
       setLoading(false);
     }
-  };
+  }, [put, get, oidcRoles, users, useWhitelist, enforceOIDC]);
   return {
     state: {
       loading,

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-f3cmU_tE.js");
+const index = require("./index-C2BnnDzh.js");
 exports.default = index.index;

package/dist/admin/index.mjs

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