vonpay-medusa 1.2.0 → 1.3.0

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

@@ -9,6 +9,60 @@ const icons = require("@medusajs/icons");
 const react = require("react");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const Medusa__default = /* @__PURE__ */ _interopDefault(Medusa);
+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",
+  renewal_not_settled: "Renewal charge not completed",
+  renewal_charged_unrecorded: "Renewal charged, order unpaid",
+  renewal_paid_twice: "Renewal charged — order also paid another way",
+  renewal_buyer_mismatch: "Renewal charged to a different customer",
+  upsell_outcome_unknown: "Offer charge — result unknown",
+  upsell_not_settled: "Offer charge not completed",
+  upsell_paid_not_added: "Offer paid, item not added",
+  upsell_paid_unsettled: "Offer paid — check the order",
+  upsell_paid_unrecorded: "Offer paid, payment not recorded",
+  upsell_hold_not_released: "Offer payment held — release not confirmed",
+  upsell_bank_check_open: "Offer bank check still open",
+  upsell_refund_failed: "Late offer charge — refund failed",
+  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_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"
+};
+const CHARGE_RESOLVED_HOW_LABEL = {
+  closed_blocking: "Closed by a person — no more renewal charges for this order",
+  freed: "Freed — later renewals of this order may charge the customer",
+  closed_no_change: "Closed by a person — no change to money"
+};
+function chargeHandStep(paymentIntentId) {
+  return { title: "Check this order in Vonpay", body: `Find ${paymentIntentId ? `payment ${paymentIntentId}` : "any payment"} in the Vonpay dashboard by the order id, and settle it there if it needs it.` };
+}
+const OFFER_CLOSED_MONEY_TEXT = {
+  upsell_paid_not_added: "The buyer paid for this offer. Closing this row did not refund it or add the item: that was yours to settle in Vonpay or on the order.",
+  upsell_paid_unsettled: "The buyer paid for this offer. Closing this row did not refund it or add the item: that was yours to settle in Vonpay or on the order.",
+  upsell_paid_unrecorded: "The buyer paid, and the item is on the order. Closing this row did not mark that balance paid in Medusa: that was yours to do.",
+  upsell_refund_failed: "The buyer was charged and the item was not added. Closing this row sent no refund: that was yours to send in Vonpay.",
+  upsell_refund_unclear: "The buyer was charged and the item was not added. Closing this row sent no refund: that was yours to send in Vonpay."
+};
+const OFFER_CLOSED_MONEY_DEFAULT = "Closing this row moved no money. What Vonpay holds for this payment is as it was.";
 const REASON_COPY = {
   deleted_while_charged: {
     label: "Charged, then cart changed",
@@ -34,6 +88,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."
@@ -82,78 +140,7 @@ const REASON_COPY = {
     label: "Paid, order not created",
     what: "The buyer paid, but Medusa did not create the order, even after the plugin retried it automatically. Check the cart and the payment in Vonpay, then complete the order with the buyer or refund it."
   },
-  renewal_outcome_unknown: {
-    label: "Renewal charge — result unknown",
-    what: "A subscription renewal charged the customer's saved card, but Vonpay's answer could not be read, so the customer may have been charged. No further renewal charge is sent for this order. Check the payment in Vonpay before charging or refunding anything."
-  },
-  renewal_not_settled: {
-    label: "Renewal charge not completed",
-    what: "Vonpay answered the subscription renewal charge, but the payment had not completed. No further renewal charge is sent for this order. Check the payment in Vonpay."
-  },
-  renewal_charged_unrecorded: {
-    label: "Renewal charged, order unpaid",
-    what: "Vonpay charged the customer's saved card for this subscription renewal, but Medusa's records do not show the payment, even after the plugin retried it automatically (or Medusa recorded it and then cancelled it). The customer has paid; the order shows unpaid. No further renewal charge is sent for this order. Find the payment in Vonpay by the order id, then mark the order paid in Medusa — do not charge again."
-  },
-  renewal_paid_twice: {
-    label: "Renewal charged — order also paid another way",
-    what: "Vonpay charged the customer's saved card for this subscription renewal, and the order was also marked paid another way. The customer may have paid twice. Check the payment in Vonpay and the order in Medusa, then refund the extra payment. No further renewal charge is sent for this order."
-  },
-  renewal_buyer_mismatch: {
-    label: "Renewal charged to a different customer",
-    what: "Vonpay recorded the subscription renewal charge against a different customer than the order's. No further renewal charge is sent for this order. Check the payment in Vonpay."
-  },
-  upsell_outcome_unknown: {
-    label: "Offer charge — result unknown",
-    what: "The buyer accepted an offer after their order and the plugin charged their card for it, but Vonpay's answer could not be read, so the buyer may have been charged. The item was NOT added to the order, and the plugin will not try that offer again. Check the payment in Vonpay by the order id: if it was charged, add the item to the order (or refund it in Vonpay); if not, cancel the open order edit in Medusa."
-  },
-  upsell_not_settled: {
-    label: "Offer charge not completed",
-    what: "The buyer accepted an offer after their order, and Vonpay answered the charge, but the payment had not completed. The item was NOT added to the order. Check the payment in Vonpay by the order id, then cancel the open order edit in Medusa if nothing was charged."
-  },
-  upsell_paid_not_added: {
-    label: "Offer paid, item not added",
-    what: "The buyer accepted an offer after their order and paid for it, but the item was NOT added to the order, even after the plugin retried. The buyer has paid. Either add the item to the order in Medusa, or refund the charge in Vonpay — not both, and do not charge again."
-  },
-  upsell_paid_unsettled: {
-    label: "Offer paid — check the order",
-    what: "The buyer accepted an offer after their order and paid for it, but the plugin could not finish recording it. Open the order first. If the item is on it, mark that balance paid in Medusa (do NOT refund — the item ships). If the item is not on it, either add it or refund the charge in Vonpay — not both. Never charge again."
-  },
-  upsell_paid_unrecorded: {
-    label: "Offer paid, payment not recorded",
-    what: "The buyer accepted an offer after their order and paid for it, and the item IS on the order, but Medusa did not record the payment, even after the plugin retried — so the order shows an unpaid balance. The buyer has paid. Find the payment in Vonpay by the order id and mark that balance paid in Medusa. Do NOT refund it (the item ships) and do not charge again."
-  },
-  upsell_hold_not_released: {
-    label: "Offer payment held — release not confirmed",
-    what: "The buyer approved an offer after their order with Apple Pay or Google Pay, which only held the money. The item could not be added, so the plugin released the hold, but Vonpay has not confirmed the release. Nothing was taken and the item was NOT added. The plugin keeps releasing it on every run. If this row stays, find the payment in Vonpay by the order id and void it there. Do not take it."
-  },
-  upsell_bank_check_open: {
-    label: "Offer bank check still open",
-    what: "The offer ended while the buyer's bank check was still open, so nothing was added and the order change was undone. If the bank approves it later, the plugin refunds it automatically. Nothing to do unless this stays for a few days; then check the payment in Vonpay by the order id."
-  },
-  upsell_refund_failed: {
-    label: "Late offer charge — refund failed",
-    what: "The buyer was charged for an offer whose item was NOT added to the order — the bank approved it after the offer had ended, the item could not be added, or an earlier declined attempt was approved after all — so the plugin tried to refund that charge in full, but the refund did not go through (refused, or not settled within 48 hours). Refund the payment in Vonpay by the order id. Do not add the item."
-  },
-  upsell_refund_unclear: {
-    label: "Late offer charge — refund unclear",
-    what: "The buyer was charged for an offer whose item was NOT added to the order, and the plugin's automatic refund got an unclear answer: Vonpay reported an error, then recorded that refund as failed, but the money may have gone back anyway. The plugin will not send another refund. First check the payment in Vonpay by the order id: refund it there ONLY if no refund went through. Do not add the item."
-  },
-  upsell_refund_pending: {
-    label: "Late offer charge — refund in progress",
-    what: "The buyer's bank approved an offer after the offer had ended, so nothing was added and the plugin is refunding the charge in full. It keeps retrying. If this row stays for a day, refund the payment in Vonpay by the order id."
-  },
-  upsell_refunded_late: {
-    label: "Late offer charge refunded",
-    what: "The buyer's bank approved an offer after the offer had ended, so nothing was added and the plugin refunded the charge in full. Nothing to do."
-  },
-  upsell_hold_unsettled: {
-    label: "Offer payment held — not finished yet",
-    what: "The buyer approved an offer after their order with Apple Pay or Google Pay, which only held the money, and the plugin has not finished it yet. Nothing was taken. The plugin keeps working on it: it adds the item and takes the money, or releases the hold if the item cannot be added. Do not take or void it yourself unless this row stays for more than a day; then check the payment in Vonpay by the order id."
-  },
-  upsell_take_unconfirmed: {
-    label: "Offer payment — collection not confirmed",
-    what: "The buyer approved an offer after their order with Apple Pay or Google Pay, and the plugin asked Vonpay to take the held money, but Vonpay has not confirmed whether it was taken. The plugin re-checks it on every run: if it was taken, the plugin adds the item; if it was released, it closes the open order edit. Check the payment in Vonpay by the order id. Do not take it again."
-  },
+  ...Object.fromEntries(Object.entries(CHARGE_REASON_LABEL).map(([reason, label]) => [reason, { label }])),
   cancel_refund_missing: {
     label: "Cancelled, refund failed",
     what: "The order was cancelled, but Medusa's refund to the buyer did not go through. The buyer may still be charged."
@@ -188,7 +175,9 @@ 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"
 };
 const STATUS_LABEL = {
   open: "Needs action",
@@ -207,6 +196,7 @@ const RESOLVED_HOW_LABEL = {
   refunded_earlier: "Already refunded with this payment's key (for example from the command line)",
   nothing_left: "Vonpay showed nothing left to refund — confirm in the Vonpay dashboard that the buyer got it back",
   marked: "Marked resolved",
+  ...CHARGE_RESOLVED_HOW_LABEL,
   auto_closed: "Closed automatically — Vonpay confirmed nothing was charged and the payment can no longer be used",
   paid_after_auto_close: "Re-opened automatically — money arrived after the automatic close",
   paid_after_resolution: "Re-opened automatically — Vonpay reported this payment as paid after it was marked resolved",
@@ -241,15 +231,20 @@ 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");
 }
 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" || row.source === "refund" || row.source === "signup";
+}
 function canRelease(row) {
   return row.source === "collection" && row.vp_session_id !== null && row.status === "open" && WALLET_REASONS.includes(row.reason);
 }
@@ -257,9 +252,22 @@ function canComplete(row) {
   return row.source === "collection" && row.vp_session_id !== null && row.status === "open" && row.reason === "wallet_held_no_order";
 }
 function canMarkResolved(row) {
+  if (isChargeRow(row)) return false;
   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 (isChargeRow(row)) {
+    return {
+      source: row.source,
+      payment_collection_id: row.payment_collection_id,
+      ...row.order_id ? { order_id: row.order_id } : {},
+      ...row.medusa_payment_session_id ? { medusa_payment_session_id: row.medusa_payment_session_id } : {},
+      ...row.acceptance_id ? { acceptance_id: row.acceptance_id } : {},
+      ...row.prior_intent_id ? { prior_intent_id: row.prior_intent_id } : {}
+    };
+  }
   return {
     source: row.source,
     vp_session_id: row.vp_session_id ?? "",
@@ -269,6 +277,9 @@ function locatorFor(row) {
   };
 }
 function resolutionSteps(row) {
+  if (isChargeRow(row)) {
+    return [chargeHandStep(row.vp_payment_intent_id)];
+  }
   if (!row.vp_session_id || row.reason === "unrecognised") {
     return [{ title: "Check this payment in Vonpay", body: "Find the payment in the Vonpay dashboard before refunding or fulfilling anything." }];
   }
@@ -348,6 +359,14 @@ function reconcileCopy(o) {
 function markConfirmMatches(typed, row) {
   return row.vp_session_id !== null && typed.trim() === row.vp_session_id;
 }
+function closedMoneyNote(row) {
+  if (row.status !== "resolved" || row.resolution?.how !== "closed_no_change") return null;
+  return OFFER_CLOSED_MONEY_TEXT[row.reason] ?? OFFER_CLOSED_MONEY_DEFAULT;
+}
+function chargedUncheckedNote(count) {
+  if (!(count > 0)) return null;
+  return `${count} paid ${count === 1 ? "renewal was" : "renewals were"} not checked against Medusa on this load, because a load checks a limited number or Medusa did not answer. One that Medusa has no record of may be missing from this list. Reload to check the next ones.`;
+}
 const REFUSAL_TEXT = {
   hold_release_not_eligible: "Only a held wallet payment can be released here. Nothing was changed.",
   hold_release_payment_active: "This held payment belongs to an order. Take it or cancel it from the order. Nothing was changed.",
@@ -369,7 +388,7 @@ const REFUSAL_TEXT = {
   hold_refund_auto_closed: "This payment was closed automatically because Vonpay confirmed nothing was charged. There's nothing to refund.",
   hold_refund_not_eligible: "This held payment has no single charge that can be refunded from here. Nothing was refunded — check it in Vonpay.",
   hold_record_unrecognised: "This payment's record in the list isn't one the plugin recognises. Nothing was changed — check it in Vonpay.",
-  refund_refused: "Vonpay refused the refund. Nothing was refunded.",
+  refund_refused: "Vonpay refused the refund. Nothing was refunded. If the buyer already has the money back (a dispute, or a refund made in the Vonpay dashboard), close this row with Mark resolved.",
   refund_exceeds_remaining: "Vonpay shows nothing left to refund on this payment. Nothing new was refunded.",
   hold_provider_unavailable: "The Vonpay payment provider couldn't be reached from the admin. Nothing was changed — try again.",
   hold_provider_ambiguous: "More than one Vonpay provider could own this payment. Nothing was changed — check the store's payment setup.",
@@ -377,7 +396,7 @@ const REFUSAL_TEXT = {
   hold_refund_key_conflict: "A refund with this payment's key was already made with different details (for example a partial amount from the command line). Nothing new was refunded — check it in Vonpay.",
   refund_declined: "The payment provider declined the refund. No money moved.",
   refund_not_completed: "Vonpay recorded this refund as failed. No money moved.",
-  hold_refund_not_refundable_now: "Vonpay says nothing can be refunded on this payment right now (not settled yet, disputed, or already refunded). Nothing was refunded.",
+  hold_refund_not_refundable_now: "Vonpay says nothing can be refunded on this payment right now (not settled yet, disputed, or already refunded). Nothing was refunded. Once the buyer has the money back (a dispute, or a refund made in the Vonpay dashboard), close this row with Mark resolved; if it has not settled yet, try again later.",
   hold_checkout_busy: "The buyer's checkout for this payment is in progress right now. Nothing was changed — try again in a moment.",
   hold_checkout_lock_unavailable: "This payment's checkout couldn't be locked, so nothing was changed. Check the store's locking setup, or refund from the command line.",
   hold_recheck_failed: "The order couldn't be re-checked just before acting. Nothing was changed — try again.",
@@ -387,6 +406,14 @@ const REFUSAL_TEXT = {
   hold_refund_payment_active: "This payment now belongs to an order that isn't cancelled. Nothing was refunded — refund it from the order.",
   hold_resolve_wallet_held: "Use Release for a held wallet payment. It checks Vonpay first, then releases the hold, lists it for a refund, or clears it with its order. Nothing was changed.",
   hold_resolve_payment_active: "This payment now belongs to an order that isn't cancelled, so it isn't held. Nothing was changed.",
+  move_request_invalid: "That request was missing the payment's ids. Run the check again. Nothing was changed.",
+  hold_resolve_confirm_mismatch: "To mark a payment resolved, type its Vonpay session id exactly as the row shows it. Nothing was changed.",
+  move_not_listed: "This payment isn't one the check lists any more (it may have become an order, or already be on Held payments). Run the check again. Nothing was changed.",
+  move_not_paid: "Vonpay doesn't show money taken or held on this payment, so there is nothing to move. Nothing was changed.",
+  move_refunded: "Vonpay shows this payment refunded in full (or a full refund still in progress), so there is nothing to move. Nothing was changed.",
+  move_not_this_checkout: "Vonpay's record of this payment names a different checkout. Check it in the Vonpay dashboard. Nothing was changed.",
+  move_lock_not_shared: "The command can't move a payment on a store without a shared lock (Redis or Postgres locking). Use the Move to Held payments button in the admin instead. Nothing was changed.",
+  move_vonpay_unavailable: "Vonpay couldn't be reached to check this payment again. Nothing was changed — try again shortly.",
   hold_not_found: "This held payment is no longer on the list. It may already have been completed, released or refunded. Reload the list and check the order."
 };
 function outcomeCopy(o) {
@@ -456,6 +483,23 @@ function completeOutcomeCopy(o) {
       return UNKNOWN_OUTCOME;
   }
 }
+function moveOutcomeCopy(o) {
+  switch (o.outcome) {
+    case "moved":
+      return {
+        variant: "success",
+        text: o.reason === "wallet_held_no_order" ? "Moved to Held payments. Release the held payment or complete the order there." : "Moved to Held payments. Refund it or mark it resolved there."
+      };
+    case "already_held":
+      return { variant: "success", text: "It is already on Held payments. Nothing was changed." };
+    case "ordered":
+      return { variant: "warning", text: "An order holds this payment now, so it was not moved. Nothing was changed." };
+    case "refused":
+      return { variant: "error", text: o.code && REFUSAL_TEXT[o.code] || "That couldn't be done. Nothing was changed." };
+    default:
+      return UNKNOWN_OUTCOME;
+  }
+}
 function resolveOutcomeCopy(o) {
   if (o.outcome === "refused") return { variant: "error", text: o.code && REFUSAL_TEXT[o.code] || "That couldn't be done. Nothing was changed." };
   if (!o.recorded) return { variant: "warning", text: "Couldn't save that. Try again." };
@@ -466,6 +510,7 @@ const authType = typeof __AUTH_TYPE__ !== "undefined" && __AUTH_TYPE__ ? __AUTH_
 const sdk = new Medusa__default.default({ baseUrl: backendUrl, auth: { type: authType } });
 const HELD_PAGE_SIZE = 20;
 const LIST_KEY = "vonpay-held-payments";
+const HELD_LIST_KEY = LIST_KEY;
 function useHeldPayments(page) {
   const status = page.status ?? "open";
   return reactQuery.useQuery({
@@ -528,6 +573,22 @@ function useMarkResolved() {
     onSettled: () => qc.invalidateQueries({ queryKey: [LIST_KEY] })
   });
 }
+function useChargeAction() {
+  const qc = reactQuery.useQueryClient();
+  return reactQuery.useMutation({
+    mutationFn: (v) => sdk.client.fetch("/admin/vonpay/holds/resolve", {
+      method: "POST",
+      body: {
+        ...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.action === "close_unreadable" && v.row.record_sha256 ? { confirm_record_sha256: v.row.record_sha256 } : {}
+      }
+    }),
+    retry: false,
+    onSettled: () => qc.invalidateQueries({ queryKey: [LIST_KEY] })
+  });
+}
 function useReconcileHold() {
   const qc = reactQuery.useQueryClient();
   return reactQuery.useMutation({
@@ -558,11 +619,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,
@@ -577,7 +638,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) {
@@ -626,975 +687,1374 @@ const UpdateBanner = () => {
   ] }) });
 };
 adminSdk.defineWidgetConfig({ zone: "order.list.before" });
-const EVENT_LABEL = {
-  "subscription.created": "Signed up",
-  "subscription.renewed": "Renewal paid",
-  "subscription.payment_failed": "Renewal declined",
-  "subscription.cancelled": "Cancelled",
-  "subscription.updated": "Changed"
-};
-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 SUBSCRIPTION_PAGE_SIZE = 20;
-function useSubscriptionEvents(page) {
+const KEY$1 = "vonpay-variant-subscription";
+function useVariantSubscription(variantId) {
   return reactQuery.useQuery({
-    queryKey: ["vonpay-subscription-events", page.limit, page.offset],
-    queryFn: () => sdk.client.fetch("/admin/vonpay/subscriptions", { query: { limit: page.limit, offset: page.offset } }),
-    placeholderData: reactQuery.keepPreviousData
+    queryKey: [KEY$1, variantId],
+    queryFn: () => sdk.client.fetch(`/admin/vonpay/variants/${encodeURIComponent(variantId)}/subscription`),
+    enabled: !!variantId,
+    retry: false
   });
 }
-const pageCountFor = (count) => {
-  const remainder = count % SUBSCRIPTION_PAGE_SIZE;
-  return Math.max(1, (count - remainder) / SUBSCRIPTION_PAGE_SIZE + (remainder > 0 ? 1 : 0));
-};
-const when = (iso) => iso ? new Date(iso).toLocaleString() : "—";
-const VonpaySubscriptionsPage = () => {
-  const [pageIndex, setPageIndex] = react.useState(0);
-  const { data, isLoading, isError } = useSubscriptionEvents({ limit: SUBSCRIPTION_PAGE_SIZE, offset: pageIndex * SUBSCRIPTION_PAGE_SIZE });
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Vonpay subscriptions" }),
-      /* @__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 }) }),
-      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: "Period" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Amount" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Next bill" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Received" })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: data.events.map((e) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Cell, { children: [
-              eventLabel(e.type),
-              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, { 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) }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: when(e.received_at) })
-          ] }, e.id)) })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Table.Pagination,
-          {
-            count: data.count,
-            pageSize: SUBSCRIPTION_PAGE_SIZE,
-            pageIndex,
-            pageCount: pageCountFor(data.count),
-            canPreviousPage: pageIndex > 0,
-            canNextPage: (pageIndex + 1) * SUBSCRIPTION_PAGE_SIZE < data.count,
-            previousPage: () => setPageIndex((p) => Math.max(0, p - 1)),
-            nextPage: () => setPageIndex((p) => p + 1)
-          }
-        )
-      ] })
-    ] })
-  ] });
-};
-const config$2 = adminSdk.defineRouteConfig({
-  label: "Vonpay subscriptions",
-  icon: icons.ArrowPath,
-  nested: "/orders"
-});
-function useSetupCheck() {
+function useSetVariantSubscription(variantId) {
+  const qc = reactQuery.useQueryClient();
   return reactQuery.useMutation({
-    mutationFn: () => sdk.client.fetch("/admin/vonpay/setup-check", { method: "POST", body: {} }),
-    retry: false
+    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 LABEL = { pass: "OK", warn: "Check", fail: "Fix", not_checked: "Not checked" };
-const COLOR = { pass: "green", warn: "orange", fail: "red", not_checked: "grey" };
-const SetupCheckPanel = () => {
-  const check = useSetupCheck();
-  const items = check.data?.items ?? [];
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4 px-6 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Vonpay setup" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Checks your Vonpay key, your notification endpoint and the Medusa setup Vonpay needs. With test keys it also sends one test notification (it never creates a payment); that usually takes under 30 seconds." })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", isLoading: check.isPending, onClick: () => check.mutate(), children: "Check Vonpay setup" })
+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" })
     ] }),
-    check.isError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", children: "The check could not run. Try again, or run npx vonpay-medusa-check on the server." }) }),
-    check.data && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: !check.data.ok ? "error" : check.data.complete ? "success" : "warning", children: !check.data.ok ? "Something needs fixing — see the items marked Fix." : check.data.complete ? "No problems found." : `No failures, but ${check.data.unverified} ${check.data.unverified === 1 ? "check" : "checks"} could not run — see the items marked Not checked.` }),
-      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-y-3", "aria-label": "Setup check results", children: items.map((i, n) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex flex-col gap-y-1 sm:flex-row sm:items-start sm:gap-x-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { color: COLOR[i.status], className: "w-fit shrink-0", children: LABEL[i.status] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: i.detail }),
-          i.fix && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: i.fix })
-        ] })
-      ] }, `${i.id}:${i.provider ?? ""}:${n}`)) })
-    ] })
+    /* @__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
   ] });
 };
-const relative = new Intl.RelativeTimeFormat(void 0, { numeric: "auto" });
-const UNITS = [
-  ["day", 864e5],
-  ["hour", 36e5],
-  ["minute", 6e4]
-];
-function since(iso) {
-  if (!iso) return "Unknown";
-  const diff = Date.parse(iso) - Date.now();
-  for (const [unit, ms] of UNITS) {
-    if (Math.abs(diff) >= ms) return relative.format((diff - diff % ms) / ms, unit);
-  }
-  return "just now";
-}
-const STATUS_COLOR = {
-  open: "orange",
-  nothing_left: "orange",
-  refund_pending: "blue",
-  refund_unknown: "red",
-  refund_sending: "red",
-  resolved: "green"
+adminSdk.defineWidgetConfig({ zone: "product_variant.details.after" });
+const HEADLINE_MAX = 80;
+const PITCH_MAX = 300;
+const OFFERS_COPY = {
+  title: "One-click offers",
+  intro: "After paying, shoppers see these offers one at a time (up to three per order), in this order. Only switched-on offers are shown.",
+  off: "One-click offers are off. Turn them on with the upsells option in medusa-config; the offers below are kept.",
+  fromConfig: "Your offers come from medusa-config right now (upsells.variantIds). Import them to manage them here. Once an offer exists here, this list is used instead.",
+  configEmpty: "No offers yet. Add the first one below.",
+  adminEmpty: "No offers are shown to shoppers. Add one below.",
+  importButton: "Import from medusa-config",
+  add: "Add offer",
+  name: "Name (only you see it)",
+  variant: "Product variant id (variant_…)",
+  shown: "Shown",
+  up: "Move up",
+  down: "Move down",
+  remove: "Remove",
+  removeConfirm: "Remove this offer? A shopper already paying for it is not affected.",
+  missingVariant: "This product variant no longer exists — it is not offered.",
+  loadFailed: "The offers could not be loaded. Reload the page to try again.",
+  lag: "A change shows on your store at once; with more than one server it can take up to 30 seconds everywhere.",
+  rules: "Who sees it",
+  downsell: "If they say No thanks",
+  downsellNone: "Nothing",
+  downsellIntro: 'Show one other product after a shopper says No thanks to this offer — usually a smaller or cheaper option. It counts toward the three offers per order, and the same "Who sees it" applies.',
+  downsellVariant: "Downsell product variant id (variant_…)",
+  downsellRemove: "Remove downsell",
+  downsellMissing: "This product variant no longer exists — it is not offered.",
+  wording: "Wording",
+  wordingDefault: "Standard",
+  wordingPitchOnly: "Pitch only",
+  wordingUnreadable: "The saved wording can't be read, so shoppers see the standard wording. Save it again.",
+  wordingIntro: "What shoppers read on this offer. Leave a field empty to use the standard wording. The payment line, the buttons and every result message stay the same.",
+  headline: "Headline",
+  headlineHint: 'Replaces the heading. Standard: "Add this to your order?"',
+  pitch: "Pitch",
+  pitchHint: "Replaces the product's description under its name. A phone shows about two lines.",
+  wordingDownsellNote: `A downsell keeps the standard wording: "How about this instead?" and its product's description.`,
+  wordingReset: "Use the standard wording",
+  rulesEveryone: "Everyone",
+  rulesUnreadable: "Its rules can't be read, so it is not shown. Set them again.",
+  rulesIntro: "Show this offer only when ALL the conditions you set match. Leave a condition empty to ignore it.",
+  customers: "Customers",
+  customersAll: "Everyone",
+  customersGuests: "Guests only",
+  customersSignedIn: "Signed-in customers only",
+  products: "The shopper bought one of these products at checkout",
+  collections: "The shopper bought a product from one of these collections at checkout",
+  groups: "The signed-in customer is in one of these groups",
+  paid: "The amount paid at checkout (tax and shipping included)",
+  paidNote: "An order in a currency not listed here does not see this offer.",
+  paidAtLeast: "At least",
+  paidAtMost: "At most",
+  search: "Search by name",
+  addCurrency: "Add currency",
+  removeCurrency: "Remove currency",
+  rulesUnreadableNotice: "The saved rules for this offer can't be read, so the offer is not shown. Saving replaces them with what you set here.",
+  replaceRules: "Replace the rules",
+  save: "Save",
+  cancel: "Cancel",
+  saveFailed: "That change was not saved."
 };
-const UNKNOWN_STATUS_LABEL = "Status unknown — check in Vonpay";
-function isKnownStatus(status) {
-  return Object.prototype.hasOwnProperty.call(STATUS_LABEL, status);
+function errorSentence(err, fallback = OFFERS_COPY.saveFailed) {
+  const m = err?.message;
+  if (typeof m !== "string") return fallback;
+  const i = m.indexOf(": ");
+  return m.startsWith("vonpay_") && i > 0 ? m.slice(i + 2) : fallback;
 }
-function statusLabel(status) {
-  return isKnownStatus(status) ? STATUS_LABEL[status] : UNKNOWN_STATUS_LABEL;
+function productLabel(o) {
+  if (o.product_title === null) return o.variant_id;
+  return [o.product_title, o.variant_title].filter((x) => x && x !== "Default variant").join(" — ");
 }
-function statusColor(status) {
-  return isKnownStatus(status) && STATUS_COLOR[status] || "grey";
+function wordingSummary(copy) {
+  if (copy === "unreadable") return OFFERS_COPY.wordingUnreadable;
+  if (!copy) return OFFERS_COPY.wordingDefault;
+  return copy.headline ?? OFFERS_COPY.wordingPitchOnly;
 }
-function routeRefusal(err) {
-  const status = err?.status;
-  const message = err?.message;
-  return typeof status === "number" && status >= 400 && status < 500 && typeof message === "string" && message !== "" ? message : null;
+function rulesSummary(rules) {
+  if (rules === "unreadable") return OFFERS_COPY.rulesUnreadable;
+  if (!rules) return OFFERS_COPY.rulesEveryone;
+  const parts = [];
+  if (rules.customers === "guests") parts.push("Guests");
+  if (rules.customers === "signed_in") parts.push("Signed-in");
+  if (rules.groups) parts.push(`${rules.groups.length} group${rules.groups.length === 1 ? "" : "s"}`);
+  if (rules.products) parts.push(`${rules.products.length} product${rules.products.length === 1 ? "" : "s"}`);
+  if (rules.collections) parts.push(`${rules.collections.length} collection${rules.collections.length === 1 ? "" : "s"}`);
+  for (const [c, n] of Object.entries(rules.min_paid ?? {})) parts.push(`paid ≥ ${n} ${c.toUpperCase()}`);
+  for (const [c, n] of Object.entries(rules.max_paid ?? {})) parts.push(`paid ≤ ${n} ${c.toUpperCase()}`);
+  return parts.length ? parts.join(" · ") : OFFERS_COPY.rulesEveryone;
 }
-function postFailure(err) {
-  const refusal = routeRefusal(err);
-  if (refusal) return { variant: "error", text: refusal };
-  return {
-    variant: "warning",
-    text: "The result is unknown. Reload the list before refunding another way — pressing Refund again is safe: it reuses the same key, so Vonpay can't refund twice."
-  };
+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}`;
+  }
 }
-const Mono = ({ value, label }) => value ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-1", children: [
-  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "txt-compact-small font-mono truncate max-w-[180px]", title: value, children: value }),
-  /* @__PURE__ */ jsxRuntime.jsx(ui.Copy, { content: value, variant: "mini", "aria-label": `Copy ${label}`, onClick: (e) => e.stopPropagation() })
-] }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Unreadable" });
-const ReasonBadge = ({ reason }) => /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { className: "whitespace-nowrap", color: reason === "unrecognised" ? "grey" : "orange", children: reasonCopy(reason).label });
-const RowStatus = ({ status }) => /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { className: "whitespace-nowrap", color: statusColor(status), children: statusLabel(status) });
-const RefundAction = ({ row, onResult }) => {
-  const [open, setOpen] = react.useState(false);
-  const preview = useRefundPreview(row, open);
-  const refund = useRefundHold();
-  const p = preview.data;
-  const description = preview.isLoading ? "Checking the payment with Vonpay…" : preview.isError ? (
-    routeRefusal(preview.error) ?? "Couldn't check the payment with Vonpay. Nothing was refunded."
-  ) : p && p.refundable ? refundConfirmText(p) : outcomeCopy({ outcome: "refused", code: p?.code ?? null, recorded: true }).text;
-  const confirm = () => {
-    if (!p || !p.refundable) return;
-    refund.mutate(
-      { row, amount_minor: p.amount_minor, currency: p.currency },
-      {
-        onSuccess: (o) => onResult(outcomeCopy(o)),
-        onError: (e) => onResult(postFailure(e)),
-        onSettled: () => setOpen(false)
-      }
-    );
+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);
+  const save = async (value) => {
+    if (value !== null && !/^variant_[A-Za-z0-9]{1,64}$/.test(value)) return setProblem("Enter a product variant id, like variant_01H….");
+    setProblem(null);
+    const refused = await onSave(value);
+    if (refused === null) onOpenChange(false);
+    else setProblem(refused);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "primary", onClick: () => setOpen(true), children: "Refund in full…" }),
-    /* @__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 })
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Content, { "aria-describedby": void 0, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Title, { children: [
+      OFFERS_COPY.downsell,
+      ": ",
+      offer.name
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Body, { className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.downsellIntro }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-downsell-variant", children: OFFERS_COPY.downsellVariant }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: "vonpay-downsell-variant", value: variant, maxLength: 72, onChange: (e) => setVariant(e.target.value) })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Footer, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Cancel, { disabled: refund.isPending, children: "Cancel" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Prompt.Action,
-          {
-            disabled: !p || !p.refundable || refund.isPending,
-            onClick: (e) => {
-              e.preventDefault();
-              confirm();
-            },
-            children: p && p.refundable ? refundActionLabel(p) : "Refund"
-          }
-        )
-      ] })
-    ] }) })
-  ] });
-};
-const CheckWithVonpayAction = ({ row, onResult }) => {
-  const reconcile = useReconcileHold();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Button,
-    {
-      size: "small",
-      variant: "secondary",
-      isLoading: reconcile.isPending,
-      disabled: reconcile.isPending,
-      onClick: () => reconcile.mutate(row, {
-        onSuccess: (o) => onResult(reconcileCopy(o)),
-        onError: (e) => onResult({ variant: "error", text: routeRefusal(e) ?? "Couldn't check this payment with Vonpay. Nothing was changed." })
-      }),
-      children: CHECK_WITH_VONPAY
-    }
-  );
-};
-const MarkResolvedAction = ({ row, onResult }) => {
-  const [open, setOpen] = react.useState(false);
-  const [typed, setTyped] = react.useState("");
-  const mark = useMarkResolved();
-  const matches = markConfirmMatches(typed, row);
-  const inputId = `vonpay-mark-confirm-${row.vp_session_id ?? "unreadable"}`;
+      problem && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", "data-testid": "vonpay-downsell-problem", children: problem })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Footer, { children: [
+      offer.downsell_variant_id && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "danger", disabled: busy, onClick: () => void save(null), children: OFFERS_COPY.downsellRemove }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => onOpenChange(false), children: OFFERS_COPY.cancel }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { disabled: busy, onClick: () => void save(variant.trim()), children: OFFERS_COPY.save })
+    ] })
+  ] }) });
+}
+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.Button,
-      {
-        size: "small",
-        variant: "secondary",
-        onClick: () => {
-          setTyped("");
-          setOpen(true);
-        },
-        children: "Mark resolved…"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt, { open, onOpenChange: (o) => !mark.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: "Mark this payment resolved?" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Description, { children: "Do this only after you've refunded it (for example from the command line) or settled it with the buyer. Nothing is sent to Vonpay. The buyer can no longer complete an order with this payment. It leaves this list and stays under Resolved, with your name on it; pressing Refund later still works." })
-      ] }),
-      /* @__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 this payment's Vonpay session id to confirm: ",
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: row.vp_session_id })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: inputId, size: "small", autoComplete: "off", value: typed, onChange: (e) => setTyped(e.target.value) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Footer, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Cancel, { disabled: mark.isPending, children: "Cancel" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Prompt.Action,
-          {
-            disabled: mark.isPending || !matches,
-            onClick: (e) => {
-              e.preventDefault();
-              if (!matches) return;
-              mark.mutate({ row, confirm_vp_session_id: typed }, {
-                onSuccess: (o) => onResult(resolveOutcomeCopy(o)),
-                onError: (e2) => {
-                  const f = postFailure(e2);
-                  onResult(f.variant === "error" ? f : { variant: "warning", text: "Couldn't confirm that it was saved. Reload the list." });
-                },
-                onSettled: () => setOpen(false)
-              });
-            },
-            children: "Mark resolved"
-          }
-        )
-      ] })
-    ] }) })
+    /* @__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") })
   ] });
-};
-const WalletHoldAction = ({ row, kind, onResult }) => {
-  const [open, setOpen] = react.useState(false);
-  const release = useReleaseHold();
-  const complete = useCompleteHold();
-  const pending = release.isPending || complete.isPending;
-  const text = kind === "release" ? { button: "Release…", title: "Release this held payment?", body: "The hold is cancelled at Vonpay and drops off the buyer's card. Nothing was taken, so nothing is refunded. The buyer can't complete an order with this payment afterwards.", action: "Release" } : { button: "Complete the order…", title: "Create the order from this payment?", body: "Medusa completes the buyer's checkout with this held payment and creates the order; the payment is then taken with the order. Do this only if you intend to fulfil it.", action: "Complete the order" };
-  const fail = (e2) => {
-    const f = postFailure(e2);
-    onResult(f.variant === "error" ? f : { variant: "warning", text: "Couldn't confirm the outcome. Reload the list." });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: kind === "release" ? "secondary" : "primary", onClick: () => setOpen(true), children: text.button }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt, { open, onOpenChange: (o) => !pending && 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: text.title }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Description, { children: text.body })
+}
+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(ui.Prompt.Footer, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Cancel, { disabled: pending, children: "Cancel" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Prompt.Action,
-          {
-            disabled: pending,
-            onClick: (e) => {
-              e.preventDefault();
-              if (kind === "release") release.mutate({ row }, { onSuccess: (o) => onResult(releaseOutcomeCopy(o)), onError: fail, onSettled: () => setOpen(false) });
-              else complete.mutate({ row }, { onSuccess: (o) => onResult(completeOutcomeCopy(o)), onError: fail, onSettled: () => setOpen(false) });
-            },
-            children: text.action
-          }
-        )
-      ] })
-    ] }) })
+      /* @__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" },
+  groups: { path: "/admin/customer-groups", key: "customer_groups", label: "name" }
 };
-const HoldDrawer = ({ row, onClose }) => {
-  const copy = row ? reasonCopy(row.reason) : void 0;
-  const known = row ? isKnownStatus(row.status) && !isUnrecognisedRecord(row) : false;
-  const showRefund = !!row && known && canRefund(row);
-  const showMark = !!row && known && canMarkResolved(row);
-  const showRelease = !!row && known && canRelease(row);
-  const showComplete = !!row && known && canComplete(row);
-  const showOpenOrder = !!row && known && canOpenOrder(row);
-  const steps = row ? resolutionSteps(known ? row : { ...row, reason: "unrecognised" }) : [];
-  const [result, setResult] = react.useState(null);
-  const close = () => {
-    setResult(null);
-    onClose();
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer, { open: row !== null, onOpenChange: (open) => !open && close(), children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Content, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Header, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Title, { children: copy?.label ?? "Held payment" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Description, { children: copy?.what })
-    ] }),
-    row && /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Status" }),
-        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(RowStatus, { status: row.status }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Held since" }),
-        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "txt-compact-small", children: row.held_at ? new Date(row.held_at).toLocaleString() : "Unknown" }),
-        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Where" }),
-        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "txt-compact-small", children: SOURCE_LABEL[row.source] ?? row.source }),
-        row.retry_until && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Retrying until" }),
-          /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "txt-compact-small", children: new Date(row.retry_until).toLocaleString() })
-        ] }),
-        fromBuyerCheckout(row) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Evidence" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("dd", { className: "flex flex-col gap-y-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { className: "w-fit whitespace-nowrap", color: "grey", children: FROM_BUYER_CHECKOUT }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: FROM_BUYER_CHECKOUT_NOTE })
-          ] })
-        ] }),
-        row.order_id && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Order" }),
-          /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.order_id, label: "order id" }) })
-        ] }),
-        /* @__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" }),
-        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.medusa_payment_session_id, label: "Medusa payment session id" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Payment collection" }),
-        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.payment_collection_id, label: "payment collection id" }) }),
-        row.resolution && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: row.status === "resolved" ? "Resolved" : "Last action" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("dd", { className: "txt-compact-small", children: [
-            row.resolution.how ? `${RESOLVED_HOW_LABEL[row.resolution.how] ?? row.resolution.how} · ` : "",
-            new Date(row.resolution.at).toLocaleString(),
-            " · by ",
-            actorLabel(row.resolution)
-          ] }),
-          row.resolution.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", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.resolution.refund_id, label: "Vonpay refund id" }) })
-          ] }),
-          row.resolution.prior && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Before that" }),
-            /* @__PURE__ */ jsxRuntime.jsxs("dd", { className: "txt-compact-small", children: [
-              row.resolution.prior.how ? `${RESOLVED_HOW_LABEL[row.resolution.prior.how] ?? row.resolution.prior.how}` : statusLabel(row.resolution.prior.state),
-              ` · ${new Date(row.resolution.prior.at).toLocaleString()} · by ${actorLabel(row.resolution.prior)}`
-            ] })
+async function fetchNamed(kind, query) {
+  const s = SOURCES[kind];
+  const body = await sdk.client.fetch(s.path, { query: { ...query, fields: `id,${s.label}` } });
+  const plain = (t) => t.replace(/[\p{Cc}\p{Cf}\p{Zl}\p{Zp}]/gu, "").trim();
+  return (body[s.key] ?? []).flatMap((r) => typeof r.id === "string" ? [{ id: r.id, label: typeof r[s.label] === "string" && plain(r[s.label]) || r.id }] : []);
+}
+function Picker({ kind, label, ids, onChange }) {
+  const [q, setQ] = react.useState("");
+  const names = reactQuery.useQuery({ queryKey: ["vonpay-offer-rule-names", kind, ids], queryFn: () => fetchNamed(kind, { id: ids, limit: ids.length }), enabled: ids.length > 0 });
+  const found = reactQuery.useQuery({ queryKey: ["vonpay-offer-rule-search", kind, q], queryFn: () => fetchNamed(kind, { q, limit: 8 }), enabled: q.trim().length >= 2, placeholderData: reactQuery.keepPreviousData });
+  const nameOf = (id) => names.data?.find((n) => n.id === id)?.label ?? id;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", "data-testid": `vonpay-rule-${kind}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ids.map((id) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "bg-ui-bg-subtle flex items-center gap-x-1 rounded-md px-2 py-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: nameOf(id) }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": `Remove ${nameOf(id)}`, onClick: () => onChange(ids.filter((x) => x !== id)), children: /* @__PURE__ */ jsxRuntime.jsx(icons.XMarkMini, {}) })
+    ] }, id)) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { placeholder: OFFERS_COPY.search, value: q, maxLength: 100, "aria-label": `${label}: ${OFFERS_COPY.search}`, onChange: (e) => setQ(e.target.value) }),
+    (q.trim().length >= 2 ? found.data ?? [] : []).filter((n) => !ids.includes(n.id)).map((n) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", variant: "transparent", type: "button", onClick: () => onChange([...ids, n.id]), children: [
+      "+ ",
+      n.label
+    ] }, n.id))
+  ] });
+}
+function rowsOf(rules) {
+  const cs = [.../* @__PURE__ */ new Set([...Object.keys(rules?.min_paid ?? {}), ...Object.keys(rules?.max_paid ?? {})])];
+  return cs.map((c) => ({ currency: c, min: rules?.min_paid?.[c] ?? "", max: rules?.max_paid?.[c] ?? "" }));
+}
+function amountText(text) {
+  const t = text.trim().replace(",", ".");
+  if (t === "") return void 0;
+  return /^\d{1,10}(\.\d{1,6})?$/.test(t) ? t : null;
+}
+function rulesFromForm(f) {
+  const out = {};
+  if (f.customers !== "all") out.customers = f.customers;
+  if (f.products.length) out.products = f.products;
+  if (f.collections.length) out.collections = f.collections;
+  if (f.groups.length) out.groups = f.groups;
+  for (const r of f.paid) {
+    const c = r.currency.trim().toLowerCase();
+    if (!c && !r.min.trim() && !r.max.trim()) continue;
+    if (!/^[a-z]{3}$/.test(c)) return "Use a 3-letter currency code, like EUR.";
+    const min = amountText(r.min);
+    const max = amountText(r.max);
+    if (min === null || max === null) return `Enter a plain amount for ${c.toUpperCase()}, like 49.95.`;
+    if (min === void 0 && max === void 0) return `Enter the least or the most for ${c.toUpperCase()}, or remove its row.`;
+    if (out.min_paid?.[c] !== void 0 || out.max_paid?.[c] !== void 0) return `${c.toUpperCase()} is listed twice.`;
+    if (min !== void 0) out.min_paid = { ...out.min_paid, [c]: min };
+    if (max !== void 0) out.max_paid = { ...out.max_paid, [c]: max };
+  }
+  if (out.customers === "guests" && out.groups) return "Groups apply to signed-in customers only.";
+  return Object.keys(out).length ? out : null;
+}
+function OfferRulesDrawer({ offer, open, onOpenChange, onSave, busy }) {
+  const unreadable = offer.rules === "unreadable";
+  const start = offer.rules === "unreadable" ? null : offer.rules;
+  const [customers, setCustomers] = react.useState(start?.customers ?? "all");
+  const [products, setProducts] = react.useState(start?.products ?? []);
+  const [collections, setCollections] = react.useState(start?.collections ?? []);
+  const [groups, setGroups] = react.useState(start?.groups ?? []);
+  const [paid, setPaid] = react.useState(rowsOf(start));
+  const [problem, setProblem] = react.useState(null);
+  const save = async () => {
+    const r = rulesFromForm({ customers, products, collections, groups, paid });
+    if (typeof r === "string") return setProblem(r);
+    setProblem(null);
+    const refused = await onSave(r);
+    if (refused === null) onOpenChange(false);
+    else setProblem(refused);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Content, { "aria-describedby": void 0, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Title, { children: [
+      OFFERS_COPY.rules,
+      ": ",
+      offer.name
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: [
+      unreadable && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", "data-testid": "vonpay-rules-unreadable", children: OFFERS_COPY.rulesUnreadableNotice }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.rulesIntro }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: OFFERS_COPY.customers }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { value: customers, onValueChange: (v) => setCustomers(v), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { "aria-label": OFFERS_COPY.customers, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Content, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "all", children: OFFERS_COPY.customersAll }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "guests", children: OFFERS_COPY.customersGuests }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "signed_in", children: OFFERS_COPY.customersSignedIn })
           ] })
         ] })
       ] }),
-      result && /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: result.variant, children: result.text }),
-      (showRefund || showMark || showRelease || showComplete || showOpenOrder) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
-        showOpenOrder && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "primary", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: orderPath(row.order_id), children: "Open order" }) }),
-        showComplete && /* @__PURE__ */ jsxRuntime.jsx(WalletHoldAction, { row, kind: "complete", onResult: setResult }),
-        showRelease && /* @__PURE__ */ jsxRuntime.jsx(WalletHoldAction, { row, kind: "release", onResult: setResult }),
-        showRefund && /* @__PURE__ */ jsxRuntime.jsx(RefundAction, { row, onResult: setResult }),
-        showRefund && /* @__PURE__ */ jsxRuntime.jsx(CheckWithVonpayAction, { row, onResult: setResult }),
-        showMark && /* @__PURE__ */ jsxRuntime.jsx(MarkResolvedAction, { row, onResult: setResult })
+      /* @__PURE__ */ jsxRuntime.jsx(Picker, { kind: "products", label: OFFERS_COPY.products, ids: products, onChange: setProducts }),
+      /* @__PURE__ */ jsxRuntime.jsx(Picker, { kind: "collections", label: OFFERS_COPY.collections, ids: collections, onChange: setCollections }),
+      /* @__PURE__ */ jsxRuntime.jsx(Picker, { kind: "groups", label: OFFERS_COPY.groups, ids: groups, onChange: setGroups }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", "data-testid": "vonpay-rule-paid", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: OFFERS_COPY.paid }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.paidNote }),
+        paid.map((r, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[1fr_1fr_1fr_auto] items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { "aria-label": "Currency", placeholder: "EUR", value: r.currency, maxLength: 3, onChange: (e) => setPaid(paid.map((x, j) => j === i ? { ...x, currency: e.target.value } : x)) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { "aria-label": `${OFFERS_COPY.paidAtLeast} (${r.currency || "currency"})`, placeholder: OFFERS_COPY.paidAtLeast, value: r.min, maxLength: 17, inputMode: "decimal", onChange: (e) => setPaid(paid.map((x, j) => j === i ? { ...x, min: e.target.value } : x)) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { "aria-label": `${OFFERS_COPY.paidAtMost} (${r.currency || "currency"})`, placeholder: OFFERS_COPY.paidAtMost, value: r.max, maxLength: 17, inputMode: "decimal", onChange: (e) => setPaid(paid.map((x, j) => j === i ? { ...x, max: e.target.value } : x)) }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": `${OFFERS_COPY.removeCurrency} ${r.currency.toUpperCase()}`.trim(), onClick: () => setPaid(paid.filter((_, j) => j !== i)), children: /* @__PURE__ */ jsxRuntime.jsx(icons.XMarkMini, {}) })
+        ] }, i)),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", type: "button", onClick: () => setPaid([...paid, { currency: "", min: "", max: "" }]), children: OFFERS_COPY.addCurrency }) })
       ] }),
-      /* @__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: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: step.title }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: step.body }),
-          step.command && /* @__PURE__ */ jsxRuntime.jsxs(ui.CodeBlock, { snippets: [{ label: "Terminal", language: "bash", code: step.command, hideLineNumbers: true }], children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.CodeBlock.Header, {}),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.CodeBlock.Body, {})
-          ] })
-        ] }, step.title)),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: STILL_LISTED_NOTE })
-      ] })
+      problem && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", "data-testid": "vonpay-rules-problem", children: problem })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Footer, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => onOpenChange(false), children: OFFERS_COPY.cancel }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { disabled: busy, onClick: () => void save(), children: unreadable ? OFFERS_COPY.replaceRules : OFFERS_COPY.save })
     ] })
   ] }) });
-};
-const FILTER_LABEL = { open: "Needs action", resolved: "Resolved", all: "All" };
-const HeldPaymentsPage = () => {
-  const [pageIndex, setPageIndex] = react.useState(0);
-  const [filter, setFilter] = react.useState("open");
-  const [opened, setOpened] = react.useState(null);
-  const { data, isLoading, isError, refetch } = useHeldPayments({ limit: HELD_PAGE_SIZE, offset: pageIndex * HELD_PAGE_SIZE, status: filter });
-  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 ?? ""}`;
-  const open = opened ? data?.holds.find((r) => keyOf(r) === keyOf(opened)) ?? opened : null;
-  const onRowKey = (row) => (e) => {
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault();
-      setOpened(row);
+}
+function OfferWordingDrawer({ offer, open, onOpenChange, onSave, busy }) {
+  const start = offer.copy === "unreadable" ? null : offer.copy;
+  const [headline, setHeadline] = react.useState(start?.headline ?? "");
+  const [pitch, setPitch] = react.useState(start?.pitch ?? "");
+  const [problem, setProblem] = react.useState(null);
+  const save = async (copy) => {
+    setProblem(null);
+    const refused = await onSave(copy);
+    if (refused === null) onOpenChange(false);
+    else setProblem(refused);
+  };
+  const typed = () => {
+    const h = headline.trim();
+    const p = pitch.trim();
+    return h || p ? { ...h ? { headline: h } : {}, ...p ? { pitch: p } : {} } : null;
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Content, { "aria-describedby": void 0, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Title, { children: [
+      OFFERS_COPY.wording,
+      ": ",
+      offer.name
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Body, { className: "flex flex-col gap-y-4", children: [
+      offer.copy === "unreadable" && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", "data-testid": "vonpay-wording-unreadable", children: OFFERS_COPY.wordingUnreadable }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.wordingIntro }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-wording-headline", children: OFFERS_COPY.headline }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: "vonpay-wording-headline", value: headline, maxLength: HEADLINE_MAX, onChange: (e) => setHeadline(e.target.value) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.headlineHint })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-wording-pitch", children: OFFERS_COPY.pitch }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Textarea, { id: "vonpay-wording-pitch", value: pitch, maxLength: PITCH_MAX, rows: 4, onChange: (e) => setPitch(e.target.value) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
+          OFFERS_COPY.pitchHint,
+          " (",
+          pitch.length,
+          "/",
+          PITCH_MAX,
+          ")"
+        ] })
+      ] }),
+      offer.downsell_variant_id && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.wordingDownsellNote }),
+      problem && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", "data-testid": "vonpay-wording-problem", children: problem })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Footer, { children: [
+      offer.copy !== null && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", disabled: busy, onClick: () => void save(null), children: OFFERS_COPY.wordingReset }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => onOpenChange(false), children: OFFERS_COPY.cancel }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { disabled: busy, onClick: () => void save(typed()), children: OFFERS_COPY.save })
+    ] })
+  ] }) });
+}
+const VonpayOffersPage = () => {
+  const { data, isLoading, isError, error: loadError } = useOffers();
+  const create = useCreateOffer();
+  const update = useUpdateOffer();
+  const remove = useDeleteOffer();
+  const reorder = useReorderOffers();
+  const importConfig = useImportOffers();
+  const prompt = ui.usePrompt();
+  const [name, setName] = react.useState("");
+  const [variantId, setVariantId] = react.useState("");
+  const [error, setError] = react.useState(null);
+  const [editing, setEditing] = react.useState(null);
+  const [downsellFor, setDownsellFor] = react.useState(null);
+  const [wordingFor, setWordingFor] = react.useState(null);
+  const busy = create.isPending || update.isPending || remove.isPending || reorder.isPending || importConfig.isPending;
+  const run = async (work) => {
+    setError(null);
+    try {
+      await work();
+      return true;
+    } catch (err) {
+      setError(errorSentence(err));
+      return false;
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4 px-6 py-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Held payments" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Buyers who were charged through Vonpay but whose order couldn't be completed safely, cancelled orders whose refund Vonpay hasn't confirmed, and Apple Pay / Google Pay payments not yet collected for an order. Nothing here is refunded automatically." })
+  const onAdd = async (e) => {
+    e.preventDefault();
+    if (await run(() => create.mutateAsync({ name: name.trim(), variant_id: variantId.trim() }))) {
+      setName("");
+      setVariantId("");
+    }
+  };
+  const move = (offers, i, by) => {
+    const ids = offers.map((o) => o.id);
+    [ids[i], ids[i + by]] = [ids[i + by], ids[i]];
+    void run(() => reorder.mutateAsync({ ids }));
+  };
+  const onRemove = async (o) => {
+    if (await prompt({ title: OFFERS_COPY.remove, description: OFFERS_COPY.removeConfirm, confirmText: OFFERS_COPY.remove, cancelText: "Cancel" })) void run(() => remove.mutateAsync({ id: o.id }));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: OFFERS_COPY.title }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
+        OFFERS_COPY.intro,
+        " ",
+        OFFERS_COPY.lag
+      ] })
+    ] }),
+    /* @__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 })
+      ] }) }),
+      /* @__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 }) })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[180px]", children: /* @__PURE__ */ jsxRuntime.jsxs(
-          ui.Select,
-          {
-            size: "small",
-            value: filter,
-            onValueChange: (v) => {
-              setFilter(v);
-              setPageIndex(0);
-            },
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { "aria-label": "Show", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, {}) }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: ["open", "resolved", "all"].map((f) => /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: f, children: FILTER_LABEL[f] }, f)) })
-            ]
-          }
-        ) })
-      ] }),
-      data && !data.scan_complete && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "warning", children: "This list may be incomplete: the store has more records than one page load can check." }) }),
-      isError ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-y-3 px-6 py-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", children: "Couldn't load held payments." }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", onClick: () => refetch(), children: "Try again" })
-      ] }) : isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-y-3 px-6 py-6", "aria-busy": "true", "aria-label": "Loading held payments", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-6 w-full" }, i)) }) : count === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-10", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: filter === "resolved" ? "Nothing resolved yet." : "No held payments. When a buyer is charged but the order can't be completed safely, it appears here." }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
+        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: "Reason" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Status" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Held since" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Vonpay session" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Medusa payment session" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Where" })
+            /* @__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.holds.map((row) => /* @__PURE__ */ jsxRuntime.jsxs(
-            ui.Table.Row,
-            {
-              className: "cursor-pointer",
-              tabIndex: 0,
-              role: "button",
-              "aria-label": `${reasonCopy(row.reason).label}, ${statusLabel(row.status)}, open details`,
-              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.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" }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.medusa_payment_session_id, label: "Medusa payment session id" }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "txt-compact-small text-ui-fg-subtle whitespace-nowrap", children: SOURCE_LABEL[row.source] }),
-                  fromBuyerCheckout(row) && /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { className: "w-fit whitespace-nowrap", color: "grey", children: FROM_BUYER_CHECKOUT })
-                ] }) })
-              ]
-            },
-            keyOf(row)
-          )) })
+          /* @__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)) })
         ] }) }),
-        pageCount > 1 && /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Table.Pagination,
+        downsellFor && /* @__PURE__ */ jsxRuntime.jsx(
+          OfferDownsellDrawer,
           {
-            count,
-            pageSize: HELD_PAGE_SIZE,
-            pageIndex,
-            pageCount,
-            canPreviousPage: pageIndex > 0,
-            canNextPage: pageIndex + 1 < pageCount,
-            previousPage: () => setPageIndex((p) => Math.max(0, p - 1)),
-            nextPage: () => setPageIndex((p) => p + 1)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(HoldDrawer, { row: open, onClose: () => setOpened(null) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(SetupCheckPanel, {})
+            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);
+              }
+            }
+          },
+          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) })
+            ] }),
+            /* @__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 }) })
+        ] })
+      ] }) })
+    ] })
   ] });
 };
-const config$1 = adminSdk.defineRouteConfig({
-  label: "Held payments",
-  icon: icons.ExclamationCircle,
+const config$2 = adminSdk.defineRouteConfig({
+  label: "One-click offers",
+  icon: icons.Sparkles,
   nested: "/orders"
 });
-const HEADLINE_MAX = 80;
-const PITCH_MAX = 300;
-const OFFERS_COPY = {
-  title: "One-click offers",
-  intro: "After paying, shoppers see these offers one at a time (up to three per order), in this order. Only switched-on offers are shown.",
-  off: "One-click offers are off. Turn them on with the upsells option in medusa-config; the offers below are kept.",
-  fromConfig: "Your offers come from medusa-config right now (upsells.variantIds). Import them to manage them here. Once an offer exists here, this list is used instead.",
-  configEmpty: "No offers yet. Add the first one below.",
-  adminEmpty: "No offers are shown to shoppers. Add one below.",
-  importButton: "Import from medusa-config",
-  add: "Add offer",
-  name: "Name (only you see it)",
-  variant: "Product variant id (variant_…)",
-  shown: "Shown",
-  up: "Move up",
-  down: "Move down",
-  remove: "Remove",
-  removeConfirm: "Remove this offer? A shopper already paying for it is not affected.",
-  missingVariant: "This product variant no longer exists — it is not offered.",
-  loadFailed: "The offers could not be loaded. Reload the page to try again.",
-  lag: "A change shows on your store at once; with more than one server it can take up to 30 seconds everywhere.",
-  rules: "Who sees it",
-  downsell: "If they say No thanks",
-  downsellNone: "Nothing",
-  downsellIntro: 'Show one other product after a shopper says No thanks to this offer — usually a smaller or cheaper option. It counts toward the three offers per order, and the same "Who sees it" applies.',
-  downsellVariant: "Downsell product variant id (variant_…)",
-  downsellRemove: "Remove downsell",
-  downsellMissing: "This product variant no longer exists — it is not offered.",
-  wording: "Wording",
-  wordingDefault: "Standard",
-  wordingPitchOnly: "Pitch only",
-  wordingUnreadable: "The saved wording can't be read, so shoppers see the standard wording. Save it again.",
-  wordingIntro: "What shoppers read on this offer. Leave a field empty to use the standard wording. The payment line, the buttons and every result message stay the same.",
-  headline: "Headline",
-  headlineHint: 'Replaces the heading. Standard: "Add this to your order?"',
-  pitch: "Pitch",
-  pitchHint: "Replaces the product's description under its name. A phone shows about two lines.",
-  wordingDownsellNote: `A downsell keeps the standard wording: "How about this instead?" and its product's description.`,
-  wordingReset: "Use the standard wording",
-  rulesEveryone: "Everyone",
-  rulesUnreadable: "Its rules can't be read, so it is not shown. Set them again.",
-  rulesIntro: "Show this offer only when ALL the conditions you set match. Leave a condition empty to ignore it.",
-  customers: "Customers",
-  customersAll: "Everyone",
-  customersGuests: "Guests only",
-  customersSignedIn: "Signed-in customers only",
-  products: "The shopper bought one of these products at checkout",
-  collections: "The shopper bought a product from one of these collections at checkout",
-  groups: "The signed-in customer is in one of these groups",
-  paid: "The amount paid at checkout (tax and shipping included)",
-  paidNote: "An order in a currency not listed here does not see this offer.",
-  paidAtLeast: "At least",
-  paidAtMost: "At most",
-  search: "Search by name",
-  addCurrency: "Add currency",
-  removeCurrency: "Remove currency",
-  rulesUnreadableNotice: "The saved rules for this offer can't be read, so the offer is not shown. Saving replaces them with what you set here.",
-  replaceRules: "Replace the rules",
-  save: "Save",
-  cancel: "Cancel",
-  saveFailed: "That change was not saved."
+function useSetupCheck() {
+  return reactQuery.useMutation({
+    mutationFn: () => sdk.client.fetch("/admin/vonpay/setup-check", { method: "POST", body: {} }),
+    retry: false
+  });
+}
+function useMoveToHeld() {
+  const qc = reactQuery.useQueryClient();
+  return reactQuery.useMutation({
+    mutationFn: (m) => sdk.client.fetch("/admin/vonpay/setup-check/move-to-held", { method: "POST", body: { vp_session_id: m.vp_session_id, medusa_payment_session_id: m.medusa_payment_session_id } }),
+    retry: false,
+    onSettled: () => qc.invalidateQueries({ queryKey: [HELD_LIST_KEY] })
+  });
+}
+const LABEL = { pass: "OK", warn: "Check", fail: "Fix", not_checked: "Not checked" };
+const COLOR = { pass: "green", warn: "orange", fail: "red", not_checked: "grey" };
+function uniqueMoves(moves) {
+  const seen = /* @__PURE__ */ new Set();
+  return (moves ?? []).filter((m) => !seen.has(m.vp_session_id) && (seen.add(m.vp_session_id), true));
+}
+const MoveRow = ({ move }) => {
+  const mutation = useMoveToHeld();
+  const [result, setResult] = react.useState(null);
+  const done = result !== null && result.variant !== "error";
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex flex-col gap-y-1 sm:flex-row sm:items-center sm:gap-x-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "font-mono", children: move.vp_session_id }),
+    !done && /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Button,
+      {
+        size: "small",
+        variant: "secondary",
+        isLoading: mutation.isPending,
+        onClick: () => mutation.mutate(move, {
+          onSuccess: (o) => setResult(moveOutcomeCopy(o)),
+          onError: () => setResult({ variant: "error", text: "That couldn't be done. Nothing was changed — try again." })
+        }),
+        children: "Move to Held payments"
+      }
+    ),
+    result && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: result.variant === "error" ? "text-ui-fg-error" : "text-ui-fg-subtle", children: result.text })
+  ] });
+};
+const SetupCheckPanel = () => {
+  const check = useSetupCheck();
+  const items = check.data?.items ?? [];
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4 px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Vonpay setup" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Checks your Vonpay key, your notification endpoint and the Medusa setup Vonpay needs. With test keys it also sends one test notification (it never creates a payment); that usually takes under 30 seconds." })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", isLoading: check.isPending, onClick: () => check.mutate(), children: "Check Vonpay setup" })
+    ] }),
+    check.isError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", children: "The check could not run. Try again, or run npx vonpay-medusa-check on the server." }) }),
+    check.data && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: !check.data.ok ? "error" : check.data.complete ? "success" : "warning", children: !check.data.ok ? "Something needs fixing — see the items marked Fix." : check.data.complete ? "No problems found." : `No failures, but ${check.data.unverified} ${check.data.unverified === 1 ? "check" : "checks"} could not run — see the items marked Not checked.` }),
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-y-3", "aria-label": "Setup check results", children: items.map((i, n) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex flex-col gap-y-1 sm:flex-row sm:items-start sm:gap-x-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { color: COLOR[i.status], className: "w-fit shrink-0", children: LABEL[i.status] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: i.detail }),
+          i.fix && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: i.fix }),
+          uniqueMoves(i.moves).length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-2 flex flex-col gap-y-2", "aria-label": "Paid checkouts with no order", children: uniqueMoves(i.moves).map((m) => /* @__PURE__ */ jsxRuntime.jsx(MoveRow, { move: m }, m.vp_session_id)) })
+        ] })
+      ] }, `${i.id}:${i.provider ?? ""}:${n}`)) })
+    ] })
+  ] });
+};
+const relative = new Intl.RelativeTimeFormat(void 0, { numeric: "auto" });
+const UNITS = [
+  ["day", 864e5],
+  ["hour", 36e5],
+  ["minute", 6e4]
+];
+function since(iso) {
+  if (!iso) return "Unknown";
+  const diff = Date.parse(iso) - Date.now();
+  for (const [unit, ms] of UNITS) {
+    if (Math.abs(diff) >= ms) return relative.format((diff - diff % ms) / ms, unit);
+  }
+  return "just now";
+}
+const STATUS_COLOR = {
+  open: "orange",
+  nothing_left: "orange",
+  refund_pending: "blue",
+  refund_unknown: "red",
+  refund_sending: "red",
+  resolved: "green"
 };
-function errorSentence(err, fallback = OFFERS_COPY.saveFailed) {
-  const m = err?.message;
-  if (typeof m !== "string") return fallback;
-  const i = m.indexOf(": ");
-  return m.startsWith("vonpay_") && i > 0 ? m.slice(i + 2) : fallback;
+const UNKNOWN_STATUS_LABEL = "Status unknown — check in Vonpay";
+function isKnownStatus(status) {
+  return Object.prototype.hasOwnProperty.call(STATUS_LABEL, status);
 }
-function productLabel(o) {
-  if (o.product_title === null) return o.variant_id;
-  return [o.product_title, o.variant_title].filter((x) => x && x !== "Default variant").join(" — ");
+function statusLabel(status) {
+  return isKnownStatus(status) ? STATUS_LABEL[status] : UNKNOWN_STATUS_LABEL;
 }
-function wordingSummary(copy) {
-  if (copy === "unreadable") return OFFERS_COPY.wordingUnreadable;
-  if (!copy) return OFFERS_COPY.wordingDefault;
-  return copy.headline ?? OFFERS_COPY.wordingPitchOnly;
+function statusColor(status) {
+  return isKnownStatus(status) && STATUS_COLOR[status] || "grey";
 }
-function rulesSummary(rules) {
-  if (rules === "unreadable") return OFFERS_COPY.rulesUnreadable;
-  if (!rules) return OFFERS_COPY.rulesEveryone;
-  const parts = [];
-  if (rules.customers === "guests") parts.push("Guests");
-  if (rules.customers === "signed_in") parts.push("Signed-in");
-  if (rules.groups) parts.push(`${rules.groups.length} group${rules.groups.length === 1 ? "" : "s"}`);
-  if (rules.products) parts.push(`${rules.products.length} product${rules.products.length === 1 ? "" : "s"}`);
-  if (rules.collections) parts.push(`${rules.collections.length} collection${rules.collections.length === 1 ? "" : "s"}`);
-  for (const [c, n] of Object.entries(rules.min_paid ?? {})) parts.push(`paid ≥ ${n} ${c.toUpperCase()}`);
-  for (const [c, n] of Object.entries(rules.max_paid ?? {})) parts.push(`paid ≤ ${n} ${c.toUpperCase()}`);
-  return parts.length ? parts.join(" · ") : OFFERS_COPY.rulesEveryone;
+function routeRefusal(err) {
+  const status = err?.status;
+  const message = err?.message;
+  return typeof status === "number" && status >= 400 && status < 500 && typeof message === "string" && message !== "" ? message : null;
 }
-function OfferDownsellDrawer({ offer, open, onOpenChange, onSave, busy }) {
-  const [variant, setVariant] = react.useState(offer.downsell_variant_id ?? "");
-  const [problem, setProblem] = react.useState(null);
-  const save = async (value) => {
-    if (value !== null && !/^variant_[A-Za-z0-9]{1,64}$/.test(value)) return setProblem("Enter a product variant id, like variant_01H….");
-    setProblem(null);
-    const refused = await onSave(value);
-    if (refused === null) onOpenChange(false);
-    else setProblem(refused);
+function postFailure(err) {
+  const refusal = routeRefusal(err);
+  if (refusal) return { variant: "error", text: refusal };
+  return {
+    variant: "warning",
+    text: "The result is unknown. Reload the list before refunding another way — pressing Refund again is safe: it reuses the same key, so Vonpay can't refund twice."
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Content, { "aria-describedby": void 0, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Title, { children: [
-      OFFERS_COPY.downsell,
-      ": ",
-      offer.name
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Body, { className: "flex flex-col gap-y-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.downsellIntro }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-downsell-variant", children: OFFERS_COPY.downsellVariant }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: "vonpay-downsell-variant", value: variant, maxLength: 72, onChange: (e) => setVariant(e.target.value) })
-      ] }),
-      problem && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", "data-testid": "vonpay-downsell-problem", children: problem })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Footer, { children: [
-      offer.downsell_variant_id && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "danger", disabled: busy, onClick: () => void save(null), children: OFFERS_COPY.downsellRemove }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => onOpenChange(false), children: OFFERS_COPY.cancel }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { disabled: busy, onClick: () => void save(variant.trim()), children: OFFERS_COPY.save })
-    ] })
-  ] }) });
 }
-const SOURCES = {
-  products: { path: "/admin/products", key: "products", label: "title" },
-  collections: { path: "/admin/collections", key: "collections", label: "title" },
-  groups: { path: "/admin/customer-groups", key: "customer_groups", label: "name" }
+const Mono = ({ value, label }) => value ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-1", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "txt-compact-small font-mono truncate max-w-[180px]", title: value, children: value }),
+  /* @__PURE__ */ jsxRuntime.jsx(ui.Copy, { content: value, variant: "mini", "aria-label": `Copy ${label}`, onClick: (e) => e.stopPropagation() })
+] }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Unreadable" });
+const ReasonBadge = ({ reason }) => /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { className: "whitespace-nowrap", color: reason === "unrecognised" ? "grey" : "orange", children: reasonCopy(reason).label });
+const RowStatus = ({ status }) => /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { className: "whitespace-nowrap", color: statusColor(status), children: statusLabel(status) });
+const RefundAction = ({ row, onResult }) => {
+  const [open, setOpen] = react.useState(false);
+  const preview = useRefundPreview(row, open);
+  const refund = useRefundHold();
+  const p = preview.data;
+  const description = preview.isLoading ? "Checking the payment with Vonpay…" : preview.isError ? (
+    routeRefusal(preview.error) ?? "Couldn't check the payment with Vonpay. Nothing was refunded."
+  ) : p && p.refundable ? refundConfirmText(p) : outcomeCopy({ outcome: "refused", code: p?.code ?? null, recorded: true }).text;
+  const confirm = () => {
+    if (!p || !p.refundable) return;
+    refund.mutate(
+      { row, amount_minor: p.amount_minor, currency: p.currency },
+      {
+        onSuccess: (o) => onResult(outcomeCopy(o)),
+        onError: (e) => onResult(postFailure(e)),
+        onSettled: () => setOpen(false)
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "primary", onClick: () => setOpen(true), children: "Refund in full…" }),
+    /* @__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.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" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Prompt.Action,
+          {
+            disabled: !p || !p.refundable || refund.isPending,
+            onClick: (e) => {
+              e.preventDefault();
+              confirm();
+            },
+            children: p && p.refundable ? refundActionLabel(p) : "Refund"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
 };
-async function fetchNamed(kind, query) {
-  const s = SOURCES[kind];
-  const body = await sdk.client.fetch(s.path, { query: { ...query, fields: `id,${s.label}` } });
-  const plain = (t) => t.replace(/[\p{Cc}\p{Cf}\p{Zl}\p{Zp}]/gu, "").trim();
-  return (body[s.key] ?? []).flatMap((r) => typeof r.id === "string" ? [{ id: r.id, label: typeof r[s.label] === "string" && plain(r[s.label]) || r.id }] : []);
-}
-function Picker({ kind, label, ids, onChange }) {
-  const [q, setQ] = react.useState("");
-  const names = reactQuery.useQuery({ queryKey: ["vonpay-offer-rule-names", kind, ids], queryFn: () => fetchNamed(kind, { id: ids, limit: ids.length }), enabled: ids.length > 0 });
-  const found = reactQuery.useQuery({ queryKey: ["vonpay-offer-rule-search", kind, q], queryFn: () => fetchNamed(kind, { q, limit: 8 }), enabled: q.trim().length >= 2, placeholderData: reactQuery.keepPreviousData });
-  const nameOf = (id) => names.data?.find((n) => n.id === id)?.label ?? id;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", "data-testid": `vonpay-rule-${kind}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ids.map((id) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "bg-ui-bg-subtle flex items-center gap-x-1 rounded-md px-2 py-1", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: nameOf(id) }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": `Remove ${nameOf(id)}`, onClick: () => onChange(ids.filter((x) => x !== id)), children: /* @__PURE__ */ jsxRuntime.jsx(icons.XMarkMini, {}) })
-    ] }, id)) }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { placeholder: OFFERS_COPY.search, value: q, maxLength: 100, "aria-label": `${label}: ${OFFERS_COPY.search}`, onChange: (e) => setQ(e.target.value) }),
-    (q.trim().length >= 2 ? found.data ?? [] : []).filter((n) => !ids.includes(n.id)).map((n) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", variant: "transparent", type: "button", onClick: () => onChange([...ids, n.id]), children: [
-      "+ ",
-      n.label
-    ] }, n.id))
+const CheckWithVonpayAction = ({ row, onResult }) => {
+  const reconcile = useReconcileHold();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Button,
+    {
+      size: "small",
+      variant: "secondary",
+      isLoading: reconcile.isPending,
+      disabled: reconcile.isPending,
+      onClick: () => reconcile.mutate(row, {
+        onSuccess: (o) => onResult(reconcileCopy(o)),
+        onError: (e) => onResult({ variant: "error", text: routeRefusal(e) ?? "Couldn't check this payment with Vonpay. Nothing was changed." })
+      }),
+      children: CHECK_WITH_VONPAY
+    }
+  );
+};
+const MarkResolvedAction = ({ row, onResult }) => {
+  const [open, setOpen] = react.useState(false);
+  const [typed, setTyped] = react.useState("");
+  const mark = useMarkResolved();
+  const matches = markConfirmMatches(typed, row);
+  const inputId = `vonpay-mark-confirm-${row.vp_session_id ?? "unreadable"}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Button,
+      {
+        size: "small",
+        variant: "secondary",
+        onClick: () => {
+          setTyped("");
+          setOpen(true);
+        },
+        children: "Mark resolved…"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt, { open, onOpenChange: (o) => !mark.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: "Mark this payment resolved?" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Description, { children: "Do this only after you've refunded it (for example from the command line) or settled it with the buyer. Nothing is sent to Vonpay. The buyer can no longer complete an order with this payment. It leaves this list and stays under Resolved, with your name on it; pressing Refund later still works." })
+      ] }),
+      /* @__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 this payment's Vonpay session id to confirm: ",
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: row.vp_session_id })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: inputId, size: "small", autoComplete: "off", value: typed, onChange: (e) => setTyped(e.target.value) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Footer, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Cancel, { disabled: mark.isPending, children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Prompt.Action,
+          {
+            disabled: mark.isPending || !matches,
+            onClick: (e) => {
+              e.preventDefault();
+              if (!matches) return;
+              mark.mutate({ row, confirm_vp_session_id: typed }, {
+                onSuccess: (o) => onResult(resolveOutcomeCopy(o)),
+                onError: (e2) => {
+                  const f = postFailure(e2);
+                  onResult(f.variant === "error" ? f : { variant: "warning", text: "Couldn't confirm that it was saved. Reload the list." });
+                },
+                onSettled: () => setOpen(false)
+              });
+            },
+            children: "Mark resolved"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+};
+const localTime = (iso) => new Date(iso).toLocaleString();
+const TIMER_MAX_MS = 2147483647;
+const REPOLL_MS = 15e3;
+const REPOLL_MAX = 8;
+const ChargeActions = ({ row, listAt, onResult }) => {
+  const [answered, setAnswer] = react.useState(null);
+  const answer = answered && !(listAt > answered.receivedAt) ? answered : null;
+  const [asking, setAsking] = react.useState(null);
+  const [typed, setTyped] = react.useState("");
+  const [checked, setChecked] = react.useState(false);
+  const act = useChargeAction();
+  const qc = reactQuery.useQueryClient();
+  const rowSays = JSON.stringify([row.held_at, row.actions ?? null, row.hint ?? null]);
+  react.useEffect(() => setAnswer(null), [rowSays]);
+  const actions = answer?.actions ?? row.actions ?? [];
+  const hint = answer ? answer.hint : row.hint ?? null;
+  const closedUntil = actions.filter((a) => !a.available && a.available_at).map((a) => Date.parse(a.available_at)).filter((t) => Number.isFinite(t));
+  const opensAt = closedUntil.filter((t) => t > Date.now());
+  const nextOpen = opensAt.length > 0 ? Math.min(...opensAt) : null;
+  react.useEffect(() => {
+    if (nextOpen === null) return;
+    const timer = setTimeout(() => {
+      setAnswer(null);
+      void qc.invalidateQueries({ queryKey: [HELD_LIST_KEY] });
+    }, Math.min(TIMER_MAX_MS, Math.max(0, nextOpen - Date.now()) + 1e3));
+    return () => clearTimeout(timer);
+  }, [nextOpen, qc]);
+  const overdue = closedUntil.filter((t) => t <= Date.now());
+  const pastDue = overdue.length > 0 ? Math.min(...overdue) : null;
+  const repolls = react.useRef(0);
+  react.useEffect(() => {
+    if (pastDue === null || repolls.current >= REPOLL_MAX) return;
+    const timer = setTimeout(() => {
+      repolls.current += 1;
+      void qc.invalidateQueries({ queryKey: [HELD_LIST_KEY] });
+    }, REPOLL_MS);
+    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 } : {} },
+    {
+      onSuccess: (o) => {
+        if (o.recorded === false || o.outcome === "not_saved") {
+          setAnswer({ ...o, actions: [], hint: null, receivedAt: Date.now() });
+          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;
+        }
+        setAnswer({ ...o, receivedAt: Date.now() });
+        onResult({ variant: o.tone, text: fillTime(o.text, o.at, localTime) });
+      },
+      onError: (e) => {
+        const f = postFailure(e);
+        onResult(f.variant === "error" ? f : { variant: "warning", text: "Couldn't confirm the outcome. Reload the list." });
+      },
+      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 ?? ""}-${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: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          size: "small",
+          variant: a.id === "check" ? "primary" : "secondary",
+          disabled: !a.available || act.isPending,
+          isLoading: act.isPending && (asking?.id === a.id || a.id === "check" && !asking),
+          onClick: () => {
+            if (!a.available) return;
+            if (!a.confirm) {
+              run(a);
+              return;
+            }
+            setTyped("");
+            setChecked(false);
+            setAsking(a);
+          },
+          children: a.label
+        }
+      ),
+      !a.available && a.available_at && /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: [
+        "Opens ",
+        localTime(a.available_at)
+      ] })
+    ] }, a.id)) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt, { open: asking !== null, onOpenChange: (o) => !act.isPending && !o && setAsking(null), variant: "confirmation", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Content, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Header, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Title, { children: [
+          asking?.label.replace(/…$/, ""),
+          "?"
+        ] }),
+        /* @__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: [
+        /* @__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 })
+        ] }),
+        /* @__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: [
+          /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", checked, onChange: (e) => setChecked(e.target.checked) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "txt-compact-small", children: "I checked this order in the Vonpay dashboard" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Footer, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Cancel, { disabled: act.isPending, children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Prompt.Action,
+          {
+            disabled: act.isPending || !typedOk,
+            onClick: (e) => {
+              e.preventDefault();
+              if (asking && typedOk) run(asking);
+            },
+            children: asking?.label.replace(/…$/, "")
+          }
+        )
+      ] })
+    ] }) })
   ] });
-}
-function rowsOf(rules) {
-  const cs = [.../* @__PURE__ */ new Set([...Object.keys(rules?.min_paid ?? {}), ...Object.keys(rules?.max_paid ?? {})])];
-  return cs.map((c) => ({ currency: c, min: rules?.min_paid?.[c] ?? "", max: rules?.max_paid?.[c] ?? "" }));
-}
-function amountText(text) {
-  const t = text.trim().replace(",", ".");
-  if (t === "") return void 0;
-  return /^\d{1,10}(\.\d{1,6})?$/.test(t) ? t : null;
-}
-function rulesFromForm(f) {
-  const out = {};
-  if (f.customers !== "all") out.customers = f.customers;
-  if (f.products.length) out.products = f.products;
-  if (f.collections.length) out.collections = f.collections;
-  if (f.groups.length) out.groups = f.groups;
-  for (const r of f.paid) {
-    const c = r.currency.trim().toLowerCase();
-    if (!c && !r.min.trim() && !r.max.trim()) continue;
-    if (!/^[a-z]{3}$/.test(c)) return "Use a 3-letter currency code, like EUR.";
-    const min = amountText(r.min);
-    const max = amountText(r.max);
-    if (min === null || max === null) return `Enter a plain amount for ${c.toUpperCase()}, like 49.95.`;
-    if (min === void 0 && max === void 0) return `Enter the least or the most for ${c.toUpperCase()}, or remove its row.`;
-    if (out.min_paid?.[c] !== void 0 || out.max_paid?.[c] !== void 0) return `${c.toUpperCase()} is listed twice.`;
-    if (min !== void 0) out.min_paid = { ...out.min_paid, [c]: min };
-    if (max !== void 0) out.max_paid = { ...out.max_paid, [c]: max };
-  }
-  if (out.customers === "guests" && out.groups) return "Groups apply to signed-in customers only.";
-  return Object.keys(out).length ? out : null;
-}
-function OfferRulesDrawer({ offer, open, onOpenChange, onSave, busy }) {
-  const unreadable = offer.rules === "unreadable";
-  const start = offer.rules === "unreadable" ? null : offer.rules;
-  const [customers, setCustomers] = react.useState(start?.customers ?? "all");
-  const [products, setProducts] = react.useState(start?.products ?? []);
-  const [collections, setCollections] = react.useState(start?.collections ?? []);
-  const [groups, setGroups] = react.useState(start?.groups ?? []);
-  const [paid, setPaid] = react.useState(rowsOf(start));
-  const [problem, setProblem] = react.useState(null);
-  const save = async () => {
-    const r = rulesFromForm({ customers, products, collections, groups, paid });
-    if (typeof r === "string") return setProblem(r);
-    setProblem(null);
-    const refused = await onSave(r);
-    if (refused === null) onOpenChange(false);
-    else setProblem(refused);
+};
+const WalletHoldAction = ({ row, kind, onResult }) => {
+  const [open, setOpen] = react.useState(false);
+  const release = useReleaseHold();
+  const complete = useCompleteHold();
+  const pending = release.isPending || complete.isPending;
+  const text = kind === "release" ? { button: "Release…", title: "Release this held payment?", body: "The hold is cancelled at Vonpay and drops off the buyer's card. Nothing was taken, so nothing is refunded. The buyer can't complete an order with this payment afterwards.", action: "Release" } : { button: "Complete the order…", title: "Create the order from this payment?", body: "Medusa completes the buyer's checkout with this held payment and creates the order; the payment is then taken with the order. Do this only if you intend to fulfil it.", action: "Complete the order" };
+  const fail = (e2) => {
+    const f = postFailure(e2);
+    onResult(f.variant === "error" ? f : { variant: "warning", text: "Couldn't confirm the outcome. Reload the list." });
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Content, { "aria-describedby": void 0, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Title, { children: [
-      OFFERS_COPY.rules,
-      ": ",
-      offer.name
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: [
-      unreadable && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", "data-testid": "vonpay-rules-unreadable", children: OFFERS_COPY.rulesUnreadableNotice }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.rulesIntro }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: OFFERS_COPY.customers }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { value: customers, onValueChange: (v) => setCustomers(v), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { "aria-label": OFFERS_COPY.customers, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, {}) }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Content, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "all", children: OFFERS_COPY.customersAll }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "guests", children: OFFERS_COPY.customersGuests }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "signed_in", children: OFFERS_COPY.customersSignedIn })
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: kind === "release" ? "secondary" : "primary", onClick: () => setOpen(true), children: text.button }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt, { open, onOpenChange: (o) => !pending && 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: text.title }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Description, { children: text.body })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Footer, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Cancel, { disabled: pending, children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Prompt.Action,
+          {
+            disabled: pending,
+            onClick: (e) => {
+              e.preventDefault();
+              if (kind === "release") release.mutate({ row }, { onSuccess: (o) => onResult(releaseOutcomeCopy(o)), onError: fail, onSettled: () => setOpen(false) });
+              else complete.mutate({ row }, { onSuccess: (o) => onResult(completeOutcomeCopy(o)), onError: fail, onSettled: () => setOpen(false) });
+            },
+            children: text.action
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+};
+const HoldDrawer = ({ row, listAt, onClose }) => {
+  const copy = row ? reasonCopy(row.reason) : void 0;
+  const known = row ? isKnownStatus(row.status) && !isUnrecognisedRecord(row) : false;
+  const showRefund = !!row && known && canRefund(row);
+  const showMark = !!row && known && canMarkResolved(row);
+  const showRelease = !!row && known && canRelease(row);
+  const showComplete = !!row && known && canComplete(row);
+  const showOpenOrder = !!row && known && canOpenOrder(row);
+  const steps = row ? resolutionSteps(known ? row : { ...row, reason: "unrecognised" }) : [];
+  const [result, setResult] = react.useState(null);
+  const close = () => {
+    setResult(null);
+    onClose();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer, { open: row !== null, onOpenChange: (open) => !open && close(), children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Content, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Header, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Title, { children: copy?.label ?? "Held payment" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Description, { children: row && isChargeRow(row) ? void 0 : copy?.what })
+    ] }),
+    row && /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Status" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(RowStatus, { status: row.status }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Held since" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "txt-compact-small", children: row.held_at ? new Date(row.held_at).toLocaleString() : "Unknown" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Where" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "txt-compact-small", children: SOURCE_LABEL[row.source] ?? row.source }),
+        row.retry_until && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Retrying until" }),
+          /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "txt-compact-small", children: new Date(row.retry_until).toLocaleString() })
+        ] }),
+        fromBuyerCheckout(row) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Evidence" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("dd", { className: "flex flex-col gap-y-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { className: "w-fit whitespace-nowrap", color: "grey", children: FROM_BUYER_CHECKOUT }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: FROM_BUYER_CHECKOUT_NOTE })
+          ] })
+        ] }),
+        row.order_id && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Order" }),
+          /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.order_id, label: "order id" }) })
+        ] }),
+        row.vp_payment_intent_id && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__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" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.medusa_payment_session_id, label: "Medusa payment session id" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Payment collection" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.payment_collection_id, label: "payment collection id" }) }),
+        row.resolution && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: row.status === "resolved" ? "Resolved" : "Last action" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("dd", { className: "txt-compact-small", children: [
+            row.resolution.how ? `${RESOLVED_HOW_LABEL[row.resolution.how] ?? row.resolution.how} · ` : "",
+            new Date(row.resolution.at).toLocaleString(),
+            " · by ",
+            actorLabel(row.resolution)
+          ] }),
+          row.resolution.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", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.resolution.refund_id, label: "Vonpay refund id" }) })
+          ] }),
+          row.resolution.prior && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Before that" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("dd", { className: "txt-compact-small", children: [
+              row.resolution.prior.how ? `${RESOLVED_HOW_LABEL[row.resolution.prior.how] ?? row.resolution.prior.how}` : statusLabel(row.resolution.prior.state),
+              ` · ${new Date(row.resolution.prior.at).toLocaleString()} · by ${actorLabel(row.resolution.prior)}`
+            ] })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(Picker, { kind: "products", label: OFFERS_COPY.products, ids: products, onChange: setProducts }),
-      /* @__PURE__ */ jsxRuntime.jsx(Picker, { kind: "collections", label: OFFERS_COPY.collections, ids: collections, onChange: setCollections }),
-      /* @__PURE__ */ jsxRuntime.jsx(Picker, { kind: "groups", label: OFFERS_COPY.groups, ids: groups, onChange: setGroups }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", "data-testid": "vonpay-rule-paid", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: OFFERS_COPY.paid }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.paidNote }),
-        paid.map((r, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[1fr_1fr_1fr_auto] items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { "aria-label": "Currency", placeholder: "EUR", value: r.currency, maxLength: 3, onChange: (e) => setPaid(paid.map((x, j) => j === i ? { ...x, currency: e.target.value } : x)) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { "aria-label": `${OFFERS_COPY.paidAtLeast} (${r.currency || "currency"})`, placeholder: OFFERS_COPY.paidAtLeast, value: r.min, maxLength: 17, inputMode: "decimal", onChange: (e) => setPaid(paid.map((x, j) => j === i ? { ...x, min: e.target.value } : x)) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { "aria-label": `${OFFERS_COPY.paidAtMost} (${r.currency || "currency"})`, placeholder: OFFERS_COPY.paidAtMost, value: r.max, maxLength: 17, inputMode: "decimal", onChange: (e) => setPaid(paid.map((x, j) => j === i ? { ...x, max: e.target.value } : x)) }),
-          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": `${OFFERS_COPY.removeCurrency} ${r.currency.toUpperCase()}`.trim(), onClick: () => setPaid(paid.filter((_, j) => j !== i)), children: /* @__PURE__ */ jsxRuntime.jsx(icons.XMarkMini, {}) })
-        ] }, i)),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", type: "button", onClick: () => setPaid([...paid, { currency: "", min: "", max: "" }]), children: OFFERS_COPY.addCurrency }) })
+      result && /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: result.variant, children: result.text }),
+      closedMoneyNote(row) && /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "warning", children: closedMoneyNote(row) }),
+      (showRefund || showMark || showRelease || showComplete || showOpenOrder) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
+        showOpenOrder && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "primary", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: orderPath(row.order_id), children: "Open order" }) }),
+        showComplete && /* @__PURE__ */ jsxRuntime.jsx(WalletHoldAction, { row, kind: "complete", onResult: setResult }),
+        showRelease && /* @__PURE__ */ jsxRuntime.jsx(WalletHoldAction, { row, kind: "release", onResult: setResult }),
+        showRefund && /* @__PURE__ */ jsxRuntime.jsx(RefundAction, { row, onResult: setResult }),
+        showRefund && /* @__PURE__ */ jsxRuntime.jsx(CheckWithVonpayAction, { row, onResult: setResult }),
+        showMark && /* @__PURE__ */ jsxRuntime.jsx(MarkResolvedAction, { row, onResult: setResult })
       ] }),
-      problem && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", "data-testid": "vonpay-rules-problem", children: problem })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Footer, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => onOpenChange(false), children: OFFERS_COPY.cancel }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { disabled: busy, onClick: () => void save(), children: unreadable ? OFFERS_COPY.replaceRules : OFFERS_COPY.save })
+      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: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: step.title }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: step.body }),
+          step.command && /* @__PURE__ */ jsxRuntime.jsxs(ui.CodeBlock, { snippets: [{ label: "Terminal", language: "bash", code: step.command, hideLineNumbers: true }], children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.CodeBlock.Header, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.CodeBlock.Body, {})
+          ] })
+        ] }, step.title)),
+        !isChargeRow(row) && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: STILL_LISTED_NOTE })
+      ] })
     ] })
   ] }) });
-}
-function OfferWordingDrawer({ offer, open, onOpenChange, onSave, busy }) {
-  const start = offer.copy === "unreadable" ? null : offer.copy;
-  const [headline, setHeadline] = react.useState(start?.headline ?? "");
-  const [pitch, setPitch] = react.useState(start?.pitch ?? "");
-  const [problem, setProblem] = react.useState(null);
-  const save = async (copy) => {
-    setProblem(null);
-    const refused = await onSave(copy);
-    if (refused === null) onOpenChange(false);
-    else setProblem(refused);
-  };
-  const typed = () => {
-    const h = headline.trim();
-    const p = pitch.trim();
-    return h || p ? { ...h ? { headline: h } : {}, ...p ? { pitch: p } : {} } : null;
+};
+const FILTER_LABEL = { open: "Needs action", resolved: "Resolved", all: "All" };
+const HeldPaymentsPage = () => {
+  const [pageIndex, setPageIndex] = react.useState(0);
+  const [filter, setFilter] = react.useState("open");
+  const [opened, setOpened] = react.useState(null);
+  const { data, dataUpdatedAt, isLoading, isError, refetch } = useHeldPayments({ limit: HELD_PAGE_SIZE, offset: pageIndex * HELD_PAGE_SIZE, status: filter });
+  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 ?? ""}${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 === " ") {
+      e.preventDefault();
+      setOpened(row);
+    }
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Content, { "aria-describedby": void 0, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Title, { children: [
-      OFFERS_COPY.wording,
-      ": ",
-      offer.name
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Body, { className: "flex flex-col gap-y-4", children: [
-      offer.copy === "unreadable" && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", "data-testid": "vonpay-wording-unreadable", children: OFFERS_COPY.wordingUnreadable }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.wordingIntro }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-wording-headline", children: OFFERS_COPY.headline }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: "vonpay-wording-headline", value: headline, maxLength: HEADLINE_MAX, onChange: (e) => setHeadline(e.target.value) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.headlineHint })
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4 px-6 py-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Held payments" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Buyers who were charged through Vonpay but whose order couldn't be completed safely, cancelled orders whose refund Vonpay hasn't confirmed, and Apple Pay / Google Pay payments not yet collected for an order. Nothing here is refunded automatically." })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[180px]", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.Select,
+          {
+            size: "small",
+            value: filter,
+            onValueChange: (v) => {
+              setFilter(v);
+              setPageIndex(0);
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { "aria-label": "Show", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, {}) }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: ["open", "resolved", "all"].map((f) => /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: f, children: FILTER_LABEL[f] }, f)) })
+            ]
+          }
+        ) })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-wording-pitch", children: OFFERS_COPY.pitch }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Textarea, { id: "vonpay-wording-pitch", value: pitch, maxLength: PITCH_MAX, rows: 4, onChange: (e) => setPitch(e.target.value) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
-          OFFERS_COPY.pitchHint,
-          " (",
-          pitch.length,
-          "/",
-          PITCH_MAX,
-          ")"
-        ] })
+      data && !data.scan_complete && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "warning", children: "This list may be incomplete: the store has more records than one page load can check." }) }),
+      data?.job?.filter((j) => j.banner).map((j) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "warning", children: j.banner }) }, j.mode)),
+      data && chargedUncheckedNote(data.charged_unchecked) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "warning", children: chargedUncheckedNote(data.charged_unchecked) }) }),
+      isError ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-y-3 px-6 py-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", children: "Couldn't load held payments." }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", onClick: () => refetch(), children: "Try again" })
+      ] }) : isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-y-3 px-6 py-6", "aria-busy": "true", "aria-label": "Loading held payments", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-6 w-full" }, i)) }) : count === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-10", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: filter === "resolved" ? "Nothing resolved yet." : "No held payments. When a buyer is charged but the order can't be completed safely, it appears here." }) }) : /* @__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: "Reason" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Status" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Held since" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Vonpay session" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Medusa payment session" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Where" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: data.holds.map((row) => /* @__PURE__ */ jsxRuntime.jsxs(
+            ui.Table.Row,
+            {
+              className: "cursor-pointer",
+              tabIndex: 0,
+              role: "button",
+              "aria-label": `${reasonCopy(row.reason).label}, ${statusLabel(row.status)}, open details`,
+              onClick: () => setOpened(row),
+              onKeyDown: onRowKey(row),
+              children: [
+                /* @__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" }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.medusa_payment_session_id, label: "Medusa payment session id" }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "txt-compact-small text-ui-fg-subtle whitespace-nowrap", children: SOURCE_LABEL[row.source] }),
+                  fromBuyerCheckout(row) && /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { className: "w-fit whitespace-nowrap", color: "grey", children: FROM_BUYER_CHECKOUT })
+                ] }) })
+              ]
+            },
+            keyOf(row)
+          )) })
+        ] }) }),
+        pageCount > 1 && /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Table.Pagination,
+          {
+            count,
+            pageSize: HELD_PAGE_SIZE,
+            pageIndex,
+            pageCount,
+            canPreviousPage: pageIndex > 0,
+            canNextPage: pageIndex + 1 < pageCount,
+            previousPage: () => setPageIndex((p) => Math.max(0, p - 1)),
+            nextPage: () => setPageIndex((p) => p + 1)
+          }
+        )
       ] }),
-      offer.downsell_variant_id && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.wordingDownsellNote }),
-      problem && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", "data-testid": "vonpay-wording-problem", children: problem })
+      /* @__PURE__ */ jsxRuntime.jsx(HoldDrawer, { row: open, listAt: dataUpdatedAt, onClose: () => setOpened(null) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Footer, { children: [
-      offer.copy !== null && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", disabled: busy, onClick: () => void save(null), children: OFFERS_COPY.wordingReset }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => onOpenChange(false), children: OFFERS_COPY.cancel }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { disabled: busy, onClick: () => void save(typed()), children: OFFERS_COPY.save })
-    ] })
-  ] }) });
-}
-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 });
+    /* @__PURE__ */ jsxRuntime.jsx(SetupCheckPanel, {})
+  ] });
+};
+const config$1 = adminSdk.defineRouteConfig({
+  label: "Held payments",
+  icon: icons.ExclamationCircle,
+  nested: "/orders"
 });
-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();
-  const update = useUpdateOffer();
-  const remove = useDeleteOffer();
-  const reorder = useReorderOffers();
-  const importConfig = useImportOffers();
-  const prompt = ui.usePrompt();
-  const [name, setName] = react.useState("");
-  const [variantId, setVariantId] = react.useState("");
-  const [error, setError] = react.useState(null);
-  const [editing, setEditing] = react.useState(null);
-  const [downsellFor, setDownsellFor] = react.useState(null);
-  const [wordingFor, setWordingFor] = react.useState(null);
-  const busy = create.isPending || update.isPending || remove.isPending || reorder.isPending || importConfig.isPending;
-  const run = async (work) => {
-    setError(null);
-    try {
-      await work();
-      return true;
-    } catch (err) {
-      setError(errorSentence(err));
-      return false;
-    }
-  };
-  const onAdd = async (e) => {
-    e.preventDefault();
-    if (await run(() => create.mutateAsync({ name: name.trim(), variant_id: variantId.trim() }))) {
-      setName("");
-      setVariantId("");
-    }
-  };
-  const move = (offers, i, by) => {
-    const ids = offers.map((o) => o.id);
-    [ids[i], ids[i + by]] = [ids[i + by], ids[i]];
-    void run(() => reorder.mutateAsync({ ids }));
-  };
-  const onRemove = async (o) => {
-    if (await prompt({ title: OFFERS_COPY.remove, description: OFFERS_COPY.removeConfirm, confirmText: OFFERS_COPY.remove, cancelText: "Cancel" })) void run(() => remove.mutateAsync({ id: o.id }));
-  };
+const EVENT_LABEL = {
+  "subscription.created": "Signed up",
+  "subscription.renewed": "Renewal paid",
+  "subscription.payment_failed": "Renewal declined",
+  "subscription.cancelled": "Cancelled",
+  "subscription.updated": "Changed"
+};
+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({
+    queryKey: ["vonpay-subscription-events", page.limit, page.offset],
+    queryFn: () => sdk.client.fetch("/admin/vonpay/subscriptions", { query: { limit: page.limit, offset: page.offset } }),
+    placeholderData: reactQuery.keepPreviousData
+  });
+}
+const pageCountFor = (count) => {
+  const remainder = count % SUBSCRIPTION_PAGE_SIZE;
+  return Math.max(1, (count - remainder) / SUBSCRIPTION_PAGE_SIZE + (remainder > 0 ? 1 : 0));
+};
+const when = (iso) => iso ? new Date(iso).toLocaleString() : "—";
+const VonpaySubscriptionsPage = () => {
+  const [pageIndex, setPageIndex] = react.useState(0);
+  const { data, isLoading, isError } = useSubscriptionEvents({ limit: SUBSCRIPTION_PAGE_SIZE, offset: pageIndex * SUBSCRIPTION_PAGE_SIZE });
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: OFFERS_COPY.title }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
-        OFFERS_COPY.intro,
-        " ",
-        OFFERS_COPY.lag
-      ] })
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Vonpay subscriptions" }),
+      /* @__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 || !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 }) })
+    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.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 })
       ] }),
-      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, {})
+      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" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Received" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: data.events.map((e) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Cell, { children: [
+              eventLabel(e.type),
+              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) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: when(e.received_at) })
+          ] }, e.id)) })
         ] }) }),
-        /* @__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);
-            }
-          }
-        },
-        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);
-            }
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Table.Pagination,
+          {
+            count: data.count,
+            pageSize: SUBSCRIPTION_PAGE_SIZE,
+            pageIndex,
+            pageCount: pageCountFor(data.count),
+            canPreviousPage: pageIndex > 0,
+            canNextPage: (pageIndex + 1) * SUBSCRIPTION_PAGE_SIZE < data.count,
+            previousPage: () => setPageIndex((p) => Math.max(0, p - 1)),
+            nextPage: () => setPageIndex((p) => p + 1)
           }
-        },
-        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.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", type: "submit", disabled: busy || !name.trim() || !variantId.trim(), children: OFFERS_COPY.add }) })
+        )
       ] })
     ] })
   ] });
 };
 const config = adminSdk.defineRouteConfig({
-  label: "One-click offers",
-  icon: icons.Sparkles,
+  label: "Vonpay subscriptions",
+  icon: icons.ArrowPath,
   nested: "/orders"
 });
 const i18nTranslations0 = {};
@@ -1613,13 +2073,18 @@ const widgetModule = { widgets: [
     Component: UpdateBanner,
     zone: ["order.list.before"],
     widgetId: "Widget-5ad3"
+  },
+  {
+    Component: VonpayVariantSubscription,
+    zone: ["product_variant.details.after"],
+    widgetId: "Widget-671a"
   }
 ] };
 const routeModule = {
   routes: [
     {
-      Component: VonpaySubscriptionsPage,
-      path: "/vonpay-subscriptions",
+      Component: VonpayOffersPage,
+      path: "/vonpay-offers",
       handle: { label: config$2.label, translationNs: config$2.translationNs }
     },
     {
@@ -1628,8 +2093,8 @@ const routeModule = {
       handle: { label: config$1.label, translationNs: config$1.translationNs }
     },
     {
-      Component: VonpayOffersPage,
-      path: "/vonpay-offers",
+      Component: VonpaySubscriptionsPage,
+      path: "/vonpay-subscriptions",
       handle: { label: config.label, translationNs: config.translationNs }
     }
   ]
@@ -1645,16 +2110,16 @@ const menuItemModule = {
       translationNs: void 0
     },
     {
-      label: config.label,
-      icon: config.icon,
+      label: config$2.label,
+      icon: config$2.icon,
       path: "/vonpay-offers",
       nested: "/orders",
       rank: void 0,
       translationNs: void 0
     },
     {
-      label: config$2.label,
-      icon: config$2.icon,
+      label: config.label,
+      icon: config.icon,
       path: "/vonpay-subscriptions",
       nested: "/orders",
       rank: void 0,