@reeboot/strapi-payment-plugin 0.0.9 → 0.0.11

package/dist/_chunks/{Analytics-kChERzX4.mjs → Analytics-CPXtqS6s.mjs}

@@ -4,7 +4,7 @@ import { Box, Typography, Flex, ProgressBar, Grid, Loader, EmptyStateLayout, But
 import { Download, ArrowClockwise, TrendUp, ChartPie, CheckCircle, User } from "@strapi/icons";
 import { useIntl } from "react-intl";
 import { useFetchClient } from "@strapi/strapi/admin";
-import { P as PLUGIN_ID } from "./index-Bo7VLX9i.mjs";
+import { P as PLUGIN_ID } from "./index-BBarHYyt.mjs";
 const AnalyticsChart = ({ data, currency = "usd", type }) => {
   const formatCurrency = (amount) => {
     return new Intl.NumberFormat("en-US", {

package/dist/_chunks/{Analytics-DjXqUZy1.js → Analytics-ZpHHWBQt.js}

@@ -6,7 +6,7 @@ const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
 const reactIntl = require("react-intl");
 const admin = require("@strapi/strapi/admin");
-const index = require("./index-Cmn7Tfmf.js");
+const index = require("./index-DBZ4rcUW.js");
 const AnalyticsChart = ({ data, currency = "usd", type }) => {
   const formatCurrency = (amount) => {
     return new Intl.NumberFormat("en-US", {

package/dist/_chunks/{App-D5x-l0Sz.mjs → App-CZNZ1JKf.mjs}

@@ -4,13 +4,14 @@ import { Routes, Route, Navigate } from "react-router-dom";
 import { useIntl } from "react-intl";
 import { Flex, Divider, Box, Searchbar, Loader } from "@strapi/design-system";
 import { SubNav } from "@strapi/strapi/admin";
-import { P as PLUGIN_ID } from "./index-Bo7VLX9i.mjs";
-const Dashboard = React.lazy(() => import("./Dashboard-DUWxJQ7q.mjs").then((m) => ({ default: m.Dashboard })));
-const Payments = React.lazy(() => import("./Payments-DL6hne_y.mjs").then((m) => ({ default: m.Payments })));
-const Orders = React.lazy(() => import("./Orders-B3GZULs3.mjs").then((m) => ({ default: m.Orders })));
-const Customers = React.lazy(() => import("./Customers-BYQZcZeb.mjs").then((m) => ({ default: m.Customers })));
-const Analytics = React.lazy(() => import("./Analytics-kChERzX4.mjs").then((m) => ({ default: m.Analytics })));
-const Settings = React.lazy(() => import("./Settings-Ck1G0iaS.mjs").then((m) => ({ default: m.Settings })));
+import { P as PLUGIN_ID } from "./index-BBarHYyt.mjs";
+const Dashboard = React.lazy(() => import("./Dashboard-D-ckyWDO.mjs").then((m) => ({ default: m.Dashboard })));
+const Payments = React.lazy(() => import("./Payments-CKlL-PCV.mjs").then((m) => ({ default: m.Payments })));
+const Orders = React.lazy(() => import("./Orders-BIkRttRZ.mjs").then((m) => ({ default: m.Orders })));
+const Customers = React.lazy(() => import("./Customers-DMDEBpH9.mjs").then((m) => ({ default: m.Customers })));
+const Analytics = React.lazy(() => import("./Analytics-CPXtqS6s.mjs").then((m) => ({ default: m.Analytics })));
+const Subscriptions = React.lazy(() => import("./Subscriptions-Dq8Uk7sK.mjs").then((m) => ({ default: m.Subscriptions })));
+const Settings = React.lazy(() => import("./Settings-BQXkYm-c.mjs").then((m) => ({ default: m.Settings })));
 const App = () => {
   const { formatMessage } = useIntl();
   const [searchValue, setSearchValue] = useState("");
@@ -23,6 +24,10 @@ const App = () => {
       to: `/plugins/${PLUGIN_ID}/payments`,
       label: formatMessage({ id: "payment-plugin.payments.title", defaultMessage: "Payments" })
     },
+    {
+      to: `/plugins/${PLUGIN_ID}/subscriptions`,
+      label: formatMessage({ id: "payment-plugin.subscriptions.title", defaultMessage: "Subscriptions" })
+    },
     {
       to: `/plugins/${PLUGIN_ID}/orders`,
       label: formatMessage({ id: "payment-plugin.orders.title", defaultMessage: "Orders" })
@@ -107,6 +112,7 @@ const App = () => {
       /* @__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: "subscriptions", element: /* @__PURE__ */ jsx(Subscriptions, {}) }),
       /* @__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 }) })

package/dist/_chunks/{App-BpwS5-wg.js → App-CsbyykNC.js}

@@ -6,15 +6,16 @@ const reactRouterDom = require("react-router-dom");
 const reactIntl = require("react-intl");
 const designSystem = require("@strapi/design-system");
 const admin = require("@strapi/strapi/admin");
-const index = require("./index-Cmn7Tfmf.js");
+const index = require("./index-DBZ4rcUW.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-DANhyMZK.js")).then((m) => ({ default: m.Dashboard })));
-const Payments = React__default.default.lazy(() => Promise.resolve().then(() => require("./Payments-DmAzroEv.js")).then((m) => ({ default: m.Payments })));
-const Orders = React__default.default.lazy(() => Promise.resolve().then(() => require("./Orders-BXyc3CTW.js")).then((m) => ({ default: m.Orders })));
-const Customers = React__default.default.lazy(() => Promise.resolve().then(() => require("./Customers-ChrS373z.js")).then((m) => ({ default: m.Customers })));
-const Analytics = React__default.default.lazy(() => Promise.resolve().then(() => require("./Analytics-DjXqUZy1.js")).then((m) => ({ default: m.Analytics })));
-const Settings = React__default.default.lazy(() => Promise.resolve().then(() => require("./Settings-CMEzIMqt.js")).then((m) => ({ default: m.Settings })));
+const Dashboard = React__default.default.lazy(() => Promise.resolve().then(() => require("./Dashboard-NNqGJmYw.js")).then((m) => ({ default: m.Dashboard })));
+const Payments = React__default.default.lazy(() => Promise.resolve().then(() => require("./Payments-CIEb4f07.js")).then((m) => ({ default: m.Payments })));
+const Orders = React__default.default.lazy(() => Promise.resolve().then(() => require("./Orders-BELfgToU.js")).then((m) => ({ default: m.Orders })));
+const Customers = React__default.default.lazy(() => Promise.resolve().then(() => require("./Customers-D4RVSZ_m.js")).then((m) => ({ default: m.Customers })));
+const Analytics = React__default.default.lazy(() => Promise.resolve().then(() => require("./Analytics-ZpHHWBQt.js")).then((m) => ({ default: m.Analytics })));
+const Subscriptions = React__default.default.lazy(() => Promise.resolve().then(() => require("./Subscriptions--cI3HC2x.js")).then((m) => ({ default: m.Subscriptions })));
+const Settings = React__default.default.lazy(() => Promise.resolve().then(() => require("./Settings-CcY98Hyw.js")).then((m) => ({ default: m.Settings })));
 const App = () => {
   const { formatMessage } = reactIntl.useIntl();
   const [searchValue, setSearchValue] = React.useState("");
@@ -27,6 +28,10 @@ const App = () => {
       to: `/plugins/${index.PLUGIN_ID}/payments`,
       label: formatMessage({ id: "payment-plugin.payments.title", defaultMessage: "Payments" })
     },
+    {
+      to: `/plugins/${index.PLUGIN_ID}/subscriptions`,
+      label: formatMessage({ id: "payment-plugin.subscriptions.title", defaultMessage: "Subscriptions" })
+    },
     {
       to: `/plugins/${index.PLUGIN_ID}/orders`,
       label: formatMessage({ id: "payment-plugin.orders.title", defaultMessage: "Orders" })
@@ -111,6 +116,7 @@ const App = () => {
       /* @__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: "subscriptions", element: /* @__PURE__ */ jsxRuntime.jsx(Subscriptions, {}) }),
       /* @__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 }) })

package/dist/_chunks/{Customers-ChrS373z.js → Customers-D4RVSZ_m.js}

@@ -5,7 +5,7 @@ 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-Cmn7Tfmf.js");
+const index = require("./index-DBZ4rcUW.js");
 const CustomerList = ({ customers, onCustomerClick, compact = false }) => {
   const { formatMessage } = reactIntl.useIntl();
   const formatCurrency = (amount, currency = "usd") => {

package/dist/_chunks/{Customers-BYQZcZeb.mjs → Customers-DMDEBpH9.mjs}

@@ -3,7 +3,7 @@ import { useState, useEffect } from "react";
 import { Box, Typography, Table, Thead, Tr, Th, Tbody, Td, Flex, Badge, Loader, EmptyStateLayout, Button, Card, Grid, TextInput, SingleSelect, SingleSelectOption, Pagination, PreviousLink, PageLink, NextLink } from "@strapi/design-system";
 import { useIntl } from "react-intl";
 import { useFetchClient } from "@strapi/strapi/admin";
-import { P as PLUGIN_ID } from "./index-Bo7VLX9i.mjs";
+import { P as PLUGIN_ID } from "./index-BBarHYyt.mjs";
 const CustomerList = ({ customers, onCustomerClick, compact = false }) => {
   const { formatMessage } = useIntl();
   const formatCurrency = (amount, currency = "usd") => {

package/dist/_chunks/{Dashboard-DUWxJQ7q.mjs → Dashboard-D-ckyWDO.mjs}

@@ -5,7 +5,7 @@ import { Plus, PriceTag, ShoppingCart, ArrowClockwise, ChartPie } from "@strapi/
 import { useFetchClient } from "@strapi/strapi/admin";
 import { useIntl } from "react-intl";
 import { loadStripe } from "@stripe/stripe-js";
-import { P as PLUGIN_ID } from "./index-Bo7VLX9i.mjs";
+import { P as PLUGIN_ID } from "./index-BBarHYyt.mjs";
 import { P as PaymentList } from "./PaymentList-3HWK7PMz.mjs";
 const Dashboard = () => {
   const { formatMessage } = useIntl();

package/dist/_chunks/{Dashboard-DANhyMZK.js → Dashboard-NNqGJmYw.js}

@@ -7,7 +7,7 @@ const icons = require("@strapi/icons");
 const admin = require("@strapi/strapi/admin");
 const reactIntl = require("react-intl");
 const stripeJs = require("@stripe/stripe-js");
-const index = require("./index-Cmn7Tfmf.js");
+const index = require("./index-DBZ4rcUW.js");
 const PaymentList = require("./PaymentList-APfyYD1h.js");
 const Dashboard = () => {
   const { formatMessage } = reactIntl.useIntl();

package/dist/_chunks/{Orders-BXyc3CTW.js → Orders-BELfgToU.js}

@@ -5,7 +5,7 @@ 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-Cmn7Tfmf.js");
+const index = require("./index-DBZ4rcUW.js");
 const OrderList = ({ orders, onOrderClick, compact = false }) => {
   const { formatMessage } = reactIntl.useIntl();
   const formatCurrency = (amount, currency = "usd") => {

package/dist/_chunks/{Orders-B3GZULs3.mjs → Orders-BIkRttRZ.mjs}

@@ -3,7 +3,7 @@ import { useState, useEffect } from "react";
 import { Box, Typography, Table, Thead, Tr, Th, Tbody, Td, Flex, Badge, Loader, EmptyStateLayout, Button, Card, Grid, TextInput, SingleSelect, SingleSelectOption, Pagination, PreviousLink, PageLink, NextLink } from "@strapi/design-system";
 import { useIntl } from "react-intl";
 import { useFetchClient } from "@strapi/strapi/admin";
-import { P as PLUGIN_ID } from "./index-Bo7VLX9i.mjs";
+import { P as PLUGIN_ID } from "./index-BBarHYyt.mjs";
 const OrderList = ({ orders, onOrderClick, compact = false }) => {
   const { formatMessage } = useIntl();
   const formatCurrency = (amount, currency = "usd") => {

package/dist/_chunks/{Payments-DmAzroEv.js → Payments-CIEb4f07.js}

@@ -5,7 +5,7 @@ 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-Cmn7Tfmf.js");
+const index = require("./index-DBZ4rcUW.js");
 const icons = require("@strapi/icons");
 const PaymentList = require("./PaymentList-APfyYD1h.js");
 const RefundModal = ({ payment, onClose, onSuccess }) => {

package/dist/_chunks/{Payments-DL6hne_y.mjs → Payments-CKlL-PCV.mjs}

@@ -3,7 +3,7 @@ import { useState, useEffect } from "react";
 import { Modal, Typography, Flex, Box, Button, TextInput, SingleSelect, SingleSelectOption, Textarea, Alert, Grid, Divider, Table, Tbody, Tr, Td, Badge, Loader, EmptyStateLayout, Card, Pagination, PreviousLink, PageLink, NextLink } from "@strapi/design-system";
 import { useIntl } from "react-intl";
 import { useFetchClient } from "@strapi/strapi/admin";
-import { P as PLUGIN_ID } from "./index-Bo7VLX9i.mjs";
+import { P as PLUGIN_ID } from "./index-BBarHYyt.mjs";
 import { Duplicate } from "@strapi/icons";
 import { P as PaymentList } from "./PaymentList-3HWK7PMz.mjs";
 const RefundModal = ({ payment, onClose, onSuccess }) => {

package/dist/_chunks/{Settings-Ck1G0iaS.mjs → Settings-BQXkYm-c.mjs}

@@ -4,7 +4,7 @@ import { Modal, Typography, Box, Tabs, Flex, Button, Alert, Grid, Card, Badge, T
 import { useIntl } from "react-intl";
 import { useFetchClient } from "@strapi/strapi/admin";
 import { Duplicate, Code, Key, EyeStriked, Eye, Globe } from "@strapi/icons";
-import { P as PLUGIN_ID } from "./index-Bo7VLX9i.mjs";
+import { P as PLUGIN_ID } from "./index-BBarHYyt.mjs";
 const IntegrationModal = ({ onClose, publishableKey }) => {
   const [copied, setCopied] = useState(null);
   const copyToClipboard = (text, type) => {

package/dist/_chunks/{Settings-CMEzIMqt.js → Settings-CcY98Hyw.js}

@@ -6,7 +6,7 @@ const designSystem = require("@strapi/design-system");
 const reactIntl = require("react-intl");
 const admin = require("@strapi/strapi/admin");
 const icons = require("@strapi/icons");
-const index = require("./index-Cmn7Tfmf.js");
+const index = require("./index-DBZ4rcUW.js");
 const IntegrationModal = ({ onClose, publishableKey }) => {
   const [copied, setCopied] = React.useState(null);
   const copyToClipboard = (text, type) => {

package/dist/_chunks/Subscriptions--cI3HC2x.js

@@ -0,0 +1,178 @@
+"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-DBZ4rcUW.js");
+const Subscriptions = () => {
+  const { formatMessage } = reactIntl.useIntl();
+  const { get, post } = admin.useFetchClient();
+  const [subscriptions, setSubscriptions] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [statusFilter, setStatusFilter] = React.useState("");
+  const [page, setPage] = React.useState(1);
+  const [total, setTotal] = React.useState(0);
+  const [cancelTarget, setCancelTarget] = React.useState(null);
+  const [cancelImmediate, setCancelImmediate] = React.useState(false);
+  const [actionMessage, setActionMessage] = React.useState(null);
+  const PAGE_SIZE = 25;
+  const fetchSubscriptions = React.useCallback(async () => {
+    try {
+      setLoading(true);
+      setError(null);
+      const params = new URLSearchParams({ page: String(page), pageSize: String(PAGE_SIZE) });
+      if (statusFilter) params.set("status", statusFilter);
+      const { data } = await get(`/${index.PLUGIN_ID}/admin/subscriptions?${params}`);
+      setSubscriptions(data.data || []);
+      setTotal(data.meta?.pagination?.total || 0);
+    } catch {
+      setError("Failed to load subscriptions");
+    } finally {
+      setLoading(false);
+    }
+  }, [get, page, statusFilter]);
+  React.useEffect(() => {
+    fetchSubscriptions();
+  }, [fetchSubscriptions]);
+  const handleCancel = async () => {
+    if (!cancelTarget) return;
+    try {
+      await post(`/${index.PLUGIN_ID}/admin/subscriptions/${cancelTarget.id}/cancel`, {
+        cancelAtPeriodEnd: !cancelImmediate
+      });
+      setActionMessage({ type: "success", text: cancelImmediate ? "Subscription canceled immediately." : "Subscription will cancel at period end." });
+      setCancelTarget(null);
+      fetchSubscriptions();
+    } catch {
+      setActionMessage({ type: "error", text: "Failed to cancel subscription." });
+      setCancelTarget(null);
+    }
+  };
+  const formatDate = (iso) => {
+    if (!iso) return "—";
+    return new Date(iso).toLocaleDateString();
+  };
+  const totalPages = Math.ceil(total / PAGE_SIZE);
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 8, background: "neutral100", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", paddingBottom: 6, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "alpha", children: formatMessage({ id: "payment-plugin.subscriptions.title", defaultMessage: "Subscriptions" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "omega", textColor: "neutral600", children: [
+        total,
+        " total"
+      ] })
+    ] }),
+    actionMessage && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Alert,
+      {
+        variant: actionMessage.type === "success" ? "success" : "danger",
+        onClose: () => setActionMessage(null),
+        children: actionMessage.text
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 4, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { width: 200 }, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        designSystem.SingleSelect,
+        {
+          label: "Status",
+          value: statusFilter,
+          onChange: (val) => {
+            setStatusFilter(val);
+            setPage(1);
+          },
+          placeholder: "All statuses",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "", children: "All" }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "active", children: "Active" }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "trialing", children: "Trialing" }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "past_due", children: "Past due" }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "canceled", children: "Canceled" }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "incomplete", children: "Incomplete" }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "paused", children: "Paused" }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "unpaid", children: "Unpaid" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 6, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", size: "S", onClick: () => {
+        setStatusFilter("");
+        setPage(1);
+      }, children: "Clear" }) })
+    ] }) }),
+    loading ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", padding: 12, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, {}) }) : error ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Alert, { variant: "danger", children: error }) : subscriptions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.EmptyStateLayout,
+      {
+        content: formatMessage({ id: "payment-plugin.subscriptions.empty", defaultMessage: "No subscriptions found." })
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: 7, rowCount: subscriptions.length, 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: "sigma", children: "Subscription ID" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Customer" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Price ID" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Status" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Current Period End" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Trial End" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Actions" }) })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: subscriptions.map((sub) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", style: { fontFamily: "monospace", fontSize: 12 }, children: sub.stripe_subscription_id }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Td, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: sub.customerEmail || sub.stripe_customer_id }),
+            sub.customerName && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: sub.customerName })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", style: { fontFamily: "monospace", fontSize: 12 }, children: sub.stripe_price_id }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { active: sub.status === "active", style: { textTransform: "capitalize" }, children: sub.cancel_at_period_end && sub.status === "active" ? "canceling" : sub.status }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: formatDate(sub.current_period_end) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: formatDate(sub.trial_end) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: sub.status !== "canceled" && sub.status !== "incomplete_expired" && /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Button,
+            {
+              variant: "danger-light",
+              size: "S",
+              onClick: () => setCancelTarget({ id: sub.stripe_subscription_id, name: sub.customerEmail || sub.stripe_subscription_id }),
+              children: "Cancel"
+            }
+          ) })
+        ] }, sub.documentId)) })
+      ] }),
+      totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "center", gap: 2, paddingTop: 4, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", size: "S", disabled: page === 1, onClick: () => setPage((p) => p - 1), children: "Previous" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "omega", paddingTop: 1, children: [
+          page,
+          " / ",
+          totalPages
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", size: "S", disabled: page === totalPages, onClick: () => setPage((p) => p + 1), children: "Next" })
+      ] })
+    ] }),
+    cancelTarget && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Root, { open: true, onOpenChange: () => setCancelTarget(null), children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Content, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Header, { children: "Cancel Subscription" }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Body, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 4, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { children: [
+          "Cancel subscription for ",
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: cancelTarget.name }),
+          "?"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 4, alignItems: "center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "checkbox",
+              id: "immediateCancel",
+              checked: cancelImmediate,
+              onChange: (e) => setCancelImmediate(e.target.checked)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "immediateCancel", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: "Cancel immediately (otherwise cancels at period end)" }) })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Footer, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", onClick: () => setCancelTarget(null), children: "Back" }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "danger", onClick: handleCancel, children: "Confirm Cancel" })
+      ] })
+    ] }) })
+  ] });
+};
+exports.Subscriptions = Subscriptions;

package/dist/_chunks/Subscriptions-Dq8Uk7sK.mjs

@@ -0,0 +1,178 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from "react";
+import { Box, Flex, Typography, Alert, SingleSelect, SingleSelectOption, Button, Loader, EmptyStateLayout, Table, Thead, Tr, Th, Tbody, Td, Badge, Dialog } from "@strapi/design-system";
+import { useIntl } from "react-intl";
+import { useFetchClient } from "@strapi/strapi/admin";
+import { P as PLUGIN_ID } from "./index-BBarHYyt.mjs";
+const Subscriptions = () => {
+  const { formatMessage } = useIntl();
+  const { get, post } = useFetchClient();
+  const [subscriptions, setSubscriptions] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [statusFilter, setStatusFilter] = useState("");
+  const [page, setPage] = useState(1);
+  const [total, setTotal] = useState(0);
+  const [cancelTarget, setCancelTarget] = useState(null);
+  const [cancelImmediate, setCancelImmediate] = useState(false);
+  const [actionMessage, setActionMessage] = useState(null);
+  const PAGE_SIZE = 25;
+  const fetchSubscriptions = useCallback(async () => {
+    try {
+      setLoading(true);
+      setError(null);
+      const params = new URLSearchParams({ page: String(page), pageSize: String(PAGE_SIZE) });
+      if (statusFilter) params.set("status", statusFilter);
+      const { data } = await get(`/${PLUGIN_ID}/admin/subscriptions?${params}`);
+      setSubscriptions(data.data || []);
+      setTotal(data.meta?.pagination?.total || 0);
+    } catch {
+      setError("Failed to load subscriptions");
+    } finally {
+      setLoading(false);
+    }
+  }, [get, page, statusFilter]);
+  useEffect(() => {
+    fetchSubscriptions();
+  }, [fetchSubscriptions]);
+  const handleCancel = async () => {
+    if (!cancelTarget) return;
+    try {
+      await post(`/${PLUGIN_ID}/admin/subscriptions/${cancelTarget.id}/cancel`, {
+        cancelAtPeriodEnd: !cancelImmediate
+      });
+      setActionMessage({ type: "success", text: cancelImmediate ? "Subscription canceled immediately." : "Subscription will cancel at period end." });
+      setCancelTarget(null);
+      fetchSubscriptions();
+    } catch {
+      setActionMessage({ type: "error", text: "Failed to cancel subscription." });
+      setCancelTarget(null);
+    }
+  };
+  const formatDate = (iso) => {
+    if (!iso) return "—";
+    return new Date(iso).toLocaleDateString();
+  };
+  const totalPages = Math.ceil(total / PAGE_SIZE);
+  return /* @__PURE__ */ jsxs(Box, { padding: 8, background: "neutral100", children: [
+    /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", paddingBottom: 6, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "alpha", children: formatMessage({ id: "payment-plugin.subscriptions.title", defaultMessage: "Subscriptions" }) }),
+      /* @__PURE__ */ jsxs(Typography, { variant: "omega", textColor: "neutral600", children: [
+        total,
+        " total"
+      ] })
+    ] }),
+    actionMessage && /* @__PURE__ */ jsx(Box, { paddingBottom: 4, children: /* @__PURE__ */ jsx(
+      Alert,
+      {
+        variant: actionMessage.type === "success" ? "success" : "danger",
+        onClose: () => setActionMessage(null),
+        children: actionMessage.text
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Box, { paddingBottom: 4, children: /* @__PURE__ */ jsxs(Flex, { gap: 4, children: [
+      /* @__PURE__ */ jsx(Box, { style: { width: 200 }, children: /* @__PURE__ */ jsxs(
+        SingleSelect,
+        {
+          label: "Status",
+          value: statusFilter,
+          onChange: (val) => {
+            setStatusFilter(val);
+            setPage(1);
+          },
+          placeholder: "All statuses",
+          children: [
+            /* @__PURE__ */ jsx(SingleSelectOption, { value: "", children: "All" }),
+            /* @__PURE__ */ jsx(SingleSelectOption, { value: "active", children: "Active" }),
+            /* @__PURE__ */ jsx(SingleSelectOption, { value: "trialing", children: "Trialing" }),
+            /* @__PURE__ */ jsx(SingleSelectOption, { value: "past_due", children: "Past due" }),
+            /* @__PURE__ */ jsx(SingleSelectOption, { value: "canceled", children: "Canceled" }),
+            /* @__PURE__ */ jsx(SingleSelectOption, { value: "incomplete", children: "Incomplete" }),
+            /* @__PURE__ */ jsx(SingleSelectOption, { value: "paused", children: "Paused" }),
+            /* @__PURE__ */ jsx(SingleSelectOption, { value: "unpaid", children: "Unpaid" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Box, { paddingTop: 6, children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", size: "S", onClick: () => {
+        setStatusFilter("");
+        setPage(1);
+      }, children: "Clear" }) })
+    ] }) }),
+    loading ? /* @__PURE__ */ jsx(Flex, { justifyContent: "center", padding: 12, children: /* @__PURE__ */ jsx(Loader, {}) }) : error ? /* @__PURE__ */ jsx(Alert, { variant: "danger", children: error }) : subscriptions.length === 0 ? /* @__PURE__ */ jsx(
+      EmptyStateLayout,
+      {
+        content: formatMessage({ id: "payment-plugin.subscriptions.empty", defaultMessage: "No subscriptions found." })
+      }
+    ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(Table, { colCount: 7, rowCount: subscriptions.length, children: [
+        /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Subscription ID" }) }),
+          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Customer" }) }),
+          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Price ID" }) }),
+          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Status" }) }),
+          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Current Period End" }) }),
+          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Trial End" }) }),
+          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Actions" }) })
+        ] }) }),
+        /* @__PURE__ */ jsx(Tbody, { children: subscriptions.map((sub) => /* @__PURE__ */ jsxs(Tr, { children: [
+          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", style: { fontFamily: "monospace", fontSize: 12 }, children: sub.stripe_subscription_id }) }),
+          /* @__PURE__ */ jsxs(Td, { children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "omega", children: sub.customerEmail || sub.stripe_customer_id }),
+            sub.customerName && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: sub.customerName })
+          ] }),
+          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", style: { fontFamily: "monospace", fontSize: 12 }, children: sub.stripe_price_id }) }),
+          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Badge, { active: sub.status === "active", style: { textTransform: "capitalize" }, children: sub.cancel_at_period_end && sub.status === "active" ? "canceling" : sub.status }) }),
+          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: formatDate(sub.current_period_end) }) }),
+          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: formatDate(sub.trial_end) }) }),
+          /* @__PURE__ */ jsx(Td, { children: sub.status !== "canceled" && sub.status !== "incomplete_expired" && /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "danger-light",
+              size: "S",
+              onClick: () => setCancelTarget({ id: sub.stripe_subscription_id, name: sub.customerEmail || sub.stripe_subscription_id }),
+              children: "Cancel"
+            }
+          ) })
+        ] }, sub.documentId)) })
+      ] }),
+      totalPages > 1 && /* @__PURE__ */ jsxs(Flex, { justifyContent: "center", gap: 2, paddingTop: 4, children: [
+        /* @__PURE__ */ jsx(Button, { variant: "tertiary", size: "S", disabled: page === 1, onClick: () => setPage((p) => p - 1), children: "Previous" }),
+        /* @__PURE__ */ jsxs(Typography, { variant: "omega", paddingTop: 1, children: [
+          page,
+          " / ",
+          totalPages
+        ] }),
+        /* @__PURE__ */ jsx(Button, { variant: "tertiary", size: "S", disabled: page === totalPages, onClick: () => setPage((p) => p + 1), children: "Next" })
+      ] })
+    ] }),
+    cancelTarget && /* @__PURE__ */ jsx(Dialog.Root, { open: true, onOpenChange: () => setCancelTarget(null), children: /* @__PURE__ */ jsxs(Dialog.Content, { children: [
+      /* @__PURE__ */ jsx(Dialog.Header, { children: "Cancel Subscription" }),
+      /* @__PURE__ */ jsx(Dialog.Body, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 4, children: [
+        /* @__PURE__ */ jsxs(Typography, { children: [
+          "Cancel subscription for ",
+          /* @__PURE__ */ jsx("strong", { children: cancelTarget.name }),
+          "?"
+        ] }),
+        /* @__PURE__ */ jsxs(Flex, { gap: 4, alignItems: "center", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              id: "immediateCancel",
+              checked: cancelImmediate,
+              onChange: (e) => setCancelImmediate(e.target.checked)
+            }
+          ),
+          /* @__PURE__ */ jsx("label", { htmlFor: "immediateCancel", children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: "Cancel immediately (otherwise cancels at period end)" }) })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: () => setCancelTarget(null), children: "Back" }),
+        /* @__PURE__ */ jsx(Button, { variant: "danger", onClick: handleCancel, children: "Confirm Cancel" })
+      ] })
+    ] }) })
+  ] });
+};
+export {
+  Subscriptions
+};

package/dist/_chunks/{index-Bo7VLX9i.mjs → index-BBarHYyt.mjs}

@@ -36,7 +36,7 @@ const index = {
         defaultMessage: "Payment Management"
       },
       Component: async () => {
-        const { App } = await import("./App-D5x-l0Sz.mjs");
+        const { App } = await import("./App-CZNZ1JKf.mjs");
         return App;
       }
     });

package/dist/_chunks/{index-Cmn7Tfmf.js → index-DBZ4rcUW.js}

@@ -37,7 +37,7 @@ const index = {
         defaultMessage: "Payment Management"
       },
       Component: async () => {
-        const { App } = await Promise.resolve().then(() => require("./App-BpwS5-wg.js"));
+        const { App } = await Promise.resolve().then(() => require("./App-CsbyykNC.js"));
         return App;
       }
     });

package/dist/admin/index.js

@@ -1,3 +1,3 @@
 "use strict";
-const index = require("../_chunks/index-Cmn7Tfmf.js");
+const index = require("../_chunks/index-DBZ4rcUW.js");
 module.exports = index.index;

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import { i } from "../_chunks/index-Bo7VLX9i.mjs";
+import { i } from "../_chunks/index-BBarHYyt.mjs";
 export {
   i as default
 };