@swype-org/react-sdk 0.1.14 → 0.1.15

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,
@@ -1187,6 +1210,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 +2007,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(
@@ -2308,8 +2333,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 +2710,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 +2757,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 +2827,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: [