strapi-plugin-magic-sessionmanager 4.0.0 → 4.0.2

package/dist/_chunks/{index-DC8Y0qxx.js → index-CWcvrfXc.js}

@@ -1,6 +1,7 @@
 "use strict";
 const react = require("react");
 const jsxRuntime = require("react/jsx-runtime");
+const reactIntl = require("react-intl");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
 const admin = require("@strapi/strapi/admin");
@@ -12,6 +13,7 @@ const pluginPkg = {
   strapi
 };
 const pluginId = "magic-sessionmanager";
+const PLUGIN_ID = pluginId;
 const Initializer = () => {
   react.useEffect(() => {
     console.log("[magic-sessionmanager] Plugin initialized");
@@ -23,20 +25,20 @@ const parseUserAgent = (userAgent) => {
   if (!userAgent) {
     return {
       device: "Unknown",
-      deviceIcon: "❓",
+      deviceIcon: "question",
       browser: "Unknown",
       os: "Unknown"
     };
   }
   const ua = userAgent.toLowerCase();
   let device = "Desktop";
-  let deviceIcon = "💻";
+  let deviceIcon = "desktop";
   if (/(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(userAgent)) {
     device = "Tablet";
-    deviceIcon = "📱";
+    deviceIcon = "tablet";
   } else if (/Mobile|Android|iP(hone|od)|IEMobile|BlackBerry|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(userAgent)) {
     device = "Mobile";
-    deviceIcon = "📱";
+    deviceIcon = "mobile";
   }
   let browser = "Unknown";
   if (ua.includes("edg/")) {
@@ -55,11 +57,11 @@ const parseUserAgent = (userAgent) => {
     device = "API Client";
   } else if (ua.includes("postman")) {
     browser = "Postman";
-    deviceIcon = "📮";
+    deviceIcon = "code";
     device = "API Client";
   } else if (ua.includes("insomnia")) {
     browser = "Insomnia";
-    deviceIcon = "🌙";
+    deviceIcon = "code";
     device = "API Client";
   }
   let os = "Unknown";
@@ -81,14 +83,17 @@ const parseUserAgent = (userAgent) => {
     os
   };
 };
+const getTranslation = (id) => `${PLUGIN_ID}.${id}`;
 const SessionInfoPanel = ({ documentId, model, document }) => {
+  const { formatMessage } = reactIntl.useIntl();
   const [sessions, setSessions] = react.useState([]);
   const [loading, setLoading] = react.useState(true);
   const [isBlocked, setIsBlocked] = react.useState(false);
   const [actionLoading, setActionLoading] = react.useState(false);
   const { get, post: postRequest } = admin.useFetchClient();
   const { toggleNotification } = admin.useNotification();
-  const userId = document?.id || documentId;
+  const t = (id, defaultMessage, values) => formatMessage({ id: getTranslation(id), defaultMessage }, values);
+  const userId = document?.documentId || documentId;
   react.useEffect(() => {
     if (model !== "plugin::users-permissions.user" || !userId) {
       setLoading(false);
@@ -116,14 +121,14 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
       if (response.data?.success) {
         toggleNotification({
           type: "success",
-          message: "All sessions terminated successfully"
+          message: t("notifications.success.terminatedAll", "All sessions terminated successfully")
         });
         setSessions([]);
       }
     } catch (error) {
       toggleNotification({
         type: "warning",
-        message: "Failed to terminate sessions"
+        message: t("notifications.error.terminateAll", "Failed to terminate sessions")
       });
       console.error("[SessionInfoPanel] Logout all error:", error);
     } finally {
@@ -140,7 +145,7 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
         setIsBlocked(newBlockedStatus);
         toggleNotification({
           type: "success",
-          message: newBlockedStatus ? "User blocked successfully" : "User unblocked successfully"
+          message: newBlockedStatus ? t("notifications.success.blocked", "User blocked successfully") : t("notifications.success.unblocked", "User unblocked successfully")
         });
         if (newBlockedStatus) {
           setSessions([]);
@@ -149,7 +154,7 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
     } catch (error) {
       toggleNotification({
         type: "warning",
-        message: "Failed to update user status"
+        message: t("notifications.error.block", "Failed to update user status")
       });
       console.error("[SessionInfoPanel] Toggle block error:", error);
     } finally {
@@ -166,13 +171,13 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
   }
   if (loading) {
     return {
-      title: "Session Info",
-      content: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, background: "neutral0", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: "Loading..." }) })
+      title: t("panel.title", "Session Info"),
+      content: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, background: "neutral0", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: t("panel.loading", "Loading...") }) })
     };
   }
   const isOnline = sessions.length > 0;
   return {
-    title: "Session Info",
+    title: t("panel.title", "Session Info"),
     content: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 4, alignItems: "stretch", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         designSystem.Box,
@@ -192,14 +197,10 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
                 textColor: "neutral0",
                 size: "M",
                 style: { fontSize: "14px", padding: "6px 12px" },
-                children: isOnline ? "🟢 ACTIVE" : "⚫ OFFLINE"
+                children: isOnline ? t("panel.status.active", "ACTIVE") : t("panel.status.offline", "OFFLINE")
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", textColor: isOnline ? "success700" : "neutral700", children: [
-              sessions.length,
-              " active session",
-              sessions.length !== 1 ? "s" : ""
-            ] })
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", textColor: isOnline ? "success700" : "neutral700", children: t("panel.sessions.count", "{count} active session{count, plural, one {} other {s}}", { count: sessions.length }) })
           ] })
         }
       ),
@@ -210,8 +211,8 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
           background: "danger100",
           hasRadius: true,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", textColor: "danger700", marginBottom: 1, children: "User is blocked" }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "danger600", children: "Authentication disabled" })
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", textColor: "danger700", marginBottom: 1, children: t("panel.blocked.title", "User is blocked") }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "danger600", children: t("panel.blocked.description", "Authentication disabled") })
           ]
         }
       ),
@@ -220,7 +221,7 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
           textAlign: "left",
           letterSpacing: "0.5px",
           fontSize: "12px"
-        }, children: "Active Sessions" }),
+        }, children: t("panel.sessions.title", "Active Sessions") }),
         sessions.slice(0, 5).map((session) => {
           const deviceInfo = parseUserAgent(session.userAgent);
           const DeviceIcon = getDeviceIcon(deviceInfo.device);
@@ -254,7 +255,7 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
                     backgroundColor: "success600",
                     textColor: "neutral0",
                     size: "S",
-                    children: "Active"
+                    children: t("panel.sessions.active", "Active")
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: [
@@ -276,21 +277,13 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
                     minute: "2-digit"
                   }) })
                 ] }),
-                session.minutesSinceActive !== void 0 && session.minutesSinceActive < 60 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "success600", fontWeight: "semiBold", children: [
-                  "Active ",
-                  session.minutesSinceActive === 0 ? "now" : `${session.minutesSinceActive} min ago`
-                ] })
+                session.minutesSinceActive !== void 0 && session.minutesSinceActive < 60 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "success600", fontWeight: "semiBold", children: session.minutesSinceActive === 0 ? t("panel.sessions.activeNow", "Active now") : t("panel.sessions.activeAgo", "Active {minutes} min ago", { minutes: session.minutesSinceActive }) })
               ] })
             },
             session.id
           );
         }),
-        sessions.length > 5 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 3, background: "primary100", hasRadius: true, textAlign: "center", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "primary600", fontWeight: "semiBold", children: [
-          "+",
-          sessions.length - 5,
-          " more session",
-          sessions.length - 5 !== 1 ? "s" : ""
-        ] }) })
+        sessions.length > 5 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 3, background: "primary100", hasRadius: true, textAlign: "center", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "primary600", fontWeight: "semiBold", children: t("panel.sessions.more", "+{count} more session{count, plural, one {} other {s}}", { count: sessions.length - 5 }) }) })
       ] }) : /* @__PURE__ */ jsxRuntime.jsx(
         designSystem.Box,
         {
@@ -311,8 +304,8 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
                 children: "💤"
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", textColor: "neutral700", children: "No active sessions" }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", style: { fontSize: "13px" }, children: "User has not logged in yet" })
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", textColor: "neutral700", children: t("panel.empty.title", "No active sessions") }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", style: { fontSize: "13px" }, children: t("panel.empty.description", "User has not logged in yet") })
           ] })
         }
       ),
@@ -322,7 +315,7 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
           textAlign: "left",
           letterSpacing: "0.5px",
           fontSize: "12px"
-        }, children: "Actions" }),
+        }, children: t("panel.actions.title", "Actions") }),
         /* @__PURE__ */ jsxRuntime.jsx(
           designSystem.Button,
           {
@@ -350,7 +343,7 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
                 e.currentTarget.style.color = "#dc2626";
               }
             },
-            children: "Terminate All Sessions"
+            children: t("panel.actions.terminateAll", "Terminate All Sessions")
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -380,7 +373,7 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
                 e.currentTarget.style.color = isBlocked ? "#16a34a" : "#dc2626";
               }
             },
-            children: isBlocked ? "Unblock User" : "Block User"
+            children: isBlocked ? t("panel.actions.unblockUser", "Unblock User") : t("panel.actions.blockUser", "Block User")
           }
         )
       ] })
@@ -404,7 +397,7 @@ const index = {
         id: `${pluginId}.plugin.name`,
         defaultMessage: pluginPkg.strapi.displayName
       },
-      Component: () => Promise.resolve().then(() => require("./App-DdnUYWbC.js"))
+      Component: () => Promise.resolve().then(() => require("./App-DDKYCjKw.js"))
     });
     app.createSettingSection(
       {
@@ -413,6 +406,15 @@ const index = {
         to: `/settings/${pluginId}`
       },
       [
+        {
+          intlLabel: {
+            id: `${pluginId}.settings.upgrade`,
+            defaultMessage: "Upgrade"
+          },
+          id: "upgrade",
+          to: `/settings/${pluginId}/upgrade`,
+          Component: () => Promise.resolve().then(() => require("./UpgradePage-Dssk8A0Z.js"))
+        },
         {
           intlLabel: {
             id: `${pluginId}.settings.general`,
@@ -420,7 +422,7 @@ const index = {
           },
           id: "general",
           to: `/settings/${pluginId}/general`,
-          Component: () => Promise.resolve().then(() => require("./Settings-C6_CqpCC.js"))
+          Component: () => Promise.resolve().then(() => require("./Settings-DyEAuTNQ.js"))
         },
         {
           intlLabel: {
@@ -429,7 +431,7 @@ const index = {
           },
           id: "analytics",
           to: `/settings/${pluginId}/analytics`,
-          Component: () => Promise.resolve().then(() => require("./Analytics-ioaeEh-E.js"))
+          Component: () => Promise.resolve().then(() => require("./Analytics-lw_JaOVy.js"))
         },
         {
           intlLabel: {
@@ -438,7 +440,7 @@ const index = {
           },
           id: "license",
           to: `/settings/${pluginId}/license`,
-          Component: () => Promise.resolve().then(() => require("./License-DZYrOgcx.js"))
+          Component: () => Promise.resolve().then(() => require("./License-Tk-6UfPl.js"))
         }
       ]
     );
@@ -456,7 +458,7 @@ const index = {
           defaultMessage: "Online Users"
         },
         component: async () => {
-          const component = await Promise.resolve().then(() => require("./OnlineUsersWidget-B8JS1xZu.js"));
+          const component = await Promise.resolve().then(() => require("./OnlineUsersWidget-C1qTpsws.js"));
           return component.default;
         },
         id: "online-users-widget",
@@ -482,11 +484,11 @@ const index = {
   },
   async registerTrads({ locales }) {
     const importedTrads = {
-      en: () => Promise.resolve().then(() => require("./en-RqmpDHdS.js")),
-      de: () => Promise.resolve().then(() => require("./de-BxFx1pwE.js")),
-      es: () => Promise.resolve().then(() => require("./es-CuLHazN1.js")),
-      fr: () => Promise.resolve().then(() => require("./fr-BAJp2yhI.js")),
-      pt: () => Promise.resolve().then(() => require("./pt-BAP9cKs3.js"))
+      en: () => Promise.resolve().then(() => require("./en-Bd7_h-4e.js")),
+      de: () => Promise.resolve().then(() => require("./de-I-Q-pWqu.js")),
+      es: () => Promise.resolve().then(() => require("./es-BcAx18XG.js")),
+      fr: () => Promise.resolve().then(() => require("./fr-DCzYMuJ-.js")),
+      pt: () => Promise.resolve().then(() => require("./pt-21-MAb72.js"))
     };
     const translatedLanguages = Object.keys(importedTrads).filter(
       (lang) => locales.includes(lang)
@@ -505,6 +507,7 @@ const index = {
     return Promise.resolve(translations);
   }
 };
+exports.getTranslation = getTranslation;
 exports.index = index;
 exports.parseUserAgent = parseUserAgent;
 exports.pluginId = pluginId;

package/dist/_chunks/{index-DBRS3kt5.mjs → index-DQO9bNP7.mjs}

@@ -1,5 +1,6 @@
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useIntl } from "react-intl";
 import { Box, Typography, Flex, Badge, Divider, Button } from "@strapi/design-system";
 import { Server, Clock, Cross, Check, Phone, Monitor } from "@strapi/icons";
 import { useFetchClient, useNotification } from "@strapi/strapi/admin";
@@ -11,6 +12,7 @@ const pluginPkg = {
   strapi
 };
 const pluginId = "magic-sessionmanager";
+const PLUGIN_ID = pluginId;
 const Initializer = () => {
   useEffect(() => {
     console.log("[magic-sessionmanager] Plugin initialized");
@@ -22,20 +24,20 @@ const parseUserAgent = (userAgent) => {
   if (!userAgent) {
     return {
       device: "Unknown",
-      deviceIcon: "❓",
+      deviceIcon: "question",
       browser: "Unknown",
       os: "Unknown"
     };
   }
   const ua = userAgent.toLowerCase();
   let device = "Desktop";
-  let deviceIcon = "💻";
+  let deviceIcon = "desktop";
   if (/(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(userAgent)) {
     device = "Tablet";
-    deviceIcon = "📱";
+    deviceIcon = "tablet";
   } else if (/Mobile|Android|iP(hone|od)|IEMobile|BlackBerry|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(userAgent)) {
     device = "Mobile";
-    deviceIcon = "📱";
+    deviceIcon = "mobile";
   }
   let browser = "Unknown";
   if (ua.includes("edg/")) {
@@ -54,11 +56,11 @@ const parseUserAgent = (userAgent) => {
     device = "API Client";
   } else if (ua.includes("postman")) {
     browser = "Postman";
-    deviceIcon = "📮";
+    deviceIcon = "code";
     device = "API Client";
   } else if (ua.includes("insomnia")) {
     browser = "Insomnia";
-    deviceIcon = "🌙";
+    deviceIcon = "code";
     device = "API Client";
   }
   let os = "Unknown";
@@ -80,14 +82,17 @@ const parseUserAgent = (userAgent) => {
     os
   };
 };
+const getTranslation = (id) => `${PLUGIN_ID}.${id}`;
 const SessionInfoPanel = ({ documentId, model, document }) => {
+  const { formatMessage } = useIntl();
   const [sessions, setSessions] = useState([]);
   const [loading, setLoading] = useState(true);
   const [isBlocked, setIsBlocked] = useState(false);
   const [actionLoading, setActionLoading] = useState(false);
   const { get, post: postRequest } = useFetchClient();
   const { toggleNotification } = useNotification();
-  const userId = document?.id || documentId;
+  const t = (id, defaultMessage, values) => formatMessage({ id: getTranslation(id), defaultMessage }, values);
+  const userId = document?.documentId || documentId;
   useEffect(() => {
     if (model !== "plugin::users-permissions.user" || !userId) {
       setLoading(false);
@@ -115,14 +120,14 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
       if (response.data?.success) {
         toggleNotification({
           type: "success",
-          message: "All sessions terminated successfully"
+          message: t("notifications.success.terminatedAll", "All sessions terminated successfully")
         });
         setSessions([]);
       }
     } catch (error) {
       toggleNotification({
         type: "warning",
-        message: "Failed to terminate sessions"
+        message: t("notifications.error.terminateAll", "Failed to terminate sessions")
       });
       console.error("[SessionInfoPanel] Logout all error:", error);
     } finally {
@@ -139,7 +144,7 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
         setIsBlocked(newBlockedStatus);
         toggleNotification({
           type: "success",
-          message: newBlockedStatus ? "User blocked successfully" : "User unblocked successfully"
+          message: newBlockedStatus ? t("notifications.success.blocked", "User blocked successfully") : t("notifications.success.unblocked", "User unblocked successfully")
         });
         if (newBlockedStatus) {
           setSessions([]);
@@ -148,7 +153,7 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
     } catch (error) {
       toggleNotification({
         type: "warning",
-        message: "Failed to update user status"
+        message: t("notifications.error.block", "Failed to update user status")
       });
       console.error("[SessionInfoPanel] Toggle block error:", error);
     } finally {
@@ -165,13 +170,13 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
   }
   if (loading) {
     return {
-      title: "Session Info",
-      content: /* @__PURE__ */ jsx(Box, { padding: 4, background: "neutral0", children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Loading..." }) })
+      title: t("panel.title", "Session Info"),
+      content: /* @__PURE__ */ jsx(Box, { padding: 4, background: "neutral0", children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t("panel.loading", "Loading...") }) })
     };
   }
   const isOnline = sessions.length > 0;
   return {
-    title: "Session Info",
+    title: t("panel.title", "Session Info"),
     content: /* @__PURE__ */ jsx(Box, { style: { width: "100%" }, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 4, alignItems: "stretch", children: [
       /* @__PURE__ */ jsx(
         Box,
@@ -191,14 +196,10 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
                 textColor: "neutral0",
                 size: "M",
                 style: { fontSize: "14px", padding: "6px 12px" },
-                children: isOnline ? "🟢 ACTIVE" : "⚫ OFFLINE"
+                children: isOnline ? t("panel.status.active", "ACTIVE") : t("panel.status.offline", "OFFLINE")
               }
             ),
-            /* @__PURE__ */ jsxs(Typography, { variant: "omega", fontWeight: "semiBold", textColor: isOnline ? "success700" : "neutral700", children: [
-              sessions.length,
-              " active session",
-              sessions.length !== 1 ? "s" : ""
-            ] })
+            /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", textColor: isOnline ? "success700" : "neutral700", children: t("panel.sessions.count", "{count} active session{count, plural, one {} other {s}}", { count: sessions.length }) })
           ] })
         }
       ),
@@ -209,8 +210,8 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
           background: "danger100",
           hasRadius: true,
           children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", textColor: "danger700", marginBottom: 1, children: "User is blocked" }),
-            /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "danger600", children: "Authentication disabled" })
+            /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", textColor: "danger700", marginBottom: 1, children: t("panel.blocked.title", "User is blocked") }),
+            /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "danger600", children: t("panel.blocked.description", "Authentication disabled") })
           ]
         }
       ),
@@ -219,7 +220,7 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
           textAlign: "left",
           letterSpacing: "0.5px",
           fontSize: "12px"
-        }, children: "Active Sessions" }),
+        }, children: t("panel.sessions.title", "Active Sessions") }),
         sessions.slice(0, 5).map((session) => {
           const deviceInfo = parseUserAgent(session.userAgent);
           const DeviceIcon = getDeviceIcon(deviceInfo.device);
@@ -253,7 +254,7 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
                     backgroundColor: "success600",
                     textColor: "neutral0",
                     size: "S",
-                    children: "Active"
+                    children: t("panel.sessions.active", "Active")
                   }
                 ),
                 /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", children: [
@@ -275,21 +276,13 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
                     minute: "2-digit"
                   }) })
                 ] }),
-                session.minutesSinceActive !== void 0 && session.minutesSinceActive < 60 && /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "success600", fontWeight: "semiBold", children: [
-                  "Active ",
-                  session.minutesSinceActive === 0 ? "now" : `${session.minutesSinceActive} min ago`
-                ] })
+                session.minutesSinceActive !== void 0 && session.minutesSinceActive < 60 && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "success600", fontWeight: "semiBold", children: session.minutesSinceActive === 0 ? t("panel.sessions.activeNow", "Active now") : t("panel.sessions.activeAgo", "Active {minutes} min ago", { minutes: session.minutesSinceActive }) })
               ] })
             },
             session.id
           );
         }),
-        sessions.length > 5 && /* @__PURE__ */ jsx(Box, { padding: 3, background: "primary100", hasRadius: true, textAlign: "center", children: /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "primary600", fontWeight: "semiBold", children: [
-          "+",
-          sessions.length - 5,
-          " more session",
-          sessions.length - 5 !== 1 ? "s" : ""
-        ] }) })
+        sessions.length > 5 && /* @__PURE__ */ jsx(Box, { padding: 3, background: "primary100", hasRadius: true, textAlign: "center", children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "primary600", fontWeight: "semiBold", children: t("panel.sessions.more", "+{count} more session{count, plural, one {} other {s}}", { count: sessions.length - 5 }) }) })
       ] }) : /* @__PURE__ */ jsx(
         Box,
         {
@@ -310,8 +303,8 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
                 children: "💤"
               }
             ),
-            /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", textColor: "neutral700", children: "No active sessions" }),
-            /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", style: { fontSize: "13px" }, children: "User has not logged in yet" })
+            /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", textColor: "neutral700", children: t("panel.empty.title", "No active sessions") }),
+            /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", style: { fontSize: "13px" }, children: t("panel.empty.description", "User has not logged in yet") })
           ] })
         }
       ),
@@ -321,7 +314,7 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
           textAlign: "left",
           letterSpacing: "0.5px",
           fontSize: "12px"
-        }, children: "Actions" }),
+        }, children: t("panel.actions.title", "Actions") }),
         /* @__PURE__ */ jsx(
           Button,
           {
@@ -349,7 +342,7 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
                 e.currentTarget.style.color = "#dc2626";
               }
             },
-            children: "Terminate All Sessions"
+            children: t("panel.actions.terminateAll", "Terminate All Sessions")
           }
         ),
         /* @__PURE__ */ jsx(
@@ -379,7 +372,7 @@ const SessionInfoPanel = ({ documentId, model, document }) => {
                 e.currentTarget.style.color = isBlocked ? "#16a34a" : "#dc2626";
               }
             },
-            children: isBlocked ? "Unblock User" : "Block User"
+            children: isBlocked ? t("panel.actions.unblockUser", "Unblock User") : t("panel.actions.blockUser", "Block User")
           }
         )
       ] })
@@ -403,7 +396,7 @@ const index = {
         id: `${pluginId}.plugin.name`,
         defaultMessage: pluginPkg.strapi.displayName
       },
-      Component: () => import("./App-BXpIS12l.mjs")
+      Component: () => import("./App-DJW1ZNl5.mjs")
     });
     app.createSettingSection(
       {
@@ -412,6 +405,15 @@ const index = {
         to: `/settings/${pluginId}`
       },
       [
+        {
+          intlLabel: {
+            id: `${pluginId}.settings.upgrade`,
+            defaultMessage: "Upgrade"
+          },
+          id: "upgrade",
+          to: `/settings/${pluginId}/upgrade`,
+          Component: () => import("./UpgradePage-cINvE9zY.mjs")
+        },
         {
           intlLabel: {
             id: `${pluginId}.settings.general`,
@@ -419,7 +421,7 @@ const index = {
           },
           id: "general",
           to: `/settings/${pluginId}/general`,
-          Component: () => import("./Settings-0ocB3qHk.mjs")
+          Component: () => import("./Settings-C9xvckgq.mjs")
         },
         {
           intlLabel: {
@@ -428,7 +430,7 @@ const index = {
           },
           id: "analytics",
           to: `/settings/${pluginId}/analytics`,
-          Component: () => import("./Analytics-mYu_uGwU.mjs")
+          Component: () => import("./Analytics-DTE_zmRV.mjs")
         },
         {
           intlLabel: {
@@ -437,7 +439,7 @@ const index = {
           },
           id: "license",
           to: `/settings/${pluginId}/license`,
-          Component: () => import("./License-C03C2j9P.mjs")
+          Component: () => import("./License-DaOFuImm.mjs")
         }
       ]
     );
@@ -455,7 +457,7 @@ const index = {
           defaultMessage: "Online Users"
         },
         component: async () => {
-          const component = await import("./OnlineUsersWidget-ArMl0nen.mjs");
+          const component = await import("./OnlineUsersWidget-CADphbXG.mjs");
           return component.default;
         },
         id: "online-users-widget",
@@ -481,11 +483,11 @@ const index = {
   },
   async registerTrads({ locales }) {
     const importedTrads = {
-      en: () => import("./en-CsPpPJL3.mjs"),
-      de: () => import("./de-CdO3s01z.mjs"),
-      es: () => import("./es-Dkmjhy9c.mjs"),
-      fr: () => import("./fr-Bssg_3UF.mjs"),
-      pt: () => import("./pt-BVNoNcuY.mjs")
+      en: () => import("./en-DzmOCyzQ.mjs"),
+      de: () => import("./de-CDA1V0rF.mjs"),
+      es: () => import("./es-Cx-SN6qV.mjs"),
+      fr: () => import("./fr-DXlXE5Eo.mjs"),
+      pt: () => import("./pt-zsdTSjba.mjs")
     };
     const translatedLanguages = Object.keys(importedTrads).filter(
       (lang) => locales.includes(lang)
@@ -506,6 +508,7 @@ const index = {
 };
 export {
   pluginId as a,
+  getTranslation as g,
   index as i,
   parseUserAgent as p
 };