vonpay-medusa 1.1.0 → 1.2.0

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

@@ -626,605 +626,141 @@ const UpdateBanner = () => {
   ] }) });
 };
 adminSdk.defineWidgetConfig({ zone: "order.list.before" });
-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 EVENT_LABEL = {
+  "subscription.created": "Signed up",
+  "subscription.renewed": "Renewal paid",
+  "subscription.payment_failed": "Renewal declined",
+  "subscription.cancelled": "Cancelled",
+  "subscription.updated": "Changed"
 };
-function errorSentence(err, fallback = OFFERS_COPY.saveFailed) {
-  const m = err?.message;
-  if (typeof m !== "string") return fallback;
-  const i = m.indexOf(": ");
-  return m.startsWith("vonpay_") && i > 0 ? m.slice(i + 2) : fallback;
-}
-function productLabel(o) {
-  if (o.product_title === null) return o.variant_id;
-  return [o.product_title, o.variant_title].filter((x) => x && x !== "Default variant").join(" — ");
-}
-function wordingSummary(copy) {
-  if (copy === "unreadable") return OFFERS_COPY.wordingUnreadable;
-  if (!copy) return OFFERS_COPY.wordingDefault;
-  return copy.headline ?? OFFERS_COPY.wordingPitchOnly;
+const eventLabel = (type) => EVENT_LABEL[type] ?? "Other";
+const amountLabel = (major, currency) => major && currency ? `${major} ${currency}` : "—";
+const NOT_ENABLED_NOTE = `Vonpay is not running this store's subscriptions. To let it, set the payment provider's subscriptions option to "vonpay", register the plugin's subscriptions module in medusa-config, run npx medusa db:migrate and restart — the setup check confirms each step.`;
+const ORDERS_NOT_YET_NOTE = "Renewal orders are not created from these notifications yet: this list shows what Vonpay reported, so nothing here changes an order.";
+const SUBSCRIPTION_PAGE_SIZE = 20;
+function useSubscriptionEvents(page) {
+  return reactQuery.useQuery({
+    queryKey: ["vonpay-subscription-events", page.limit, page.offset],
+    queryFn: () => sdk.client.fetch("/admin/vonpay/subscriptions", { query: { limit: page.limit, offset: page.offset } }),
+    placeholderData: reactQuery.keepPreviousData
+  });
 }
-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 pageCountFor = (count) => {
+  const remainder = count % SUBSCRIPTION_PAGE_SIZE;
+  return Math.max(1, (count - remainder) / SUBSCRIPTION_PAGE_SIZE + (remainder > 0 ? 1 : 0));
+};
+const when = (iso) => iso ? new Date(iso).toLocaleString() : "—";
+const VonpaySubscriptionsPage = () => {
+  const [pageIndex, setPageIndex] = react.useState(0);
+  const { data, isLoading, isError } = useSubscriptionEvents({ limit: SUBSCRIPTION_PAGE_SIZE, offset: pageIndex * SUBSCRIPTION_PAGE_SIZE });
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Vonpay subscriptions" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Notifications from Vonpay's subscription billing, newest first." })
+    ] }),
+    isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-8 w-full" }) }) : isError ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", children: "The list could not be loaded. Reload the page to try again." }) }) : !data?.enabled ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "info", children: NOT_ENABLED_NOTE }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: ORDERS_NOT_YET_NOTE }) }),
+      data.events.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "No subscription notifications yet." }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "What happened" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Subscription" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Period" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Amount" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Next bill" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Received" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: data.events.map((e) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Cell, { children: [
+              eventLabel(e.type),
+              e.mode === "test" ? " (test)" : ""
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "font-mono text-xs", children: e.subscription_id }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: e.billing_cycle ?? "—" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: amountLabel(e.amount_major, e.currency) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: when(e.next_bill_at) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: when(e.received_at) })
+          ] }, e.id)) })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Table.Pagination,
+          {
+            count: data.count,
+            pageSize: SUBSCRIPTION_PAGE_SIZE,
+            pageIndex,
+            pageCount: pageCountFor(data.count),
+            canPreviousPage: pageIndex > 0,
+            canNextPage: (pageIndex + 1) * SUBSCRIPTION_PAGE_SIZE < data.count,
+            previousPage: () => setPageIndex((p) => Math.max(0, p - 1)),
+            nextPage: () => setPageIndex((p) => p + 1)
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+const config$2 = adminSdk.defineRouteConfig({
+  label: "Vonpay subscriptions",
+  icon: icons.ArrowPath,
+  nested: "/orders"
+});
+function useSetupCheck() {
+  return reactQuery.useMutation({
+    mutationFn: () => sdk.client.fetch("/admin/vonpay/setup-check", { method: "POST", body: {} }),
+    retry: false
+  });
 }
-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.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 }),
+const LABEL = { pass: "OK", warn: "Check", fail: "Fix", not_checked: "Not checked" };
+const COLOR = { pass: "green", warn: "orange", fail: "red", not_checked: "grey" };
+const SetupCheckPanel = () => {
+  const check = useSetupCheck();
+  const items = check.data?.items ?? [];
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4 px-6 py-4", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-downsell-variant", children: OFFERS_COPY.downsellVariant }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: "vonpay-downsell-variant", value: variant, maxLength: 72, onChange: (e) => setVariant(e.target.value) })
+        /* @__PURE__ */ jsxRuntime.jsx(ui.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." })
       ] }),
-      problem && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", "data-testid": "vonpay-downsell-problem", children: problem })
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", isLoading: check.isPending, onClick: () => check.mutate(), children: "Check Vonpay setup" })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Footer, { children: [
-      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 })
+    check.isError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", children: "The check could not run. Try again, or run npx vonpay-medusa-check on the server." }) }),
+    check.data && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: !check.data.ok ? "error" : check.data.complete ? "success" : "warning", children: !check.data.ok ? "Something needs fixing — see the items marked Fix." : check.data.complete ? "No problems found." : `No failures, but ${check.data.unverified} ${check.data.unverified === 1 ? "check" : "checks"} could not run — see the items marked Not checked.` }),
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-y-3", "aria-label": "Setup check results", children: items.map((i, n) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex flex-col gap-y-1 sm:flex-row sm:items-start sm:gap-x-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { color: COLOR[i.status], className: "w-fit shrink-0", children: LABEL[i.status] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: i.detail }),
+          i.fix && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: i.fix })
+        ] })
+      ] }, `${i.id}:${i.provider ?? ""}:${n}`)) })
     ] })
-  ] }) });
+  ] });
+};
+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 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 STATUS_COLOR = {
+  open: "orange",
+  nothing_left: "orange",
+  refund_pending: "blue",
+  refund_unknown: "red",
+  refund_sending: "red",
+  resolved: "green"
 };
-async function fetchNamed(kind, query) {
-  const s = SOURCES[kind];
-  const body = await sdk.client.fetch(s.path, { query: { ...query, fields: `id,${s.label}` } });
-  const plain = (t) => t.replace(/[\p{Cc}\p{Cf}\p{Zl}\p{Zp}]/gu, "").trim();
-  return (body[s.key] ?? []).flatMap((r) => typeof r.id === "string" ? [{ id: r.id, label: typeof r[s.label] === "string" && plain(r[s.label]) || r.id }] : []);
-}
-function Picker({ kind, label, ids, onChange }) {
-  const [q, setQ] = react.useState("");
-  const names = reactQuery.useQuery({ queryKey: ["vonpay-offer-rule-names", kind, ids], queryFn: () => fetchNamed(kind, { id: ids, limit: ids.length }), enabled: ids.length > 0 });
-  const found = reactQuery.useQuery({ queryKey: ["vonpay-offer-rule-search", kind, q], queryFn: () => fetchNamed(kind, { q, limit: 8 }), enabled: q.trim().length >= 2, placeholderData: reactQuery.keepPreviousData });
-  const nameOf = (id) => names.data?.find((n) => n.id === id)?.label ?? id;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", "data-testid": `vonpay-rule-${kind}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ids.map((id) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "bg-ui-bg-subtle flex items-center gap-x-1 rounded-md px-2 py-1", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: nameOf(id) }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": `Remove ${nameOf(id)}`, onClick: () => onChange(ids.filter((x) => x !== id)), children: /* @__PURE__ */ jsxRuntime.jsx(icons.XMarkMini, {}) })
-    ] }, id)) }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { placeholder: OFFERS_COPY.search, value: q, maxLength: 100, "aria-label": `${label}: ${OFFERS_COPY.search}`, onChange: (e) => setQ(e.target.value) }),
-    (q.trim().length >= 2 ? found.data ?? [] : []).filter((n) => !ids.includes(n.id)).map((n) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", variant: "transparent", type: "button", onClick: () => onChange([...ids, n.id]), children: [
-      "+ ",
-      n.label
-    ] }, n.id))
-  ] });
-}
-function rowsOf(rules) {
-  const cs = [.../* @__PURE__ */ new Set([...Object.keys(rules?.min_paid ?? {}), ...Object.keys(rules?.max_paid ?? {})])];
-  return cs.map((c) => ({ currency: c, min: rules?.min_paid?.[c] ?? "", max: rules?.max_paid?.[c] ?? "" }));
-}
-function amountText(text) {
-  const t = text.trim().replace(",", ".");
-  if (t === "") return void 0;
-  return /^\d{1,10}(\.\d{1,6})?$/.test(t) ? t : null;
-}
-function rulesFromForm(f) {
-  const out = {};
-  if (f.customers !== "all") out.customers = f.customers;
-  if (f.products.length) out.products = f.products;
-  if (f.collections.length) out.collections = f.collections;
-  if (f.groups.length) out.groups = f.groups;
-  for (const r of f.paid) {
-    const c = r.currency.trim().toLowerCase();
-    if (!c && !r.min.trim() && !r.max.trim()) continue;
-    if (!/^[a-z]{3}$/.test(c)) return "Use a 3-letter currency code, like EUR.";
-    const min = amountText(r.min);
-    const max = amountText(r.max);
-    if (min === null || max === null) return `Enter a plain amount for ${c.toUpperCase()}, like 49.95.`;
-    if (min === void 0 && max === void 0) return `Enter the least or the most for ${c.toUpperCase()}, or remove its row.`;
-    if (out.min_paid?.[c] !== void 0 || out.max_paid?.[c] !== void 0) return `${c.toUpperCase()} is listed twice.`;
-    if (min !== void 0) out.min_paid = { ...out.min_paid, [c]: min };
-    if (max !== void 0) out.max_paid = { ...out.max_paid, [c]: max };
-  }
-  if (out.customers === "guests" && out.groups) return "Groups apply to signed-in customers only.";
-  return Object.keys(out).length ? out : null;
-}
-function OfferRulesDrawer({ offer, open, onOpenChange, onSave, busy }) {
-  const unreadable = offer.rules === "unreadable";
-  const start = offer.rules === "unreadable" ? null : offer.rules;
-  const [customers, setCustomers] = react.useState(start?.customers ?? "all");
-  const [products, setProducts] = react.useState(start?.products ?? []);
-  const [collections, setCollections] = react.useState(start?.collections ?? []);
-  const [groups, setGroups] = react.useState(start?.groups ?? []);
-  const [paid, setPaid] = react.useState(rowsOf(start));
-  const [problem, setProblem] = react.useState(null);
-  const save = async () => {
-    const r = rulesFromForm({ customers, products, collections, groups, paid });
-    if (typeof r === "string") return setProblem(r);
-    setProblem(null);
-    const refused = await onSave(r);
-    if (refused === null) onOpenChange(false);
-    else setProblem(refused);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Content, { "aria-describedby": void 0, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Title, { children: [
-      OFFERS_COPY.rules,
-      ": ",
-      offer.name
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: [
-      unreadable && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", "data-testid": "vonpay-rules-unreadable", children: OFFERS_COPY.rulesUnreadableNotice }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.rulesIntro }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: OFFERS_COPY.customers }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { value: customers, onValueChange: (v) => setCustomers(v), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { "aria-label": OFFERS_COPY.customers, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, {}) }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Content, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "all", children: OFFERS_COPY.customersAll }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "guests", children: OFFERS_COPY.customersGuests }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "signed_in", children: OFFERS_COPY.customersSignedIn })
-          ] })
-        ] })
-      ] }),
-      /* @__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,
-          ")"
-        ] })
-      ] }),
-      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 KEY = "vonpay-offers";
-function useOffers() {
-  return reactQuery.useQuery({ queryKey: [KEY], queryFn: () => sdk.client.fetch("/admin/vonpay/offers") });
-}
-function useWrite(send) {
-  const qc = reactQuery.useQueryClient();
-  return reactQuery.useMutation({ mutationFn: send, retry: false, onSettled: () => qc.invalidateQueries({ queryKey: [KEY] }) });
-}
-const useCreateOffer = () => useWrite((v) => sdk.client.fetch("/admin/vonpay/offers", { method: "POST", body: v }));
-const useUpdateOffer = () => useWrite((v) => {
-  const { id, ...body } = v;
-  return sdk.client.fetch(`/admin/vonpay/offers/${encodeURIComponent(id)}`, { method: "POST", body });
-});
-const useDeleteOffer = () => useWrite((v) => sdk.client.fetch(`/admin/vonpay/offers/${encodeURIComponent(v.id)}`, { method: "DELETE" }));
-const useReorderOffers = () => useWrite((v) => sdk.client.fetch("/admin/vonpay/offers/reorder", { method: "POST", body: v }));
-const useImportOffers = () => useWrite(() => sdk.client.fetch("/admin/vonpay/offers/import", { method: "POST", body: {} }));
-const VonpayOffersPage = () => {
-  const { data, isLoading, isError, error: loadError } = useOffers();
-  const create = useCreateOffer();
-  const update = useUpdateOffer();
-  const remove = useDeleteOffer();
-  const reorder = useReorderOffers();
-  const importConfig = useImportOffers();
-  const prompt = ui.usePrompt();
-  const [name, setName] = react.useState("");
-  const [variantId, setVariantId] = react.useState("");
-  const [error, setError] = react.useState(null);
-  const [editing, setEditing] = react.useState(null);
-  const [downsellFor, setDownsellFor] = react.useState(null);
-  const [wordingFor, setWordingFor] = react.useState(null);
-  const busy = create.isPending || update.isPending || remove.isPending || reorder.isPending || importConfig.isPending;
-  const run = async (work) => {
-    setError(null);
-    try {
-      await work();
-      return true;
-    } catch (err) {
-      setError(errorSentence(err));
-      return false;
-    }
-  };
-  const onAdd = async (e) => {
-    e.preventDefault();
-    if (await run(() => create.mutateAsync({ name: name.trim(), variant_id: variantId.trim() }))) {
-      setName("");
-      setVariantId("");
-    }
-  };
-  const move = (offers, i, by) => {
-    const ids = offers.map((o) => o.id);
-    [ids[i], ids[i + by]] = [ids[i + by], ids[i]];
-    void run(() => reorder.mutateAsync({ ids }));
-  };
-  const onRemove = async (o) => {
-    if (await prompt({ title: OFFERS_COPY.remove, description: OFFERS_COPY.removeConfirm, confirmText: OFFERS_COPY.remove, cancelText: "Cancel" })) void run(() => remove.mutateAsync({ id: o.id }));
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: OFFERS_COPY.title }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
-        OFFERS_COPY.intro,
-        " ",
-        OFFERS_COPY.lag
-      ] })
-    ] }),
-    isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-8 w-full" }) }) : isError || !data ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", "data-testid": "vonpay-offers-load-error", children: errorSentence(loadError, OFFERS_COPY.loadFailed) }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      !data.upsells_on && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "warning", children: OFFERS_COPY.off }) }),
-      data.source === "config" && data.config.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2 px-6 py-4", "data-testid": "vonpay-offers-from-config", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "info", children: OFFERS_COPY.fromConfig }),
-        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "list-disc pl-6", children: data.config.map((c) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: productLabel(c) }) }, c.variant_id)) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", disabled: busy, onClick: () => void run(() => importConfig.mutateAsync(void 0)), children: OFFERS_COPY.importButton }) })
-      ] }),
-      error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", "data-testid": "vonpay-offers-error", children: error }) }),
-      data.offers.length === 0 ? (data.source === "admin" || data.config.length === 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: data.source === "admin" ? OFFERS_COPY.adminEmpty : OFFERS_COPY.configEmpty }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Offer" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Product" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: OFFERS_COPY.rules }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: OFFERS_COPY.downsell }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: OFFERS_COPY.wording }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: OFFERS_COPY.shown }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, {})
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: data.offers.map((o, i) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { "data-testid": "vonpay-offer-row", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: o.name }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: o.product_title === null ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-error", children: OFFERS_COPY.missingVariant }) : productLabel(o) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.rules}: ${o.name}`, disabled: busy, onClick: () => setEditing(o), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: o.rules === "unreadable" ? "text-ui-fg-error" : void 0, children: rulesSummary(o.rules) }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.downsell}: ${o.name}`, disabled: busy, onClick: () => setDownsellFor(o), children: o.downsell_variant_id === null ? OFFERS_COPY.downsellNone : o.downsell_product_title === null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-error", children: OFFERS_COPY.downsellMissing }) : productLabel({ product_title: o.downsell_product_title, variant_title: o.downsell_variant_title, variant_id: o.downsell_variant_id }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.wording}: ${o.name}`, disabled: busy, onClick: () => setWordingFor(o), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `max-w-[16rem] truncate ${o.copy === "unreadable" ? "text-ui-fg-error" : ""}`, children: wordingSummary(o.copy) }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Switch, { "aria-label": `${OFFERS_COPY.shown}: ${o.name}`, checked: o.enabled, disabled: busy, onCheckedChange: (on) => void run(() => update.mutateAsync({ id: o.id, enabled: on })) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-x-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.up}: ${o.name}`, disabled: busy || i === 0, onClick: () => move(data.offers, i, -1), children: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpMini, {}) }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.down}: ${o.name}`, disabled: busy || i === data.offers.length - 1, onClick: () => move(data.offers, i, 1), children: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowDownMini, {}) }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.remove}: ${o.name}`, disabled: busy, onClick: () => void onRemove(o), children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {}) })
-          ] }) })
-        ] }, o.id)) })
-      ] }) }),
-      downsellFor && /* @__PURE__ */ jsxRuntime.jsx(
-        OfferDownsellDrawer,
-        {
-          offer: downsellFor,
-          open: downsellFor !== null,
-          busy,
-          onOpenChange: (o) => !o && setDownsellFor(null),
-          onSave: async (downsell) => {
-            try {
-              await update.mutateAsync({ id: downsellFor.id, downsell_variant_id: downsell });
-              return null;
-            } catch (err) {
-              return errorSentence(err);
-            }
-          }
-        },
-        downsellFor.id
-      ),
-      wordingFor && /* @__PURE__ */ jsxRuntime.jsx(
-        OfferWordingDrawer,
-        {
-          offer: wordingFor,
-          open: wordingFor !== null,
-          busy,
-          onOpenChange: (o) => !o && setWordingFor(null),
-          onSave: async (copy) => {
-            try {
-              await update.mutateAsync({ id: wordingFor.id, copy });
-              return null;
-            } catch (err) {
-              return errorSentence(err);
-            }
-          }
-        },
-        wordingFor.id
-      ),
-      editing && /* @__PURE__ */ jsxRuntime.jsx(
-        OfferRulesDrawer,
-        {
-          offer: editing,
-          open: editing !== null,
-          busy,
-          onOpenChange: (o) => !o && setEditing(null),
-          onSave: async (rules) => {
-            try {
-              await update.mutateAsync({ id: editing.id, rules });
-              return null;
-            } catch (err) {
-              return errorSentence(err);
-            }
-          }
-        },
-        editing.id
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "flex flex-col gap-y-3 px-6 py-4", onSubmit: (e) => void onAdd(e), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: OFFERS_COPY.add }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-offer-name", children: OFFERS_COPY.name }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: "vonpay-offer-name", value: name, maxLength: 80, onChange: (e) => setName(e.target.value) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-offer-variant", children: OFFERS_COPY.variant }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: "vonpay-offer-variant", value: variantId, onChange: (e) => setVariantId(e.target.value) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", type: "submit", disabled: busy || !name.trim() || !variantId.trim(), children: OFFERS_COPY.add }) })
-      ] })
-    ] })
-  ] });
-};
-const config$2 = adminSdk.defineRouteConfig({
-  label: "One-click offers",
-  icon: icons.Sparkles,
-  nested: "/orders"
-});
-const EVENT_LABEL = {
-  "subscription.created": "Signed up",
-  "subscription.renewed": "Renewal paid",
-  "subscription.payment_failed": "Renewal declined",
-  "subscription.cancelled": "Cancelled",
-  "subscription.updated": "Changed"
-};
-const eventLabel = (type) => EVENT_LABEL[type] ?? "Other";
-const amountLabel = (major, currency) => major && currency ? `${major} ${currency}` : "—";
-const NOT_ENABLED_NOTE = `Vonpay is not running this store's subscriptions. To let it, set the payment provider's subscriptions option to "vonpay", register the plugin's subscriptions module in medusa-config, run npx medusa db:migrate and restart — the setup check confirms each step.`;
-const ORDERS_NOT_YET_NOTE = "Renewal orders are not created from these notifications yet: this list shows what Vonpay reported, so nothing here changes an order.";
-const SUBSCRIPTION_PAGE_SIZE = 20;
-function useSubscriptionEvents(page) {
-  return reactQuery.useQuery({
-    queryKey: ["vonpay-subscription-events", page.limit, page.offset],
-    queryFn: () => sdk.client.fetch("/admin/vonpay/subscriptions", { query: { limit: page.limit, offset: page.offset } }),
-    placeholderData: reactQuery.keepPreviousData
-  });
-}
-const pageCountFor = (count) => {
-  const remainder = count % SUBSCRIPTION_PAGE_SIZE;
-  return Math.max(1, (count - remainder) / SUBSCRIPTION_PAGE_SIZE + (remainder > 0 ? 1 : 0));
-};
-const when = (iso) => iso ? new Date(iso).toLocaleString() : "—";
-const VonpaySubscriptionsPage = () => {
-  const [pageIndex, setPageIndex] = react.useState(0);
-  const { data, isLoading, isError } = useSubscriptionEvents({ limit: SUBSCRIPTION_PAGE_SIZE, offset: pageIndex * SUBSCRIPTION_PAGE_SIZE });
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Vonpay subscriptions" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Notifications from Vonpay's subscription billing, newest first." })
-    ] }),
-    isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-8 w-full" }) }) : isError ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", children: "The list could not be loaded. Reload the page to try again." }) }) : !data?.enabled ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "info", children: NOT_ENABLED_NOTE }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: ORDERS_NOT_YET_NOTE }) }),
-      data.events.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "No subscription notifications yet." }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "What happened" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Subscription" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Period" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Amount" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Next bill" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Received" })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: data.events.map((e) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Cell, { children: [
-              eventLabel(e.type),
-              e.mode === "test" ? " (test)" : ""
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "font-mono text-xs", children: e.subscription_id }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: e.billing_cycle ?? "—" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: amountLabel(e.amount_major, e.currency) }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: when(e.next_bill_at) }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: when(e.received_at) })
-          ] }, e.id)) })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Table.Pagination,
-          {
-            count: data.count,
-            pageSize: SUBSCRIPTION_PAGE_SIZE,
-            pageIndex,
-            pageCount: pageCountFor(data.count),
-            canPreviousPage: pageIndex > 0,
-            canNextPage: (pageIndex + 1) * SUBSCRIPTION_PAGE_SIZE < data.count,
-            previousPage: () => setPageIndex((p) => Math.max(0, p - 1)),
-            nextPage: () => setPageIndex((p) => p + 1)
-          }
-        )
-      ] })
-    ] })
-  ] });
-};
-const config$1 = adminSdk.defineRouteConfig({
-  label: "Vonpay subscriptions",
-  icon: icons.ArrowPath,
-  nested: "/orders"
-});
-function useSetupCheck() {
-  return reactQuery.useMutation({
-    mutationFn: () => sdk.client.fetch("/admin/vonpay/setup-check", { method: "POST", body: {} }),
-    retry: false
-  });
-}
-const LABEL = { pass: "OK", warn: "Check", fail: "Fix", not_checked: "Not checked" };
-const COLOR = { pass: "green", warn: "orange", fail: "red", not_checked: "grey" };
-const SetupCheckPanel = () => {
-  const check = useSetupCheck();
-  const items = check.data?.items ?? [];
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4 px-6 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Vonpay setup" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Checks your Vonpay key, your notification endpoint and the Medusa setup Vonpay needs. With test keys it also sends one test notification (it never creates a payment); that usually takes under 30 seconds." })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", isLoading: check.isPending, onClick: () => check.mutate(), children: "Check Vonpay setup" })
-    ] }),
-    check.isError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", children: "The check could not run. Try again, or run npx vonpay-medusa-check on the server." }) }),
-    check.data && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: !check.data.ok ? "error" : check.data.complete ? "success" : "warning", children: !check.data.ok ? "Something needs fixing — see the items marked Fix." : check.data.complete ? "No problems found." : `No failures, but ${check.data.unverified} ${check.data.unverified === 1 ? "check" : "checks"} could not run — see the items marked Not checked.` }),
-      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-y-3", "aria-label": "Setup check results", children: items.map((i, n) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex flex-col gap-y-1 sm:flex-row sm:items-start sm:gap-x-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { color: COLOR[i.status], className: "w-fit shrink-0", children: LABEL[i.status] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: i.detail }),
-          i.fix && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: i.fix })
-        ] })
-      ] }, `${i.id}:${i.provider ?? ""}:${n}`)) })
-    ] })
-  ] });
-};
-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 UNKNOWN_STATUS_LABEL = "Status unknown — check in Vonpay";
-function isKnownStatus(status) {
-  return Object.prototype.hasOwnProperty.call(STATUS_LABEL, status);
+const UNKNOWN_STATUS_LABEL = "Status unknown — check in Vonpay";
+function isKnownStatus(status) {
+  return Object.prototype.hasOwnProperty.call(STATUS_LABEL, status);
 }
 function statusLabel(status) {
   return isKnownStatus(status) ? STATUS_LABEL[status] : UNKNOWN_STATUS_LABEL;
@@ -1347,254 +883,718 @@ const MarkResolvedAction = ({ row, onResult }) => {
         /* @__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)
-              });
+            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 WalletHoldAction = ({ row, kind, onResult }) => {
+  const [open, setOpen] = react.useState(false);
+  const release = useReleaseHold();
+  const complete = useCompleteHold();
+  const pending = release.isPending || complete.isPending;
+  const text = kind === "release" ? { button: "Release…", title: "Release this held payment?", body: "The hold is cancelled at Vonpay and drops off the buyer's card. Nothing was taken, so nothing is refunded. The buyer can't complete an order with this payment afterwards.", action: "Release" } : { button: "Complete the order…", title: "Create the order from this payment?", body: "Medusa completes the buyer's checkout with this held payment and creates the order; the payment is then taken with the order. Do this only if you intend to fulfil it.", action: "Complete the order" };
+  const fail = (e2) => {
+    const f = postFailure(e2);
+    onResult(f.variant === "error" ? f : { variant: "warning", text: "Couldn't confirm the outcome. Reload the list." });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: kind === "release" ? "secondary" : "primary", onClick: () => setOpen(true), children: text.button }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt, { open, onOpenChange: (o) => !pending && setOpen(o), variant: "confirmation", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Content, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Header, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Title, { children: text.title }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Description, { children: text.body })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Footer, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Cancel, { disabled: pending, children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Prompt.Action,
+          {
+            disabled: pending,
+            onClick: (e) => {
+              e.preventDefault();
+              if (kind === "release") release.mutate({ row }, { onSuccess: (o) => onResult(releaseOutcomeCopy(o)), onError: fail, onSettled: () => setOpen(false) });
+              else complete.mutate({ row }, { onSuccess: (o) => onResult(completeOutcomeCopy(o)), onError: fail, onSettled: () => setOpen(false) });
+            },
+            children: text.action
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+};
+const HoldDrawer = ({ row, onClose }) => {
+  const copy = row ? reasonCopy(row.reason) : void 0;
+  const known = row ? isKnownStatus(row.status) && !isUnrecognisedRecord(row) : false;
+  const showRefund = !!row && known && canRefund(row);
+  const showMark = !!row && known && canMarkResolved(row);
+  const showRelease = !!row && known && canRelease(row);
+  const showComplete = !!row && known && canComplete(row);
+  const showOpenOrder = !!row && known && canOpenOrder(row);
+  const steps = row ? resolutionSteps(known ? row : { ...row, reason: "unrecognised" }) : [];
+  const [result, setResult] = react.useState(null);
+  const close = () => {
+    setResult(null);
+    onClose();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer, { open: row !== null, onOpenChange: (open) => !open && close(), children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Content, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Header, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Title, { children: copy?.label ?? "Held payment" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Description, { children: copy?.what })
+    ] }),
+    row && /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Status" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(RowStatus, { status: row.status }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Held since" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "txt-compact-small", children: row.held_at ? new Date(row.held_at).toLocaleString() : "Unknown" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Where" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "txt-compact-small", children: SOURCE_LABEL[row.source] ?? row.source }),
+        row.retry_until && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Retrying until" }),
+          /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "txt-compact-small", children: new Date(row.retry_until).toLocaleString() })
+        ] }),
+        fromBuyerCheckout(row) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Evidence" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("dd", { className: "flex flex-col gap-y-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { className: "w-fit whitespace-nowrap", color: "grey", children: FROM_BUYER_CHECKOUT }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: FROM_BUYER_CHECKOUT_NOTE })
+          ] })
+        ] }),
+        row.order_id && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Order" }),
+          /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.order_id, label: "order id" }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Vonpay session" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.vp_session_id, label: "Vonpay session id" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Medusa payment session" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.medusa_payment_session_id, label: "Medusa payment session id" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Payment collection" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.payment_collection_id, label: "payment collection id" }) }),
+        row.resolution && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: row.status === "resolved" ? "Resolved" : "Last action" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("dd", { className: "txt-compact-small", children: [
+            row.resolution.how ? `${RESOLVED_HOW_LABEL[row.resolution.how] ?? row.resolution.how} · ` : "",
+            new Date(row.resolution.at).toLocaleString(),
+            " · by ",
+            actorLabel(row.resolution)
+          ] }),
+          row.resolution.refund_id && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Vonpay refund" }),
+            /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.resolution.refund_id, label: "Vonpay refund id" }) })
+          ] }),
+          row.resolution.prior && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Before that" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("dd", { className: "txt-compact-small", children: [
+              row.resolution.prior.how ? `${RESOLVED_HOW_LABEL[row.resolution.prior.how] ?? row.resolution.prior.how}` : statusLabel(row.resolution.prior.state),
+              ` · ${new Date(row.resolution.prior.at).toLocaleString()} · by ${actorLabel(row.resolution.prior)}`
+            ] })
+          ] })
+        ] })
+      ] }),
+      result && /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: result.variant, children: result.text }),
+      (showRefund || showMark || showRelease || showComplete || showOpenOrder) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
+        showOpenOrder && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "primary", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: orderPath(row.order_id), children: "Open order" }) }),
+        showComplete && /* @__PURE__ */ jsxRuntime.jsx(WalletHoldAction, { row, kind: "complete", onResult: setResult }),
+        showRelease && /* @__PURE__ */ jsxRuntime.jsx(WalletHoldAction, { row, kind: "release", onResult: setResult }),
+        showRefund && /* @__PURE__ */ jsxRuntime.jsx(RefundAction, { row, onResult: setResult }),
+        showRefund && /* @__PURE__ */ jsxRuntime.jsx(CheckWithVonpayAction, { row, onResult: setResult }),
+        showMark && /* @__PURE__ */ jsxRuntime.jsx(MarkResolvedAction, { row, onResult: setResult })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", children: "Or do it by hand" }),
+        steps.map((step) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: step.title }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: step.body }),
+          step.command && /* @__PURE__ */ jsxRuntime.jsxs(ui.CodeBlock, { snippets: [{ label: "Terminal", language: "bash", code: step.command, hideLineNumbers: true }], children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.CodeBlock.Header, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.CodeBlock.Body, {})
+          ] })
+        ] }, step.title)),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: STILL_LISTED_NOTE })
+      ] })
+    ] })
+  ] }) });
+};
+const FILTER_LABEL = { open: "Needs action", resolved: "Resolved", all: "All" };
+const HeldPaymentsPage = () => {
+  const [pageIndex, setPageIndex] = react.useState(0);
+  const [filter, setFilter] = react.useState("open");
+  const [opened, setOpened] = react.useState(null);
+  const { data, isLoading, isError, refetch } = useHeldPayments({ limit: HELD_PAGE_SIZE, offset: pageIndex * HELD_PAGE_SIZE, status: filter });
+  const count = data?.count ?? 0;
+  const remainder = count % HELD_PAGE_SIZE;
+  const pageCount = Math.max(1, (count - remainder) / HELD_PAGE_SIZE + (remainder > 0 ? 1 : 0));
+  const keyOf = (row) => `${row.payment_collection_id}:${row.vp_session_id ?? "unreadable"}:${row.source}:${row.payment_id ?? ""}:${row.medusa_payment_session_id ?? ""}`;
+  const open = opened ? data?.holds.find((r) => keyOf(r) === keyOf(opened)) ?? opened : null;
+  const onRowKey = (row) => (e) => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      setOpened(row);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4 px-6 py-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Held payments" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Buyers who were charged through Vonpay but whose order couldn't be completed safely, cancelled orders whose refund Vonpay hasn't confirmed, and Apple Pay / Google Pay payments not yet collected for an order. Nothing here is refunded automatically." })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[180px]", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.Select,
+          {
+            size: "small",
+            value: filter,
+            onValueChange: (v) => {
+              setFilter(v);
+              setPageIndex(0);
             },
-            children: "Mark resolved"
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { "aria-label": "Show", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, {}) }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: ["open", "resolved", "all"].map((f) => /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: f, children: FILTER_LABEL[f] }, f)) })
+            ]
+          }
+        ) })
+      ] }),
+      data && !data.scan_complete && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "warning", children: "This list may be incomplete: the store has more records than one page load can check." }) }),
+      isError ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-y-3 px-6 py-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", children: "Couldn't load held payments." }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", onClick: () => refetch(), children: "Try again" })
+      ] }) : isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-y-3 px-6 py-6", "aria-busy": "true", "aria-label": "Loading held payments", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-6 w-full" }, i)) }) : count === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-10", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: filter === "resolved" ? "Nothing resolved yet." : "No held payments. When a buyer is charged but the order can't be completed safely, it appears here." }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Reason" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Status" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Held since" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Vonpay session" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Medusa payment session" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Where" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: data.holds.map((row) => /* @__PURE__ */ jsxRuntime.jsxs(
+            ui.Table.Row,
+            {
+              className: "cursor-pointer",
+              tabIndex: 0,
+              role: "button",
+              "aria-label": `${reasonCopy(row.reason).label}, ${statusLabel(row.status)}, open details`,
+              onClick: () => setOpened(row),
+              onKeyDown: onRowKey(row),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ReasonBadge, { reason: row.reason }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(RowStatus, { status: row.status }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { content: row.held_at ? new Date(row.held_at).toLocaleString() : "Unknown", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "txt-compact-small whitespace-nowrap", children: since(row.held_at) }) }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.vp_session_id, label: "Vonpay session id" }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.medusa_payment_session_id, label: "Medusa payment session id" }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "txt-compact-small text-ui-fg-subtle whitespace-nowrap", children: SOURCE_LABEL[row.source] }),
+                  fromBuyerCheckout(row) && /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { className: "w-fit whitespace-nowrap", color: "grey", children: FROM_BUYER_CHECKOUT })
+                ] }) })
+              ]
+            },
+            keyOf(row)
+          )) })
+        ] }) }),
+        pageCount > 1 && /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Table.Pagination,
+          {
+            count,
+            pageSize: HELD_PAGE_SIZE,
+            pageIndex,
+            pageCount,
+            canPreviousPage: pageIndex > 0,
+            canNextPage: pageIndex + 1 < pageCount,
+            previousPage: () => setPageIndex((p) => Math.max(0, p - 1)),
+            nextPage: () => setPageIndex((p) => p + 1)
           }
         )
-      ] })
-    ] }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(HoldDrawer, { row: open, onClose: () => setOpened(null) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(SetupCheckPanel, {})
   ] });
 };
-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." });
+const config$1 = adminSdk.defineRouteConfig({
+  label: "Held payments",
+  icon: icons.ExclamationCircle,
+  nested: "/orders"
+});
+const HEADLINE_MAX = 80;
+const PITCH_MAX = 300;
+const OFFERS_COPY = {
+  title: "One-click offers",
+  intro: "After paying, shoppers see these offers one at a time (up to three per order), in this order. Only switched-on offers are shown.",
+  off: "One-click offers are off. Turn them on with the upsells option in medusa-config; the offers below are kept.",
+  fromConfig: "Your offers come from medusa-config right now (upsells.variantIds). Import them to manage them here. Once an offer exists here, this list is used instead.",
+  configEmpty: "No offers yet. Add the first one below.",
+  adminEmpty: "No offers are shown to shoppers. Add one below.",
+  importButton: "Import from medusa-config",
+  add: "Add offer",
+  name: "Name (only you see it)",
+  variant: "Product variant id (variant_…)",
+  shown: "Shown",
+  up: "Move up",
+  down: "Move down",
+  remove: "Remove",
+  removeConfirm: "Remove this offer? A shopper already paying for it is not affected.",
+  missingVariant: "This product variant no longer exists — it is not offered.",
+  loadFailed: "The offers could not be loaded. Reload the page to try again.",
+  lag: "A change shows on your store at once; with more than one server it can take up to 30 seconds everywhere.",
+  rules: "Who sees it",
+  downsell: "If they say No thanks",
+  downsellNone: "Nothing",
+  downsellIntro: 'Show one other product after a shopper says No thanks to this offer — usually a smaller or cheaper option. It counts toward the three offers per order, and the same "Who sees it" applies.',
+  downsellVariant: "Downsell product variant id (variant_…)",
+  downsellRemove: "Remove downsell",
+  downsellMissing: "This product variant no longer exists — it is not offered.",
+  wording: "Wording",
+  wordingDefault: "Standard",
+  wordingPitchOnly: "Pitch only",
+  wordingUnreadable: "The saved wording can't be read, so shoppers see the standard wording. Save it again.",
+  wordingIntro: "What shoppers read on this offer. Leave a field empty to use the standard wording. The payment line, the buttons and every result message stay the same.",
+  headline: "Headline",
+  headlineHint: 'Replaces the heading. Standard: "Add this to your order?"',
+  pitch: "Pitch",
+  pitchHint: "Replaces the product's description under its name. A phone shows about two lines.",
+  wordingDownsellNote: `A downsell keeps the standard wording: "How about this instead?" and its product's description.`,
+  wordingReset: "Use the standard wording",
+  rulesEveryone: "Everyone",
+  rulesUnreadable: "Its rules can't be read, so it is not shown. Set them again.",
+  rulesIntro: "Show this offer only when ALL the conditions you set match. Leave a condition empty to ignore it.",
+  customers: "Customers",
+  customersAll: "Everyone",
+  customersGuests: "Guests only",
+  customersSignedIn: "Signed-in customers only",
+  products: "The shopper bought one of these products at checkout",
+  collections: "The shopper bought a product from one of these collections at checkout",
+  groups: "The signed-in customer is in one of these groups",
+  paid: "The amount paid at checkout (tax and shipping included)",
+  paidNote: "An order in a currency not listed here does not see this offer.",
+  paidAtLeast: "At least",
+  paidAtMost: "At most",
+  search: "Search by name",
+  addCurrency: "Add currency",
+  removeCurrency: "Remove currency",
+  rulesUnreadableNotice: "The saved rules for this offer can't be read, so the offer is not shown. Saving replaces them with what you set here.",
+  replaceRules: "Replace the rules",
+  save: "Save",
+  cancel: "Cancel",
+  saveFailed: "That change was not saved."
+};
+function errorSentence(err, fallback = OFFERS_COPY.saveFailed) {
+  const m = err?.message;
+  if (typeof m !== "string") return fallback;
+  const i = m.indexOf(": ");
+  return m.startsWith("vonpay_") && i > 0 ? m.slice(i + 2) : fallback;
+}
+function productLabel(o) {
+  if (o.product_title === null) return o.variant_id;
+  return [o.product_title, o.variant_title].filter((x) => x && x !== "Default variant").join(" — ");
+}
+function wordingSummary(copy) {
+  if (copy === "unreadable") return OFFERS_COPY.wordingUnreadable;
+  if (!copy) return OFFERS_COPY.wordingDefault;
+  return copy.headline ?? OFFERS_COPY.wordingPitchOnly;
+}
+function rulesSummary(rules) {
+  if (rules === "unreadable") return OFFERS_COPY.rulesUnreadable;
+  if (!rules) return OFFERS_COPY.rulesEveryone;
+  const parts = [];
+  if (rules.customers === "guests") parts.push("Guests");
+  if (rules.customers === "signed_in") parts.push("Signed-in");
+  if (rules.groups) parts.push(`${rules.groups.length} group${rules.groups.length === 1 ? "" : "s"}`);
+  if (rules.products) parts.push(`${rules.products.length} product${rules.products.length === 1 ? "" : "s"}`);
+  if (rules.collections) parts.push(`${rules.collections.length} collection${rules.collections.length === 1 ? "" : "s"}`);
+  for (const [c, n] of Object.entries(rules.min_paid ?? {})) parts.push(`paid ≥ ${n} ${c.toUpperCase()}`);
+  for (const [c, n] of Object.entries(rules.max_paid ?? {})) parts.push(`paid ≤ ${n} ${c.toUpperCase()}`);
+  return parts.length ? parts.join(" · ") : OFFERS_COPY.rulesEveryone;
+}
+function OfferDownsellDrawer({ offer, open, onOpenChange, onSave, busy }) {
+  const [variant, setVariant] = react.useState(offer.downsell_variant_id ?? "");
+  const [problem, setProblem] = react.useState(null);
+  const save = async (value) => {
+    if (value !== null && !/^variant_[A-Za-z0-9]{1,64}$/.test(value)) return setProblem("Enter a product variant id, like variant_01H….");
+    setProblem(null);
+    const refused = await onSave(value);
+    if (refused === null) onOpenChange(false);
+    else setProblem(refused);
   };
-  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 })
+  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: 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
-          }
-        )
-      ] })
-    ] }) })
+      problem && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", "data-testid": "vonpay-downsell-problem", children: problem })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Footer, { children: [
+      offer.downsell_variant_id && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "danger", disabled: busy, onClick: () => void save(null), children: OFFERS_COPY.downsellRemove }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => onOpenChange(false), children: OFFERS_COPY.cancel }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { disabled: busy, onClick: () => void save(variant.trim()), children: OFFERS_COPY.save })
+    ] })
+  ] }) });
+}
+const SOURCES = {
+  products: { path: "/admin/products", key: "products", label: "title" },
+  collections: { path: "/admin/collections", key: "collections", label: "title" },
+  groups: { path: "/admin/customer-groups", key: "customer_groups", label: "name" }
+};
+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, 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: copy?.what })
-    ] }),
-    row && /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Status" }),
-        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(RowStatus, { status: row.status }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Held since" }),
-        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "txt-compact-small", children: row.held_at ? new Date(row.held_at).toLocaleString() : "Unknown" }),
-        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Where" }),
-        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "txt-compact-small", children: SOURCE_LABEL[row.source] ?? row.source }),
-        row.retry_until && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Retrying until" }),
-          /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "txt-compact-small", children: new Date(row.retry_until).toLocaleString() })
-        ] }),
-        fromBuyerCheckout(row) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Evidence" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("dd", { className: "flex flex-col gap-y-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { className: "w-fit whitespace-nowrap", color: "grey", children: FROM_BUYER_CHECKOUT }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: FROM_BUYER_CHECKOUT_NOTE })
-          ] })
-        ] }),
-        row.order_id && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Order" }),
-          /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.order_id, label: "order id" }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Vonpay session" }),
-        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.vp_session_id, label: "Vonpay session id" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Medusa payment session" }),
-        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.medusa_payment_session_id, label: "Medusa payment session id" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Payment collection" }),
-        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.payment_collection_id, label: "payment collection id" }) }),
-        row.resolution && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: row.status === "resolved" ? "Resolved" : "Last action" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("dd", { className: "txt-compact-small", children: [
-            row.resolution.how ? `${RESOLVED_HOW_LABEL[row.resolution.how] ?? row.resolution.how} · ` : "",
-            new Date(row.resolution.at).toLocaleString(),
-            " · by ",
-            actorLabel(row.resolution)
-          ] }),
-          row.resolution.refund_id && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Vonpay refund" }),
-            /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.resolution.refund_id, label: "Vonpay refund id" }) })
-          ] }),
-          row.resolution.prior && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "txt-compact-small text-ui-fg-subtle", children: "Before that" }),
-            /* @__PURE__ */ jsxRuntime.jsxs("dd", { className: "txt-compact-small", children: [
-              row.resolution.prior.how ? `${RESOLVED_HOW_LABEL[row.resolution.prior.how] ?? row.resolution.prior.how}` : statusLabel(row.resolution.prior.state),
-              ` · ${new Date(row.resolution.prior.at).toLocaleString()} · by ${actorLabel(row.resolution.prior)}`
-            ] })
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Content, { "aria-describedby": void 0, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Title, { children: [
+      OFFERS_COPY.rules,
+      ": ",
+      offer.name
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: [
+      unreadable && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", "data-testid": "vonpay-rules-unreadable", children: OFFERS_COPY.rulesUnreadableNotice }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.rulesIntro }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: OFFERS_COPY.customers }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { value: customers, onValueChange: (v) => setCustomers(v), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { "aria-label": OFFERS_COPY.customers, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Content, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "all", children: OFFERS_COPY.customersAll }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "guests", children: OFFERS_COPY.customersGuests }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "signed_in", children: OFFERS_COPY.customersSignedIn })
           ] })
         ] })
       ] }),
-      result && /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: result.variant, children: result.text }),
-      (showRefund || showMark || showRelease || showComplete || showOpenOrder) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
-        showOpenOrder && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "primary", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: orderPath(row.order_id), children: "Open order" }) }),
-        showComplete && /* @__PURE__ */ jsxRuntime.jsx(WalletHoldAction, { row, kind: "complete", onResult: setResult }),
-        showRelease && /* @__PURE__ */ jsxRuntime.jsx(WalletHoldAction, { row, kind: "release", onResult: setResult }),
-        showRefund && /* @__PURE__ */ jsxRuntime.jsx(RefundAction, { row, onResult: setResult }),
-        showRefund && /* @__PURE__ */ jsxRuntime.jsx(CheckWithVonpayAction, { row, onResult: setResult }),
-        showMark && /* @__PURE__ */ jsxRuntime.jsx(MarkResolvedAction, { row, onResult: setResult })
+      /* @__PURE__ */ jsxRuntime.jsx(Picker, { kind: "products", label: OFFERS_COPY.products, ids: products, onChange: setProducts }),
+      /* @__PURE__ */ jsxRuntime.jsx(Picker, { kind: "collections", label: OFFERS_COPY.collections, ids: collections, onChange: setCollections }),
+      /* @__PURE__ */ jsxRuntime.jsx(Picker, { kind: "groups", label: OFFERS_COPY.groups, ids: groups, onChange: setGroups }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", "data-testid": "vonpay-rule-paid", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: OFFERS_COPY.paid }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.paidNote }),
+        paid.map((r, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[1fr_1fr_1fr_auto] items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { "aria-label": "Currency", placeholder: "EUR", value: r.currency, maxLength: 3, onChange: (e) => setPaid(paid.map((x, j) => j === i ? { ...x, currency: e.target.value } : x)) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { "aria-label": `${OFFERS_COPY.paidAtLeast} (${r.currency || "currency"})`, placeholder: OFFERS_COPY.paidAtLeast, value: r.min, maxLength: 17, inputMode: "decimal", onChange: (e) => setPaid(paid.map((x, j) => j === i ? { ...x, min: e.target.value } : x)) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { "aria-label": `${OFFERS_COPY.paidAtMost} (${r.currency || "currency"})`, placeholder: OFFERS_COPY.paidAtMost, value: r.max, maxLength: 17, inputMode: "decimal", onChange: (e) => setPaid(paid.map((x, j) => j === i ? { ...x, max: e.target.value } : x)) }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": `${OFFERS_COPY.removeCurrency} ${r.currency.toUpperCase()}`.trim(), onClick: () => setPaid(paid.filter((_, j) => j !== i)), children: /* @__PURE__ */ jsxRuntime.jsx(icons.XMarkMini, {}) })
+        ] }, i)),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", type: "button", onClick: () => setPaid([...paid, { currency: "", min: "", max: "" }]), children: OFFERS_COPY.addCurrency }) })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", children: "Or do it by hand" }),
-        steps.map((step) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: step.title }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: step.body }),
-          step.command && /* @__PURE__ */ jsxRuntime.jsxs(ui.CodeBlock, { snippets: [{ label: "Terminal", language: "bash", code: step.command, hideLineNumbers: true }], children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.CodeBlock.Header, {}),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.CodeBlock.Body, {})
-          ] })
-        ] }, step.title)),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: STILL_LISTED_NOTE })
-      ] })
+      problem && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", "data-testid": "vonpay-rules-problem", children: problem })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Footer, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => onOpenChange(false), children: OFFERS_COPY.cancel }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { disabled: busy, onClick: () => void save(), children: unreadable ? OFFERS_COPY.replaceRules : OFFERS_COPY.save })
     ] })
   ] }) });
-};
-const FILTER_LABEL = { open: "Needs action", resolved: "Resolved", all: "All" };
-const HeldPaymentsPage = () => {
-  const [pageIndex, setPageIndex] = react.useState(0);
-  const [filter, setFilter] = react.useState("open");
-  const [opened, setOpened] = react.useState(null);
-  const { data, isLoading, isError, refetch } = useHeldPayments({ limit: HELD_PAGE_SIZE, offset: pageIndex * HELD_PAGE_SIZE, status: filter });
-  const count = data?.count ?? 0;
-  const remainder = count % HELD_PAGE_SIZE;
-  const pageCount = Math.max(1, (count - remainder) / HELD_PAGE_SIZE + (remainder > 0 ? 1 : 0));
-  const keyOf = (row) => `${row.payment_collection_id}:${row.vp_session_id ?? "unreadable"}:${row.source}:${row.payment_id ?? ""}:${row.medusa_payment_session_id ?? ""}`;
-  const open = opened ? data?.holds.find((r) => keyOf(r) === keyOf(opened)) ?? opened : null;
-  const onRowKey = (row) => (e) => {
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault();
-      setOpened(row);
+}
+function OfferWordingDrawer({ offer, open, onOpenChange, onSave, busy }) {
+  const start = offer.copy === "unreadable" ? null : offer.copy;
+  const [headline, setHeadline] = react.useState(start?.headline ?? "");
+  const [pitch, setPitch] = react.useState(start?.pitch ?? "");
+  const [problem, setProblem] = react.useState(null);
+  const save = async (copy) => {
+    setProblem(null);
+    const refused = await onSave(copy);
+    if (refused === null) onOpenChange(false);
+    else setProblem(refused);
+  };
+  const typed = () => {
+    const h = headline.trim();
+    const p = pitch.trim();
+    return h || p ? { ...h ? { headline: h } : {}, ...p ? { pitch: p } : {} } : null;
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Content, { "aria-describedby": void 0, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Title, { children: [
+      OFFERS_COPY.wording,
+      ": ",
+      offer.name
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Body, { className: "flex flex-col gap-y-4", children: [
+      offer.copy === "unreadable" && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", "data-testid": "vonpay-wording-unreadable", children: OFFERS_COPY.wordingUnreadable }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.wordingIntro }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-wording-headline", children: OFFERS_COPY.headline }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: "vonpay-wording-headline", value: headline, maxLength: HEADLINE_MAX, onChange: (e) => setHeadline(e.target.value) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.headlineHint })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-wording-pitch", children: OFFERS_COPY.pitch }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Textarea, { id: "vonpay-wording-pitch", value: pitch, maxLength: PITCH_MAX, rows: 4, onChange: (e) => setPitch(e.target.value) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
+          OFFERS_COPY.pitchHint,
+          " (",
+          pitch.length,
+          "/",
+          PITCH_MAX,
+          ")"
+        ] })
+      ] }),
+      offer.downsell_variant_id && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.wordingDownsellNote }),
+      problem && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", "data-testid": "vonpay-wording-problem", children: problem })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Footer, { children: [
+      offer.copy !== null && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", disabled: busy, onClick: () => void save(null), children: OFFERS_COPY.wordingReset }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => onOpenChange(false), children: OFFERS_COPY.cancel }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { disabled: busy, onClick: () => void save(typed()), children: OFFERS_COPY.save })
+    ] })
+  ] }) });
+}
+const KEY = "vonpay-offers";
+function useOffers() {
+  return reactQuery.useQuery({ queryKey: [KEY], queryFn: () => sdk.client.fetch("/admin/vonpay/offers") });
+}
+function useWrite(send) {
+  const qc = reactQuery.useQueryClient();
+  return reactQuery.useMutation({ mutationFn: send, retry: false, onSettled: () => qc.invalidateQueries({ queryKey: [KEY] }) });
+}
+const useCreateOffer = () => useWrite((v) => sdk.client.fetch("/admin/vonpay/offers", { method: "POST", body: v }));
+const useUpdateOffer = () => useWrite((v) => {
+  const { id, ...body } = v;
+  return sdk.client.fetch(`/admin/vonpay/offers/${encodeURIComponent(id)}`, { method: "POST", body });
+});
+const useDeleteOffer = () => useWrite((v) => sdk.client.fetch(`/admin/vonpay/offers/${encodeURIComponent(v.id)}`, { method: "DELETE" }));
+const useReorderOffers = () => useWrite((v) => sdk.client.fetch("/admin/vonpay/offers/reorder", { method: "POST", body: v }));
+const useImportOffers = () => useWrite(() => sdk.client.fetch("/admin/vonpay/offers/import", { method: "POST", body: {} }));
+const VonpayOffersPage = () => {
+  const { data, isLoading, isError, error: loadError } = useOffers();
+  const create = useCreateOffer();
+  const update = useUpdateOffer();
+  const remove = useDeleteOffer();
+  const reorder = useReorderOffers();
+  const importConfig = useImportOffers();
+  const prompt = ui.usePrompt();
+  const [name, setName] = react.useState("");
+  const [variantId, setVariantId] = react.useState("");
+  const [error, setError] = react.useState(null);
+  const [editing, setEditing] = react.useState(null);
+  const [downsellFor, setDownsellFor] = react.useState(null);
+  const [wordingFor, setWordingFor] = react.useState(null);
+  const busy = create.isPending || update.isPending || remove.isPending || reorder.isPending || importConfig.isPending;
+  const run = async (work) => {
+    setError(null);
+    try {
+      await work();
+      return true;
+    } catch (err) {
+      setError(errorSentence(err));
+      return false;
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4 px-6 py-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Held payments" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Buyers who were charged through Vonpay but whose order couldn't be completed safely, cancelled orders whose refund Vonpay hasn't confirmed, and Apple Pay / Google Pay payments not yet collected for an order. Nothing here is refunded automatically." })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[180px]", children: /* @__PURE__ */ jsxRuntime.jsxs(
-          ui.Select,
-          {
-            size: "small",
-            value: filter,
-            onValueChange: (v) => {
-              setFilter(v);
-              setPageIndex(0);
-            },
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { "aria-label": "Show", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, {}) }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: ["open", "resolved", "all"].map((f) => /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: f, children: FILTER_LABEL[f] }, f)) })
-            ]
-          }
-        ) })
+  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
+      ] })
+    ] }),
+    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 }) })
       ] }),
-      data && !data.scan_complete && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "warning", children: "This list may be incomplete: the store has more records than one page load can check." }) }),
-      isError ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-y-3 px-6 py-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", children: "Couldn't load held payments." }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", onClick: () => refetch(), children: "Try again" })
-      ] }) : isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-y-3 px-6 py-6", "aria-busy": "true", "aria-label": "Loading held payments", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-6 w-full" }, i)) }) : count === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-10", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: filter === "resolved" ? "Nothing resolved yet." : "No held payments. When a buyer is charged but the order can't be completed safely, it appears here." }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Reason" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Status" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Held since" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Vonpay session" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Medusa payment session" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Where" })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: data.holds.map((row) => /* @__PURE__ */ jsxRuntime.jsxs(
-            ui.Table.Row,
-            {
-              className: "cursor-pointer",
-              tabIndex: 0,
-              role: "button",
-              "aria-label": `${reasonCopy(row.reason).label}, ${statusLabel(row.status)}, open details`,
-              onClick: () => setOpened(row),
-              onKeyDown: onRowKey(row),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ReasonBadge, { reason: row.reason }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(RowStatus, { status: row.status }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { content: row.held_at ? new Date(row.held_at).toLocaleString() : "Unknown", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "txt-compact-small whitespace-nowrap", children: since(row.held_at) }) }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.vp_session_id, label: "Vonpay session id" }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { value: row.medusa_payment_session_id, label: "Medusa payment session id" }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "txt-compact-small text-ui-fg-subtle whitespace-nowrap", children: SOURCE_LABEL[row.source] }),
-                  fromBuyerCheckout(row) && /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { className: "w-fit whitespace-nowrap", color: "grey", children: FROM_BUYER_CHECKOUT })
-                ] }) })
-              ]
-            },
-            keyOf(row)
-          )) })
+      error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", "data-testid": "vonpay-offers-error", children: error }) }),
+      data.offers.length === 0 ? (data.source === "admin" || data.config.length === 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: data.source === "admin" ? OFFERS_COPY.adminEmpty : OFFERS_COPY.configEmpty }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Offer" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Product" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: OFFERS_COPY.rules }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: OFFERS_COPY.downsell }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: OFFERS_COPY.wording }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: OFFERS_COPY.shown }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, {})
         ] }) }),
-        pageCount > 1 && /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Table.Pagination,
-          {
-            count,
-            pageSize: HELD_PAGE_SIZE,
-            pageIndex,
-            pageCount,
-            canPreviousPage: pageIndex > 0,
-            canNextPage: pageIndex + 1 < pageCount,
-            previousPage: () => setPageIndex((p) => Math.max(0, p - 1)),
-            nextPage: () => setPageIndex((p) => p + 1)
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: data.offers.map((o, i) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { "data-testid": "vonpay-offer-row", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: o.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: o.product_title === null ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-error", children: OFFERS_COPY.missingVariant }) : productLabel(o) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.rules}: ${o.name}`, disabled: busy, onClick: () => setEditing(o), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: o.rules === "unreadable" ? "text-ui-fg-error" : void 0, children: rulesSummary(o.rules) }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.downsell}: ${o.name}`, disabled: busy, onClick: () => setDownsellFor(o), children: o.downsell_variant_id === null ? OFFERS_COPY.downsellNone : o.downsell_product_title === null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-error", children: OFFERS_COPY.downsellMissing }) : productLabel({ product_title: o.downsell_product_title, variant_title: o.downsell_variant_title, variant_id: o.downsell_variant_id }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.wording}: ${o.name}`, disabled: busy, onClick: () => setWordingFor(o), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `max-w-[16rem] truncate ${o.copy === "unreadable" ? "text-ui-fg-error" : ""}`, children: wordingSummary(o.copy) }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Switch, { "aria-label": `${OFFERS_COPY.shown}: ${o.name}`, checked: o.enabled, disabled: busy, onCheckedChange: (on) => void run(() => update.mutateAsync({ id: o.id, enabled: on })) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-x-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.up}: ${o.name}`, disabled: busy || i === 0, onClick: () => move(data.offers, i, -1), children: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpMini, {}) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.down}: ${o.name}`, disabled: busy || i === data.offers.length - 1, onClick: () => move(data.offers, i, 1), children: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowDownMini, {}) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", variant: "transparent", "aria-label": `${OFFERS_COPY.remove}: ${o.name}`, disabled: busy, onClick: () => void onRemove(o), children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {}) })
+          ] }) })
+        ] }, o.id)) })
+      ] }) }),
+      downsellFor && /* @__PURE__ */ jsxRuntime.jsx(
+        OfferDownsellDrawer,
+        {
+          offer: downsellFor,
+          open: downsellFor !== null,
+          busy,
+          onOpenChange: (o) => !o && setDownsellFor(null),
+          onSave: async (downsell) => {
+            try {
+              await update.mutateAsync({ id: downsellFor.id, downsell_variant_id: downsell });
+              return null;
+            } catch (err) {
+              return errorSentence(err);
+            }
           }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(HoldDrawer, { row: open, onClose: () => setOpened(null) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(SetupCheckPanel, {})
+        },
+        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 = adminSdk.defineRouteConfig({
-  label: "Held payments",
-  icon: icons.ExclamationCircle,
+  label: "One-click offers",
+  icon: icons.Sparkles,
   nested: "/orders"
 });
 const i18nTranslations0 = {};
@@ -1617,19 +1617,19 @@ const widgetModule = { widgets: [
 ] };
 const routeModule = {
   routes: [
-    {
-      Component: VonpayOffersPage,
-      path: "/vonpay-offers",
-      handle: { label: config$2.label, translationNs: config$2.translationNs }
-    },
     {
       Component: VonpaySubscriptionsPage,
       path: "/vonpay-subscriptions",
-      handle: { label: config$1.label, translationNs: config$1.translationNs }
+      handle: { label: config$2.label, translationNs: config$2.translationNs }
     },
     {
       Component: HeldPaymentsPage,
       path: "/vonpay-holds",
+      handle: { label: config$1.label, translationNs: config$1.translationNs }
+    },
+    {
+      Component: VonpayOffersPage,
+      path: "/vonpay-offers",
       handle: { label: config.label, translationNs: config.translationNs }
     }
   ]
@@ -1637,24 +1637,24 @@ const routeModule = {
 const menuItemModule = {
   menuItems: [
     {
-      label: config.label,
-      icon: config.icon,
+      label: config$1.label,
+      icon: config$1.icon,
       path: "/vonpay-holds",
       nested: "/orders",
       rank: void 0,
       translationNs: void 0
     },
     {
-      label: config$2.label,
-      icon: config$2.icon,
+      label: config.label,
+      icon: config.icon,
       path: "/vonpay-offers",
       nested: "/orders",
       rank: void 0,
       translationNs: void 0
     },
     {
-      label: config$1.label,
-      icon: config$1.icon,
+      label: config$2.label,
+      icon: config$2.icon,
       path: "/vonpay-subscriptions",
       nested: "/orders",
       rank: void 0,