@asteby/storefront-react 0.26.0 → 0.28.0

package/dist/account.d.cts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ComponentType, ReactNode, MouseEvent } from 'react';
-import { CustomerCapabilities, Order, NextAction, OrderProgress as OrderProgress$1, OrderLine, Shipment, ShipmentMap, InvoiceDoc, InvoiceSummary, InvoiceFileKind, PendingPayment, PaymentInfo, Refund, StorefrontClient, Connection, Money, CustomerSessionInfo, CustomerPreferences } from '@asteby/storefront';
+import { CustomerCapabilities, Order, NextAction, OrderProgress as OrderProgress$1, OrderLine, Shipment, ShipmentMap, InvoiceDoc, InvoiceSummary, InvoiceFileKind, Money, PendingPayment, PaymentInfo, Refund, StorefrontClient, Connection, CustomerSessionInfo, CustomerPreferences } from '@asteby/storefront';
 import { a as CheckoutFieldClassNames } from './fields-vnMUi2HB.cjs';
 import { a as AuthActionData, d as AuthStep, b as AuthErrorCode, A as AccountSettingsActionData } from './settings-types-jxFQFFqP.cjs';
 export { c as AuthIntent, S as SettingsErrorCode, e as SettingsIntent } from './settings-types-jxFQFFqP.cjs';
@@ -258,6 +258,8 @@ declare const ES$1: {
     readonly 'pending.expired': "Vencida";
     readonly 'pending.reference': "Referencia";
     readonly 'pending.clabe': "CLABE";
+    readonly 'pending.beneficiary': "Beneficiario";
+    readonly 'pending.bank': "Banco";
     readonly 'pending.expires': "Vence el {date}";
     readonly 'pending.expiredOn': "Venció el {date}";
     readonly 'pending.total': "Total";
@@ -266,9 +268,11 @@ declare const ES$1: {
     readonly 'pending.copied': "Copiada";
     readonly 'pending.copyFailed': "No pudimos copiar; selecciona el texto.";
     readonly 'pending.print': "Ver e imprimir ficha";
-    readonly 'pending.download': "Descargar ficha";
+    readonly 'pending.download': "Descargar PDF";
     readonly 'pending.expiredNote': "Esta ficha ya no es válida. Haz tu pedido de nuevo.";
     readonly 'pending.barcode': "Código de barras {code}";
+    readonly 'pending.code': "Código";
+    readonly 'pending.ticket': "Ver comprobante del proveedor";
     readonly 'pending.method.oxxo': "OXXO";
     readonly 'pending.method.spei': "Transferencia SPEI";
     readonly 'pending.method.bank_transfer': "Transferencia bancaria";
@@ -483,20 +487,92 @@ type InvoiceListProps = AccountTextProps & {
 };
 declare function InvoiceList({ invoices, summary, renderSummary, fileHref, onDownload, degraded, onRetry, testMode, headingLevel, children, classNames: cx, ...text }: InvoiceListProps): react.JSX.Element;
 
+/**
+ * Pure pieces of the cash voucher (OXXO, SPEI, deposit): the normalized `VoucherView` of a `PendingPayment` and the
+ * Code 128 barcode (the one cashiers' readers scan). No React, no DOM: the same code draws the barcode in the page
+ * (`<Barcode>`) and in the printable document (`voucher-document.ts`, loaded only when the buyer prints).
+ */
+
+type VoucherView = {
+    /** `oxxo`, `spei`, ... as the gateway publishes it. */
+    method: string | null;
+    reference: string | null;
+    /** Value the barcode encodes, exactly as the server sent it. `null` when the server sent none or it cannot be drawn. */
+    barcode: string | null;
+    /** Symbology of `barcode`; `null` when there is no barcode or its format is not one we can draw. */
+    barcode_format: BarcodeFormat | null;
+    /**
+     * Code the server sent but that is NOT drawn (`barcode_data` is null or names a symbology we cannot draw): shown as
+     * plain text. `null` when there is nothing to show (also when it is the same as `reference`).
+     */
+    barcode_text: string | null;
+    clabe: string | null;
+    /** SPEI / transfer: who receives the money and in which bank. */
+    beneficiary: string | null;
+    bank: string | null;
+    /** What kind of document to print: cash at a store, bank transfer, or unknown (generic, no brand named). */
+    kind: VoucherKind;
+    /** Server-chosen key of the instructions (`oxxo`, `spei`...); unknown keys fall back to the kind. */
+    instructions_key: string | null;
+    /** `https` link to the provider's own receipt: `ticket_url`, else the older `voucher_url`. */
+    ticket_url: string | null;
+    expires_at: string | null;
+    amount: Money | null;
+    instructions: string | null;
+};
+type BarcodeFormat = 'code128' | 'code39' | 'itf' | 'ean13';
+type VoucherKind = 'cash' | 'transfer' | 'generic';
+/** The voucher of a pending payment; `null` when it has neither reference, barcode nor CLABE (nothing to pay with). */
+declare function voucherOf(p: Pick<PendingPayment, 'payment' | 'total' | 'expires_at'> | null | undefined): VoucherView | null;
+/**
+ * The value the barcode encodes: only what the server sent. A reference is NOT a barcode (an OXXO reference and its
+ * scannable code differ), so without `barcode` nothing is drawn and the reference is shown as text.
+ */
+declare function barcodeValue(v: Pick<VoucherView, 'barcode'>): string | null;
+/**
+ * Modules (`1` bar, `0` space) of the Code 128 of `value`: set C (digit pairs) when it is all digits of even length,
+ * set B (printable ASCII) otherwise. `null` when it cannot be encoded.
+ */
+declare function code128Modules(value: string): string | null;
+/** Modules of the Code 39 of `value` (`*` start/stop added). `null` for lower case, `*` or anything outside its set. */
+declare function code39Modules(value: string): string | null;
+/** Modules of `value` in the given symbology. */
+declare function barcodeModules(value: string, format?: BarcodeFormat): string | null;
+type BarcodeGeometry = {
+    width: number;
+    height: number;
+    rects: {
+        x: number;
+        w: number;
+    }[];
+};
+/** Bars of the barcode as rectangles (quiet zone of 10 modules each side included in `width`). `null` if not encodable. */
+declare function barcodeGeometry(value: string, opts?: {
+    module?: number;
+    height?: number;
+    format?: BarcodeFormat;
+}): BarcodeGeometry | null;
+
 type BarcodeProps = {
     value: string;
     label: string;
     height?: number;
-    className?: string;
+    className?: string; /** Symbology (default Code 128). */
+    format?: BarcodeFormat;
 };
 /** Code 128 as an inline `<svg role="img">` (no HTML injection). `null` when the value cannot be encoded. */
-declare function Barcode({ value, label, height, className }: BarcodeProps): react.JSX.Element | null;
+declare function Barcode({ value, label, height, className, format }: BarcodeProps): react.JSX.Element | null;
 type PendingPaymentCardClassNames = Partial<Record<'root' | 'header' | 'method' | 'badge' | 'field' | 'label' | 'value' | 'barcode' | 'expiry' | 'total' | 'note' | 'actions' | 'primary' | 'secondary', string>>;
 type PendingPaymentCardProps = AccountTextProps & {
     payment: PendingPayment;
-    /** Server route that serves the printable voucher: `(payment, { download })`. Without it the browser builds it. */
+    /**
+     * Server route that serves the voucher: `(payment, { download, format })`. The "view and print" link asks for
+     * `{ download: false, format: 'html' }`, the download link for `{ download: true, format: 'pdf' }` (a store whose
+     * route predates `format` keeps serving the HTML attachment). Without it the browser builds the documents.
+     */
     voucherHref?: (payment: PendingPayment, opts: {
         download: boolean;
+        format: 'html' | 'pdf';
     }) => string;
     /** Store name printed on the document built in the browser. */
     shopName?: string;
@@ -618,45 +694,6 @@ type UseCustomerOrderResult = {
 /** One order with its detail (shipments, invoices, payments, refunds, `degraded`). */
 declare function useCustomerOrder(id: string | null | undefined, { client, initial, poll }?: UseCustomerOrderOptions): UseCustomerOrderResult;
 
-/**
- * Pure pieces of the cash voucher (OXXO, SPEI, deposit): the normalized `VoucherView` of a `PendingPayment` and the
- * Code 128 barcode (the one cashiers' readers scan). No React, no DOM: the same code draws the barcode in the page
- * (`<Barcode>`) and in the printable document (`voucher-document.ts`, loaded only when the buyer prints).
- */
-
-type VoucherView = {
-    /** `oxxo`, `spei`, ... as the gateway publishes it. */
-    method: string | null;
-    reference: string | null;
-    barcode: string | null;
-    clabe: string | null;
-    expires_at: string | null;
-    amount: Money | null;
-    instructions: string | null;
-};
-/** The voucher of a pending payment; `null` when it has neither reference, barcode nor CLABE (nothing to pay with). */
-declare function voucherOf(p: Pick<PendingPayment, 'payment' | 'total' | 'expires_at'> | null | undefined): VoucherView | null;
-/** The value the barcode encodes: the gateway's `barcode`, else the reference of an OXXO voucher. */
-declare function barcodeValue(v: Pick<VoucherView, 'barcode' | 'method' | 'reference'>): string | null;
-/**
- * Modules (`1` bar, `0` space) of the Code 128 of `value`: set C (digit pairs) when it is all digits of even length,
- * set B (printable ASCII) otherwise. `null` when it cannot be encoded.
- */
-declare function code128Modules(value: string): string | null;
-type BarcodeGeometry = {
-    width: number;
-    height: number;
-    rects: {
-        x: number;
-        w: number;
-    }[];
-};
-/** Bars of the barcode as rectangles (quiet zone of 10 modules each side included in `width`). `null` if not encodable. */
-declare function barcodeGeometry(value: string, opts?: {
-    module?: number;
-    height?: number;
-}): BarcodeGeometry | null;
-
 /**
  * Texts of the account settings screens (`SessionsList`, and the other sections). Spanish (es-MX) by default,
  * English with `en*`, anything with `messages`. Server errors are codes (`SettingsErrorCode`); the words are here.
@@ -781,4 +818,4 @@ type NotificationPreferencesProps = SectionProps & {
 };
 declare function NotificationPreferences({ channels, preferences, events, data, pending, form: FormTag, action, headingLevel, classNames: cx, children, ...text }: NotificationPreferencesProps): react.JSX.Element | null;
 
-export { AccountAuth, type AccountAuthClassNames, type AccountAuthMessages, type AccountAuthProps, type AccountAuthView, type AccountFormProps, type AccountMessageKey, type AccountMessages, AccountSettingsActionData, type AccountStatus, type AccountTextProps, AuthActionData, AuthErrorCode, AuthStep, Barcode, type BarcodeGeometry, type BarcodeProps, InvoiceList, type InvoiceListClassNames, type InvoiceListProps, LanguagePreference, type LanguagePreferenceClassNames, type LanguagePreferenceProps, NOTIFICATION_EVENTS, NextActionBar, type NextActionBarClassNames, type NextActionBarProps, NotificationPreferences, type NotificationPreferencesClassNames, type NotificationPreferencesProps, OrderCard, type OrderCardClassNames, type OrderCardProps, OrderLines, type OrderLinesClassNames, type OrderLinesProps, OrderList, type OrderListClassNames, type OrderListProps, OrderProductsStack, OrderProgress, type OrderProgressClassNames, type OrderProgressProps, OrderStatusBadge, type OrderStatusBadgeProps, type OrderTone, type PaymentLabelOptions, type PaymentMethodKey, PaymentSummary, type PaymentSummaryProps, PendingPaymentCard, type PendingPaymentCardClassNames, type PendingPaymentCardProps, PendingPaymentList, type PendingPaymentListProps, PostPurchaseAccountPrompt, type PostPurchaseAccountPromptClassNames, type PostPurchaseAccountPromptMessages, type PostPurchaseAccountPromptProps, RefundList, type RefundListClassNames, type RefundListProps, SessionsList, type SessionsListClassNames, type SessionsListProps, type SettingsMessageKey, type SettingsMessages, type SettingsTextProps, ShipmentCard, type ShipmentCardClassNames, type ShipmentCardProps, type ShipmentMapSlotProps, type UseConnectionResult, type UseCustomerOrderOptions, type UseCustomerOrderResult, type UseCustomerOrdersOptions, type UsePendingPaymentsOptions, type VoucherView, accountAuthMessages, accountMessages, barcodeGeometry, barcodeValue, code128Modules, enumText, lineImage, paymentLabel, paymentMethodKey, postPurchaseAccountPromptMessages, settingsEnumText, settingsMessages, stageTone, useCustomerOrder, useCustomerOrders, usePendingPayments, voucherOf };
+export { AccountAuth, type AccountAuthClassNames, type AccountAuthMessages, type AccountAuthProps, type AccountAuthView, type AccountFormProps, type AccountMessageKey, type AccountMessages, AccountSettingsActionData, type AccountStatus, type AccountTextProps, AuthActionData, AuthErrorCode, AuthStep, Barcode, type BarcodeFormat, type BarcodeGeometry, type BarcodeProps, InvoiceList, type InvoiceListClassNames, type InvoiceListProps, LanguagePreference, type LanguagePreferenceClassNames, type LanguagePreferenceProps, NOTIFICATION_EVENTS, NextActionBar, type NextActionBarClassNames, type NextActionBarProps, NotificationPreferences, type NotificationPreferencesClassNames, type NotificationPreferencesProps, OrderCard, type OrderCardClassNames, type OrderCardProps, OrderLines, type OrderLinesClassNames, type OrderLinesProps, OrderList, type OrderListClassNames, type OrderListProps, OrderProductsStack, OrderProgress, type OrderProgressClassNames, type OrderProgressProps, OrderStatusBadge, type OrderStatusBadgeProps, type OrderTone, type PaymentLabelOptions, type PaymentMethodKey, PaymentSummary, type PaymentSummaryProps, PendingPaymentCard, type PendingPaymentCardClassNames, type PendingPaymentCardProps, PendingPaymentList, type PendingPaymentListProps, PostPurchaseAccountPrompt, type PostPurchaseAccountPromptClassNames, type PostPurchaseAccountPromptMessages, type PostPurchaseAccountPromptProps, RefundList, type RefundListClassNames, type RefundListProps, SessionsList, type SessionsListClassNames, type SessionsListProps, type SettingsMessageKey, type SettingsMessages, type SettingsTextProps, ShipmentCard, type ShipmentCardClassNames, type ShipmentCardProps, type ShipmentMapSlotProps, type UseConnectionResult, type UseCustomerOrderOptions, type UseCustomerOrderResult, type UseCustomerOrdersOptions, type UsePendingPaymentsOptions, type VoucherKind, type VoucherView, accountAuthMessages, accountMessages, barcodeGeometry, barcodeModules, barcodeValue, code128Modules, code39Modules, enumText, lineImage, paymentLabel, paymentMethodKey, postPurchaseAccountPromptMessages, settingsEnumText, settingsMessages, stageTone, useCustomerOrder, useCustomerOrders, usePendingPayments, voucherOf };

package/dist/account.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ComponentType, ReactNode, MouseEvent } from 'react';
-import { CustomerCapabilities, Order, NextAction, OrderProgress as OrderProgress$1, OrderLine, Shipment, ShipmentMap, InvoiceDoc, InvoiceSummary, InvoiceFileKind, PendingPayment, PaymentInfo, Refund, StorefrontClient, Connection, Money, CustomerSessionInfo, CustomerPreferences } from '@asteby/storefront';
+import { CustomerCapabilities, Order, NextAction, OrderProgress as OrderProgress$1, OrderLine, Shipment, ShipmentMap, InvoiceDoc, InvoiceSummary, InvoiceFileKind, Money, PendingPayment, PaymentInfo, Refund, StorefrontClient, Connection, CustomerSessionInfo, CustomerPreferences } from '@asteby/storefront';
 import { a as CheckoutFieldClassNames } from './fields-vnMUi2HB.js';
 import { a as AuthActionData, d as AuthStep, b as AuthErrorCode, A as AccountSettingsActionData } from './settings-types-jxFQFFqP.js';
 export { c as AuthIntent, S as SettingsErrorCode, e as SettingsIntent } from './settings-types-jxFQFFqP.js';
@@ -258,6 +258,8 @@ declare const ES$1: {
     readonly 'pending.expired': "Vencida";
     readonly 'pending.reference': "Referencia";
     readonly 'pending.clabe': "CLABE";
+    readonly 'pending.beneficiary': "Beneficiario";
+    readonly 'pending.bank': "Banco";
     readonly 'pending.expires': "Vence el {date}";
     readonly 'pending.expiredOn': "Venció el {date}";
     readonly 'pending.total': "Total";
@@ -266,9 +268,11 @@ declare const ES$1: {
     readonly 'pending.copied': "Copiada";
     readonly 'pending.copyFailed': "No pudimos copiar; selecciona el texto.";
     readonly 'pending.print': "Ver e imprimir ficha";
-    readonly 'pending.download': "Descargar ficha";
+    readonly 'pending.download': "Descargar PDF";
     readonly 'pending.expiredNote': "Esta ficha ya no es válida. Haz tu pedido de nuevo.";
     readonly 'pending.barcode': "Código de barras {code}";
+    readonly 'pending.code': "Código";
+    readonly 'pending.ticket': "Ver comprobante del proveedor";
     readonly 'pending.method.oxxo': "OXXO";
     readonly 'pending.method.spei': "Transferencia SPEI";
     readonly 'pending.method.bank_transfer': "Transferencia bancaria";
@@ -483,20 +487,92 @@ type InvoiceListProps = AccountTextProps & {
 };
 declare function InvoiceList({ invoices, summary, renderSummary, fileHref, onDownload, degraded, onRetry, testMode, headingLevel, children, classNames: cx, ...text }: InvoiceListProps): react.JSX.Element;
 
+/**
+ * Pure pieces of the cash voucher (OXXO, SPEI, deposit): the normalized `VoucherView` of a `PendingPayment` and the
+ * Code 128 barcode (the one cashiers' readers scan). No React, no DOM: the same code draws the barcode in the page
+ * (`<Barcode>`) and in the printable document (`voucher-document.ts`, loaded only when the buyer prints).
+ */
+
+type VoucherView = {
+    /** `oxxo`, `spei`, ... as the gateway publishes it. */
+    method: string | null;
+    reference: string | null;
+    /** Value the barcode encodes, exactly as the server sent it. `null` when the server sent none or it cannot be drawn. */
+    barcode: string | null;
+    /** Symbology of `barcode`; `null` when there is no barcode or its format is not one we can draw. */
+    barcode_format: BarcodeFormat | null;
+    /**
+     * Code the server sent but that is NOT drawn (`barcode_data` is null or names a symbology we cannot draw): shown as
+     * plain text. `null` when there is nothing to show (also when it is the same as `reference`).
+     */
+    barcode_text: string | null;
+    clabe: string | null;
+    /** SPEI / transfer: who receives the money and in which bank. */
+    beneficiary: string | null;
+    bank: string | null;
+    /** What kind of document to print: cash at a store, bank transfer, or unknown (generic, no brand named). */
+    kind: VoucherKind;
+    /** Server-chosen key of the instructions (`oxxo`, `spei`...); unknown keys fall back to the kind. */
+    instructions_key: string | null;
+    /** `https` link to the provider's own receipt: `ticket_url`, else the older `voucher_url`. */
+    ticket_url: string | null;
+    expires_at: string | null;
+    amount: Money | null;
+    instructions: string | null;
+};
+type BarcodeFormat = 'code128' | 'code39' | 'itf' | 'ean13';
+type VoucherKind = 'cash' | 'transfer' | 'generic';
+/** The voucher of a pending payment; `null` when it has neither reference, barcode nor CLABE (nothing to pay with). */
+declare function voucherOf(p: Pick<PendingPayment, 'payment' | 'total' | 'expires_at'> | null | undefined): VoucherView | null;
+/**
+ * The value the barcode encodes: only what the server sent. A reference is NOT a barcode (an OXXO reference and its
+ * scannable code differ), so without `barcode` nothing is drawn and the reference is shown as text.
+ */
+declare function barcodeValue(v: Pick<VoucherView, 'barcode'>): string | null;
+/**
+ * Modules (`1` bar, `0` space) of the Code 128 of `value`: set C (digit pairs) when it is all digits of even length,
+ * set B (printable ASCII) otherwise. `null` when it cannot be encoded.
+ */
+declare function code128Modules(value: string): string | null;
+/** Modules of the Code 39 of `value` (`*` start/stop added). `null` for lower case, `*` or anything outside its set. */
+declare function code39Modules(value: string): string | null;
+/** Modules of `value` in the given symbology. */
+declare function barcodeModules(value: string, format?: BarcodeFormat): string | null;
+type BarcodeGeometry = {
+    width: number;
+    height: number;
+    rects: {
+        x: number;
+        w: number;
+    }[];
+};
+/** Bars of the barcode as rectangles (quiet zone of 10 modules each side included in `width`). `null` if not encodable. */
+declare function barcodeGeometry(value: string, opts?: {
+    module?: number;
+    height?: number;
+    format?: BarcodeFormat;
+}): BarcodeGeometry | null;
+
 type BarcodeProps = {
     value: string;
     label: string;
     height?: number;
-    className?: string;
+    className?: string; /** Symbology (default Code 128). */
+    format?: BarcodeFormat;
 };
 /** Code 128 as an inline `<svg role="img">` (no HTML injection). `null` when the value cannot be encoded. */
-declare function Barcode({ value, label, height, className }: BarcodeProps): react.JSX.Element | null;
+declare function Barcode({ value, label, height, className, format }: BarcodeProps): react.JSX.Element | null;
 type PendingPaymentCardClassNames = Partial<Record<'root' | 'header' | 'method' | 'badge' | 'field' | 'label' | 'value' | 'barcode' | 'expiry' | 'total' | 'note' | 'actions' | 'primary' | 'secondary', string>>;
 type PendingPaymentCardProps = AccountTextProps & {
     payment: PendingPayment;
-    /** Server route that serves the printable voucher: `(payment, { download })`. Without it the browser builds it. */
+    /**
+     * Server route that serves the voucher: `(payment, { download, format })`. The "view and print" link asks for
+     * `{ download: false, format: 'html' }`, the download link for `{ download: true, format: 'pdf' }` (a store whose
+     * route predates `format` keeps serving the HTML attachment). Without it the browser builds the documents.
+     */
     voucherHref?: (payment: PendingPayment, opts: {
         download: boolean;
+        format: 'html' | 'pdf';
     }) => string;
     /** Store name printed on the document built in the browser. */
     shopName?: string;
@@ -618,45 +694,6 @@ type UseCustomerOrderResult = {
 /** One order with its detail (shipments, invoices, payments, refunds, `degraded`). */
 declare function useCustomerOrder(id: string | null | undefined, { client, initial, poll }?: UseCustomerOrderOptions): UseCustomerOrderResult;
 
-/**
- * Pure pieces of the cash voucher (OXXO, SPEI, deposit): the normalized `VoucherView` of a `PendingPayment` and the
- * Code 128 barcode (the one cashiers' readers scan). No React, no DOM: the same code draws the barcode in the page
- * (`<Barcode>`) and in the printable document (`voucher-document.ts`, loaded only when the buyer prints).
- */
-
-type VoucherView = {
-    /** `oxxo`, `spei`, ... as the gateway publishes it. */
-    method: string | null;
-    reference: string | null;
-    barcode: string | null;
-    clabe: string | null;
-    expires_at: string | null;
-    amount: Money | null;
-    instructions: string | null;
-};
-/** The voucher of a pending payment; `null` when it has neither reference, barcode nor CLABE (nothing to pay with). */
-declare function voucherOf(p: Pick<PendingPayment, 'payment' | 'total' | 'expires_at'> | null | undefined): VoucherView | null;
-/** The value the barcode encodes: the gateway's `barcode`, else the reference of an OXXO voucher. */
-declare function barcodeValue(v: Pick<VoucherView, 'barcode' | 'method' | 'reference'>): string | null;
-/**
- * Modules (`1` bar, `0` space) of the Code 128 of `value`: set C (digit pairs) when it is all digits of even length,
- * set B (printable ASCII) otherwise. `null` when it cannot be encoded.
- */
-declare function code128Modules(value: string): string | null;
-type BarcodeGeometry = {
-    width: number;
-    height: number;
-    rects: {
-        x: number;
-        w: number;
-    }[];
-};
-/** Bars of the barcode as rectangles (quiet zone of 10 modules each side included in `width`). `null` if not encodable. */
-declare function barcodeGeometry(value: string, opts?: {
-    module?: number;
-    height?: number;
-}): BarcodeGeometry | null;
-
 /**
  * Texts of the account settings screens (`SessionsList`, and the other sections). Spanish (es-MX) by default,
  * English with `en*`, anything with `messages`. Server errors are codes (`SettingsErrorCode`); the words are here.
@@ -781,4 +818,4 @@ type NotificationPreferencesProps = SectionProps & {
 };
 declare function NotificationPreferences({ channels, preferences, events, data, pending, form: FormTag, action, headingLevel, classNames: cx, children, ...text }: NotificationPreferencesProps): react.JSX.Element | null;
 
-export { AccountAuth, type AccountAuthClassNames, type AccountAuthMessages, type AccountAuthProps, type AccountAuthView, type AccountFormProps, type AccountMessageKey, type AccountMessages, AccountSettingsActionData, type AccountStatus, type AccountTextProps, AuthActionData, AuthErrorCode, AuthStep, Barcode, type BarcodeGeometry, type BarcodeProps, InvoiceList, type InvoiceListClassNames, type InvoiceListProps, LanguagePreference, type LanguagePreferenceClassNames, type LanguagePreferenceProps, NOTIFICATION_EVENTS, NextActionBar, type NextActionBarClassNames, type NextActionBarProps, NotificationPreferences, type NotificationPreferencesClassNames, type NotificationPreferencesProps, OrderCard, type OrderCardClassNames, type OrderCardProps, OrderLines, type OrderLinesClassNames, type OrderLinesProps, OrderList, type OrderListClassNames, type OrderListProps, OrderProductsStack, OrderProgress, type OrderProgressClassNames, type OrderProgressProps, OrderStatusBadge, type OrderStatusBadgeProps, type OrderTone, type PaymentLabelOptions, type PaymentMethodKey, PaymentSummary, type PaymentSummaryProps, PendingPaymentCard, type PendingPaymentCardClassNames, type PendingPaymentCardProps, PendingPaymentList, type PendingPaymentListProps, PostPurchaseAccountPrompt, type PostPurchaseAccountPromptClassNames, type PostPurchaseAccountPromptMessages, type PostPurchaseAccountPromptProps, RefundList, type RefundListClassNames, type RefundListProps, SessionsList, type SessionsListClassNames, type SessionsListProps, type SettingsMessageKey, type SettingsMessages, type SettingsTextProps, ShipmentCard, type ShipmentCardClassNames, type ShipmentCardProps, type ShipmentMapSlotProps, type UseConnectionResult, type UseCustomerOrderOptions, type UseCustomerOrderResult, type UseCustomerOrdersOptions, type UsePendingPaymentsOptions, type VoucherView, accountAuthMessages, accountMessages, barcodeGeometry, barcodeValue, code128Modules, enumText, lineImage, paymentLabel, paymentMethodKey, postPurchaseAccountPromptMessages, settingsEnumText, settingsMessages, stageTone, useCustomerOrder, useCustomerOrders, usePendingPayments, voucherOf };
+export { AccountAuth, type AccountAuthClassNames, type AccountAuthMessages, type AccountAuthProps, type AccountAuthView, type AccountFormProps, type AccountMessageKey, type AccountMessages, AccountSettingsActionData, type AccountStatus, type AccountTextProps, AuthActionData, AuthErrorCode, AuthStep, Barcode, type BarcodeFormat, type BarcodeGeometry, type BarcodeProps, InvoiceList, type InvoiceListClassNames, type InvoiceListProps, LanguagePreference, type LanguagePreferenceClassNames, type LanguagePreferenceProps, NOTIFICATION_EVENTS, NextActionBar, type NextActionBarClassNames, type NextActionBarProps, NotificationPreferences, type NotificationPreferencesClassNames, type NotificationPreferencesProps, OrderCard, type OrderCardClassNames, type OrderCardProps, OrderLines, type OrderLinesClassNames, type OrderLinesProps, OrderList, type OrderListClassNames, type OrderListProps, OrderProductsStack, OrderProgress, type OrderProgressClassNames, type OrderProgressProps, OrderStatusBadge, type OrderStatusBadgeProps, type OrderTone, type PaymentLabelOptions, type PaymentMethodKey, PaymentSummary, type PaymentSummaryProps, PendingPaymentCard, type PendingPaymentCardClassNames, type PendingPaymentCardProps, PendingPaymentList, type PendingPaymentListProps, PostPurchaseAccountPrompt, type PostPurchaseAccountPromptClassNames, type PostPurchaseAccountPromptMessages, type PostPurchaseAccountPromptProps, RefundList, type RefundListClassNames, type RefundListProps, SessionsList, type SessionsListClassNames, type SessionsListProps, type SettingsMessageKey, type SettingsMessages, type SettingsTextProps, ShipmentCard, type ShipmentCardClassNames, type ShipmentCardProps, type ShipmentMapSlotProps, type UseConnectionResult, type UseCustomerOrderOptions, type UseCustomerOrderResult, type UseCustomerOrdersOptions, type UsePendingPaymentsOptions, type VoucherKind, type VoucherView, accountAuthMessages, accountMessages, barcodeGeometry, barcodeModules, barcodeValue, code128Modules, code39Modules, enumText, lineImage, paymentLabel, paymentMethodKey, postPurchaseAccountPromptMessages, settingsEnumText, settingsMessages, stageTone, useCustomerOrder, useCustomerOrders, usePendingPayments, voucherOf };

package/dist/account.js

@@ -1,6 +1,6 @@
 import { fill } from './chunk-5XYQLOE3.js';
-import { barcodeGeometry, voucherOf, barcodeValue } from './chunk-TXEYBDFG.js';
-export { barcodeGeometry, barcodeValue, code128Modules, voucherOf } from './chunk-TXEYBDFG.js';
+import { barcodeGeometry, voucherOf } from './chunk-BXKV2KWZ.js';
+export { barcodeGeometry, barcodeModules, barcodeValue, code128Modules, code39Modules, voucherOf } from './chunk-BXKV2KWZ.js';
 import { useFieldErrors, CheckoutField, ErrorSummary } from './chunk-DFGLCIEG.js';
 import { ProductPreview, ProductThumbStack } from './chunk-VHEY5AU3.js';
 export { ProductPreview, ProductThumb, ProductThumbStack, productInitials } from './chunk-VHEY5AU3.js';
@@ -458,6 +458,8 @@ var ES3 = {
   "pending.expired": "Vencida",
   "pending.reference": "Referencia",
   "pending.clabe": "CLABE",
+  "pending.beneficiary": "Beneficiario",
+  "pending.bank": "Banco",
   "pending.expires": "Vence el {date}",
   "pending.expiredOn": "Venci\xF3 el {date}",
   "pending.total": "Total",
@@ -466,9 +468,11 @@ var ES3 = {
   "pending.copied": "Copiada",
   "pending.copyFailed": "No pudimos copiar; selecciona el texto.",
   "pending.print": "Ver e imprimir ficha",
-  "pending.download": "Descargar ficha",
+  "pending.download": "Descargar PDF",
   "pending.expiredNote": "Esta ficha ya no es v\xE1lida. Haz tu pedido de nuevo.",
   "pending.barcode": "C\xF3digo de barras {code}",
+  "pending.code": "C\xF3digo",
+  "pending.ticket": "Ver comprobante del proveedor",
   "pending.method.oxxo": "OXXO",
   "pending.method.spei": "Transferencia SPEI",
   "pending.method.bank_transfer": "Transferencia bancaria",
@@ -631,6 +635,8 @@ var EN3 = {
   "pending.expired": "Expired",
   "pending.reference": "Reference",
   "pending.clabe": "CLABE",
+  "pending.beneficiary": "Beneficiary",
+  "pending.bank": "Bank",
   "pending.expires": "Expires on {date}",
   "pending.expiredOn": "Expired on {date}",
   "pending.total": "Total",
@@ -639,9 +645,11 @@ var EN3 = {
   "pending.copied": "Copied",
   "pending.copyFailed": "We could not copy; select the text.",
   "pending.print": "View and print voucher",
-  "pending.download": "Download voucher",
+  "pending.download": "Download PDF",
   "pending.expiredNote": "This voucher is no longer valid. Place your order again.",
   "pending.barcode": "Barcode {code}",
+  "pending.code": "Code",
+  "pending.ticket": "View provider receipt",
   "pending.method.oxxo": "OXXO",
   "pending.method.spei": "SPEI transfer",
   "pending.method.bank_transfer": "Bank transfer",
@@ -1162,15 +1170,27 @@ function InvoiceList({ invoices, summary, renderSummary, fileHref, onDownload, d
     children
   ] });
 }
-function Barcode({ value, label, height = 56, className }) {
-  const g = useMemo(() => barcodeGeometry(value, { height }), [value, height]);
+function Barcode({ value, label, height = 56, className, format }) {
+  const g = useMemo(() => barcodeGeometry(value, { height, ...format ? { format } : {} }), [value, height, format]);
   if (!g) return null;
   return /* @__PURE__ */ jsx("svg", { className, viewBox: `0 0 ${g.width} ${g.height}`, width: g.width, height: g.height, role: "img", "aria-label": label, shapeRendering: "crispEdges", fill: "#000", "data-sf-voucher-barcode-svg": true, children: g.rects.map((r) => /* @__PURE__ */ jsx("rect", { x: r.x, y: 0, width: r.w, height: g.height }, r.x)) });
 }
+async function downloadPdf(payment, opts) {
+  const v = voucherOf(payment);
+  if (!v) return;
+  const { renderVoucherPdf } = await import('./voucher-pdf-LQC333AB.js');
+  const bytes = renderVoucherPdf(v, { locale: opts.locale, ...opts.shopName ? { shopName: opts.shopName } : {}, ...opts.timeZone ? { timeZone: opts.timeZone } : {} });
+  const url = URL.createObjectURL(new Blob([bytes], { type: "application/pdf" }));
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = "ficha-de-pago.pdf";
+  a.click();
+  setTimeout(() => URL.revokeObjectURL(url), 6e4);
+}
 async function openDocument(payment, mode, opts) {
   const v = voucherOf(payment);
   if (!v) return;
-  const { renderVoucherDocument } = await import('./voucher-document-SFWJCLTN.js');
+  const { renderVoucherDocument } = await import('./voucher-document-FWH4DQ5N.js');
   const html = renderVoucherDocument(v, { locale: opts.locale, ...opts.shopName ? { shopName: opts.shopName } : {}, ...opts.timeZone ? { timeZone: opts.timeZone } : {}, printButton: mode === "print", autoPrint: mode === "print" });
   const url = URL.createObjectURL(new Blob([html], { type: "text/html;charset=utf-8" }));
   const download = () => {
@@ -1179,11 +1199,11 @@ async function openDocument(payment, mode, opts) {
     a.download = "ficha-de-pago.html";
     a.click();
   };
-  if (mode === "print") {
+  {
     const w = window.open(url, "_blank");
     if (w) w.opener = null;
     else download();
-  } else download();
+  }
   setTimeout(() => URL.revokeObjectURL(url), 6e4);
 }
 function PendingPaymentCard({ payment, voucherHref, shopName, headingLevel = 3, classNames: cx = {}, children, ...text }) {
@@ -1193,7 +1213,7 @@ function PendingPaymentCard({ payment, voucherHref, shopName, headingLevel = 3,
   if (!v) return null;
   const expired = payment.status === "expired";
   const Heading = `h${headingLevel}`;
-  const code = barcodeValue(v);
+  const code = v.barcode;
   const methodLabel = enumText(m, "pending.method", v.method?.toLowerCase());
   const total = moneyText(payment.total, locale) ?? moneyText(v.amount, locale);
   const copyValue = v.reference ?? v.clabe;
@@ -1207,11 +1227,23 @@ function PendingPaymentCard({ payment, voucherHref, shopName, headingLevel = 3,
       /* @__PURE__ */ jsx("p", { className: cx.label, children: m["pending.reference"] }),
       /* @__PURE__ */ jsx("p", { className: cx.value, "data-sf-voucher-value": true, children: v.reference })
     ] }) : null,
+    v.beneficiary ? /* @__PURE__ */ jsxs("div", { className: cx.field, "data-sf-voucher-beneficiary": true, children: [
+      /* @__PURE__ */ jsx("p", { className: cx.label, children: m["pending.beneficiary"] }),
+      /* @__PURE__ */ jsx("p", { className: cx.value, "data-sf-voucher-value": true, children: v.beneficiary })
+    ] }) : null,
+    v.bank ? /* @__PURE__ */ jsxs("div", { className: cx.field, "data-sf-voucher-bank": true, children: [
+      /* @__PURE__ */ jsx("p", { className: cx.label, children: m["pending.bank"] }),
+      /* @__PURE__ */ jsx("p", { className: cx.value, "data-sf-voucher-value": true, children: v.bank })
+    ] }) : null,
     v.clabe ? /* @__PURE__ */ jsxs("div", { className: cx.field, "data-sf-voucher-clabe": true, children: [
       /* @__PURE__ */ jsx("p", { className: cx.label, children: m["pending.clabe"] }),
       /* @__PURE__ */ jsx("p", { className: cx.value, "data-sf-voucher-value": true, children: v.clabe })
     ] }) : null,
-    code && !expired ? /* @__PURE__ */ jsx("div", { className: cx.barcode, "data-sf-voucher-barcode": true, children: /* @__PURE__ */ jsx(Barcode, { value: code, label: fill(m["pending.barcode"], { code }) }) }) : null,
+    v.barcode_text && !expired ? /* @__PURE__ */ jsxs("div", { className: cx.field, "data-sf-voucher-code": true, children: [
+      /* @__PURE__ */ jsx("p", { className: cx.label, children: m["pending.code"] }),
+      /* @__PURE__ */ jsx("p", { className: cx.value, "data-sf-voucher-value": true, children: v.barcode_text })
+    ] }) : null,
+    code && !expired ? /* @__PURE__ */ jsx("div", { className: cx.barcode, "data-sf-voucher-barcode": true, children: /* @__PURE__ */ jsx(Barcode, { value: code, format: v.barcode_format ?? "code128", label: fill(m["pending.barcode"], { code }) }) }) : null,
     expires ? /* @__PURE__ */ jsx("p", { className: cx.expiry, "data-sf-voucher-expiry": true, children: /* @__PURE__ */ jsx(Time, { value: v.expires_at ?? payment.expires_at, text: fill(m[expired ? "pending.expiredOn" : "pending.expires"], { date: expires }) }) }) : null,
     total ? /* @__PURE__ */ jsxs("p", { className: cx.total, "data-sf-voucher-total": true, children: [
       /* @__PURE__ */ jsxs("span", { children: [
@@ -1222,18 +1254,25 @@ function PendingPaymentCard({ payment, voucherHref, shopName, headingLevel = 3,
     ] }) : null,
     expired ? /* @__PURE__ */ jsx("p", { className: cx.note, "data-sf-voucher-expired-note": true, children: m["pending.expiredNote"] }) : /* @__PURE__ */ jsxs("div", { className: cx.actions, "data-sf-voucher-actions": true, children: [
       voucherHref ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs("a", { href: voucherHref(payment, { download: false }), target: "_blank", rel: "noopener", className: cx.primary, "data-sf-voucher-print": true, children: [
+        /* @__PURE__ */ jsxs("a", { href: voucherHref(payment, { download: false, format: "html" }), target: "_blank", rel: "noopener", className: cx.primary, "data-sf-voucher-print": true, children: [
           m["pending.print"],
           /* @__PURE__ */ jsxs(Hidden, { children: [
             " ",
             m["action.newTab"]
           ] })
         ] }),
-        /* @__PURE__ */ jsx("a", { href: voucherHref(payment, { download: true }), download: true, className: cx.secondary, "data-sf-voucher-download": true, children: m["pending.download"] })
+        /* @__PURE__ */ jsx("a", { href: voucherHref(payment, { download: true, format: "pdf" }), download: true, className: cx.secondary, "data-sf-voucher-download": true, children: m["pending.download"] })
       ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("button", { type: "button", className: cx.primary, onClick: () => void openDocument(payment, "print", { locale, shopName, timeZone }), "data-sf-voucher-print": true, children: m["pending.print"] }),
-        /* @__PURE__ */ jsx("button", { type: "button", className: cx.secondary, onClick: () => void openDocument(payment, "download", { locale, shopName, timeZone }), "data-sf-voucher-download": true, children: m["pending.download"] })
+        /* @__PURE__ */ jsx("button", { type: "button", className: cx.secondary, onClick: () => void downloadPdf(payment, { locale, shopName, timeZone }), "data-sf-voucher-download": true, children: m["pending.download"] })
       ] }),
+      v.ticket_url ? /* @__PURE__ */ jsxs("a", { href: v.ticket_url, target: "_blank", rel: "noopener noreferrer", className: cx.secondary, "data-sf-voucher-ticket": true, children: [
+        m["pending.ticket"],
+        /* @__PURE__ */ jsxs(Hidden, { children: [
+          " ",
+          m["action.newTab"]
+        ] })
+      ] }) : null,
       copyValue ? /* @__PURE__ */ jsx(CopyButton, { value: copyValue, label: v.reference ? m["pending.copyReference"] : m["pending.copyClabe"], copiedLabel: m["pending.copied"], failedLabel: m["pending.copyFailed"], className: cx.secondary, "data-sf-copy": "voucher" }) : null
     ] }),
     children