vonpay-medusa 1.2.1 → 1.4.0

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

@@ -13,6 +13,9 @@ const TIME_SLOT = "{time}";
 function fillTime(text, at, format) {
   return at && text.includes(TIME_SLOT) ? text.split(TIME_SLOT).join(format(at)) : text;
 }
+const SUBSCRIPTION_NOT_NAMED_TEXT = {
+  unknown: "Not known yet. In the Vonpay dashboard, find the subscription by this order's id."
+};
 const NOT_SAVED_TEXT = "That couldn't be saved. The list is read again: check the row as it stands now before you try again.";
 const CHARGE_REASON_LABEL = {
   renewal_outcome_unknown: "Renewal charge — result unknown",
@@ -31,8 +34,23 @@ const CHARGE_REASON_LABEL = {
   upsell_refund_unclear: "Late offer charge — refund unclear",
   upsell_refund_pending: "Late offer charge — refund in progress",
   upsell_refunded_late: "Late offer charge refunded",
+  upsell_refund_requested: "Late offer charge — refund accepted, not finished",
   upsell_hold_unsettled: "Offer payment held — not finished yet",
-  upsell_take_unconfirmed: "Offer payment — collection not confirmed"
+  upsell_take_unconfirmed: "Offer payment — collection not confirmed",
+  upsell_subscription_active: "Offer refund — cancel its subscription",
+  upsell_subscription_ended: "Offer refund — subscription ended",
+  refund_watch_canceled: "Refunded in Medusa — Vonpay did not complete it",
+  refund_watch_failed: "Refunded in Medusa — Vonpay's refund failed",
+  refund_watch_unclear: "Refunded in Medusa — Vonpay's refund failed, outcome unclear",
+  refund_watch_overdue: "Refunded in Medusa — Vonpay's refund not finished",
+  refund_watch_resolved: "Refunded in Medusa — Vonpay's refund settled by a person",
+  signup_watch_missing: "Subscription paid for — not started",
+  signup_watch_resolved: "Subscription paid for — settled by a person",
+  renewal_period_paid_refused: "Renewal refused — this period is already paid",
+  renewal_period_declined: "Renewal declined — ReorderJS keeps asking",
+  renewal_period_stuck: "Earlier renewal charge not finished",
+  renewal_period_closed: "Renewal period kept blocked by a person",
+  renewal_period_reopened: "Renewal period reopened by a person"
 };
 const CHARGE_RESOLVED_HOW_LABEL = {
   closed_blocking: "Closed by a person — no more renewal charges for this order",
@@ -75,6 +93,10 @@ const REASON_COPY = {
     label: "Couldn't confirm amount",
     what: "The cart total couldn't be read to confirm the charge, so no order was created."
   },
+  signup_mismatch: {
+    label: "Subscription doesn't match the cart",
+    what: "The buyer paid, but the subscription this payment started doesn't match the items in the cart, so no order was created. A refund here doesn't cancel the subscription: cancel it in Vonpay too."
+  },
   binding_mismatch: {
     label: "Payment doesn't match checkout",
     what: "The payment belongs to a different checkout than the one completing."
@@ -158,7 +180,10 @@ const SOURCE_LABEL = {
   cancel: "Recorded when the order was cancelled",
   renewal: "Recorded by a subscription renewal — check in Vonpay",
   order: "Found on an order — its wallet payment wasn't collected",
-  upsell: "Recorded by an offer accepted after the order — check in Vonpay"
+  upsell: "Recorded by an offer accepted after the order — check in Vonpay",
+  refund: "Recorded when Vonpay did not complete a refund Medusa shows as done",
+  signup: "Recorded when Vonpay named no subscription for a subscription payment",
+  period: "Recorded by the plugin's one-charge-per-period record for subscription renewals"
 };
 const STATUS_LABEL = {
   open: "Needs action",
@@ -212,9 +237,11 @@ const REFUNDABLE_REASONS = [
   "paid_orphan_session",
   "paid_after_auto_close",
   "paid_no_order",
+  "signup_mismatch",
   "cancel_refund_missing",
   "cancel_refund_unconfirmed"
 ];
+const SUBSCRIPTION_REFUND_NOTE = "If this payment started a Vonpay subscription, refunding it does not cancel the subscription: cancel it in your Vonpay dashboard.";
 function isConfirmedRefund(row) {
   return row.status === "resolved" && (row.resolution?.how === "refunded" || row.resolution?.how === "refunded_earlier");
 }
@@ -222,7 +249,7 @@ function canRefund(row) {
   return row.vp_session_id !== null && !isConfirmedRefund(row) && !isAutoClosed(row) && !isUnrecognisedRecord(row) && REFUNDABLE_REASONS.includes(row.reason);
 }
 function isChargeRow(row) {
-  return row.source === "renewal" || row.source === "upsell";
+  return row.source === "renewal" || row.source === "upsell" || row.source === "refund" || row.source === "signup" || row.source === "period";
 }
 function canRelease(row) {
   return row.source === "collection" && row.vp_session_id !== null && row.status === "open" && WALLET_REASONS.includes(row.reason);
@@ -235,6 +262,9 @@ function canMarkResolved(row) {
   return row.vp_session_id !== null && row.status !== "resolved" && !isUnrecognisedRecord(row) && !WALLET_REASONS.includes(row.reason) && !TAKE_REASONS.includes(row.reason);
 }
 function locatorFor(row) {
+  if (row.source === "refund") return { source: "refund", watch_id: row.watch_id ?? "" };
+  if (row.source === "signup") return { source: "signup", watch_id: row.watch_id ?? "" };
+  if (row.source === "period") return { source: "period", period_id: row.watch_id ?? "" };
   if (isChargeRow(row)) {
     return {
       source: row.source,
@@ -559,6 +589,7 @@ function useChargeAction() {
         ...locatorFor(v.row),
         action: v.action,
         ...v.typed_order_id !== void 0 ? { confirm_order_id: v.typed_order_id.trim(), confirm_checked_in_vonpay: v.checked_in_vonpay === true } : {},
+        ...v.reason !== void 0 ? { confirm_reason: v.reason } : {},
         ...v.action === "close_unreadable" && v.row.record_sha256 ? { confirm_record_sha256: v.row.record_sha256 } : {}
       }
     }),
@@ -596,11 +627,11 @@ const HeldPaymentsBanner = () => {
   ] }) });
 };
 adminSdk.defineWidgetConfig({ zone: "order.list.before" });
-const KEY$1 = "vonpay-ship-hold";
+const KEY$2 = "vonpay-ship-hold";
 const SHIP_HOLD_REFRESH_MS = 3e4;
 function useShipHold(orderId) {
   return reactQuery.useQuery({
-    queryKey: [KEY$1, orderId],
+    queryKey: [KEY$2, orderId],
     queryFn: () => sdk.client.fetch(`/admin/vonpay/orders/${encodeURIComponent(orderId)}/offer-hold`),
     enabled: !!orderId,
     retry: false,
@@ -615,7 +646,7 @@ function useShipOverride(orderId) {
   return reactQuery.useMutation({
     mutationFn: () => sdk.client.fetch(`/admin/vonpay/orders/${encodeURIComponent(orderId)}/ship-override`, { method: "POST", body: {} }),
     retry: false,
-    onSettled: () => qc.invalidateQueries({ queryKey: [KEY$1, orderId] })
+    onSettled: () => qc.invalidateQueries({ queryKey: [KEY$2, orderId] })
   });
 }
 function clockTime(iso) {
@@ -644,8 +675,18 @@ function useUpdateNotice() {
     retry: false
   });
 }
+const CHANGELOG_URL = "https://docs.vonpay.com/connected-platforms/medusa-changelog";
 const UpdateBanner = () => {
   const { data } = useUpdateNotice();
+  if (data?.status === "unavailable" && data.reason === "unconfirmed") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", "data-testid": "vonpay-update-unconfirmed", children: [
+      "Couldn't confirm plugin updates — check",
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx("a", { href: CHANGELOG_URL, target: "_blank", rel: "noreferrer", className: "text-ui-fg-interactive hover:text-ui-fg-interactive-hover", children: "docs.vonpay.com" }),
+      " ",
+      "for the latest version."
+    ] });
+  }
   if (!data || data.status !== "update") return null;
   return /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: data.security ? "error" : "info", "data-testid": "vonpay-update-banner", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", children: [
     data.security ? "Security fix: " : "",
@@ -664,6 +705,76 @@ const UpdateBanner = () => {
   ] }) });
 };
 adminSdk.defineWidgetConfig({ zone: "order.list.before" });
+const KEY$1 = "vonpay-variant-subscription";
+function useVariantSubscription(variantId) {
+  return reactQuery.useQuery({
+    queryKey: [KEY$1, variantId],
+    queryFn: () => sdk.client.fetch(`/admin/vonpay/variants/${encodeURIComponent(variantId)}/subscription`),
+    enabled: !!variantId,
+    retry: false
+  });
+}
+function useSetVariantSubscription(variantId) {
+  const qc = reactQuery.useQueryClient();
+  return reactQuery.useMutation({
+    mutationFn: (on) => sdk.client.fetch(`/admin/vonpay/variants/${encodeURIComponent(variantId)}/subscription`, { method: "POST", body: { on } }),
+    retry: false,
+    onSettled: () => qc.invalidateQueries({ queryKey: [KEY$1, variantId] })
+  });
+}
+const VARIANT_SUBSCRIPTION_COPY = {
+  heading: "Vonpay subscription",
+  on: "Sold as a Vonpay subscription: buying it at checkout (or on an offer) starts a subscription that renews in Vonpay.",
+  off: "Sold as a one-time purchase.",
+  noProduct: "No Vonpay subscription product has this variant's id as its Store product number. Create one in your Vonpay dashboard (Subscriptions → Products) and type this id there:",
+  markedNoProduct: "Vonpay has no active subscription product for this variant, so its checkout is refused. Create or re-activate the product in your Vonpay dashboard with this id as its Store product number, or stop selling it as a subscription:",
+  turnOn: "Sell as a Vonpay subscription",
+  turnOff: "Stop selling as a subscription",
+  failed: "Couldn't change that. Reload and try again.",
+  unreadable: "Couldn't read Vonpay's subscription products. Reload to try again."
+};
+const VonpayVariantSubscription = ({ data: variant }) => {
+  const { data, isError } = useVariantSubscription(variant?.id);
+  const set = useSetVariantSubscription(variant?.id);
+  if (isError)
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "px-6 py-4", "data-testid": "vonpay-variant-subscription", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-error", children: VARIANT_SUBSCRIPTION_COPY.unreadable }) });
+  if (!data || !data.enabled) return null;
+  const product = data.products.find((p) => p.status === "active") ?? data.products[0];
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "flex flex-col gap-y-3 px-6 py-4", "data-testid": "vonpay-variant-subscription", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: VARIANT_SUBSCRIPTION_COPY.heading }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: data.marked ? "green" : "grey", size: "2xsmall", children: data.marked ? "On" : "Off" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: data.marked ? VARIANT_SUBSCRIPTION_COPY.on : VARIANT_SUBSCRIPTION_COPY.off }),
+    product?.disclosure ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", "data-testid": "vonpay-variant-subscription-terms", children: product.disclosure }) : null,
+    !data.can_mark && !data.marked ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", "data-testid": "vonpay-variant-subscription-setup", children: [
+      VARIANT_SUBSCRIPTION_COPY.noProduct,
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx("code", { children: variant?.id })
+    ] }) : null,
+    !data.can_mark && data.marked ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-error", "data-testid": "vonpay-variant-subscription-broken", children: [
+      VARIANT_SUBSCRIPTION_COPY.markedNoProduct,
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx("code", { children: variant?.id })
+    ] }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { children: data.marked ? /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", isLoading: set.isPending, onClick: () => set.mutate(false), "data-testid": "vonpay-variant-subscription-off", children: VARIANT_SUBSCRIPTION_COPY.turnOff }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", disabled: !data.can_mark, isLoading: set.isPending, onClick: () => set.mutate(true), "data-testid": "vonpay-variant-subscription-on", children: VARIANT_SUBSCRIPTION_COPY.turnOn }) }),
+    set.isError ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-error", children: VARIANT_SUBSCRIPTION_COPY.failed }) : null
+  ] });
+};
+adminSdk.defineWidgetConfig({ zone: "product_variant.details.after" });
+const REOPEN_REASON = Object.freeze({ min: 3, max: 200, cardDigits: 12 });
+const INVISIBLE = /[\p{Cc}\p{Cf}\u2028\u2029]/gu;
+const DIGIT_SEPARATORS = new RegExp("(?<=\\p{Nd})[^\\p{L}\\p{Nd}]+(?=\\p{Nd})", "gu");
+const CARD_RUN = new RegExp(`\\p{Nd}{${REOPEN_REASON.cardDigits},}`, "u");
+function reopenReasonOf(raw) {
+  if (typeof raw !== "string") return { ok: false, why: "reason_required" };
+  const text = raw.normalize("NFKC").replace(INVISIBLE, "").trim();
+  if (CARD_RUN.test(text.replace(DIGIT_SEPARATORS, ""))) return { ok: false, why: "reason_card_number" };
+  const length = reasonLength(text);
+  if (length < REOPEN_REASON.min || length > REOPEN_REASON.max) return { ok: false, why: "reason_required" };
+  return { ok: true, reason: text };
+}
+const reasonLength = (text) => [...text].length;
 function useSetupCheck() {
   return reactQuery.useMutation({
     mutationFn: () => sdk.client.fetch("/admin/vonpay/setup-check", { method: "POST", body: {} }),
@@ -806,7 +917,8 @@ const RefundAction = ({ row, onResult }) => {
     /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt, { open, onOpenChange: (o) => !refund.isPending && setOpen(o), variant: "confirmation", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Content, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Header, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Title, { children: "Refund this payment in full?" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Description, { children: description })
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Description, { children: description }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", "data-testid": "vonpay-refund-subscription-note", children: SUBSCRIPTION_REFUND_NOTE })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Footer, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Cancel, { disabled: refund.isPending, children: "Cancel" }),
@@ -908,8 +1020,10 @@ const ChargeActions = ({ row, listAt, onResult }) => {
   const [asking, setAsking] = react.useState(null);
   const [typed, setTyped] = react.useState("");
   const [checked, setChecked] = react.useState(false);
+  const [reason, setReason] = react.useState("");
   const act = useChargeAction();
   const qc = reactQuery.useQueryClient();
+  const typedFor = (a) => a.confirm === "type_order_id" ? { what: "order id", value: a.confirm_id ?? row.order_id } : a.confirm === "type_payment_id" ? { what: "Vonpay payment id", value: a.confirm_id ?? null } : null;
   const rowSays = JSON.stringify([row.held_at, row.actions ?? null, row.hint ?? null]);
   react.useEffect(() => setAnswer(null), [rowSays]);
   const actions = answer?.actions ?? row.actions ?? [];
@@ -937,12 +1051,12 @@ const ChargeActions = ({ row, listAt, onResult }) => {
     return () => clearTimeout(timer);
   }, [pastDue, listAt, qc]);
   const run = (a) => act.mutate(
-    { row, action: a.id, ...a.confirm === "type_order_id" ? { typed_order_id: typed, checked_in_vonpay: checked } : {} },
+    { row, action: a.id, ...typedFor(a) !== null ? { typed_order_id: typed, checked_in_vonpay: checked } : {}, ...a.confirm_reason ? { reason } : {} },
     {
       onSuccess: (o) => {
         if (o.recorded === false || o.outcome === "not_saved") {
           setAnswer({ ...o, actions: [], hint: null, receivedAt: Date.now() });
-          onResult({ variant: "warning", text: NOT_SAVED_TEXT });
+          onResult({ variant: "warning", text: o.outcome === "not_saved" && typeof o.text === "string" && o.text ? o.text : NOT_SAVED_TEXT });
           void qc.invalidateQueries({ queryKey: [HELD_LIST_KEY] });
           return;
         }
@@ -956,8 +1070,10 @@ const ChargeActions = ({ row, listAt, onResult }) => {
       onSettled: () => setAsking(null)
     }
   );
-  const typedOk = !asking || asking.confirm !== "type_order_id" || typed.trim() === row.order_id && checked;
-  const inputId = `vonpay-charge-confirm-${row.payment_collection_id}-${row.medusa_payment_session_id ?? row.acceptance_id ?? ""}`;
+  const expected = asking ? typedFor(asking) : null;
+  const reasonOk = !asking?.confirm_reason || reopenReasonOf(reason).ok;
+  const typedOk = (!asking || expected === null || typed.trim() === expected.value && checked) && reasonOk;
+  const inputId = `vonpay-charge-confirm-${row.payment_collection_id}-${row.medusa_payment_session_id ?? row.acceptance_id ?? ""}-${row.watch_id ?? ""}`;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
     hint && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: fillTime(hint.text, hint.at, localTime) }),
     actions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: actions.map((a) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
@@ -976,6 +1092,7 @@ const ChargeActions = ({ row, listAt, onResult }) => {
             }
             setTyped("");
             setChecked(false);
+            setReason("");
             setAsking(a);
           },
           children: a.label
@@ -994,10 +1111,12 @@ const ChargeActions = ({ row, listAt, onResult }) => {
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Description, { children: asking?.confirm_text })
       ] }),
-      asking?.confirm === "type_order_id" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2 px-6 pb-4", children: [
+      expected !== null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2 px-6 pb-4", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(ui.Label, { htmlFor: inputId, size: "small", children: [
-          "Type the order id to confirm: ",
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: row.order_id })
+          "Type the ",
+          expected.what,
+          " to confirm: ",
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: expected.value })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: inputId, size: "small", autoComplete: "off", value: typed, onChange: (e) => setTyped(e.target.value) }),
         /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-x-2", children: [
@@ -1005,6 +1124,16 @@ const ChargeActions = ({ row, listAt, onResult }) => {
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "txt-compact-small", children: "I checked this order in the Vonpay dashboard" })
         ] })
       ] }),
+      asking?.confirm_reason && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2 px-6 pb-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Label, { htmlFor: `${inputId}-reason`, size: "small", children: [
+          "Reason (",
+          REOPEN_REASON.min,
+          " to ",
+          REOPEN_REASON.max,
+          " characters; never a card number — any 12 or more digits in a row are refused, a phone number too)"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: `${inputId}-reason`, size: "small", autoComplete: "off", maxLength: REOPEN_REASON.max, value: reason, onChange: (e) => setReason(e.target.value) })
+      ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Footer, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Cancel, { disabled: act.isPending, children: "Cancel" }),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -1103,6 +1232,14 @@ const HoldDrawer = ({ row, listAt, onClose }) => {
           /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Vonpay payment" }),
           /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.vp_payment_intent_id, label: "Vonpay payment id" }) })
         ] }),
+        row.vp_refund_id && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Vonpay refund" }),
+          /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-testid": "held-row-refund", children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.vp_refund_id, label: "Vonpay refund id" }) })
+        ] }),
+        row.subscription_id !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Vonpay subscription" }),
+          /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-testid": "held-row-subscription", children: row.subscription_id ? /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.subscription_id, label: "Vonpay subscription id" }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: row.subscription_id_note ?? SUBSCRIPTION_NOT_NAMED_TEXT.unknown }) })
+        ] }),
         /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Vonpay session" }),
         /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.vp_session_id, label: "Vonpay session id" }) }),
         /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Medusa payment session" }),
@@ -1140,7 +1277,7 @@ const HoldDrawer = ({ row, listAt, onClose }) => {
         showRefund && /* @__PURE__ */ jsxRuntime.jsx(CheckWithVonpayAction, { row, onResult: setResult }),
         showMark && /* @__PURE__ */ jsxRuntime.jsx(MarkResolvedAction, { row, onResult: setResult })
       ] }),
-      row && isChargeRow(row) && /* @__PURE__ */ jsxRuntime.jsx(ChargeActions, { row, listAt, onResult: setResult }, `${row.payment_collection_id}:${row.medusa_payment_session_id ?? row.acceptance_id ?? ""}:${row.prior_intent_id ?? ""}`),
+      row && isChargeRow(row) && /* @__PURE__ */ jsxRuntime.jsx(ChargeActions, { row, listAt, onResult: setResult }, `${row.payment_collection_id}:${row.medusa_payment_session_id ?? row.acceptance_id ?? ""}:${row.prior_intent_id ?? ""}:${row.watch_id ?? ""}`),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-4", children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", children: "Or do it by hand" }),
         steps.map((step) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
@@ -1165,7 +1302,7 @@ const HeldPaymentsPage = () => {
   const count = data?.count ?? 0;
   const remainder = count % HELD_PAGE_SIZE;
   const pageCount = Math.max(1, (count - remainder) / HELD_PAGE_SIZE + (remainder > 0 ? 1 : 0));
-  const keyOf = (row) => `${row.payment_collection_id}:${row.vp_session_id ?? "unreadable"}:${row.source}:${row.payment_id ?? ""}:${row.medusa_payment_session_id ?? ""}:${row.acceptance_id ?? ""}:${row.prior_intent_id ?? ""}`;
+  const keyOf = (row) => `${row.payment_collection_id}:${row.vp_session_id ?? "unreadable"}:${row.source}:${row.payment_id ?? ""}:${row.medusa_payment_session_id ?? ""}:${row.acceptance_id ?? ""}:${row.prior_intent_id ?? ""}${row.subscription_id !== void 0 ? `:subscription:${row.vp_payment_intent_id ?? ""}` : ""}${row.watch_id ? `:watch:${row.watch_id}` : ""}`;
   const open = opened ? data?.holds.find((r) => keyOf(r) === keyOf(opened)) ?? opened : null;
   const onRowKey = (row) => (e) => {
     if (e.key === "Enter" || e.key === " ") {
@@ -1222,7 +1359,10 @@ const HeldPaymentsPage = () => {
               onClick: () => setOpened(row),
               onKeyDown: onRowKey(row),
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ReasonBadge, { reason: row.reason }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ReasonBadge, { reason: row.reason }),
+                  row.subscription_id && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "txt-compact-small font-mono text-ui-fg-subtle", "data-testid": "held-list-subscription", children: row.subscription_id })
+                ] }) }),
                 /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(RowStatus, { status: row.status }) }),
                 /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { content: row.held_at ? new Date(row.held_at).toLocaleString() : "Unknown", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "txt-compact-small whitespace-nowrap", children: since(row.held_at) }) }) }),
                 /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.vp_session_id, label: "Vonpay session id" }) }),
@@ -1350,6 +1490,63 @@ function rulesSummary(rules) {
   for (const [c, n] of Object.entries(rules.max_paid ?? {})) parts.push(`paid ≤ ${n} ${c.toUpperCase()}`);
   return parts.length ? parts.join(" · ") : OFFERS_COPY.rulesEveryone;
 }
+const REPORT_COPY = {
+  tabOffers: "Offers",
+  tabResults: "Results",
+  intro: "How shoppers answered each offer. An order counts as shown when the offer was offered to it: on the shopper's screen, or answered. Answers and money count when the offer has ended, about 2 hours after the order.",
+  from: "From",
+  to: "To",
+  live: "Live payments",
+  test: "Test payments",
+  offer: "Offer",
+  product: "Product",
+  shown: "Shown",
+  added: "Added",
+  noThanks: "No thanks",
+  declined: "Didn't go through",
+  takeRate: "Take rate",
+  charged: "Charged",
+  refunded: "Refunded",
+  net: "Net",
+  total: "All offers",
+  removed: "(removed)",
+  fromConfig: "From medusa-config",
+  downsell: (product) => `If they say No thanks: ${product}`,
+  shownNote: "Shown counts the orders the offer was offered to, once per order (and once more for its downsell): the offer was on the shopper's screen, or the shopper answered it. It is not a count of page views.",
+  takeRateNote: "Take rate is added ÷ shown.",
+  declinedNote: "Didn't go through: the payment was declined or not finished, or the item could not be added.",
+  chargedNote: "Charged is what shoppers paid for the offers, tax included. Refunded is what was refunded on those payments in Medusa since, by you or automatically, and never more than was charged. Refunds made outside Medusa, for example in the Vonpay dashboard, are not counted. Net is charged minus refunded.",
+  datesNote: "Each row counts on the date of its own moment: a view when the offer was shown, an answer when the shopper gave it, money when it was charged. A refund counts on the date of the sale it refunds, not the day it was made. Near the start or end of your dates, a view and its answer can fall on different sides.",
+  heldNote: "A payment on the Held payments page counts as it stood when it was held. For example, a late charge whose refund failed usually shows as charged (if it was held within moments of the charge, it may not show while held). If someone closes it there, it is left out of Results.",
+  viewsMissing: 'Some added items have no view counted, so their take rate is not shown. Your storefront may not count views yet: see "Offer results" in the vonpay-medusa README.',
+  empty: "No results for these dates yet.",
+  loadFailed: "The results could not be loaded. Try again.",
+  badRange: "The first date must be on or before the second, and at most 400 days apart.",
+  none: "—"
+};
+function moneyText(currency, amount, minor, locale) {
+  if (amount === null) return `${minor} ${currency}`;
+  const digits = amount.replace(/^-/, "");
+  const decimals = digits.includes(".") ? digits.length - digits.indexOf(".") - 1 : 0;
+  try {
+    return new Intl.NumberFormat(locale, { style: "currency", currency, minimumFractionDigits: decimals, maximumFractionDigits: decimals }).format(amount);
+  } catch {
+    return `${amount} ${currency}`;
+  }
+}
+function moneyColumn(money, which, locale) {
+  if (money.length === 0) return REPORT_COPY.none;
+  return money.map((m) => moneyText(m.currency, m[which], m[`${which}_minor`], locale)).join(" · ");
+}
+function takeRateText(c, locale) {
+  if (c.shown <= 0 || c.added > c.shown) return null;
+  return new Intl.NumberFormat(locale, { style: "percent", maximumFractionDigits: 0 }).format(c.added / c.shown);
+}
+function reportLineLabel(l) {
+  const product = productLabel(l);
+  const offer = l.offer_id === null ? REPORT_COPY.fromConfig : `${l.name ?? l.offer_id}${l.removed ? ` ${REPORT_COPY.removed}` : ""}`;
+  return { offer, product: l.step === "downsell" ? REPORT_COPY.downsell(product) : product };
+}
 function OfferDownsellDrawer({ offer, open, onOpenChange, onSave, busy }) {
   const [variant, setVariant] = react.useState(offer.downsell_variant_id ?? "");
   const [problem, setProblem] = react.useState(null);
@@ -1381,6 +1578,114 @@ function OfferDownsellDrawer({ offer, open, onOpenChange, onSave, busy }) {
     ] })
   ] }) });
 }
+const KEY = "vonpay-offers";
+function useOffers() {
+  return reactQuery.useQuery({ queryKey: [KEY], queryFn: () => sdk.client.fetch("/admin/vonpay/offers") });
+}
+function useOfferReport(q) {
+  return reactQuery.useQuery({
+    queryKey: [KEY, "report", q],
+    enabled: q !== null,
+    queryFn: () => sdk.client.fetch("/admin/vonpay/offers/report", { query: { from: q.from, to: q.to, ...q.mode ? { mode: q.mode } : {} } })
+  });
+}
+function useWrite(send) {
+  const qc = reactQuery.useQueryClient();
+  return reactQuery.useMutation({ mutationFn: send, retry: false, onSettled: () => qc.invalidateQueries({ queryKey: [KEY] }) });
+}
+const useCreateOffer = () => useWrite((v) => sdk.client.fetch("/admin/vonpay/offers", { method: "POST", body: v }));
+const useUpdateOffer = () => useWrite((v) => {
+  const { id, ...body } = v;
+  return sdk.client.fetch(`/admin/vonpay/offers/${encodeURIComponent(id)}`, { method: "POST", body });
+});
+const useDeleteOffer = () => useWrite((v) => sdk.client.fetch(`/admin/vonpay/offers/${encodeURIComponent(v.id)}`, { method: "DELETE" }));
+const useReorderOffers = () => useWrite((v) => sdk.client.fetch("/admin/vonpay/offers/reorder", { method: "POST", body: v }));
+const useImportOffers = () => useWrite(() => sdk.client.fetch("/admin/vonpay/offers/import", { method: "POST", body: {} }));
+const MAX_SPAN_DAYS = 400;
+const DAY_MS = 24 * 60 * 6e4;
+const pad = (n) => String(n).padStart(2, "0");
+const dayText = (d) => `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
+function localMidnight(day, addDays = 0) {
+  const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(day);
+  if (!m) return null;
+  const d = new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]) + addDays);
+  return Number.isNaN(d.getTime()) ? null : d;
+}
+function rangeOf(fromDay, toDay) {
+  const from = localMidnight(fromDay);
+  const to = localMidnight(toDay, 1);
+  if (!from || !to || !(from.getTime() < to.getTime()) || to.getTime() - from.getTime() > MAX_SPAN_DAYS * DAY_MS) return null;
+  return { from: from.toISOString(), to: to.toISOString() };
+}
+function CountCells({ c }) {
+  const rate = takeRateText(c);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "text-right", children: c.shown }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "text-right", children: c.added }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "text-right", children: c.no_thanks }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "text-right", children: c.declined }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "text-right", children: rate ?? REPORT_COPY.none }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "text-right", children: moneyColumn(c.money, "charged") }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "text-right", children: moneyColumn(c.money, "refunded") }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "text-right", children: moneyColumn(c.money, "net") })
+  ] });
+}
+function OfferReport({ today = /* @__PURE__ */ new Date() }) {
+  const [fromDay, setFromDay] = react.useState(() => dayText(new Date(today.getFullYear(), today.getMonth(), today.getDate() - 29)));
+  const [toDay, setToDay] = react.useState(() => dayText(today));
+  const [mode, setMode] = react.useState(void 0);
+  const range = rangeOf(fromDay, toDay);
+  const { data, isLoading, isError } = useOfferReport(range ? { ...range, mode } : null);
+  const shownMode = mode ?? data?.mode;
+  const viewsMissing = (data?.lines ?? []).some((l) => l.added > l.shown);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-4 px-6 py-4", "data-testid": "vonpay-offer-report", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: REPORT_COPY.intro }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-report-from", children: REPORT_COPY.from }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: "vonpay-report-from", type: "date", value: fromDay, onChange: (e) => setFromDay(e.target.value) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-report-to", children: REPORT_COPY.to }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: "vonpay-report-to", type: "date", value: toDay, onChange: (e) => setToDay(e.target.value) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-x-2", role: "group", children: ["live", "test"].map((m) => /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: shownMode === m ? "primary" : "secondary", "aria-pressed": shownMode === m, onClick: () => setMode(m), children: m === "live" ? REPORT_COPY.live : REPORT_COPY.test }, m)) })
+    ] }),
+    !range ? /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "warning", "data-testid": "vonpay-report-bad-range", children: REPORT_COPY.badRange }) : isLoading ? /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-8 w-full" }) : isError || !data ? /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", "data-testid": "vonpay-report-error", children: REPORT_COPY.loadFailed }) : data.lines.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { "data-testid": "vonpay-report-empty", children: REPORT_COPY.empty }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: REPORT_COPY.offer }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: REPORT_COPY.product }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { className: "text-right", children: REPORT_COPY.shown }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { className: "text-right", children: REPORT_COPY.added }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { className: "text-right", children: REPORT_COPY.noThanks }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { className: "text-right", children: REPORT_COPY.declined }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { className: "text-right", children: REPORT_COPY.takeRate }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { className: "text-right", children: REPORT_COPY.charged }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { className: "text-right", children: REPORT_COPY.refunded }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { className: "text-right", children: REPORT_COPY.net })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Body, { children: [
+          data.lines.map((l) => {
+            const label = reportLineLabel(l);
+            return /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { "data-testid": "vonpay-report-line", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: l.step === "downsell" ? "" : label.offer }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: label.product }),
+              /* @__PURE__ */ jsxRuntime.jsx(CountCells, { c: l })
+            ] }, `${l.offer_id ?? ""}|${l.variant_id}|${l.step}`);
+          }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { "data-testid": "vonpay-report-total", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: REPORT_COPY.total }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(CountCells, { c: data.totals })
+          ] })
+        ] })
+      ] }) }),
+      viewsMissing && /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "info", "data-testid": "vonpay-report-views-missing", children: REPORT_COPY.viewsMissing }),
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex list-disc flex-col gap-y-1 pl-6", children: [REPORT_COPY.shownNote, REPORT_COPY.takeRateNote, REPORT_COPY.declinedNote, REPORT_COPY.chargedNote, REPORT_COPY.datesNote, REPORT_COPY.heldNote].map((n) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: n }) }, n)) })
+    ] })
+  ] });
+}
 const SOURCES = {
   products: { path: "/admin/products", key: "products", label: "title" },
   collections: { path: "/admin/collections", key: "collections", label: "title" },
@@ -1551,22 +1856,6 @@ function OfferWordingDrawer({ offer, open, onOpenChange, onSave, busy }) {
     ] })
   ] }) });
 }
-const KEY = "vonpay-offers";
-function useOffers() {
-  return reactQuery.useQuery({ queryKey: [KEY], queryFn: () => sdk.client.fetch("/admin/vonpay/offers") });
-}
-function useWrite(send) {
-  const qc = reactQuery.useQueryClient();
-  return reactQuery.useMutation({ mutationFn: send, retry: false, onSettled: () => qc.invalidateQueries({ queryKey: [KEY] }) });
-}
-const useCreateOffer = () => useWrite((v) => sdk.client.fetch("/admin/vonpay/offers", { method: "POST", body: v }));
-const useUpdateOffer = () => useWrite((v) => {
-  const { id, ...body } = v;
-  return sdk.client.fetch(`/admin/vonpay/offers/${encodeURIComponent(id)}`, { method: "POST", body });
-});
-const useDeleteOffer = () => useWrite((v) => sdk.client.fetch(`/admin/vonpay/offers/${encodeURIComponent(v.id)}`, { method: "DELETE" }));
-const useReorderOffers = () => useWrite((v) => sdk.client.fetch("/admin/vonpay/offers/reorder", { method: "POST", body: v }));
-const useImportOffers = () => useWrite(() => sdk.client.fetch("/admin/vonpay/offers/import", { method: "POST", body: {} }));
 const VonpayOffersPage = () => {
   const { data, isLoading, isError, error: loadError } = useOffers();
   const create = useCreateOffer();
@@ -1616,106 +1905,113 @@ const VonpayOffersPage = () => {
         OFFERS_COPY.lag
       ] })
     ] }),
-    isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-8 w-full" }) }) : isError || !data ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", "data-testid": "vonpay-offers-load-error", children: errorSentence(loadError, OFFERS_COPY.loadFailed) }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      !data.upsells_on && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "warning", children: OFFERS_COPY.off }) }),
-      data.source === "config" && data.config.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2 px-6 py-4", "data-testid": "vonpay-offers-from-config", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "info", children: OFFERS_COPY.fromConfig }),
-        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "list-disc pl-6", children: data.config.map((c) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: productLabel(c) }) }, c.variant_id)) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", disabled: busy, onClick: () => void run(() => importConfig.mutateAsync(void 0)), children: OFFERS_COPY.importButton }) })
-      ] }),
-      error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", "data-testid": "vonpay-offers-error", children: error }) }),
-      data.offers.length === 0 ? (data.source === "admin" || data.config.length === 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: data.source === "admin" ? OFFERS_COPY.adminEmpty : OFFERS_COPY.configEmpty }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Offer" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Product" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: OFFERS_COPY.rules }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: OFFERS_COPY.downsell }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: OFFERS_COPY.wording }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: OFFERS_COPY.shown }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, {})
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: data.offers.map((o, i) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { "data-testid": "vonpay-offer-row", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: o.name }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: o.product_title === null ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-error", children: OFFERS_COPY.missingVariant }) : productLabel(o) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.rules}: ${o.name}`, disabled: busy, onClick: () => setEditing(o), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: o.rules === "unreadable" ? "text-ui-fg-error" : void 0, children: rulesSummary(o.rules) }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.downsell}: ${o.name}`, disabled: busy, onClick: () => setDownsellFor(o), children: o.downsell_variant_id === null ? OFFERS_COPY.downsellNone : o.downsell_product_title === null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-error", children: OFFERS_COPY.downsellMissing }) : productLabel({ product_title: o.downsell_product_title, variant_title: o.downsell_variant_title, variant_id: o.downsell_variant_id }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.wording}: ${o.name}`, disabled: busy, onClick: () => setWordingFor(o), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `max-w-[16rem] truncate ${o.copy === "unreadable" ? "text-ui-fg-error" : ""}`, children: wordingSummary(o.copy) }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Switch, { "aria-label": `${OFFERS_COPY.shown}: ${o.name}`, checked: o.enabled, disabled: busy, onCheckedChange: (on) => void run(() => update.mutateAsync({ id: o.id, enabled: on })) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-x-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.up}: ${o.name}`, disabled: busy || i === 0, onClick: () => move(data.offers, i, -1), children: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpMini, {}) }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.down}: ${o.name}`, disabled: busy || i === data.offers.length - 1, onClick: () => move(data.offers, i, 1), children: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowDownMini, {}) }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.remove}: ${o.name}`, disabled: busy, onClick: () => void onRemove(o), children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {}) })
-          ] }) })
-        ] }, o.id)) })
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Tabs, { defaultValue: "offers", className: "divide-y", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-3", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Tabs.List, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Tabs.Trigger, { value: "offers", children: REPORT_COPY.tabOffers }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Tabs.Trigger, { value: "results", children: REPORT_COPY.tabResults })
       ] }) }),
-      downsellFor && /* @__PURE__ */ jsxRuntime.jsx(
-        OfferDownsellDrawer,
-        {
-          offer: downsellFor,
-          open: downsellFor !== null,
-          busy,
-          onOpenChange: (o) => !o && setDownsellFor(null),
-          onSave: async (downsell) => {
-            try {
-              await update.mutateAsync({ id: downsellFor.id, downsell_variant_id: downsell });
-              return null;
-            } catch (err) {
-              return errorSentence(err);
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Tabs.Content, { value: "results", children: /* @__PURE__ */ jsxRuntime.jsx(OfferReport, {}) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Tabs.Content, { value: "offers", className: "divide-y", children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-8 w-full" }) }) : isError || !data ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", "data-testid": "vonpay-offers-load-error", children: errorSentence(loadError, OFFERS_COPY.loadFailed) }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        !data.upsells_on && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "warning", children: OFFERS_COPY.off }) }),
+        data.source === "config" && data.config.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2 px-6 py-4", "data-testid": "vonpay-offers-from-config", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "info", children: OFFERS_COPY.fromConfig }),
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "list-disc pl-6", children: data.config.map((c) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: productLabel(c) }) }, c.variant_id)) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", disabled: busy, onClick: () => void run(() => importConfig.mutateAsync(void 0)), children: OFFERS_COPY.importButton }) })
+        ] }),
+        error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", "data-testid": "vonpay-offers-error", children: error }) }),
+        data.offers.length === 0 ? (data.source === "admin" || data.config.length === 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: data.source === "admin" ? OFFERS_COPY.adminEmpty : OFFERS_COPY.configEmpty }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Offer" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Product" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: OFFERS_COPY.rules }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: OFFERS_COPY.downsell }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: OFFERS_COPY.wording }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: OFFERS_COPY.shown }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, {})
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: data.offers.map((o, i) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { "data-testid": "vonpay-offer-row", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: o.name }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: o.product_title === null ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-error", children: OFFERS_COPY.missingVariant }) : productLabel(o) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.rules}: ${o.name}`, disabled: busy, onClick: () => setEditing(o), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: o.rules === "unreadable" ? "text-ui-fg-error" : void 0, children: rulesSummary(o.rules) }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.downsell}: ${o.name}`, disabled: busy, onClick: () => setDownsellFor(o), children: o.downsell_variant_id === null ? OFFERS_COPY.downsellNone : o.downsell_product_title === null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-error", children: OFFERS_COPY.downsellMissing }) : productLabel({ product_title: o.downsell_product_title, variant_title: o.downsell_variant_title, variant_id: o.downsell_variant_id }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.wording}: ${o.name}`, disabled: busy, onClick: () => setWordingFor(o), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `max-w-[16rem] truncate ${o.copy === "unreadable" ? "text-ui-fg-error" : ""}`, children: wordingSummary(o.copy) }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Switch, { "aria-label": `${OFFERS_COPY.shown}: ${o.name}`, checked: o.enabled, disabled: busy, onCheckedChange: (on) => void run(() => update.mutateAsync({ id: o.id, enabled: on })) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-x-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.up}: ${o.name}`, disabled: busy || i === 0, onClick: () => move(data.offers, i, -1), children: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpMini, {}) }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.down}: ${o.name}`, disabled: busy || i === data.offers.length - 1, onClick: () => move(data.offers, i, 1), children: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowDownMini, {}) }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.remove}: ${o.name}`, disabled: busy, onClick: () => void onRemove(o), children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {}) })
+            ] }) })
+          ] }, o.id)) })
+        ] }) }),
+        downsellFor && /* @__PURE__ */ jsxRuntime.jsx(
+          OfferDownsellDrawer,
+          {
+            offer: downsellFor,
+            open: downsellFor !== null,
+            busy,
+            onOpenChange: (o) => !o && setDownsellFor(null),
+            onSave: async (downsell) => {
+              try {
+                await update.mutateAsync({ id: downsellFor.id, downsell_variant_id: downsell });
+                return null;
+              } catch (err) {
+                return errorSentence(err);
+              }
             }
-          }
-        },
-        downsellFor.id
-      ),
-      wordingFor && /* @__PURE__ */ jsxRuntime.jsx(
-        OfferWordingDrawer,
-        {
-          offer: wordingFor,
-          open: wordingFor !== null,
-          busy,
-          onOpenChange: (o) => !o && setWordingFor(null),
-          onSave: async (copy) => {
-            try {
-              await update.mutateAsync({ id: wordingFor.id, copy });
-              return null;
-            } catch (err) {
-              return errorSentence(err);
+          },
+          downsellFor.id
+        ),
+        wordingFor && /* @__PURE__ */ jsxRuntime.jsx(
+          OfferWordingDrawer,
+          {
+            offer: wordingFor,
+            open: wordingFor !== null,
+            busy,
+            onOpenChange: (o) => !o && setWordingFor(null),
+            onSave: async (copy) => {
+              try {
+                await update.mutateAsync({ id: wordingFor.id, copy });
+                return null;
+              } catch (err) {
+                return errorSentence(err);
+              }
             }
-          }
-        },
-        wordingFor.id
-      ),
-      editing && /* @__PURE__ */ jsxRuntime.jsx(
-        OfferRulesDrawer,
-        {
-          offer: editing,
-          open: editing !== null,
-          busy,
-          onOpenChange: (o) => !o && setEditing(null),
-          onSave: async (rules) => {
-            try {
-              await update.mutateAsync({ id: editing.id, rules });
-              return null;
-            } catch (err) {
-              return errorSentence(err);
+          },
+          wordingFor.id
+        ),
+        editing && /* @__PURE__ */ jsxRuntime.jsx(
+          OfferRulesDrawer,
+          {
+            offer: editing,
+            open: editing !== null,
+            busy,
+            onOpenChange: (o) => !o && setEditing(null),
+            onSave: async (rules) => {
+              try {
+                await update.mutateAsync({ id: editing.id, rules });
+                return null;
+              } catch (err) {
+                return errorSentence(err);
+              }
             }
-          }
-        },
-        editing.id
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "flex flex-col gap-y-3 px-6 py-4", onSubmit: (e) => void onAdd(e), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: OFFERS_COPY.add }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-offer-name", children: OFFERS_COPY.name }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: "vonpay-offer-name", value: name, maxLength: 80, onChange: (e) => setName(e.target.value) })
+          },
+          editing.id
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "flex flex-col gap-y-3 px-6 py-4", onSubmit: (e) => void onAdd(e), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: OFFERS_COPY.add }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-offer-name", children: OFFERS_COPY.name }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: "vonpay-offer-name", value: name, maxLength: 80, onChange: (e) => setName(e.target.value) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-offer-variant", children: OFFERS_COPY.variant }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: "vonpay-offer-variant", value: variantId, onChange: (e) => setVariantId(e.target.value) })
+            ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-offer-variant", children: OFFERS_COPY.variant }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: "vonpay-offer-variant", value: variantId, onChange: (e) => setVariantId(e.target.value) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", type: "submit", disabled: busy || !name.trim() || !variantId.trim(), children: OFFERS_COPY.add }) })
-      ] })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", type: "submit", disabled: busy || !name.trim() || !variantId.trim(), children: OFFERS_COPY.add }) })
+        ] })
+      ] }) })
     ] })
   ] });
 };
@@ -1735,6 +2031,8 @@ const eventLabel = (type) => EVENT_LABEL[type] ?? "Other";
 const amountLabel = (major, currency) => major && currency ? `${major} ${currency}` : "—";
 const NOT_ENABLED_NOTE = `Vonpay is not running this store's subscriptions. To let it, set the payment provider's subscriptions option to "vonpay", register the plugin's subscriptions module in medusa-config, run npx medusa db:migrate and restart — the setup check confirms each step.`;
 const ORDERS_NOT_YET_NOTE = "Renewal orders are not created from these notifications yet: this list shows what Vonpay reported, so nothing here changes an order.";
+const CANCEL_IS_SEPARATE_NOTE = "Cancelling or refunding the order that started a subscription does not end the subscription: it keeps renewing until someone cancels it in your Vonpay dashboard.";
+const subscriptionOrderPath = (orderId) => `/orders/${encodeURIComponent(orderId)}`;
 const SUBSCRIPTION_PAGE_SIZE = 20;
 function useSubscriptionEvents(page) {
   return reactQuery.useQuery({
@@ -1757,12 +2055,16 @@ const VonpaySubscriptionsPage = () => {
       /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Notifications from Vonpay's subscription billing, newest first." })
     ] }),
     isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-8 w-full" }) }) : isError ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", children: "The list could not be loaded. Reload the page to try again." }) }) : !data?.enabled ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "info", children: NOT_ENABLED_NOTE }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: ORDERS_NOT_YET_NOTE }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: ORDERS_NOT_YET_NOTE }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", "data-testid": "vonpay-subscriptions-cancel-note", children: CANCEL_IS_SEPARATE_NOTE })
+      ] }),
       data.events.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "No subscription notifications yet." }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "What happened" }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Subscription" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Started by order" }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Period" }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Amount" }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Next bill" }),
@@ -1774,6 +2076,7 @@ const VonpaySubscriptionsPage = () => {
               e.mode === "test" ? " (test)" : ""
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "font-mono text-xs", children: e.subscription_id }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "font-mono text-xs", "data-testid": "vonpay-subscription-order", children: e.medusa_order_id ? /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: subscriptionOrderPath(e.medusa_order_id), children: e.medusa_order_id }) : "—" }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: e.billing_cycle ?? "—" }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: amountLabel(e.amount_major, e.currency) }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: when(e.next_bill_at) }),
@@ -1818,6 +2121,11 @@ const widgetModule = { widgets: [
     Component: UpdateBanner,
     zone: ["order.list.before"],
     widgetId: "Widget-5ad3"
+  },
+  {
+    Component: VonpayVariantSubscription,
+    zone: ["product_variant.details.after"],
+    widgetId: "Widget-671a"
   }
 ] };
 const routeModule = {