@swype-org/react-sdk 0.1.7 → 0.1.9

package/dist/index.d.cts

@@ -281,8 +281,19 @@ interface SwypePaymentProps {
     onComplete?: (transfer: Transfer) => void;
     /** Called on unrecoverable error */
     onError?: (error: string) => void;
+    /**
+     * Whether to use in-browser wallet connectors (wagmi) for authorization.
+     *
+     * - `true`  — always use in-browser wallet connectors (desktop flow).
+     * - `false` — always use deeplink redirects (webview / mobile flow).
+     * - `undefined` (default) — auto-detect via user-agent (`isMobile()`).
+     *
+     * Set to `false` when rendering inside a WebView where browser-based
+     * wallet extensions are unavailable.
+     */
+    useWalletConnector?: boolean;
 }
-declare function SwypePayment({ destination, onComplete, onError, }: SwypePaymentProps): react_jsx_runtime.JSX.Element | null;
+declare function SwypePayment({ destination, onComplete, onError, useWalletConnector, }: SwypePaymentProps): react_jsx_runtime.JSX.Element | null;
 
 type AccessTokenGetter = () => Promise<string | null | undefined>;
 /**

package/dist/index.d.ts

@@ -281,8 +281,19 @@ interface SwypePaymentProps {
     onComplete?: (transfer: Transfer) => void;
     /** Called on unrecoverable error */
     onError?: (error: string) => void;
+    /**
+     * Whether to use in-browser wallet connectors (wagmi) for authorization.
+     *
+     * - `true`  — always use in-browser wallet connectors (desktop flow).
+     * - `false` — always use deeplink redirects (webview / mobile flow).
+     * - `undefined` (default) — auto-detect via user-agent (`isMobile()`).
+     *
+     * Set to `false` when rendering inside a WebView where browser-based
+     * wallet extensions are unavailable.
+     */
+    useWalletConnector?: boolean;
 }
-declare function SwypePayment({ destination, onComplete, onError, }: SwypePaymentProps): react_jsx_runtime.JSX.Element | null;
+declare function SwypePayment({ destination, onComplete, onError, useWalletConnector, }: SwypePaymentProps): react_jsx_runtime.JSX.Element | null;
 
 type AccessTokenGetter = () => Promise<string | null | undefined>;
 /**

package/dist/index.js

@@ -1954,13 +1954,16 @@ function computeSmartDefaults(accts, transferAmount) {
   let bestAccount = null;
   let bestWallet = null;
   let bestBalance = -1;
+  let bestIsActive = false;
   for (const acct of accts) {
     for (const wallet of acct.wallets) {
       const walletBal = wallet.balance.available.amount;
-      if (walletBal > bestBalance) {
+      const isActive = wallet.status === "ACTIVE";
+      if (walletBal > bestBalance || walletBal === bestBalance && isActive && !bestIsActive) {
         bestBalance = walletBal;
         bestAccount = acct;
         bestWallet = wallet;
+        bestIsActive = isActive;
       }
     }
   }
@@ -2006,7 +2009,8 @@ function buildSelectSourceChoices(options) {
 function SwypePayment({
   destination,
   onComplete,
-  onError
+  onError,
+  useWalletConnector
 }) {
   const { apiBaseUrl, tokens, depositAmount } = useSwypeConfig();
   const { ready, authenticated, login, getAccessToken } = usePrivy();
@@ -2203,18 +2207,43 @@ function SwypePayment({
     try {
       const token = await getAccessToken();
       if (!token) throw new Error("Not authenticated");
+      let effectiveSourceType = sourceType;
+      let effectiveSourceId = sourceId;
+      if (effectiveSourceType === "accountId") {
+        const acct = accounts.find((a) => a.id === effectiveSourceId);
+        const activeWallet = acct?.wallets.find((w) => w.status === "ACTIVE");
+        if (activeWallet) {
+          effectiveSourceType = "walletId";
+          effectiveSourceId = activeWallet.id;
+        }
+      }
+      const isActiveWallet = effectiveSourceType === "walletId" && accounts.some(
+        (a) => a.wallets.some((w) => w.id === effectiveSourceId && w.status === "ACTIVE")
+      );
+      if (!isActiveWallet) {
+        let found = false;
+        for (const acct of accounts) {
+          for (const wallet of acct.wallets) {
+            if (wallet.status === "ACTIVE" && wallet.sources.some((s) => s.balance.available.amount >= parsedAmount)) {
+              effectiveSourceType = "walletId";
+              effectiveSourceId = wallet.id;
+              found = true;
+              break;
+            }
+          }
+          if (found) break;
+        }
+      }
       const t = await createTransfer(apiBaseUrl, token, {
-        sourceType,
-        sourceId,
+        sourceType: effectiveSourceType,
+        sourceId: effectiveSourceId,
         destination,
         amount: parsedAmount
       });
       setTransfer(t);
       if (t.authorizationSessions && t.authorizationSessions.length > 0) {
-        const selectedAccount = accounts.find((a) => a.id === selectedAccountId);
-        const selectedWallet = selectedWalletId ? selectedAccount?.wallets.find((w) => w.id === selectedWalletId) : null;
-        const isWalletAuthorized = selectedWallet?.status === "ACTIVE";
-        if (isMobile() && !isWalletAuthorized) {
+        const shouldUseWalletConnector = useWalletConnector ?? !isMobile();
+        if (!shouldUseWalletConnector) {
           setMobileFlow(true);
           pollingTransferIdRef.current = t.id;
           polling.startPolling(t.id);
@@ -2242,13 +2271,12 @@ function SwypePayment({
     destination,
     apiBaseUrl,
     getAccessToken,
+    accounts,
     authExecutor,
     transferSigning,
     polling,
     onError,
-    accounts,
-    selectedAccountId,
-    selectedWalletId
+    useWalletConnector
   ]);
   const handleNewPayment = () => {
     setStep("ready");