@12-apps/payments-frontend 3.45.0 → 3.45.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/payments-frontend",
-  "version": "3.45.0",
+  "version": "3.45.1",
   "type": "module",
   "sideEffects": false,
   "description": "Browser half of the vendor-agnostic payments platform: plug-and-play MUI components for the per-provider settings page (credential form from each provider's schema, masked hints, verify/enable) and the checkout page (PIX QR + polling, card tokenization, hosted-checkout redirect), plus the headless hooks and fetch clients they build on. Talks only to the host's payments HTTP surface — never to a provider directly. Microfrontend-ready: no app coupling, host injects theme and auth.",
@@ -23,7 +23,7 @@
     "storybook:build": "storybook build"
   },
   "dependencies": {
-    "@12-apps/payments-backend": "^4.34.0",
+    "@12-apps/payments-backend": "^4.36.1",
     "react-qr-code": "^2.2.0"
   },
   "peerDependencies": {

package/src/components/checkout/list/choice.ts

@@ -197,9 +197,12 @@ export function actionLabel(
   choice: CheckoutListChoice | null,
   door: CheckoutDoorOption | undefined,
   provider: string | null,
+  covered = false,
 ): string {
   if (!choice) return copy.actions.choose;
   if (choice.kind === "door") return door?.action ?? copy.actions.choose;
+  // A handoff leaves the store for a provider even at zero: it keeps its own verb.
+  if (covered && choice.method !== "HAND_OFF") return copy.actions.covered;
   const verbs: Record<CheckoutOnlineChoice, string> = {
     PIX: copy.actions.pix,
     CARD: copy.actions.card,

package/src/components/checkout/list/en-US.ts

@@ -50,6 +50,7 @@ export const EN_US_PAYMENT_LIST_COPY: PaymentListCopy = {
     card: "Pay",
     pix: "Create Pix",
     googlePay: "Pay with Google Pay",
+    covered: "Pay with balance",
     handOff: (provider) => (provider ? `Go to ${provider}` : "Go to payment"),
   },
   payer: (name) => `Paying as ${name} · CPF ✓`,

package/src/components/checkout/list/list-face.tsx

@@ -173,7 +173,7 @@ function buttonFacts(props: ListFaceProps): { label: string; total: string; busy
   const door = chosenDoor(props);
   const online = state.choice?.kind === "online";
   return {
-    label: list.hold ? list.hold.action : pixBankLabel(list, state) ?? actionLabel(list.copy, state.choice, door, props.provider),
+    label: list.hold ? list.hold.action : pixBankLabel(list, state) ?? actionLabel(list.copy, state.choice, door, props.provider, coveredByHost(list)),
     total: door ? (door.totalLabel ?? props.total) : online ? onlineTotal(props) : props.total,
     busy: inFlight(props),
   };

package/src/components/checkout/list/pt-BR.ts

@@ -66,6 +66,7 @@ export const PT_BR_PAYMENT_LIST_COPY: PaymentListCopy = {
     card: "Pagar",
     pix: "Gerar Pix",
     googlePay: "Pagar com Google Pay",
+    covered: "Pagar com saldo",
     handOff: (provider) => (provider ? `Ir para ${the(provider)}` : "Ir para o pagamento"),
   },
   payer: (name) => `Pagando como ${name} · CPF ✓`,

package/src/components/checkout/list/types.ts

@@ -354,6 +354,8 @@ export interface PaymentListCopy {
     card: string;
     pix: string;
     googlePay: string;
+    /** The bar's verb when the host's balance pays the whole amount. */
+    covered: string;
     handOff: (provider: string | null) => string;
   };
   /** "Pagando como Ana Teste · CPF ✓". */