@reeboot/strapi-payment-plugin 0.0.1 → 0.0.2

package/dist/_chunks/Orders-5WGSzPGo.js

@@ -0,0 +1,308 @@
+"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 reactIntl = require("react-intl");
+const admin = require("@strapi/strapi/admin");
+const index = require("./index-BTk7a2T5.js");
+const Orders = () => {
+  const { formatMessage } = reactIntl.useIntl();
+  const { get } = admin.useFetchClient();
+  const [orders, setOrders] = React.useState([]);
+  const [filteredOrders, setFilteredOrders] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [currentPage, setCurrentPage] = React.useState(1);
+  const [pageSize, setPageSize] = React.useState(25);
+  const [totalCount, setTotalCount] = React.useState(0);
+  const [filters, setFilters] = React.useState({
+    status: "",
+    paymentStatus: "",
+    dateRange: { from: null, to: null },
+    search: "",
+    currency: ""
+  });
+  React.useEffect(() => {
+    fetchOrders();
+  }, [currentPage, pageSize, filters]);
+  React.useEffect(() => {
+    applyFilters();
+  }, [orders, filters]);
+  const fetchOrders = async () => {
+    try {
+      setLoading(true);
+      const queryParams = new URLSearchParams({
+        page: currentPage.toString(),
+        pageSize: pageSize.toString(),
+        ...filters.status && { status: filters.status }
+      });
+      const { data } = await get(`/${index.PLUGIN_ID}/admin/orders?${queryParams}`);
+      if (data.success && data.data) {
+        const formattedOrders = data.data.map((o) => ({
+          id: o.documentId,
+          orderNumber: o.order_number,
+          customerEmail: o.customer?.email || "N/A",
+          customerName: o.customer ? `${o.customer.firstName || ""} ${o.customer.lastName || ""}`.trim() : "N/A",
+          status: o.status,
+          totalAmount: o.total_amount,
+          currency: o.currency,
+          paymentStatus: o.status === "completed" ? "paid" : "unpaid",
+          items: Array.isArray(o.items) ? o.items : [],
+          createdAt: o.createdAt,
+          updatedAt: o.updatedAt
+        }));
+        setOrders(formattedOrders);
+        setTotalCount(data.meta.pagination.total);
+      }
+      setLoading(false);
+    } catch (err) {
+      setError("Failed to fetch orders");
+      setLoading(false);
+    }
+  };
+  const applyFilters = () => {
+    let filtered = [...orders];
+    if (filters.search) {
+      const searchLower = filters.search.toLowerCase();
+      filtered = filtered.filter(
+        (order) => order.orderNumber.toLowerCase().includes(searchLower) || order.customerEmail.toLowerCase().includes(searchLower) || order.customerName?.toLowerCase().includes(searchLower)
+      );
+    }
+    if (filters.status) {
+      filtered = filtered.filter((order) => order.status === filters.status);
+    }
+    if (filters.paymentStatus) {
+      filtered = filtered.filter((order) => order.paymentStatus === filters.paymentStatus);
+    }
+    if (filters.currency) {
+      filtered = filtered.filter((order) => order.currency === filters.currency);
+    }
+    if (filters.dateRange.from) {
+      filtered = filtered.filter(
+        (order) => new Date(order.createdAt) >= filters.dateRange.from
+      );
+    }
+    if (filters.dateRange.to) {
+      filtered = filtered.filter(
+        (order) => new Date(order.createdAt) <= filters.dateRange.to
+      );
+    }
+    setFilteredOrders(filtered);
+  };
+  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",
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  };
+  const getStatusBadge = (status, type) => {
+    const configs = {
+      order: {
+        pending: { color: "warning", label: "Pending" },
+        processing: { color: "info", label: "Processing" },
+        shipped: { color: "secondary", label: "Shipped" },
+        delivered: { color: "success", label: "Delivered" },
+        cancelled: { color: "danger", label: "Cancelled" },
+        refunded: { color: "neutral", label: "Refunded" }
+      },
+      payment: {
+        unpaid: { color: "danger", label: "Unpaid" },
+        paid: { color: "success", label: "Paid" },
+        partially_paid: { color: "warning", label: "Partially Paid" },
+        refunded: { color: "neutral", label: "Refunded" }
+      }
+    };
+    const config = type === "order" ? configs.order[status] || configs.order.pending : configs.payment[status] || configs.payment.unpaid;
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { size: "S", backgroundColor: config.color, children: config.label });
+  };
+  const handleFilterChange = (key, value) => {
+    setFilters((prev) => ({ ...prev, [key]: value }));
+    setCurrentPage(1);
+  };
+  const clearFilters = () => {
+    setFilters({
+      status: "",
+      paymentStatus: "",
+      dateRange: { from: null, to: null },
+      search: "",
+      currency: ""
+    });
+    setCurrentPage(1);
+  };
+  const exportOrders = () => {
+    const csvContent = [
+      ["Order Number", "Customer Email", "Customer Name", "Status", "Payment Status", "Total Amount", "Currency", "Date"],
+      ...filteredOrders.map((order) => [
+        order.orderNumber,
+        order.customerEmail,
+        order.customerName || "",
+        order.status,
+        order.paymentStatus,
+        (order.totalAmount / 100).toString(),
+        order.currency,
+        formatDate(order.createdAt)
+      ])
+    ].map((row) => row.join(",")).join("\n");
+    const blob = new Blob([csvContent], { type: "text/csv" });
+    const url = window.URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `orders-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.csv`;
+    a.click();
+    window.URL.revokeObjectURL(url);
+  };
+  const startIndex = (currentPage - 1) * pageSize;
+  const endIndex = startIndex + pageSize;
+  const paginatedOrders = filteredOrders.slice(startIndex, endIndex);
+  const totalPages = Math.ceil(filteredOrders.length / pageSize);
+  if (loading && orders.length === 0) {
+    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 orders",
+        subtitle: error,
+        action: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: fetchOrders, children: formatMessage({ id: "payment-plugin.orders.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.orders.title", defaultMessage: "Orders" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage({
+          id: "payment-plugin.orders.subtitle",
+          defaultMessage: "Manage and track all customer orders"
+        }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "secondary", onClick: exportOrders, children: formatMessage({ id: "payment-plugin.orders.export", defaultMessage: "Export" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: () => window.location.reload(), children: formatMessage({ id: "payment-plugin.orders.refresh", defaultMessage: "Refresh" }) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, children: /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.TextInput,
+        {
+          placeholder: formatMessage({
+            id: "payment-plugin.orders.search.placeholder",
+            defaultMessage: "Search orders..."
+          }),
+          value: filters.search,
+          onChange: (e) => handleFilterChange("search", e.target.value)
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 2, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        designSystem.SingleSelect,
+        {
+          placeholder: formatMessage({
+            id: "payment-plugin.orders.status.placeholder",
+            defaultMessage: "All Statuses"
+          }),
+          value: filters.status,
+          onChange: (value) => handleFilterChange("status", value),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "", children: formatMessage({ id: "payment-plugin.orders.all", defaultMessage: "All" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "pending", children: formatMessage({ id: "payment-plugin.orders.pending", defaultMessage: "Pending" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "processing", children: formatMessage({ id: "payment-plugin.orders.processing", defaultMessage: "Processing" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "shipped", children: formatMessage({ id: "payment-plugin.orders.shipped", defaultMessage: "Shipped" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "delivered", children: formatMessage({ id: "payment-plugin.orders.delivered", defaultMessage: "Delivered" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "cancelled", children: formatMessage({ id: "payment-plugin.orders.cancelled", defaultMessage: "Cancelled" }) })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 2, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        designSystem.SingleSelect,
+        {
+          placeholder: formatMessage({
+            id: "payment-plugin.orders.paymentStatus.placeholder",
+            defaultMessage: "All Payment Statuses"
+          }),
+          value: filters.paymentStatus,
+          onChange: (value) => handleFilterChange("paymentStatus", value),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "", children: formatMessage({ id: "payment-plugin.orders.all", defaultMessage: "All" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "unpaid", children: formatMessage({ id: "payment-plugin.orders.unpaid", defaultMessage: "Unpaid" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "paid", children: formatMessage({ id: "payment-plugin.orders.paid", defaultMessage: "Paid" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "partially_paid", children: formatMessage({ id: "payment-plugin.orders.partially_paid", defaultMessage: "Partially Paid" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "refunded", children: formatMessage({ id: "payment-plugin.orders.refunded", defaultMessage: "Refunded" }) })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 2, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        designSystem.SingleSelect,
+        {
+          placeholder: formatMessage({
+            id: "payment-plugin.orders.currency.placeholder",
+            defaultMessage: "All Currencies"
+          }),
+          value: filters.currency,
+          onChange: (value) => handleFilterChange("currency", value),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "", children: formatMessage({ id: "payment-plugin.orders.all", defaultMessage: "All" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "usd", children: "USD" }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "eur", children: "EUR" }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "gbp", children: "GBP" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", onClick: clearFilters, children: formatMessage({ id: "payment-plugin.orders.clearFilters", defaultMessage: "Clear" }) }) }) })
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 4, marginBottom: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage(
+      { id: "payment-plugin.orders.results", defaultMessage: "Showing {start}-{end} of {total} orders" },
+      {
+        start: startIndex + 1,
+        end: Math.min(endIndex, filteredOrders.length),
+        total: filteredOrders.length
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, children: /* @__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.orders.orderNumber", defaultMessage: "Order #" }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", children: formatMessage({ id: "payment-plugin.orders.customer", defaultMessage: "Customer" }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", children: formatMessage({ id: "payment-plugin.orders.items", defaultMessage: "Items" }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", children: formatMessage({ id: "payment-plugin.orders.total", defaultMessage: "Total" }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", children: formatMessage({ id: "payment-plugin.orders.status", defaultMessage: "Order Status" }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", children: formatMessage({ id: "payment-plugin.orders.paymentStatus", defaultMessage: "Payment Status" }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", children: formatMessage({ id: "payment-plugin.orders.date", defaultMessage: "Date" }) }) })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: paginatedOrders.map((order) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", fontWeight: "bold", fontFamily: "monospace", children: order.orderNumber }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", fontWeight: "bold", children: order.customerName || "Unknown" }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", variant: "epsilon", children: order.customerEmail })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { textColor: "neutral600", children: [
+          order.items.length,
+          " ",
+          order.items.length === 1 ? "item" : "items"
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", fontWeight: "bold", children: formatCurrency(order.totalAmount, order.currency) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: getStatusBadge(order.status, "order") }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: getStatusBadge(order.paymentStatus, "payment") }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: formatDate(order.createdAt) }) })
+      ] }, order.id)) })
+    ] }) }) }),
+    totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Pagination,
+      {
+        currentPage,
+        pageCount: totalPages,
+        onPageChange: setCurrentPage
+      }
+    ) })
+  ] });
+};
+exports.Orders = Orders;

package/dist/_chunks/Orders-ClJJaQrX.mjs

@@ -0,0 +1,308 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Box, Flex, Loader, EmptyStateLayout, Button, Typography, Card, Grid, TextInput, SingleSelect, SingleSelectOption, Table, Thead, Tr, Th, Tbody, Td, Pagination, Badge } from "@strapi/design-system";
+import { useIntl } from "react-intl";
+import { useFetchClient } from "@strapi/strapi/admin";
+import { P as PLUGIN_ID } from "./index-Bz8V_5zH.mjs";
+const Orders = () => {
+  const { formatMessage } = useIntl();
+  const { get } = useFetchClient();
+  const [orders, setOrders] = useState([]);
+  const [filteredOrders, setFilteredOrders] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [currentPage, setCurrentPage] = useState(1);
+  const [pageSize, setPageSize] = useState(25);
+  const [totalCount, setTotalCount] = useState(0);
+  const [filters, setFilters] = useState({
+    status: "",
+    paymentStatus: "",
+    dateRange: { from: null, to: null },
+    search: "",
+    currency: ""
+  });
+  useEffect(() => {
+    fetchOrders();
+  }, [currentPage, pageSize, filters]);
+  useEffect(() => {
+    applyFilters();
+  }, [orders, filters]);
+  const fetchOrders = async () => {
+    try {
+      setLoading(true);
+      const queryParams = new URLSearchParams({
+        page: currentPage.toString(),
+        pageSize: pageSize.toString(),
+        ...filters.status && { status: filters.status }
+      });
+      const { data } = await get(`/${PLUGIN_ID}/admin/orders?${queryParams}`);
+      if (data.success && data.data) {
+        const formattedOrders = data.data.map((o) => ({
+          id: o.documentId,
+          orderNumber: o.order_number,
+          customerEmail: o.customer?.email || "N/A",
+          customerName: o.customer ? `${o.customer.firstName || ""} ${o.customer.lastName || ""}`.trim() : "N/A",
+          status: o.status,
+          totalAmount: o.total_amount,
+          currency: o.currency,
+          paymentStatus: o.status === "completed" ? "paid" : "unpaid",
+          items: Array.isArray(o.items) ? o.items : [],
+          createdAt: o.createdAt,
+          updatedAt: o.updatedAt
+        }));
+        setOrders(formattedOrders);
+        setTotalCount(data.meta.pagination.total);
+      }
+      setLoading(false);
+    } catch (err) {
+      setError("Failed to fetch orders");
+      setLoading(false);
+    }
+  };
+  const applyFilters = () => {
+    let filtered = [...orders];
+    if (filters.search) {
+      const searchLower = filters.search.toLowerCase();
+      filtered = filtered.filter(
+        (order) => order.orderNumber.toLowerCase().includes(searchLower) || order.customerEmail.toLowerCase().includes(searchLower) || order.customerName?.toLowerCase().includes(searchLower)
+      );
+    }
+    if (filters.status) {
+      filtered = filtered.filter((order) => order.status === filters.status);
+    }
+    if (filters.paymentStatus) {
+      filtered = filtered.filter((order) => order.paymentStatus === filters.paymentStatus);
+    }
+    if (filters.currency) {
+      filtered = filtered.filter((order) => order.currency === filters.currency);
+    }
+    if (filters.dateRange.from) {
+      filtered = filtered.filter(
+        (order) => new Date(order.createdAt) >= filters.dateRange.from
+      );
+    }
+    if (filters.dateRange.to) {
+      filtered = filtered.filter(
+        (order) => new Date(order.createdAt) <= filters.dateRange.to
+      );
+    }
+    setFilteredOrders(filtered);
+  };
+  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",
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  };
+  const getStatusBadge = (status, type) => {
+    const configs = {
+      order: {
+        pending: { color: "warning", label: "Pending" },
+        processing: { color: "info", label: "Processing" },
+        shipped: { color: "secondary", label: "Shipped" },
+        delivered: { color: "success", label: "Delivered" },
+        cancelled: { color: "danger", label: "Cancelled" },
+        refunded: { color: "neutral", label: "Refunded" }
+      },
+      payment: {
+        unpaid: { color: "danger", label: "Unpaid" },
+        paid: { color: "success", label: "Paid" },
+        partially_paid: { color: "warning", label: "Partially Paid" },
+        refunded: { color: "neutral", label: "Refunded" }
+      }
+    };
+    const config = type === "order" ? configs.order[status] || configs.order.pending : configs.payment[status] || configs.payment.unpaid;
+    return /* @__PURE__ */ jsx(Badge, { size: "S", backgroundColor: config.color, children: config.label });
+  };
+  const handleFilterChange = (key, value) => {
+    setFilters((prev) => ({ ...prev, [key]: value }));
+    setCurrentPage(1);
+  };
+  const clearFilters = () => {
+    setFilters({
+      status: "",
+      paymentStatus: "",
+      dateRange: { from: null, to: null },
+      search: "",
+      currency: ""
+    });
+    setCurrentPage(1);
+  };
+  const exportOrders = () => {
+    const csvContent = [
+      ["Order Number", "Customer Email", "Customer Name", "Status", "Payment Status", "Total Amount", "Currency", "Date"],
+      ...filteredOrders.map((order) => [
+        order.orderNumber,
+        order.customerEmail,
+        order.customerName || "",
+        order.status,
+        order.paymentStatus,
+        (order.totalAmount / 100).toString(),
+        order.currency,
+        formatDate(order.createdAt)
+      ])
+    ].map((row) => row.join(",")).join("\n");
+    const blob = new Blob([csvContent], { type: "text/csv" });
+    const url = window.URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `orders-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.csv`;
+    a.click();
+    window.URL.revokeObjectURL(url);
+  };
+  const startIndex = (currentPage - 1) * pageSize;
+  const endIndex = startIndex + pageSize;
+  const paginatedOrders = filteredOrders.slice(startIndex, endIndex);
+  const totalPages = Math.ceil(filteredOrders.length / pageSize);
+  if (loading && orders.length === 0) {
+    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 orders",
+        subtitle: error,
+        action: /* @__PURE__ */ jsx(Button, { onClick: fetchOrders, children: formatMessage({ id: "payment-plugin.orders.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.orders.title", defaultMessage: "Orders" }) }),
+        /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage({
+          id: "payment-plugin.orders.subtitle",
+          defaultMessage: "Manage and track all customer orders"
+        }) })
+      ] }),
+      /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: exportOrders, children: formatMessage({ id: "payment-plugin.orders.export", defaultMessage: "Export" }) }),
+        /* @__PURE__ */ jsx(Button, { onClick: () => window.location.reload(), children: formatMessage({ id: "payment-plugin.orders.refresh", defaultMessage: "Refresh" }) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, children: [
+      /* @__PURE__ */ jsx(Grid.Item, { col: 3, children: /* @__PURE__ */ jsx(
+        TextInput,
+        {
+          placeholder: formatMessage({
+            id: "payment-plugin.orders.search.placeholder",
+            defaultMessage: "Search orders..."
+          }),
+          value: filters.search,
+          onChange: (e) => handleFilterChange("search", e.target.value)
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Grid.Item, { col: 2, children: /* @__PURE__ */ jsxs(
+        SingleSelect,
+        {
+          placeholder: formatMessage({
+            id: "payment-plugin.orders.status.placeholder",
+            defaultMessage: "All Statuses"
+          }),
+          value: filters.status,
+          onChange: (value) => handleFilterChange("status", value),
+          children: [
+            /* @__PURE__ */ jsx(SingleSelectOption, { value: "", children: formatMessage({ id: "payment-plugin.orders.all", defaultMessage: "All" }) }),
+            /* @__PURE__ */ jsx(SingleSelectOption, { value: "pending", children: formatMessage({ id: "payment-plugin.orders.pending", defaultMessage: "Pending" }) }),
+            /* @__PURE__ */ jsx(SingleSelectOption, { value: "processing", children: formatMessage({ id: "payment-plugin.orders.processing", defaultMessage: "Processing" }) }),
+            /* @__PURE__ */ jsx(SingleSelectOption, { value: "shipped", children: formatMessage({ id: "payment-plugin.orders.shipped", defaultMessage: "Shipped" }) }),
+            /* @__PURE__ */ jsx(SingleSelectOption, { value: "delivered", children: formatMessage({ id: "payment-plugin.orders.delivered", defaultMessage: "Delivered" }) }),
+            /* @__PURE__ */ jsx(SingleSelectOption, { value: "cancelled", children: formatMessage({ id: "payment-plugin.orders.cancelled", defaultMessage: "Cancelled" }) })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Grid.Item, { col: 2, children: /* @__PURE__ */ jsxs(
+        SingleSelect,
+        {
+          placeholder: formatMessage({
+            id: "payment-plugin.orders.paymentStatus.placeholder",
+            defaultMessage: "All Payment Statuses"
+          }),
+          value: filters.paymentStatus,
+          onChange: (value) => handleFilterChange("paymentStatus", value),
+          children: [
+            /* @__PURE__ */ jsx(SingleSelectOption, { value: "", children: formatMessage({ id: "payment-plugin.orders.all", defaultMessage: "All" }) }),
+            /* @__PURE__ */ jsx(SingleSelectOption, { value: "unpaid", children: formatMessage({ id: "payment-plugin.orders.unpaid", defaultMessage: "Unpaid" }) }),
+            /* @__PURE__ */ jsx(SingleSelectOption, { value: "paid", children: formatMessage({ id: "payment-plugin.orders.paid", defaultMessage: "Paid" }) }),
+            /* @__PURE__ */ jsx(SingleSelectOption, { value: "partially_paid", children: formatMessage({ id: "payment-plugin.orders.partially_paid", defaultMessage: "Partially Paid" }) }),
+            /* @__PURE__ */ jsx(SingleSelectOption, { value: "refunded", children: formatMessage({ id: "payment-plugin.orders.refunded", defaultMessage: "Refunded" }) })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Grid.Item, { col: 2, children: /* @__PURE__ */ jsxs(
+        SingleSelect,
+        {
+          placeholder: formatMessage({
+            id: "payment-plugin.orders.currency.placeholder",
+            defaultMessage: "All Currencies"
+          }),
+          value: filters.currency,
+          onChange: (value) => handleFilterChange("currency", value),
+          children: [
+            /* @__PURE__ */ jsx(SingleSelectOption, { value: "", children: formatMessage({ id: "payment-plugin.orders.all", defaultMessage: "All" }) }),
+            /* @__PURE__ */ jsx(SingleSelectOption, { value: "usd", children: "USD" }),
+            /* @__PURE__ */ jsx(SingleSelectOption, { value: "eur", children: "EUR" }),
+            /* @__PURE__ */ jsx(SingleSelectOption, { value: "gbp", children: "GBP" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Grid.Item, { col: 3, children: /* @__PURE__ */ jsx(Flex, { gap: 2, children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: clearFilters, children: formatMessage({ id: "payment-plugin.orders.clearFilters", defaultMessage: "Clear" }) }) }) })
+    ] }) }) }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 4, marginBottom: 2, children: /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage(
+      { id: "payment-plugin.orders.results", defaultMessage: "Showing {start}-{end} of {total} orders" },
+      {
+        start: startIndex + 1,
+        end: Math.min(endIndex, filteredOrders.length),
+        total: filteredOrders.length
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__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.orders.orderNumber", defaultMessage: "Order #" }) }) }),
+        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "epsilon", children: formatMessage({ id: "payment-plugin.orders.customer", defaultMessage: "Customer" }) }) }),
+        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "epsilon", children: formatMessage({ id: "payment-plugin.orders.items", defaultMessage: "Items" }) }) }),
+        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "epsilon", children: formatMessage({ id: "payment-plugin.orders.total", defaultMessage: "Total" }) }) }),
+        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "epsilon", children: formatMessage({ id: "payment-plugin.orders.status", defaultMessage: "Order Status" }) }) }),
+        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "epsilon", children: formatMessage({ id: "payment-plugin.orders.paymentStatus", defaultMessage: "Payment Status" }) }) }),
+        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "epsilon", children: formatMessage({ id: "payment-plugin.orders.date", defaultMessage: "Date" }) }) })
+      ] }) }),
+      /* @__PURE__ */ jsx(Tbody, { children: paginatedOrders.map((order) => /* @__PURE__ */ jsxs(Tr, { children: [
+        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", fontWeight: "bold", fontFamily: "monospace", children: order.orderNumber }) }),
+        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", fontWeight: "bold", children: order.customerName || "Unknown" }),
+          /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", variant: "epsilon", children: order.customerEmail })
+        ] }) }),
+        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Typography, { textColor: "neutral600", children: [
+          order.items.length,
+          " ",
+          order.items.length === 1 ? "item" : "items"
+        ] }) }),
+        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", fontWeight: "bold", children: formatCurrency(order.totalAmount, order.currency) }) }),
+        /* @__PURE__ */ jsx(Td, { children: getStatusBadge(order.status, "order") }),
+        /* @__PURE__ */ jsx(Td, { children: getStatusBadge(order.paymentStatus, "payment") }),
+        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: formatDate(order.createdAt) }) })
+      ] }, order.id)) })
+    ] }) }) }),
+    totalPages > 1 && /* @__PURE__ */ jsx(Box, { marginTop: 4, children: /* @__PURE__ */ jsx(
+      Pagination,
+      {
+        currentPage,
+        pageCount: totalPages,
+        onPageChange: setCurrentPage
+      }
+    ) })
+  ] });
+};
+export {
+  Orders
+};