strapi-plugin-magic-mail 2.10.11 → 3.0.0

package/dist/{_chunks/App-CInlcJMb.js → admin/App-BhDvUsMa.js}

@@ -8,7 +8,7 @@ const admin = require("@strapi/strapi/admin");
 const outline = require("@heroicons/react/24/outline");
 const styled = require("styled-components");
 const icons = require("@strapi/icons");
-const StyledButtons = require("./StyledButtons-DVGuFoqy.js");
+const StyledButtons = require("./StyledButtons-jHF7TXal.js");
 const ReactEmailEditor = require("react-email-editor");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 function _interopNamespace(e) {
@@ -84,7 +84,7 @@ const theme$3 = {
     xl: "16px"
   }
 };
-const fadeIn$6 = styled.keyframes`
+const fadeIn$5 = styled.keyframes`
   from {
     opacity: 0;
     transform: translateY(10px);
@@ -130,7 +130,7 @@ const StepHeader = styled__default.default(designSystem.Box)`
   padding-bottom: 24px;
   margin-bottom: 32px;
   position: relative;
-  animation: ${fadeIn$6} 0.4s ease;
+  animation: ${fadeIn$5} 0.4s ease;
   
   &::after {
     content: '';
@@ -225,7 +225,7 @@ const ProviderCategoryHeader = styled__default.default(designSystem.Box)`
   align-items: center;
   gap: 12px;
   margin: 0 0 16px;
-  animation: ${fadeIn$6} 0.4s ease;
+  animation: ${fadeIn$5} 0.4s ease;
 
   &::after {
     content: '';
@@ -367,7 +367,7 @@ const ProviderTagline = styled__default.default(designSystem.Typography)`
 const InfoAlert = styled__default.default(designSystem.Alert)`
   background: ${colors$1.primaryLight};
   border: 1px solid ${colors$1.primary}33;
-  animation: ${fadeIn$6} 0.4s ease;
+  animation: ${fadeIn$5} 0.4s ease;
   
   svg {
     color: ${colors$1.primary};
@@ -1231,7 +1231,9 @@ const AddAccountModal = ({ isOpen, onClose, onAccountAdded, editAccount = null }
                     designSystem.Toggle,
                     {
                       checked: formData.secure,
-                      onChange: () => handleChange("secure", !formData.secure)
+                      onChange: () => handleChange("secure", !formData.secure),
+                      onLabel: "Enabled",
+                      offLabel: "Disabled"
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 1, style: { flex: 1 }, children: [
@@ -1865,7 +1867,9 @@ const AddAccountModal = ({ isOpen, onClose, onAccountAdded, editAccount = null }
                 designSystem.Toggle,
                 {
                   checked: formData.isActive,
-                  onChange: () => handleChange("isActive", !formData.isActive)
+                  onChange: () => handleChange("isActive", !formData.isActive),
+                  onLabel: "Active",
+                  offLabel: "Inactive"
                 }
               ) }),
               /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: 1 }, children: [
@@ -1897,7 +1901,9 @@ const AddAccountModal = ({ isOpen, onClose, onAccountAdded, editAccount = null }
                 designSystem.Toggle,
                 {
                   checked: formData.isPrimary,
-                  onChange: () => handleChange("isPrimary", !formData.isPrimary)
+                  onChange: () => handleChange("isPrimary", !formData.isPrimary),
+                  onLabel: "Primary",
+                  offLabel: "Off"
                 }
               ) }),
               /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: 1 }, children: [
@@ -1945,7 +1951,7 @@ const AddAccountModal = ({ isOpen, onClose, onAccountAdded, editAccount = null }
     ] }) })
   ] }) });
 };
-const fadeIn$5 = styled.keyframes`
+const fadeIn$4 = styled.keyframes`
   from { opacity: 0; transform: translateY(10px); }
   to { opacity: 1; transform: translateY(0); }
 `;
@@ -1973,7 +1979,7 @@ const breakpoints$3 = {
   mobile: "768px"
 };
 const Container$4 = styled__default.default(designSystem.Box)`
-  ${styled.css`animation: ${fadeIn$5} ${theme$3.transitions.slow};`}
+  ${styled.css`animation: ${fadeIn$4} ${theme$3.transitions.slow};`}
   min-height: 100vh;
   max-width: 1440px;
   margin: 0 auto;
@@ -2091,7 +2097,7 @@ const StatCard$3 = styled__default.default(designSystem.Box)`
   position: relative;
   overflow: hidden;
   transition: all ${theme$3.transitions.normal};
-  ${styled.css`animation: ${fadeIn$5} ${theme$3.transitions.slow} backwards;`}
+  ${styled.css`animation: ${fadeIn$4} ${theme$3.transitions.slow} backwards;`}
   animation-delay: ${(props) => props.$delay || "0s"};
   box-shadow: ${theme$3.shadows.sm};
   border: 1px solid rgba(128, 128, 128, 0.2);
@@ -2979,7 +2985,7 @@ const theme$2 = {
     xl: "16px"
   }
 };
-const fadeIn$4 = styled.keyframes`
+const fadeIn$3 = styled.keyframes`
   from { opacity: 0; transform: translateY(10px); }
   to { opacity: 1; transform: translateY(0); }
 `;
@@ -3007,7 +3013,7 @@ const breakpoints$2 = {
   mobile: "768px"
 };
 const Container$3 = styled__default.default(designSystem.Box)`
-  ${styled.css`animation: ${fadeIn$4} ${theme$2.transitions.slow};`}
+  ${styled.css`animation: ${fadeIn$3} ${theme$2.transitions.slow};`}
   min-height: 100vh;
   max-width: 1440px;
   margin: 0 auto;
@@ -3125,7 +3131,7 @@ const StatCard$2 = styled__default.default(designSystem.Box)`
   position: relative;
   overflow: hidden;
   transition: all ${theme$2.transitions.normal};
-  ${styled.css`animation: ${fadeIn$4} ${theme$2.transitions.slow} backwards;`}
+  ${styled.css`animation: ${fadeIn$3} ${theme$2.transitions.slow} backwards;`}
   animation-delay: ${(props) => props.$delay || "0s"};
   box-shadow: ${theme$2.shadows.sm};
   border: 1px solid rgba(128, 128, 128, 0.2);
@@ -3577,13 +3583,13 @@ const RoutingRulesPage = () => {
             /* @__PURE__ */ jsxRuntime.jsx(
               StyledButtons.IconButtonDanger,
               {
-                onClick: () => deleteRule(rule.id, rule.name),
+                onClick: () => deleteRule(rule.documentId || rule.id, rule.name),
                 "aria-label": "Delete Rule",
                 children: /* @__PURE__ */ jsxRuntime.jsx(outline.TrashIcon, {})
               }
             )
           ] }) })
-        ] }, rule.id)) })
+        ] }, rule.documentId || rule.id)) })
       ] }) }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 8, style: { textAlign: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", textColor: "neutral600", children: "No rules found matching your filters" }) })
     ] }),
     (showModal || editingRule) && /* @__PURE__ */ jsxRuntime.jsx(
@@ -3623,7 +3629,7 @@ const RuleModal = ({ rule, accounts, onClose, onSave }) => {
     setLoading(true);
     try {
       if (isEditMode) {
-        await put(`/magic-mail/routing-rules/${rule.id}`, formData);
+        await put(`/magic-mail/routing-rules/${rule.documentId || rule.id}`, formData);
         toggleNotification({
           type: "success",
           message: "Routing rule updated successfully"
@@ -3786,7 +3792,9 @@ const RuleModal = ({ rule, accounts, onClose, onSave }) => {
               designSystem.Toggle,
               {
                 checked: formData.whatsappFallback,
-                onChange: () => handleChange("whatsappFallback", !formData.whatsappFallback)
+                onChange: () => handleChange("whatsappFallback", !formData.whatsappFallback),
+                onLabel: "Enabled",
+                offLabel: "Disabled"
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: 1 }, children: [
@@ -3830,7 +3838,9 @@ const RuleModal = ({ rule, accounts, onClose, onSave }) => {
               designSystem.Toggle,
               {
                 checked: formData.isActive,
-                onChange: () => handleChange("isActive", !formData.isActive)
+                onChange: () => handleChange("isActive", !formData.isActive),
+                onLabel: "Active",
+                offLabel: "Inactive"
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: 1 }, children: [
@@ -3867,124 +3877,6 @@ const RuleModal = ({ rule, accounts, onClose, onSave }) => {
     ] }) })
   ] }) });
 };
-const useLicense = () => {
-  const { get } = admin.useFetchClient();
-  const [isPremium, setIsPremium] = React.useState(false);
-  const [isAdvanced, setIsAdvanced] = React.useState(false);
-  const [isEnterprise, setIsEnterprise] = React.useState(false);
-  const [loading, setLoading] = React.useState(true);
-  const [error, setError] = React.useState(null);
-  const [licenseData, setLicenseData] = React.useState(null);
-  React.useEffect(() => {
-    let mounted = true;
-    const fetchLicense = async () => {
-      if (mounted) {
-        await checkLicense();
-      }
-    };
-    fetchLicense();
-    const interval = setInterval(() => {
-      if (mounted) {
-        checkLicense(true);
-      }
-    }, 60 * 60 * 1e3);
-    return () => {
-      mounted = false;
-      clearInterval(interval);
-    };
-  }, []);
-  const checkLicense = async (silent = false) => {
-    if (!silent) {
-      setLoading(true);
-    }
-    try {
-      const response = await get("/magic-mail/license/status");
-      const isValid = response.data?.valid || false;
-      const hasPremiumFeature = response.data?.data?.features?.premium || false;
-      const hasAdvancedFeature = response.data?.data?.features?.advanced || false;
-      const hasEnterpriseFeature = response.data?.data?.features?.enterprise || false;
-      setIsPremium(isValid && hasPremiumFeature);
-      setIsAdvanced(isValid && hasAdvancedFeature);
-      setIsEnterprise(isValid && hasEnterpriseFeature);
-      setLicenseData(response.data?.data || null);
-      setError(null);
-    } catch (err) {
-      if (err.name === "AbortError") {
-        return;
-      }
-      if (!silent) {
-        console.error("[MagicMail] License check error:", err);
-      }
-      setIsPremium(false);
-      setIsAdvanced(false);
-      setIsEnterprise(false);
-      setLicenseData(null);
-      setError(err);
-    } finally {
-      if (!silent) {
-        setLoading(false);
-      }
-    }
-  };
-  const hasFeature = (featureName) => {
-    if (!featureName) return false;
-    const freeFeatures = [
-      "basic-smtp",
-      "oauth-gmail",
-      "oauth-microsoft",
-      "oauth-yahoo",
-      "basic-routing",
-      "email-logging",
-      "account-testing",
-      "strapi-service-override",
-      "email-designer-basic"
-    ];
-    if (freeFeatures.includes(featureName)) return true;
-    const premiumFeatures = [
-      "email-designer-templates"
-    ];
-    if (premiumFeatures.includes(featureName) && isPremium) return true;
-    const advancedFeatures = [
-      "sendgrid",
-      "mailgun",
-      "dkim-signing",
-      "priority-headers",
-      "list-unsubscribe",
-      "security-validation",
-      "analytics-dashboard",
-      "advanced-routing",
-      "email-designer-versioning",
-      "email-designer-import-export"
-    ];
-    if (advancedFeatures.includes(featureName) && isAdvanced) return true;
-    const enterpriseFeatures = [
-      "multi-tenant",
-      "compliance-reports",
-      "custom-security-rules",
-      "priority-support",
-      "email-designer-custom-blocks",
-      "email-designer-team-library",
-      "email-designer-a-b-testing"
-    ];
-    if (enterpriseFeatures.includes(featureName) && isEnterprise) return true;
-    return false;
-  };
-  return {
-    isPremium,
-    isAdvanced,
-    isEnterprise,
-    loading,
-    error,
-    licenseData,
-    features: {
-      premium: isPremium,
-      advanced: isAdvanced,
-      enterprise: isEnterprise
-    },
-    hasFeature,
-    refetch: checkLicense
-  };
-};
 const theme$1 = {
   shadows: {
     sm: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)",
@@ -3996,7 +3888,7 @@ const theme$1 = {
   spacing: { xs: "4px", sm: "8px", md: "16px", lg: "24px", xl: "32px", "2xl": "48px" },
   borderRadius: { md: "8px", lg: "12px", xl: "16px" }
 };
-const fadeIn$3 = styled.keyframes`
+const fadeIn$2 = styled.keyframes`
   from { opacity: 0; transform: translateY(10px); }
   to { opacity: 1; transform: translateY(0); }
 `;
@@ -4150,7 +4042,7 @@ const CopyButton = styled__default.default(designSystem.Button)`
     height: 14px;
   }
 `;
-const InfoBox$2 = styled__default.default(designSystem.Box)`
+const InfoBox$1 = styled__default.default(designSystem.Box)`
   background: linear-gradient(135deg, ${"rgba(2, 132, 199, 0.06)"}, ${"rgba(2, 132, 199, 0.12)"});
   border-left: 4px solid ${"var(--colors-primary600, #0EA5E9)"};
   border-radius: 8px;
@@ -4167,37 +4059,12 @@ const WarningBox = styled__default.default(designSystem.Box)`
   align-items: center;
   gap: 8px;
 `;
-const LimitWarning = styled__default.default(designSystem.Box)`
-  background: linear-gradient(135deg, ${"rgba(234, 179, 8, 0.06)"}, rgba(251, 191, 36, 0.1));
-  border: 1px solid rgba(234, 179, 8, 0.2);
-  border-radius: 12px;
-  padding: 16px;
-  margin-bottom: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-`;
-const UpgradeButton = styled__default.default(designSystem.Button)`
-  background: linear-gradient(135deg, ${"var(--colors-warning600, #F59E0B)"}, ${"var(--colors-warning600, #D97706)"});
-  color: white;
-  font-weight: 600;
-  padding: 8px 16px;
-  font-size: 13px;
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  
-  &:hover {
-    background: linear-gradient(135deg, ${"var(--colors-warning600, #D97706)"}, ${"var(--colors-warning600, #A16207)"});
-    transform: translateY(-1px);
-  }
-`;
 const breakpoints$1 = {
   mobile: "768px",
   tablet: "1024px"
 };
 const Container$2 = styled__default.default(designSystem.Box)`
-  ${styled.css`animation: ${fadeIn$3} ${theme$1.transitions.slow};`}
+  ${styled.css`animation: ${fadeIn$2} ${theme$1.transitions.slow};`}
   min-height: 100vh;
   max-width: 1440px;
   margin: 0 auto;
@@ -4310,7 +4177,7 @@ const StatCard$1 = styled__default.default(designSystem.Box)`
   position: relative;
   overflow: hidden;
   transition: all ${theme$1.transitions.normal};
-  ${styled.css`animation: ${fadeIn$3} ${theme$1.transitions.slow} backwards;`}
+  ${styled.css`animation: ${fadeIn$2} ${theme$1.transitions.slow} backwards;`}
   animation-delay: ${(props) => props.$delay || "0s"};
   box-shadow: ${theme$1.shadows.sm};
   border: 1px solid rgba(128, 128, 128, 0.2);
@@ -4505,9 +4372,9 @@ const PaginationWrapper = styled__default.default(designSystem.Flex)`
   border-radius: 0 0 ${theme$1.borderRadius.lg} ${theme$1.borderRadius.lg};
 `;
 const PaginationButton = styled__default.default.button`
-  background: ${(props) => props.active ? "linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-secondary500, #A855F7) 100%)" : "${(p) => p.theme.colors.neutral0}"};
-  color: ${(props) => props.active ? "white" : "var(--colors-neutral700)"};
-  border: 1px solid ${(props) => props.active ? "transparent" : "rgba(128, 128, 128, 0.3)"};
+  background: ${(props) => props.$active ? "linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-secondary500, #A855F7) 100%)" : props.theme.colors.neutral0};
+  color: ${(props) => props.$active ? "white" : "var(--colors-neutral700)"};
+  border: 1px solid ${(props) => props.$active ? "transparent" : "rgba(128, 128, 128, 0.3)"};
   padding: 6px 12px;
   min-width: 36px;
   height: 36px;
@@ -4518,8 +4385,8 @@ const PaginationButton = styled__default.default.button`
   transition: all 0.2s ease;
   
   &:hover:not(:disabled) {
-    background: ${(props) => props.active ? "linear-gradient(135deg, var(--colors-primary700, #0284C7) 0%, var(--colors-secondary600, #9333EA) 100%)" : "var(--colors-neutral100)"};
-    border-color: ${(props) => props.active ? "transparent" : "rgba(128, 128, 128, 0.4)"};
+    background: ${(props) => props.$active ? "linear-gradient(135deg, var(--colors-primary700, #0284C7) 0%, var(--colors-secondary600, #9333EA) 100%)" : "var(--colors-neutral100)"};
+    border-color: ${(props) => props.$active ? "transparent" : "rgba(128, 128, 128, 0.4)"};
   }
   
   &:disabled {
@@ -4739,7 +4606,6 @@ const TemplateList = () => {
   const { get, del, post } = admin.useFetchClient();
   const { toggleNotification } = admin.useNotification();
   const navigate = reactRouterDom.useNavigate();
-  useLicense();
   useAuthRefresh();
   const [templates, setTemplates] = React.useState([]);
   const [stats, setStats] = React.useState(null);
@@ -4749,7 +4615,6 @@ const TemplateList = () => {
   const [showCodeExample, setShowCodeExample] = React.useState(false);
   const [selectedTemplate, setSelectedTemplate] = React.useState(null);
   const [copiedCode, setCopiedCode] = React.useState(null);
-  const [limits, setLimits] = React.useState(null);
   const [showTestSendModal, setShowTestSendModal] = React.useState(false);
   const [testEmail, setTestEmail] = React.useState("");
   const [currentPage, setCurrentPage] = React.useState(1);
@@ -4771,7 +4636,6 @@ const TemplateList = () => {
   ];
   React.useEffect(() => {
     fetchData();
-    fetchLimits();
     fetchAccounts();
   }, []);
   const fetchData = async () => {
@@ -4789,24 +4653,6 @@ const TemplateList = () => {
       setLoading(false);
     }
   };
-  const fetchLimits = async () => {
-    try {
-      const response = await get("/magic-mail/license/limits");
-      console.log("[DEBUG] License limits response:", response.data);
-      try {
-        const debugResponse = await get("/magic-mail/license/debug");
-        console.log("[DEBUG] License debug data:", debugResponse.data);
-      } catch (debugError) {
-        console.error("[DEBUG] Failed to fetch debug data:", debugError);
-      }
-      setLimits({
-        ...response.data?.limits,
-        tier: response.data?.tier || "free"
-      });
-    } catch (error) {
-      console.error("Failed to fetch license limits:", error);
-    }
-  };
   const fetchAccounts = async () => {
     try {
       const response = await get("/magic-mail/accounts");
@@ -4850,38 +4696,6 @@ const TemplateList = () => {
       });
     }
   };
-  const getTierInfo = () => {
-    const tier = limits?.tier || "free";
-    const tierInfo = {
-      free: {
-        name: "FREE",
-        color: "neutral",
-        next: "PREMIUM",
-        nextTemplates: 50,
-        features: ["10 Templates", "1 Account", "Import/Export"]
-      },
-      premium: {
-        name: "PREMIUM",
-        color: "secondary",
-        next: "ADVANCED",
-        nextTemplates: 200,
-        features: ["50 Templates", "5 Accounts", "Versioning", "Basic Analytics"]
-      },
-      advanced: {
-        name: "ADVANCED",
-        color: "primary",
-        next: "ENTERPRISE",
-        nextTemplates: -1,
-        features: ["200 Templates", "Unlimited Accounts", "Advanced Analytics", "API Integrations"]
-      },
-      enterprise: {
-        name: "ENTERPRISE",
-        color: "warning",
-        features: ["Unlimited Everything", "Priority Support", "Custom Features", "SLA"]
-      }
-    };
-    return tierInfo[tier] || tierInfo.free;
-  };
   const fetchTemplates = async () => {
     try {
       const response = await get("/magic-mail/designer/templates");
@@ -4966,23 +4780,6 @@ const TemplateList = () => {
     setTimeout(() => setCopiedCode(null), 2e3);
   };
   const handleCreateTemplate = () => {
-    if (limits?.emailTemplates && !limits.emailTemplates.canCreate) {
-      const max = limits.emailTemplates.max;
-      let upgradeMessage = "";
-      if (max === 10) {
-        upgradeMessage = `You've reached the FREE tier limit of ${max} templates. Upgrade to PREMIUM for 50 templates, versioning, and more!`;
-      } else if (max === 50) {
-        upgradeMessage = `You've reached the PREMIUM tier limit of ${max} templates. Upgrade to ADVANCED for 200 templates and advanced features!`;
-      } else if (max === 200) {
-        upgradeMessage = `You've reached the ADVANCED tier limit of ${max} templates. Upgrade to ENTERPRISE for unlimited templates!`;
-      }
-      toggleNotification({
-        type: "warning",
-        title: "🚀 Time to Upgrade!",
-        message: upgradeMessage
-      });
-      return;
-    }
     navigate("/plugins/magic-mail/designer/new");
   };
   const handleExport = async () => {
@@ -5000,7 +4797,7 @@ const TemplateList = () => {
     } catch (error) {
       toggleNotification({
         type: "danger",
-        message: error.response?.data?.message || "Export failed"
+        message: error.response?.data?.error?.message || error.response?.data?.message || "Export failed"
       });
     }
   };
@@ -5023,7 +4820,10 @@ const TemplateList = () => {
       fetchTemplates();
       fetchStats();
     } catch (error) {
-      toggleNotification({ type: "danger", message: "Import failed" });
+      toggleNotification({
+        type: "danger",
+        message: error.response?.data?.error?.message || error.response?.data?.message || "Import failed"
+      });
     }
   };
   const getCategoryBadge = (category) => {
@@ -5052,31 +4852,12 @@ const TemplateList = () => {
         /* @__PURE__ */ jsxRuntime.jsx(outline.DocumentTextIcon, {}),
         "Email Templates"
       ] }) }),
-      stats && limits && /* @__PURE__ */ jsxRuntime.jsx(Subtitle$1, { variant: "epsilon", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: "8px" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-          stats.total,
-          " template",
-          stats.total !== 1 ? "s" : "",
-          " created"
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { style: { opacity: 0.8 }, children: "•" }),
-        !limits.emailTemplates.unlimited ? /* @__PURE__ */ jsxRuntime.jsxs("span", { style: {
-          background: "rgba(255, 255, 255, 0.2)",
-          padding: "2px 10px",
-          borderRadius: "12px",
-          fontWeight: "600"
-        }, children: [
-          limits.emailTemplates.max - limits.emailTemplates.current,
-          " of ",
-          limits.emailTemplates.max,
-          " slots remaining"
-        ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: {
-          background: "rgba(255, 255, 255, 0.2)",
-          padding: "2px 10px",
-          borderRadius: "12px",
-          fontWeight: "600"
-        }, children: "Unlimited templates" })
-      ] }) })
+      stats && /* @__PURE__ */ jsxRuntime.jsx(Subtitle$1, { variant: "epsilon", children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { display: "inline-flex", alignItems: "center", gap: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        stats.total,
+        " template",
+        stats.total !== 1 ? "s" : "",
+        " created"
+      ] }) }) })
     ] }) }) }),
     /* @__PURE__ */ jsxRuntime.jsxs(StatsGrid$1, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(StatCard$1, { $delay: "0.1s", $color: "var(--colors-primary600, #0EA5E9)", children: [
@@ -5088,40 +4869,9 @@ const TemplateList = () => {
         /* @__PURE__ */ jsxRuntime.jsx(StatIcon$1, { className: "stat-icon", $bg: "rgba(22, 163, 74, 0.12)", $color: "var(--colors-success600, #16A34A)", children: /* @__PURE__ */ jsxRuntime.jsx(outline.ChartBarIcon, {}) }),
         /* @__PURE__ */ jsxRuntime.jsx(StatValue$1, { className: "stat-value", variant: "alpha", children: showSkeleton ? "..." : stats?.active || 0 }),
         /* @__PURE__ */ jsxRuntime.jsx(StatLabel$1, { variant: "pi", children: "Active" })
-      ] }),
-      limits?.emailTemplates && !limits.emailTemplates.unlimited && /* @__PURE__ */ jsxRuntime.jsxs(StatCard$1, { $delay: "0.3s", $color: "var(--colors-warning600, #F59E0B)", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(StatIcon$1, { className: "stat-icon", $bg: "rgba(234, 179, 8, 0.12)", $color: "var(--colors-warning600, #D97706)", children: /* @__PURE__ */ jsxRuntime.jsx(outline.SparklesIcon, {}) }),
-        /* @__PURE__ */ jsxRuntime.jsx(StatValue$1, { className: "stat-value", variant: "alpha", children: showSkeleton ? "..." : limits.emailTemplates.max - limits.emailTemplates.current }),
-        /* @__PURE__ */ jsxRuntime.jsx(StatLabel$1, { variant: "pi", children: "Remaining" })
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { margin: "0 -32px 32px -32px" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, {}) }),
-    limits?.emailTemplates && !limits.emailTemplates.unlimited && limits.emailTemplates.current >= limits.emailTemplates.max * 0.8 && /* @__PURE__ */ jsxRuntime.jsxs(LimitWarning, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 3, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(outline.SparklesIcon, { style: { width: 24, height: 24, color: "var(--colors-warning600, #D97706)" } }),
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", textColor: "neutral800", children: limits.emailTemplates.current >= limits.emailTemplates.max ? `You've reached your ${getTierInfo().name} limit!` : `You're approaching your ${getTierInfo().name} limit!` }),
-          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginTop: "4px" }, children: [
-            "Using ",
-            limits.emailTemplates.current,
-            " of ",
-            limits.emailTemplates.max,
-            " templates.",
-            getTierInfo().next && ` Upgrade to ${getTierInfo().next} for ${getTierInfo().nextTemplates === -1 ? "unlimited" : getTierInfo().nextTemplates} templates!`
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        UpgradeButton,
-        {
-          onClick: () => navigate("/admin/settings/magic-mail/upgrade"),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(outline.BoltIcon, { style: { width: 16, height: 16, marginRight: "6px" } }),
-            "Upgrade Now"
-          ]
-        }
-      )
-    ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs.Root, { value: activeTab, onValueChange: setActiveTab, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs.List, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "customTemplates", children: "Custom Templates" }),
@@ -5378,7 +5128,7 @@ const TemplateList = () => {
                 return /* @__PURE__ */ jsxRuntime.jsx(
                   PaginationButton,
                   {
-                    active: currentPage === pageNum,
+                    $active: currentPage === pageNum,
                     onClick: () => setCurrentPage(pageNum),
                     children: pageNum
                   },
@@ -5415,7 +5165,6 @@ const TemplateList = () => {
                   variant: "secondary",
                   onClick: () => {
                     setSearchTerm("");
-                    setActiveCategory("all");
                   },
                   style: { marginTop: "20px" },
                   children: "Clear Filters"
@@ -5467,7 +5216,7 @@ const TemplateList = () => {
         selectedTemplate.name
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsxs(ScrollableDialogBody, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(InfoBox$2, { style: { marginTop: 0, marginBottom: "20px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", justifyContent: "space-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(InfoBox$1, { style: { marginTop: 0, marginBottom: "20px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", justifyContent: "space-between", children: [
           /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { color: "var(--colors-primary600, #075985)" }, children: [
             /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Template ID:" }),
             " #",
@@ -6163,7 +5912,7 @@ const DeleteButton = styled__default.default(designSystem.Button)`
     height: 14px;
   }
 `;
-const CloseButton$1 = styled__default.default.button`
+const CloseButton = styled__default.default.button`
   background: none;
   border: none;
   cursor: pointer;
@@ -6207,7 +5956,6 @@ const EditorPage = () => {
   const { get, post, put } = admin.useFetchClient();
   const { toggleNotification } = admin.useNotification();
   const navigate = reactRouterDom.useNavigate();
-  const { hasFeature } = useLicense();
   const emailEditorRef = React.useRef(null);
   const pathname = location.pathname;
   const coreMatch = pathname.match(/\/designer\/core\/(.+)$/);
@@ -6231,7 +5979,6 @@ const EditorPage = () => {
     bodyText: "",
     tags: []
   });
-  const canVersion = hasFeature("email-designer-versioning");
   const [showVersionHistory, setShowVersionHistory] = React.useState(false);
   const [versions, setVersions] = React.useState([]);
   const [loadingVersions, setLoadingVersions] = React.useState(false);
@@ -6480,7 +6227,7 @@ const EditorPage = () => {
     } catch (error) {
       toggleNotification({
         type: "danger",
-        message: error.response?.data?.message || "Failed to save"
+        message: error.response?.data?.error?.message || error.response?.data?.message || "Failed to save"
       });
     } finally {
       setSaving(false);
@@ -6535,7 +6282,7 @@ const EditorPage = () => {
           /* @__PURE__ */ jsxRuntime.jsx(BackButton, { onClick: () => navigate("/plugins/magic-mail/designer"), children: /* @__PURE__ */ jsxRuntime.jsx(outline.ArrowLeftIcon, {}) }),
           /* @__PURE__ */ jsxRuntime.jsxs(TitleContainer, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "alpha", children: isCoreEmail ? `${coreEmailType === "reset-password" ? "Reset Password" : "Email Confirmation"}` : isNewTemplate ? "New Template" : `${templateData.name}` }),
-            canVersion && !isNewTemplate && !isCoreEmail && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: "Versioning enabled" }),
+            !isNewTemplate && !isCoreEmail && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: "Versioning enabled" }),
             isCoreEmail && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: "Core Strapi Email Template" })
           ] })
         ] }),
@@ -6551,7 +6298,7 @@ const EditorPage = () => {
             /* @__PURE__ */ jsxRuntime.jsx(outline.ArrowDownTrayIcon, {}),
             "Export Design"
           ] }),
-          !isCoreEmail && !isNewTemplate && canVersion && /* @__PURE__ */ jsxRuntime.jsxs(VersionButton, { onClick: handleOpenVersionHistory, children: [
+          !isCoreEmail && !isNewTemplate && /* @__PURE__ */ jsxRuntime.jsxs(VersionButton, { onClick: handleOpenVersionHistory, children: [
             /* @__PURE__ */ jsxRuntime.jsx(outline.ClockIcon, {}),
             "Version History"
           ] }),
@@ -6623,7 +6370,9 @@ const EditorPage = () => {
             designSystem.Toggle,
             {
               checked: templateData.isActive,
-              onChange: () => setTemplateData({ ...templateData, isActive: !templateData.isActive })
+              onChange: () => setTemplateData({ ...templateData, isActive: !templateData.isActive }),
+              onLabel: "Active",
+              offLabel: "Inactive"
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: templateData.isActive ? "Active" : "Inactive" })
@@ -6858,7 +6607,7 @@ const EditorPage = () => {
               children: "Delete All"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(CloseButton$1, { onClick: () => setShowVersionHistory(false), children: /* @__PURE__ */ jsxRuntime.jsx(outline.XMarkIcon, {}) })
+          /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { onClick: () => setShowVersionHistory(false), children: /* @__PURE__ */ jsxRuntime.jsx(outline.XMarkIcon, {}) })
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(VersionModalContent, { children: loadingVersions ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { textAlign: "center", padding: "40px" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, {}) }) : versions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs(EmptyVersions, { children: [
@@ -6921,7 +6670,7 @@ const theme = {
   spacing: { xs: "4px", sm: "8px", md: "16px", lg: "24px", xl: "32px", "2xl": "48px" },
   borderRadius: { lg: "12px", xl: "16px" }
 };
-const fadeIn$2 = styled.keyframes`
+const fadeIn$1 = styled.keyframes`
   from { opacity: 0; transform: translateY(10px); }
   to { opacity: 1; transform: translateY(0); }
 `;
@@ -6937,7 +6686,7 @@ const breakpoints = {
   mobile: "768px"
 };
 const Container = styled__default.default(designSystem.Box)`
-  ${styled.css`animation: ${fadeIn$2} ${theme.transitions.slow};`}
+  ${styled.css`animation: ${fadeIn$1} ${theme.transitions.slow};`}
   min-height: 100vh;
   max-width: 1440px;
   margin: 0 auto;
@@ -7050,7 +6799,7 @@ const StatCard = styled__default.default(designSystem.Box)`
   position: relative;
   overflow: hidden;
   transition: all ${theme.transitions.normal};
-  ${styled.css`animation: ${fadeIn$2} ${theme.transitions.slow} backwards;`}
+  ${styled.css`animation: ${fadeIn$1} ${theme.transitions.slow} backwards;`}
   animation-delay: ${(props) => props.$delay || "0s"};
   box-shadow: ${theme.shadows.sm};
   border: 1px solid rgba(128, 128, 128, 0.2);
@@ -7239,22 +6988,18 @@ const Analytics = () => {
   useAuthRefresh();
   const { get, del } = admin.useFetchClient();
   const { toggleNotification } = admin.useNotification();
-  const { hasFeature } = useLicense();
   const [loading, setLoading] = React.useState(true);
   const [stats, setStats] = React.useState(null);
   const [emailLogs, setEmailLogs] = React.useState([]);
+  const [logsError, setLogsError] = React.useState(null);
+  const [pagination, setPagination] = React.useState(null);
   const [searchTerm, setSearchTerm] = React.useState("");
   const [showClearDialog, setShowClearDialog] = React.useState(false);
   const [isDeleting, setIsDeleting] = React.useState(false);
-  const hasBasicAnalytics = hasFeature("email-logging");
   React.useEffect(() => {
-    if (hasBasicAnalytics) {
-      fetchAnalytics();
-      fetchEmailLogs();
-    } else {
-      setLoading(false);
-    }
-  }, [hasBasicAnalytics]);
+    fetchAnalytics();
+    fetchEmailLogs();
+  }, []);
   const fetchAnalytics = async () => {
     try {
       const response = await get("/magic-mail/analytics/stats");
@@ -7271,10 +7016,17 @@ const Analytics = () => {
   const fetchEmailLogs = async () => {
     setLoading(true);
     try {
-      const response = await get("/magic-mail/analytics/emails?_limit=50&_sort=sentAt:DESC");
+      const response = await get("/magic-mail/analytics/emails?page=1&pageSize=50");
       setEmailLogs(response.data?.data || []);
+      setPagination(response.data?.pagination || null);
+      setLogsError(null);
     } catch (error) {
       console.error("Failed to fetch email logs:", error);
+      const message = error.response?.data?.error?.message || error.response?.data?.message || "Failed to load email logs";
+      setEmailLogs([]);
+      setPagination(null);
+      setLogsError(message);
+      toggleNotification({ type: "danger", message });
     } finally {
       setLoading(false);
     }
@@ -7313,29 +7065,6 @@ const Analytics = () => {
   const filteredLogs = emailLogs.filter(
     (log) => log.recipient?.toLowerCase().includes(searchTerm.toLowerCase()) || log.subject?.toLowerCase().includes(searchTerm.toLowerCase()) || log.templateName?.toLowerCase().includes(searchTerm.toLowerCase())
   );
-  if (!hasBasicAnalytics) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Container, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Header, { children: /* @__PURE__ */ jsxRuntime.jsx(HeaderContent, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { textAlign: "center" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(Title, { variant: "alpha", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(outline.ChartBarIcon, {}),
-          "Email Analytics"
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(Subtitle, { variant: "epsilon", children: "Upgrade to Premium to unlock detailed email analytics and tracking" })
-      ] }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { children: /* @__PURE__ */ jsxRuntime.jsxs(EmptyContent, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(EmptyIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(outline.ChartBarIcon, {}) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { marginBottom: "12px", display: "block" }, children: "Analytics Available in Premium" }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { marginBottom: "32px", lineHeight: "1.6", display: "block" }, children: "Upgrade to Premium to unlock email analytics, tracking, open rates, click rates, and detailed reports about your email campaigns." }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          StyledButtons.GradientButton,
-          {
-            onClick: () => window.location.href = "/admin/settings/magic-mail/upgrade",
-            children: "View Upgrade Plans"
-          }
-        )
-      ] }) })
-    ] });
-  }
   if (loading) {
     return /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", alignItems: "center", style: { minHeight: "400px" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { children: "Loading analytics..." }) }) });
   }
@@ -7373,6 +7102,7 @@ const Analytics = () => {
       /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", textColor: "neutral700", children: [
         "Recent Emails (",
         filteredLogs.length,
+        pagination?.total ? ` of ${pagination.total}` : "",
         ")"
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
@@ -7397,7 +7127,11 @@ const Analytics = () => {
         )
       ] })
     ] }) }),
-    filteredLogs.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { children: /* @__PURE__ */ jsxRuntime.jsxs(EmptyContent, { children: [
+    logsError ? /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { children: /* @__PURE__ */ jsxRuntime.jsxs(EmptyContent, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(EmptyIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(outline.ExclamationTriangleIcon, {}) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { marginBottom: "12px", display: "block" }, children: "Couldn't load email logs" }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { lineHeight: "1.6", display: "block" }, children: logsError })
+    ] }) }) : filteredLogs.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { children: /* @__PURE__ */ jsxRuntime.jsxs(EmptyContent, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(EmptyIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(outline.EnvelopeIcon, {}) }),
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { marginBottom: "12px", display: "block" }, children: searchTerm ? "No emails found" : "No emails sent yet" }),
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { lineHeight: "1.6", display: "block" }, children: searchTerm ? "Try adjusting your search terms" : "Send your first email to see analytics and tracking information here!" })
@@ -7474,7 +7208,7 @@ const Analytics = () => {
     ] }) })
   ] });
 };
-const fadeIn$1 = styled.keyframes`
+const fadeIn = styled.keyframes`
   from {
     opacity: 0;
     transform: translateY(10px);
@@ -7518,7 +7252,7 @@ const PageContainer = styled__default.default(designSystem.Box)`
   padding: 40px;
   max-width: 900px;
   margin: 0 auto;
-  animation: ${fadeIn$1} 0.4s ease;
+  animation: ${fadeIn} 0.4s ease;
 `;
 const HeaderSection = styled__default.default(designSystem.Box)`
   text-align: center;
@@ -7610,7 +7344,7 @@ const ContentCard = styled__default.default(designSystem.Box)`
   border-radius: 16px;
   padding: 32px;
   margin-bottom: 24px;
-  animation: ${fadeIn$1} 0.4s ease;
+  animation: ${fadeIn} 0.4s ease;
   box-shadow: 0 4px 24px rgba(0,0,0,0.06);
 `;
 const QRCodeContainer = styled__default.default.div`
@@ -7680,7 +7414,7 @@ const ConnectedCard = styled__default.default(designSystem.Box)`
   padding: 32px;
   text-align: center;
 `;
-const InfoBox$1 = styled__default.default(designSystem.Box)`
+const InfoBox = styled__default.default(designSystem.Box)`
   background: linear-gradient(135deg, rgba(2, 132, 199, 0.06) 0%, ${colors.whatsappLight} 100%);
   border: 1px solid rgba(2, 132, 199, 0.2);
   border-radius: 12px;
@@ -7796,7 +7530,7 @@ const AlertIcon = styled__default.default.div`
   font-weight: bold;
   flex-shrink: 0;
 `;
-const SuccessBox$1 = styled__default.default(designSystem.Box)`
+const SuccessBox = styled__default.default(designSystem.Box)`
   background: rgba(22, 163, 74, 0.06);
   border: 1px solid rgba(22, 163, 74, 0.2);
   border-radius: 12px;
@@ -8057,7 +7791,7 @@ const WhatsAppPage = () => {
     currentStep === 1 && /* @__PURE__ */ jsxRuntime.jsxs(ContentCard, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", fontWeight: "bold", style: { display: "block", marginBottom: "8px" }, children: "Check Installation" }),
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { display: "block", marginBottom: "24px" }, children: "First, we need to verify that the required dependencies are installed." }),
-      isAvailable ? /* @__PURE__ */ jsxRuntime.jsxs(SuccessBox$1, { children: [
+      isAvailable ? /* @__PURE__ */ jsxRuntime.jsxs(SuccessBox, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(SuccessIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(icons.Check, { style: { width: 14, height: 14 } }) }),
         /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", style: { display: "block", marginBottom: "4px", color: "var(--colors-success600, #15803D)" }, children: "Dependencies Installed" }),
@@ -8108,7 +7842,7 @@ const WhatsAppPage = () => {
     currentStep === 2 && /* @__PURE__ */ jsxRuntime.jsxs(ContentCard, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", fontWeight: "bold", style: { display: "block", marginBottom: "8px" }, children: "Connect Your WhatsApp" }),
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { display: "block", marginBottom: "24px" }, children: "Click the button below to start the connection process. A QR code will be generated for you to scan." }),
-      /* @__PURE__ */ jsxRuntime.jsxs(InfoBox$1, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(InfoBox, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { display: "block", marginBottom: "16px", color: "var(--colors-primary600, #075985)" }, children: "How it works" }),
         /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, children: [
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral700", children: '1. Click "Connect WhatsApp" to generate a QR code' }),
@@ -8154,7 +7888,7 @@ const WhatsAppPage = () => {
         /* @__PURE__ */ jsxRuntime.jsx(SpinningLoader, { style: { width: "40px", height: "40px" } }),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: "Generating QR code..." })
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs(InfoBox$1, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(InfoBox, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { display: "block", marginBottom: "16px", color: "var(--colors-primary600, #075985)" }, children: "Instructions" }),
         /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, children: [
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral700", children: "1. Open WhatsApp on your phone" }),
@@ -8282,440 +8016,14 @@ await whatsapp.sendTemplateMessage('49123456789', 'welcome', {
     ] })
   ] });
 };
-const fadeIn = styled.keyframes`
-  from { opacity: 0; }
-  to { opacity: 1; }
-`;
-const slideUp = styled.keyframes`
-  from { 
-    opacity: 0;
-    transform: translateY(30px);
-  }
-  to { 
-    opacity: 1;
-    transform: translateY(0);
-  }
-`;
-const ModalOverlay = styled__default.default.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(4, 28, 47, 0.85);
-  backdrop-filter: blur(8px);
-  z-index: 9999;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  animation: ${fadeIn} 0.3s ease-out;
-  padding: 20px;
-`;
-const ModalContent = styled__default.default(designSystem.Box)`
-  background: ${(p) => p.theme.colors.neutral0};
-  border-radius: 16px;
-  width: 100%;
-  max-width: 580px;
-  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
-  animation: ${slideUp} 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-  overflow: hidden;
-`;
-const GradientHeader = styled__default.default(designSystem.Box)`
-  background: linear-gradient(135deg, #4945ff 0%, #7c3aed 100%);
-  padding: 32px 40px;
-  position: relative;
-  overflow: hidden;
-
-  &::before {
-    content: '';
-    position: absolute;
-    top: -50%;
-    right: -50%;
-    width: 200%;
-    height: 200%;
-    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
-  }
-`;
-const IconWrapper = styled__default.default.div`
-  width: 72px;
-  height: 72px;
-  border-radius: 50%;
-  background: rgba(255, 255, 255, 0.2);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: 0 auto 16px;
-  backdrop-filter: blur(10px);
-  border: 2px solid rgba(255, 255, 255, 0.3);
-
-  svg {
-    width: 36px;
-    height: 36px;
-    color: white;
-  }
-`;
-const CloseButton = styled__default.default.button`
-  position: absolute;
-  top: 16px;
-  right: 16px;
-  background: rgba(255, 255, 255, 0.2);
-  border: 2px solid rgba(255, 255, 255, 0.3);
-  border-radius: 50%;
-  width: 36px;
-  height: 36px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  transition: all 0.2s;
-  z-index: 10;
-  
-  svg {
-    width: 20px;
-    height: 20px;
-    color: white;
-  }
-
-  &:hover {
-    background: rgba(255, 255, 255, 0.3);
-    transform: scale(1.1);
-  }
-
-  &:active {
-    transform: scale(0.95);
-  }
-`;
-const GradientButton = styled__default.default(designSystem.Button)`
-  && {
-    background: linear-gradient(135deg, #4945ff 0%, #7c3aed 100%);
-    color: white;
-    font-weight: 600;
-    border: none;
-    box-shadow: 0 4px 12px rgba(73, 69, 255, 0.4);
-    padding: 12px 24px;
-    min-height: 44px;
-    
-    &:hover:not(:disabled) {
-      background: linear-gradient(135deg, #4338ca 0%, #6d28d9 100%);
-      box-shadow: 0 6px 16px rgba(73, 69, 255, 0.5);
-    }
-    
-    &:disabled {
-      opacity: 0.6;
-      cursor: not-allowed;
-    }
-  }
-`;
-styled__default.default(designSystem.Button)`
-  && {
-    background: rgba(73, 69, 255, 0.06);
-    color: #4945ff;
-    font-weight: 600;
-    border: 2px solid #4945ff;
-    padding: 12px 24px;
-    min-height: 44px;
-    
-    &:hover:not(:disabled) {
-      background: rgba(73, 69, 255, 0.12);
-    }
-  }
-`;
-const ToggleButton = styled__default.default.button`
-  background: none;
-  border: none;
-  color: #4945ff;
-  font-size: 13px;
-  font-weight: 600;
-  cursor: pointer;
-  padding: 8px 0;
-  text-decoration: underline;
-  transition: color 0.2s;
-  
-  &:hover {
-    color: #7c3aed;
-  }
-  
-  &:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-`;
-const InfoBox = styled__default.default(designSystem.Box)`
-  background: rgba(73, 69, 255, 0.06);
-  border: 2px solid rgba(73, 69, 255, 0.3);
-  border-radius: 8px;
-  padding: 16px;
-  width: 100%;
-`;
-const SuccessBox = styled__default.default(designSystem.Box)`
-  background: rgba(34, 197, 94, 0.06);
-  border: 2px solid rgba(34, 197, 94, 0.3);
-  border-radius: 8px;
-  padding: 20px;
-  text-align: center;
-`;
-const InfoText = styled__default.default(designSystem.Typography)`
-  font-size: 13px;
-  line-height: 1.6;
-  color: ${(p) => p.theme.colors.neutral800};
-`;
-const LicenseGuard = ({ children }) => {
-  const { get, post } = admin.useFetchClient();
-  const { toggleNotification } = admin.useNotification();
-  const navigate = reactRouterDom.useNavigate();
-  useAuthRefresh();
-  const [isChecking, setIsChecking] = React.useState(true);
-  const [needsLicense, setNeedsLicense] = React.useState(false);
-  const [isCreating, setIsCreating] = React.useState(false);
-  const [useExistingKey, setUseExistingKey] = React.useState(false);
-  const [useAutoCreate, setUseAutoCreate] = React.useState(true);
-  const [existingLicenseKey, setExistingLicenseKey] = React.useState("");
-  const [existingEmail, setExistingEmail] = React.useState("");
-  const [adminUser, setAdminUser] = React.useState(null);
-  React.useEffect(() => {
-    checkLicenseStatus();
-    fetchAdminUser();
-  }, []);
-  const fetchAdminUser = async () => {
-    try {
-      const response = await get("/admin/users/me");
-      const userData = response.data?.data || response.data;
-      if (userData) {
-        setAdminUser(userData);
-      }
-    } catch (error) {
-      console.debug("[MagicMail] Could not fetch admin user");
-    }
-  };
-  const checkLicenseStatus = async () => {
-    setIsChecking(true);
-    try {
-      const response = await get("/magic-mail/license/status");
-      if (response.data.valid) {
-        setNeedsLicense(false);
-      } else {
-        setNeedsLicense(true);
-      }
-    } catch (error) {
-      console.error("[MagicMail] License check error:", error);
-      setNeedsLicense(true);
-    } finally {
-      setIsChecking(false);
-    }
-  };
-  const handleAutoCreateLicense = async (e) => {
-    e.preventDefault();
-    setIsCreating(true);
-    try {
-      const response = await post("/magic-mail/license/auto-create", {});
-      if (response.data && response.data.success) {
-        toggleNotification({
-          type: "success",
-          message: "✅ License created! Reloading..."
-        });
-        setNeedsLicense(false);
-        setTimeout(() => {
-          window.location.reload();
-        }, 500);
-      } else {
-        throw new Error("Failed to auto-create license");
-      }
-    } catch (error) {
-      console.error("[MagicMail] Error:", error);
-      toggleNotification({
-        type: "danger",
-        message: "Failed to create license. Try manual entry."
-      });
-      setIsCreating(false);
-      setUseAutoCreate(false);
-    }
-  };
-  const handleValidateExistingKey = async (e) => {
-    e.preventDefault();
-    if (!existingLicenseKey.trim() || !existingEmail.trim()) {
-      toggleNotification({
-        type: "warning",
-        message: "Please enter both license key and email address"
-      });
-      return;
-    }
-    setIsCreating(true);
-    try {
-      const response = await post("/magic-mail/license/store-key", {
-        licenseKey: existingLicenseKey.trim(),
-        email: existingEmail.trim()
-      });
-      if (response.data && response.data.success) {
-        toggleNotification({
-          type: "success",
-          message: "✅ License activated! Reloading..."
-        });
-        setNeedsLicense(false);
-        setTimeout(() => {
-          window.location.reload();
-        }, 500);
-      } else {
-        throw new Error("Invalid license");
-      }
-    } catch (error) {
-      toggleNotification({
-        type: "danger",
-        message: "Invalid license key or email address"
-      });
-      setIsCreating(false);
-    }
-  };
-  const handleClose = () => {
-    navigate("/content-manager");
-  };
-  if (isChecking) {
-    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 8, style: { textAlign: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { children: "Checking license..." }) });
-  }
-  if (needsLicense) {
-    return /* @__PURE__ */ jsxRuntime.jsx(ModalOverlay, { children: /* @__PURE__ */ jsxRuntime.jsxs(ModalContent, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(GradientHeader, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { onClick: handleClose, type: "button", children: /* @__PURE__ */ jsxRuntime.jsx(outline.XMarkIcon, {}) }),
-        /* @__PURE__ */ jsxRuntime.jsx(IconWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(outline.KeyIcon, {}) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { textAlign: "center", position: "relative" }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Typography,
-            {
-              variant: "alpha",
-              style: {
-                color: "white",
-                fontSize: "24px",
-                fontWeight: "700",
-                marginBottom: "12px",
-                display: "block"
-              },
-              children: "🔐 Activate MagicMail"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Typography,
-            {
-              variant: "epsilon",
-              style: {
-                color: "rgba(255, 255, 255, 0.9)",
-                fontSize: "14px",
-                display: "block"
-              },
-              children: useExistingKey ? "Enter your existing license key" : "Create a license to start using the plugin"
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: useExistingKey ? handleValidateExistingKey : handleAutoCreateLicense, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 6, paddingLeft: 8, paddingRight: 8, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 5, style: { width: "100%" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { textAlign: "center", width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-          ToggleButton,
-          {
-            type: "button",
-            onClick: () => setUseExistingKey(!useExistingKey),
-            disabled: isCreating,
-            children: useExistingKey ? "← Create new license" : "Have a license key? →"
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(InfoBox, { children: /* @__PURE__ */ jsxRuntime.jsx(InfoText, { variant: "omega", children: useExistingKey ? "Enter your email and license key to activate." : adminUser && adminUser.email ? `Click "Activate" to auto-create a license with your account (${adminUser.email})` : 'Click "Activate" to auto-create a license with your admin account' }) }),
-        useExistingKey ? (
-          // Existing License Key Input
-          /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { width: "100%" }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.Typography,
-                {
-                  variant: "pi",
-                  fontWeight: "bold",
-                  style: { marginBottom: "8px", display: "block" },
-                  children: "Email Address *"
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.TextInput,
-                {
-                  placeholder: "admin@example.com",
-                  type: "email",
-                  value: existingEmail,
-                  onChange: (e) => setExistingEmail(e.target.value),
-                  required: true,
-                  disabled: isCreating
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "11px", marginTop: "4px" }, children: "Enter the email address associated with this license" })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { width: "100%" }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.Typography,
-                {
-                  variant: "pi",
-                  fontWeight: "bold",
-                  style: { marginBottom: "8px", display: "block" },
-                  children: "License Key *"
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.TextInput,
-                {
-                  placeholder: "MAGIC-MAIL-XXXX-XXXX-XXXX",
-                  value: existingLicenseKey,
-                  onChange: (e) => setExistingLicenseKey(e.target.value),
-                  required: true,
-                  disabled: isCreating
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "11px", marginTop: "4px" }, children: "Enter the license key" })
-            ] })
-          ] })
-        ) : adminUser ? (
-          // Auto-create mode - Show user info
-          /* @__PURE__ */ jsxRuntime.jsxs(SuccessBox, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", style: { marginBottom: "12px", display: "block" }, children: "Ready to activate with your account:" }),
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { marginBottom: "4px", display: "block" }, children: [
-              adminUser.firstname || "Admin",
-              " ",
-              adminUser.lastname || "User"
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: adminUser.email || "Loading..." })
-          ] })
-        ) : /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 4, background: "neutral100", hasRadius: true, style: { textAlign: "center" }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { small: true }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", marginTop: 2, children: "Loading admin user data..." })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 3, justifyContent: "center", style: { marginTop: "16px" }, children: useExistingKey ? /* @__PURE__ */ jsxRuntime.jsx(
-          GradientButton,
-          {
-            type: "submit",
-            size: "L",
-            startIcon: /* @__PURE__ */ jsxRuntime.jsx(outline.CheckIcon, { style: { width: 20, height: 20 } }),
-            loading: isCreating,
-            disabled: isCreating || !existingLicenseKey.trim() || !existingEmail.trim(),
-            children: "Validate License"
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsx(
-          GradientButton,
-          {
-            type: "submit",
-            size: "L",
-            startIcon: /* @__PURE__ */ jsxRuntime.jsx(outline.CheckIcon, { style: { width: 20, height: 20 } }),
-            loading: isCreating,
-            disabled: isCreating || !adminUser,
-            children: "Activate License"
-          }
-        ) })
-      ] }) }) })
-    ] }) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-};
 const pluginId = "magic-mail";
 const pluginPermissions = {
   access: [{ action: `plugin::${pluginId}.access`, subject: null }]
 };
 const App = () => {
+  useAuthRefresh();
   const location = reactRouterDom.useLocation();
   const navigate = reactRouterDom.useNavigate();
-  const { hasFeature } = useLicense();
-  const hasEmailDesigner = hasFeature("email-designer-basic");
-  const hasAnalytics = hasFeature("email-logging");
   const isEditorRoute = /\/designer\/(new|\d+|core\/.+)/.test(location.pathname);
   const getActiveTab = () => {
     if (location.pathname.includes("/analytics")) return "analytics";
@@ -8734,9 +8042,9 @@ const App = () => {
     if (tab === "whatsapp") navigate("/plugins/magic-mail/whatsapp");
   };
   if (isEditorRoute) {
-    return /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Protect, { permissions: pluginPermissions.access, children: /* @__PURE__ */ jsxRuntime.jsx(LicenseGuard, { children: /* @__PURE__ */ jsxRuntime.jsx(EditorPage, {}) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Protect, { permissions: pluginPermissions.access, children: /* @__PURE__ */ jsxRuntime.jsx(EditorPage, {}) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Protect, { permissions: pluginPermissions.access, children: /* @__PURE__ */ jsxRuntime.jsx(LicenseGuard, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs.Root, { value: activeTab, onValueChange: handleTabChange, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Protect, { permissions: pluginPermissions.access, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs.Root, { value: activeTab, onValueChange: handleTabChange, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs.List, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "accounts", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
         /* @__PURE__ */ jsxRuntime.jsx(outline.EnvelopeIcon, { style: { width: 16, height: 16 } }),
@@ -8746,11 +8054,11 @@ const App = () => {
         /* @__PURE__ */ jsxRuntime.jsx(outline.FunnelIcon, { style: { width: 16, height: 16 } }),
         "Routing Rules"
       ] }) }),
-      hasEmailDesigner && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "templates", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "templates", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
         /* @__PURE__ */ jsxRuntime.jsx(outline.DocumentTextIcon, { style: { width: 16, height: 16 } }),
         "Email Templates"
       ] }) }),
-      hasAnalytics && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "analytics", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "analytics", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
         /* @__PURE__ */ jsxRuntime.jsx(outline.ChartBarIcon, { style: { width: 16, height: 16 } }),
         "Analytics"
       ] }) }),
@@ -8761,9 +8069,9 @@ const App = () => {
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: "accounts", children: /* @__PURE__ */ jsxRuntime.jsx(HomePage, {}) }),
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: "routing", children: /* @__PURE__ */ jsxRuntime.jsx(RoutingRulesPage, {}) }),
-    hasEmailDesigner && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: "templates", children: /* @__PURE__ */ jsxRuntime.jsx(TemplateList, {}) }),
-    hasAnalytics && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: "analytics", children: /* @__PURE__ */ jsxRuntime.jsx(Analytics, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: "templates", children: /* @__PURE__ */ jsxRuntime.jsx(TemplateList, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: "analytics", children: /* @__PURE__ */ jsxRuntime.jsx(Analytics, {}) }),
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: "whatsapp", children: /* @__PURE__ */ jsxRuntime.jsx(WhatsAppPage, {}) })
-  ] }) }) }) });
+  ] }) }) });
 };
 exports.default = App;