@swype-org/react-sdk 0.1.98 → 0.1.100

package/dist/index.cjs

@@ -159,6 +159,7 @@ function useSwypeDepositAmount() {
 // src/api.ts
 var api_exports = {};
 __export(api_exports, {
+  createAccount: () => createAccount,
   createTransfer: () => createTransfer,
   fetchAccounts: () => fetchAccounts,
   fetchAuthorizationSession: () => fetchAuthorizationSession,
@@ -206,6 +207,18 @@ async function fetchAccounts(apiBaseUrl, token, credentialId) {
   const data = await res.json();
   return data.items;
 }
+async function createAccount(apiBaseUrl, token, params) {
+  const res = await fetch(`${apiBaseUrl}/v1/accounts`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${token}`
+    },
+    body: JSON.stringify(params)
+  });
+  if (!res.ok) await throwApiError(res);
+  return await res.json();
+}
 async function createTransfer(apiBaseUrl, token, params) {
   if (!params.merchantAuthorization) {
     throw new Error("merchantAuthorization is required for transfer creation.");
@@ -1470,15 +1483,6 @@ function useAuthorizationExecutor(options) {
     },
     [apiBaseUrl, dispatchAction]
   );
-  const executeSession = react.useCallback(
-    async (transfer) => {
-      if (!transfer.authorizationSessions?.length) {
-        throw new Error("No authorization sessions available.");
-      }
-      await executeSessionById(transfer.authorizationSessions[0].id);
-    },
-    [executeSessionById]
-  );
   return {
     executing,
     results,
@@ -1486,8 +1490,7 @@ function useAuthorizationExecutor(options) {
     currentAction,
     pendingSelectSource,
     resolveSelectSource,
-    executeSessionById,
-    executeSession
+    executeSessionById
   };
 }
 function useTransferSigning(pollIntervalMs = 2e3, options) {
@@ -1845,16 +1848,13 @@ function buildSelectSourceChoices(options) {
 
 // src/paymentReducer.ts
 function deriveSourceTypeAndId(state) {
-  if (state.connectingNewAccount) {
-    return { sourceType: "providerId", sourceId: state.selectedProviderId ?? "" };
-  }
   if (state.selectedWalletId) {
     return { sourceType: "walletId", sourceId: state.selectedWalletId };
   }
   if (state.selectedAccountId) {
     return { sourceType: "accountId", sourceId: state.selectedAccountId };
   }
-  return { sourceType: "providerId", sourceId: state.selectedProviderId ?? "" };
+  return { sourceType: "accountId", sourceId: "" };
 }
 function createInitialState(config) {
   return {
@@ -1866,8 +1866,6 @@ function createInitialState(config) {
     loadingData: false,
     selectedAccountId: null,
     selectedWalletId: null,
-    selectedProviderId: null,
-    connectingNewAccount: false,
     amount: config.depositAmount != null ? config.depositAmount.toString() : "",
     transfer: null,
     creatingTransfer: false,
@@ -1932,8 +1930,6 @@ function paymentReducer(state, action) {
       if (action.defaults) {
         next.selectedAccountId = action.defaults.accountId;
         next.selectedWalletId = action.defaults.walletId;
-      } else if (action.fallbackProviderId && !state.connectingNewAccount) {
-        next.selectedProviderId = action.fallbackProviderId;
       }
       if (action.clearMobileState) {
         next.mobileFlow = false;
@@ -1955,7 +1951,6 @@ function paymentReducer(state, action) {
       if (action.defaults) {
         next.selectedAccountId = action.defaults.accountId;
         next.selectedWalletId = action.defaults.walletId;
-        next.connectingNewAccount = false;
       }
       return next;
     }
@@ -1963,16 +1958,13 @@ function paymentReducer(state, action) {
     case "SELECT_PROVIDER":
       return {
         ...state,
-        selectedProviderId: action.providerId,
-        selectedAccountId: null,
-        connectingNewAccount: true
+        selectedAccountId: null
       };
     case "SELECT_ACCOUNT":
       return {
         ...state,
         selectedAccountId: action.accountId,
         selectedWalletId: action.walletId,
-        connectingNewAccount: false,
         step: "deposit"
       };
     // ── Transfer lifecycle ───────────────────────────────────────
@@ -2057,7 +2049,6 @@ function paymentReducer(state, action) {
         ...state,
         mobileFlow: true,
         deeplinkUri: action.deeplinkUri,
-        selectedProviderId: action.providerId,
         error: action.error ?? null,
         step: "open-wallet"
       };
@@ -2113,7 +2104,6 @@ function paymentReducer(state, action) {
         amount: action.depositAmount != null ? action.depositAmount.toString() : "",
         mobileFlow: false,
         deeplinkUri: null,
-        connectingNewAccount: false,
         selectedWalletId: null,
         selectedAccountId: action.firstAccountId
       };
@@ -5263,11 +5253,11 @@ function SwypePaymentInner({
       accounts: state.accounts,
       persistedMobileFlow: loadMobileFlowState(),
       mobileSetupInProgress: mobileSetupFlowRef.current,
-      connectingNewAccount: state.connectingNewAccount
+      connectingNewAccount: false
     });
     if (resolved.clearPersistedFlow) clearMobileFlowState();
     dispatch({ type: "NAVIGATE", step: resolved.step });
-  }, [getAccessToken, apiBaseUrl, state.accounts, state.connectingNewAccount]);
+  }, [getAccessToken, apiBaseUrl, state.accounts]);
   const handleRegisterPasskey = react.useCallback(async () => {
     dispatch({ type: "SET_REGISTERING_PASSKEY", value: true });
     dispatch({ type: "SET_ERROR", error: null });
@@ -5312,7 +5302,7 @@ function SwypePaymentInner({
         accounts: state.accounts,
         persistedMobileFlow: loadMobileFlowState(),
         mobileSetupInProgress: mobileSetupFlowRef.current,
-        connectingNewAccount: state.connectingNewAccount
+        connectingNewAccount: false
       });
       if (resolved.clearPersistedFlow) clearMobileFlowState();
       dispatch({ type: "NAVIGATE", step: resolved.step });
@@ -5325,7 +5315,7 @@ function SwypePaymentInner({
     } finally {
       dispatch({ type: "SET_REGISTERING_PASSKEY", value: false });
     }
-  }, [user, getAccessToken, apiBaseUrl, state.accounts, state.connectingNewAccount]);
+  }, [user, getAccessToken, apiBaseUrl, state.accounts]);
   const handleVerifyPasskeyViaPopup = react.useCallback(async () => {
     dispatch({ type: "SET_VERIFYING_PASSKEY", value: true });
     dispatch({ type: "SET_ERROR", error: null });
@@ -5349,7 +5339,7 @@ function SwypePaymentInner({
           accounts: state.accounts,
           persistedMobileFlow: loadMobileFlowState(),
           mobileSetupInProgress: mobileSetupFlowRef.current,
-          connectingNewAccount: state.connectingNewAccount
+          connectingNewAccount: false
         });
         if (resolved.clearPersistedFlow) clearMobileFlowState();
         dispatch({ type: "NAVIGATE", step: resolved.step });
@@ -5368,7 +5358,7 @@ function SwypePaymentInner({
     } finally {
       dispatch({ type: "SET_VERIFYING_PASSKEY", value: false });
     }
-  }, [state.knownCredentialIds, getAccessToken, apiBaseUrl, state.accounts, state.connectingNewAccount]);
+  }, [state.knownCredentialIds, getAccessToken, apiBaseUrl, state.accounts]);
   const reloadAccounts = react.useCallback(async () => {
     const token = await getAccessToken();
     if (!token || !state.activeCredentialId) return;
@@ -5420,8 +5410,7 @@ function SwypePaymentInner({
       dispatch({ type: "NAVIGATE", step: "create-passkey" });
       return;
     }
-    const isSetupRedirect = mobileSetupFlowRef.current;
-    dispatch({ type: "PAY_STARTED", isSetupRedirect });
+    dispatch({ type: "PAY_STARTED", isSetupRedirect: false });
     processingStartedAtRef.current = Date.now();
     try {
       if (state.transfer?.status === "AUTHORIZED") {
@@ -5442,23 +5431,6 @@ function SwypePaymentInner({
           effectiveSourceId = activeWallet.id;
         }
       }
-      const isActiveWallet = effectiveSourceType === "walletId" && state.accounts.some(
-        (a) => a.wallets.some((w) => w.id === effectiveSourceId && w.status === "ACTIVE")
-      );
-      if (!isActiveWallet && !isSetupRedirect) {
-        let found = false;
-        for (const acct of state.accounts) {
-          for (const wallet of acct.wallets) {
-            if (wallet.status === "ACTIVE" && wallet.sources.some((s) => s.balance.available.amount >= payAmount)) {
-              effectiveSourceType = "walletId";
-              effectiveSourceId = wallet.id;
-              found = true;
-              break;
-            }
-          }
-          if (found) break;
-        }
-      }
       const t = await createTransfer(apiBaseUrl, token, {
         id: idempotencyKey,
         credentialId: state.activeCredentialId,
@@ -5469,28 +5441,6 @@ function SwypePaymentInner({
         amount: payAmount
       });
       dispatch({ type: "TRANSFER_CREATED", transfer: t });
-      if (t.authorizationSessions && t.authorizationSessions.length > 0) {
-        const useConnector = shouldUseWalletConnector({
-          useWalletConnector: useWalletConnectorProp,
-          userAgent: typeof navigator === "undefined" ? void 0 : navigator.userAgent
-        });
-        if (!useConnector) {
-          const uri = t.authorizationSessions[0].uri;
-          pollingTransferIdRef.current = t.id;
-          polling.startPolling(t.id);
-          dispatch({ type: "MOBILE_DEEPLINK_READY", deeplinkUri: uri });
-          persistMobileFlowState({
-            transferId: t.id,
-            deeplinkUri: uri,
-            providerId: sourceOverrides?.sourceType === "providerId" ? sourceOverrides.sourceId : state.selectedProviderId,
-            isSetup: mobileSetupFlowRef.current
-          });
-          triggerDeeplink(uri);
-          return;
-        } else {
-          await authExecutor.executeSession(t);
-        }
-      }
       const signedTransfer = await transferSigning.signTransfer(t.id);
       dispatch({ type: "TRANSFER_SIGNED", transfer: signedTransfer });
       polling.startPolling(t.id);
@@ -5500,7 +5450,7 @@ function SwypePaymentInner({
       dispatch({
         type: "PAY_ERROR",
         error: msg,
-        fallbackStep: isSetupRedirect ? "wallet-picker" : "deposit"
+        fallbackStep: "deposit"
       });
       onError?.(msg);
     } finally {
@@ -5512,15 +5462,12 @@ function SwypePaymentInner({
     state.activeCredentialId,
     state.transfer,
     state.accounts,
-    state.selectedProviderId,
     destination,
     apiBaseUrl,
     getAccessToken,
-    authExecutor,
     transferSigning,
     polling,
     onError,
-    useWalletConnectorProp,
     idempotencyKey,
     merchantAuthorization
   ]);
@@ -5559,23 +5506,7 @@ function SwypePaymentInner({
         destination,
         amount: parsedAmount
       });
-      if (t.authorizationSessions && t.authorizationSessions.length > 0) {
-        const uri = t.authorizationSessions[0].uri;
-        pollingTransferIdRef.current = t.id;
-        mobileSetupFlowRef.current = true;
-        handlingMobileReturnRef.current = false;
-        polling.startPolling(t.id);
-        dispatch({ type: "INCREASE_LIMIT_DEEPLINK", transfer: t, deeplinkUri: uri });
-        persistMobileFlowState({
-          transferId: t.id,
-          deeplinkUri: uri,
-          providerId: state.selectedProviderId,
-          isSetup: true
-        });
-        triggerDeeplink(uri);
-      } else {
-        dispatch({ type: "TRANSFER_CREATED", transfer: t });
-      }
+      dispatch({ type: "TRANSFER_CREATED", transfer: t });
     } catch (err) {
       captureException(err);
       const msg = err instanceof Error ? err.message : "Failed to increase limit";
@@ -5590,7 +5521,6 @@ function SwypePaymentInner({
     sourceType,
     state.activeCredentialId,
     state.accounts,
-    state.selectedProviderId,
     apiBaseUrl,
     getAccessToken,
     polling,
@@ -5627,21 +5557,65 @@ function SwypePaymentInner({
       polling.startPolling(transferIdToResume);
     }
   }, [handleAuthorizedMobileReturn, polling, state.transfer]);
-  const handleSelectProvider = react.useCallback((providerId) => {
+  const handleSelectProvider = react.useCallback(async (providerId) => {
     dispatch({ type: "SELECT_PROVIDER", providerId });
-    const isMobile = !shouldUseWalletConnector({
-      useWalletConnector: useWalletConnectorProp,
-      userAgent: typeof navigator === "undefined" ? void 0 : navigator.userAgent
-    });
-    if (isMobile) {
-      handlingMobileReturnRef.current = false;
-      mobileSetupFlowRef.current = true;
-      const amount = depositAmount ?? 5;
-      handlePay(amount, { sourceType: "providerId", sourceId: providerId });
-    } else {
-      dispatch({ type: "NAVIGATE", step: "deposit" });
+    if (!state.activeCredentialId) {
+      dispatch({ type: "SET_ERROR", error: "Create a passkey on this device before continuing." });
+      dispatch({ type: "NAVIGATE", step: "create-passkey" });
+      return;
+    }
+    const provider = state.providers.find((p) => p.id === providerId);
+    const providerName = provider?.name ?? "Wallet";
+    dispatch({ type: "PAY_STARTED", isSetupRedirect: true });
+    try {
+      const token = await getAccessToken();
+      if (!token) throw new Error("Not authenticated");
+      const account = await createAccount(apiBaseUrl, token, {
+        name: providerName,
+        credentialId: state.activeCredentialId,
+        providerId
+      });
+      const session = account.authorizationSessions?.[0];
+      if (!session) throw new Error("No authorization session returned.");
+      const isMobile = !shouldUseWalletConnector({
+        useWalletConnector: useWalletConnectorProp,
+        userAgent: typeof navigator === "undefined" ? void 0 : navigator.userAgent
+      });
+      if (isMobile) {
+        handlingMobileReturnRef.current = false;
+        mobileSetupFlowRef.current = true;
+        persistMobileFlowState({
+          accountId: account.id,
+          sessionId: session.id,
+          deeplinkUri: session.uri,
+          providerId,
+          isSetup: true
+        });
+        dispatch({ type: "MOBILE_DEEPLINK_READY", deeplinkUri: session.uri });
+        triggerDeeplink(session.uri);
+      } else {
+        await authExecutor.executeSessionById(session.id);
+        await reloadAccounts();
+        dispatch({ type: "NAVIGATE", step: "deposit" });
+      }
+    } catch (err) {
+      captureException(err);
+      const msg = err instanceof Error ? err.message : "Failed to set up wallet";
+      dispatch({ type: "PAY_ERROR", error: msg, fallbackStep: "wallet-picker" });
+      onError?.(msg);
+    } finally {
+      dispatch({ type: "PAY_ENDED" });
     }
-  }, [useWalletConnectorProp, depositAmount, handlePay]);
+  }, [
+    state.activeCredentialId,
+    state.providers,
+    apiBaseUrl,
+    getAccessToken,
+    authExecutor,
+    useWalletConnectorProp,
+    reloadAccounts,
+    onError
+  ]);
   const handleContinueConnection = react.useCallback(
     (accountId) => {
       const acct = state.accounts.find((a) => a.id === accountId);
@@ -5751,7 +5725,7 @@ function SwypePaymentInner({
         connectingNewAccount: false
       });
       if (resolved.clearPersistedFlow) clearMobileFlowState();
-      if (resolved.step === "deposit" && persisted && persisted.isSetup) {
+      if (resolved.step === "deposit" && persisted && persisted.isSetup && persisted.transferId) {
         try {
           const existingTransfer = await fetchTransfer(apiBaseUrl, token, persisted.transferId);
           if (cancelled) return;
@@ -5762,7 +5736,12 @@ function SwypePaymentInner({
         } catch {
         }
       }
-      if (resolved.step === "open-wallet" && persisted) {
+      if (resolved.step === "open-wallet" && persisted && persisted.accountId && !persisted.transferId) {
+        clearMobileFlowState();
+        dispatch({ type: "NAVIGATE", step: "deposit" });
+        return;
+      }
+      if (resolved.step === "open-wallet" && persisted && persisted.transferId) {
         try {
           const existingTransfer = await fetchTransfer(apiBaseUrl, token, persisted.transferId);
           if (cancelled) return;
@@ -5808,9 +5787,9 @@ function SwypePaymentInner({
             providerId: persisted.providerId,
             error: err instanceof Error ? err.message : "Unable to refresh wallet authorization status."
           });
-          pollingTransferIdRef.current = persisted.transferId;
+          pollingTransferIdRef.current = persisted.transferId ?? null;
           mobileSetupFlowRef.current = persisted.isSetup;
-          pollingRef.current.startPolling(persisted.transferId);
+          if (persisted.transferId) pollingRef.current.startPolling(persisted.transferId);
           return;
         }
         dispatch({
@@ -5818,9 +5797,9 @@ function SwypePaymentInner({
           deeplinkUri: persisted.deeplinkUri,
           providerId: persisted.providerId
         });
-        pollingTransferIdRef.current = persisted.transferId;
+        pollingTransferIdRef.current = persisted.transferId ?? null;
         mobileSetupFlowRef.current = persisted.isSetup;
-        pollingRef.current.startPolling(persisted.transferId);
+        if (persisted.transferId) pollingRef.current.startPolling(persisted.transferId);
         return;
       }
       dispatch({ type: "NAVIGATE", step: resolved.step });
@@ -5927,7 +5906,7 @@ function SwypePaymentInner({
           accounts: accts,
           persistedMobileFlow: persisted,
           mobileSetupInProgress: mobileSetupFlowRef.current,
-          connectingNewAccount: state.connectingNewAccount
+          connectingNewAccount: false
         });
         const correctableSteps = ["deposit", "wallet-picker", "open-wallet"];
         dispatch({
@@ -5936,7 +5915,6 @@ function SwypePaymentInner({
           accounts: accts,
           chains: chn,
           defaults,
-          fallbackProviderId: !defaults && prov.length > 0 ? prov[0].id : null,
           resolvedStep: correctableSteps.includes(state.step) ? resolved.step : void 0,
           clearMobileState: resolved.clearPersistedFlow
         });
@@ -5968,8 +5946,7 @@ function SwypePaymentInner({
     apiBaseUrl,
     getAccessToken,
     state.activeCredentialId,
-    depositAmount,
-    state.connectingNewAccount
+    depositAmount
   ]);
   react.useEffect(() => {
     if (!polling.transfer) return;