@swype-org/react-sdk 0.1.14 → 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

@@ -588,6 +588,28 @@ var ACTION_POLL_MAX_RETRIES = 20;
 var SIGN_PERMIT2_POLL_MS = 1e3;
 var SIGN_PERMIT2_MAX_POLLS = 15;
 var TRANSFER_SIGN_MAX_POLLS = 60;
+function waitForDocumentFocus(timeoutMs = 5e3, intervalMs = 100) {
+  return new Promise((resolve, reject) => {
+    if (typeof document === "undefined") {
+      resolve();
+      return;
+    }
+    if (document.hasFocus()) {
+      resolve();
+      return;
+    }
+    const deadline = Date.now() + timeoutMs;
+    const timer = setInterval(() => {
+      if (document.hasFocus()) {
+        clearInterval(timer);
+        resolve();
+      } else if (Date.now() >= deadline) {
+        clearInterval(timer);
+        resolve();
+      }
+    }, intervalMs);
+  });
+}
 function actionSuccess(action, message, data) {
   return { actionId: action.id, type: action.type, status: "success", message, data };
 }
@@ -679,6 +701,7 @@ async function createPasskeyCredential(userIdentifier) {
   const challenge = new Uint8Array(32);
   crypto.getRandomValues(challenge);
   const rpId = resolvePasskeyRpId();
+  await waitForDocumentFocus();
   const credential = await navigator.credentials.create({
     publicKey: {
       challenge,
@@ -712,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();
@@ -1184,6 +1229,7 @@ function useTransferSigning(pollIntervalMs = 2e3, options) {
           type: "public-key",
           id: base64ToBytes(payload.passkeyCredentialId)
         }] : void 0;
+        await waitForDocumentFocus();
         const assertion = await navigator.credentials.get({
           publicKey: {
             challenge: hashBytes,
@@ -1980,6 +2026,7 @@ function buildProcessingTimeoutMessage(status) {
   return `Payment is taking longer than expected (status: ${status}). Please try again.`;
 }
 var ACTIVE_CREDENTIAL_STORAGE_KEY = "swype_active_credential_id";
+var MIN_SEND_AMOUNT_USD = 0.25;
 function isMobile() {
   if (typeof navigator === "undefined") return false;
   return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
@@ -2113,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) {
@@ -2305,8 +2367,8 @@ function SwypePayment({
   }, [pendingSelectSourceAction, selectSourceChoices, selectSourceRecommended]);
   const handlePay = useCallback(async () => {
     const parsedAmount = parseFloat(amount);
-    if (isNaN(parsedAmount) || parsedAmount <= 0) {
-      setError("Enter a valid amount.");
+    if (isNaN(parsedAmount) || parsedAmount < MIN_SEND_AMOUNT_USD) {
+      setError(`Minimum amount is $${MIN_SEND_AMOUNT_USD.toFixed(2)}.`);
       return;
     }
     if (!sourceId) {
@@ -2682,7 +2744,7 @@ function SwypePayment({
   }
   if (step === "enter-amount") {
     const parsedAmount = parseFloat(amount);
-    const canContinue = !isNaN(parsedAmount) && parsedAmount > 0;
+    const canContinue = !isNaN(parsedAmount) && parsedAmount >= MIN_SEND_AMOUNT_USD;
     let maxSourceBalance = null;
     for (const acct of accounts) {
       for (const wallet of acct.wallets) {
@@ -2729,7 +2791,7 @@ function SwypePayment({
               "input",
               {
                 type: "number",
-                min: "0.01",
+                min: MIN_SEND_AMOUNT_USD.toFixed(2),
                 step: "0.01",
                 value: amount,
                 onChange: (e) => setAmount(e.target.value),
@@ -2799,7 +2861,7 @@ function SwypePayment({
   }
   if (step === "ready") {
     const parsedAmount = parseFloat(amount);
-    const canPay = !isNaN(parsedAmount) && parsedAmount > 0 && !!sourceId && !loadingData;
+    const canPay = !isNaN(parsedAmount) && parsedAmount >= MIN_SEND_AMOUNT_USD && !!sourceId && !loadingData;
     const noAccounts = !loadingData && accounts.length === 0;
     return /* @__PURE__ */ jsxs("div", { style: cardStyle, children: [
       /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
@@ -3430,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