@asteby/storefront-react 0.26.1 → 0.28.0

package/dist/account.cjs

@@ -15,6 +15,52 @@ var __export = (target, all) => {
 };
 
 // src/account/voucher.ts
+function formatOf(v) {
+  const f = typeof v === "string" ? v.toLowerCase().replace(/[^a-z0-9]/g, "") : "";
+  if (f === "code128" || f === "c128" || f === "code128b" || f === "code128c") return "code128";
+  if (f === "code39" || f === "c39") return "code39";
+  if (f === "itf" || f === "itf14" || f === "i25" || f === "interleaved2of5") return "itf";
+  if (f === "ean13") return "ean13";
+  return null;
+}
+function barcodeOf(ext, raw) {
+  if ("barcode_data" in ext) {
+    const d = ext.barcode_data;
+    if (d && typeof d === "object") {
+      const o = d;
+      const value2 = text(o.value);
+      const format = formatOf(o.format);
+      if (value2 && format && barcodeModules(value2, format)) return { draw: { value: value2, format }, text: null };
+      return { draw: null, text: value2 ?? text(raw) };
+    }
+    return { draw: null, text: text(raw) };
+  }
+  if (raw && typeof raw === "object") {
+    const o = raw;
+    const value2 = text(o.value);
+    const format = formatOf(o.format ?? "code128");
+    return { draw: value2 && format ? { value: value2, format } : null, text: null };
+  }
+  const value = text(raw);
+  return { draw: value ? { value, format: "code128" } : null, text: null };
+}
+function instructionsKeyOf(raw) {
+  const k = raw?.replace(/^payment\.voucher\.instructions\./, "").toLowerCase() ?? "";
+  return !k ? null : k === "other" ? "generic" : k;
+}
+function httpsUrl(v) {
+  const s = typeof v === "string" ? v.trim() : "";
+  return /^https:\/\//i.test(s) && s.length <= 2048 ? s : null;
+}
+function kindOf(kind, method, key) {
+  for (const c of [kind, method, key]) {
+    const k = c?.toLowerCase();
+    if (!k || k === "other" || k === "generic") continue;
+    if (k === "oxxo" || k === "cash" || CASH_METHODS.has(k)) return "cash";
+    if (k === "spei" || k === "transfer" || TRANSFER_METHODS.has(k)) return "transfer";
+  }
+  return "generic";
+}
 function text(v) {
   if (typeof v === "number" && Number.isFinite(v)) return String(v);
   if (typeof v !== "string") return null;
@@ -31,19 +77,33 @@ function moneyOf(v) {
 function voucherOf(p) {
   const pay = p?.payment;
   if (!pay || typeof pay !== "object") return null;
+  const ext = pay;
+  const method = text(pay.method ?? pay.provider);
+  const key = instructionsKeyOf(text(ext.instructions_key));
+  const bc = barcodeOf(ext, pay.barcode);
+  const clabe = text(pay.clabe);
+  let reference = text(pay.reference);
+  if (clabe && reference && digits(reference) === digits(clabe)) reference = null;
   const v = {
-    method: text(pay.method ?? pay.provider),
-    reference: text(pay.reference),
-    barcode: text(pay.barcode),
-    clabe: text(pay.clabe),
+    method,
+    reference,
+    barcode: bc.draw?.value ?? null,
+    barcode_format: bc.draw?.format ?? null,
+    barcode_text: bc.text && bc.text !== reference ? bc.text : null,
+    clabe,
+    beneficiary: text(ext.beneficiary),
+    bank: text(ext.bank),
+    kind: kindOf(text(ext.kind), method, key),
+    instructions_key: key,
+    ticket_url: httpsUrl(ext.ticket_url) ?? httpsUrl(ext.voucher_url),
     expires_at: text(pay.expires_at) ?? text(p?.expires_at),
     amount: moneyOf(pay.amount) ?? moneyOf(p?.total),
     instructions: text(pay.instructions)
   };
-  return v.reference || v.barcode || v.clabe ? v : null;
+  return v.reference || v.barcode || v.barcode_text || v.clabe ? v : null;
 }
 function barcodeValue(v) {
-  return v.barcode ?? (v.method?.toLowerCase() === "oxxo" ? v.reference : null);
+  return v.barcode;
 }
 function code128Modules(value) {
   if (!value || value.length > 80) return null;
@@ -64,8 +124,44 @@ function code128Modules(value) {
   codes.push(sum % 103);
   return codes.map((c) => BARS[c]).join("") + STOP;
 }
+function code39Modules(value) {
+  if (!value || value.length > 40) return null;
+  let out = "";
+  for (const ch of `*${value}*`) {
+    const p = Object.prototype.hasOwnProperty.call(CODE39_PATTERNS, ch) ? CODE39_PATTERNS[ch] : void 0;
+    if (!p || ch === "*" && value.includes("*")) return null;
+    for (let i = 0; i < 9; i++) out += (i % 2 === 0 ? "1" : "0").repeat(p[i] === "w" ? 3 : 1);
+    out += "0";
+  }
+  return out.slice(0, -1);
+}
+function itfModules(value) {
+  if (!value || value.length > 80 || value.length % 2 !== 0 || !/^\d+$/.test(value)) return null;
+  let out = "1010";
+  for (let i = 0; i < value.length; i += 2) {
+    const bars = ITF_DIGITS[Number(value[i])];
+    const spaces = ITF_DIGITS[Number(value[i + 1])];
+    for (let e = 0; e < 5; e++) out += "1".repeat(bars[e] === "w" ? 3 : 1) + "0".repeat(spaces[e] === "w" ? 3 : 1);
+  }
+  return out + "11101";
+}
+function ean13Modules(value) {
+  if (!/^\d{13}$/.test(value)) return null;
+  const d = [...value].map(Number);
+  const sum = d.slice(0, 12).reduce((a, n2, i) => a + n2 * (i % 2 === 0 ? 1 : 3), 0);
+  if ((10 - sum % 10) % 10 !== d[12]) return null;
+  const parity = EAN_PARITY[d[0]];
+  let out = "101";
+  for (let i = 0; i < 6; i++) out += (parity[i] === "L" ? EAN_L : EAN_G)[d[i + 1]];
+  out += "01010";
+  for (let i = 7; i < 13; i++) out += EAN_R[d[i]];
+  return out + "101";
+}
+function barcodeModules(value, format = "code128") {
+  return format === "code39" ? code39Modules(value) : format === "itf" ? itfModules(value) : format === "ean13" ? ean13Modules(value) : code128Modules(value);
+}
 function barcodeGeometry(value, opts = {}) {
-  const bits = code128Modules(value);
+  const bits = barcodeModules(value, opts.format);
   if (!bits) return null;
   const mod = opts.module ?? 2;
   const quiet = 10;
@@ -82,10 +178,13 @@ function barcodeGeometry(value, opts = {}) {
   }
   return { width: (bits.length + quiet * 2) * mod, height: opts.height ?? 70, rects };
 }
-var MAX, BARS, STOP;
+var MAX, CASH_METHODS, TRANSFER_METHODS, digits, BARS, STOP, C39_CHARS, C39_WIDE, CODE39_PATTERNS, ITF_DIGITS, EAN_L, EAN_R, EAN_G, EAN_PARITY;
 var init_voucher = __esm({
   "src/account/voucher.ts"() {
     MAX = 256;
+    CASH_METHODS = /* @__PURE__ */ new Set(["oxxo", "cash", "store", "convenience_store", "efectivo", "bank_deposit", "deposit", "paynet", "paycash", "bancomer", "7eleven", "seven_eleven", "farmacias_guadalajara", "circle_k"]);
+    TRANSFER_METHODS = /* @__PURE__ */ new Set(["spei", "bank_transfer", "transfer", "wire", "clabe"]);
+    digits = (s) => s ? s.replace(/\D/g, "") : "";
     BARS = [
       "11011001100",
       "11001101100",
@@ -195,17 +294,33 @@ var init_voucher = __esm({
       "11010011100"
     ];
     STOP = "1100011101011";
+    C39_CHARS = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ-. */+%$";
+    C39_WIDE = "346038238023348034234368036236058258025458045245568056256456078278027478047247678067267467018128012148014124168016126146137157357135";
+    CODE39_PATTERNS = Object.fromEntries(
+      [...C39_CHARS].map((ch, i) => [ch, [...Array(9).keys()].map((e) => C39_WIDE.slice(i * 3, i * 3 + 3).includes(String(e)) ? "w" : "n").join("")])
+    );
+    ITF_DIGITS = ["nnwwn", "wnnnw", "nwnnw", "wwnnn", "nnwnw", "wnwnn", "nwwnn", "nnnww", "wnnwn", "nwnwn"];
+    EAN_L = ["0001101", "0011001", "0010011", "0111101", "0100011", "0110001", "0101111", "0111011", "0110111", "0001011"];
+    EAN_R = EAN_L.map((c) => [...c].map((b) => b === "1" ? "0" : "1").join(""));
+    EAN_G = EAN_R.map((c) => [...c].reverse().join(""));
+    EAN_PARITY = ["LLLLLL", "LLGLGG", "LLGGLG", "LLGGGL", "LGLLGG", "LGGLLG", "LGGGLL", "LGLGLG", "LGLGGL", "LGGLGL"];
   }
 });
 
-// src/account/voucher-document.ts
-var voucher_document_exports = {};
-__export(voucher_document_exports, {
-  esc: () => esc,
-  renderVoucherDocument: () => renderVoucherDocument
-});
-function esc(s) {
-  return s.replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
+// src/account/voucher-text.ts
+function docText(locale) {
+  return isEnglish(locale) ? EN5 : ES5;
+}
+function methodName(v, t) {
+  return v.method ? own(t.methods, v.method) ?? v.method : t.cash;
+}
+function voucherSteps(v, t) {
+  const fn = own(t.steps, v.instructions_key) ?? own(t.steps, v.method) ?? (v.kind === "cash" ? t.steps.cash : v.kind === "transfer" ? t.steps.transfer : t.steps.generic);
+  return fn(v);
+}
+function voucherFields(v, t) {
+  const f = (key, label, value) => value ? [{ key, label, value }] : [];
+  return v.kind === "transfer" ? [...f("beneficiary", t.beneficiary, v.beneficiary), ...f("bank", t.bank, v.bank), ...f("clabe", t.clabe, v.clabe), ...f("reference", t.reference, v.reference), ...f("code", t.code, v.barcode_text)] : [...f("reference", t.reference, v.reference), ...f("clabe", t.clabe, v.clabe), ...f("beneficiary", t.beneficiary, v.beneficiary), ...f("bank", t.bank, v.bank), ...f("code", t.code, v.barcode_text)];
 }
 function formatMoney3(m, locale) {
   if (!m) return "";
@@ -225,85 +340,401 @@ function formatDate2(iso, locale, timeZone) {
     return d.toISOString();
   }
 }
-function barcodeSvg(value, label) {
-  const g = barcodeGeometry(value);
-  if (!g) return null;
-  const rects = g.rects.map((r) => `<rect x="${r.x}" y="0" width="${r.w}" height="${g.height}"/>`).join("");
-  return `<svg viewBox="0 0 ${g.width} ${g.height}" width="${g.width}" height="${g.height}" role="img" aria-label="${esc(label)} ${esc(value)}" shape-rendering="crispEdges" fill="#000">${rects}</svg>`;
-}
-function renderVoucherDocument(v, opts = {}) {
-  const locale = opts.locale ?? "es-MX";
-  const t = locale.toLowerCase().startsWith("en") ? EN5 : ES5;
-  const shop = opts.shopName || "";
-  const method = v.method ? Object.prototype.hasOwnProperty.call(t.methods, v.method.toLowerCase()) ? t.methods[v.method.toLowerCase()] : v.method : t.cash;
-  const isSpei = !!v.clabe && !v.reference;
-  const code = barcodeValue(v);
-  const svg = code ? barcodeSvg(code, t.barcode) : null;
-  const expires = formatDate2(v.expires_at, locale, opts.timeZone);
-  const field = (label, value) => value ? `<div class="box"><div class="label">${esc(label)}</div><div class="value">${esc(value)}</div></div>` : "";
-  const steps = isSpei ? t.stepsSpei : t.stepsCash;
-  const subtitle = [shop, method, opts.number ? `${t.order} ${opts.number}` : ""].filter(Boolean).map(esc).join(" \xB7 ");
-  return `<!doctype html>
-<html lang="${esc(locale)}"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
-<meta name="robots" content="noindex"><title>${esc(t.title)}${shop ? ` - ${esc(shop)}` : ""}</title><style>${CSS}</style></head>
-<body><main>
-<div class="head"><div><h1>${esc(t.title)}</h1><div class="muted">${subtitle}</div></div>
-${v.amount ? `<div><div class="label" style="text-align:right">${esc(t.total)}</div><div class="amount">${esc(formatMoney3(v.amount, locale))}</div></div>` : ""}</div>
-${field(t.reference, v.reference)}${field(t.clabe, v.clabe)}
-${svg ? `<div class="bar">${svg}<div class="muted" style="font-family:ui-monospace,monospace">${esc(code)}</div></div>` : ""}
-${expires ? `<p><strong>${esc(t.expires)}:</strong> ${esc(expires)}. ${esc(t.expiresNote)}</p>` : ""}
-<ol class="steps">${steps.map((s) => `<li>${esc(s)}</li>`).join("")}</ol>
-${v.instructions ? `<p class="note pre muted">${esc(v.instructions)}</p>` : ""}
-<p class="note muted">${esc(t.footer)}</p>
-${opts.printButton ? `<div class="actions"><button type="button" id="print">${esc(t.print)}</button></div>` : ""}
-</main>
-${opts.printButton || opts.autoPrint ? `<script${opts.nonce ? ` nonce="${esc(opts.nonce)}"` : ""}>(function(){var b=document.getElementById("print");if(b)b.addEventListener("click",function(){window.print()});${opts.autoPrint ? 'window.addEventListener("load",function(){setTimeout(function(){window.print()},300)});' : ""}})();</script>` : ""}
-</body></html>`;
-}
-var ES5, EN5, CSS;
-var init_voucher_document = __esm({
-  "src/account/voucher-document.ts"() {
-    init_voucher();
+var KEEP_ES, KEEP_EN, ES5, EN5, isEnglish, own;
+var init_voucher_text = __esm({
+  "src/account/voucher-text.ts"() {
+    KEEP_ES = "Conserva tu comprobante: confirmaremos tu pago autom\xE1ticamente.";
+    KEEP_EN = "Keep your receipt: we will confirm your payment automatically.";
     ES5 = {
       title: "Ficha de pago",
       total: "Total a pagar",
       reference: "Referencia",
       clabe: "CLABE",
+      beneficiary: "Beneficiario",
+      bank: "Banco",
       expires: "Vence",
       expiresNote: "Pasada esa fecha la ficha deja de ser v\xE1lida.",
       order: "Pedido",
       barcode: "C\xF3digo de barras",
-      print: "Imprimir ficha",
+      code: "C\xF3digo",
+      print: "Imprimir",
+      downloadPdf: "Descargar PDF",
+      noScript: "Para imprimir usa la opci\xF3n Imprimir de tu navegador (Ctrl+P) o descarga el PDF.",
+      stepsTitle: "C\xF3mo pagar",
       footer: "Tu pedido se genera cuando se confirma el pago. Esta ficha es de un solo uso; no la compartas.",
-      stepsCash: [
-        "Acude a la tienda OXXO (o el comercio indicado) y di que vas a hacer un pago de servicio en efectivo.",
-        "Muestra el c\xF3digo de barras o dicta la referencia y paga el monto exacto.",
-        "Conserva tu comprobante: confirmaremos tu pago autom\xE1ticamente."
-      ],
-      stepsSpei: ["Entra a la banca en l\xEDnea o app de tu banco.", "Haz una transferencia SPEI a la CLABE indicada por el monto exacto.", "Conserva tu comprobante: confirmaremos tu pago autom\xE1ticamente."],
       methods: { oxxo: "OXXO", spei: "Transferencia SPEI", bank_transfer: "Transferencia bancaria", bank_deposit: "Dep\xF3sito bancario", cash: "Pago en efectivo" },
-      cash: "Pago en efectivo"
+      cash: "Pago en efectivo",
+      steps: {
+        oxxo: (v) => [
+          "Acude a cualquier tienda OXXO y di que vas a hacer un pago de servicio en efectivo.",
+          v.barcode ? "Muestra el c\xF3digo de barras en caja o dicta la referencia, y paga el monto exacto." : "Dicta la referencia en caja y paga el monto exacto.",
+          KEEP_ES
+        ],
+        cash: (v) => [
+          "Acude a la tienda o comercio indicado y di que vas a hacer un pago en efectivo.",
+          v.barcode ? "Muestra el c\xF3digo de barras o dicta la referencia, y paga el monto exacto." : "Dicta la referencia y paga el monto exacto.",
+          KEEP_ES
+        ],
+        spei: (v) => [
+          "Entra a la banca en l\xEDnea o a la app de tu banco.",
+          "Haz una transferencia SPEI a la CLABE indicada, por el monto exacto.",
+          ...v.reference ? ["Escribe la referencia de esta ficha en el concepto o referencia de la transferencia."] : [],
+          KEEP_ES
+        ],
+        bank_transfer: (v) => [
+          "Entra a la banca en l\xEDnea o a la app de tu banco.",
+          "Haz una transferencia a la cuenta o CLABE indicada, por el monto exacto.",
+          ...v.reference ? ["Escribe la referencia de esta ficha en el concepto de la transferencia."] : [],
+          KEEP_ES
+        ],
+        bank_deposit: (v) => [
+          "Acude a una sucursal del banco indicado o a su cajero con dep\xF3sitos.",
+          `Deposita el monto exacto a la cuenta${v.reference ? " con la referencia de esta ficha" : " indicada"}.`,
+          KEEP_ES
+        ],
+        transfer: (v) => [
+          "Entra a la banca en l\xEDnea o a la app de tu banco.",
+          "Haz una transferencia a la CLABE indicada, por el monto exacto.",
+          ...v.reference ? ["Escribe la referencia de esta ficha en el concepto de la transferencia."] : [],
+          KEEP_ES
+        ],
+        generic: () => ["Realiza el pago con los datos de esta ficha, por el monto exacto y antes de que venza.", KEEP_ES]
+      }
     };
     EN5 = {
       title: "Payment voucher",
       total: "Amount to pay",
       reference: "Reference",
       clabe: "CLABE",
+      beneficiary: "Beneficiary",
+      bank: "Bank",
       expires: "Expires",
       expiresNote: "After that date the voucher is no longer valid.",
       order: "Order",
       barcode: "Barcode",
-      print: "Print voucher",
+      code: "Code",
+      print: "Print",
+      downloadPdf: "Download PDF",
+      noScript: "To print, use your browser's Print option (Ctrl+P) or download the PDF.",
+      stepsTitle: "How to pay",
       footer: "Your order is created when the payment is confirmed. This voucher is single-use; do not share it.",
-      stepsCash: [
-        "Go to an OXXO store (or the store indicated) and say you want to make a cash service payment.",
-        "Show the barcode or read out the reference and pay the exact amount.",
-        "Keep your receipt: we will confirm your payment automatically."
-      ],
-      stepsSpei: ["Open your bank online or app.", "Make a SPEI transfer to the CLABE below for the exact amount.", "Keep your receipt: we will confirm your payment automatically."],
       methods: { oxxo: "OXXO", spei: "SPEI transfer", bank_transfer: "Bank transfer", bank_deposit: "Bank deposit", cash: "Cash payment" },
-      cash: "Cash payment"
+      cash: "Cash payment",
+      steps: {
+        oxxo: (v) => [
+          "Go to any OXXO store and say you want to make a cash service payment.",
+          v.barcode ? "Show the barcode at the register or read out the reference, and pay the exact amount." : "Read out the reference at the register and pay the exact amount.",
+          KEEP_EN
+        ],
+        cash: (v) => [
+          "Go to the store indicated and say you want to make a cash payment.",
+          v.barcode ? "Show the barcode or read out the reference, and pay the exact amount." : "Read out the reference and pay the exact amount.",
+          KEEP_EN
+        ],
+        spei: (v) => [
+          "Open your online banking or your bank app.",
+          "Make a SPEI transfer to the CLABE below for the exact amount.",
+          ...v.reference ? ["Enter the reference of this voucher as the transfer concept or reference."] : [],
+          KEEP_EN
+        ],
+        bank_transfer: (v) => [
+          "Open your online banking or your bank app.",
+          "Make a transfer to the account or CLABE below for the exact amount.",
+          ...v.reference ? ["Enter the reference of this voucher as the transfer concept."] : [],
+          KEEP_EN
+        ],
+        bank_deposit: (v) => [
+          "Go to a branch of the bank indicated or to one of its deposit ATMs.",
+          `Deposit the exact amount to the account${v.reference ? " with the reference of this voucher" : " indicated"}.`,
+          KEEP_EN
+        ],
+        transfer: (v) => [
+          "Open your online banking or your bank app.",
+          "Make a transfer to the CLABE below for the exact amount.",
+          ...v.reference ? ["Enter the reference of this voucher as the transfer concept."] : [],
+          KEEP_EN
+        ],
+        generic: () => ["Make the payment with the details of this voucher, for the exact amount and before it expires.", KEEP_EN]
+      }
+    };
+    isEnglish = (locale) => locale.toLowerCase().startsWith("en");
+    own = (o, k) => {
+      const key = k?.toLowerCase();
+      return key && Object.prototype.hasOwnProperty.call(o, key) ? o[key] : void 0;
     };
+  }
+});
+
+// src/account/voucher-pdf.ts
+var voucher_pdf_exports = {};
+__export(voucher_pdf_exports, {
+  MAX_VOUCHER_PDF_BYTES: () => MAX_VOUCHER_PDF_BYTES,
+  pdfString: () => pdfString,
+  renderVoucherPdf: () => renderVoucherPdf
+});
+function toBytes(s) {
+  const out = [];
+  for (const ch of s) {
+    const c = ch.codePointAt(0);
+    if (c < 32 || c === 127) out.push(32);
+    else if (c < 127 || c >= 160 && c <= 255) out.push(c);
+    else out.push(CP1252[c] ?? 63);
+  }
+  return out;
+}
+function pdfString(s) {
+  let o = "(";
+  for (const b of toBytes(s)) o += b >= 32 && b < 127 && b !== 40 && b !== 41 && b !== 92 ? String.fromCharCode(b) : `\\${b.toString(8).padStart(3, "0")}`;
+  return o + ")";
+}
+function charWidth(font, ch) {
+  if (font === "F3" || font === "F4") return 600;
+  const c = ch.codePointAt(0);
+  const table = font === "F2" ? HELV_B : HELV;
+  if (c >= 32 && c < 127) return table[c - 32];
+  const base = ch.normalize("NFD")[0].codePointAt(0);
+  return base >= 32 && base < 127 ? table[base - 32] : 556;
+}
+function wrap(font, size, text2, max) {
+  const lines = [];
+  for (const para of text2.split(/\r?\n/)) {
+    let line = "";
+    for (const word of para.split(/\s+/).filter(Boolean)) {
+      let w = word;
+      while (textWidth(font, size, w) > max) {
+        let n2 = 1;
+        while (n2 < w.length && textWidth(font, size, w.slice(0, n2 + 1)) <= max) n2++;
+        if (line) lines.push(line), line = "";
+        lines.push(w.slice(0, n2));
+        w = w.slice(n2);
+      }
+      const next = line ? `${line} ${w}` : w;
+      if (line && textWidth(font, size, next) > max) lines.push(line), line = w;
+      else line = next;
+    }
+    lines.push(line);
+  }
+  return lines;
+}
+function renderVoucherPdf(v, opts = {}) {
+  const locale = opts.locale ?? "es-MX";
+  const t = docText(locale);
+  const [W, H] = opts.paper === "letter" ? [612, 792] : [595.28, 841.89];
+  const M = 54;
+  const right = W - M;
+  const inner = right - M;
+  const pages = [];
+  let ops = "";
+  let y = H - M;
+  const newPage = () => {
+    if (pages.length >= MAX_PAGES) return false;
+    if (ops) pages.push(ops);
+    ops = "";
+    y = H - M;
+    return true;
+  };
+  const text2 = (font, size, x, s, gray = 0) => {
+    ops += `BT ${n(gray)} g /${font} ${size} Tf ${n(x)} ${n(y)} Td ${pdfString(s)} Tj ET
+`;
+  };
+  const ensure = (h) => {
+    if (y - h < M) newPage();
+  };
+  const paragraph = (font, size, s, opt = {}) => {
+    const lead = opt.lead ?? size * 1.4;
+    for (const line of wrap(font, size, s, opt.width ?? inner)) {
+      ensure(lead);
+      y -= lead;
+      if (line) text2(font, size, opt.x ?? M, line, opt.gray ?? 0);
+    }
+  };
+  const amount = formatMoney3(v.amount, locale);
+  const top = y;
+  y -= 20;
+  text2("F2", 20, M, t.title);
+  const subtitle = [opts.shopName, methodName(v, t), opts.number ? `${t.order} ${opts.number}` : ""].filter(Boolean).join(" \xB7 ");
+  if (subtitle) {
+    y -= 15;
+    paragraph("F1", 10, subtitle, { width: amount ? inner * 0.6 : inner, gray: 0.33, lead: 12 });
+  }
+  const afterTitle = y;
+  if (amount) {
+    y = top - 10;
+    const label = t.total.toUpperCase();
+    text2("F1", 8, right - textWidth("F1", 8, label), label, 0.33);
+    y -= 22;
+    text2("F2", 22, right - textWidth("F2", 22, amount), amount);
+  }
+  y = Math.min(afterTitle, y) - 10;
+  ops += `0 g 2 w ${n(M)} ${n(y)} m ${n(right)} ${n(y)} l S
+`;
+  y -= 8;
+  for (const f of voucherFields(v, t)) {
+    const size = f.value.length > 36 ? 12 : 16;
+    const lines = wrap("F3", size, f.value, inner - 24);
+    const h = 14 + 12 + lines.length * size * 1.3 + 8;
+    ensure(h + 12);
+    y -= 12;
+    ops += `0 G 0.8 w ${n(M)} ${n(y - h)} ${n(inner)} ${n(h)} re S
+`;
+    const boxTop = y;
+    y -= 16;
+    text2("F1", 8, M + 12, f.label.toUpperCase(), 0.33);
+    y -= 4;
+    for (const line of lines) {
+      y -= size * 1.3;
+      text2("F3", size, M + 12, line);
+    }
+    y = boxTop - h;
+  }
+  const g = v.barcode ? barcodeGeometry(v.barcode, { ...v.barcode_format ? { format: v.barcode_format } : {}, height: 60 }) : null;
+  if (g && v.barcode) {
+    const scale = Math.min(1, inner / g.width) * 0.75;
+    const bw = g.width * scale;
+    const bh = 60;
+    ensure(bh + 40);
+    y -= 18;
+    ops += `0 g
+`;
+    const x0 = M + (inner - bw) / 2;
+    for (const r of g.rects) ops += `${n(x0 + r.x * scale)} ${n(y - bh)} ${n(r.w * scale)} ${n(bh)} re f
+`;
+    y -= bh + 12;
+    const cw = textWidth("F4", 10, v.barcode);
+    text2("F4", 10, M + (inner - Math.min(cw, inner)) / 2, v.barcode.slice(0, Math.floor(inner / 6)));
+    y -= 4;
+  }
+  const expires = formatDate2(v.expires_at, locale, opts.timeZone);
+  if (expires) {
+    y -= 8;
+    paragraph("F2", 10, `${t.expires}: ${expires.replace(/\.$/, "")}.`);
+    paragraph("F1", 10, t.expiresNote);
+  }
+  y -= 10;
+  ensure(40);
+  paragraph("F2", 12, t.stepsTitle, { lead: 16 });
+  voucherSteps(v, t).forEach((s, i) => {
+    const lines = wrap("F1", 10, s, inner - 18);
+    ensure(lines.length * 14 + 2);
+    y -= 2;
+    lines.forEach((line, j) => {
+      y -= 14;
+      if (j === 0) text2("F1", 10, M, `${i + 1}.`);
+      text2("F1", 10, M + 18, line);
+    });
+  });
+  if (v.instructions) {
+    y -= 6;
+    paragraph("F1", 9, v.instructions, { gray: 0.33, lead: 12 });
+  }
+  y -= 8;
+  paragraph("F1", 8, t.footer, { gray: 0.33, lead: 11 });
+  pages.push(ops);
+  const objs = [];
+  const kids = pages.map((_, i) => `${8 + i * 2} 0 R`).join(" ");
+  objs[1] = "<< /Type /Catalog /Pages 2 0 R >>";
+  objs[2] = `<< /Type /Pages /Kids [${kids}] /Count ${pages.length} >>`;
+  ["F1", "F2", "F3", "F4"].forEach((f, i) => objs[3 + i] = `<< /Type /Font /Subtype /Type1 /BaseFont /${FONT_NAMES[f]} /Encoding /WinAnsiEncoding >>`);
+  objs[7] = `<< /Title ${pdfString(`${t.title}${opts.shopName ? ` - ${opts.shopName}` : ""}`)} /Producer ${pdfString("@asteby/storefront-react")} >>`;
+  pages.forEach((content, i) => {
+    objs[8 + i * 2] = `<< /Type /Page /Parent 2 0 R /MediaBox [0 0 ${n(W)} ${n(H)}] /Resources << /Font << /F1 3 0 R /F2 4 0 R /F3 5 0 R /F4 6 0 R >> >> /Contents ${9 + i * 2} 0 R >>`;
+    objs[9 + i * 2] = `<< /Length ${content.length} >>
+stream
+${content}endstream`;
+  });
+  let out = "%PDF-1.4\n%\xE2\xE3\xCF\xD3\n";
+  const offsets = [];
+  for (let i = 1; i < objs.length; i++) {
+    offsets[i] = out.length;
+    out += `${i} 0 obj
+${objs[i]}
+endobj
+`;
+  }
+  const xref = out.length;
+  out += `xref
+0 ${objs.length}
+0000000000 65535 f 
+`;
+  for (let i = 1; i < objs.length; i++) out += `${String(offsets[i]).padStart(10, "0")} 00000 n 
+`;
+  out += `trailer
+<< /Size ${objs.length} /Root 1 0 R /Info 7 0 R >>
+startxref
+${xref}
+%%EOF
+`;
+  if (out.length > MAX_VOUCHER_PDF_BYTES) throw new RangeError("voucher PDF too large");
+  const bytes = new Uint8Array(out.length);
+  for (let i = 0; i < out.length; i++) bytes[i] = out.charCodeAt(i) & 255;
+  return bytes;
+}
+var MAX_VOUCHER_PDF_BYTES, MAX_PAGES, HELV, HELV_B, FONT_NAMES, CP1252, textWidth, n;
+var init_voucher_pdf = __esm({
+  "src/account/voucher-pdf.ts"() {
+    init_voucher();
+    init_voucher_text();
+    MAX_VOUCHER_PDF_BYTES = 256 * 1024;
+    MAX_PAGES = 3;
+    HELV = [278, 278, 355, 556, 556, 889, 667, 191, 333, 333, 389, 584, 278, 333, 278, 278, 556, 556, 556, 556, 556, 556, 556, 556, 556, 556, 278, 278, 584, 584, 584, 556, 1015, 667, 667, 722, 722, 667, 611, 778, 722, 278, 500, 667, 556, 833, 722, 778, 667, 778, 722, 667, 611, 722, 667, 944, 667, 667, 611, 278, 278, 278, 469, 556, 333, 556, 556, 500, 556, 556, 278, 556, 556, 222, 222, 500, 222, 833, 556, 556, 556, 556, 333, 500, 278, 556, 500, 722, 500, 500, 500, 334, 260, 334, 584];
+    HELV_B = [278, 333, 474, 556, 556, 889, 722, 238, 333, 333, 389, 584, 278, 333, 278, 278, 556, 556, 556, 556, 556, 556, 556, 556, 556, 556, 333, 333, 584, 584, 584, 611, 975, 722, 722, 722, 722, 667, 611, 778, 722, 278, 556, 722, 611, 833, 722, 778, 667, 778, 722, 667, 611, 722, 667, 944, 667, 667, 611, 333, 278, 333, 584, 556, 333, 556, 611, 556, 611, 556, 333, 611, 611, 278, 278, 556, 278, 889, 611, 611, 611, 611, 389, 556, 333, 611, 556, 778, 556, 556, 500, 389, 280, 389, 584];
+    FONT_NAMES = { F1: "Helvetica", F2: "Helvetica-Bold", F3: "Courier-Bold", F4: "Courier" };
+    CP1252 = { 8364: 128, 8216: 145, 8217: 146, 8220: 147, 8221: 148, 8226: 149, 8211: 150, 8212: 151 };
+    textWidth = (font, size, s) => [...s].reduce((w, ch) => w + charWidth(font, ch), 0) * size / 1e3;
+    n = (x) => String(Math.round(x * 100) / 100);
+  }
+});
+
+// src/account/voucher-document.ts
+var voucher_document_exports = {};
+__export(voucher_document_exports, {
+  esc: () => esc,
+  renderVoucherDocument: () => renderVoucherDocument
+});
+function esc(s) {
+  return s.replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
+}
+function barcodeSvg(value, format, label) {
+  const g = barcodeGeometry(value, { ...format ? { format } : {} });
+  if (!g) return null;
+  const rects = g.rects.map((r) => `<rect x="${r.x}" y="0" width="${r.w}" height="${g.height}"/>`).join("");
+  return `<svg viewBox="0 0 ${g.width} ${g.height}" width="${g.width}" height="${g.height}" role="img" aria-label="${esc(label)} ${esc(value)}" shape-rendering="crispEdges" fill="#000">${rects}</svg>`;
+}
+function renderVoucherDocument(v, opts = {}) {
+  const locale = opts.locale ?? "es-MX";
+  const t = docText(locale);
+  const shop = opts.shopName || "";
+  const method = methodName(v, t);
+  const code = v.barcode;
+  const svg = code ? barcodeSvg(code, v.barcode_format, t.barcode) : null;
+  const expires = formatDate2(v.expires_at, locale, opts.timeZone);
+  const fields = voucherFields(v, t);
+  const steps = voucherSteps(v, t);
+  const subtitle = [shop, method, opts.number ? `${t.order} ${opts.number}` : ""].filter(Boolean).map(esc).join(" \xB7 ");
+  const actions = opts.printButton || opts.pdfHref;
+  return `<!doctype html>
+<html lang="${esc(locale)}"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="robots" content="noindex"><title>${esc(t.title)}${shop ? ` - ${esc(shop)}` : ""}</title><style>${CSS}</style></head>
+<body><main aria-labelledby="t">
+<header class="head"><div><h1 id="t">${esc(t.title)}</h1><p class="muted" data-voucher-method="${esc(v.method ?? "")}">${subtitle}</p></div>
+${v.amount ? `<div><p class="label" style="text-align:right">${esc(t.total)}</p><p class="amount">${esc(formatMoney3(v.amount, locale))}</p></div>` : ""}</header>
+${fields.map((f) => `<section class="box" data-field="${f.key}"><h2 class="label">${esc(f.label)}</h2><p class="value">${esc(f.value)}</p></section>`).join("")}
+${svg ? `<figure class="bar">${svg}<figcaption class="muted" style="font-family:ui-monospace,monospace">${esc(code)}</figcaption></figure>` : ""}
+${expires ? `<p><strong>${esc(t.expires)}:</strong> ${esc(expires.replace(/\.$/, ""))}. ${esc(t.expiresNote)}</p>` : ""}
+<h2 class="steps-title">${esc(t.stepsTitle)}</h2>
+<ol class="steps">${steps.map((s) => `<li>${esc(s)}</li>`).join("")}</ol>
+${v.instructions ? `<p class="note pre muted">${esc(v.instructions)}</p>` : ""}
+<p class="note muted">${esc(t.footer)}</p>
+${actions ? `<div class="actions" role="group" aria-label="${esc(t.title)}">${opts.pdfHref ? `<a class="btn" href="${esc(opts.pdfHref)}" download="ficha-de-pago.pdf" data-voucher-pdf>${esc(t.downloadPdf)}</a>` : ""}${opts.printButton ? `<button type="button" class="btn alt" id="print" hidden>${esc(t.print)}</button><noscript><p class="note muted">${esc(t.noScript)}</p></noscript>` : ""}</div>` : ""}
+</main>
+${opts.printButton || opts.autoPrint ? `<script${opts.nonce ? ` nonce="${esc(opts.nonce)}"` : ""}>(function(){var b=document.getElementById("print");if(b){b.hidden=false;b.addEventListener("click",function(){window.print()})}${opts.autoPrint ? 'window.addEventListener("load",function(){setTimeout(function(){window.print()},300)});' : ""}})();</script>` : ""}
+</body></html>`;
+}
+var CSS;
+var init_voucher_document = __esm({
+  "src/account/voucher-document.ts"() {
+    init_voucher();
+    init_voucher_text();
     CSS = `
 @page { size: A4; margin: 18mm; }
 * { box-sizing: border-box; }
@@ -312,17 +743,21 @@ main { max-width: 174mm; margin: 0 auto; padding: 24px 16px; }
 h1 { font-size: 22px; margin: 0; }
 .muted { color: #555; }
 .head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; border-bottom: 3px solid #111; padding-bottom: 12px; }
-.amount { font-size: 28px; font-weight: 700; text-align: right; }
+.amount { margin: 0; font-size: 28px; font-weight: 700; text-align: right; }
 .box { border: 1px solid #111; padding: 14px 16px; margin-top: 18px; }
-.label { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: #555; }
-.value { font: 700 22px/1.3 ui-monospace, "SF Mono", Menlo, Consolas, monospace; word-break: break-all; letter-spacing: .04em; }
-.bar { margin-top: 18px; text-align: center; }
+.label { margin: 0; font-weight: 400; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: #555; }
+.value { margin: 0; font: 700 22px/1.3 ui-monospace, "SF Mono", Menlo, Consolas, monospace; word-break: break-all; letter-spacing: .04em; }
+.bar { text-align: center; }
 .bar svg { max-width: 100%; height: auto; }
-.steps { margin: 18px 0 0; padding-left: 20px; }
 .note { margin-top: 18px; font-size: 12px; }
 .pre { white-space: pre-line; }
-.actions { margin-top: 24px; display: flex; gap: 12px; }
-.actions button { font: inherit; padding: 10px 18px; border: 1px solid #111; background: #111; color: #fff; cursor: pointer; }
+.steps-title { font-size: 16px; margin: 18px 0 0; }
+.steps { margin: 6px 0 0; padding-left: 20px; }
+.bar { margin: 18px 0 0; }
+.actions { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
+.btn { display: inline-block; font: inherit; padding: 10px 18px; border: 2px solid #111; background: #111; color: #fff; cursor: pointer; text-decoration: none; }
+.btn.alt { background: #fff; color: #111; }
+.btn:focus-visible { outline: 3px solid #1a56db; outline-offset: 2px; }
 @media print { .actions { display: none; } main { padding: 0; } }
 `;
   }
@@ -359,8 +794,8 @@ var isControl = (el) => !!el && typeof el.tagName === "string" && ["INPUT", "SEL
 function validationMessage(el, m = ES) {
   const v = el.validity;
   if (!v || v.valid) return null;
-  const own = el.getAttribute("data-sf-error");
-  if (own) return own;
+  const own2 = el.getAttribute("data-sf-error");
+  if (own2) return own2;
   if (v.valueMissing) return el instanceof HTMLInputElement && (el.type === "radio" || el.type === "checkbox") ? m.choiceMissing : m.valueMissing;
   if (v.typeMismatch && el instanceof HTMLInputElement) return el.type === "email" ? m.email : el.type === "tel" ? m.tel : m.pattern;
   if (v.patternMismatch) return el.getAttribute("title") || (el instanceof HTMLInputElement && el.type === "tel" ? m.tel : m.pattern);
@@ -381,7 +816,7 @@ function useFieldErrors(formRef, options = {}) {
   live.current = m;
   const server = [...options.serverFields ?? []];
   const serverKey = server.join("|");
-  const [errors, setErrors] = react.useState(() => Object.fromEntries(server.map((n) => [n, options.serverMessages?.[n] ?? m.server])));
+  const [errors, setErrors] = react.useState(() => Object.fromEntries(server.map((n2) => [n2, options.serverMessages?.[n2] ?? m.server])));
   const [summary, setSummary] = react.useState(null);
   const [summaryKey, setSummaryKey] = react.useState(0);
   react.useEffect(() => {
@@ -487,9 +922,9 @@ function ErrorSummary({ items, focusKey, locale, messages, title, className, cla
     if (has) ref.current?.focus();
   }, [focusKey]);
   if (!has) return null;
-  const n = items.length;
+  const n2 = items.length;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, role: "alert", tabIndex: -1, className, "data-sf-error-summary": true, "aria-labelledby": "sf-error-summary-title", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("p", { id: "sf-error-summary-title", className: cx.title, "data-sf-error-summary-title": true, children: title ?? (n === 1 ? m.summaryOne : m.summaryMany.replace("{n}", String(n))) }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { id: "sf-error-summary-title", className: cx.title, "data-sf-error-summary-title": true, children: title ?? (n2 === 1 ? m.summaryOne : m.summaryMany.replace("{n}", String(n2))) }),
     /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cx.list, children: items.map((it) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
       "a",
       {
@@ -997,6 +1432,8 @@ var ES4 = {
   "pending.expired": "Vencida",
   "pending.reference": "Referencia",
   "pending.clabe": "CLABE",
+  "pending.beneficiary": "Beneficiario",
+  "pending.bank": "Banco",
   "pending.expires": "Vence el {date}",
   "pending.expiredOn": "Venci\xF3 el {date}",
   "pending.total": "Total",
@@ -1005,9 +1442,11 @@ var ES4 = {
   "pending.copied": "Copiada",
   "pending.copyFailed": "No pudimos copiar; selecciona el texto.",
   "pending.print": "Ver e imprimir ficha",
-  "pending.download": "Descargar ficha",
+  "pending.download": "Descargar PDF",
   "pending.expiredNote": "Esta ficha ya no es v\xE1lida. Haz tu pedido de nuevo.",
   "pending.barcode": "C\xF3digo de barras {code}",
+  "pending.code": "C\xF3digo",
+  "pending.ticket": "Ver comprobante del proveedor",
   "pending.method.oxxo": "OXXO",
   "pending.method.spei": "Transferencia SPEI",
   "pending.method.bank_transfer": "Transferencia bancaria",
@@ -1170,6 +1609,8 @@ var EN4 = {
   "pending.expired": "Expired",
   "pending.reference": "Reference",
   "pending.clabe": "CLABE",
+  "pending.beneficiary": "Beneficiary",
+  "pending.bank": "Bank",
   "pending.expires": "Expires on {date}",
   "pending.expiredOn": "Expired on {date}",
   "pending.total": "Total",
@@ -1178,9 +1619,11 @@ var EN4 = {
   "pending.copied": "Copied",
   "pending.copyFailed": "We could not copy; select the text.",
   "pending.print": "View and print voucher",
-  "pending.download": "Download voucher",
+  "pending.download": "Download PDF",
   "pending.expiredNote": "This voucher is no longer valid. Place your order again.",
   "pending.barcode": "Barcode {code}",
+  "pending.code": "Code",
+  "pending.ticket": "View provider receipt",
   "pending.method.oxxo": "OXXO",
   "pending.method.spei": "SPEI transfer",
   "pending.method.bank_transfer": "Bank transfer",
@@ -1246,7 +1689,7 @@ var defaultImageLoader = (src, width, height) => {
 };
 function parseRatio(ratio) {
   if (!ratio) return null;
-  const [w, h] = ratio.split(/[/:]/).map((n) => Number.parseFloat(n));
+  const [w, h] = ratio.split(/[/:]/).map((n2) => Number.parseFloat(n2));
   return w && h ? w / h : null;
 }
 function Image({
@@ -1642,7 +2085,7 @@ function OrderCard({ order, orderHref, actionHref, onAction, headingLevel = 3, c
   const { m, date, locale } = useAccountText(text2);
   const Heading = `h${headingLevel}`;
   const progress = storefront.orderProgress(order);
-  const items = (Array.isArray(order.lines) ? order.lines : []).reduce((n, l) => n + (Number.isFinite(l?.quantity) ? l.quantity : 0), 0);
+  const items = (Array.isArray(order.lines) ? order.lines : []).reduce((n2, l) => n2 + (Number.isFinite(l?.quantity) ? l.quantity : 0), 0);
   const summary = order.shipments_summary && typeof order.shipments_summary === "object" ? order.shipments_summary : null;
   const shipments = Array.isArray(order.shipments) ? order.shipments : [];
   const showShipment = !!summary && typeof summary.count === "number" && summary.count > 0 && !(shipments.length > 0 && shipments.every(storefront.isTestShipment)) && !["pending_payment", "cancelled", "refunded"].includes(progress.stage);
@@ -1909,11 +2352,23 @@ function InvoiceList({ invoices, summary, renderSummary, fileHref, onDownload, d
   ] });
 }
 init_voucher();
-function Barcode({ value, label, height = 56, className }) {
-  const g = react.useMemo(() => barcodeGeometry(value, { height }), [value, height]);
+function Barcode({ value, label, height = 56, className, format }) {
+  const g = react.useMemo(() => barcodeGeometry(value, { height, ...format ? { format } : {} }), [value, height, format]);
   if (!g) return null;
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: `0 0 ${g.width} ${g.height}`, width: g.width, height: g.height, role: "img", "aria-label": label, shapeRendering: "crispEdges", fill: "#000", "data-sf-voucher-barcode-svg": true, children: g.rects.map((r) => /* @__PURE__ */ jsxRuntime.jsx("rect", { x: r.x, y: 0, width: r.w, height: g.height }, r.x)) });
 }
+async function downloadPdf(payment, opts) {
+  const v = voucherOf(payment);
+  if (!v) return;
+  const { renderVoucherPdf: renderVoucherPdf2 } = await Promise.resolve().then(() => (init_voucher_pdf(), voucher_pdf_exports));
+  const bytes = renderVoucherPdf2(v, { locale: opts.locale, ...opts.shopName ? { shopName: opts.shopName } : {}, ...opts.timeZone ? { timeZone: opts.timeZone } : {} });
+  const url = URL.createObjectURL(new Blob([bytes], { type: "application/pdf" }));
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = "ficha-de-pago.pdf";
+  a.click();
+  setTimeout(() => URL.revokeObjectURL(url), 6e4);
+}
 async function openDocument(payment, mode, opts) {
   const v = voucherOf(payment);
   if (!v) return;
@@ -1926,11 +2381,11 @@ async function openDocument(payment, mode, opts) {
     a.download = "ficha-de-pago.html";
     a.click();
   };
-  if (mode === "print") {
+  {
     const w = window.open(url, "_blank");
     if (w) w.opener = null;
     else download();
-  } else download();
+  }
   setTimeout(() => URL.revokeObjectURL(url), 6e4);
 }
 function PendingPaymentCard({ payment, voucherHref, shopName, headingLevel = 3, classNames: cx = {}, children, ...text2 }) {
@@ -1940,7 +2395,7 @@ function PendingPaymentCard({ payment, voucherHref, shopName, headingLevel = 3,
   if (!v) return null;
   const expired = payment.status === "expired";
   const Heading = `h${headingLevel}`;
-  const code = barcodeValue(v);
+  const code = v.barcode;
   const methodLabel = enumText(m, "pending.method", v.method?.toLowerCase());
   const total = moneyText(payment.total, locale) ?? moneyText(v.amount, locale);
   const copyValue = v.reference ?? v.clabe;
@@ -1954,11 +2409,23 @@ function PendingPaymentCard({ payment, voucherHref, shopName, headingLevel = 3,
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.label, children: m["pending.reference"] }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.value, "data-sf-voucher-value": true, children: v.reference })
     ] }) : null,
+    v.beneficiary ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.field, "data-sf-voucher-beneficiary": true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.label, children: m["pending.beneficiary"] }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.value, "data-sf-voucher-value": true, children: v.beneficiary })
+    ] }) : null,
+    v.bank ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.field, "data-sf-voucher-bank": true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.label, children: m["pending.bank"] }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.value, "data-sf-voucher-value": true, children: v.bank })
+    ] }) : null,
     v.clabe ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.field, "data-sf-voucher-clabe": true, children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.label, children: m["pending.clabe"] }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.value, "data-sf-voucher-value": true, children: v.clabe })
     ] }) : null,
-    code && !expired ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx.barcode, "data-sf-voucher-barcode": true, children: /* @__PURE__ */ jsxRuntime.jsx(Barcode, { value: code, label: fill(m["pending.barcode"], { code }) }) }) : null,
+    v.barcode_text && !expired ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.field, "data-sf-voucher-code": true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.label, children: m["pending.code"] }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.value, "data-sf-voucher-value": true, children: v.barcode_text })
+    ] }) : null,
+    code && !expired ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx.barcode, "data-sf-voucher-barcode": true, children: /* @__PURE__ */ jsxRuntime.jsx(Barcode, { value: code, format: v.barcode_format ?? "code128", label: fill(m["pending.barcode"], { code }) }) }) : null,
     expires ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.expiry, "data-sf-voucher-expiry": true, children: /* @__PURE__ */ jsxRuntime.jsx(Time, { value: v.expires_at ?? payment.expires_at, text: fill(m[expired ? "pending.expiredOn" : "pending.expires"], { date: expires }) }) }) : null,
     total ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx.total, "data-sf-voucher-total": true, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
@@ -1969,18 +2436,25 @@ function PendingPaymentCard({ payment, voucherHref, shopName, headingLevel = 3,
     ] }) : null,
     expired ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.note, "data-sf-voucher-expired-note": true, children: m["pending.expiredNote"] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.actions, "data-sf-voucher-actions": true, children: [
       voucherHref ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("a", { href: voucherHref(payment, { download: false }), target: "_blank", rel: "noopener", className: cx.primary, "data-sf-voucher-print": true, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("a", { href: voucherHref(payment, { download: false, format: "html" }), target: "_blank", rel: "noopener", className: cx.primary, "data-sf-voucher-print": true, children: [
           m["pending.print"],
           /* @__PURE__ */ jsxRuntime.jsxs(Hidden, { children: [
             " ",
             m["action.newTab"]
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("a", { href: voucherHref(payment, { download: true }), download: true, className: cx.secondary, "data-sf-voucher-download": true, children: m["pending.download"] })
+        /* @__PURE__ */ jsxRuntime.jsx("a", { href: voucherHref(payment, { download: true, format: "pdf" }), download: true, className: cx.secondary, "data-sf-voucher-download": true, children: m["pending.download"] })
       ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: cx.primary, onClick: () => void openDocument(payment, "print", { locale, shopName, timeZone }), "data-sf-voucher-print": true, children: m["pending.print"] }),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: cx.secondary, onClick: () => void openDocument(payment, "download", { locale, shopName, timeZone }), "data-sf-voucher-download": true, children: m["pending.download"] })
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: cx.secondary, onClick: () => void downloadPdf(payment, { locale, shopName, timeZone }), "data-sf-voucher-download": true, children: m["pending.download"] })
       ] }),
+      v.ticket_url ? /* @__PURE__ */ jsxRuntime.jsxs("a", { href: v.ticket_url, target: "_blank", rel: "noopener noreferrer", className: cx.secondary, "data-sf-voucher-ticket": true, children: [
+        m["pending.ticket"],
+        /* @__PURE__ */ jsxRuntime.jsxs(Hidden, { children: [
+          " ",
+          m["action.newTab"]
+        ] })
+      ] }) : null,
       copyValue ? /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { value: copyValue, label: v.reference ? m["pending.copyReference"] : m["pending.copyClabe"], copiedLabel: m["pending.copied"], failedLabel: m["pending.copyFailed"], className: cx.secondary, "data-sf-copy": "voucher" }) : null
     ] }),
     children
@@ -2526,8 +3000,10 @@ exports.ShipmentCard = ShipmentCard;
 exports.accountAuthMessages = accountAuthMessages;
 exports.accountMessages = accountMessages;
 exports.barcodeGeometry = barcodeGeometry;
+exports.barcodeModules = barcodeModules;
 exports.barcodeValue = barcodeValue;
 exports.code128Modules = code128Modules;
+exports.code39Modules = code39Modules;
 exports.enumText = enumText;
 exports.lineImage = lineImage;
 exports.paymentLabel = paymentLabel;