@reeboot/strapi-payment-plugin 0.0.4 → 0.0.5

package/dist/_chunks/PaymentList-B0CAzInT.mjs

@@ -0,0 +1,137 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Typography, Table, Thead, Tr, Th, Tbody, Td, Flex, Button, Badge } from "@strapi/design-system";
+import { Eye, ArrowClockwise } from "@strapi/icons";
+import { useIntl } from "react-intl";
+const PaymentList = ({
+  payments,
+  onPaymentClick,
+  onRefund,
+  onViewDetails,
+  compact = false
+}) => {
+  const { formatMessage } = useIntl();
+  console.log("Payments:", payments);
+  const formatCurrency = (amount, currency = "usd") => {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency: currency.toUpperCase()
+    }).format(amount);
+  };
+  const formatDate = (dateString) => {
+    return new Date(dateString).toLocaleDateString("en-US", {
+      year: "numeric",
+      month: "short",
+      day: "numeric"
+    });
+  };
+  const getStatusBadge = (status) => {
+    const statusConfig = {
+      succeeded: { color: "success", label: "Success" },
+      pending: { color: "warning", label: "Pending" },
+      failed: { color: "danger", label: "Failed" },
+      refunded: { color: "info", label: "Refunded" },
+      canceled: { color: "neutral", label: "Canceled" }
+    };
+    const config = statusConfig[status] || statusConfig.pending;
+    return /* @__PURE__ */ jsx(Badge, { size: compact ? "S" : "M", backgroundColor: config.color, children: config.label });
+  };
+  const handlePaymentClick = (payment) => {
+    if (onPaymentClick) {
+      onPaymentClick(payment);
+    }
+  };
+  if (payments.length === 0) {
+    return /* @__PURE__ */ jsx(Box, { padding: 4, textAlign: "center", children: /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage({ id: "payment-plugin.paymentList.empty", defaultMessage: "No payments found" }) }) });
+  }
+  return /* @__PURE__ */ jsxs(Table, { children: [
+    /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+      /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: compact ? "epsilon" : "delta", children: formatMessage({ id: "payment-plugin.paymentList.customer", defaultMessage: "Customer" }) }) }),
+      /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: compact ? "epsilon" : "delta", children: formatMessage({ id: "payment-plugin.paymentList.amount", defaultMessage: "Amount" }) }) }),
+      /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: compact ? "epsilon" : "delta", children: formatMessage({ id: "payment-plugin.paymentList.status", defaultMessage: "Status" }) }) }),
+      /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: compact ? "epsilon" : "delta", children: formatMessage({ id: "payment-plugin.paymentList.method", defaultMessage: "Method" }) }) }),
+      /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: compact ? "epsilon" : "delta", children: formatMessage({ id: "payment-plugin.paymentList.date", defaultMessage: "Date" }) }) }),
+      !compact && /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "delta", children: formatMessage({ id: "payment-plugin.paymentList.actions", defaultMessage: "Actions" }) }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(Tbody, { children: payments.map((payment) => /* @__PURE__ */ jsxs(
+      Tr,
+      {
+        onClick: () => handlePaymentClick(payment),
+        style: { cursor: onPaymentClick ? "pointer" : "default" },
+        children: [
+          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 1, children: [
+            /* @__PURE__ */ jsx(
+              Typography,
+              {
+                textColor: "neutral800",
+                fontWeight: compact ? "normal" : "bold",
+                fontSize: compact ? "0.875rem" : "1rem",
+                children: payment.customerName || "Unknown -"
+              }
+            ),
+            !compact && /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", variant: "epsilon", children: payment.customerEmail }),
+            compact && /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", variant: "epsilon", fontSize: "0.75rem", children: payment.customerEmail })
+          ] }) }),
+          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
+            Typography,
+            {
+              textColor: "neutral800",
+              fontWeight: "bold",
+              fontSize: compact ? "0.875rem" : "1rem",
+              children: formatCurrency(payment.amount, payment.currency)
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Td, { children: getStatusBadge(payment.payment_status) }),
+          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
+            Typography,
+            {
+              textColor: "neutral600",
+              fontSize: compact ? "0.75rem" : "0.875rem",
+              children: formatMessage({
+                id: `payment-plugin.paymentList.${payment.payment_method}`,
+                defaultMessage: payment.payment_method
+              })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
+            Typography,
+            {
+              textColor: "neutral600",
+              fontSize: compact ? "0.75rem" : "0.875rem",
+              children: formatDate(payment.createdAt)
+            }
+          ) }),
+          !compact && /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: (e) => {
+                  e.stopPropagation();
+                  if (onViewDetails) onViewDetails(payment);
+                },
+                variant: "ghost",
+                startIcon: /* @__PURE__ */ jsx(Eye, {}),
+                children: formatMessage({ id: "payment-plugin.paymentList.view", defaultMessage: "View" })
+              }
+            ),
+            payment.payment_status === "succeeded" && /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: (e) => {
+                  e.stopPropagation();
+                  if (onRefund) onRefund(payment);
+                },
+                variant: "ghost",
+                startIcon: /* @__PURE__ */ jsx(ArrowClockwise, {}),
+                children: formatMessage({ id: "payment-plugin.paymentList.refund", defaultMessage: "Refund" })
+              }
+            )
+          ] }) })
+        ]
+      },
+      payment.id
+    )) })
+  ] });
+};
+export {
+  PaymentList as P
+};

package/dist/_chunks/PaymentList-Dy1BAFoD.js

@@ -0,0 +1,136 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const designSystem = require("@strapi/design-system");
+const icons = require("@strapi/icons");
+const reactIntl = require("react-intl");
+const PaymentList = ({
+  payments,
+  onPaymentClick,
+  onRefund,
+  onViewDetails,
+  compact = false
+}) => {
+  const { formatMessage } = reactIntl.useIntl();
+  console.log("Payments:", payments);
+  const formatCurrency = (amount, currency = "usd") => {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency: currency.toUpperCase()
+    }).format(amount);
+  };
+  const formatDate = (dateString) => {
+    return new Date(dateString).toLocaleDateString("en-US", {
+      year: "numeric",
+      month: "short",
+      day: "numeric"
+    });
+  };
+  const getStatusBadge = (status) => {
+    const statusConfig = {
+      succeeded: { color: "success", label: "Success" },
+      pending: { color: "warning", label: "Pending" },
+      failed: { color: "danger", label: "Failed" },
+      refunded: { color: "info", label: "Refunded" },
+      canceled: { color: "neutral", label: "Canceled" }
+    };
+    const config = statusConfig[status] || statusConfig.pending;
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { size: compact ? "S" : "M", backgroundColor: config.color, children: config.label });
+  };
+  const handlePaymentClick = (payment) => {
+    if (onPaymentClick) {
+      onPaymentClick(payment);
+    }
+  };
+  if (payments.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, textAlign: "center", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage({ id: "payment-plugin.paymentList.empty", defaultMessage: "No payments found" }) }) });
+  }
+  return /* @__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: compact ? "epsilon" : "delta", children: formatMessage({ id: "payment-plugin.paymentList.customer", defaultMessage: "Customer" }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: compact ? "epsilon" : "delta", children: formatMessage({ id: "payment-plugin.paymentList.amount", defaultMessage: "Amount" }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: compact ? "epsilon" : "delta", children: formatMessage({ id: "payment-plugin.paymentList.status", defaultMessage: "Status" }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: compact ? "epsilon" : "delta", children: formatMessage({ id: "payment-plugin.paymentList.method", defaultMessage: "Method" }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: compact ? "epsilon" : "delta", children: formatMessage({ id: "payment-plugin.paymentList.date", defaultMessage: "Date" }) }) }),
+      !compact && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", children: formatMessage({ id: "payment-plugin.paymentList.actions", defaultMessage: "Actions" }) }) })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: payments.map((payment) => /* @__PURE__ */ jsxRuntime.jsxs(
+      designSystem.Tr,
+      {
+        onClick: () => handlePaymentClick(payment),
+        style: { cursor: onPaymentClick ? "pointer" : "default" },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 1, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Typography,
+              {
+                textColor: "neutral800",
+                fontWeight: compact ? "normal" : "bold",
+                fontSize: compact ? "0.875rem" : "1rem",
+                children: payment.customerName || "Unknown -"
+              }
+            ),
+            !compact && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", variant: "epsilon", children: payment.customerEmail }),
+            compact && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", variant: "epsilon", fontSize: "0.75rem", children: payment.customerEmail })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Typography,
+            {
+              textColor: "neutral800",
+              fontWeight: "bold",
+              fontSize: compact ? "0.875rem" : "1rem",
+              children: formatCurrency(payment.amount, payment.currency)
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: getStatusBadge(payment.payment_status) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Typography,
+            {
+              textColor: "neutral600",
+              fontSize: compact ? "0.75rem" : "0.875rem",
+              children: formatMessage({
+                id: `payment-plugin.paymentList.${payment.payment_method}`,
+                defaultMessage: payment.payment_method
+              })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Typography,
+            {
+              textColor: "neutral600",
+              fontSize: compact ? "0.75rem" : "0.875rem",
+              children: formatDate(payment.createdAt)
+            }
+          ) }),
+          !compact && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Button,
+              {
+                onClick: (e) => {
+                  e.stopPropagation();
+                  if (onViewDetails) onViewDetails(payment);
+                },
+                variant: "ghost",
+                startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Eye, {}),
+                children: formatMessage({ id: "payment-plugin.paymentList.view", defaultMessage: "View" })
+              }
+            ),
+            payment.payment_status === "succeeded" && /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Button,
+              {
+                onClick: (e) => {
+                  e.stopPropagation();
+                  if (onRefund) onRefund(payment);
+                },
+                variant: "ghost",
+                startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowClockwise, {}),
+                children: formatMessage({ id: "payment-plugin.paymentList.refund", defaultMessage: "Refund" })
+              }
+            )
+          ] }) })
+        ]
+      },
+      payment.id
+    )) })
+  ] });
+};
+exports.PaymentList = PaymentList;