@swype-org/react-sdk 0.1.151 → 0.1.152

package/dist/index.cjs

@@ -3337,7 +3337,7 @@ function PasskeyScreen({
 }) {
   const { tokens } = useSwypeConfig();
   const handleCreate = popupFallback && onCreatePasskeyViaPopup ? onCreatePasskeyViaPopup : onCreatePasskey;
-  const buttonLabel = popupFallback ? "Open passkey window" : "Verify PassKey";
+  const buttonLabel = popupFallback ? "Open Passkey Window" : "Verify Passkey";
   return /* @__PURE__ */ jsxRuntime.jsxs(
     ScreenLayout,
     {
@@ -6047,6 +6047,24 @@ function resolveRestoredMobileFlow(transferStatus, isSetup) {
 function usePasskeyHandlers(dispatch, apiBaseUrl, accounts, knownCredentialIds, mobileSetupFlowRef) {
   const { user, getAccessToken } = reactAuth.usePrivy();
   const checkingPasskeyRef = react.useRef(false);
+  const activateExistingCredential = react.useCallback(async (credentialId) => {
+    dispatch({ type: "PASSKEY_ACTIVATED", credentialId });
+    window.localStorage.setItem(ACTIVE_CREDENTIAL_STORAGE_KEY, credentialId);
+    const token = await getAccessToken();
+    if (token) {
+      reportPasskeyActivity(apiBaseUrl, token, credentialId).catch(() => {
+      });
+    }
+    const resolved = resolvePostAuthStep({
+      hasPasskey: true,
+      accounts,
+      persistedMobileFlow: loadMobileFlowState(),
+      mobileSetupInProgress: mobileSetupFlowRef.current,
+      connectingNewAccount: false
+    });
+    if (resolved.clearPersistedFlow) clearMobileFlowState();
+    dispatch({ type: "NAVIGATE", step: resolved.step });
+  }, [getAccessToken, apiBaseUrl, accounts, mobileSetupFlowRef, dispatch]);
   const completePasskeyRegistration = react.useCallback(async (credentialId, publicKey) => {
     const token = await getAccessToken();
     if (!token) throw new Error("Not authenticated");
@@ -6067,6 +6085,13 @@ function usePasskeyHandlers(dispatch, apiBaseUrl, accounts, knownCredentialIds,
     dispatch({ type: "SET_REGISTERING_PASSKEY", value: true });
     dispatch({ type: "SET_ERROR", error: null });
     try {
+      if (knownCredentialIds.length > 0) {
+        const matched = await findDevicePasskey(knownCredentialIds);
+        if (matched) {
+          await activateExistingCredential(matched);
+          return;
+        }
+      }
       const passkeyDisplayName = user?.email?.address ?? user?.google?.name ?? user?.id ?? "Swype User";
       const { credentialId, publicKey } = await createPasskeyCredential({
         userId: user?.id ?? "unknown",
@@ -6086,12 +6111,24 @@ function usePasskeyHandlers(dispatch, apiBaseUrl, accounts, knownCredentialIds,
     } finally {
       dispatch({ type: "SET_REGISTERING_PASSKEY", value: false });
     }
-  }, [user, completePasskeyRegistration, dispatch]);
+  }, [user, knownCredentialIds, activateExistingCredential, completePasskeyRegistration, dispatch]);
   const handleCreatePasskeyViaPopup = react.useCallback(async () => {
     dispatch({ type: "SET_REGISTERING_PASSKEY", value: true });
     dispatch({ type: "SET_ERROR", error: null });
     try {
       const token = await getAccessToken();
+      if (knownCredentialIds.length > 0) {
+        const matched = await findDevicePasskeyViaPopup({
+          credentialIds: knownCredentialIds,
+          rpId: resolvePasskeyRpId(),
+          authToken: token ?? void 0,
+          apiBaseUrl
+        });
+        if (matched) {
+          await activateExistingCredential(matched);
+          return;
+        }
+      }
       const passkeyDisplayName = user?.email?.address ?? user?.google?.name ?? user?.id ?? "Swype User";
       const popupOptions = buildPasskeyPopupOptions({
         userId: user?.id ?? "unknown",
@@ -6120,7 +6157,7 @@ function usePasskeyHandlers(dispatch, apiBaseUrl, accounts, knownCredentialIds,
     } finally {
       dispatch({ type: "SET_REGISTERING_PASSKEY", value: false });
     }
-  }, [user, getAccessToken, apiBaseUrl, accounts, mobileSetupFlowRef, dispatch]);
+  }, [user, knownCredentialIds, getAccessToken, apiBaseUrl, activateExistingCredential, accounts, mobileSetupFlowRef, dispatch]);
   const handleVerifyPasskeyViaPopup = react.useCallback(async () => {
     dispatch({ type: "SET_VERIFYING_PASSKEY", value: true });
     dispatch({ type: "SET_ERROR", error: null });