@swype-org/react-sdk 0.1.9 → 0.1.10

package/dist/index.d.cts

@@ -387,8 +387,9 @@ declare function useTransferSigning(pollIntervalMs?: number, options?: UseTransf
 
 declare function fetchProviders(apiBaseUrl: string, token: string): Promise<Provider[]>;
 declare function fetchChains(apiBaseUrl: string, token: string): Promise<Chain[]>;
-declare function fetchAccounts(apiBaseUrl: string, token: string): Promise<Account[]>;
+declare function fetchAccounts(apiBaseUrl: string, token: string, credentialId: string): Promise<Account[]>;
 interface CreateTransferParams {
+    credentialId: string;
     sourceType: SourceType;
     sourceId: string;
     destination: Destination;

package/dist/index.d.ts

@@ -387,8 +387,9 @@ declare function useTransferSigning(pollIntervalMs?: number, options?: UseTransf
 
 declare function fetchProviders(apiBaseUrl: string, token: string): Promise<Provider[]>;
 declare function fetchChains(apiBaseUrl: string, token: string): Promise<Chain[]>;
-declare function fetchAccounts(apiBaseUrl: string, token: string): Promise<Account[]>;
+declare function fetchAccounts(apiBaseUrl: string, token: string, credentialId: string): Promise<Account[]>;
 interface CreateTransferParams {
+    credentialId: string;
     sourceType: SourceType;
     sourceId: string;
     destination: Destination;

package/dist/index.js

@@ -175,8 +175,9 @@ async function fetchChains(apiBaseUrl, token) {
   const data = await res.json();
   return data.items;
 }
-async function fetchAccounts(apiBaseUrl, token) {
-  const res = await fetch(`${apiBaseUrl}/v1/accounts`, {
+async function fetchAccounts(apiBaseUrl, token, credentialId) {
+  const params = new URLSearchParams({ credentialId });
+  const res = await fetch(`${apiBaseUrl}/v1/accounts?${params.toString()}`, {
     headers: { Authorization: `Bearer ${token}` }
   });
   if (!res.ok) await throwApiError(res);
@@ -186,6 +187,7 @@ async function fetchAccounts(apiBaseUrl, token) {
 async function createTransfer(apiBaseUrl, token, params) {
   const body = {
     id: crypto.randomUUID(),
+    credentialId: params.credentialId,
     sources: [{ [params.sourceType]: params.sourceId }],
     destinations: [
       {
@@ -1931,6 +1933,7 @@ function AdvancedSettings({
     )
   ] });
 }
+var ACTIVE_CREDENTIAL_STORAGE_KEY = "swype_active_credential_id";
 function isMobile() {
   if (typeof navigator === "undefined") return false;
   return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
@@ -2034,6 +2037,10 @@ function SwypePayment({
   const [transfer, setTransfer] = useState(null);
   const [creatingTransfer, setCreatingTransfer] = useState(false);
   const [registeringPasskey, setRegisteringPasskey] = useState(false);
+  const [activeCredentialId, setActiveCredentialId] = useState(() => {
+    if (typeof window === "undefined") return null;
+    return window.localStorage.getItem(ACTIVE_CREDENTIAL_STORAGE_KEY);
+  });
   const [mobileFlow, setMobileFlow] = useState(false);
   const pollingTransferIdRef = useRef(null);
   const [selectSourceChainName, setSelectSourceChainName] = useState("");
@@ -2058,7 +2065,7 @@ function SwypePayment({
         if (!token || cancelled) return;
         const { config } = await fetchUserConfig(apiBaseUrl, token);
         if (cancelled) return;
-        if (!config.passkey) {
+        if (!config.passkey || !activeCredentialId) {
           setStep("register-passkey");
         } else if (depositAmount != null && depositAmount > 0) {
           setStep("ready");
@@ -2079,7 +2086,7 @@ function SwypePayment({
     return () => {
       cancelled = true;
     };
-  }, [ready, authenticated, step, depositAmount, apiBaseUrl, getAccessToken]);
+  }, [ready, authenticated, step, depositAmount, apiBaseUrl, getAccessToken, activeCredentialId]);
   const loadingDataRef = useRef(false);
   useEffect(() => {
     if (!authenticated) return;
@@ -2090,11 +2097,15 @@ function SwypePayment({
       setLoadingData(true);
       setError(null);
       try {
+        if (!activeCredentialId) {
+          setStep("register-passkey");
+          return;
+        }
         const token = await getAccessToken();
         if (!token) throw new Error("Not authenticated");
         const [prov, accts, chn] = await Promise.all([
           fetchProviders(apiBaseUrl, token),
-          fetchAccounts(apiBaseUrl, token),
+          fetchAccounts(apiBaseUrl, token, activeCredentialId),
           fetchChains(apiBaseUrl, token)
         ]);
         if (cancelled) return;
@@ -2126,7 +2137,7 @@ function SwypePayment({
       cancelled = true;
       loadingDataRef.current = false;
     };
-  }, [authenticated, accounts.length, apiBaseUrl, getAccessToken]);
+  }, [authenticated, accounts.length, apiBaseUrl, getAccessToken, activeCredentialId]);
   useEffect(() => {
     if (!polling.transfer) return;
     if (polling.transfer.status === "COMPLETED") {
@@ -2200,6 +2211,11 @@ function SwypePayment({
       setError("No account or provider selected.");
       return;
     }
+    if (!activeCredentialId) {
+      setError("Create a passkey on this device before continuing.");
+      setStep("register-passkey");
+      return;
+    }
     setStep("processing");
     setError(null);
     setCreatingTransfer(true);
@@ -2235,6 +2251,7 @@ function SwypePayment({
         }
       }
       const t = await createTransfer(apiBaseUrl, token, {
+        credentialId: activeCredentialId,
         sourceType: effectiveSourceType,
         sourceId: effectiveSourceId,
         destination,
@@ -2268,6 +2285,7 @@ function SwypePayment({
     amount,
     sourceId,
     sourceType,
+    activeCredentialId,
     destination,
     apiBaseUrl,
     getAccessToken,
@@ -2465,6 +2483,8 @@ function SwypePayment({
         if (!token) throw new Error("Not authenticated");
         const { credentialId, publicKey } = await createPasskeyCredential("Swype User");
         await registerPasskey(apiBaseUrl, token, credentialId, publicKey);
+        setActiveCredentialId(credentialId);
+        window.localStorage.setItem(ACTIVE_CREDENTIAL_STORAGE_KEY, credentialId);
         if (depositAmount != null && depositAmount > 0) {
           setStep("ready");
         } else {