@swype-org/react-sdk 0.1.7 → 0.1.8

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,26 @@ 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 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 +2254,12 @@ function SwypePayment({
     destination,
     apiBaseUrl,
     getAccessToken,
+    accounts,
     authExecutor,
     transferSigning,
     polling,
     onError,
-    accounts,
-    selectedAccountId,
-    selectedWalletId
+    useWalletConnector
   ]);
   const handleNewPayment = () => {
     setStep("ready");