@swype-org/react-sdk 0.1.73 → 0.1.75

package/dist/index.cjs

@@ -4513,6 +4513,7 @@ function SwypePaymentInner({
   const pollingTransferIdRef = react.useRef(null);
   const mobileSigningTransferIdRef = react.useRef(null);
   const mobileSetupFlowRef = react.useRef(false);
+  const handlingMobileReturnRef = react.useRef(false);
   const processingStartedAtRef = react.useRef(null);
   const [selectSourceChainName, setSelectSourceChainName] = react.useState("");
   const [selectSourceTokenSymbol, setSelectSourceTokenSymbol] = react.useState("");
@@ -4555,6 +4556,8 @@ function SwypePaymentInner({
     polling.startPolling(persisted.transferId);
   }, [polling]);
   const handleAuthorizedMobileReturn = react.useCallback(async (authorizedTransfer, isSetup) => {
+    if (handlingMobileReturnRef.current) return;
+    handlingMobileReturnRef.current = true;
     polling.stopPolling();
     if (isSetup) {
       mobileSetupFlowRef.current = false;
@@ -4568,6 +4571,7 @@ function SwypePaymentInner({
         setMobileFlow(false);
         setStep("deposit");
       } catch (err) {
+        handlingMobileReturnRef.current = false;
         setError(
           err instanceof Error ? err.message : "Wallet authorized, but we could not refresh your account yet."
         );
@@ -4585,6 +4589,7 @@ function SwypePaymentInner({
   }, [polling.stopPolling, reloadAccounts, resetDataLoadingState]);
   const handleRetryMobileStatus = react.useCallback(() => {
     setError(null);
+    handlingMobileReturnRef.current = false;
     const currentTransfer = polling.transfer ?? transfer;
     if (currentTransfer?.status === "AUTHORIZED") {
       void handleAuthorizedMobileReturn(currentTransfer, mobileSetupFlowRef.current);
@@ -4930,18 +4935,23 @@ function SwypePaymentInner({
     return () => window.clearTimeout(timeoutId);
   }, [step, polling.transfer, transfer, polling.stopPolling, onError]);
   react.useEffect(() => {
-    if (!mobileFlow) return;
+    if (!mobileFlow) {
+      handlingMobileReturnRef.current = false;
+      return;
+    }
+    if (handlingMobileReturnRef.current) return;
     const polledTransfer = polling.transfer;
     if (!polledTransfer || polledTransfer.status !== "AUTHORIZED") return;
     void handleAuthorizedMobileReturn(polledTransfer, mobileSetupFlowRef.current);
   }, [mobileFlow, polling.transfer, handleAuthorizedMobileReturn]);
   react.useEffect(() => {
     if (!mobileFlow) return;
+    if (handlingMobileReturnRef.current) return;
     const transferIdToResume = pollingTransferIdRef.current ?? transfer?.id;
     if (!transferIdToResume) return;
     if (!polling.isPolling) polling.startPolling(transferIdToResume);
     const handleVisibility = () => {
-      if (document.visibilityState === "visible") {
+      if (document.visibilityState === "visible" && !handlingMobileReturnRef.current) {
         polling.startPolling(transferIdToResume);
       }
     };
@@ -5225,6 +5235,7 @@ function SwypePaymentInner({
       userAgent: typeof navigator === "undefined" ? void 0 : navigator.userAgent
     });
     if (isMobile) {
+      handlingMobileReturnRef.current = false;
       mobileSetupFlowRef.current = true;
       const amount2 = depositAmount ?? 5;
       handlePay(amount2, { sourceType: "providerId", sourceId: providerId });