strapi-plugin-magic-link-v5 4.15.2 → 4.16.1

package/README.md

@@ -1,6 +1,6 @@
 # Magic Link - Passwordless Authentication for Strapi v5
 
-Secure passwordless authentication for Strapi using email-based magic links. No passwords required.
+Secure passwordless authentication for Strapi v5 using email-based magic links. Simple, secure, and user-friendly - no passwords required.
 
 [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE)
 [![npm version](https://badge.fury.io/js/strapi-plugin-magic-link-v5.svg)](https://www.npmjs.com/package/strapi-plugin-magic-link-v5)
@@ -44,7 +44,7 @@ This plugin is licensed under the **MIT License** - free for everyone to use!
 ## ✨ Features
 
 ### Core Authentication
-- 🔐 **Passwordless Login** - Users log in via secure email links
+- 🔐 **Passwordless Login** - Users log in via secure email magic links
 - 🎫 **Magic Link Tokens** - Cryptographically secure, time-limited tokens
 - 🔑 **JWT Session Management** - Monitor and manage active user sessions
 - 👤 **Auto User Creation** - Optionally create users automatically on first login

package/dist/_chunks/{index-DS6PLbr2.js → index-B42ZwsAG.js}

@@ -60,7 +60,7 @@ const index = {
       },
       Component: () => Promise.resolve().then(() => require(
         /* webpackChunkName: "magic-link-tokens" */
-        "./index-RMaBG9DA.js"
+        "./index-CXYCiJxF.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-DJXc9sCn.js"
+            "./index-BZ_MHHzj.js"
           )),
           permissions: pluginPermissions.readSettings
         },

package/dist/_chunks/{index-UVs49kU3.mjs → index-BNmznBjA.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-loURsawN.mjs";
+import { g as getTrad } from "./index-vWNBTz70.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 }) => {
@@ -2097,8 +2097,11 @@ const theme = {
     },
     neutral: {
       0: "#FFFFFF",
+      200: "#E5E7EB",
       500: "#6B7280",
-      800: "#1F2937"
+      600: "#4B5563",
+      800: "#1F2937",
+      900: "#111827"
     }
   },
   shadows: {
@@ -2147,6 +2150,26 @@ const slideIn = keyframes`
     transform: translateX(0);
   }
 `;
+keyframes`
+  from {
+    opacity: 0;
+    transform: translateX(30px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+`;
+keyframes`
+  from {
+    opacity: 0;
+    transform: translateX(-30px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+`;
 keyframes`
   0%, 100% { 
     transform: scale(1);
@@ -2313,6 +2336,15 @@ const TabsWrapper = styled(Box)`
   max-width: 900px;
   margin-left: auto;
   margin-right: auto;
+
+  @media screen and (max-width: 768px) {
+    background: ${theme.colors.neutral[200]} !important;
+    border-radius: 12px !important;
+    padding: 6px !important;
+    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1) !important;
+    margin: 0 12px 20px 12px !important;
+    max-width: none !important;
+  }
 `;
 const TabButton = styled(Button)`
   border-radius: ${theme.borderRadius.lg};
@@ -2341,6 +2373,35 @@ const TabButton = styled(Button)`
       border-color: ${props.theme.colors.neutral400};
     }
   `}
+
+  @media screen and (max-width: 768px) {
+    flex: 1 !important;
+    border-radius: 10px !important;
+    padding: 11px 8px !important;
+    font-size: 13px !important;
+    border: none !important;
+    background: ${(props) => props.$active ? "white" : "transparent"} !important;
+    color: ${(props) => props.$active ? theme.colors.neutral[900] : theme.colors.neutral[600]} !important;
+    box-shadow: ${(props) => props.$active ? "0 2px 6px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04)" : "none"} !important;
+    font-weight: ${(props) => props.$active ? "700" : "500"} !important;
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
+    transform: ${(props) => props.$active ? "scale(1)" : "scale(0.96)"} !important;
+    
+    &:hover {
+      background: ${(props) => props.$active ? "white" : "rgba(255,255,255,0.3)"} !important;
+      transform: ${(props) => props.$active ? "scale(1)" : "scale(0.98)"} !important;
+    }
+    
+    &:active {
+      transform: scale(0.94) !important;
+    }
+    
+    svg {
+      width: 16px !important;
+      height: 16px !important;
+      margin-right: 4px !important;
+    }
+  }
 `;
 const StatsGrid = styled(Box)`
   margin-bottom: ${theme.spacing.xl};

package/dist/_chunks/{index-DJXc9sCn.js → index-BZ_MHHzj.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-DS6PLbr2.js");
+const index = require("./index-B42ZwsAG.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-BR9E5y4C.mjs → index-BhkA52jz.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-loURsawN.mjs";
+import { g as getTrad } from "./index-vWNBTz70.mjs";
 import { u as usePluginLanguage, L as LicenseGuard, a as LanguageProvider } from "./LicenseGuard-CaYQ_9Dz.mjs";
 const theme = {
   colors: {

package/dist/_chunks/{index-RMaBG9DA.js → index-CXYCiJxF.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-DS6PLbr2.js");
+const index = require("./index-B42ZwsAG.js");
 const admin = require("@strapi/strapi/admin");
 const LicenseGuard = require("./LicenseGuard-CmMMPuWx.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -2101,8 +2101,11 @@ const theme = {
     },
     neutral: {
       0: "#FFFFFF",
+      200: "#E5E7EB",
       500: "#6B7280",
-      800: "#1F2937"
+      600: "#4B5563",
+      800: "#1F2937",
+      900: "#111827"
     }
   },
   shadows: {
@@ -2151,6 +2154,26 @@ const slideIn = styled.keyframes`
     transform: translateX(0);
   }
 `;
+styled.keyframes`
+  from {
+    opacity: 0;
+    transform: translateX(30px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+`;
+styled.keyframes`
+  from {
+    opacity: 0;
+    transform: translateX(-30px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+`;
 styled.keyframes`
   0%, 100% { 
     transform: scale(1);
@@ -2317,6 +2340,15 @@ const TabsWrapper = styled__default.default(designSystem.Box)`
   max-width: 900px;
   margin-left: auto;
   margin-right: auto;
+
+  @media screen and (max-width: 768px) {
+    background: ${theme.colors.neutral[200]} !important;
+    border-radius: 12px !important;
+    padding: 6px !important;
+    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1) !important;
+    margin: 0 12px 20px 12px !important;
+    max-width: none !important;
+  }
 `;
 const TabButton = styled__default.default(designSystem.Button)`
   border-radius: ${theme.borderRadius.lg};
@@ -2345,6 +2377,35 @@ const TabButton = styled__default.default(designSystem.Button)`
       border-color: ${props.theme.colors.neutral400};
     }
   `}
+
+  @media screen and (max-width: 768px) {
+    flex: 1 !important;
+    border-radius: 10px !important;
+    padding: 11px 8px !important;
+    font-size: 13px !important;
+    border: none !important;
+    background: ${(props) => props.$active ? "white" : "transparent"} !important;
+    color: ${(props) => props.$active ? theme.colors.neutral[900] : theme.colors.neutral[600]} !important;
+    box-shadow: ${(props) => props.$active ? "0 2px 6px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04)" : "none"} !important;
+    font-weight: ${(props) => props.$active ? "700" : "500"} !important;
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
+    transform: ${(props) => props.$active ? "scale(1)" : "scale(0.96)"} !important;
+    
+    &:hover {
+      background: ${(props) => props.$active ? "white" : "rgba(255,255,255,0.3)"} !important;
+      transform: ${(props) => props.$active ? "scale(1)" : "scale(0.98)"} !important;
+    }
+    
+    &:active {
+      transform: scale(0.94) !important;
+    }
+    
+    svg {
+      width: 16px !important;
+      height: 16px !important;
+      margin-right: 4px !important;
+    }
+  }
 `;
 const StatsGrid = styled__default.default(designSystem.Box)`
   margin-bottom: ${theme.spacing.xl};

package/dist/_chunks/{index-loURsawN.mjs → index-vWNBTz70.mjs}

@@ -59,7 +59,7 @@ const index = {
       },
       Component: () => import(
         /* webpackChunkName: "magic-link-tokens" */
-        "./index-UVs49kU3.mjs"
+        "./index-BNmznBjA.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-BR9E5y4C.mjs"
+            "./index-BhkA52jz.mjs"
           ),
           permissions: pluginPermissions.readSettings
         },

package/dist/admin/index.js

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

package/dist/admin/index.mjs

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

package/dist/server/index.js

@@ -239,6 +239,27 @@ Thanks.`,
   } catch (error2) {
     strapi2.log.error("❌ Error initializing License Guard:", error2);
   }
+  try {
+    setTimeout(async () => {
+      const usersToUpdate = await strapi2.db.query("plugin::users-permissions.user").findMany({
+        where: { provider: "magic-link" },
+        select: ["id", "email"]
+      });
+      if (usersToUpdate && usersToUpdate.length > 0) {
+        strapi2.log.info('🔄 [Magic-Link Migration] Found %d user(s) with old provider "magic-link"', usersToUpdate.length);
+        await strapi2.db.query("plugin::users-permissions.user").updateMany({
+          where: { provider: "magic-link" },
+          data: { provider: "local" }
+        });
+        strapi2.log.info('✅ [Magic-Link Migration] Updated %d user(s) to provider "local"', usersToUpdate.length);
+        strapi2.log.info("   Users can now login with both Magic-Link AND Email/Password! 🎉");
+      } else {
+        strapi2.log.info('✅ [Magic-Link Migration] All users already using provider "local" - no migration needed');
+      }
+    }, 5e3);
+  } catch (error2) {
+    strapi2.log.error("❌ [Magic-Link Migration] Error updating providers:", error2);
+  }
 };
 var destroy$1 = ({ strapi: strapi2 }) => {
   try {
@@ -23119,7 +23140,8 @@ var tokens$1 = {
           username,
           email: email2,
           password,
-          provider: "magic-link",
+          provider: "local",
+          // Use 'local' so users can login with email/password AND magic-link
           confirmed: true,
           // Auto-confirm the user
           blocked: false,
@@ -23858,8 +23880,8 @@ var license$1 = {
     }
   },
   /**
-   * Store and validate an existing license key
-   */
+  * Store and validate an existing license key
+  */
   async storeKey(ctx) {
     try {
       const { licenseKey, email: email2 } = ctx.request.body;

package/dist/server/index.mjs

@@ -207,6 +207,27 @@ Thanks.`,
   } catch (error2) {
     strapi2.log.error("❌ Error initializing License Guard:", error2);
   }
+  try {
+    setTimeout(async () => {
+      const usersToUpdate = await strapi2.db.query("plugin::users-permissions.user").findMany({
+        where: { provider: "magic-link" },
+        select: ["id", "email"]
+      });
+      if (usersToUpdate && usersToUpdate.length > 0) {
+        strapi2.log.info('🔄 [Magic-Link Migration] Found %d user(s) with old provider "magic-link"', usersToUpdate.length);
+        await strapi2.db.query("plugin::users-permissions.user").updateMany({
+          where: { provider: "magic-link" },
+          data: { provider: "local" }
+        });
+        strapi2.log.info('✅ [Magic-Link Migration] Updated %d user(s) to provider "local"', usersToUpdate.length);
+        strapi2.log.info("   Users can now login with both Magic-Link AND Email/Password! 🎉");
+      } else {
+        strapi2.log.info('✅ [Magic-Link Migration] All users already using provider "local" - no migration needed');
+      }
+    }, 5e3);
+  } catch (error2) {
+    strapi2.log.error("❌ [Magic-Link Migration] Error updating providers:", error2);
+  }
 };
 var destroy$1 = ({ strapi: strapi2 }) => {
   try {
@@ -23087,7 +23108,8 @@ var tokens$1 = {
           username,
           email: email2,
           password,
-          provider: "magic-link",
+          provider: "local",
+          // Use 'local' so users can login with email/password AND magic-link
           confirmed: true,
           // Auto-confirm the user
           blocked: false,
@@ -23826,8 +23848,8 @@ var license$1 = {
     }
   },
   /**
-   * Store and validate an existing license key
-   */
+  * Store and validate an existing license key
+  */
   async storeKey(ctx) {
     try {
       const { licenseKey, email: email2 } = ctx.request.body;

package/package.json

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