strapi-plugin-magic-mail 2.10.11 → 3.0.1

package/dist/{_chunks/App-D4bFKNcg.mjs → admin/App-CjlxXCZb.mjs}

@@ -3,10 +3,10 @@ import React, { useRef, useEffect, useState, useCallback } from "react";
 import { useNavigate, useLocation } from "react-router-dom";
 import { Modal, Typography, Flex, Box, Field, TextInput, Alert, Textarea, NumberInput, Divider, Toggle, Badge, Button, Loader, SingleSelect, SingleSelectOption, Thead, Tr, Th, Tbody, Td, Table, Tabs, Accordion } from "@strapi/design-system";
 import { useFetchClient, useNotification, Page } from "@strapi/strapi/admin";
-import { EnvelopeIcon, ServerIcon, SparklesIcon, PlusIcon, PencilIcon, PlayIcon, TrashIcon, MagnifyingGlassIcon, FunnelIcon, CheckIcon, Cog6ToothIcon, DocumentTextIcon, ChartBarIcon, BoltIcon, CheckCircleIcon, ArrowUpTrayIcon, ArrowDownTrayIcon, DocumentArrowDownIcon, CodeBracketIcon, DocumentDuplicateIcon, PaperAirplaneIcon, ClipboardDocumentIcon, ArrowLeftIcon, ClockIcon, XMarkIcon, ArrowUturnLeftIcon, EnvelopeOpenIcon, CursorArrowRaysIcon, ExclamationTriangleIcon, XCircleIcon, KeyIcon, ChatBubbleLeftIcon } from "@heroicons/react/24/outline";
+import { EnvelopeIcon, ServerIcon, SparklesIcon, PlusIcon, PencilIcon, PlayIcon, TrashIcon, MagnifyingGlassIcon, FunnelIcon, CheckIcon, Cog6ToothIcon, DocumentTextIcon, ChartBarIcon, CheckCircleIcon, ArrowUpTrayIcon, ArrowDownTrayIcon, DocumentArrowDownIcon, CodeBracketIcon, DocumentDuplicateIcon, BoltIcon, PaperAirplaneIcon, ClipboardDocumentIcon, ArrowLeftIcon, ClockIcon, XMarkIcon, ArrowUturnLeftIcon, EnvelopeOpenIcon, CursorArrowRaysIcon, ExclamationTriangleIcon, XCircleIcon, ChatBubbleLeftIcon } from "@heroicons/react/24/outline";
 import styled, { css, keyframes } from "styled-components";
 import { Star, Mail, Server, Lock, Cog, Check, Cloud, Key, ArrowLeft, ArrowRight, ArrowClockwise, Play, Cross } from "@strapi/icons";
-import { T as TertiaryButton, G as GradientButton$1, C as CTAButton, I as IconButton, a as IconButtonPrimary, b as IconButtonDanger, S as SecondaryButton, c as IconButtonPurple, d as IconButtonSuccess, D as DangerButton } from "./StyledButtons-CdOf4Sps.mjs";
+import { T as TertiaryButton, G as GradientButton, C as CTAButton, I as IconButton, a as IconButtonPrimary, b as IconButtonDanger, S as SecondaryButton, c as IconButtonPurple, d as IconButtonSuccess, D as DangerButton } from "./StyledButtons-aq1EWrQ-.mjs";
 import * as ReactEmailEditor from "react-email-editor";
 const useAuthRefresh = () => {
   const { get } = useFetchClient();
@@ -61,7 +61,7 @@ const theme$3 = {
     xl: "16px"
   }
 };
-const fadeIn$6 = keyframes`
+const fadeIn$5 = keyframes`
   from {
     opacity: 0;
     transform: translateY(10px);
@@ -107,7 +107,7 @@ const StepHeader = styled(Box)`
   padding-bottom: 24px;
   margin-bottom: 32px;
   position: relative;
-  animation: ${fadeIn$6} 0.4s ease;
+  animation: ${fadeIn$5} 0.4s ease;
   
   &::after {
     content: '';
@@ -202,7 +202,7 @@ const ProviderCategoryHeader = styled(Box)`
   align-items: center;
   gap: 12px;
   margin: 0 0 16px;
-  animation: ${fadeIn$6} 0.4s ease;
+  animation: ${fadeIn$5} 0.4s ease;
 
   &::after {
     content: '';
@@ -344,7 +344,7 @@ const ProviderTagline = styled(Typography)`
 const InfoAlert = styled(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};
@@ -1208,7 +1208,9 @@ const AddAccountModal = ({ isOpen, onClose, onAccountAdded, editAccount = null }
                     Toggle,
                     {
                       checked: formData.secure,
-                      onChange: () => handleChange("secure", !formData.secure)
+                      onChange: () => handleChange("secure", !formData.secure),
+                      onLabel: "Enabled",
+                      offLabel: "Disabled"
                     }
                   ),
                   /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 1, style: { flex: 1 }, children: [
@@ -1842,7 +1844,9 @@ const AddAccountModal = ({ isOpen, onClose, onAccountAdded, editAccount = null }
                 Toggle,
                 {
                   checked: formData.isActive,
-                  onChange: () => handleChange("isActive", !formData.isActive)
+                  onChange: () => handleChange("isActive", !formData.isActive),
+                  onLabel: "Active",
+                  offLabel: "Inactive"
                 }
               ) }),
               /* @__PURE__ */ jsxs(Box, { style: { flex: 1 }, children: [
@@ -1874,7 +1878,9 @@ const AddAccountModal = ({ isOpen, onClose, onAccountAdded, editAccount = null }
                 Toggle,
                 {
                   checked: formData.isPrimary,
-                  onChange: () => handleChange("isPrimary", !formData.isPrimary)
+                  onChange: () => handleChange("isPrimary", !formData.isPrimary),
+                  onLabel: "Primary",
+                  offLabel: "Off"
                 }
               ) }),
               /* @__PURE__ */ jsxs(Box, { style: { flex: 1 }, children: [
@@ -1901,7 +1907,7 @@ const AddAccountModal = ({ isOpen, onClose, onAccountAdded, editAccount = null }
       /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
         /* @__PURE__ */ jsx(TertiaryButton, { onClick: onClose, children: "Cancel" }),
         currentStep < 4 ? /* @__PURE__ */ jsx(
-          GradientButton$1,
+          GradientButton,
           {
             endIcon: /* @__PURE__ */ jsx(ArrowRight, {}),
             onClick: () => setCurrentStep(currentStep + 1),
@@ -1909,7 +1915,7 @@ const AddAccountModal = ({ isOpen, onClose, onAccountAdded, editAccount = null }
             children: "Continue"
           }
         ) : /* @__PURE__ */ jsx(
-          GradientButton$1,
+          GradientButton,
           {
             onClick: handleSubmit,
             loading,
@@ -1922,7 +1928,7 @@ const AddAccountModal = ({ isOpen, onClose, onAccountAdded, editAccount = null }
     ] }) })
   ] }) });
 };
-const fadeIn$5 = keyframes`
+const fadeIn$4 = keyframes`
   from { opacity: 0; transform: translateY(10px); }
   to { opacity: 1; transform: translateY(0); }
 `;
@@ -1950,7 +1956,7 @@ const breakpoints$3 = {
   mobile: "768px"
 };
 const Container$4 = styled(Box)`
-  ${css`animation: ${fadeIn$5} ${theme$3.transitions.slow};`}
+  ${css`animation: ${fadeIn$4} ${theme$3.transitions.slow};`}
   min-height: 100vh;
   max-width: 1440px;
   margin: 0 auto;
@@ -2068,7 +2074,7 @@ const StatCard$3 = styled(Box)`
   position: relative;
   overflow: hidden;
   transition: all ${theme$3.transitions.normal};
-  ${css`animation: ${fadeIn$5} ${theme$3.transitions.slow} backwards;`}
+  ${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);
@@ -2573,7 +2579,7 @@ const HomePage = () => {
     ] }) : /* @__PURE__ */ jsxs(AccountsContainer, { children: [
       /* @__PURE__ */ jsx(Box, { style: { marginBottom: theme$3.spacing.md }, children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 4, children: [
         /* @__PURE__ */ jsx(Typography, { variant: "delta", textColor: "neutral700", style: { fontSize: "1.5rem", fontWeight: 600 }, children: "📧 Email Accounts" }),
-        /* @__PURE__ */ jsx(GradientButton$1, { startIcon: /* @__PURE__ */ jsx(PlusIcon, { style: { width: 16, height: 16 } }), onClick: () => setShowAddModal(true), children: "Add Account" })
+        /* @__PURE__ */ jsx(GradientButton, { startIcon: /* @__PURE__ */ jsx(PlusIcon, { style: { width: 16, height: 16 } }), onClick: () => setShowAddModal(true), children: "Add Account" })
       ] }) }),
       /* @__PURE__ */ jsxs(FilterBar$3, { children: [
         /* @__PURE__ */ jsxs(SearchInputWrapper$2, { children: [
@@ -2912,7 +2918,7 @@ const TestEmailModal = ({ account, onClose, onTest }) => {
     /* @__PURE__ */ jsx(StyledModalFooter$1, { children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", style: { width: "100%" }, children: [
       /* @__PURE__ */ jsx(TertiaryButton, { onClick: onClose, children: "Cancel" }),
       testMode === "direct" ? /* @__PURE__ */ jsx(
-        GradientButton$1,
+        GradientButton,
         {
           onClick: () => onTest(testEmail, { priority, type: emailType, unsubscribeUrl }),
           disabled: !testEmail || !testEmail.includes("@") || emailType === "marketing" && !unsubscribeUrl,
@@ -2920,7 +2926,7 @@ const TestEmailModal = ({ account, onClose, onTest }) => {
           children: "Send Test Email"
         }
       ) : /* @__PURE__ */ jsx(
-        GradientButton$1,
+        GradientButton,
         {
           onClick: testStrapiService,
           disabled: !testEmail || !testEmail.includes("@"),
@@ -2956,7 +2962,7 @@ const theme$2 = {
     xl: "16px"
   }
 };
-const fadeIn$4 = keyframes`
+const fadeIn$3 = keyframes`
   from { opacity: 0; transform: translateY(10px); }
   to { opacity: 1; transform: translateY(0); }
 `;
@@ -2984,7 +2990,7 @@ const breakpoints$2 = {
   mobile: "768px"
 };
 const Container$3 = styled(Box)`
-  ${css`animation: ${fadeIn$4} ${theme$2.transitions.slow};`}
+  ${css`animation: ${fadeIn$3} ${theme$2.transitions.slow};`}
   min-height: 100vh;
   max-width: 1440px;
   margin: 0 auto;
@@ -3102,7 +3108,7 @@ const StatCard$2 = styled(Box)`
   position: relative;
   overflow: hidden;
   transition: all ${theme$2.transitions.normal};
-  ${css`animation: ${fadeIn$4} ${theme$2.transitions.slow} backwards;`}
+  ${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);
@@ -3451,7 +3457,7 @@ const RoutingRulesPage = () => {
     ] }) : /* @__PURE__ */ jsxs(RulesContainer, { children: [
       /* @__PURE__ */ jsx(Box, { style: { marginBottom: theme$2.spacing.md }, children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 4, children: [
         /* @__PURE__ */ jsx(Typography, { variant: "delta", textColor: "neutral700", style: { fontSize: "1.5rem", fontWeight: 600 }, children: "🎯 Routing Rules" }),
-        /* @__PURE__ */ jsx(GradientButton$1, { startIcon: /* @__PURE__ */ jsx(PlusIcon, { style: { width: 16, height: 16 } }), onClick: () => setShowModal(true), children: "Create Rule" })
+        /* @__PURE__ */ jsx(GradientButton, { startIcon: /* @__PURE__ */ jsx(PlusIcon, { style: { width: 16, height: 16 } }), onClick: () => setShowModal(true), children: "Create Rule" })
       ] }) }),
       /* @__PURE__ */ jsxs(FilterBar$2, { children: [
         /* @__PURE__ */ jsxs(SearchInputWrapper$1, { children: [
@@ -3554,13 +3560,13 @@ const RoutingRulesPage = () => {
             /* @__PURE__ */ jsx(
               IconButtonDanger,
               {
-                onClick: () => deleteRule(rule.id, rule.name),
+                onClick: () => deleteRule(rule.documentId || rule.id, rule.name),
                 "aria-label": "Delete Rule",
                 children: /* @__PURE__ */ jsx(TrashIcon, {})
               }
             )
           ] }) })
-        ] }, rule.id)) })
+        ] }, rule.documentId || rule.id)) })
       ] }) }) : /* @__PURE__ */ jsx(Box, { padding: 8, style: { textAlign: "center" }, children: /* @__PURE__ */ jsx(Typography, { variant: "beta", textColor: "neutral600", children: "No rules found matching your filters" }) })
     ] }),
     (showModal || editingRule) && /* @__PURE__ */ jsx(
@@ -3600,7 +3606,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"
@@ -3763,7 +3769,9 @@ const RuleModal = ({ rule, accounts, onClose, onSave }) => {
               Toggle,
               {
                 checked: formData.whatsappFallback,
-                onChange: () => handleChange("whatsappFallback", !formData.whatsappFallback)
+                onChange: () => handleChange("whatsappFallback", !formData.whatsappFallback),
+                onLabel: "Enabled",
+                offLabel: "Disabled"
               }
             ),
             /* @__PURE__ */ jsxs(Box, { style: { flex: 1 }, children: [
@@ -3807,7 +3815,9 @@ const RuleModal = ({ rule, accounts, onClose, onSave }) => {
               Toggle,
               {
                 checked: formData.isActive,
-                onChange: () => handleChange("isActive", !formData.isActive)
+                onChange: () => handleChange("isActive", !formData.isActive),
+                onLabel: "Active",
+                offLabel: "Inactive"
               }
             ),
             /* @__PURE__ */ jsxs(Box, { style: { flex: 1 }, children: [
@@ -3832,7 +3842,7 @@ const RuleModal = ({ rule, accounts, onClose, onSave }) => {
     /* @__PURE__ */ jsx(Modal.Footer, { children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "flex-end", gap: 2, style: { width: "100%" }, children: [
       /* @__PURE__ */ jsx(TertiaryButton, { onClick: onClose, children: "Cancel" }),
       /* @__PURE__ */ jsx(
-        GradientButton$1,
+        GradientButton,
         {
           onClick: handleSubmit,
           loading,
@@ -3844,124 +3854,6 @@ const RuleModal = ({ rule, accounts, onClose, onSave }) => {
     ] }) })
   ] }) });
 };
-const useLicense = () => {
-  const { get } = useFetchClient();
-  const [isPremium, setIsPremium] = useState(false);
-  const [isAdvanced, setIsAdvanced] = useState(false);
-  const [isEnterprise, setIsEnterprise] = useState(false);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(null);
-  const [licenseData, setLicenseData] = useState(null);
-  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)",
@@ -3973,7 +3865,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 = keyframes`
+const fadeIn$2 = keyframes`
   from { opacity: 0; transform: translateY(10px); }
   to { opacity: 1; transform: translateY(0); }
 `;
@@ -4127,7 +4019,7 @@ const CopyButton = styled(Button)`
     height: 14px;
   }
 `;
-const InfoBox$2 = styled(Box)`
+const InfoBox$1 = styled(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;
@@ -4144,37 +4036,12 @@ const WarningBox = styled(Box)`
   align-items: center;
   gap: 8px;
 `;
-const LimitWarning = styled(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(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(Box)`
-  ${css`animation: ${fadeIn$3} ${theme$1.transitions.slow};`}
+  ${css`animation: ${fadeIn$2} ${theme$1.transitions.slow};`}
   min-height: 100vh;
   max-width: 1440px;
   margin: 0 auto;
@@ -4287,7 +4154,7 @@ const StatCard$1 = styled(Box)`
   position: relative;
   overflow: hidden;
   transition: all ${theme$1.transitions.normal};
-  ${css`animation: ${fadeIn$3} ${theme$1.transitions.slow} backwards;`}
+  ${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);
@@ -4482,9 +4349,9 @@ const PaginationWrapper = styled(Flex)`
   border-radius: 0 0 ${theme$1.borderRadius.lg} ${theme$1.borderRadius.lg};
 `;
 const PaginationButton = styled.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;
@@ -4495,8 +4362,8 @@ const PaginationButton = styled.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 {
@@ -4716,7 +4583,6 @@ const TemplateList = () => {
   const { get, del, post } = useFetchClient();
   const { toggleNotification } = useNotification();
   const navigate = useNavigate();
-  useLicense();
   useAuthRefresh();
   const [templates, setTemplates] = useState([]);
   const [stats, setStats] = useState(null);
@@ -4726,7 +4592,6 @@ const TemplateList = () => {
   const [showCodeExample, setShowCodeExample] = useState(false);
   const [selectedTemplate, setSelectedTemplate] = useState(null);
   const [copiedCode, setCopiedCode] = useState(null);
-  const [limits, setLimits] = useState(null);
   const [showTestSendModal, setShowTestSendModal] = useState(false);
   const [testEmail, setTestEmail] = useState("");
   const [currentPage, setCurrentPage] = useState(1);
@@ -4748,7 +4613,6 @@ const TemplateList = () => {
   ];
   useEffect(() => {
     fetchData();
-    fetchLimits();
     fetchAccounts();
   }, []);
   const fetchData = async () => {
@@ -4766,24 +4630,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");
@@ -4827,38 +4673,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");
@@ -4943,23 +4757,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 () => {
@@ -4977,7 +4774,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"
       });
     }
   };
@@ -5000,7 +4797,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) => {
@@ -5029,31 +4829,12 @@ const TemplateList = () => {
         /* @__PURE__ */ jsx(DocumentTextIcon, {}),
         "Email Templates"
       ] }) }),
-      stats && limits && /* @__PURE__ */ jsx(Subtitle$1, { variant: "epsilon", children: /* @__PURE__ */ jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: "8px" }, children: [
-        /* @__PURE__ */ jsxs("span", { children: [
-          stats.total,
-          " template",
-          stats.total !== 1 ? "s" : "",
-          " created"
-        ] }),
-        /* @__PURE__ */ jsx("span", { style: { opacity: 0.8 }, children: "•" }),
-        !limits.emailTemplates.unlimited ? /* @__PURE__ */ 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__ */ jsx("span", { style: {
-          background: "rgba(255, 255, 255, 0.2)",
-          padding: "2px 10px",
-          borderRadius: "12px",
-          fontWeight: "600"
-        }, children: "Unlimited templates" })
-      ] }) })
+      stats && /* @__PURE__ */ jsx(Subtitle$1, { variant: "epsilon", children: /* @__PURE__ */ jsx("span", { style: { display: "inline-flex", alignItems: "center", gap: "8px" }, children: /* @__PURE__ */ jsxs("span", { children: [
+        stats.total,
+        " template",
+        stats.total !== 1 ? "s" : "",
+        " created"
+      ] }) }) })
     ] }) }) }),
     /* @__PURE__ */ jsxs(StatsGrid$1, { children: [
       /* @__PURE__ */ jsxs(StatCard$1, { $delay: "0.1s", $color: "var(--colors-primary600, #0EA5E9)", children: [
@@ -5065,40 +4846,9 @@ const TemplateList = () => {
         /* @__PURE__ */ jsx(StatIcon$1, { className: "stat-icon", $bg: "rgba(22, 163, 74, 0.12)", $color: "var(--colors-success600, #16A34A)", children: /* @__PURE__ */ jsx(ChartBarIcon, {}) }),
         /* @__PURE__ */ jsx(StatValue$1, { className: "stat-value", variant: "alpha", children: showSkeleton ? "..." : stats?.active || 0 }),
         /* @__PURE__ */ jsx(StatLabel$1, { variant: "pi", children: "Active" })
-      ] }),
-      limits?.emailTemplates && !limits.emailTemplates.unlimited && /* @__PURE__ */ jsxs(StatCard$1, { $delay: "0.3s", $color: "var(--colors-warning600, #F59E0B)", children: [
-        /* @__PURE__ */ jsx(StatIcon$1, { className: "stat-icon", $bg: "rgba(234, 179, 8, 0.12)", $color: "var(--colors-warning600, #D97706)", children: /* @__PURE__ */ jsx(SparklesIcon, {}) }),
-        /* @__PURE__ */ jsx(StatValue$1, { className: "stat-value", variant: "alpha", children: showSkeleton ? "..." : limits.emailTemplates.max - limits.emailTemplates.current }),
-        /* @__PURE__ */ jsx(StatLabel$1, { variant: "pi", children: "Remaining" })
       ] })
     ] }),
     /* @__PURE__ */ jsx(Box, { style: { margin: "0 -32px 32px -32px" }, children: /* @__PURE__ */ jsx(Divider, {}) }),
-    limits?.emailTemplates && !limits.emailTemplates.unlimited && limits.emailTemplates.current >= limits.emailTemplates.max * 0.8 && /* @__PURE__ */ jsxs(LimitWarning, { children: [
-      /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 3, children: [
-        /* @__PURE__ */ jsx(SparklesIcon, { style: { width: 24, height: 24, color: "var(--colors-warning600, #D97706)" } }),
-        /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx(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__ */ jsxs(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__ */ jsxs(
-        UpgradeButton,
-        {
-          onClick: () => navigate("/admin/settings/magic-mail/upgrade"),
-          children: [
-            /* @__PURE__ */ jsx(BoltIcon, { style: { width: 16, height: 16, marginRight: "6px" } }),
-            "Upgrade Now"
-          ]
-        }
-      )
-    ] }),
     /* @__PURE__ */ jsxs(Tabs.Root, { value: activeTab, onValueChange: setActiveTab, children: [
       /* @__PURE__ */ jsxs(Tabs.List, { children: [
         /* @__PURE__ */ jsx(Tabs.Trigger, { value: "customTemplates", children: "Custom Templates" }),
@@ -5175,7 +4925,7 @@ const TemplateList = () => {
         /* @__PURE__ */ jsx(SectionHeader, { children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 4, children: [
           /* @__PURE__ */ jsx(Typography, { variant: "delta", textColor: "neutral700", style: { fontSize: "1.5rem", fontWeight: 600 }, children: "Email Templates" }),
           /* @__PURE__ */ jsx(
-            GradientButton$1,
+            GradientButton,
             {
               startIcon: /* @__PURE__ */ jsx(PlusIcon, { style: { width: 20, height: 20 } }),
               onClick: handleCreateTemplate,
@@ -5355,7 +5105,7 @@ const TemplateList = () => {
                 return /* @__PURE__ */ jsx(
                   PaginationButton,
                   {
-                    active: currentPage === pageNum,
+                    $active: currentPage === pageNum,
                     onClick: () => setCurrentPage(pageNum),
                     children: pageNum
                   },
@@ -5392,7 +5142,6 @@ const TemplateList = () => {
                   variant: "secondary",
                   onClick: () => {
                     setSearchTerm("");
-                    setActiveCategory("all");
                   },
                   style: { marginTop: "20px" },
                   children: "Clear Filters"
@@ -5444,7 +5193,7 @@ const TemplateList = () => {
         selectedTemplate.name
       ] }) }),
       /* @__PURE__ */ jsxs(ScrollableDialogBody, { children: [
-        /* @__PURE__ */ jsx(InfoBox$2, { style: { marginTop: 0, marginBottom: "20px" }, children: /* @__PURE__ */ jsxs(Flex, { alignItems: "center", justifyContent: "space-between", children: [
+        /* @__PURE__ */ jsx(InfoBox$1, { style: { marginTop: 0, marginBottom: "20px" }, children: /* @__PURE__ */ jsxs(Flex, { alignItems: "center", justifyContent: "space-between", children: [
           /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { color: "var(--colors-primary600, #075985)" }, children: [
             /* @__PURE__ */ jsx("strong", { children: "Template ID:" }),
             " #",
@@ -5659,7 +5408,7 @@ const TemplateList = () => {
       /* @__PURE__ */ jsxs(StyledModalFooter, { children: [
         /* @__PURE__ */ jsx(TertiaryButton, { onClick: () => setShowTestSendModal(false), children: "Cancel" }),
         /* @__PURE__ */ jsx(
-          GradientButton$1,
+          GradientButton,
           {
             onClick: sendTestEmail,
             startIcon: /* @__PURE__ */ jsx(PaperAirplaneIcon, { style: { width: 16, height: 16 } }),
@@ -6140,7 +5889,7 @@ const DeleteButton = styled(Button)`
     height: 14px;
   }
 `;
-const CloseButton$1 = styled.button`
+const CloseButton = styled.button`
   background: none;
   border: none;
   cursor: pointer;
@@ -6184,7 +5933,6 @@ const EditorPage = () => {
   const { get, post, put } = useFetchClient();
   const { toggleNotification } = useNotification();
   const navigate = useNavigate();
-  const { hasFeature } = useLicense();
   const emailEditorRef = useRef(null);
   const pathname = location.pathname;
   const coreMatch = pathname.match(/\/designer\/core\/(.+)$/);
@@ -6208,7 +5956,6 @@ const EditorPage = () => {
     bodyText: "",
     tags: []
   });
-  const canVersion = hasFeature("email-designer-versioning");
   const [showVersionHistory, setShowVersionHistory] = useState(false);
   const [versions, setVersions] = useState([]);
   const [loadingVersions, setLoadingVersions] = useState(false);
@@ -6457,7 +6204,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);
@@ -6512,7 +6259,7 @@ const EditorPage = () => {
           /* @__PURE__ */ jsx(BackButton, { onClick: () => navigate("/plugins/magic-mail/designer"), children: /* @__PURE__ */ jsx(ArrowLeftIcon, {}) }),
           /* @__PURE__ */ jsxs(TitleContainer, { children: [
             /* @__PURE__ */ jsx(Typography, { variant: "alpha", children: isCoreEmail ? `${coreEmailType === "reset-password" ? "Reset Password" : "Email Confirmation"}` : isNewTemplate ? "New Template" : `${templateData.name}` }),
-            canVersion && !isNewTemplate && !isCoreEmail && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Versioning enabled" }),
+            !isNewTemplate && !isCoreEmail && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Versioning enabled" }),
             isCoreEmail && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Core Strapi Email Template" })
           ] })
         ] }),
@@ -6528,7 +6275,7 @@ const EditorPage = () => {
             /* @__PURE__ */ jsx(ArrowDownTrayIcon, {}),
             "Export Design"
           ] }),
-          !isCoreEmail && !isNewTemplate && canVersion && /* @__PURE__ */ jsxs(VersionButton, { onClick: handleOpenVersionHistory, children: [
+          !isCoreEmail && !isNewTemplate && /* @__PURE__ */ jsxs(VersionButton, { onClick: handleOpenVersionHistory, children: [
             /* @__PURE__ */ jsx(ClockIcon, {}),
             "Version History"
           ] }),
@@ -6600,7 +6347,9 @@ const EditorPage = () => {
             Toggle,
             {
               checked: templateData.isActive,
-              onChange: () => setTemplateData({ ...templateData, isActive: !templateData.isActive })
+              onChange: () => setTemplateData({ ...templateData, isActive: !templateData.isActive }),
+              onLabel: "Active",
+              offLabel: "Inactive"
             }
           ),
           /* @__PURE__ */ jsx(Typography, { variant: "omega", children: templateData.isActive ? "Active" : "Inactive" })
@@ -6835,7 +6584,7 @@ const EditorPage = () => {
               children: "Delete All"
             }
           ),
-          /* @__PURE__ */ jsx(CloseButton$1, { onClick: () => setShowVersionHistory(false), children: /* @__PURE__ */ jsx(XMarkIcon, {}) })
+          /* @__PURE__ */ jsx(CloseButton, { onClick: () => setShowVersionHistory(false), children: /* @__PURE__ */ jsx(XMarkIcon, {}) })
         ] })
       ] }),
       /* @__PURE__ */ jsx(VersionModalContent, { children: loadingVersions ? /* @__PURE__ */ jsx("div", { style: { textAlign: "center", padding: "40px" }, children: /* @__PURE__ */ jsx(Loader, {}) }) : versions.length === 0 ? /* @__PURE__ */ jsxs(EmptyVersions, { children: [
@@ -6898,7 +6647,7 @@ const theme = {
   spacing: { xs: "4px", sm: "8px", md: "16px", lg: "24px", xl: "32px", "2xl": "48px" },
   borderRadius: { lg: "12px", xl: "16px" }
 };
-const fadeIn$2 = keyframes`
+const fadeIn$1 = keyframes`
   from { opacity: 0; transform: translateY(10px); }
   to { opacity: 1; transform: translateY(0); }
 `;
@@ -6914,7 +6663,7 @@ const breakpoints = {
   mobile: "768px"
 };
 const Container = styled(Box)`
-  ${css`animation: ${fadeIn$2} ${theme.transitions.slow};`}
+  ${css`animation: ${fadeIn$1} ${theme.transitions.slow};`}
   min-height: 100vh;
   max-width: 1440px;
   margin: 0 auto;
@@ -7027,7 +6776,7 @@ const StatCard = styled(Box)`
   position: relative;
   overflow: hidden;
   transition: all ${theme.transitions.normal};
-  ${css`animation: ${fadeIn$2} ${theme.transitions.slow} backwards;`}
+  ${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);
@@ -7216,22 +6965,18 @@ const Analytics = () => {
   useAuthRefresh();
   const { get, del } = useFetchClient();
   const { toggleNotification } = useNotification();
-  const { hasFeature } = useLicense();
   const [loading, setLoading] = useState(true);
   const [stats, setStats] = useState(null);
   const [emailLogs, setEmailLogs] = useState([]);
+  const [logsError, setLogsError] = useState(null);
+  const [pagination, setPagination] = useState(null);
   const [searchTerm, setSearchTerm] = useState("");
   const [showClearDialog, setShowClearDialog] = useState(false);
   const [isDeleting, setIsDeleting] = useState(false);
-  const hasBasicAnalytics = hasFeature("email-logging");
   useEffect(() => {
-    if (hasBasicAnalytics) {
-      fetchAnalytics();
-      fetchEmailLogs();
-    } else {
-      setLoading(false);
-    }
-  }, [hasBasicAnalytics]);
+    fetchAnalytics();
+    fetchEmailLogs();
+  }, []);
   const fetchAnalytics = async () => {
     try {
       const response = await get("/magic-mail/analytics/stats");
@@ -7248,10 +6993,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);
     }
@@ -7290,29 +7042,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__ */ jsxs(Container, { children: [
-      /* @__PURE__ */ jsx(Header, { children: /* @__PURE__ */ jsx(HeaderContent, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsxs("div", { style: { textAlign: "center" }, children: [
-        /* @__PURE__ */ jsxs(Title, { variant: "alpha", children: [
-          /* @__PURE__ */ jsx(ChartBarIcon, {}),
-          "Email Analytics"
-        ] }),
-        /* @__PURE__ */ jsx(Subtitle, { variant: "epsilon", children: "Upgrade to Premium to unlock detailed email analytics and tracking" })
-      ] }) }) }),
-      /* @__PURE__ */ jsx(EmptyState, { children: /* @__PURE__ */ jsxs(EmptyContent, { children: [
-        /* @__PURE__ */ jsx(EmptyIcon, { children: /* @__PURE__ */ jsx(ChartBarIcon, {}) }),
-        /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", style: { marginBottom: "12px", display: "block" }, children: "Analytics Available in Premium" }),
-        /* @__PURE__ */ jsx(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__ */ jsx(
-          GradientButton$1,
-          {
-            onClick: () => window.location.href = "/admin/settings/magic-mail/upgrade",
-            children: "View Upgrade Plans"
-          }
-        )
-      ] }) })
-    ] });
-  }
   if (loading) {
     return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", alignItems: "center", style: { minHeight: "400px" }, children: /* @__PURE__ */ jsx(Loader, { children: "Loading analytics..." }) }) });
   }
@@ -7350,6 +7079,7 @@ const Analytics = () => {
       /* @__PURE__ */ jsxs(Typography, { variant: "omega", fontWeight: "semiBold", textColor: "neutral700", children: [
         "Recent Emails (",
         filteredLogs.length,
+        pagination?.total ? ` of ${pagination.total}` : "",
         ")"
       ] }),
       /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
@@ -7374,7 +7104,11 @@ const Analytics = () => {
         )
       ] })
     ] }) }),
-    filteredLogs.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { children: /* @__PURE__ */ jsxs(EmptyContent, { children: [
+    logsError ? /* @__PURE__ */ jsx(EmptyState, { children: /* @__PURE__ */ jsxs(EmptyContent, { children: [
+      /* @__PURE__ */ jsx(EmptyIcon, { children: /* @__PURE__ */ jsx(ExclamationTriangleIcon, {}) }),
+      /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", style: { marginBottom: "12px", display: "block" }, children: "Couldn't load email logs" }),
+      /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", style: { lineHeight: "1.6", display: "block" }, children: logsError })
+    ] }) }) : filteredLogs.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { children: /* @__PURE__ */ jsxs(EmptyContent, { children: [
       /* @__PURE__ */ jsx(EmptyIcon, { children: /* @__PURE__ */ jsx(EnvelopeIcon, {}) }),
       /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", style: { marginBottom: "12px", display: "block" }, children: searchTerm ? "No emails found" : "No emails sent yet" }),
       /* @__PURE__ */ jsx(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!" })
@@ -7451,7 +7185,7 @@ const Analytics = () => {
     ] }) })
   ] });
 };
-const fadeIn$1 = keyframes`
+const fadeIn = keyframes`
   from {
     opacity: 0;
     transform: translateY(10px);
@@ -7495,7 +7229,7 @@ const PageContainer = styled(Box)`
   padding: 40px;
   max-width: 900px;
   margin: 0 auto;
-  animation: ${fadeIn$1} 0.4s ease;
+  animation: ${fadeIn} 0.4s ease;
 `;
 const HeaderSection = styled(Box)`
   text-align: center;
@@ -7587,7 +7321,7 @@ const ContentCard = styled(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.div`
@@ -7657,7 +7391,7 @@ const ConnectedCard = styled(Box)`
   padding: 32px;
   text-align: center;
 `;
-const InfoBox$1 = styled(Box)`
+const InfoBox = styled(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;
@@ -7773,7 +7507,7 @@ const AlertIcon = styled.div`
   font-weight: bold;
   flex-shrink: 0;
 `;
-const SuccessBox$1 = styled(Box)`
+const SuccessBox = styled(Box)`
   background: rgba(22, 163, 74, 0.06);
   border: 1px solid rgba(22, 163, 74, 0.2);
   border-radius: 12px;
@@ -7793,7 +7527,7 @@ const SuccessIcon = styled.div`
   justify-content: center;
   flex-shrink: 0;
 `;
-const WhatsAppButton = styled(GradientButton$1)`
+const WhatsAppButton = styled(GradientButton)`
   && {
     background: linear-gradient(135deg, ${colors.whatsapp} 0%, ${colors.whatsappDark} 100%) !important;
     
@@ -8034,7 +7768,7 @@ const WhatsAppPage = () => {
     currentStep === 1 && /* @__PURE__ */ jsxs(ContentCard, { children: [
       /* @__PURE__ */ jsx(Typography, { variant: "beta", fontWeight: "bold", style: { display: "block", marginBottom: "8px" }, children: "Check Installation" }),
       /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", style: { display: "block", marginBottom: "24px" }, children: "First, we need to verify that the required dependencies are installed." }),
-      isAvailable ? /* @__PURE__ */ jsxs(SuccessBox$1, { children: [
+      isAvailable ? /* @__PURE__ */ jsxs(SuccessBox, { children: [
         /* @__PURE__ */ jsx(SuccessIcon, { children: /* @__PURE__ */ jsx(Check, { style: { width: 14, height: 14 } }) }),
         /* @__PURE__ */ jsxs(Box, { children: [
           /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", style: { display: "block", marginBottom: "4px", color: "var(--colors-success600, #15803D)" }, children: "Dependencies Installed" }),
@@ -8072,7 +7806,7 @@ const WhatsAppPage = () => {
           }
         ),
         /* @__PURE__ */ jsx(
-          GradientButton$1,
+          GradientButton,
           {
             onClick: () => setCurrentStep(2),
             disabled: !isAvailable,
@@ -8085,7 +7819,7 @@ const WhatsAppPage = () => {
     currentStep === 2 && /* @__PURE__ */ jsxs(ContentCard, { children: [
       /* @__PURE__ */ jsx(Typography, { variant: "beta", fontWeight: "bold", style: { display: "block", marginBottom: "8px" }, children: "Connect Your WhatsApp" }),
       /* @__PURE__ */ jsx(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__ */ jsxs(InfoBox$1, { children: [
+      /* @__PURE__ */ jsxs(InfoBox, { children: [
         /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", style: { display: "block", marginBottom: "16px", color: "var(--colors-primary600, #075985)" }, children: "How it works" }),
         /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 3, children: [
           /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral700", children: '1. Click "Connect WhatsApp" to generate a QR code' }),
@@ -8131,7 +7865,7 @@ const WhatsAppPage = () => {
         /* @__PURE__ */ jsx(SpinningLoader, { style: { width: "40px", height: "40px" } }),
         /* @__PURE__ */ jsx(Typography, { variant: "omega", children: "Generating QR code..." })
       ] }) }),
-      /* @__PURE__ */ jsxs(InfoBox$1, { children: [
+      /* @__PURE__ */ jsxs(InfoBox, { children: [
         /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", style: { display: "block", marginBottom: "16px", color: "var(--colors-primary600, #075985)" }, children: "Instructions" }),
         /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
           /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral700", children: "1. Open WhatsApp on your phone" }),
@@ -8259,440 +7993,14 @@ await whatsapp.sendTemplateMessage('49123456789', 'welcome', {
     ] })
   ] });
 };
-const fadeIn = keyframes`
-  from { opacity: 0; }
-  to { opacity: 1; }
-`;
-const slideUp = keyframes`
-  from { 
-    opacity: 0;
-    transform: translateY(30px);
-  }
-  to { 
-    opacity: 1;
-    transform: translateY(0);
-  }
-`;
-const ModalOverlay = styled.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(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(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.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.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(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(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.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(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(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(Typography)`
-  font-size: 13px;
-  line-height: 1.6;
-  color: ${(p) => p.theme.colors.neutral800};
-`;
-const LicenseGuard = ({ children }) => {
-  const { get, post } = useFetchClient();
-  const { toggleNotification } = useNotification();
-  const navigate = useNavigate();
-  useAuthRefresh();
-  const [isChecking, setIsChecking] = useState(true);
-  const [needsLicense, setNeedsLicense] = useState(false);
-  const [isCreating, setIsCreating] = useState(false);
-  const [useExistingKey, setUseExistingKey] = useState(false);
-  const [useAutoCreate, setUseAutoCreate] = useState(true);
-  const [existingLicenseKey, setExistingLicenseKey] = useState("");
-  const [existingEmail, setExistingEmail] = useState("");
-  const [adminUser, setAdminUser] = useState(null);
-  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__ */ jsx(Box, { padding: 8, style: { textAlign: "center" }, children: /* @__PURE__ */ jsx(Loader, { children: "Checking license..." }) });
-  }
-  if (needsLicense) {
-    return /* @__PURE__ */ jsx(ModalOverlay, { children: /* @__PURE__ */ jsxs(ModalContent, { children: [
-      /* @__PURE__ */ jsxs(GradientHeader, { children: [
-        /* @__PURE__ */ jsx(CloseButton, { onClick: handleClose, type: "button", children: /* @__PURE__ */ jsx(XMarkIcon, {}) }),
-        /* @__PURE__ */ jsx(IconWrapper, { children: /* @__PURE__ */ jsx(KeyIcon, {}) }),
-        /* @__PURE__ */ jsxs(Box, { style: { textAlign: "center", position: "relative" }, children: [
-          /* @__PURE__ */ jsx(
-            Typography,
-            {
-              variant: "alpha",
-              style: {
-                color: "white",
-                fontSize: "24px",
-                fontWeight: "700",
-                marginBottom: "12px",
-                display: "block"
-              },
-              children: "🔐 Activate MagicMail"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            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__ */ jsx("form", { onSubmit: useExistingKey ? handleValidateExistingKey : handleAutoCreateLicense, children: /* @__PURE__ */ jsx(Box, { padding: 6, paddingLeft: 8, paddingRight: 8, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 5, style: { width: "100%" }, children: [
-        /* @__PURE__ */ jsx(Box, { style: { textAlign: "center", width: "100%" }, children: /* @__PURE__ */ jsx(
-          ToggleButton,
-          {
-            type: "button",
-            onClick: () => setUseExistingKey(!useExistingKey),
-            disabled: isCreating,
-            children: useExistingKey ? "← Create new license" : "Have a license key? →"
-          }
-        ) }),
-        /* @__PURE__ */ jsx(InfoBox, { children: /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs(Box, { style: { width: "100%" }, children: [
-              /* @__PURE__ */ jsx(
-                Typography,
-                {
-                  variant: "pi",
-                  fontWeight: "bold",
-                  style: { marginBottom: "8px", display: "block" },
-                  children: "Email Address *"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                TextInput,
-                {
-                  placeholder: "admin@example.com",
-                  type: "email",
-                  value: existingEmail,
-                  onChange: (e) => setExistingEmail(e.target.value),
-                  required: true,
-                  disabled: isCreating
-                }
-              ),
-              /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "11px", marginTop: "4px" }, children: "Enter the email address associated with this license" })
-            ] }),
-            /* @__PURE__ */ jsxs(Box, { style: { width: "100%" }, children: [
-              /* @__PURE__ */ jsx(
-                Typography,
-                {
-                  variant: "pi",
-                  fontWeight: "bold",
-                  style: { marginBottom: "8px", display: "block" },
-                  children: "License Key *"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                TextInput,
-                {
-                  placeholder: "MAGIC-MAIL-XXXX-XXXX-XXXX",
-                  value: existingLicenseKey,
-                  onChange: (e) => setExistingLicenseKey(e.target.value),
-                  required: true,
-                  disabled: isCreating
-                }
-              ),
-              /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "11px", marginTop: "4px" }, children: "Enter the license key" })
-            ] })
-          ] })
-        ) : adminUser ? (
-          // Auto-create mode - Show user info
-          /* @__PURE__ */ jsxs(SuccessBox, { children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", style: { marginBottom: "12px", display: "block" }, children: "Ready to activate with your account:" }),
-            /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { marginBottom: "4px", display: "block" }, children: [
-              adminUser.firstname || "Admin",
-              " ",
-              adminUser.lastname || "User"
-            ] }),
-            /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: adminUser.email || "Loading..." })
-          ] })
-        ) : /* @__PURE__ */ jsxs(Box, { padding: 4, background: "neutral100", hasRadius: true, style: { textAlign: "center" }, children: [
-          /* @__PURE__ */ jsx(Loader, { small: true }),
-          /* @__PURE__ */ jsx(Typography, { variant: "pi", marginTop: 2, children: "Loading admin user data..." })
-        ] }),
-        /* @__PURE__ */ jsx(Flex, { gap: 3, justifyContent: "center", style: { marginTop: "16px" }, children: useExistingKey ? /* @__PURE__ */ jsx(
-          GradientButton,
-          {
-            type: "submit",
-            size: "L",
-            startIcon: /* @__PURE__ */ jsx(CheckIcon, { style: { width: 20, height: 20 } }),
-            loading: isCreating,
-            disabled: isCreating || !existingLicenseKey.trim() || !existingEmail.trim(),
-            children: "Validate License"
-          }
-        ) : /* @__PURE__ */ jsx(
-          GradientButton,
-          {
-            type: "submit",
-            size: "L",
-            startIcon: /* @__PURE__ */ jsx(CheckIcon, { style: { width: 20, height: 20 } }),
-            loading: isCreating,
-            disabled: isCreating || !adminUser,
-            children: "Activate License"
-          }
-        ) })
-      ] }) }) })
-    ] }) });
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children });
-};
 const pluginId = "magic-mail";
 const pluginPermissions = {
   access: [{ action: `plugin::${pluginId}.access`, subject: null }]
 };
 const App = () => {
+  useAuthRefresh();
   const location = useLocation();
   const navigate = 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";
@@ -8711,9 +8019,9 @@ const App = () => {
     if (tab === "whatsapp") navigate("/plugins/magic-mail/whatsapp");
   };
   if (isEditorRoute) {
-    return /* @__PURE__ */ jsx(Page.Protect, { permissions: pluginPermissions.access, children: /* @__PURE__ */ jsx(LicenseGuard, { children: /* @__PURE__ */ jsx(EditorPage, {}) }) });
+    return /* @__PURE__ */ jsx(Page.Protect, { permissions: pluginPermissions.access, children: /* @__PURE__ */ jsx(EditorPage, {}) });
   }
-  return /* @__PURE__ */ jsx(Page.Protect, { permissions: pluginPermissions.access, children: /* @__PURE__ */ jsx(LicenseGuard, { children: /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Tabs.Root, { value: activeTab, onValueChange: handleTabChange, children: [
+  return /* @__PURE__ */ jsx(Page.Protect, { permissions: pluginPermissions.access, children: /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Tabs.Root, { value: activeTab, onValueChange: handleTabChange, children: [
     /* @__PURE__ */ jsxs(Tabs.List, { children: [
       /* @__PURE__ */ jsx(Tabs.Trigger, { value: "accounts", children: /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
         /* @__PURE__ */ jsx(EnvelopeIcon, { style: { width: 16, height: 16 } }),
@@ -8723,11 +8031,11 @@ const App = () => {
         /* @__PURE__ */ jsx(FunnelIcon, { style: { width: 16, height: 16 } }),
         "Routing Rules"
       ] }) }),
-      hasEmailDesigner && /* @__PURE__ */ jsx(Tabs.Trigger, { value: "templates", children: /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsx(Tabs.Trigger, { value: "templates", children: /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
         /* @__PURE__ */ jsx(DocumentTextIcon, { style: { width: 16, height: 16 } }),
         "Email Templates"
       ] }) }),
-      hasAnalytics && /* @__PURE__ */ jsx(Tabs.Trigger, { value: "analytics", children: /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsx(Tabs.Trigger, { value: "analytics", children: /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
         /* @__PURE__ */ jsx(ChartBarIcon, { style: { width: 16, height: 16 } }),
         "Analytics"
       ] }) }),
@@ -8738,10 +8046,10 @@ const App = () => {
     ] }),
     /* @__PURE__ */ jsx(Tabs.Content, { value: "accounts", children: /* @__PURE__ */ jsx(HomePage, {}) }),
     /* @__PURE__ */ jsx(Tabs.Content, { value: "routing", children: /* @__PURE__ */ jsx(RoutingRulesPage, {}) }),
-    hasEmailDesigner && /* @__PURE__ */ jsx(Tabs.Content, { value: "templates", children: /* @__PURE__ */ jsx(TemplateList, {}) }),
-    hasAnalytics && /* @__PURE__ */ jsx(Tabs.Content, { value: "analytics", children: /* @__PURE__ */ jsx(Analytics, {}) }),
+    /* @__PURE__ */ jsx(Tabs.Content, { value: "templates", children: /* @__PURE__ */ jsx(TemplateList, {}) }),
+    /* @__PURE__ */ jsx(Tabs.Content, { value: "analytics", children: /* @__PURE__ */ jsx(Analytics, {}) }),
     /* @__PURE__ */ jsx(Tabs.Content, { value: "whatsapp", children: /* @__PURE__ */ jsx(WhatsAppPage, {}) })
-  ] }) }) }) });
+  ] }) }) });
 };
 export {
   App as default