@swype-org/react-sdk 0.1.85 → 0.1.87

package/dist/index.cjs

@@ -167,6 +167,7 @@ __export(api_exports, {
   fetchUserConfig: () => fetchUserConfig,
   registerPasskey: () => registerPasskey,
   reportActionCompletion: () => reportActionCompletion,
+  reportPasskeyActivity: () => reportPasskeyActivity,
   signTransfer: () => signTransfer,
   updateUserConfig: () => updateUserConfig,
   updateUserConfigBySession: () => updateUserConfigBySession
@@ -289,6 +290,17 @@ async function registerPasskey(apiBaseUrl, token, credentialId, publicKey) {
   });
   if (!res.ok) await throwApiError(res);
 }
+async function reportPasskeyActivity(apiBaseUrl, token, credentialId) {
+  const res = await fetch(`${apiBaseUrl}/v1/users/config/passkey`, {
+    method: "PATCH",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${token}`
+    },
+    body: JSON.stringify({ credentialId })
+  });
+  if (!res.ok) await throwApiError(res);
+}
 async function fetchUserConfig(apiBaseUrl, token) {
   const res = await fetch(`${apiBaseUrl}/v1/users/config`, {
     headers: { Authorization: `Bearer ${token}` }
@@ -792,7 +804,12 @@ var VERIFY_POPUP_TIMEOUT_MS = 6e4;
 function findDevicePasskeyViaPopup(options) {
   return new Promise((resolve, reject) => {
     const channelId = `swype-pv-${Date.now()}-${Math.random().toString(36).slice(2)}`;
-    const payload = { ...options, channelId };
+    const verificationToken = crypto.randomUUID();
+    const payload = {
+      ...options,
+      channelId,
+      verificationToken
+    };
     const encoded = btoa(JSON.stringify(payload));
     const popupUrl = `${window.location.origin}/passkey-verify#${encoded}`;
     const popup = window.open(popupUrl, "swype-passkey-verify");
@@ -812,7 +829,15 @@ function findDevicePasskeyViaPopup(options) {
         setTimeout(() => {
           if (!settled) {
             cleanup();
-            resolve(null);
+            checkServerForVerifiedPasskey(
+              options.authToken,
+              options.apiBaseUrl,
+              verificationToken
+            ).then((credentialId) => {
+              resolve(credentialId);
+            }).catch(() => {
+              resolve(null);
+            });
           }
         }, POPUP_CLOSED_GRACE_MS);
       }
@@ -848,6 +873,17 @@ function findDevicePasskeyViaPopup(options) {
     }
   });
 }
+async function checkServerForVerifiedPasskey(authToken, apiBaseUrl, verificationToken) {
+  if (!authToken || !apiBaseUrl) return null;
+  const res = await fetch(`${apiBaseUrl}/v1/users/config`, {
+    headers: { Authorization: `Bearer ${authToken}` }
+  });
+  if (!res.ok) return null;
+  const body = await res.json();
+  const passkeys = body.config.passkeys ?? [];
+  const matched = passkeys.find((p) => p.lastVerificationToken === verificationToken);
+  return matched?.credentialId ?? null;
+}
 async function checkServerForNewPasskey(authToken, apiBaseUrl, existingCredentialIds) {
   if (!authToken || !apiBaseUrl) return null;
   const res = await fetch(`${apiBaseUrl}/v1/users/config`, {
@@ -5052,6 +5088,8 @@ function SwypePaymentInner({
         if (matched) {
           setActiveCredentialId(matched);
           window.localStorage.setItem(ACTIVE_CREDENTIAL_STORAGE_KEY, matched);
+          reportPasskeyActivity(apiBaseUrl, token, matched).catch(() => {
+          });
           await restoreOrDeposit(matched, token);
           return;
         }
@@ -5577,13 +5615,20 @@ function SwypePaymentInner({
     setVerifyingPasskeyPopup(true);
     setError(null);
     try {
+      const token = await getAccessToken();
       const matched = await findDevicePasskeyViaPopup({
         credentialIds: knownCredentialIds,
-        rpId: resolvePasskeyRpId()
+        rpId: resolvePasskeyRpId(),
+        authToken: token ?? void 0,
+        apiBaseUrl
       });
       if (matched) {
         setActiveCredentialId(matched);
         window.localStorage.setItem(ACTIVE_CREDENTIAL_STORAGE_KEY, matched);
+        if (token) {
+          reportPasskeyActivity(apiBaseUrl, token, matched).catch(() => {
+          });
+        }
         setStep("login");
       } else {
         setStep("create-passkey");
@@ -5593,7 +5638,7 @@ function SwypePaymentInner({
     } finally {
       setVerifyingPasskeyPopup(false);
     }
-  }, [knownCredentialIds]);
+  }, [knownCredentialIds, getAccessToken, apiBaseUrl]);
   const handleSelectProvider = react.useCallback((providerId) => {
     setSelectedProviderId(providerId);
     setSelectedAccountId(null);