@12-apps/payments-frontend 3.36.0 → 3.38.0

package/src/flows/types.ts

@@ -19,6 +19,7 @@
  * `chain[].provider`, looked up in the tokenizer registry and used verbatim as
  * a `tokensByProvider` key. A host never types one.
  */
+import type { CheckoutPaymentList } from "../components/checkout/list/types";
 import type { ComponentType, ReactNode } from "react";
 
 import type { SavedCard } from "../card";
@@ -115,6 +116,12 @@ export interface PaymentFlowsConfig extends CheckoutPipelineConfig {
   useBuyerDefaults?(): { buyer?: BuyerInfo; taxIdOnFile?: boolean; pending?: boolean };
   /** Present ⇒ this checkout settles a settlement rather than the cart. */
   useSettlement?(): SettlementCheckout | null;
+  /**
+   * The Pagamento step as ONE list (FUT-3591) — `CheckoutFlowProps.paymentList`,
+   * read through a HOOK because the host's door options follow its own state.
+   * Absent, or answering `undefined`, keeps the method tabs.
+   */
+  usePaymentList?(): CheckoutPaymentList | undefined;
 
   /** Design-system slots, filled ONCE instead of per screen. */
   components?: Partial<CheckoutComponents>;

package/src/index.ts

@@ -54,11 +54,10 @@ export { PT_BR_CHECKOUT_PAYMENT_COPY } from './components/checkout-payment-pt-BR
 // mounted by a host in one line. See ADOPTING.md §3 for the ports and the
 // design-system slot contract.
 // ---------------------------------------------------------------------------
-export {
-  CheckoutFlow,
-  type CheckoutCartView,
-  type CheckoutFlowProps,
-} from './components/checkout/checkout-flow';
+export { CheckoutFlow, type CheckoutCartView, type CheckoutFlowProps } from './components/checkout/checkout-flow';
+// The Pagamento step as ONE list (FUT-3591/3592) — opt-in via `CheckoutFlowProps.paymentList`.
+export type { CheckoutDoorOption, CheckoutListChoice, CheckoutListHold, CheckoutOnlineChoice, CheckoutPaymentList, PaymentListCopy } from './components/checkout/list/types';
+export { PT_BR_PAYMENT_LIST_COPY } from './components/checkout/list/pt-BR';
 export type { BackActionEmphasis } from './components/checkout/payment-status-parts';
 export type { CheckoutDeliverySummary, CheckoutSummaryLine } from './components/checkout/payment-summary';
 

package/src/locales.ts

@@ -20,6 +20,9 @@ import {
 import { EN_US_CHECKOUT_SCREENS_COPY } from './components/checkout/screens-en-US';
 import type { CheckoutScreensCopy } from './components/checkout/screens-copy';
 import { PT_BR_CHECKOUT_SCREENS_COPY } from './components/checkout/screens-pt-BR';
+import { EN_US_PAYMENT_LIST_COPY } from './components/checkout/list/en-US';
+import { PT_BR_PAYMENT_LIST_COPY } from './components/checkout/list/pt-BR';
+import type { PaymentListCopy } from './components/checkout/list/types';
 import type { CheckoutViewCopy, PaymentStatusCopy } from './components/checkout/view-copy';
 import type { PlatformHomologacaoCopy } from './components/platform/copy';
 import { EN_US_PLATFORM_HOMOLOGACAO_COPY } from './components/platform/en-US';
@@ -76,6 +79,15 @@ export const CHECKOUT_SCREENS_COPY = {
   'en-US': EN_US_CHECKOUT_SCREENS_COPY,
 } as const satisfies LocalePack<CheckoutScreensCopy>;
 
+/**
+ * The one-list Pagamento step's words (FUT-3591) — `CheckoutFlowProps.paymentList.copy`.
+ * Read by the SHOPPER, like every checkout pack.
+ */
+export const PAYMENT_LIST_COPY = {
+  'pt-BR': PT_BR_PAYMENT_LIST_COPY,
+  'en-US': EN_US_PAYMENT_LIST_COPY,
+} as const satisfies LocalePack<PaymentListCopy>;
+
 export const CHECKOUT_COPY = {
   'pt-BR': PT_BR_CHECKOUT_COPY,
   'en-US': EN_US_CHECKOUT_COPY,
@@ -123,6 +135,7 @@ export {
   EN_US_PAYMENT_STATUS_COPY,
 } from './components/checkout/en-US';
 export { EN_US_CHECKOUT_SCREENS_COPY } from './components/checkout/screens-en-US';
+export { EN_US_PAYMENT_LIST_COPY } from './components/checkout/list/en-US';
 export { EN_US_PAYMENTS_SETTINGS_COPY } from './components/settings-en-US';
 export { EN_US_PLATFORM_HOMOLOGACAO_COPY } from './components/platform/en-US';
 export { EN_US_TENDER_SPLIT_COPY } from './tender-split/en-US';