@swype-org/react-sdk 0.1.14 → 0.1.16

package/dist/index.cjs

@@ -591,6 +591,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 };
 }
@@ -682,6 +704,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,
@@ -715,6 +738,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 } = reactAuth.usePrivy();
@@ -1187,6 +1232,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,
@@ -1983,6 +2029,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(
@@ -2116,12 +2163,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) {
@@ -2308,8 +2370,8 @@ function SwypePayment({
   }, [pendingSelectSourceAction, selectSourceChoices, selectSourceRecommended]);
   const handlePay = react.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) {
@@ -2685,7 +2747,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) {
@@ -2732,7 +2794,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),
@@ -2802,7 +2864,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__ */ jsxRuntime.jsxs("div", { style: cardStyle, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "relative" }, children: [
@@ -3437,6 +3499,7 @@ exports.SwypePayment = SwypePayment;
 exports.SwypeProvider = SwypeProvider;
 exports.createPasskeyCredential = createPasskeyCredential;
 exports.darkTheme = darkTheme;
+exports.deviceHasPasskey = deviceHasPasskey;
 exports.getTheme = getTheme;
 exports.lightTheme = lightTheme;
 exports.swypeApi = api_exports;