strapi-plugin-magic-link-v5 5.3.13 → 5.3.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/_chunks/{index-B2TlJkZ7.js → index-BStf9-vn.js} +1 -1
  2. package/dist/_chunks/{index-F19idlUb.js → index-BbJpwVk7.js} +3 -3
  3. package/dist/_chunks/{index-Du_K5l1U.mjs → index-CKoXVEln.mjs} +34 -34
  4. package/dist/_chunks/{index-Cfto8hfN.mjs → index-CMLlE5VA.mjs} +1 -1
  5. package/dist/_chunks/{index-BKfBrko5.js → index-Ccq1TR6Y.js} +17 -18
  6. package/dist/_chunks/{index-KTh0bu2o.mjs → index-DRjWjSMh.mjs} +17 -18
  7. package/dist/_chunks/{index-8vT9XVCF.mjs → index-Df4P6nwt.mjs} +3 -3
  8. package/dist/_chunks/{index-BN1I6r6j.js → index-Un4gD9MA.js} +34 -34
  9. package/dist/admin/index.js +1 -1
  10. package/dist/admin/index.mjs +1 -1
  11. package/package.json +1 -1
package/dist/_chunks/{index-B2TlJkZ7.js → index-BStf9-vn.js} RENAMED
@@ -7,7 +7,7 @@ const reactIntl = require("react-intl");
7
7
  const designSystem = require("@strapi/design-system");
8
8
  const icons = require("@strapi/icons");
9
9
  const admin = require("@strapi/strapi/admin");
10
- const index = require("./index-F19idlUb.js");
10
+ const index = require("./index-BbJpwVk7.js");
11
11
  const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
12
12
  const styled__default = /* @__PURE__ */ _interopDefault(styled);
13
13
  const theme = {
package/dist/_chunks/{index-F19idlUb.js → index-BbJpwVk7.js} RENAMED
@@ -60,7 +60,7 @@ const index = {
60
60
  },
61
61
  Component: () => Promise.resolve().then(() => require(
62
62
  /* webpackChunkName: "magic-link-tokens" */
63
- "./index-BKfBrko5.js"
63
+ "./index-Ccq1TR6Y.js"
64
64
  )),
65
65
  permissions: []
66
66
  // Leeres Array = keine Permission-Prüfung nötig
@@ -83,7 +83,7 @@ const index = {
83
83
  to: `${PLUGIN_ID}/config`,
84
84
  Component: () => Promise.resolve().then(() => require(
85
85
  /* webpackChunkName: "magic-link-settings" */
86
- "./index-BN1I6r6j.js"
86
+ "./index-Un4gD9MA.js"
87
87
  )),
88
88
  permissions: pluginPermissions.readSettings
89
89
  },
@@ -122,7 +122,7 @@ const index = {
122
122
  to: `${PLUGIN_ID}/whatsapp`,
123
123
  Component: () => Promise.resolve().then(() => require(
124
124
  /* webpackChunkName: "magic-link-whatsapp" */
125
- "./index-B2TlJkZ7.js"
125
+ "./index-BStf9-vn.js"
126
126
  )),
127
127
  permissions: []
128
128
  }
package/dist/_chunks/{index-Du_K5l1U.mjs → index-CKoXVEln.mjs} RENAMED
@@ -5,7 +5,7 @@ import { useIntl } from "react-intl";
5
5
  import { Box, Typography, Flex, Button, Accordion, SingleSelect, SingleSelectOption, Grid, Switch, NumberInput, TextInput, Divider, Textarea, Badge } from "@strapi/design-system";
6
6
  import { Check, Cog, Lightning, Shield, Mail, CheckCircle, Code, Link, Lock, Key } from "@strapi/icons";
7
7
  import { useNotification, useFetchClient } from "@strapi/strapi/admin";
8
- import { g as getTrad } from "./index-8vT9XVCF.mjs";
8
+ import { g as getTrad } from "./index-Df4P6nwt.mjs";
9
9
  import { u as usePluginLanguage, L as LicenseGuard, a as LanguageProvider } from "./LicenseGuard-B_r3b1Vh.mjs";
10
10
  const EMAIL_TEMPLATES = {
11
11
  modern: {
@@ -438,10 +438,10 @@ const getTemplate = (key) => {
438
438
  const theme = {
439
439
  colors: {
440
440
  primary: { 600: "#0284C7", 700: "#075985", 100: "#E0F2FE" },
441
- success: { 600: "#16A34A", 700: "#15803D", 50: "#F0FDF4" },
441
+ success: { 600: "#16A34A", 700: "#15803D" },
442
442
  danger: { 600: "#DC2626", 700: "#B91C1C" },
443
443
  warning: { 600: "#D97706", 700: "#A16207" },
444
- neutral: { 50: "#F9FAFB", 200: "#E5E7EB", 400: "#9CA3AF", 700: "#374151", 800: "#1F2937" }
444
+ neutral: { 400: "#9CA3AF", 700: "#374151", 800: "#1F2937" }
445
445
  },
446
446
  shadows: { sm: "0 1px 3px rgba(0,0,0,0.1)" },
447
447
  borderRadius: { md: "8px", lg: "12px" }
@@ -457,8 +457,8 @@ const PlaceholderGrid = styled(Box)`
457
457
  `;
458
458
  const PlaceholderTile = styled(Box)`
459
459
  border-radius: 8px;
460
- border: 1px solid #bae6fd;
461
- background: #ffffff;
460
+ border: 1px solid rgba(14, 165, 233, 0.3);
461
+ background: rgba(14, 165, 233, 0.04);
462
462
  padding: 14px;
463
463
  cursor: pointer;
464
464
  display: flex;
@@ -486,25 +486,25 @@ const Container = styled(Box)`
486
486
  margin: 0 auto;
487
487
  `;
488
488
  const ToggleCard = styled(Box)`
489
- background: ${(props) => props.$active ? theme.colors.success[50] : theme.colors.neutral[50]};
489
+ background: ${(props) => props.$active ? "rgba(22, 163, 74, 0.08)" : "rgba(128, 128, 128, 0.06)"};
490
490
  border-radius: ${theme.borderRadius.md};
491
491
  padding: 20px;
492
492
  transition: all 0.2s ease;
493
- border: 2px solid ${(props) => props.$active ? theme.colors.success[600] : theme.colors.neutral[200]};
494
- box-shadow: ${(props) => props.$active ? "0 4px 12px rgba(34, 197, 94, 0.2)" : "0 1px 3px rgba(0, 0, 0, 0.1)"};
493
+ border: 2px solid ${(props) => props.$active ? "rgba(22, 163, 74, 0.4)" : "rgba(128, 128, 128, 0.2)"};
494
+ box-shadow: ${(props) => props.$active ? "0 4px 12px rgba(34, 197, 94, 0.15)" : "0 1px 3px rgba(0, 0, 0, 0.1)"};
495
495
  position: relative;
496
496
  user-select: none;
497
497
  cursor: pointer;
498
498
 
499
499
  &:hover {
500
500
  transform: translateY(-2px);
501
- box-shadow: ${(props) => props.$active ? "0 6px 16px rgba(34, 197, 94, 0.3)" : "0 3px 8px rgba(0, 0, 0, 0.15)"};
502
- border-color: ${(props) => props.$active ? theme.colors.success[700] : theme.colors.neutral[400]};
501
+ box-shadow: ${(props) => props.$active ? "0 6px 16px rgba(34, 197, 94, 0.25)" : "0 3px 8px rgba(128, 128, 128, 0.2)"};
502
+ border-color: ${(props) => props.$active ? "rgba(22, 163, 74, 0.6)" : "rgba(128, 128, 128, 0.4)"};
503
503
  }
504
504
 
505
505
  &:active {
506
506
  transform: translateY(0px);
507
- box-shadow: ${(props) => props.$active ? "0 2px 6px rgba(34, 197, 94, 0.2)" : "0 1px 2px rgba(0, 0, 0, 0.1)"};
507
+ box-shadow: ${(props) => props.$active ? "0 2px 6px rgba(34, 197, 94, 0.15)" : "0 1px 2px rgba(0, 0, 0, 0.1)"};
508
508
  }
509
509
 
510
510
  ${(props) => props.$active && `
@@ -528,7 +528,7 @@ const ToggleCard = styled(Box)`
528
528
  position: absolute;
529
529
  top: 8px;
530
530
  right: 8px;
531
- background: ${theme.colors.neutral[400]};
531
+ background: rgba(128, 128, 128, 0.5);
532
532
  color: white;
533
533
  padding: 2px 8px;
534
534
  border-radius: 4px;
@@ -563,10 +563,10 @@ const GreenToggle = styled.div`
563
563
 
564
564
  ${(props) => !props.$isActive && `
565
565
  button[role="switch"] {
566
- background-color: #E5E7EB;
566
+ background-color: rgba(128, 128, 128, 0.3);
567
567
 
568
568
  &:hover {
569
- background-color: #D1D5DB;
569
+ background-color: rgba(128, 128, 128, 0.4);
570
570
  }
571
571
  }
572
572
  `}
@@ -575,8 +575,8 @@ const StickySaveBar = styled(Box)`
575
575
  position: sticky;
576
576
  top: 0;
577
577
  z-index: 10;
578
- background: white;
579
- border-bottom: 1px solid ${theme.colors.neutral[200]};
578
+ background: var(--colors-neutral0, white);
579
+ border-bottom: 1px solid rgba(128, 128, 128, 0.2);
580
580
  box-shadow: ${theme.shadows.sm};
581
581
  `;
582
582
  const IconWrapper = styled.div`
@@ -587,7 +587,7 @@ const IconWrapper = styled.div`
587
587
  align-items: center;
588
588
  justify-content: center;
589
589
  margin-bottom: 12px;
590
- background: ${(props) => props.$bgColor || theme.colors.primary[100]};
590
+ background: ${(props) => props.$bgColor || "rgba(2, 132, 199, 0.12)"};
591
591
 
592
592
  svg {
593
593
  width: 24px;
@@ -1031,7 +1031,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1031
1031
  }
1032
1032
  ) }),
1033
1033
  /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsxs(Box, { padding: 6, children: [
1034
- /* @__PURE__ */ jsx(Box, { background: "neutral50", padding: 4, style: { borderRadius: theme.borderRadius.md, border: "2px solid #E5E7EB", marginBottom: "24px" }, children: /* @__PURE__ */ jsxs(Flex, { gap: 4, alignItems: "center", children: [
1034
+ /* @__PURE__ */ jsx(Box, { background: "neutral50", padding: 4, style: { borderRadius: theme.borderRadius.md, border: "2px solid rgba(128, 128, 128, 0.2)", marginBottom: "24px" }, children: /* @__PURE__ */ jsxs(Flex, { gap: 4, alignItems: "center", children: [
1035
1035
  /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { minWidth: "150px" }, children: formatMessage({ id: getTrad("settings.language.label") }) }),
1036
1036
  /* @__PURE__ */ jsx(Box, { style: { width: "200px" }, children: /* @__PURE__ */ jsxs(
1037
1037
  SingleSelect,
@@ -1194,7 +1194,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1194
1194
  placeholder: formatMessage({ id: getTrad("settings.loginPath.placeholder") })
1195
1195
  }
1196
1196
  ),
1197
- /* @__PURE__ */ jsx(Box, { padding: 2, background: "neutral100", style: { borderRadius: "4px", marginTop: "8px", border: "1px solid #E5E7EB" }, children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral700", style: { fontSize: "11px", fontFamily: "monospace" }, children: formatMessage({ id: getTrad("settings.loginPath.fullPath") }, { path: settings.login_path }) }) })
1197
+ /* @__PURE__ */ jsx(Box, { padding: 2, background: "neutral100", style: { borderRadius: "4px", marginTop: "8px", border: "1px solid rgba(128, 128, 128, 0.2)" }, children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral700", style: { fontSize: "11px", fontFamily: "monospace" }, children: formatMessage({ id: getTrad("settings.loginPath.fullPath") }, { path: settings.login_path }) }) })
1198
1198
  ] }) }),
1199
1199
  /* @__PURE__ */ jsx(Grid.Item, { col: 12, children: /* @__PURE__ */ jsxs(Box, { children: [
1200
1200
  /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: getTrad("settings.confirmationUrl.label") }) }),
@@ -1313,9 +1313,9 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1313
1313
  /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "8px", display: "block" }, children: "*text* = Fett, _text_ = Kursiv (WhatsApp Formatierung)" })
1314
1314
  ] })
1315
1315
  ] }) }),
1316
- /* @__PURE__ */ jsx(Grid.Item, { col: 12, children: /* @__PURE__ */ jsxs(Box, { padding: 4, background: "neutral50", style: { borderRadius: "8px", border: "1px solid #E5E7EB" }, children: [
1316
+ /* @__PURE__ */ jsx(Grid.Item, { col: 12, children: /* @__PURE__ */ jsxs(Box, { padding: 4, background: "neutral50", style: { borderRadius: "8px", border: "1px solid rgba(128, 128, 128, 0.2)" }, children: [
1317
1317
  /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { display: "block", marginBottom: "8px" }, children: "Vorschau:" }),
1318
- /* @__PURE__ */ jsx(Box, { padding: 3, background: "neutral0", style: { borderRadius: "8px", whiteSpace: "pre-wrap", fontFamily: "system-ui", fontSize: "14px", lineHeight: "1.5", border: "1px solid #D1D5DB" }, children: (settings.whatsapp_message_template || "").replace(/\{\{appName\}\}/g, settings.whatsapp_app_name || "Magic Link").replace(/\{\{link\}\}/g, settings.frontend_url ? `${settings.frontend_url.replace(/\/$/, "")}${settings.frontend_login_path || "/auth/magic-link"}?loginToken=ABC123` : `${settings.confirmationUrl || "http://localhost:1337"}?loginToken=ABC123`).replace(/\{\{expiry\}\}/g, "1 Stunde") })
1318
+ /* @__PURE__ */ jsx(Box, { padding: 3, background: "neutral0", style: { borderRadius: "8px", whiteSpace: "pre-wrap", fontFamily: "system-ui", fontSize: "14px", lineHeight: "1.5", border: "1px solid rgba(128, 128, 128, 0.2)" }, children: (settings.whatsapp_message_template || "").replace(/\{\{appName\}\}/g, settings.whatsapp_app_name || "Magic Link").replace(/\{\{link\}\}/g, settings.frontend_url ? `${settings.frontend_url.replace(/\/$/, "")}${settings.frontend_login_path || "/auth/magic-link"}?loginToken=ABC123` : `${settings.confirmationUrl || "http://localhost:1337"}?loginToken=ABC123`).replace(/\{\{expiry\}\}/g, "1 Stunde") })
1319
1319
  ] }) })
1320
1320
  ] }) }) })
1321
1321
  ] }),
@@ -1407,7 +1407,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1407
1407
  ]
1408
1408
  }
1409
1409
  ),
1410
- /* @__PURE__ */ jsx(Box, { padding: 2, background: "neutral100", style: { borderRadius: "4px", marginTop: "8px", border: "1px solid #E5E7EB" }, children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral700", style: { fontSize: "11px" }, children: formatMessage({ id: getTrad("settings.auth.strategy.current") }, {
1410
+ /* @__PURE__ */ jsx(Box, { padding: 2, background: "neutral100", style: { borderRadius: "4px", marginTop: "8px", border: "1px solid rgba(128, 128, 128, 0.2)" }, children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral700", style: { fontSize: "11px" }, children: formatMessage({ id: getTrad("settings.auth.strategy.current") }, {
1411
1411
  strategy: settings.user_creation_strategy === "email" ? formatMessage({ id: getTrad("settings.auth.strategy.email") }) : settings.user_creation_strategy === "emailUsername" ? formatMessage({ id: getTrad("settings.auth.strategy.emailUsername") }) : formatMessage({ id: getTrad("settings.auth.strategy.manual") })
1412
1412
  }) }) })
1413
1413
  ] }) }),
@@ -1588,7 +1588,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1588
1588
  padding: 5,
1589
1589
  style: {
1590
1590
  borderRadius: theme.borderRadius.lg,
1591
- border: "2px solid #E5E7EB",
1591
+ border: "2px solid rgba(128, 128, 128, 0.2)",
1592
1592
  marginBottom: "24px"
1593
1593
  },
1594
1594
  children: /* @__PURE__ */ jsxs(Grid.Root, { gap: 6, children: [
@@ -1729,7 +1729,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1729
1729
  padding: 5,
1730
1730
  style: {
1731
1731
  borderRadius: theme.borderRadius.lg,
1732
- border: "2px solid #E5E7EB",
1732
+ border: "2px solid rgba(128, 128, 128, 0.2)",
1733
1733
  marginBottom: "24px"
1734
1734
  },
1735
1735
  children: /* @__PURE__ */ jsxs(Grid.Root, { gap: 6, children: [
@@ -1751,7 +1751,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1751
1751
  padding: 5,
1752
1752
  style: {
1753
1753
  borderRadius: "12px",
1754
- border: "2px solid #E9D5FF",
1754
+ border: "2px solid rgba(139, 92, 246, 0.3)",
1755
1755
  background: "linear-gradient(135deg, #FAF5FF 0%, #F3E8FF 100%)",
1756
1756
  marginBottom: "16px"
1757
1757
  },
@@ -1867,7 +1867,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1867
1867
  {
1868
1868
  background: "neutral0",
1869
1869
  padding: 5,
1870
- style: { borderRadius: theme.borderRadius.lg, border: "2px solid #0EA5E9", marginBottom: "24px", background: "linear-gradient(135deg, #EFF6FF 0%, #F0F9FF 100%)" },
1870
+ style: { borderRadius: theme.borderRadius.lg, border: "2px solid #0EA5E9", marginBottom: "24px", background: "rgba(14, 165, 233, 0.06)" },
1871
1871
  children: [
1872
1872
  /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, style: { marginBottom: "12px" }, children: [
1873
1873
  /* @__PURE__ */ jsx(Mail, { width: "20px", height: "20px", style: { color: "#0EA5E9" } }),
@@ -1893,13 +1893,13 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1893
1893
  background: "white",
1894
1894
  style: {
1895
1895
  borderRadius: "10px",
1896
- border: `2px solid ${isActive ? "#0284C7" : "#E5E7EB"}`,
1896
+ border: `2px solid ${isActive ? "rgba(2, 132, 199, 0.6)" : "rgba(128, 128, 128, 0.2)"}`,
1897
1897
  cursor: "pointer",
1898
1898
  transition: "all 0.2s",
1899
1899
  padding: "16px",
1900
1900
  minHeight: "110px",
1901
1901
  boxShadow: isActive ? "0 8px 20px rgba(2, 132, 199, 0.25)" : "0 2px 6px rgba(15, 23, 42, 0.08)",
1902
- background: isActive ? "linear-gradient(135deg, #E0F2FE 0%, #F0F9FF 100%)" : "white",
1902
+ background: isActive ? "rgba(14, 165, 233, 0.08)" : "rgba(128, 128, 128, 0.04)",
1903
1903
  outline: "none",
1904
1904
  display: "flex",
1905
1905
  flexDirection: "column",
@@ -1974,7 +1974,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1974
1974
  {
1975
1975
  background: "neutral0",
1976
1976
  padding: 6,
1977
- style: { borderRadius: theme.borderRadius.lg, border: "2px solid #E5E7EB", width: "100%" },
1977
+ style: { borderRadius: theme.borderRadius.lg, border: "2px solid rgba(128, 128, 128, 0.2)", width: "100%" },
1978
1978
  children: [
1979
1979
  /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", style: { marginBottom: "16px" }, children: [
1980
1980
  /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
@@ -2011,7 +2011,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
2011
2011
  Box,
2012
2012
  {
2013
2013
  style: {
2014
- border: "2px solid #E5E7EB",
2014
+ border: "2px solid rgba(128, 128, 128, 0.2)",
2015
2015
  borderRadius: "6px",
2016
2016
  overflow: "hidden",
2017
2017
  background: "#1e1e1e",
@@ -2095,7 +2095,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
2095
2095
  {
2096
2096
  background: "neutral0",
2097
2097
  padding: 6,
2098
- style: { borderRadius: theme.borderRadius.lg, border: "2px solid #E5E7EB", width: "100%" },
2098
+ style: { borderRadius: theme.borderRadius.lg, border: "2px solid rgba(128, 128, 128, 0.2)", width: "100%" },
2099
2099
  children: [
2100
2100
  /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", style: { marginBottom: "16px" }, children: [
2101
2101
  /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
@@ -2127,7 +2127,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2127
2127
  Box,
2128
2128
  {
2129
2129
  style: {
2130
- border: "2px solid #E5E7EB",
2130
+ border: "2px solid rgba(128, 128, 128, 0.2)",
2131
2131
  borderRadius: "6px",
2132
2132
  overflow: "hidden",
2133
2133
  background: "#f5f5f5",
@@ -2141,7 +2141,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2141
2141
  {
2142
2142
  padding: 2,
2143
2143
  background: "neutral200",
2144
- style: { borderBottom: "1px solid #d1d5db", flexShrink: 0 },
2144
+ style: { borderBottom: "1px solid rgba(128, 128, 128, 0.2)", flexShrink: 0 },
2145
2145
  children: /* @__PURE__ */ jsx(Typography, { variant: "omega", style: { color: "#666", fontSize: "11px", fontFamily: "monospace" }, children: formatMessage({ id: getTrad("settings.email.text.filename") }) })
2146
2146
  }
2147
2147
  ),
@@ -2238,7 +2238,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2238
2238
  style: {
2239
2239
  borderRadius: theme.borderRadius.md,
2240
2240
  marginBottom: "24px",
2241
- border: "2px solid #E5E7EB"
2241
+ border: "2px solid rgba(128, 128, 128, 0.2)"
2242
2242
  },
2243
2243
  children: [
2244
2244
  /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", style: { marginBottom: "12px" }, children: [
package/dist/_chunks/{index-Cfto8hfN.mjs → index-CMLlE5VA.mjs} RENAMED
@@ -5,7 +5,7 @@ import { useIntl } from "react-intl";
5
5
  import { Flex, Loader, Box, Typography, Button, TextInput, Badge } from "@strapi/design-system";
6
6
  import { Phone, Check, Message, ArrowClockwise } from "@strapi/icons";
7
7
  import { useNotification, useFetchClient } from "@strapi/strapi/admin";
8
- import { g as getTrad } from "./index-8vT9XVCF.mjs";
8
+ import { g as getTrad } from "./index-Df4P6nwt.mjs";
9
9
  const theme = {
10
10
  colors: {
11
11
  primary: { 700: "#075985", 100: "#E0F2FE", 50: "#F0F9FF" },
package/dist/_chunks/{index-BKfBrko5.js → index-Ccq1TR6Y.js} RENAMED
@@ -7,7 +7,7 @@ const styled = require("styled-components");
7
7
  const reactIntl = require("react-intl");
8
8
  const designSystem = require("@strapi/design-system");
9
9
  const icons = require("@strapi/icons");
10
- const index = require("./index-F19idlUb.js");
10
+ const index = require("./index-BbJpwVk7.js");
11
11
  const admin = require("@strapi/strapi/admin");
12
12
  const LicenseGuard = require("./LicenseGuard-BEEd9IpN.js");
13
13
  const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -425,12 +425,12 @@ const ExtendTokenModal = ({
425
425
  paddingLeft: 6,
426
426
  paddingRight: 5,
427
427
  style: {
428
- borderBottom: "1px solid #E9E9F0"
428
+ borderBottom: "1px solid rgba(255,255,255,0.08)"
429
429
  },
430
430
  children: [
431
431
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 1, alignItems: "flex-start", children: [
432
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", style: { fontSize: "16px", fontWeight: "600" }, children: formatMessage({ id: index.getTrad("tokens.extend.title") }) }),
433
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "13px" }, children: selectedToken.email })
432
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", style: { fontSize: "16px", fontWeight: "600", color: "#ffffff" }, children: formatMessage({ id: index.getTrad("tokens.extend.title") }) }),
433
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "13px", color: "rgba(255,255,255,0.6)" }, children: selectedToken.email })
434
434
  ] }),
435
435
  /* @__PURE__ */ jsxRuntime.jsx(
436
436
  designSystem.IconButton,
@@ -449,22 +449,22 @@ const ExtendTokenModal = ({
449
449
  designSystem.Box,
450
450
  {
451
451
  padding: 3,
452
- background: "neutral100",
453
452
  style: {
454
453
  borderRadius: "6px",
455
- textAlign: "center"
454
+ textAlign: "center",
455
+ background: "rgba(255,255,255,0.06)",
456
+ border: "1px solid rgba(255,255,255,0.1)"
456
457
  },
457
458
  children: [
458
459
  /* @__PURE__ */ jsxRuntime.jsx(
459
460
  designSystem.Typography,
460
461
  {
461
462
  variant: "omega",
462
- textColor: "neutral600",
463
- style: { fontSize: "11px", display: "block", marginBottom: "4px" },
463
+ style: { fontSize: "11px", display: "block", marginBottom: "4px", color: "rgba(255,255,255,0.5)" },
464
464
  children: formatMessage({ id: index.getTrad("tokens.extend.currentExpiry") })
465
465
  }
466
466
  ),
467
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "15px", fontWeight: "600" }, children: formatDate2(selectedToken.expires_at) || formatMessage({ id: index.getTrad("tokens.details.unlimited") }) })
467
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "15px", fontWeight: "600", color: "#ffffff" }, children: formatDate2(selectedToken.expires_at) || formatMessage({ id: index.getTrad("tokens.details.unlimited") }) })
468
468
  ]
469
469
  }
470
470
  ),
@@ -473,8 +473,7 @@ const ExtendTokenModal = ({
473
473
  designSystem.Typography,
474
474
  {
475
475
  variant: "omega",
476
- textColor: "neutral700",
477
- style: { fontSize: "12px", marginBottom: "12px", display: "block" },
476
+ style: { fontSize: "12px", marginBottom: "12px", display: "block", color: "rgba(255,255,255,0.6)" },
478
477
  children: formatMessage({ id: index.getTrad("tokens.extend.selectExtension") })
479
478
  }
480
479
  ),
@@ -552,20 +551,20 @@ const ExtendTokenModal = ({
552
551
  ] }),
553
552
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
554
553
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 1, style: { marginBottom: "8px" }, children: [
555
- /* @__PURE__ */ jsxRuntime.jsx(icons.Check, { style: { width: "14px", height: "14px", color: "#2f8c2f" } }),
556
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", style: { fontSize: "12px", color: "#2f8c2f" }, children: formatMessage({ id: index.getTrad("tokens.extend.newExpiry") }) })
554
+ /* @__PURE__ */ jsxRuntime.jsx(icons.Check, { style: { width: "14px", height: "14px", color: "#4ade80" } }),
555
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", style: { fontSize: "12px", color: "#4ade80" }, children: formatMessage({ id: index.getTrad("tokens.extend.newExpiry") }) })
557
556
  ] }),
558
557
  /* @__PURE__ */ jsxRuntime.jsx(
559
558
  designSystem.Box,
560
559
  {
561
560
  padding: 3,
562
- background: "success100",
563
561
  style: {
564
562
  borderRadius: "6px",
565
- border: "1px solid #c3f0c3",
563
+ border: "1px solid rgba(74, 222, 128, 0.3)",
564
+ background: "rgba(74, 222, 128, 0.08)",
566
565
  textAlign: "center"
567
566
  },
568
- children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "15px", color: "#2f8c2f", fontWeight: "600" }, children: calculateNewExpiryDate() })
567
+ children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "15px", color: "#4ade80", fontWeight: "600" }, children: calculateNewExpiryDate() })
569
568
  }
570
569
  )
571
570
  ] })
@@ -578,8 +577,8 @@ const ExtendTokenModal = ({
578
577
  paddingLeft: 6,
579
578
  paddingRight: 6,
580
579
  style: {
581
- borderTop: "1px solid #E9E9F0",
582
- background: "#fafafa",
580
+ borderTop: "1px solid rgba(255,255,255,0.08)",
581
+ background: "rgba(255,255,255,0.03)",
583
582
  borderBottomLeftRadius: "8px",
584
583
  borderBottomRightRadius: "8px"
585
584
  },
package/dist/_chunks/{index-KTh0bu2o.mjs → index-DRjWjSMh.mjs} RENAMED
@@ -5,7 +5,7 @@ import styled, { keyframes, css } from "styled-components";
5
5
  import { useIntl } from "react-intl";
6
6
  import { Box, Flex, Typography, Button, TextInput, Textarea, Checkbox, IconButton, Loader, Searchbar, SingleSelect, SingleSelectOption, Thead, Tr, Th, Tbody, Td, Pagination, PreviousLink, PageLink, NextLink, Table, Badge, VisuallyHidden, Main } from "@strapi/design-system";
7
7
  import { Cross, Sparkle, Check, Shield, Clock, Lock, Trash, ArrowClockwise, CaretDown, User, Monitor, Calendar, Plus, Earth, WarningCircle, Server, Eye, Mail, Cog, Key, Link } from "@strapi/icons";
8
- import { g as getTrad, P as PLUGIN_ID } from "./index-8vT9XVCF.mjs";
8
+ import { g as getTrad, P as PLUGIN_ID } from "./index-Df4P6nwt.mjs";
9
9
  import { useFetchClient, useNotification } from "@strapi/strapi/admin";
10
10
  import { L as LicenseGuard, a as LanguageProvider } from "./LicenseGuard-B_r3b1Vh.mjs";
11
11
  const CreateTokenModal = ({ isOpen, onClose, onSubmit, formData, setFormData }) => {
@@ -421,12 +421,12 @@ const ExtendTokenModal = ({
421
421
  paddingLeft: 6,
422
422
  paddingRight: 5,
423
423
  style: {
424
- borderBottom: "1px solid #E9E9F0"
424
+ borderBottom: "1px solid rgba(255,255,255,0.08)"
425
425
  },
426
426
  children: [
427
427
  /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 1, alignItems: "flex-start", children: [
428
- /* @__PURE__ */ jsx(Typography, { variant: "beta", style: { fontSize: "16px", fontWeight: "600" }, children: formatMessage({ id: getTrad("tokens.extend.title") }) }),
429
- /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "13px" }, children: selectedToken.email })
428
+ /* @__PURE__ */ jsx(Typography, { variant: "beta", style: { fontSize: "16px", fontWeight: "600", color: "#ffffff" }, children: formatMessage({ id: getTrad("tokens.extend.title") }) }),
429
+ /* @__PURE__ */ jsx(Typography, { variant: "pi", style: { fontSize: "13px", color: "rgba(255,255,255,0.6)" }, children: selectedToken.email })
430
430
  ] }),
431
431
  /* @__PURE__ */ jsx(
432
432
  IconButton,
@@ -445,22 +445,22 @@ const ExtendTokenModal = ({
445
445
  Box,
446
446
  {
447
447
  padding: 3,
448
- background: "neutral100",
449
448
  style: {
450
449
  borderRadius: "6px",
451
- textAlign: "center"
450
+ textAlign: "center",
451
+ background: "rgba(255,255,255,0.06)",
452
+ border: "1px solid rgba(255,255,255,0.1)"
452
453
  },
453
454
  children: [
454
455
  /* @__PURE__ */ jsx(
455
456
  Typography,
456
457
  {
457
458
  variant: "omega",
458
- textColor: "neutral600",
459
- style: { fontSize: "11px", display: "block", marginBottom: "4px" },
459
+ style: { fontSize: "11px", display: "block", marginBottom: "4px", color: "rgba(255,255,255,0.5)" },
460
460
  children: formatMessage({ id: getTrad("tokens.extend.currentExpiry") })
461
461
  }
462
462
  ),
463
- /* @__PURE__ */ jsx(Typography, { variant: "pi", style: { fontSize: "15px", fontWeight: "600" }, children: formatDate2(selectedToken.expires_at) || formatMessage({ id: getTrad("tokens.details.unlimited") }) })
463
+ /* @__PURE__ */ jsx(Typography, { variant: "pi", style: { fontSize: "15px", fontWeight: "600", color: "#ffffff" }, children: formatDate2(selectedToken.expires_at) || formatMessage({ id: getTrad("tokens.details.unlimited") }) })
464
464
  ]
465
465
  }
466
466
  ),
@@ -469,8 +469,7 @@ const ExtendTokenModal = ({
469
469
  Typography,
470
470
  {
471
471
  variant: "omega",
472
- textColor: "neutral700",
473
- style: { fontSize: "12px", marginBottom: "12px", display: "block" },
472
+ style: { fontSize: "12px", marginBottom: "12px", display: "block", color: "rgba(255,255,255,0.6)" },
474
473
  children: formatMessage({ id: getTrad("tokens.extend.selectExtension") })
475
474
  }
476
475
  ),
@@ -548,20 +547,20 @@ const ExtendTokenModal = ({
548
547
  ] }),
549
548
  /* @__PURE__ */ jsxs(Box, { children: [
550
549
  /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 1, style: { marginBottom: "8px" }, children: [
551
- /* @__PURE__ */ jsx(Check, { style: { width: "14px", height: "14px", color: "#2f8c2f" } }),
552
- /* @__PURE__ */ jsx(Typography, { variant: "omega", style: { fontSize: "12px", color: "#2f8c2f" }, children: formatMessage({ id: getTrad("tokens.extend.newExpiry") }) })
550
+ /* @__PURE__ */ jsx(Check, { style: { width: "14px", height: "14px", color: "#4ade80" } }),
551
+ /* @__PURE__ */ jsx(Typography, { variant: "omega", style: { fontSize: "12px", color: "#4ade80" }, children: formatMessage({ id: getTrad("tokens.extend.newExpiry") }) })
553
552
  ] }),
554
553
  /* @__PURE__ */ jsx(
555
554
  Box,
556
555
  {
557
556
  padding: 3,
558
- background: "success100",
559
557
  style: {
560
558
  borderRadius: "6px",
561
- border: "1px solid #c3f0c3",
559
+ border: "1px solid rgba(74, 222, 128, 0.3)",
560
+ background: "rgba(74, 222, 128, 0.08)",
562
561
  textAlign: "center"
563
562
  },
564
- children: /* @__PURE__ */ jsx(Typography, { variant: "pi", style: { fontSize: "15px", color: "#2f8c2f", fontWeight: "600" }, children: calculateNewExpiryDate() })
563
+ children: /* @__PURE__ */ jsx(Typography, { variant: "pi", style: { fontSize: "15px", color: "#4ade80", fontWeight: "600" }, children: calculateNewExpiryDate() })
565
564
  }
566
565
  )
567
566
  ] })
@@ -574,8 +573,8 @@ const ExtendTokenModal = ({
574
573
  paddingLeft: 6,
575
574
  paddingRight: 6,
576
575
  style: {
577
- borderTop: "1px solid #E9E9F0",
578
- background: "#fafafa",
576
+ borderTop: "1px solid rgba(255,255,255,0.08)",
577
+ background: "rgba(255,255,255,0.03)",
579
578
  borderBottomLeftRadius: "8px",
580
579
  borderBottomRightRadius: "8px"
581
580
  },
package/dist/_chunks/{index-8vT9XVCF.mjs → index-Df4P6nwt.mjs} RENAMED
@@ -59,7 +59,7 @@ const index = {
59
59
  },
60
60
  Component: () => import(
61
61
  /* webpackChunkName: "magic-link-tokens" */
62
- "./index-KTh0bu2o.mjs"
62
+ "./index-DRjWjSMh.mjs"
63
63
  ),
64
64
  permissions: []
65
65
  // Leeres Array = keine Permission-Prüfung nötig
@@ -82,7 +82,7 @@ const index = {
82
82
  to: `${PLUGIN_ID}/config`,
83
83
  Component: () => import(
84
84
  /* webpackChunkName: "magic-link-settings" */
85
- "./index-Du_K5l1U.mjs"
85
+ "./index-CKoXVEln.mjs"
86
86
  ),
87
87
  permissions: pluginPermissions.readSettings
88
88
  },
@@ -121,7 +121,7 @@ const index = {
121
121
  to: `${PLUGIN_ID}/whatsapp`,
122
122
  Component: () => import(
123
123
  /* webpackChunkName: "magic-link-whatsapp" */
124
- "./index-Cfto8hfN.mjs"
124
+ "./index-CMLlE5VA.mjs"
125
125
  ),
126
126
  permissions: []
127
127
  }
package/dist/_chunks/{index-BN1I6r6j.js → index-Un4gD9MA.js} RENAMED
@@ -7,7 +7,7 @@ const reactIntl = require("react-intl");
7
7
  const designSystem = require("@strapi/design-system");
8
8
  const icons = require("@strapi/icons");
9
9
  const admin = require("@strapi/strapi/admin");
10
- const index = require("./index-F19idlUb.js");
10
+ const index = require("./index-BbJpwVk7.js");
11
11
  const LicenseGuard = require("./LicenseGuard-BEEd9IpN.js");
12
12
  const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
13
13
  const styled__default = /* @__PURE__ */ _interopDefault(styled);
@@ -442,10 +442,10 @@ const getTemplate = (key) => {
442
442
  const theme = {
443
443
  colors: {
444
444
  primary: { 600: "#0284C7", 700: "#075985", 100: "#E0F2FE" },
445
- success: { 600: "#16A34A", 700: "#15803D", 50: "#F0FDF4" },
445
+ success: { 600: "#16A34A", 700: "#15803D" },
446
446
  danger: { 600: "#DC2626", 700: "#B91C1C" },
447
447
  warning: { 600: "#D97706", 700: "#A16207" },
448
- neutral: { 50: "#F9FAFB", 200: "#E5E7EB", 400: "#9CA3AF", 700: "#374151", 800: "#1F2937" }
448
+ neutral: { 400: "#9CA3AF", 700: "#374151", 800: "#1F2937" }
449
449
  },
450
450
  shadows: { sm: "0 1px 3px rgba(0,0,0,0.1)" },
451
451
  borderRadius: { md: "8px", lg: "12px" }
@@ -461,8 +461,8 @@ const PlaceholderGrid = styled__default.default(designSystem.Box)`
461
461
  `;
462
462
  const PlaceholderTile = styled__default.default(designSystem.Box)`
463
463
  border-radius: 8px;
464
- border: 1px solid #bae6fd;
465
- background: #ffffff;
464
+ border: 1px solid rgba(14, 165, 233, 0.3);
465
+ background: rgba(14, 165, 233, 0.04);
466
466
  padding: 14px;
467
467
  cursor: pointer;
468
468
  display: flex;
@@ -490,25 +490,25 @@ const Container = styled__default.default(designSystem.Box)`
490
490
  margin: 0 auto;
491
491
  `;
492
492
  const ToggleCard = styled__default.default(designSystem.Box)`
493
- background: ${(props) => props.$active ? theme.colors.success[50] : theme.colors.neutral[50]};
493
+ background: ${(props) => props.$active ? "rgba(22, 163, 74, 0.08)" : "rgba(128, 128, 128, 0.06)"};
494
494
  border-radius: ${theme.borderRadius.md};
495
495
  padding: 20px;
496
496
  transition: all 0.2s ease;
497
- border: 2px solid ${(props) => props.$active ? theme.colors.success[600] : theme.colors.neutral[200]};
498
- box-shadow: ${(props) => props.$active ? "0 4px 12px rgba(34, 197, 94, 0.2)" : "0 1px 3px rgba(0, 0, 0, 0.1)"};
497
+ border: 2px solid ${(props) => props.$active ? "rgba(22, 163, 74, 0.4)" : "rgba(128, 128, 128, 0.2)"};
498
+ box-shadow: ${(props) => props.$active ? "0 4px 12px rgba(34, 197, 94, 0.15)" : "0 1px 3px rgba(0, 0, 0, 0.1)"};
499
499
  position: relative;
500
500
  user-select: none;
501
501
  cursor: pointer;
502
502
 
503
503
  &:hover {
504
504
  transform: translateY(-2px);
505
- box-shadow: ${(props) => props.$active ? "0 6px 16px rgba(34, 197, 94, 0.3)" : "0 3px 8px rgba(0, 0, 0, 0.15)"};
506
- border-color: ${(props) => props.$active ? theme.colors.success[700] : theme.colors.neutral[400]};
505
+ box-shadow: ${(props) => props.$active ? "0 6px 16px rgba(34, 197, 94, 0.25)" : "0 3px 8px rgba(128, 128, 128, 0.2)"};
506
+ border-color: ${(props) => props.$active ? "rgba(22, 163, 74, 0.6)" : "rgba(128, 128, 128, 0.4)"};
507
507
  }
508
508
 
509
509
  &:active {
510
510
  transform: translateY(0px);
511
- box-shadow: ${(props) => props.$active ? "0 2px 6px rgba(34, 197, 94, 0.2)" : "0 1px 2px rgba(0, 0, 0, 0.1)"};
511
+ box-shadow: ${(props) => props.$active ? "0 2px 6px rgba(34, 197, 94, 0.15)" : "0 1px 2px rgba(0, 0, 0, 0.1)"};
512
512
  }
513
513
 
514
514
  ${(props) => props.$active && `
@@ -532,7 +532,7 @@ const ToggleCard = styled__default.default(designSystem.Box)`
532
532
  position: absolute;
533
533
  top: 8px;
534
534
  right: 8px;
535
- background: ${theme.colors.neutral[400]};
535
+ background: rgba(128, 128, 128, 0.5);
536
536
  color: white;
537
537
  padding: 2px 8px;
538
538
  border-radius: 4px;
@@ -567,10 +567,10 @@ const GreenToggle = styled__default.default.div`
567
567
 
568
568
  ${(props) => !props.$isActive && `
569
569
  button[role="switch"] {
570
- background-color: #E5E7EB;
570
+ background-color: rgba(128, 128, 128, 0.3);
571
571
 
572
572
  &:hover {
573
- background-color: #D1D5DB;
573
+ background-color: rgba(128, 128, 128, 0.4);
574
574
  }
575
575
  }
576
576
  `}
@@ -579,8 +579,8 @@ const StickySaveBar = styled__default.default(designSystem.Box)`
579
579
  position: sticky;
580
580
  top: 0;
581
581
  z-index: 10;
582
- background: white;
583
- border-bottom: 1px solid ${theme.colors.neutral[200]};
582
+ background: var(--colors-neutral0, white);
583
+ border-bottom: 1px solid rgba(128, 128, 128, 0.2);
584
584
  box-shadow: ${theme.shadows.sm};
585
585
  `;
586
586
  const IconWrapper = styled__default.default.div`
@@ -591,7 +591,7 @@ const IconWrapper = styled__default.default.div`
591
591
  align-items: center;
592
592
  justify-content: center;
593
593
  margin-bottom: 12px;
594
- background: ${(props) => props.$bgColor || theme.colors.primary[100]};
594
+ background: ${(props) => props.$bgColor || "rgba(2, 132, 199, 0.12)"};
595
595
 
596
596
  svg {
597
597
  width: 24px;
@@ -1035,7 +1035,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1035
1035
  }
1036
1036
  ) }),
1037
1037
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 6, children: [
1038
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { background: "neutral50", padding: 4, style: { borderRadius: theme.borderRadius.md, border: "2px solid #E5E7EB", marginBottom: "24px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 4, alignItems: "center", children: [
1038
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { background: "neutral50", padding: 4, style: { borderRadius: theme.borderRadius.md, border: "2px solid rgba(128, 128, 128, 0.2)", marginBottom: "24px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 4, alignItems: "center", children: [
1039
1039
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { minWidth: "150px" }, children: formatMessage({ id: index.getTrad("settings.language.label") }) }),
1040
1040
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { width: "200px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(
1041
1041
  designSystem.SingleSelect,
@@ -1198,7 +1198,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1198
1198
  placeholder: formatMessage({ id: index.getTrad("settings.loginPath.placeholder") })
1199
1199
  }
1200
1200
  ),
1201
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 2, background: "neutral100", style: { borderRadius: "4px", marginTop: "8px", border: "1px solid #E5E7EB" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral700", style: { fontSize: "11px", fontFamily: "monospace" }, children: formatMessage({ id: index.getTrad("settings.loginPath.fullPath") }, { path: settings.login_path }) }) })
1201
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 2, background: "neutral100", style: { borderRadius: "4px", marginTop: "8px", border: "1px solid rgba(128, 128, 128, 0.2)" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral700", style: { fontSize: "11px", fontFamily: "monospace" }, children: formatMessage({ id: index.getTrad("settings.loginPath.fullPath") }, { path: settings.login_path }) }) })
1202
1202
  ] }) }),
1203
1203
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
1204
1204
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.confirmationUrl.label") }) }),
@@ -1317,9 +1317,9 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1317
1317
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "8px", display: "block" }, children: "*text* = Fett, _text_ = Kursiv (WhatsApp Formatierung)" })
1318
1318
  ] })
1319
1319
  ] }) }),
1320
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 4, background: "neutral50", style: { borderRadius: "8px", border: "1px solid #E5E7EB" }, children: [
1320
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 4, background: "neutral50", style: { borderRadius: "8px", border: "1px solid rgba(128, 128, 128, 0.2)" }, children: [
1321
1321
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { display: "block", marginBottom: "8px" }, children: "Vorschau:" }),
1322
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 3, background: "neutral0", style: { borderRadius: "8px", whiteSpace: "pre-wrap", fontFamily: "system-ui", fontSize: "14px", lineHeight: "1.5", border: "1px solid #D1D5DB" }, children: (settings.whatsapp_message_template || "").replace(/\{\{appName\}\}/g, settings.whatsapp_app_name || "Magic Link").replace(/\{\{link\}\}/g, settings.frontend_url ? `${settings.frontend_url.replace(/\/$/, "")}${settings.frontend_login_path || "/auth/magic-link"}?loginToken=ABC123` : `${settings.confirmationUrl || "http://localhost:1337"}?loginToken=ABC123`).replace(/\{\{expiry\}\}/g, "1 Stunde") })
1322
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 3, background: "neutral0", style: { borderRadius: "8px", whiteSpace: "pre-wrap", fontFamily: "system-ui", fontSize: "14px", lineHeight: "1.5", border: "1px solid rgba(128, 128, 128, 0.2)" }, children: (settings.whatsapp_message_template || "").replace(/\{\{appName\}\}/g, settings.whatsapp_app_name || "Magic Link").replace(/\{\{link\}\}/g, settings.frontend_url ? `${settings.frontend_url.replace(/\/$/, "")}${settings.frontend_login_path || "/auth/magic-link"}?loginToken=ABC123` : `${settings.confirmationUrl || "http://localhost:1337"}?loginToken=ABC123`).replace(/\{\{expiry\}\}/g, "1 Stunde") })
1323
1323
  ] }) })
1324
1324
  ] }) }) })
1325
1325
  ] }),
@@ -1411,7 +1411,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1411
1411
  ]
1412
1412
  }
1413
1413
  ),
1414
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 2, background: "neutral100", style: { borderRadius: "4px", marginTop: "8px", border: "1px solid #E5E7EB" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral700", style: { fontSize: "11px" }, children: formatMessage({ id: index.getTrad("settings.auth.strategy.current") }, {
1414
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 2, background: "neutral100", style: { borderRadius: "4px", marginTop: "8px", border: "1px solid rgba(128, 128, 128, 0.2)" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral700", style: { fontSize: "11px" }, children: formatMessage({ id: index.getTrad("settings.auth.strategy.current") }, {
1415
1415
  strategy: settings.user_creation_strategy === "email" ? formatMessage({ id: index.getTrad("settings.auth.strategy.email") }) : settings.user_creation_strategy === "emailUsername" ? formatMessage({ id: index.getTrad("settings.auth.strategy.emailUsername") }) : formatMessage({ id: index.getTrad("settings.auth.strategy.manual") })
1416
1416
  }) }) })
1417
1417
  ] }) }),
@@ -1592,7 +1592,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1592
1592
  padding: 5,
1593
1593
  style: {
1594
1594
  borderRadius: theme.borderRadius.lg,
1595
- border: "2px solid #E5E7EB",
1595
+ border: "2px solid rgba(128, 128, 128, 0.2)",
1596
1596
  marginBottom: "24px"
1597
1597
  },
1598
1598
  children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 6, children: [
@@ -1733,7 +1733,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1733
1733
  padding: 5,
1734
1734
  style: {
1735
1735
  borderRadius: theme.borderRadius.lg,
1736
- border: "2px solid #E5E7EB",
1736
+ border: "2px solid rgba(128, 128, 128, 0.2)",
1737
1737
  marginBottom: "24px"
1738
1738
  },
1739
1739
  children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 6, children: [
@@ -1755,7 +1755,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1755
1755
  padding: 5,
1756
1756
  style: {
1757
1757
  borderRadius: "12px",
1758
- border: "2px solid #E9D5FF",
1758
+ border: "2px solid rgba(139, 92, 246, 0.3)",
1759
1759
  background: "linear-gradient(135deg, #FAF5FF 0%, #F3E8FF 100%)",
1760
1760
  marginBottom: "16px"
1761
1761
  },
@@ -1871,7 +1871,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1871
1871
  {
1872
1872
  background: "neutral0",
1873
1873
  padding: 5,
1874
- style: { borderRadius: theme.borderRadius.lg, border: "2px solid #0EA5E9", marginBottom: "24px", background: "linear-gradient(135deg, #EFF6FF 0%, #F0F9FF 100%)" },
1874
+ style: { borderRadius: theme.borderRadius.lg, border: "2px solid #0EA5E9", marginBottom: "24px", background: "rgba(14, 165, 233, 0.06)" },
1875
1875
  children: [
1876
1876
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, style: { marginBottom: "12px" }, children: [
1877
1877
  /* @__PURE__ */ jsxRuntime.jsx(icons.Mail, { width: "20px", height: "20px", style: { color: "#0EA5E9" } }),
@@ -1897,13 +1897,13 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1897
1897
  background: "white",
1898
1898
  style: {
1899
1899
  borderRadius: "10px",
1900
- border: `2px solid ${isActive ? "#0284C7" : "#E5E7EB"}`,
1900
+ border: `2px solid ${isActive ? "rgba(2, 132, 199, 0.6)" : "rgba(128, 128, 128, 0.2)"}`,
1901
1901
  cursor: "pointer",
1902
1902
  transition: "all 0.2s",
1903
1903
  padding: "16px",
1904
1904
  minHeight: "110px",
1905
1905
  boxShadow: isActive ? "0 8px 20px rgba(2, 132, 199, 0.25)" : "0 2px 6px rgba(15, 23, 42, 0.08)",
1906
- background: isActive ? "linear-gradient(135deg, #E0F2FE 0%, #F0F9FF 100%)" : "white",
1906
+ background: isActive ? "rgba(14, 165, 233, 0.08)" : "rgba(128, 128, 128, 0.04)",
1907
1907
  outline: "none",
1908
1908
  display: "flex",
1909
1909
  flexDirection: "column",
@@ -1978,7 +1978,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1978
1978
  {
1979
1979
  background: "neutral0",
1980
1980
  padding: 6,
1981
- style: { borderRadius: theme.borderRadius.lg, border: "2px solid #E5E7EB", width: "100%" },
1981
+ style: { borderRadius: theme.borderRadius.lg, border: "2px solid rgba(128, 128, 128, 0.2)", width: "100%" },
1982
1982
  children: [
1983
1983
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", style: { marginBottom: "16px" }, children: [
1984
1984
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, children: [
@@ -2015,7 +2015,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
2015
2015
  designSystem.Box,
2016
2016
  {
2017
2017
  style: {
2018
- border: "2px solid #E5E7EB",
2018
+ border: "2px solid rgba(128, 128, 128, 0.2)",
2019
2019
  borderRadius: "6px",
2020
2020
  overflow: "hidden",
2021
2021
  background: "#1e1e1e",
@@ -2099,7 +2099,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
2099
2099
  {
2100
2100
  background: "neutral0",
2101
2101
  padding: 6,
2102
- style: { borderRadius: theme.borderRadius.lg, border: "2px solid #E5E7EB", width: "100%" },
2102
+ style: { borderRadius: theme.borderRadius.lg, border: "2px solid rgba(128, 128, 128, 0.2)", width: "100%" },
2103
2103
  children: [
2104
2104
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", style: { marginBottom: "16px" }, children: [
2105
2105
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, children: [
@@ -2131,7 +2131,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2131
2131
  designSystem.Box,
2132
2132
  {
2133
2133
  style: {
2134
- border: "2px solid #E5E7EB",
2134
+ border: "2px solid rgba(128, 128, 128, 0.2)",
2135
2135
  borderRadius: "6px",
2136
2136
  overflow: "hidden",
2137
2137
  background: "#f5f5f5",
@@ -2145,7 +2145,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2145
2145
  {
2146
2146
  padding: 2,
2147
2147
  background: "neutral200",
2148
- style: { borderBottom: "1px solid #d1d5db", flexShrink: 0 },
2148
+ style: { borderBottom: "1px solid rgba(128, 128, 128, 0.2)", flexShrink: 0 },
2149
2149
  children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", style: { color: "#666", fontSize: "11px", fontFamily: "monospace" }, children: formatMessage({ id: index.getTrad("settings.email.text.filename") }) })
2150
2150
  }
2151
2151
  ),
@@ -2242,7 +2242,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2242
2242
  style: {
2243
2243
  borderRadius: theme.borderRadius.md,
2244
2244
  marginBottom: "24px",
2245
- border: "2px solid #E5E7EB"
2245
+ border: "2px solid rgba(128, 128, 128, 0.2)"
2246
2246
  },
2247
2247
  children: [
2248
2248
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", style: { marginBottom: "12px" }, children: [
package/dist/admin/index.js CHANGED
@@ -1,4 +1,4 @@
1
1
  "use strict";
2
- const index = require("../_chunks/index-F19idlUb.js");
2
+ const index = require("../_chunks/index-BbJpwVk7.js");
3
3
  require("@strapi/icons");
4
4
  module.exports = index.index;
package/dist/admin/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { i } from "../_chunks/index-8vT9XVCF.mjs";
1
+ import { i } from "../_chunks/index-Df4P6nwt.mjs";
2
2
  import "@strapi/icons";
3
3
  export {
4
4
  i as default
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "5.3.13",
2
+ "version": "5.3.15",
3
3
  "keywords": [],
4
4
  "type": "commonjs",
5
5
  "exports": {