@asteby/storefront-react 0.9.0 → 0.10.0

package/README.md

@@ -518,6 +518,28 @@ export const pay = createEmbeddedPayHandlers({
 - CSP solo para `/pagar`: `paymentCspHeaders([client], { mode: paymentCspMode(env.PAY_CSP, isProd), nonce: paymentNonce(), scriptHashes, imgHttps })` y `paymentNonceFromHeaders` para `ServerRouter`.
 - Accesibilidad: un `fieldset` con leyenda y radios nativos, avisos en `role="status"`/`alert`, botón de 44 px que explica su estado ocupado; pruebas con axe.
 
+- Marcas (por omisión, `brandMarks`): la marca del proveedor en sus filas de cuenta y sin tarjeta, las de los primeros puntos de pago en la fila de efectivo y junto a cada punto (`payment_point` o `id`; `logo_url` del proveedor gana), y las redes que pase la tienda en la fila de tarjeta (`cardBrands={['visa', 'mastercard', 'amex']}`). `brandMarks={false}` deja las filas en texto.
+- El total del botón siempre lleva la entrega: `syncDelivery` se llama una vez por entrega con cualquier fila (no solo con tarjeta); mientras se guarda, el botón no muestra un total viejo.
+
+## Entrega y marcas (`@asteby/storefront-react/checkout`)
+
+Las tarifas de envío y las sucursales de «Entrega» como radios nativos, iguales en todas las tiendas: marca y nombre comercial de la paquetería (`fedex` → FedEx), servicio sin repetir la paquetería, llegada en días hábiles («Llega en 4 días hábiles»), insignias discretas de «Más económico» / «Más rápido» (solo si una tarifa lo es estrictamente) y el precio tal cual lo manda OPS. La vigencia de la cotización es UNA sola nota para toda la lista, en la zona horaria del comprador («Precios de envío vigentes hasta las 9:39 p.m.»), que aparece tras hidratar en una línea reservada (sin salto de diseño). `loading` pinta filas esqueleto al recotizar.
+
+```tsx
+import { DeliveryOptions } from '@asteby/storefront-react/checkout'
+import '@asteby/storefront-react/checkout.css' // opcional: disposición, insignias, esqueleto y nota
+
+<fieldset>
+  <legend>Entrega</legend>
+  <DeliveryOptions rates={delivery.rates} pickup={delivery.pickup} partial={delivery.partial}
+    renderAmount={(m) => <Money data={m} />} classNames={{ option: 'card has-checked:border-accent' }} />
+</fieldset>
+```
+
+Tarifa vencida o cambiada: si guardar la entrega falla con `isQuoteChange(err)` (códigos `quote_expired`/`rate_expired`…, un 409, o el 422 genérico de servidores anteriores), la tienda recarga las tarifas conservando la dirección, vuelve a elegir el mismo servicio con `matchRate(anterior, nuevas)`, pasa `requoted` a `DeliveryOptions` y resuelve `syncDelivery` con `'requote'`: `PaymentMethodSection` muestra un aviso (no un error) y vuelve a intentar con la nueva tarifa.
+
+Catálogo compartido de marcas (`brandKey`, `brandName`, `findBrand`, `<BrandMark brand="oxxo" />`): paqueterías (FedEx, DHL, Estafeta, Paquetexpress, UPS, Redpack, 99 Minutos, J&T…), redes de tarjeta (Visa, Mastercard, American Express, Carnet), billeteras (Mercado Pago, PayPal…) y puntos de efectivo y bancos de México (OXXO, SPEI/STP, 7-Eleven, Circle K, Soriana, Extra, BBVA…). La clave es el identificador que ya mandan los proveedores. Las marcas son insignias tipográficas en SVG en línea con el color de la marca (sin archivos de logos de terceros, sin peticiones); una marca desconocida lleva un monograma neutro, y un `logo_url` https del proveedor reemplaza la insignia. Cada insignia trae su propio fondo (contraste igual en tema claro y oscuro); `--sf-brand-mark-ring` ajusta el filo.
+
 ## Promociones y venta cruzada (`@asteby/storefront-react/promotions`)
 
 Mecanismos sin contenido: los textos y montos llegan como datos de OPS (`Cart.promotions`, `GET /storefront/promotions`, `carts.recommendations`).

package/dist/cart.js

@@ -1,4 +1,5 @@
-import { useResolvedLocale, useModalDialog } from './chunk-2WZIWIBW.js';
+import { useModalDialog } from './chunk-ZBH7JYU4.js';
+import { useResolvedLocale } from './chunk-T52H5HL3.js';
 import './chunk-DQBL2DFJ.js';
 import { useSyncExternalStore, useCallback, useRef, useEffect, useId } from 'react';
 import { formatMoney } from '@asteby/storefront';

package/dist/cart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/cart-drawer/store.ts","../src/cart-drawer/cart-drawer.tsx"],"names":["useEffect"],"mappings":"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","file":"cart.js","sourcesContent":["import { useCallback, useEffect, useRef, useSyncExternalStore } from 'react'\n\n// Estado mínimo del cajón del carrito, fuera de React: cualquier parte de la tienda (cabecera, tarjeta, ficha)\n// lo abre sin pasar props. Es del navegador; en el servidor siempre está cerrado.\n\nlet isOpen = false\nconst listeners = new Set<() => void>()\n\nfunction set(next: boolean) {\n  if (isOpen === next) return\n  isOpen = next\n  for (const l of [...listeners]) l()\n}\n\nconst subscribe = (l: () => void) => {\n  listeners.add(l)\n  return () => {\n    listeners.delete(l)\n  }\n}\n\n/** Abre el cajón del carrito desde cualquier parte. */\nexport function openCartDrawer() {\n  set(true)\n}\n\n/** Cierra el cajón del carrito. */\nexport function closeCartDrawer() {\n  set(false)\n}\n\nexport function toggleCartDrawer() {\n  set(!isOpen)\n}\n\nexport function isCartDrawerOpen() {\n  return isOpen\n}\n\n/** Estado y acciones del cajón. `open` es `false` en el servidor y en la primera pintura. */\nexport function useCartDrawer() {\n  const open = useSyncExternalStore(subscribe, () => isOpen, () => false)\n  const toggle = useCallback(() => toggleCartDrawer(), [])\n  return { open, openDrawer: openCartDrawer, closeDrawer: closeCartDrawer, toggle }\n}\n\n/**\n * Abre el cajón cuando termina un \"agregar al carrito\". `busy` es verdadero mientras hay un agregado en vuelo\n * (en React Router: algún fetcher con la acción del carrito e intención de agregar). Con `skip` verdadero al\n * terminar (error, agregado silencioso) no se abre.\n */\nexport function useOpenCartDrawerWhenDone(busy: boolean, options: { skip?: boolean } = {}) {\n  const was = useRef(false)\n  const skip = useRef(false)\n  skip.current = !!options.skip\n  useEffect(() => {\n    if (was.current && !busy && !skip.current) openCartDrawer()\n    was.current = busy\n  }, [busy])\n}\n\ntype ClickLike = {\n  defaultPrevented: boolean\n  button: number\n  metaKey: boolean\n  ctrlKey: boolean\n  shiftKey: boolean\n  altKey: boolean\n  preventDefault: () => void\n}\n\n/**\n * `onClick` para el enlace \"Mi carrito\" de la cabecera: con un clic normal abre el cajón; con clic con\n * modificador, clic central o sin JavaScript el `href` (la página del carrito) sigue funcionando.\n */\nexport function handleCartLinkClick(e: ClickLike) {\n  if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return\n  e.preventDefault()\n  openCartDrawer()\n}\n","import { useEffect, useId, type ElementType, type ReactNode } from 'react'\nimport { formatMoney, type Cart, type CartLine, type Money } from '@asteby/storefront'\nimport { useModalDialog } from '../dialog.js'\nimport { useResolvedLocale } from '../locale.js'\nimport { closeCartDrawer, useCartDrawer } from './store.js'\n\nexport type CartDrawerLabels = {\n  /** Título; el cajón agrega \" (N)\" con la cantidad de unidades. */\n  title: string\n  /** Texto accesible del botón de cierre. */\n  close: string\n  empty: string\n  emptyHint?: string\n  /** Texto del enlace \"seguir comprando\" del estado vacío (se muestra con `paths.browse`). */\n  browse?: string\n  subtotal: string\n  /** Nota bajo el subtotal. */\n  note?: string\n  checkout: string\n  viewCart: string\n  remove: string\n  increase: string\n  decrease: string\n}\n\nexport type CartDrawerPaths = {\n  /** Página del carrito: acción de las mutaciones y destino de \"ver carrito\". */\n  cart: string\n  checkout: string\n  browse?: string\n  /** Enlace de la línea al producto; sin esto el título no es enlace. */\n  product?: (handle: string, variantId: string) => string\n}\n\n/** Contrato de la acción de ruta del carrito de la tienda (nombres de campo e intenciones). */\nexport type CartDrawerFormContract = {\n  intentField?: string\n  lineField?: string\n  quantityField?: string\n  updateIntent?: string\n  removeIntent?: string\n}\n\nexport type CartDrawerShipping = {\n  /** Mensaje ya calculado por la tienda con lo que manda OPS. */\n  message: ReactNode\n  /** 0..100 */\n  percent: number\n  reached?: boolean\n  progressLabel: string\n}\n\nexport type CartDrawerLineForm = {\n  /** Componente de formulario (`'form'`, o `fetcher.Form` del router para mejorar sin recargar). */\n  Form: ElementType\n  /** Datos en vuelo del formulario, para pintar la cantidad de forma optimista. */\n  formData?: FormData | null | undefined\n}\n\nexport type CartDrawerLinkProps = { href: string; className?: string | undefined; children: ReactNode; onClick?: () => void }\n\nexport type CartDrawerSlot =\n  | 'dialog' | 'panel' | 'header' | 'title' | 'close' | 'empty' | 'body' | 'shipping' | 'bar' | 'barFill' | 'lines' | 'line'\n  | 'image' | 'lineTitle' | 'variant' | 'price' | 'qty' | 'qtyButton' | 'qtyValue' | 'remove' | 'upsell' | 'footer' | 'subtotal'\n  | 'note' | 'actions' | 'checkout' | 'viewCart' | 'browse' | 'emptyTitle' | 'emptyHint' | 'shippingMessage' | 'lineMain'\n  | 'lineHead' | 'lineText' | 'controls' | 'upsellTitle' | 'subtotalLabel' | 'subtotalValue'\n\nexport type CartDrawerIcons = { close?: ReactNode; decrease?: ReactNode; increase?: ReactNode; shipping?: ReactNode; shippingReached?: ReactNode }\n\nexport type CartDrawerProps = {\n  /** `cart.cost` y cada línea vienen de OPS; el cajón no calcula nada. */\n  cart: Cart | null | undefined\n  labels: CartDrawerLabels\n  paths: CartDrawerPaths\n  form?: CartDrawerFormContract\n  /** Hook que da el formulario de cada línea. Por omisión `<form method=\"post\">` (funciona sin JavaScript). */\n  useLineForm?: () => CartDrawerLineForm\n  shipping?: CartDrawerShipping | null\n  /** Aviso fijo cuando no hay barra de envío (p. ej. \"Envío gratis\"). */\n  notice?: ReactNode\n  /** Sección \"podría interesarte\" (la tienda decide qué mostrar). */\n  upsell?: ReactNode\n  upsellTitle?: string\n  renderLine?: (line: CartLine, defaults: { controls: ReactNode; price: ReactNode; image: ReactNode }) => ReactNode\n  renderImage?: (line: CartLine) => ReactNode\n  renderMoney?: (money: Money) => ReactNode\n  renderLink?: (props: CartDrawerLinkProps) => ReactNode\n  /** Omite el variante cuando es el valor por defecto de OPS (\"Default Title\"). */\n  isDefaultVariantTitle?: (title: string) => boolean\n  icons?: CartDrawerIcons\n  /** Clases por pieza (además de los `data-sf-cart-*`), para tiendas con Tailwind. */\n  classNames?: Partial<Record<CartDrawerSlot, string>>\n  locale?: string\n  /** Se llama al abrir/cerrar por cualquier vía. */\n  onOpenChange?: (open: boolean) => void\n}\n\nconst DEFAULT_FORM: Required<CartDrawerFormContract> = {\n  intentField: 'intent',\n  lineField: 'line_id',\n  quantityField: 'quantity',\n  updateIntent: 'update',\n  removeIntent: 'remove',\n}\n\nconst useNativeForm = (): CartDrawerLineForm => ({ Form: 'form' })\n\nconst defaultIsDefaultVariant = (t: string) => /^default title$/i.test(t.trim())\n\nfunction useBodyScrollLock(locked: boolean) {\n  useEffect(() => {\n    if (!locked || typeof document === 'undefined') return\n    const el = document.documentElement\n    const prev = el.style.overflow\n    el.style.overflow = 'hidden'\n    return () => {\n      el.style.overflow = prev\n    }\n  }, [locked])\n}\n\n/**\n * Cajón lateral del carrito (\"Tu carrito (N)\"). Sin textos ni marca: todo llega por props.\n * Se monta una vez (en la raíz) y se abre con `openCartDrawer()` / `useCartDrawer()`.\n * `<dialog>` modal: `role=\"dialog\"`, `aria-modal`, foco atrapado y devuelto al abridor, Esc y clic fuera cierran,\n * el fondo no hace scroll. Las mutaciones usan la acción de ruta de la tienda (formularios nativos que\n * funcionan sin JavaScript, o el `Form` de un fetcher con `useLineForm`). Estilos: `@asteby/storefront-react/cart.css`\n * (tokens de la tienda) y/o `classNames`.\n */\nexport function CartDrawer(props: CartDrawerProps) {\n  const { cart, labels, paths, shipping, notice, upsell, upsellTitle, icons, classNames: cx = {}, onOpenChange } = props\n  const locale = useResolvedLocale(props.locale)\n  const { open } = useCartDrawer()\n  const titleId = useId()\n  const upsellId = useId()\n  const { ref, onBackdropClick } = useModalDialog({ open, onClose: () => closeCartDrawer() })\n  useBodyScrollLock(open)\n  useEffect(() => {\n    onOpenChange?.(open)\n  }, [open]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  if (!open) return null\n\n  const money = props.renderMoney ?? ((m: Money) => formatMoney(m, locale))\n  const link = props.renderLink ?? (({ href, className, children, onClick }: CartDrawerLinkProps) => (\n    <a href={href} className={className} onClick={onClick}>{children}</a>\n  ))\n  const count = cart?.total_quantity ?? 0\n  const lines = cart?.lines ?? []\n  const empty = !cart || lines.length === 0\n  const close = () => closeCartDrawer()\n\n  return (\n    <dialog\n      ref={ref}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby={titleId}\n      onClick={onBackdropClick}\n      onClose={close}\n      className={cx.dialog}\n      data-sf-cart-drawer=\"\"\n    >\n      <div className={cx.panel} data-sf-cart-panel=\"\">\n        <div className={cx.header} data-sf-cart-header=\"\">\n          <h2 id={titleId} tabIndex={-1} className={cx.title} data-sf-cart-title=\"\">\n            {labels.title}{count > 0 ? ` (${count})` : ''}\n          </h2>\n          <button type=\"button\" onClick={close} aria-label={labels.close} className={cx.close} data-sf-cart-close=\"\" data-sf-autofocus=\"\">\n            {icons?.close ?? <span aria-hidden=\"true\">✕</span>}\n          </button>\n        </div>\n\n        {empty ? (\n          <div className={cx.empty} data-sf-cart-empty=\"\">\n            <p className={cx.emptyTitle} data-sf-cart-empty-title=\"\">{labels.empty}</p>\n            {labels.emptyHint ? <p className={cx.emptyHint} data-sf-cart-empty-hint=\"\">{labels.emptyHint}</p> : null}\n            {paths.browse && labels.browse ? link({ href: paths.browse, className: cx.browse, children: labels.browse, onClick: close }) : null}\n          </div>\n        ) : (\n          <>\n            <div className={cx.body} data-sf-cart-body=\"\">\n              {shipping ? (\n                <div className={cx.shipping} data-sf-cart-shipping=\"\" data-reached={shipping.reached || undefined}>\n                  <p className={cx.shippingMessage}>\n                    {shipping.reached ? icons?.shippingReached : icons?.shipping}\n                    {shipping.message}\n                  </p>\n                  <div\n                    role=\"progressbar\"\n                    aria-valuemin={0}\n                    aria-valuemax={100}\n                    aria-valuenow={Math.round(shipping.percent)}\n                    aria-label={shipping.progressLabel}\n                    className={cx.bar}\n                    data-sf-cart-bar=\"\"\n                  >\n                    <div className={cx.barFill} data-sf-cart-bar-fill=\"\" style={{ width: `${Math.max(0, Math.min(100, shipping.percent))}%` }} />\n                  </div>\n                </div>\n              ) : notice ? (\n                <p className={[cx.shipping, cx.shippingMessage].filter(Boolean).join(\" \") || undefined} data-sf-cart-shipping=\"\" data-notice=\"\">{icons?.shippingReached}{notice}</p>\n              ) : null}\n\n              <ul className={cx.lines} data-sf-cart-lines=\"\">\n                {lines.map((line) => (\n                  <DrawerLine key={line.id} line={line} props={props} money={money} link={link} close={close} />\n                ))}\n              </ul>\n\n              {upsell ? (\n                <section className={cx.upsell} data-sf-cart-upsell=\"\" aria-labelledby={upsellTitle ? upsellId : undefined}>\n                  {upsellTitle ? <h3 id={upsellId} className={cx.upsellTitle}>{upsellTitle}</h3> : null}\n                  {upsell}\n                </section>\n              ) : null}\n            </div>\n\n            <div className={cx.footer} data-sf-cart-footer=\"\">\n              <div className={cx.subtotal} data-sf-cart-subtotal=\"\">\n                <span className={cx.subtotalLabel}>{labels.subtotal}</span>\n                <span className={cx.subtotalValue} data-sf-cart-subtotal-value=\"\">{cart ? money(cart.cost.subtotal) : null}</span>\n              </div>\n              {labels.note ? <p className={cx.note} data-sf-cart-note=\"\">{labels.note}</p> : null}\n              <div className={cx.actions} data-sf-cart-actions=\"\">\n                {link({ href: paths.checkout, className: cx.checkout, children: labels.checkout, onClick: close })}\n                {link({ href: paths.cart, className: cx.viewCart, children: labels.viewCart, onClick: close })}\n              </div>\n            </div>\n          </>\n        )}\n      </div>\n    </dialog>\n  )\n}\n\nfunction DrawerLine({\n  line,\n  props,\n  money,\n  link,\n  close,\n}: {\n  line: CartLine\n  props: CartDrawerProps\n  money: (m: Money) => ReactNode\n  link: (p: CartDrawerLinkProps) => ReactNode\n  close: () => void\n}) {\n  const { labels, paths, icons, classNames: cx = {} } = props\n  const f = { ...DEFAULT_FORM, ...props.form }\n  const { Form, formData } = (props.useLineForm ?? useNativeForm)()\n  const quantity = formData ? Number(formData.get(f.quantityField) ?? 0) : line.quantity\n  if (formData && (formData.get(f.intentField) === f.removeIntent || quantity === 0)) return null\n\n  const merch = line.merchandise\n  const isDefault = props.isDefaultVariantTitle ?? defaultIsDefaultVariant\n  const title = merch.product.title\n  const href = paths.product?.(merch.product.handle, merch.id)\n  const img = merch.image ?? merch.product.featured_image\n  const image = props.renderImage ? props.renderImage(line) : img ? (\n    <img src={img.url} alt={img.alt ?? ''} width={80} height={80} loading=\"lazy\" decoding=\"async\" />\n  ) : null\n\n  const imageNode = <span className={cx.image} data-sf-cart-image=\"\">{image}</span>\n  const price = <span className={cx.price} data-sf-cart-price=\"\">{money(line.cost.total)}</span>\n  const controls = (\n    <div className={cx.controls} data-sf-cart-controls=\"\">\n      <Form method=\"post\" action={paths.cart} className={cx.qty} data-sf-cart-qty=\"\">\n        <input type=\"hidden\" name={f.intentField} value={f.updateIntent} />\n        <input type=\"hidden\" name={f.lineField} value={line.id} />\n        <button type=\"submit\" name={f.quantityField} value={quantity - 1} aria-label={labels.decrease} className={cx.qtyButton} data-sf-cart-qty-button=\"\">\n          {icons?.decrease ?? <span aria-hidden=\"true\">−</span>}\n        </button>\n        <span className={cx.qtyValue} aria-live=\"polite\" data-sf-cart-qty-value=\"\">{quantity}</span>\n        <button type=\"submit\" name={f.quantityField} value={quantity + 1} aria-label={labels.increase} className={cx.qtyButton} data-sf-cart-qty-button=\"\">\n          {icons?.increase ?? <span aria-hidden=\"true\">+</span>}\n        </button>\n      </Form>\n      <Form method=\"post\" action={paths.cart} data-sf-cart-remove-form=\"\">\n        <input type=\"hidden\" name={f.intentField} value={f.removeIntent} />\n        <input type=\"hidden\" name={f.lineField} value={line.id} />\n        <button type=\"submit\" className={cx.remove} data-sf-cart-remove=\"\">{labels.remove}</button>\n      </Form>\n    </div>\n  )\n\n  if (props.renderLine) return <li key={line.id} className={cx.line} data-sf-cart-line=\"\">{props.renderLine(line, { controls, price, image: imageNode })}</li>\n\n  return (\n    <li className={cx.line} data-sf-cart-line=\"\">\n      {imageNode}\n      <div className={cx.lineMain} data-sf-cart-line-main=\"\">\n        <div className={cx.lineHead} data-sf-cart-line-head=\"\">\n          <div className={cx.lineText} data-sf-cart-line-text=\"\">\n            {href ? link({ href, className: cx.lineTitle, children: title, onClick: close }) : <span className={cx.lineTitle} data-sf-cart-line-title=\"\">{title}</span>}\n            {!isDefault(merch.title) ? <p className={cx.variant} data-sf-cart-variant=\"\">{merch.title}</p> : null}\n          </div>\n          {price}\n        </div>\n        {controls}\n      </div>\n    </li>\n  )\n}\n"]}
+{"version":3,"sources":["../src/cart-drawer/store.ts","../src/cart-drawer/cart-drawer.tsx"],"names":["useEffect"],"mappings":"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","file":"cart.js","sourcesContent":["import { useCallback, useEffect, useRef, useSyncExternalStore } from 'react'\n\n// Estado mínimo del cajón del carrito, fuera de React: cualquier parte de la tienda (cabecera, tarjeta, ficha)\n// lo abre sin pasar props. Es del navegador; en el servidor siempre está cerrado.\n\nlet isOpen = false\nconst listeners = new Set<() => void>()\n\nfunction set(next: boolean) {\n  if (isOpen === next) return\n  isOpen = next\n  for (const l of [...listeners]) l()\n}\n\nconst subscribe = (l: () => void) => {\n  listeners.add(l)\n  return () => {\n    listeners.delete(l)\n  }\n}\n\n/** Abre el cajón del carrito desde cualquier parte. */\nexport function openCartDrawer() {\n  set(true)\n}\n\n/** Cierra el cajón del carrito. */\nexport function closeCartDrawer() {\n  set(false)\n}\n\nexport function toggleCartDrawer() {\n  set(!isOpen)\n}\n\nexport function isCartDrawerOpen() {\n  return isOpen\n}\n\n/** Estado y acciones del cajón. `open` es `false` en el servidor y en la primera pintura. */\nexport function useCartDrawer() {\n  const open = useSyncExternalStore(subscribe, () => isOpen, () => false)\n  const toggle = useCallback(() => toggleCartDrawer(), [])\n  return { open, openDrawer: openCartDrawer, closeDrawer: closeCartDrawer, toggle }\n}\n\n/**\n * Abre el cajón cuando termina un \"agregar al carrito\". `busy` es verdadero mientras hay un agregado en vuelo\n * (en React Router: algún fetcher con la acción del carrito e intención de agregar). Con `skip` verdadero al\n * terminar (error, agregado silencioso) no se abre.\n */\nexport function useOpenCartDrawerWhenDone(busy: boolean, options: { skip?: boolean } = {}) {\n  const was = useRef(false)\n  const skip = useRef(false)\n  skip.current = !!options.skip\n  useEffect(() => {\n    if (was.current && !busy && !skip.current) openCartDrawer()\n    was.current = busy\n  }, [busy])\n}\n\ntype ClickLike = {\n  defaultPrevented: boolean\n  button: number\n  metaKey: boolean\n  ctrlKey: boolean\n  shiftKey: boolean\n  altKey: boolean\n  preventDefault: () => void\n}\n\n/**\n * `onClick` para el enlace \"Mi carrito\" de la cabecera: con un clic normal abre el cajón; con clic con\n * modificador, clic central o sin JavaScript el `href` (la página del carrito) sigue funcionando.\n */\nexport function handleCartLinkClick(e: ClickLike) {\n  if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return\n  e.preventDefault()\n  openCartDrawer()\n}\n","import { useEffect, useId, type ElementType, type ReactNode } from 'react'\nimport { formatMoney, type Cart, type CartLine, type Money } from '@asteby/storefront'\nimport { useModalDialog } from '../dialog.js'\nimport { useResolvedLocale } from '../locale.js'\nimport { closeCartDrawer, useCartDrawer } from './store.js'\n\nexport type CartDrawerLabels = {\n  /** Título; el cajón agrega \" (N)\" con la cantidad de unidades. */\n  title: string\n  /** Texto accesible del botón de cierre. */\n  close: string\n  empty: string\n  emptyHint?: string\n  /** Texto del enlace \"seguir comprando\" del estado vacío (se muestra con `paths.browse`). */\n  browse?: string\n  subtotal: string\n  /** Nota bajo el subtotal. */\n  note?: string\n  checkout: string\n  viewCart: string\n  remove: string\n  increase: string\n  decrease: string\n}\n\nexport type CartDrawerPaths = {\n  /** Página del carrito: acción de las mutaciones y destino de \"ver carrito\". */\n  cart: string\n  checkout: string\n  browse?: string\n  /** Enlace de la línea al producto; sin esto el título no es enlace. */\n  product?: (handle: string, variantId: string) => string\n}\n\n/** Contrato de la acción de ruta del carrito de la tienda (nombres de campo e intenciones). */\nexport type CartDrawerFormContract = {\n  intentField?: string\n  lineField?: string\n  quantityField?: string\n  updateIntent?: string\n  removeIntent?: string\n}\n\nexport type CartDrawerShipping = {\n  /** Mensaje ya calculado por la tienda con lo que manda OPS. */\n  message: ReactNode\n  /** 0..100 */\n  percent: number\n  reached?: boolean\n  progressLabel: string\n}\n\nexport type CartDrawerLineForm = {\n  /** Componente de formulario (`'form'`, o `fetcher.Form` del router para mejorar sin recargar). */\n  Form: ElementType\n  /** Datos en vuelo del formulario, para pintar la cantidad de forma optimista. */\n  formData?: FormData | null | undefined\n}\n\nexport type CartDrawerLinkProps = { href: string; className?: string | undefined; children: ReactNode; onClick?: () => void }\n\nexport type CartDrawerSlot =\n  | 'dialog' | 'panel' | 'header' | 'title' | 'close' | 'empty' | 'body' | 'shipping' | 'bar' | 'barFill' | 'lines' | 'line'\n  | 'image' | 'lineTitle' | 'variant' | 'price' | 'qty' | 'qtyButton' | 'qtyValue' | 'remove' | 'upsell' | 'footer' | 'subtotal'\n  | 'note' | 'actions' | 'checkout' | 'viewCart' | 'browse' | 'emptyTitle' | 'emptyHint' | 'shippingMessage' | 'lineMain'\n  | 'lineHead' | 'lineText' | 'controls' | 'upsellTitle' | 'subtotalLabel' | 'subtotalValue'\n\nexport type CartDrawerIcons = { close?: ReactNode; decrease?: ReactNode; increase?: ReactNode; shipping?: ReactNode; shippingReached?: ReactNode }\n\nexport type CartDrawerProps = {\n  /** `cart.cost` y cada línea vienen de OPS; el cajón no calcula nada. */\n  cart: Cart | null | undefined\n  labels: CartDrawerLabels\n  paths: CartDrawerPaths\n  form?: CartDrawerFormContract\n  /** Hook que da el formulario de cada línea. Por omisión `<form method=\"post\">` (funciona sin JavaScript). */\n  useLineForm?: () => CartDrawerLineForm\n  shipping?: CartDrawerShipping | null\n  /** Aviso fijo cuando no hay barra de envío (p. ej. \"Envío gratis\"). */\n  notice?: ReactNode\n  /** Sección \"podría interesarte\" (la tienda decide qué mostrar). */\n  upsell?: ReactNode\n  upsellTitle?: string\n  renderLine?: (line: CartLine, defaults: { controls: ReactNode; price: ReactNode; image: ReactNode }) => ReactNode\n  renderImage?: (line: CartLine) => ReactNode\n  renderMoney?: (money: Money) => ReactNode\n  renderLink?: (props: CartDrawerLinkProps) => ReactNode\n  /** Omite el variante cuando es el valor por defecto de OPS (\"Default Title\"). */\n  isDefaultVariantTitle?: (title: string) => boolean\n  icons?: CartDrawerIcons\n  /** Clases por pieza (además de los `data-sf-cart-*`), para tiendas con Tailwind. */\n  classNames?: Partial<Record<CartDrawerSlot, string>>\n  locale?: string\n  /** Se llama al abrir/cerrar por cualquier vía. */\n  onOpenChange?: (open: boolean) => void\n}\n\nconst DEFAULT_FORM: Required<CartDrawerFormContract> = {\n  intentField: 'intent',\n  lineField: 'line_id',\n  quantityField: 'quantity',\n  updateIntent: 'update',\n  removeIntent: 'remove',\n}\n\nconst useNativeForm = (): CartDrawerLineForm => ({ Form: 'form' })\n\nconst defaultIsDefaultVariant = (t: string) => /^default title$/i.test(t.trim())\n\nfunction useBodyScrollLock(locked: boolean) {\n  useEffect(() => {\n    if (!locked || typeof document === 'undefined') return\n    const el = document.documentElement\n    const prev = el.style.overflow\n    el.style.overflow = 'hidden'\n    return () => {\n      el.style.overflow = prev\n    }\n  }, [locked])\n}\n\n/**\n * Cajón lateral del carrito (\"Tu carrito (N)\"). Sin textos ni marca: todo llega por props.\n * Se monta una vez (en la raíz) y se abre con `openCartDrawer()` / `useCartDrawer()`.\n * `<dialog>` modal: `role=\"dialog\"`, `aria-modal`, foco atrapado y devuelto al abridor, Esc y clic fuera cierran,\n * el fondo no hace scroll. Las mutaciones usan la acción de ruta de la tienda (formularios nativos que\n * funcionan sin JavaScript, o el `Form` de un fetcher con `useLineForm`). Estilos: `@asteby/storefront-react/cart.css`\n * (tokens de la tienda) y/o `classNames`.\n */\nexport function CartDrawer(props: CartDrawerProps) {\n  const { cart, labels, paths, shipping, notice, upsell, upsellTitle, icons, classNames: cx = {}, onOpenChange } = props\n  const locale = useResolvedLocale(props.locale)\n  const { open } = useCartDrawer()\n  const titleId = useId()\n  const upsellId = useId()\n  const { ref, onBackdropClick } = useModalDialog({ open, onClose: () => closeCartDrawer() })\n  useBodyScrollLock(open)\n  useEffect(() => {\n    onOpenChange?.(open)\n  }, [open]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  if (!open) return null\n\n  const money = props.renderMoney ?? ((m: Money) => formatMoney(m, locale))\n  const link = props.renderLink ?? (({ href, className, children, onClick }: CartDrawerLinkProps) => (\n    <a href={href} className={className} onClick={onClick}>{children}</a>\n  ))\n  const count = cart?.total_quantity ?? 0\n  const lines = cart?.lines ?? []\n  const empty = !cart || lines.length === 0\n  const close = () => closeCartDrawer()\n\n  return (\n    <dialog\n      ref={ref}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby={titleId}\n      onClick={onBackdropClick}\n      onClose={close}\n      className={cx.dialog}\n      data-sf-cart-drawer=\"\"\n    >\n      <div className={cx.panel} data-sf-cart-panel=\"\">\n        <div className={cx.header} data-sf-cart-header=\"\">\n          <h2 id={titleId} tabIndex={-1} className={cx.title} data-sf-cart-title=\"\">\n            {labels.title}{count > 0 ? ` (${count})` : ''}\n          </h2>\n          <button type=\"button\" onClick={close} aria-label={labels.close} className={cx.close} data-sf-cart-close=\"\" data-sf-autofocus=\"\">\n            {icons?.close ?? <span aria-hidden=\"true\">✕</span>}\n          </button>\n        </div>\n\n        {empty ? (\n          <div className={cx.empty} data-sf-cart-empty=\"\">\n            <p className={cx.emptyTitle} data-sf-cart-empty-title=\"\">{labels.empty}</p>\n            {labels.emptyHint ? <p className={cx.emptyHint} data-sf-cart-empty-hint=\"\">{labels.emptyHint}</p> : null}\n            {paths.browse && labels.browse ? link({ href: paths.browse, className: cx.browse, children: labels.browse, onClick: close }) : null}\n          </div>\n        ) : (\n          <>\n            <div className={cx.body} data-sf-cart-body=\"\">\n              {shipping ? (\n                <div className={cx.shipping} data-sf-cart-shipping=\"\" data-reached={shipping.reached || undefined}>\n                  <p className={cx.shippingMessage}>\n                    {shipping.reached ? icons?.shippingReached : icons?.shipping}\n                    {shipping.message}\n                  </p>\n                  <div\n                    role=\"progressbar\"\n                    aria-valuemin={0}\n                    aria-valuemax={100}\n                    aria-valuenow={Math.round(shipping.percent)}\n                    aria-label={shipping.progressLabel}\n                    className={cx.bar}\n                    data-sf-cart-bar=\"\"\n                  >\n                    <div className={cx.barFill} data-sf-cart-bar-fill=\"\" style={{ width: `${Math.max(0, Math.min(100, shipping.percent))}%` }} />\n                  </div>\n                </div>\n              ) : notice ? (\n                <p className={[cx.shipping, cx.shippingMessage].filter(Boolean).join(\" \") || undefined} data-sf-cart-shipping=\"\" data-notice=\"\">{icons?.shippingReached}{notice}</p>\n              ) : null}\n\n              <ul className={cx.lines} data-sf-cart-lines=\"\">\n                {lines.map((line) => (\n                  <DrawerLine key={line.id} line={line} props={props} money={money} link={link} close={close} />\n                ))}\n              </ul>\n\n              {upsell ? (\n                <section className={cx.upsell} data-sf-cart-upsell=\"\" aria-labelledby={upsellTitle ? upsellId : undefined}>\n                  {upsellTitle ? <h3 id={upsellId} className={cx.upsellTitle}>{upsellTitle}</h3> : null}\n                  {upsell}\n                </section>\n              ) : null}\n            </div>\n\n            <div className={cx.footer} data-sf-cart-footer=\"\">\n              <div className={cx.subtotal} data-sf-cart-subtotal=\"\">\n                <span className={cx.subtotalLabel}>{labels.subtotal}</span>\n                <span className={cx.subtotalValue} data-sf-cart-subtotal-value=\"\">{cart ? money(cart.cost.subtotal) : null}</span>\n              </div>\n              {labels.note ? <p className={cx.note} data-sf-cart-note=\"\">{labels.note}</p> : null}\n              <div className={cx.actions} data-sf-cart-actions=\"\">\n                {link({ href: paths.checkout, className: cx.checkout, children: labels.checkout, onClick: close })}\n                {link({ href: paths.cart, className: cx.viewCart, children: labels.viewCart, onClick: close })}\n              </div>\n            </div>\n          </>\n        )}\n      </div>\n    </dialog>\n  )\n}\n\nfunction DrawerLine({\n  line,\n  props,\n  money,\n  link,\n  close,\n}: {\n  line: CartLine\n  props: CartDrawerProps\n  money: (m: Money) => ReactNode\n  link: (p: CartDrawerLinkProps) => ReactNode\n  close: () => void\n}) {\n  const { labels, paths, icons, classNames: cx = {} } = props\n  const f = { ...DEFAULT_FORM, ...props.form }\n  const { Form, formData } = (props.useLineForm ?? useNativeForm)()\n  const quantity = formData ? Number(formData.get(f.quantityField) ?? 0) : line.quantity\n  if (formData && (formData.get(f.intentField) === f.removeIntent || quantity === 0)) return null\n\n  const merch = line.merchandise\n  const isDefault = props.isDefaultVariantTitle ?? defaultIsDefaultVariant\n  const title = merch.product.title\n  const href = paths.product?.(merch.product.handle, merch.id)\n  const img = merch.image ?? merch.product.featured_image\n  const image = props.renderImage ? props.renderImage(line) : img ? (\n    <img src={img.url} alt={img.alt ?? ''} width={80} height={80} loading=\"lazy\" decoding=\"async\" />\n  ) : null\n\n  const imageNode = <span className={cx.image} data-sf-cart-image=\"\">{image}</span>\n  const price = <span className={cx.price} data-sf-cart-price=\"\">{money(line.cost.total)}</span>\n  const controls = (\n    <div className={cx.controls} data-sf-cart-controls=\"\">\n      <Form method=\"post\" action={paths.cart} className={cx.qty} data-sf-cart-qty=\"\">\n        <input type=\"hidden\" name={f.intentField} value={f.updateIntent} />\n        <input type=\"hidden\" name={f.lineField} value={line.id} />\n        <button type=\"submit\" name={f.quantityField} value={quantity - 1} aria-label={labels.decrease} className={cx.qtyButton} data-sf-cart-qty-button=\"\">\n          {icons?.decrease ?? <span aria-hidden=\"true\">−</span>}\n        </button>\n        <span className={cx.qtyValue} aria-live=\"polite\" data-sf-cart-qty-value=\"\">{quantity}</span>\n        <button type=\"submit\" name={f.quantityField} value={quantity + 1} aria-label={labels.increase} className={cx.qtyButton} data-sf-cart-qty-button=\"\">\n          {icons?.increase ?? <span aria-hidden=\"true\">+</span>}\n        </button>\n      </Form>\n      <Form method=\"post\" action={paths.cart} data-sf-cart-remove-form=\"\">\n        <input type=\"hidden\" name={f.intentField} value={f.removeIntent} />\n        <input type=\"hidden\" name={f.lineField} value={line.id} />\n        <button type=\"submit\" className={cx.remove} data-sf-cart-remove=\"\">{labels.remove}</button>\n      </Form>\n    </div>\n  )\n\n  if (props.renderLine) return <li key={line.id} className={cx.line} data-sf-cart-line=\"\">{props.renderLine(line, { controls, price, image: imageNode })}</li>\n\n  return (\n    <li className={cx.line} data-sf-cart-line=\"\">\n      {imageNode}\n      <div className={cx.lineMain} data-sf-cart-line-main=\"\">\n        <div className={cx.lineHead} data-sf-cart-line-head=\"\">\n          <div className={cx.lineText} data-sf-cart-line-text=\"\">\n            {href ? link({ href, className: cx.lineTitle, children: title, onClick: close }) : <span className={cx.lineTitle} data-sf-cart-line-title=\"\">{title}</span>}\n            {!isDefault(merch.title) ? <p className={cx.variant} data-sf-cart-variant=\"\">{merch.title}</p> : null}\n          </div>\n          {price}\n        </div>\n        {controls}\n      </div>\n    </li>\n  )\n}\n"]}

package/dist/checkout.cjs

@@ -0,0 +1,440 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var storefront = require('@asteby/storefront');
+
+// src/checkout/brands.ts
+var B = (key, name, kind, bg, fg, mark, shape) => ({
+  key,
+  name,
+  kind,
+  bg,
+  fg,
+  ...mark ? { mark } : {},
+  ...shape ? { shape } : {}
+});
+var LIST = [
+  // Parcel carriers (Mexico and global).
+  B("fedex", "FedEx", "carrier", "#4D148C", "#FFFFFF"),
+  B("dhl", "DHL", "carrier", "#FFCC00", "#B00410"),
+  B("estafeta", "Estafeta", "carrier", "#C8102E", "#FFFFFF"),
+  B("paquetexpress", "Paquetexpress", "carrier", "#0B4EA2", "#FFFFFF", "Paquet\nexpress"),
+  B("ups", "UPS", "carrier", "#351C15", "#FFB500"),
+  B("redpack", "Redpack", "carrier", "#C8102E", "#FFFFFF"),
+  B("99minutos", "99 Minutos", "carrier", "#00704A", "#FFFFFF", "99"),
+  B("jtexpress", "J&T Express", "carrier", "#C8102E", "#FFFFFF", "J&T"),
+  B("sendex", "Sendex", "carrier", "#003A70", "#FFFFFF"),
+  B("ampm", "AMPM", "carrier", "#1D1D1B", "#FFFFFF"),
+  B("tresguerras", "Tresguerras", "carrier", "#005BAC", "#FFFFFF", "3G"),
+  B("quiken", "Quiken", "carrier", "#1D1D1B", "#FFFFFF"),
+  B("imile", "iMile", "carrier", "#0057B8", "#FFFFFF"),
+  B("carssa", "Carssa", "carrier", "#00529B", "#FFFFFF"),
+  B("correosdemexico", "Correos de M\xE9xico", "carrier", "#7A1E3A", "#FFFFFF", "Correos\nM\xE9xico"),
+  B("usps", "USPS", "carrier", "#333366", "#FFFFFF"),
+  B("canadapost", "Canada Post", "carrier", "#DA291C", "#FFFFFF", "CPC"),
+  // Card networks.
+  B("visa", "Visa", "card", "#1A1F71", "#FFFFFF", "VISA"),
+  B("mastercard", "Mastercard", "card", "#FFFFFF", "#1D1D1B", "MC", "mastercard"),
+  B("amex", "American Express", "card", "#1F72CD", "#FFFFFF", "AMEX"),
+  B("carnet", "Carnet", "card", "#003B71", "#FFFFFF"),
+  // Wallets and payment providers.
+  B("mercadopago", "Mercado Pago", "wallet", "#00B1EA", "#0B1F4E", "mercado\npago"),
+  B("paypal", "PayPal", "wallet", "#003087", "#FFFFFF"),
+  B("clip", "Clip", "wallet", "#FC4C02", "#1D1D1B"),
+  B("applepay", "Apple Pay", "wallet", "#000000", "#FFFFFF", "Pay"),
+  B("googlepay", "Google Pay", "wallet", "#FFFFFF", "#3C4043", "G Pay"),
+  // Cash points and transfers (Mexico).
+  B("oxxo", "OXXO", "cash", "#E21E26", "#FFE600"),
+  B("spei", "SPEI", "bank", "#14365F", "#FFFFFF"),
+  B("stp", "STP", "bank", "#14365F", "#FFFFFF", "SPEI"),
+  B("7eleven", "7-Eleven", "cash", "#00704A", "#FFFFFF", "7-11"),
+  B("circlek", "Circle K", "cash", "#DA291C", "#FFFFFF", "K"),
+  B("soriana", "Soriana", "cash", "#C8102E", "#FFFFFF"),
+  B("extra", "Extra", "cash", "#E35205", "#FFFFFF"),
+  B("kiosko", "Kiosko", "cash", "#C8102E", "#FFFFFF"),
+  B("calimax", "Calimax", "cash", "#D52B1E", "#FFFFFF"),
+  B("farmaciasyza", "Farmacias Yza", "cash", "#0A5A9C", "#FFFFFF", "Yza"),
+  B("chedraui", "Chedraui", "cash", "#0047BB", "#FFFFFF"),
+  B("casaley", "Casa Ley", "cash", "#C8102E", "#FFFFFF", "Ley"),
+  B("telecomm", "Telecomm", "cash", "#6F1D46", "#FFFFFF"),
+  B("walmart", "Walmart", "cash", "#0071CE", "#FFFFFF"),
+  B("santander", "Santander", "bank", "#C00000", "#FFFFFF"),
+  B("bbva", "BBVA", "bank", "#004481", "#FFFFFF"),
+  B("citibanamex", "Citibanamex", "bank", "#004B8D", "#FFFFFF", "Citi"),
+  B("banorte", "Banorte", "bank", "#C8102E", "#FFFFFF")
+];
+var ALIASES = {
+  fedexmx: "fedex",
+  fedexexpress: "fedex",
+  dhlexpress: "dhl",
+  dhlmx: "dhl",
+  paquetexpres: "paquetexpress",
+  paqueteexpress: "paquetexpress",
+  jt: "jtexpress",
+  jandtexpress: "jtexpress",
+  noventaynueveminutos: "99minutos",
+  correos: "correosdemexico",
+  sepomex: "correosdemexico",
+  master: "mastercard",
+  americanexpress: "amex",
+  mercadopagomx: "mercadopago",
+  mp: "mercadopago",
+  clabe: "spei",
+  banktransfer: "spei",
+  seveneleven: "7eleven",
+  "711": "7eleven",
+  circulok: "circlek",
+  yza: "farmaciasyza",
+  bancomer: "bbva",
+  banamex: "citibanamex",
+  ley: "casaley"
+};
+var BY_KEY = new Map(LIST.map((b) => [b.key, b]));
+function brandKey(raw) {
+  const flat = (raw ?? "").normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase().replace(/&/g, "and").replace(/[^a-z0-9]/g, "");
+  const noCountry = flat.endsWith("mexico") && flat !== "correosdemexico" ? flat.slice(0, -6) : flat;
+  return ALIASES[noCountry] ?? (BY_KEY.has(noCountry) ? noCountry : ALIASES[flat] ?? flat);
+}
+function findBrand(raw) {
+  return BY_KEY.get(brandKey(raw)) ?? null;
+}
+function brandName(raw) {
+  const brand = findBrand(raw);
+  if (brand) return brand.name;
+  const text = (raw ?? "").trim();
+  if (!text) return null;
+  if (text !== text.toLowerCase() && text !== text.toUpperCase()) return text;
+  return text.toLowerCase().split(/[\s_-]+/).filter(Boolean).map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
+}
+function listBrands(kind) {
+  return kind ? LIST.filter((b) => b.kind === kind) : [...LIST];
+}
+function safeLogo(url) {
+  if (!url) return null;
+  try {
+    return new URL(url).protocol === "https:" ? url : null;
+  } catch {
+    return null;
+  }
+}
+function monogram(raw) {
+  const words = (brandName(raw) ?? raw).split(/\s+/).filter(Boolean);
+  const letters = words.length > 1 ? words.slice(0, 2).map((w) => w[0]) : [(words[0] ?? "?").slice(0, 2)];
+  return letters.join("").toUpperCase();
+}
+function BrandMark({ brand, logoUrl, size = 24, title, className }) {
+  const height = size;
+  const width = Math.round(size * 1.5);
+  const a11y = title ? { role: "img", "aria-label": title } : { "aria-hidden": true };
+  const logo = safeLogo(logoUrl);
+  const found = findBrand(brand);
+  const key = found?.key ?? "generic";
+  const style = { width, height, flex: "none" };
+  if (logo) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: logo,
+        alt: title ?? "",
+        width,
+        height,
+        loading: "lazy",
+        decoding: "async",
+        className,
+        style: { ...style, objectFit: "contain" },
+        "data-sf-brand-mark": key,
+        ...title ? {} : { "aria-hidden": true }
+      }
+    );
+  }
+  const ring = "var(--sf-brand-mark-ring, rgb(127 127 127 / 0.35))";
+  if (found?.shape === "mastercard") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 48 32", width, height, className, style, "data-sf-brand-mark": key, focusable: "false", ...a11y, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "0.5", y: "0.5", width: "47", height: "31", rx: "5", fill: found.bg, stroke: ring }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "19", cy: "16", r: "9", fill: "#EB001B" }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "29", cy: "16", r: "9", fill: "#F79E1B" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M24 8.52a9 9 0 0 1 0 14.96a9 9 0 0 1 0-14.96z", fill: "#FF5F00" })
+    ] });
+  }
+  const text = found ? found.mark ?? found.name : monogram(brand ?? "");
+  const bg = found?.bg ?? "var(--sf-brand-mark-bg, #E7E9EE)";
+  const fg = found?.fg ?? "var(--sf-brand-mark-fg, #2B2F38)";
+  const lines = text.split("\n");
+  const longest = Math.max(...lines.map((l) => l.length));
+  const fontSize = lines.length > 1 ? longest <= 5 ? 11 : 9.5 : longest <= 2 ? 15 : longest <= 4 ? 12 : 10;
+  const fit = (l) => l.length > 5 ? { textLength: 40, lengthAdjust: "spacingAndGlyphs" } : {};
+  const italic = found?.key === "visa" || found?.key === "fedex" ? "italic" : void 0;
+  const common = {
+    textAnchor: "middle",
+    fill: fg,
+    fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif",
+    fontWeight: 800,
+    fontSize,
+    fontStyle: italic
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 48 32", width, height, className, style, "data-sf-brand-mark": key, focusable: "false", ...a11y, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "0.5", y: "0.5", width: "47", height: "31", rx: "5", fill: bg, stroke: ring }),
+    lines.length > 1 ? lines.slice(0, 2).map((l, i) => /* @__PURE__ */ jsxRuntime.jsx("text", { x: "24", y: i === 0 ? 15 : 25.5, ...common, ...fit(l), children: l }, i)) : /* @__PURE__ */ jsxRuntime.jsx("text", { x: "24", y: "16", dominantBaseline: "central", letterSpacing: longest <= 4 ? 0.3 : 0, ...common, ...fit(text), children: text })
+  ] });
+}
+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";
+}
+
+// src/checkout/delivery.ts
+var ES = {
+  etaOne: "Llega en 1 d\xEDa h\xE1bil",
+  etaMany: "Llega en {n} d\xEDas h\xE1biles",
+  etaRange: "Llega en {min} a {max} d\xEDas h\xE1biles",
+  etaUpTo: "Llega en m\xE1ximo {max} d\xEDas h\xE1biles",
+  etaFrom: "Llega en {min} d\xEDas h\xE1biles o m\xE1s",
+  cheapest: "M\xE1s econ\xF3mico",
+  fastest: "M\xE1s r\xE1pido",
+  free: "Gratis",
+  pickupTitle: "Recoger en {name}",
+  quoteToday: "Precios de env\xEDo vigentes hasta las {time}.",
+  quoteTomorrow: "Precios de env\xEDo vigentes hasta ma\xF1ana a las {time}.",
+  quoteLater: "Precios de env\xEDo vigentes hasta el {date}.",
+  quoteSoon: "Los precios de env\xEDo vencen pronto ({time}).",
+  partial: "No pudimos consultar todas las paqueter\xEDas. Estas son las opciones disponibles ahora.",
+  loading: "Buscando opciones de env\xEDo\u2026",
+  requoted: "Las tarifas de env\xEDo cambiaron y ya est\xE1n actualizadas. Revisa tu env\xEDo antes de pagar."
+};
+var EN = {
+  etaOne: "Arrives in 1 business day",
+  etaMany: "Arrives in {n} business days",
+  etaRange: "Arrives in {min} to {max} business days",
+  etaUpTo: "Arrives in up to {max} business days",
+  etaFrom: "Arrives in {min}+ business days",
+  cheapest: "Cheapest",
+  fastest: "Fastest",
+  free: "Free",
+  pickupTitle: "Pick up at {name}",
+  quoteToday: "Shipping prices valid until {time}.",
+  quoteTomorrow: "Shipping prices valid until tomorrow at {time}.",
+  quoteLater: "Shipping prices valid until {date}.",
+  quoteSoon: "Shipping prices expire soon ({time}).",
+  partial: "We couldn't reach every carrier. These are the options available now.",
+  loading: "Looking for delivery options\u2026",
+  requoted: "Shipping rates changed and are now up to date. Check your delivery before paying."
+};
+function deliveryMessages(locale, overrides) {
+  const base = (locale ?? "es-MX").toLowerCase().startsWith("en") ? EN : ES;
+  return overrides ? { ...base, ...overrides } : base;
+}
+var fill = (tpl, vars) => tpl.replace(/\{(\w+)\}/g, (_, k) => String(vars[k] ?? "")).replace(/\.\.$/, ".");
+function rateCarrier(rate) {
+  return brandName(rate.carrier);
+}
+function rateService(rate) {
+  const title = rate.title.trim();
+  const carrier = rateCarrier(rate);
+  if (!carrier) return title;
+  for (const prefix of [carrier, rate.carrier ?? ""]) {
+    if (!prefix) continue;
+    if (title.toLowerCase().startsWith(prefix.toLowerCase())) {
+      const rest = title.slice(prefix.length).replace(/^[\s·:|-]+/, "");
+      if (rest) return rest;
+    }
+  }
+  return title;
+}
+function rateEta(rate, messages = ES) {
+  const { eta_days_min: min, eta_days_max: max } = rate;
+  if (typeof min === "number" && typeof max === "number") {
+    if (min === max) return min === 1 ? messages.etaOne : fill(messages.etaMany, { n: min });
+    return fill(messages.etaRange, { min, max });
+  }
+  if (typeof max === "number") return max === 1 ? messages.etaOne : fill(messages.etaUpTo, { max });
+  if (typeof min === "number") return min === 1 ? messages.etaOne : fill(messages.etaFrom, { min });
+  return rate.eta ?? null;
+}
+var costOf = (r) => {
+  const n = Number(r.cost.amount);
+  return Number.isFinite(n) ? n : null;
+};
+var daysOf = (r) => r.eta_days_max ?? r.eta_days_min ?? null;
+function rateBadges(rates) {
+  const out = /* @__PURE__ */ new Map();
+  if (rates.length < 2) return out;
+  const add = (id, b) => out.set(id, [...out.get(id) ?? [], b]);
+  const unique = (values) => {
+    const known = values.filter((v) => v[1] !== null);
+    if (known.length < 2) return null;
+    const min = Math.min(...known.map((v) => v[1]));
+    const winners = known.filter((v) => v[1] === min);
+    return winners.length === 1 ? winners[0][0] : null;
+  };
+  const currencies = new Set(rates.map((r) => r.cost.currency_code));
+  if (currencies.size === 1) {
+    const id = unique(rates.map((r) => [r.id, costOf(r)]));
+    if (id) add(id, "cheapest");
+  }
+  const fast = unique(rates.map((r) => [r.id, daysOf(r)]));
+  if (fast) add(fast, "fastest");
+  return out;
+}
+function quoteDeadline(rates) {
+  let best = null;
+  for (const r of rates) {
+    if (!r.expires_at) continue;
+    const d = new Date(r.expires_at);
+    if (Number.isNaN(d.getTime())) continue;
+    if (!best || d < best) best = d;
+  }
+  return best;
+}
+function quoteNote(deadline, opts = {}) {
+  if (!deadline) return null;
+  const now = opts.now ?? /* @__PURE__ */ new Date();
+  const left = deadline.getTime() - now.getTime();
+  if (left <= 0) return null;
+  const m = opts.messages ?? ES;
+  const locale = opts.locale ?? "es-MX";
+  const tz = opts.timeZone ? { timeZone: opts.timeZone } : {};
+  const time = new Intl.DateTimeFormat(locale, { hour: "numeric", minute: "2-digit", ...tz }).format(deadline);
+  if (left <= (opts.soonMinutes ?? 15) * 6e4) return { text: fill(m.quoteSoon, { time }), soon: true };
+  const day = (d) => new Intl.DateTimeFormat("en-CA", { year: "numeric", month: "2-digit", day: "2-digit", ...tz }).format(d);
+  if (day(deadline) === day(now)) return { text: fill(m.quoteToday, { time }), soon: false };
+  if (day(deadline) === day(new Date(now.getTime() + 864e5))) return { text: fill(m.quoteTomorrow, { time }), soon: false };
+  const date = new Intl.DateTimeFormat(locale, { day: "numeric", month: "short", hour: "numeric", minute: "2-digit", ...tz }).format(deadline);
+  return { text: fill(m.quoteLater, { date }), soon: false };
+}
+var QUOTE_CODES = /* @__PURE__ */ new Set(["quote_expired", "rate_expired", "rate_changed", "rate_unavailable", "rate_not_found", "stale_rate", "invalid_rate"]);
+function isQuoteChange(err) {
+  if (!err) return false;
+  if (err.code && QUOTE_CODES.has(err.code)) return true;
+  if (err.status === 409) return true;
+  return err.status === 422 && (err.field === "rate_id" || err.field === "delivery" || err.field === "delivery.rate_id" || !err.field);
+}
+function matchRate(previous, rates) {
+  if (!previous) return null;
+  const norm = (s) => (s ?? "").trim().toLowerCase();
+  const sameCarrier = (r) => norm(r.carrier) === norm(previous.carrier);
+  if (previous.service_code) {
+    const hit = rates.find((r) => sameCarrier(r) && norm(r.service_code) === norm(previous.service_code));
+    if (hit) return hit;
+  }
+  return rates.find((r) => sameCarrier(r) && norm(r.title) === norm(previous.title)) ?? null;
+}
+var SR_ONLY = { position: "absolute", width: 1, height: 1, overflow: "hidden", clip: "rect(0 0 0 0)", whiteSpace: "nowrap" };
+var useHydrated = () => react.useSyncExternalStore(
+  () => () => {
+  },
+  () => true,
+  () => false
+);
+function PickupGlyph({ size = 24 }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 48 32", width: Math.round(size * 1.5), height: size, "aria-hidden": "true", focusable: "false", style: { flex: "none" }, "data-sf-brand-mark": "pickup", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "0.5", y: "0.5", width: "47", height: "31", rx: "5", fill: "var(--sf-brand-mark-bg, #E7E9EE)", stroke: "var(--sf-brand-mark-ring, rgb(127 127 127 / 0.35))" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 13.5 17 9h14l2 4.5M15 13.5h18M15 13.5V23h18v-9.5M21 23v-5h6v5", fill: "none", stroke: "var(--sf-brand-mark-fg, #2B2F38)", strokeWidth: "1.8", strokeLinejoin: "round" })
+  ] });
+}
+function DeliveryOptions(props) {
+  const {
+    rates,
+    pickup = [],
+    name = "delivery_choice",
+    rateValue = (r) => `rate:${r.id}`,
+    pickupValue = (b) => `pickup:${b.branch_id}`,
+    value,
+    onValueChange,
+    partial = false,
+    requoted = false,
+    loading = false,
+    timeZone,
+    marks = true,
+    badges: showBadges = true,
+    required = true,
+    renderAmount,
+    classNames: cx = {},
+    testId,
+    children
+  } = props;
+  const locale = useResolvedLocale(props.locale);
+  const m = react.useMemo(() => deliveryMessages(locale, props.messages), [locale, props.messages]);
+  const hydrated = useHydrated();
+  const badges = react.useMemo(() => showBadges ? rateBadges(rates) : /* @__PURE__ */ new Map(), [rates, showBadges]);
+  const firstValue = rates[0] ? rateValue(rates[0]) : null;
+  const defaultValue = props.defaultValue === void 0 ? firstValue : props.defaultValue;
+  const amount = (money) => Number(money.amount) === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.free, "data-sf-delivery-free": true, children: m.free }) : renderAmount ? renderAmount(money) : storefront.formatMoney(money, locale);
+  const mode = props.quoteNote ?? "always";
+  const deadline = mode === "never" ? null : quoteDeadline(rates);
+  const note = hydrated && deadline ? quoteNote(deadline, { locale, messages: m, ...timeZone ? { timeZone } : {} }) : null;
+  const shownNote = note && (mode === "always" || note.soon) ? note : null;
+  const radio = (v) => /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      type: "radio",
+      name,
+      value: v,
+      required,
+      className: cx.radio,
+      ...value !== void 0 ? { checked: value === v, onChange: () => onValueChange?.(v) } : { defaultChecked: v === defaultValue, ...onValueChange ? { onChange: () => onValueChange(v) } : {} },
+      ...testId ? { "data-testid": testId } : {}
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.root, "data-sf-delivery": true, "aria-busy": loading || void 0, children: [
+    partial ? /* @__PURE__ */ jsxRuntime.jsx("p", { role: "status", className: cx.partial, "data-sf-delivery-partial": true, children: m.partial }) : null,
+    requoted ? /* @__PURE__ */ jsxRuntime.jsx("p", { role: "status", className: cx.partial, "data-sf-delivery-requoted": true, children: m.requoted }) : null,
+    loading ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: SR_ONLY, role: "status", "data-sf-delivery-loading": true, children: m.loading }) : null,
+    children,
+    loading && rates.length === 0 ? [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx.skeleton, "data-sf-delivery-skeleton": true, "aria-hidden": "true" }, i)) : null,
+    rates.map((rate) => {
+      const carrier = rateCarrier(rate);
+      const service = rateService(rate);
+      const eta = rateEta(rate, m);
+      const own = badges.get(rate.id) ?? [];
+      return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: cx.option, "data-sf-delivery-option": true, "data-loading": loading || void 0, children: [
+        radio(rateValue(rate)),
+        marks ? /* @__PURE__ */ jsxRuntime.jsx(BrandMark, { brand: rate.carrier ?? rate.provider ?? rate.title, size: 28, ...cx.mark ? { className: cx.mark } : {} }) : null,
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cx.body, "data-sf-delivery-body": true, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.title, "data-sf-delivery-title": true, children: carrier ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.carrier, "data-sf-delivery-carrier": true, children: carrier }),
+            " ",
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.service, "data-sf-delivery-service": true, children: service })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.carrier, "data-sf-delivery-carrier": true, children: service }) }),
+          eta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.eta, "data-sf-delivery-eta": true, children: eta }) : null,
+          own.length ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.badges, "data-sf-delivery-badges": true, children: own.map((b) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.badge, "data-sf-delivery-badge": b, children: b === "cheapest" ? m.cheapest : m.fastest }, b)) }) : null
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.price, "data-sf-delivery-price": true, children: amount(rate.cost) })
+      ] }, rate.id);
+    }),
+    pickup.map((b) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: cx.option, "data-sf-delivery-option": true, "data-sf-delivery-pickup": true, children: [
+      radio(pickupValue(b)),
+      marks ? /* @__PURE__ */ jsxRuntime.jsx(PickupGlyph, { size: 28 }) : null,
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cx.body, "data-sf-delivery-body": true, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.title, "data-sf-delivery-title": true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.carrier, "data-sf-delivery-carrier": true, children: m.pickupTitle.replace("{name}", b.name) }) }),
+        b.address || b.city ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.eta, "data-sf-delivery-eta": true, children: [b.address, b.city].filter(Boolean).join(", ") }) : null
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.price, "data-sf-delivery-price": true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.free, "data-sf-delivery-free": true, children: m.free }) })
+    ] }, b.branch_id)),
+    deadline ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.note, "data-sf-delivery-note": true, "data-soon": shownNote?.soon || void 0, "aria-live": "polite", children: shownNote?.text ?? "" }) : null
+  ] });
+}
+
+exports.BrandMark = BrandMark;
+exports.DeliveryOptions = DeliveryOptions;
+exports.brandKey = brandKey;
+exports.brandName = brandName;
+exports.deliveryMessages = deliveryMessages;
+exports.findBrand = findBrand;
+exports.isQuoteChange = isQuoteChange;
+exports.listBrands = listBrands;
+exports.matchRate = matchRate;
+exports.quoteDeadline = quoteDeadline;
+exports.quoteNote = quoteNote;
+exports.rateBadges = rateBadges;
+exports.rateCarrier = rateCarrier;
+exports.rateEta = rateEta;
+exports.rateService = rateService;
+//# sourceMappingURL=checkout.cjs.map
+//# sourceMappingURL=checkout.cjs.map