@swype-org/react-sdk 0.1.127 → 0.1.129

package/dist/index.cjs

@@ -1979,7 +1979,8 @@ function createInitialState(config) {
     oneTapLimit: 100,
     mobileFlow: false,
     deeplinkUri: null,
-    increasingLimit: false
+    increasingLimit: false,
+    previousStep: null
   };
 }
 function paymentReducer(state, action) {
@@ -2203,7 +2204,7 @@ function paymentReducer(state, action) {
       };
     // ── Navigation & error ───────────────────────────────────────
     case "NAVIGATE":
-      return { ...state, step: action.step, error: null };
+      return { ...state, step: action.step, previousStep: state.step, error: null };
     case "SET_ERROR":
       return { ...state, error: action.error };
     // ── Lifecycle ────────────────────────────────────────────────
@@ -5625,6 +5626,8 @@ function StepRenderer({
   handlers
 }) {
   const { step } = state;
+  const selectedWallet = selectedAccount?.wallets.find((w) => w.id === state.selectedWalletId);
+  const selectedSourceLabel = selectedSource && selectedWallet ? `${selectedSource.token.symbol} on ${selectedWallet.chain.name}` : void 0;
   if (!ready) {
     return /* @__PURE__ */ jsxRuntime.jsx(SwypeLoadingScreen, {});
   }
@@ -5740,6 +5743,8 @@ function StepRenderer({
         onSetupOneTap: handlers.onSetupOneTap,
         onBack: () => handlers.onNavigate("deposit"),
         onLogout: handlers.onLogout,
+        onAdvanced: handlers.onSelectToken,
+        selectedSourceLabel,
         loading: savingOneTapLimit,
         error: state.error
       }
@@ -5802,7 +5807,7 @@ function StepRenderer({
         chains: state.chains,
         onSelectAuthorized: handlers.onSelectAuthorizedToken,
         onAuthorizeToken: handlers.onAuthorizeToken,
-        onBack: () => handlers.onNavigate("deposit")
+        onBack: () => handlers.onNavigate(state.previousStep === "setup" ? "setup" : "deposit")
       }
     );
   }
@@ -7156,6 +7161,20 @@ function SwypePaymentInner({
       return;
     }
     if (initializedSelectSourceActionRef.current === pendingSelectSourceAction.id) return;
+    const options = pendingSelectSourceAction.metadata?.options ?? [];
+    if (pendingTokenAuthRef.current) {
+      const { tokenAddress, chainId } = pendingTokenAuthRef.current;
+      const chainIdHex = `0x${chainId.toString(16)}`;
+      const match = options.find(
+        (opt) => opt.tokenAddress.toLowerCase() === tokenAddress.toLowerCase() && opt.chainId.toLowerCase() === chainIdHex.toLowerCase()
+      );
+      if (match) {
+        setSelectSourceChainName(match.chainName);
+        setSelectSourceTokenSymbol(match.tokenSymbol);
+        initializedSelectSourceActionRef.current = pendingSelectSourceAction.id;
+        return;
+      }
+    }
     const hasRecommended = !!selectSourceRecommended && selectSourceChoices.some(
       (chain) => chain.chainName === selectSourceRecommended.chainName && chain.tokens.some((t) => t.tokenSymbol === selectSourceRecommended.tokenSymbol)
     );
@@ -7173,37 +7192,13 @@ function SwypePaymentInner({
   }, [pendingSelectSourceAction, selectSourceChoices, selectSourceRecommended]);
   react.useEffect(() => {
     if (pendingSelectSourceAction && (state.step === "processing" || state.step === "open-wallet" || state.step === "setup-status")) {
-      if (state.step === "setup-status") {
-        const recommended = selectSourceRecommended;
-        if (recommended) {
-          authExecutor.resolveSelectSource(recommended);
-        } else {
-          authExecutor.resolveSelectSource({ chainName: "Base", tokenSymbol: "USDC" });
-        }
-      } else {
-        preSelectSourceStepRef.current = state.step;
-        dispatch({ type: "NAVIGATE", step: "select-source" });
-      }
+      preSelectSourceStepRef.current = state.step;
+      dispatch({ type: "NAVIGATE", step: "select-source" });
     } else if (!pendingSelectSourceAction && state.step === "select-source") {
       dispatch({ type: "NAVIGATE", step: preSelectSourceStepRef.current ?? "processing" });
       preSelectSourceStepRef.current = null;
     }
-  }, [pendingSelectSourceAction, state.step, selectSourceRecommended, authExecutor]);
-  react.useEffect(() => {
-    if (!pendingSelectSourceAction || !pendingTokenAuthRef.current) return;
-    const { tokenAddress, chainId } = pendingTokenAuthRef.current;
-    const chainIdHex = `0x${chainId.toString(16)}`;
-    const options = pendingSelectSourceAction.metadata?.options ?? [];
-    const match = options.find(
-      (opt) => opt.tokenAddress.toLowerCase() === tokenAddress.toLowerCase() && opt.chainId.toLowerCase() === chainIdHex.toLowerCase()
-    );
-    if (match) {
-      authExecutor.resolveSelectSource({
-        chainName: match.chainName,
-        tokenSymbol: match.tokenSymbol
-      });
-    }
-  }, [pendingSelectSourceAction, authExecutor]);
+  }, [pendingSelectSourceAction, state.step, authExecutor]);
   const pendingOneTapSetupAction = authExecutor.pendingOneTapSetup;
   const preOneTapSetupStepRef = react.useRef(null);
   react.useEffect(() => {