@turnkey/react-wallet-kit 1.4.3 → 1.5.1

package/dist/providers/client/Provider.js

@@ -30,6 +30,8 @@ var OTP = require('../../components/auth/OTP.js');
 var RemoveEmail = require('../../components/user/RemoveEmail.js');
 var RemovePhoneNumber = require('../../components/user/RemovePhoneNumber.js');
 var Verify = require('../../components/verify/Verify.js');
+var OnRamp = require('../../components/onramp/OnRamp.js');
+var Svg = require('../../components/design/Svg.js');
 
 /**
  * Provides Turnkey client authentication, session management, wallet operations, and user profile management
@@ -2458,6 +2460,7 @@ const ClientProvider = ({
       successPageDuration = 2000,
       stampWith,
       walletName,
+      clearClipboardOnPaste,
       organizationId,
       userId
     } = params || {};
@@ -2476,6 +2479,9 @@ const ClientProvider = ({
           ...(successPageDuration !== undefined && {
             successPageDuration
           }),
+          ...(clearClipboardOnPaste !== undefined && {
+            clearClipboardOnPaste // Note: This is defaulted to true in the IframeStamper
+          }),
           ...(stampWith !== undefined && {
             stampWith
           }),
@@ -2504,6 +2510,7 @@ const ClientProvider = ({
       successPageDuration = 2000,
       stampWith,
       keyName,
+      clearClipboardOnPaste,
       organizationId
     } = params || {};
     try {
@@ -2520,6 +2527,9 @@ const ClientProvider = ({
           ...(successPageDuration !== undefined && {
             successPageDuration
           }),
+          ...(clearClipboardOnPaste !== undefined && {
+            clearClipboardOnPaste // Note: This is defaulted to true in the IframeStamper
+          }),
           ...(stampWith !== undefined && {
             stampWith
           }),
@@ -3438,6 +3448,178 @@ const ClientProvider = ({
       throw new sdkTypes.TurnkeyError("Failed to remove user phone number.", sdkTypes.TurnkeyErrorCodes.UPDATE_USER_PHONE_NUMBER_ERROR, error);
     }
   }, [pushPage, masterConfig, client, session, user]);
+  const handleOnRamp = react.useCallback(async params => {
+    const {
+      walletAccount,
+      fiatCurrencyAmount,
+      fiatCurrencyCode,
+      paymentMethod,
+      countrySubdivisionCode,
+      urlForSignature,
+      countryCode,
+      onrampProvider = "FIAT_ON_RAMP_PROVIDER_MOONPAY",
+      sandboxMode = true,
+      successPageDuration = 2000,
+      openInNewTab = false
+    } = params;
+    const s = await getSession();
+    const organizationId = params?.organizationId || s?.organizationId;
+    if (!organizationId) {
+      throw new sdkTypes.TurnkeyError("A session or passed in organization ID is required.", sdkTypes.TurnkeyErrorCodes.INVALID_REQUEST);
+    }
+    let cryptoCurrencyCode;
+    let network;
+    switch (true) {
+      case walletAccount.addressFormat === "ADDRESS_FORMAT_ETHEREUM":
+        cryptoCurrencyCode = sdkTypes.FiatOnRampCryptoCurrency.ETHEREUM;
+        network = sdkTypes.FiatOnRampBlockchainNetwork.ETHEREUM;
+        break;
+      case walletAccount.addressFormat?.includes("ADDRESS_FORMAT_BITCOIN"):
+        cryptoCurrencyCode = sdkTypes.FiatOnRampCryptoCurrency.BITCOIN;
+        network = sdkTypes.FiatOnRampBlockchainNetwork.BITCOIN;
+        break;
+      case walletAccount.addressFormat === "ADDRESS_FORMAT_SOLANA":
+        cryptoCurrencyCode = sdkTypes.FiatOnRampCryptoCurrency.SOLANA;
+        network = sdkTypes.FiatOnRampBlockchainNetwork.SOLANA;
+        break;
+      default:
+        cryptoCurrencyCode = sdkTypes.FiatOnRampCryptoCurrency.ETHEREUM;
+        network = sdkTypes.FiatOnRampBlockchainNetwork.ETHEREUM;
+        break;
+    }
+    const openNewTab = openInNewTab || isMobile;
+    cryptoCurrencyCode = params.cryptoCurrencyCode || cryptoCurrencyCode;
+    network = params.network || network;
+    return new Promise((resolve, reject) => {
+      const OnRampContainer = () => {
+        const [completed, setCompleted] = react.useState(false);
+        const pollingRef = react.useRef(null);
+        const cleanup = () => {
+          if (pollingRef.current) {
+            clearInterval(pollingRef.current);
+            pollingRef.current = null;
+          }
+        };
+        react.useEffect(() => {
+          return () => {
+            cleanup();
+          };
+        }, []);
+        const action = async () => {
+          try {
+            let onRampWindow = null;
+            if (openNewTab) {
+              onRampWindow = window.open("", "_blank");
+              if (!onRampWindow) throw new Error("Failed to open On Ramp tab.");
+            }
+            const result = await client?.httpClient?.initFiatOnRamp({
+              onrampProvider,
+              walletAddress: walletAccount.address,
+              network,
+              cryptoCurrencyCode,
+              sandboxMode,
+              organizationId,
+              ...(fiatCurrencyCode ? {
+                fiatCurrencyCode
+              } : {}),
+              ...(fiatCurrencyAmount ? {
+                fiatCurrencyAmount
+              } : {}),
+              ...(paymentMethod ? {
+                paymentMethod
+              } : {}),
+              ...(countryCode ? {
+                countryCode
+              } : {}),
+              ...(countrySubdivisionCode ? {
+                countrySubdivisionCode
+              } : {}),
+              ...(sandboxMode !== undefined ? {
+                sandboxMode
+              } : {}),
+              ...(urlForSignature ? {
+                urlForSignature
+              } : {})
+            });
+            if (!result?.onRampUrl) throw new Error("Missing onRampUrl");
+            if (openNewTab && onRampWindow) {
+              onRampWindow.location.href = result.onRampUrl.toString();
+            } else {
+              const popupWidth = 500;
+              const popupHeight = 600;
+              const left = window.screenX + (window.innerWidth - popupWidth) / 2;
+              const top = window.screenY + (window.innerHeight - popupHeight) / 2;
+              onRampWindow = window.open(result.onRampUrl.toString(), "_blank", `width=${popupWidth},height=${popupHeight},top=${top},left=${left},scrollbars=yes,resizable=yes`);
+              if (!onRampWindow) throw new Error("Failed to open On Ramp window.");
+            }
+            const onRampTransactionId = result.onRampTransactionId;
+            if (!onRampTransactionId) throw new Error("No onRampTransactionId returned");
+            return new Promise((resolveAction, rejectAction) => {
+              pollingRef.current = setInterval(async () => {
+                try {
+                  if (onrampProvider === "FIAT_ON_RAMP_PROVIDER_COINBASE" && onRampWindow?.closed) {
+                    cleanup();
+                    rejectAction(new Error("On-ramp popup closed by user"));
+                    return;
+                  }
+                  let currentUrl = "";
+                  try {
+                    currentUrl = onRampWindow?.location.href || "";
+                  } catch {}
+                  if (currentUrl && currentUrl.startsWith(window.location.origin)) {
+                    cleanup();
+                    onRampWindow?.close();
+                    setCompleted(true);
+                    resolveAction();
+                    return;
+                  }
+                  const resp = await client?.httpClient?.getOnRampTransactionStatus({
+                    transactionId: onRampTransactionId,
+                    refresh: true
+                  });
+                  const status = resp?.transactionStatus;
+                  if (["COMPLETED", "FAILED", "CANCELLED"].includes(status ?? "")) {
+                    cleanup();
+                    try {
+                      onRampWindow?.close();
+                    } catch {}
+                    setCompleted(true);
+                    resolveAction();
+                  }
+                } catch (error) {
+                  console.warn("Polling error (ignored):", error);
+                }
+              }, 3000);
+            });
+          } catch (err) {
+            cleanup();
+            throw err;
+          }
+        };
+        return jsxRuntime.jsx(OnRamp.OnRampPage, {
+          icon: onrampProvider === "FIAT_ON_RAMP_PROVIDER_COINBASE" ? jsxRuntime.jsx(Svg.CoinbaseLogo, {
+            className: "w-12 h-12"
+          }) : jsxRuntime.jsx(Svg.MoonPayLogo, {
+            className: "w-12 h-12"
+          }),
+          onrampProvider: onrampProvider,
+          action: action,
+          sandboxMode: sandboxMode,
+          completed: completed,
+          successPageDuration: successPageDuration,
+          onSuccess: () => resolve(),
+          onError: err => reject(err)
+        });
+      };
+      pushPage({
+        key: "Fiat OnRamp",
+        content: jsxRuntime.jsx(OnRampContainer, {}),
+        showTitle: false,
+        preventBack: true,
+        onClose: () => reject(new sdkTypes.TurnkeyError("User canceled the onramp process.", sdkTypes.TurnkeyErrorCodes.USER_CANCELED))
+      });
+    });
+  }, [pushPage, client]);
   const handleVerifyAppProofs = react.useCallback(async params => {
     const {
       appProofs,
@@ -3674,7 +3856,8 @@ const ClientProvider = ({
       handleConnectExternalWallet,
       handleRemoveUserEmail,
       handleRemoveUserPhoneNumber,
-      handleVerifyAppProofs
+      handleVerifyAppProofs,
+      handleOnRamp
     },
     children: children
   });