@swype-org/react-sdk 0.1.124 → 0.1.126

package/dist/index.js

@@ -5613,6 +5613,7 @@ function StepRenderer({
   otpCode,
   selectSourceChainName,
   selectSourceTokenSymbol,
+  savingOneTapLimit,
   merchantName,
   onBack,
   onDismiss,
@@ -5736,7 +5737,7 @@ function StepRenderer({
         onSetupOneTap: handlers.onSetupOneTap,
         onBack: () => handlers.onNavigate("deposit"),
         onLogout: handlers.onLogout,
-        loading: state.creatingTransfer,
+        loading: savingOneTapLimit,
         error: state.error
       }
     );
@@ -6013,6 +6014,7 @@ function SwypePaymentInner({
   const [otpCode, setOtpCode] = useState("");
   const [selectSourceChainName, setSelectSourceChainName] = useState("");
   const [selectSourceTokenSymbol, setSelectSourceTokenSymbol] = useState("");
+  const [savingOneTapLimit, setSavingOneTapLimit] = useState(false);
   const authExecutor = useAuthorizationExecutor();
   const polling = useTransferPolling();
   pollingRef.current = polling;
@@ -6641,6 +6643,7 @@ function SwypePaymentInner({
     [state.accounts, depositAmount]
   );
   const handleSetupOneTap = useCallback(async (limit) => {
+    setSavingOneTapLimit(true);
     try {
       const token = await getAccessToken();
       if (!token) throw new Error("Not authenticated");
@@ -6656,6 +6659,8 @@ function SwypePaymentInner({
         type: "SET_ERROR",
         error: err instanceof Error ? err.message : "Failed to save One-Tap limit"
       });
+    } finally {
+      setSavingOneTapLimit(false);
     }
   }, [getAccessToken, apiBaseUrl, authExecutor]);
   const handleNewPayment = useCallback(() => {
@@ -7192,12 +7197,14 @@ function SwypePaymentInner({
   useEffect(() => {
     if (pendingOneTapSetupAction && state.step === "setup-status") {
       preOneTapSetupStepRef.current = state.step;
-      dispatch({ type: "NAVIGATE", step: "setup" });
+      reloadAccounts().then(() => {
+        dispatch({ type: "NAVIGATE", step: "setup" });
+      });
     } else if (!pendingOneTapSetupAction && state.step === "setup" && preOneTapSetupStepRef.current) {
       dispatch({ type: "NAVIGATE", step: preOneTapSetupStepRef.current });
       preOneTapSetupStepRef.current = null;
     }
-  }, [pendingOneTapSetupAction, state.step]);
+  }, [pendingOneTapSetupAction, state.step, reloadAccounts]);
   const handlers = useMemo(() => ({
     onSendLoginCode: handleSendLoginCode,
     onVerifyLoginCode: handleVerifyLoginCode,
@@ -7281,6 +7288,7 @@ function SwypePaymentInner({
       otpCode,
       selectSourceChainName,
       selectSourceTokenSymbol,
+      savingOneTapLimit,
       merchantName,
       onBack,
       onDismiss,