@swype-org/react-sdk 0.1.158 → 0.1.160

package/dist/index.js

@@ -2107,6 +2107,18 @@ function maskAuthIdentifier(identifier) {
   const visibleSuffix = digits.slice(-4);
   return `***-***-${visibleSuffix}`;
 }
+
+// src/walletFlow.ts
+var MOBILE_USER_AGENT_PATTERN = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
+function isMobileUserAgent(userAgent) {
+  if (!userAgent) {
+    return false;
+  }
+  return MOBILE_USER_AGENT_PATTERN.test(userAgent);
+}
+function shouldUseWalletConnector(options) {
+  return options.useWalletConnector ?? !isMobileUserAgent(options.userAgent);
+}
 var ACCENT = "#28b67a";
 var BG_RING = "#d2e4ea";
 function SwypeLoadingScreen() {
@@ -3429,6 +3441,7 @@ function WalletPickerScreen({
   providers,
   pendingConnections,
   loading,
+  useDeeplink,
   onPrepareProvider,
   onSelectProvider,
   onContinueConnection,
@@ -3482,7 +3495,7 @@ function WalletPickerScreen({
           {
             onClick: () => {
               const session = preparedSession?.providerId === selectedProvider.id ? preparedSession : void 0;
-              if (session) {
+              if (session && useDeeplink) {
                 const opened = window.open(session.uri, "_blank");
                 if (!opened && window === window.parent) {
                   window.location.href = session.uri;
@@ -4202,13 +4215,10 @@ function DepositScreen({
             remainingLimit.toFixed(2),
             ". Increase your limit to continue."
           ] })
-        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(PrimaryButton, { onClick: () => onDeposit(amount), disabled: !canDeposit, loading: processing, children: [
-            "Deposit $",
-            amount.toFixed(2)
-          ] }),
-          /* @__PURE__ */ jsx("p", { style: noApprovalStyle(tokens.textMuted), children: "No approval needed \xB7 within your One-Tap limit" })
-        ] }),
+        ] }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(PrimaryButton, { onClick: () => onDeposit(amount), disabled: !canDeposit, loading: processing, children: [
+          "Deposit $",
+          amount.toFixed(2)
+        ] }) }),
         /* @__PURE__ */ jsxs("p", { style: routeStyle(tokens.textMuted), children: [
           "From ",
           sourceName,
@@ -4266,22 +4276,13 @@ function DepositScreen({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs("div", { style: detailsStyle, children: [
-          /* @__PURE__ */ jsxs("div", { style: detailRowStyle(tokens.textMuted), children: [
-            "Remaining limit: ",
-            /* @__PURE__ */ jsxs("strong", { style: { color: tokens.text }, children: [
-              "$",
-              remainingLimit.toFixed(2)
-            ] })
-          ] }),
-          estimatedFeeUsd != null && estimatedFeePct != null ? /* @__PURE__ */ jsxs("div", { style: detailRowStyle(tokens.textMuted), children: [
-            "Fee: ~$",
-            estimatedFeeUsd.toFixed(2),
-            " (",
-            estimatedFeePct.toFixed(1),
-            "%)"
-          ] }) : /* @__PURE__ */ jsx("div", { style: detailRowStyle(tokens.textMuted), children: "Fees calculated at time of transfer" })
-        ] }),
+        /* @__PURE__ */ jsx("div", { style: detailsStyle, children: /* @__PURE__ */ jsxs("div", { style: detailRowStyle(tokens.textMuted), children: [
+          "Remaining limit: ",
+          /* @__PURE__ */ jsxs("strong", { style: { color: tokens.text }, children: [
+            "$",
+            remainingLimit.toFixed(2)
+          ] })
+        ] }) }),
         error && /* @__PURE__ */ jsx("div", { style: errorBannerStyle5(tokens), children: error })
       ]
     }
@@ -4363,12 +4364,6 @@ var errorBannerStyle5 = (tokens) => ({
   marginTop: 8,
   lineHeight: 1.5
 });
-var noApprovalStyle = (color) => ({
-  textAlign: "center",
-  fontSize: "0.78rem",
-  color,
-  margin: "12px 0 2px"
-});
 var limitExceededHintStyle = (color) => ({
   textAlign: "center",
   fontSize: "0.78rem",
@@ -5593,6 +5588,9 @@ function StepRenderer({
         providers: state.providers,
         pendingConnections,
         loading: state.creatingTransfer,
+        useDeeplink: !shouldUseWalletConnector({
+          userAgent: typeof navigator === "undefined" ? void 0 : navigator.userAgent
+        }),
         onPrepareProvider: handlers.onPrepareProvider,
         onSelectProvider: handlers.onSelectProvider,
         onContinueConnection: handlers.onContinueConnection,
@@ -6469,16 +6467,10 @@ function useMobileFlowHandlers(dispatch, polling, reloadAccounts, pollingTransfe
       clearMobileFlowState();
       try {
         await reloadAccounts();
-        loadingDataRef.current = false;
-        dispatch({ type: "MOBILE_SETUP_COMPLETE", transfer: authorizedTransfer });
-      } catch (err) {
-        handlingMobileReturnRef.current = false;
-        dispatch({
-          type: "SET_ERROR",
-          error: err instanceof Error ? err.message : "Wallet authorized, but we could not refresh your account yet."
-        });
-        dispatch({ type: "NAVIGATE", step: "open-wallet" });
+      } catch {
       }
+      loadingDataRef.current = false;
+      dispatch({ type: "MOBILE_SETUP_COMPLETE", transfer: authorizedTransfer });
       return;
     }
     mobileSetupFlowRef.current = false;
@@ -6503,20 +6495,6 @@ function useMobileFlowHandlers(dispatch, polling, reloadAccounts, pollingTransfe
     handleRetryMobileStatus
   };
 }
-
-// src/walletFlow.ts
-var MOBILE_USER_AGENT_PATTERN = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
-function isMobileUserAgent(userAgent) {
-  if (!userAgent) {
-    return false;
-  }
-  return MOBILE_USER_AGENT_PATTERN.test(userAgent);
-}
-function shouldUseWalletConnector(options) {
-  return options.useWalletConnector ?? !isMobileUserAgent(options.userAgent);
-}
-
-// src/hooks/useProviderHandlers.ts
 function useProviderHandlers(deps) {
   const {
     dispatch,
@@ -6621,9 +6599,7 @@ function useProviderHandlers(deps) {
           providerId,
           isSetup: true
         });
-        if (!preparedSession) {
-          triggerDeeplink(sessionUri);
-        }
+        triggerDeeplink(sessionUri);
         dispatch({ type: "MOBILE_DEEPLINK_READY", deeplinkUri: sessionUri });
       } else {
         await authExecutor.executeSessionById(sessionId);
@@ -6659,7 +6635,17 @@ function useProviderHandlers(deps) {
       const acct = accounts.find((a) => a.id === accountId);
       if (!acct) return;
       const matchedProvider = providers.find((p) => p.name === acct.name);
-      if (matchedProvider) {
+      if (!matchedProvider) return;
+      const pendingSession = acct.authorizationSessions?.find(
+        (s) => s.status === "PENDING"
+      );
+      if (pendingSession) {
+        handleSelectProvider(matchedProvider.id, {
+          accountId: acct.id,
+          sessionId: pendingSession.id,
+          uri: pendingSession.uri
+        });
+      } else {
         handleSelectProvider(matchedProvider.id);
       }
     },
@@ -7096,8 +7082,25 @@ function usePaymentEffects(deps) {
         return;
       }
       if (resolved.step === "open-wallet" && persisted && persisted.accountId && !persisted.transferId) {
-        clearMobileFlowState();
-        dispatch({ type: "NAVIGATE", step: "deposit" });
+        if (persisted.sessionId) {
+          try {
+            const session = await fetchAuthorizationSession(apiBaseUrl, persisted.sessionId);
+            if (cancelled) return;
+            if (session.status === "AUTHORIZED") {
+              clearMobileFlowState();
+              dispatch({ type: "NAVIGATE", step: "deposit" });
+              return;
+            }
+          } catch {
+          }
+        }
+        mobileSetupFlowRef.current = true;
+        setupAccountIdRef.current = persisted.accountId;
+        dispatch({
+          type: "ENTER_MOBILE_FLOW",
+          deeplinkUri: persisted.deeplinkUri,
+          providerId: persisted.providerId
+        });
         return;
       }
       if (resolved.step === "open-wallet" && persisted && persisted.transferId) {
@@ -7366,6 +7369,8 @@ function usePaymentEffects(deps) {
     const isReauth = !!reauthSessionIdRef.current;
     const sessionId = reauthSessionIdRef.current;
     const tokenSelection = reauthTokenRef.current;
+    const persistedFlow = loadMobileFlowState();
+    const setupSessionId = !isReauth ? persistedFlow?.sessionId : void 0;
     let cancelled = false;
     const POLL_INTERVAL_MS = 3e3;
     const pollReauthorization = async () => {
@@ -7392,6 +7397,17 @@ function usePaymentEffects(deps) {
       } catch {
       }
     };
+    const completeSetup = async () => {
+      cancelled = true;
+      mobileSetupFlowRef.current = false;
+      setupAccountIdRef.current = null;
+      clearMobileFlowState();
+      try {
+        await reloadAccounts();
+      } catch {
+      }
+      dispatch({ type: "MOBILE_SETUP_COMPLETE" });
+    };
     const pollWalletActive = async () => {
       try {
         const token = await getAccessTokenRef.current();
@@ -7400,15 +7416,18 @@ function usePaymentEffects(deps) {
         if (cancelled) return;
         const hasActive = acct.wallets.some((w) => w.status === "ACTIVE");
         if (hasActive) {
-          cancelled = true;
-          mobileSetupFlowRef.current = false;
-          setupAccountIdRef.current = null;
-          clearMobileFlowState();
+          await completeSetup();
+          return;
+        }
+        if (setupSessionId) {
           try {
-            await reloadAccounts();
+            const session = await fetchAuthorizationSession(apiBaseUrl, setupSessionId);
+            if (cancelled) return;
+            if (session.status === "AUTHORIZED") {
+              await completeSetup();
+            }
           } catch {
           }
-          dispatch({ type: "MOBILE_SETUP_COMPLETE" });
         }
       } catch {
       }