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

package/dist/_chunks/index-Bj-erY7g.mjs

@@ -1,143 +0,0 @@
-import { useRef, useEffect } from "react";
-import { jsx } from "react/jsx-runtime";
-import { Key } from "@strapi/icons";
-const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
-  const v = glob[path];
-  if (v) {
-    return typeof v === "function" ? v() : Promise.resolve(v);
-  }
-  return new Promise((_, reject) => {
-    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(
-      reject.bind(
-        null,
-        new Error(
-          "Unknown variable dynamic import: " + path + (path.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : "")
-        )
-      )
-    );
-  });
-};
-const strapi = {
-  name: "magic-link"
-};
-const pluginPkg = {
-  strapi
-};
-const PLUGIN_ID = "magic-link";
-const Initializer = ({ setPlugin }) => {
-  const ref = useRef(setPlugin);
-  useEffect(() => {
-    ref.current(PLUGIN_ID);
-  }, []);
-  return null;
-};
-const PluginIcon = () => /* @__PURE__ */ jsx(Key, {});
-const pluginPermissions = {
-  access: [{ action: "plugin::magic-link.access", subject: null }],
-  readSettings: [{ action: "plugin::magic-link.settings.read", subject: null }]
-};
-const getTrad = (id) => {
-  if (id.startsWith(`${PLUGIN_ID}.`)) {
-    return id;
-  }
-  return `${PLUGIN_ID}.${id}`;
-};
-const name = pluginPkg.strapi.name;
-const index = {
-  register(app) {
-    app.registerPlugin({
-      id: PLUGIN_ID,
-      initializer: Initializer,
-      isReady: false,
-      name
-    });
-    app.addMenuLink({
-      to: `plugins/${PLUGIN_ID}/tokens`,
-      icon: PluginIcon,
-      intlLabel: {
-        id: getTrad("tokens.title"),
-        defaultMessage: "Magic Link Tokens"
-      },
-      Component: () => import(
-        /* webpackChunkName: "magic-link-tokens" */
-        "./index-B9Ch8Jpe.mjs"
-      ),
-      permissions: pluginPermissions.access
-    });
-    app.createSettingSection(
-      {
-        id: PLUGIN_ID,
-        intlLabel: {
-          id: getTrad("Header.Settings"),
-          defaultMessage: "Magic Link"
-        }
-      },
-      [
-        {
-          intlLabel: {
-            id: getTrad("Form.title.Settings"),
-            defaultMessage: "Settings"
-          },
-          id: "magic-link-settings",
-          to: `${PLUGIN_ID}/config`,
-          Component: () => import(
-            /* webpackChunkName: "magic-link-settings" */
-            "./index-SCxv154G.mjs"
-          ),
-          permissions: pluginPermissions.readSettings
-        },
-        {
-          intlLabel: {
-            id: getTrad("Form.title.License"),
-            defaultMessage: "License"
-          },
-          id: "magic-link-license",
-          to: `${PLUGIN_ID}/license`,
-          Component: () => import(
-            /* webpackChunkName: "magic-link-license" */
-            "./index-Dufv-daf.mjs"
-          ),
-          permissions: pluginPermissions.access
-        },
-        {
-          intlLabel: {
-            id: getTrad("Form.title.WhatsApp"),
-            defaultMessage: "WhatsApp"
-          },
-          id: "magic-link-whatsapp",
-          to: `${PLUGIN_ID}/whatsapp`,
-          Component: () => import(
-            /* webpackChunkName: "magic-link-whatsapp" */
-            "./index-DF3Edydl.mjs"
-          ),
-          permissions: pluginPermissions.access
-        }
-      ]
-    );
-  },
-  bootstrap() {
-  },
-  async registerTrads({ locales }) {
-    const importedTrads = await Promise.all(
-      locales.map((locale) => {
-        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => import("./de-CwhYs3O3.mjs"), "./translations/en.json": () => import("./en-gXXgGDV1.mjs"), "./translations/es.json": () => import("./es-DG5gW3RZ.mjs"), "./translations/fr.json": () => import("./fr-BQn1OHOR.mjs"), "./translations/pt.json": () => import("./pt-trziAOzT.mjs") }), `./translations/${locale}.json`, 3).then(({ default: data }) => {
-          return {
-            data,
-            locale
-          };
-        }).catch(() => {
-          return {
-            data: {},
-            locale
-          };
-        });
-      })
-    );
-    return Promise.resolve(importedTrads);
-  }
-};
-export {
-  PLUGIN_ID as P,
-  getTrad as g,
-  index as i
-};

package/dist/_chunks/index-CGxbhJfg.js

@@ -1,142 +0,0 @@
-"use strict";
-const react = require("react");
-const jsxRuntime = require("react/jsx-runtime");
-const icons = require("@strapi/icons");
-const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
-  const v = glob[path];
-  if (v) {
-    return typeof v === "function" ? v() : Promise.resolve(v);
-  }
-  return new Promise((_, reject) => {
-    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(
-      reject.bind(
-        null,
-        new Error(
-          "Unknown variable dynamic import: " + path + (path.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : "")
-        )
-      )
-    );
-  });
-};
-const strapi = {
-  name: "magic-link"
-};
-const pluginPkg = {
-  strapi
-};
-const PLUGIN_ID = "magic-link";
-const Initializer = ({ setPlugin }) => {
-  const ref = react.useRef(setPlugin);
-  react.useEffect(() => {
-    ref.current(PLUGIN_ID);
-  }, []);
-  return null;
-};
-const PluginIcon = () => /* @__PURE__ */ jsxRuntime.jsx(icons.Key, {});
-const pluginPermissions = {
-  access: [{ action: "plugin::magic-link.access", subject: null }],
-  readSettings: [{ action: "plugin::magic-link.settings.read", subject: null }]
-};
-const getTrad = (id) => {
-  if (id.startsWith(`${PLUGIN_ID}.`)) {
-    return id;
-  }
-  return `${PLUGIN_ID}.${id}`;
-};
-const name = pluginPkg.strapi.name;
-const index = {
-  register(app) {
-    app.registerPlugin({
-      id: PLUGIN_ID,
-      initializer: Initializer,
-      isReady: false,
-      name
-    });
-    app.addMenuLink({
-      to: `plugins/${PLUGIN_ID}/tokens`,
-      icon: PluginIcon,
-      intlLabel: {
-        id: getTrad("tokens.title"),
-        defaultMessage: "Magic Link Tokens"
-      },
-      Component: () => Promise.resolve().then(() => require(
-        /* webpackChunkName: "magic-link-tokens" */
-        "./index-XYWLmmEs.js"
-      )),
-      permissions: pluginPermissions.access
-    });
-    app.createSettingSection(
-      {
-        id: PLUGIN_ID,
-        intlLabel: {
-          id: getTrad("Header.Settings"),
-          defaultMessage: "Magic Link"
-        }
-      },
-      [
-        {
-          intlLabel: {
-            id: getTrad("Form.title.Settings"),
-            defaultMessage: "Settings"
-          },
-          id: "magic-link-settings",
-          to: `${PLUGIN_ID}/config`,
-          Component: () => Promise.resolve().then(() => require(
-            /* webpackChunkName: "magic-link-settings" */
-            "./index-zzoovbM0.js"
-          )),
-          permissions: pluginPermissions.readSettings
-        },
-        {
-          intlLabel: {
-            id: getTrad("Form.title.License"),
-            defaultMessage: "License"
-          },
-          id: "magic-link-license",
-          to: `${PLUGIN_ID}/license`,
-          Component: () => Promise.resolve().then(() => require(
-            /* webpackChunkName: "magic-link-license" */
-            "./index-01GHNxSr.js"
-          )),
-          permissions: pluginPermissions.access
-        },
-        {
-          intlLabel: {
-            id: getTrad("Form.title.WhatsApp"),
-            defaultMessage: "WhatsApp"
-          },
-          id: "magic-link-whatsapp",
-          to: `${PLUGIN_ID}/whatsapp`,
-          Component: () => Promise.resolve().then(() => require(
-            /* webpackChunkName: "magic-link-whatsapp" */
-            "./index-I72rBTkL.js"
-          )),
-          permissions: pluginPermissions.access
-        }
-      ]
-    );
-  },
-  bootstrap() {
-  },
-  async registerTrads({ locales }) {
-    const importedTrads = await Promise.all(
-      locales.map((locale) => {
-        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => Promise.resolve().then(() => require("./de-BSOk5suQ.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-DnvSpXvu.js")), "./translations/es.json": () => Promise.resolve().then(() => require("./es-B-tnwByt.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-BKo8t7Fx.js")), "./translations/pt.json": () => Promise.resolve().then(() => require("./pt-CjEkXBAz.js")) }), `./translations/${locale}.json`, 3).then(({ default: data }) => {
-          return {
-            data,
-            locale
-          };
-        }).catch(() => {
-          return {
-            data: {},
-            locale
-          };
-        });
-      })
-    );
-    return Promise.resolve(importedTrads);
-  }
-};
-exports.PLUGIN_ID = PLUGIN_ID;
-exports.getTrad = getTrad;
-exports.index = index;

package/dist/_chunks/index-DF3Edydl.mjs

@@ -1,330 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useCallback, useEffect } from "react";
-import styled from "styled-components";
-import { useIntl } from "react-intl";
-import { Flex, Loader, Box, Typography, Button, TextInput, Badge } from "@strapi/design-system";
-import { Phone, Check, Message, ArrowClockwise } from "@strapi/icons";
-import { useNotification, useFetchClient } from "@strapi/strapi/admin";
-import { g as getTrad } from "./index-Bj-erY7g.mjs";
-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(Box)`
-  max-width: 900px;
-  margin: 0 auto;
-  padding: 32px;
-`;
-const Card = styled(Box)`
-  background: white;
-  border-radius: ${theme.borderRadius.lg};
-  box-shadow: ${theme.shadows.md};
-  padding: 24px;
-  margin-bottom: 24px;
-`;
-const QRCodeContainer = styled(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(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.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 } = useIntl();
-  const { toggleNotification } = useNotification();
-  const { get, post } = useFetchClient();
-  const [loading, setLoading] = useState(true);
-  const [status, setStatus] = useState({
-    available: false,
-    status: "disconnected",
-    qrCode: null,
-    session: null,
-    delegatedTo: null
-  });
-  const [settings, setSettings] = useState({
-    whatsapp_enabled: false,
-    whatsapp_app_name: "Magic Link"
-  });
-  const [testPhone, setTestPhone] = useState("");
-  const [testMessage, setTestMessage] = useState("");
-  const [sending, setSending] = useState(false);
-  const [connecting, setConnecting] = useState(false);
-  const fetchStatus = 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 = useCallback(async () => {
-    try {
-      const response = await get("/magic-link/settings");
-      setSettings(response.data || {});
-    } catch (error) {
-      console.error("Error fetching settings:", error);
-    }
-  }, [get]);
-  useEffect(() => {
-    const init = async () => {
-      setLoading(true);
-      await Promise.all([fetchStatus(), fetchSettings()]);
-      setLoading(false);
-    };
-    init();
-  }, [fetchStatus, fetchSettings]);
-  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: 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: getTrad("whatsapp.notifications.disconnected") })
-      });
-    } catch (error) {
-      toggleNotification({
-        type: "warning",
-        message: "Disconnect failed"
-      });
-    }
-  };
-  const handleTestMessage = async () => {
-    if (!testPhone) {
-      toggleNotification({
-        type: "warning",
-        message: formatMessage({ id: 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: 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__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", padding: 8, children: /* @__PURE__ */ jsx(Loader, {}) }) });
-  }
-  return /* @__PURE__ */ jsxs(Container, { children: [
-    /* @__PURE__ */ jsxs(Box, { marginBottom: 6, children: [
-      /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "flex-start", marginBottom: 2, children: [
-        /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 4, children: [
-          /* @__PURE__ */ jsx(WhatsAppIcon, { children: /* @__PURE__ */ jsx(Phone, {}) }),
-          /* @__PURE__ */ jsx(Typography, { variant: "alpha", fontWeight: "bold", children: formatMessage({ id: getTrad("whatsapp.title") }) })
-        ] }),
-        /* @__PURE__ */ jsx(StatusBadge, { $status: status.status, children: getStatusLabel() })
-      ] }),
-      /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", style: { marginLeft: "64px" }, children: formatMessage({ id: getTrad("whatsapp.subtitle") }) })
-    ] }),
-    status.delegatedTo === "magic-mail" && /* @__PURE__ */ jsxs(Card, { style: { background: theme.colors.primary[50], border: `2px solid ${theme.colors.primary[100]}` }, children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", style: { display: "block", marginBottom: "12px" }, children: "WhatsApp managed by Magic-Mail" }),
-      /* @__PURE__ */ jsx(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__ */ jsxs(Box, { style: { padding: "12px", background: theme.colors.neutral[100], borderRadius: theme.borderRadius.md }, children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { display: "block", marginBottom: "8px" }, children: "Go to: Plugins → Magic-Mail → WhatsApp" }),
-        /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: "All WhatsApp settings and connection management is done there." })
-      ] })
-    ] }),
-    !status.available && !status.delegatedTo && /* @__PURE__ */ jsxs(Card, { style: { background: theme.colors.warning[50], border: `2px solid ${theme.colors.warning[100]}` }, children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", style: { display: "block", marginBottom: "12px" }, children: formatMessage({ id: getTrad("whatsapp.notInstalled.title") }) }),
-      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { display: "block", lineHeight: "1.6", marginBottom: "16px" }, children: formatMessage({ id: getTrad("whatsapp.notInstalled.description") }) }),
-      /* @__PURE__ */ jsx(Box, { style: { padding: "12px", background: theme.colors.neutral[100], borderRadius: theme.borderRadius.md }, children: /* @__PURE__ */ jsx("code", { style: { fontSize: "14px" }, children: "npm install @whiskeysockets/baileys pino" }) })
-    ] }),
-    status.available && !status.delegatedTo && /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", marginBottom: 4, children: formatMessage({ id: getTrad("whatsapp.connection.title") }) }),
-      (status.status === "qr_pending" || status.status === "disconnected" || status.status === "connecting") && /* @__PURE__ */ jsx(QRCodeContainer, { children: status.qrCode ? /* @__PURE__ */ jsxs(Box, { textAlign: "center", children: [
-        /* @__PURE__ */ jsx("img", { src: status.qrCode, alt: "WhatsApp QR Code" }),
-        /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { marginTop: "16px", display: "block" }, children: formatMessage({ id: getTrad("whatsapp.qr.instruction") }) })
-      ] }) : /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "center", gap: 4, children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: status.status === "connecting" ? formatMessage({ id: getTrad("whatsapp.connection.generating") }) : formatMessage({ id: getTrad("whatsapp.connection.clickToConnect") }) }),
-        status.status !== "connecting" && /* @__PURE__ */ jsx(
-          Button,
-          {
-            onClick: handleConnect,
-            loading: connecting,
-            startIcon: /* @__PURE__ */ jsx(Phone, {}),
-            style: { background: theme.colors.whatsapp[600] },
-            children: formatMessage({ id: getTrad("whatsapp.actions.connect") })
-          }
-        )
-      ] }) }),
-      status.status === "connected" && /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsxs(
-          Flex,
-          {
-            alignItems: "flex-start",
-            justifyContent: "space-between",
-            padding: 4,
-            background: "success100",
-            style: { borderRadius: theme.borderRadius.md, marginBottom: "16px" },
-            children: [
-              /* @__PURE__ */ jsxs(Flex, { alignItems: "flex-start", gap: 3, children: [
-                /* @__PURE__ */ jsx(Check, { style: { color: theme.colors.success[600], marginTop: "4px" } }),
-                /* @__PURE__ */ jsxs(Box, { children: [
-                  /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", style: { display: "block", marginBottom: "8px" }, children: formatMessage({ id: getTrad("whatsapp.connected.title") }) }),
-                  status.session && /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", style: { display: "block" }, children: [
-                    status.session.phoneNumber,
-                    " • ",
-                    status.session.name || "WhatsApp User"
-                  ] })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsx(Button, { variant: "danger", onClick: handleDisconnect, size: "S", children: formatMessage({ id: getTrad("whatsapp.actions.disconnect") }) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(Box, { style: { marginTop: "24px" }, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", style: { display: "block", marginBottom: "16px" }, children: formatMessage({ id: getTrad("whatsapp.test.title") }) }),
-          /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "flex-start", children: [
-            /* @__PURE__ */ jsx(Box, { style: { flex: 1 }, children: /* @__PURE__ */ jsx(
-              TextInput,
-              {
-                placeholder: "491234567890",
-                value: testPhone,
-                onChange: (e) => setTestPhone(e.target.value)
-              }
-            ) }),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                onClick: handleTestMessage,
-                loading: sending,
-                startIcon: /* @__PURE__ */ jsx(Message, {}),
-                children: formatMessage({ id: getTrad("whatsapp.actions.sendTest") })
-              }
-            )
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(Flex, { justifyContent: "center", marginTop: 4, children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: fetchStatus, startIcon: /* @__PURE__ */ jsx(ArrowClockwise, {}), children: formatMessage({ id: getTrad("whatsapp.actions.refresh") }) }) })
-    ] }),
-    !status.delegatedTo && /* @__PURE__ */ jsxs(Card, { style: { background: theme.colors.primary[50], border: `2px solid ${theme.colors.primary[100]}` }, children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", style: { display: "block", marginBottom: "12px" }, children: formatMessage({ id: getTrad("whatsapp.info.title") }) }),
-      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral700", style: { display: "block", lineHeight: "1.6", marginBottom: "16px" }, children: formatMessage({ id: getTrad("whatsapp.info.description") }) }),
-      /* @__PURE__ */ jsxs(Box, { style: { marginTop: "16px" }, children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { display: "block", marginBottom: "8px" }, children: formatMessage({ id: getTrad("whatsapp.info.apiExample") }) }),
-        /* @__PURE__ */ jsx(Box, { style: { padding: "12px", background: theme.colors.neutral[800], borderRadius: theme.borderRadius.md, color: "#fff", fontFamily: "monospace", fontSize: "13px" }, children: /* @__PURE__ */ jsx("pre", { style: { margin: 0, whiteSpace: "pre-wrap" }, children: `POST /api/magic-link/send-link
-{
-  "email": "user@example.com",
-  "phoneNumber": "491234567890",
-  "delivery": "whatsapp"
-}` }) })
-      ] })
-    ] })
-  ] });
-};
-export {
-  WhatsAppPage as default
-};