vonpay-medusa 1.3.0 → 1.4.0

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

@@ -45,7 +45,12 @@ const CHARGE_REASON_LABEL = {
   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"
+  signup_watch_resolved: "Subscription paid for — settled by a person",
+  renewal_period_paid_refused: "Renewal refused — this period is already paid",
+  renewal_period_declined: "Renewal declined — ReorderJS keeps asking",
+  renewal_period_stuck: "Earlier renewal charge not finished",
+  renewal_period_closed: "Renewal period kept blocked by a person",
+  renewal_period_reopened: "Renewal period reopened by a person"
 };
 const CHARGE_RESOLVED_HOW_LABEL = {
   closed_blocking: "Closed by a person — no more renewal charges for this order",
@@ -177,7 +182,8 @@ const SOURCE_LABEL = {
   order: "Found on an order — its wallet payment wasn't collected",
   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"
+  signup: "Recorded when Vonpay named no subscription for a subscription payment",
+  period: "Recorded by the plugin's one-charge-per-period record for subscription renewals"
 };
 const STATUS_LABEL = {
   open: "Needs action",
@@ -243,7 +249,7 @@ function canRefund(row) {
   return row.vp_session_id !== null && !isConfirmedRefund(row) && !isAutoClosed(row) && !isUnrecognisedRecord(row) && REFUNDABLE_REASONS.includes(row.reason);
 }
 function isChargeRow(row) {
-  return row.source === "renewal" || row.source === "upsell" || row.source === "refund" || row.source === "signup";
+  return row.source === "renewal" || row.source === "upsell" || row.source === "refund" || row.source === "signup" || row.source === "period";
 }
 function canRelease(row) {
   return row.source === "collection" && row.vp_session_id !== null && row.status === "open" && WALLET_REASONS.includes(row.reason);
@@ -258,6 +264,7 @@ function canMarkResolved(row) {
 function locatorFor(row) {
   if (row.source === "refund") return { source: "refund", watch_id: row.watch_id ?? "" };
   if (row.source === "signup") return { source: "signup", watch_id: row.watch_id ?? "" };
+  if (row.source === "period") return { source: "period", period_id: row.watch_id ?? "" };
   if (isChargeRow(row)) {
     return {
       source: row.source,
@@ -582,6 +589,7 @@ function useChargeAction() {
         ...locatorFor(v.row),
         action: v.action,
         ...v.typed_order_id !== void 0 ? { confirm_order_id: v.typed_order_id.trim(), confirm_checked_in_vonpay: v.checked_in_vonpay === true } : {},
+        ...v.reason !== void 0 ? { confirm_reason: v.reason } : {},
         ...v.action === "close_unreadable" && v.row.record_sha256 ? { confirm_record_sha256: v.row.record_sha256 } : {}
       }
     }),
@@ -667,8 +675,18 @@ function useUpdateNotice() {
     retry: false
   });
 }
+const CHANGELOG_URL = "https://docs.vonpay.com/connected-platforms/medusa-changelog";
 const UpdateBanner = () => {
   const { data } = useUpdateNotice();
+  if (data?.status === "unavailable" && data.reason === "unconfirmed") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", "data-testid": "vonpay-update-unconfirmed", children: [
+      "Couldn't confirm plugin updates — check",
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx("a", { href: CHANGELOG_URL, target: "_blank", rel: "noreferrer", className: "text-ui-fg-interactive hover:text-ui-fg-interactive-hover", children: "docs.vonpay.com" }),
+      " ",
+      "for the latest version."
+    ] });
+  }
   if (!data || data.status !== "update") return null;
   return /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: data.security ? "error" : "info", "data-testid": "vonpay-update-banner", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", children: [
     data.security ? "Security fix: " : "",
@@ -744,1232 +762,1262 @@ const VonpayVariantSubscription = ({ data: variant }) => {
   ] });
 };
 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."
-};
-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(" — ");
+const REOPEN_REASON = Object.freeze({ min: 3, max: 200, cardDigits: 12 });
+const INVISIBLE = /[\p{Cc}\p{Cf}\u2028\u2029]/gu;
+const DIGIT_SEPARATORS = new RegExp("(?<=\\p{Nd})[^\\p{L}\\p{Nd}]+(?=\\p{Nd})", "gu");
+const CARD_RUN = new RegExp(`\\p{Nd}{${REOPEN_REASON.cardDigits},}`, "u");
+function reopenReasonOf(raw) {
+  if (typeof raw !== "string") return { ok: false, why: "reason_required" };
+  const text = raw.normalize("NFKC").replace(INVISIBLE, "").trim();
+  if (CARD_RUN.test(text.replace(DIGIT_SEPARATORS, ""))) return { ok: false, why: "reason_card_number" };
+  const length = reasonLength(text);
+  if (length < REOPEN_REASON.min || length > REOPEN_REASON.max) return { ok: false, why: "reason_required" };
+  return { ok: true, reason: text };
+}
+const reasonLength = (text) => [...text].length;
+function useSetupCheck() {
+  return reactQuery.useMutation({
+    mutationFn: () => sdk.client.fetch("/admin/vonpay/setup-check", { method: "POST", body: {} }),
+    retry: false
+  });
 }
-function wordingSummary(copy) {
-  if (copy === "unreadable") return OFFERS_COPY.wordingUnreadable;
-  if (!copy) return OFFERS_COPY.wordingDefault;
-  return copy.headline ?? OFFERS_COPY.wordingPitchOnly;
+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] })
+  });
 }
-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;
+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 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: "—"
+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 })
+  ] });
 };
-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 SetupCheckPanel = () => {
+  const check = useSetupCheck();
+  const items = check.data?.items ?? [];
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4 px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Vonpay setup" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Checks your Vonpay key, your notification endpoint and the Medusa setup Vonpay needs. With test keys it also sends one test notification (it never creates a payment); that usually takes under 30 seconds." })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", isLoading: check.isPending, onClick: () => check.mutate(), children: "Check Vonpay setup" })
+    ] }),
+    check.isError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", children: "The check could not run. Try again, or run npx vonpay-medusa-check on the server." }) }),
+    check.data && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: !check.data.ok ? "error" : check.data.complete ? "success" : "warning", children: !check.data.ok ? "Something needs fixing — see the items marked Fix." : check.data.complete ? "No problems found." : `No failures, but ${check.data.unverified} ${check.data.unverified === 1 ? "check" : "checks"} could not run — see the items marked Not checked.` }),
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-y-3", "aria-label": "Setup check results", children: items.map((i, n) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex flex-col gap-y-1 sm:flex-row sm:items-start sm:gap-x-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { color: COLOR[i.status], className: "w-fit shrink-0", children: LABEL[i.status] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: i.detail }),
+          i.fix && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: i.fix }),
+          uniqueMoves(i.moves).length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-2 flex flex-col gap-y-2", "aria-label": "Paid checkouts with no order", children: uniqueMoves(i.moves).map((m) => /* @__PURE__ */ jsxRuntime.jsx(MoveRow, { move: m }, m.vp_session_id)) })
+        ] })
+      ] }, `${i.id}:${i.provider ?? ""}:${n}`)) })
+    ] })
+  ] });
+};
+const relative = new Intl.RelativeTimeFormat(void 0, { numeric: "auto" });
+const UNITS = [
+  ["day", 864e5],
+  ["hour", 36e5],
+  ["minute", 6e4]
+];
+function since(iso) {
+  if (!iso) return "Unknown";
+  const diff = Date.parse(iso) - Date.now();
+  for (const [unit, ms] of UNITS) {
+    if (Math.abs(diff) >= ms) return relative.format((diff - diff % ms) / ms, unit);
   }
+  return "just now";
 }
-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(" · ");
+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 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 statusLabel(status) {
+  return isKnownStatus(status) ? STATUS_LABEL[status] : UNKNOWN_STATUS_LABEL;
 }
-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 statusColor(status) {
+  return isKnownStatus(status) && STATUS_COLOR[status] || "grey";
 }
-function OfferDownsellDrawer({ offer, open, onOpenChange, onSave, busy }) {
-  const [variant, setVariant] = react.useState(offer.downsell_variant_id ?? "");
-  const [problem, setProblem] = react.useState(null);
-  const save = async (value) => {
-    if (value !== null && !/^variant_[A-Za-z0-9]{1,64}$/.test(value)) return setProblem("Enter a product variant id, like variant_01H….");
-    setProblem(null);
-    const refused = await onSave(value);
-    if (refused === null) onOpenChange(false);
-    else setProblem(refused);
+function 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.downsell,
-      ": ",
-      offer.name
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Body, { className: "flex flex-col gap-y-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.downsellIntro }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-downsell-variant", children: OFFERS_COPY.downsellVariant }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: "vonpay-downsell-variant", value: variant, maxLength: 72, onChange: (e) => setVariant(e.target.value) })
-      ] }),
-      problem && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", "data-testid": "vonpay-downsell-problem", children: problem })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Footer, { children: [
-      offer.downsell_variant_id && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "danger", disabled: busy, onClick: () => void save(null), children: OFFERS_COPY.downsellRemove }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => onOpenChange(false), children: OFFERS_COPY.cancel }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { disabled: busy, onClick: () => void save(variant.trim()), children: OFFERS_COPY.save })
-    ] })
-  ] }) });
-}
-const 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);
+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.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") })
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "primary", onClick: () => setOpen(true), children: "Refund in full…" }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt, { open, onOpenChange: (o) => !refund.isPending && setOpen(o), variant: "confirmation", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Content, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Header, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Title, { children: "Refund this payment in full?" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Description, { children: description }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", "data-testid": "vonpay-refund-subscription-note", children: SUBSCRIPTION_REFUND_NOTE })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Footer, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Cancel, { disabled: refund.isPending, children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Prompt.Action,
+          {
+            disabled: !p || !p.refundable || refund.isPending,
+            onClick: (e) => {
+              e.preventDefault();
+              confirm();
+            },
+            children: p && p.refundable ? refundActionLabel(p) : "Refund"
+          }
+        )
+      ] })
+    ] }) })
   ] });
-}
-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) })
+};
+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-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("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.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)) })
-    ] })
+      /* @__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 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))
+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 [reason, setReason] = react.useState("");
+  const act = useChargeAction();
+  const qc = reactQuery.useQueryClient();
+  const typedFor = (a) => a.confirm === "type_order_id" ? { what: "order id", value: a.confirm_id ?? row.order_id } : a.confirm === "type_payment_id" ? { what: "Vonpay payment id", value: a.confirm_id ?? null } : null;
+  const rowSays = JSON.stringify([row.held_at, row.actions ?? null, row.hint ?? null]);
+  react.useEffect(() => setAnswer(null), [rowSays]);
+  const actions = answer?.actions ?? row.actions ?? [];
+  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, ...typedFor(a) !== null ? { typed_order_id: typed, checked_in_vonpay: checked } : {}, ...a.confirm_reason ? { reason } : {} },
+    {
+      onSuccess: (o) => {
+        if (o.recorded === false || o.outcome === "not_saved") {
+          setAnswer({ ...o, actions: [], hint: null, receivedAt: Date.now() });
+          onResult({ variant: "warning", text: 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 expected = asking ? typedFor(asking) : null;
+  const reasonOk = !asking?.confirm_reason || reopenReasonOf(reason).ok;
+  const typedOk = (!asking || expected === null || typed.trim() === expected.value && checked) && reasonOk;
+  const inputId = `vonpay-charge-confirm-${row.payment_collection_id}-${row.medusa_payment_session_id ?? row.acceptance_id ?? ""}-${row.watch_id ?? ""}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+    hint && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: fillTime(hint.text, hint.at, localTime) }),
+    actions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: actions.map((a) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+      /* @__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);
+            setReason("");
+            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 })
+      ] }),
+      expected !== null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2 px-6 pb-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Label, { htmlFor: inputId, size: "small", children: [
+          "Type the ",
+          expected.what,
+          " to confirm: ",
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: expected.value })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: inputId, size: "small", autoComplete: "off", value: typed, onChange: (e) => setTyped(e.target.value) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-x-2", children: [
+          /* @__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" })
+        ] })
+      ] }),
+      asking?.confirm_reason && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2 px-6 pb-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Label, { htmlFor: `${inputId}-reason`, size: "small", children: [
+          "Reason (",
+          REOPEN_REASON.min,
+          " to ",
+          REOPEN_REASON.max,
+          " characters; never a card number — any 12 or more digits in a row are refused, a phone number too)"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: `${inputId}-reason`, size: "small", autoComplete: "off", maxLength: REOPEN_REASON.max, value: reason, onChange: (e) => setReason(e.target.value) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Footer, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Cancel, { disabled: act.isPending, children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Prompt.Action,
+          {
+            disabled: act.isPending || !typedOk,
+            onClick: (e) => {
+              e.preventDefault();
+              if (asking && typedOk) run(asking);
+            },
+            children: asking?.label.replace(/…$/, "")
+          }
+        )
+      ] })
+    ] }) })
   ] });
-}
-function rowsOf(rules) {
-  const cs = [.../* @__PURE__ */ new Set([...Object.keys(rules?.min_paid ?? {}), ...Object.keys(rules?.max_paid ?? {})])];
-  return cs.map((c) => ({ currency: c, min: rules?.min_paid?.[c] ?? "", max: rules?.max_paid?.[c] ?? "" }));
-}
-function amountText(text) {
-  const t = text.trim().replace(",", ".");
-  if (t === "") return void 0;
-  return /^\d{1,10}(\.\d{1,6})?$/.test(t) ? t : null;
-}
-function rulesFromForm(f) {
-  const out = {};
-  if (f.customers !== "all") out.customers = f.customers;
-  if (f.products.length) out.products = f.products;
-  if (f.collections.length) out.collections = f.collections;
-  if (f.groups.length) out.groups = f.groups;
-  for (const r of f.paid) {
-    const c = r.currency.trim().toLowerCase();
-    if (!c && !r.min.trim() && !r.max.trim()) continue;
-    if (!/^[a-z]{3}$/.test(c)) return "Use a 3-letter currency code, like EUR.";
-    const min = amountText(r.min);
-    const max = amountText(r.max);
-    if (min === null || max === null) return `Enter a plain amount for ${c.toUpperCase()}, like 49.95.`;
-    if (min === void 0 && max === void 0) return `Enter the least or the most for ${c.toUpperCase()}, or remove its row.`;
-    if (out.min_paid?.[c] !== void 0 || out.max_paid?.[c] !== void 0) return `${c.toUpperCase()} is listed twice.`;
-    if (min !== void 0) out.min_paid = { ...out.min_paid, [c]: min };
-    if (max !== void 0) out.max_paid = { ...out.max_paid, [c]: max };
-  }
-  if (out.customers === "guests" && out.groups) return "Groups apply to signed-in customers only.";
-  return Object.keys(out).length ? out : null;
-}
-function OfferRulesDrawer({ offer, open, onOpenChange, onSave, busy }) {
-  const unreadable = offer.rules === "unreadable";
-  const start = offer.rules === "unreadable" ? null : offer.rules;
-  const [customers, setCustomers] = react.useState(start?.customers ?? "all");
-  const [products, setProducts] = react.useState(start?.products ?? []);
-  const [collections, setCollections] = react.useState(start?.collections ?? []);
-  const [groups, setGroups] = react.useState(start?.groups ?? []);
-  const [paid, setPaid] = react.useState(rowsOf(start));
-  const [problem, setProblem] = react.useState(null);
-  const save = async () => {
-    const r = rulesFromForm({ customers, products, collections, groups, paid });
-    if (typeof r === "string") return setProblem(r);
-    setProblem(null);
-    const refused = await onSave(r);
-    if (refused === null) onOpenChange(false);
-    else setProblem(refused);
+};
+const WalletHoldAction = ({ row, kind, onResult }) => {
+  const [open, setOpen] = react.useState(false);
+  const release = useReleaseHold();
+  const complete = useCompleteHold();
+  const pending = release.isPending || complete.isPending;
+  const text = kind === "release" ? { button: "Release…", title: "Release this held payment?", body: "The hold is cancelled at Vonpay and drops off the buyer's card. Nothing was taken, so nothing is refunded. The buyer can't complete an order with this payment afterwards.", action: "Release" } : { button: "Complete the order…", title: "Create the order from this payment?", body: "Medusa completes the buyer's checkout with this held payment and creates the order; the payment is then taken with the order. Do this only if you intend to fulfil it.", action: "Complete the order" };
+  const fail = (e2) => {
+    const f = postFailure(e2);
+    onResult(f.variant === "error" ? f : { variant: "warning", text: "Couldn't confirm the outcome. Reload the list." });
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Content, { "aria-describedby": void 0, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Title, { children: [
-      OFFERS_COPY.rules,
-      ": ",
-      offer.name
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: [
-      unreadable && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", "data-testid": "vonpay-rules-unreadable", children: OFFERS_COPY.rulesUnreadableNotice }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.rulesIntro }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: OFFERS_COPY.customers }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { value: customers, onValueChange: (v) => setCustomers(v), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { "aria-label": OFFERS_COPY.customers, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, {}) }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Content, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "all", children: OFFERS_COPY.customersAll }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "guests", children: OFFERS_COPY.customersGuests }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "signed_in", children: OFFERS_COPY.customersSignedIn })
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: kind === "release" ? "secondary" : "primary", onClick: () => setOpen(true), children: text.button }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt, { open, onOpenChange: (o) => !pending && setOpen(o), variant: "confirmation", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Content, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Header, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Title, { children: text.title }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Description, { children: text.body })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Footer, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Cancel, { disabled: pending, children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Prompt.Action,
+          {
+            disabled: pending,
+            onClick: (e) => {
+              e.preventDefault();
+              if (kind === "release") release.mutate({ row }, { onSuccess: (o) => onResult(releaseOutcomeCopy(o)), onError: fail, onSettled: () => setOpen(false) });
+              else complete.mutate({ row }, { onSuccess: (o) => onResult(completeOutcomeCopy(o)), onError: fail, onSettled: () => setOpen(false) });
+            },
+            children: text.action
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+};
+const HoldDrawer = ({ row, listAt, onClose }) => {
+  const copy = row ? reasonCopy(row.reason) : void 0;
+  const known = row ? isKnownStatus(row.status) && !isUnrecognisedRecord(row) : false;
+  const showRefund = !!row && known && canRefund(row);
+  const showMark = !!row && known && canMarkResolved(row);
+  const showRelease = !!row && known && canRelease(row);
+  const showComplete = !!row && known && canComplete(row);
+  const showOpenOrder = !!row && known && canOpenOrder(row);
+  const steps = row ? resolutionSteps(known ? row : { ...row, reason: "unrecognised" }) : [];
+  const [result, setResult] = react.useState(null);
+  const close = () => {
+    setResult(null);
+    onClose();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer, { open: row !== null, onOpenChange: (open) => !open && close(), children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Content, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Header, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Title, { children: copy?.label ?? "Held payment" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Description, { children: row && isChargeRow(row) ? void 0 : copy?.what })
+    ] }),
+    row && /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Status" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(RowStatus, { status: row.status }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Held since" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "txt-compact-small", children: row.held_at ? new Date(row.held_at).toLocaleString() : "Unknown" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Where" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "txt-compact-small", children: SOURCE_LABEL[row.source] ?? row.source }),
+        row.retry_until && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Retrying until" }),
+          /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "txt-compact-small", children: new Date(row.retry_until).toLocaleString() })
+        ] }),
+        fromBuyerCheckout(row) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Evidence" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("dd", { className: "flex flex-col gap-y-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { className: "w-fit whitespace-nowrap", color: "grey", children: FROM_BUYER_CHECKOUT }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: FROM_BUYER_CHECKOUT_NOTE })
+          ] })
+        ] }),
+        row.order_id && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Order" }),
+          /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.order_id, label: "order id" }) })
+        ] }),
+        row.vp_payment_intent_id && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Vonpay payment" }),
+          /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.vp_payment_intent_id, label: "Vonpay payment id" }) })
+        ] }),
+        row.vp_refund_id && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Vonpay refund" }),
+          /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-testid": "held-row-refund", children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.vp_refund_id, label: "Vonpay refund id" }) })
+        ] }),
+        row.subscription_id !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Vonpay subscription" }),
+          /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-testid": "held-row-subscription", children: row.subscription_id ? /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.subscription_id, label: "Vonpay subscription id" }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: row.subscription_id_note ?? SUBSCRIPTION_NOT_NAMED_TEXT.unknown }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Vonpay session" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.vp_session_id, label: "Vonpay session id" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Medusa payment session" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.medusa_payment_session_id, label: "Medusa payment session id" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Payment collection" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.payment_collection_id, label: "payment collection id" }) }),
+        row.resolution && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: row.status === "resolved" ? "Resolved" : "Last action" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("dd", { className: "txt-compact-small", children: [
+            row.resolution.how ? `${RESOLVED_HOW_LABEL[row.resolution.how] ?? row.resolution.how} · ` : "",
+            new Date(row.resolution.at).toLocaleString(),
+            " · by ",
+            actorLabel(row.resolution)
+          ] }),
+          row.resolution.refund_id && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Vonpay refund" }),
+            /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.resolution.refund_id, label: "Vonpay refund id" }) })
+          ] }),
+          row.resolution.prior && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Before that" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("dd", { className: "txt-compact-small", children: [
+              row.resolution.prior.how ? `${RESOLVED_HOW_LABEL[row.resolution.prior.how] ?? row.resolution.prior.how}` : statusLabel(row.resolution.prior.state),
+              ` · ${new Date(row.resolution.prior.at).toLocaleString()} · by ${actorLabel(row.resolution.prior)}`
+            ] })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(Picker, { kind: "products", label: OFFERS_COPY.products, ids: products, onChange: setProducts }),
-      /* @__PURE__ */ jsxRuntime.jsx(Picker, { kind: "collections", label: OFFERS_COPY.collections, ids: collections, onChange: setCollections }),
-      /* @__PURE__ */ jsxRuntime.jsx(Picker, { kind: "groups", label: OFFERS_COPY.groups, ids: groups, onChange: setGroups }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", "data-testid": "vonpay-rule-paid", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: OFFERS_COPY.paid }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.paidNote }),
-        paid.map((r, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[1fr_1fr_1fr_auto] items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { "aria-label": "Currency", placeholder: "EUR", value: r.currency, maxLength: 3, onChange: (e) => setPaid(paid.map((x, j) => j === i ? { ...x, currency: e.target.value } : x)) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { "aria-label": `${OFFERS_COPY.paidAtLeast} (${r.currency || "currency"})`, placeholder: OFFERS_COPY.paidAtLeast, value: r.min, maxLength: 17, inputMode: "decimal", onChange: (e) => setPaid(paid.map((x, j) => j === i ? { ...x, min: e.target.value } : x)) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { "aria-label": `${OFFERS_COPY.paidAtMost} (${r.currency || "currency"})`, placeholder: OFFERS_COPY.paidAtMost, value: r.max, maxLength: 17, inputMode: "decimal", onChange: (e) => setPaid(paid.map((x, j) => j === i ? { ...x, max: e.target.value } : x)) }),
-          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": `${OFFERS_COPY.removeCurrency} ${r.currency.toUpperCase()}`.trim(), onClick: () => setPaid(paid.filter((_, j) => j !== i)), children: /* @__PURE__ */ jsxRuntime.jsx(icons.XMarkMini, {}) })
-        ] }, i)),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", type: "button", onClick: () => setPaid([...paid, { currency: "", min: "", max: "" }]), children: OFFERS_COPY.addCurrency }) })
-      ] }),
-      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 })
-    ] })
-  ] }) });
-}
-function OfferWordingDrawer({ offer, open, onOpenChange, onSave, busy }) {
-  const start = offer.copy === "unreadable" ? null : offer.copy;
-  const [headline, setHeadline] = react.useState(start?.headline ?? "");
-  const [pitch, setPitch] = react.useState(start?.pitch ?? "");
-  const [problem, setProblem] = react.useState(null);
-  const save = async (copy) => {
-    setProblem(null);
-    const refused = await onSave(copy);
-    if (refused === null) onOpenChange(false);
-    else setProblem(refused);
-  };
-  const typed = () => {
-    const h = headline.trim();
-    const p = pitch.trim();
-    return h || p ? { ...h ? { headline: h } : {}, ...p ? { pitch: p } : {} } : null;
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Content, { "aria-describedby": void 0, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Title, { children: [
-      OFFERS_COPY.wording,
-      ": ",
-      offer.name
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Body, { className: "flex flex-col gap-y-4", children: [
-      offer.copy === "unreadable" && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", "data-testid": "vonpay-wording-unreadable", children: OFFERS_COPY.wordingUnreadable }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.wordingIntro }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-wording-headline", children: OFFERS_COPY.headline }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: "vonpay-wording-headline", value: headline, maxLength: HEADLINE_MAX, onChange: (e) => setHeadline(e.target.value) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.headlineHint })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-wording-pitch", children: OFFERS_COPY.pitch }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Textarea, { id: "vonpay-wording-pitch", value: pitch, maxLength: PITCH_MAX, rows: 4, onChange: (e) => setPitch(e.target.value) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
-          OFFERS_COPY.pitchHint,
-          " (",
-          pitch.length,
-          "/",
-          PITCH_MAX,
-          ")"
-        ] })
+      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 })
       ] }),
-      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 })
+      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 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
-      ] })
-    ] }),
-    /* @__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 }) })
+  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." })
         ] }),
-        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("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: "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.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.offers.map((o, i) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { "data-testid": "vonpay-offer-row", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: o.name }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: o.product_title === null ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-error", children: OFFERS_COPY.missingVariant }) : productLabel(o) }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.rules}: ${o.name}`, disabled: busy, onClick: () => setEditing(o), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: o.rules === "unreadable" ? "text-ui-fg-error" : void 0, children: rulesSummary(o.rules) }) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.downsell}: ${o.name}`, disabled: busy, onClick: () => setDownsellFor(o), children: o.downsell_variant_id === null ? OFFERS_COPY.downsellNone : o.downsell_product_title === null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-error", children: OFFERS_COPY.downsellMissing }) : productLabel({ product_title: o.downsell_product_title, variant_title: o.downsell_variant_title, variant_id: o.downsell_variant_id }) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.wording}: ${o.name}`, disabled: busy, onClick: () => setWordingFor(o), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `max-w-[16rem] truncate ${o.copy === "unreadable" ? "text-ui-fg-error" : ""}`, children: wordingSummary(o.copy) }) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Switch, { "aria-label": `${OFFERS_COPY.shown}: ${o.name}`, checked: o.enabled, disabled: busy, onCheckedChange: (on) => void run(() => update.mutateAsync({ id: o.id, enabled: on })) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-x-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.up}: ${o.name}`, disabled: busy || i === 0, onClick: () => move(data.offers, i, -1), children: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpMini, {}) }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.down}: ${o.name}`, disabled: busy || i === data.offers.length - 1, onClick: () => move(data.offers, i, 1), children: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowDownMini, {}) }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.remove}: ${o.name}`, disabled: busy, onClick: () => void onRemove(o), children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {}) })
-            ] }) })
-          ] }, o.id)) })
+          /* @__PURE__ */ jsxRuntime.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)
+          )) })
         ] }) }),
-        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,
+        pageCount > 1 && /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Table.Pagination,
           {
-            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 }) })
-        ] })
-      ] }) })
-    ] })
+            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: "One-click offers",
-  icon: icons.Sparkles,
+  label: "Held payments",
+  icon: icons.ExclamationCircle,
   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(ui.Button, { size: "small", variant: "secondary", isLoading: check.isPending, onClick: () => check.mutate(), children: "Check Vonpay setup" })
-    ] }),
-    check.isError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", children: "The check could not run. Try again, or run npx vonpay-medusa-check on the server." }) }),
-    check.data && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: !check.data.ok ? "error" : check.data.complete ? "success" : "warning", children: !check.data.ok ? "Something needs fixing — see the items marked Fix." : check.data.complete ? "No problems found." : `No failures, but ${check.data.unverified} ${check.data.unverified === 1 ? "check" : "checks"} could not run — see the items marked Not checked.` }),
-      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-y-3", "aria-label": "Setup check results", children: items.map((i, n) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex flex-col gap-y-1 sm:flex-row sm:items-start sm:gap-x-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { color: COLOR[i.status], className: "w-fit shrink-0", children: LABEL[i.status] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: i.detail }),
-          i.fix && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: i.fix }),
-          uniqueMoves(i.moves).length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-2 flex flex-col gap-y-2", "aria-label": "Paid checkouts with no order", children: uniqueMoves(i.moves).map((m) => /* @__PURE__ */ jsxRuntime.jsx(MoveRow, { move: m }, m.vp_session_id)) })
-        ] })
-      ] }, `${i.id}:${i.provider ?? ""}:${n}`)) })
-    ] })
-  ] });
-};
-const relative = new Intl.RelativeTimeFormat(void 0, { numeric: "auto" });
-const UNITS = [
-  ["day", 864e5],
-  ["hour", 36e5],
-  ["minute", 6e4]
-];
-function since(iso) {
-  if (!iso) return "Unknown";
-  const diff = Date.parse(iso) - Date.now();
-  for (const [unit, ms] of UNITS) {
-    if (Math.abs(diff) >= ms) return relative.format((diff - diff % ms) / ms, unit);
-  }
-  return "just now";
-}
-const STATUS_COLOR = {
-  open: "orange",
-  nothing_left: "orange",
-  refund_pending: "blue",
-  refund_unknown: "red",
-  refund_sending: "red",
-  resolved: "green"
+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 }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", "data-testid": "vonpay-refund-subscription-note", children: SUBSCRIPTION_REFUND_NOTE })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Footer, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Cancel, { disabled: refund.isPending, children: "Cancel" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Prompt.Action,
-          {
-            disabled: !p || !p.refundable || refund.isPending,
-            onClick: (e) => {
-              e.preventDefault();
-              confirm();
-            },
-            children: p && p.refundable ? refundActionLabel(p) : "Refund"
-          }
-        )
-      ] })
-    ] }) })
-  ] });
-};
-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) })
+  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: 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();
+      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();
-  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 })
+  return reactQuery.useMutation({ mutationFn: send, retry: false, onSettled: () => qc.invalidateQueries({ queryKey: [KEY] }) });
+}
+const useCreateOffer = () => useWrite((v) => sdk.client.fetch("/admin/vonpay/offers", { method: "POST", body: v }));
+const useUpdateOffer = () => useWrite((v) => {
+  const { id, ...body } = v;
+  return sdk.client.fetch(`/admin/vonpay/offers/${encodeURIComponent(id)}`, { method: "POST", body });
+});
+const useDeleteOffer = () => useWrite((v) => sdk.client.fetch(`/admin/vonpay/offers/${encodeURIComponent(v.id)}`, { method: "DELETE" }));
+const useReorderOffers = () => useWrite((v) => sdk.client.fetch("/admin/vonpay/offers/reorder", { method: "POST", body: v }));
+const useImportOffers = () => useWrite(() => sdk.client.fetch("/admin/vonpay/offers/import", { method: "POST", body: {} }));
+const MAX_SPAN_DAYS = 400;
+const DAY_MS = 24 * 60 * 6e4;
+const pad = (n) => String(n).padStart(2, "0");
+const dayText = (d) => `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
+function localMidnight(day, addDays = 0) {
+  const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(day);
+  if (!m) return null;
+  const d = new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]) + addDays);
+  return Number.isNaN(d.getTime()) ? null : d;
+}
+function rangeOf(fromDay, toDay) {
+  const from = localMidnight(fromDay);
+  const to = localMidnight(toDay, 1);
+  if (!from || !to || !(from.getTime() < to.getTime()) || to.getTime() - from.getTime() > MAX_SPAN_DAYS * DAY_MS) return null;
+  return { from: from.toISOString(), to: to.toISOString() };
+}
+function CountCells({ c }) {
+  const rate = takeRateText(c);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "text-right", children: c.shown }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "text-right", children: c.added }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "text-right", children: c.no_thanks }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "text-right", children: c.declined }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "text-right", children: rate ?? REPORT_COPY.none }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "text-right", children: moneyColumn(c.money, "charged") }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "text-right", children: moneyColumn(c.money, "refunded") }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "text-right", children: moneyColumn(c.money, "net") })
+  ] });
+}
+function OfferReport({ today = /* @__PURE__ */ new Date() }) {
+  const [fromDay, setFromDay] = react.useState(() => dayText(new Date(today.getFullYear(), today.getMonth(), today.getDate() - 29)));
+  const [toDay, setToDay] = react.useState(() => dayText(today));
+  const [mode, setMode] = react.useState(void 0);
+  const range = rangeOf(fromDay, toDay);
+  const { data, isLoading, isError } = useOfferReport(range ? { ...range, mode } : null);
+  const shownMode = mode ?? data?.mode;
+  const viewsMissing = (data?.lines ?? []).some((l) => l.added > l.shown);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-4 px-6 py-4", "data-testid": "vonpay-offer-report", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: REPORT_COPY.intro }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-report-from", children: REPORT_COPY.from }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: "vonpay-report-from", type: "date", value: fromDay, onChange: (e) => setFromDay(e.target.value) })
       ] }),
-      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" }) })
-        ] }),
-        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)}`
-            ] })
+  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 ?? ""}:${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 })
-      ] })
+      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 ?? ""}${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);
+}
+function OfferWordingDrawer({ offer, open, onOpenChange, onSave, busy }) {
+  const start = offer.copy === "unreadable" ? null : offer.copy;
+  const [headline, setHeadline] = react.useState(start?.headline ?? "");
+  const [pitch, setPitch] = react.useState(start?.pitch ?? "");
+  const [problem, setProblem] = react.useState(null);
+  const save = async (copy) => {
+    setProblem(null);
+    const refused = await onSave(copy);
+    if (refused === null) onOpenChange(false);
+    else setProblem(refused);
+  };
+  const typed = () => {
+    const h = headline.trim();
+    const p = pitch.trim();
+    return h || p ? { ...h ? { headline: h } : {}, ...p ? { pitch: p } : {} } : null;
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Content, { "aria-describedby": void 0, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Title, { children: [
+      OFFERS_COPY.wording,
+      ": ",
+      offer.name
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Body, { className: "flex flex-col gap-y-4", children: [
+      offer.copy === "unreadable" && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", "data-testid": "vonpay-wording-unreadable", children: OFFERS_COPY.wordingUnreadable }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.wordingIntro }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-wording-headline", children: OFFERS_COPY.headline }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: "vonpay-wording-headline", value: headline, maxLength: HEADLINE_MAX, onChange: (e) => setHeadline(e.target.value) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.headlineHint })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-wording-pitch", children: OFFERS_COPY.pitch }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Textarea, { id: "vonpay-wording-pitch", value: pitch, maxLength: PITCH_MAX, rows: 4, onChange: (e) => setPitch(e.target.value) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
+          OFFERS_COPY.pitchHint,
+          " (",
+          pitch.length,
+          "/",
+          PITCH_MAX,
+          ")"
+        ] })
+      ] }),
+      offer.downsell_variant_id && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.wordingDownsellNote }),
+      problem && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", "data-testid": "vonpay-wording-problem", children: problem })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Footer, { children: [
+      offer.copy !== null && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", disabled: busy, onClick: () => void save(null), children: OFFERS_COPY.wordingReset }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => onOpenChange(false), children: OFFERS_COPY.cancel }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { disabled: busy, onClick: () => void save(typed()), children: OFFERS_COPY.save })
+    ] })
+  ] }) });
+}
+const VonpayOffersPage = () => {
+  const { data, isLoading, isError, error: loadError } = useOffers();
+  const create = useCreateOffer();
+  const update = useUpdateOffer();
+  const remove = useDeleteOffer();
+  const reorder = useReorderOffers();
+  const importConfig = useImportOffers();
+  const prompt = ui.usePrompt();
+  const [name, setName] = react.useState("");
+  const [variantId, setVariantId] = react.useState("");
+  const [error, setError] = react.useState(null);
+  const [editing, setEditing] = react.useState(null);
+  const [downsellFor, setDownsellFor] = react.useState(null);
+  const [wordingFor, setWordingFor] = react.useState(null);
+  const busy = create.isPending || update.isPending || remove.isPending || reorder.isPending || importConfig.isPending;
+  const run = async (work) => {
+    setError(null);
+    try {
+      await work();
+      return true;
+    } catch (err) {
+      setError(errorSentence(err));
+      return false;
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4 px-6 py-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Held payments" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Buyers who were charged through Vonpay but whose order couldn't be completed safely, cancelled orders whose refund Vonpay hasn't confirmed, and Apple Pay / Google Pay payments not yet collected for an order. Nothing here is refunded automatically." })
+  const onAdd = async (e) => {
+    e.preventDefault();
+    if (await run(() => create.mutateAsync({ name: name.trim(), variant_id: variantId.trim() }))) {
+      setName("");
+      setVariantId("");
+    }
+  };
+  const move = (offers, i, by) => {
+    const ids = offers.map((o) => o.id);
+    [ids[i], ids[i + by]] = [ids[i + by], ids[i]];
+    void run(() => reorder.mutateAsync({ ids }));
+  };
+  const onRemove = async (o) => {
+    if (await prompt({ title: OFFERS_COPY.remove, description: OFFERS_COPY.removeConfirm, confirmText: OFFERS_COPY.remove, cancelText: "Cancel" })) void run(() => remove.mutateAsync({ id: o.id }));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: OFFERS_COPY.title }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
+        OFFERS_COPY.intro,
+        " ",
+        OFFERS_COPY.lag
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Tabs, { defaultValue: "offers", className: "divide-y", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-3", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Tabs.List, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Tabs.Trigger, { value: "offers", children: REPORT_COPY.tabOffers }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Tabs.Trigger, { value: "results", children: REPORT_COPY.tabResults })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Tabs.Content, { value: "results", children: /* @__PURE__ */ jsxRuntime.jsx(OfferReport, {}) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Tabs.Content, { value: "offers", className: "divide-y", children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-8 w-full" }) }) : isError || !data ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", "data-testid": "vonpay-offers-load-error", children: errorSentence(loadError, OFFERS_COPY.loadFailed) }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        !data.upsells_on && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "warning", children: OFFERS_COPY.off }) }),
+        data.source === "config" && data.config.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2 px-6 py-4", "data-testid": "vonpay-offers-from-config", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "info", children: OFFERS_COPY.fromConfig }),
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "list-disc pl-6", children: data.config.map((c) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: productLabel(c) }) }, c.variant_id)) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", disabled: busy, onClick: () => void run(() => importConfig.mutateAsync(void 0)), children: OFFERS_COPY.importButton }) })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[180px]", children: /* @__PURE__ */ jsxRuntime.jsxs(
-          ui.Select,
-          {
-            size: "small",
-            value: filter,
-            onValueChange: (v) => {
-              setFilter(v);
-              setPageIndex(0);
-            },
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { "aria-label": "Show", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, {}) }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: ["open", "resolved", "all"].map((f) => /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: f, children: FILTER_LABEL[f] }, f)) })
-            ]
-          }
-        ) })
-      ] }),
-      data && !data.scan_complete && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "warning", children: "This list may be incomplete: the store has more records than one page load can check." }) }),
-      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: [
+        error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", "data-testid": "vonpay-offers-error", children: error }) }),
+        data.offers.length === 0 ? (data.source === "admin" || data.config.length === 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: data.source === "admin" ? OFFERS_COPY.adminEmpty : OFFERS_COPY.configEmpty }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Reason" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Status" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Held since" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Vonpay session" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Medusa payment session" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Where" })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Offer" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Product" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: OFFERS_COPY.rules }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: OFFERS_COPY.downsell }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: OFFERS_COPY.wording }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: OFFERS_COPY.shown }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, {})
           ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: data.holds.map((row) => /* @__PURE__ */ jsxRuntime.jsxs(
-            ui.Table.Row,
-            {
-              className: "cursor-pointer",
-              tabIndex: 0,
-              role: "button",
-              "aria-label": `${reasonCopy(row.reason).label}, ${statusLabel(row.status)}, open details`,
-              onClick: () => setOpened(row),
-              onKeyDown: onRowKey(row),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.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)) })
         ] }) }),
-        pageCount > 1 && /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Table.Pagination,
+        downsellFor && /* @__PURE__ */ jsxRuntime.jsx(
+          OfferDownsellDrawer,
           {
-            count,
-            pageSize: HELD_PAGE_SIZE,
-            pageIndex,
-            pageCount,
-            canPreviousPage: pageIndex > 0,
-            canNextPage: pageIndex + 1 < pageCount,
-            previousPage: () => setPageIndex((p) => Math.max(0, p - 1)),
-            nextPage: () => setPageIndex((p) => p + 1)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(HoldDrawer, { row: open, listAt: dataUpdatedAt, onClose: () => setOpened(null) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(SetupCheckPanel, {})
+            offer: downsellFor,
+            open: downsellFor !== null,
+            busy,
+            onOpenChange: (o) => !o && setDownsellFor(null),
+            onSave: async (downsell) => {
+              try {
+                await update.mutateAsync({ id: downsellFor.id, downsell_variant_id: downsell });
+                return null;
+              } catch (err) {
+                return errorSentence(err);
+              }
+            }
+          },
+          downsellFor.id
+        ),
+        wordingFor && /* @__PURE__ */ jsxRuntime.jsx(
+          OfferWordingDrawer,
+          {
+            offer: wordingFor,
+            open: wordingFor !== null,
+            busy,
+            onOpenChange: (o) => !o && setWordingFor(null),
+            onSave: async (copy) => {
+              try {
+                await update.mutateAsync({ id: wordingFor.id, copy });
+                return null;
+              } catch (err) {
+                return errorSentence(err);
+              }
+            }
+          },
+          wordingFor.id
+        ),
+        editing && /* @__PURE__ */ jsxRuntime.jsx(
+          OfferRulesDrawer,
+          {
+            offer: editing,
+            open: editing !== null,
+            busy,
+            onOpenChange: (o) => !o && setEditing(null),
+            onSave: async (rules) => {
+              try {
+                await update.mutateAsync({ id: editing.id, rules });
+                return null;
+              } catch (err) {
+                return errorSentence(err);
+              }
+            }
+          },
+          editing.id
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "flex flex-col gap-y-3 px-6 py-4", onSubmit: (e) => void onAdd(e), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: OFFERS_COPY.add }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-offer-name", children: OFFERS_COPY.name }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: "vonpay-offer-name", value: name, maxLength: 80, onChange: (e) => setName(e.target.value) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-offer-variant", children: OFFERS_COPY.variant }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: "vonpay-offer-variant", value: variantId, onChange: (e) => setVariantId(e.target.value) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", type: "submit", disabled: busy || !name.trim() || !variantId.trim(), children: OFFERS_COPY.add }) })
+        ] })
+      ] }) })
+    ] })
   ] });
 };
 const config$1 = adminSdk.defineRouteConfig({
-  label: "Held payments",
-  icon: icons.ExclamationCircle,
+  label: "One-click offers",
+  icon: icons.Sparkles,
   nested: "/orders"
 });
 const EVENT_LABEL = {
@@ -2083,13 +2131,13 @@ const widgetModule = { widgets: [
 const routeModule = {
   routes: [
     {
-      Component: VonpayOffersPage,
-      path: "/vonpay-offers",
+      Component: HeldPaymentsPage,
+      path: "/vonpay-holds",
       handle: { label: config$2.label, translationNs: config$2.translationNs }
     },
     {
-      Component: HeldPaymentsPage,
-      path: "/vonpay-holds",
+      Component: VonpayOffersPage,
+      path: "/vonpay-offers",
       handle: { label: config$1.label, translationNs: config$1.translationNs }
     },
     {
@@ -2102,16 +2150,16 @@ const routeModule = {
 const menuItemModule = {
   menuItems: [
     {
-      label: config$1.label,
-      icon: config$1.icon,
+      label: config$2.label,
+      icon: config$2.icon,
       path: "/vonpay-holds",
       nested: "/orders",
       rank: void 0,
       translationNs: void 0
     },
     {
-      label: config$2.label,
-      icon: config$2.icon,
+      label: config$1.label,
+      icon: config$1.icon,
       path: "/vonpay-offers",
       nested: "/orders",
       rank: void 0,