@swype-org/react-sdk 0.1.123 → 0.1.125

package/dist/index.d.cts

@@ -582,6 +582,10 @@ interface UseAuthorizationExecutorResult {
     pendingSelectSource: AuthorizationAction | null;
     /** Call this from the UI to provide the user's chain+token choice. */
     resolveSelectSource: (selection: SourceSelection) => void;
+    /** The SIGN_PERMIT2 action when paused for One-Tap limit setup, null otherwise. */
+    pendingOneTapSetup: AuthorizationAction | null;
+    /** Call this from the UI after the user has set their One-Tap limit. */
+    resolveOneTapSetup: () => void;
     /** Execute authorization by session id. */
     executeSessionById: (sessionId: string) => Promise<void>;
 }

package/dist/index.d.ts

@@ -582,6 +582,10 @@ interface UseAuthorizationExecutorResult {
     pendingSelectSource: AuthorizationAction | null;
     /** Call this from the UI to provide the user's chain+token choice. */
     resolveSelectSource: (selection: SourceSelection) => void;
+    /** The SIGN_PERMIT2 action when paused for One-Tap limit setup, null otherwise. */
+    pendingOneTapSetup: AuthorizationAction | null;
+    /** Call this from the UI after the user has set their One-Tap limit. */
+    resolveOneTapSetup: () => void;
     /** Execute authorization by session id. */
     executeSessionById: (sessionId: string) => Promise<void>;
 }

package/dist/index.js

@@ -1433,6 +1433,22 @@ function useAuthorizationExecutor(options) {
     }),
     []
   );
+  const [pendingOneTapSetup, setPendingOneTapSetup] = useState(null);
+  const oneTapSetupResolverRef = useRef(null);
+  const resolveOneTapSetup = useCallback(() => {
+    if (oneTapSetupResolverRef.current) {
+      oneTapSetupResolverRef.current();
+      oneTapSetupResolverRef.current = null;
+      setPendingOneTapSetup(null);
+    }
+  }, []);
+  const waitForOneTapSetup = useCallback(
+    (action) => new Promise((resolve) => {
+      oneTapSetupResolverRef.current = resolve;
+      setPendingOneTapSetup(action);
+    }),
+    []
+  );
   const dispatchAction = useCallback(
     async (action) => {
       setCurrentAction(action);
@@ -1447,13 +1463,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 = useCallback(
     async (sessionId) => {
@@ -1524,6 +1550,8 @@ function useAuthorizationExecutor(options) {
     currentAction,
     pendingSelectSource,
     resolveSelectSource,
+    pendingOneTapSetup,
+    resolveOneTapSetup,
     executeSessionById
   };
 }
@@ -5585,6 +5613,7 @@ function StepRenderer({
   otpCode,
   selectSourceChainName,
   selectSourceTokenSymbol,
+  savingOneTapLimit,
   merchantName,
   onBack,
   onDismiss,
@@ -5708,7 +5737,7 @@ function StepRenderer({
         onSetupOneTap: handlers.onSetupOneTap,
         onBack: () => handlers.onNavigate("deposit"),
         onLogout: handlers.onLogout,
-        loading: state.creatingTransfer,
+        loading: savingOneTapLimit,
         error: state.error
       }
     );
@@ -5985,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;
@@ -6568,7 +6598,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);
@@ -6613,19 +6643,26 @@ function SwypePaymentInner({
     [state.accounts, depositAmount]
   );
   const handleSetupOneTap = 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 = useCallback(() => {
     clearMobileFlowState();
     processingStartedAtRef.current = null;
@@ -7155,6 +7192,17 @@ function SwypePaymentInner({
       });
     }
   }, [pendingSelectSourceAction, authExecutor]);
+  const pendingOneTapSetupAction = authExecutor.pendingOneTapSetup;
+  const preOneTapSetupStepRef = useRef(null);
+  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 = useMemo(() => ({
     onSendLoginCode: handleSendLoginCode,
     onVerifyLoginCode: handleVerifyLoginCode,
@@ -7238,6 +7286,7 @@ function SwypePaymentInner({
       otpCode,
       selectSourceChainName,
       selectSourceTokenSymbol,
+      savingOneTapLimit,
       merchantName,
       onBack,
       onDismiss,