@asteby/storefront-react 0.18.0 → 0.20.0

package/dist/account.cjs

@@ -2,8 +2,331 @@
 
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
+var storefront = require('@asteby/storefront');
 
-// src/account/account-auth.tsx
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/account/voucher.ts
+function text(v) {
+  if (typeof v === "number" && Number.isFinite(v)) return String(v);
+  if (typeof v !== "string") return null;
+  const s = v.trim().slice(0, MAX);
+  return s || null;
+}
+function moneyOf(v) {
+  if (!v || typeof v !== "object") return null;
+  const m = v;
+  const amount = text(m.amount);
+  const cur = text(m.currency_code);
+  return amount && cur && Number.isFinite(Number(amount)) ? { amount, currency_code: cur.toUpperCase() } : null;
+}
+function voucherOf(p) {
+  const pay = p?.payment;
+  if (!pay || typeof pay !== "object") return null;
+  const v = {
+    method: text(pay.method ?? pay.provider),
+    reference: text(pay.reference),
+    barcode: text(pay.barcode),
+    clabe: text(pay.clabe),
+    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;
+}
+function barcodeValue(v) {
+  return v.barcode ?? (v.method?.toLowerCase() === "oxxo" ? v.reference : null);
+}
+function code128Modules(value) {
+  if (!value || value.length > 80) return null;
+  let codes;
+  if (/^\d+$/.test(value) && value.length % 2 === 0) {
+    codes = [105];
+    for (let i = 0; i < value.length; i += 2) codes.push(Number(value.slice(i, i + 2)));
+  } else {
+    codes = [104];
+    for (const ch of value) {
+      const c = ch.charCodeAt(0);
+      if (c < 32 || c > 126) return null;
+      codes.push(c - 32);
+    }
+  }
+  let sum = codes[0];
+  for (let i = 1; i < codes.length; i++) sum += codes[i] * i;
+  codes.push(sum % 103);
+  return codes.map((c) => BARS[c]).join("") + STOP;
+}
+function barcodeGeometry(value, opts = {}) {
+  const bits = code128Modules(value);
+  if (!bits) return null;
+  const mod = opts.module ?? 2;
+  const quiet = 10;
+  const rects = [];
+  for (let i = 0; i < bits.length; ) {
+    if (bits[i] === "0") {
+      i++;
+      continue;
+    }
+    let j = i;
+    while (j < bits.length && bits[j] === "1") j++;
+    rects.push({ x: (quiet + i) * mod, w: (j - i) * mod });
+    i = j;
+  }
+  return { width: (bits.length + quiet * 2) * mod, height: opts.height ?? 70, rects };
+}
+var MAX, BARS, STOP;
+var init_voucher = __esm({
+  "src/account/voucher.ts"() {
+    MAX = 256;
+    BARS = [
+      "11011001100",
+      "11001101100",
+      "11001100110",
+      "10010011000",
+      "10010001100",
+      "10001001100",
+      "10011001000",
+      "10011000100",
+      "10001100100",
+      "11001001000",
+      "11001000100",
+      "11000100100",
+      "10110011100",
+      "10011011100",
+      "10011001110",
+      "10111001100",
+      "10011101100",
+      "10011100110",
+      "11001110010",
+      "11001011100",
+      "11001001110",
+      "11011100100",
+      "11001110100",
+      "11101101110",
+      "11101001100",
+      "11100101100",
+      "11100100110",
+      "11101100100",
+      "11100110100",
+      "11100110010",
+      "11011011000",
+      "11011000110",
+      "11000110110",
+      "10100011000",
+      "10001011000",
+      "10001000110",
+      "10110001000",
+      "10001101000",
+      "10001100010",
+      "11010001000",
+      "11000101000",
+      "11000100010",
+      "10110111000",
+      "10110001110",
+      "10001101110",
+      "10111011000",
+      "10111000110",
+      "10001110110",
+      "11101110110",
+      "11010001110",
+      "11000101110",
+      "11011101000",
+      "11011100010",
+      "11011101110",
+      "11101011000",
+      "11101000110",
+      "11100010110",
+      "11101101000",
+      "11101100010",
+      "11100011010",
+      "11101111010",
+      "11001000010",
+      "11110001010",
+      "10100110000",
+      "10100001100",
+      "10010110000",
+      "10010000110",
+      "10000101100",
+      "10000100110",
+      "10110010000",
+      "10110000100",
+      "10011010000",
+      "10011000010",
+      "10000110100",
+      "10000110010",
+      "11000010010",
+      "11001010000",
+      "11110111010",
+      "11000010100",
+      "10001111010",
+      "10100111100",
+      "10010111100",
+      "10010011110",
+      "10111100100",
+      "10011110100",
+      "10011110010",
+      "11110100100",
+      "11110010100",
+      "11110010010",
+      "11011011110",
+      "11011110110",
+      "11110110110",
+      "10101111000",
+      "10100011110",
+      "10001011110",
+      "10111101000",
+      "10111100010",
+      "11110101000",
+      "11110100010",
+      "10111011110",
+      "10111101110",
+      "11101011110",
+      "11110101110",
+      "11010000100",
+      "11010010000",
+      "11010011100"
+    ];
+    STOP = "1100011101011";
+  }
+});
+
+// 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 formatMoney2(m, locale) {
+  if (!m) return "";
+  try {
+    return new Intl.NumberFormat(locale, { style: "currency", currency: m.currency_code }).format(Number(m.amount));
+  } catch {
+    return `${m.amount} ${m.currency_code}`;
+  }
+}
+function formatDate2(iso, locale, timeZone) {
+  if (!iso) return "";
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return "";
+  try {
+    return d.toLocaleString(locale, { dateStyle: "long", timeStyle: "short", ...timeZone ? { timeZone } : {} });
+  } catch {
+    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(formatMoney2(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();
+    ES5 = {
+      title: "Ficha de pago",
+      total: "Total a pagar",
+      reference: "Referencia",
+      clabe: "CLABE",
+      expires: "Vence",
+      expiresNote: "Pasada esa fecha la ficha deja de ser v\xE1lida.",
+      order: "Pedido",
+      barcode: "C\xF3digo de barras",
+      print: "Imprimir ficha",
+      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"
+    };
+    EN5 = {
+      title: "Payment voucher",
+      total: "Amount to pay",
+      reference: "Reference",
+      clabe: "CLABE",
+      expires: "Expires",
+      expiresNote: "After that date the voucher is no longer valid.",
+      order: "Order",
+      barcode: "Barcode",
+      print: "Print voucher",
+      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"
+    };
+    CSS = `
+@page { size: A4; margin: 18mm; }
+* { box-sizing: border-box; }
+body { margin: 0; font: 14px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #111; background: #fff; }
+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; }
+.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; }
+.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; }
+@media print { .actions { display: none; } main { padding: 0; } }
+`;
+  }
+});
 var ES = {
   valueMissing: "Completa este campo.",
   choiceMissing: "Elige una opci\xF3n.",
@@ -49,8 +372,8 @@ function labelOf(el) {
     const legend = el.closest("fieldset")?.querySelector("legend");
     if (legend?.textContent) return legend.textContent.trim();
   }
-  const text = el.labels?.[0]?.getAttribute("data-sf-label") ?? el.labels?.[0]?.textContent ?? el.getAttribute("aria-label") ?? el.name;
-  return text.trim();
+  const text2 = el.labels?.[0]?.getAttribute("data-sf-label") ?? el.labels?.[0]?.textContent ?? el.getAttribute("aria-label") ?? el.name;
+  return text2.trim();
 }
 function useFieldErrors(formRef, options = {}) {
   const m = fieldMessages(options.locale, options.messages);
@@ -357,7 +680,7 @@ function AccountAuth({ capabilities, data, next, pending = false, initialView, f
       ...newPassword ? { minLength: 10, maxLength: 128, hint: m.passwordHint } : {}
     }
   );
-  const link = (to, text) => /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: cx.link, "data-sf-account-link": to, onClick: () => go(to), children: text });
+  const link = (to, text2) => /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: cx.link, "data-sf-account-link": to, onClick: () => go(to), children: text2 });
   let body;
   let links = null;
   switch (view) {
@@ -427,8 +750,1188 @@ function AccountAuth({ capabilities, data, next, pending = false, initialView, f
     ] })
   ] });
 }
+var ES3 = {
+  title: "Crea tu cuenta para seguir tu pedido",
+  benefit: "Con {email} ver\xE1s aqu\xED tu pedido y su env\xEDo, y la pr\xF3xima compra ser\xE1 m\xE1s r\xE1pida. No te pedimos tu direcci\xF3n ni tu tel\xE9fono otra vez.",
+  benefitBasic: "Guarda tus datos para que la pr\xF3xima compra sea m\xE1s r\xE1pida.",
+  accountFor: "Cuenta para {email}",
+  password: "Contrase\xF1a",
+  passwordHint: "Entre 10 y 128 caracteres.",
+  code: "C\xF3digo",
+  codeSentTo: "Enviamos un c\xF3digo a {email}. Puede tardar un minuto.",
+  submit: "Crear cuenta",
+  submitOtp: "Enviarme un c\xF3digo",
+  submitCode: "Confirmar",
+  skipNote: "Si no quieres cuenta, no pasa nada: te avisaremos por correo de tu pedido.",
+  loginLink: "Ya tengo cuenta",
+  errors: {
+    invalid_credentials: "El correo o la contrase\xF1a no coinciden.",
+    invalid_code: "El c\xF3digo no es v\xE1lido o ya venci\xF3.",
+    email_taken: "Ya existe una cuenta con este correo. Entra para ver tu pedido.",
+    rate_limited: "Demasiados intentos. Espera unos minutos e int\xE9ntalo de nuevo.",
+    validation: "Revisa los datos e int\xE9ntalo de nuevo.",
+    unsupported: "Esta tienda no permite crear cuentas por ahora.",
+    store_misconfigured: "No pudimos crear tu cuenta por un problema de configuraci\xF3n de la tienda. Tu pedido sigue en pie.",
+    unavailable: "No pudimos completar la acci\xF3n. Int\xE9ntalo de nuevo en un momento."
+  }
+};
+var EN3 = {
+  title: "Create your account to follow your order",
+  benefit: "With {email} you will see your order and its shipment here, and your next purchase will be faster. We will not ask for your address or phone again.",
+  benefitBasic: "Save your details so your next purchase is faster.",
+  accountFor: "Account for {email}",
+  password: "Password",
+  passwordHint: "Between 10 and 128 characters.",
+  code: "Code",
+  codeSentTo: "We sent a code to {email}. It can take a minute.",
+  submit: "Create account",
+  submitOtp: "Email me a code",
+  submitCode: "Confirm",
+  skipNote: "If you do not want an account, that is fine: we will email you about your order.",
+  loginLink: "I already have an account",
+  errors: {
+    invalid_credentials: "The email and password do not match.",
+    invalid_code: "The code is not valid or has expired.",
+    email_taken: "An account with this email already exists. Sign in to see your order.",
+    rate_limited: "Too many attempts. Wait a few minutes and try again.",
+    validation: "Check the details and try again.",
+    unsupported: "This store does not allow creating accounts right now.",
+    store_misconfigured: "We could not create your account because of a store configuration problem. Your order is safe.",
+    unavailable: "We could not complete that. Try again in a moment."
+  }
+};
+function postPurchaseAccountPromptMessages(locale, overrides) {
+  const base = (locale ?? "es-MX").toLowerCase().startsWith("en") ? EN3 : ES3;
+  if (!overrides) return base;
+  return { ...base, ...overrides, errors: { ...base.errors, ...overrides.errors } };
+}
+var validEmail = (v) => typeof v === "string" && v.length <= 254 && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v.trim());
+function PostPurchaseAccountPrompt({
+  email,
+  capabilities,
+  data,
+  next,
+  pending = false,
+  form: FormTag = "form",
+  action,
+  headingLevel = 2,
+  loginHref,
+  locale,
+  messages,
+  classNames: cx = {},
+  children
+}) {
+  const m = postPurchaseAccountPromptMessages(locale, messages);
+  const ref = react.useRef(null);
+  const passwordOn = capabilities.password;
+  const otpOn = capabilities.otp_channels.includes("email");
+  const errorText = data?.error ? m.errors[data.error.code] : null;
+  const v = useFieldErrors(ref, { ...locale ? { locale } : {}, serverFields: data?.error?.field === "code" || data?.error?.field === "password" ? [data.error.field] : null, serverMessages: data?.error?.field && errorText ? { [data.error.field]: errorText } : null });
+  if (!validEmail(email) || !passwordOn && !otpOn) return null;
+  const address = email.trim().toLowerCase();
+  const step = data?.step === "verify" || data?.step === "otp" ? data.step : null;
+  const view = step ?? (passwordOn ? "register" : "otp-request");
+  const intent = step === "verify" ? "verify" : step === "otp" ? "otp-login" : passwordOn ? "register" : "otp-request";
+  const label = view === "verify" || view === "otp" ? m.submitCode : view === "otp-request" ? m.submitOtp : m.submit;
+  const Heading = `h${headingLevel}`;
+  const fieldProps = { classNames: cx.field, ...locale ? { locale } : {} };
+  const showAlert = errorText && !(data?.error?.field === "code" || data?.error?.field === "password");
+  const benefit = (capabilities.email_verification ? m.benefit : m.benefitBasic).replace("{email}", address);
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cx.root, "data-sf-ppa": true, "data-sf-ppa-view": view, "aria-labelledby": "sf-ppa-title", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Heading, { id: "sf-ppa-title", className: cx.title, children: m.title }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.text, "data-sf-ppa-benefit": true, children: benefit }),
+    /* @__PURE__ */ jsxRuntime.jsxs(FormTag, { ref, method: "post", ...action ? { action } : {}, className: cx.form, "data-sf-ppa-form": true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ErrorSummary, { items: v.summary, focusKey: v.summaryKey, ...locale ? { locale } : {} }),
+      showAlert ? /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: cx.error, "data-sf-ppa-error": data.error.code, children: errorText }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden", name: "email", value: address }),
+      next ? /* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden", name: "next", value: next }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.email, "data-sf-ppa-email": true, children: m.accountFor.replace("{email}", address) }),
+      step ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.notice, role: "status", "data-sf-ppa-notice": true, children: m.codeSentTo.replace("{email}", address) }),
+        /* @__PURE__ */ jsxRuntime.jsx(CheckoutField, { ...fieldProps, name: "code", label: m.code, autoComplete: "one-time-code", inputMode: "numeric", pattern: "[0-9]*", error: v.errors.code ?? null })
+      ] }) : passwordOn ? /* @__PURE__ */ jsxRuntime.jsx(CheckoutField, { ...fieldProps, name: "password", type: "password", label: m.password, autoComplete: "new-password", minLength: 10, maxLength: 128, hint: m.passwordHint, error: v.errors.password ?? null }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx.actions, children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", name: "intent", value: intent, disabled: pending, className: cx.submit, "data-sf-ppa-submit": true, children: label }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx.note, "data-sf-ppa-note": true, children: [
+      m.skipNote,
+      loginHref ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        " ",
+        /* @__PURE__ */ jsxRuntime.jsx("a", { href: loginHref, className: cx.link, "data-sf-ppa-login": true, children: m.loginLink })
+      ] }) : null
+    ] }),
+    children
+  ] });
+}
+
+// src/fiscal/messages.ts
+function fill(template, vars) {
+  return template.replace(/\{(\w+)\}/g, (m, k) => k in vars ? String(vars[k]) : m);
+}
+
+// src/account/orders-messages.ts
+var ES4 = {
+  // order list
+  "order.number": "Pedido {number}",
+  "order.placed": "Realizado el {date}",
+  "order.total": "Total",
+  "order.view": "Ver pedido",
+  "order.items.one": "{count} art\xEDculo",
+  "order.items.other": "{count} art\xEDculos",
+  "order.stepOf": "Paso {n} de {total}: {step}",
+  "order.listLabel": "Tus pedidos",
+  "order.loading": "Cargando tus pedidos",
+  "order.loadMore": "Ver m\xE1s pedidos",
+  "order.loadingMore": "Cargando\u2026",
+  "order.error": "No pudimos cargar tus pedidos. Tus compras est\xE1n a salvo.",
+  "order.retry": "Reintentar",
+  "order.emptyTitle": "A\xFAn no tienes pedidos",
+  "order.emptyBody": "Cuando compres, aqu\xED ver\xE1s el estado y el env\xEDo de cada pedido.",
+  "order.emptyGuest": "\xBFCompraste como invitado? Verifica tu correo para ver aqu\xED tus pedidos.",
+  // stage (order status)
+  "stage.pending_payment": "Esperando pago",
+  "stage.paid": "Pagado",
+  "stage.preparing": "En preparaci\xF3n",
+  "stage.ready_for_pickup": "Listo para recoger",
+  "stage.shipped": "Enviado",
+  "stage.in_transit": "En camino",
+  "stage.out_for_delivery": "En reparto",
+  "stage.delivered": "Entregado",
+  "stage.cancelled": "Cancelado",
+  "stage.refunded": "Reembolsado",
+  "stage.unknown": "En proceso",
+  // progress
+  "progress.label": "Progreso del pedido",
+  "step.paid": "Pagado",
+  "step.preparing": "En preparaci\xF3n",
+  "step.shipped": "Enviado",
+  "step.in_transit": "En camino",
+  "step.ready_for_pickup": "Listo para recoger",
+  "step.delivered": "Entregado",
+  "step.unknown": "Siguiente paso",
+  "stepState.done": "completado",
+  "stepState.current": "paso actual",
+  "stepState.pending": "pendiente",
+  "stepState.problem": "con incidencia",
+  "problem.delivery_exception": "Hubo un problema con la entrega. Contacta a la tienda si no se resuelve.",
+  "problem.returned": "El paquete regres\xF3 a la tienda. Cont\xE1ctanos para coordinar un nuevo env\xEDo.",
+  "problem.lost": "No encontramos tu paquete. Cont\xE1ctanos y lo resolvemos.",
+  "problem.payment_failed": "El pago no se complet\xF3. Puedes intentarlo de nuevo.",
+  "problem.unknown": "Tu pedido tiene una incidencia. Contacta a la tienda.",
+  "progress.cancelled": "Este pedido fue cancelado.",
+  "progress.refunded": "Este pedido fue reembolsado.",
+  // next action
+  "action.pay": "Pagar ahora",
+  "action.track": "Rastrear env\xEDo",
+  "action.pickup": "Recoger en sucursal",
+  "action.download_invoice": "Descargar factura",
+  "action.request_invoice": "Solicitar factura",
+  "action.correct_invoice_data": "Corregir datos de facturaci\xF3n",
+  "action.contact_store": "Contactar a la tienda",
+  "action.unknown": "Ver detalle",
+  "action.newTab": "(se abre en una pesta\xF1a nueva)",
+  "action.label": "Siguiente paso del pedido",
+  // shipment
+  "shipment.title": "Env\xEDo",
+  "shipment.return": "Devoluci\xF3n",
+  "shipment.carrier": "Paqueter\xEDa",
+  "shipment.service": "Servicio",
+  "shipment.number": "N\xFAmero de gu\xEDa",
+  "shipment.copy": "Copiar",
+  "shipment.copied": "Copiado",
+  "shipment.copyFailed": "No pudimos copiar; selecciona el texto.",
+  "shipment.track": "Rastrear con {carrier}",
+  "shipment.trackGeneric": "Rastrear env\xEDo",
+  "shipment.promised": "Llega a m\xE1s tardar el {date}",
+  "shipment.delivered": "Entregado el {date}",
+  "shipment.shipped": "Enviado el {date}",
+  "shipment.events": "Movimientos",
+  "shipment.noEvents": "La paqueter\xEDa a\xFAn no registra movimientos; suele tardar 24 horas.",
+  "shipment.showAll": "Ver todo ({count})",
+  "shipment.showLess": "Ver menos",
+  "shipment.returnLabel": "Gu\xEDa de devoluci\xF3n",
+  "shipment.test": "De prueba",
+  "shipment.testNote": "Env\xEDo de prueba: no es un env\xEDo real.",
+  "shipment.preparing": "Preparando tu env\xEDo",
+  "shipment.status.pending": "Preparando env\xEDo",
+  "shipment.status.label_created": "Gu\xEDa generada",
+  "shipment.status.in_transit": "En camino",
+  "shipment.status.out_for_delivery": "En reparto",
+  "shipment.status.delivered": "Entregado",
+  "shipment.status.exception": "Incidencia en la entrega",
+  "shipment.status.returned": "Devuelto a la tienda",
+  "shipment.status.lost": "Extraviado",
+  "shipment.status.cancelled": "Cancelado",
+  "shipment.status.unknown": "En proceso",
+  "shipment.eventFrom": "{location}",
+  // invoices
+  "invoice.title": "Facturas",
+  "invoice.invoice": "Factura",
+  "invoice.creditNote": "Nota de cr\xE9dito",
+  "invoice.creditNoteOf": "Corrige la factura {folio}",
+  "invoice.folio": "Folio fiscal",
+  "invoice.series": "Serie y folio",
+  "invoice.issued": "Emitida el {date}",
+  "invoice.total": "Total",
+  "invoice.pdf": "Descargar PDF",
+  "invoice.xml": "Descargar XML",
+  "invoice.downloadOf": "{action}, {kind} {name}",
+  "invoice.none": "A\xFAn no hay facturas de este pedido.",
+  "invoice.test": "Factura de prueba, sin validez",
+  "invoice.status.issued": "Emitida",
+  "invoice.status.pending": "En proceso",
+  "invoice.status.cancelled": "Cancelada",
+  "invoice.status.error": "No se pudo emitir",
+  "invoice.status.unknown": "En proceso",
+  "invoice.statusNote.pending": "La estamos generando; te avisaremos cuando est\xE9 lista.",
+  "invoice.statusNote.error": "Contacta a la tienda para resolverlo.",
+  "invoice.statusNote.cancelled": "Esta factura fue cancelada y ya no tiene validez.",
+  // pending payment
+  "pending.title": "Pendientes de pago",
+  "pending.intro": "Tu pedido se genera en cuanto confirmamos el pago. Paga con la ficha antes de que venza.",
+  "pending.waiting": "Esperando pago",
+  "pending.expired": "Vencida",
+  "pending.reference": "Referencia",
+  "pending.clabe": "CLABE",
+  "pending.expires": "Vence el {date}",
+  "pending.expiredOn": "Venci\xF3 el {date}",
+  "pending.total": "Total",
+  "pending.copyReference": "Copiar referencia",
+  "pending.copyClabe": "Copiar CLABE",
+  "pending.copied": "Copiada",
+  "pending.copyFailed": "No pudimos copiar; selecciona el texto.",
+  "pending.print": "Ver e imprimir ficha",
+  "pending.download": "Descargar ficha",
+  "pending.expiredNote": "Esta ficha ya no es v\xE1lida. Haz tu pedido de nuevo.",
+  "pending.barcode": "C\xF3digo de barras {code}",
+  "pending.method.oxxo": "OXXO",
+  "pending.method.spei": "Transferencia SPEI",
+  "pending.method.bank_transfer": "Transferencia bancaria",
+  "pending.method.bank_deposit": "Dep\xF3sito bancario",
+  "pending.method.cash": "Pago en efectivo",
+  "pending.method.unknown": "Pago en efectivo",
+  // refunds & payments
+  "refund.title": "Reembolsos",
+  "refund.status.requested": "Solicitado",
+  "refund.status.processing": "En proceso",
+  "refund.status.completed": "Completado",
+  "refund.status.failed": "No se pudo completar",
+  "refund.status.unknown": "En proceso",
+  "refund.requested": "Solicitado el {date}",
+  "refund.completed": "Completado el {date}",
+  "refund.none": "Este pedido no tiene reembolsos.",
+  "payment.title": "Pagos",
+  "payment.status.paid": "Pagado",
+  "payment.status.pending": "Pendiente",
+  "payment.status.failed": "Fallido",
+  "payment.status.refunded": "Reembolsado",
+  "payment.status.partially_refunded": "Reembolsado parcialmente",
+  "payment.status.unknown": "En proceso",
+  "payment.paidOn": "Pagado el {date}",
+  // sections
+  "section.error": "No pudimos cargar esta secci\xF3n.",
+  "section.retry": "Reintentar",
+  "section.loading": "Cargando"
+};
+var EN4 = {
+  "order.number": "Order {number}",
+  "order.placed": "Placed on {date}",
+  "order.total": "Total",
+  "order.view": "View order",
+  "order.items.one": "{count} item",
+  "order.items.other": "{count} items",
+  "order.stepOf": "Step {n} of {total}: {step}",
+  "order.listLabel": "Your orders",
+  "order.loading": "Loading your orders",
+  "order.loadMore": "Show more orders",
+  "order.loadingMore": "Loading\u2026",
+  "order.error": "We could not load your orders. Your purchases are safe.",
+  "order.retry": "Try again",
+  "order.emptyTitle": "You have no orders yet",
+  "order.emptyBody": "When you buy, you will see the status and shipment of each order here.",
+  "order.emptyGuest": "Did you buy as a guest? Verify your email to see your orders here.",
+  "stage.pending_payment": "Waiting for payment",
+  "stage.paid": "Paid",
+  "stage.preparing": "Being prepared",
+  "stage.ready_for_pickup": "Ready for pickup",
+  "stage.shipped": "Shipped",
+  "stage.in_transit": "On its way",
+  "stage.out_for_delivery": "Out for delivery",
+  "stage.delivered": "Delivered",
+  "stage.cancelled": "Cancelled",
+  "stage.refunded": "Refunded",
+  "stage.unknown": "In progress",
+  "progress.label": "Order progress",
+  "step.paid": "Paid",
+  "step.preparing": "Being prepared",
+  "step.shipped": "Shipped",
+  "step.in_transit": "On its way",
+  "step.ready_for_pickup": "Ready for pickup",
+  "step.delivered": "Delivered",
+  "step.unknown": "Next step",
+  "stepState.done": "completed",
+  "stepState.current": "current step",
+  "stepState.pending": "pending",
+  "stepState.problem": "has a problem",
+  "problem.delivery_exception": "There was a problem with the delivery. Contact the store if it is not resolved.",
+  "problem.returned": "The package went back to the store. Contact us to arrange a new shipment.",
+  "problem.lost": "We could not find your package. Contact us and we will sort it out.",
+  "problem.payment_failed": "The payment did not go through. You can try again.",
+  "problem.unknown": "Your order has a problem. Contact the store.",
+  "progress.cancelled": "This order was cancelled.",
+  "progress.refunded": "This order was refunded.",
+  "action.pay": "Pay now",
+  "action.track": "Track shipment",
+  "action.pickup": "Pick up in store",
+  "action.download_invoice": "Download invoice",
+  "action.request_invoice": "Request invoice",
+  "action.correct_invoice_data": "Fix billing details",
+  "action.contact_store": "Contact the store",
+  "action.unknown": "View details",
+  "action.newTab": "(opens in a new tab)",
+  "action.label": "Next step of the order",
+  "shipment.title": "Shipment",
+  "shipment.return": "Return",
+  "shipment.carrier": "Carrier",
+  "shipment.service": "Service",
+  "shipment.number": "Tracking number",
+  "shipment.copy": "Copy",
+  "shipment.copied": "Copied",
+  "shipment.copyFailed": "We could not copy; select the text.",
+  "shipment.track": "Track with {carrier}",
+  "shipment.trackGeneric": "Track shipment",
+  "shipment.promised": "Arrives by {date}",
+  "shipment.delivered": "Delivered on {date}",
+  "shipment.shipped": "Shipped on {date}",
+  "shipment.events": "Updates",
+  "shipment.noEvents": "The carrier has not reported any movement yet; it usually takes 24 hours.",
+  "shipment.showAll": "Show all ({count})",
+  "shipment.showLess": "Show less",
+  "shipment.returnLabel": "Return label",
+  "shipment.test": "Test",
+  "shipment.testNote": "Test shipment: it is not a real shipment.",
+  "shipment.preparing": "Preparing your shipment",
+  "shipment.status.pending": "Preparing shipment",
+  "shipment.status.label_created": "Label created",
+  "shipment.status.in_transit": "On its way",
+  "shipment.status.out_for_delivery": "Out for delivery",
+  "shipment.status.delivered": "Delivered",
+  "shipment.status.exception": "Delivery problem",
+  "shipment.status.returned": "Returned to the store",
+  "shipment.status.lost": "Lost",
+  "shipment.status.cancelled": "Cancelled",
+  "shipment.status.unknown": "In progress",
+  "shipment.eventFrom": "{location}",
+  "invoice.title": "Invoices",
+  "invoice.invoice": "Invoice",
+  "invoice.creditNote": "Credit note",
+  "invoice.creditNoteOf": "Corrects invoice {folio}",
+  "invoice.folio": "Tax folio",
+  "invoice.series": "Series and number",
+  "invoice.issued": "Issued on {date}",
+  "invoice.total": "Total",
+  "invoice.pdf": "Download PDF",
+  "invoice.xml": "Download XML",
+  "invoice.downloadOf": "{action}, {kind} {name}",
+  "invoice.none": "There are no invoices for this order yet.",
+  "invoice.test": "Test invoice, not valid",
+  "invoice.status.issued": "Issued",
+  "invoice.status.pending": "In progress",
+  "invoice.status.cancelled": "Cancelled",
+  "invoice.status.error": "Could not be issued",
+  "invoice.status.unknown": "In progress",
+  "invoice.statusNote.pending": "We are generating it; we will let you know when it is ready.",
+  "invoice.statusNote.error": "Contact the store to resolve it.",
+  "invoice.statusNote.cancelled": "This invoice was cancelled and is no longer valid.",
+  "pending.title": "Waiting for payment",
+  "pending.intro": "Your order is created as soon as we confirm the payment. Pay with the voucher before it expires.",
+  "pending.waiting": "Waiting for payment",
+  "pending.expired": "Expired",
+  "pending.reference": "Reference",
+  "pending.clabe": "CLABE",
+  "pending.expires": "Expires on {date}",
+  "pending.expiredOn": "Expired on {date}",
+  "pending.total": "Total",
+  "pending.copyReference": "Copy reference",
+  "pending.copyClabe": "Copy CLABE",
+  "pending.copied": "Copied",
+  "pending.copyFailed": "We could not copy; select the text.",
+  "pending.print": "View and print voucher",
+  "pending.download": "Download voucher",
+  "pending.expiredNote": "This voucher is no longer valid. Place your order again.",
+  "pending.barcode": "Barcode {code}",
+  "pending.method.oxxo": "OXXO",
+  "pending.method.spei": "SPEI transfer",
+  "pending.method.bank_transfer": "Bank transfer",
+  "pending.method.bank_deposit": "Bank deposit",
+  "pending.method.cash": "Cash payment",
+  "pending.method.unknown": "Cash payment",
+  "refund.title": "Refunds",
+  "refund.status.requested": "Requested",
+  "refund.status.processing": "In progress",
+  "refund.status.completed": "Completed",
+  "refund.status.failed": "Could not be completed",
+  "refund.status.unknown": "In progress",
+  "refund.requested": "Requested on {date}",
+  "refund.completed": "Completed on {date}",
+  "refund.none": "This order has no refunds.",
+  "payment.title": "Payments",
+  "payment.status.paid": "Paid",
+  "payment.status.pending": "Pending",
+  "payment.status.failed": "Failed",
+  "payment.status.refunded": "Refunded",
+  "payment.status.partially_refunded": "Partially refunded",
+  "payment.status.unknown": "In progress",
+  "payment.paidOn": "Paid on {date}",
+  "section.error": "We could not load this section.",
+  "section.retry": "Try again",
+  "section.loading": "Loading"
+};
+function accountMessages(locale, overrides) {
+  const base = (locale ?? "es-MX").toLowerCase().startsWith("en") ? EN4 : ES4;
+  return overrides ? { ...base, ...overrides } : base;
+}
+function enumText(m, group, value) {
+  const key = `${group}.${typeof value === "string" ? value : ""}`;
+  return Object.prototype.hasOwnProperty.call(m, key) ? m[key] : m[`${group}.unknown`];
+}
+var StorefrontContext = react.createContext(null);
+function useOptionalStorefront() {
+  return react.useContext(StorefrontContext);
+}
+
+// src/locale.ts
+function useResolvedLocale(locale) {
+  const sf = useOptionalStorefront();
+  return locale ?? sf?.locale ?? "es-MX";
+}
+var SR_ONLY = {
+  position: "absolute",
+  width: 1,
+  height: 1,
+  padding: 0,
+  margin: -1,
+  overflow: "hidden",
+  clip: "rect(0 0 0 0)",
+  whiteSpace: "nowrap",
+  border: 0
+};
+function str(v) {
+  if (typeof v === "number") return Number.isFinite(v) ? String(v) : null;
+  if (typeof v !== "string") return null;
+  const s = v.trim();
+  return s ? s : null;
+}
+function moneyText(v, locale) {
+  if (!v || typeof v !== "object") return null;
+  const { amount, currency_code } = v;
+  const a = typeof amount === "number" ? String(amount) : amount;
+  if (typeof a !== "string" || !a.trim() || !Number.isFinite(Number(a)) || typeof currency_code !== "string" || !/^[A-Za-z]{3}$/.test(currency_code)) return null;
+  return storefront.formatMoney({ amount: a.trim(), currency_code: currency_code.toUpperCase() }, locale);
+}
+function Hidden({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { style: SR_ONLY, children });
+}
+function useAccountText({ locale, messages, timeZone }) {
+  const resolved = useResolvedLocale(locale);
+  const m = accountMessages(resolved, messages);
+  const date = (iso, style = "date") => formatDate(iso, resolved, style, timeZone);
+  const t = (key, vars) => vars ? fill(m[key], vars) : m[key];
+  return { locale: resolved, m, t, date, timeZone };
+}
+function formatDate(iso, locale, style = "date", timeZone) {
+  if (!iso || typeof iso !== "string") return null;
+  const dayOnly = /^\d{4}-\d{2}-\d{2}$/.test(iso);
+  const d = new Date(dayOnly ? `${iso}T12:00:00Z` : iso);
+  if (Number.isNaN(d.getTime())) return null;
+  const zone = dayOnly ? "UTC" : timeZone;
+  try {
+    return new Intl.DateTimeFormat(locale, { dateStyle: "long", ...style === "datetime" && !dayOnly ? { timeStyle: "short" } : {}, ...zone ? { timeZone: zone } : {} }).format(d);
+  } catch {
+    return d.toISOString().slice(0, 10);
+  }
+}
+function Time({ value, text: text2, className }) {
+  if (!value || !text2) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: value, className, suppressHydrationWarning: true, children: text2 });
+}
+function plural(m, base, count) {
+  return fill(count === 1 ? m["order.items.one"] : m["order.items.other"], { count });
+}
+function CopyButton({ value, label, copiedLabel, failedLabel, className, ariaLabel, ...rest }) {
+  const [state, setState] = react.useState("idle");
+  const timer = react.useRef(void 0);
+  react.useEffect(() => () => clearTimeout(timer.current), []);
+  const copy = react.useCallback(async () => {
+    try {
+      await navigator.clipboard.writeText(value);
+      setState("copied");
+    } catch {
+      setState("failed");
+    }
+    clearTimeout(timer.current);
+    timer.current = setTimeout(() => setState("idle"), 3e3);
+  }, [value]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: copy, className, "aria-label": ariaLabel, "data-sf-copy": rest["data-sf-copy"] ?? "", "data-state": state, children: state === "copied" ? copiedLabel : label }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { role: "status", "aria-live": "polite", "data-sf-copy-status": true, style: state === "failed" ? void 0 : SR_ONLY, children: state === "copied" ? copiedLabel : state === "failed" ? failedLabel : "" })
+  ] });
+}
+var STEP_STATES = /* @__PURE__ */ new Set(["done", "current", "pending", "problem"]);
+var stepState = (s) => typeof s === "string" && STEP_STATES.has(s) ? s : "pending";
+var GLYPH = { done: "\u2713", current: "\u25CF", pending: "\u25CB", problem: "!" };
+function stageTone(stage, problem) {
+  if (problem) return "problem";
+  if (stage === "delivered") return "done";
+  if (stage === "cancelled" || stage === "refunded") return "muted";
+  if (["pending_payment", "paid", "preparing", "ready_for_pickup", "shipped", "in_transit", "out_for_delivery"].includes(stage)) return "current";
+  return "muted";
+}
+function OrderStatusBadge({ order, progress, className, ...text2 }) {
+  const { m } = useAccountText(text2);
+  const p = progress ?? (order ? storefront.orderProgress(order) : null);
+  if (!p) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className, "data-sf-order-badge": true, "data-sf-stage": p.stage, "data-sf-tone": stageTone(p.stage, p.problem), children: [
+    enumText(m, "stage", p.stage),
+    p.problem ? /* @__PURE__ */ jsxRuntime.jsx(Hidden, { children: `, ${m["stepState.problem"]}` }) : null
+  ] });
+}
+function OrderProgress({ order, progress, variant = "full", classNames: cx = {}, ...text2 }) {
+  const { m, t, date } = useAccountText(text2);
+  const p = progress ?? (order ? storefront.orderProgress(order) : null);
+  if (!p) return null;
+  const steps = Array.isArray(p.steps) ? p.steps.filter((s) => s && typeof s === "object") : [];
+  const stepLabel = (s) => enumText(m, "step", s.key);
+  if (steps.length === 0 || p.stage === "cancelled" || p.stage === "refunded") {
+    const note = p.stage === "cancelled" ? m["progress.cancelled"] : p.stage === "refunded" ? m["progress.refunded"] : enumText(m, "stage", p.stage);
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx.root, "data-sf-progress": true, "data-sf-stage": p.stage, "data-sf-variant": variant, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.terminal, "data-sf-progress-terminal": true, children: note }) });
+  }
+  if (variant === "compact") {
+    const at = Math.max(0, steps.findIndex((s) => stepState(s.state) === "current" || stepState(s.state) === "problem"));
+    const index = steps.some((s) => stepState(s.state) === "current" || stepState(s.state) === "problem") ? at : steps.every((s) => stepState(s.state) === "done") ? steps.length - 1 : 0;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx.root, "data-sf-progress": true, "data-sf-stage": p.stage, "data-sf-variant": "compact", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.label, "data-sf-progress-summary": true, children: t("order.stepOf", { n: index + 1, total: steps.length, step: stepLabel(steps[index]) }) }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.root, "data-sf-progress": true, "data-sf-stage": p.stage, "data-sf-variant": "full", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("ol", { className: cx.list, "aria-label": m["progress.label"], "data-sf-progress-list": true, children: steps.map((s, i) => {
+      const state = stepState(s.state);
+      return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: cx.step, "data-sf-step": typeof s.key === "string" ? s.key : "unknown", "data-sf-step-state": state, ...state === "current" || state === "problem" ? { "aria-current": "step" } : {}, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.marker, "aria-hidden": "true", "data-sf-step-marker": true, children: GLYPH[state] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cx.label, "data-sf-step-label": true, children: [
+          stepLabel(s),
+          /* @__PURE__ */ jsxRuntime.jsx(Hidden, { children: `, ${m[`stepState.${state}`]}` })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(Time, { value: s.at, text: date(s.at), className: cx.time })
+      ] }, `${s.key}-${i}`);
+    }) }),
+    p.problem ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.problem, "data-sf-progress-problem": typeof p.problem.code === "string" ? p.problem.code : "unknown", children: enumText(m, "problem", p.problem.code) }) : null
+  ] });
+}
+function NextActionBar({ order, action, hrefFor, onAction, secondary, classNames: cx = {}, ...text2 }) {
+  const { m } = useAccountText(text2);
+  const a = action ?? (order ? storefront.nextAction(order) : null);
+  if (!a || a.kind === "none") return secondary ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx.root, "data-sf-action-bar": true, children: secondary }) : null;
+  const fromApi = a.kind === "track" || a.kind === "pickup" ? storefront.safeTrackingUrl(a.href) : null;
+  const href = hrefFor?.(a) ?? fromApi;
+  const external = !!href && /^https:\/\//i.test(href);
+  const label = enumText(m, "action", a.kind);
+  const common = { className: cx.primary, "data-sf-action": typeof a.kind === "string" ? a.kind : "unknown" };
+  let primary = null;
+  if (href) {
+    primary = /* @__PURE__ */ jsxRuntime.jsxs("a", { href, ...common, ...external ? { target: "_blank", rel: "noopener noreferrer" } : {}, onClick: onAction ? (e) => onAction(a, e) : void 0, children: [
+      label,
+      external ? /* @__PURE__ */ jsxRuntime.jsxs(Hidden, { children: [
+        " ",
+        m["action.newTab"]
+      ] }) : null
+    ] });
+  } else if (onAction) {
+    primary = /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", ...common, onClick: (e) => onAction(a, e), children: label });
+  }
+  if (!primary && !secondary) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.root, role: "group", "aria-label": m["action.label"], "data-sf-action-bar": true, children: [
+    primary,
+    secondary
+  ] });
+}
+function OrderCard({ order, orderHref, actionHref, onAction, headingLevel = 3, classNames: cx = {}, ...text2 }) {
+  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 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);
+  const action = storefront.nextAction(order);
+  const total = moneyText(order.total, locale);
+  const carrier = summary ? str(summary.carrier) : null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: cx.root, "data-sf-order": true, "data-sf-order-status": progress.stage, "data-sf-order-id": order.id, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: cx.header, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Heading, { className: cx.number, "data-sf-order-number": true, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: orderHref(order), className: cx.link, "data-sf-order-link": true, children: fill(m["order.number"], { number: str(order.number) ?? (str(order.id) ?? "").slice(0, 8) }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(OrderStatusBadge, { progress, ...text2, ...cx.badge ? { className: cx.badge } : {} })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx.meta, "data-sf-order-meta": true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Time, { value: order.created_at, text: date(order.created_at) ? fill(m["order.placed"], { date: date(order.created_at) }) : null }),
+      items > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        " \xB7 ",
+        plural(m, "order.items", items)
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.summary, "data-sf-order-summary": true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(OrderProgress, { progress, variant: "compact", ...text2, ...cx.progress ? { classNames: cx.progress } : {} }),
+      showShipment ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx.shipment, "data-sf-order-shipment": true, children: [
+        carrier ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          carrier,
+          " \xB7 "
+        ] }) : null,
+        enumText(m, "shipment.status", summary.status)
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.footer, children: [
+      total ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx.total, "data-sf-order-total": true, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          m["order.total"],
+          ": "
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: total })
+      ] }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        NextActionBar,
+        {
+          action,
+          ...text2,
+          hrefFor: (a) => actionHref?.(a, order) ?? void 0,
+          ...onAction ? { onAction: (a) => onAction(a, order) } : {},
+          classNames: { ...cx.actions ? { root: cx.actions } : {}, ...cx.action ?? {} }
+        }
+      )
+    ] })
+  ] });
+}
+function OrderList({ orders, status = "ready", skeletons = 3, onRetry, hasMore, loadingMore, onLoadMore, emptyAction, guestHint = true, orderHref, actionHref, onAction, headingLevel = 3, classNames: cx = {}, ...text2 }) {
+  const { m } = useAccountText(text2);
+  const list = (Array.isArray(orders) ? orders : []).filter((o) => !!o && typeof o === "object" && typeof o.id === "string");
+  if (status === "loading" && list.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.root, role: "status", "aria-busy": "true", "data-sf-orders": true, "data-sf-orders-state": "loading", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Hidden, { children: m["order.loading"] }),
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cx.list, "aria-hidden": "true", children: Array.from({ length: Math.max(1, skeletons) }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: cx.skeleton, "data-sf-skeleton": true }, i)) })
+    ] });
+  }
+  if (status === "error" && list.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx.root, "data-sf-orders": true, "data-sf-orders-state": "error", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.error, role: "alert", "data-sf-orders-error": true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: m["order.error"] }),
+      onRetry ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: cx.retry, onClick: onRetry, "data-sf-retry": true, children: m["order.retry"] }) : null
+    ] }) });
+  }
+  if (list.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx.root, "data-sf-orders": true, "data-sf-orders-state": "empty", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.empty, "data-sf-orders-empty": true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.emptyTitle, children: /* @__PURE__ */ jsxRuntime.jsx("strong", { children: m["order.emptyTitle"] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.emptyBody, children: m["order.emptyBody"] }),
+      guestHint ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.emptyGuest, "data-sf-orders-guest-hint": true, children: m["order.emptyGuest"] }) : null,
+      emptyAction
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.root, "data-sf-orders": true, "data-sf-orders-state": "ready", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cx.list, "aria-label": m["order.listLabel"], "data-sf-orders-list": true, children: list.map((o) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: cx.item, children: /* @__PURE__ */ jsxRuntime.jsx(OrderCard, { order: o, orderHref, ...actionHref ? { actionHref } : {}, ...onAction ? { onAction } : {}, headingLevel, ...text2, ...cx.card ? { classNames: cx.card } : {} }) }, o.id)) }),
+    status === "error" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.error, role: "alert", "data-sf-orders-error": true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: m["order.error"] }),
+      onRetry ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: cx.retry, onClick: onRetry, "data-sf-retry": true, children: m["order.retry"] }) : null
+    ] }) : null,
+    hasMore && onLoadMore ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: cx.more, onClick: onLoadMore, disabled: loadingMore, "aria-disabled": loadingMore || void 0, "data-sf-orders-more": true, children: loadingMore ? m["order.loadingMore"] : m["order.loadMore"] }) : null
+  ] });
+}
+function ShipmentCard({ shipment, testMode = "hide", eventsPreview = 3, renderCarrierMark, renderMap, headingLevel = 3, classNames: cx = {}, ...text2 }) {
+  const { m, t, date } = useAccountText(text2);
+  const [open, setOpen] = react.useState(false);
+  const id = react.useId().replace(/:/g, "");
+  if (!shipment || typeof shipment !== "object") return null;
+  const test = storefront.isTestShipment(shipment);
+  if (test && testMode === "hide") return null;
+  const isReturn = shipment.kind === "return";
+  const Heading = `h${headingLevel}`;
+  const SubHeading = `h${headingLevel + 1}`;
+  const carrier = str(shipment.carrier);
+  const service = test ? null : str(shipment.service);
+  const number = test ? null : str(shipment.tracking_number);
+  const trackUrl = test ? null : storefront.safeTrackingUrl(shipment.tracking_url);
+  const labelUrl = isReturn && !test ? storefront.safeTrackingUrl(shipment.label_url) : null;
+  const events = test ? [] : storefront.sortTrackingEvents(shipment.events);
+  const shown = open ? events : events.slice(0, Math.max(1, eventsPreview));
+  const status = test ? m["shipment.preparing"] : enumText(m, "shipment.status", shipment.status);
+  const promised = !test && shipment.status !== "delivered" ? date(shipment.promised_by) : null;
+  const delivered = !test ? date(shipment.delivered_at) : null;
+  const shipped = !test && !delivered ? date(shipment.shipped_at) : null;
+  const titleId = `sf-shp-${id}`;
+  const eventsId = `sf-shp-ev-${id}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: cx.root, "aria-labelledby": titleId, "data-sf-shipment": true, "data-sf-shipment-status": test ? "test" : typeof shipment.status === "string" ? shipment.status : "unknown", "data-sf-shipment-kind": isReturn ? "return" : "outbound", ...test ? { "data-sf-test": "" } : {}, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: cx.header, "data-sf-shipment-header": true, children: [
+      renderCarrierMark && !test ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-sf-shipment-mark": true, children: renderCarrierMark(shipment) }) : null,
+      /* @__PURE__ */ jsxRuntime.jsxs(Heading, { id: titleId, className: cx.carrier, "data-sf-shipment-title": true, children: [
+        isReturn ? m["shipment.return"] : carrier ?? m["shipment.title"],
+        isReturn && carrier ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          " \xB7 ",
+          carrier
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.status, "data-sf-shipment-state": true, children: status }),
+      test ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.test, "data-sf-shipment-test": true, children: m["shipment.test"] }) : null
+    ] }),
+    test ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.meta, "data-sf-shipment-test-note": true, children: m["shipment.testNote"] }) : null,
+    service ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx.meta, "data-sf-shipment-service": true, children: [
+      m["shipment.service"],
+      ": ",
+      service
+    ] }) : null,
+    number ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx.number, "data-sf-shipment-number": true, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        m["shipment.number"],
+        ": "
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("code", { children: number }),
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { value: number, label: m["shipment.copy"], copiedLabel: m["shipment.copied"], failedLabel: m["shipment.copyFailed"], ariaLabel: `${m["shipment.copy"]} ${m["shipment.number"]}`, className: cx.copy, "data-sf-copy": "tracking" })
+    ] }) : null,
+    promised || delivered || shipped ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.meta, "data-sf-shipment-dates": true, children: delivered ? /* @__PURE__ */ jsxRuntime.jsx(Time, { value: shipment.delivered_at, text: t("shipment.delivered", { date: delivered }) }) : promised ? /* @__PURE__ */ jsxRuntime.jsx(Time, { value: shipment.promised_by, text: t("shipment.promised", { date: promised }) }) : /* @__PURE__ */ jsxRuntime.jsx(Time, { value: shipment.shipped_at, text: t("shipment.shipped", { date: shipped ?? "" }) }) }) : null,
+    trackUrl || labelUrl ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx.actions, "data-sf-shipment-actions": true, children: [
+      trackUrl ? /* @__PURE__ */ jsxRuntime.jsxs("a", { href: trackUrl, target: "_blank", rel: "noopener noreferrer", className: cx.link, "data-sf-shipment-track": true, children: [
+        carrier ? t("shipment.track", { carrier }) : m["shipment.trackGeneric"],
+        /* @__PURE__ */ jsxRuntime.jsxs(Hidden, { children: [
+          " ",
+          m["action.newTab"]
+        ] })
+      ] }) : null,
+      labelUrl ? /* @__PURE__ */ jsxRuntime.jsxs("a", { href: labelUrl, target: "_blank", rel: "noopener noreferrer", className: cx.link, "data-sf-shipment-label": true, children: [
+        m["shipment.returnLabel"],
+        /* @__PURE__ */ jsxRuntime.jsxs(Hidden, { children: [
+          " ",
+          m["action.newTab"]
+        ] })
+      ] }) : null
+    ] }) : null,
+    renderMap && !test && shipment.map ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx.map, "data-sf-shipment-map-slot": true, children: renderMap({ shipment, map: shipment.map }) }) : null,
+    !test ? events.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.empty, "data-sf-shipment-empty": true, children: m["shipment.noEvents"] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-sf-shipment-events-wrap": true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SubHeading, { className: cx.meta, "data-sf-shipment-events-title": true, children: m["shipment.events"] }),
+      /* @__PURE__ */ jsxRuntime.jsx("ol", { className: cx.events, id: eventsId, "data-sf-shipment-events": true, children: shown.map((e, i) => {
+        const description = str(e.description);
+        const location = str(e.location);
+        return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: cx.event, "data-sf-event-status": typeof e.status === "string" ? e.status : "unknown", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "data-sf-event-state": true, children: enumText(m, "shipment.status", e.status) }),
+          description ? /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-sf-event-description": true, children: [
+            " \xB7 ",
+            description
+          ] }) : null,
+          location ? /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-sf-event-location": true, children: [
+            " \xB7 ",
+            location
+          ] }) : null,
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsx(Time, { value: e.occurred_at, text: date(e.occurred_at, "datetime") })
+        ] }, `${str(e.id) ?? ""}-${i}`);
+      }) }),
+      events.length > Math.max(1, eventsPreview) ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: cx.toggle, "aria-expanded": open, "aria-controls": eventsId, onClick: () => setOpen((v) => !v), "data-sf-shipment-toggle": true, children: open ? m["shipment.showLess"] : t("shipment.showAll", { count: events.length }) }) : null
+    ] }) : null
+  ] });
+}
+var known = (s) => s === "issued" || s === "pending" || s === "cancelled" || s === "error";
+function InvoiceList({ invoices, summary, renderSummary, fileHref, onDownload, degraded, onRetry, testMode = "mark", headingLevel = 3, children, classNames: cx = {}, ...text2 }) {
+  const { m, date, locale } = useAccountText(text2);
+  const Heading = `h${headingLevel}`;
+  const titleId = `sf-invoices-${react.useId().replace(/:/g, "")}`;
+  const all = (Array.isArray(invoices) ? invoices : []).filter((d) => !!d && typeof d === "object" && typeof d.id === "string");
+  const docs = testMode === "hide" ? all.filter((d) => !storefront.isTestInvoice(d)) : all;
+  const { groups, orphans } = storefront.groupInvoiceDocs(docs);
+  const renderDoc = (doc, parent) => {
+    const test = storefront.isTestInvoice(doc);
+    const status = known(doc.status) ? doc.status : "unknown";
+    const kindLabel = doc.kind === "credit_note" ? m["invoice.creditNote"] : m["invoice.invoice"];
+    const docName = (d) => [str(d.series), str(d.folio_number)].filter(Boolean).join("-");
+    const name = docName(doc);
+    const folio = str(doc.folio);
+    const canDownload = status === "issued" && !test;
+    const total = moneyText(doc.total, locale);
+    const link = (kind) => {
+      const label = kind === "pdf" ? m["invoice.pdf"] : m["invoice.xml"];
+      const aria = fill(m["invoice.downloadOf"], { action: label, kind: kindLabel.toLowerCase(), name: name || folio || "" }).replace(/\s+,/g, ",").replace(/,\s*$/, "").trim();
+      const href = fileHref?.(doc, kind);
+      if (href) {
+        return /* @__PURE__ */ jsxRuntime.jsx("a", { href, download: true, className: cx.download, "aria-label": aria, "data-sf-invoice-download": kind, children: label }, kind);
+      }
+      if (onDownload) {
+        return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: cx.download, "aria-label": aria, onClick: () => onDownload(doc, kind), "data-sf-invoice-download": kind, children: label }, kind);
+      }
+      return null;
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: cx.doc, "data-sf-invoice-doc": true, "data-sf-invoice-kind": doc.kind === "credit_note" ? "credit_note" : "invoice", "data-sf-invoice-status": status, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx.status, "data-sf-invoice-heading": true, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: kindLabel }),
+        name ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          " ",
+          name
+        ] }) : null,
+        " \xB7 ",
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "data-sf-invoice-state": true, children: enumText(m, "invoice.status", doc.status) }),
+        test ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.test, "data-sf-invoice-test": true, children: m["invoice.test"] })
+        ] }) : null
+      ] }),
+      parent ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.meta, "data-sf-invoice-parent": true, children: fill(m["invoice.creditNoteOf"], { folio: docName(parent) || str(parent.folio) || "" }).trim() }) : null,
+      folio && !test ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx.meta, "data-sf-invoice-folio": true, children: [
+        m["invoice.folio"],
+        ": ",
+        /* @__PURE__ */ jsxRuntime.jsx("code", { children: folio })
+      ] }) : null,
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx.meta, children: [
+        doc.issued_at ? /* @__PURE__ */ jsxRuntime.jsx(Time, { value: doc.issued_at, text: fill(m["invoice.issued"], { date: date(doc.issued_at) ?? "" }) }) : null,
+        total ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          " \xB7 ",
+          m["invoice.total"],
+          ": ",
+          total
+        ] }) : null
+      ] }),
+      status === "pending" || status === "error" || status === "cancelled" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.note, "data-sf-invoice-note": true, children: m[`invoice.statusNote.${status}`] }) : null,
+      canDownload && (fileHref || onDownload) ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx.actions, "data-sf-invoice-actions": true, children: [
+        link("pdf"),
+        link("xml")
+      ] }) : null
+    ] }, doc.id);
+  };
+  const hasDocs = groups.length + orphans.length > 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cx.root, "aria-labelledby": titleId, "data-sf-invoices": true, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Heading, { id: titleId, className: cx.title, children: m["invoice.title"] }),
+    degraded ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.error, role: "alert", "data-sf-section-error": "invoices", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: m["section.error"] }),
+      onRetry ? /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: cx.retry, onClick: onRetry, "data-sf-retry": true, children: [
+        m["section.retry"],
+        /* @__PURE__ */ jsxRuntime.jsxs(Hidden, { children: [
+          " ",
+          m["invoice.title"]
+        ] })
+      ] }) : null
+    ] }) : hasDocs ? /* @__PURE__ */ jsxRuntime.jsxs("ul", { "data-sf-invoice-list": true, children: [
+      groups.map(({ invoice, creditNotes }) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: cx.group, "data-sf-invoice-group": true, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { children: renderDoc(invoice) }),
+        creditNotes.length ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cx.creditNotes, "data-sf-invoice-credit-notes": true, children: creditNotes.map((nc) => renderDoc(nc, invoice)) }) : null
+      ] }, invoice.id)),
+      orphans.map((nc) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: cx.group, "data-sf-invoice-group": true, children: /* @__PURE__ */ jsxRuntime.jsx("ul", { children: renderDoc(nc) }) }, nc.id))
+    ] }) : summary && renderSummary ? /* @__PURE__ */ jsxRuntime.jsx("div", { "data-sf-invoice-summary": true, children: renderSummary(summary) }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.empty, "data-sf-invoice-empty": true, children: m["invoice.none"] }),
+    children
+  ] });
+}
+init_voucher();
+function Barcode({ value, label, height = 56, className }) {
+  const g = react.useMemo(() => barcodeGeometry(value, { height }), [value, height]);
+  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 openDocument(payment, mode, opts) {
+  const v = voucherOf(payment);
+  if (!v) return;
+  const { renderVoucherDocument: renderVoucherDocument2 } = await Promise.resolve().then(() => (init_voucher_document(), voucher_document_exports));
+  const html = renderVoucherDocument2(v, { locale: opts.locale, ...opts.shopName ? { shopName: opts.shopName } : {}, ...opts.timeZone ? { timeZone: opts.timeZone } : {}, printButton: mode === "print", autoPrint: mode === "print" });
+  const url = URL.createObjectURL(new Blob([html], { type: "text/html;charset=utf-8" }));
+  const download = () => {
+    const a = document.createElement("a");
+    a.href = url;
+    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 }) {
+  const { m, date, locale, timeZone } = useAccountText(text2);
+  const titleId = `sf-voucher-${react.useId().replace(/:/g, "")}`;
+  const v = voucherOf(payment);
+  if (!v) return null;
+  const expired = payment.status === "expired";
+  const Heading = `h${headingLevel}`;
+  const code = barcodeValue(v);
+  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;
+  const expires = date(v.expires_at ?? payment.expires_at, "datetime");
+  return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: cx.root, "aria-labelledby": titleId, "data-sf-voucher": true, "data-sf-voucher-status": expired ? "expired" : "pending_payment", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: cx.header, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Heading, { id: titleId, className: cx.method, "data-sf-voucher-method": true, children: methodLabel }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.badge, "data-sf-voucher-badge": true, "data-sf-tone": expired ? "muted" : "current", children: expired ? m["pending.expired"] : m["pending.waiting"] })
+    ] }),
+    v.reference ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.field, "data-sf-voucher-reference": true, children: [
+      /* @__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.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,
+    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: [
+        m["pending.total"],
+        ": "
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("strong", { children: total })
+    ] }) : 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: [
+          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.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"] })
+      ] }),
+      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
+  ] });
+}
+function PendingPaymentList({ payments, voucherHref, shopName, classNames, listClassNames: lc = {}, headingLevel = 2, ...text2 }) {
+  const { m } = useAccountText(text2);
+  const titleId = `sf-pending-${react.useId().replace(/:/g, "")}`;
+  const items = (Array.isArray(payments) ? payments : []).filter((p) => !!voucherOf(p));
+  if (items.length === 0) return null;
+  const sorted = [...items.filter((p) => p.status !== "expired"), ...items.filter((p) => p.status === "expired")];
+  const Heading = `h${headingLevel}`;
+  const cardHeading = headingLevel + 1;
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: lc.root, "aria-labelledby": titleId, "data-sf-pending": true, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Heading, { id: titleId, className: lc.title, children: m["pending.title"] }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: lc.intro, children: m["pending.intro"] }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: lc.list, children: sorted.map((p) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: lc.item, children: /* @__PURE__ */ jsxRuntime.jsx(PendingPaymentCard, { payment: p, ...voucherHref ? { voucherHref } : {}, ...shopName ? { shopName } : {}, ...classNames ? { classNames } : {}, headingLevel: cardHeading, ...text2 }) }, p.id)) })
+  ] });
+}
+var tone = (s) => s === "completed" ? "done" : s === "failed" ? "problem" : "current";
+function RefundList({ refunds, showEmpty = false, degraded, onRetry, headingLevel = 3, classNames: cx = {}, ...text2 }) {
+  const { m, locale, date } = useAccountText(text2);
+  const titleId = `sf-refunds-${react.useId().replace(/:/g, "")}`;
+  const items = (Array.isArray(refunds) ? refunds : []).filter((r) => !!r && typeof r === "object" && typeof r.id === "string");
+  if (!degraded && items.length === 0 && !showEmpty) return null;
+  const Heading = `h${headingLevel}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cx.root, "aria-labelledby": titleId, "data-sf-refunds": true, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Heading, { id: titleId, className: cx.title, children: m["refund.title"] }),
+    degraded ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.error, role: "alert", "data-sf-section-error": "refunds", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: m["section.error"] }),
+      onRetry ? /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: cx.retry, onClick: onRetry, "data-sf-retry": true, children: [
+        m["section.retry"],
+        /* @__PURE__ */ jsxRuntime.jsxs(Hidden, { children: [
+          " ",
+          m["refund.title"]
+        ] })
+      ] }) : null
+    ] }) : items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.empty, children: m["refund.none"] }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cx.list, children: items.map((r) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: cx.item, "data-sf-refund": true, "data-sf-refund-status": typeof r.status === "string" ? r.status : "unknown", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.amount, "data-sf-refund-amount": true, children: moneyText(r.amount, locale) ?? "" }),
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.status, "data-sf-tone": tone(r.status), children: enumText(m, "refund.status", r.status) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cx.meta, children: [
+        str(r.method_label) ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          " \xB7 ",
+          str(r.method_label)
+        ] }) : null,
+        r.completed_at ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          " \xB7 ",
+          /* @__PURE__ */ jsxRuntime.jsx(Time, { value: r.completed_at, text: fill(m["refund.completed"], { date: date(r.completed_at) ?? "" }) })
+        ] }) : r.created_at ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          " \xB7 ",
+          /* @__PURE__ */ jsxRuntime.jsx(Time, { value: r.created_at, text: fill(m["refund.requested"], { date: date(r.created_at) ?? "" }) })
+        ] }) : null
+      ] })
+    ] }, r.id)) })
+  ] });
+}
+function PaymentSummary({ payments, headingLevel = 3, classNames: cx = {}, ...text2 }) {
+  const { m, locale, date } = useAccountText(text2);
+  const titleId = `sf-payments-${react.useId().replace(/:/g, "")}`;
+  const items = (Array.isArray(payments) ? payments : []).filter((p) => !!p && typeof p === "object" && typeof p.method_label === "string");
+  if (items.length === 0) return null;
+  const Heading = `h${headingLevel}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cx.root, "aria-labelledby": titleId, "data-sf-payments": true, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Heading, { id: titleId, className: cx.title, children: m["payment.title"] }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cx.list, children: items.map((p, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: cx.item, "data-sf-payment": true, "data-sf-payment-status": typeof p.status === "string" ? p.status : "unknown", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: p.method_label }),
+      moneyText(p.amount, locale) ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        " \xB7 ",
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: moneyText(p.amount, locale) })
+      ] }) : null,
+      " \xB7",
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.status, "data-sf-tone": p.status === "failed" ? "problem" : p.status === "paid" ? "done" : "current", children: enumText(m, "payment.status", p.status) }),
+      p.paid_at ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cx.meta, children: [
+        " \xB7 ",
+        /* @__PURE__ */ jsxRuntime.jsx(Time, { value: p.paid_at, text: fill(m["payment.paidOn"], { date: date(p.paid_at) ?? "" }) })
+      ] }) : null
+    ] }, `${p.method_label}-${i}`)) })
+  ] });
+}
+function useClient(client) {
+  const ctx = useOptionalStorefront();
+  return client ?? ctx?.client ?? null;
+}
+var asError = (e) => e instanceof Error ? e : new Error("Request failed");
+var ids = /* @__PURE__ */ new WeakMap();
+var seq = 0;
+function clientKey(c) {
+  if (!c) return "none";
+  let k = ids.get(c);
+  if (!k) ids.set(c, k = `c${++seq}`);
+  return k;
+}
+function useConnection(fetchPage, client, initial, key) {
+  const owner = `${clientKey(client)}|${key}`;
+  const empty = (status) => ({ status, nodes: [], error: null, cursor: null, hasMore: false, total: null, owner });
+  const [state, setState] = react.useState(
+    () => initial ? { status: "ready", nodes: initial.nodes ?? [], error: null, cursor: initial.page_info?.end_cursor ?? null, hasMore: !!initial.page_info?.has_next_page, total: initial.total_count ?? null, owner } : empty("loading")
+  );
+  const [loadingMore, setLoadingMore] = react.useState(false);
+  const alive = react.useRef(null);
+  const more = react.useRef(null);
+  const fetchRef = react.useRef(fetchPage);
+  fetchRef.current = fetchPage;
+  const first = react.useCallback(() => {
+    alive.current?.abort();
+    more.current?.abort();
+    setLoadingMore(false);
+    if (!client) {
+      setState(empty("loading"));
+      return;
+    }
+    const ctl = new AbortController();
+    alive.current = ctl;
+    setState((s) => s.owner === owner && s.nodes.length ? { ...s, error: null } : empty("loading"));
+    fetchRef.current(client, null, ctl.signal).then(
+      (page) => !ctl.signal.aborted && setState({ status: "ready", nodes: page.nodes ?? [], error: null, cursor: page.page_info?.end_cursor ?? null, hasMore: !!page.page_info?.has_next_page, total: page.total_count ?? null, owner }),
+      (e) => !ctl.signal.aborted && setState((s) => s.owner === owner ? { ...s, status: "error", error: asError(e) } : { ...empty("error"), error: asError(e) })
+    );
+  }, [client, owner]);
+  react.useEffect(() => {
+    if (!(initial && state.owner === owner)) first();
+    return () => {
+      alive.current?.abort();
+      more.current?.abort();
+    };
+  }, [first, owner]);
+  const loadMore = react.useCallback(() => {
+    if (!client || state.owner !== owner || !state.hasMore || loadingMore) return;
+    const ctl = new AbortController();
+    more.current = ctl;
+    setLoadingMore(true);
+    fetchRef.current(client, state.cursor, ctl.signal).then(
+      (page) => {
+        if (ctl.signal.aborted) return;
+        setLoadingMore(false);
+        setState((s) => s.owner !== owner ? s : { ...s, nodes: [...s.nodes, ...page.nodes ?? []], cursor: page.page_info?.end_cursor ?? null, hasMore: !!page.page_info?.has_next_page, total: page.total_count ?? s.total, error: null });
+      },
+      (e) => {
+        if (ctl.signal.aborted) return;
+        setLoadingMore(false);
+        setState((s) => s.owner !== owner ? s : { ...s, error: asError(e) });
+      }
+    );
+  }, [client, owner, state.owner, state.hasMore, state.cursor, loadingMore]);
+  const view = state.owner === owner ? state : empty("loading");
+  return { status: view.status, nodes: view.nodes, error: view.error, hasMore: view.hasMore, loadingMore: state.owner === owner && loadingMore, totalCount: view.total, reload: first, loadMore };
+}
+function useCustomerOrders({ client, first = 20, initial } = {}) {
+  return useConnection((c, after, signal) => c.customer.orders({ first, ...after ? { after } : {} }, { signal }), useClient(client), initial, `orders:${first}`);
+}
+function usePendingPayments({ client, first = 20, initial } = {}) {
+  return useConnection((c, after, signal) => c.customer.pendingPayments({ first, ...after ? { after } : {} }, { signal }), useClient(client), initial, `pending:${first}`);
+}
+function useCustomerOrder(id, { client, initial, poll } = {}) {
+  const c = useClient(client);
+  const given = initial !== void 0;
+  const owner = `${clientKey(c)}|${id ?? ""}`;
+  const [state, setState] = react.useState(() => given ? { status: initial ? "ready" : "not_found", order: initial, error: null, owner } : { status: "loading", order: null, error: null, owner });
+  const [refreshing, setRefreshing] = react.useState(false);
+  const ctlRef = react.useRef(null);
+  const initialOwner = react.useRef(given ? owner : null);
+  const load = react.useCallback(
+    (silent) => {
+      ctlRef.current?.abort();
+      setRefreshing(false);
+      if (!c || !id) {
+        setState({ status: "loading", order: null, error: null, owner });
+        return;
+      }
+      const ctl = new AbortController();
+      ctlRef.current = ctl;
+      if (silent) setRefreshing(true);
+      else setState((s) => s.owner === owner && s.order ? { ...s, error: null } : { status: "loading", order: null, error: null, owner });
+      c.customer.order(id, { signal: ctl.signal }).then(
+        (o) => {
+          if (ctl.signal.aborted) return;
+          setRefreshing(false);
+          setState(o ? { status: "ready", order: o, error: null, owner } : { status: "not_found", order: null, error: null, owner });
+        },
+        (e) => {
+          if (ctl.signal.aborted) return;
+          setRefreshing(false);
+          setState((s) => s.owner === owner && s.order ? { ...s, error: asError(e) } : { status: "error", order: null, error: asError(e), owner });
+        }
+      );
+    },
+    [c, id, owner]
+  );
+  react.useEffect(() => {
+    if (initialOwner.current !== owner) load(false);
+    initialOwner.current = null;
+    return () => ctlRef.current?.abort();
+  }, [load, owner]);
+  const mine = state.owner === owner;
+  const order = mine ? state.order : null;
+  const keepPolling = !!poll && !!order && poll.while(order);
+  const everyMs = poll?.everyMs ?? 1e4;
+  const forMs = poll?.forMs ?? 6e4;
+  react.useEffect(() => {
+    if (!keepPolling) return;
+    const t0 = Date.now();
+    const timer = setInterval(() => {
+      if (Date.now() - t0 >= forMs) clearInterval(timer);
+      else load(true);
+    }, everyMs);
+    return () => clearInterval(timer);
+  }, [keepPolling, everyMs, forMs, load]);
+  const hasOrder = order !== null;
+  const reload = react.useCallback(() => load(hasOrder), [load, hasOrder]);
+  return { status: mine ? state.status : "loading", order, error: mine ? state.error : null, refreshing: mine && refreshing, reload };
+}
+
+// src/account/index.ts
+init_voucher();
 
 exports.AccountAuth = AccountAuth;
+exports.Barcode = Barcode;
+exports.InvoiceList = InvoiceList;
+exports.NextActionBar = NextActionBar;
+exports.OrderCard = OrderCard;
+exports.OrderList = OrderList;
+exports.OrderProgress = OrderProgress;
+exports.OrderStatusBadge = OrderStatusBadge;
+exports.PaymentSummary = PaymentSummary;
+exports.PendingPaymentCard = PendingPaymentCard;
+exports.PendingPaymentList = PendingPaymentList;
+exports.PostPurchaseAccountPrompt = PostPurchaseAccountPrompt;
+exports.RefundList = RefundList;
+exports.ShipmentCard = ShipmentCard;
 exports.accountAuthMessages = accountAuthMessages;
+exports.accountMessages = accountMessages;
+exports.barcodeGeometry = barcodeGeometry;
+exports.barcodeValue = barcodeValue;
+exports.code128Modules = code128Modules;
+exports.enumText = enumText;
+exports.postPurchaseAccountPromptMessages = postPurchaseAccountPromptMessages;
+exports.stageTone = stageTone;
+exports.useCustomerOrder = useCustomerOrder;
+exports.useCustomerOrders = useCustomerOrders;
+exports.usePendingPayments = usePendingPayments;
+exports.voucherOf = voucherOf;
 //# sourceMappingURL=account.cjs.map
 //# sourceMappingURL=account.cjs.map