vonpay-medusa 1.2.1 → 1.3.0

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

@@ -13,6 +13,9 @@ const TIME_SLOT = "{time}";
 function fillTime(text, at, format) {
   return at && text.includes(TIME_SLOT) ? text.split(TIME_SLOT).join(format(at)) : text;
 }
+const SUBSCRIPTION_NOT_NAMED_TEXT = {
+  unknown: "Not known yet. In the Vonpay dashboard, find the subscription by this order's id."
+};
 const NOT_SAVED_TEXT = "That couldn't be saved. The list is read again: check the row as it stands now before you try again.";
 const CHARGE_REASON_LABEL = {
   renewal_outcome_unknown: "Renewal charge — result unknown",
@@ -31,8 +34,18 @@ const CHARGE_REASON_LABEL = {
   upsell_refund_unclear: "Late offer charge — refund unclear",
   upsell_refund_pending: "Late offer charge — refund in progress",
   upsell_refunded_late: "Late offer charge refunded",
+  upsell_refund_requested: "Late offer charge — refund accepted, not finished",
   upsell_hold_unsettled: "Offer payment held — not finished yet",
-  upsell_take_unconfirmed: "Offer payment — collection not confirmed"
+  upsell_take_unconfirmed: "Offer payment — collection not confirmed",
+  upsell_subscription_active: "Offer refund — cancel its subscription",
+  upsell_subscription_ended: "Offer refund — subscription ended",
+  refund_watch_canceled: "Refunded in Medusa — Vonpay did not complete it",
+  refund_watch_failed: "Refunded in Medusa — Vonpay's refund failed",
+  refund_watch_unclear: "Refunded in Medusa — Vonpay's refund failed, outcome unclear",
+  refund_watch_overdue: "Refunded in Medusa — Vonpay's refund not finished",
+  refund_watch_resolved: "Refunded in Medusa — Vonpay's refund settled by a person",
+  signup_watch_missing: "Subscription paid for — not started",
+  signup_watch_resolved: "Subscription paid for — settled by a person"
 };
 const CHARGE_RESOLVED_HOW_LABEL = {
   closed_blocking: "Closed by a person — no more renewal charges for this order",
@@ -75,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."
@@ -158,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",
@@ -212,9 +231,11 @@ const REFUNDABLE_REASONS = [
   "paid_orphan_session",
   "paid_after_auto_close",
   "paid_no_order",
+  "signup_mismatch",
   "cancel_refund_missing",
   "cancel_refund_unconfirmed"
 ];
+const SUBSCRIPTION_REFUND_NOTE = "If this payment started a Vonpay subscription, refunding it does not cancel the subscription: cancel it in your Vonpay dashboard.";
 function isConfirmedRefund(row) {
   return row.status === "resolved" && (row.resolution?.how === "refunded" || row.resolution?.how === "refunded_earlier");
 }
@@ -222,7 +243,7 @@ function canRefund(row) {
   return row.vp_session_id !== null && !isConfirmedRefund(row) && !isAutoClosed(row) && !isUnrecognisedRecord(row) && REFUNDABLE_REASONS.includes(row.reason);
 }
 function isChargeRow(row) {
-  return row.source === "renewal" || row.source === "upsell";
+  return row.source === "renewal" || row.source === "upsell" || row.source === "refund" || row.source === "signup";
 }
 function canRelease(row) {
   return row.source === "collection" && row.vp_session_id !== null && row.status === "open" && WALLET_REASONS.includes(row.reason);
@@ -235,6 +256,8 @@ function canMarkResolved(row) {
   return row.vp_session_id !== null && row.status !== "resolved" && !isUnrecognisedRecord(row) && !WALLET_REASONS.includes(row.reason) && !TAKE_REASONS.includes(row.reason);
 }
 function locatorFor(row) {
+  if (row.source === "refund") return { source: "refund", watch_id: row.watch_id ?? "" };
+  if (row.source === "signup") return { source: "signup", watch_id: row.watch_id ?? "" };
   if (isChargeRow(row)) {
     return {
       source: row.source,
@@ -596,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,
@@ -615,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) {
@@ -664,1064 +687,1289 @@ const UpdateBanner = () => {
   ] }) });
 };
 adminSdk.defineWidgetConfig({ zone: "order.list.before" });
-function useSetupCheck() {
-  return reactQuery.useMutation({
-    mutationFn: () => sdk.client.fetch("/admin/vonpay/setup-check", { method: "POST", body: {} }),
+const KEY$1 = "vonpay-variant-subscription";
+function useVariantSubscription(variantId) {
+  return reactQuery.useQuery({
+    queryKey: [KEY$1, variantId],
+    queryFn: () => sdk.client.fetch(`/admin/vonpay/variants/${encodeURIComponent(variantId)}/subscription`),
+    enabled: !!variantId,
     retry: false
   });
 }
-function useMoveToHeld() {
+function useSetVariantSubscription(variantId) {
   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 } }),
+    mutationFn: (on) => sdk.client.fetch(`/admin/vonpay/variants/${encodeURIComponent(variantId)}/subscription`, { method: "POST", body: { on } }),
     retry: false,
-    onSettled: () => qc.invalidateQueries({ queryKey: [HELD_LIST_KEY] })
+    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" };
-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 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 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 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 }),
-          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}`)) })
-    ] })
+    /* @__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 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: 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 ?? ""}`;
-  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 })
+}
+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) })
       ] }),
-      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("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.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(/…$/, "")
-          }
-        )
-      ] })
-    ] }) })
+      /* @__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 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 })
-      ] }),
-      /* @__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
-          }
-        )
-      ] })
-    ] }) })
+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 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();
+}
+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: 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" }) })
-        ] }),
-        /* @__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)}`
-            ] })
+  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 }),
-      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 })
+      /* @__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 }) })
       ] }),
-      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 ?? ""}`),
-      /* @__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 })
-      ] })
+      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, 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 ?? ""}`;
-  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);
   };
-  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)) })
-            ]
-          }
-        ) })
-      ] }),
-      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.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)
-          )) })
-        ] }) }),
-        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)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(HoldDrawer, { row: open, listAt: dataUpdatedAt, onClose: () => setOpened(null) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(SetupCheckPanel, {})
-  ] });
-};
-const config$2 = adminSdk.defineRouteConfig({
-  label: "Held payments",
-  icon: icons.ExclamationCircle,
-  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 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 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 wordingSummary(copy) {
-  if (copy === "unreadable") return OFFERS_COPY.wordingUnreadable;
-  if (!copy) return OFFERS_COPY.wordingDefault;
-  return copy.headline ?? OFFERS_COPY.wordingPitchOnly;
-}
-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 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);
+  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.downsell,
+      OFFERS_COPY.wording,
       ": ",
       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 }),
+      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-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.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 })
       ] }),
-      problem && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", "data-testid": "vonpay-downsell-problem", children: problem })
+      /* @__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.downsell_variant_id && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "danger", disabled: busy, onClick: () => void save(null), children: OFFERS_COPY.downsellRemove }),
+      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(variant.trim()), children: OFFERS_COPY.save })
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { disabled: busy, onClick: () => void save(typed()), 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" }
-};
-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);
+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.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 })
-          ] })
+  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 }) })
+        ] }),
+        error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", "data-testid": "vonpay-offers-error", children: error }) }),
+        data.offers.length === 0 ? (data.source === "admin" || data.config.length === 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: data.source === "admin" ? OFFERS_COPY.adminEmpty : OFFERS_COPY.configEmpty }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Offer" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Product" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: OFFERS_COPY.rules }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: OFFERS_COPY.downsell }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: OFFERS_COPY.wording }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: OFFERS_COPY.shown }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, {})
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: data.offers.map((o, i) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { "data-testid": "vonpay-offer-row", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: o.name }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: o.product_title === null ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-error", children: OFFERS_COPY.missingVariant }) : productLabel(o) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.rules}: ${o.name}`, disabled: busy, onClick: () => setEditing(o), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: o.rules === "unreadable" ? "text-ui-fg-error" : void 0, children: rulesSummary(o.rules) }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.downsell}: ${o.name}`, disabled: busy, onClick: () => setDownsellFor(o), children: o.downsell_variant_id === null ? OFFERS_COPY.downsellNone : o.downsell_product_title === null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-error", children: OFFERS_COPY.downsellMissing }) : productLabel({ product_title: o.downsell_product_title, variant_title: o.downsell_variant_title, variant_id: o.downsell_variant_id }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.wording}: ${o.name}`, disabled: busy, onClick: () => setWordingFor(o), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `max-w-[16rem] truncate ${o.copy === "unreadable" ? "text-ui-fg-error" : ""}`, children: wordingSummary(o.copy) }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Switch, { "aria-label": `${OFFERS_COPY.shown}: ${o.name}`, checked: o.enabled, disabled: busy, onCheckedChange: (on) => void run(() => update.mutateAsync({ id: o.id, enabled: on })) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-x-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.up}: ${o.name}`, disabled: busy || i === 0, onClick: () => move(data.offers, i, -1), children: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpMini, {}) }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.down}: ${o.name}`, disabled: busy || i === data.offers.length - 1, onClick: () => move(data.offers, i, 1), children: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowDownMini, {}) }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.remove}: ${o.name}`, disabled: busy, onClick: () => void onRemove(o), children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {}) })
+            ] }) })
+          ] }, o.id)) })
+        ] }) }),
+        downsellFor && /* @__PURE__ */ jsxRuntime.jsx(
+          OfferDownsellDrawer,
+          {
+            offer: downsellFor,
+            open: downsellFor !== null,
+            busy,
+            onOpenChange: (o) => !o && setDownsellFor(null),
+            onSave: async (downsell) => {
+              try {
+                await update.mutateAsync({ id: downsellFor.id, downsell_variant_id: downsell });
+                return null;
+              } catch (err) {
+                return errorSentence(err);
+              }
+            }
+          },
+          downsellFor.id
+        ),
+        wordingFor && /* @__PURE__ */ jsxRuntime.jsx(
+          OfferWordingDrawer,
+          {
+            offer: wordingFor,
+            open: wordingFor !== null,
+            busy,
+            onOpenChange: (o) => !o && setWordingFor(null),
+            onSave: async (copy) => {
+              try {
+                await update.mutateAsync({ id: wordingFor.id, copy });
+                return null;
+              } catch (err) {
+                return errorSentence(err);
+              }
+            }
+          },
+          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$2 = adminSdk.defineRouteConfig({
+  label: "One-click offers",
+  icon: icons.Sparkles,
+  nested: "/orders"
+});
+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(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 }) })
-      ] }),
-      problem && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", "data-testid": "vonpay-rules-problem", children: problem })
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", isLoading: check.isPending, onClick: () => check.mutate(), children: "Check Vonpay setup" })
     ] }),
-    /* @__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 })
+    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";
 }
-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 STATUS_COLOR = {
+  open: "orange",
+  nothing_left: "orange",
+  refund_pending: "blue",
+  refund_unknown: "red",
+  refund_sending: "red",
+  resolved: "green"
+};
+const UNKNOWN_STATUS_LABEL = "Status unknown — check in Vonpay";
+function isKnownStatus(status) {
+  return Object.prototype.hasOwnProperty.call(STATUS_LABEL, status);
+}
+function statusLabel(status) {
+  return isKnownStatus(status) ? STATUS_LABEL[status] : UNKNOWN_STATUS_LABEL;
+}
+function statusColor(status) {
+  return isKnownStatus(status) && STATUS_COLOR[status] || "grey";
+}
+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 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.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 })
+}
+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("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,
-          ")"
+      /* @__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"}`;
+  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(/…$/, "")
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+};
+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 })
+      ] }),
+      /* @__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)}`
+            ] })
+          ] })
         ] })
       ] }),
-      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 })
+      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 })
+      ] }),
+      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 })
+      ] })
     ] })
   ] }) });
-}
-const KEY = "vonpay-offers";
-function useOffers() {
-  return reactQuery.useQuery({ queryKey: [KEY], queryFn: () => sdk.client.fetch("/admin/vonpay/offers") });
-}
-function useWrite(send) {
-  const qc = reactQuery.useQueryClient();
-  return reactQuery.useMutation({ mutationFn: send, retry: false, onSettled: () => qc.invalidateQueries({ queryKey: [KEY] }) });
-}
-const useCreateOffer = () => useWrite((v) => sdk.client.fetch("/admin/vonpay/offers", { method: "POST", body: v }));
-const useUpdateOffer = () => useWrite((v) => {
-  const { id, ...body } = v;
-  return sdk.client.fetch(`/admin/vonpay/offers/${encodeURIComponent(id)}`, { method: "POST", body });
-});
-const useDeleteOffer = () => useWrite((v) => sdk.client.fetch(`/admin/vonpay/offers/${encodeURIComponent(v.id)}`, { method: "DELETE" }));
-const useReorderOffers = () => useWrite((v) => sdk.client.fetch("/admin/vonpay/offers/reorder", { method: "POST", body: v }));
-const useImportOffers = () => useWrite(() => sdk.client.fetch("/admin/vonpay/offers/import", { method: "POST", body: {} }));
-const VonpayOffersPage = () => {
-  const { data, isLoading, isError, error: loadError } = useOffers();
-  const create = useCreateOffer();
-  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 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);
     }
   };
-  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
-      ] })
-    ] }),
-    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 }) })
+  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)) })
+            ]
+          }
+        ) })
       ] }),
-      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 && !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)
+          )) })
         ] }) }),
-        /* @__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);
-            }
+        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)
           }
-        },
-        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 }) })
-      ] })
-    ] })
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(HoldDrawer, { row: open, listAt: dataUpdatedAt, onClose: () => setOpened(null) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(SetupCheckPanel, {})
   ] });
 };
 const config$1 = adminSdk.defineRouteConfig({
-  label: "One-click offers",
-  icon: icons.Sparkles,
+  label: "Held payments",
+  icon: icons.ExclamationCircle,
   nested: "/orders"
 });
 const EVENT_LABEL = {
@@ -1735,6 +1983,8 @@ const eventLabel = (type) => EVENT_LABEL[type] ?? "Other";
 const amountLabel = (major, currency) => major && currency ? `${major} ${currency}` : "—";
 const NOT_ENABLED_NOTE = `Vonpay is not running this store's subscriptions. To let it, set the payment provider's subscriptions option to "vonpay", register the plugin's subscriptions module in medusa-config, run npx medusa db:migrate and restart — the setup check confirms each step.`;
 const ORDERS_NOT_YET_NOTE = "Renewal orders are not created from these notifications yet: this list shows what Vonpay reported, so nothing here changes an order.";
+const CANCEL_IS_SEPARATE_NOTE = "Cancelling or refunding the order that started a subscription does not end the subscription: it keeps renewing until someone cancels it in your Vonpay dashboard.";
+const subscriptionOrderPath = (orderId) => `/orders/${encodeURIComponent(orderId)}`;
 const SUBSCRIPTION_PAGE_SIZE = 20;
 function useSubscriptionEvents(page) {
   return reactQuery.useQuery({
@@ -1757,12 +2007,16 @@ const VonpaySubscriptionsPage = () => {
       /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Notifications from Vonpay's subscription billing, newest first." })
     ] }),
     isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-8 w-full" }) }) : isError ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", children: "The list could not be loaded. Reload the page to try again." }) }) : !data?.enabled ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "info", children: NOT_ENABLED_NOTE }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: ORDERS_NOT_YET_NOTE }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: ORDERS_NOT_YET_NOTE }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", "data-testid": "vonpay-subscriptions-cancel-note", children: CANCEL_IS_SEPARATE_NOTE })
+      ] }),
       data.events.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "No subscription notifications yet." }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "What happened" }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Subscription" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Started by order" }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Period" }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Amount" }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Next bill" }),
@@ -1774,6 +2028,7 @@ const VonpaySubscriptionsPage = () => {
               e.mode === "test" ? " (test)" : ""
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "font-mono text-xs", children: e.subscription_id }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "font-mono text-xs", "data-testid": "vonpay-subscription-order", children: e.medusa_order_id ? /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: subscriptionOrderPath(e.medusa_order_id), children: e.medusa_order_id }) : "—" }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: e.billing_cycle ?? "—" }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: amountLabel(e.amount_major, e.currency) }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: when(e.next_bill_at) }),
@@ -1818,18 +2073,23 @@ 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: HeldPaymentsPage,
-      path: "/vonpay-holds",
+      Component: VonpayOffersPage,
+      path: "/vonpay-offers",
       handle: { label: config$2.label, translationNs: config$2.translationNs }
     },
     {
-      Component: VonpayOffersPage,
-      path: "/vonpay-offers",
+      Component: HeldPaymentsPage,
+      path: "/vonpay-holds",
       handle: { label: config$1.label, translationNs: config$1.translationNs }
     },
     {
@@ -1842,16 +2102,16 @@ const routeModule = {
 const menuItemModule = {
   menuItems: [
     {
-      label: config$2.label,
-      icon: config$2.icon,
+      label: config$1.label,
+      icon: config$1.icon,
       path: "/vonpay-holds",
       nested: "/orders",
       rank: void 0,
       translationNs: void 0
     },
     {
-      label: config$1.label,
-      icon: config$1.icon,
+      label: config$2.label,
+      icon: config$2.icon,
       path: "/vonpay-offers",
       nested: "/orders",
       rank: void 0,