strapi-plugin-magic-link-v5 4.13.2 → 4.14.1

package/dist/_chunks/{index-DkN9S9d_.mjs → index-BDe1aP6I.mjs}

@@ -59,7 +59,7 @@ const index = {
       },
       Component: () => import(
         /* webpackChunkName: "magic-link-tokens" */
-        "./index-CM1jcmjC.mjs"
+        "./index-Dp1Uwmvk.mjs"
       ),
       permissions: []
       // Leeres Array = keine Permission-Prüfung nötig
@@ -82,7 +82,7 @@ const index = {
           to: `${PLUGIN_ID}/config`,
           Component: () => import(
             /* webpackChunkName: "magic-link-settings" */
-            "./index-C-21KLAd.mjs"
+            "./index-CxkqwrH5.mjs"
           ),
           permissions: pluginPermissions.readSettings
         },

package/dist/_chunks/{index-DJw1GIir.js → index-CFIllI6K.js}

@@ -7,7 +7,7 @@ const reactIntl = require("react-intl");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
 const admin = require("@strapi/strapi/admin");
-const index = require("./index-DhL5XylV.js");
+const index = require("./index-CHLk5ilu.js");
 const LicenseGuard = require("./LicenseGuard-CmMMPuWx.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);

package/dist/_chunks/{index-DhL5XylV.js → index-CHLk5ilu.js}

@@ -60,7 +60,7 @@ const index = {
       },
       Component: () => Promise.resolve().then(() => require(
         /* webpackChunkName: "magic-link-tokens" */
-        "./index-K0mbdMcq.js"
+        "./index-CLEwSQlV.js"
       )),
       permissions: []
       // Leeres Array = keine Permission-Prüfung nötig
@@ -83,7 +83,7 @@ const index = {
           to: `${PLUGIN_ID}/config`,
           Component: () => Promise.resolve().then(() => require(
             /* webpackChunkName: "magic-link-settings" */
-            "./index-DJw1GIir.js"
+            "./index-CFIllI6K.js"
           )),
           permissions: pluginPermissions.readSettings
         },

package/dist/_chunks/{index-K0mbdMcq.js → index-CLEwSQlV.js}

@@ -7,7 +7,7 @@ const styled = require("styled-components");
 const reactIntl = require("react-intl");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
-const index = require("./index-DhL5XylV.js");
+const index = require("./index-CHLk5ilu.js");
 const admin = require("@strapi/strapi/admin");
 const LicenseGuard = require("./LicenseGuard-CmMMPuWx.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -2347,6 +2347,63 @@ const StyledTable = styled__default.default(designSystem.Table)`
       color: ${(props) => props.theme.colors.neutral800};
     }
   }
+
+  /* Mobile Optimization - Card Layout */
+  @media screen and (max-width: 768px) {
+    display: block !important;
+    width: 100% !important;
+    
+    thead {
+      display: none !important;
+    }
+    
+    tbody {
+      display: block !important;
+      width: 100% !important;
+    }
+    
+    tr {
+      display: block !important;
+      margin-bottom: 16px !important;
+      border: 2px solid #E5E7EB !important;
+      border-radius: 12px !important;
+      padding: 16px !important;
+      background: white !important;
+      box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
+      width: 100% !important;
+    }
+    
+    td {
+      display: flex !important;
+      justify-content: space-between !important;
+      align-items: center !important;
+      padding: 8px 0 !important;
+      border: none !important;
+      width: 100% !important;
+      
+      &:not(:last-child) {
+        border-bottom: 1px solid #E5E7EB !important;
+        padding-bottom: 8px !important;
+        margin-bottom: 8px !important;
+      }
+      
+      &::before {
+        content: attr(data-label) !important;
+        font-weight: 600 !important;
+        color: #6B7280 !important;
+        font-size: 11px !important;
+        text-transform: uppercase !important;
+        letter-spacing: 0.5px !important;
+        display: block !important;
+        flex-shrink: 0 !important;
+      }
+      
+      /* Hide empty labels */
+      &[data-label=""]::before {
+        display: none !important;
+      }
+    }
+  }
 `;
 const StyledBadgeWrapper = styled__default.default.span`
   display: inline-block;
@@ -2972,14 +3029,14 @@ const TokensProfessional = () => {
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { children: formatMessage({ id: index.getTrad("tokens.table.actions") }) }) })
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: paginatedTokens.map((token) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { "data-label": "", children: /* @__PURE__ */ jsxRuntime.jsx(
             designSystem.Checkbox,
             {
               checked: selectedTokens.includes(token.id),
               onCheckedChange: (checked) => handleSelectToken(token.id, checked)
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { "data-label": formatMessage({ id: index.getTrad("tokens.table.email") }), children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               designSystem.Box,
               {
@@ -3001,7 +3058,7 @@ const TokensProfessional = () => {
               /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", children: token.user_id ? formatMessage({ id: index.getTrad("tokens.user.id") }, { id: token.user_id }) : formatMessage({ id: index.getTrad("tokens.user.new") }) })
             ] })
           ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { maxWidth: "200px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { "data-label": formatMessage({ id: index.getTrad("tokens.table.token") }), children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { maxWidth: "200px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
             designSystem.Typography,
             {
               variant: "pi",
@@ -3024,12 +3081,12 @@ const TokensProfessional = () => {
               children: token.token
             }
           ) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: getStatusBadge(token) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 1, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { "data-label": formatMessage({ id: index.getTrad("tokens.table.status") }), children: getStatusBadge(token) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { "data-label": formatMessage({ id: index.getTrad("tokens.table.created") }), children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 1, children: [
             /* @__PURE__ */ jsxRuntime.jsx(icons.Calendar, { style: { width: "14px", height: "14px", color: theme.colors.neutral[500] } }),
             /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", children: formatDate(token.createdAt) })
           ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 1, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { "data-label": formatMessage({ id: index.getTrad("tokens.table.expiresAt") }), children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 1, children: [
             /* @__PURE__ */ jsxRuntime.jsx(icons.Clock, { style: { width: "14px", height: "14px", color: theme.colors.warning[500] } }),
             (() => {
               const formattedDate = formatDate(token.expires_at);
@@ -3051,7 +3108,7 @@ const TokensProfessional = () => {
               );
             })()
           ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 1, justifyContent: "flex-end", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { "data-label": formatMessage({ id: index.getTrad("tokens.table.actions") }), children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 1, justifyContent: "flex-end", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               designSystem.IconButton,
               {

package/dist/_chunks/{index-C-21KLAd.mjs → index-CxkqwrH5.mjs}

@@ -5,7 +5,7 @@ import { useIntl } from "react-intl";
 import { Box, Typography, Flex, Button, Accordion, SingleSelect, SingleSelectOption, Grid, Toggle, NumberInput, TextInput, Divider, Badge } from "@strapi/design-system";
 import { Check, Cog, Shield, Mail, Code } from "@strapi/icons";
 import { useNotification, useFetchClient } from "@strapi/strapi/admin";
-import { g as getTrad } from "./index-DkN9S9d_.mjs";
+import { g as getTrad } from "./index-BDe1aP6I.mjs";
 import { u as usePluginLanguage, L as LicenseGuard, a as LanguageProvider } from "./LicenseGuard-CaYQ_9Dz.mjs";
 const theme = {
   colors: {

package/dist/_chunks/{index-CM1jcmjC.mjs → index-Dp1Uwmvk.mjs}

@@ -5,7 +5,7 @@ import styled, { keyframes, css } from "styled-components";
 import { useIntl } from "react-intl";
 import { Box, Flex, Typography, Button, TextInput, Textarea, Checkbox, IconButton, Loader, Searchbar, SingleSelect, SingleSelectOption, Thead, Tr, Th, Tbody, Td, Pagination, PreviousLink, PageLink, NextLink, Table, Badge, Main, VisuallyHidden } from "@strapi/design-system";
 import { Cross, Sparkle, Check, Shield, Clock, Lock, Trash, ArrowClockwise, CaretDown, User, Monitor, Calendar, Plus, Earth, WarningCircle, Server, Cog, Key, Eye, Link } from "@strapi/icons";
-import { g as getTrad } from "./index-DkN9S9d_.mjs";
+import { g as getTrad } from "./index-BDe1aP6I.mjs";
 import { useFetchClient, useNotification } from "@strapi/strapi/admin";
 import { L as LicenseGuard, a as LanguageProvider } from "./LicenseGuard-CaYQ_9Dz.mjs";
 const CreateTokenModal = ({ isOpen, onClose, onSubmit, formData, setFormData }) => {
@@ -2343,6 +2343,63 @@ const StyledTable = styled(Table)`
       color: ${(props) => props.theme.colors.neutral800};
     }
   }
+
+  /* Mobile Optimization - Card Layout */
+  @media screen and (max-width: 768px) {
+    display: block !important;
+    width: 100% !important;
+    
+    thead {
+      display: none !important;
+    }
+    
+    tbody {
+      display: block !important;
+      width: 100% !important;
+    }
+    
+    tr {
+      display: block !important;
+      margin-bottom: 16px !important;
+      border: 2px solid #E5E7EB !important;
+      border-radius: 12px !important;
+      padding: 16px !important;
+      background: white !important;
+      box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
+      width: 100% !important;
+    }
+    
+    td {
+      display: flex !important;
+      justify-content: space-between !important;
+      align-items: center !important;
+      padding: 8px 0 !important;
+      border: none !important;
+      width: 100% !important;
+      
+      &:not(:last-child) {
+        border-bottom: 1px solid #E5E7EB !important;
+        padding-bottom: 8px !important;
+        margin-bottom: 8px !important;
+      }
+      
+      &::before {
+        content: attr(data-label) !important;
+        font-weight: 600 !important;
+        color: #6B7280 !important;
+        font-size: 11px !important;
+        text-transform: uppercase !important;
+        letter-spacing: 0.5px !important;
+        display: block !important;
+        flex-shrink: 0 !important;
+      }
+      
+      /* Hide empty labels */
+      &[data-label=""]::before {
+        display: none !important;
+      }
+    }
+  }
 `;
 const StyledBadgeWrapper = styled.span`
   display: inline-block;
@@ -2968,14 +3025,14 @@ const TokensProfessional = () => {
           /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(VisuallyHidden, { children: formatMessage({ id: getTrad("tokens.table.actions") }) }) })
         ] }) }),
         /* @__PURE__ */ jsx(Tbody, { children: paginatedTokens.map((token) => /* @__PURE__ */ jsxs(Tr, { children: [
-          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(Td, { "data-label": "", children: /* @__PURE__ */ jsx(
             Checkbox,
             {
               checked: selectedTokens.includes(token.id),
               onCheckedChange: (checked) => handleSelectToken(token.id, checked)
             }
           ) }),
-          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
+          /* @__PURE__ */ jsx(Td, { "data-label": formatMessage({ id: getTrad("tokens.table.email") }), children: /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
             /* @__PURE__ */ jsx(
               Box,
               {
@@ -2997,7 +3054,7 @@ const TokensProfessional = () => {
               /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", children: token.user_id ? formatMessage({ id: getTrad("tokens.user.id") }, { id: token.user_id }) : formatMessage({ id: getTrad("tokens.user.new") }) })
             ] })
           ] }) }),
-          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Box, { style: { maxWidth: "200px" }, children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(Td, { "data-label": formatMessage({ id: getTrad("tokens.table.token") }), children: /* @__PURE__ */ jsx(Box, { style: { maxWidth: "200px" }, children: /* @__PURE__ */ jsx(
             Typography,
             {
               variant: "pi",
@@ -3020,12 +3077,12 @@ const TokensProfessional = () => {
               children: token.token
             }
           ) }) }),
-          /* @__PURE__ */ jsx(Td, { children: getStatusBadge(token) }),
-          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 1, children: [
+          /* @__PURE__ */ jsx(Td, { "data-label": formatMessage({ id: getTrad("tokens.table.status") }), children: getStatusBadge(token) }),
+          /* @__PURE__ */ jsx(Td, { "data-label": formatMessage({ id: getTrad("tokens.table.created") }), children: /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 1, children: [
             /* @__PURE__ */ jsx(Calendar, { style: { width: "14px", height: "14px", color: theme.colors.neutral[500] } }),
             /* @__PURE__ */ jsx(Typography, { variant: "pi", children: formatDate(token.createdAt) })
           ] }) }),
-          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 1, children: [
+          /* @__PURE__ */ jsx(Td, { "data-label": formatMessage({ id: getTrad("tokens.table.expiresAt") }), children: /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 1, children: [
             /* @__PURE__ */ jsx(Clock, { style: { width: "14px", height: "14px", color: theme.colors.warning[500] } }),
             (() => {
               const formattedDate = formatDate(token.expires_at);
@@ -3047,7 +3104,7 @@ const TokensProfessional = () => {
               );
             })()
           ] }) }),
-          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { gap: 1, justifyContent: "flex-end", children: [
+          /* @__PURE__ */ jsx(Td, { "data-label": formatMessage({ id: getTrad("tokens.table.actions") }), children: /* @__PURE__ */ jsxs(Flex, { gap: 1, justifyContent: "flex-end", children: [
             /* @__PURE__ */ jsx(
               IconButton,
               {

package/dist/admin/index.js

@@ -1,4 +1,4 @@
 "use strict";
-const index = require("../_chunks/index-DhL5XylV.js");
+const index = require("../_chunks/index-CHLk5ilu.js");
 require("@strapi/icons");
 module.exports = index.index;

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import { i } from "../_chunks/index-DkN9S9d_.mjs";
+import { i } from "../_chunks/index-BDe1aP6I.mjs";
 import "@strapi/icons";
 export {
   i as default

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.13.2",
+  "version": "4.14.1",
   "keywords": [],
   "type": "commonjs",
   "exports": {