@asteby/storefront-react 0.11.1 → 0.13.0

package/dist/checkout.cjs

@@ -1,9 +1,504 @@
 'use strict';
 
-var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var storefront = require('@asteby/storefront');
 
+// src/checkout/address-fields.tsx
+var ES = {
+  valueMissing: "Completa este campo.",
+  choiceMissing: "Elige una opci\xF3n.",
+  email: "Escribe un correo v\xE1lido, por ejemplo nombre@correo.com.",
+  tel: "Escribe un tel\xE9fono v\xE1lido.",
+  pattern: "Revisa el formato.",
+  tooShort: "Escribe al menos {n} caracteres.",
+  server: "Revisa este campo.",
+  summaryOne: "Revisa 1 campo para continuar",
+  summaryMany: "Revisa {n} campos para continuar",
+  optional: "(opcional)"
+};
+var EN = {
+  valueMissing: "Fill in this field.",
+  choiceMissing: "Choose an option.",
+  email: "Enter a valid email, like name@example.com.",
+  tel: "Enter a valid phone number.",
+  pattern: "Check the format.",
+  tooShort: "Enter at least {n} characters.",
+  server: "Check this field.",
+  summaryOne: "Check 1 field to continue",
+  summaryMany: "Check {n} fields to continue",
+  optional: "(optional)"
+};
+function fieldMessages(locale, overrides) {
+  const base = (locale ?? "es-MX").toLowerCase().startsWith("en") ? EN : ES;
+  return overrides ? { ...base, ...overrides } : base;
+}
+var isControl = (el) => !!el && typeof el.tagName === "string" && ["INPUT", "SELECT", "TEXTAREA"].includes(el.tagName) && !!el.name;
+function validationMessage(el, m = ES) {
+  const v = el.validity;
+  if (!v || v.valid) return null;
+  const own = el.getAttribute("data-sf-error");
+  if (own) return own;
+  if (v.valueMissing) return el instanceof HTMLInputElement && (el.type === "radio" || el.type === "checkbox") ? m.choiceMissing : m.valueMissing;
+  if (v.typeMismatch && el instanceof HTMLInputElement) return el.type === "email" ? m.email : el.type === "tel" ? m.tel : m.pattern;
+  if (v.patternMismatch) return el.getAttribute("title") || (el instanceof HTMLInputElement && el.type === "tel" ? m.tel : m.pattern);
+  if (v.tooShort && el instanceof HTMLInputElement) return m.tooShort.replace("{n}", String(el.minLength));
+  return el.validationMessage || m.pattern;
+}
+function labelOf(el) {
+  if (el instanceof HTMLInputElement && el.type === "radio") {
+    const legend = el.closest("fieldset")?.querySelector("legend");
+    if (legend?.textContent) return legend.textContent.trim();
+  }
+  const text = el.labels?.[0]?.getAttribute("data-sf-label") ?? el.labels?.[0]?.textContent ?? el.getAttribute("aria-label") ?? el.name;
+  return text.trim();
+}
+function useFieldErrors(formRef, options = {}) {
+  const m = fieldMessages(options.locale, options.messages);
+  const live = react.useRef(m);
+  live.current = m;
+  const server = [...options.serverFields ?? []];
+  const serverKey = server.join("|");
+  const [errors, setErrors] = react.useState(() => Object.fromEntries(server.map((n) => [n, options.serverMessages?.[n] ?? m.server])));
+  const [summary, setSummary] = react.useState(null);
+  const [summaryKey, setSummaryKey] = react.useState(0);
+  react.useEffect(() => {
+    if (!server.length) return;
+    const form = formRef.current;
+    const items = [];
+    const next = {};
+    for (const name of server) {
+      const msg = options.serverMessages?.[name] ?? live.current.server;
+      next[name] = msg;
+      const el = form?.elements.namedItem(name);
+      const ctl = el && "length" in el && !(el instanceof HTMLSelectElement) ? el[0] : el;
+      if (ctl) items.push({ name, id: ctl.id || name, label: labelOf(ctl), message: msg });
+    }
+    setErrors((e) => ({ ...e, ...next }));
+    if (items.length) {
+      setSummary(items);
+      setSummaryKey((k) => k + 1);
+    }
+  }, [serverKey]);
+  react.useEffect(() => {
+    const form = formRef.current;
+    if (!form) return;
+    let batch = null;
+    const set = (name, msg) => setErrors((e) => {
+      if (msg === null) {
+        if (!(name in e)) return e;
+        const { [name]: _gone, ...rest } = e;
+        return rest;
+      }
+      return e[name] === msg ? e : { ...e, [name]: msg };
+    });
+    const onBlur = (ev) => {
+      const el = ev.target;
+      if (!isControl(el) || el instanceof HTMLInputElement && (el.type === "radio" || el.type === "checkbox" || el.type === "hidden")) return;
+      if (!el.value) return;
+      set(el.name, validationMessage(el, live.current));
+    };
+    const onInput = (ev) => {
+      const el = ev.target;
+      if (!isControl(el)) return;
+      setErrors((e) => {
+        if (!(el.name in e)) return e;
+        const msg = el.validity.valid ? null : validationMessage(el, live.current);
+        if (msg !== null) return e;
+        const { [el.name]: _gone, ...rest } = e;
+        return rest;
+      });
+    };
+    const onInvalid = (ev) => {
+      const el = ev.target;
+      if (!isControl(el)) return;
+      ev.preventDefault();
+      if (!batch) {
+        batch = [];
+        queueMicrotask(() => {
+          const list = batch ?? [];
+          batch = null;
+          const seen = /* @__PURE__ */ new Set();
+          const items = [];
+          const next = {};
+          for (const c of list) {
+            if (seen.has(c.name)) continue;
+            seen.add(c.name);
+            const msg = validationMessage(c, live.current) ?? live.current.valueMissing;
+            next[c.name] = msg;
+            items.push({ name: c.name, id: c.id || c.name, label: labelOf(c), message: msg });
+          }
+          setErrors((e) => ({ ...e, ...next }));
+          setSummary(items);
+          setSummaryKey((k) => k + 1);
+        });
+      }
+      batch.push(el);
+    };
+    form.addEventListener("focusout", onBlur);
+    form.addEventListener("input", onInput);
+    form.addEventListener("change", onInput);
+    form.addEventListener("invalid", onInvalid, true);
+    return () => {
+      form.removeEventListener("focusout", onBlur);
+      form.removeEventListener("input", onInput);
+      form.removeEventListener("change", onInput);
+      form.removeEventListener("invalid", onInvalid, true);
+    };
+  }, [formRef]);
+  const shown = summary ? summary.filter((s) => s.name in errors).map((s) => ({ ...s, message: errors[s.name] })) : null;
+  return {
+    errors,
+    summary: shown && shown.length ? shown : null,
+    summaryKey,
+    clear: () => {
+      setErrors({});
+      setSummary(null);
+    }
+  };
+}
+function ErrorSummary({ items, focusKey, locale, messages, title, className, classNames: cx = {} }) {
+  const ref = react.useRef(null);
+  const m = fieldMessages(locale, messages);
+  const has = !!items && items.length > 0;
+  react.useEffect(() => {
+    if (has) ref.current?.focus();
+  }, [focusKey]);
+  if (!has) return null;
+  const n = items.length;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, role: "alert", tabIndex: -1, className, "data-sf-error-summary": true, "aria-labelledby": "sf-error-summary-title", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { id: "sf-error-summary-title", className: cx.title, "data-sf-error-summary-title": true, children: title ?? (n === 1 ? m.summaryOne : m.summaryMany.replace("{n}", String(n))) }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cx.list, children: items.map((it) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "a",
+      {
+        href: `#${it.id}`,
+        className: cx.link,
+        onClick: (e) => {
+          const el = document.getElementById(it.id);
+          if (!el) return;
+          e.preventDefault();
+          el.focus();
+          el.scrollIntoView?.({ block: "center" });
+        },
+        children: [
+          it.label,
+          ": ",
+          it.message
+        ]
+      }
+    ) }, it.name)) })
+  ] });
+}
+function CheckoutField(props) {
+  const { name, label, id = name, error, hint, optional = false, classNames: cx = {}, locale, messages, ...rest } = props;
+  const m = fieldMessages(locale, messages);
+  const hintId = hint ? `${id}-hint` : void 0;
+  const errorId = `${id}-error`;
+  const describedBy = [hintId, error ? errorId : void 0].filter(Boolean).join(" ") || void 0;
+  const common = {
+    id,
+    name,
+    required: !optional,
+    "aria-invalid": error ? true : void 0,
+    "aria-describedby": describedBy,
+    className: cx.input,
+    "data-sf-field-control": ""
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.root, "data-sf-field": true, "data-invalid": error ? "" : void 0, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: id, className: cx.label, "data-sf-label": label, children: [
+      label,
+      optional ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cx.optional, "data-sf-field-optional": true, children: [
+        " ",
+        m.optional
+      ] }) : null
+    ] }),
+    hint ? /* @__PURE__ */ jsxRuntime.jsx("p", { id: hintId, className: cx.hint, "data-sf-field-hint": true, children: hint }) : null,
+    rest.as === "select" ? (() => {
+      const { as: _as, children, ...select } = rest;
+      return /* @__PURE__ */ jsxRuntime.jsx("select", { ...select, ...common, children });
+    })() : (() => {
+      const { as: _as, ...input } = rest;
+      return /* @__PURE__ */ jsxRuntime.jsx("input", { ...input, ...common });
+    })(),
+    error ? /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: cx.error, "data-sf-field-error": true, children: error }) : null
+  ] });
+}
+var ES2 = {
+  email: "Correo",
+  phone: "Tel\xE9fono",
+  first_name: "Nombre",
+  last_name: "Apellidos",
+  zip: "C\xF3digo postal",
+  province: "Estado",
+  city: "Ciudad o municipio",
+  neighborhood: "Colonia",
+  address1: "Calle y n\xFAmero",
+  address2: "N\xFAmero interior o departamento",
+  reference: "Referencias para la entrega",
+  provincePlaceholder: "Elige tu estado",
+  address1Hint: "Por ejemplo: Av. Insurgentes Sur 1234",
+  referenceHint: "Entre qu\xE9 calles, color de la fachada\u2026",
+  emailHint: "Te enviamos aqu\xED la confirmaci\xF3n y el seguimiento.",
+  phoneHint: "Solo para la paqueter\xEDa, por si necesita contactarte.",
+  lookupFilled: "Completamos estado y ciudad con tu c\xF3digo postal."
+};
+var EN2 = {
+  email: "Email",
+  phone: "Phone",
+  first_name: "First name",
+  last_name: "Last name",
+  zip: "Postal code",
+  province: "State",
+  city: "City",
+  neighborhood: "Neighborhood",
+  address1: "Street and number",
+  address2: "Apartment, suite",
+  reference: "Delivery notes",
+  provincePlaceholder: "Choose your state",
+  address1Hint: "For example: 1234 Main St",
+  referenceHint: "Cross streets, building color\u2026",
+  emailHint: "We send the confirmation and tracking here.",
+  phoneHint: "Only for the carrier, in case they need to reach you.",
+  lookupFilled: "We filled in state and city from your postal code."
+};
+function addressFieldsMessages(locale, overrides) {
+  const base = (locale ?? "es-MX").toLowerCase().startsWith("en") ? EN2 : ES2;
+  return overrides ? { ...base, ...overrides } : base;
+}
+var join = (...c) => c.filter(Boolean).join(" ") || void 0;
+var field = (cx, span) => ({ ...cx, root: join(cx.root, cx[span]) });
+function ContactFields({ defaults = {}, names = {}, errors = {}, phone, hints = true, locale, messages, fieldMessages: fm, classNames: cx = {} }) {
+  const m = addressFieldsMessages(locale, messages);
+  const n = (k) => names[k] ?? k;
+  const common = { ...locale ? { locale } : {}, ...fm ? { messages: fm } : {} };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(CheckoutField, { ...common, name: n("email"), label: m.email, type: "email", autoComplete: "email", inputMode: "email", autoCapitalize: "none", spellCheck: false, defaultValue: defaults.email ?? "", error: errors[n("email")] ?? null, hint: hints ? m.emailHint : void 0, classNames: field(cx, "wide") }),
+    /* @__PURE__ */ jsxRuntime.jsx(CheckoutField, { ...common, name: n("phone"), label: m.phone, type: "tel", autoComplete: "tel", inputMode: "tel", defaultValue: defaults.phone ?? "", error: errors[n("phone")] ?? null, hint: hints ? m.phoneHint : void 0, classNames: field(cx, "wide"), ...phone?.pattern ? { pattern: phone.pattern } : {}, ...phone?.title ? { title: phone.title } : {}, ...phone?.minLength ? { minLength: phone.minLength } : {} }),
+    /* @__PURE__ */ jsxRuntime.jsx(CheckoutField, { ...common, name: n("first_name"), label: m.first_name, autoComplete: "given-name", defaultValue: defaults.first_name ?? "", error: errors[n("first_name")] ?? null, classNames: field(cx, "half") }),
+    /* @__PURE__ */ jsxRuntime.jsx(CheckoutField, { ...common, name: n("last_name"), label: m.last_name, autoComplete: "family-name", defaultValue: defaults.last_name ?? "", error: errors[n("last_name")] ?? null, classNames: field(cx, "half") })
+  ] });
+}
+function AddressFields(props) {
+  const { defaults, names = {}, errors = {}, countryCode, provinces, postalCode, lookupPostalCode, locale, messages, fieldMessages: fm, classNames: cx = {}, children } = props;
+  const showNeighborhood = props.neighborhood ?? true;
+  const showReference = props.reference ?? true;
+  const m = addressFieldsMessages(locale, messages);
+  const n = (k) => names[k] ?? k;
+  const common = { ...locale ? { locale } : {}, ...fm ? { messages: fm } : {} };
+  const listId = react.useId();
+  const [colonias, setColonias] = react.useState([]);
+  const [filled, setFilled] = react.useState(false);
+  const lastZip = react.useRef(null);
+  const zipRef = react.useRef(null);
+  const lookupRef = react.useRef(lookupPostalCode);
+  lookupRef.current = lookupPostalCode;
+  const runLookup = (zip) => {
+    const lookup = lookupRef.current;
+    if (!lookup || !zip || zip === lastZip.current) return;
+    if (postalCode?.pattern && !new RegExp(`^(?:${postalCode.pattern})$`).test(zip)) return;
+    lastZip.current = zip;
+    const form = zipRef.current?.closest("form");
+    void lookup(zip).then(
+      (info) => {
+        if (!info || lastZip.current !== zip) return;
+        const fill2 = (name, value) => {
+          const el = form?.elements.namedItem(name);
+          if (!el || !value || "length" in el && !(el instanceof HTMLSelectElement)) return false;
+          if (el.value && el.dataset.sfAutofilled !== "1") return false;
+          if (el instanceof HTMLSelectElement && ![...el.options].some((o) => o.value === value)) return false;
+          el.value = value;
+          el.dataset.sfAutofilled = "1";
+          el.dispatchEvent(new Event("input", { bubbles: true }));
+          return true;
+        };
+        const a = fill2(n("province"), info.province);
+        const b = fill2(n("city"), info.city);
+        setColonias(info.neighborhoods ?? []);
+        setFilled(a || b);
+      },
+      () => {
+      }
+    );
+  };
+  react.useEffect(() => {
+    const zip = defaults?.zip;
+    if (zip) runLookup(zip);
+  }, []);
+  const numericZip = postalCode?.inputMode === "numeric";
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: zipRef, className: join(cx.half), "data-sf-zip": true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      CheckoutField,
+      {
+        ...common,
+        name: n("zip"),
+        label: m.zip,
+        autoComplete: "postal-code",
+        inputMode: postalCode?.inputMode ?? "text",
+        ...postalCode?.pattern ? { pattern: postalCode.pattern } : {},
+        ...postalCode?.maxLength ? { maxLength: postalCode.maxLength } : {},
+        ...postalCode?.title ? { title: postalCode.title } : {},
+        ...numericZip ? { autoCapitalize: "none" } : {},
+        defaultValue: defaults?.zip ?? "",
+        error: errors[n("zip")] ?? null,
+        classNames: { ...cx, root: cx.root },
+        onInput: (e) => {
+          const v = e.currentTarget.value.trim();
+          if (postalCode?.maxLength && v.length === postalCode.maxLength) runLookup(v);
+        },
+        onBlur: (e) => runLookup(e.currentTarget.value.trim())
+      }
+    ) }),
+    provinces && provinces.length ? /* @__PURE__ */ jsxRuntime.jsxs(CheckoutField, { ...common, as: "select", name: n("province"), label: m.province, autoComplete: "address-level1", defaultValue: defaults?.province ?? "", error: errors[n("province")] ?? null, classNames: field(cx, "half"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, children: m.provincePlaceholder }),
+      provinces.map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p.name, children: p.name }, p.code ?? p.name))
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx(CheckoutField, { ...common, name: n("province"), label: m.province, autoComplete: "address-level1", defaultValue: defaults?.province ?? "", error: errors[n("province")] ?? null, classNames: field(cx, "half") }),
+    /* @__PURE__ */ jsxRuntime.jsx(CheckoutField, { ...common, name: n("city"), label: m.city, autoComplete: "address-level2", defaultValue: defaults?.city ?? "", error: errors[n("city")] ?? null, classNames: field(cx, "half") }),
+    showNeighborhood ? /* @__PURE__ */ jsxRuntime.jsx(
+      CheckoutField,
+      {
+        ...common,
+        name: n("neighborhood"),
+        label: m.neighborhood,
+        autoComplete: "address-level3",
+        optional: showNeighborhood !== "required",
+        defaultValue: defaults?.neighborhood ?? "",
+        error: errors[n("neighborhood")] ?? null,
+        classNames: field(cx, "half"),
+        ...colonias.length ? { list: listId } : {}
+      }
+    ) : null,
+    colonias.length ? /* @__PURE__ */ jsxRuntime.jsx("datalist", { id: listId, children: colonias.map((c) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: c }, c)) }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx("p", { role: "status", "aria-live": "polite", "data-sf-zip-status": true, style: filled ? void 0 : { position: "absolute", width: 1, height: 1, overflow: "hidden", clip: "rect(0 0 0 0)", whiteSpace: "nowrap" }, className: filled ? join(cx.hint, cx.wide) : void 0, children: filled ? m.lookupFilled : "" }),
+    /* @__PURE__ */ jsxRuntime.jsx(CheckoutField, { ...common, name: n("address1"), label: m.address1, autoComplete: "address-line1", defaultValue: defaults?.address1 ?? "", error: errors[n("address1")] ?? null, hint: m.address1Hint, classNames: field(cx, "wide") }),
+    /* @__PURE__ */ jsxRuntime.jsx(CheckoutField, { ...common, name: n("address2"), label: m.address2, autoComplete: "address-line2", optional: true, defaultValue: defaults?.address2 ?? "", error: errors[n("address2")] ?? null, classNames: field(cx, "half") }),
+    showReference ? /* @__PURE__ */ jsxRuntime.jsx(CheckoutField, { ...common, name: n("reference"), label: m.reference, optional: true, defaultValue: defaults?.reference ?? "", error: errors[n("reference")] ?? null, hint: m.referenceHint, classNames: field(cx, "wide"), maxLength: 200 }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden", name: "country_code", value: countryCode }),
+    children
+  ] });
+}
+var StorefrontContext = react.createContext(null);
+function useOptionalStorefront() {
+  return react.useContext(StorefrontContext);
+}
+
+// src/locale.ts
+function useResolvedLocale(locale) {
+  const sf = useOptionalStorefront();
+  return locale ?? sf?.locale ?? "es-MX";
+}
+var ES3 = {
+  title: "Tu pedido",
+  subtotal: "Subtotal",
+  discount: "Descuento",
+  shipping: "Env\xEDo",
+  shippingPending: "Al elegir la entrega",
+  updating: "Actualizando\u2026",
+  free: "Gratis",
+  taxes: "Impuestos",
+  taxesIncluded: "Incluye {amount} de impuestos",
+  total: "Total",
+  quantity: "Cantidad: {n}",
+  show: "Ver resumen del pedido",
+  hide: "Ocultar resumen del pedido"
+};
+var EN3 = {
+  title: "Your order",
+  subtotal: "Subtotal",
+  discount: "Discount",
+  shipping: "Shipping",
+  shippingPending: "Calculated at delivery",
+  updating: "Updating\u2026",
+  free: "Free",
+  taxes: "Taxes",
+  taxesIncluded: "Includes {amount} in taxes",
+  total: "Total",
+  quantity: "Quantity: {n}",
+  show: "Show order summary",
+  hide: "Hide order summary"
+};
+function orderSummaryMessages(locale, overrides) {
+  const base = (locale ?? "es-MX").toLowerCase().startsWith("en") ? EN3 : ES3;
+  return overrides ? { ...base, ...overrides } : base;
+}
+var isZero = (m) => !!m && Number(m.amount) === 0;
+var positive = (m) => !!m && Number(m.amount) > 0;
+function OrderSummary(props) {
+  const { lines, cost, updating = false, renderLineMedia, renderAmount, title, headingLevel = 2, classNames: cx = {}, children } = props;
+  const locale = useResolvedLocale(props.locale);
+  const m = orderSummaryMessages(locale, props.messages);
+  const money = (v) => renderAmount ? renderAmount(v) : storefront.formatMoney(v, locale);
+  const H = headingLevel === 3 ? "h3" : "h2";
+  const discounts = cost.discounts?.filter((d) => positive(d.amount)) ?? [];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.root, "data-sf-summary": true, children: [
+    title === false ? null : /* @__PURE__ */ jsxRuntime.jsx(H, { className: cx.title, "data-sf-summary-title": true, children: title ?? m.title }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cx.lines, "data-sf-summary-lines": true, children: lines.map((l) => {
+      const variant = l.merchandise.title && !/^default( title)?$/i.test(l.merchandise.title) ? l.merchandise.title : null;
+      return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: cx.line, "data-sf-summary-line": true, children: [
+        renderLineMedia ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cx.media, "data-sf-summary-media": true, children: [
+          renderLineMedia(l),
+          l.quantity > 1 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.qty, "data-sf-summary-qty": true, "aria-hidden": "true", children: l.quantity }) : null
+        ] }) : null,
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-sf-summary-line-body": true, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cx.lineTitle, "data-sf-summary-line-title": true, children: [
+            !renderLineMedia && l.quantity > 1 ? `${l.quantity} \xD7 ` : null,
+            l.merchandise.product.title
+          ] }),
+          variant ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.variant, "data-sf-summary-variant": true, children: variant }) : null,
+          renderLineMedia || l.quantity > 1 ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: { position: "absolute", width: 1, height: 1, overflow: "hidden", clip: "rect(0 0 0 0)", whiteSpace: "nowrap" }, children: m.quantity.replace("{n}", String(l.quantity)) }) : null
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.linePrice, "data-sf-summary-line-price": true, children: money(l.cost.total) })
+      ] }, l.id);
+    }) }),
+    children,
+    /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: cx.totals, "data-sf-summary-totals": true, "aria-busy": updating || void 0, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.row, "data-sf-summary-row": "subtotal", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { children: m.subtotal }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: money(cost.subtotal) })
+      ] }),
+      discounts.length ? discounts.map((d) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.row ? `${cx.row} ${cx.discount ?? ""}`.trim() : cx.discount, "data-sf-summary-row": "discount", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { children: d.code ? `${m.discount} (${d.code})` : d.title || m.discount }),
+        /* @__PURE__ */ jsxRuntime.jsxs("dd", { children: [
+          "\u2212",
+          money(d.amount)
+        ] })
+      ] }, d.id)) : positive(cost.discount) ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.row ? `${cx.row} ${cx.discount ?? ""}`.trim() : cx.discount, "data-sf-summary-row": "discount", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { children: m.discount }),
+        /* @__PURE__ */ jsxRuntime.jsxs("dd", { children: [
+          "\u2212",
+          money(cost.discount)
+        ] })
+      ] }) : null,
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.row, "data-sf-summary-row": "shipping", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { children: m.shipping }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: updating || !cost.shipping ? cx.muted : void 0, children: updating ? m.updating : !cost.shipping ? m.shippingPending : isZero(cost.shipping) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.free, children: m.free }) : money(cost.shipping) })
+      ] }),
+      positive(cost.tax) && !cost.tax_included ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.row, "data-sf-summary-row": "tax", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { children: m.taxes }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: money(cost.tax) })
+      ] }) : null,
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.total, "data-sf-summary-row": "total", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { children: m.total }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { "aria-live": "polite", "data-updating": updating || void 0, children: money(cost.total) })
+      ] })
+    ] }),
+    positive(cost.tax) && cost.tax_included ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cx.note, "data-sf-summary-tax-note": true, children: m.taxesIncluded.split("{amount}").flatMap((part, i) => i === 0 ? [part] : [/* @__PURE__ */ jsxRuntime.jsx("span", { children: money(cost.tax) }, i), part]) }) : null
+  ] });
+}
+function OrderSummaryDisclosure({ total, updating, renderAmount, locale: loc, messages, defaultOpen = false, className, classNames: cx = {}, children }) {
+  const locale = useResolvedLocale(loc);
+  const m = orderSummaryMessages(locale, messages);
+  return /* @__PURE__ */ jsxRuntime.jsxs("details", { className, "data-sf-summary-disclosure": true, ...defaultOpen ? { open: true } : {}, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("summary", { className: cx.summary, "data-sf-summary-toggle": true, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cx.label, "data-sf-summary-toggle-label": true, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "data-sf-summary-show": true, children: m.show }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "data-sf-summary-hide": true, children: m.hide })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.total, "data-sf-summary-toggle-total": true, "data-updating": updating || void 0, children: renderAmount ? renderAmount(total) : storefront.formatMoney(total, locale) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx.panel, "data-sf-summary-panel": true, children })
+  ] });
+}
+
 // src/checkout/brands/logos.generated.ts
 var LOGOS = {
   "7eleven": { src: "data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 xml:space=%22preserve%22 viewBox=%220 0 45 59.89%22%3E%3Cdefs%3E%3Cpath id=%22a%22 d=%22M0 0h45v59.9H0z%22/%3E%3C/defs%3E%3CclipPath id=%22b%22%3E%3Cuse xlink:href=%22%23a%22 style=%22overflow:visible%22/%3E%3C/clipPath%3E%3Cpath d=%22M34.2 45c.9 0 1.7.8 1.7 1.7s-.7 1.7-1.7 1.7c-.9 0-1.6-.8-1.6-1.7s.7-1.7 1.6-1.7m0 3c.7 0 1.3-.6 1.3-1.3 0-.8-.6-1.3-1.3-1.3s-1.3.6-1.3 1.3c0 .8.6 1.3 1.3 1.3m-.2-.4h-.3v-1.8h.6q.6 0 .6.6c0 .3-.2.5-.4.5l.4.7h-.4l-.4-.7H34zm.2-1q.3 0 .3-.3t-.3-.3H34v.5h.2zm8-14.3c-.9 0-1.5.4-2.1.9l-.4.6-.1-.1.5-.8v-.5h-3.2V43h2.9v-6.7c0-1.1.7-1.4 1.2-1.5s1.1.2 1.1.8V43H45v-7.3c0-2.3-1-3.4-2.8-3.4M9.9 40.6h3v2.3H7V32.3h2.9zM0 42.9h5.9v-2.1h-3v-2.3h3v-2h-3v-2h3v-2.2H0zm13.9 0h6v-2.1h-3.1v-2.3h3.1v-2h-3.1v-2h3.1v-2.2h-6zm16 0h6v-2.1h-3.1v-2.3h3.1v-2h-3.1v-2h3.1v-2.2h-6zm-3.8-10.6L25 39l-.1 1.2v.1h-.1v-.1l-.1-1.2-1.1-6.7h-2.9l2.4 10.6h3.6l2.4-10.6z%22 style=%22clip-path:url(%23b);fill:%23147350%22/%3E%3Cpath d=%22M37.7 0H0v15h19.9C24.4 8.5 30.5 3.3 37.7 0%22 style=%22clip-path:url(%23b);fill:%23ff6c00%22/%3E%3Cpath d=%22M15 59.9h15v-15H15zM45 15V0a40.7 40.7 0 0 0-28.9 30h15.3A25.8 25.8 0 0 1 45 15%22 style=%22clip-path:url(%23b);fill:%23eb0f2a%22/%3E%3C/svg%3E", ar: 0.751, mono: false },
@@ -26,6 +521,7 @@ var LOGOS = {
   "mastercard": { src: "data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1000 618%22%3E%3Cpath fill=%22%23EB001B%22 d=%22M308 0a309 309 0 1 0 2 0z%22/%3E%3Cpath fill=%22%23F79E1B%22 d=%22M690 0a309 309 0 1 0 2 0z%22/%3E%3Cpath fill=%22%23FF5F00%22 d=%22M500 66a309 309 0 0 0 0 486 309 309 0 0 0 0-486%22/%3E%3C/svg%3E", ar: 1.618, mono: false },
   "mercadopago": { src: "data:image/png;base64,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", ar: 3.838, mono: false },
   "oxxo": { src: "data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 version=%221.0%22 viewBox=%2235.43 35.45 885.83 448.9%22%3E%3Cpath d=%22M-792.46-878.05c0-29.6 23.78-53.62 53.13-53.62H40.12c29.33 0 53.13 24.02 53.13 53.62v339.17c0 29.6-23.8 53.6-53.13 53.6h-779.45c-29.35 0-53.13-24-53.13-53.6z%22 style=%22fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none%22 transform=%22translate(827.89 968.22)%22/%3E%3Cpath d=%22M-791.84-883.46c0-27.22 21.88-49.3 48.86-49.3h787.5c26.99 0 48.85 22.08 48.85 49.3v1.57h-885.21zM93.37-534.4v1.22c0 27.23-21.86 49.31-48.84 49.31h-787.5c-26.99 0-48.87-22.08-48.87-49.3v-1.23z%22 style=%22fill:%23fbb110;fill-opacity:1;fill-rule:nonzero;stroke:none%22 transform=%22translate(827.89 968.22)%22/%3E%3Cpath d=%22M-179.2-708.84c0 68.92 55.35 124.79 123.66 124.79 68.29 0 123.67-55.87 123.67-124.8s-55.38-124.8-123.67-124.8c-68.3 0-123.66 55.87-123.66 124.82m-589.6 0c0 68.92 55.37 124.79 123.68 124.79 68.29 0 123.67-55.87 123.67-124.8s-55.38-124.81-123.67-124.81c-68.3 0-123.69 55.87-123.69 124.82m862.17 150.8h-609.75c10.99-7.78 21.22-18.43 32.39-32.8l62.11-80 27.13 34.6 30.19-40.52-26.4-33.9 63.22-81.44c20.07-25.83-18.31-56.19-38.4-30.36L-422-750.47l-56.8-72.93c-20.1-25.76-58.42 4.67-38.32 30.46l64.2 82.3-69.46 89.44c-24.68 31.78-49.31 60.92-98.2 63.17h-171.26v-300.24h606.54c-10.43 7.7-20.27 18-30.94 31.76l-62.1 79.96-27.15-34.57-30.16 40.52 26.4 33.89-63.25 81.43c-20.05 25.83 18.34 56.19 38.4 30.36l55.89-71.96 56.8 72.91c20.1 25.78 58.42-4.65 38.32-30.43l-64.2-82.34 69.46-89.41c22.67-29.23 45.32-56.22 86.8-62.12h184.4zm-222.94-150.81c0-41.28 33.15-74.73 74.03-74.73s74.02 33.45 74.02 74.73c0 41.25-33.13 74.7-74.02 74.7s-74.03-33.45-74.03-74.7m-589.58 0c0-41.28 33.15-74.73 74.03-74.73 40.87 0 74.02 33.45 74.02 74.73 0 41.25-33.15 74.7-74.02 74.7-40.88 0-74.03-33.45-74.03-74.7%22 style=%22fill:%23e70020;fill-opacity:1;fill-rule:nonzero;stroke:none%22 transform=%22translate(827.89 968.22)%22/%3E%3C/svg%3E", ar: 1.973, mono: false },
+  "paquetexpress": { src: "data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%2217 27 155 34%22%3E%3Crect x=%2217%22 y=%2227%22 width=%22155%22 height=%2234%22 rx=%223%22 fill=%22%23002a52%22/%3E%3Cg fill=%22%23FFF%22 fill-rule=%22evenodd%22%3E%3Cpath d=%22M35.6 46.8V30.3h3.3c1.7 0 3 .4 3.9 1.2.8.8 1.3 2 1.3 3.6s-.4 2.8-1.3 3.6c-.8.9-1.9 1.3-3.4 1.3h-.7l-.1 6.8h-3zm3-9.3h.4c.7 0 1.2-.2 1.5-.6.4-.4.6-1 .6-1.7 0-.8-.2-1.4-.5-1.8-.4-.4-.9-.5-1.6-.5h-.4v4.6zm26.6 9L63.5 48 62 46.3c-.3.2-.7.4-1.1.5-.4.1-.9.2-1.4.2-1.8 0-3.2-.8-4.2-2.3-.9-1.5-1.4-3.6-1.4-6.4 0-2.5.5-4.5 1.5-6s2.3-2.2 4.1-2.2c1.8 0 3.1.7 4.1 2.3 1 1.5 1.5 3.6 1.5 6.4 0 1.3-.1 2.5-.4 3.5-.2.9-.6 1.7-1.1 2.3l1.6 1.9zm-5.2-6l1.5 1.7c.1-.4.2-1 .3-1.5.1-.6.1-1.3.1-2.1 0-1.8-.2-3.1-.6-4-.4-.9-1-1.4-1.8-1.4-.9 0-1.5.5-1.9 1.4-.4.9-.6 2.4-.6 4.3 0 1.6.2 2.9.6 3.8.5.8 1.1 1.3 1.8 1.3.1 0 .2 0 .3-.1h.2L58.3 42l1.7-1.5zm16.5-10.2v10.4c0 1.3 0 2.2-.1 2.7s-.2 1-.4 1.3c-.4.8-.9 1.4-1.7 1.8-.7.3-1.6.5-2.8.5-1.1 0-2.1-.2-2.8-.5-.8-.4-1.3-1-1.7-1.8-.2-.4-.3-.8-.4-1.3 0-.6-.1-1.5-.1-2.7V30.3h3.2v10.6c0 1.4.1 2.3.4 2.7.3.3.7.5 1.4.5s1.2-.2 1.4-.6c.3-.4.4-1.2.4-2.6V30.3h3.2zM78.6 46.8V30.3h6.7v3.1h-3.7v3.3h3.3v3h-3.3v3.9h3.7v3.2zM89.4 46.8V33.4H87v-3.1h8.1v3.1h-2.5v13.4zM96.5 46.8V30.3h6.7v3.1h-3.7v3.3h3.3v3h-3.3v3.9h3.7v3.2zM111.5 46.8l-1.3-3.3-.3-1.2c-.1-.4-.2-.8-.3-1.3-.1.5-.2.9-.3 1.3-.1.5-.2.8-.3 1.2l-1.1 3.3h-3.6l3.7-8.3-3.4-8.2h3.4l1.2 3.5c0 .2.1.4.2.7.1.4.2.8.3 1.3.1-.5.1-.8.2-1.2.1-.3.2-.6.3-.8l1.2-3.5h3.3l-3.4 8.2 3.6 8.3h-3.4zm4.4 0V30.3h3.3c1.8 0 3.1.4 3.9 1.2.9.8 1.3 2 1.3 3.6s-.4 2.8-1.2 3.6c-.9.9-2 1.3-3.5 1.3h-.7v6.8h-3.1zm3.1-9.3H119.3c.7 0 1.2-.2 1.6-.6.3-.4.5-1 .5-1.7 0-.8-.2-1.4-.5-1.8-.3-.4-.9-.5-1.6-.5h-.2-.1v4.6zm6.6 9.3V30.3h3.3c1.8 0 3.1.4 4 1.1.8.8 1.2 1.9 1.2 3.6 0 1.1-.2 2.1-.6 2.8-.5.7-1.1 1.2-1.9 1.5l3 7.5h-3.3l-2.6-6.8v6.8h-3.1zm3.1-9.3H129c.7 0 1.2-.2 1.6-.6.3-.4.5-1 .5-1.8s-.1-1.3-.5-1.7c-.3-.4-.8-.5-1.5-.5h-.3-.1v4.6zM136 46.8V30.3h6.7v3.1h-3.6v3.3h3.3v3h-3.3v3.9h3.6v3.2zM144.6 46.3v-3.5c.4.4.8.7 1.2.8.4.2.8.3 1.2.3.5 0 1-.1 1.3-.4.3-.3.4-.7.4-1.2 0-.7-.4-1.3-1.2-2.1-.3-.2-.4-.3-.5-.4-1-1-1.7-1.8-2.1-2.5-.3-.7-.5-1.5-.5-2.4 0-1.5.4-2.6 1.2-3.5.7-.9 1.8-1.3 3-1.3.5 0 .9.1 1.3.2.5.1.9.3 1.4.6v2.9c-.6-.3-1-.4-1.3-.6-.3-.1-.6-.1-.8-.1-.5 0-.9.1-1.2.4-.3.3-.4.7-.4 1.2 0 .4.1.8.3 1.2.3.4.8.9 1.6 1.6 1 1 1.7 1.8 2 2.4.3.6.5 1.4.5 2.3 0 1.5-.4 2.7-1.2 3.5-.9.9-2 1.3-3.4 1.3-.5 0-1 0-1.5-.2-.4-.1-.9-.3-1.3-.5m8.4 0v-3.5c.4.4.8.7 1.2.8.4.2.8.3 1.2.3.5 0 1-.1 1.3-.4.3-.3.4-.7.4-1.2 0-.7-.4-1.3-1.2-2.1-.3-.2-.4-.3-.5-.4-1-1-1.7-1.8-2.1-2.5-.3-.7-.5-1.5-.5-2.4 0-1.5.4-2.6 1.2-3.5.7-.9 1.8-1.3 3-1.3.5 0 .9.1 1.3.2.5.1.9.3 1.4.6v2.9c-.6-.3-1-.4-1.3-.6-.3-.1-.6-.1-.8-.1-.5 0-.9.1-1.2.4-.3.3-.4.7-.4 1.2 0 .4.1.8.3 1.2.3.4.8.9 1.6 1.6 1 1 1.7 1.8 2 2.4.3.6.5 1.4.5 2.3 0 1.5-.4 2.7-1.2 3.5-.9.9-2 1.3-3.4 1.3-.5 0-1 0-1.5-.2-.4-.1-.9-.3-1.3-.5M163.6 46.8v-2.6h.8l.4 1.8.5-1.8h.8v2.6h-.5v-2l-.5 2h-.5l-.5-2v2z%22%3E%3C/path%3E %3Cpath d=%22M26 27h-8v26.7c0 3.5 2.7 6.3 6.1 6.3h146.5v-3.3H31.5c-3.1 0-5.5-2.5-5.5-5.6V27zm3.2 21.6c0 2.7 2.1 4.8 4.7 4.8h136.7v-3.3h-137c-.7 0-1.2-.5-1.2-1.2V27h-3.2v21.6zm19.4-11.5l-.4-2.5-.3 2.5-.7 4.4h2.2l-.8-4.4zm1.4-6.8l3.8 16.5h-3.3l-.6-2.8h-3.2l-.6 2.8H43l3.7-16.5H50zM166.6 46.8h.5v-.5h-.5zM168.1 45.3h.8c.1 0 .2-.1.2-.1V45v-.2c-.1-.1-.1-.1-.2-.1-.1-.1-.2-.1-.4-.1h-.4v.7zm-.5 1.5v-2.6h1.1c.2 0 .4 0 .6.1.1 0 .2.1.3.2 0 .1.1.3.1.4 0 .2-.1.4-.2.5-.1.2-.3.2-.5.3.1 0 .2.1.3.2 0 .1.1.2.3.4l.3.5h-.6l-.4-.5c-.1-.2-.2-.4-.3-.4 0-.1-.1-.1-.1-.1-.1-.1-.2-.1-.3-.1h-.1v1.1h-.5zM170.2 46.8h.4v-.5h-.4z%22%3E%3C/path%3E%3C/g%3E%3C/svg%3E", ar: 4.559, mono: false },
   "paypal": { src: "data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1310 439.6%22%3E%3Cpath d=%22M1310 0v328.3h-74.7V0zm-102.2 110.8v218.1h-66.4v-18.8c-8.4 8.2-18 14.4-28.6 18.8a87 87 0 0 1-34.7 7c-15.6 0-30.1-2.9-43.4-8.7-13.3-6.1-24.9-14.4-34.7-24.8-9.9-10.5-17.7-22.7-23.5-36.6-5.5-14.2-8.2-29.5-8.2-45.8s2.7-31.4 8.2-45.3c5.8-14.2 13.6-26.6 23.5-37.1a104.5 104.5 0 0 1 34.7-24.4c13.3-6.1 27.8-9.2 43.4-9.2 12.4 0 24 2.3 34.7 7a88 88 0 0 1 28.6 18.8V111h66.4zm-117.7 158.7c13.6 0 24.7-4.6 33.4-14q13.5-13.95 13.5-35.7c0-21.75-4.5-26.5-13.5-35.7-8.7-9.3-19.9-14-33.4-14s-24.9 4.6-33.9 14c-8.7 9.3-13 21.2-13 35.7s4.4 26.5 13 35.7c9 9.3 20.3 14 33.9 14M861.7 0c19.7 0 36.5 2.8 50.4 8.3s25.6 13.2 35.2 23.1c9.8 10.2 17.5 21.8 23 34.9s8.2 27.2 8.2 42.3-2.7 29.2-8.2 42.3a112 112 0 0 1-23 34.9c-9.5 9.9-21.3 17.6-35.2 23.1s-30.7 8.3-50.4 8.3h-36v111.6h-76V0zm-10.9 149.6c10.2 0 17.9-1 23.5-3.1 5.8-2.3 10.6-5.3 14.3-8.7 7.8-7.3 11.7-17 11.7-29.2s-3.9-21.9-11.7-29.2c-3.8-3.5-8.5-6.3-14.3-8.3-5.5-2.3-13.3-3.5-23.5-3.5h-25.2v82zm-381.1-38.8h82.5l56 104.6h.9L659 110.8h76.4L571.7 439.6h-76l74.7-150.4zm-14.7 0v218.1h-66.4v-18.8c-8.4 8.2-18 14.4-28.6 18.8a87 87 0 0 1-34.7 7c-15.6 0-30.1-2.9-43.4-8.7-13.3-6.1-24.9-14.4-34.7-24.8-9.8-10.5-17.7-22.7-23.5-36.6-5.5-14.2-8.2-29.5-8.2-45.8s2.7-31.4 8.2-45.3c5.8-14.2 13.6-26.6 23.5-37.1a103.5 103.5 0 0 1 34.7-24.4c13.3-6.1 27.8-9.2 43.4-9.2 12.4 0 24 2.3 34.7 7a88 88 0 0 1 28.6 18.8V111H455zM337.3 269.5c13.6 0 24.7-4.6 33.5-14q13.5-13.95 13.5-35.7c0-21.75-4.5-26.5-13.5-35.7-8.7-9.3-19.9-14-33.5-14s-24.9 4.6-33.9 14c-8.7 9.3-13 21.2-13 35.7s4.4 26.5 13 35.7c9 9.3 20.3 14 33.9 14M112 0c19.7 0 36.5 2.8 50.4 8.3s25.6 13.2 35.2 23.1c9.8 10.2 17.5 21.8 23 34.9s8.2 27.2 8.2 42.3-2.7 29.2-8.2 42.3a112 112 0 0 1-23 34.9c-9.5 9.9-21.3 17.6-35.2 23.1s-30.7 8.3-50.4 8.3H76v111.6H0V0zm-10.8 149.6c10.2 0 17.9-1 23.5-3.1 5.8-2.3 10.6-5.3 14.3-8.7 7.8-7.3 11.7-17 11.7-29.2s-3.9-21.9-11.7-29.2c-3.8-3.5-8.5-6.3-14.3-8.3-5.5-2.3-13.3-3.5-23.5-3.5H76v82z%22/%3E%3C/svg%3E", ar: 2.98, mono: true },
   "santander": { src: "data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 version=%221.0%22 viewBox=%224 3.75 391.5 79%22%3E%3Cpath d=%22M-137.26 287.82a17.5 17.5 0 0 0 .55 7.23c.95 2.87 2.27 4.94 7.12 11.25 5.12 6.66 6.76 9.08 7.98 12.53 1 2.83 1.02 4.46.59 7.02 4.49.86 11.84 3.24 16.77 6.2 4.57 2.81 7.9 6.46 9.11 10 .72 2.09.7 5.33-.07 7.36a16 16 0 0 1-3.22 5.2c-5.9 6.46-17.6 11.1-31.67 12.59-3.11.32-10.74.56-13.36.4-18.8-1.1-33.92-7.59-38.22-16.42-1.8-3.67-1.75-6.83.14-10.46 1.55-3 5.82-6.7 10.83-9.4a85 85 0 0 1 14.2-5.43c.24 3.17 6.4 10.74 8.45 13.42 4.46 5.84 6.22 8.62 7.48 10.85.76 1.33 1.18 2.19.97 4.74 0 0 1.72-1.56 2.36-2.87.84-1.71 1.14-3.44.98-5.67-.2-2.68-.65-4.32-1.93-6.94-1.25-2.55-3.03-5.13-6.43-9.3-4.79-5.88-6.56-9.1-7.3-13.3-.8-4.66.5-9.6 3.18-12.02a10 10 0 0 1 1.53-1.04s-.08 1.2-.08 2.57c0 2.88.33 4.38 1.43 6.58 1.38 2.73 3.28 5.28 9.11 12.22 5.16 6.14 6.76 9.26 6.76 13.16v1.88s1.37-1.04 2-2c2-3.01 2.32-7.72.8-11.9-1.05-2.86-2.74-5.46-7.74-11.75-5.1-6.4-7.23-11.53-7.23-15.8s.92-8.35 4.91-10.9%22 style=%22fill:%23fe001e;fill-opacity:1;display:inline%22 transform=%22translate(184.65 -280.17)scale(.98661)%22/%3E%3Cg style=%22fill:%23fe001e;fill-opacity:1%22%3E%3Cpath d=%22M-41.6 350.75c.12-1.43.02-2.84-.14-3.59-.61-2.94-2.79-5.9-5.93-8.08a64 64 0 0 0-6.79-3.51c-5.94-2.75-7.6-3.74-9.09-5.4a7.2 7.2 0 0 1-2-5.38c0-1.55.08-2.01.58-3.1 1.62-3.52 5.65-5.4 10.35-4.8 2.76.35 4.21.97 5.84 2.5 1.7 1.59 2.57 3.43 3.04 6.46l.14 1.71h2.57l-.22-11.75-.85-.21c-.65-.16-4.9-.97-7.16-1.26-3.37-.42-4.73-.47-6.71-.24-3.84.44-7.01 1.9-9.4 4.31a12.2 12.2 0 0 0-3.81 8.4c-.2 3.42.9 6.25 3.34 8.67 2.04 2.03 2.92 2.56 9.24 5.57 8.1 3.85 9.93 4.99 11.16 7.88 1.06 2.51 1.14 5.33.04 7.59-2.82 5.76-11.7 7.26-17.22 2.92a11.4 11.4 0 0 1-4.06-6.61l-.26-1.34h-2.19l.39 11.26s4.2 1.13 6.17 1.33c1.48.16 2.95.45 4.44.45 3 0 4.38.39 7.48-.64 3.2-1.07 10.26-3.2 11.06-13.14m19.71-18.49c3.42 0 6.4 1.5 7.83 3.7a8.6 8.6 0 0 1 1.36 5.06v16.24c0 1.93 1.39 2.55 3.4 1.87l1.51-.58v2.13l-7.48 3.27c-.87.39-1.46-.5-1.88-2.13l-.47-1.57-1.24.98a11.7 11.7 0 0 1-7.52 2.66c-3.23.01-5.34-.43-7.44-3.78a8 8 0 0 1-.26-6.4c.96-2.18 2.86-3.3 10.85-6.39l5.4-2.02v-1.5c0-5.55-1.5-7.26-3.42-8.33-1.55-.86-3.6-.64-5.56.64-1.61 1.06-2.1 2.84-1.27 4.67.64 1.41.42.97.42 1.02l-4.39 2.31s-.76-1.3-.97-2c-1.01-3.3.28-5.17 5.24-7.9 2.59-1.42 4.11-1.95 5.89-1.95m4.06 15.39s-7.03 2.97-8.38 3.65c-1.08.55-2.32 1.53-2.73 2.33a5 5 0 0 0 .21 4.06 5.4 5.4 0 0 0 2.35 2.35c.35.15 1.53.42 2.35.43q2.52.02 5.22-2.18l.98-.81zm22.01-15.39v5.75l1.46-1.39c3.19-3 6.23-4.36 8.58-4.36 5.34 0 10.25 4.7 10.04 11.33v15.38c0 1.71.43 2.78 2.14 2.78h2.77v2.14H14.44v-2.14h2.14c1.7 0 2.35-1.07 2.35-2.78V343.6c0-3.2-1.18-4.8-2.14-5.77-1.28-1.28-2.84-1.64-5.13-1.5-1.77.12-3.6 1.06-5.68 2.75l-1.37 1.1v19.87c0 1.07.43 1.71 1.5 1.71h2.78v2.14H-5.64v-2.14h1.92c1.7 0 3-1.07 3-2.78v-16.45c0-4.27-1.3-5.55-4.92-3.63v-2.29c2.35-.7 6.62-2.84 8.97-4.34zm41.23 31.63c1.93 0 2.38-.22 4.17-1.73l3.52-2.97-.85-1.5-1.57.84c-2.35 1.25-4.2 1.51-6.55.44-2-.9-3.2-4.06-3.2-5.77v-17.3h9.82l1.07-3h-10.9v-9.82h-1.06c-2.57 4.7-6.41 9.18-11.11 11.96v.86h6.83v17.3c0 4.06 1.5 7.05 3.85 8.76a8.6 8.6 0 0 0 5.98 1.93m22.65-31.63c3.42 0 6.41 1.5 7.83 3.7a8.6 8.6 0 0 1 1.36 5.06v16.24c0 1.93 1.4 2.55 3.4 1.87l1.51-.58v2.13l-7.48 3.27c-.87.39-1.46-.5-1.87-2.13l-.48-1.57-1.24.98a11.7 11.7 0 0 1-7.52 2.66c-3.22.01-5.34-.43-7.44-3.78a8 8 0 0 1-.26-6.4c.96-2.18 2.87-3.3 10.85-6.39l5.4-2.02v-1.5c0-5.55-1.5-7.26-3.42-8.33-1.54-.86-3.6-.64-5.55.64-1.62 1.06-2.11 2.84-1.28 4.67.64 1.41.42.97.42 1.02l-4.39 2.31s-.75-1.3-.97-2c-1-3.3.28-5.17 5.24-7.9 2.6-1.42 4.11-1.95 5.9-1.95m4.06 15.39s-7.03 2.97-8.38 3.65c-1.08.55-2.32 1.53-2.73 2.33a5 5 0 0 0 .21 4.06 5.4 5.4 0 0 0 2.35 2.35c.36.15 1.53.42 2.35.43q2.52.02 5.22-2.18l.98-.81zm22-15.39v5.75l1.47-1.39c3.18-3 6.22-4.36 8.57-4.36 5.34 0 10.26 4.7 10.04 11.33v15.38c0 1.71.43 2.78 2.14 2.78h2.78v2.14h-14.75v-2.14h2.14c1.7 0 2.35-1.07 2.35-2.78V343.6c0-3.2-1.18-4.8-2.14-5.77-1.28-1.28-2.84-1.64-5.12-1.5-1.78.12-3.6 1.06-5.7 2.75l-1.36 1.1v19.87c0 1.07.43 1.71 1.5 1.71h2.78v2.14H84.3v-2.14h1.92c1.71 0 3-1.07 3-2.78v-16.45c0-4.27-1.29-5.55-4.92-3.63v-2.29c2.35-.7 6.62-2.84 8.97-4.34zm63.46 27.99v-2.13c-2.35 1.07-3.42 1.07-4.23.52-1.15-.78-1.12-2.23-1.12-2.23v-47h-.64a49 49 0 0 1-10.04 4.9v2.36c1.71-.64 2.99-.98 4.06-.43.7.39 1.07.85 1.07 1.92v15.98l-1.26-.5c-2.51-1.03-3.81-1.26-6.86-1.26-2.55 0-3.08.08-4.6.58-7.02 2.35-11.52 9.21-11.15 17.03.21 4.47 1.5 7.98 4.43 10.48 2.99 2.56 5.55 3.42 8.54 3.42 4.06 0 6.41-.81 9.36-2.81.9-.61 1.75-1.25 1.75-1.25a8.7 8.7 0 0 0 1.5 4.48zm-22.15-.38c-4-1.42-6.9-6.35-7.27-12.33-.47-7.48 3.67-12.71 10.06-12.71 2.69 0 4.75.73 7.23 2.58l1.23.91-.1 19.2-1.38.83a10.4 10.4 0 0 1-6.21 1.83c-2 .07-2.67.01-3.56-.3m45.11 3.69a26 26 0 0 0 6.95-3.1v-2.14c-2.35 1.71-6.08 2.77-9.4 2.78q-5.43 0-8.34-3.2c-2.83-3.16-3.63-5.77-4.12-12.18h22.5s0-3.21-1.28-6.2c-.88-2.05-1.71-3.63-4.06-5.13-2.2-1.4-5.17-2-7.7-2-2.62-.03-3.02.02-4.45.54-6.65 2.43-11.17 9.32-10.62 16.17.54 6.63 4.4 11.94 10.25 14.07 2.59.95 7.47 1.13 10.27.39m-12.28-26.4c1.5-1.49 3.2-2.34 5.98-2.34 2.56 0 4.27.64 5.98 2.35 1.29 1.28 1.93 2.35 2.2 5.98h-16.78c.27-2.56 1.12-4.49 2.62-5.98m32.48-4.92v7.06a23 23 0 0 1 4.05-5.13 7 7 0 0 1 4.92-1.93c1.07 0 3.84.86 3.84.86v6.4h-1.06c-.43-1.7-1.93-2.55-4.06-2.55-2.78 0-4.6 1.12-5.72 2.8s-1.55 2.54-1.55 6.17v14.1c0 1.07.43 1.71 1.5 1.71h2.78v2.14h-14.53v-2.14h1.92c1.7 0 3-1.07 3-2.78v-16.45c0-4.7-1.72-4.49-4.71-3.2v-2.14c2.78-1.07 6.2-2.57 8.76-4.92z%22 style=%22fill:%23fe001e;fill-opacity:1;display:inline%22 transform=%22translate(184.65 -280.17)scale(.98661)%22/%3E%3C/g%3E%3C/svg%3E", ar: 4.956, mono: false },
   "scotiabank": { src: "data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220.14 0.09 71.91 10.28%22%3E%3Cpath d=%22M6.73 8.37q.24-.6.23-1.25c.02-.63-.2-1.24-.6-1.72a5 5 0 0 0-2.31-1.23q-.3-.09-.6-.22-.27-.13-.46-.33a.8.8 0 0 1-.2-.55c.01-.3.18-.57.44-.7a2 2 0 0 1 1.68 0q.36.12.69.32l.9-1.8A5 5 0 0 0 3.77.13q-.7 0-1.36.23A3 3 0 0 0 .7 2.06q-.24.6-.23 1.25c.02.68.31 1.32.8 1.8q.7.6 1.6.9l.8.27q.3.12.57.3a1 1 0 0 1 .31.36q.1.2.07.43a1 1 0 0 1-.3.58q-.44.31-.98.27-.61 0-1.18-.28a9 9 0 0 1-.95-.53L.13 9.27a4.8 4.8 0 0 0 4.62.84q.66-.23 1.21-.68.5-.46.77-1.06m5.82-.58a1.57 1.57 0 1 1 0-1.96l1.4-1.41a3.5 3.5 0 0 0-2.62-1.17c-1.96 0-3.65 1.4-3.65 3.55 0 2.16 1.7 3.56 3.66 3.56 1 0 1.96-.42 2.63-1.16zm0 0%22 style=%22fill:%23eb0f19;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:.352778%22/%3E%3Cpath d=%22M17.6 3.25a3.56 3.56 0 1 0-.01 7.11 3.56 3.56 0 0 0 0-7.11m0 5.12a1.57 1.57 0 1 1 .02-3.14 1.57 1.57 0 0 1-.02 3.14m8.09-4.95h-.97v-2.1h-2.13v2.1h-.97v1.92h.97v4.85h2.13V5.34h.97zM27.72.13a1.19 1.19 0 1 0 0 2.38 1.19 1.19 0 0 0 0-2.38m-1.06 3.29h2.12v6.77h-2.12zM37.1 10.2V3.42h-2.08v.71l-.2-.16a2.6 2.6 0 0 0-1.79-.72c-1.83 0-3.37 1.63-3.37 3.55 0 1.93 1.55 3.56 3.37 3.56.67 0 1.31-.25 1.8-.72l.2-.17v.72Zm-3.72-1.8a1.6 1.6 0 1 1 .02-3.2 1.6 1.6 0 0 1-.02 3.2m6.88 1.8v-.72l.2.17a2.6 2.6 0 0 0 1.8.72c1.82 0 3.37-1.63 3.37-3.56s-1.55-3.56-3.38-3.56c-.67 0-1.31.26-1.8.72l-.19.17V.3H38.2v9.9Zm.05-3.39a1.6 1.6 0 1 1 1.6 1.6 1.6 1.6 0 0 1-1.6-1.6m13.47 3.39V3.42h-2.07v.71l-.2-.16a2.6 2.6 0 0 0-1.79-.72c-1.83 0-3.37 1.63-3.37 3.55 0 1.93 1.55 3.56 3.37 3.56.67 0 1.32-.25 1.8-.72l.2-.17v.72Zm-3.7-1.8a1.6 1.6 0 1 1 0-3.2 1.6 1.6 0 0 1 0 3.2m8.12-3.16c.69 0 1.26.57 1.26 1.27v3.7h2.12V6.24c0-1.8-1.04-2.97-2.68-2.97-.68 0-1.39.3-1.97 1.24V3.44H54.8v6.76h2.11V6.5a1.27 1.27 0 0 1 1.28-1.26m11.13 4.96-2.6-3.4 2.42-3.38h-2.48L64.7 6.16V.3h-2.13v9.9h2.13V7.4l2.14 2.8zm1.5-2.37a1.19 1.19 0 1 0-.01 2.37 1.19 1.19 0 0 0 .01-2.37m0 2.13a.95.95 0 1 1 0-1.9.95.95 0 0 1 0 1.9m0 0%22 style=%22fill:%23eb0f19;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:.352778%22/%3E%3Cpath d=%22M70.82 9.2h-.19v.46h-.23v-1.3h.5c.23 0 .42.2.42.43q-.02.27-.24.38l.27.49h-.28Zm-.19-.2h.27q.18-.02.2-.2a.2.2 0 0 0-.2-.2h-.27zm0 0%22 style=%22fill:%23eb0f19;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:.352778%22/%3E%3C/svg%3E", ar: 6.995, mono: false },
@@ -78,8 +574,8 @@ var LIST = [
   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("spei", "SPEI", "bank", "#14365F", "#FFFFFF", void 0, "transfer"),
+  B("stp", "STP", "bank", "#14365F", "#FFFFFF", "SPEI", "transfer"),
   B("7eleven", "7-Eleven", "cash", "#00704A", "#FFFFFF", "7-11"),
   B("circlek", "Circle K", "cash", "#DA291C", "#FFFFFF", "K"),
   B("soriana", "Soriana", "cash", "#C8102E", "#FFFFFF"),
@@ -243,6 +739,14 @@ function BrandMark({ brand, logoUrl, size = 24, title, className }) {
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M24 8.52a9 9 0 0 1 0 14.96a9 9 0 0 1 0-14.96z", fill: "#FF5F00" })
     ] });
   }
+  if (found?.shape === "transfer") {
+    const label = (found.mark ?? found.name).split("\n")[0];
+    return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 48 32", width, height, className, style, "data-sf-brand-mark": key, "data-sf-brand-source": "badge", 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("path", { d: "M6 12h11m0 0-3-3m3 3-3 3M17 20H6m0 0 3-3m-3 3 3 3", fill: "none", stroke: found.fg, strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round" }),
+      /* @__PURE__ */ jsxRuntime.jsx("text", { x: "33", y: "16.5", dominantBaseline: "central", textAnchor: "middle", fill: found.fg, fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif", fontWeight: 800, fontSize: 11, textLength: 22, lengthAdjust: "spacingAndGlyphs", children: label })
+    ] });
+  }
   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)";
@@ -264,19 +768,83 @@ function BrandMark({ brand, logoUrl, size = 24, title, className }) {
     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/recommend.ts
+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;
+var norm = (s) => (s ?? "").trim().toLowerCase();
+var carrierKey = (r) => r.carrier ? brandKey(r.carrier) : r.provider ? brandKey(r.provider) : "";
+function dedupeRates(rates) {
+  const best = /* @__PURE__ */ new Map();
+  const keyOf = (r) => `${carrierKey(r)}|${norm(r.service_code) || norm(r.title)}|${daysOf(r) ?? ""}|${r.cost.currency_code}`;
+  for (const r of rates) {
+    const k = keyOf(r);
+    const prev = best.get(k);
+    const c = costOf(r);
+    if (!prev || c !== null && (costOf(prev) === null || c < costOf(prev))) best.set(k, r);
+  }
+  const keep = new Set(best.values());
+  return rates.filter((r) => keep.has(r));
+}
+function recommendRates(input, options = {}) {
+  const count = Math.max(1, options.count ?? 3);
+  const rates = options.dedupe === false ? [...input] : dedupeRates(input);
+  const collapseAfter = options.collapseAfter ?? count + 1;
+  const sameCurrency = new Set(rates.map((r) => r.cost.currency_code)).size <= 1;
+  const byCost = (a, b) => (costOf(a) ?? Infinity) - (costOf(b) ?? Infinity);
+  const byDays = (a, b) => (daysOf(a) ?? Infinity) - (daysOf(b) ?? Infinity);
+  const tags = /* @__PURE__ */ new Map();
+  const tag = (r, t) => tags.set(r, [...tags.get(r) ?? [], t]);
+  const cheapest = sameCurrency && rates.length > 1 ? [...rates].sort((a, b) => byCost(a, b) || byDays(a, b))[0] : void 0;
+  if (cheapest && costOf(cheapest) !== null) tag(cheapest, "cheapest");
+  const fastest = rates.length > 1 ? [...rates].sort((a, b) => byDays(a, b) || byCost(a, b))[0] : void 0;
+  if (fastest && daysOf(fastest) !== null && (!cheapest || fastest === cheapest || (daysOf(cheapest) ?? Infinity) > daysOf(fastest))) tag(fastest, "fastest");
+  const chosen = [];
+  for (const r of [cheapest, fastest]) if (r && tags.has(r) && !chosen.includes(r)) chosen.push(r);
+  if (rates.length > collapseAfter) {
+    const rank = (sorted, val) => {
+      const out = /* @__PURE__ */ new Map();
+      let pos = 0;
+      let last;
+      sorted.forEach((r, i) => {
+        const v = val(r);
+        if (v !== last) pos = i;
+        last = v;
+        out.set(r, v === null ? sorted.length : pos);
+      });
+      return out;
+    };
+    const priceRank = rank([...rates].sort(byCost), costOf);
+    const timeRank = rank([...rates].sort(byDays), daysOf);
+    const rest = rates.filter((r) => !chosen.includes(r)).sort((a, b) => priceRank.get(a) + timeRank.get(a) - (priceRank.get(b) + timeRank.get(b)) || byCost(a, b));
+    let first = true;
+    for (const r of rest) {
+      if (chosen.length >= count) break;
+      chosen.push(r);
+      if (first) tag(r, "best_value");
+      first = false;
+    }
+  } else {
+    for (const r of rates) if (!chosen.includes(r)) chosen.push(r);
+  }
+  const recommended = chosen.sort(byCost).map((rate) => ({ rate, tags: tags.get(rate) ?? [] }));
+  const groups = /* @__PURE__ */ new Map();
+  for (const r of [...rates].sort(byCost)) {
+    if (chosen.includes(r)) continue;
+    const key = carrierKey(r);
+    const g = groups.get(key) ?? { key, carrier: r.carrier ?? r.provider ?? null, rates: [] };
+    g.rates.push(r);
+    groups.set(key, g);
+  }
+  const more = [...groups.values()];
+  return { recommended, more, moreCount: more.reduce((n, g) => n + g.rates.length, 0) };
 }
 
 // src/checkout/delivery.ts
-var ES = {
+var ES4 = {
   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",
@@ -290,11 +858,16 @@ var ES = {
   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.",
+  partial: "Algunas paqueter\xEDas no respondieron a tiempo; estas son las opciones disponibles.",
   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."
+  requoted: "Las tarifas de env\xEDo cambiaron y ya est\xE1n actualizadas. Revisa tu env\xEDo antes de pagar.",
+  bestValue: "Recomendado",
+  moreOptions: "Ver m\xE1s opciones ({n})",
+  otherCarriers: "Otras opciones",
+  error: "No pudimos consultar las opciones de env\xEDo en este momento.",
+  retry: "Intentar de nuevo"
 };
-var EN = {
+var EN4 = {
   etaOne: "Arrives in 1 business day",
   etaMany: "Arrives in {n} business days",
   etaRange: "Arrives in {min} to {max} business days",
@@ -310,10 +883,15 @@ var EN = {
   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."
+  requoted: "Shipping rates changed and are now up to date. Check your delivery before paying.",
+  bestValue: "Recommended",
+  moreOptions: "Show more options ({n})",
+  otherCarriers: "Other options",
+  error: "We couldn't get delivery options right now.",
+  retry: "Try again"
 };
 function deliveryMessages(locale, overrides) {
-  const base = (locale ?? "es-MX").toLowerCase().startsWith("en") ? EN : ES;
+  const base = (locale ?? "es-MX").toLowerCase().startsWith("en") ? EN4 : ES4;
   return overrides ? { ...base, ...overrides } : base;
 }
 var fill = (tpl, vars) => tpl.replace(/\{(\w+)\}/g, (_, k) => String(vars[k] ?? "")).replace(/\.\.$/, ".");
@@ -333,7 +911,7 @@ function rateService(rate) {
   }
   return title;
 }
-function rateEta(rate, messages = ES) {
+function rateEta(rate, messages = ES4) {
   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 });
@@ -343,11 +921,11 @@ function rateEta(rate, messages = ES) {
   if (typeof min === "number") return min === 1 ? messages.etaOne : fill(messages.etaFrom, { min });
   return rate.eta ?? null;
 }
-var costOf = (r) => {
+var costOf2 = (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;
+var daysOf2 = (r) => r.eta_days_max ?? r.eta_days_min ?? null;
 function rateBadges(rates) {
   const out = /* @__PURE__ */ new Map();
   if (rates.length < 2) return out;
@@ -361,10 +939,10 @@ function rateBadges(rates) {
   };
   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)]));
+    const id = unique(rates.map((r) => [r.id, costOf2(r)]));
     if (id) add(id, "cheapest");
   }
-  const fast = unique(rates.map((r) => [r.id, daysOf(r)]));
+  const fast = unique(rates.map((r) => [r.id, daysOf2(r)]));
   if (fast) add(fast, "fastest");
   return out;
 }
@@ -383,7 +961,7 @@ function quoteNote(deadline, opts = {}) {
   const now = opts.now ?? /* @__PURE__ */ new Date();
   const left = deadline.getTime() - now.getTime();
   if (left <= 0) return null;
-  const m = opts.messages ?? ES;
+  const m = opts.messages ?? ES4;
   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);
@@ -403,13 +981,13 @@ function isQuoteChange(err) {
 }
 function matchRate(previous, rates) {
   if (!previous) return null;
-  const norm = (s) => (s ?? "").trim().toLowerCase();
-  const sameCarrier = (r) => norm(r.carrier) === norm(previous.carrier);
+  const norm2 = (s) => (s ?? "").trim().toLowerCase();
+  const sameCarrier = (r) => norm2(r.carrier) === norm2(previous.carrier);
   if (previous.service_code) {
-    const hit = rates.find((r) => sameCarrier(r) && norm(r.service_code) === norm(previous.service_code));
+    const hit = rates.find((r) => sameCarrier(r) && norm2(r.service_code) === norm2(previous.service_code));
     if (hit) return hit;
   }
-  return rates.find((r) => sameCarrier(r) && norm(r.title) === norm(previous.title)) ?? null;
+  return rates.find((r) => sameCarrier(r) && norm2(r.title) === norm2(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(
@@ -443,7 +1021,10 @@ function DeliveryOptions(props) {
     renderAmount,
     classNames: cx = {},
     testId,
-    children
+    children,
+    layout = "list",
+    error,
+    onRetry
   } = props;
   const locale = useResolvedLocale(props.locale);
   const m = react.useMemo(() => deliveryMessages(locale, props.messages), [locale, props.messages]);
@@ -456,7 +1037,13 @@ function DeliveryOptions(props) {
   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(
+  const current = value ?? defaultValue ?? null;
+  const plan = react.useMemo(
+    () => layout === "recommended" ? recommendRates(rates, { count: props.recommendedCount ?? 3 }) : null,
+    [layout, rates, props.recommendedCount]
+  );
+  const inMore = plan ? plan.more.some((g) => g.rates.some((r) => rateValue(r) === current)) : false;
+  const radio = (v, describedBy) => /* @__PURE__ */ jsxRuntime.jsx(
     "input",
     {
       type: "radio",
@@ -464,36 +1051,66 @@ function DeliveryOptions(props) {
       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,
+  const tagText = (t) => t === "cheapest" ? m.cheapest : t === "fastest" ? m.fastest : m.bestValue;
+  const rateRow = (rate, opts) => {
+    const carrier = rateCarrier(rate);
+    const service = rateService(rate);
+    const eta = rateEta(rate, m);
+    return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: cx.option, "data-sf-delivery-option": true, "data-loading": loading || void 0, "data-grouped": opts.grouped || void 0, children: [
+      radio(rateValue(rate)),
+      marks && !opts.grouped ? (
+        // Fixed slot: logos of different widths do not push the text column out of line.
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "data-sf-delivery-mark": true, "aria-hidden": "true", children: /* @__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 ? opts.grouped ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { style: SR_ONLY, children: [
+            carrier,
+            " "
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.carrier, "data-sf-delivery-carrier": true, "data-sf-delivery-service-only": true, children: service })
+        ] }) : /* @__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,
+        opts.tags.length ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.badges, "data-sf-delivery-badges": true, children: opts.tags.map((b) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.badge, "data-sf-delivery-badge": b, children: tagText(b) }, b)) }) : null
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx.price, "data-sf-delivery-price": true, children: amount(rate.cost) })
+    ] }, rate.id);
+  };
+  const errorText = error ? typeof error === "string" ? error : m.error : null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx.root, "data-sf-delivery": true, "data-layout": layout, "aria-busy": loading || void 0, children: [
+    partial && !errorText ? /* @__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,
+    errorText && rates.length === 0 && !loading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "alert", className: cx.error, "data-sf-delivery-error": true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: errorText }),
+      onRetry ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: cx.retry, onClick: onRetry, "data-sf-delivery-retry": true, children: m.retry }) : null
+    ] }) : 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);
-    }),
+    plan ? plan.recommended.map(({ rate, tags }) => rateRow(rate, { tags: showBadges ? tags : [] })) : rates.map((rate) => rateRow(rate, { tags: badges.get(rate.id) ?? [] })),
+    plan && plan.moreCount > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("details", { className: cx.more, "data-sf-delivery-more": true, ...inMore ? { open: true } : {}, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("summary", { className: cx.moreSummary, "data-sf-delivery-more-summary": true, children: m.moreOptions.replace("{n}", String(plan.moreCount)) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { "data-sf-delivery-groups": true, children: plan.more.map((g) => {
+        const carrierName = g.carrier ? rateCarrier({ carrier: g.carrier }) : null;
+        const id = `${name}-group-${g.key || "other"}`;
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "group", "aria-labelledby": id, className: cx.group, "data-sf-delivery-group": g.key || "other", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { id, className: cx.groupTitle, "data-sf-delivery-group-title": true, children: [
+            marks && g.carrier ? /* @__PURE__ */ jsxRuntime.jsx(BrandMark, { brand: g.carrier, size: 22 }) : null,
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: carrierName ?? m.otherCarriers })
+          ] }),
+          g.rates.map((rate) => rateRow(rate, { tags: [], grouped: Boolean(carrierName) }))
+        ] }, g.key || "other");
+      }) })
+    ] }) : null,
     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,
@@ -507,21 +1124,34 @@ function DeliveryOptions(props) {
   ] });
 }
 
+exports.AddressFields = AddressFields;
 exports.BrandMark = BrandMark;
+exports.CheckoutField = CheckoutField;
+exports.ContactFields = ContactFields;
 exports.DeliveryOptions = DeliveryOptions;
+exports.ErrorSummary = ErrorSummary;
+exports.OrderSummary = OrderSummary;
+exports.OrderSummaryDisclosure = OrderSummaryDisclosure;
+exports.addressFieldsMessages = addressFieldsMessages;
 exports.brandKey = brandKey;
 exports.brandLogo = brandLogo;
 exports.brandName = brandName;
+exports.dedupeRates = dedupeRates;
 exports.deliveryMessages = deliveryMessages;
+exports.fieldMessages = fieldMessages;
 exports.findBrand = findBrand;
 exports.isQuoteChange = isQuoteChange;
 exports.listBrands = listBrands;
 exports.matchRate = matchRate;
+exports.orderSummaryMessages = orderSummaryMessages;
 exports.quoteDeadline = quoteDeadline;
 exports.quoteNote = quoteNote;
 exports.rateBadges = rateBadges;
 exports.rateCarrier = rateCarrier;
 exports.rateEta = rateEta;
 exports.rateService = rateService;
+exports.recommendRates = recommendRates;
+exports.useFieldErrors = useFieldErrors;
+exports.validationMessage = validationMessage;
 //# sourceMappingURL=checkout.cjs.map
 //# sourceMappingURL=checkout.cjs.map