@reeboot/strapi-payment-plugin 0.0.1 → 0.0.2

package/dist/_chunks/Dashboard-CuqclLak.js

@@ -0,0 +1,180 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const designSystem = require("@strapi/design-system");
+const admin = require("@strapi/strapi/admin");
+const reactIntl = require("react-intl");
+const index = require("./index-BTk7a2T5.js");
+const Dashboard = () => {
+  const { formatMessage } = reactIntl.useIntl();
+  const { get, post } = admin.useFetchClient();
+  const [stats, setStats] = React.useState(null);
+  const [recentPayments, setRecentPayments] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [creatingTest, setCreatingTest] = React.useState(false);
+  React.useEffect(() => {
+    fetchDashboardData();
+  }, []);
+  const fetchDashboardData = async () => {
+    try {
+      setLoading(true);
+      const { data } = await get(`/${index.PLUGIN_ID}/admin/dashboard`);
+      if (data.success && data.data) {
+        setStats({
+          totalRevenue: data.data.summary.totalRevenue,
+          totalPayments: data.data.summary.totalPayments,
+          successfulPayments: data.data.summary.successfulPayments,
+          pendingPayments: data.data.summary.totalPayments - data.data.summary.successfulPayments - data.data.summary.failedPayments,
+          failedPayments: data.data.summary.failedPayments,
+          totalCustomers: data.data.topCustomers.length,
+          // Rough estimate
+          totalOrders: data.data.summary.totalPayments,
+          // Rough estimate
+          averageOrderValue: data.data.summary.totalPayments > 0 ? data.data.summary.totalRevenue / data.data.summary.totalPayments : 0
+        });
+        const formattedPayments = data.data.recentTransactions.map((p) => ({
+          id: p.documentId,
+          amount: p.amount,
+          currency: p.currency,
+          status: p.status,
+          customerEmail: p.customer?.email || "N/A",
+          createdAt: p.createdAt,
+          paymentMethod: p.payment_method || "N/A"
+        }));
+        setRecentPayments(formattedPayments);
+      }
+      setLoading(false);
+    } catch (err) {
+      setError("Failed to fetch dashboard data");
+      setLoading(false);
+    }
+  };
+  const createTestPayment = async () => {
+    try {
+      setCreatingTest(true);
+      const { data } = await post(`/${index.PLUGIN_ID}/admin/create-sample-payment`);
+      if (data.success) {
+        alert(`Payment flow successfully initialized!
+Customer: ${data.data.customer.email}
+Order: ${data.data.order.documentId}
+Stripe Payment Intent: ${data.data.stripePaymentIntent.id}
+Status: ${data.data.stripePaymentIntent.status}`);
+      } else {
+        throw new Error(data.error?.message || "Failed to process payment");
+      }
+      await fetchDashboardData();
+    } catch (err) {
+      console.error("Failed to process payment", err);
+      alert(err instanceof Error ? err.message : "An error occurred during payment initialization");
+    } finally {
+      setCreatingTest(false);
+    }
+  };
+  const formatCurrency = (amount, currency = "USD") => {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency
+    }).format(amount);
+  };
+  const formatDate = (dateString) => {
+    return new Date(dateString).toLocaleDateString("en-US", {
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  };
+  const getStatusBadge = (status) => {
+    const statusConfig = {
+      succeeded: { color: "success", labelId: "payment-plugin.payments.succeeded", defaultLabel: "Success" },
+      pending: { color: "warning", labelId: "payment-plugin.payments.pending", defaultLabel: "Pending" },
+      failed: { color: "danger", labelId: "payment-plugin.payments.failed", defaultLabel: "Failed" },
+      refunded: { color: "info", labelId: "payment-plugin.payments.refunded", defaultLabel: "Refunded" }
+    };
+    const config = statusConfig[status] || statusConfig.pending;
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { size: "S", backgroundColor: config.color, children: formatMessage({ id: config.labelId, defaultMessage: config.defaultLabel }) });
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 10, paddingRight: 10, paddingTop: 4, paddingBottom: 10, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", alignItems: "center", style: { minHeight: "400px" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, {}) }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 10, paddingRight: 10, paddingTop: 4, paddingBottom: 10, children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.EmptyStateLayout,
+      {
+        title: "Error loading dashboard",
+        subtitle: error,
+        action: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: fetchDashboardData, children: formatMessage({ id: "payment-plugin.dashboard.retry", defaultMessage: "Retry" }) })
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { paddingLeft: 10, paddingRight: 10, paddingTop: 4, paddingBottom: 10, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "alpha", tag: "h1", children: formatMessage({ id: "payment-plugin.dashboard.title", defaultMessage: "Payment Dashboard" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage({
+          id: "payment-plugin.dashboard.subtitle",
+          defaultMessage: "Overview of your payment operations"
+        }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Button,
+        {
+          onClick: createTestPayment,
+          loading: creatingTest,
+          variant: "secondary",
+          children: formatMessage({ id: "payment-plugin.dashboard.initPayment", defaultMessage: "Initialize Sample Payment" })
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, marginBottom: 8, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage({ id: "payment-plugin.dashboard.totalRevenue", defaultMessage: "Total Revenue" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", children: formatCurrency(stats?.totalRevenue || 0) })
+      ] }) }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage({ id: "payment-plugin.dashboard.totalPayments", defaultMessage: "Total Payments" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", children: stats?.totalPayments || 0 })
+      ] }) }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage({ id: "payment-plugin.dashboard.successRate", defaultMessage: "Success Rate" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "delta", fontWeight: "bold", children: [
+          stats ? Math.round(stats.successfulPayments / stats.totalPayments * 100) : 0,
+          "%"
+        ] })
+      ] }) }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage({ id: "payment-plugin.dashboard.averageOrderValue", defaultMessage: "Average Order Value" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", children: formatCurrency(stats?.averageOrderValue || 0) })
+      ] }) }) }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 4, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 4, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", tag: "h2", children: formatMessage({ id: "payment-plugin.dashboard.recentPayments", defaultMessage: "Recent Payments" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "secondary", size: "S", children: formatMessage({ id: "payment-plugin.dashboard.viewAll", defaultMessage: "View All" }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", children: formatMessage({ id: "payment-plugin.dashboard.customer", defaultMessage: "Customer" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", children: formatMessage({ id: "payment-plugin.dashboard.amount", defaultMessage: "Amount" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", children: formatMessage({ id: "payment-plugin.dashboard.status", defaultMessage: "Status" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", children: formatMessage({ id: "payment-plugin.dashboard.paymentMethod", defaultMessage: "Payment Method" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", children: formatMessage({ id: "payment-plugin.dashboard.date", defaultMessage: "Date" }) }) })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: recentPayments.map((payment) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: payment.customerEmail }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", fontWeight: "bold", children: formatCurrency(payment.amount, payment.currency) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: getStatusBadge(payment.status) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: formatMessage({
+            id: `payment-plugin.payments.${payment.paymentMethod}`,
+            defaultMessage: payment.paymentMethod
+          }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: formatDate(payment.createdAt) }) })
+        ] }, payment.id)) })
+      ] })
+    ] }) })
+  ] });
+};
+exports.Dashboard = Dashboard;

package/dist/_chunks/Dashboard-D8-ifJqB.mjs

@@ -0,0 +1,180 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Box, Flex, Loader, EmptyStateLayout, Button, Typography, Grid, Card, Table, Thead, Tr, Th, Tbody, Td, Badge } from "@strapi/design-system";
+import { useFetchClient } from "@strapi/strapi/admin";
+import { useIntl } from "react-intl";
+import { P as PLUGIN_ID } from "./index-Bz8V_5zH.mjs";
+const Dashboard = () => {
+  const { formatMessage } = useIntl();
+  const { get, post } = useFetchClient();
+  const [stats, setStats] = useState(null);
+  const [recentPayments, setRecentPayments] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [creatingTest, setCreatingTest] = useState(false);
+  useEffect(() => {
+    fetchDashboardData();
+  }, []);
+  const fetchDashboardData = async () => {
+    try {
+      setLoading(true);
+      const { data } = await get(`/${PLUGIN_ID}/admin/dashboard`);
+      if (data.success && data.data) {
+        setStats({
+          totalRevenue: data.data.summary.totalRevenue,
+          totalPayments: data.data.summary.totalPayments,
+          successfulPayments: data.data.summary.successfulPayments,
+          pendingPayments: data.data.summary.totalPayments - data.data.summary.successfulPayments - data.data.summary.failedPayments,
+          failedPayments: data.data.summary.failedPayments,
+          totalCustomers: data.data.topCustomers.length,
+          // Rough estimate
+          totalOrders: data.data.summary.totalPayments,
+          // Rough estimate
+          averageOrderValue: data.data.summary.totalPayments > 0 ? data.data.summary.totalRevenue / data.data.summary.totalPayments : 0
+        });
+        const formattedPayments = data.data.recentTransactions.map((p) => ({
+          id: p.documentId,
+          amount: p.amount,
+          currency: p.currency,
+          status: p.status,
+          customerEmail: p.customer?.email || "N/A",
+          createdAt: p.createdAt,
+          paymentMethod: p.payment_method || "N/A"
+        }));
+        setRecentPayments(formattedPayments);
+      }
+      setLoading(false);
+    } catch (err) {
+      setError("Failed to fetch dashboard data");
+      setLoading(false);
+    }
+  };
+  const createTestPayment = async () => {
+    try {
+      setCreatingTest(true);
+      const { data } = await post(`/${PLUGIN_ID}/admin/create-sample-payment`);
+      if (data.success) {
+        alert(`Payment flow successfully initialized!
+Customer: ${data.data.customer.email}
+Order: ${data.data.order.documentId}
+Stripe Payment Intent: ${data.data.stripePaymentIntent.id}
+Status: ${data.data.stripePaymentIntent.status}`);
+      } else {
+        throw new Error(data.error?.message || "Failed to process payment");
+      }
+      await fetchDashboardData();
+    } catch (err) {
+      console.error("Failed to process payment", err);
+      alert(err instanceof Error ? err.message : "An error occurred during payment initialization");
+    } finally {
+      setCreatingTest(false);
+    }
+  };
+  const formatCurrency = (amount, currency = "USD") => {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency
+    }).format(amount);
+  };
+  const formatDate = (dateString) => {
+    return new Date(dateString).toLocaleDateString("en-US", {
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  };
+  const getStatusBadge = (status) => {
+    const statusConfig = {
+      succeeded: { color: "success", labelId: "payment-plugin.payments.succeeded", defaultLabel: "Success" },
+      pending: { color: "warning", labelId: "payment-plugin.payments.pending", defaultLabel: "Pending" },
+      failed: { color: "danger", labelId: "payment-plugin.payments.failed", defaultLabel: "Failed" },
+      refunded: { color: "info", labelId: "payment-plugin.payments.refunded", defaultLabel: "Refunded" }
+    };
+    const config = statusConfig[status] || statusConfig.pending;
+    return /* @__PURE__ */ jsx(Badge, { size: "S", backgroundColor: config.color, children: formatMessage({ id: config.labelId, defaultMessage: config.defaultLabel }) });
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsx(Box, { paddingLeft: 10, paddingRight: 10, paddingTop: 4, paddingBottom: 10, children: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", alignItems: "center", style: { minHeight: "400px" }, children: /* @__PURE__ */ jsx(Loader, {}) }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(Box, { paddingLeft: 10, paddingRight: 10, paddingTop: 4, paddingBottom: 10, children: /* @__PURE__ */ jsx(
+      EmptyStateLayout,
+      {
+        title: "Error loading dashboard",
+        subtitle: error,
+        action: /* @__PURE__ */ jsx(Button, { onClick: fetchDashboardData, children: formatMessage({ id: "payment-plugin.dashboard.retry", defaultMessage: "Retry" }) })
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs(Box, { paddingLeft: 10, paddingRight: 10, paddingTop: 4, paddingBottom: 10, children: [
+    /* @__PURE__ */ jsx(Box, { marginBottom: 4, children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "alpha", tag: "h1", children: formatMessage({ id: "payment-plugin.dashboard.title", defaultMessage: "Payment Dashboard" }) }),
+        /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage({
+          id: "payment-plugin.dashboard.subtitle",
+          defaultMessage: "Overview of your payment operations"
+        }) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: createTestPayment,
+          loading: creatingTest,
+          variant: "secondary",
+          children: formatMessage({ id: "payment-plugin.dashboard.initPayment", defaultMessage: "Initialize Sample Payment" })
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, marginBottom: 8, children: [
+      /* @__PURE__ */ jsx(Grid.Item, { col: 3, children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage({ id: "payment-plugin.dashboard.totalRevenue", defaultMessage: "Total Revenue" }) }),
+        /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", children: formatCurrency(stats?.totalRevenue || 0) })
+      ] }) }) }) }),
+      /* @__PURE__ */ jsx(Grid.Item, { col: 3, children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage({ id: "payment-plugin.dashboard.totalPayments", defaultMessage: "Total Payments" }) }),
+        /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", children: stats?.totalPayments || 0 })
+      ] }) }) }) }),
+      /* @__PURE__ */ jsx(Grid.Item, { col: 3, children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage({ id: "payment-plugin.dashboard.successRate", defaultMessage: "Success Rate" }) }),
+        /* @__PURE__ */ jsxs(Typography, { variant: "delta", fontWeight: "bold", children: [
+          stats ? Math.round(stats.successfulPayments / stats.totalPayments * 100) : 0,
+          "%"
+        ] })
+      ] }) }) }) }),
+      /* @__PURE__ */ jsx(Grid.Item, { col: 3, children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage({ id: "payment-plugin.dashboard.averageOrderValue", defaultMessage: "Average Order Value" }) }),
+        /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", children: formatCurrency(stats?.averageOrderValue || 0) })
+      ] }) }) }) })
+    ] }),
+    /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Box, { padding: 4, children: [
+      /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 4, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "beta", tag: "h2", children: formatMessage({ id: "payment-plugin.dashboard.recentPayments", defaultMessage: "Recent Payments" }) }),
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "S", children: formatMessage({ id: "payment-plugin.dashboard.viewAll", defaultMessage: "View All" }) })
+      ] }),
+      /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "epsilon", children: formatMessage({ id: "payment-plugin.dashboard.customer", defaultMessage: "Customer" }) }) }),
+          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "epsilon", children: formatMessage({ id: "payment-plugin.dashboard.amount", defaultMessage: "Amount" }) }) }),
+          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "epsilon", children: formatMessage({ id: "payment-plugin.dashboard.status", defaultMessage: "Status" }) }) }),
+          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "epsilon", children: formatMessage({ id: "payment-plugin.dashboard.paymentMethod", defaultMessage: "Payment Method" }) }) }),
+          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "epsilon", children: formatMessage({ id: "payment-plugin.dashboard.date", defaultMessage: "Date" }) }) })
+        ] }) }),
+        /* @__PURE__ */ jsx(Tbody, { children: recentPayments.map((payment) => /* @__PURE__ */ jsxs(Tr, { children: [
+          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: payment.customerEmail }) }),
+          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", fontWeight: "bold", children: formatCurrency(payment.amount, payment.currency) }) }),
+          /* @__PURE__ */ jsx(Td, { children: getStatusBadge(payment.status) }),
+          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: formatMessage({
+            id: `payment-plugin.payments.${payment.paymentMethod}`,
+            defaultMessage: payment.paymentMethod
+          }) }) }),
+          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: formatDate(payment.createdAt) }) })
+        ] }, payment.id)) })
+      ] })
+    ] }) })
+  ] });
+};
+export {
+  Dashboard
+};