@flopay/react 0.1.3 → 0.1.4

package/dist/index.cjs

@@ -997,6 +997,12 @@ function FloPayCheckout({
   const [confirmProcessing, setConfirmProcessing] = (0, import_react6.useState)(false);
   const [modeError, setModeError] = (0, import_react6.useState)(null);
   const autoCheckoutAttempted = (0, import_react6.useRef)(false);
+  const onCompleteRef = (0, import_react6.useRef)(onComplete);
+  onCompleteRef.current = onComplete;
+  const onErrorRef = (0, import_react6.useRef)(onError);
+  onErrorRef.current = onError;
+  const onSessionCompletedRef = (0, import_react6.useRef)(onSessionCompleted);
+  onSessionCompletedRef.current = onSessionCompleted;
   const processPaymentForMode = (0, import_react6.useCallback)(
     async (sess) => {
       const baseUrl = resolvedBillingUrl.replace(/\/+$/, "");
@@ -1018,7 +1024,7 @@ function FloPayCheckout({
         })
       });
       if (response.ok) {
-        onComplete?.({ status: "succeeded" });
+        onCompleteRef.current?.({ status: "succeeded" });
         return null;
       }
       const json = await response.json().catch(() => null);
@@ -1041,7 +1047,7 @@ function FloPayCheckout({
         "api_error"
       );
     },
-    [resolvedBillingUrl, sessionId, onComplete]
+    [resolvedBillingUrl, sessionId]
   );
   const handleRedirectResult = (0, import_react6.useCallback)(
     async (redirectResult, sess, options) => {
@@ -1060,7 +1066,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;
@@ -1081,12 +1087,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]
   );
   (0, import_react6.useEffect)(() => {
     let cancelled = false;
@@ -1105,7 +1111,7 @@ function FloPayCheckout({
         }
         if (sess.status === "complete") {
           setIsLoading(false);
-          onSessionCompleted?.(sess.successUrl ?? "");
+          onSessionCompletedRef.current?.(sess.successUrl ?? "");
           return;
         }
         const effectiveMode = checkoutModeProp ?? sess.checkoutMode ?? "full";
@@ -1173,16 +1179,7 @@ function FloPayCheckout({
     return () => {
       cancelled = true;
     };
-  }, [
-    sessionId,
-    resolvedBillingUrl,
-    fallbackPublishableKey,
-    locale,
-    checkoutModeProp,
-    onSessionCompleted,
-    processPaymentForMode,
-    handleRedirectResult
-  ]);
+  }, [sessionId, resolvedBillingUrl, fallbackPublishableKey, locale, checkoutModeProp]);
   const handleConfirmCheckout = (0, import_react6.useCallback)(async () => {
     if (confirmProcessing || !session) return;
     setConfirmProcessing(true);