vonpay-medusa 1.0.4 → 1.1.1

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

@@ -558,11 +558,11 @@ const HeldPaymentsBanner = () => {
   ] }) });
 };
 adminSdk.defineWidgetConfig({ zone: "order.list.before" });
-const KEY = "vonpay-ship-hold";
+const KEY$1 = "vonpay-ship-hold";
 const SHIP_HOLD_REFRESH_MS = 3e4;
 function useShipHold(orderId) {
   return reactQuery.useQuery({
-    queryKey: [KEY, orderId],
+    queryKey: [KEY$1, orderId],
     queryFn: () => sdk.client.fetch(`/admin/vonpay/orders/${encodeURIComponent(orderId)}/offer-hold`),
     enabled: !!orderId,
     retry: false,
@@ -577,7 +577,7 @@ function useShipOverride(orderId) {
   return reactQuery.useMutation({
     mutationFn: () => sdk.client.fetch(`/admin/vonpay/orders/${encodeURIComponent(orderId)}/ship-override`, { method: "POST", body: {} }),
     retry: false,
-    onSettled: () => qc.invalidateQueries({ queryKey: [KEY, orderId] })
+    onSettled: () => qc.invalidateQueries({ queryKey: [KEY$1, orderId] })
   });
 }
 function clockTime(iso) {
@@ -1050,11 +1050,475 @@ const HeldPaymentsPage = () => {
     /* @__PURE__ */ jsxRuntime.jsx(SetupCheckPanel, {})
   ] });
 };
-const config$1 = adminSdk.defineRouteConfig({
+const config$2 = adminSdk.defineRouteConfig({
   label: "Held payments",
   icon: icons.ExclamationCircle,
   nested: "/orders"
 });
+const HEADLINE_MAX = 80;
+const PITCH_MAX = 300;
+const OFFERS_COPY = {
+  title: "One-click offers",
+  intro: "After paying, shoppers see these offers one at a time (up to three per order), in this order. Only switched-on offers are shown.",
+  off: "One-click offers are off. Turn them on with the upsells option in medusa-config; the offers below are kept.",
+  fromConfig: "Your offers come from medusa-config right now (upsells.variantIds). Import them to manage them here. Once an offer exists here, this list is used instead.",
+  configEmpty: "No offers yet. Add the first one below.",
+  adminEmpty: "No offers are shown to shoppers. Add one below.",
+  importButton: "Import from medusa-config",
+  add: "Add offer",
+  name: "Name (only you see it)",
+  variant: "Product variant id (variant_…)",
+  shown: "Shown",
+  up: "Move up",
+  down: "Move down",
+  remove: "Remove",
+  removeConfirm: "Remove this offer? A shopper already paying for it is not affected.",
+  missingVariant: "This product variant no longer exists — it is not offered.",
+  loadFailed: "The offers could not be loaded. Reload the page to try again.",
+  lag: "A change shows on your store at once; with more than one server it can take up to 30 seconds everywhere.",
+  rules: "Who sees it",
+  downsell: "If they say No thanks",
+  downsellNone: "Nothing",
+  downsellIntro: 'Show one other product after a shopper says No thanks to this offer — usually a smaller or cheaper option. It counts toward the three offers per order, and the same "Who sees it" applies.',
+  downsellVariant: "Downsell product variant id (variant_…)",
+  downsellRemove: "Remove downsell",
+  downsellMissing: "This product variant no longer exists — it is not offered.",
+  wording: "Wording",
+  wordingDefault: "Standard",
+  wordingPitchOnly: "Pitch only",
+  wordingUnreadable: "The saved wording can't be read, so shoppers see the standard wording. Save it again.",
+  wordingIntro: "What shoppers read on this offer. Leave a field empty to use the standard wording. The payment line, the buttons and every result message stay the same.",
+  headline: "Headline",
+  headlineHint: 'Replaces the heading. Standard: "Add this to your order?"',
+  pitch: "Pitch",
+  pitchHint: "Replaces the product's description under its name. A phone shows about two lines.",
+  wordingDownsellNote: `A downsell keeps the standard wording: "How about this instead?" and its product's description.`,
+  wordingReset: "Use the standard wording",
+  rulesEveryone: "Everyone",
+  rulesUnreadable: "Its rules can't be read, so it is not shown. Set them again.",
+  rulesIntro: "Show this offer only when ALL the conditions you set match. Leave a condition empty to ignore it.",
+  customers: "Customers",
+  customersAll: "Everyone",
+  customersGuests: "Guests only",
+  customersSignedIn: "Signed-in customers only",
+  products: "The shopper bought one of these products at checkout",
+  collections: "The shopper bought a product from one of these collections at checkout",
+  groups: "The signed-in customer is in one of these groups",
+  paid: "The amount paid at checkout (tax and shipping included)",
+  paidNote: "An order in a currency not listed here does not see this offer.",
+  paidAtLeast: "At least",
+  paidAtMost: "At most",
+  search: "Search by name",
+  addCurrency: "Add currency",
+  removeCurrency: "Remove currency",
+  rulesUnreadableNotice: "The saved rules for this offer can't be read, so the offer is not shown. Saving replaces them with what you set here.",
+  replaceRules: "Replace the rules",
+  save: "Save",
+  cancel: "Cancel",
+  saveFailed: "That change was not saved."
+};
+function errorSentence(err, fallback = OFFERS_COPY.saveFailed) {
+  const m = err?.message;
+  if (typeof m !== "string") return fallback;
+  const i = m.indexOf(": ");
+  return m.startsWith("vonpay_") && i > 0 ? m.slice(i + 2) : fallback;
+}
+function productLabel(o) {
+  if (o.product_title === null) return o.variant_id;
+  return [o.product_title, o.variant_title].filter((x) => x && x !== "Default variant").join(" — ");
+}
+function wordingSummary(copy) {
+  if (copy === "unreadable") return OFFERS_COPY.wordingUnreadable;
+  if (!copy) return OFFERS_COPY.wordingDefault;
+  return copy.headline ?? OFFERS_COPY.wordingPitchOnly;
+}
+function rulesSummary(rules) {
+  if (rules === "unreadable") return OFFERS_COPY.rulesUnreadable;
+  if (!rules) return OFFERS_COPY.rulesEveryone;
+  const parts = [];
+  if (rules.customers === "guests") parts.push("Guests");
+  if (rules.customers === "signed_in") parts.push("Signed-in");
+  if (rules.groups) parts.push(`${rules.groups.length} group${rules.groups.length === 1 ? "" : "s"}`);
+  if (rules.products) parts.push(`${rules.products.length} product${rules.products.length === 1 ? "" : "s"}`);
+  if (rules.collections) parts.push(`${rules.collections.length} collection${rules.collections.length === 1 ? "" : "s"}`);
+  for (const [c, n] of Object.entries(rules.min_paid ?? {})) parts.push(`paid ≥ ${n} ${c.toUpperCase()}`);
+  for (const [c, n] of Object.entries(rules.max_paid ?? {})) parts.push(`paid ≤ ${n} ${c.toUpperCase()}`);
+  return parts.length ? parts.join(" · ") : OFFERS_COPY.rulesEveryone;
+}
+function OfferDownsellDrawer({ offer, open, onOpenChange, onSave, busy }) {
+  const [variant, setVariant] = react.useState(offer.downsell_variant_id ?? "");
+  const [problem, setProblem] = react.useState(null);
+  const save = async (value) => {
+    if (value !== null && !/^variant_[A-Za-z0-9]{1,64}$/.test(value)) return setProblem("Enter a product variant id, like variant_01H….");
+    setProblem(null);
+    const refused = await onSave(value);
+    if (refused === null) onOpenChange(false);
+    else setProblem(refused);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Content, { "aria-describedby": void 0, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Title, { children: [
+      OFFERS_COPY.downsell,
+      ": ",
+      offer.name
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Body, { className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: OFFERS_COPY.downsellIntro }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "vonpay-downsell-variant", children: OFFERS_COPY.downsellVariant }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: "vonpay-downsell-variant", value: variant, maxLength: 72, onChange: (e) => setVariant(e.target.value) })
+      ] }),
+      problem && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", "data-testid": "vonpay-downsell-problem", children: problem })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Footer, { children: [
+      offer.downsell_variant_id && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "danger", disabled: busy, onClick: () => void save(null), children: OFFERS_COPY.downsellRemove }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => onOpenChange(false), children: OFFERS_COPY.cancel }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { disabled: busy, onClick: () => void save(variant.trim()), children: OFFERS_COPY.save })
+    ] })
+  ] }) });
+}
+const SOURCES = {
+  products: { path: "/admin/products", key: "products", label: "title" },
+  collections: { path: "/admin/collections", key: "collections", label: "title" },
+  groups: { path: "/admin/customer-groups", key: "customer_groups", label: "name" }
+};
+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$1 = adminSdk.defineRouteConfig({
+  label: "One-click offers",
+  icon: icons.Sparkles,
+  nested: "/orders"
+});
 const EVENT_LABEL = {
   "subscription.created": "Signed up",
   "subscription.renewed": "Renewal paid",
@@ -1156,6 +1620,11 @@ const routeModule = {
     {
       Component: HeldPaymentsPage,
       path: "/vonpay-holds",
+      handle: { label: config$2.label, translationNs: config$2.translationNs }
+    },
+    {
+      Component: VonpayOffersPage,
+      path: "/vonpay-offers",
       handle: { label: config$1.label, translationNs: config$1.translationNs }
     },
     {
@@ -1167,10 +1636,18 @@ const routeModule = {
 };
 const menuItemModule = {
   menuItems: [
+    {
+      label: config$2.label,
+      icon: config$2.icon,
+      path: "/vonpay-holds",
+      nested: "/orders",
+      rank: void 0,
+      translationNs: void 0
+    },
     {
       label: config$1.label,
       icon: config$1.icon,
-      path: "/vonpay-holds",
+      path: "/vonpay-offers",
       nested: "/orders",
       rank: void 0,
       translationNs: void 0