@swype-org/react-sdk 0.1.251 → 0.1.257

package/dist/index.js

@@ -1847,7 +1847,10 @@ function useTransferSigning(pollIntervalMs = 2e3, options) {
 // src/paymentHelpers.ts
 var ACTIVE_CREDENTIAL_STORAGE_KEY = "blink_active_credential_id";
 var MOBILE_FLOW_STORAGE_KEY = "blink_mobile_flow";
-var MIN_SEND_AMOUNT_USD = 0.25;
+var DEFAULT_MIN_SEND_AMOUNT_USD = 0.25;
+function effectiveMinTransferAmountUsd(depositAmount) {
+  return depositAmount != null ? depositAmount : DEFAULT_MIN_SEND_AMOUNT_USD;
+}
 function persistMobileFlowState(data) {
   try {
     sessionStorage.setItem(MOBILE_FLOW_STORAGE_KEY, JSON.stringify(data));
@@ -1993,14 +1996,47 @@ function shouldUseWalletConnector(options) {
   return options.useWalletConnector ?? !isMobileUserAgent(options.userAgent);
 }
 
+// src/processingStatus.ts
+var PROCESSING_TIMEOUT_MS = 18e4;
+var TERMINAL_TRANSFER_STATUSES = /* @__PURE__ */ new Set(["COMPLETED", "FAILED", "EXPIRED"]);
+function isTerminalTransferStatus(status) {
+  return TERMINAL_TRANSFER_STATUSES.has(status);
+}
+function isTransferAwaitingCompletion(transfer) {
+  if (!transfer) return false;
+  return !isTerminalTransferStatus(transfer.status);
+}
+function resolvePreferredTransfer(polledTransfer, localTransfer) {
+  return polledTransfer ?? localTransfer;
+}
+function getTransferStatus(polledTransfer, localTransfer) {
+  const transfer = resolvePreferredTransfer(polledTransfer, localTransfer);
+  return transfer?.status ?? "UNKNOWN";
+}
+function hasProcessingTimedOut(processingStartedAtMs, nowMs) {
+  if (!processingStartedAtMs) return false;
+  return nowMs - processingStartedAtMs >= PROCESSING_TIMEOUT_MS;
+}
+var STATUS_DISPLAY_LABELS = {
+  CREATED: "created",
+  AUTHORIZED: "authorized",
+  SENDING: "sending",
+  SENT: "confirming delivery",
+  COMPLETED: "completed",
+  FAILED: "failed"
+};
+function getStatusDisplayLabel(status) {
+  return STATUS_DISPLAY_LABELS[status] ?? status;
+}
+function buildProcessingTimeoutMessage(status) {
+  const label = getStatusDisplayLabel(status);
+  return `Payment is taking longer than expected (status: ${label}). Please try again.`;
+}
+
 // src/paymentResolvePhase.ts
 function hasActiveWallet(accounts) {
   return accounts.some((a) => a.wallets.some((w) => w.status === "ACTIVE"));
 }
-function isTransferInFlight(transfer) {
-  if (!transfer) return false;
-  return ["CREATED", "SENDING", "SENT"].includes(transfer.status);
-}
 function isGuestPreauthCompletedTransferPinPhase(phase) {
   switch (phase.step) {
     case "completed":
@@ -2022,77 +2058,142 @@ function isGuestPreauthCompletedTransferPinPhase(phase) {
 }
 function resolvePhase(state) {
   const p = state.phase;
-  if (state.guestPreauthSetupCompletePending && state.privyReady && state.privyAuthenticated) {
-    return { step: "guest-setup-complete" };
-  }
-  if (state.transfer?.status === "COMPLETED" && state.guestPreauthorizing && !state.verificationTarget && isGuestPreauthCompletedTransferPinPhase(p)) {
-    return p;
-  }
-  if (state.transfer?.status === "COMPLETED" && state.isGuestFlow && state.guestPreauthSessionId && !state.guestPreauthorizing && !state.verificationTarget && !state.privyAuthenticated) {
-    return { step: "login" };
-  }
-  if (state.transfer?.status === "COMPLETED" && !state.verificationTarget) {
-    const needsPasskeyBootstrap = state.privyAuthenticated && !state.activeCredentialId;
-    if (!needsPasskeyBootstrap) {
-      return { step: "completed", transfer: state.transfer };
-    }
-  }
-  if (state.transfer?.status === "FAILED") {
-    return { step: "failed", transfer: state.transfer, error: state.error ?? "Transfer failed." };
-  }
-  if (state.creatingTransfer || isTransferInFlight(state.transfer)) {
-    return { step: "processing", transfer: state.transfer };
-  }
-  if (!state.loginRequested && (p.step === "token-picker" || p.step === "one-tap-setup" || p.step === "select-source" || p.step === "confirm-sign" || p.step === "guest-token-picker")) {
-    return p;
+  const transferCompleted = state.transfer?.status === "COMPLETED";
+  const needsPasskeyBootstrap = state.privyAuthenticated && !state.activeCredentialId;
+  const guestPreauthPin = transferCompleted && state.guestPreauthorizing && !state.verificationTarget && isGuestPreauthCompletedTransferPinPhase(p);
+  const guestPostPayLogin = transferCompleted && state.isGuestFlow && state.guestPreauthSessionId != null && !state.guestPreauthorizing && !state.verificationTarget && !state.privyAuthenticated;
+  const pinSubflow = !state.loginRequested && (p.step === "token-picker" || p.step === "one-tap-setup" || p.step === "select-source" || p.step === "confirm-sign" || p.step === "guest-token-picker");
+  const guestTokenPicker = state.isGuestFlow && state.selectedProviderId != null && !state.transfer && !state.guestPreauthAccountId;
+  const walletPickerSwitch = p.step === "wallet-picker" && p.reason === "switch" && !state.creatingTransfer && !(state.mobileFlow && state.deeplinkUri);
+  const passkeyBlock = state.passkeyConfigLoaded && !state.activeCredentialId;
+  const passkeyVerify = passkeyBlock && state.knownCredentialIds.length > 0 && state.passkeyPopupNeeded;
+  const c1 = state.guestPreauthSetupCompletePending && state.privyReady && state.privyAuthenticated;
+  const c2 = !c1 && guestPreauthPin;
+  const c3 = !c1 && !c2 && guestPostPayLogin;
+  const c4 = !c1 && !c2 && !c3 && transferCompleted && !state.verificationTarget && !needsPasskeyBootstrap;
+  const c5 = !c1 && !c2 && !c3 && !c4 && state.transfer?.status === "FAILED";
+  const c6 = !c1 && !c2 && !c3 && !c4 && !c5 && (state.creatingTransfer || isTransferAwaitingCompletion(state.transfer));
+  const c7 = !c1 && !c2 && !c3 && !c4 && !c5 && !c6 && pinSubflow;
+  const c8 = !c1 && !c2 && !c3 && !c4 && !c5 && !c6 && !c7 && state.mobileFlow && state.deeplinkUri != null;
+  const c9 = !c1 && !c2 && !c3 && !c4 && !c5 && !c6 && !c7 && !c8 && p.step === "wallet-setup" && p.mobile == null && state.guestPreauthorizing;
+  const c10 = !c1 && !c2 && !c3 && !c4 && !c5 && !c6 && !c7 && !c8 && !c9 && guestTokenPicker;
+  const c11 = !c1 && !c2 && !c3 && !c4 && !c5 && !c6 && !c7 && !c8 && !c9 && !c10 && walletPickerSwitch;
+  const c12 = !c1 && !c2 && !c3 && !c4 && !c5 && !c6 && !c7 && !c8 && !c9 && !c10 && !c11 && !state.privyReady;
+  const c13 = !c1 && !c2 && !c3 && !c4 && !c5 && !c6 && !c7 && !c8 && !c9 && !c10 && !c11 && !c12 && state.privyAuthenticated && !state.activeCredentialId && !state.passkeyConfigLoaded;
+  const c14 = !c1 && !c2 && !c3 && !c4 && !c5 && !c6 && !c7 && !c8 && !c9 && !c10 && !c11 && !c12 && !c13 && state.verificationTarget != null && !state.privyAuthenticated;
+  const c15 = !c1 && !c2 && !c3 && !c4 && !c5 && !c6 && !c7 && !c8 && !c9 && !c10 && !c11 && !c12 && !c13 && !c14 && state.loginRequested;
+  const c16 = !c1 && !c2 && !c3 && !c4 && !c5 && !c6 && !c7 && !c8 && !c9 && !c10 && !c11 && !c12 && !c13 && !c14 && !c15 && passkeyVerify;
+  const c17 = !c1 && !c2 && !c3 && !c4 && !c5 && !c6 && !c7 && !c8 && !c9 && !c10 && !c11 && !c12 && !c13 && !c14 && !c15 && !c16 && passkeyBlock;
+  const c18 = !c1 && !c2 && !c3 && !c4 && !c5 && !c6 && !c7 && !c8 && !c9 && !c10 && !c11 && !c12 && !c13 && !c14 && !c15 && !c16 && !c17 && state.loadingData && state.activeCredentialId != null && hasActiveWallet(state.accounts);
+  const c19 = !c1 && !c2 && !c3 && !c4 && !c5 && !c6 && !c7 && !c8 && !c9 && !c10 && !c11 && !c12 && !c13 && !c14 && !c15 && !c16 && !c17 && !c18 && state.activeCredentialId != null && !hasActiveWallet(state.accounts) && !state.mobileFlow;
+  const c20 = !c1 && !c2 && !c3 && !c4 && !c5 && !c6 && !c7 && !c8 && !c9 && !c10 && !c11 && !c12 && !c13 && !c14 && !c15 && !c16 && !c17 && !c18 && !c19 && state.activeCredentialId != null && hasActiveWallet(state.accounts) && !state.loadingData;
+  const c21 = !c1 && !c2 && !c3 && !c4 && !c5 && !c6 && !c7 && !c8 && !c9 && !c10 && !c11 && !c12 && !c13 && !c14 && !c15 && !c16 && !c17 && !c18 && !c19 && !c20 && state.isGuestFlow;
+  const flags = [
+    c1,
+    c2,
+    c3,
+    c4,
+    c5,
+    c6,
+    c7,
+    c8,
+    c9,
+    c10,
+    c11,
+    c12,
+    c13,
+    c14,
+    c15,
+    c16,
+    c17,
+    c18,
+    c19,
+    c20,
+    c21
+  ];
+  const matchCount = flags.filter(Boolean).length;
+  if (matchCount > 1) {
+    console.error("resolvePhase: multiple exclusive branches matched", {
+      flags: {
+        c1,
+        c2,
+        c3,
+        c4,
+        c5,
+        c6,
+        c7,
+        c8,
+        c9,
+        c10,
+        c11,
+        c12,
+        c13,
+        c14,
+        c15,
+        c16,
+        c17,
+        c18,
+        c19,
+        c20,
+        c21
+      }
+    });
   }
-  if (state.mobileFlow && state.deeplinkUri) {
-    return {
+  let resolved;
+  if (c1) {
+    resolved = { step: "guest-setup-complete" };
+  } else if (c2) {
+    resolved = p;
+  } else if (c3) {
+    resolved = { step: "login" };
+  } else if (c4) {
+    resolved = { step: "completed", transfer: state.transfer };
+  } else if (c5) {
+    resolved = {
+      step: "failed",
+      transfer: state.transfer,
+      error: state.error ?? "Transfer failed."
+    };
+  } else if (c6) {
+    resolved = { step: "processing", transfer: state.transfer };
+  } else if (c7) {
+    resolved = p;
+  } else if (c8) {
+    resolved = {
       step: "wallet-setup",
       mobile: { deeplinkUri: state.deeplinkUri, providerId: state.selectedProviderId },
       accountId: null
     };
+  } else if (c9) {
+    resolved = p;
+  } else if (c10) {
+    resolved = { step: "guest-token-picker" };
+  } else if (c11) {
+    resolved = p;
+  } else if (c12) {
+    resolved = { step: "initializing" };
+  } else if (c13) {
+    resolved = { step: "initializing" };
+  } else if (c14) {
+    resolved = { step: "otp-verify", target: state.verificationTarget };
+  } else if (c15) {
+    resolved = { step: "login" };
+  } else if (c16) {
+    resolved = { step: "passkey-verify" };
+  } else if (c17) {
+    resolved = { step: "passkey-create", popupFallback: state.passkeyPopupNeeded };
+  } else if (c18) {
+    resolved = { step: "data-loading" };
+  } else if (c19) {
+    resolved = { step: "wallet-picker", reason: "link" };
+  } else if (c20) {
+    resolved = { step: "deposit" };
+  } else if (c21) {
+    resolved = { step: "wallet-picker", reason: "guest-entry" };
+  } else {
+    resolved = { step: "wallet-picker", reason: "entry" };
   }
-  if (p.step === "wallet-setup" && p.mobile == null && state.guestPreauthorizing) {
-    return p;
-  }
-  if (state.isGuestFlow && state.selectedProviderId != null && !state.transfer && !state.guestPreauthAccountId) {
-    return { step: "guest-token-picker" };
-  }
-  if (p.step === "wallet-picker" && !state.creatingTransfer && !(state.mobileFlow && state.deeplinkUri)) {
-    return p;
-  }
-  if (!state.privyReady) {
-    return { step: "initializing" };
-  }
-  if (state.privyAuthenticated && !state.activeCredentialId && !state.passkeyConfigLoaded) {
-    return { step: "initializing" };
-  }
-  if (state.verificationTarget && !state.privyAuthenticated) {
-    return { step: "otp-verify", target: state.verificationTarget };
-  }
-  if (state.loginRequested) {
-    return { step: "login" };
-  }
-  if (state.passkeyConfigLoaded && !state.activeCredentialId) {
-    if (state.knownCredentialIds.length > 0 && state.passkeyPopupNeeded) {
-      return { step: "passkey-verify" };
-    }
-    return { step: "passkey-create", popupFallback: state.passkeyPopupNeeded };
-  }
-  if (state.loadingData && state.activeCredentialId && hasActiveWallet(state.accounts)) {
-    return { step: "data-loading" };
-  }
-  if (state.activeCredentialId && !hasActiveWallet(state.accounts) && !state.mobileFlow) {
-    return { step: "wallet-picker", reason: "link" };
-  }
-  if (state.activeCredentialId && hasActiveWallet(state.accounts) && !state.loadingData) {
-    return { step: "deposit" };
-  }
-  if (state.isGuestFlow) {
-    return { step: "wallet-picker", reason: "guest-entry" };
-  }
-  return { step: "wallet-picker", reason: "entry" };
+  return resolved;
 }
 
 // src/paymentReducer.ts
@@ -4358,13 +4459,13 @@ var waitHintStyle = (color) => ({
   color,
   margin: 0
 });
-var MIN_DEPOSIT = 0.25;
 function DepositScreen({
   merchantName,
   availableBalance,
   remainingLimit,
   tokenCount,
   initialAmount,
+  minDepositFloor,
   processing,
   error,
   onDeposit,
@@ -4400,9 +4501,9 @@ function DepositScreen({
   const selectedProviderName = selectedAccount?.name ?? "Wallet";
   const selectedProviderLogo = KNOWN_LOGOS[selectedProviderName.toLowerCase()];
   const totalAccountBalance = selectedAccount ? selectedAccount.wallets.reduce((sum, w) => sum + w.balance.available.amount, 0) : availableBalance;
-  const isLowBalance = availableBalance < MIN_DEPOSIT;
+  const isLowBalance = availableBalance < minDepositFloor;
   const exceedsLimit = remainingLimit != null && amount > remainingLimit && !isLowBalance;
-  const canDeposit = amount >= MIN_DEPOSIT && !exceedsLimit && !isLowBalance && !processing;
+  const canDeposit = amount >= minDepositFloor && !exceedsLimit && !isLowBalance && !processing;
   return /* @__PURE__ */ jsxs(
     ScreenLayout,
     {
@@ -4537,7 +4638,7 @@ function DepositScreen({
           "Your wallet balance is $",
           availableBalance.toFixed(2),
           " \u2014 you need at least $",
-          MIN_DEPOSIT.toFixed(2),
+          minDepositFloor.toFixed(2),
           " to deposit via One-Tap."
         ] }),
         error && /* @__PURE__ */ jsx("div", { style: errorBannerStyle5(tokens), children: error })
@@ -6114,6 +6215,7 @@ var DEPOSIT_SCREENS = /* @__PURE__ */ new Set([
   "processing",
   "success"
 ]);
+var DEFAULT_MIN_DEPOSIT_USD = 0.25;
 function getFlowPhase(screen, phase) {
   if (LINK_SCREENS.has(screen)) return "link";
   if (DEPOSIT_SCREENS.has(screen)) return "deposit";
@@ -6322,6 +6424,7 @@ function StepRendererContent({
     }
     case "deposit": {
       const parsedAmt = depositAmount != null ? depositAmount : 5;
+      const minDepositFloor = depositAmount != null ? depositAmount : DEFAULT_MIN_DEPOSIT_USD;
       return /* @__PURE__ */ jsx(
         DepositScreen,
         {
@@ -6345,7 +6448,8 @@ function StepRendererContent({
           onAddProvider: () => handlers.onSetPhase({ step: "wallet-picker", reason: "switch" }),
           onSelectToken: handlers.onSelectToken,
           selectedSourceLabel,
-          selectedTokenSymbol: selectedSource?.token.symbol
+          selectedTokenSymbol: selectedSource?.token.symbol,
+          minDepositFloor
         }
       );
     }
@@ -6871,8 +6975,9 @@ function useTransferHandlers(deps) {
     dispatch({ type: "ACCOUNTS_RELOADED", accounts: accts, providers: prov, defaults });
   }, [getAccessToken, activeCredentialId, selectedAccountId, apiBaseUrl, depositAmount, dispatch]);
   const handlePay = useCallback(async (payAmount, sourceOverrides) => {
-    if (isNaN(payAmount) || payAmount < MIN_SEND_AMOUNT_USD) {
-      dispatch({ type: "SET_ERROR", error: `Minimum amount is $${MIN_SEND_AMOUNT_USD.toFixed(2)}.` });
+    const minUsd = effectiveMinTransferAmountUsd(depositAmount);
+    if (isNaN(payAmount) || payAmount < minUsd) {
+      dispatch({ type: "SET_ERROR", error: `Minimum amount is $${minUsd.toFixed(2)}.` });
       return;
     }
     if (!sourceOverrides?.sourceId && !sourceId) {
@@ -6951,7 +7056,8 @@ function useTransferHandlers(deps) {
     onComplete,
     idempotencyKey,
     merchantAuthorization,
-    dispatch
+    dispatch,
+    depositAmount
   ]);
   const handleConfirmSign = useCallback(async () => {
     const t = transfer ?? polling.transfer;
@@ -7903,7 +8009,9 @@ function useOneTapSetupHandlers(deps) {
     authExecutor,
     selectSourceChainName,
     selectSourceTokenSymbol,
-    authorizationSessionIdForGuest
+    authorizationSessionIdForGuest,
+    guestPostPayPreauth,
+    guestPreauthAccountId
   } = deps;
   const [savingOneTapLimit, setSavingOneTapLimit] = useState(false);
   const handleSetupOneTap = useCallback(async (limit) => {
@@ -7920,6 +8028,19 @@ function useOneTapSetupHandlers(deps) {
         if (!token) throw new Error("Not authenticated");
         await updateUserConfig(apiBaseUrl, token, { defaultAllowance: limit });
       }
+      const willResolveSession = authExecutor.pendingSelectSource != null || authExecutor.pendingOneTapSetup != null;
+      if (guestPostPayPreauth && willResolveSession) {
+        dispatch({ type: "REQUEST_LOGIN" });
+        if (guestPreauthAccountId != null) {
+          const intent = {
+            step: "wallet-setup",
+            mobile: null,
+            accountId: guestPreauthAccountId,
+            guestDesktopExtension: true
+          };
+          dispatch({ type: "SET_USER_INTENT", intent });
+        }
+      }
       if (authExecutor.pendingSelectSource) {
         const action = authExecutor.pendingSelectSource;
         const recommended = action.metadata?.recommended;
@@ -7939,7 +8060,9 @@ function useOneTapSetupHandlers(deps) {
       } else if (authExecutor.pendingOneTapSetup) {
         authExecutor.resolveOneTapSetup();
       }
-      dispatch({ type: "SET_USER_INTENT", intent: { step: "deposit" } });
+      if (!guestPostPayPreauth || !willResolveSession) {
+        dispatch({ type: "SET_USER_INTENT", intent: { step: "deposit" } });
+      }
     } catch (err) {
       captureException(err);
       dispatch({
@@ -7956,7 +8079,9 @@ function useOneTapSetupHandlers(deps) {
     dispatch,
     selectSourceChainName,
     selectSourceTokenSymbol,
-    authorizationSessionIdForGuest
+    authorizationSessionIdForGuest,
+    guestPostPayPreauth,
+    guestPreauthAccountId
   ]);
   return {
     handleSetupOneTap,
@@ -8379,37 +8504,6 @@ function useDataLoadEffect(deps) {
     deps
   ]);
 }
-
-// src/processingStatus.ts
-var PROCESSING_TIMEOUT_MS = 18e4;
-function resolvePreferredTransfer(polledTransfer, localTransfer) {
-  return polledTransfer ?? localTransfer;
-}
-function getTransferStatus(polledTransfer, localTransfer) {
-  const transfer = resolvePreferredTransfer(polledTransfer, localTransfer);
-  return transfer?.status ?? "UNKNOWN";
-}
-function hasProcessingTimedOut(processingStartedAtMs, nowMs) {
-  if (!processingStartedAtMs) return false;
-  return nowMs - processingStartedAtMs >= PROCESSING_TIMEOUT_MS;
-}
-var STATUS_DISPLAY_LABELS = {
-  CREATED: "created",
-  AUTHORIZED: "authorized",
-  SENDING: "sending",
-  SENT: "confirming delivery",
-  COMPLETED: "completed",
-  FAILED: "failed"
-};
-function getStatusDisplayLabel(status) {
-  return STATUS_DISPLAY_LABELS[status] ?? status;
-}
-function buildProcessingTimeoutMessage(status) {
-  const label = getStatusDisplayLabel(status);
-  return `Payment is taking longer than expected (status: ${label}). Please try again.`;
-}
-
-// src/hooks/useProcessingEffect.ts
 function useProcessingEffect(deps) {
   const {
     state,
@@ -8445,7 +8539,7 @@ function useProcessingEffect(deps) {
     reloadAccounts
   ]);
   useEffect(() => {
-    const isProcessing = state.creatingTransfer || state.transfer != null && ["CREATED", "SENDING", "SENT"].includes(state.transfer.status);
+    const isProcessing = state.creatingTransfer || isTransferAwaitingCompletion(state.transfer);
     if (!isProcessing) {
       processingStartedAtRef.current = null;
       return;
@@ -9016,6 +9110,15 @@ function BlinkPaymentInner({
     guestSessionToken: state.guestSessionToken,
     selectedProviderId: state.selectedProviderId
   });
+  const guestPostPayPreauth = useMemo(
+    () => !!state.guestPreauthSessionId && state.isGuestFlow || state.guestPreauthorizing && isDesktop,
+    [
+      state.guestPreauthSessionId,
+      state.isGuestFlow,
+      state.guestPreauthorizing,
+      isDesktop
+    ]
+  );
   const oneTapSetup = useOneTapSetupHandlers({
     dispatch,
     getAccessToken,
@@ -9023,7 +9126,9 @@ function BlinkPaymentInner({
     authExecutor,
     selectSourceChainName: sourceSelection.selectSourceChainName,
     selectSourceTokenSymbol: sourceSelection.selectSourceTokenSymbol,
-    authorizationSessionIdForGuest: state.guestPreauthSessionId
+    authorizationSessionIdForGuest: state.guestPreauthSessionId,
+    guestPostPayPreauth,
+    guestPreauthAccountId: state.guestPreauthAccountId
   });
   const guestTransfer = useGuestTransferHandlers({
     dispatch,