strapi-plugin-magic-link-v5 5.5.8 → 6.0.0

package/dist/_chunks/index-Dufv-daf.mjs

@@ -1,305 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { Loader, Box, Alert, Flex, Typography, Button, Badge, Accordion } from "@strapi/design-system";
-import { useFetchClient, useNotification } from "@strapi/strapi/admin";
-import { ArrowClockwise, Duplicate, Download, User, Shield, ChartBubble } from "@strapi/icons";
-import styled, { keyframes } from "styled-components";
-const theme = {
-  colors: {
-    neutral: { 200: "#E5E7EB" }
-  },
-  shadows: { sm: "0 1px 3px rgba(0,0,0,0.1)" },
-  borderRadius: { lg: "12px" }
-};
-const fadeIn = keyframes`
-  from { opacity: 0; transform: translateY(10px); }
-  to { opacity: 1; transform: translateY(0); }
-`;
-const shimmer = keyframes`
-  0% { background-position: -200% 0; }
-  100% { background-position: 200% 0; }
-`;
-const Container = styled(Box)`
-  animation: ${fadeIn} 0.5s;
-  max-width: 1400px;
-  margin: 0 auto;
-`;
-const StickySaveBar = styled(Box)`
-  position: sticky;
-  top: 0;
-  z-index: 10;
-  background: white;
-  border-bottom: 1px solid ${theme.colors.neutral[200]};
-  box-shadow: ${theme.shadows.sm};
-`;
-const LicenseKeyBanner = styled(Box)`
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  border-radius: ${theme.borderRadius.lg};
-  padding: 28px 32px;
-  color: white;
-  position: relative;
-  overflow: hidden;
-  box-shadow: 0 4px 20px rgba(102, 126, 234, 0.25);
-  margin-bottom: 24px;
-  
-  &::after {
-    content: '';
-    position: absolute;
-    top: -50%;
-    right: -50%;
-    width: 200%;
-    height: 200%;
-    background: linear-gradient(
-      45deg,
-      transparent,
-      rgba(255, 255, 255, 0.08),
-      transparent
-    );
-    animation: ${shimmer} 3s infinite;
-    pointer-events: none;
-    z-index: 0;
-  }
-  
-  & > * {
-    position: relative;
-    z-index: 1;
-  }
-`;
-styled(Flex)`
-  padding: 16px 0;
-  border-bottom: 1px solid ${theme.colors.neutral[200]};
-  
-  &:last-child {
-    border-bottom: none;
-  }
-`;
-const LoaderContainer = styled(Flex)`
-  min-height: 400px;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  gap: 16px;
-`;
-const LicensePage = () => {
-  const { get } = useFetchClient();
-  const { toggleNotification } = useNotification();
-  const [loading, setLoading] = useState(true);
-  const [licenseData, setLicenseData] = useState(null);
-  const [error, setError] = useState(null);
-  const fetchLicenseStatus = async () => {
-    setLoading(true);
-    setError(null);
-    try {
-      const response = await get("/magic-link/license/status");
-      setLicenseData(response.data);
-    } catch (err) {
-      console.error("Error fetching license:", err);
-      setError("Failed to load license information");
-    } finally {
-      setLoading(false);
-    }
-  };
-  const handleCopyLicenseKey = async () => {
-    try {
-      await navigator.clipboard.writeText(licenseData?.data?.licenseKey || "");
-      toggleNotification({
-        type: "success",
-        message: "License key copied to clipboard!",
-        title: "Copied"
-      });
-    } catch (err) {
-      toggleNotification({
-        type: "danger",
-        message: "Failed to copy license key",
-        title: "Error"
-      });
-    }
-  };
-  const handleDownloadLicenseKey = () => {
-    try {
-      const data2 = licenseData?.data || {};
-      const licenseKey = data2.licenseKey || "";
-      const email = data2.email || "N/A";
-      const firstName = data2.firstName || "";
-      const lastName = data2.lastName || "";
-      const fullName = `${firstName} ${lastName}`.trim() || "N/A";
-      const content = `Magic Link Plugin License Key
-═══════════════════════════════════════
-
-License Key: ${licenseKey}
-
-License Holder Information:
-──────────────────────────────────────
-Name:        ${fullName}
-Email:       ${email}
-
-License Status:
-──────────────────────────────────────
-Status:      ${data2.isActive ? "ACTIVE" : "INACTIVE"}
-Expires:     ${data2.expiresAt ? new Date(data2.expiresAt).toLocaleDateString() : "Never"}
-
-═══════════════════════════════════════
-Generated:   ${(/* @__PURE__ */ new Date()).toLocaleString()}
-`;
-      const blob = new Blob([content], { type: "text/plain" });
-      const url = window.URL.createObjectURL(blob);
-      const link = document.createElement("a");
-      link.href = url;
-      link.download = `magic-link-license-${licenseKey.substring(0, 8)}.txt`;
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link);
-      window.URL.revokeObjectURL(url);
-      toggleNotification({
-        type: "success",
-        message: "License key downloaded successfully!",
-        title: "Downloaded"
-      });
-    } catch (err) {
-      toggleNotification({
-        type: "danger",
-        message: "Failed to download license key",
-        title: "Error"
-      });
-    }
-  };
-  useEffect(() => {
-    fetchLicenseStatus();
-  }, []);
-  if (loading) {
-    return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(LoaderContainer, { children: /* @__PURE__ */ jsx(Loader, { children: "Loading license information..." }) }) });
-  }
-  if (error) {
-    return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Box, { padding: 8, children: /* @__PURE__ */ jsx(Alert, { variant: "danger", title: "Error", children: error }) }) });
-  }
-  const isValid = licenseData?.valid !== false;
-  const hasKey = !!licenseData?.hasKey;
-  const data = licenseData?.data || {};
-  return /* @__PURE__ */ jsxs(Container, { children: [
-    /* @__PURE__ */ jsx(StickySaveBar, { paddingTop: 5, paddingBottom: 5, paddingLeft: 6, paddingRight: 6, children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
-      /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 1, children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "alpha", fontWeight: "bold", children: "License Management" }),
-        /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: "View your Magic Link plugin license" })
-      ] }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          startIcon: /* @__PURE__ */ jsx(ArrowClockwise, {}),
-          onClick: fetchLicenseStatus,
-          size: "L",
-          style: {
-            background: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
-            color: "white",
-            fontWeight: "600",
-            border: "none"
-          },
-          children: "Refresh Status"
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsxs(Box, { paddingTop: 6, paddingLeft: 6, paddingRight: 6, paddingBottom: 10, children: [
-      hasKey && isValid ? /* @__PURE__ */ jsx(Alert, { variant: "success", title: "License Active", children: "License key registered. Thanks for supporting the plugin!" }) : hasKey && !isValid ? /* @__PURE__ */ jsx(Alert, { variant: "warning", title: "License Verification", children: "We couldn't reach the license server right now. The plugin keeps working — try Refresh Status later." }) : /* @__PURE__ */ jsx(Alert, { variant: "default", title: "No license key registered", children: 'All Magic Link features are available without activation. If you want to register a license key, use the form below or run "Auto-Activate" to generate one for your admin email.' }),
-      data.licenseKey && /* @__PURE__ */ jsx(Box, { marginTop: 6, children: /* @__PURE__ */ jsx(LicenseKeyBanner, { children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "flex-start", children: [
-        /* @__PURE__ */ jsxs(Box, { style: { flex: 1 }, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "pi", style: { color: "rgba(255,255,255,0.8)", marginBottom: "12px", textTransform: "uppercase", fontSize: "11px", letterSpacing: "0.5px", display: "block" }, children: "License Key" }),
-          /* @__PURE__ */ jsx(Typography, { style: { color: "white", fontFamily: "monospace", fontSize: "28px", fontWeight: "bold", wordBreak: "break-all", marginBottom: "16px" }, children: data.licenseKey }),
-          /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                onClick: handleCopyLicenseKey,
-                startIcon: /* @__PURE__ */ jsx(Duplicate, {}),
-                size: "S",
-                variant: "secondary",
-                style: {
-                  backgroundColor: "rgba(255,255,255,0.2)",
-                  color: "white",
-                  border: "1px solid rgba(255,255,255,0.3)",
-                  fontWeight: "600"
-                },
-                children: "Copy Key"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                onClick: handleDownloadLicenseKey,
-                startIcon: /* @__PURE__ */ jsx(Download, {}),
-                size: "S",
-                variant: "secondary",
-                style: {
-                  backgroundColor: "rgba(255,255,255,0.2)",
-                  color: "white",
-                  border: "1px solid rgba(255,255,255,0.3)",
-                  fontWeight: "600"
-                },
-                children: "Download as TXT"
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(
-          Badge,
-          {
-            backgroundColor: data.isActive ? "success100" : "danger100",
-            textColor: data.isActive ? "success700" : "danger700",
-            style: { fontSize: "11px", fontWeight: "700", padding: "6px 12px", marginLeft: "16px", flexShrink: 0 },
-            children: data.isActive ? "ACTIVE" : "INACTIVE"
-          }
-        )
-      ] }) }) }),
-      /* @__PURE__ */ jsx(Box, { marginTop: 6, children: /* @__PURE__ */ jsxs(Accordion.Root, { defaultValue: ["account", "details", "features", "status"], children: [
-        /* @__PURE__ */ jsxs(Accordion.Item, { value: "account", children: [
-          /* @__PURE__ */ jsx(Accordion.Header, { children: /* @__PURE__ */ jsx(Accordion.Trigger, { icon: User, children: "Account Information" }) }),
-          /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(Box, { padding: 6, children: /* @__PURE__ */ jsxs(Flex, { gap: 8, wrap: "wrap", children: [
-            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "200px" }, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "Email Address" }),
-              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: data.email || "Not provided" })
-            ] }),
-            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "200px" }, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "License Holder" }),
-              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: data.firstName && data.lastName ? `${data.firstName} ${data.lastName}` : "Not specified" })
-            ] })
-          ] }) }) })
-        ] }),
-        /* @__PURE__ */ jsxs(Accordion.Item, { value: "details", children: [
-          /* @__PURE__ */ jsx(Accordion.Header, { children: /* @__PURE__ */ jsx(Accordion.Trigger, { icon: Shield, children: "License Details" }) }),
-          /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(Box, { padding: 6, children: /* @__PURE__ */ jsxs(Flex, { gap: 8, wrap: "wrap", children: [
-            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "180px" }, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: data.isExpired ? "Expired On" : "Expires On" }),
-              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: data.expiresAt ? new Date(data.expiresAt).toLocaleDateString("en-US", {
-                year: "numeric",
-                month: "long",
-                day: "numeric"
-              }) : "Never" })
-            ] }),
-            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "180px" }, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "Device Name" }),
-              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: data.deviceName || "Unknown" })
-            ] }),
-            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "180px" }, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "IP Address" }),
-              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: data.ipAddress || "Not detected" })
-            ] })
-          ] }) }) })
-        ] }),
-        /* @__PURE__ */ jsxs(Accordion.Item, { value: "status", children: [
-          /* @__PURE__ */ jsx(Accordion.Header, { children: /* @__PURE__ */ jsx(Accordion.Trigger, { icon: ChartBubble, children: "System Status" }) }),
-          /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(Box, { padding: 6, children: /* @__PURE__ */ jsxs(Flex, { gap: 8, wrap: "wrap", children: [
-            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "150px" }, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "License Status" }),
-              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: hasKey ? data.isActive ? "Active" : "Inactive" : "No key registered" })
-            ] }),
-            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "150px" }, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: "Plugin Mode" }),
-              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: "Fully unlocked" })
-            ] })
-          ] }) }) })
-        ] })
-      ] }) })
-    ] })
-  ] });
-};
-export {
-  LicensePage as default
-};

package/dist/_chunks/index-I72rBTkL.js

@@ -1,332 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const styled = require("styled-components");
-const reactIntl = require("react-intl");
-const designSystem = require("@strapi/design-system");
-const icons = require("@strapi/icons");
-const admin = require("@strapi/strapi/admin");
-const index = require("./index-CGxbhJfg.js");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const styled__default = /* @__PURE__ */ _interopDefault(styled);
-const theme = {
-  colors: {
-    primary: { 700: "#075985", 100: "#E0F2FE", 50: "#F0F9FF" },
-    success: { 600: "#16A34A", 700: "#15803D", 100: "#DCFCE7" },
-    danger: { 700: "#B91C1C", 100: "#FEE2E2" },
-    warning: { 700: "#A16207", 100: "#FEF3C7", 50: "#FFFBEB" },
-    whatsapp: { 600: "#25D366" },
-    neutral: { 50: "#F9FAFB", 100: "#F3F4F6", 200: "#E5E7EB", 800: "#1F2937" }
-  },
-  shadows: { md: "0 4px 6px rgba(0,0,0,0.1)" },
-  borderRadius: { md: "8px", lg: "12px" }
-};
-const Container = styled__default.default(designSystem.Box)`
-  max-width: 900px;
-  margin: 0 auto;
-  padding: 32px;
-`;
-const Card = styled__default.default(designSystem.Box)`
-  background: white;
-  border-radius: ${theme.borderRadius.lg};
-  box-shadow: ${theme.shadows.md};
-  padding: 24px;
-  margin-bottom: 24px;
-`;
-const QRCodeContainer = styled__default.default(designSystem.Box)`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 24px;
-  background: ${theme.colors.neutral[50]};
-  border-radius: ${theme.borderRadius.lg};
-  border: 2px dashed ${theme.colors.neutral[200]};
-  min-height: 280px;
-  
-  img {
-    max-width: 256px;
-    border-radius: ${theme.borderRadius.md};
-  }
-`;
-const StatusBadge = styled__default.default(designSystem.Badge)`
-  background: ${(props) => {
-  switch (props.$status) {
-    case "connected":
-      return theme.colors.success[100];
-    case "connecting":
-      return theme.colors.warning[100];
-    case "qr_pending":
-      return theme.colors.primary[100];
-    default:
-      return theme.colors.danger[100];
-  }
-}};
-  color: ${(props) => {
-  switch (props.$status) {
-    case "connected":
-      return theme.colors.success[700];
-    case "connecting":
-      return theme.colors.warning[700];
-    case "qr_pending":
-      return theme.colors.primary[700];
-    default:
-      return theme.colors.danger[700];
-  }
-}};
-  font-weight: 600;
-  padding: 8px 16px;
-  font-size: 14px;
-`;
-const WhatsAppIcon = styled__default.default.div`
-  width: 48px;
-  height: 48px;
-  border-radius: 50%;
-  background: ${theme.colors.whatsapp[600]};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: white;
-  font-size: 24px;
-`;
-const WhatsAppPage = () => {
-  const { formatMessage } = reactIntl.useIntl();
-  const { toggleNotification } = admin.useNotification();
-  const { get, post } = admin.useFetchClient();
-  const [loading, setLoading] = react.useState(true);
-  const [status, setStatus] = react.useState({
-    available: false,
-    status: "disconnected",
-    qrCode: null,
-    session: null,
-    delegatedTo: null
-  });
-  const [settings, setSettings] = react.useState({
-    whatsapp_enabled: false,
-    whatsapp_app_name: "Magic Link"
-  });
-  const [testPhone, setTestPhone] = react.useState("");
-  const [testMessage, setTestMessage] = react.useState("");
-  const [sending, setSending] = react.useState(false);
-  const [connecting, setConnecting] = react.useState(false);
-  const fetchStatus = react.useCallback(async () => {
-    try {
-      const response = await get("/magic-link/whatsapp/status");
-      setStatus(response.data);
-    } catch (error) {
-      console.error("Error fetching WhatsApp status:", error);
-    }
-  }, [get]);
-  const fetchSettings = react.useCallback(async () => {
-    try {
-      const response = await get("/magic-link/settings");
-      setSettings(response.data || {});
-    } catch (error) {
-      console.error("Error fetching settings:", error);
-    }
-  }, [get]);
-  react.useEffect(() => {
-    const init = async () => {
-      setLoading(true);
-      await Promise.all([fetchStatus(), fetchSettings()]);
-      setLoading(false);
-    };
-    init();
-  }, [fetchStatus, fetchSettings]);
-  react.useEffect(() => {
-    if (status.status === "connecting" || status.status === "qr_pending") {
-      const interval = setInterval(fetchStatus, 3e3);
-      return () => clearInterval(interval);
-    }
-  }, [status.status, fetchStatus]);
-  const handleConnect = async () => {
-    setConnecting(true);
-    try {
-      await post("/magic-link/whatsapp/connect");
-      await fetchStatus();
-      toggleNotification({
-        type: "success",
-        message: formatMessage({ id: index.getTrad("whatsapp.notifications.connecting") })
-      });
-    } catch (error) {
-      toggleNotification({
-        type: "warning",
-        message: error.response?.data?.error?.message || "Connection failed"
-      });
-    }
-    setConnecting(false);
-  };
-  const handleDisconnect = async () => {
-    try {
-      await post("/magic-link/whatsapp/disconnect");
-      await fetchStatus();
-      toggleNotification({
-        type: "success",
-        message: formatMessage({ id: index.getTrad("whatsapp.notifications.disconnected") })
-      });
-    } catch (error) {
-      toggleNotification({
-        type: "warning",
-        message: "Disconnect failed"
-      });
-    }
-  };
-  const handleTestMessage = async () => {
-    if (!testPhone) {
-      toggleNotification({
-        type: "warning",
-        message: formatMessage({ id: index.getTrad("whatsapp.notifications.phoneRequired") })
-      });
-      return;
-    }
-    setSending(true);
-    try {
-      const response = await post("/magic-link/whatsapp/test-message", {
-        phoneNumber: testPhone,
-        message: testMessage || void 0
-      });
-      if (response.data.success) {
-        toggleNotification({
-          type: "success",
-          message: formatMessage({ id: index.getTrad("whatsapp.notifications.messageSent") })
-        });
-        setTestMessage("");
-      } else {
-        toggleNotification({
-          type: "warning",
-          message: response.data.error || "Failed to send"
-        });
-      }
-    } catch (error) {
-      toggleNotification({
-        type: "warning",
-        message: error.response?.data?.error?.message || "Failed to send message"
-      });
-    }
-    setSending(false);
-  };
-  const getStatusLabel = () => {
-    switch (status.status) {
-      case "connected":
-        return "Connected";
-      case "connecting":
-        return "Connecting...";
-      case "qr_pending":
-        return "Scan QR Code";
-      case "not_installed":
-        return "Baileys not installed";
-      default:
-        return "Disconnected";
-    }
-  };
-  if (loading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", padding: 8, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, {}) }) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { marginBottom: 6, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "flex-start", marginBottom: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 4, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(WhatsAppIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(icons.Phone, {}) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "alpha", fontWeight: "bold", children: formatMessage({ id: index.getTrad("whatsapp.title") }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { $status: status.status, children: getStatusLabel() })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", style: { marginLeft: "64px" }, children: formatMessage({ id: index.getTrad("whatsapp.subtitle") }) })
-    ] }),
-    status.delegatedTo === "magic-mail" && /* @__PURE__ */ jsxRuntime.jsxs(Card, { style: { background: theme.colors.primary[50], border: `2px solid ${theme.colors.primary[100]}` }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { display: "block", marginBottom: "12px" }, children: "WhatsApp managed by Magic-Mail" }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { display: "block", lineHeight: "1.6", marginBottom: "16px" }, children: "Magic-Mail plugin is installed and handles the WhatsApp connection. You only need to scan the QR code once in Magic-Mail, and both plugins will share the same WhatsApp session." }),
-      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { padding: "12px", background: theme.colors.neutral[100], borderRadius: theme.borderRadius.md }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { display: "block", marginBottom: "8px" }, children: "Go to: Plugins → Magic-Mail → WhatsApp" }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: "All WhatsApp settings and connection management is done there." })
-      ] })
-    ] }),
-    !status.available && !status.delegatedTo && /* @__PURE__ */ jsxRuntime.jsxs(Card, { style: { background: theme.colors.warning[50], border: `2px solid ${theme.colors.warning[100]}` }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { display: "block", marginBottom: "12px" }, children: formatMessage({ id: index.getTrad("whatsapp.notInstalled.title") }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { display: "block", lineHeight: "1.6", marginBottom: "16px" }, children: formatMessage({ id: index.getTrad("whatsapp.notInstalled.description") }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { padding: "12px", background: theme.colors.neutral[100], borderRadius: theme.borderRadius.md }, children: /* @__PURE__ */ jsxRuntime.jsx("code", { style: { fontSize: "14px" }, children: "npm install @whiskeysockets/baileys pino" }) })
-    ] }),
-    status.available && !status.delegatedTo && /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", marginBottom: 4, children: formatMessage({ id: index.getTrad("whatsapp.connection.title") }) }),
-      (status.status === "qr_pending" || status.status === "disconnected" || status.status === "connecting") && /* @__PURE__ */ jsxRuntime.jsx(QRCodeContainer, { children: status.qrCode ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { textAlign: "center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("img", { src: status.qrCode, alt: "WhatsApp QR Code" }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginTop: "16px", display: "block" }, children: formatMessage({ id: index.getTrad("whatsapp.qr.instruction") }) })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "center", gap: 4, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: status.status === "connecting" ? formatMessage({ id: index.getTrad("whatsapp.connection.generating") }) : formatMessage({ id: index.getTrad("whatsapp.connection.clickToConnect") }) }),
-        status.status !== "connecting" && /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.Button,
-          {
-            onClick: handleConnect,
-            loading: connecting,
-            startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Phone, {}),
-            style: { background: theme.colors.whatsapp[600] },
-            children: formatMessage({ id: index.getTrad("whatsapp.actions.connect") })
-          }
-        )
-      ] }) }),
-      status.status === "connected" && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          designSystem.Flex,
-          {
-            alignItems: "flex-start",
-            justifyContent: "space-between",
-            padding: 4,
-            background: "success100",
-            style: { borderRadius: theme.borderRadius.md, marginBottom: "16px" },
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "flex-start", gap: 3, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(icons.Check, { style: { color: theme.colors.success[600], marginTop: "4px" } }),
-                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { display: "block", marginBottom: "8px" }, children: formatMessage({ id: index.getTrad("whatsapp.connected.title") }) }),
-                  status.session && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { display: "block" }, children: [
-                    status.session.phoneNumber,
-                    " • ",
-                    status.session.name || "WhatsApp User"
-                  ] })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "danger", onClick: handleDisconnect, size: "S", children: formatMessage({ id: index.getTrad("whatsapp.actions.disconnect") }) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { marginTop: "24px" }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { display: "block", marginBottom: "16px" }, children: formatMessage({ id: index.getTrad("whatsapp.test.title") }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, alignItems: "flex-start", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
-              designSystem.TextInput,
-              {
-                placeholder: "491234567890",
-                value: testPhone,
-                onChange: (e) => setTestPhone(e.target.value)
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              designSystem.Button,
-              {
-                onClick: handleTestMessage,
-                loading: sending,
-                startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Message, {}),
-                children: formatMessage({ id: index.getTrad("whatsapp.actions.sendTest") })
-              }
-            )
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", marginTop: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", onClick: fetchStatus, startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowClockwise, {}), children: formatMessage({ id: index.getTrad("whatsapp.actions.refresh") }) }) })
-    ] }),
-    !status.delegatedTo && /* @__PURE__ */ jsxRuntime.jsxs(Card, { style: { background: theme.colors.primary[50], border: `2px solid ${theme.colors.primary[100]}` }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { display: "block", marginBottom: "12px" }, children: formatMessage({ id: index.getTrad("whatsapp.info.title") }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral700", style: { display: "block", lineHeight: "1.6", marginBottom: "16px" }, children: formatMessage({ id: index.getTrad("whatsapp.info.description") }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { marginTop: "16px" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { display: "block", marginBottom: "8px" }, children: formatMessage({ id: index.getTrad("whatsapp.info.apiExample") }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { padding: "12px", background: theme.colors.neutral[800], borderRadius: theme.borderRadius.md, color: "#fff", fontFamily: "monospace", fontSize: "13px" }, children: /* @__PURE__ */ jsxRuntime.jsx("pre", { style: { margin: 0, whiteSpace: "pre-wrap" }, children: `POST /api/magic-link/send-link
-{
-  "email": "user@example.com",
-  "phoneNumber": "491234567890",
-  "delivery": "whatsapp"
-}` }) })
-      ] })
-    ] })
-  ] });
-};
-exports.default = WhatsAppPage;