@asteby/storefront-react 0.19.0 → 0.20.0

package/dist/account.js

@@ -1,6 +1,12 @@
+import { fill } from './chunk-PPQEUTXJ.js';
+import { barcodeGeometry, voucherOf, barcodeValue } from './chunk-TXEYBDFG.js';
+export { barcodeGeometry, barcodeValue, code128Modules, voucherOf } from './chunk-TXEYBDFG.js';
 import { useFieldErrors, CheckoutField, ErrorSummary } from './chunk-DFGLCIEG.js';
-import { useState, useRef, useEffect } from 'react';
+import { useResolvedLocale } from './chunk-T52H5HL3.js';
+import { useOptionalStorefront } from './chunk-DQBL2DFJ.js';
+import { useState, useRef, useEffect, useId, useMemo, useCallback } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { orderProgress, nextAction, safeTrackingUrl, isTestShipment, sortTrackingEvents, isTestInvoice, groupInvoiceDocs, formatMoney } from '@asteby/storefront';
 
 var ES = {
   titles: {
@@ -320,6 +326,1031 @@ function PostPurchaseAccountPrompt({
   ] });
 }
 
-export { AccountAuth, PostPurchaseAccountPrompt, accountAuthMessages, postPurchaseAccountPromptMessages };
+// src/account/orders-messages.ts
+var ES3 = {
+  // 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 EN3 = {
+  "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") ? EN3 : ES3;
+  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 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 formatMoney({ amount: a.trim(), currency_code: currency_code.toUpperCase() }, locale);
+}
+function Hidden({ children }) {
+  return /* @__PURE__ */ 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, className }) {
+  if (!value || !text) return null;
+  return /* @__PURE__ */ jsx("time", { dateTime: value, className, suppressHydrationWarning: true, children: text });
+}
+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] = useState("idle");
+  const timer = useRef(void 0);
+  useEffect(() => () => clearTimeout(timer.current), []);
+  const copy = 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__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ 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__ */ 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, ...text }) {
+  const { m } = useAccountText(text);
+  const p = progress ?? (order ? orderProgress(order) : null);
+  if (!p) return null;
+  return /* @__PURE__ */ 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__ */ jsx(Hidden, { children: `, ${m["stepState.problem"]}` }) : null
+  ] });
+}
+function OrderProgress({ order, progress, variant = "full", classNames: cx = {}, ...text }) {
+  const { m, t, date } = useAccountText(text);
+  const p = progress ?? (order ? 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__ */ jsx("div", { className: cx.root, "data-sf-progress": true, "data-sf-stage": p.stage, "data-sf-variant": variant, children: /* @__PURE__ */ 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__ */ jsx("div", { className: cx.root, "data-sf-progress": true, "data-sf-stage": p.stage, "data-sf-variant": "compact", children: /* @__PURE__ */ 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__ */ jsxs("div", { className: cx.root, "data-sf-progress": true, "data-sf-stage": p.stage, "data-sf-variant": "full", children: [
+    /* @__PURE__ */ 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__ */ 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__ */ jsx("span", { className: cx.marker, "aria-hidden": "true", "data-sf-step-marker": true, children: GLYPH[state] }),
+        /* @__PURE__ */ jsxs("span", { className: cx.label, "data-sf-step-label": true, children: [
+          stepLabel(s),
+          /* @__PURE__ */ jsx(Hidden, { children: `, ${m[`stepState.${state}`]}` })
+        ] }),
+        /* @__PURE__ */ jsx(Time, { value: s.at, text: date(s.at), className: cx.time })
+      ] }, `${s.key}-${i}`);
+    }) }),
+    p.problem ? /* @__PURE__ */ 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 = {}, ...text }) {
+  const { m } = useAccountText(text);
+  const a = action ?? (order ? nextAction(order) : null);
+  if (!a || a.kind === "none") return secondary ? /* @__PURE__ */ jsx("div", { className: cx.root, "data-sf-action-bar": true, children: secondary }) : null;
+  const fromApi = a.kind === "track" || a.kind === "pickup" ? 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__ */ jsxs("a", { href, ...common, ...external ? { target: "_blank", rel: "noopener noreferrer" } : {}, onClick: onAction ? (e) => onAction(a, e) : void 0, children: [
+      label,
+      external ? /* @__PURE__ */ jsxs(Hidden, { children: [
+        " ",
+        m["action.newTab"]
+      ] }) : null
+    ] });
+  } else if (onAction) {
+    primary = /* @__PURE__ */ jsx("button", { type: "button", ...common, onClick: (e) => onAction(a, e), children: label });
+  }
+  if (!primary && !secondary) return null;
+  return /* @__PURE__ */ 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 = {}, ...text }) {
+  const { m, date, locale } = useAccountText(text);
+  const Heading = `h${headingLevel}`;
+  const progress = 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(isTestShipment)) && !["pending_payment", "cancelled", "refunded"].includes(progress.stage);
+  const action = nextAction(order);
+  const total = moneyText(order.total, locale);
+  const carrier = summary ? str(summary.carrier) : null;
+  return /* @__PURE__ */ jsxs("article", { className: cx.root, "data-sf-order": true, "data-sf-order-status": progress.stage, "data-sf-order-id": order.id, children: [
+    /* @__PURE__ */ jsxs("header", { className: cx.header, children: [
+      /* @__PURE__ */ jsx(Heading, { className: cx.number, "data-sf-order-number": true, children: /* @__PURE__ */ 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__ */ jsx(OrderStatusBadge, { progress, ...text, ...cx.badge ? { className: cx.badge } : {} })
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: cx.meta, "data-sf-order-meta": true, children: [
+      /* @__PURE__ */ jsx(Time, { value: order.created_at, text: date(order.created_at) ? fill(m["order.placed"], { date: date(order.created_at) }) : null }),
+      items > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        " \xB7 ",
+        plural(m, "order.items", items)
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: cx.summary, "data-sf-order-summary": true, children: [
+      /* @__PURE__ */ jsx(OrderProgress, { progress, variant: "compact", ...text, ...cx.progress ? { classNames: cx.progress } : {} }),
+      showShipment ? /* @__PURE__ */ jsxs("p", { className: cx.shipment, "data-sf-order-shipment": true, children: [
+        carrier ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          carrier,
+          " \xB7 "
+        ] }) : null,
+        enumText(m, "shipment.status", summary.status)
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: cx.footer, children: [
+      total ? /* @__PURE__ */ jsxs("p", { className: cx.total, "data-sf-order-total": true, children: [
+        /* @__PURE__ */ jsxs("span", { children: [
+          m["order.total"],
+          ": "
+        ] }),
+        /* @__PURE__ */ jsx("strong", { children: total })
+      ] }) : null,
+      /* @__PURE__ */ jsx(
+        NextActionBar,
+        {
+          action,
+          ...text,
+          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 = {}, ...text }) {
+  const { m } = useAccountText(text);
+  const list = (Array.isArray(orders) ? orders : []).filter((o) => !!o && typeof o === "object" && typeof o.id === "string");
+  if (status === "loading" && list.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { className: cx.root, role: "status", "aria-busy": "true", "data-sf-orders": true, "data-sf-orders-state": "loading", children: [
+      /* @__PURE__ */ jsx(Hidden, { children: m["order.loading"] }),
+      /* @__PURE__ */ jsx("ul", { className: cx.list, "aria-hidden": "true", children: Array.from({ length: Math.max(1, skeletons) }, (_, i) => /* @__PURE__ */ jsx("li", { className: cx.skeleton, "data-sf-skeleton": true }, i)) })
+    ] });
+  }
+  if (status === "error" && list.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: cx.root, "data-sf-orders": true, "data-sf-orders-state": "error", children: /* @__PURE__ */ jsxs("div", { className: cx.error, role: "alert", "data-sf-orders-error": true, children: [
+      /* @__PURE__ */ jsx("p", { children: m["order.error"] }),
+      onRetry ? /* @__PURE__ */ jsx("button", { type: "button", className: cx.retry, onClick: onRetry, "data-sf-retry": true, children: m["order.retry"] }) : null
+    ] }) });
+  }
+  if (list.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: cx.root, "data-sf-orders": true, "data-sf-orders-state": "empty", children: /* @__PURE__ */ jsxs("div", { className: cx.empty, "data-sf-orders-empty": true, children: [
+      /* @__PURE__ */ jsx("p", { className: cx.emptyTitle, children: /* @__PURE__ */ jsx("strong", { children: m["order.emptyTitle"] }) }),
+      /* @__PURE__ */ jsx("p", { className: cx.emptyBody, children: m["order.emptyBody"] }),
+      guestHint ? /* @__PURE__ */ jsx("p", { className: cx.emptyGuest, "data-sf-orders-guest-hint": true, children: m["order.emptyGuest"] }) : null,
+      emptyAction
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cx.root, "data-sf-orders": true, "data-sf-orders-state": "ready", children: [
+    /* @__PURE__ */ jsx("ul", { className: cx.list, "aria-label": m["order.listLabel"], "data-sf-orders-list": true, children: list.map((o) => /* @__PURE__ */ jsx("li", { className: cx.item, children: /* @__PURE__ */ jsx(OrderCard, { order: o, orderHref, ...actionHref ? { actionHref } : {}, ...onAction ? { onAction } : {}, headingLevel, ...text, ...cx.card ? { classNames: cx.card } : {} }) }, o.id)) }),
+    status === "error" ? /* @__PURE__ */ jsxs("div", { className: cx.error, role: "alert", "data-sf-orders-error": true, children: [
+      /* @__PURE__ */ jsx("p", { children: m["order.error"] }),
+      onRetry ? /* @__PURE__ */ jsx("button", { type: "button", className: cx.retry, onClick: onRetry, "data-sf-retry": true, children: m["order.retry"] }) : null
+    ] }) : null,
+    hasMore && onLoadMore ? /* @__PURE__ */ 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 = {}, ...text }) {
+  const { m, t, date } = useAccountText(text);
+  const [open, setOpen] = useState(false);
+  const id = useId().replace(/:/g, "");
+  if (!shipment || typeof shipment !== "object") return null;
+  const test = 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 : safeTrackingUrl(shipment.tracking_url);
+  const labelUrl = isReturn && !test ? safeTrackingUrl(shipment.label_url) : null;
+  const events = test ? [] : 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__ */ 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__ */ jsxs("header", { className: cx.header, "data-sf-shipment-header": true, children: [
+      renderCarrierMark && !test ? /* @__PURE__ */ jsx("span", { "data-sf-shipment-mark": true, children: renderCarrierMark(shipment) }) : null,
+      /* @__PURE__ */ jsxs(Heading, { id: titleId, className: cx.carrier, "data-sf-shipment-title": true, children: [
+        isReturn ? m["shipment.return"] : carrier ?? m["shipment.title"],
+        isReturn && carrier ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          " \xB7 ",
+          carrier
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: cx.status, "data-sf-shipment-state": true, children: status }),
+      test ? /* @__PURE__ */ jsx("span", { className: cx.test, "data-sf-shipment-test": true, children: m["shipment.test"] }) : null
+    ] }),
+    test ? /* @__PURE__ */ jsx("p", { className: cx.meta, "data-sf-shipment-test-note": true, children: m["shipment.testNote"] }) : null,
+    service ? /* @__PURE__ */ jsxs("p", { className: cx.meta, "data-sf-shipment-service": true, children: [
+      m["shipment.service"],
+      ": ",
+      service
+    ] }) : null,
+    number ? /* @__PURE__ */ jsxs("p", { className: cx.number, "data-sf-shipment-number": true, children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        m["shipment.number"],
+        ": "
+      ] }),
+      /* @__PURE__ */ jsx("code", { children: number }),
+      " ",
+      /* @__PURE__ */ 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__ */ jsx("p", { className: cx.meta, "data-sf-shipment-dates": true, children: delivered ? /* @__PURE__ */ jsx(Time, { value: shipment.delivered_at, text: t("shipment.delivered", { date: delivered }) }) : promised ? /* @__PURE__ */ jsx(Time, { value: shipment.promised_by, text: t("shipment.promised", { date: promised }) }) : /* @__PURE__ */ jsx(Time, { value: shipment.shipped_at, text: t("shipment.shipped", { date: shipped ?? "" }) }) }) : null,
+    trackUrl || labelUrl ? /* @__PURE__ */ jsxs("p", { className: cx.actions, "data-sf-shipment-actions": true, children: [
+      trackUrl ? /* @__PURE__ */ 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__ */ jsxs(Hidden, { children: [
+          " ",
+          m["action.newTab"]
+        ] })
+      ] }) : null,
+      labelUrl ? /* @__PURE__ */ jsxs("a", { href: labelUrl, target: "_blank", rel: "noopener noreferrer", className: cx.link, "data-sf-shipment-label": true, children: [
+        m["shipment.returnLabel"],
+        /* @__PURE__ */ jsxs(Hidden, { children: [
+          " ",
+          m["action.newTab"]
+        ] })
+      ] }) : null
+    ] }) : null,
+    renderMap && !test && shipment.map ? /* @__PURE__ */ jsx("div", { className: cx.map, "data-sf-shipment-map-slot": true, children: renderMap({ shipment, map: shipment.map }) }) : null,
+    !test ? events.length === 0 ? /* @__PURE__ */ jsx("p", { className: cx.empty, "data-sf-shipment-empty": true, children: m["shipment.noEvents"] }) : /* @__PURE__ */ jsxs("div", { "data-sf-shipment-events-wrap": true, children: [
+      /* @__PURE__ */ jsx(SubHeading, { className: cx.meta, "data-sf-shipment-events-title": true, children: m["shipment.events"] }),
+      /* @__PURE__ */ 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__ */ jsxs("li", { className: cx.event, "data-sf-event-status": typeof e.status === "string" ? e.status : "unknown", children: [
+          /* @__PURE__ */ jsx("span", { "data-sf-event-state": true, children: enumText(m, "shipment.status", e.status) }),
+          description ? /* @__PURE__ */ jsxs("span", { "data-sf-event-description": true, children: [
+            " \xB7 ",
+            description
+          ] }) : null,
+          location ? /* @__PURE__ */ jsxs("span", { "data-sf-event-location": true, children: [
+            " \xB7 ",
+            location
+          ] }) : null,
+          " ",
+          /* @__PURE__ */ jsx(Time, { value: e.occurred_at, text: date(e.occurred_at, "datetime") })
+        ] }, `${str(e.id) ?? ""}-${i}`);
+      }) }),
+      events.length > Math.max(1, eventsPreview) ? /* @__PURE__ */ 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 = {}, ...text }) {
+  const { m, date, locale } = useAccountText(text);
+  const Heading = `h${headingLevel}`;
+  const titleId = `sf-invoices-${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) => !isTestInvoice(d)) : all;
+  const { groups, orphans } = groupInvoiceDocs(docs);
+  const renderDoc = (doc, parent) => {
+    const test = 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__ */ jsx("a", { href, download: true, className: cx.download, "aria-label": aria, "data-sf-invoice-download": kind, children: label }, kind);
+      }
+      if (onDownload) {
+        return /* @__PURE__ */ 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__ */ 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__ */ jsxs("p", { className: cx.status, "data-sf-invoice-heading": true, children: [
+        /* @__PURE__ */ jsx("strong", { children: kindLabel }),
+        name ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          " ",
+          name
+        ] }) : null,
+        " \xB7 ",
+        /* @__PURE__ */ jsx("span", { "data-sf-invoice-state": true, children: enumText(m, "invoice.status", doc.status) }),
+        test ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          " ",
+          /* @__PURE__ */ jsx("span", { className: cx.test, "data-sf-invoice-test": true, children: m["invoice.test"] })
+        ] }) : null
+      ] }),
+      parent ? /* @__PURE__ */ 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__ */ jsxs("p", { className: cx.meta, "data-sf-invoice-folio": true, children: [
+        m["invoice.folio"],
+        ": ",
+        /* @__PURE__ */ jsx("code", { children: folio })
+      ] }) : null,
+      /* @__PURE__ */ jsxs("p", { className: cx.meta, children: [
+        doc.issued_at ? /* @__PURE__ */ jsx(Time, { value: doc.issued_at, text: fill(m["invoice.issued"], { date: date(doc.issued_at) ?? "" }) }) : null,
+        total ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          " \xB7 ",
+          m["invoice.total"],
+          ": ",
+          total
+        ] }) : null
+      ] }),
+      status === "pending" || status === "error" || status === "cancelled" ? /* @__PURE__ */ jsx("p", { className: cx.note, "data-sf-invoice-note": true, children: m[`invoice.statusNote.${status}`] }) : null,
+      canDownload && (fileHref || onDownload) ? /* @__PURE__ */ 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__ */ jsxs("section", { className: cx.root, "aria-labelledby": titleId, "data-sf-invoices": true, children: [
+    /* @__PURE__ */ jsx(Heading, { id: titleId, className: cx.title, children: m["invoice.title"] }),
+    degraded ? /* @__PURE__ */ jsxs("div", { className: cx.error, role: "alert", "data-sf-section-error": "invoices", children: [
+      /* @__PURE__ */ jsx("p", { children: m["section.error"] }),
+      onRetry ? /* @__PURE__ */ jsxs("button", { type: "button", className: cx.retry, onClick: onRetry, "data-sf-retry": true, children: [
+        m["section.retry"],
+        /* @__PURE__ */ jsxs(Hidden, { children: [
+          " ",
+          m["invoice.title"]
+        ] })
+      ] }) : null
+    ] }) : hasDocs ? /* @__PURE__ */ jsxs("ul", { "data-sf-invoice-list": true, children: [
+      groups.map(({ invoice, creditNotes }) => /* @__PURE__ */ jsxs("li", { className: cx.group, "data-sf-invoice-group": true, children: [
+        /* @__PURE__ */ jsx("ul", { children: renderDoc(invoice) }),
+        creditNotes.length ? /* @__PURE__ */ 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__ */ jsx("li", { className: cx.group, "data-sf-invoice-group": true, children: /* @__PURE__ */ jsx("ul", { children: renderDoc(nc) }) }, nc.id))
+    ] }) : summary && renderSummary ? /* @__PURE__ */ jsx("div", { "data-sf-invoice-summary": true, children: renderSummary(summary) }) : /* @__PURE__ */ jsx("p", { className: cx.empty, "data-sf-invoice-empty": true, children: m["invoice.none"] }),
+    children
+  ] });
+}
+function Barcode({ value, label, height = 56, className }) {
+  const g = useMemo(() => barcodeGeometry(value, { height }), [value, height]);
+  if (!g) return null;
+  return /* @__PURE__ */ 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__ */ 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 } = await import('./voucher-document-SFWJCLTN.js');
+  const html = renderVoucherDocument(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, ...text }) {
+  const { m, date, locale, timeZone } = useAccountText(text);
+  const titleId = `sf-voucher-${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__ */ jsxs("article", { className: cx.root, "aria-labelledby": titleId, "data-sf-voucher": true, "data-sf-voucher-status": expired ? "expired" : "pending_payment", children: [
+    /* @__PURE__ */ jsxs("header", { className: cx.header, children: [
+      /* @__PURE__ */ jsx(Heading, { id: titleId, className: cx.method, "data-sf-voucher-method": true, children: methodLabel }),
+      /* @__PURE__ */ 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__ */ jsxs("div", { className: cx.field, "data-sf-voucher-reference": true, children: [
+      /* @__PURE__ */ jsx("p", { className: cx.label, children: m["pending.reference"] }),
+      /* @__PURE__ */ jsx("p", { className: cx.value, "data-sf-voucher-value": true, children: v.reference })
+    ] }) : null,
+    v.clabe ? /* @__PURE__ */ jsxs("div", { className: cx.field, "data-sf-voucher-clabe": true, children: [
+      /* @__PURE__ */ jsx("p", { className: cx.label, children: m["pending.clabe"] }),
+      /* @__PURE__ */ jsx("p", { className: cx.value, "data-sf-voucher-value": true, children: v.clabe })
+    ] }) : null,
+    code && !expired ? /* @__PURE__ */ jsx("div", { className: cx.barcode, "data-sf-voucher-barcode": true, children: /* @__PURE__ */ jsx(Barcode, { value: code, label: fill(m["pending.barcode"], { code }) }) }) : null,
+    expires ? /* @__PURE__ */ jsx("p", { className: cx.expiry, "data-sf-voucher-expiry": true, children: /* @__PURE__ */ jsx(Time, { value: v.expires_at ?? payment.expires_at, text: fill(m[expired ? "pending.expiredOn" : "pending.expires"], { date: expires }) }) }) : null,
+    total ? /* @__PURE__ */ jsxs("p", { className: cx.total, "data-sf-voucher-total": true, children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        m["pending.total"],
+        ": "
+      ] }),
+      /* @__PURE__ */ jsx("strong", { children: total })
+    ] }) : null,
+    expired ? /* @__PURE__ */ jsx("p", { className: cx.note, "data-sf-voucher-expired-note": true, children: m["pending.expiredNote"] }) : /* @__PURE__ */ jsxs("div", { className: cx.actions, "data-sf-voucher-actions": true, children: [
+      voucherHref ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("a", { href: voucherHref(payment, { download: false }), target: "_blank", rel: "noopener", className: cx.primary, "data-sf-voucher-print": true, children: [
+          m["pending.print"],
+          /* @__PURE__ */ jsxs(Hidden, { children: [
+            " ",
+            m["action.newTab"]
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("a", { href: voucherHref(payment, { download: true }), download: true, className: cx.secondary, "data-sf-voucher-download": true, children: m["pending.download"] })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ 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__ */ 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__ */ 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, ...text }) {
+  const { m } = useAccountText(text);
+  const titleId = `sf-pending-${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__ */ jsxs("section", { className: lc.root, "aria-labelledby": titleId, "data-sf-pending": true, children: [
+    /* @__PURE__ */ jsx(Heading, { id: titleId, className: lc.title, children: m["pending.title"] }),
+    /* @__PURE__ */ jsx("p", { className: lc.intro, children: m["pending.intro"] }),
+    /* @__PURE__ */ jsx("ul", { className: lc.list, children: sorted.map((p) => /* @__PURE__ */ jsx("li", { className: lc.item, children: /* @__PURE__ */ jsx(PendingPaymentCard, { payment: p, ...voucherHref ? { voucherHref } : {}, ...shopName ? { shopName } : {}, ...classNames ? { classNames } : {}, headingLevel: cardHeading, ...text }) }, p.id)) })
+  ] });
+}
+var tone = (s) => s === "completed" ? "done" : s === "failed" ? "problem" : "current";
+function RefundList({ refunds, showEmpty = false, degraded, onRetry, headingLevel = 3, classNames: cx = {}, ...text }) {
+  const { m, locale, date } = useAccountText(text);
+  const titleId = `sf-refunds-${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__ */ jsxs("section", { className: cx.root, "aria-labelledby": titleId, "data-sf-refunds": true, children: [
+    /* @__PURE__ */ jsx(Heading, { id: titleId, className: cx.title, children: m["refund.title"] }),
+    degraded ? /* @__PURE__ */ jsxs("div", { className: cx.error, role: "alert", "data-sf-section-error": "refunds", children: [
+      /* @__PURE__ */ jsx("p", { children: m["section.error"] }),
+      onRetry ? /* @__PURE__ */ jsxs("button", { type: "button", className: cx.retry, onClick: onRetry, "data-sf-retry": true, children: [
+        m["section.retry"],
+        /* @__PURE__ */ jsxs(Hidden, { children: [
+          " ",
+          m["refund.title"]
+        ] })
+      ] }) : null
+    ] }) : items.length === 0 ? /* @__PURE__ */ jsx("p", { className: cx.empty, children: m["refund.none"] }) : /* @__PURE__ */ jsx("ul", { className: cx.list, children: items.map((r) => /* @__PURE__ */ jsxs("li", { className: cx.item, "data-sf-refund": true, "data-sf-refund-status": typeof r.status === "string" ? r.status : "unknown", children: [
+      /* @__PURE__ */ jsx("span", { className: cx.amount, "data-sf-refund-amount": true, children: moneyText(r.amount, locale) ?? "" }),
+      " ",
+      /* @__PURE__ */ jsx("span", { className: cx.status, "data-sf-tone": tone(r.status), children: enumText(m, "refund.status", r.status) }),
+      /* @__PURE__ */ jsxs("span", { className: cx.meta, children: [
+        str(r.method_label) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          " \xB7 ",
+          str(r.method_label)
+        ] }) : null,
+        r.completed_at ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          " \xB7 ",
+          /* @__PURE__ */ jsx(Time, { value: r.completed_at, text: fill(m["refund.completed"], { date: date(r.completed_at) ?? "" }) })
+        ] }) : r.created_at ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          " \xB7 ",
+          /* @__PURE__ */ 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 = {}, ...text }) {
+  const { m, locale, date } = useAccountText(text);
+  const titleId = `sf-payments-${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__ */ jsxs("section", { className: cx.root, "aria-labelledby": titleId, "data-sf-payments": true, children: [
+    /* @__PURE__ */ jsx(Heading, { id: titleId, className: cx.title, children: m["payment.title"] }),
+    /* @__PURE__ */ jsx("ul", { className: cx.list, children: items.map((p, i) => /* @__PURE__ */ jsxs("li", { className: cx.item, "data-sf-payment": true, "data-sf-payment-status": typeof p.status === "string" ? p.status : "unknown", children: [
+      /* @__PURE__ */ jsx("span", { children: p.method_label }),
+      moneyText(p.amount, locale) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        " \xB7 ",
+        /* @__PURE__ */ jsx("span", { children: moneyText(p.amount, locale) })
+      ] }) : null,
+      " \xB7",
+      " ",
+      /* @__PURE__ */ 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__ */ jsxs("span", { className: cx.meta, children: [
+        " \xB7 ",
+        /* @__PURE__ */ 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] = 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] = useState(false);
+  const alive = useRef(null);
+  const more = useRef(null);
+  const fetchRef = useRef(fetchPage);
+  fetchRef.current = fetchPage;
+  const first = 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]);
+  useEffect(() => {
+    if (!(initial && state.owner === owner)) first();
+    return () => {
+      alive.current?.abort();
+      more.current?.abort();
+    };
+  }, [first, owner]);
+  const loadMore = 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] = useState(() => given ? { status: initial ? "ready" : "not_found", order: initial, error: null, owner } : { status: "loading", order: null, error: null, owner });
+  const [refreshing, setRefreshing] = useState(false);
+  const ctlRef = useRef(null);
+  const initialOwner = useRef(given ? owner : null);
+  const load = 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]
+  );
+  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;
+  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 = useCallback(() => load(hasOrder), [load, hasOrder]);
+  return { status: mine ? state.status : "loading", order, error: mine ? state.error : null, refreshing: mine && refreshing, reload };
+}
+
+export { AccountAuth, Barcode, InvoiceList, NextActionBar, OrderCard, OrderList, OrderProgress, OrderStatusBadge, PaymentSummary, PendingPaymentCard, PendingPaymentList, PostPurchaseAccountPrompt, RefundList, ShipmentCard, accountAuthMessages, accountMessages, enumText, postPurchaseAccountPromptMessages, stageTone, useCustomerOrder, useCustomerOrders, usePendingPayments };
 //# sourceMappingURL=account.js.map
 //# sourceMappingURL=account.js.map