@12-apps/payments-frontend 3.23.0 → 3.23.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/payments-frontend",
-  "version": "3.23.0",
+  "version": "3.23.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.",

package/src/components/checkout/resolution-actions.ts

@@ -0,0 +1,43 @@
+import { useCallback, type Dispatch, type SetStateAction } from "react";
+
+import type { Step } from "./checkout-actions";
+import type { CheckoutDecline } from "./decline";
+import type { BuyerInfo, OrderStatus, PaymentMethod } from "./types";
+
+/**
+ * The two actions the payment step raises on its own: paying once an e-mail
+ * has been typed, and reporting the result the provider's screen reached.
+ *
+ * Extracted from `useCheckoutController` for the same reason `useRetryAction`
+ * and `useGoToPayment` were: the controller is the one function that has to
+ * hold every piece of checkout state at once, and each action it also spells
+ * out inline is a line it cannot spend on the state. FUT-1170 and FUT-1240
+ * together pushed it past the size gate; these two callbacks are the part that
+ * reads the same wherever it lives.
+ */
+export function useResolutionActions(input: {
+  buyer: BuyerInfo;
+  method: PaymentMethod | null;
+  startPayment: (method: PaymentMethod, buyer: BuyerInfo) => Promise<void>;
+  setBuyerState: Dispatch<SetStateAction<BuyerInfo>>;
+  setDecline: Dispatch<SetStateAction<CheckoutDecline | null>>;
+  setFinalStatus: Dispatch<SetStateAction<OrderStatus | null>>;
+  setStep: Dispatch<SetStateAction<Step>>;
+}): {
+  payWithEmail: (email: string) => void;
+  handleResolved: (status: OrderStatus, refusal?: CheckoutDecline | null) => void;
+} {
+  const { buyer, method, startPayment, setBuyerState, setDecline, setFinalStatus, setStep } = input;
+  const payWithEmail = useCallback((email: string) => {
+    if (!method) return;
+    const next = { ...buyer, email };
+    setBuyerState(next);
+    void startPayment(method, next);
+  }, [buyer, method, setBuyerState, startPayment]);
+  const handleResolved = useCallback((status: OrderStatus, refusal?: CheckoutDecline | null) => {
+    setDecline(refusal ?? null);
+    setFinalStatus(status);
+    setStep("status");
+  }, [setDecline, setFinalStatus, setStep]);
+  return { payWithEmail, handleResolved };
+}

package/src/components/checkout/use-checkout-controller.ts

@@ -28,6 +28,7 @@ import type {
   OrderStatus,
   PaymentMethod,
 } from "./types";
+import { useResolutionActions } from "./resolution-actions";
 import { useHostedResume } from "./use-hosted-resume";
 
 const STEP_ORDER: Step[] = ["dados", "payment", "status"];
@@ -140,17 +141,9 @@ export function useCheckoutController(
     buyer, saveProfile, createOrder, navigate, tenantSlug, basket, failure,
     setCreating, setDecline, setOrder, setFinalStatus,
   });
-  const payWithEmail = useCallback((email: string) => {
-    if (!method) return;
-    const next = { ...buyer, email };
-    setBuyerState(next);
-    void startPayment(method, next);
-  }, [buyer, method, startPayment]);
-  const handleResolved = useCallback((s: OrderStatus, refusal?: CheckoutDecline | null) => {
-    setDecline(refusal ?? null);
-    setFinalStatus(s);
-    setStep("status");
-  }, []);
+  const { payWithEmail, handleResolved } = useResolutionActions({
+    buyer, method, startPayment, setBuyerState, setDecline, setFinalStatus, setStep,
+  });
   const retry = useRetryAction({
     decline, order, clearError, setOrder, setDecline, setFinalStatus, setStep, setFreshInstrument,
   });