@swype-org/react-sdk 0.1.237 → 0.1.241

package/dist/index.cjs

@@ -2004,14 +2004,29 @@ function isTransferInFlight(transfer) {
   if (!transfer) return false;
   return ["CREATED", "SENDING", "SENT"].includes(transfer.status);
 }
+function isGuestPreauthCompletedTransferPinPhase(phase) {
+  switch (phase.step) {
+    case "completed":
+    case "select-source":
+    case "one-tap-setup":
+    case "token-picker":
+    case "login":
+    case "otp-verify":
+    case "passkey-create":
+    case "passkey-verify":
+    case "data-loading":
+      return true;
+    case "wallet-setup":
+      return phase.mobile == null;
+    default:
+      return false;
+  }
+}
 function resolvePhase(state) {
   const p = state.phase;
-  if (p.step === "select-source" && state.transfer?.status === "COMPLETED" && state.guestPreauthorizing) {
+  if (state.transfer?.status === "COMPLETED" && state.guestPreauthorizing && isGuestPreauthCompletedTransferPinPhase(p)) {
     return p;
   }
-  if (state.transfer?.status === "COMPLETED" && state.guestPreauthorizing) {
-    return { step: "processing", transfer: state.transfer };
-  }
   if (state.transfer?.status === "COMPLETED") {
     return { step: "completed", transfer: state.transfer };
   }
@@ -2021,7 +2036,7 @@ function resolvePhase(state) {
   if (state.creatingTransfer || isTransferInFlight(state.transfer)) {
     return { step: "processing", transfer: state.transfer };
   }
-  if (p.step === "token-picker" || p.step === "one-tap-setup" || p.step === "select-source" || p.step === "confirm-sign" || p.step === "guest-token-picker") {
+  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;
   }
   if (state.mobileFlow && state.deeplinkUri) {
@@ -6045,7 +6060,8 @@ function StepRendererContent({
     pollingError,
     authExecutorError,
     transferSigningSigning,
-    transferSigningError
+    transferSigningError,
+    pendingSelectSource
   } = remote;
   const {
     pendingConnections,
@@ -6245,6 +6261,26 @@ function StepRendererContent({
     }
     case "token-picker": {
       if (!selectedAccount) {
+        if (pendingSelectSource && selectSourceChoices.length > 0) {
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            SelectSourceScreen,
+            {
+              choices: selectSourceChoices,
+              selectedChainName: selectSourceChainName,
+              selectedTokenSymbol: selectSourceTokenSymbol,
+              recommended: selectSourceRecommended,
+              onChainChange: handlers.onSelectSourceChainChange,
+              onTokenChange: handlers.onSetSelectSourceTokenSymbol,
+              onConfirm: handlers.onConfirmSelectSource,
+              onBack: () => handlers.onSetPhase({
+                step: "select-source",
+                action: pendingSelectSource,
+                isDesktop
+              }),
+              onLogout: handlers.onLogout
+            }
+          );
+        }
         return /* @__PURE__ */ jsxRuntime.jsx(BlinkLoadingScreen, {});
       }
       return /* @__PURE__ */ jsxRuntime.jsx(
@@ -6842,15 +6878,15 @@ function useTransferHandlers(deps) {
     pollingTransferIdRef
   };
 }
-function useSourceSelectionHandlers(dispatch, authExecutor) {
+function useSourceSelectionHandlers(dispatch, authExecutor, options) {
   const [selectSourceChainName, setSelectSourceChainName] = react.useState("");
   const [selectSourceTokenSymbol, setSelectSourceTokenSymbol] = react.useState("");
   const initializedSelectSourceActionRef = react.useRef(null);
   const pendingSelectSourceAction = authExecutor.pendingSelectSource;
   const selectSourceChoices = react.useMemo(() => {
     if (!pendingSelectSourceAction) return [];
-    const options = pendingSelectSourceAction.metadata?.options ?? [];
-    return buildSelectSourceChoices(options);
+    const options2 = pendingSelectSourceAction.metadata?.options ?? [];
+    return buildSelectSourceChoices(options2);
   }, [pendingSelectSourceAction]);
   const selectSourceRecommended = react.useMemo(() => {
     if (!pendingSelectSourceAction) return null;
@@ -6858,16 +6894,16 @@ function useSourceSelectionHandlers(dispatch, authExecutor) {
   }, [pendingSelectSourceAction]);
   const selectSourceAvailableBalance = react.useMemo(() => {
     if (!pendingSelectSourceAction) return 0;
-    const options = pendingSelectSourceAction.metadata?.options ?? [];
+    const options2 = pendingSelectSourceAction.metadata?.options ?? [];
     const recommended = selectSourceRecommended;
     if (recommended) {
-      const match = options.find(
+      const match = options2.find(
         (opt) => opt.chainName === recommended.chainName && opt.tokenSymbol === recommended.tokenSymbol
       );
       if (match) return Number(match.rawBalance) / Math.pow(10, match.decimals);
     }
     let max = 0;
-    for (const opt of options) {
+    for (const opt of options2) {
       const bal = Number(opt.rawBalance) / Math.pow(10, opt.decimals);
       if (bal > max) max = bal;
     }
@@ -6891,7 +6927,17 @@ function useSourceSelectionHandlers(dispatch, authExecutor) {
       chainName: selectSourceChainName,
       tokenSymbol: selectSourceTokenSymbol
     });
-  }, [authExecutor, selectSourceChainName, selectSourceTokenSymbol]);
+    if (options?.guestPreauthorizing && options?.isDesktop) {
+      dispatch({ type: "REQUEST_LOGIN" });
+    }
+  }, [
+    authExecutor,
+    dispatch,
+    options?.guestPreauthorizing,
+    options?.isDesktop,
+    selectSourceChainName,
+    selectSourceTokenSymbol
+  ]);
   return {
     selectSourceChainName,
     selectSourceTokenSymbol,
@@ -8618,6 +8664,9 @@ function useGuestPreauthPhaseSyncEffect(deps) {
     if (!state.guestPreauthorizing || !isDesktop) return;
     const pending = authExecutor.pendingSelectSource;
     if (pending) {
+      if (state.phase.step === "token-picker") {
+        return;
+      }
       const intent = {
         step: "select-source",
         action: pending,
@@ -8631,6 +8680,10 @@ function useGuestPreauthPhaseSyncEffect(deps) {
     }
     if (state.phase.step === "select-source") {
       dispatch({ type: "SET_USER_INTENT", intent: { step: "one-tap-setup", action: null } });
+      return;
+    }
+    if (state.phase.step === "token-picker") {
+      dispatch({ type: "SET_USER_INTENT", intent: { step: "one-tap-setup", action: null } });
     }
   }, [
     state.guestPreauthorizing,
@@ -8640,6 +8693,42 @@ function useGuestPreauthPhaseSyncEffect(deps) {
     dispatch
   ]);
 }
+function useGuestPreauthWalletSetupEffect(deps) {
+  const { state, dispatch, authExecutor, isDesktop, privyAuthenticated } = deps;
+  react.useEffect(() => {
+    if (!isDesktop || !state.guestPreauthorizing || !state.guestPreauthSessionId) return;
+    if (!authExecutor.executing || authExecutor.pendingSelectSource) return;
+    if (!privyAuthenticated || !state.activeCredentialId) return;
+    if (state.verificationTarget) return;
+    if (state.loginRequested) return;
+    const p = state.phase;
+    if (p.step === "wallet-setup" && p.mobile == null) {
+      const id = state.guestPreauthAccountId;
+      if (id != null && p.accountId === id) return;
+    }
+    dispatch({
+      type: "SET_USER_INTENT",
+      intent: {
+        step: "wallet-setup",
+        mobile: null,
+        accountId: state.guestPreauthAccountId
+      }
+    });
+  }, [
+    isDesktop,
+    state.guestPreauthorizing,
+    state.guestPreauthSessionId,
+    state.guestPreauthAccountId,
+    state.activeCredentialId,
+    state.verificationTarget,
+    state.loginRequested,
+    state.phase,
+    authExecutor.executing,
+    authExecutor.pendingSelectSource,
+    dispatch,
+    privyAuthenticated
+  ]);
+}
 function BlinkPayment(props) {
   const resetKey = react.useRef(0);
   const handleBoundaryReset = react.useCallback(() => {
@@ -8724,7 +8813,10 @@ function BlinkPaymentInner({
     mobileFlowRefs,
     onComplete
   );
-  const sourceSelection = useSourceSelectionHandlers(dispatch, authExecutor);
+  const sourceSelection = useSourceSelectionHandlers(dispatch, authExecutor, {
+    guestPreauthorizing: state.guestPreauthorizing,
+    isDesktop
+  });
   const provider = useProviderHandlers({
     dispatch,
     getAccessToken,
@@ -8897,6 +8989,13 @@ function BlinkPaymentInner({
     dispatch,
     desktopGuestPreauth: isDesktop
   });
+  useGuestPreauthWalletSetupEffect({
+    state,
+    dispatch,
+    authExecutor,
+    isDesktop,
+    privyAuthenticated: authenticated
+  });
   const handlers = react.useMemo(() => ({
     onSendLoginCode: auth.handleSendLoginCode,
     onVerifyLoginCode: auth.handleVerifyLoginCode,