@swype-org/react-sdk 0.1.80 → 0.1.82

package/dist/index.cjs

@@ -331,6 +331,22 @@ async function reportActionCompletion(apiBaseUrl, actionId, result) {
   return await res.json();
 }
 
+// src/sentry.ts
+var _mod;
+function captureException(error) {
+  if (_mod === null) return;
+  if (_mod) {
+    _mod.captureException(error);
+    return;
+  }
+  import('@sentry/react').then((m) => {
+    _mod = m;
+    m.captureException(error);
+  }).catch(() => {
+    _mod = null;
+  });
+}
+
 // node_modules/@wagmi/core/dist/esm/version.js
 var version = "2.22.1";
 
@@ -701,13 +717,17 @@ var POPUP_RESULT_TIMEOUT_MS = 12e4;
 var POPUP_CLOSED_POLL_MS = 500;
 function createPasskeyViaPopup(options) {
   return new Promise((resolve, reject) => {
-    const encoded = btoa(JSON.stringify(options));
+    const channelId = `swype-pk-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+    const payload = { ...options, channelId };
+    const encoded = btoa(JSON.stringify(payload));
     const popupUrl = `${window.location.origin}/passkey-register#${encoded}`;
     const popup = window.open(popupUrl, "swype-passkey");
     if (!popup) {
       reject(new Error("Pop-up blocked. Please allow pop-ups for this site and try again."));
       return;
     }
+    let settled = false;
+    const channel = typeof BroadcastChannel !== "undefined" ? new BroadcastChannel(channelId) : null;
     const timer = setTimeout(() => {
       cleanup();
       reject(new Error("Passkey creation timed out. Please try again."));
@@ -718,11 +738,11 @@ function createPasskeyViaPopup(options) {
         reject(new Error("Passkey setup window was closed before completing."));
       }
     }, POPUP_CLOSED_POLL_MS);
-    const handler = (event) => {
-      if (event.source !== popup) return;
-      const data = event.data;
+    function handleResult(data) {
+      if (settled) return;
       if (!data || typeof data !== "object") return;
       if (data.type !== "swype:passkey-popup-result") return;
+      settled = true;
       cleanup();
       if (data.error) {
         reject(new Error(data.error));
@@ -731,13 +751,21 @@ function createPasskeyViaPopup(options) {
       } else {
         reject(new Error("Invalid passkey popup response."));
       }
+    }
+    if (channel) {
+      channel.onmessage = (event) => handleResult(event.data);
+    }
+    const postMessageHandler = (event) => {
+      if (event.source !== popup) return;
+      handleResult(event.data);
     };
+    window.addEventListener("message", postMessageHandler);
     function cleanup() {
       clearTimeout(timer);
       clearInterval(closedPoll);
-      window.removeEventListener("message", handler);
+      window.removeEventListener("message", postMessageHandler);
+      channel?.close();
     }
-    window.addEventListener("message", handler);
   });
 }
 
@@ -4346,8 +4374,8 @@ var PaymentErrorBoundary = class extends react.Component {
   static getDerivedStateFromError() {
     return { hasError: true };
   }
-  componentDidCatch(error, info) {
-    console.error("[SwypePayment] Uncaught error:", error, info.componentStack);
+  componentDidCatch(error, _info) {
+    captureException(error);
   }
   handleReset = () => {
     this.setState({ hasError: false });
@@ -4665,6 +4693,7 @@ function SwypePaymentInner({
     try {
       await initOAuth({ provider });
     } catch (err) {
+      captureException(err);
       setError(err instanceof Error ? err.message : "Social login failed");
     }
   }, [initOAuth]);
@@ -4691,6 +4720,7 @@ function SwypePaymentInner({
       setVerificationTarget(normalizedIdentifier);
       setStep("otp-verify");
     } catch (err) {
+      captureException(err);
       setError(err instanceof Error ? err.message : "Failed to send verification code");
     }
   }, [authInput, sendEmailCode, sendSmsCode]);
@@ -4709,6 +4739,7 @@ function SwypePaymentInner({
         await loginWithSmsCode({ code: trimmedCode });
       }
     } catch (err) {
+      captureException(err);
       setError(err instanceof Error ? err.message : "Failed to verify code");
     }
   }, [verificationTarget, otpCode, loginWithEmailCode, loginWithSmsCode]);
@@ -4727,6 +4758,7 @@ function SwypePaymentInner({
         await sendSmsCode({ phoneNumber: verificationTarget.value });
       }
     } catch (err) {
+      captureException(err);
       setError(err instanceof Error ? err.message : "Failed to resend code");
     }
   }, [verificationTarget, sendEmailCode, sendSmsCode]);
@@ -4941,6 +4973,7 @@ function SwypePaymentInner({
         }
       } catch (err) {
         if (!cancelled) {
+          captureException(err);
           setError(err instanceof Error ? err.message : "Failed to load data");
         }
       } finally {
@@ -4983,6 +5016,7 @@ function SwypePaymentInner({
       if (!hasProcessingTimedOut(processingStartedAtRef.current, Date.now())) return;
       const status = getTransferStatus(polling.transfer, transfer);
       const msg = buildProcessingTimeoutMessage(status);
+      captureException(new Error(msg));
       polling.stopPolling();
       setStep("deposit");
       setError(msg);
@@ -5207,6 +5241,7 @@ function SwypePaymentInner({
       setTransfer(signedTransfer);
       polling.startPolling(t.id);
     } catch (err) {
+      captureException(err);
       const msg = err instanceof Error ? err.message : "Transfer failed";
       setError(msg);
       onError?.(msg);
@@ -5285,6 +5320,7 @@ function SwypePaymentInner({
         triggerDeeplink(uri);
       }
     } catch (err) {
+      captureException(err);
       const msg = err instanceof Error ? err.message : "Failed to increase limit";
       setError(msg);
       onError?.(msg);
@@ -5339,6 +5375,7 @@ function SwypePaymentInner({
       if (err instanceof PasskeyIframeBlockedError) {
         setPasskeyPopupNeeded(true);
       } else {
+        captureException(err);
         setError(err instanceof Error ? err.message : "Failed to register passkey");
       }
     } finally {
@@ -5357,6 +5394,7 @@ function SwypePaymentInner({
       const { credentialId, publicKey } = await createPasskeyViaPopup(popupOptions);
       await completePasskeyRegistration(credentialId, publicKey);
     } catch (err) {
+      captureException(err);
       setError(err instanceof Error ? err.message : "Failed to register passkey");
     } finally {
       setRegisteringPasskey(false);
@@ -5444,6 +5482,7 @@ function SwypePaymentInner({
       setStep("processing");
       polling.startPolling(t.id);
     } catch (err) {
+      captureException(err);
       const msg = err instanceof Error ? err.message : "Failed to sign transfer";
       setError(msg);
       onError?.(msg);