@asteby/storefront-react 0.23.0 → 0.25.0

package/dist/account.cjs

@@ -1032,6 +1032,18 @@ var ES4 = {
   "payment.status.partially_refunded": "Reembolsado parcialmente",
   "payment.status.unknown": "En proceso",
   "payment.paidOn": "Pagado el {date}",
+  "payment.method.card": "Tarjeta",
+  "payment.method.credit_card": "Tarjeta de cr\xE9dito",
+  "payment.method.debit_card": "Tarjeta de d\xE9bito",
+  "payment.method.cash_voucher": "Efectivo con ficha (OXXO, tienda de conveniencia)",
+  "payment.method.oxxo": "Efectivo en OXXO",
+  "payment.method.spei": "Transferencia SPEI",
+  "payment.method.transfer": "Transferencia bancaria",
+  "payment.method.bank_deposit": "Dep\xF3sito bancario",
+  "payment.method.wallet": "Billetera digital",
+  "payment.method.cash": "Efectivo",
+  "payment.method.other": "Otro medio de pago",
+  "payment.method.unknown": "Medio de pago",
   // sections
   "section.error": "No pudimos cargar esta secci\xF3n.",
   "section.retry": "Reintentar",
@@ -1192,6 +1204,18 @@ var EN4 = {
   "payment.status.partially_refunded": "Partially refunded",
   "payment.status.unknown": "In progress",
   "payment.paidOn": "Paid on {date}",
+  "payment.method.card": "Card",
+  "payment.method.credit_card": "Credit card",
+  "payment.method.debit_card": "Debit card",
+  "payment.method.cash_voucher": "Cash with a voucher (OXXO, convenience store)",
+  "payment.method.oxxo": "Cash at OXXO",
+  "payment.method.spei": "SPEI transfer",
+  "payment.method.transfer": "Bank transfer",
+  "payment.method.bank_deposit": "Bank deposit",
+  "payment.method.wallet": "Digital wallet",
+  "payment.method.cash": "Cash",
+  "payment.method.other": "Other payment method",
+  "payment.method.unknown": "Payment method",
   "section.error": "We could not load this section.",
   "section.retry": "Try again",
   "section.loading": "Loading"
@@ -1728,6 +1752,10 @@ function ShipmentCard({ shipment, testMode = "hide", eventsPreview = 3, renderCa
     /* @__PURE__ */ jsxRuntime.jsxs("header", { className: cx.header, "data-sf-shipment-header": true, children: [
       renderCarrierMark && !test ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-sf-shipment-mark": true, children: renderCarrierMark(shipment) }) : null,
       /* @__PURE__ */ jsxRuntime.jsxs(Heading, { id: titleId, className: cx.carrier, "data-sf-shipment-title": true, children: [
+        carrier && !test ? /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-sf-shipment-eyebrow": true, children: [
+          m["shipment.carrier"],
+          /* @__PURE__ */ jsxRuntime.jsx(Hidden, { children: ": " })
+        ] }) : null,
         isReturn ? m["shipment.return"] : carrier ?? m["shipment.title"],
         isReturn && carrier ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           " \xB7 ",
@@ -1972,6 +2000,69 @@ function PendingPaymentList({ payments, voucherHref, shopName, classNames, listC
     /* @__PURE__ */ jsxRuntime.jsx("ul", { className: lc.list, children: sorted.map((p) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: lc.item, children: /* @__PURE__ */ jsxRuntime.jsx(PendingPaymentCard, { payment: p, ...voucherHref ? { voucherHref } : {}, ...shopName ? { shopName } : {}, ...classNames ? { classNames } : {}, headingLevel: cardHeading, ...text2 }) }, p.id)) })
   ] });
 }
+
+// src/account/payment-method.ts
+var FAMILY = {
+  card: "card",
+  credit_card: "credit_card",
+  debit_card: "debit_card",
+  cash_voucher: "cash_voucher",
+  oxxo: "oxxo",
+  spei: "spei",
+  transfer: "transfer",
+  bank_transfer: "transfer",
+  bank_deposit: "bank_deposit",
+  wallet: "wallet",
+  cash: "cash",
+  other: "other"
+};
+var KEYWORDS = [
+  [/oxxo/, "oxxo"],
+  [/spei/, "spei"],
+  [/d[eé]bit/, "debit_card"],
+  [/cr[eé]dit/, "credit_card"],
+  [/card|tarjeta/, "card"],
+  [/deposit|dep[oó]sito/, "bank_deposit"],
+  [/transfer/, "transfer"],
+  [/wallet|billetera|paypal|mercado ?pago|apple ?pay|google ?pay/, "wallet"],
+  [/voucher|ficha|convenience|conveniencia|store|tienda/, "cash_voucher"],
+  [/cash|efectivo/, "cash"]
+];
+var BRANDS = { visa: "Visa", mastercard: "Mastercard", master: "Mastercard", amex: "American Express", american_express: "American Express", carnet: "Carnet", discover: "Discover" };
+var RAW = /^[A-Za-z0-9_.:-]+(?: [A-Za-z0-9_.:-]+)?$/;
+function paymentMethodKey(p) {
+  return keyOf(p);
+}
+function keyOf(p) {
+  const fam = typeof p.family === "string" ? p.family.toLowerCase() : "";
+  const byLabel = () => {
+    const label = typeof p.method_label === "string" ? p.method_label.toLowerCase().replace(/[_-]+/g, " ") : "";
+    for (const [re, key] of KEYWORDS) if (re.test(label)) return key;
+    return null;
+  };
+  if (fam && fam !== "other" && FAMILY[fam]) {
+    const l = byLabel();
+    return fam === "card" && (l === "credit_card" || l === "debit_card") ? l : FAMILY[fam];
+  }
+  return byLabel() ?? (fam === "other" ? "other" : null);
+}
+function paymentLabel(p, m, options = {}) {
+  const custom = options.override?.(p);
+  if (typeof custom === "string" && custom.trim()) return custom.trim();
+  const raw = typeof p.method_label === "string" ? p.method_label.trim() : "";
+  const key = keyOf(p);
+  const human = raw && !RAW.test(raw);
+  if (human && /\d{4}/.test(raw)) return raw;
+  if (key) {
+    const base = m[`payment.method.${key}`];
+    if (key !== "card" && key !== "credit_card" && key !== "debit_card") return human && key === "other" ? raw : base;
+    const brandRaw = typeof p.brand === "string" ? p.brand.trim() : "";
+    const brand = brandRaw ? BRANDS[brandRaw.toLowerCase().replace(/[ -]/g, "_")] ?? brandRaw : "";
+    const last4 = typeof p.last4 === "string" && /^\d{2,4}$/.test(p.last4.trim()) ? p.last4.trim() : "";
+    return `${base}${brand ? ` ${brand}` : ""}${last4 ? ` \u2022\u2022\u2022\u2022 ${last4}` : ""}`;
+  }
+  return human ? raw : m["payment.method.unknown"];
+}
 var tone = (s) => s === "completed" ? "done" : s === "failed" ? "problem" : "current";
 function RefundList({ refunds, showEmpty = false, degraded, onRetry, headingLevel = 3, classNames: cx = {}, ...text2 }) {
   const { m, locale, date } = useAccountText(text2);
@@ -1997,7 +2088,7 @@ function RefundList({ refunds, showEmpty = false, degraded, onRetry, headingLeve
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cx.meta, children: [
         str(r.method_label) ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           " \xB7 ",
-          str(r.method_label)
+          paymentLabel({ method_label: r.method_label ?? "", status: "paid", amount: r.amount }, m)
         ] }) : null,
         r.completed_at ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           " \xB7 ",
@@ -2010,7 +2101,7 @@ function RefundList({ refunds, showEmpty = false, degraded, onRetry, headingLeve
     ] }, r.id)) })
   ] });
 }
-function PaymentSummary({ payments, headingLevel = 3, classNames: cx = {}, ...text2 }) {
+function PaymentSummary({ payments, headingLevel = 3, methodLabel, classNames: cx = {}, ...text2 }) {
   const { m, locale, date } = useAccountText(text2);
   const titleId = `sf-payments-${react.useId().replace(/:/g, "")}`;
   const items = (Array.isArray(payments) ? payments : []).filter((p) => !!p && typeof p === "object" && typeof p.method_label === "string");
@@ -2018,8 +2109,8 @@ function PaymentSummary({ payments, headingLevel = 3, classNames: cx = {}, ...te
   const Heading = `h${headingLevel}`;
   return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cx.root, "aria-labelledby": titleId, "data-sf-payments": true, children: [
     /* @__PURE__ */ jsxRuntime.jsx(Heading, { id: titleId, className: cx.title, children: m["payment.title"] }),
-    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cx.list, children: items.map((p, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: cx.item, "data-sf-payment": true, "data-sf-payment-status": typeof p.status === "string" ? p.status : "unknown", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: p.method_label }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cx.list, children: items.map((p, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: cx.item, "data-sf-payment": true, "data-sf-payment-method-key": paymentMethodKey(p) ?? "unknown", "data-sf-payment-status": typeof p.status === "string" ? p.status : "unknown", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { "data-sf-payment-method": true, children: paymentLabel(p, m, methodLabel ? { override: methodLabel } : {}) }),
       moneyText(p.amount, locale) ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         " \xB7 ",
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: moneyText(p.amount, locale) })
@@ -2196,6 +2287,8 @@ exports.barcodeValue = barcodeValue;
 exports.code128Modules = code128Modules;
 exports.enumText = enumText;
 exports.lineImage = lineImage;
+exports.paymentLabel = paymentLabel;
+exports.paymentMethodKey = paymentMethodKey;
 exports.postPurchaseAccountPromptMessages = postPurchaseAccountPromptMessages;
 exports.productInitials = productInitials;
 exports.stageTone = stageTone;