@swype-org/react-sdk 0.1.19 → 0.1.20

package/dist/index.cjs

@@ -701,7 +701,7 @@ function parseSignTypedDataPayload(typedData) {
 function getPendingActions(session, completedIds) {
   return session.actions.filter((a) => a.status === "PENDING" && !completedIds.has(a.id)).sort((a, b) => a.orderIndex - b.orderIndex);
 }
-async function createPasskeyCredential(userIdentifier) {
+async function createPasskeyCredential(params) {
   const challenge = new Uint8Array(32);
   crypto.getRandomValues(challenge);
   const rpId = resolvePasskeyRpId();
@@ -711,9 +711,9 @@ async function createPasskeyCredential(userIdentifier) {
       challenge,
       rp: { name: "Swype", id: rpId },
       user: {
-        id: new TextEncoder().encode(userIdentifier),
-        name: userIdentifier,
-        displayName: "Swype User"
+        id: new TextEncoder().encode(params.userId),
+        name: params.displayName,
+        displayName: params.displayName
       },
       pubKeyCredParams: [
         { alg: -7, type: "public-key" },
@@ -2118,7 +2118,7 @@ function SwypePayment({
   useWalletConnector
 }) {
   const { apiBaseUrl, tokens, depositAmount } = useSwypeConfig();
-  const { ready, authenticated, login, logout, getAccessToken } = reactAuth.usePrivy();
+  const { ready, authenticated, user, login, logout, getAccessToken } = reactAuth.usePrivy();
   const [step, setStep] = react.useState("login");
   const [error, setError] = react.useState(null);
   const [providers, setProviders] = react.useState([]);
@@ -2169,28 +2169,34 @@ function SwypePayment({
         if (!token || cancelled) return;
         const { config } = await fetchUserConfig(apiBaseUrl, token);
         if (cancelled) return;
-        if (config.passkey?.credentialId) {
-          const hasKey = activeCredentialId ? activeCredentialId === config.passkey.credentialId : await deviceHasPasskey(config.passkey.credentialId);
+        const allPasskeys = config.passkeys ?? (config.passkey ? [config.passkey] : []);
+        if (allPasskeys.length === 0) {
+          setStep("register-passkey");
+          return;
+        }
+        if (activeCredentialId && allPasskeys.some((p) => p.credentialId === activeCredentialId)) {
+          if (depositAmount != null && depositAmount > 0) {
+            setStep("ready");
+          } else {
+            setStep("enter-amount");
+          }
+          return;
+        }
+        for (const pk of allPasskeys) {
           if (cancelled) return;
-          if (hasKey) {
-            if (!activeCredentialId) {
-              setActiveCredentialId(config.passkey.credentialId);
-              window.localStorage.setItem(
-                ACTIVE_CREDENTIAL_STORAGE_KEY,
-                config.passkey.credentialId
-              );
-            }
+          if (await deviceHasPasskey(pk.credentialId)) {
+            setActiveCredentialId(pk.credentialId);
+            window.localStorage.setItem(ACTIVE_CREDENTIAL_STORAGE_KEY, pk.credentialId);
             if (depositAmount != null && depositAmount > 0) {
               setStep("ready");
             } else {
               setStep("enter-amount");
             }
-          } else {
-            setStep("register-passkey");
+            return;
           }
-        } else {
-          setStep("register-passkey");
         }
+        if (cancelled) return;
+        setStep("register-passkey");
       } catch {
         if (!cancelled) {
           if (depositAmount != null && depositAmount > 0) {
@@ -2705,7 +2711,11 @@ function SwypePayment({
       try {
         const token = await getAccessToken();
         if (!token) throw new Error("Not authenticated");
-        const { credentialId, publicKey } = await createPasskeyCredential("Swype User");
+        const passkeyDisplayName = user?.email?.address ?? user?.google?.name ?? user?.id ?? "Swype User";
+        const { credentialId, publicKey } = await createPasskeyCredential({
+          userId: user?.id ?? "unknown",
+          displayName: passkeyDisplayName
+        });
         await registerPasskey(apiBaseUrl, token, credentialId, publicKey);
         setActiveCredentialId(credentialId);
         window.localStorage.setItem(ACTIVE_CREDENTIAL_STORAGE_KEY, credentialId);