@turnkey/react-wallet-kit 1.4.3 → 1.5.0

package/dist/providers/client/Provider.mjs

@@ -7,7 +7,7 @@ import { useWalletProviderState, useDebouncedCallback, isValidSession, withTurnk
 import { clearKeys, clearAll, setCappedTimeoutInMap, clearKey, setTimeoutInMap } from '../../utils/timers.mjs';
 import { DEFAULT_SESSION_EXPIRATION_IN_SECONDS, WalletSource, OtpType, TurnkeyClient, Chain, WalletInterfaceType, getAuthProxyConfig } from '@turnkey/core';
 import { useState, useRef, useCallback, useEffect } from 'react';
-import { TurnkeyError, TurnkeyErrorCodes, AuthAction, OAuthProviders, TurnkeyNetworkError } from '@turnkey/sdk-types';
+import { TurnkeyError, TurnkeyErrorCodes, AuthAction, OAuthProviders, FiatOnRampCryptoCurrency, FiatOnRampBlockchainNetwork, TurnkeyNetworkError } from '@turnkey/sdk-types';
 import { useModal } from '../modal/Hook.mjs';
 import { AuthState, ClientState, AuthMethod, ExportType, ImportType } from '../../types/base.mjs';
 import { AuthComponent } from '../../components/auth/index.mjs';
@@ -29,6 +29,8 @@ import { OtpVerification } from '../../components/auth/OTP.mjs';
 import { RemoveEmail } from '../../components/user/RemoveEmail.mjs';
 import { RemovePhoneNumber } from '../../components/user/RemovePhoneNumber.mjs';
 import { VerifyPage } from '../../components/verify/Verify.mjs';
+import { OnRampPage } from '../../components/onramp/OnRamp.mjs';
+import { CoinbaseLogo, MoonPayLogo } from '../../components/design/Svg.mjs';
 
 /**
  * Provides Turnkey client authentication, session management, wallet operations, and user profile management
@@ -789,11 +791,11 @@ var ClientProvider = function ClientProvider(_ref) {
    * @throws {TurnkeyError} If an error occurs while scheduling the session expiration.
    */
   function _initializeWalletProviderListeners() {
-    _initializeWalletProviderListeners = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee109(walletProviders, onUpdateState) {
+    _initializeWalletProviderListeners = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee112(walletProviders, onUpdateState) {
       var _masterConfig$walletC0, _masterConfig$walletC1, _masterConfig$walletC10, _masterConfig$walletC11;
       var cleanups, nativeOnly, ethProviders, solProviders, wcProviders, wcProvider, attachEthereumListeners, attachSolanaListeners, _wcProvider$provider, _wcProvider$provider$, standardEvents, unsubscribe;
-      return _regenerator().w(function (_context109) {
-        while (1) switch (_context109.n) {
+      return _regenerator().w(function (_context112) {
+        while (1) switch (_context112.n) {
           case 0:
             attachSolanaListeners = function _attachSolanaListener(provider, onUpdateState) {
               var _provider$features;
@@ -801,19 +803,19 @@ var ClientProvider = function ClientProvider(_ref) {
               var walletEvents = provider === null || provider === void 0 ? void 0 : (_provider$features = provider.features) === null || _provider$features === void 0 ? void 0 : _provider$features["standard:events"];
               if (walletEvents !== null && walletEvents !== void 0 && walletEvents.on) {
                 var offChange = walletEvents.on("change", /*#__PURE__*/function () {
-                  var _ref137 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee107(_evt) {
-                    return _regenerator().w(function (_context107) {
-                      while (1) switch (_context107.n) {
+                  var _ref140 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee110(_evt) {
+                    return _regenerator().w(function (_context110) {
+                      while (1) switch (_context110.n) {
                         case 0:
-                          _context107.n = 1;
+                          _context110.n = 1;
                           return onUpdateState();
                         case 1:
-                          return _context107.a(2);
+                          return _context110.a(2);
                       }
-                    }, _callee107);
+                    }, _callee110);
                   }));
-                  return function (_x94) {
-                    return _ref137.apply(this, arguments);
+                  return function (_x95) {
+                    return _ref140.apply(this, arguments);
                   };
                 }());
                 cleanups.push(offChange);
@@ -827,31 +829,31 @@ var ClientProvider = function ClientProvider(_ref) {
             attachEthereumListeners = function _attachEthereumListen(provider, onUpdateState) {
               if (typeof provider.on !== "function") return;
               var handleChainChanged = /*#__PURE__*/function () {
-                var _ref135 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee105(_chainId) {
-                  return _regenerator().w(function (_context105) {
-                    while (1) switch (_context105.n) {
+                var _ref138 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee108(_chainId) {
+                  return _regenerator().w(function (_context108) {
+                    while (1) switch (_context108.n) {
                       case 0:
-                        return _context105.a(2, onUpdateState());
+                        return _context108.a(2, onUpdateState());
                     }
-                  }, _callee105);
+                  }, _callee108);
                 }));
-                return function handleChainChanged(_x92) {
-                  return _ref135.apply(this, arguments);
+                return function handleChainChanged(_x93) {
+                  return _ref138.apply(this, arguments);
                 };
               }();
               var handleAccountsChanged = /*#__PURE__*/function () {
-                var _ref136 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee106(accounts) {
-                  return _regenerator().w(function (_context106) {
-                    while (1) switch (_context106.n) {
+                var _ref139 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee109(accounts) {
+                  return _regenerator().w(function (_context109) {
+                    while (1) switch (_context109.n) {
                       case 0:
                         if (accounts.length === 0) onUpdateState();
                       case 1:
-                        return _context106.a(2);
+                        return _context109.a(2);
                     }
-                  }, _callee106);
+                  }, _callee109);
                 }));
-                return function handleAccountsChanged(_x93) {
-                  return _ref136.apply(this, arguments);
+                return function handleAccountsChanged(_x94) {
+                  return _ref139.apply(this, arguments);
                 };
               }();
               var handleDisconnect = function handleDisconnect() {
@@ -867,10 +869,10 @@ var ClientProvider = function ClientProvider(_ref) {
               };
             };
             if (!(walletProviders.length === 0)) {
-              _context109.n = 1;
+              _context112.n = 1;
               break;
             }
-            return _context109.a(2, function () {});
+            return _context112.a(2, function () {});
           case 1:
             cleanups = []; // we only want to initialize these listeners for connected walletProviders
             nativeOnly = function nativeOnly(provider) {
@@ -908,9 +910,9 @@ var ClientProvider = function ClientProvider(_ref) {
               if (standardEvents !== null && standardEvents !== void 0 && standardEvents.on) {
                 if (standardEvents !== null && standardEvents !== void 0 && standardEvents.on) {
                   unsubscribe = standardEvents.on("change", /*#__PURE__*/function () {
-                    var _ref138 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee108(evt) {
-                      return _regenerator().w(function (_context108) {
-                        while (1) switch (_context108.n) {
+                    var _ref141 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee111(evt) {
+                      return _regenerator().w(function (_context111) {
+                        while (1) switch (_context111.n) {
                           case 0:
                             // if the event is a proposalExpired, we want to re-fetch the providers
                             // to refresh the uri, there is no need to refresh the wallets state
@@ -919,28 +921,28 @@ var ClientProvider = function ClientProvider(_ref) {
                             }
                             // any other event (disconnect, chain switch, accounts changed)
                             // we refresh the wallets state
-                            _context108.n = 1;
+                            _context111.n = 1;
                             return onUpdateState();
                           case 1:
-                            return _context108.a(2);
+                            return _context111.a(2);
                         }
-                      }, _callee108);
+                      }, _callee111);
                     }));
-                    return function (_x95) {
-                      return _ref138.apply(this, arguments);
+                    return function (_x96) {
+                      return _ref141.apply(this, arguments);
                     };
                   }());
                   cleanups.push(unsubscribe);
                 }
               }
             }
-            return _context109.a(2, function () {
+            return _context112.a(2, function () {
               cleanups.forEach(function (remove) {
                 return remove();
               });
             });
         }
-      }, _callee109);
+      }, _callee112);
     }));
     return _initializeWalletProviderListeners.apply(this, arguments);
   }
@@ -956,13 +958,13 @@ var ClientProvider = function ClientProvider(_ref) {
    * @throws {TurnkeyError} If an error occurs while clearing the timers.
    */
   function _scheduleSessionExpiration() {
-    _scheduleSessionExpiration = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee112(params) {
-      var sessionKey, expiry, warnKey, now, expiryMs, timeUntilExpiry, _beforeExpiry, expireSession, warnAt, _callbacks$onError0, _callbacks$onError1, _t35;
-      return _regenerator().w(function (_context112) {
-        while (1) switch (_context112.p = _context112.n) {
+    _scheduleSessionExpiration = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee115(params) {
+      var sessionKey, expiry, warnKey, now, expiryMs, timeUntilExpiry, _beforeExpiry, expireSession, warnAt, _callbacks$onError0, _callbacks$onError1, _t38;
+      return _regenerator().w(function (_context115) {
+        while (1) switch (_context115.p = _context115.n) {
           case 0:
             sessionKey = params.sessionKey, expiry = params.expiry;
-            _context112.p = 1;
+            _context115.p = 1;
             warnKey = "".concat(sessionKey, "-warning"); // Replace any prior timers for this session
             clearKey(expiryTimeoutsRef.current, sessionKey);
             clearKey(expiryTimeoutsRef.current, warnKey);
@@ -970,86 +972,86 @@ var ClientProvider = function ClientProvider(_ref) {
             expiryMs = expiry * 1000;
             timeUntilExpiry = expiryMs - now;
             _beforeExpiry = /*#__PURE__*/function () {
-              var _ref139 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee110() {
+              var _ref142 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee113() {
                 var _callbacks$beforeSess, _masterConfig$auth50;
                 var activeSession, session;
-                return _regenerator().w(function (_context110) {
-                  while (1) switch (_context110.n) {
+                return _regenerator().w(function (_context113) {
+                  while (1) switch (_context113.n) {
                     case 0:
-                      _context110.n = 1;
+                      _context113.n = 1;
                       return getSession();
                     case 1:
-                      activeSession = _context110.v;
+                      activeSession = _context113.v;
                       if (!(!activeSession && expiryTimeoutsRef.current[warnKey])) {
-                        _context110.n = 2;
+                        _context113.n = 2;
                         break;
                       }
                       // Keep nudging until session materializes (short 10s timer is fine)
                       setTimeoutInMap(expiryTimeoutsRef.current, warnKey, _beforeExpiry, 10000);
-                      return _context110.a(2);
+                      return _context113.a(2);
                     case 2:
-                      _context110.n = 3;
+                      _context113.n = 3;
                       return getSession({
                         sessionKey: sessionKey
                       });
                     case 3:
-                      session = _context110.v;
+                      session = _context113.v;
                       if (session) {
-                        _context110.n = 4;
+                        _context113.n = 4;
                         break;
                       }
-                      return _context110.a(2);
+                      return _context113.a(2);
                     case 4:
                       callbacks === null || callbacks === void 0 ? void 0 : (_callbacks$beforeSess = callbacks.beforeSessionExpiry) === null || _callbacks$beforeSess === void 0 ? void 0 : _callbacks$beforeSess.call(callbacks, {
                         sessionKey: sessionKey
                       });
                       if (!(masterConfig !== null && masterConfig !== void 0 && (_masterConfig$auth50 = masterConfig.auth) !== null && _masterConfig$auth50 !== void 0 && _masterConfig$auth50.autoRefreshSession)) {
-                        _context110.n = 5;
+                        _context113.n = 5;
                         break;
                       }
-                      _context110.n = 5;
+                      _context113.n = 5;
                       return refreshSession({
                         expirationSeconds: session.expirationSeconds,
                         sessionKey: sessionKey
                       });
                     case 5:
-                      return _context110.a(2);
+                      return _context113.a(2);
                   }
-                }, _callee110);
+                }, _callee113);
               }));
               return function beforeExpiry() {
-                return _ref139.apply(this, arguments);
+                return _ref142.apply(this, arguments);
               };
             }();
             expireSession = /*#__PURE__*/function () {
-              var _ref140 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee111() {
+              var _ref143 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee114() {
                 var _callbacks$onSessionE;
-                var expiredSession, _t33, _t34;
-                return _regenerator().w(function (_context111) {
-                  while (1) switch (_context111.n) {
+                var expiredSession, _t36, _t37;
+                return _regenerator().w(function (_context114) {
+                  while (1) switch (_context114.n) {
                     case 0:
-                      _context111.n = 1;
+                      _context114.n = 1;
                       return getSession({
                         sessionKey: sessionKey
                       });
                     case 1:
-                      expiredSession = _context111.v;
+                      expiredSession = _context114.v;
                       if (expiredSession) {
-                        _context111.n = 2;
+                        _context114.n = 2;
                         break;
                       }
-                      return _context111.a(2);
+                      return _context114.a(2);
                     case 2:
                       callbacks === null || callbacks === void 0 ? void 0 : (_callbacks$onSessionE = callbacks.onSessionExpired) === null || _callbacks$onSessionE === void 0 ? void 0 : _callbacks$onSessionE.call(callbacks, {
                         sessionKey: sessionKey
                       });
-                      _context111.n = 3;
+                      _context114.n = 3;
                       return getActiveSessionKey();
                     case 3:
-                      _t33 = _context111.v;
-                      _t34 = sessionKey;
-                      if (!(_t33 === _t34)) {
-                        _context111.n = 4;
+                      _t36 = _context114.v;
+                      _t37 = sessionKey;
+                      if (!(_t36 === _t37)) {
+                        _context114.n = 4;
                         break;
                       }
                       setSession(undefined);
@@ -1060,7 +1062,7 @@ var ClientProvider = function ClientProvider(_ref) {
                         delete next[sessionKey];
                         return next;
                       });
-                      _context111.n = 5;
+                      _context114.n = 5;
                       return clearSession({
                         sessionKey: sessionKey
                       });
@@ -1068,25 +1070,25 @@ var ClientProvider = function ClientProvider(_ref) {
                       // Remove timers for this session
                       clearKey(expiryTimeoutsRef.current, sessionKey);
                       clearKey(expiryTimeoutsRef.current, warnKey);
-                      _context111.n = 6;
+                      _context114.n = 6;
                       return logout();
                     case 6:
-                      return _context111.a(2);
+                      return _context114.a(2);
                   }
-                }, _callee111);
+                }, _callee114);
               }));
               return function expireSession() {
-                return _ref140.apply(this, arguments);
+                return _ref143.apply(this, arguments);
               };
             }(); // Already expired → expire immediately
             if (!(timeUntilExpiry <= 0)) {
-              _context112.n = 3;
+              _context115.n = 3;
               break;
             }
-            _context112.n = 2;
+            _context115.n = 2;
             return expireSession();
           case 2:
-            return _context112.a(2);
+            return _context115.a(2);
           case 3:
             // Warning timer (if threshold is in the future)
             warnAt = expiryMs - SESSION_WARNING_THRESHOLD_MS;
@@ -1097,20 +1099,20 @@ var ClientProvider = function ClientProvider(_ref) {
             }
             // Actual expiry timer (safe for long delays)
             setCappedTimeoutInMap(expiryTimeoutsRef.current, sessionKey, expireSession, timeUntilExpiry);
-            _context112.n = 5;
+            _context115.n = 5;
             break;
           case 4:
-            _context112.p = 4;
-            _t35 = _context112.v;
-            if (_t35 instanceof TurnkeyError || _t35 instanceof TurnkeyNetworkError) {
-              callbacks === null || callbacks === void 0 ? void 0 : (_callbacks$onError0 = callbacks.onError) === null || _callbacks$onError0 === void 0 ? void 0 : _callbacks$onError0.call(callbacks, _t35);
+            _context115.p = 4;
+            _t38 = _context115.v;
+            if (_t38 instanceof TurnkeyError || _t38 instanceof TurnkeyNetworkError) {
+              callbacks === null || callbacks === void 0 ? void 0 : (_callbacks$onError0 = callbacks.onError) === null || _callbacks$onError0 === void 0 ? void 0 : _callbacks$onError0.call(callbacks, _t38);
             } else {
-              callbacks === null || callbacks === void 0 ? void 0 : (_callbacks$onError1 = callbacks.onError) === null || _callbacks$onError1 === void 0 ? void 0 : _callbacks$onError1.call(callbacks, new TurnkeyError("Failed to schedule session expiration for ".concat(sessionKey), TurnkeyErrorCodes.SCHEDULE_SESSION_EXPIRY_ERROR, _t35));
+              callbacks === null || callbacks === void 0 ? void 0 : (_callbacks$onError1 = callbacks.onError) === null || _callbacks$onError1 === void 0 ? void 0 : _callbacks$onError1.call(callbacks, new TurnkeyError("Failed to schedule session expiration for ".concat(sessionKey), TurnkeyErrorCodes.SCHEDULE_SESSION_EXPIRY_ERROR, _t38));
             }
           case 5:
-            return _context112.a(2);
+            return _context115.a(2);
         }
-      }, _callee112, null, [[1, 4]]);
+      }, _callee115, null, [[1, 4]]);
     }));
     return _scheduleSessionExpiration.apply(this, arguments);
   }
@@ -6087,26 +6089,269 @@ var ClientProvider = function ClientProvider(_ref) {
       return _ref129.apply(this, arguments);
     };
   }(), [pushPage, masterConfig, client, session, user]);
+  var handleOnRamp = useCallback(/*#__PURE__*/function () {
+    var _ref131 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee104(params) {
+      var _walletAccount$addres;
+      var walletAccount, fiatCurrencyAmount, fiatCurrencyCode, paymentMethod, countrySubdivisionCode, urlForSignature, countryCode, _params$onrampProvide, onrampProvider, _params$sandboxMode, sandboxMode, _params$successPageDu5, successPageDuration, _params$openInNewTab, openInNewTab, s, organizationId, cryptoCurrencyCode, network, openNewTab, _t33;
+      return _regenerator().w(function (_context104) {
+        while (1) switch (_context104.n) {
+          case 0:
+            walletAccount = params.walletAccount, fiatCurrencyAmount = params.fiatCurrencyAmount, fiatCurrencyCode = params.fiatCurrencyCode, paymentMethod = params.paymentMethod, countrySubdivisionCode = params.countrySubdivisionCode, urlForSignature = params.urlForSignature, countryCode = params.countryCode, _params$onrampProvide = params.onrampProvider, onrampProvider = _params$onrampProvide === void 0 ? "FIAT_ON_RAMP_PROVIDER_MOONPAY" : _params$onrampProvide, _params$sandboxMode = params.sandboxMode, sandboxMode = _params$sandboxMode === void 0 ? true : _params$sandboxMode, _params$successPageDu5 = params.successPageDuration, successPageDuration = _params$successPageDu5 === void 0 ? 2000 : _params$successPageDu5, _params$openInNewTab = params.openInNewTab, openInNewTab = _params$openInNewTab === void 0 ? false : _params$openInNewTab;
+            _context104.n = 1;
+            return getSession();
+          case 1:
+            s = _context104.v;
+            organizationId = (params === null || params === void 0 ? void 0 : params.organizationId) || (s === null || s === void 0 ? void 0 : s.organizationId);
+            if (organizationId) {
+              _context104.n = 2;
+              break;
+            }
+            throw new TurnkeyError("A session or passed in organization ID is required.", TurnkeyErrorCodes.INVALID_REQUEST);
+          case 2:
+            _t33 = true;
+            _context104.n = _t33 === (walletAccount.addressFormat === "ADDRESS_FORMAT_ETHEREUM") ? 3 : _t33 === ((_walletAccount$addres = walletAccount.addressFormat) === null || _walletAccount$addres === void 0 ? void 0 : _walletAccount$addres.includes("ADDRESS_FORMAT_BITCOIN")) ? 4 : _t33 === (walletAccount.addressFormat === "ADDRESS_FORMAT_SOLANA") ? 5 : 6;
+            break;
+          case 3:
+            cryptoCurrencyCode = FiatOnRampCryptoCurrency.ETHEREUM;
+            network = FiatOnRampBlockchainNetwork.ETHEREUM;
+            return _context104.a(3, 7);
+          case 4:
+            cryptoCurrencyCode = FiatOnRampCryptoCurrency.BITCOIN;
+            network = FiatOnRampBlockchainNetwork.BITCOIN;
+            return _context104.a(3, 7);
+          case 5:
+            cryptoCurrencyCode = FiatOnRampCryptoCurrency.SOLANA;
+            network = FiatOnRampBlockchainNetwork.SOLANA;
+            return _context104.a(3, 7);
+          case 6:
+            cryptoCurrencyCode = FiatOnRampCryptoCurrency.ETHEREUM;
+            network = FiatOnRampBlockchainNetwork.ETHEREUM;
+            return _context104.a(3, 7);
+          case 7:
+            openNewTab = openInNewTab || isMobile;
+            cryptoCurrencyCode = params.cryptoCurrencyCode || cryptoCurrencyCode;
+            network = params.network || network;
+            return _context104.a(2, new Promise(function (resolve, reject) {
+              var OnRampContainer = function OnRampContainer() {
+                var _useState15 = useState(false),
+                  _useState16 = _slicedToArray(_useState15, 2),
+                  completed = _useState16[0],
+                  setCompleted = _useState16[1];
+                var pollingRef = useRef(null);
+                var cleanup = function cleanup() {
+                  if (pollingRef.current) {
+                    clearInterval(pollingRef.current);
+                    pollingRef.current = null;
+                  }
+                };
+                useEffect(function () {
+                  return function () {
+                    cleanup();
+                  };
+                }, []);
+                var action = /*#__PURE__*/function () {
+                  var _ref132 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee103() {
+                    var _client$httpClient, onRampWindow, result, _popupWidth, _popupHeight, left, top, onRampTransactionId, _t32;
+                    return _regenerator().w(function (_context103) {
+                      while (1) switch (_context103.p = _context103.n) {
+                        case 0:
+                          _context103.p = 0;
+                          onRampWindow = null;
+                          if (!openNewTab) {
+                            _context103.n = 1;
+                            break;
+                          }
+                          onRampWindow = window.open("", "_blank");
+                          if (onRampWindow) {
+                            _context103.n = 1;
+                            break;
+                          }
+                          throw new Error("Failed to open On Ramp tab.");
+                        case 1:
+                          _context103.n = 2;
+                          return client === null || client === void 0 ? void 0 : (_client$httpClient = client.httpClient) === null || _client$httpClient === void 0 ? void 0 : _client$httpClient.initFiatOnRamp(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
+                            onrampProvider: onrampProvider,
+                            walletAddress: walletAccount.address,
+                            network: network,
+                            cryptoCurrencyCode: cryptoCurrencyCode,
+                            sandboxMode: sandboxMode,
+                            organizationId: organizationId
+                          }, fiatCurrencyCode ? {
+                            fiatCurrencyCode: fiatCurrencyCode
+                          } : {}), fiatCurrencyAmount ? {
+                            fiatCurrencyAmount: fiatCurrencyAmount
+                          } : {}), paymentMethod ? {
+                            paymentMethod: paymentMethod
+                          } : {}), countryCode ? {
+                            countryCode: countryCode
+                          } : {}), countrySubdivisionCode ? {
+                            countrySubdivisionCode: countrySubdivisionCode
+                          } : {}), sandboxMode !== undefined ? {
+                            sandboxMode: sandboxMode
+                          } : {}), urlForSignature ? {
+                            urlForSignature: urlForSignature
+                          } : {}));
+                        case 2:
+                          result = _context103.v;
+                          if (result !== null && result !== void 0 && result.onRampUrl) {
+                            _context103.n = 3;
+                            break;
+                          }
+                          throw new Error("Missing onRampUrl");
+                        case 3:
+                          if (!(openNewTab && onRampWindow)) {
+                            _context103.n = 4;
+                            break;
+                          }
+                          onRampWindow.location.href = result.onRampUrl.toString();
+                          _context103.n = 5;
+                          break;
+                        case 4:
+                          _popupWidth = 500;
+                          _popupHeight = 600;
+                          left = window.screenX + (window.innerWidth - _popupWidth) / 2;
+                          top = window.screenY + (window.innerHeight - _popupHeight) / 2;
+                          onRampWindow = window.open(result.onRampUrl.toString(), "_blank", "width=".concat(_popupWidth, ",height=").concat(_popupHeight, ",top=").concat(top, ",left=").concat(left, ",scrollbars=yes,resizable=yes"));
+                          if (onRampWindow) {
+                            _context103.n = 5;
+                            break;
+                          }
+                          throw new Error("Failed to open On Ramp window.");
+                        case 5:
+                          onRampTransactionId = result.onRampTransactionId;
+                          if (onRampTransactionId) {
+                            _context103.n = 6;
+                            break;
+                          }
+                          throw new Error("No onRampTransactionId returned");
+                        case 6:
+                          return _context103.a(2, new Promise(function (resolveAction, rejectAction) {
+                            pollingRef.current = setInterval(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee102() {
+                              var _onRampWindow, _client$httpClient2, currentUrl, _onRampWindow2, _onRampWindow3, resp, status, _onRampWindow4, _t31;
+                              return _regenerator().w(function (_context102) {
+                                while (1) switch (_context102.p = _context102.n) {
+                                  case 0:
+                                    _context102.p = 0;
+                                    if (!(onrampProvider === "FIAT_ON_RAMP_PROVIDER_COINBASE" && (_onRampWindow = onRampWindow) !== null && _onRampWindow !== void 0 && _onRampWindow.closed)) {
+                                      _context102.n = 1;
+                                      break;
+                                    }
+                                    cleanup();
+                                    rejectAction(new Error("On-ramp popup closed by user"));
+                                    return _context102.a(2);
+                                  case 1:
+                                    currentUrl = "";
+                                    try {
+                                      currentUrl = ((_onRampWindow2 = onRampWindow) === null || _onRampWindow2 === void 0 ? void 0 : _onRampWindow2.location.href) || "";
+                                    } catch (_unused3) {}
+                                    if (!(currentUrl && currentUrl.startsWith(window.location.origin))) {
+                                      _context102.n = 2;
+                                      break;
+                                    }
+                                    cleanup();
+                                    (_onRampWindow3 = onRampWindow) === null || _onRampWindow3 === void 0 ? void 0 : _onRampWindow3.close();
+                                    setCompleted(true);
+                                    resolveAction();
+                                    return _context102.a(2);
+                                  case 2:
+                                    _context102.n = 3;
+                                    return client === null || client === void 0 ? void 0 : (_client$httpClient2 = client.httpClient) === null || _client$httpClient2 === void 0 ? void 0 : _client$httpClient2.getOnRampTransactionStatus({
+                                      transactionId: onRampTransactionId,
+                                      refresh: true
+                                    });
+                                  case 3:
+                                    resp = _context102.v;
+                                    status = resp === null || resp === void 0 ? void 0 : resp.transactionStatus;
+                                    if (["COMPLETED", "FAILED", "CANCELLED"].includes(status !== null && status !== void 0 ? status : "")) {
+                                      cleanup();
+                                      try {
+                                        (_onRampWindow4 = onRampWindow) === null || _onRampWindow4 === void 0 ? void 0 : _onRampWindow4.close();
+                                      } catch (_unused4) {}
+                                      setCompleted(true);
+                                      resolveAction();
+                                    }
+                                    _context102.n = 5;
+                                    break;
+                                  case 4:
+                                    _context102.p = 4;
+                                    _t31 = _context102.v;
+                                    console.warn("Polling error (ignored):", _t31);
+                                  case 5:
+                                    return _context102.a(2);
+                                }
+                              }, _callee102, null, [[0, 4]]);
+                            })), 3000);
+                          }));
+                        case 7:
+                          _context103.p = 7;
+                          _t32 = _context103.v;
+                          cleanup();
+                          throw _t32;
+                        case 8:
+                          return _context103.a(2);
+                      }
+                    }, _callee103, null, [[0, 7]]);
+                  }));
+                  return function action() {
+                    return _ref132.apply(this, arguments);
+                  };
+                }();
+                return jsx(OnRampPage, {
+                  icon: onrampProvider === "FIAT_ON_RAMP_PROVIDER_COINBASE" ? jsx(CoinbaseLogo, {
+                    className: "w-12 h-12"
+                  }) : jsx(MoonPayLogo, {
+                    className: "w-12 h-12"
+                  }),
+                  onrampProvider: onrampProvider,
+                  action: action,
+                  sandboxMode: sandboxMode,
+                  completed: completed,
+                  successPageDuration: successPageDuration,
+                  onSuccess: function onSuccess() {
+                    return resolve();
+                  },
+                  onError: function onError(err) {
+                    return reject(err);
+                  }
+                });
+              };
+              pushPage({
+                key: "Fiat On-Ramp",
+                content: jsx(OnRampContainer, {}),
+                showTitle: false,
+                preventBack: true,
+                onClose: function onClose() {
+                  return reject(new TurnkeyError("User canceled the on-ramp process.", TurnkeyErrorCodes.USER_CANCELED));
+                }
+              });
+            }));
+        }
+      }, _callee104);
+    }));
+    return function (_x91) {
+      return _ref131.apply(this, arguments);
+    };
+  }(), [pushPage, client]);
   var handleVerifyAppProofs = useCallback(/*#__PURE__*/function () {
-    var _ref131 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee102(params) {
-      var _ref132, appProofs, _ref132$successPageDu, successPageDuration, stampWith, s, organizationId, _t31;
-      return _regenerator().w(function (_context102) {
-        while (1) switch (_context102.p = _context102.n) {
+    var _ref134 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee105(params) {
+      var _ref135, appProofs, _ref135$successPageDu, successPageDuration, stampWith, s, organizationId, _t34;
+      return _regenerator().w(function (_context105) {
+        while (1) switch (_context105.p = _context105.n) {
           case 0:
-            _ref132 = params || {}, appProofs = _ref132.appProofs, _ref132$successPageDu = _ref132.successPageDuration, successPageDuration = _ref132$successPageDu === void 0 ? 3000 : _ref132$successPageDu, stampWith = _ref132.stampWith;
-            _context102.n = 1;
+            _ref135 = params || {}, appProofs = _ref135.appProofs, _ref135$successPageDu = _ref135.successPageDuration, successPageDuration = _ref135$successPageDu === void 0 ? 3000 : _ref135$successPageDu, stampWith = _ref135.stampWith;
+            _context105.n = 1;
             return getSession();
           case 1:
-            s = _context102.v;
+            s = _context105.v;
             organizationId = (params === null || params === void 0 ? void 0 : params.organizationId) || (s === null || s === void 0 ? void 0 : s.organizationId);
             if (organizationId) {
-              _context102.n = 2;
+              _context105.n = 2;
               break;
             }
             throw new TurnkeyError("A session or passed in organization ID is required.", TurnkeyErrorCodes.INVALID_REQUEST);
           case 2:
-            _context102.p = 2;
-            return _context102.a(2, new Promise(function (resolve, reject) {
+            _context105.p = 2;
+            return _context105.a(2, new Promise(function (resolve, reject) {
               pushPage({
                 key: "Verify app proofs",
                 showTurnkeyBranding: false,
@@ -6132,58 +6377,58 @@ var ClientProvider = function ClientProvider(_ref) {
               });
             }));
           case 3:
-            _context102.p = 3;
-            _t31 = _context102.v;
-            if (!(_t31 instanceof TurnkeyError)) {
-              _context102.n = 4;
+            _context105.p = 3;
+            _t34 = _context105.v;
+            if (!(_t34 instanceof TurnkeyError)) {
+              _context105.n = 4;
               break;
             }
-            throw _t31;
+            throw _t34;
           case 4:
-            throw new TurnkeyError("Failed to verify app proofs.", TurnkeyErrorCodes.VERIFY_APP_PROOFS_ERROR, _t31);
+            throw new TurnkeyError("Failed to verify app proofs.", TurnkeyErrorCodes.VERIFY_APP_PROOFS_ERROR, _t34);
           case 5:
-            return _context102.a(2);
+            return _context105.a(2);
         }
-      }, _callee102, null, [[2, 3]]);
+      }, _callee105, null, [[2, 3]]);
     }));
-    return function (_x91) {
-      return _ref131.apply(this, arguments);
+    return function (_x92) {
+      return _ref134.apply(this, arguments);
     };
   }(), [pushPage, client]);
   useEffect(function () {
     if (proxyAuthConfigRef.current) return;
     // Only fetch the proxy auth config once. Use that to build the master config.
     var fetchProxyAuthConfig = /*#__PURE__*/function () {
-      var _ref133 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee103() {
+      var _ref136 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee106() {
         var proxyAuthConfig;
-        return _regenerator().w(function (_context103) {
-          while (1) switch (_context103.p = _context103.n) {
+        return _regenerator().w(function (_context106) {
+          while (1) switch (_context106.p = _context106.n) {
             case 0:
-              _context103.p = 0;
+              _context106.p = 0;
               if (!config.authProxyConfigId) {
-                _context103.n = 2;
+                _context106.n = 2;
                 break;
               }
-              _context103.n = 1;
+              _context106.n = 1;
               return getAuthProxyConfig(config.authProxyConfigId, config.authProxyUrl);
             case 1:
-              proxyAuthConfig = _context103.v;
+              proxyAuthConfig = _context106.v;
               proxyAuthConfigRef.current = proxyAuthConfig;
             case 2:
               setMasterConfig(buildConfig(proxyAuthConfig));
-              _context103.n = 4;
+              _context106.n = 4;
               break;
             case 3:
-              _context103.p = 3;
-              _context103.v;
+              _context106.p = 3;
+              _context106.v;
               setClientState(ClientState.Error);
             case 4:
-              return _context103.a(2);
+              return _context106.a(2);
           }
-        }, _callee103, null, [[0, 3]]);
+        }, _callee106, null, [[0, 3]]);
       }));
       return function fetchProxyAuthConfig() {
-        return _ref133.apply(this, arguments);
+        return _ref136.apply(this, arguments);
       };
     }();
     fetchProxyAuthConfig();
@@ -6215,29 +6460,29 @@ var ClientProvider = function ClientProvider(_ref) {
   useEffect(function () {
     if (!client) return;
     var handleUpdateState = /*#__PURE__*/function () {
-      var _ref134 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee104() {
-        return _regenerator().w(function (_context104) {
-          while (1) switch (_context104.n) {
+      var _ref137 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee107() {
+        return _regenerator().w(function (_context107) {
+          while (1) switch (_context107.n) {
             case 0:
               if (!session) {
-                _context104.n = 2;
+                _context107.n = 2;
                 break;
               }
-              _context104.n = 1;
+              _context107.n = 1;
               return debouncedRefreshWallets();
             case 1:
-              _context104.n = 3;
+              _context107.n = 3;
               break;
             case 2:
-              _context104.n = 3;
+              _context107.n = 3;
               return debouncedFetchWalletProviders();
             case 3:
-              return _context104.a(2);
+              return _context107.a(2);
           }
-        }, _callee104);
+        }, _callee107);
       }));
       return function handleUpdateState() {
-        return _ref134.apply(this, arguments);
+        return _ref137.apply(this, arguments);
       };
     }();
     var cleanup = function cleanup() {};
@@ -6376,7 +6621,8 @@ var ClientProvider = function ClientProvider(_ref) {
       handleConnectExternalWallet: handleConnectExternalWallet,
       handleRemoveUserEmail: handleRemoveUserEmail,
       handleRemoveUserPhoneNumber: handleRemoveUserPhoneNumber,
-      handleVerifyAppProofs: handleVerifyAppProofs
+      handleVerifyAppProofs: handleVerifyAppProofs,
+      handleOnRamp: handleOnRamp
     },
     children: children
   });