@unifold/ui-web 0.1.45 → 0.1.47

package/dist/index.js

@@ -43351,6 +43351,9 @@ function getOnrampSessionStartUrl(request, publishableKey) {
   if (request.subdivision_code) {
     params.append("subdivision_code", request.subdivision_code);
   }
+  if (request.external_id) {
+    params.append("external_id", request.external_id);
+  }
   return `${API_BASE_URL}/v1/public/onramps/sessions/start?${params.toString()}`;
 }
 async function getDefaultOnrampToken(params, publishableKey) {
@@ -43674,52 +43677,38 @@ async function getDepositQuote(request, publishableKey) {
   const json = await response.json();
   return json.data;
 }
-async function buildHypercoreTransaction(request, publishableKey) {
-  const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
-  validatePublishableKey(pk);
-  const response = await fetch(
-    `${API_BASE_URL}/v1/public/transactions/hypercore/build`,
-    {
-      method: "POST",
-      headers: {
-        accept: "application/json",
-        "x-publishable-key": pk,
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify(request)
+function generatePrefixedKSUID(prefix) {
+  const BASE62 = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
+  const KSUID_EPOCH = 14e8;
+  const timestampSeconds = Math.floor(Date.now() / 1e3) - KSUID_EPOCH;
+  const payload = new Uint8Array(20);
+  payload[0] = timestampSeconds >>> 24 & 255;
+  payload[1] = timestampSeconds >>> 16 & 255;
+  payload[2] = timestampSeconds >>> 8 & 255;
+  payload[3] = timestampSeconds & 255;
+  if (typeof crypto !== "undefined" && crypto.getRandomValues) {
+    crypto.getRandomValues(payload.subarray(4));
+  } else {
+    for (let i = 4; i < 20; i++) {
+      payload[i] = Math.floor(Math.random() * 256);
     }
-  );
-  if (!response.ok) {
-    const error = await response.json().catch(() => ({ message: response.statusText }));
-    throw new Error(
-      `Failed to build HyperCore transaction: ${error.message || response.statusText}`
-    );
   }
-  return response.json();
-}
-async function sendHypercoreTransaction(request, publishableKey) {
-  const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
-  validatePublishableKey(pk);
-  const response = await fetch(
-    `${API_BASE_URL}/v1/public/transactions/hypercore/send`,
-    {
-      method: "POST",
-      headers: {
-        accept: "application/json",
-        "x-publishable-key": pk,
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify(request)
-    }
-  );
-  if (!response.ok) {
-    const error = await response.json().catch(() => ({ message: response.statusText }));
-    throw new Error(
-      `Failed to send HyperCore transaction: ${error.message || response.statusText}`
-    );
+  let value = 0n;
+  for (const byte of payload) {
+    value = value << 8n | BigInt(byte);
   }
-  return response.json();
+  let encoded = "";
+  while (value > 0n) {
+    encoded = BASE62[Number(value % 62n)] + encoded;
+    value = value / 62n;
+  }
+  encoded = encoded.padStart(27, "0");
+  return `${prefix}_${encoded}`;
 }
+var DepositEventType = /* @__PURE__ */ ((DepositEventType2) => {
+  DepositEventType2["ONRAMP_SESSION_CREATED"] = "onramp_session.created";
+  return DepositEventType2;
+})(DepositEventType || {});
 var REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy");
 var use = React25[" use ".trim().toString()];
 function isPromiseLike(value) {
@@ -50053,6 +50042,7 @@ function BuyWithCard({
   destinationTokenAddress,
   onDepositSuccess,
   onDepositError,
+  onEvent,
   themeClass = "",
   wallets: externalWallets,
   assetCdnUrl,
@@ -50406,6 +50396,7 @@ function BuyWithCard({
       setQuotesError("Wallet address not available");
       return;
     }
+    const externalId = generatePrefixedKSUID("orsext");
     const sessionRequest = {
       service_provider: selectedProvider.service_provider,
       country_code: selectedProvider.country_code.toUpperCase() || "US",
@@ -50414,7 +50405,8 @@ function BuyWithCard({
       destination_currency: selectedProvider.destination_currency,
       destination_network: selectedProvider.destination_network,
       wallet_address: wallet.address,
-      subdivision_code: userIpInfo?.state || void 0
+      subdivision_code: userIpInfo?.state || void 0,
+      external_id: externalId
     };
     const sessionStartUrl = getOnrampSessionStartUrl(
       sessionRequest,
@@ -50424,7 +50416,14 @@ function BuyWithCard({
       provider: selectedProvider,
       sourceCurrency: currency,
       sourceAmount: amount,
-      sessionUrl: sessionStartUrl
+      sessionUrl: sessionStartUrl,
+      externalId
+    });
+    onEvent?.({
+      id: generatePrefixedKSUID("sevt"),
+      type: DepositEventType.ONRAMP_SESSION_CREATED,
+      created: Math.floor(Date.now() / 1e3),
+      data: { object: { externalId } }
     });
     window.open(sessionStartUrl, "_blank");
     handleViewChange("onramp");
@@ -57895,10 +57894,11 @@ function BrowserWalletModal({
   const chainType = depositWallet.chain_type;
   const recipientAddress = depositWallet.address;
   const supportedChainType = chainType === "algorand" || chainType === "xrpl" ? "ethereum" : chainType;
-  const { executions: depositExecutions, isPolling } = useDepositPolling({
+  const { executions: depositExecutions, isPolling, handleIveDeposited } = useDepositPolling({
     userId,
     publishableKey,
     clientSecret,
+    depositWalletId: depositWallet.id,
     enabled: open && hasSignedTransaction,
     onDepositSuccess,
     onDepositError
@@ -58149,6 +58149,7 @@ function BrowserWalletModal({
       }
       setReceivedUsdAtSubmission(checkoutReceivedUsd ?? "0");
       setHasSignedTransaction(true);
+      handleIveDeposited();
       setIsConfirming(false);
       setStep("confirming");
       onSuccess?.(txHash);
@@ -59185,6 +59186,7 @@ function DepositModal({
   hideDisplayDescription = false,
   onDepositSuccess,
   onDepositError,
+  onEvent,
   theme = "dark",
   hideOverlay = false,
   initialScreen = "main",
@@ -59699,6 +59701,7 @@ function DepositModal({
                     destinationTokenAddress,
                     onDepositSuccess,
                     onDepositError,
+                    onEvent,
                     themeClass,
                     wallets,
                     assetCdnUrl: projectConfig?.asset_cdn_url,
@@ -59882,6 +59885,10 @@ function CheckoutModal({
   publishableKey,
   modalTitle,
   enableConnectWallet = false,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol,
   theme = "dark",
   onCheckoutSuccess,
   onCheckoutError
@@ -60379,6 +60386,10 @@ function CheckoutModal({
                   destinationChainType: paymentIntent.destination_chain_type,
                   destinationChainId: paymentIntent.destination_chain_id,
                   destinationTokenAddress: paymentIntent.destination_token_address,
+                  defaultSourceChainType,
+                  defaultSourceChainId,
+                  defaultSourceTokenAddress,
+                  defaultSourceSymbol,
                   depositConfirmationMode: "auto_ui",
                   wallets,
                   onSourceTokenChange: setSelectedSource,
@@ -60880,249 +60891,10 @@ function useVerifyRecipientAddress(params) {
     refetchOnWindowFocus: false
   });
 }
-async function sendEvmWithdraw(params) {
-  const {
-    provider,
-    fromAddress,
-    depositWalletAddress,
-    sourceTokenAddress,
-    sourceChainId,
-    amountBaseUnit
-  } = params;
-  const currentChainIdHex = await provider.request({
-    method: "eth_chainId",
-    params: []
-  });
-  const currentChainId = parseInt(currentChainIdHex, 16).toString();
-  if (currentChainId !== sourceChainId) {
-    const requiredHex = "0x" + parseInt(sourceChainId).toString(16);
-    try {
-      await provider.request({
-        method: "wallet_switchEthereumChain",
-        params: [{ chainId: requiredHex }]
-      });
-      const newHex = await provider.request({ method: "eth_chainId", params: [] });
-      if (parseInt(newHex, 16).toString() !== sourceChainId) {
-        throw new Error(`Failed to switch to chain ${sourceChainId}. Please switch manually.`);
-      }
-    } catch (err) {
-      if (err && typeof err === "object" && "code" in err) {
-        const e = err;
-        if (e.code === 4902) throw new Error(`Chain ${sourceChainId} is not configured in your wallet.`);
-        if (e.code === 4001) throw new Error("You must approve the network switch to withdraw.");
-      }
-      throw err;
-    }
-  }
-  const isNative = sourceTokenAddress === "native" || sourceTokenAddress === "0x0000000000000000000000000000000000000000" || sourceTokenAddress === "";
-  const amountBig = BigInt(amountBaseUnit);
-  const txParams = isNative ? { from: fromAddress, to: depositWalletAddress, value: "0x" + amountBig.toString(16) } : {
-    from: fromAddress,
-    to: sourceTokenAddress,
-    data: "0xa9059cbb" + depositWalletAddress.slice(2).padStart(64, "0") + amountBig.toString(16).padStart(64, "0")
-  };
-  let gasEstimate;
-  try {
-    const hex = await provider.request({ method: "eth_estimateGas", params: [txParams] });
-    gasEstimate = BigInt(hex);
-  } catch {
-    gasEstimate = isNative ? BigInt(21e3) : BigInt(65e3);
-  }
-  const gasPrice = BigInt(await provider.request({ method: "eth_gasPrice", params: [] }));
-  const gasWithBuffer = gasEstimate * BigInt(120) / BigInt(100);
-  const gasCost = gasWithBuffer * gasPrice;
-  const ethBalance = BigInt(
-    await provider.request({ method: "eth_getBalance", params: [fromAddress, "latest"] })
-  );
-  const totalRequired = isNative ? gasCost + amountBig : gasCost;
-  if (ethBalance < totalRequired) {
-    const gasFmt = (Number(gasCost) / 1e18).toFixed(6);
-    if (isNative) {
-      throw new Error(`Insufficient balance. Need ${(Number(totalRequired) / 1e18).toFixed(6)} ETH (amount + ~${gasFmt} gas).`);
-    }
-    throw new Error(`Insufficient ETH for gas. Need ~${gasFmt} ETH for fees.`);
-  }
-  const txHash = await provider.request({ method: "eth_sendTransaction", params: [txParams] });
-  return txHash;
-}
-async function sendSolanaWithdraw(params) {
-  const {
-    provider,
-    fromAddress,
-    depositWalletAddress,
-    sourceTokenAddress,
-    amountBaseUnit,
-    publishableKey
-  } = params;
-  if (!provider.publicKey) {
-    await provider.connect();
-  }
-  const buildResponse = await buildSolanaTransaction(
-    {
-      chain_id: "mainnet",
-      token_address: sourceTokenAddress === "" ? "native" : sourceTokenAddress,
-      source_address: fromAddress,
-      destination_address: depositWalletAddress,
-      amount: amountBaseUnit
-    },
-    publishableKey
-  );
-  const { VersionedTransaction } = await import(
-    /* @vite-ignore */
-    "@solana/web3.js"
-  );
-  const binaryString = atob(buildResponse.transaction);
-  const bytes = new Uint8Array(binaryString.length);
-  for (let i = 0; i < binaryString.length; i++) {
-    bytes[i] = binaryString.charCodeAt(i);
-  }
-  const transaction = VersionedTransaction.deserialize(bytes);
-  const signedTransaction = await provider.signTransaction(transaction);
-  const serialized = signedTransaction.serialize();
-  let binaryStr = "";
-  for (let i = 0; i < serialized.length; i++) {
-    binaryStr += String.fromCharCode(serialized[i]);
-  }
-  const sendResponse = await sendSolanaTransaction(
-    { chain_id: "mainnet", signed_transaction: btoa(binaryStr) },
-    publishableKey
-  );
-  return sendResponse.signature;
-}
 var HYPERCORE_CHAIN_ID = "1337";
-var HYPERCORE_SPOT_USDC_ADDRESS = "0x6d1e7cde53ba9467b783cb7c530ce054";
 function isHypercoreChain(chainId) {
   return chainId === HYPERCORE_CHAIN_ID;
 }
-async function sendHypercoreWithdraw(params) {
-  const {
-    provider,
-    fromAddress,
-    depositWalletAddress,
-    sourceTokenAddress,
-    amount,
-    tokenSymbol,
-    publishableKey
-  } = params;
-  const isSpot = sourceTokenAddress.toLowerCase() === HYPERCORE_SPOT_USDC_ADDRESS;
-  const currentChainHex = await provider.request({
-    method: "eth_chainId",
-    params: []
-  });
-  const activeChainId = String(parseInt(currentChainHex, 16));
-  const buildResult = await buildHypercoreTransaction(
-    {
-      action_type: isSpot ? "spot_send" : "usd_send",
-      signature_chain_type: "ethereum",
-      signature_chain_id: activeChainId,
-      recipient_address: depositWalletAddress,
-      token_address: sourceTokenAddress,
-      token_symbol: tokenSymbol || void 0,
-      amount
-    },
-    publishableKey
-  );
-  const signature = await provider.request({
-    method: "eth_signTypedData_v4",
-    params: [fromAddress, JSON.stringify(buildResult.typed_data)]
-  });
-  await sendHypercoreTransaction(
-    {
-      action_payload: buildResult.action_payload,
-      signature,
-      nonce: buildResult.nonce
-    },
-    publishableKey
-  );
-}
-async function detectBrowserWallet(chainType, senderAddress) {
-  const win = typeof window !== "undefined" ? window : null;
-  if (!win || !senderAddress) return null;
-  if (getUserDisconnectedWallet()) return null;
-  const anyWin = win;
-  if (chainType === "solana") {
-    const solProviders = [];
-    if (win.phantom?.solana) solProviders.push({ provider: win.phantom.solana, name: "Phantom" });
-    if (anyWin.solflare) solProviders.push({ provider: anyWin.solflare, name: "Solflare" });
-    if (anyWin.backpack) solProviders.push({ provider: anyWin.backpack, name: "Backpack" });
-    if (anyWin.trustwallet?.solana) solProviders.push({ provider: anyWin.trustwallet.solana, name: "Trust Wallet" });
-    for (const { provider, name } of solProviders) {
-      if (!provider) continue;
-      try {
-        let addr;
-        if (provider.isConnected && provider.publicKey) {
-          addr = provider.publicKey.toString();
-        } else {
-          const resp = await provider.connect({ onlyIfTrusted: true });
-          if (resp?.publicKey) addr = resp.publicKey.toString();
-        }
-        if (addr && addr === senderAddress) {
-          return { chainFamily: "solana", provider, name, address: addr };
-        }
-      } catch {
-      }
-    }
-  }
-  if (chainType === "ethereum") {
-    const evmProviders = [];
-    const seen = /* @__PURE__ */ new Set();
-    const add = (p, name) => {
-      if (p && typeof p.request === "function" && !seen.has(p)) {
-        seen.add(p);
-        evmProviders.push({ provider: p, name });
-      }
-    };
-    if (!anyWin.__eip6963Providers) {
-      anyWin.__eip6963Providers = [];
-    }
-    const handleAnnouncement = (event) => {
-      const { detail } = event;
-      if (!detail?.info || !detail?.provider) return;
-      const exists = anyWin.__eip6963Providers.some((p) => p.info.uuid === detail.info.uuid);
-      if (!exists) anyWin.__eip6963Providers.push(detail);
-    };
-    win.addEventListener("eip6963:announceProvider", handleAnnouncement);
-    win.dispatchEvent(new Event("eip6963:requestProvider"));
-    win.removeEventListener("eip6963:announceProvider", handleAnnouncement);
-    for (const detail of anyWin.__eip6963Providers) {
-      const rdns = detail.info?.rdns || "";
-      let name = detail.info?.name || "Wallet";
-      if (rdns.includes("metamask")) name = "MetaMask";
-      else if (rdns.includes("phantom")) name = "Phantom";
-      else if (rdns.includes("coinbase")) name = "Coinbase";
-      else if (rdns.includes("rabby")) name = "Rabby";
-      else if (rdns.includes("rainbow")) name = "Rainbow";
-      else if (rdns.includes("okx")) name = "OKX Wallet";
-      else if (rdns.includes("trust")) name = "Trust Wallet";
-      add(detail.provider, name);
-    }
-    if (evmProviders.length === 0) {
-      add(anyWin.phantom?.ethereum, "Phantom");
-      add(anyWin.coinbaseWalletExtension, "Coinbase");
-      add(anyWin.trustwallet?.ethereum, "Trust Wallet");
-      add(anyWin.okxwallet, "OKX Wallet");
-      if (evmProviders.length === 0 && win.ethereum) {
-        const eth = win.ethereum;
-        let name = "Wallet";
-        if (eth.isMetaMask && !eth.isPhantom && !eth.isRabby) name = "MetaMask";
-        else if (eth.isRabby) name = "Rabby";
-        else if (eth.isRainbow) name = "Rainbow";
-        else if (eth.isCoinbaseWallet) name = "Coinbase";
-        add(eth, name);
-      }
-    }
-    for (const { provider, name } of evmProviders) {
-      try {
-        const accounts = await provider.request({ method: "eth_accounts" });
-        if (accounts?.length > 0 && accounts[0].toLowerCase() === senderAddress.toLowerCase()) {
-          return { chainFamily: "evm", provider, name, address: accounts[0] };
-        }
-      } catch {
-      }
-    }
-  }
-  return null;
-}
 var t8 = i18n2.withdrawModal;
 var tCrypto = i18n2.transferCrypto;
 function formatProcessingTime2(seconds) {
@@ -61270,8 +61042,8 @@ function WithdrawForm({
       setAmount(fiat.toFixed(2));
       setInputUnit("fiat");
     } else {
-      const crypto = val / exchangeRate;
-      setAmount(crypto.toFixed(sourceDecimals > 6 ? 6 : sourceDecimals));
+      const crypto2 = val / exchangeRate;
+      setAmount(crypto2.toFixed(sourceDecimals > 6 ? 6 : sourceDecimals));
       setInputUnit("crypto");
     }
   }, [amount, inputUnit, exchangeRate, sourceDecimals]);
@@ -61293,6 +61065,9 @@ function WithdrawForm({
     setIsSubmitting(true);
     setSubmitError(null);
     try {
+      if (!onWithdraw) {
+        throw new Error("No withdrawal method available. Please provide an onWithdraw handler.");
+      }
       const depositWallet = await onDepositWalletCreation({
         destinationChainType: selectedChain.chain_type,
         destinationChainId: selectedChain.chain_id,
@@ -61350,63 +61125,16 @@ function WithdrawForm({
         withdrawIntentAddress: depositWallet.address,
         recipientAddress: trimmedAddress
       };
-      const wallet = await detectBrowserWallet(sourceChainType, senderAddress);
-      console.log("browser wallet", wallet);
-      if (wallet) {
-        try {
-          if (wallet.chainFamily === "evm" && isHypercoreChain(sourceChainId)) {
-            await sendHypercoreWithdraw({
-              provider: wallet.provider,
-              fromAddress: wallet.address,
-              depositWalletAddress: depositWallet.address,
-              sourceTokenAddress,
-              amount: humanAmount,
-              tokenSymbol,
-              publishableKey
-            });
-          } else if (wallet.chainFamily === "evm") {
-            await sendEvmWithdraw({
-              provider: wallet.provider,
-              fromAddress: wallet.address,
-              depositWalletAddress: depositWallet.address,
-              sourceTokenAddress,
-              sourceChainId,
-              amountBaseUnit
-            });
-          } else if (wallet.chainFamily === "solana") {
-            await sendSolanaWithdraw({
-              provider: wallet.provider,
-              fromAddress: wallet.address,
-              depositWalletAddress: depositWallet.address,
-              sourceTokenAddress,
-              amountBaseUnit,
-              publishableKey
-            });
-          }
-        } catch (walletErr) {
-          console.error("[Unifold] Browser wallet send failed:", walletErr, {
-            wallet: `${wallet.name} (${wallet.chainFamily})`,
-            sourceChainId,
-            amount: humanAmount,
-            amountBaseUnit,
-            depositWallet: depositWallet.address
-          });
-          throw walletErr;
-        }
-      } else if (onWithdraw) {
-        try {
-          await onWithdraw(txInfo);
-        } catch (callbackErr) {
-          console.error("[Unifold] onWithdraw callback failed:", callbackErr, {
-            sourceChainId,
-            amount: humanAmount,
-            amountBaseUnit,
-            depositWallet: depositWallet.address
-          });
-          throw callbackErr;
-        }
-      } else {
-        throw new Error("No withdrawal method available. Please connect a wallet.");
+      try {
+        await onWithdraw(txInfo);
+      } catch (callbackErr) {
+        console.error("[Unifold] onWithdraw callback failed:", callbackErr, {
+          sourceChainId,
+          amount: humanAmount,
+          amountBaseUnit,
+          depositWallet: depositWallet.address
+        });
+        throw callbackErr;
       }
       onWithdrawSubmitted?.(txInfo);
     } catch (err) {
@@ -62512,6 +62240,10 @@ function UnifoldProvider2({
             clientSecret: checkoutConfig.clientSecret,
             publishableKey,
             enableConnectWallet: config?.enableConnectWallet,
+            defaultSourceChainType: checkoutConfig.defaultSourceChainType,
+            defaultSourceChainId: checkoutConfig.defaultSourceChainId,
+            defaultSourceTokenAddress: checkoutConfig.defaultSourceTokenAddress,
+            defaultSourceSymbol: checkoutConfig.defaultSourceSymbol,
             theme: resolvedTheme,
             onCheckoutSuccess: handleCheckoutSuccess,
             onCheckoutError: handleCheckoutError
@@ -62562,6 +62294,7 @@ function UnifoldProvider2({
             enablePayWithExchange: config?.enablePayWithExchange,
             onDepositSuccess: handleDepositSuccess,
             onDepositError: handleDepositError,
+            onEvent: depositConfig.onEvent,
             theme: resolvedTheme,
             initialScreen: depositConfig.initialScreen ?? config?.defaultInitialScreen,
             transferCryptoTitle: config?.transferCryptoTitle,

package/dist/index.mjs

@@ -43338,6 +43338,9 @@ function getOnrampSessionStartUrl(request, publishableKey) {
   if (request.subdivision_code) {
     params.append("subdivision_code", request.subdivision_code);
   }
+  if (request.external_id) {
+    params.append("external_id", request.external_id);
+  }
   return `${API_BASE_URL}/v1/public/onramps/sessions/start?${params.toString()}`;
 }
 async function getDefaultOnrampToken(params, publishableKey) {
@@ -43661,52 +43664,38 @@ async function getDepositQuote(request, publishableKey) {
   const json = await response.json();
   return json.data;
 }
-async function buildHypercoreTransaction(request, publishableKey) {
-  const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
-  validatePublishableKey(pk);
-  const response = await fetch(
-    `${API_BASE_URL}/v1/public/transactions/hypercore/build`,
-    {
-      method: "POST",
-      headers: {
-        accept: "application/json",
-        "x-publishable-key": pk,
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify(request)
+function generatePrefixedKSUID(prefix) {
+  const BASE62 = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
+  const KSUID_EPOCH = 14e8;
+  const timestampSeconds = Math.floor(Date.now() / 1e3) - KSUID_EPOCH;
+  const payload = new Uint8Array(20);
+  payload[0] = timestampSeconds >>> 24 & 255;
+  payload[1] = timestampSeconds >>> 16 & 255;
+  payload[2] = timestampSeconds >>> 8 & 255;
+  payload[3] = timestampSeconds & 255;
+  if (typeof crypto !== "undefined" && crypto.getRandomValues) {
+    crypto.getRandomValues(payload.subarray(4));
+  } else {
+    for (let i = 4; i < 20; i++) {
+      payload[i] = Math.floor(Math.random() * 256);
     }
-  );
-  if (!response.ok) {
-    const error = await response.json().catch(() => ({ message: response.statusText }));
-    throw new Error(
-      `Failed to build HyperCore transaction: ${error.message || response.statusText}`
-    );
   }
-  return response.json();
-}
-async function sendHypercoreTransaction(request, publishableKey) {
-  const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
-  validatePublishableKey(pk);
-  const response = await fetch(
-    `${API_BASE_URL}/v1/public/transactions/hypercore/send`,
-    {
-      method: "POST",
-      headers: {
-        accept: "application/json",
-        "x-publishable-key": pk,
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify(request)
-    }
-  );
-  if (!response.ok) {
-    const error = await response.json().catch(() => ({ message: response.statusText }));
-    throw new Error(
-      `Failed to send HyperCore transaction: ${error.message || response.statusText}`
-    );
+  let value = 0n;
+  for (const byte of payload) {
+    value = value << 8n | BigInt(byte);
   }
-  return response.json();
+  let encoded = "";
+  while (value > 0n) {
+    encoded = BASE62[Number(value % 62n)] + encoded;
+    value = value / 62n;
+  }
+  encoded = encoded.padStart(27, "0");
+  return `${prefix}_${encoded}`;
 }
+var DepositEventType = /* @__PURE__ */ ((DepositEventType2) => {
+  DepositEventType2["ONRAMP_SESSION_CREATED"] = "onramp_session.created";
+  return DepositEventType2;
+})(DepositEventType || {});
 var REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy");
 var use = React25[" use ".trim().toString()];
 function isPromiseLike(value) {
@@ -50040,6 +50029,7 @@ function BuyWithCard({
   destinationTokenAddress,
   onDepositSuccess,
   onDepositError,
+  onEvent,
   themeClass = "",
   wallets: externalWallets,
   assetCdnUrl,
@@ -50393,6 +50383,7 @@ function BuyWithCard({
       setQuotesError("Wallet address not available");
       return;
     }
+    const externalId = generatePrefixedKSUID("orsext");
     const sessionRequest = {
       service_provider: selectedProvider.service_provider,
       country_code: selectedProvider.country_code.toUpperCase() || "US",
@@ -50401,7 +50392,8 @@ function BuyWithCard({
       destination_currency: selectedProvider.destination_currency,
       destination_network: selectedProvider.destination_network,
       wallet_address: wallet.address,
-      subdivision_code: userIpInfo?.state || void 0
+      subdivision_code: userIpInfo?.state || void 0,
+      external_id: externalId
     };
     const sessionStartUrl = getOnrampSessionStartUrl(
       sessionRequest,
@@ -50411,7 +50403,14 @@ function BuyWithCard({
       provider: selectedProvider,
       sourceCurrency: currency,
       sourceAmount: amount,
-      sessionUrl: sessionStartUrl
+      sessionUrl: sessionStartUrl,
+      externalId
+    });
+    onEvent?.({
+      id: generatePrefixedKSUID("sevt"),
+      type: DepositEventType.ONRAMP_SESSION_CREATED,
+      created: Math.floor(Date.now() / 1e3),
+      data: { object: { externalId } }
     });
     window.open(sessionStartUrl, "_blank");
     handleViewChange("onramp");
@@ -57882,10 +57881,11 @@ function BrowserWalletModal({
   const chainType = depositWallet.chain_type;
   const recipientAddress = depositWallet.address;
   const supportedChainType = chainType === "algorand" || chainType === "xrpl" ? "ethereum" : chainType;
-  const { executions: depositExecutions, isPolling } = useDepositPolling({
+  const { executions: depositExecutions, isPolling, handleIveDeposited } = useDepositPolling({
     userId,
     publishableKey,
     clientSecret,
+    depositWalletId: depositWallet.id,
     enabled: open && hasSignedTransaction,
     onDepositSuccess,
     onDepositError
@@ -58136,6 +58136,7 @@ function BrowserWalletModal({
       }
       setReceivedUsdAtSubmission(checkoutReceivedUsd ?? "0");
       setHasSignedTransaction(true);
+      handleIveDeposited();
       setIsConfirming(false);
       setStep("confirming");
       onSuccess?.(txHash);
@@ -59172,6 +59173,7 @@ function DepositModal({
   hideDisplayDescription = false,
   onDepositSuccess,
   onDepositError,
+  onEvent,
   theme = "dark",
   hideOverlay = false,
   initialScreen = "main",
@@ -59686,6 +59688,7 @@ function DepositModal({
                     destinationTokenAddress,
                     onDepositSuccess,
                     onDepositError,
+                    onEvent,
                     themeClass,
                     wallets,
                     assetCdnUrl: projectConfig?.asset_cdn_url,
@@ -59869,6 +59872,10 @@ function CheckoutModal({
   publishableKey,
   modalTitle,
   enableConnectWallet = false,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol,
   theme = "dark",
   onCheckoutSuccess,
   onCheckoutError
@@ -60366,6 +60373,10 @@ function CheckoutModal({
                   destinationChainType: paymentIntent.destination_chain_type,
                   destinationChainId: paymentIntent.destination_chain_id,
                   destinationTokenAddress: paymentIntent.destination_token_address,
+                  defaultSourceChainType,
+                  defaultSourceChainId,
+                  defaultSourceTokenAddress,
+                  defaultSourceSymbol,
                   depositConfirmationMode: "auto_ui",
                   wallets,
                   onSourceTokenChange: setSelectedSource,
@@ -60867,249 +60878,10 @@ function useVerifyRecipientAddress(params) {
     refetchOnWindowFocus: false
   });
 }
-async function sendEvmWithdraw(params) {
-  const {
-    provider,
-    fromAddress,
-    depositWalletAddress,
-    sourceTokenAddress,
-    sourceChainId,
-    amountBaseUnit
-  } = params;
-  const currentChainIdHex = await provider.request({
-    method: "eth_chainId",
-    params: []
-  });
-  const currentChainId = parseInt(currentChainIdHex, 16).toString();
-  if (currentChainId !== sourceChainId) {
-    const requiredHex = "0x" + parseInt(sourceChainId).toString(16);
-    try {
-      await provider.request({
-        method: "wallet_switchEthereumChain",
-        params: [{ chainId: requiredHex }]
-      });
-      const newHex = await provider.request({ method: "eth_chainId", params: [] });
-      if (parseInt(newHex, 16).toString() !== sourceChainId) {
-        throw new Error(`Failed to switch to chain ${sourceChainId}. Please switch manually.`);
-      }
-    } catch (err) {
-      if (err && typeof err === "object" && "code" in err) {
-        const e = err;
-        if (e.code === 4902) throw new Error(`Chain ${sourceChainId} is not configured in your wallet.`);
-        if (e.code === 4001) throw new Error("You must approve the network switch to withdraw.");
-      }
-      throw err;
-    }
-  }
-  const isNative = sourceTokenAddress === "native" || sourceTokenAddress === "0x0000000000000000000000000000000000000000" || sourceTokenAddress === "";
-  const amountBig = BigInt(amountBaseUnit);
-  const txParams = isNative ? { from: fromAddress, to: depositWalletAddress, value: "0x" + amountBig.toString(16) } : {
-    from: fromAddress,
-    to: sourceTokenAddress,
-    data: "0xa9059cbb" + depositWalletAddress.slice(2).padStart(64, "0") + amountBig.toString(16).padStart(64, "0")
-  };
-  let gasEstimate;
-  try {
-    const hex = await provider.request({ method: "eth_estimateGas", params: [txParams] });
-    gasEstimate = BigInt(hex);
-  } catch {
-    gasEstimate = isNative ? BigInt(21e3) : BigInt(65e3);
-  }
-  const gasPrice = BigInt(await provider.request({ method: "eth_gasPrice", params: [] }));
-  const gasWithBuffer = gasEstimate * BigInt(120) / BigInt(100);
-  const gasCost = gasWithBuffer * gasPrice;
-  const ethBalance = BigInt(
-    await provider.request({ method: "eth_getBalance", params: [fromAddress, "latest"] })
-  );
-  const totalRequired = isNative ? gasCost + amountBig : gasCost;
-  if (ethBalance < totalRequired) {
-    const gasFmt = (Number(gasCost) / 1e18).toFixed(6);
-    if (isNative) {
-      throw new Error(`Insufficient balance. Need ${(Number(totalRequired) / 1e18).toFixed(6)} ETH (amount + ~${gasFmt} gas).`);
-    }
-    throw new Error(`Insufficient ETH for gas. Need ~${gasFmt} ETH for fees.`);
-  }
-  const txHash = await provider.request({ method: "eth_sendTransaction", params: [txParams] });
-  return txHash;
-}
-async function sendSolanaWithdraw(params) {
-  const {
-    provider,
-    fromAddress,
-    depositWalletAddress,
-    sourceTokenAddress,
-    amountBaseUnit,
-    publishableKey
-  } = params;
-  if (!provider.publicKey) {
-    await provider.connect();
-  }
-  const buildResponse = await buildSolanaTransaction(
-    {
-      chain_id: "mainnet",
-      token_address: sourceTokenAddress === "" ? "native" : sourceTokenAddress,
-      source_address: fromAddress,
-      destination_address: depositWalletAddress,
-      amount: amountBaseUnit
-    },
-    publishableKey
-  );
-  const { VersionedTransaction } = await import(
-    /* @vite-ignore */
-    "@solana/web3.js"
-  );
-  const binaryString = atob(buildResponse.transaction);
-  const bytes = new Uint8Array(binaryString.length);
-  for (let i = 0; i < binaryString.length; i++) {
-    bytes[i] = binaryString.charCodeAt(i);
-  }
-  const transaction = VersionedTransaction.deserialize(bytes);
-  const signedTransaction = await provider.signTransaction(transaction);
-  const serialized = signedTransaction.serialize();
-  let binaryStr = "";
-  for (let i = 0; i < serialized.length; i++) {
-    binaryStr += String.fromCharCode(serialized[i]);
-  }
-  const sendResponse = await sendSolanaTransaction(
-    { chain_id: "mainnet", signed_transaction: btoa(binaryStr) },
-    publishableKey
-  );
-  return sendResponse.signature;
-}
 var HYPERCORE_CHAIN_ID = "1337";
-var HYPERCORE_SPOT_USDC_ADDRESS = "0x6d1e7cde53ba9467b783cb7c530ce054";
 function isHypercoreChain(chainId) {
   return chainId === HYPERCORE_CHAIN_ID;
 }
-async function sendHypercoreWithdraw(params) {
-  const {
-    provider,
-    fromAddress,
-    depositWalletAddress,
-    sourceTokenAddress,
-    amount,
-    tokenSymbol,
-    publishableKey
-  } = params;
-  const isSpot = sourceTokenAddress.toLowerCase() === HYPERCORE_SPOT_USDC_ADDRESS;
-  const currentChainHex = await provider.request({
-    method: "eth_chainId",
-    params: []
-  });
-  const activeChainId = String(parseInt(currentChainHex, 16));
-  const buildResult = await buildHypercoreTransaction(
-    {
-      action_type: isSpot ? "spot_send" : "usd_send",
-      signature_chain_type: "ethereum",
-      signature_chain_id: activeChainId,
-      recipient_address: depositWalletAddress,
-      token_address: sourceTokenAddress,
-      token_symbol: tokenSymbol || void 0,
-      amount
-    },
-    publishableKey
-  );
-  const signature = await provider.request({
-    method: "eth_signTypedData_v4",
-    params: [fromAddress, JSON.stringify(buildResult.typed_data)]
-  });
-  await sendHypercoreTransaction(
-    {
-      action_payload: buildResult.action_payload,
-      signature,
-      nonce: buildResult.nonce
-    },
-    publishableKey
-  );
-}
-async function detectBrowserWallet(chainType, senderAddress) {
-  const win = typeof window !== "undefined" ? window : null;
-  if (!win || !senderAddress) return null;
-  if (getUserDisconnectedWallet()) return null;
-  const anyWin = win;
-  if (chainType === "solana") {
-    const solProviders = [];
-    if (win.phantom?.solana) solProviders.push({ provider: win.phantom.solana, name: "Phantom" });
-    if (anyWin.solflare) solProviders.push({ provider: anyWin.solflare, name: "Solflare" });
-    if (anyWin.backpack) solProviders.push({ provider: anyWin.backpack, name: "Backpack" });
-    if (anyWin.trustwallet?.solana) solProviders.push({ provider: anyWin.trustwallet.solana, name: "Trust Wallet" });
-    for (const { provider, name } of solProviders) {
-      if (!provider) continue;
-      try {
-        let addr;
-        if (provider.isConnected && provider.publicKey) {
-          addr = provider.publicKey.toString();
-        } else {
-          const resp = await provider.connect({ onlyIfTrusted: true });
-          if (resp?.publicKey) addr = resp.publicKey.toString();
-        }
-        if (addr && addr === senderAddress) {
-          return { chainFamily: "solana", provider, name, address: addr };
-        }
-      } catch {
-      }
-    }
-  }
-  if (chainType === "ethereum") {
-    const evmProviders = [];
-    const seen = /* @__PURE__ */ new Set();
-    const add = (p, name) => {
-      if (p && typeof p.request === "function" && !seen.has(p)) {
-        seen.add(p);
-        evmProviders.push({ provider: p, name });
-      }
-    };
-    if (!anyWin.__eip6963Providers) {
-      anyWin.__eip6963Providers = [];
-    }
-    const handleAnnouncement = (event) => {
-      const { detail } = event;
-      if (!detail?.info || !detail?.provider) return;
-      const exists = anyWin.__eip6963Providers.some((p) => p.info.uuid === detail.info.uuid);
-      if (!exists) anyWin.__eip6963Providers.push(detail);
-    };
-    win.addEventListener("eip6963:announceProvider", handleAnnouncement);
-    win.dispatchEvent(new Event("eip6963:requestProvider"));
-    win.removeEventListener("eip6963:announceProvider", handleAnnouncement);
-    for (const detail of anyWin.__eip6963Providers) {
-      const rdns = detail.info?.rdns || "";
-      let name = detail.info?.name || "Wallet";
-      if (rdns.includes("metamask")) name = "MetaMask";
-      else if (rdns.includes("phantom")) name = "Phantom";
-      else if (rdns.includes("coinbase")) name = "Coinbase";
-      else if (rdns.includes("rabby")) name = "Rabby";
-      else if (rdns.includes("rainbow")) name = "Rainbow";
-      else if (rdns.includes("okx")) name = "OKX Wallet";
-      else if (rdns.includes("trust")) name = "Trust Wallet";
-      add(detail.provider, name);
-    }
-    if (evmProviders.length === 0) {
-      add(anyWin.phantom?.ethereum, "Phantom");
-      add(anyWin.coinbaseWalletExtension, "Coinbase");
-      add(anyWin.trustwallet?.ethereum, "Trust Wallet");
-      add(anyWin.okxwallet, "OKX Wallet");
-      if (evmProviders.length === 0 && win.ethereum) {
-        const eth = win.ethereum;
-        let name = "Wallet";
-        if (eth.isMetaMask && !eth.isPhantom && !eth.isRabby) name = "MetaMask";
-        else if (eth.isRabby) name = "Rabby";
-        else if (eth.isRainbow) name = "Rainbow";
-        else if (eth.isCoinbaseWallet) name = "Coinbase";
-        add(eth, name);
-      }
-    }
-    for (const { provider, name } of evmProviders) {
-      try {
-        const accounts = await provider.request({ method: "eth_accounts" });
-        if (accounts?.length > 0 && accounts[0].toLowerCase() === senderAddress.toLowerCase()) {
-          return { chainFamily: "evm", provider, name, address: accounts[0] };
-        }
-      } catch {
-      }
-    }
-  }
-  return null;
-}
 var t8 = i18n2.withdrawModal;
 var tCrypto = i18n2.transferCrypto;
 function formatProcessingTime2(seconds) {
@@ -61257,8 +61029,8 @@ function WithdrawForm({
       setAmount(fiat.toFixed(2));
       setInputUnit("fiat");
     } else {
-      const crypto = val / exchangeRate;
-      setAmount(crypto.toFixed(sourceDecimals > 6 ? 6 : sourceDecimals));
+      const crypto2 = val / exchangeRate;
+      setAmount(crypto2.toFixed(sourceDecimals > 6 ? 6 : sourceDecimals));
       setInputUnit("crypto");
     }
   }, [amount, inputUnit, exchangeRate, sourceDecimals]);
@@ -61280,6 +61052,9 @@ function WithdrawForm({
     setIsSubmitting(true);
     setSubmitError(null);
     try {
+      if (!onWithdraw) {
+        throw new Error("No withdrawal method available. Please provide an onWithdraw handler.");
+      }
       const depositWallet = await onDepositWalletCreation({
         destinationChainType: selectedChain.chain_type,
         destinationChainId: selectedChain.chain_id,
@@ -61337,63 +61112,16 @@ function WithdrawForm({
         withdrawIntentAddress: depositWallet.address,
         recipientAddress: trimmedAddress
       };
-      const wallet = await detectBrowserWallet(sourceChainType, senderAddress);
-      console.log("browser wallet", wallet);
-      if (wallet) {
-        try {
-          if (wallet.chainFamily === "evm" && isHypercoreChain(sourceChainId)) {
-            await sendHypercoreWithdraw({
-              provider: wallet.provider,
-              fromAddress: wallet.address,
-              depositWalletAddress: depositWallet.address,
-              sourceTokenAddress,
-              amount: humanAmount,
-              tokenSymbol,
-              publishableKey
-            });
-          } else if (wallet.chainFamily === "evm") {
-            await sendEvmWithdraw({
-              provider: wallet.provider,
-              fromAddress: wallet.address,
-              depositWalletAddress: depositWallet.address,
-              sourceTokenAddress,
-              sourceChainId,
-              amountBaseUnit
-            });
-          } else if (wallet.chainFamily === "solana") {
-            await sendSolanaWithdraw({
-              provider: wallet.provider,
-              fromAddress: wallet.address,
-              depositWalletAddress: depositWallet.address,
-              sourceTokenAddress,
-              amountBaseUnit,
-              publishableKey
-            });
-          }
-        } catch (walletErr) {
-          console.error("[Unifold] Browser wallet send failed:", walletErr, {
-            wallet: `${wallet.name} (${wallet.chainFamily})`,
-            sourceChainId,
-            amount: humanAmount,
-            amountBaseUnit,
-            depositWallet: depositWallet.address
-          });
-          throw walletErr;
-        }
-      } else if (onWithdraw) {
-        try {
-          await onWithdraw(txInfo);
-        } catch (callbackErr) {
-          console.error("[Unifold] onWithdraw callback failed:", callbackErr, {
-            sourceChainId,
-            amount: humanAmount,
-            amountBaseUnit,
-            depositWallet: depositWallet.address
-          });
-          throw callbackErr;
-        }
-      } else {
-        throw new Error("No withdrawal method available. Please connect a wallet.");
+      try {
+        await onWithdraw(txInfo);
+      } catch (callbackErr) {
+        console.error("[Unifold] onWithdraw callback failed:", callbackErr, {
+          sourceChainId,
+          amount: humanAmount,
+          amountBaseUnit,
+          depositWallet: depositWallet.address
+        });
+        throw callbackErr;
       }
       onWithdrawSubmitted?.(txInfo);
     } catch (err) {
@@ -62499,6 +62227,10 @@ function UnifoldProvider2({
             clientSecret: checkoutConfig.clientSecret,
             publishableKey,
             enableConnectWallet: config?.enableConnectWallet,
+            defaultSourceChainType: checkoutConfig.defaultSourceChainType,
+            defaultSourceChainId: checkoutConfig.defaultSourceChainId,
+            defaultSourceTokenAddress: checkoutConfig.defaultSourceTokenAddress,
+            defaultSourceSymbol: checkoutConfig.defaultSourceSymbol,
             theme: resolvedTheme,
             onCheckoutSuccess: handleCheckoutSuccess,
             onCheckoutError: handleCheckoutError
@@ -62549,6 +62281,7 @@ function UnifoldProvider2({
             enablePayWithExchange: config?.enablePayWithExchange,
             onDepositSuccess: handleDepositSuccess,
             onDepositError: handleDepositError,
+            onEvent: depositConfig.onEvent,
             theme: resolvedTheme,
             initialScreen: depositConfig.initialScreen ?? config?.defaultInitialScreen,
             transferCryptoTitle: config?.transferCryptoTitle,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unifold/ui-web",
-  "version": "0.1.45",
+  "version": "0.1.47",
   "description": "Unifold UI Web - Framework-agnostic deposit widget",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -27,10 +27,10 @@
     "@types/react-dom": "^19.0.0",
     "tsup": "^8.0.0",
     "typescript": "^5.0.0",
-    "@unifold/connect-react": "0.1.45",
-    "@unifold/core": "0.1.45",
-    "@unifold/react-provider": "0.1.45",
-    "@unifold/ui-react": "0.1.45"
+    "@unifold/connect-react": "0.1.47",
+    "@unifold/core": "0.1.47",
+    "@unifold/ui-react": "0.1.47",
+    "@unifold/react-provider": "0.1.47"
   },
   "keywords": [
     "unifold",