@swype-org/react-sdk 0.1.123 → 0.1.125

package/dist/index.cjs

@@ -1436,6 +1436,22 @@ function useAuthorizationExecutor(options) {
     }),
     []
   );
+  const [pendingOneTapSetup, setPendingOneTapSetup] = react.useState(null);
+  const oneTapSetupResolverRef = react.useRef(null);
+  const resolveOneTapSetup = react.useCallback(() => {
+    if (oneTapSetupResolverRef.current) {
+      oneTapSetupResolverRef.current();
+      oneTapSetupResolverRef.current = null;
+      setPendingOneTapSetup(null);
+    }
+  }, []);
+  const waitForOneTapSetup = react.useCallback(
+    (action) => new Promise((resolve) => {
+      oneTapSetupResolverRef.current = resolve;
+      setPendingOneTapSetup(action);
+    }),
+    []
+  );
   const dispatchAction = react.useCallback(
     async (action) => {
       setCurrentAction(action);
@@ -1450,13 +1466,23 @@ function useAuthorizationExecutor(options) {
           return executeApprovePermit2(action, wagmiConfig2);
         case "DEPLOY_SMART_ACCOUNT":
           return actionSuccess(action, "Smart account deployment acknowledged.");
-        case "SIGN_PERMIT2":
-          return executeSignPermit2(action, wagmiConfig2, apiBaseUrl ?? "", sessionIdRef.current);
+        case "SIGN_PERMIT2": {
+          let resolvedAction = action;
+          if (action.metadata?.awaitingLimit) {
+            await waitForOneTapSetup(action);
+            if (apiBaseUrl && sessionIdRef.current) {
+              const session = await fetchAuthorizationSession(apiBaseUrl, sessionIdRef.current);
+              const refreshed = session.actions.find((a) => a.id === action.id);
+              if (refreshed) resolvedAction = refreshed;
+            }
+          }
+          return executeSignPermit2(resolvedAction, wagmiConfig2, apiBaseUrl ?? "", sessionIdRef.current);
+        }
         default:
           return actionError(action, `Unsupported action type: ${action.type}`);
       }
     },
-    [wagmiConfig2, connectors, connectAsync, switchChainAsync, apiBaseUrl, waitForSelection]
+    [wagmiConfig2, connectors, connectAsync, switchChainAsync, apiBaseUrl, waitForSelection, waitForOneTapSetup]
   );
   const executeSessionById = react.useCallback(
     async (sessionId) => {
@@ -1527,6 +1553,8 @@ function useAuthorizationExecutor(options) {
     currentAction,
     pendingSelectSource,
     resolveSelectSource,
+    pendingOneTapSetup,
+    resolveOneTapSetup,
     executeSessionById
   };
 }
@@ -5588,6 +5616,7 @@ function StepRenderer({
   otpCode,
   selectSourceChainName,
   selectSourceTokenSymbol,
+  savingOneTapLimit,
   merchantName,
   onBack,
   onDismiss,
@@ -5711,7 +5740,7 @@ function StepRenderer({
         onSetupOneTap: handlers.onSetupOneTap,
         onBack: () => handlers.onNavigate("deposit"),
         onLogout: handlers.onLogout,
-        loading: state.creatingTransfer,
+        loading: savingOneTapLimit,
         error: state.error
       }
     );
@@ -5988,6 +6017,7 @@ function SwypePaymentInner({
   const [otpCode, setOtpCode] = react.useState("");
   const [selectSourceChainName, setSelectSourceChainName] = react.useState("");
   const [selectSourceTokenSymbol, setSelectSourceTokenSymbol] = react.useState("");
+  const [savingOneTapLimit, setSavingOneTapLimit] = react.useState(false);
   const authExecutor = useAuthorizationExecutor();
   const polling = useTransferPolling();
   pollingRef.current = polling;
@@ -6571,7 +6601,7 @@ function SwypePaymentInner({
       } else {
         await authExecutor.executeSessionById(session.id);
         await reloadAccounts();
-        dispatch({ type: "NAVIGATE", step: "setup" });
+        dispatch({ type: "NAVIGATE", step: "deposit" });
       }
     } catch (err) {
       captureException(err);
@@ -6616,19 +6646,26 @@ function SwypePaymentInner({
     [state.accounts, depositAmount]
   );
   const handleSetupOneTap = react.useCallback(async (limit) => {
+    setSavingOneTapLimit(true);
     try {
       const token = await getAccessToken();
       if (!token) throw new Error("Not authenticated");
       await updateUserConfig(apiBaseUrl, token, { defaultAllowance: limit });
-      dispatch({ type: "NAVIGATE", step: "deposit" });
+      if (authExecutor.pendingOneTapSetup) {
+        authExecutor.resolveOneTapSetup();
+      } else {
+        dispatch({ type: "NAVIGATE", step: "deposit" });
+      }
     } catch (err) {
       captureException(err);
       dispatch({
         type: "SET_ERROR",
         error: err instanceof Error ? err.message : "Failed to save One-Tap limit"
       });
+    } finally {
+      setSavingOneTapLimit(false);
     }
-  }, [getAccessToken, apiBaseUrl]);
+  }, [getAccessToken, apiBaseUrl, authExecutor]);
   const handleNewPayment = react.useCallback(() => {
     clearMobileFlowState();
     processingStartedAtRef.current = null;
@@ -7158,6 +7195,17 @@ function SwypePaymentInner({
       });
     }
   }, [pendingSelectSourceAction, authExecutor]);
+  const pendingOneTapSetupAction = authExecutor.pendingOneTapSetup;
+  const preOneTapSetupStepRef = react.useRef(null);
+  react.useEffect(() => {
+    if (pendingOneTapSetupAction && state.step === "setup-status") {
+      preOneTapSetupStepRef.current = state.step;
+      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]);
   const handlers = react.useMemo(() => ({
     onSendLoginCode: handleSendLoginCode,
     onVerifyLoginCode: handleVerifyLoginCode,
@@ -7241,6 +7289,7 @@ function SwypePaymentInner({
       otpCode,
       selectSourceChainName,
       selectSourceTokenSymbol,
+      savingOneTapLimit,
       merchantName,
       onBack,
       onDismiss,