strapi-plugin-magic-sessionmanager 3.7.0 → 4.0.0

package/README.md

@@ -300,6 +300,96 @@ Add to `config/plugins.ts`:
 
 ---
 
+## 📧 Email Alerts Setup (Premium)
+
+The Session Manager uses **Strapi's Email Plugin** to send notifications. You need to configure an email provider first.
+
+### Step 1: Install Email Provider
+
+Choose one of these providers:
+
+**Option A: Nodemailer (Recommended)**
+```bash
+npm install @strapi/provider-email-nodemailer
+```
+
+**Option B: SendGrid**
+```bash
+npm install @strapi/provider-email-sendgrid
+```
+
+**Option C: Mailgun**
+```bash
+npm install @strapi/provider-email-mailgun
+```
+
+### Step 2: Configure Email Plugin
+
+Add to `config/plugins.ts`:
+
+```typescript
+export default () => ({
+  // Email configuration
+  email: {
+    config: {
+      provider: 'nodemailer',
+      providerOptions: {
+        host: process.env.SMTP_HOST || 'smtp.gmail.com',
+        port: process.env.SMTP_PORT || 587,
+        auth: {
+          user: process.env.SMTP_USER,
+          pass: process.env.SMTP_PASSWORD,
+        },
+      },
+      settings: {
+        defaultFrom: process.env.SMTP_DEFAULT_FROM || 'noreply@yourapp.com',
+        defaultReplyTo: process.env.SMTP_DEFAULT_REPLY_TO || 'support@yourapp.com',
+      },
+    },
+  },
+  
+  // Session Manager configuration
+  'magic-sessionmanager': {
+    enabled: true,
+  },
+});
+```
+
+### Step 3: Add Environment Variables
+
+Add to your `.env` file:
+
+```env
+SMTP_HOST=smtp.gmail.com
+SMTP_PORT=587
+SMTP_USER=your-email@gmail.com
+SMTP_PASSWORD=your-app-password
+SMTP_DEFAULT_FROM=noreply@yourapp.com
+SMTP_DEFAULT_REPLY_TO=support@yourapp.com
+```
+
+**For Gmail:**
+- Use an [App Password](https://support.google.com/accounts/answer/185833), not your regular password!
+
+### Step 4: Enable in Admin Panel
+
+1. Go to **Sessions → Settings**
+2. Scroll to **"Email Notifications"**
+3. Toggle **"Enable Email Alerts"** to ON
+4. Customize email templates (optional)
+5. Click **Save**
+
+### Step 5: Test It
+
+Trigger a suspicious login (e.g., use a VPN) and check if the email arrives!
+
+**Troubleshooting:**
+- Check Strapi logs for email errors
+- Verify SMTP credentials are correct
+- Test SMTP connection with a tool like [smtp-tester](https://www.npmjs.com/package/smtp-tester)
+
+---
+
 ## 📋 Simple API Guide
 
 ### Get Sessions

package/admin/src/hooks/useLicense.js

@@ -60,7 +60,7 @@ export const useLicense = () => {
       if ((newIsPremium !== isPremium || !silent) && !silent) {
         console.log(`[magic-sessionmanager/useLicense] Premium Status: ${newIsPremium} (valid: ${isValid}, featurePremium: ${hasPremiumFeature})`);
         if (!newIsPremium && isValid) {
-          console.warn('[magic-sessionmanager/useLicense] ⚠️ License is valid but Premium feature is not enabled!');
+          console.warn('[magic-sessionmanager/useLicense] [WARN] License is valid but Premium feature is not enabled!');
         }
       }
       

package/admin/src/index.js

@@ -86,7 +86,7 @@ export default {
         id: 'online-users-widget',
         pluginId: pluginId,
       });
-      console.log(`[${pluginId}] ✅ Online Users Widget registered`);
+      console.log(`[${pluginId}] [SUCCESS] Online Users Widget registered`);
     }
   },
 
@@ -99,7 +99,7 @@ export default {
       if (contentManagerPlugin && contentManagerPlugin.apis) {
         console.log(`[${pluginId}] Injecting SessionInfoPanel into edit view sidebar...`);
         contentManagerPlugin.apis.addEditViewSidePanel([SessionInfoPanel]);
-        console.log(`[${pluginId}] ✅ SessionInfoPanel injected successfully`);
+        console.log(`[${pluginId}] [SUCCESS] SessionInfoPanel injected successfully`);
       } else {
         console.warn(`[${pluginId}] Content Manager plugin or APIs not available`);
       }

package/admin/src/pages/Settings.jsx

@@ -10,7 +10,6 @@ import {
   Checkbox,
   Alert,
   TextInput,
-  Textarea,
   Tabs,
   Divider,
   Badge,

package/admin/src/utils/parseUserAgent.js

@@ -41,7 +41,7 @@ export const parseUserAgent = (userAgent) => {
     browser = 'Opera';
   } else if (ua.includes('curl/')) {
     browser = 'cURL';
-    deviceIcon = '⚙️';
+    deviceIcon = 'gear';
     device = 'API Client';
   } else if (ua.includes('postman')) {
     browser = 'Postman';

package/dist/_chunks/{Analytics-Bi-vcT63.js → Analytics-ioaeEh-E.js}

@@ -6,8 +6,8 @@ const admin = require("@strapi/strapi/admin");
 const styled = require("styled-components");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
-const index = require("./index-Dr2HT-Dd.js");
-const useLicense = require("./useLicense-BL_3bX9O.js");
+const index = require("./index-DC8Y0qxx.js");
+const useLicense = require("./useLicense-qgGfMvse.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const theme = {

package/dist/_chunks/{Analytics-BM9i88xu.mjs → Analytics-mYu_uGwU.mjs}

@@ -4,8 +4,8 @@ import { useFetchClient } from "@strapi/strapi/admin";
 import styled, { css, keyframes } from "styled-components";
 import { Loader, Typography, Box, Flex, Badge } from "@strapi/design-system";
 import { ChartBubble, Crown, User, Clock, Monitor } from "@strapi/icons";
-import { a as pluginId } from "./index-DG9XeVSg.mjs";
-import { u as useLicense } from "./useLicense-DOkJX-tk.mjs";
+import { a as pluginId } from "./index-DBRS3kt5.mjs";
+import { u as useLicense } from "./useLicense-DSLL9n3Y.mjs";
 const theme = {
   colors: {
     primary: { 100: "#E0F2FE", 500: "#0EA5E9", 600: "#0284C7" },

package/dist/_chunks/{App-DcnJOCL9.mjs → App-BXpIS12l.mjs}

@@ -4,8 +4,8 @@ import { useFetchClient, useNotification } from "@strapi/strapi/admin";
 import styled, { css, keyframes } from "styled-components";
 import { Modal, Flex, Box, Typography, Badge, Divider, Button, Loader, SingleSelect, SingleSelectOption, Thead, Tr, Th, Tbody, Td, Table, TextInput } from "@strapi/design-system";
 import { Check, Information, Monitor, Server, Clock, Cross, Earth, Shield, Crown, Phone, Download, User, Eye, Trash, Search, Key } from "@strapi/icons";
-import { p as parseUserAgent, a as pluginId } from "./index-DG9XeVSg.mjs";
-import { u as useLicense } from "./useLicense-DOkJX-tk.mjs";
+import { p as parseUserAgent, a as pluginId } from "./index-DBRS3kt5.mjs";
+import { u as useLicense } from "./useLicense-DSLL9n3Y.mjs";
 import { useNavigate } from "react-router-dom";
 const TwoColumnGrid = styled.div`
   display: grid;

package/dist/_chunks/{App-BbiNy_cT.js → App-DdnUYWbC.js}

@@ -6,8 +6,8 @@ const admin = require("@strapi/strapi/admin");
 const styled = require("styled-components");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
-const index = require("./index-Dr2HT-Dd.js");
-const useLicense = require("./useLicense-BL_3bX9O.js");
+const index = require("./index-DC8Y0qxx.js");
+const useLicense = require("./useLicense-qgGfMvse.js");
 const reactRouterDom = require("react-router-dom");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);

package/dist/_chunks/{License-DsxP-MAL.mjs → License-C03C2j9P.mjs}

@@ -4,7 +4,7 @@ import { Loader, Box, Alert, Flex, Typography, Button, Badge, Accordion } from "
 import { useFetchClient, useNotification } from "@strapi/strapi/admin";
 import { ArrowClockwise, Duplicate, Download, User, Shield, Sparkle, ChartBubble } from "@strapi/icons";
 import styled, { css, keyframes } from "styled-components";
-import { a as pluginId } from "./index-DG9XeVSg.mjs";
+import { a as pluginId } from "./index-DBRS3kt5.mjs";
 const theme = {
   colors: {
     neutral: { 200: "#E5E7EB" }

package/dist/_chunks/{License-kYo8j2yl.js → License-DZYrOgcx.js}

@@ -6,7 +6,7 @@ const designSystem = require("@strapi/design-system");
 const admin = require("@strapi/strapi/admin");
 const icons = require("@strapi/icons");
 const styled = require("styled-components");
-const index = require("./index-Dr2HT-Dd.js");
+const index = require("./index-DC8Y0qxx.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const theme = {

package/dist/_chunks/{Settings-C3sW9eBD.mjs → Settings-0ocB3qHk.mjs}

@@ -4,8 +4,8 @@ import { Flex, Loader, Typography, Button, Box, Badge, Accordion, Grid, SingleSe
 import { useFetchClient, useNotification } from "@strapi/strapi/admin";
 import { Check, Information, Cog, Trash, Shield, Code, Duplicate, Mail } from "@strapi/icons";
 import styled, { css, keyframes } from "styled-components";
-import { a as pluginId } from "./index-DG9XeVSg.mjs";
-import { u as useLicense } from "./useLicense-DOkJX-tk.mjs";
+import { a as pluginId } from "./index-DBRS3kt5.mjs";
+import { u as useLicense } from "./useLicense-DSLL9n3Y.mjs";
 const theme = {
   colors: {
     primary: { 600: "#0284C7", 700: "#075985", 100: "#E0F2FE", 50: "#F0F9FF" },

package/dist/_chunks/{Settings-jW0TOE_d.js → Settings-C6_CqpCC.js}

@@ -6,8 +6,8 @@ const designSystem = require("@strapi/design-system");
 const admin = require("@strapi/strapi/admin");
 const icons = require("@strapi/icons");
 const styled = require("styled-components");
-const index = require("./index-Dr2HT-Dd.js");
-const useLicense = require("./useLicense-BL_3bX9O.js");
+const index = require("./index-DC8Y0qxx.js");
+const useLicense = require("./useLicense-qgGfMvse.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const theme = {

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

@@ -50,7 +50,7 @@ const parseUserAgent = (userAgent) => {
     browser = "Opera";
   } else if (ua.includes("curl/")) {
     browser = "cURL";
-    deviceIcon = "⚙️";
+    deviceIcon = "gear";
     device = "API Client";
   } else if (ua.includes("postman")) {
     browser = "Postman";
@@ -403,7 +403,7 @@ const index = {
         id: `${pluginId}.plugin.name`,
         defaultMessage: pluginPkg.strapi.displayName
       },
-      Component: () => import("./App-DcnJOCL9.mjs")
+      Component: () => import("./App-BXpIS12l.mjs")
     });
     app.createSettingSection(
       {
@@ -419,7 +419,7 @@ const index = {
           },
           id: "general",
           to: `/settings/${pluginId}/general`,
-          Component: () => import("./Settings-C3sW9eBD.mjs")
+          Component: () => import("./Settings-0ocB3qHk.mjs")
         },
         {
           intlLabel: {
@@ -428,7 +428,7 @@ const index = {
           },
           id: "analytics",
           to: `/settings/${pluginId}/analytics`,
-          Component: () => import("./Analytics-BM9i88xu.mjs")
+          Component: () => import("./Analytics-mYu_uGwU.mjs")
         },
         {
           intlLabel: {
@@ -437,7 +437,7 @@ const index = {
           },
           id: "license",
           to: `/settings/${pluginId}/license`,
-          Component: () => import("./License-DsxP-MAL.mjs")
+          Component: () => import("./License-C03C2j9P.mjs")
         }
       ]
     );
@@ -461,7 +461,7 @@ const index = {
         id: "online-users-widget",
         pluginId
       });
-      console.log(`[${pluginId}] ✅ Online Users Widget registered`);
+      console.log(`[${pluginId}] [SUCCESS] Online Users Widget registered`);
     }
   },
   bootstrap(app) {
@@ -471,7 +471,7 @@ const index = {
       if (contentManagerPlugin && contentManagerPlugin.apis) {
         console.log(`[${pluginId}] Injecting SessionInfoPanel into edit view sidebar...`);
         contentManagerPlugin.apis.addEditViewSidePanel([SessionInfoPanel]);
-        console.log(`[${pluginId}] ✅ SessionInfoPanel injected successfully`);
+        console.log(`[${pluginId}] [SUCCESS] SessionInfoPanel injected successfully`);
       } else {
         console.warn(`[${pluginId}] Content Manager plugin or APIs not available`);
       }

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

@@ -51,7 +51,7 @@ const parseUserAgent = (userAgent) => {
     browser = "Opera";
   } else if (ua.includes("curl/")) {
     browser = "cURL";
-    deviceIcon = "⚙️";
+    deviceIcon = "gear";
     device = "API Client";
   } else if (ua.includes("postman")) {
     browser = "Postman";
@@ -404,7 +404,7 @@ const index = {
         id: `${pluginId}.plugin.name`,
         defaultMessage: pluginPkg.strapi.displayName
       },
-      Component: () => Promise.resolve().then(() => require("./App-BbiNy_cT.js"))
+      Component: () => Promise.resolve().then(() => require("./App-DdnUYWbC.js"))
     });
     app.createSettingSection(
       {
@@ -420,7 +420,7 @@ const index = {
           },
           id: "general",
           to: `/settings/${pluginId}/general`,
-          Component: () => Promise.resolve().then(() => require("./Settings-jW0TOE_d.js"))
+          Component: () => Promise.resolve().then(() => require("./Settings-C6_CqpCC.js"))
         },
         {
           intlLabel: {
@@ -429,7 +429,7 @@ const index = {
           },
           id: "analytics",
           to: `/settings/${pluginId}/analytics`,
-          Component: () => Promise.resolve().then(() => require("./Analytics-Bi-vcT63.js"))
+          Component: () => Promise.resolve().then(() => require("./Analytics-ioaeEh-E.js"))
         },
         {
           intlLabel: {
@@ -438,7 +438,7 @@ const index = {
           },
           id: "license",
           to: `/settings/${pluginId}/license`,
-          Component: () => Promise.resolve().then(() => require("./License-kYo8j2yl.js"))
+          Component: () => Promise.resolve().then(() => require("./License-DZYrOgcx.js"))
         }
       ]
     );
@@ -462,7 +462,7 @@ const index = {
         id: "online-users-widget",
         pluginId
       });
-      console.log(`[${pluginId}] ✅ Online Users Widget registered`);
+      console.log(`[${pluginId}] [SUCCESS] Online Users Widget registered`);
     }
   },
   bootstrap(app) {
@@ -472,7 +472,7 @@ const index = {
       if (contentManagerPlugin && contentManagerPlugin.apis) {
         console.log(`[${pluginId}] Injecting SessionInfoPanel into edit view sidebar...`);
         contentManagerPlugin.apis.addEditViewSidePanel([SessionInfoPanel]);
-        console.log(`[${pluginId}] ✅ SessionInfoPanel injected successfully`);
+        console.log(`[${pluginId}] [SUCCESS] SessionInfoPanel injected successfully`);
       } else {
         console.warn(`[${pluginId}] Content Manager plugin or APIs not available`);
       }

package/dist/_chunks/{useLicense-DOkJX-tk.mjs → useLicense-DSLL9n3Y.mjs}

@@ -1,6 +1,6 @@
 import { useState, useEffect } from "react";
 import { useFetchClient } from "@strapi/strapi/admin";
-import { a as pluginId } from "./index-DG9XeVSg.mjs";
+import { a as pluginId } from "./index-DBRS3kt5.mjs";
 const useLicense = () => {
   const { get } = useFetchClient();
   const [isPremium, setIsPremium] = useState(false);
@@ -43,7 +43,7 @@ const useLicense = () => {
       if ((newIsPremium !== isPremium || !silent) && !silent) {
         console.log(`[magic-sessionmanager/useLicense] Premium Status: ${newIsPremium} (valid: ${isValid}, featurePremium: ${hasPremiumFeature})`);
         if (!newIsPremium && isValid) {
-          console.warn("[magic-sessionmanager/useLicense] ⚠️ License is valid but Premium feature is not enabled!");
+          console.warn("[magic-sessionmanager/useLicense] [WARN] License is valid but Premium feature is not enabled!");
         }
       }
       setIsPremium(newIsPremium);

package/dist/_chunks/{useLicense-BL_3bX9O.js → useLicense-qgGfMvse.js}

@@ -1,7 +1,7 @@
 "use strict";
 const react = require("react");
 const admin = require("@strapi/strapi/admin");
-const index = require("./index-Dr2HT-Dd.js");
+const index = require("./index-DC8Y0qxx.js");
 const useLicense = () => {
   const { get } = admin.useFetchClient();
   const [isPremium, setIsPremium] = react.useState(false);
@@ -44,7 +44,7 @@ const useLicense = () => {
       if ((newIsPremium !== isPremium || !silent) && !silent) {
         console.log(`[magic-sessionmanager/useLicense] Premium Status: ${newIsPremium} (valid: ${isValid}, featurePremium: ${hasPremiumFeature})`);
         if (!newIsPremium && isValid) {
-          console.warn("[magic-sessionmanager/useLicense] ⚠️ License is valid but Premium feature is not enabled!");
+          console.warn("[magic-sessionmanager/useLicense] [WARN] License is valid but Premium feature is not enabled!");
         }
       }
       setIsPremium(newIsPremium);

package/dist/admin/index.js

@@ -1,3 +1,3 @@
 "use strict";
-const index = require("../_chunks/index-Dr2HT-Dd.js");
+const index = require("../_chunks/index-DC8Y0qxx.js");
 module.exports = index.index;

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import { i } from "../_chunks/index-DG9XeVSg.mjs";
+import { i } from "../_chunks/index-DBRS3kt5.mjs";
 export {
   i as default
 };