@reeboot/strapi-payment-plugin 0.0.4 → 0.0.5

package/dist/server/src/types/index.d.ts

@@ -1,179 +1,4 @@
-export type PaymentStatus = 'pending' | 'succeeded' | 'failed' | 'canceled' | 'refunded';
-export type OrderStatus = 'pending' | 'processing' | 'completed' | 'failed' | 'refunded';
-export interface PaymentInput {
-    stripe_payment_intent_id: string;
-    amount: number;
-    currency: string;
-    status: PaymentStatus;
-    payment_method?: string;
-    metadata?: Record<string, any>;
-    customer?: string;
-    order?: string;
-}
-export interface OrderInput {
-    order_number: string;
-    total_amount: number;
-    currency: string;
-    status: OrderStatus;
-    customer?: string;
-    items: Record<string, any>;
-    metadata?: Record<string, any>;
-}
-export interface CustomerInput {
-    email: string;
-    stripe_customer_id: string;
-    first_name: string;
-    last_name: string;
-    phone?: string;
-    address?: Record<string, any>;
-    metadata?: Record<string, any>;
-}
-export interface PaymentDocument {
-    documentId: string;
-    createdAt: string;
-    updatedAt: string;
-    publishedAt?: string;
-    amount: number;
-    currency: string;
-    status: PaymentStatus;
-    payment_method?: string;
-    metadata?: Record<string, any>;
-    stripe_payment_intent_id: string;
-    customer?: CustomerDocument;
-    order?: OrderDocument;
-}
-export interface OrderDocument {
-    documentId: string;
-    createdAt: string;
-    updatedAt: string;
-    publishedAt?: string;
-    order_number: string;
-    total_amount: number;
-    currency: string;
-    status: OrderStatus;
-    items: Record<string, any>;
-    metadata?: Record<string, any>;
-    customer?: CustomerDocument;
-    payments?: PaymentDocument[];
-}
-export interface CustomerDocument {
-    documentId: string;
-    createdAt: string;
-    updatedAt: string;
-    publishedAt?: string;
-    email: string;
-    stripe_customer_id: string;
-    first_name: string;
-    last_name: string;
-    phone?: string;
-    address?: Record<string, any>;
-    metadata?: Record<string, any>;
-    orders?: OrderDocument[];
-    payments?: PaymentDocument[];
-}
-export interface PaymentFilters {
-    stripe_payment_intent_id?: {
-        $eq: string;
-    };
-    amount?: {
-        $eq: number;
-    };
-    currency?: {
-        $eq: string;
-    };
-    status?: {
-        $eq: PaymentStatus;
-    };
-    payment_method?: {
-        $eq: string;
-    };
-    customer?: {
-        $eq: string;
-    };
-    order?: {
-        $eq: string;
-    };
-    createdAt?: {
-        $gte: string;
-        $lte: string;
-    };
-    $or?: PaymentFilters[];
-}
-export interface OrderFilters {
-    order_number?: {
-        $eq: string;
-    };
-    total_amount?: {
-        $eq: number;
-    };
-    currency?: {
-        $eq: string;
-    };
-    status?: {
-        $eq: OrderStatus;
-    };
-    customer?: {
-        $eq: string;
-    };
-    createdAt?: {
-        $gte: string;
-        $lte: string;
-    };
-    $or?: OrderFilters[];
-}
-export interface CustomerFilters {
-    email?: {
-        $eq: string;
-        $containsi: string;
-    };
-    stripe_customer_id?: {
-        $eq: string;
-    };
-    first_name?: {
-        $eq: string;
-        $containsi: string;
-    };
-    last_name?: {
-        $eq: string;
-        $containsi: string;
-    };
-    createdAt?: {
-        $gte: string;
-        $lte: string;
-    };
-}
-export interface ApiResponse<T> {
-    success: boolean;
-    data: T;
-    meta?: {
-        pagination?: {
-            page: number;
-            pageSize: number;
-            pageCount: number;
-            total: number;
-        };
-    };
-}
-export interface StripePaymentIntent {
-    id: string;
-    amount: number;
-    currency: string;
-    status: string;
-    created: number;
-    metadata: Record<string, string>;
-    client_secret?: string;
-}
-export interface StripeCustomer {
-    id: string;
-    email?: string;
-    name?: string;
-    created: number;
-    metadata: Record<string, string>;
-}
-export interface StripeRefund {
-    id: string;
-    amount: number;
-    currency: string;
-    status: string;
-    reason?: string;
-}
+export * from './customer';
+export * from './order';
+export * from './payment';
+export * from './api';

package/dist/server/src/types/order.d.ts

@@ -0,0 +1,2 @@
+import { Modules } from '@strapi/strapi';
+export type Order = Modules.Documents.Document<'plugin::payment-plugin.order'>;

package/dist/server/src/types/payment.d.ts

@@ -0,0 +1,2 @@
+import { Modules } from '@strapi/strapi';
+export type Payment = Modules.Documents.Document<'plugin::payment-plugin.payment'>;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.4",
+  "version": "0.0.5",
   "keywords": [],
   "type": "commonjs",
   "exports": {
@@ -32,27 +32,28 @@
   },
   "dependencies": {
     "@strapi/design-system": "^2.1.0",
-    "@strapi/ui-primitives": "^2.1.0",
     "@strapi/icons": "^2.1.0",
+    "@strapi/ui-primitives": "^2.1.0",
+    "@stripe/stripe-js": "^8.6.1",
     "react-intl": "^8.0.9",
     "stripe": "^16.0.0"
   },
   "devDependencies": {
-    "@strapi/strapi": "^5.33.1",
     "@strapi/sdk-plugin": "^5.4.0",
+    "@strapi/strapi": "^5.33.1",
+    "@strapi/typescript-utils": "^5.33.1",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
     "prettier": "^3.7.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.30.2",
     "styled-components": "^6.1.19",
-    "@types/react": "^19.2.7",
-    "@types/react-dom": "^19.2.3",
-    "@strapi/typescript-utils": "^5.33.1",
     "typescript": "^5.9.3"
   },
   "peerDependencies": {
-    "@strapi/strapi": "^5.33.1",
     "@strapi/sdk-plugin": "^5.4.0",
+    "@strapi/strapi": "^5.33.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.30.2",

package/dist/_chunks/App-B83DZ9NG.js

@@ -1,70 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const reactRouterDom = require("react-router-dom");
-const reactIntl = require("react-intl");
-const designSystem = require("@strapi/design-system");
-const index = require("./index-BqqrpI6D.js");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const React__default = /* @__PURE__ */ _interopDefault(React);
-const Dashboard = React__default.default.lazy(() => Promise.resolve().then(() => require("./Dashboard-CNMTzSyc.js")).then((m) => ({ default: m.Dashboard })));
-const Payments = React__default.default.lazy(() => Promise.resolve().then(() => require("./Payments-BLen1P9N.js")).then((m) => ({ default: m.Payments })));
-const Orders = React__default.default.lazy(() => Promise.resolve().then(() => require("./Orders-OG-pwV-B.js")).then((m) => ({ default: m.Orders })));
-const Customers = React__default.default.lazy(() => Promise.resolve().then(() => require("./Customers-BpFzfglV.js")).then((m) => ({ default: m.Customers })));
-const Analytics = React__default.default.lazy(() => Promise.resolve().then(() => require("./Analytics-nBSdLT2v.js")).then((m) => ({ default: m.Analytics })));
-const Settings = React__default.default.lazy(() => Promise.resolve().then(() => require("./Settings-Dq1xy32B.js")).then((m) => ({ default: m.Settings })));
-const App = () => {
-  const { formatMessage } = reactIntl.useIntl();
-  const links = [
-    {
-      to: `/plugins/${index.PLUGIN_ID}/dashboard`,
-      label: formatMessage({ id: "payment-plugin.dashboard.title", defaultMessage: "Dashboard" })
-    },
-    {
-      to: `/plugins/${index.PLUGIN_ID}/payments`,
-      label: formatMessage({ id: "payment-plugin.payments.title", defaultMessage: "Payments" })
-    },
-    {
-      to: `/plugins/${index.PLUGIN_ID}/orders`,
-      label: formatMessage({ id: "payment-plugin.orders.title", defaultMessage: "Orders" })
-    },
-    {
-      to: `/plugins/${index.PLUGIN_ID}/customers`,
-      label: formatMessage({ id: "payment-plugin.customers.title", defaultMessage: "Customers" })
-    },
-    {
-      to: `/plugins/${index.PLUGIN_ID}/analytics`,
-      label: formatMessage({ id: "payment-plugin.analytics.title", defaultMessage: "Analytics" })
-    },
-    {
-      to: `/plugins/${index.PLUGIN_ID}/settings`,
-      label: formatMessage({ id: "payment-plugin.settings.title", defaultMessage: "Settings" })
-    }
-  ];
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "stretch", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.SubNav, { "aria-label": formatMessage({ id: "payment-plugin.nav.aria", defaultMessage: "Payment navigation" }), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SubNavHeader, { title: formatMessage({ id: "payment-plugin.plugin.name", defaultMessage: "Payment Plugin" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SubNavSections, { children: links.map((link) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SubNavSection, { children: /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.SubNavLink,
-        {
-          as: reactRouterDom.NavLink,
-          to: link.to,
-          icon: null,
-          children: link.label
-        },
-        link.to
-      ) })) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { flex: "1", children: /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", padding: 12, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, {}) }), children: /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Routes, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "dashboard", element: /* @__PURE__ */ jsxRuntime.jsx(Dashboard, {}) }),
-      /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "payments", element: /* @__PURE__ */ jsxRuntime.jsx(Payments, {}) }),
-      /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "orders", element: /* @__PURE__ */ jsxRuntime.jsx(Orders, {}) }),
-      /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "customers", element: /* @__PURE__ */ jsxRuntime.jsx(Customers, {}) }),
-      /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "analytics", element: /* @__PURE__ */ jsxRuntime.jsx(Analytics, {}) }),
-      /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "settings", element: /* @__PURE__ */ jsxRuntime.jsx(Settings, {}) }),
-      /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "*", element: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "dashboard", replace: true }) })
-    ] }) }) })
-  ] });
-};
-exports.App = App;

package/dist/_chunks/App-BUSTbkyy.mjs

@@ -1,68 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import React, { Suspense } from "react";
-import { NavLink, Routes, Route, Navigate } from "react-router-dom";
-import { useIntl } from "react-intl";
-import { Flex, SubNav, SubNavHeader, SubNavSections, SubNavSection, SubNavLink, Box, Loader } from "@strapi/design-system";
-import { P as PLUGIN_ID } from "./index-DS_PYNkf.mjs";
-const Dashboard = React.lazy(() => import("./Dashboard-Dbwl0ZBo.mjs").then((m) => ({ default: m.Dashboard })));
-const Payments = React.lazy(() => import("./Payments-DSDJ-HWm.mjs").then((m) => ({ default: m.Payments })));
-const Orders = React.lazy(() => import("./Orders-CBkT2YfP.mjs").then((m) => ({ default: m.Orders })));
-const Customers = React.lazy(() => import("./Customers-C6FH7-zG.mjs").then((m) => ({ default: m.Customers })));
-const Analytics = React.lazy(() => import("./Analytics-DSJqY9ng.mjs").then((m) => ({ default: m.Analytics })));
-const Settings = React.lazy(() => import("./Settings-jmGslDsB.mjs").then((m) => ({ default: m.Settings })));
-const App = () => {
-  const { formatMessage } = useIntl();
-  const links = [
-    {
-      to: `/plugins/${PLUGIN_ID}/dashboard`,
-      label: formatMessage({ id: "payment-plugin.dashboard.title", defaultMessage: "Dashboard" })
-    },
-    {
-      to: `/plugins/${PLUGIN_ID}/payments`,
-      label: formatMessage({ id: "payment-plugin.payments.title", defaultMessage: "Payments" })
-    },
-    {
-      to: `/plugins/${PLUGIN_ID}/orders`,
-      label: formatMessage({ id: "payment-plugin.orders.title", defaultMessage: "Orders" })
-    },
-    {
-      to: `/plugins/${PLUGIN_ID}/customers`,
-      label: formatMessage({ id: "payment-plugin.customers.title", defaultMessage: "Customers" })
-    },
-    {
-      to: `/plugins/${PLUGIN_ID}/analytics`,
-      label: formatMessage({ id: "payment-plugin.analytics.title", defaultMessage: "Analytics" })
-    },
-    {
-      to: `/plugins/${PLUGIN_ID}/settings`,
-      label: formatMessage({ id: "payment-plugin.settings.title", defaultMessage: "Settings" })
-    }
-  ];
-  return /* @__PURE__ */ jsxs(Flex, { alignItems: "stretch", children: [
-    /* @__PURE__ */ jsxs(SubNav, { "aria-label": formatMessage({ id: "payment-plugin.nav.aria", defaultMessage: "Payment navigation" }), children: [
-      /* @__PURE__ */ jsx(SubNavHeader, { title: formatMessage({ id: "payment-plugin.plugin.name", defaultMessage: "Payment Plugin" }) }),
-      /* @__PURE__ */ jsx(SubNavSections, { children: links.map((link) => /* @__PURE__ */ jsx(SubNavSection, { children: /* @__PURE__ */ jsx(
-        SubNavLink,
-        {
-          as: NavLink,
-          to: link.to,
-          icon: null,
-          children: link.label
-        },
-        link.to
-      ) })) })
-    ] }),
-    /* @__PURE__ */ jsx(Box, { flex: "1", children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", padding: 12, children: /* @__PURE__ */ jsx(Loader, {}) }), children: /* @__PURE__ */ jsxs(Routes, { children: [
-      /* @__PURE__ */ jsx(Route, { path: "dashboard", element: /* @__PURE__ */ jsx(Dashboard, {}) }),
-      /* @__PURE__ */ jsx(Route, { path: "payments", element: /* @__PURE__ */ jsx(Payments, {}) }),
-      /* @__PURE__ */ jsx(Route, { path: "orders", element: /* @__PURE__ */ jsx(Orders, {}) }),
-      /* @__PURE__ */ jsx(Route, { path: "customers", element: /* @__PURE__ */ jsx(Customers, {}) }),
-      /* @__PURE__ */ jsx(Route, { path: "analytics", element: /* @__PURE__ */ jsx(Analytics, {}) }),
-      /* @__PURE__ */ jsx(Route, { path: "settings", element: /* @__PURE__ */ jsx(Settings, {}) }),
-      /* @__PURE__ */ jsx(Route, { path: "*", element: /* @__PURE__ */ jsx(Navigate, { to: "dashboard", replace: true }) })
-    ] }) }) })
-  ] });
-};
-export {
-  App
-};

package/dist/_chunks/Dashboard-CNMTzSyc.js

@@ -1,180 +0,0 @@
-"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-BqqrpI6D.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;