@webbers/pay-payments-medusa 2.2.51 → 2.2.53

package/.medusa/server/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@webbers/pay-payments-medusa",
     "displayName": "Medusa v2 Pay. Plugin",
-    "version": "2.2.51",
+    "version": "2.2.53",
     "description": "The Pay.nl payment provider plugin for Medusa v2",
     "author": "Webbers B.V. <development@webbers.com>",
     "license": "MIT",

package/.medusa/server/src/admin/index.js

@@ -1,13 +1,191 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const ui = require("@medusajs/ui");
 const adminSdk = require("@medusajs/admin-sdk");
-const Medusa = require("@medusajs/js-sdk");
+const ui = require("@medusajs/ui");
 const reactQuery = require("@tanstack/react-query");
+const Medusa = require("@medusajs/js-sdk");
 const react = require("react");
 require("@medusajs/admin-shared");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const Medusa__default = /* @__PURE__ */ _interopDefault(Medusa);
+const sdk = new Medusa__default.default({
+  baseUrl: "/",
+  debug: false,
+  auth: {
+    type: "session"
+  }
+});
+const PRESET_ORDER = [
+  "pending",
+  "sent",
+  "collected",
+  "storno",
+  "failed",
+  "declined"
+];
+const statusColor = (status) => {
+  switch (status) {
+    case "completed":
+    case "authorized":
+      return "green";
+    case "failed":
+    case "canceled":
+      return "red";
+    case "awaiting":
+      return "orange";
+    default:
+      return "grey";
+  }
+};
+const queryKey = (orderId) => ["pay-direct-debit-simulation", orderId];
+const PayDirectDebitSimulatorWidget = ({
+  data: order
+}) => {
+  const queryClient = reactQuery.useQueryClient();
+  const { data: state, isLoading } = reactQuery.useQuery({
+    queryKey: queryKey(order.id),
+    queryFn: () => sdk.client.fetch(`/admin/pay/orders/${order.id}/direct-debit`)
+  });
+  const simulate = reactQuery.useMutation({
+    mutationFn: (action) => sdk.client.fetch(
+      `/admin/pay/orders/${order.id}/direct-debit/exchange`,
+      { method: "POST", body: { action } }
+    ),
+    onSuccess: async (_result, action) => {
+      var _a;
+      await Promise.all([
+        queryClient.invalidateQueries({ queryKey: queryKey(order.id) }),
+        // The dashboard's order detail, summary and payments
+        queryClient.invalidateQueries({ queryKey: ["orders"] }),
+        queryClient.invalidateQueries({ queryKey: ["payment_collections"] })
+      ]);
+      ui.toast.success(`Simulated "${((_a = state == null ? void 0 : state.presets) == null ? void 0 : _a[action].label) ?? action}"`);
+    },
+    onError: (error) => {
+      ui.toast.error(error.message);
+    }
+  });
+  if (isLoading || !(state == null ? void 0 : state.visible)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-x-4 px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", leading: "compact", weight: "plus", children: "Pay. direct debit simulator" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: "Test mode. This mandate only exists on this server, pick the exchange Pay. would send for it." })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", color: statusColor(state.paymentCollectionStatus), children: state.paymentCollectionStatus ?? "unknown" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-x-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: "Mandate" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", leading: "compact", className: "truncate font-mono", children: state.mandateCode })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-x-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: "Payment" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", leading: "compact", children: state.captured ? "Captured" : "Not captured" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-y-2 px-6 py-4", children: PRESET_ORDER.map((key) => {
+      var _a;
+      const preset = (_a = state.presets) == null ? void 0 : _a[key];
+      if (!preset) {
+        return null;
+      }
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: "flex items-center justify-between gap-x-4",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Text,
+              {
+                size: "small",
+                leading: "compact",
+                className: "text-ui-fg-subtle",
+                children: preset.description
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                size: "small",
+                variant: "secondary",
+                className: "shrink-0",
+                disabled: simulate.isPending,
+                isLoading: simulate.isPending && simulate.variables === key,
+                onClick: () => simulate.mutate(key),
+                children: preset.label
+              }
+            )
+          ]
+        },
+        key
+      );
+    }) })
+  ] });
+};
+adminSdk.defineWidgetConfig({
+  zone: "order.details.side.after"
+});
+const KIND_LABELS = {
+  chargeback: "Chargeback",
+  storno: "Storno",
+  failure: "Failed collection"
+};
+const formatAmount = (amount, currency) => {
+  if (!currency) {
+    return amount.toFixed(2);
+  }
+  try {
+    return new Intl.NumberFormat(void 0, {
+      style: "currency",
+      currency: currency.toUpperCase()
+    }).format(amount);
+  } catch {
+    return `${amount.toFixed(2)} ${currency.toUpperCase()}`;
+  }
+};
+const formatDate = (iso) => iso ? new Intl.DateTimeFormat(void 0, {
+  dateStyle: "medium",
+  timeStyle: "short"
+}).format(new Date(iso)) : null;
+const PayPaymentReversedWidget = ({
+  data: order
+}) => {
+  const { data: reversal } = reactQuery.useQuery({
+    queryKey: ["pay-payment-reversal", order.id],
+    queryFn: () => sdk.client.fetch(`/admin/pay/orders/${order.id}/reversal`)
+  });
+  if (!(reversal == null ? void 0 : reversal.reversed)) {
+    return null;
+  }
+  const kindLabel = reversal.kind ? KIND_LABELS[reversal.kind] : "Reversal";
+  const when = formatDate(reversal.at);
+  const returned = formatAmount(reversal.amount, reversal.currency_code);
+  const outstanding = formatAmount(reversal.outstanding, reversal.currency_code);
+  const stillOwed = reversal.outstanding > 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "warning", className: "items-start", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", leading: "compact", weight: "plus", children: "Payment reversed, action required" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", color: "orange", children: kindLabel }),
+      reversal.statusCode !== null && /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { size: "2xsmall", color: "grey", children: [
+        "Pay. status ",
+        reversal.statusCode
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: [
+      reversal.kind === "chargeback" ? `The customer charged back the Pay. payment${when ? ` on ${when}` : ""}: ${returned} went back to them.` : reversal.kind === "storno" ? `The customer reversed the direct debit${when ? ` on ${when}` : ""}: ${returned} went back to them.` : `The bank did not collect the direct debit${when ? ` (${when})` : ""}: ${returned} was never received.`,
+      " ",
+      stillOwed ? `This order is not paid, ${outstanding} is still outstanding.${reversal.payable ? ' Use "Copy payment link" in the summary to let the customer pay again, or mark it as paid once the money arrived another way.' : ""}` : "The outstanding amount has since been settled.",
+      " ",
+      `The "Refunded" payment status is Medusa's wording for the reversal, no refund was sent by the shop.`
+    ] })
+  ] }) });
+};
+adminSdk.defineWidgetConfig({
+  zone: "order.details.before"
+});
 const PayLogo = ({}) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "64", height: "40", viewBox: "0 0 64 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_596_748)", children: [
@@ -50,15 +228,8 @@ const PayLogo = ({}) => {
     /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_596_748", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "63.0137", height: "40", fill: "white" }) }) })
   ] });
 };
-const sdk = new Medusa__default.default({
-  baseUrl: "/",
-  debug: false,
-  auth: {
-    type: "session"
-  }
-});
 const displayName = "Medusa v2 Pay. Plugin";
-const version = "2.2.51";
+const version = "2.2.53";
 function getSortedPaymentMethods(data) {
   const { checkoutOptions, checkoutSequence } = data;
   const { primary } = checkoutSequence.default;
@@ -77,6 +248,7 @@ const formatter = new Intl.NumberFormat([], {
   minimumFractionDigits: 0,
   maximumFractionDigits: 2
 });
+const SETTINGS_QUERY_KEY = ["pay-settings"];
 const columnHelper = ui.createDataTableColumnHelper();
 const columns = [
   columnHelper.accessor("id", {
@@ -97,6 +269,26 @@ const columns = [
   })
 ];
 const PaySettingPage = () => {
+  const queryClient = reactQuery.useQueryClient();
+  const { data: settings, isLoading: isLoadingSettings } = reactQuery.useQuery({
+    queryFn: () => sdk.client.fetch("/admin/pay/settings"),
+    queryKey: SETTINGS_QUERY_KEY
+  });
+  const updateSepaTesting = reactQuery.useMutation({
+    mutationFn: (sepaTesting) => sdk.client.fetch("/admin/pay/settings", {
+      method: "POST",
+      body: { sepaTesting }
+    }),
+    onSuccess: (updated) => {
+      queryClient.setQueryData(SETTINGS_QUERY_KEY, updated);
+      ui.toast.success("Success", {
+        description: updated.sepaTesting ? "SEPA testing enabled, the simulator is shown on direct debit orders" : "SEPA testing disabled"
+      });
+    },
+    onError: (error) => {
+      ui.toast.error("Error", { description: error.message });
+    }
+  });
   const { data: config2, refetch: refetchConfig } = reactQuery.useQuery({
     queryFn: () => sdk.client.fetch("/admin/pay/payment-methods"),
     queryKey: ["pay-payment-methods"]
@@ -170,6 +362,27 @@ const PaySettingPage = () => {
             children: "Clear Cache"
           }
         ) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", leading: "compact", weight: "plus", children: "SEPA testing" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", leading: "compact", children: [
+            "Pay. cannot process direct debits in its test environment. When enabled, direct debit orders get a simulator that walks the payment through the exchanges Pay. would send (collected, storno, ...). Meant for staging servers only.",
+            settings && !settings.testMode ? " The provider is not in test mode, so the simulator stays hidden." : ""
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Switch,
+            {
+              id: "pay-sepa-testing",
+              checked: (settings == null ? void 0 : settings.sepaTesting) ?? false,
+              disabled: isLoadingSettings || updateSepaTesting.isPending,
+              onCheckedChange: (checked) => updateSepaTesting.mutate(checked)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", leading: "compact", children: (settings == null ? void 0 : settings.sepaTesting) ? "Enabled" : "Disabled" })
+        ] })
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.DataTable, { instance: table, children: [
@@ -197,7 +410,16 @@ const PaySettingPage = () => {
 const config = adminSdk.defineRouteConfig({
   label: "Pay"
 });
-const widgetModule = { widgets: [] };
+const widgetModule = { widgets: [
+  {
+    Component: PayDirectDebitSimulatorWidget,
+    zone: ["order.details.side.after"]
+  },
+  {
+    Component: PayPaymentReversedWidget,
+    zone: ["order.details.before"]
+  }
+] };
 const routeModule = {
   routes: [
     {

package/.medusa/server/src/admin/index.mjs

@@ -1,10 +1,188 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { createDataTableColumnHelper, useDataTable, Container, Heading, Text, Button, DataTable, toast } from "@medusajs/ui";
-import { defineRouteConfig } from "@medusajs/admin-sdk";
+import { defineWidgetConfig, defineRouteConfig } from "@medusajs/admin-sdk";
+import { toast, Container, Text, Badge, Button, Alert, createDataTableColumnHelper, useDataTable, Heading, Switch, DataTable } from "@medusajs/ui";
+import { useQueryClient, useQuery, useMutation } from "@tanstack/react-query";
 import Medusa from "@medusajs/js-sdk";
-import { useQuery } from "@tanstack/react-query";
 import { useMemo } from "react";
 import "@medusajs/admin-shared";
+const sdk = new Medusa({
+  baseUrl: "/",
+  debug: false,
+  auth: {
+    type: "session"
+  }
+});
+const PRESET_ORDER = [
+  "pending",
+  "sent",
+  "collected",
+  "storno",
+  "failed",
+  "declined"
+];
+const statusColor = (status) => {
+  switch (status) {
+    case "completed":
+    case "authorized":
+      return "green";
+    case "failed":
+    case "canceled":
+      return "red";
+    case "awaiting":
+      return "orange";
+    default:
+      return "grey";
+  }
+};
+const queryKey = (orderId) => ["pay-direct-debit-simulation", orderId];
+const PayDirectDebitSimulatorWidget = ({
+  data: order
+}) => {
+  const queryClient = useQueryClient();
+  const { data: state, isLoading } = useQuery({
+    queryKey: queryKey(order.id),
+    queryFn: () => sdk.client.fetch(`/admin/pay/orders/${order.id}/direct-debit`)
+  });
+  const simulate = useMutation({
+    mutationFn: (action) => sdk.client.fetch(
+      `/admin/pay/orders/${order.id}/direct-debit/exchange`,
+      { method: "POST", body: { action } }
+    ),
+    onSuccess: async (_result, action) => {
+      var _a;
+      await Promise.all([
+        queryClient.invalidateQueries({ queryKey: queryKey(order.id) }),
+        // The dashboard's order detail, summary and payments
+        queryClient.invalidateQueries({ queryKey: ["orders"] }),
+        queryClient.invalidateQueries({ queryKey: ["payment_collections"] })
+      ]);
+      toast.success(`Simulated "${((_a = state == null ? void 0 : state.presets) == null ? void 0 : _a[action].label) ?? action}"`);
+    },
+    onError: (error) => {
+      toast.error(error.message);
+    }
+  });
+  if (isLoading || !(state == null ? void 0 : state.visible)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-x-4 px-6 py-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
+        /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: "Pay. direct debit simulator" }),
+        /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: "Test mode. This mandate only exists on this server, pick the exchange Pay. would send for it." })
+      ] }),
+      /* @__PURE__ */ jsx(Badge, { size: "2xsmall", color: statusColor(state.paymentCollectionStatus), children: state.paymentCollectionStatus ?? "unknown" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-x-4", children: [
+        /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: "Mandate" }),
+        /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", className: "truncate font-mono", children: state.mandateCode })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-x-4", children: [
+        /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: "Payment" }),
+        /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: state.captured ? "Captured" : "Not captured" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-2 px-6 py-4", children: PRESET_ORDER.map((key) => {
+      var _a;
+      const preset = (_a = state.presets) == null ? void 0 : _a[key];
+      if (!preset) {
+        return null;
+      }
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex items-center justify-between gap-x-4",
+          children: [
+            /* @__PURE__ */ jsx(
+              Text,
+              {
+                size: "small",
+                leading: "compact",
+                className: "text-ui-fg-subtle",
+                children: preset.description
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "small",
+                variant: "secondary",
+                className: "shrink-0",
+                disabled: simulate.isPending,
+                isLoading: simulate.isPending && simulate.variables === key,
+                onClick: () => simulate.mutate(key),
+                children: preset.label
+              }
+            )
+          ]
+        },
+        key
+      );
+    }) })
+  ] });
+};
+defineWidgetConfig({
+  zone: "order.details.side.after"
+});
+const KIND_LABELS = {
+  chargeback: "Chargeback",
+  storno: "Storno",
+  failure: "Failed collection"
+};
+const formatAmount = (amount, currency) => {
+  if (!currency) {
+    return amount.toFixed(2);
+  }
+  try {
+    return new Intl.NumberFormat(void 0, {
+      style: "currency",
+      currency: currency.toUpperCase()
+    }).format(amount);
+  } catch {
+    return `${amount.toFixed(2)} ${currency.toUpperCase()}`;
+  }
+};
+const formatDate = (iso) => iso ? new Intl.DateTimeFormat(void 0, {
+  dateStyle: "medium",
+  timeStyle: "short"
+}).format(new Date(iso)) : null;
+const PayPaymentReversedWidget = ({
+  data: order
+}) => {
+  const { data: reversal } = useQuery({
+    queryKey: ["pay-payment-reversal", order.id],
+    queryFn: () => sdk.client.fetch(`/admin/pay/orders/${order.id}/reversal`)
+  });
+  if (!(reversal == null ? void 0 : reversal.reversed)) {
+    return null;
+  }
+  const kindLabel = reversal.kind ? KIND_LABELS[reversal.kind] : "Reversal";
+  const when = formatDate(reversal.at);
+  const returned = formatAmount(reversal.amount, reversal.currency_code);
+  const outstanding = formatAmount(reversal.outstanding, reversal.currency_code);
+  const stillOwed = reversal.outstanding > 0;
+  return /* @__PURE__ */ jsx(Alert, { variant: "warning", className: "items-start", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: "Payment reversed, action required" }),
+      /* @__PURE__ */ jsx(Badge, { size: "2xsmall", color: "orange", children: kindLabel }),
+      reversal.statusCode !== null && /* @__PURE__ */ jsxs(Badge, { size: "2xsmall", color: "grey", children: [
+        "Pay. status ",
+        reversal.statusCode
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: [
+      reversal.kind === "chargeback" ? `The customer charged back the Pay. payment${when ? ` on ${when}` : ""}: ${returned} went back to them.` : reversal.kind === "storno" ? `The customer reversed the direct debit${when ? ` on ${when}` : ""}: ${returned} went back to them.` : `The bank did not collect the direct debit${when ? ` (${when})` : ""}: ${returned} was never received.`,
+      " ",
+      stillOwed ? `This order is not paid, ${outstanding} is still outstanding.${reversal.payable ? ' Use "Copy payment link" in the summary to let the customer pay again, or mark it as paid once the money arrived another way.' : ""}` : "The outstanding amount has since been settled.",
+      " ",
+      `The "Refunded" payment status is Medusa's wording for the reversal, no refund was sent by the shop.`
+    ] })
+  ] }) });
+};
+defineWidgetConfig({
+  zone: "order.details.before"
+});
 const PayLogo = ({}) => {
   return /* @__PURE__ */ jsxs("svg", { width: "64", height: "40", viewBox: "0 0 64 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_596_748)", children: [
@@ -47,15 +225,8 @@ const PayLogo = ({}) => {
     /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_596_748", children: /* @__PURE__ */ jsx("rect", { width: "63.0137", height: "40", fill: "white" }) }) })
   ] });
 };
-const sdk = new Medusa({
-  baseUrl: "/",
-  debug: false,
-  auth: {
-    type: "session"
-  }
-});
 const displayName = "Medusa v2 Pay. Plugin";
-const version = "2.2.51";
+const version = "2.2.53";
 function getSortedPaymentMethods(data) {
   const { checkoutOptions, checkoutSequence } = data;
   const { primary } = checkoutSequence.default;
@@ -74,6 +245,7 @@ const formatter = new Intl.NumberFormat([], {
   minimumFractionDigits: 0,
   maximumFractionDigits: 2
 });
+const SETTINGS_QUERY_KEY = ["pay-settings"];
 const columnHelper = createDataTableColumnHelper();
 const columns = [
   columnHelper.accessor("id", {
@@ -94,6 +266,26 @@ const columns = [
   })
 ];
 const PaySettingPage = () => {
+  const queryClient = useQueryClient();
+  const { data: settings, isLoading: isLoadingSettings } = useQuery({
+    queryFn: () => sdk.client.fetch("/admin/pay/settings"),
+    queryKey: SETTINGS_QUERY_KEY
+  });
+  const updateSepaTesting = useMutation({
+    mutationFn: (sepaTesting) => sdk.client.fetch("/admin/pay/settings", {
+      method: "POST",
+      body: { sepaTesting }
+    }),
+    onSuccess: (updated) => {
+      queryClient.setQueryData(SETTINGS_QUERY_KEY, updated);
+      toast.success("Success", {
+        description: updated.sepaTesting ? "SEPA testing enabled, the simulator is shown on direct debit orders" : "SEPA testing disabled"
+      });
+    },
+    onError: (error) => {
+      toast.error("Error", { description: error.message });
+    }
+  });
   const { data: config2, refetch: refetchConfig } = useQuery({
     queryFn: () => sdk.client.fetch("/admin/pay/payment-methods"),
     queryKey: ["pay-payment-methods"]
@@ -167,6 +359,27 @@ const PaySettingPage = () => {
             children: "Clear Cache"
           }
         ) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: "SEPA testing" }),
+          /* @__PURE__ */ jsxs(Text, { size: "small", leading: "compact", children: [
+            "Pay. cannot process direct debits in its test environment. When enabled, direct debit orders get a simulator that walks the payment through the exchanges Pay. would send (collected, storno, ...). Meant for staging servers only.",
+            settings && !settings.testMode ? " The provider is not in test mode, so the simulator stays hidden." : ""
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-3", children: [
+          /* @__PURE__ */ jsx(
+            Switch,
+            {
+              id: "pay-sepa-testing",
+              checked: (settings == null ? void 0 : settings.sepaTesting) ?? false,
+              disabled: isLoadingSettings || updateSepaTesting.isPending,
+              onCheckedChange: (checked) => updateSepaTesting.mutate(checked)
+            }
+          ),
+          /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: (settings == null ? void 0 : settings.sepaTesting) ? "Enabled" : "Disabled" })
+        ] })
       ] })
     ] }),
     /* @__PURE__ */ jsx(Container, { className: "divide-y p-0 overflow-hidden", children: /* @__PURE__ */ jsxs(DataTable, { instance: table, children: [
@@ -194,7 +407,16 @@ const PaySettingPage = () => {
 const config = defineRouteConfig({
   label: "Pay"
 });
-const widgetModule = { widgets: [] };
+const widgetModule = { widgets: [
+  {
+    Component: PayDirectDebitSimulatorWidget,
+    zone: ["order.details.side.after"]
+  },
+  {
+    Component: PayPaymentReversedWidget,
+    zone: ["order.details.before"]
+  }
+] };
 const routeModule = {
   routes: [
     {

package/.medusa/server/src/api/admin/pay/orders/[id]/direct-debit/exchange/route.d.ts

@@ -0,0 +1,12 @@
+import { AuthenticatedMedusaRequest, MedusaResponse } from "@medusajs/framework/http";
+/**
+ * Simulates the exchange Pay. would send for the order's test mode direct
+ * debit. Only allowed while "SEPA testing" is switched on in the Pay. settings
+ * (see getDirectDebitSimulationState). The exchange is processed synchronously
+ * through the same subscriber that handles real exchanges, so the response
+ * carries the resulting state.
+ */
+export declare const POST: (req: AuthenticatedMedusaRequest<{
+    action?: unknown;
+}>, res: MedusaResponse) => Promise<MedusaResponse>;
+//# sourceMappingURL=route.d.ts.map

package/.medusa/server/src/api/admin/pay/orders/[id]/direct-debit/exchange/route.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/api/admin/pay/orders/[id]/direct-debit/exchange/route.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,0BAA0B,EAAE,cAAc,EAAC,MAAM,0BAA0B,CAAA;AAUnF;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,GACf,KAAK,0BAA0B,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAC,CAAC,EACnD,KAAK,cAAc,4BAoCpB,CAAA"}

package/.medusa/server/src/api/admin/pay/orders/[id]/direct-debit/exchange/route.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.POST = void 0;
+const utils_1 = require("@medusajs/framework/utils");
+const directDebitSimulation_1 = require("../../../../../../../utils/directDebitSimulation");
+const directDebitExchange_1 = require("../../../../../../../utils/directDebitExchange");
+const direct_debit_exchange_1 = __importDefault(require("../../../../../../../subscribers/direct-debit-exchange"));
+/**
+ * Simulates the exchange Pay. would send for the order's test mode direct
+ * debit. Only allowed while "SEPA testing" is switched on in the Pay. settings
+ * (see getDirectDebitSimulationState). The exchange is processed synchronously
+ * through the same subscriber that handles real exchanges, so the response
+ * carries the resulting state.
+ */
+const POST = async (req, res) => {
+    const action = req.body?.action;
+    if (!(0, directDebitSimulation_1.isSimulatedExchangeKey)(action)) {
+        throw new utils_1.MedusaError(utils_1.MedusaError.Types.INVALID_DATA, `Unknown exchange "${String(action)}"`);
+    }
+    const state = await (0, directDebitSimulation_1.getDirectDebitSimulationState)(req.scope, req.params.id);
+    if (!state) {
+        throw new utils_1.MedusaError(utils_1.MedusaError.Types.NOT_FOUND, "Order not found");
+    }
+    if (!state.available) {
+        throw new utils_1.MedusaError(utils_1.MedusaError.Types.NOT_ALLOWED, `Direct debit exchanges cannot be simulated for this order (${state.reason})`);
+    }
+    await (0, direct_debit_exchange_1.default)({
+        event: {
+            name: directDebitExchange_1.PAY_DIRECT_DEBIT_EXCHANGE_EVENT,
+            data: { payload: (0, directDebitSimulation_1.buildSimulatedExchangePayload)(action, state) },
+        },
+        container: req.scope,
+        pluginOptions: {},
+    });
+    const updated = await (0, directDebitSimulation_1.getDirectDebitSimulationState)(req.scope, req.params.id);
+    return res.json({ visible: updated?.available ?? false, ...updated });
+};
+exports.POST = POST;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm91dGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBpL2FkbWluL3BheS9vcmRlcnMvW2lkXS9kaXJlY3QtZGViaXQvZXhjaGFuZ2Uvcm91dGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQ0EscURBQXFEO0FBQ3JELDRGQUl5RDtBQUN6RCx3RkFBOEY7QUFDOUYsbUhBQWtHO0FBRWxHOzs7Ozs7R0FNRztBQUNJLE1BQU0sSUFBSSxHQUFHLEtBQUssRUFDdkIsR0FBbUQsRUFDbkQsR0FBbUIsRUFDbkIsRUFBRTtJQUNGLE1BQU0sTUFBTSxHQUFJLEdBQUcsQ0FBQyxJQUF1QyxFQUFFLE1BQU0sQ0FBQTtJQUVuRSxJQUFJLENBQUMsSUFBQSw4Q0FBc0IsRUFBQyxNQUFNLENBQUMsRUFBRSxDQUFDO1FBQ3BDLE1BQU0sSUFBSSxtQkFBVyxDQUNuQixtQkFBVyxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQzlCLHFCQUFxQixNQUFNLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FDdkMsQ0FBQTtJQUNILENBQUM7SUFFRCxNQUFNLEtBQUssR0FBRyxNQUFNLElBQUEscURBQTZCLEVBQUMsR0FBRyxDQUFDLEtBQUssRUFBRSxHQUFHLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxDQUFBO0lBRTNFLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUNYLE1BQU0sSUFBSSxtQkFBVyxDQUFDLG1CQUFXLENBQUMsS0FBSyxDQUFDLFNBQVMsRUFBRSxpQkFBaUIsQ0FBQyxDQUFBO0lBQ3ZFLENBQUM7SUFFRCxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsRUFBRSxDQUFDO1FBQ3JCLE1BQU0sSUFBSSxtQkFBVyxDQUNuQixtQkFBVyxDQUFDLEtBQUssQ0FBQyxXQUFXLEVBQzdCLDhEQUE4RCxLQUFLLENBQUMsTUFBTSxHQUFHLENBQzlFLENBQUE7SUFDSCxDQUFDO0lBRUQsTUFBTSxJQUFBLCtCQUE2QixFQUFDO1FBQ2xDLEtBQUssRUFBRTtZQUNMLElBQUksRUFBRSxxREFBK0I7WUFDckMsSUFBSSxFQUFFLEVBQUMsT0FBTyxFQUFFLElBQUEscURBQTZCLEVBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxFQUFDO1NBQzlEO1FBQ0QsU0FBUyxFQUFFLEdBQUcsQ0FBQyxLQUFLO1FBQ3BCLGFBQWEsRUFBRSxFQUFFO0tBQ2xCLENBQUMsQ0FBQTtJQUVGLE1BQU0sT0FBTyxHQUFHLE1BQU0sSUFBQSxxREFBNkIsRUFBQyxHQUFHLENBQUMsS0FBSyxFQUFFLEdBQUcsQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUE7SUFFN0UsT0FBTyxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxTQUFTLElBQUksS0FBSyxFQUFFLEdBQUcsT0FBTyxFQUFDLENBQUMsQ0FBQTtBQUNyRSxDQUFDLENBQUE7QUF0Q1ksUUFBQSxJQUFJLFFBc0NoQiJ9

package/.medusa/server/src/api/admin/pay/orders/[id]/direct-debit/route.d.ts

@@ -0,0 +1,9 @@
+import { AuthenticatedMedusaRequest, MedusaResponse } from "@medusajs/framework/http";
+/**
+ * The direct debit simulation state of an order, for the order detail widget.
+ * `visible` is only true while "SEPA testing" is switched on in the Pay.
+ * settings, the server runs in test mode and the order holds a simulated
+ * mandate, so the widget stays hidden everywhere else.
+ */
+export declare const GET: (req: AuthenticatedMedusaRequest, res: MedusaResponse) => Promise<MedusaResponse>;
+//# sourceMappingURL=route.d.ts.map

package/.medusa/server/src/api/admin/pay/orders/[id]/direct-debit/route.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/api/admin/pay/orders/[id]/direct-debit/route.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,0BAA0B,EAAE,cAAc,EAAC,MAAM,0BAA0B,CAAA;AAGnF;;;;;GAKG;AACH,eAAO,MAAM,GAAG,GACd,KAAK,0BAA0B,EAC/B,KAAK,cAAc,4BASpB,CAAA"}