strapi-plugin-magic-sessionmanager 4.4.2 → 4.4.3
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.
- package/dist/_chunks/{Analytics-sX94t6D9.mjs → Analytics-CQNEZTUR.mjs} +50 -57
- package/dist/_chunks/{Analytics-tOOj5T92.js → Analytics-DDcZzOJc.js} +50 -57
- package/dist/_chunks/{App-D4qVym6y.js → App-DmXHGW6v.js} +93 -123
- package/dist/_chunks/{App-Cs4KKd3L.mjs → App-GrZxgdsa.mjs} +93 -123
- package/dist/_chunks/{License-CN5YpqIu.mjs → License-DJ2szRWp.mjs} +9 -9
- package/dist/_chunks/{License-kfVcskd3.js → License-U8nciB7B.js} +9 -9
- package/dist/_chunks/{OnlineUsersWidget-ytykP_tA.mjs → OnlineUsersWidget--050_ZKf.mjs} +2 -2
- package/dist/_chunks/{OnlineUsersWidget-Cg3R7602.js → OnlineUsersWidget-JvbLXkDK.js} +2 -2
- package/dist/_chunks/{Settings-XloJ-aHl.mjs → Settings-BKE3rMNU.mjs} +55 -61
- package/dist/_chunks/{Settings-DVRIrGho.js → Settings-CvYIqeue.js} +55 -61
- package/dist/_chunks/{StyledButtons-fbNVRlMY.mjs → StyledButtons-HrcisfdR.mjs} +47 -47
- package/dist/_chunks/{StyledButtons-D2EbG_Zw.js → StyledButtons-UnlRhqip.js} +47 -47
- package/dist/_chunks/{UpgradePage-D2FRalDz.js → UpgradePage-CCIXYVW3.js} +14 -14
- package/dist/_chunks/{UpgradePage-C441wvPX.mjs → UpgradePage-D8dw2eU6.mjs} +14 -14
- package/dist/_chunks/{index-Ij0JRf9W.mjs → index-CLfOD-6A.mjs} +30 -30
- package/dist/_chunks/{index-DtBfKBne.js → index-DcU_ELxj.js} +30 -30
- package/dist/_chunks/{useLicense-DJEDGSap.mjs → useLicense-Bi6skBLw.mjs} +1 -1
- package/dist/_chunks/{useLicense-NCFYHpDd.js → useLicense-qbK401y8.js} +1 -1
- package/dist/admin/index.js +1 -1
- package/dist/admin/index.mjs +1 -1
- package/dist/server/index.js +1 -1
- package/dist/server/index.mjs +1 -1
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ import { Loader, Box, Alert, Flex, Typography, Button, Badge, Accordion } from "
|
|
|
4
4
|
import { useFetchClient, useNotification } from "@strapi/strapi/admin";
|
|
5
5
|
import { ArrowClockwise, Duplicate, Download, User, Shield, Sparkle, ChartBubble } from "@strapi/icons";
|
|
6
6
|
import styled, { css, keyframes } from "styled-components";
|
|
7
|
-
import { a as pluginId } from "./index-
|
|
7
|
+
import { a as pluginId } from "./index-CLfOD-6A.mjs";
|
|
8
8
|
const theme = {
|
|
9
9
|
borderRadius: { lg: "12px" }
|
|
10
10
|
};
|
|
@@ -25,8 +25,8 @@ const StickySaveBar = styled(Box)`
|
|
|
25
25
|
position: sticky;
|
|
26
26
|
top: 0;
|
|
27
27
|
z-index: 10;
|
|
28
|
-
background:
|
|
29
|
-
border-bottom: 1px solid
|
|
28
|
+
background: var(--colors-neutral0, white);
|
|
29
|
+
border-bottom: 1px solid rgba(128, 128, 128, 0.2);
|
|
30
30
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
|
31
31
|
`;
|
|
32
32
|
const LicenseKeyBanner = styled(Box)`
|
|
@@ -287,7 +287,7 @@ Generated: ${(/* @__PURE__ */ new Date()).toLocaleString()}
|
|
|
287
287
|
fontSize: "13px",
|
|
288
288
|
fontWeight: "700",
|
|
289
289
|
padding: "8px 16px",
|
|
290
|
-
border: data.features?.premium ? "2px solid
|
|
290
|
+
border: data.features?.premium ? "2px solid rgba(34, 197, 94, 0.3)" : "2px solid rgba(128, 128, 128, 0.2)"
|
|
291
291
|
},
|
|
292
292
|
children: [
|
|
293
293
|
data.features?.premium ? "✓" : "✗",
|
|
@@ -304,7 +304,7 @@ Generated: ${(/* @__PURE__ */ new Date()).toLocaleString()}
|
|
|
304
304
|
fontSize: "13px",
|
|
305
305
|
fontWeight: "700",
|
|
306
306
|
padding: "8px 16px",
|
|
307
|
-
border: data.features?.advanced ? "2px solid
|
|
307
|
+
border: data.features?.advanced ? "2px solid rgba(14, 165, 233, 0.3)" : "2px solid rgba(128, 128, 128, 0.2)"
|
|
308
308
|
},
|
|
309
309
|
children: [
|
|
310
310
|
data.features?.advanced ? "✓" : "✗",
|
|
@@ -321,7 +321,7 @@ Generated: ${(/* @__PURE__ */ new Date()).toLocaleString()}
|
|
|
321
321
|
fontSize: "13px",
|
|
322
322
|
fontWeight: "700",
|
|
323
323
|
padding: "8px 16px",
|
|
324
|
-
border: data.features?.enterprise ? "2px solid
|
|
324
|
+
border: data.features?.enterprise ? "2px solid rgba(139, 92, 246, 0.3)" : "2px solid rgba(128, 128, 128, 0.2)"
|
|
325
325
|
},
|
|
326
326
|
children: [
|
|
327
327
|
data.features?.enterprise ? "✓" : "✗",
|
|
@@ -330,7 +330,7 @@ Generated: ${(/* @__PURE__ */ new Date()).toLocaleString()}
|
|
|
330
330
|
}
|
|
331
331
|
)
|
|
332
332
|
] }),
|
|
333
|
-
data.features?.premium && /* @__PURE__ */ jsxs(Box, { marginBottom: 5, padding: 5, background: "success50", hasRadius: true, style: { border: "2px solid
|
|
333
|
+
data.features?.premium && /* @__PURE__ */ jsxs(Box, { marginBottom: 5, padding: 5, background: "success50", hasRadius: true, style: { border: "2px solid rgba(34, 197, 94, 0.3)" }, children: [
|
|
334
334
|
/* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", textColor: "success700", style: { marginBottom: "16px", display: "flex", alignItems: "center", gap: "8px" }, children: "Premium Features Active" }),
|
|
335
335
|
/* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
|
|
336
336
|
/* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "success700", style: { fontSize: "14px", display: "flex", alignItems: "center", gap: "8px" }, children: "✓ IP Geolocation Tracking (Country, City, Timezone)" }),
|
|
@@ -341,7 +341,7 @@ Generated: ${(/* @__PURE__ */ new Date()).toLocaleString()}
|
|
|
341
341
|
/* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "success700", style: { fontSize: "14px", display: "flex", alignItems: "center", gap: "8px" }, children: "✓ Advanced Session Analytics" })
|
|
342
342
|
] })
|
|
343
343
|
] }),
|
|
344
|
-
data.features?.advanced && /* @__PURE__ */ jsxs(Box, { marginBottom: 5, padding: 5, background: "primary50", hasRadius: true, style: { border: "2px solid
|
|
344
|
+
data.features?.advanced && /* @__PURE__ */ jsxs(Box, { marginBottom: 5, padding: 5, background: "primary50", hasRadius: true, style: { border: "2px solid rgba(14, 165, 233, 0.3)" }, children: [
|
|
345
345
|
/* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", textColor: "primary700", style: { marginBottom: "16px", display: "flex", alignItems: "center", gap: "8px" }, children: "Advanced Features Active" }),
|
|
346
346
|
/* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
|
|
347
347
|
/* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "primary700", style: { fontSize: "14px", display: "flex", alignItems: "center", gap: "8px" }, children: "✓ Email Notifications & Alerts" }),
|
|
@@ -351,7 +351,7 @@ Generated: ${(/* @__PURE__ */ new Date()).toLocaleString()}
|
|
|
351
351
|
/* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "primary700", style: { fontSize: "14px", display: "flex", alignItems: "center", gap: "8px" }, children: "✓ Enhanced Analytics Dashboard" })
|
|
352
352
|
] })
|
|
353
353
|
] }),
|
|
354
|
-
data.features?.enterprise && /* @__PURE__ */ jsxs(Box, { padding: 5, background: "secondary50", hasRadius: true, style: { border: "2px solid
|
|
354
|
+
data.features?.enterprise && /* @__PURE__ */ jsxs(Box, { padding: 5, background: "secondary50", hasRadius: true, style: { border: "2px solid rgba(139, 92, 246, 0.3)" }, children: [
|
|
355
355
|
/* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", textColor: "secondary700", style: { marginBottom: "16px", display: "flex", alignItems: "center", gap: "8px" }, children: "🏢 Enterprise Features Active" }),
|
|
356
356
|
/* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
|
|
357
357
|
/* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "secondary700", style: { fontSize: "14px", display: "flex", alignItems: "center", gap: "8px" }, children: "✓ Multi-tenant Support" }),
|
|
@@ -6,7 +6,7 @@ const designSystem = require("@strapi/design-system");
|
|
|
6
6
|
const admin = require("@strapi/strapi/admin");
|
|
7
7
|
const icons = require("@strapi/icons");
|
|
8
8
|
const styled = require("styled-components");
|
|
9
|
-
const index = require("./index-
|
|
9
|
+
const index = require("./index-DcU_ELxj.js");
|
|
10
10
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
11
11
|
const styled__default = /* @__PURE__ */ _interopDefault(styled);
|
|
12
12
|
const theme = {
|
|
@@ -29,8 +29,8 @@ const StickySaveBar = styled__default.default(designSystem.Box)`
|
|
|
29
29
|
position: sticky;
|
|
30
30
|
top: 0;
|
|
31
31
|
z-index: 10;
|
|
32
|
-
background:
|
|
33
|
-
border-bottom: 1px solid
|
|
32
|
+
background: var(--colors-neutral0, white);
|
|
33
|
+
border-bottom: 1px solid rgba(128, 128, 128, 0.2);
|
|
34
34
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
|
35
35
|
`;
|
|
36
36
|
const LicenseKeyBanner = styled__default.default(designSystem.Box)`
|
|
@@ -291,7 +291,7 @@ Generated: ${(/* @__PURE__ */ new Date()).toLocaleString()}
|
|
|
291
291
|
fontSize: "13px",
|
|
292
292
|
fontWeight: "700",
|
|
293
293
|
padding: "8px 16px",
|
|
294
|
-
border: data.features?.premium ? "2px solid
|
|
294
|
+
border: data.features?.premium ? "2px solid rgba(34, 197, 94, 0.3)" : "2px solid rgba(128, 128, 128, 0.2)"
|
|
295
295
|
},
|
|
296
296
|
children: [
|
|
297
297
|
data.features?.premium ? "✓" : "✗",
|
|
@@ -308,7 +308,7 @@ Generated: ${(/* @__PURE__ */ new Date()).toLocaleString()}
|
|
|
308
308
|
fontSize: "13px",
|
|
309
309
|
fontWeight: "700",
|
|
310
310
|
padding: "8px 16px",
|
|
311
|
-
border: data.features?.advanced ? "2px solid
|
|
311
|
+
border: data.features?.advanced ? "2px solid rgba(14, 165, 233, 0.3)" : "2px solid rgba(128, 128, 128, 0.2)"
|
|
312
312
|
},
|
|
313
313
|
children: [
|
|
314
314
|
data.features?.advanced ? "✓" : "✗",
|
|
@@ -325,7 +325,7 @@ Generated: ${(/* @__PURE__ */ new Date()).toLocaleString()}
|
|
|
325
325
|
fontSize: "13px",
|
|
326
326
|
fontWeight: "700",
|
|
327
327
|
padding: "8px 16px",
|
|
328
|
-
border: data.features?.enterprise ? "2px solid
|
|
328
|
+
border: data.features?.enterprise ? "2px solid rgba(139, 92, 246, 0.3)" : "2px solid rgba(128, 128, 128, 0.2)"
|
|
329
329
|
},
|
|
330
330
|
children: [
|
|
331
331
|
data.features?.enterprise ? "✓" : "✗",
|
|
@@ -334,7 +334,7 @@ Generated: ${(/* @__PURE__ */ new Date()).toLocaleString()}
|
|
|
334
334
|
}
|
|
335
335
|
)
|
|
336
336
|
] }),
|
|
337
|
-
data.features?.premium && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { marginBottom: 5, padding: 5, background: "success50", hasRadius: true, style: { border: "2px solid
|
|
337
|
+
data.features?.premium && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { marginBottom: 5, padding: 5, background: "success50", hasRadius: true, style: { border: "2px solid rgba(34, 197, 94, 0.3)" }, children: [
|
|
338
338
|
/* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", textColor: "success700", style: { marginBottom: "16px", display: "flex", alignItems: "center", gap: "8px" }, children: "Premium Features Active" }),
|
|
339
339
|
/* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, children: [
|
|
340
340
|
/* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "success700", style: { fontSize: "14px", display: "flex", alignItems: "center", gap: "8px" }, children: "✓ IP Geolocation Tracking (Country, City, Timezone)" }),
|
|
@@ -345,7 +345,7 @@ Generated: ${(/* @__PURE__ */ new Date()).toLocaleString()}
|
|
|
345
345
|
/* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "success700", style: { fontSize: "14px", display: "flex", alignItems: "center", gap: "8px" }, children: "✓ Advanced Session Analytics" })
|
|
346
346
|
] })
|
|
347
347
|
] }),
|
|
348
|
-
data.features?.advanced && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { marginBottom: 5, padding: 5, background: "primary50", hasRadius: true, style: { border: "2px solid
|
|
348
|
+
data.features?.advanced && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { marginBottom: 5, padding: 5, background: "primary50", hasRadius: true, style: { border: "2px solid rgba(14, 165, 233, 0.3)" }, children: [
|
|
349
349
|
/* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", textColor: "primary700", style: { marginBottom: "16px", display: "flex", alignItems: "center", gap: "8px" }, children: "Advanced Features Active" }),
|
|
350
350
|
/* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, children: [
|
|
351
351
|
/* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "primary700", style: { fontSize: "14px", display: "flex", alignItems: "center", gap: "8px" }, children: "✓ Email Notifications & Alerts" }),
|
|
@@ -355,7 +355,7 @@ Generated: ${(/* @__PURE__ */ new Date()).toLocaleString()}
|
|
|
355
355
|
/* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "primary700", style: { fontSize: "14px", display: "flex", alignItems: "center", gap: "8px" }, children: "✓ Enhanced Analytics Dashboard" })
|
|
356
356
|
] })
|
|
357
357
|
] }),
|
|
358
|
-
data.features?.enterprise && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 5, background: "secondary50", hasRadius: true, style: { border: "2px solid
|
|
358
|
+
data.features?.enterprise && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 5, background: "secondary50", hasRadius: true, style: { border: "2px solid rgba(139, 92, 246, 0.3)" }, children: [
|
|
359
359
|
/* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", textColor: "secondary700", style: { marginBottom: "16px", display: "flex", alignItems: "center", gap: "8px" }, children: "🏢 Enterprise Features Active" }),
|
|
360
360
|
/* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, children: [
|
|
361
361
|
/* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "secondary700", style: { fontSize: "14px", display: "flex", alignItems: "center", gap: "8px" }, children: "✓ Multi-tenant Support" }),
|
|
@@ -4,7 +4,7 @@ import { useIntl } from "react-intl";
|
|
|
4
4
|
import { Box, Typography, Flex, Grid } from "@strapi/design-system";
|
|
5
5
|
import { Check, Cross, Clock, User } from "@strapi/icons";
|
|
6
6
|
import { useFetchClient } from "@strapi/strapi/admin";
|
|
7
|
-
import { g as getTranslation } from "./index-
|
|
7
|
+
import { g as getTranslation } from "./index-CLfOD-6A.mjs";
|
|
8
8
|
const OnlineUsersWidget = () => {
|
|
9
9
|
const { formatMessage } = useIntl();
|
|
10
10
|
const { get } = useFetchClient();
|
|
@@ -89,7 +89,7 @@ const OnlineUsersWidget = () => {
|
|
|
89
89
|
textDecoration: "none",
|
|
90
90
|
cursor: "default",
|
|
91
91
|
transition: "box-shadow 0.2s",
|
|
92
|
-
border: "1px solid
|
|
92
|
+
border: "1px solid rgba(128, 128, 128, 0.1)"
|
|
93
93
|
},
|
|
94
94
|
children: /* @__PURE__ */ jsx(Flex, { justifyContent: "space-between", alignItems: "flex-start", children: /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "center", children: [
|
|
95
95
|
/* @__PURE__ */ jsx(
|
|
@@ -6,7 +6,7 @@ const reactIntl = require("react-intl");
|
|
|
6
6
|
const designSystem = require("@strapi/design-system");
|
|
7
7
|
const icons = require("@strapi/icons");
|
|
8
8
|
const admin = require("@strapi/strapi/admin");
|
|
9
|
-
const index = require("./index-
|
|
9
|
+
const index = require("./index-DcU_ELxj.js");
|
|
10
10
|
const OnlineUsersWidget = () => {
|
|
11
11
|
const { formatMessage } = reactIntl.useIntl();
|
|
12
12
|
const { get } = admin.useFetchClient();
|
|
@@ -91,7 +91,7 @@ const OnlineUsersWidget = () => {
|
|
|
91
91
|
textDecoration: "none",
|
|
92
92
|
cursor: "default",
|
|
93
93
|
transition: "box-shadow 0.2s",
|
|
94
|
-
border: "1px solid
|
|
94
|
+
border: "1px solid rgba(128, 128, 128, 0.1)"
|
|
95
95
|
},
|
|
96
96
|
children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "space-between", alignItems: "flex-start", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, alignItems: "center", children: [
|
|
97
97
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -5,16 +5,10 @@ import { Flex, Loader, Typography, Button, Box, Badge, Accordion, Grid, SingleSe
|
|
|
5
5
|
import { useFetchClient, useNotification } from "@strapi/strapi/admin";
|
|
6
6
|
import { Check, Information, Cog, Trash, Shield, Code, Duplicate, Mail } from "@strapi/icons";
|
|
7
7
|
import styled, { css, keyframes } from "styled-components";
|
|
8
|
-
import { a as pluginId, g as getTranslation } from "./index-
|
|
9
|
-
import { u as useLicense } from "./useLicense-
|
|
10
|
-
import { D as DangerButton, S as ShowHideButton, G as GradientButton, C as CopyButton, T as TertiaryButton, c as SecondaryButton } from "./StyledButtons-
|
|
8
|
+
import { a as pluginId, g as getTranslation } from "./index-CLfOD-6A.mjs";
|
|
9
|
+
import { u as useLicense } from "./useLicense-Bi6skBLw.mjs";
|
|
10
|
+
import { D as DangerButton, S as ShowHideButton, G as GradientButton, C as CopyButton, T as TertiaryButton, c as SecondaryButton } from "./StyledButtons-HrcisfdR.mjs";
|
|
11
11
|
const theme = {
|
|
12
|
-
colors: {
|
|
13
|
-
primary: { 600: "#0284C7", 700: "#075985", 100: "#E0F2FE", 50: "#F0F9FF" },
|
|
14
|
-
success: { 600: "#16A34A", 700: "#15803D" },
|
|
15
|
-
danger: { 600: "#DC2626" },
|
|
16
|
-
neutral: { 0: "#FFFFFF", 200: "#E5E7EB", 400: "#9CA3AF", 700: "#374151" }
|
|
17
|
-
},
|
|
18
12
|
borderRadius: { md: "8px", lg: "12px" }
|
|
19
13
|
};
|
|
20
14
|
const fadeIn = keyframes`
|
|
@@ -34,17 +28,17 @@ const StickySaveBar = styled(Box)`
|
|
|
34
28
|
position: sticky;
|
|
35
29
|
top: 0;
|
|
36
30
|
z-index: 10;
|
|
37
|
-
background:
|
|
38
|
-
border-bottom: 1px solid
|
|
31
|
+
background: var(--colors-neutral0, white);
|
|
32
|
+
border-bottom: 1px solid rgba(128, 128, 128, 0.2);
|
|
39
33
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
|
40
34
|
`;
|
|
41
35
|
const ToggleCard = styled(Box)`
|
|
42
|
-
background: ${(props) => props.$active ? "linear-gradient(135deg,
|
|
36
|
+
background: ${(props) => props.$active ? "linear-gradient(135deg, rgba(22, 163, 74, 0.06) 0%, rgba(22, 163, 74, 0.12) 100%)" : "linear-gradient(135deg, rgba(128, 128, 128, 0.04) 0%, rgba(128, 128, 128, 0.08) 100%)"};
|
|
43
37
|
border-radius: ${theme.borderRadius.lg};
|
|
44
38
|
padding: 24px;
|
|
45
39
|
min-height: 120px;
|
|
46
40
|
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
47
|
-
border: 2px solid ${(props) => props.$active ?
|
|
41
|
+
border: 2px solid ${(props) => props.$active ? "var(--colors-success600, #16A34A)" : "rgba(128, 128, 128, 0.2)"};
|
|
48
42
|
box-shadow: ${(props) => props.$active ? "0 4px 20px rgba(34, 197, 94, 0.15)" : "0 2px 8px rgba(0, 0, 0, 0.06)"};
|
|
49
43
|
position: relative;
|
|
50
44
|
cursor: pointer;
|
|
@@ -54,7 +48,7 @@ const ToggleCard = styled(Box)`
|
|
|
54
48
|
&:hover {
|
|
55
49
|
transform: translateY(-4px);
|
|
56
50
|
box-shadow: ${(props) => props.$active ? "0 8px 30px rgba(34, 197, 94, 0.25)" : "0 6px 16px rgba(0, 0, 0, 0.12)"};
|
|
57
|
-
border-color: ${(props) => props.$active ?
|
|
51
|
+
border-color: ${(props) => props.$active ? "var(--colors-success600, #15803D)" : "rgba(128, 128, 128, 0.3)"};
|
|
58
52
|
}
|
|
59
53
|
|
|
60
54
|
&:active {
|
|
@@ -67,7 +61,7 @@ const ToggleCard = styled(Box)`
|
|
|
67
61
|
position: absolute;
|
|
68
62
|
top: 12px;
|
|
69
63
|
right: 12px;
|
|
70
|
-
background: ${
|
|
64
|
+
background: ${"var(--colors-success600, #16A34A)"};
|
|
71
65
|
color: white;
|
|
72
66
|
padding: 4px 10px;
|
|
73
67
|
border-radius: 6px;
|
|
@@ -84,7 +78,7 @@ const ToggleCard = styled(Box)`
|
|
|
84
78
|
position: absolute;
|
|
85
79
|
top: 12px;
|
|
86
80
|
right: 12px;
|
|
87
|
-
background: ${
|
|
81
|
+
background: ${"rgba(128, 128, 128, 0.4)"};
|
|
88
82
|
color: white;
|
|
89
83
|
padding: 4px 10px;
|
|
90
84
|
border-radius: 6px;
|
|
@@ -98,17 +92,17 @@ const ToggleCard = styled(Box)`
|
|
|
98
92
|
const GreenToggle = styled.div`
|
|
99
93
|
${(props) => props.$isActive && `
|
|
100
94
|
button[role="switch"] {
|
|
101
|
-
background-color: #16A34A !important;
|
|
102
|
-
border-color: #16A34A !important;
|
|
95
|
+
background-color: var(--colors-success600, #16A34A) !important;
|
|
96
|
+
border-color: var(--colors-success600, #16A34A) !important;
|
|
103
97
|
|
|
104
98
|
&:hover {
|
|
105
|
-
background-color: #15803D !important;
|
|
106
|
-
border-color: #15803D !important;
|
|
99
|
+
background-color: var(--colors-success600, #15803D) !important;
|
|
100
|
+
border-color: var(--colors-success600, #15803D) !important;
|
|
107
101
|
}
|
|
108
102
|
|
|
109
103
|
&:focus {
|
|
110
|
-
background-color: #16A34A !important;
|
|
111
|
-
border-color: #16A34A !important;
|
|
104
|
+
background-color: var(--colors-success600, #16A34A) !important;
|
|
105
|
+
border-color: var(--colors-success600, #16A34A) !important;
|
|
112
106
|
box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.2) !important;
|
|
113
107
|
}
|
|
114
108
|
}
|
|
@@ -121,10 +115,10 @@ const GreenToggle = styled.div`
|
|
|
121
115
|
|
|
122
116
|
${(props) => !props.$isActive && `
|
|
123
117
|
button[role="switch"] {
|
|
124
|
-
background-color:
|
|
118
|
+
background-color: rgba(128, 128, 128, 0.2);
|
|
125
119
|
|
|
126
120
|
&:hover {
|
|
127
|
-
background-color:
|
|
121
|
+
background-color: rgba(128, 128, 128, 0.2);
|
|
128
122
|
}
|
|
129
123
|
}
|
|
130
124
|
`}
|
|
@@ -490,8 +484,8 @@ const SettingsPage = () => {
|
|
|
490
484
|
size: "L",
|
|
491
485
|
disabled: !hasChanges || saving,
|
|
492
486
|
style: {
|
|
493
|
-
background: hasChanges && !saving ? "linear-gradient(135deg, #667eea 0%, #764ba2 100%)" : "
|
|
494
|
-
color: hasChanges && !saving ? "white" : "
|
|
487
|
+
background: hasChanges && !saving ? "linear-gradient(135deg, #667eea 0%, #764ba2 100%)" : "rgba(128, 128, 128, 0.2)",
|
|
488
|
+
color: hasChanges && !saving ? "white" : "var(--colors-neutral500)",
|
|
495
489
|
fontWeight: "600",
|
|
496
490
|
padding: "12px 24px",
|
|
497
491
|
border: "none",
|
|
@@ -514,8 +508,8 @@ const SettingsPage = () => {
|
|
|
514
508
|
] })
|
|
515
509
|
] }) }),
|
|
516
510
|
/* @__PURE__ */ jsxs(Box, { paddingTop: 6, paddingLeft: 6, paddingRight: 6, paddingBottom: 10, children: [
|
|
517
|
-
/* @__PURE__ */ jsx(Box, { padding: 4, background: "primary50", hasRadius: true, style: { marginBottom: "24px", border: "1px solid
|
|
518
|
-
/* @__PURE__ */ jsx(Information, { style: { width: "20px", height: "20px", color: "#0284C7" } }),
|
|
511
|
+
/* @__PURE__ */ jsx(Box, { padding: 4, background: "primary50", hasRadius: true, style: { marginBottom: "24px", border: "1px solid rgba(14, 165, 233, 0.3)" }, children: /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "center", children: [
|
|
512
|
+
/* @__PURE__ */ jsx(Information, { style: { width: "20px", height: "20px", color: "var(--colors-primary600, #0284C7)" } }),
|
|
519
513
|
/* @__PURE__ */ jsxs(Box, { children: [
|
|
520
514
|
/* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", textColor: "primary700", style: { marginBottom: "4px" }, children: t("settings.license.title", "Current License Status") }),
|
|
521
515
|
/* @__PURE__ */ jsxs(Flex, { gap: 3, children: [
|
|
@@ -548,7 +542,7 @@ const SettingsPage = () => {
|
|
|
548
542
|
}
|
|
549
543
|
) }),
|
|
550
544
|
/* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsxs(Box, { padding: 6, children: [
|
|
551
|
-
/* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color:
|
|
545
|
+
/* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: t("settings.general.timeout.title", "SESSION TIMEOUT") }),
|
|
552
546
|
/* @__PURE__ */ jsxs(Grid.Root, { gap: 6, style: { marginBottom: "32px" }, children: [
|
|
553
547
|
/* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(Box, { children: [
|
|
554
548
|
/* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: t("settings.general.timeout.inactivity", "Inactivity Timeout") }),
|
|
@@ -589,7 +583,7 @@ const SettingsPage = () => {
|
|
|
589
583
|
] }) })
|
|
590
584
|
] }),
|
|
591
585
|
/* @__PURE__ */ jsx(Divider, { style: { marginBottom: "24px" } }),
|
|
592
|
-
/* @__PURE__ */ jsxs(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color:
|
|
586
|
+
/* @__PURE__ */ jsxs(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: [
|
|
593
587
|
"🧹 ",
|
|
594
588
|
t("settings.general.cleanup.title", "AUTO-CLEANUP & RETENTION")
|
|
595
589
|
] }),
|
|
@@ -631,8 +625,8 @@ const SettingsPage = () => {
|
|
|
631
625
|
),
|
|
632
626
|
/* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "8px" }, children: settings.retentionDays === -1 ? t("settings.general.retention.hintNever", "Old sessions deleted after never") : t("settings.general.retention.hint", "Old sessions deleted after {days}", { days: `${settings.retentionDays} days` }) })
|
|
633
627
|
] }) }),
|
|
634
|
-
/* @__PURE__ */ jsx(Grid.Item, { col: 12, children: /* @__PURE__ */ jsx(Box, { padding: 4, background: "danger100", style: { borderRadius: theme.borderRadius.md, border: `2px solid
|
|
635
|
-
/* @__PURE__ */ jsx(Trash, { style: { width: "18px", height: "18px", color:
|
|
628
|
+
/* @__PURE__ */ jsx(Grid.Item, { col: 12, children: /* @__PURE__ */ jsx(Box, { padding: 4, background: "danger100", style: { borderRadius: theme.borderRadius.md, border: `2px solid rgba(220, 38, 38, 0.2)` }, children: /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "flex-start", children: [
|
|
629
|
+
/* @__PURE__ */ jsx(Trash, { style: { width: "18px", height: "18px", color: "var(--colors-danger600, #DC2626)", flexShrink: 0, marginTop: "2px" } }),
|
|
636
630
|
/* @__PURE__ */ jsxs(Box, { style: { flex: 1 }, children: [
|
|
637
631
|
/* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", textColor: "danger700", style: { marginBottom: "8px", display: "block" }, children: t("settings.general.danger.title", "Danger Zone") }),
|
|
638
632
|
/* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "danger600", style: { fontSize: "13px", lineHeight: "1.7" }, children: t("settings.general.danger.description", "Clean All Inactive: Permanently deletes all inactive sessions. This cannot be undone.") })
|
|
@@ -662,7 +656,7 @@ const SettingsPage = () => {
|
|
|
662
656
|
}
|
|
663
657
|
) }),
|
|
664
658
|
/* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsxs(Box, { padding: 6, children: [
|
|
665
|
-
/* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color:
|
|
659
|
+
/* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: t("settings.security.options", "SECURITY OPTIONS") }),
|
|
666
660
|
/* @__PURE__ */ jsx(
|
|
667
661
|
Box,
|
|
668
662
|
{
|
|
@@ -671,12 +665,12 @@ const SettingsPage = () => {
|
|
|
671
665
|
style: {
|
|
672
666
|
borderRadius: theme.borderRadius.lg,
|
|
673
667
|
marginBottom: "32px",
|
|
674
|
-
border: `2px solid ${
|
|
675
|
-
background: `linear-gradient(135deg, ${
|
|
668
|
+
border: `2px solid ${"rgba(2, 132, 199, 0.12)"}`,
|
|
669
|
+
background: `linear-gradient(135deg, ${"var(--colors-neutral0, white)"} 0%, ${"rgba(2, 132, 199, 0.06)"} 100%)`
|
|
676
670
|
},
|
|
677
671
|
children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 4, children: [
|
|
678
672
|
/* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 3, children: [
|
|
679
|
-
/* @__PURE__ */ jsx(Shield, { style: { width: 24, height: 24, color:
|
|
673
|
+
/* @__PURE__ */ jsx(Shield, { style: { width: 24, height: 24, color: "var(--colors-primary600, #0284C7)" } }),
|
|
680
674
|
/* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", children: t("settings.security.encryption.title", "JWT Encryption Key Generator") })
|
|
681
675
|
] }),
|
|
682
676
|
/* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", style: { lineHeight: 1.6 }, children: t("settings.security.encryption.description", "Generate a secure 32-character encryption key for JWT token storage. This key is used to encrypt tokens before saving them to the database.") }),
|
|
@@ -772,14 +766,14 @@ const SettingsPage = () => {
|
|
|
772
766
|
background: "neutral100",
|
|
773
767
|
style: {
|
|
774
768
|
borderRadius: theme.borderRadius.md,
|
|
775
|
-
border: "1px solid
|
|
769
|
+
border: "1px solid rgba(128, 128, 128, 0.2)",
|
|
776
770
|
fontFamily: "monospace",
|
|
777
771
|
fontSize: "12px",
|
|
778
772
|
wordBreak: "break-all"
|
|
779
773
|
},
|
|
780
774
|
children: [
|
|
781
775
|
/* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", style: { marginBottom: 8, display: "block" }, children: t("settings.security.encryption.envLabel", "Add to .env file:") }),
|
|
782
|
-
/* @__PURE__ */ jsxs("code", { style: { color:
|
|
776
|
+
/* @__PURE__ */ jsxs("code", { style: { color: "var(--colors-primary600, #075985)" }, children: [
|
|
783
777
|
"SESSION_ENCRYPTION_KEY=",
|
|
784
778
|
encryptionKey
|
|
785
779
|
] })
|
|
@@ -909,7 +903,7 @@ const SettingsPage = () => {
|
|
|
909
903
|
) }),
|
|
910
904
|
/* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsxs(Box, { padding: 6, children: [
|
|
911
905
|
/* @__PURE__ */ jsxs(Box, { background: "neutral100", padding: 5, style: { borderRadius: theme.borderRadius.md, marginBottom: "32px" }, children: [
|
|
912
|
-
/* @__PURE__ */ jsxs(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", textAlign: "center", color:
|
|
906
|
+
/* @__PURE__ */ jsxs(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", textAlign: "center", color: "var(--colors-neutral700)" }, children: [
|
|
913
907
|
"📧 ",
|
|
914
908
|
t("settings.email.alerts.title", "EMAIL ALERTS")
|
|
915
909
|
] }),
|
|
@@ -945,7 +939,7 @@ const SettingsPage = () => {
|
|
|
945
939
|
) }) })
|
|
946
940
|
] }),
|
|
947
941
|
settings.enableEmailAlerts && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
948
|
-
/* @__PURE__ */ jsxs(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color:
|
|
942
|
+
/* @__PURE__ */ jsxs(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: [
|
|
949
943
|
"⚙️ ",
|
|
950
944
|
t("settings.email.types.title", "ALERT TYPES")
|
|
951
945
|
] }),
|
|
@@ -957,7 +951,7 @@ const SettingsPage = () => {
|
|
|
957
951
|
background: settings.alertOnSuspiciousLogin ? "danger50" : "neutral50",
|
|
958
952
|
style: {
|
|
959
953
|
borderRadius: theme.borderRadius.md,
|
|
960
|
-
border: `2px solid ${settings.alertOnSuspiciousLogin ? "
|
|
954
|
+
border: `2px solid ${settings.alertOnSuspiciousLogin ? "rgba(239, 68, 68, 0.4)" : "rgba(128, 128, 128, 0.2)"}`,
|
|
961
955
|
transition: "all 0.2s",
|
|
962
956
|
cursor: "pointer"
|
|
963
957
|
},
|
|
@@ -979,7 +973,7 @@ const SettingsPage = () => {
|
|
|
979
973
|
background: settings.alertOnNewLocation ? "primary50" : "neutral50",
|
|
980
974
|
style: {
|
|
981
975
|
borderRadius: theme.borderRadius.md,
|
|
982
|
-
border: `2px solid ${settings.alertOnNewLocation ? "
|
|
976
|
+
border: `2px solid ${settings.alertOnNewLocation ? "rgba(14, 165, 233, 0.3)" : "rgba(128, 128, 128, 0.2)"}`,
|
|
983
977
|
transition: "all 0.2s",
|
|
984
978
|
cursor: "pointer"
|
|
985
979
|
},
|
|
@@ -1001,7 +995,7 @@ const SettingsPage = () => {
|
|
|
1001
995
|
background: settings.alertOnVpnProxy ? "warning50" : "neutral50",
|
|
1002
996
|
style: {
|
|
1003
997
|
borderRadius: theme.borderRadius.md,
|
|
1004
|
-
border: `2px solid ${settings.alertOnVpnProxy ? "
|
|
998
|
+
border: `2px solid ${settings.alertOnVpnProxy ? "rgba(234, 179, 8, 0.4)" : "rgba(128, 128, 128, 0.2)"}`,
|
|
1005
999
|
transition: "all 0.2s",
|
|
1006
1000
|
cursor: "pointer"
|
|
1007
1001
|
},
|
|
@@ -1018,7 +1012,7 @@ const SettingsPage = () => {
|
|
|
1018
1012
|
) })
|
|
1019
1013
|
] }),
|
|
1020
1014
|
/* @__PURE__ */ jsx(Divider, { style: { marginBottom: "24px" } }),
|
|
1021
|
-
/* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color:
|
|
1015
|
+
/* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: "var(--colors-neutral700)" }, children: t("settings.email.templates.title", "EMAIL TEMPLATES") }),
|
|
1022
1016
|
/* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", fontSize: "12px" }, children: t("settings.email.templates.subtitle", "Customize email notification templates with dynamic variables") }),
|
|
1023
1017
|
/* @__PURE__ */ jsxs(Tabs.Root, { value: activeTemplateTab, onValueChange: setActiveTemplateTab, children: [
|
|
1024
1018
|
/* @__PURE__ */ jsxs(Tabs.List, { "aria-label": "Email Templates", children: [
|
|
@@ -1047,10 +1041,10 @@ const SettingsPage = () => {
|
|
|
1047
1041
|
{
|
|
1048
1042
|
padding: 3,
|
|
1049
1043
|
background: "primary100",
|
|
1050
|
-
style: { borderRadius: theme.borderRadius.md, marginBottom: "20px", border: "2px solid
|
|
1044
|
+
style: { borderRadius: theme.borderRadius.md, marginBottom: "20px", border: "2px solid rgba(14, 165, 233, 0.3)" },
|
|
1051
1045
|
children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
|
|
1052
1046
|
/* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
|
|
1053
|
-
/* @__PURE__ */ jsx(Code, { style: { width: "16px", height: "16px", color:
|
|
1047
|
+
/* @__PURE__ */ jsx(Code, { style: { width: "16px", height: "16px", color: "var(--colors-primary600, #0284C7)" } }),
|
|
1054
1048
|
/* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", textColor: "primary600", children: t("settings.email.templates.variables", "Available Variables (click to copy)") })
|
|
1055
1049
|
] }),
|
|
1056
1050
|
/* @__PURE__ */ jsx(Flex, { gap: 2, wrap: "wrap", children: TEMPLATE_VARIABLES[templateKey].map(({ var: variable, desc }) => /* @__PURE__ */ jsx(
|
|
@@ -1080,7 +1074,7 @@ const SettingsPage = () => {
|
|
|
1080
1074
|
{
|
|
1081
1075
|
background: "neutral0",
|
|
1082
1076
|
padding: 6,
|
|
1083
|
-
style: { borderRadius: theme.borderRadius.lg, border: "2px solid
|
|
1077
|
+
style: { borderRadius: theme.borderRadius.lg, border: "2px solid rgba(128, 128, 128, 0.2)", width: "100%", marginBottom: "24px" },
|
|
1084
1078
|
children: [
|
|
1085
1079
|
/* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", style: { marginBottom: "16px" }, children: [
|
|
1086
1080
|
/* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
|
|
@@ -1110,7 +1104,7 @@ const SettingsPage = () => {
|
|
|
1110
1104
|
Box,
|
|
1111
1105
|
{
|
|
1112
1106
|
style: {
|
|
1113
|
-
border: "2px solid
|
|
1107
|
+
border: "2px solid rgba(128, 128, 128, 0.2)",
|
|
1114
1108
|
borderRadius: "6px",
|
|
1115
1109
|
overflow: "hidden",
|
|
1116
1110
|
background: "#1e1e1e",
|
|
@@ -1210,7 +1204,7 @@ const SettingsPage = () => {
|
|
|
1210
1204
|
{
|
|
1211
1205
|
background: "neutral0",
|
|
1212
1206
|
padding: 6,
|
|
1213
|
-
style: { borderRadius: theme.borderRadius.lg, border: "2px solid
|
|
1207
|
+
style: { borderRadius: theme.borderRadius.lg, border: "2px solid rgba(128, 128, 128, 0.2)", width: "100%", marginBottom: "24px" },
|
|
1214
1208
|
children: [
|
|
1215
1209
|
/* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", style: { marginBottom: "16px" }, children: [
|
|
1216
1210
|
/* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
|
|
@@ -1240,7 +1234,7 @@ const SettingsPage = () => {
|
|
|
1240
1234
|
Box,
|
|
1241
1235
|
{
|
|
1242
1236
|
style: {
|
|
1243
|
-
border: "2px solid
|
|
1237
|
+
border: "2px solid rgba(128, 128, 128, 0.2)",
|
|
1244
1238
|
borderRadius: "6px",
|
|
1245
1239
|
overflow: "hidden",
|
|
1246
1240
|
background: "#1e1e1e",
|
|
@@ -1358,10 +1352,10 @@ const SettingsPage = () => {
|
|
|
1358
1352
|
Box,
|
|
1359
1353
|
{
|
|
1360
1354
|
style: {
|
|
1361
|
-
border: "2px solid
|
|
1355
|
+
border: "2px solid rgba(128, 128, 128, 0.2)",
|
|
1362
1356
|
borderRadius: theme.borderRadius.md,
|
|
1363
1357
|
overflow: "hidden",
|
|
1364
|
-
background: "
|
|
1358
|
+
background: "var(--colors-neutral100)"
|
|
1365
1359
|
},
|
|
1366
1360
|
children: /* @__PURE__ */ jsx(
|
|
1367
1361
|
"textarea",
|
|
@@ -1378,8 +1372,8 @@ const SettingsPage = () => {
|
|
|
1378
1372
|
fontFamily: "Monaco, Consolas, monospace",
|
|
1379
1373
|
fontSize: "14px",
|
|
1380
1374
|
lineHeight: "1.8",
|
|
1381
|
-
color: "
|
|
1382
|
-
background: "white",
|
|
1375
|
+
color: "var(--colors-neutral800)",
|
|
1376
|
+
background: "var(--colors-neutral0, white)",
|
|
1383
1377
|
resize: "vertical",
|
|
1384
1378
|
minHeight: "80px"
|
|
1385
1379
|
}
|
|
@@ -1401,10 +1395,10 @@ const SettingsPage = () => {
|
|
|
1401
1395
|
Box,
|
|
1402
1396
|
{
|
|
1403
1397
|
style: {
|
|
1404
|
-
border: "2px solid
|
|
1398
|
+
border: "2px solid rgba(128, 128, 128, 0.2)",
|
|
1405
1399
|
borderRadius: theme.borderRadius.md,
|
|
1406
1400
|
overflow: "hidden",
|
|
1407
|
-
background: "
|
|
1401
|
+
background: "var(--colors-neutral100)"
|
|
1408
1402
|
},
|
|
1409
1403
|
children: /* @__PURE__ */ jsx(
|
|
1410
1404
|
"textarea",
|
|
@@ -1421,8 +1415,8 @@ const SettingsPage = () => {
|
|
|
1421
1415
|
fontFamily: "Monaco, Consolas, monospace",
|
|
1422
1416
|
fontSize: "14px",
|
|
1423
1417
|
lineHeight: "1.8",
|
|
1424
|
-
color: "
|
|
1425
|
-
background: "white",
|
|
1418
|
+
color: "var(--colors-neutral800)",
|
|
1419
|
+
background: "var(--colors-neutral0, white)",
|
|
1426
1420
|
resize: "vertical",
|
|
1427
1421
|
minHeight: "80px"
|
|
1428
1422
|
}
|
|
@@ -1439,10 +1433,10 @@ const SettingsPage = () => {
|
|
|
1439
1433
|
] }) })
|
|
1440
1434
|
] })
|
|
1441
1435
|
] }),
|
|
1442
|
-
/* @__PURE__ */ jsx(Box, { padding: 5, background: "primary100", style: { borderRadius: theme.borderRadius.md, marginTop: "32px", border: "2px solid
|
|
1443
|
-
/* @__PURE__ */ jsx(Check, { style: { width: "20px", height: "20px", color:
|
|
1436
|
+
/* @__PURE__ */ jsx(Box, { padding: 5, background: "primary100", style: { borderRadius: theme.borderRadius.md, marginTop: "32px", border: "2px solid rgba(14, 165, 233, 0.3)" }, children: /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "flex-start", children: [
|
|
1437
|
+
/* @__PURE__ */ jsx(Check, { style: { width: "20px", height: "20px", color: "var(--colors-success600, #16A34A)", flexShrink: 0, marginTop: "2px" } }),
|
|
1444
1438
|
/* @__PURE__ */ jsxs(Box, { style: { flex: 1 }, children: [
|
|
1445
|
-
/* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color:
|
|
1439
|
+
/* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: "var(--colors-primary600, #075985)" }, children: t("settings.footer.title", "Database-Backed Settings") }),
|
|
1446
1440
|
/* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "primary700", style: { fontSize: "13px", lineHeight: "1.8" }, children: t("settings.footer.description", "All settings are stored in your Strapi database and shared across all admin users. Changes take effect immediately - no server restart required! Email templates, webhooks, and security options are all managed from this interface.") })
|
|
1447
1441
|
] })
|
|
1448
1442
|
] }) })
|