@unifold/ui-web 0.1.43 → 0.1.45

package/dist/index.js

@@ -43501,6 +43501,28 @@ async function verifyRecipientAddress(request, publishableKey) {
   }
   return response.json();
 }
+async function checkHypercoreActivation(request, publishableKey) {
+  const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
+  validatePublishableKey(pk);
+  const response = await fetch(
+    `${API_BASE_URL}/v1/public/addresses/hypercore/activation`,
+    {
+      method: "POST",
+      headers: {
+        accept: "application/json",
+        "x-publishable-key": pk,
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(request)
+    }
+  );
+  if (!response.ok) {
+    throw new Error(
+      `HyperCore activation check failed: ${response.statusText}`
+    );
+  }
+  return response.json();
+}
 async function getExchanges(query, publishableKey) {
   const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
   validatePublishableKey(pk);
@@ -61016,6 +61038,7 @@ async function sendHypercoreWithdraw(params) {
 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 = [];
@@ -61049,28 +61072,44 @@ async function detectBrowserWallet(chainType, senderAddress) {
         evmProviders.push({ provider: p, name });
       }
     };
-    add(anyWin.phantom?.ethereum, "Phantom");
-    add(anyWin.coinbaseWalletExtension, "Coinbase");
-    add(anyWin.trustwallet?.ethereum, "Trust Wallet");
-    add(anyWin.okxwallet, "OKX Wallet");
-    if (anyWin.__eip6963Providers) {
-      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("rabby")) name = "Rabby";
-        else if (rdns.includes("rainbow")) name = "Rainbow";
-        add(detail.provider, name);
-      }
-    }
-    if (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);
+    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 {
@@ -61123,12 +61162,9 @@ function WithdrawForm({
   estimatedProcessingTime,
   maxSlippagePercent,
   priceImpactPercent,
-  detectedWallet,
+  senderAddress,
   sourceChainId,
   sourceTokenAddress,
-  isWalletMatch,
-  connectedWalletName,
-  canWithdraw,
   onWithdraw,
   onWithdrawError,
   onDepositWalletCreation,
@@ -61263,12 +61299,43 @@ function WithdrawForm({
         destinationTokenAddress: selectedChain.token_address,
         recipientAddress: trimmedAddress
       });
-      const amountBaseUnit = computeBaseUnit(
+      let amountBaseUnit = computeBaseUnit(
         balanceData.balanceBaseUnit,
         parseFloat(amount),
         inputUnit === "crypto" ? balanceCrypto : balanceUsdNum
       );
-      const humanAmount = toSafeDecimalString(cryptoAmountFromInput, sourceDecimals);
+      let humanAmount = toSafeDecimalString(cryptoAmountFromInput, sourceDecimals);
+      if (isHypercoreChain(sourceChainId)) {
+        try {
+          const check = await checkHypercoreActivation(
+            {
+              source_address: senderAddress,
+              recipient_address: depositWallet.address
+            },
+            publishableKey
+          );
+          if (!check.user_exists) {
+            const fee = check.activation_fee;
+            const maxSendable = balanceCrypto - fee;
+            if (maxSendable <= 0) {
+              throw new Error(
+                `Insufficient balance. A ${fee} USDC activation fee is required for the first transfer to this address.`
+              );
+            }
+            const requestedAmount = parseFloat(humanAmount);
+            if (requestedAmount > maxSendable) {
+              humanAmount = toSafeDecimalString(maxSendable, sourceDecimals);
+              amountBaseUnit = computeBaseUnit(
+                balanceData.balanceBaseUnit,
+                maxSendable,
+                balanceCrypto
+              );
+            }
+          }
+        } catch (e) {
+          if (e instanceof Error && e.message.includes("activation fee")) throw e;
+        }
+      }
       const txInfo = {
         sourceChainType,
         sourceChainId,
@@ -61283,43 +61350,67 @@ function WithdrawForm({
         withdrawIntentAddress: depositWallet.address,
         recipientAddress: trimmedAddress
       };
-      if (detectedWallet) {
-        if (detectedWallet.chainFamily === "evm" && isHypercoreChain(sourceChainId)) {
-          await sendHypercoreWithdraw({
-            provider: detectedWallet.provider,
-            fromAddress: detectedWallet.address,
-            depositWalletAddress: depositWallet.address,
-            sourceTokenAddress,
+      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,
-            tokenSymbol,
-            publishableKey
+            amountBaseUnit,
+            depositWallet: depositWallet.address
           });
-        } else if (detectedWallet.chainFamily === "evm") {
-          await sendEvmWithdraw({
-            provider: detectedWallet.provider,
-            fromAddress: detectedWallet.address,
-            depositWalletAddress: depositWallet.address,
-            sourceTokenAddress,
+          throw walletErr;
+        }
+      } else if (onWithdraw) {
+        try {
+          await onWithdraw(txInfo);
+        } catch (callbackErr) {
+          console.error("[Unifold] onWithdraw callback failed:", callbackErr, {
             sourceChainId,
-            amountBaseUnit
-          });
-        } else if (detectedWallet.chainFamily === "solana") {
-          await sendSolanaWithdraw({
-            provider: detectedWallet.provider,
-            fromAddress: detectedWallet.address,
-            depositWalletAddress: depositWallet.address,
-            sourceTokenAddress,
+            amount: humanAmount,
             amountBaseUnit,
-            publishableKey
+            depositWallet: depositWallet.address
           });
+          throw callbackErr;
         }
-      } else if (onWithdraw) {
-        await onWithdraw(txInfo);
       } else {
         throw new Error("No withdrawal method available. Please connect a wallet.");
       }
       onWithdrawSubmitted?.(txInfo);
     } catch (err) {
+      console.error("[Unifold] Withdrawal failed:", err);
       const raw = err instanceof Error ? err.message : "Withdrawal failed. Please try again.";
       setSubmitError(raw.length > 120 ? "Withdrawal failed. Please try again." : raw);
       onWithdrawError?.({
@@ -61330,7 +61421,7 @@ function WithdrawForm({
     } finally {
       setIsSubmitting(false);
     }
-  }, [selectedToken, selectedChain, isFormValid, cryptoAmountFromInput, sourceDecimals, trimmedAddress, publishableKey, onWithdraw, detectedWallet, sourceTokenAddress, sourceChainId, onWithdrawError, onDepositWalletCreation, onWithdrawSubmitted, amount, inputUnit, balanceCrypto, balanceUsdNum, balanceData]);
+  }, [selectedToken, selectedChain, isFormValid, cryptoAmountFromInput, sourceDecimals, trimmedAddress, publishableKey, onWithdraw, sourceChainType, senderAddress, sourceTokenAddress, sourceChainId, onWithdrawError, onDepositWalletCreation, onWithdrawSubmitted, amount, inputUnit, balanceCrypto, balanceUsdNum, balanceData]);
   return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
@@ -61541,23 +61632,12 @@ function WithdrawForm({
         ] })
       ] })
     ] }),
-    !canWithdraw && !submitError && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
-      "div",
-      {
-        className: "uf-flex uf-items-start uf-gap-2.5 uf-p-3 uf-rounded-xl",
-        style: { backgroundColor: colors2.card, border: `1px solid ${colors2.border}` },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Wallet, { className: "uf-w-4 uf-h-4 uf-flex-shrink-0 uf-mt-0.5", style: { color: colors2.warning } }),
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "uf-text-xs", style: { color: colors2.foregroundMuted, fontFamily: fonts.regular }, children: "No connected wallet detected. Please connect a wallet that matches your account to withdraw." })
-        ]
-      }
-    ),
-    isWalletMatch && connectedWalletName ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       "button",
       {
         type: "button",
         onClick: handleWithdraw,
-        disabled: !isFormValid || !canWithdraw || isSubmitting || !selectedToken || !selectedChain,
+        disabled: !isFormValid || isSubmitting || !selectedToken || !selectedChain,
         className: "uf-w-full uf-py-3 uf-text-sm uf-font-medium uf-transition-colors disabled:uf-opacity-50 disabled:uf-cursor-not-allowed uf-flex uf-items-center uf-justify-center uf-gap-2",
         style: {
           backgroundColor: colors2.primary,
@@ -61571,29 +61651,9 @@ function WithdrawForm({
           "Processing..."
         ] }) : isOverBalance ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_jsx_runtime73.Fragment, { children: "Insufficient balance" }) : isBelowMinimum ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_jsx_runtime73.Fragment, { children: "Minimum amount not met" }) : submitError ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_jsx_runtime73.Fragment, { children: "Withdrawal failed. Try again" }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Wallet, { className: "uf-w-4 uf-h-4" }),
-          "Withdraw from ",
-          connectedWalletName
+          t8.withdraw
         ] })
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
-      "button",
-      {
-        type: "button",
-        onClick: handleWithdraw,
-        disabled: !isFormValid || !canWithdraw || isSubmitting || !selectedToken || !selectedChain,
-        className: "uf-w-full uf-py-3 uf-text-sm uf-font-medium uf-transition-colors disabled:uf-opacity-50 disabled:uf-cursor-not-allowed",
-        style: {
-          backgroundColor: colors2.primary,
-          color: colors2.primaryForeground,
-          fontFamily: fonts.medium,
-          borderRadius: components.button.borderRadius,
-          border: `${components.button.borderWidth}px solid ${components.button.borderColor}`
-        },
-        children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { className: "uf-flex uf-items-center uf-justify-center uf-gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(LoaderCircle, { className: "uf-w-4 uf-h-4 uf-animate-spin" }),
-          "Processing..."
-        ] }) : isOverBalance ? "Insufficient balance" : isBelowMinimum ? "Minimum amount not met" : submitError ? "Withdrawal failed. Try again" : t8.withdraw
-      }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-text-xs uf-pt-1", children: [
       /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { children: footerLeft }),
@@ -61972,22 +62032,6 @@ function WithdrawModal({
   });
   const [selectedToken, setSelectedToken] = (0, import_react28.useState)(null);
   const [selectedChain, setSelectedChain] = (0, import_react28.useState)(null);
-  const [detectedWallet, setDetectedWallet] = (0, import_react28.useState)(null);
-  const connectedWalletName = detectedWallet?.name ?? null;
-  const isWalletMatch = !!detectedWallet;
-  (0, import_react28.useEffect)(() => {
-    if (!senderAddress || !open) {
-      setDetectedWallet(null);
-      return;
-    }
-    let cancelled = false;
-    detectBrowserWallet(sourceChainType, senderAddress).then((wallet) => {
-      if (!cancelled) setDetectedWallet(wallet);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [senderAddress, sourceChainType, open]);
   const [view, setView] = (0, import_react28.useState)("form");
   const [withdrawDepositWalletId, setWithdrawDepositWalletId] = (0, import_react28.useState)();
   const [selectedExecution, setSelectedExecution] = (0, import_react28.useState)(null);
@@ -62080,7 +62124,6 @@ function WithdrawModal({
     if (chain) setSelectedChain(chain);
   }, [selectedToken]);
   const isSourceSupported = sourceValidation?.isSupported ?? null;
-  const canWithdraw = !!onWithdraw || isWalletMatch;
   const isAnyLoading = tokensLoading || isCheckingSourceToken;
   const withdrawPoweredByFooter = /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "uf-pt-3", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(PoweredByUnifold, { color: colors2.foregroundMuted, className: "uf-flex uf-justify-center uf-shrink-0" }) });
   return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(PortalContainerProvider, { value: hideOverlay ? containerEl : null, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Dialog2, { open: hideOverlay || open, onOpenChange: hideOverlay ? void 0 : handleClose, modal: !hideOverlay, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
@@ -62111,7 +62154,7 @@ function WithdrawModal({
         /* ---------- Tracker view: execution list ---------- */
         /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(DepositHeader, { title: "Withdrawal History", showBack: true, showClose: !hideOverlay, onBack: () => setView("form"), onClose: handleClose }),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "uf-flex uf-flex-col uf-gap-2", style: { minHeight: 200 }, children: allWithdrawals.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: "uf-text-sm", style: { color: colors2.foregroundMuted, fontFamily: fonts.regular }, children: "No withdrawals to track yet" }) }) : allWithdrawals.map((ex) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "uf-flex uf-flex-col uf-gap-2", children: allWithdrawals.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: "uf-text-sm", style: { color: colors2.foregroundMuted, fontFamily: fonts.regular }, children: "No withdrawals to track yet" }) }) : allWithdrawals.map((ex) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
             WithdrawExecutionItem,
             {
               execution: ex,
@@ -62121,7 +62164,7 @@ function WithdrawModal({
               }
             },
             ex.id
-          )) }),
+          )) }) }),
           withdrawPoweredByFooter
         ] })
       ) : (
@@ -62161,12 +62204,9 @@ function WithdrawModal({
                   estimatedProcessingTime: sourceValidation?.estimatedProcessingTime ?? null,
                   maxSlippagePercent: sourceValidation?.maxSlippagePercent ?? null,
                   priceImpactPercent: sourceValidation?.priceImpactPercent ?? null,
-                  detectedWallet,
+                  senderAddress,
                   sourceChainId,
                   sourceTokenAddress,
-                  isWalletMatch,
-                  connectedWalletName,
-                  canWithdraw,
                   onWithdraw,
                   onWithdrawError,
                   onDepositWalletCreation: handleDepositWalletCreation,

package/dist/index.mjs

@@ -43488,6 +43488,28 @@ async function verifyRecipientAddress(request, publishableKey) {
   }
   return response.json();
 }
+async function checkHypercoreActivation(request, publishableKey) {
+  const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
+  validatePublishableKey(pk);
+  const response = await fetch(
+    `${API_BASE_URL}/v1/public/addresses/hypercore/activation`,
+    {
+      method: "POST",
+      headers: {
+        accept: "application/json",
+        "x-publishable-key": pk,
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(request)
+    }
+  );
+  if (!response.ok) {
+    throw new Error(
+      `HyperCore activation check failed: ${response.statusText}`
+    );
+  }
+  return response.json();
+}
 async function getExchanges(query, publishableKey) {
   const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
   validatePublishableKey(pk);
@@ -61003,6 +61025,7 @@ async function sendHypercoreWithdraw(params) {
 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 = [];
@@ -61036,28 +61059,44 @@ async function detectBrowserWallet(chainType, senderAddress) {
         evmProviders.push({ provider: p, name });
       }
     };
-    add(anyWin.phantom?.ethereum, "Phantom");
-    add(anyWin.coinbaseWalletExtension, "Coinbase");
-    add(anyWin.trustwallet?.ethereum, "Trust Wallet");
-    add(anyWin.okxwallet, "OKX Wallet");
-    if (anyWin.__eip6963Providers) {
-      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("rabby")) name = "Rabby";
-        else if (rdns.includes("rainbow")) name = "Rainbow";
-        add(detail.provider, name);
-      }
-    }
-    if (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);
+    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 {
@@ -61110,12 +61149,9 @@ function WithdrawForm({
   estimatedProcessingTime,
   maxSlippagePercent,
   priceImpactPercent,
-  detectedWallet,
+  senderAddress,
   sourceChainId,
   sourceTokenAddress,
-  isWalletMatch,
-  connectedWalletName,
-  canWithdraw,
   onWithdraw,
   onWithdrawError,
   onDepositWalletCreation,
@@ -61250,12 +61286,43 @@ function WithdrawForm({
         destinationTokenAddress: selectedChain.token_address,
         recipientAddress: trimmedAddress
       });
-      const amountBaseUnit = computeBaseUnit(
+      let amountBaseUnit = computeBaseUnit(
         balanceData.balanceBaseUnit,
         parseFloat(amount),
         inputUnit === "crypto" ? balanceCrypto : balanceUsdNum
       );
-      const humanAmount = toSafeDecimalString(cryptoAmountFromInput, sourceDecimals);
+      let humanAmount = toSafeDecimalString(cryptoAmountFromInput, sourceDecimals);
+      if (isHypercoreChain(sourceChainId)) {
+        try {
+          const check = await checkHypercoreActivation(
+            {
+              source_address: senderAddress,
+              recipient_address: depositWallet.address
+            },
+            publishableKey
+          );
+          if (!check.user_exists) {
+            const fee = check.activation_fee;
+            const maxSendable = balanceCrypto - fee;
+            if (maxSendable <= 0) {
+              throw new Error(
+                `Insufficient balance. A ${fee} USDC activation fee is required for the first transfer to this address.`
+              );
+            }
+            const requestedAmount = parseFloat(humanAmount);
+            if (requestedAmount > maxSendable) {
+              humanAmount = toSafeDecimalString(maxSendable, sourceDecimals);
+              amountBaseUnit = computeBaseUnit(
+                balanceData.balanceBaseUnit,
+                maxSendable,
+                balanceCrypto
+              );
+            }
+          }
+        } catch (e) {
+          if (e instanceof Error && e.message.includes("activation fee")) throw e;
+        }
+      }
       const txInfo = {
         sourceChainType,
         sourceChainId,
@@ -61270,43 +61337,67 @@ function WithdrawForm({
         withdrawIntentAddress: depositWallet.address,
         recipientAddress: trimmedAddress
       };
-      if (detectedWallet) {
-        if (detectedWallet.chainFamily === "evm" && isHypercoreChain(sourceChainId)) {
-          await sendHypercoreWithdraw({
-            provider: detectedWallet.provider,
-            fromAddress: detectedWallet.address,
-            depositWalletAddress: depositWallet.address,
-            sourceTokenAddress,
+      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,
-            tokenSymbol,
-            publishableKey
+            amountBaseUnit,
+            depositWallet: depositWallet.address
           });
-        } else if (detectedWallet.chainFamily === "evm") {
-          await sendEvmWithdraw({
-            provider: detectedWallet.provider,
-            fromAddress: detectedWallet.address,
-            depositWalletAddress: depositWallet.address,
-            sourceTokenAddress,
+          throw walletErr;
+        }
+      } else if (onWithdraw) {
+        try {
+          await onWithdraw(txInfo);
+        } catch (callbackErr) {
+          console.error("[Unifold] onWithdraw callback failed:", callbackErr, {
             sourceChainId,
-            amountBaseUnit
-          });
-        } else if (detectedWallet.chainFamily === "solana") {
-          await sendSolanaWithdraw({
-            provider: detectedWallet.provider,
-            fromAddress: detectedWallet.address,
-            depositWalletAddress: depositWallet.address,
-            sourceTokenAddress,
+            amount: humanAmount,
             amountBaseUnit,
-            publishableKey
+            depositWallet: depositWallet.address
           });
+          throw callbackErr;
         }
-      } else if (onWithdraw) {
-        await onWithdraw(txInfo);
       } else {
         throw new Error("No withdrawal method available. Please connect a wallet.");
       }
       onWithdrawSubmitted?.(txInfo);
     } catch (err) {
+      console.error("[Unifold] Withdrawal failed:", err);
       const raw = err instanceof Error ? err.message : "Withdrawal failed. Please try again.";
       setSubmitError(raw.length > 120 ? "Withdrawal failed. Please try again." : raw);
       onWithdrawError?.({
@@ -61317,7 +61408,7 @@ function WithdrawForm({
     } finally {
       setIsSubmitting(false);
     }
-  }, [selectedToken, selectedChain, isFormValid, cryptoAmountFromInput, sourceDecimals, trimmedAddress, publishableKey, onWithdraw, detectedWallet, sourceTokenAddress, sourceChainId, onWithdrawError, onDepositWalletCreation, onWithdrawSubmitted, amount, inputUnit, balanceCrypto, balanceUsdNum, balanceData]);
+  }, [selectedToken, selectedChain, isFormValid, cryptoAmountFromInput, sourceDecimals, trimmedAddress, publishableKey, onWithdraw, sourceChainType, senderAddress, sourceTokenAddress, sourceChainId, onWithdrawError, onDepositWalletCreation, onWithdrawSubmitted, amount, inputUnit, balanceCrypto, balanceUsdNum, balanceData]);
   return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
@@ -61528,23 +61619,12 @@ function WithdrawForm({
         ] })
       ] })
     ] }),
-    !canWithdraw && !submitError && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
-      "div",
-      {
-        className: "uf-flex uf-items-start uf-gap-2.5 uf-p-3 uf-rounded-xl",
-        style: { backgroundColor: colors2.card, border: `1px solid ${colors2.border}` },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Wallet, { className: "uf-w-4 uf-h-4 uf-flex-shrink-0 uf-mt-0.5", style: { color: colors2.warning } }),
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "uf-text-xs", style: { color: colors2.foregroundMuted, fontFamily: fonts.regular }, children: "No connected wallet detected. Please connect a wallet that matches your account to withdraw." })
-        ]
-      }
-    ),
-    isWalletMatch && connectedWalletName ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       "button",
       {
         type: "button",
         onClick: handleWithdraw,
-        disabled: !isFormValid || !canWithdraw || isSubmitting || !selectedToken || !selectedChain,
+        disabled: !isFormValid || isSubmitting || !selectedToken || !selectedChain,
         className: "uf-w-full uf-py-3 uf-text-sm uf-font-medium uf-transition-colors disabled:uf-opacity-50 disabled:uf-cursor-not-allowed uf-flex uf-items-center uf-justify-center uf-gap-2",
         style: {
           backgroundColor: colors2.primary,
@@ -61558,29 +61638,9 @@ function WithdrawForm({
           "Processing..."
         ] }) : isOverBalance ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_jsx_runtime73.Fragment, { children: "Insufficient balance" }) : isBelowMinimum ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_jsx_runtime73.Fragment, { children: "Minimum amount not met" }) : submitError ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_jsx_runtime73.Fragment, { children: "Withdrawal failed. Try again" }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Wallet, { className: "uf-w-4 uf-h-4" }),
-          "Withdraw from ",
-          connectedWalletName
+          t8.withdraw
         ] })
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
-      "button",
-      {
-        type: "button",
-        onClick: handleWithdraw,
-        disabled: !isFormValid || !canWithdraw || isSubmitting || !selectedToken || !selectedChain,
-        className: "uf-w-full uf-py-3 uf-text-sm uf-font-medium uf-transition-colors disabled:uf-opacity-50 disabled:uf-cursor-not-allowed",
-        style: {
-          backgroundColor: colors2.primary,
-          color: colors2.primaryForeground,
-          fontFamily: fonts.medium,
-          borderRadius: components.button.borderRadius,
-          border: `${components.button.borderWidth}px solid ${components.button.borderColor}`
-        },
-        children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { className: "uf-flex uf-items-center uf-justify-center uf-gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(LoaderCircle, { className: "uf-w-4 uf-h-4 uf-animate-spin" }),
-          "Processing..."
-        ] }) : isOverBalance ? "Insufficient balance" : isBelowMinimum ? "Minimum amount not met" : submitError ? "Withdrawal failed. Try again" : t8.withdraw
-      }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-text-xs uf-pt-1", children: [
       /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { children: footerLeft }),
@@ -61959,22 +62019,6 @@ function WithdrawModal({
   });
   const [selectedToken, setSelectedToken] = (0, import_react28.useState)(null);
   const [selectedChain, setSelectedChain] = (0, import_react28.useState)(null);
-  const [detectedWallet, setDetectedWallet] = (0, import_react28.useState)(null);
-  const connectedWalletName = detectedWallet?.name ?? null;
-  const isWalletMatch = !!detectedWallet;
-  (0, import_react28.useEffect)(() => {
-    if (!senderAddress || !open) {
-      setDetectedWallet(null);
-      return;
-    }
-    let cancelled = false;
-    detectBrowserWallet(sourceChainType, senderAddress).then((wallet) => {
-      if (!cancelled) setDetectedWallet(wallet);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [senderAddress, sourceChainType, open]);
   const [view, setView] = (0, import_react28.useState)("form");
   const [withdrawDepositWalletId, setWithdrawDepositWalletId] = (0, import_react28.useState)();
   const [selectedExecution, setSelectedExecution] = (0, import_react28.useState)(null);
@@ -62067,7 +62111,6 @@ function WithdrawModal({
     if (chain) setSelectedChain(chain);
   }, [selectedToken]);
   const isSourceSupported = sourceValidation?.isSupported ?? null;
-  const canWithdraw = !!onWithdraw || isWalletMatch;
   const isAnyLoading = tokensLoading || isCheckingSourceToken;
   const withdrawPoweredByFooter = /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "uf-pt-3", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(PoweredByUnifold, { color: colors2.foregroundMuted, className: "uf-flex uf-justify-center uf-shrink-0" }) });
   return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(PortalContainerProvider, { value: hideOverlay ? containerEl : null, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Dialog2, { open: hideOverlay || open, onOpenChange: hideOverlay ? void 0 : handleClose, modal: !hideOverlay, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
@@ -62098,7 +62141,7 @@ function WithdrawModal({
         /* ---------- Tracker view: execution list ---------- */
         /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(DepositHeader, { title: "Withdrawal History", showBack: true, showClose: !hideOverlay, onBack: () => setView("form"), onClose: handleClose }),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "uf-flex uf-flex-col uf-gap-2", style: { minHeight: 200 }, children: allWithdrawals.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: "uf-text-sm", style: { color: colors2.foregroundMuted, fontFamily: fonts.regular }, children: "No withdrawals to track yet" }) }) : allWithdrawals.map((ex) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "uf-flex uf-flex-col uf-gap-2", children: allWithdrawals.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: "uf-text-sm", style: { color: colors2.foregroundMuted, fontFamily: fonts.regular }, children: "No withdrawals to track yet" }) }) : allWithdrawals.map((ex) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
             WithdrawExecutionItem,
             {
               execution: ex,
@@ -62108,7 +62151,7 @@ function WithdrawModal({
               }
             },
             ex.id
-          )) }),
+          )) }) }),
           withdrawPoweredByFooter
         ] })
       ) : (
@@ -62148,12 +62191,9 @@ function WithdrawModal({
                   estimatedProcessingTime: sourceValidation?.estimatedProcessingTime ?? null,
                   maxSlippagePercent: sourceValidation?.maxSlippagePercent ?? null,
                   priceImpactPercent: sourceValidation?.priceImpactPercent ?? null,
-                  detectedWallet,
+                  senderAddress,
                   sourceChainId,
                   sourceTokenAddress,
-                  isWalletMatch,
-                  connectedWalletName,
-                  canWithdraw,
                   onWithdraw,
                   onWithdrawError,
                   onDepositWalletCreation: handleDepositWalletCreation,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unifold/ui-web",
-  "version": "0.1.43",
+  "version": "0.1.45",
   "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.43",
-    "@unifold/ui-react": "0.1.43",
-    "@unifold/core": "0.1.43",
-    "@unifold/react-provider": "0.1.43"
+    "@unifold/connect-react": "0.1.45",
+    "@unifold/core": "0.1.45",
+    "@unifold/react-provider": "0.1.45",
+    "@unifold/ui-react": "0.1.45"
   },
   "keywords": [
     "unifold",