strapi-plugin-magic-mark 1.1.0

package/dist/_chunks/index-B-Cc7QNW.mjs

@@ -0,0 +1,322 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Loader, Box, Alert, Flex, Typography, Button, Badge, Accordion } from "@strapi/design-system";
+import { useFetchClient, useNotification } from "@strapi/strapi/admin";
+import { ArrowClockwise, Duplicate, Download, User, Shield, Sparkle, ChartBubble } from "@strapi/icons";
+import styled, { keyframes } from "styled-components";
+const theme = {
+  colors: {
+    neutral: { 200: "#E5E7EB" }
+  },
+  shadows: { sm: "0 1px 3px rgba(0,0,0,0.1)" },
+  borderRadius: { lg: "12px" }
+};
+const fadeIn = keyframes`
+  from { opacity: 0; transform: translateY(10px); }
+  to { opacity: 1; transform: translateY(0); }
+`;
+const shimmer = keyframes`
+  0% { background-position: -200% 0; }
+  100% { background-position: 200% 0; }
+`;
+const Container = styled(Box)`
+  animation: ${fadeIn} 0.5s;
+  max-width: 1400px;
+  margin: 0 auto;
+`;
+const StickySaveBar = styled(Box)`
+  position: sticky;
+  top: 0;
+  z-index: 10;
+  background: white;
+  border-bottom: 1px solid ${theme.colors.neutral[200]};
+  box-shadow: ${theme.shadows.sm};
+`;
+const LicenseKeyBanner = styled(Box)`
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  border-radius: ${theme.borderRadius.lg};
+  padding: 28px 32px;
+  color: white;
+  position: relative;
+  overflow: hidden;
+  box-shadow: 0 4px 20px rgba(102, 126, 234, 0.25);
+  margin-bottom: 24px;
+  
+  &::after {
+    content: '';
+    position: absolute;
+    top: -50%;
+    right: -50%;
+    width: 200%;
+    height: 200%;
+    background: linear-gradient(
+      45deg,
+      transparent,
+      rgba(255, 255, 255, 0.08),
+      transparent
+    );
+    animation: ${shimmer} 3s infinite;
+    pointer-events: none;
+    z-index: 0;
+  }
+  
+  & > * {
+    position: relative;
+    z-index: 1;
+  }
+`;
+const LoaderContainer = styled(Flex)`
+  min-height: 400px;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: 16px;
+`;
+const LicensePage = () => {
+  const { get } = useFetchClient();
+  const { toggleNotification } = useNotification();
+  const [loading, setLoading] = useState(true);
+  const [licenseData, setLicenseData] = useState(null);
+  const [error, setError] = useState(null);
+  const fetchLicenseStatus = async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await get("/magic-mark/license/status");
+      setLicenseData(response.data);
+    } catch (err) {
+      console.error("Error fetching license:", err);
+      setError("Failed to load license information");
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleCopyLicenseKey = async () => {
+    try {
+      await navigator.clipboard.writeText(licenseData?.data?.licenseKey || "");
+      toggleNotification({
+        type: "success",
+        message: "License key copied to clipboard!"
+      });
+    } catch (err) {
+      toggleNotification({
+        type: "danger",
+        message: "Failed to copy license key"
+      });
+    }
+  };
+  const handleDownloadLicenseKey = () => {
+    try {
+      const data2 = licenseData?.data || {};
+      const licenseKey = data2.licenseKey || "";
+      const email = data2.email || "N/A";
+      const firstName = data2.firstName || "";
+      const lastName = data2.lastName || "";
+      const fullName = `${firstName} ${lastName}`.trim() || "N/A";
+      const content = `MagicMark Plugin License Key
+═══════════════════════════════════════
+
+License Key: ${licenseKey}
+
+License Holder Information:
+──────────────────────────────────────
+Name:        ${fullName}
+Email:       ${email}
+
+License Status:
+──────────────────────────────────────
+Status:      ${data2.isActive ? "ACTIVE" : "INACTIVE"}
+Expires:     ${data2.expiresAt ? new Date(data2.expiresAt).toLocaleDateString() : "Never"}
+
+═══════════════════════════════════════
+Generated:   ${(/* @__PURE__ */ new Date()).toLocaleString()}
+`;
+      const blob = new Blob([content], { type: "text/plain" });
+      const url = window.URL.createObjectURL(blob);
+      const link = document.createElement("a");
+      link.href = url;
+      link.download = `magicmark-license-${licenseKey.substring(0, 8)}.txt`;
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      window.URL.revokeObjectURL(url);
+      toggleNotification({
+        type: "success",
+        message: "License key downloaded successfully!"
+      });
+    } catch (err) {
+      toggleNotification({
+        type: "danger",
+        message: "Failed to download license key"
+      });
+    }
+  };
+  useEffect(() => {
+    fetchLicenseStatus();
+  }, []);
+  if (loading) {
+    return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(LoaderContainer, { children: /* @__PURE__ */ jsx(Loader, { children: "Loading license information..." }) }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Box, { padding: 8, children: /* @__PURE__ */ jsx(Alert, { variant: "danger", title: "Error", closeLabel: "Close", children: error }) }) });
+  }
+  const isValid = licenseData?.valid;
+  const isDemo = licenseData?.demo;
+  const data = licenseData?.data || {};
+  return /* @__PURE__ */ jsxs(Container, { children: [
+    /* @__PURE__ */ jsx(StickySaveBar, { paddingTop: 5, paddingBottom: 5, paddingLeft: 6, paddingRight: 6, children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
+      /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 1, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "alpha", fontWeight: "bold", children: "License Management" }),
+        /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: "View your MagicMark plugin license" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          startIcon: /* @__PURE__ */ jsx(ArrowClockwise, {}),
+          onClick: fetchLicenseStatus,
+          size: "L",
+          style: {
+            background: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
+            color: "white",
+            fontWeight: "600",
+            border: "none"
+          },
+          children: "Refresh Status"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxs(Box, { paddingTop: 6, paddingLeft: 6, paddingRight: 6, paddingBottom: 10, children: [
+      isDemo ? /* @__PURE__ */ jsx(Alert, { variant: "warning", title: "Demo Mode", closeLabel: "Close", children: "You're using the demo version. Create a license to unlock all features." }) : isValid ? /* @__PURE__ */ jsx(Alert, { variant: "success", title: "License Active", closeLabel: "Close", children: "Your license is active and all features are unlocked." }) : /* @__PURE__ */ jsx(Alert, { variant: "danger", title: "License Issue", closeLabel: "Close", children: "There's an issue with your license. Please check your license status." }),
+      data.licenseKey && /* @__PURE__ */ jsx(Box, { marginTop: 6, children: /* @__PURE__ */ jsx(LicenseKeyBanner, { children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "flex-start", children: [
+        /* @__PURE__ */ jsxs(Box, { style: { flex: 1 }, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "pi", style: { color: "rgba(255,255,255,0.8)", marginBottom: "12px", textTransform: "uppercase", fontSize: "11px", letterSpacing: "0.5px", display: "block" }, children: "License Key" }),
+          /* @__PURE__ */ jsx(Typography, { style: { color: "white", fontFamily: "monospace", fontSize: "28px", fontWeight: "bold", wordBreak: "break-all", marginBottom: "16px" }, children: data.licenseKey }),
+          /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: handleCopyLicenseKey,
+                startIcon: /* @__PURE__ */ jsx(Duplicate, {}),
+                size: "S",
+                variant: "secondary",
+                style: {
+                  backgroundColor: "rgba(255,255,255,0.2)",
+                  color: "white",
+                  border: "1px solid rgba(255,255,255,0.3)",
+                  fontWeight: "600"
+                },
+                children: "Copy Key"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: handleDownloadLicenseKey,
+                startIcon: /* @__PURE__ */ jsx(Download, {}),
+                size: "S",
+                variant: "secondary",
+                style: {
+                  backgroundColor: "rgba(255,255,255,0.2)",
+                  color: "white",
+                  border: "1px solid rgba(255,255,255,0.3)",
+                  fontWeight: "600"
+                },
+                children: "Download as TXT"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Badge,
+          {
+            backgroundColor: data.isActive ? "success100" : "danger100",
+            textColor: data.isActive ? "success700" : "danger700",
+            style: { fontSize: "11px", fontWeight: "700", padding: "6px 12px", marginLeft: "16px", flexShrink: 0 },
+            children: data.isActive ? "ACTIVE" : "INACTIVE"
+          }
+        )
+      ] }) }) }),
+      /* @__PURE__ */ jsx(Box, { marginTop: 6, children: /* @__PURE__ */ jsxs(Accordion.Root, { defaultValue: "account", collapsible: true, children: [
+        /* @__PURE__ */ jsxs(Accordion.Item, { value: "account", children: [
+          /* @__PURE__ */ jsx(Accordion.Header, { children: /* @__PURE__ */ jsx(Accordion.Trigger, { icon: User, children: "Account Information" }) }),
+          /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(Box, { padding: 6, children: /* @__PURE__ */ jsxs(Flex, { gap: 8, wrap: "wrap", children: [
+            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "200px" }, children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "Email Address" }),
+              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: data.email || "Not provided" })
+            ] }),
+            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "200px" }, children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "License Holder" }),
+              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: data.firstName && data.lastName ? `${data.firstName} ${data.lastName}` : "Not specified" })
+            ] })
+          ] }) }) })
+        ] }),
+        /* @__PURE__ */ jsxs(Accordion.Item, { value: "details", children: [
+          /* @__PURE__ */ jsx(Accordion.Header, { children: /* @__PURE__ */ jsx(Accordion.Trigger, { icon: Shield, children: "License Details" }) }),
+          /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(Box, { padding: 6, children: /* @__PURE__ */ jsxs(Flex, { gap: 8, wrap: "wrap", children: [
+            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "180px" }, children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: data.isExpired ? "Expired On" : "Expires On" }),
+              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: data.expiresAt ? new Date(data.expiresAt).toLocaleDateString("en-US", {
+                year: "numeric",
+                month: "long",
+                day: "numeric"
+              }) : "Never" })
+            ] }),
+            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "180px" }, children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "Device Name" }),
+              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: data.deviceName || "Unknown" })
+            ] }),
+            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "180px" }, children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "IP Address" }),
+              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: data.ipAddress || "Not detected" })
+            ] })
+          ] }) }) })
+        ] }),
+        /* @__PURE__ */ jsxs(Accordion.Item, { value: "features", children: [
+          /* @__PURE__ */ jsx(Accordion.Header, { children: /* @__PURE__ */ jsx(Accordion.Trigger, { icon: Sparkle, children: "Features & Capabilities" }) }),
+          /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(Box, { padding: 6, children: /* @__PURE__ */ jsxs(Flex, { gap: 8, wrap: "wrap", children: [
+            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "180px" }, children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "Premium Features" }),
+              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: data.features?.premium ? "✓ Enabled" : "✗ Disabled" })
+            ] }),
+            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "180px" }, children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "Advanced Features" }),
+              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: data.features?.advanced ? "✓ Enabled" : "✗ Disabled" })
+            ] }),
+            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "180px" }, children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "Enterprise Features" }),
+              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: data.features?.enterprise ? "✓ Enabled" : "✗ Disabled" })
+            ] })
+          ] }) }) })
+        ] }),
+        /* @__PURE__ */ jsxs(Accordion.Item, { value: "status", children: [
+          /* @__PURE__ */ jsx(Accordion.Header, { children: /* @__PURE__ */ jsx(Accordion.Trigger, { icon: ChartBubble, children: "System Status" }) }),
+          /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(Box, { padding: 6, children: /* @__PURE__ */ jsxs(Flex, { gap: 8, wrap: "wrap", children: [
+            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "150px" }, children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "License Status" }),
+              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: data.isActive ? "Active" : "Inactive" })
+            ] }),
+            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "150px" }, children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "Connection" }),
+              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: data.isOnline ? "Online" : "Offline" })
+            ] }),
+            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "150px" }, children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "Last Sync" }),
+              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: data.lastPingAt ? new Date(data.lastPingAt).toLocaleTimeString() : "Never" })
+            ] }),
+            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "150px" }, children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "Device Limit" }),
+              /* @__PURE__ */ jsxs(Typography, { variant: "omega", fontWeight: "semiBold", children: [
+                data.currentDevices || 0,
+                " / ",
+                data.maxDevices || 1
+              ] })
+            ] })
+          ] }) }) })
+        ] })
+      ] }) })
+    ] })
+  ] });
+};
+export {
+  LicensePage as default
+};

package/dist/_chunks/index-B11QBtag.js

@@ -0,0 +1,324 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const designSystem = require("@strapi/design-system");
+const admin = require("@strapi/strapi/admin");
+const icons = require("@strapi/icons");
+const styled = require("styled-components");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const styled__default = /* @__PURE__ */ _interopDefault(styled);
+const theme = {
+  colors: {
+    neutral: { 200: "#E5E7EB" }
+  },
+  shadows: { sm: "0 1px 3px rgba(0,0,0,0.1)" },
+  borderRadius: { lg: "12px" }
+};
+const fadeIn = styled.keyframes`
+  from { opacity: 0; transform: translateY(10px); }
+  to { opacity: 1; transform: translateY(0); }
+`;
+const shimmer = styled.keyframes`
+  0% { background-position: -200% 0; }
+  100% { background-position: 200% 0; }
+`;
+const Container = styled__default.default(designSystem.Box)`
+  animation: ${fadeIn} 0.5s;
+  max-width: 1400px;
+  margin: 0 auto;
+`;
+const StickySaveBar = styled__default.default(designSystem.Box)`
+  position: sticky;
+  top: 0;
+  z-index: 10;
+  background: white;
+  border-bottom: 1px solid ${theme.colors.neutral[200]};
+  box-shadow: ${theme.shadows.sm};
+`;
+const LicenseKeyBanner = styled__default.default(designSystem.Box)`
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  border-radius: ${theme.borderRadius.lg};
+  padding: 28px 32px;
+  color: white;
+  position: relative;
+  overflow: hidden;
+  box-shadow: 0 4px 20px rgba(102, 126, 234, 0.25);
+  margin-bottom: 24px;
+  
+  &::after {
+    content: '';
+    position: absolute;
+    top: -50%;
+    right: -50%;
+    width: 200%;
+    height: 200%;
+    background: linear-gradient(
+      45deg,
+      transparent,
+      rgba(255, 255, 255, 0.08),
+      transparent
+    );
+    animation: ${shimmer} 3s infinite;
+    pointer-events: none;
+    z-index: 0;
+  }
+  
+  & > * {
+    position: relative;
+    z-index: 1;
+  }
+`;
+const LoaderContainer = styled__default.default(designSystem.Flex)`
+  min-height: 400px;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: 16px;
+`;
+const LicensePage = () => {
+  const { get } = admin.useFetchClient();
+  const { toggleNotification } = admin.useNotification();
+  const [loading, setLoading] = React.useState(true);
+  const [licenseData, setLicenseData] = React.useState(null);
+  const [error, setError] = React.useState(null);
+  const fetchLicenseStatus = async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await get("/magic-mark/license/status");
+      setLicenseData(response.data);
+    } catch (err) {
+      console.error("Error fetching license:", err);
+      setError("Failed to load license information");
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleCopyLicenseKey = async () => {
+    try {
+      await navigator.clipboard.writeText(licenseData?.data?.licenseKey || "");
+      toggleNotification({
+        type: "success",
+        message: "License key copied to clipboard!"
+      });
+    } catch (err) {
+      toggleNotification({
+        type: "danger",
+        message: "Failed to copy license key"
+      });
+    }
+  };
+  const handleDownloadLicenseKey = () => {
+    try {
+      const data2 = licenseData?.data || {};
+      const licenseKey = data2.licenseKey || "";
+      const email = data2.email || "N/A";
+      const firstName = data2.firstName || "";
+      const lastName = data2.lastName || "";
+      const fullName = `${firstName} ${lastName}`.trim() || "N/A";
+      const content = `MagicMark Plugin License Key
+═══════════════════════════════════════
+
+License Key: ${licenseKey}
+
+License Holder Information:
+──────────────────────────────────────
+Name:        ${fullName}
+Email:       ${email}
+
+License Status:
+──────────────────────────────────────
+Status:      ${data2.isActive ? "ACTIVE" : "INACTIVE"}
+Expires:     ${data2.expiresAt ? new Date(data2.expiresAt).toLocaleDateString() : "Never"}
+
+═══════════════════════════════════════
+Generated:   ${(/* @__PURE__ */ new Date()).toLocaleString()}
+`;
+      const blob = new Blob([content], { type: "text/plain" });
+      const url = window.URL.createObjectURL(blob);
+      const link = document.createElement("a");
+      link.href = url;
+      link.download = `magicmark-license-${licenseKey.substring(0, 8)}.txt`;
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      window.URL.revokeObjectURL(url);
+      toggleNotification({
+        type: "success",
+        message: "License key downloaded successfully!"
+      });
+    } catch (err) {
+      toggleNotification({
+        type: "danger",
+        message: "Failed to download license key"
+      });
+    }
+  };
+  React.useEffect(() => {
+    fetchLicenseStatus();
+  }, []);
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsx(LoaderContainer, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { children: "Loading license information..." }) }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 8, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Alert, { variant: "danger", title: "Error", closeLabel: "Close", children: error }) }) });
+  }
+  const isValid = licenseData?.valid;
+  const isDemo = licenseData?.demo;
+  const data = licenseData?.data || {};
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(StickySaveBar, { paddingTop: 5, paddingBottom: 5, paddingLeft: 6, paddingRight: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 1, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "alpha", fontWeight: "bold", children: "License Management" }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", children: "View your MagicMark plugin license" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Button,
+        {
+          startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowClockwise, {}),
+          onClick: fetchLicenseStatus,
+          size: "L",
+          style: {
+            background: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
+            color: "white",
+            fontWeight: "600",
+            border: "none"
+          },
+          children: "Refresh Status"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { paddingTop: 6, paddingLeft: 6, paddingRight: 6, paddingBottom: 10, children: [
+      isDemo ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Alert, { variant: "warning", title: "Demo Mode", closeLabel: "Close", children: "You're using the demo version. Create a license to unlock all features." }) : isValid ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Alert, { variant: "success", title: "License Active", closeLabel: "Close", children: "Your license is active and all features are unlocked." }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Alert, { variant: "danger", title: "License Issue", closeLabel: "Close", children: "There's an issue with your license. Please check your license status." }),
+      data.licenseKey && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 6, children: /* @__PURE__ */ jsxRuntime.jsx(LicenseKeyBanner, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "flex-start", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: 1 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { color: "rgba(255,255,255,0.8)", marginBottom: "12px", textTransform: "uppercase", fontSize: "11px", letterSpacing: "0.5px", display: "block" }, children: "License Key" }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { style: { color: "white", fontFamily: "monospace", fontSize: "28px", fontWeight: "bold", wordBreak: "break-all", marginBottom: "16px" }, children: data.licenseKey }),
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Button,
+              {
+                onClick: handleCopyLicenseKey,
+                startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Duplicate, {}),
+                size: "S",
+                variant: "secondary",
+                style: {
+                  backgroundColor: "rgba(255,255,255,0.2)",
+                  color: "white",
+                  border: "1px solid rgba(255,255,255,0.3)",
+                  fontWeight: "600"
+                },
+                children: "Copy Key"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Button,
+              {
+                onClick: handleDownloadLicenseKey,
+                startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Download, {}),
+                size: "S",
+                variant: "secondary",
+                style: {
+                  backgroundColor: "rgba(255,255,255,0.2)",
+                  color: "white",
+                  border: "1px solid rgba(255,255,255,0.3)",
+                  fontWeight: "600"
+                },
+                children: "Download as TXT"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Badge,
+          {
+            backgroundColor: data.isActive ? "success100" : "danger100",
+            textColor: data.isActive ? "success700" : "danger700",
+            style: { fontSize: "11px", fontWeight: "700", padding: "6px 12px", marginLeft: "16px", flexShrink: 0 },
+            children: data.isActive ? "ACTIVE" : "INACTIVE"
+          }
+        )
+      ] }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Accordion.Root, { defaultValue: "account", collapsible: true, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Accordion.Item, { value: "account", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Trigger, { icon: icons.User, children: "Account Information" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 8, wrap: "wrap", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: "1", minWidth: "200px" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "Email Address" }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", children: data.email || "Not provided" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: "1", minWidth: "200px" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "License Holder" }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", children: data.firstName && data.lastName ? `${data.firstName} ${data.lastName}` : "Not specified" })
+            ] })
+          ] }) }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Accordion.Item, { value: "details", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Trigger, { icon: icons.Shield, children: "License Details" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 8, wrap: "wrap", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: "1", minWidth: "180px" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: data.isExpired ? "Expired On" : "Expires On" }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", children: data.expiresAt ? new Date(data.expiresAt).toLocaleDateString("en-US", {
+                year: "numeric",
+                month: "long",
+                day: "numeric"
+              }) : "Never" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: "1", minWidth: "180px" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "Device Name" }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", children: data.deviceName || "Unknown" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: "1", minWidth: "180px" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "IP Address" }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", children: data.ipAddress || "Not detected" })
+            ] })
+          ] }) }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Accordion.Item, { value: "features", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Trigger, { icon: icons.Sparkle, children: "Features & Capabilities" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 8, wrap: "wrap", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: "1", minWidth: "180px" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "Premium Features" }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", children: data.features?.premium ? "✓ Enabled" : "✗ Disabled" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: "1", minWidth: "180px" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "Advanced Features" }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", children: data.features?.advanced ? "✓ Enabled" : "✗ Disabled" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: "1", minWidth: "180px" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "Enterprise Features" }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", children: data.features?.enterprise ? "✓ Enabled" : "✗ Disabled" })
+            ] })
+          ] }) }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Accordion.Item, { value: "status", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Trigger, { icon: icons.ChartBubble, children: "System Status" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 8, wrap: "wrap", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: "1", minWidth: "150px" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "License Status" }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", children: data.isActive ? "Active" : "Inactive" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: "1", minWidth: "150px" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "Connection" }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", children: data.isOnline ? "Online" : "Offline" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: "1", minWidth: "150px" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "Last Sync" }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", children: data.lastPingAt ? new Date(data.lastPingAt).toLocaleTimeString() : "Never" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: "1", minWidth: "150px" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "Device Limit" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", children: [
+                data.currentDevices || 0,
+                " / ",
+                data.maxDevices || 1
+              ] })
+            ] })
+          ] }) }) })
+        ] })
+      ] }) })
+    ] })
+  ] });
+};
+exports.default = LicensePage;