@swype-org/react-sdk 0.1.53 → 0.1.56

package/dist/index.d.cts

@@ -89,6 +89,7 @@ interface TransferDestination {
     chainId: string;
     address: string;
     token: {
+        address: string;
         symbol: string;
     };
     amount: Amount;
@@ -162,7 +163,7 @@ interface Destination {
     chainId: string;
     address: string;
     token: {
-        symbol: string;
+        address: string;
     };
 }
 /** Merchant-signed authorization envelope required for transfer creation. */

package/dist/index.d.ts

@@ -89,6 +89,7 @@ interface TransferDestination {
     chainId: string;
     address: string;
     token: {
+        address: string;
         symbol: string;
     };
     amount: Amount;
@@ -162,7 +163,7 @@ interface Destination {
     chainId: string;
     address: string;
     token: {
-        symbol: string;
+        address: string;
     };
 }
 /** Merchant-signed authorization envelope required for transfer creation. */

package/dist/index.js

@@ -212,7 +212,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
       }
     ],
@@ -1892,6 +1892,7 @@ var containerStyle5 = {
   width: "100%"
 };
 var inputStyle = (tokens, filled) => ({
+  boxSizing: "border-box",
   width: 44,
   maxWidth: "calc((100% - 40px) / 6)",
   height: 52,
@@ -4007,7 +4008,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) {
@@ -4250,6 +4273,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();
@@ -4265,7 +4302,7 @@ function SwypePaymentInner({
           return;
         }
         if (activeCredentialId && allPasskeys.some((p) => p.credentialId === activeCredentialId)) {
-          setStep("deposit");
+          restoreOrDeposit();
           return;
         }
         if (cancelled) return;
@@ -4275,7 +4312,7 @@ function SwypePaymentInner({
         if (matched) {
           setActiveCredentialId(matched);
           window.localStorage.setItem(ACTIVE_CREDENTIAL_STORAGE_KEY, matched);
-          setStep("deposit");
+          restoreOrDeposit();
           return;
         }
         setStep("create-passkey");
@@ -4345,10 +4382,12 @@ function SwypePaymentInner({
   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.");
@@ -4386,13 +4425,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;
@@ -4402,6 +4443,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";
@@ -4596,6 +4639,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;
           }
@@ -4712,6 +4761,7 @@ function SwypePaymentInner({
     [accounts]
   );
   const handleNewPayment = useCallback(() => {
+    clearMobileFlowState();
     setStep("deposit");
     setTransfer(null);
     setError(null);
@@ -4730,6 +4780,7 @@ function SwypePaymentInner({
       await logout();
     } catch {
     }
+    clearMobileFlowState();
     if (typeof window !== "undefined") {
       window.localStorage.removeItem(ACTIVE_CREDENTIAL_STORAGE_KEY);
     }