@flopay/react 0.1.3 → 0.1.4

package/dist/index.mjs

@@ -953,6 +953,12 @@ function FloPayCheckout({
   const [confirmProcessing, setConfirmProcessing] = useState3(false);
   const [modeError, setModeError] = useState3(null);
   const autoCheckoutAttempted = useRef3(false);
+  const onCompleteRef = useRef3(onComplete);
+  onCompleteRef.current = onComplete;
+  const onErrorRef = useRef3(onError);
+  onErrorRef.current = onError;
+  const onSessionCompletedRef = useRef3(onSessionCompleted);
+  onSessionCompletedRef.current = onSessionCompleted;
   const processPaymentForMode = useCallback2(
     async (sess) => {
       const baseUrl = resolvedBillingUrl.replace(/\/+$/, "");
@@ -974,7 +980,7 @@ function FloPayCheckout({
         })
       });
       if (response.ok) {
-        onComplete?.({ status: "succeeded" });
+        onCompleteRef.current?.({ status: "succeeded" });
         return null;
       }
       const json = await response.json().catch(() => null);
@@ -997,7 +1003,7 @@ function FloPayCheckout({
         "api_error"
       );
     },
-    [resolvedBillingUrl, sessionId, onComplete]
+    [resolvedBillingUrl, sessionId]
   );
   const handleRedirectResult = useCallback2(
     async (redirectResult, sess, options) => {
@@ -1016,7 +1022,7 @@ function FloPayCheckout({
           return false;
         }
         if (paymentIntent && (paymentIntent.status === "requires_capture" || paymentIntent.status === "succeeded")) {
-          onComplete?.({ status: "succeeded", paymentIntentId: paymentIntent.id });
+          onCompleteRef.current?.({ status: "succeeded", paymentIntentId: paymentIntent.id });
           return true;
         }
         return false;
@@ -1037,12 +1043,12 @@ function FloPayCheckout({
           setModeError(error.message ?? "PayPal authorization failed.");
           return false;
         }
-        onComplete?.({ status: "succeeded" });
+        onCompleteRef.current?.({ status: "succeeded" });
         return true;
       }
       return false;
     },
-    [resolvedBillingUrl, sessionId, onComplete]
+    [resolvedBillingUrl, sessionId]
   );
   useEffect4(() => {
     let cancelled = false;
@@ -1061,7 +1067,7 @@ function FloPayCheckout({
         }
         if (sess.status === "complete") {
           setIsLoading(false);
-          onSessionCompleted?.(sess.successUrl ?? "");
+          onSessionCompletedRef.current?.(sess.successUrl ?? "");
           return;
         }
         const effectiveMode = checkoutModeProp ?? sess.checkoutMode ?? "full";
@@ -1129,16 +1135,7 @@ function FloPayCheckout({
     return () => {
       cancelled = true;
     };
-  }, [
-    sessionId,
-    resolvedBillingUrl,
-    fallbackPublishableKey,
-    locale,
-    checkoutModeProp,
-    onSessionCompleted,
-    processPaymentForMode,
-    handleRedirectResult
-  ]);
+  }, [sessionId, resolvedBillingUrl, fallbackPublishableKey, locale, checkoutModeProp]);
   const handleConfirmCheckout = useCallback2(async () => {
     if (confirmProcessing || !session) return;
     setConfirmProcessing(true);