@swype-org/react-sdk 0.1.15 → 0.1.16

package/dist/index.d.cts

@@ -308,6 +308,18 @@ declare function createPasskeyCredential(userIdentifier: string): Promise<{
     credentialId: string;
     publicKey: string;
 }>;
+/**
+ * Checks whether the current device's platform authenticator holds a passkey
+ * matching the given credential ID.
+ *
+ * Uses `navigator.credentials.get()` with a throwaway challenge and a short
+ * timeout. If the authenticator responds, the device has the key. If it
+ * throws (NotAllowedError, timeout, etc.), the device does not.
+ *
+ * @param credentialId - Base64-encoded WebAuthn credential ID from the server.
+ * @returns `true` if the device can authenticate with this credential.
+ */
+declare function deviceHasPasskey(credentialId: string): Promise<boolean>;
 interface UseTransferPollingResult {
     transfer: Transfer | null;
     error: string | null;
@@ -449,4 +461,4 @@ declare namespace api {
   export { type api_CreateTransferParams as CreateTransferParams, api_createTransfer as createTransfer, api_fetchAccounts as fetchAccounts, api_fetchAuthorizationSession as fetchAuthorizationSession, api_fetchChains as fetchChains, api_fetchProviders as fetchProviders, api_fetchTransfer as fetchTransfer, api_fetchUserConfig as fetchUserConfig, api_registerPasskey as registerPasskey, api_reportActionCompletion as reportActionCompletion, api_signTransfer as signTransfer, api_updateUserConfig as updateUserConfig, api_updateUserConfigBySession as updateUserConfigBySession };
 }
 
-export { type Account, type ActionExecutionResult, type AdvancedSettings, type Amount, type AuthorizationAction, type AuthorizationSession, type AuthorizationSessionDetail, type Chain, type Destination, type ErrorResponse, type ListResponse, type PaymentStep, type Provider, type SourceOption, type SourceSelection, type SourceType, SwypePayment, type SwypePaymentProps, SwypeProvider, type SwypeProviderProps, type ThemeMode, type ThemeTokens, type TokenBalance, type Transfer, type TransferDestination, type UserConfig, type Wallet, type WalletSource, type WalletToken, createPasskeyCredential, darkTheme, getTheme, lightTheme, api as swypeApi, useAuthorizationExecutor, useSwypeConfig, useSwypeDepositAmount, useTransferPolling, useTransferSigning };
+export { type Account, type ActionExecutionResult, type AdvancedSettings, type Amount, type AuthorizationAction, type AuthorizationSession, type AuthorizationSessionDetail, type Chain, type Destination, type ErrorResponse, type ListResponse, type PaymentStep, type Provider, type SourceOption, type SourceSelection, type SourceType, SwypePayment, type SwypePaymentProps, SwypeProvider, type SwypeProviderProps, type ThemeMode, type ThemeTokens, type TokenBalance, type Transfer, type TransferDestination, type UserConfig, type Wallet, type WalletSource, type WalletToken, createPasskeyCredential, darkTheme, deviceHasPasskey, getTheme, lightTheme, api as swypeApi, useAuthorizationExecutor, useSwypeConfig, useSwypeDepositAmount, useTransferPolling, useTransferSigning };

package/dist/index.d.ts

@@ -308,6 +308,18 @@ declare function createPasskeyCredential(userIdentifier: string): Promise<{
     credentialId: string;
     publicKey: string;
 }>;
+/**
+ * Checks whether the current device's platform authenticator holds a passkey
+ * matching the given credential ID.
+ *
+ * Uses `navigator.credentials.get()` with a throwaway challenge and a short
+ * timeout. If the authenticator responds, the device has the key. If it
+ * throws (NotAllowedError, timeout, etc.), the device does not.
+ *
+ * @param credentialId - Base64-encoded WebAuthn credential ID from the server.
+ * @returns `true` if the device can authenticate with this credential.
+ */
+declare function deviceHasPasskey(credentialId: string): Promise<boolean>;
 interface UseTransferPollingResult {
     transfer: Transfer | null;
     error: string | null;
@@ -449,4 +461,4 @@ declare namespace api {
   export { type api_CreateTransferParams as CreateTransferParams, api_createTransfer as createTransfer, api_fetchAccounts as fetchAccounts, api_fetchAuthorizationSession as fetchAuthorizationSession, api_fetchChains as fetchChains, api_fetchProviders as fetchProviders, api_fetchTransfer as fetchTransfer, api_fetchUserConfig as fetchUserConfig, api_registerPasskey as registerPasskey, api_reportActionCompletion as reportActionCompletion, api_signTransfer as signTransfer, api_updateUserConfig as updateUserConfig, api_updateUserConfigBySession as updateUserConfigBySession };
 }
 
-export { type Account, type ActionExecutionResult, type AdvancedSettings, type Amount, type AuthorizationAction, type AuthorizationSession, type AuthorizationSessionDetail, type Chain, type Destination, type ErrorResponse, type ListResponse, type PaymentStep, type Provider, type SourceOption, type SourceSelection, type SourceType, SwypePayment, type SwypePaymentProps, SwypeProvider, type SwypeProviderProps, type ThemeMode, type ThemeTokens, type TokenBalance, type Transfer, type TransferDestination, type UserConfig, type Wallet, type WalletSource, type WalletToken, createPasskeyCredential, darkTheme, getTheme, lightTheme, api as swypeApi, useAuthorizationExecutor, useSwypeConfig, useSwypeDepositAmount, useTransferPolling, useTransferSigning };
+export { type Account, type ActionExecutionResult, type AdvancedSettings, type Amount, type AuthorizationAction, type AuthorizationSession, type AuthorizationSessionDetail, type Chain, type Destination, type ErrorResponse, type ListResponse, type PaymentStep, type Provider, type SourceOption, type SourceSelection, type SourceType, SwypePayment, type SwypePaymentProps, SwypeProvider, type SwypeProviderProps, type ThemeMode, type ThemeTokens, type TokenBalance, type Transfer, type TransferDestination, type UserConfig, type Wallet, type WalletSource, type WalletToken, createPasskeyCredential, darkTheme, deviceHasPasskey, getTheme, lightTheme, api as swypeApi, useAuthorizationExecutor, useSwypeConfig, useSwypeDepositAmount, useTransferPolling, useTransferSigning };

package/dist/index.js

@@ -735,6 +735,28 @@ async function createPasskeyCredential(userIdentifier) {
     publicKey: publicKeyBytes ? toBase64(publicKeyBytes) : ""
   };
 }
+async function deviceHasPasskey(credentialId) {
+  try {
+    const challenge = new Uint8Array(32);
+    crypto.getRandomValues(challenge);
+    await waitForDocumentFocus();
+    const assertion = await navigator.credentials.get({
+      publicKey: {
+        challenge,
+        rpId: resolvePasskeyRpId(),
+        allowCredentials: [{
+          type: "public-key",
+          id: base64ToBytes(credentialId)
+        }],
+        userVerification: "required",
+        timeout: 3e4
+      }
+    });
+    return assertion != null;
+  } catch {
+    return false;
+  }
+}
 function useTransferPolling(intervalMs = 3e3) {
   const { apiBaseUrl } = useSwypeConfig();
   const { getAccessToken } = usePrivy();
@@ -2138,12 +2160,27 @@ function SwypePayment({
         if (!token || cancelled) return;
         const { config } = await fetchUserConfig(apiBaseUrl, token);
         if (cancelled) return;
-        if (!config.passkey || !activeCredentialId) {
-          setStep("register-passkey");
-        } else if (depositAmount != null && depositAmount > 0) {
-          setStep("ready");
+        if (config.passkey?.credentialId) {
+          const hasKey = activeCredentialId ? activeCredentialId === config.passkey.credentialId : await deviceHasPasskey(config.passkey.credentialId);
+          if (cancelled) return;
+          if (hasKey) {
+            if (!activeCredentialId) {
+              setActiveCredentialId(config.passkey.credentialId);
+              window.localStorage.setItem(
+                ACTIVE_CREDENTIAL_STORAGE_KEY,
+                config.passkey.credentialId
+              );
+            }
+            if (depositAmount != null && depositAmount > 0) {
+              setStep("ready");
+            } else {
+              setStep("enter-amount");
+            }
+          } else {
+            setStep("register-passkey");
+          }
         } else {
-          setStep("enter-amount");
+          setStep("register-passkey");
         }
       } catch {
         if (!cancelled) {
@@ -3455,6 +3492,6 @@ function SwypePayment({
   return null;
 }
 
-export { SwypePayment, SwypeProvider, createPasskeyCredential, darkTheme, getTheme, lightTheme, api_exports as swypeApi, useAuthorizationExecutor, useSwypeConfig, useSwypeDepositAmount, useTransferPolling, useTransferSigning };
+export { SwypePayment, SwypeProvider, createPasskeyCredential, darkTheme, deviceHasPasskey, getTheme, lightTheme, api_exports as swypeApi, useAuthorizationExecutor, useSwypeConfig, useSwypeDepositAmount, useTransferPolling, useTransferSigning };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map