@swype-org/react-sdk 0.1.13 → 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(
@@ -2065,7 +2090,7 @@ function SwypePayment({
   useWalletConnector
 }) {
   const { apiBaseUrl, tokens, depositAmount } = useSwypeConfig();
-  const { ready, authenticated, login, getAccessToken } = reactAuth.usePrivy();
+  const { ready, authenticated, login, logout, getAccessToken } = reactAuth.usePrivy();
   const [step, setStep] = react.useState("login");
   const [error, setError] = react.useState(null);
   const [providers, setProviders] = react.useState([]);
@@ -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) {
@@ -2416,6 +2441,38 @@ function SwypePayment({
     setAdvancedSettings({ asset: null, chain: null });
     if (accounts.length > 0) setSelectedAccountId(accounts[0].id);
   };
+  const handleLogout = react.useCallback(async () => {
+    try {
+      await logout();
+    } catch {
+    }
+    if (typeof window !== "undefined") {
+      window.localStorage.removeItem(ACTIVE_CREDENTIAL_STORAGE_KEY);
+    }
+    polling.stopPolling();
+    setActiveCredentialId(null);
+    setStep("login");
+    setError(null);
+    setTransfer(null);
+    setCreatingTransfer(false);
+    setRegisteringPasskey(false);
+    setProviders([]);
+    setAccounts([]);
+    setChains([]);
+    setSelectedAccountId(null);
+    setSelectedWalletId(null);
+    setSelectedProviderId(null);
+    setConnectingNewAccount(false);
+    setAmount(depositAmount != null ? depositAmount.toString() : "");
+    setAdvancedSettings({ asset: null, chain: null });
+    setMobileFlow(false);
+    setSelectSourceChainName("");
+    setSelectSourceTokenSymbol("");
+    initializedSelectSourceActionRef.current = null;
+    processingStartedAtRef.current = null;
+    pollingTransferIdRef.current = null;
+    mobileSigningTransferIdRef.current = null;
+  }, [logout, polling, depositAmount]);
   const handleConnectNewAccount = (providerId) => {
     setSelectedProviderId(providerId);
     setSelectedAccountId(null);
@@ -2653,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) {
@@ -2700,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),
@@ -2770,10 +2827,35 @@ 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: [
-      stepBadge("Review & pay"),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "relative" }, children: [
+        stepBadge("Review & pay"),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleLogout,
+            style: {
+              position: "absolute",
+              top: 0,
+              right: 0,
+              background: "transparent",
+              border: "none",
+              color: tokens.textMuted,
+              cursor: "pointer",
+              fontSize: "0.75rem",
+              fontWeight: 600,
+              letterSpacing: "0.04em",
+              textTransform: "uppercase",
+              fontFamily: "inherit",
+              padding: 0
+            },
+            children: "Logout"
+          }
+        )
+      ] }),
       error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: errorStyle, children: error }),
       loadingData ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "24px 0", textAlign: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(Spinner, { label: "Loading..." }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs(