strapi-plugin-oidc 1.7.5 → 1.7.6

package/dist/admin/{index-CLUIKIK3.js → index-CrnGXADu.js}

@@ -166,7 +166,7 @@ const index = {
           defaultMessage: "Configuration"
         },
         Component: async () => {
-          return await Promise.resolve().then(() => require("./index-CacQfQ3a.js"));
+          return await Promise.resolve().then(() => require("./index-D2rlNx1-.js"));
         },
         permissions: [{ action: "plugin::strapi-plugin-oidc.read", subject: null }]
       }

package/dist/admin/{index-CacQfQ3a.js → index-D2rlNx1-.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-CLUIKIK3.js");
+const index = require("./index-CrnGXADu.js");
 const styled = require("styled-components");
 const lucideReact = require("lucide-react");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -70,15 +70,21 @@ const TagInputWrapper = styled__default.default(designSystem.Box)`
   flex-wrap: wrap;
   gap: 4px;
   align-items: center;
-  padding: 8px 16px;
+  padding-inline: ${({ theme }) => theme.spaces[4]};
+  padding-block: ${({ theme }) => theme.spaces[3]};
   border-radius: 4px;
   border: 1px solid ${({ theme }) => theme.colors.neutral200};
   background-color: ${({ theme }) => theme.colors.neutral0};
   cursor: text;
   min-width: 220px;
-  min-height: 4rem;
+  min-height: 4.8rem;
   flex: 0 0 auto;
 
+  ${({ theme }) => theme.breakpoints.medium} {
+    padding-block: ${({ theme }) => theme.spaces[2]};
+    min-height: 4rem;
+  }
+
   &:focus-within {
     border-color: ${({ theme }) => theme.colors.primary600};
     box-shadow: 0 0 0 2px ${({ theme }) => theme.colors.primary100};
@@ -143,7 +149,6 @@ function TagInputShell({
   inputProps,
   children
 }) {
-  const inputId = react.useId();
   return /* @__PURE__ */ jsxRuntime.jsxs(TagInputWrapper, { ref: wrapperRef, onClick: () => inputRef.current?.focus(), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, wrap: "wrap", alignItems: "center", style: { flex: 1, minWidth: 0 }, children: [
       startIcon && /* @__PURE__ */ jsxRuntime.jsx(StartIconSlot, { children: startIcon }),
@@ -155,14 +160,6 @@ function TagInputShell({
           type: "text",
           placeholder: value.length === 0 ? placeholder : "",
           "aria-label": placeholder,
-          autoComplete: "off",
-          autoCorrect: "off",
-          autoCapitalize: "off",
-          spellCheck: false,
-          name: `tag-input-${inputId}`,
-          "data-form-type": "other",
-          "data-lpignore": "true",
-          "data-1p-ignore": "true",
           ...inputProps
         }
       )
@@ -747,6 +744,16 @@ function TagDateInput({ value = [], onChange, placeholder, startIcon }) {
     }
   );
 }
+const SizedButton = styled__default.default(designSystem.Button)`
+  && {
+    height: 4.8rem;
+  }
+  ${({ theme }) => theme.breakpoints.medium} {
+    && {
+      height: 4rem;
+    }
+  }
+`;
 const Icon = styled__default.default.span`
   display: inline-flex;
   align-items: center;
@@ -911,91 +918,98 @@ function Whitelist({
   return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "p", variant: "omega", textColor: "neutral600", marginBottom: 4, children: formatMessage(index.getTrad("whitelist.description")) }),
     useWhitelist && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 8, marginTop: 5, marginBottom: 5, alignItems: "stretch", wrap: "wrap", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", style: { minWidth: "280px", flex: "1 1 280px" }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flex: 1, minWidth: "200px" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Root, { children: /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Field.Input,
-            {
-              type: "text",
-              disabled: loading,
-              value: email,
-              hasError: Boolean(email && !EMAIL_REGEX.test(email)),
-              onChange: (e) => setEmail(e.currentTarget.value),
-              placeholder: formatMessage(index.getTrad("whitelist.email.placeholder")),
-              style: { fontSize: "1.4rem", lineHeight: "2.2rem" }
-            }
-          ) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Button,
-            {
-              size: "S",
-              startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}),
-              style: { paddingTop: "1.1rem", paddingBottom: "1.1rem", height: "auto" },
-              disabled: loading || email.trim() === "" || !EMAIL_REGEX.test(email),
-              loading,
-              onClick: onSaveEmail,
-              children: formatMessage(index.getTrad("page.add"))
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Button,
-            {
-              size: "S",
-              variant: "tertiary",
-              startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Download, {}),
-              onClick: onExport,
-              disabled: users.length === 0,
-              style: { paddingTop: "1.1rem", paddingBottom: "1.1rem", height: "auto" },
-              children: formatMessage(index.getTrad("whitelist.export"))
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Button,
-            {
-              size: "S",
-              variant: "tertiary",
-              startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Upload, {}),
-              onClick: () => fileInputRef.current?.click(),
-              style: { paddingTop: "1.1rem", paddingBottom: "1.1rem", height: "auto" },
-              children: formatMessage(index.getTrad("whitelist.import"))
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              ref: fileInputRef,
-              type: "file",
-              accept: ".json,application/json",
-              style: { display: "none" },
-              onChange: handleImport
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ConfirmDialog,
-            {
-              trigger: /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.Button,
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        designSystem.Flex,
+        {
+          gap: 8,
+          marginTop: 5,
+          marginBottom: 5,
+          alignItems: "stretch",
+          wrap: "wrap",
+          style: { rowGap: "0.8rem" },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", style: { minWidth: "280px", flex: "1 1 280px" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flex: 1, minWidth: "200px" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Root, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Field.Input,
+                {
+                  type: "text",
+                  disabled: loading,
+                  value: email,
+                  hasError: Boolean(email && !EMAIL_REGEX.test(email)),
+                  onChange: (e) => setEmail(e.currentTarget.value),
+                  placeholder: formatMessage(index.getTrad("whitelist.email.placeholder")),
+                  style: { fontSize: "1.4rem", lineHeight: "2.2rem" }
+                }
+              ) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                SizedButton,
                 {
                   size: "S",
-                  variant: "danger-light",
-                  startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {}),
+                  startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}),
+                  disabled: loading || email.trim() === "" || !EMAIL_REGEX.test(email),
+                  loading,
+                  onClick: onSaveEmail,
+                  children: formatMessage(index.getTrad("page.add"))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                SizedButton,
+                {
+                  size: "S",
+                  variant: "tertiary",
+                  startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Download, {}),
+                  onClick: onExport,
                   disabled: users.length === 0,
-                  style: { paddingTop: "1.1rem", paddingBottom: "1.1rem", height: "auto" },
-                  children: formatMessage(index.getTrad("whitelist.delete.all.label"))
+                  children: formatMessage(index.getTrad("whitelist.export"))
                 }
               ),
-              title: formatMessage(index.getTrad("whitelist.delete.all.title")),
-              body: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", textAlign: "center", children: formatMessage(index.getTrad("whitelist.delete.all.description"), {
-                count: users.length
-              }) }) }),
-              confirmLabel: formatMessage(index.getTrad("whitelist.delete.all.label")),
-              onConfirm: onDeleteAll
-            }
-          )
-        ] })
-      ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                SizedButton,
+                {
+                  size: "S",
+                  variant: "tertiary",
+                  startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Upload, {}),
+                  onClick: () => fileInputRef.current?.click(),
+                  children: formatMessage(index.getTrad("whitelist.import"))
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  ref: fileInputRef,
+                  type: "file",
+                  accept: ".json,application/json",
+                  style: { display: "none" },
+                  onChange: handleImport
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ConfirmDialog,
+                {
+                  trigger: /* @__PURE__ */ jsxRuntime.jsx(
+                    SizedButton,
+                    {
+                      size: "S",
+                      variant: "danger-light",
+                      startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {}),
+                      disabled: users.length === 0,
+                      children: formatMessage(index.getTrad("whitelist.delete.all.label"))
+                    }
+                  ),
+                  title: formatMessage(index.getTrad("whitelist.delete.all.title")),
+                  body: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", textAlign: "center", children: formatMessage(index.getTrad("whitelist.delete.all.description"), {
+                    count: users.length
+                  }) }) }),
+                  confirmLabel: formatMessage(index.getTrad("whitelist.delete.all.label")),
+                  onConfirm: onDeleteAll
+                }
+              )
+            ] })
+          ]
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, {}),
       /* @__PURE__ */ jsxRuntime.jsxs(CustomTable, { colCount: 4, rowCount: users.length, children: [
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
@@ -3740,14 +3754,13 @@ function AuditLog({ title } = {}) {
       title ?? /* @__PURE__ */ jsxRuntime.jsx("span", {}),
       /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.Button,
+          SizedButton,
           {
             size: "S",
             variant: "tertiary",
             startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Download, {}),
             onClick: handleExport,
             disabled: pagination.total === 0,
-            style: { paddingTop: "1.1rem", paddingBottom: "1.1rem", height: "auto" },
             children: formatMessage(index.getTrad("auditlog.export"))
           }
         ),
@@ -3755,13 +3768,12 @@ function AuditLog({ title } = {}) {
           ConfirmDialog,
           {
             trigger: /* @__PURE__ */ jsxRuntime.jsx(
-              designSystem.Button,
+              SizedButton,
               {
                 size: "S",
                 variant: "danger-light",
                 startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {}),
                 disabled: pagination.total === 0,
-                style: { paddingTop: "1.1rem", paddingBottom: "1.1rem", height: "auto" },
                 children: formatMessage(index.getTrad("auditlog.clear"))
               }
             ),
@@ -3842,13 +3854,12 @@ function AuditLog({ title } = {}) {
               }
             ),
             hasActiveFilters && /* @__PURE__ */ jsxRuntime.jsx(
-              designSystem.Button,
+              SizedButton,
               {
                 size: "S",
                 variant: "danger-light",
                 startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {}),
                 onClick: clearFilters,
-                style: { height: "4rem" },
                 children: formatMessage(index.getTrad("auditlog.filters.clear"))
               }
             )
@@ -4369,7 +4380,7 @@ function HomePage$1() {
           ] }) })
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "flex-end", marginBottom: 8, children: /* @__PURE__ */ jsxRuntime.jsx(
         designSystem.Button,
         {
           size: "L",

package/dist/admin/{index-BfX_taLq.mjs → index-DRJ6Ty2J.mjs}

@@ -165,7 +165,7 @@ const index = {
           defaultMessage: "Configuration"
         },
         Component: async () => {
-          return await import("./index-BjmTHbr9.mjs");
+          return await import("./index-pieFAsgM.mjs");
         },
         permissions: [{ action: "plugin::strapi-plugin-oidc.read", subject: null }]
       }

package/dist/admin/{index-BjmTHbr9.mjs → index-pieFAsgM.mjs}

@@ -2,10 +2,10 @@ 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, useId, useEffect, useCallback, useReducer, useMemo, 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 { Typography, Flex, Box, MultiSelect, MultiSelectOption, Button, Dialog, Table, Pagination, PreviousLink, NextLink, PageLink, Field, Divider, Thead, Tr, Th, Tbody, Td, IconButton, 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-BfX_taLq.mjs";
+import { g as getTrad } from "./index-DRJ6Ty2J.mjs";
 import styled from "styled-components";
 import { Filter, ClipboardList, Server } from "lucide-react";
 function Role({ oidcRoles, roles, onChangeRole }) {
@@ -66,15 +66,21 @@ const TagInputWrapper = styled(Box)`
   flex-wrap: wrap;
   gap: 4px;
   align-items: center;
-  padding: 8px 16px;
+  padding-inline: ${({ theme }) => theme.spaces[4]};
+  padding-block: ${({ theme }) => theme.spaces[3]};
   border-radius: 4px;
   border: 1px solid ${({ theme }) => theme.colors.neutral200};
   background-color: ${({ theme }) => theme.colors.neutral0};
   cursor: text;
   min-width: 220px;
-  min-height: 4rem;
+  min-height: 4.8rem;
   flex: 0 0 auto;
 
+  ${({ theme }) => theme.breakpoints.medium} {
+    padding-block: ${({ theme }) => theme.spaces[2]};
+    min-height: 4rem;
+  }
+
   &:focus-within {
     border-color: ${({ theme }) => theme.colors.primary600};
     box-shadow: 0 0 0 2px ${({ theme }) => theme.colors.primary100};
@@ -139,7 +145,6 @@ function TagInputShell({
   inputProps,
   children
 }) {
-  const inputId = useId();
   return /* @__PURE__ */ jsxs(TagInputWrapper, { ref: wrapperRef, onClick: () => inputRef.current?.focus(), children: [
     /* @__PURE__ */ jsxs(Flex, { gap: 2, wrap: "wrap", alignItems: "center", style: { flex: 1, minWidth: 0 }, children: [
       startIcon && /* @__PURE__ */ jsx(StartIconSlot, { children: startIcon }),
@@ -151,14 +156,6 @@ function TagInputShell({
           type: "text",
           placeholder: value.length === 0 ? placeholder : "",
           "aria-label": placeholder,
-          autoComplete: "off",
-          autoCorrect: "off",
-          autoCapitalize: "off",
-          spellCheck: false,
-          name: `tag-input-${inputId}`,
-          "data-form-type": "other",
-          "data-lpignore": "true",
-          "data-1p-ignore": "true",
           ...inputProps
         }
       )
@@ -743,6 +740,16 @@ function TagDateInput({ value = [], onChange, placeholder, startIcon }) {
     }
   );
 }
+const SizedButton = styled(Button)`
+  && {
+    height: 4.8rem;
+  }
+  ${({ theme }) => theme.breakpoints.medium} {
+    && {
+      height: 4rem;
+    }
+  }
+`;
 const Icon = styled.span`
   display: inline-flex;
   align-items: center;
@@ -907,91 +914,98 @@ function Whitelist({
   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, { gap: 8, marginTop: 5, marginBottom: 5, alignItems: "stretch", wrap: "wrap", children: [
-        /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", style: { minWidth: "280px", flex: "1 1 280px" }, children: [
-          /* @__PURE__ */ jsx(Box, { style: { flex: 1, minWidth: "200px" }, 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")),
-              style: { fontSize: "1.4rem", lineHeight: "2.2rem" }
-            }
-          ) }) }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: "S",
-              startIcon: /* @__PURE__ */ jsx(Plus, {}),
-              style: { paddingTop: "1.1rem", paddingBottom: "1.1rem", height: "auto" },
-              disabled: loading || email.trim() === "" || !EMAIL_REGEX.test(email),
-              loading,
-              onClick: onSaveEmail,
-              children: formatMessage(getTrad("page.add"))
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: "S",
-              variant: "tertiary",
-              startIcon: /* @__PURE__ */ jsx(Download, {}),
-              onClick: onExport,
-              disabled: users.length === 0,
-              style: { paddingTop: "1.1rem", paddingBottom: "1.1rem", height: "auto" },
-              children: formatMessage(getTrad("whitelist.export"))
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: "S",
-              variant: "tertiary",
-              startIcon: /* @__PURE__ */ jsx(Upload, {}),
-              onClick: () => fileInputRef.current?.click(),
-              style: { paddingTop: "1.1rem", paddingBottom: "1.1rem", height: "auto" },
-              children: formatMessage(getTrad("whitelist.import"))
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref: fileInputRef,
-              type: "file",
-              accept: ".json,application/json",
-              style: { display: "none" },
-              onChange: handleImport
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ConfirmDialog,
-            {
-              trigger: /* @__PURE__ */ jsx(
-                Button,
+      /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          gap: 8,
+          marginTop: 5,
+          marginBottom: 5,
+          alignItems: "stretch",
+          wrap: "wrap",
+          style: { rowGap: "0.8rem" },
+          children: [
+            /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", style: { minWidth: "280px", flex: "1 1 280px" }, children: [
+              /* @__PURE__ */ jsx(Box, { style: { flex: 1, minWidth: "200px" }, 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")),
+                  style: { fontSize: "1.4rem", lineHeight: "2.2rem" }
+                }
+              ) }) }),
+              /* @__PURE__ */ jsx(
+                SizedButton,
                 {
                   size: "S",
-                  variant: "danger-light",
-                  startIcon: /* @__PURE__ */ jsx(Trash, {}),
+                  startIcon: /* @__PURE__ */ jsx(Plus, {}),
+                  disabled: loading || email.trim() === "" || !EMAIL_REGEX.test(email),
+                  loading,
+                  onClick: onSaveEmail,
+                  children: formatMessage(getTrad("page.add"))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+              /* @__PURE__ */ jsx(
+                SizedButton,
+                {
+                  size: "S",
+                  variant: "tertiary",
+                  startIcon: /* @__PURE__ */ jsx(Download, {}),
+                  onClick: onExport,
                   disabled: users.length === 0,
-                  style: { paddingTop: "1.1rem", paddingBottom: "1.1rem", height: "auto" },
-                  children: formatMessage(getTrad("whitelist.delete.all.label"))
+                  children: formatMessage(getTrad("whitelist.export"))
                 }
               ),
-              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__ */ jsx(
+                SizedButton,
+                {
+                  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
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                ConfirmDialog,
+                {
+                  trigger: /* @__PURE__ */ jsx(
+                    SizedButton,
+                    {
+                      size: "S",
+                      variant: "danger-light",
+                      startIcon: /* @__PURE__ */ jsx(Trash, {}),
+                      disabled: users.length === 0,
+                      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__ */ jsx(Divider, {}),
       /* @__PURE__ */ jsxs(CustomTable, { colCount: 4, rowCount: users.length, children: [
         /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
@@ -3736,14 +3750,13 @@ function AuditLog({ title } = {}) {
       title ?? /* @__PURE__ */ jsx("span", {}),
       /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
         /* @__PURE__ */ jsx(
-          Button,
+          SizedButton,
           {
             size: "S",
             variant: "tertiary",
             startIcon: /* @__PURE__ */ jsx(Download, {}),
             onClick: handleExport,
             disabled: pagination.total === 0,
-            style: { paddingTop: "1.1rem", paddingBottom: "1.1rem", height: "auto" },
             children: formatMessage(getTrad("auditlog.export"))
           }
         ),
@@ -3751,13 +3764,12 @@ function AuditLog({ title } = {}) {
           ConfirmDialog,
           {
             trigger: /* @__PURE__ */ jsx(
-              Button,
+              SizedButton,
               {
                 size: "S",
                 variant: "danger-light",
                 startIcon: /* @__PURE__ */ jsx(Trash, {}),
                 disabled: pagination.total === 0,
-                style: { paddingTop: "1.1rem", paddingBottom: "1.1rem", height: "auto" },
                 children: formatMessage(getTrad("auditlog.clear"))
               }
             ),
@@ -3838,13 +3850,12 @@ function AuditLog({ title } = {}) {
               }
             ),
             hasActiveFilters && /* @__PURE__ */ jsx(
-              Button,
+              SizedButton,
               {
                 size: "S",
                 variant: "danger-light",
                 startIcon: /* @__PURE__ */ jsx(Trash, {}),
                 onClick: clearFilters,
-                style: { height: "4rem" },
                 children: formatMessage(getTrad("auditlog.filters.clear"))
               }
             )
@@ -4365,7 +4376,7 @@ function HomePage() {
           ] }) })
         ] })
       ] }),
-      /* @__PURE__ */ jsx(Flex, { justifyContent: "flex-end", children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Flex, { justifyContent: "flex-end", marginBottom: 8, children: /* @__PURE__ */ jsx(
         Button,
         {
           size: "L",

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

package/dist/admin/index.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "strapi-plugin-oidc",
-  "version": "1.7.5",
+  "version": "1.7.6",
   "description": "A Strapi plugin that provides OpenID Connect (OIDC) authentication functionality for the Strapi Admin Panel.",
   "strapi": {
     "displayName": "OIDC Plugin",