@swype-org/react-sdk 0.1.53 → 0.1.56

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
       }
     ],
@@ -1895,6 +1895,7 @@ var containerStyle5 = {
   width: "100%"
 };
 var inputStyle = (tokens, filled) => ({
+  boxSizing: "border-box",
   width: 44,
   maxWidth: "calc((100% - 40px) / 6)",
   height: 52,
@@ -4010,7 +4011,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) {
@@ -4253,6 +4276,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();
@@ -4268,7 +4305,7 @@ function SwypePaymentInner({
           return;
         }
         if (activeCredentialId && allPasskeys.some((p) => p.credentialId === activeCredentialId)) {
-          setStep("deposit");
+          restoreOrDeposit();
           return;
         }
         if (cancelled) return;
@@ -4278,7 +4315,7 @@ function SwypePaymentInner({
         if (matched) {
           setActiveCredentialId(matched);
           window.localStorage.setItem(ACTIVE_CREDENTIAL_STORAGE_KEY, matched);
-          setStep("deposit");
+          restoreOrDeposit();
           return;
         }
         setStep("create-passkey");
@@ -4348,10 +4385,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.");
@@ -4389,13 +4428,15 @@ function SwypePaymentInner({
     if (!polledTransfer || polledTransfer.status !== "AUTHORIZED") return;
     if (mobileSetupFlowRef.current) {
       mobileSetupFlowRef.current = false;
-      setMobileFlow(false);
+      clearMobileFlowState();
       setDeeplinkUri(null);
       polling.stopPolling();
       setTransfer(polledTransfer);
       reloadAccounts().catch(() => {
+      }).then(() => {
+        setMobileFlow(false);
+        setStep("deposit");
       });
-      setStep("deposit");
       return;
     }
     if (transferSigning.signing) return;
@@ -4405,6 +4446,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";
@@ -4599,6 +4642,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;
           }
@@ -4715,6 +4764,7 @@ function SwypePaymentInner({
     [accounts]
   );
   const handleNewPayment = react.useCallback(() => {
+    clearMobileFlowState();
     setStep("deposit");
     setTransfer(null);
     setError(null);
@@ -4733,6 +4783,7 @@ function SwypePaymentInner({
       await logout();
     } catch {
     }
+    clearMobileFlowState();
     if (typeof window !== "undefined") {
       window.localStorage.removeItem(ACTIVE_CREDENTIAL_STORAGE_KEY);
     }