@swype-org/react-sdk 0.1.52 → 0.1.55

package/dist/index.cjs

@@ -215,7 +215,7 @@ async function createTransfer(apiBaseUrl, token, params) {
     destinations: [
       {
         chainId: params.destination.chainId,
-        token: { symbol: params.destination.token.symbol },
+        token: { address: params.destination.token.address },
         address: params.destination.address
       }
     ],
@@ -1908,8 +1908,7 @@ var inputStyle = (tokens, filled) => ({
   textAlign: "center",
   outline: "none",
   caretColor: tokens.borderFocus,
-  transition: "border-color 0.15s ease",
-  flexShrink: 0
+  transition: "border-color 0.15s ease"
 });
 function LimitSlider({
   value,
@@ -4011,7 +4010,29 @@ function isInIframe() {
   }
 }
 var ACTIVE_CREDENTIAL_STORAGE_KEY = "swype_active_credential_id";
+var MOBILE_FLOW_STORAGE_KEY = "swype_mobile_flow";
 var MIN_SEND_AMOUNT_USD = 0.25;
+function persistMobileFlowState(data) {
+  try {
+    sessionStorage.setItem(MOBILE_FLOW_STORAGE_KEY, JSON.stringify(data));
+  } catch {
+  }
+}
+function loadMobileFlowState() {
+  try {
+    const raw = sessionStorage.getItem(MOBILE_FLOW_STORAGE_KEY);
+    if (!raw) return null;
+    return JSON.parse(raw);
+  } catch {
+    return null;
+  }
+}
+function clearMobileFlowState() {
+  try {
+    sessionStorage.removeItem(MOBILE_FLOW_STORAGE_KEY);
+  } catch {
+  }
+}
 function computeSmartDefaults(accts, transferAmount) {
   if (accts.length === 0) return null;
   for (const acct of accts) {
@@ -4230,6 +4251,11 @@ function SwypePaymentInner({
       setError(err instanceof Error ? err.message : "Failed to verify code");
     }
   }, [verificationTarget, otpCode, loginWithEmailCode, loginWithSmsCode]);
+  react.useEffect(() => {
+    if (step === "otp-verify" && /^\d{6}$/.test(otpCode.trim()) && activeOtpStatus !== "submitting-code") {
+      handleVerifyLoginCode();
+    }
+  }, [otpCode, step, activeOtpStatus, handleVerifyLoginCode]);
   const handleResendLoginCode = react.useCallback(async () => {
     if (!verificationTarget) return;
     setError(null);
@@ -4249,6 +4275,20 @@ function SwypePaymentInner({
     let cancelled = false;
     setError(null);
     resetHeadlessLogin();
+    const restoreOrDeposit = () => {
+      const persisted = loadMobileFlowState();
+      if (persisted) {
+        setMobileFlow(true);
+        setDeeplinkUri(persisted.deeplinkUri);
+        setSelectedProviderId(persisted.providerId);
+        pollingTransferIdRef.current = persisted.transferId;
+        mobileSetupFlowRef.current = persisted.isSetup;
+        setStep("open-wallet");
+        polling.startPolling(persisted.transferId);
+      } else {
+        setStep("deposit");
+      }
+    };
     const checkPasskey = async () => {
       try {
         const token = await getAccessToken();
@@ -4264,7 +4304,7 @@ function SwypePaymentInner({
           return;
         }
         if (activeCredentialId && allPasskeys.some((p) => p.credentialId === activeCredentialId)) {
-          setStep("deposit");
+          restoreOrDeposit();
           return;
         }
         if (cancelled) return;
@@ -4274,7 +4314,7 @@ function SwypePaymentInner({
         if (matched) {
           setActiveCredentialId(matched);
           window.localStorage.setItem(ACTIVE_CREDENTIAL_STORAGE_KEY, matched);
-          setStep("deposit");
+          restoreOrDeposit();
           return;
         }
         setStep("create-passkey");
@@ -4344,10 +4384,12 @@ function SwypePaymentInner({
   react.useEffect(() => {
     if (!polling.transfer) return;
     if (polling.transfer.status === "COMPLETED") {
+      clearMobileFlowState();
       setStep("success");
       setTransfer(polling.transfer);
       onComplete?.(polling.transfer);
     } else if (polling.transfer.status === "FAILED") {
+      clearMobileFlowState();
       setStep("success");
       setTransfer(polling.transfer);
       setError("Transfer failed.");
@@ -4385,6 +4427,7 @@ function SwypePaymentInner({
     if (!polledTransfer || polledTransfer.status !== "AUTHORIZED") return;
     if (mobileSetupFlowRef.current) {
       mobileSetupFlowRef.current = false;
+      clearMobileFlowState();
       setMobileFlow(false);
       setDeeplinkUri(null);
       polling.stopPolling();
@@ -4401,6 +4444,8 @@ function SwypePaymentInner({
       try {
         const signedTransfer = await transferSigning.signTransfer(polledTransfer.id);
         setTransfer(signedTransfer);
+        clearMobileFlowState();
+        setStep("processing");
       } catch (err) {
         mobileSigningTransferIdRef.current = null;
         const msg = err instanceof Error ? err.message : "Failed to sign transfer";
@@ -4595,6 +4640,12 @@ function SwypePaymentInner({
           polling.startPolling(t.id);
           setDeeplinkUri(uri);
           setStep("open-wallet");
+          persistMobileFlowState({
+            transferId: t.id,
+            deeplinkUri: uri,
+            providerId: selectedProviderId,
+            isSetup: mobileSetupFlowRef.current
+          });
           if (!isInIframe()) {
             window.location.href = uri;
           }
@@ -4711,6 +4762,7 @@ function SwypePaymentInner({
     [accounts]
   );
   const handleNewPayment = react.useCallback(() => {
+    clearMobileFlowState();
     setStep("deposit");
     setTransfer(null);
     setError(null);
@@ -4729,6 +4781,7 @@ function SwypePaymentInner({
       await logout();
     } catch {
     }
+    clearMobileFlowState();
     if (typeof window !== "undefined") {
       window.localStorage.removeItem(ACTIVE_CREDENTIAL_STORAGE_KEY);
     }