@embarkai/ui-kit 0.4.37 → 0.4.39

package/dist/index.js

@@ -5420,9 +5420,9 @@ var init_en = __esm({
           confirmBridge: "I confirm bridging {{amount}} {{asset}} to {{destinationChain}}"
         },
         statuses: {
+          balanceInsufficient: "Insufficient balance",
           txPrepare: "Preparing transactions...",
-          txSending: "Sending {{txCount}} transactions...",
-          txSent: "Transactions sent. Delivery to {{destination}}",
+          txExecuting: "Executing transactions...",
           txWaitingReceipt: "Waiting for receipt...",
           txPatching: "Patching transaction..."
         },
@@ -5739,12 +5739,9 @@ var init_ru = __esm({
           confirmBridge: "\u041F\u041E\u0414\u0422\u0412\u0415\u0420\u0414\u0418\u0422\u042C \u041F\u0415\u0420\u0415\u041C\u0415\u0429\u0415\u041D\u0418\u0415"
         },
         statuses: {
-          qouteEstimating: "\u041E\u0446\u0435\u043D\u043A\u0430 \u0441\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u0438...",
-          switchingWalletChain: "\u041F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u0435 \u0441\u0435\u0442\u0438...",
+          balanceInsufficient: "\u041D\u0435\u0434\u043E\u0441\u0442\u0430\u0442\u043E\u0447\u043D\u043E \u0441\u0440\u0435\u0434\u0441\u0442\u0432",
           txPrepare: "\u041F\u043E\u0434\u0433\u043E\u0442\u043E\u0432\u043A\u0430 \u0442\u0440\u0430\u043D\u0437\u0430\u043A\u0446\u0438\u0439...",
-          txSending: "\u041E\u0442\u043F\u0440\u0430\u0432\u043A\u0430 {{txCount}} \u0442\u0440\u0430\u043D\u0437\u0430\u043A\u0446\u0438\u0439...",
-          txSent: "\u0422\u0440\u0430\u043D\u0437\u0430\u043A\u0446\u0438\u0438 \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u044B. \u0414\u043E\u0441\u0442\u0430\u0432\u043A\u0430 \u0432 {{destination}}",
-          txExecuting: "\u0412\u044B\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435 \u043F\u0435\u0440\u0435\u043C\u0435\u0449\u0435\u043D\u0438\u044F...",
+          txExecuting: "\u0412\u044B\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435 \u0442\u0440\u0430\u043D\u0437\u0430\u043A\u0446\u0438\u0439...",
           txWaitingReceipt: "\u041E\u0436\u0438\u0434\u0430\u043D\u0438\u0435 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u044F...",
           txPatching: "\u041E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u0435 \u0442\u0440\u0430\u043D\u0437\u0430\u043A\u0446\u0438\u0438..."
         },
@@ -6061,12 +6058,9 @@ var init_zh = __esm({
           confirmBridge: "\u786E\u8BA4\u8DE8\u94FE"
         },
         statuses: {
-          qouteEstimating: "\u6B63\u5728\u4F30\u7B97\u62A5\u4EF7...",
-          switchingWalletChain: "\u6B63\u5728\u5207\u6362\u94FE...",
+          balanceInsufficient: "\u4F59\u989D\u4E0D\u8DB3",
           txPrepare: "\u6B63\u5728\u51C6\u5907\u4EA4\u6613...",
-          txSending: "\u6B63\u5728\u53D1\u9001 {{txCount}} \u7B14\u4EA4\u6613...",
-          txSent: "\u4EA4\u6613\u5DF2\u53D1\u9001\u3002\u6B63\u5728\u4F20\u8F93\u81F3 {{destination}}",
-          txExecuting: "\u6B63\u5728\u6267\u884C\u8DE8\u94FE...",
+          txExecuting: "\u6B63\u5728\u6267\u884C\u4EA4\u6613...",
           txWaitingReceipt: "\u7B49\u5F85\u6536\u636E...",
           txPatching: "\u66F4\u65B0\u4EA4\u6613..."
         },
@@ -19093,7 +19087,6 @@ var init_useBridgeStore = __esm({
       bridgeStep: "select",
       bridgeType: "hyper",
       bridgeSender: "embarkai-wallet",
-      bridgeSenders: [],
       amount: "",
       quote: null,
       isQuoteEstimating: false,
@@ -19102,6 +19095,7 @@ var init_useBridgeStore = __esm({
     useBridgeStore = create10()(
       persist3(
         (set, get) => ({
+          bridgeSenders: [],
           hyperRoute: null,
           recipient: null,
           originChain: null,
@@ -19416,7 +19410,6 @@ var init_wallets = __esm({
 import { useEffect as useEffect34, useRef as useRef18 } from "react";
 function useAvailableSenders() {
   const address = useSession((st) => st.address);
-  const activeChainId = useSession((st) => st.activeChainId);
   const { profiles } = useLinkedProfiles();
   const lastCalcedSenders = useRef18([]);
   useEffect34(() => {
@@ -19424,7 +19417,7 @@ function useAvailableSenders() {
       {
         type: "embarkai-wallet",
         name: "embarkAI",
-        chainId: activeChainId,
+        chainId: null,
         address,
         Icon: TOKENS_ICONS["EMBARKAI"]
       }
@@ -19443,9 +19436,10 @@ function useAvailableSenders() {
       return;
     }
     lastCalcedSenders.current = sendersAccumulator.map((s) => `${s.name}-${s.address}`);
+    console.info("[SENDER SELECTOR] setting bridge senders", sendersAccumulator);
     useBridgeStore.getState().setBridgeSenders(sendersAccumulator);
     useFlowSelectorStore.getState().setRenderKey(`sender-selected-${Date.now()}`);
-  }, [address, profiles, activeChainId]);
+  }, [address, profiles]);
   return {
     directWalletProfile: profiles.filter((p) => p.provider === "wallet")[0] || null
   };
@@ -19525,16 +19519,145 @@ var init_api3 = __esm({
   }
 });
 
+// src/clients/bundler/getUserOperationByHash.ts
+import { bundlerRpc } from "@embarkai/core";
+import { getChainConfig as getChainConfig9 } from "@embarkai/core/read";
+async function getUserOperationByHash(userOpHash, chainId) {
+  const targetChainId = chainId ?? requireActiveChainId();
+  const chainConfig = getChainConfig9(targetChainId);
+  if (!chainConfig) {
+    throw new Error(`Chain ${targetChainId} is not supported`);
+  }
+  if (!chainConfig.bundlerUrl) {
+    throw new Error(`Chain ${targetChainId} has no bundlerUrl configured`);
+  }
+  if (!userOpHash) {
+    throw new Error("Operation hash is required");
+  }
+  try {
+    const result = await bundlerRpc("eth_getUserOperationByHash", [userOpHash], chainConfig.bundlerUrl);
+    if (!result) {
+      return null;
+    }
+    console.log("[getUserOperationByHash] Receipt:", JSON.stringify(result, null, 2));
+    return {
+      entryPoint: result.entryPoint,
+      userOperation: result.userOperation,
+      transactionHash: result.transactionHash,
+      blockNumber: result.blockNumber,
+      blockHash: result.blockHash
+    };
+  } catch (error) {
+    console.warn("[getUserOperationByHash] Failed to get user operation:", error);
+    return null;
+  }
+}
+var init_getUserOperationByHash = __esm({
+  "src/clients/bundler/getUserOperationByHash.ts"() {
+    init_SessionContext();
+  }
+});
+
+// src/clients/bundler/getUserOperationReceipt.ts
+import { bundlerRpc as bundlerRpc2 } from "@embarkai/core";
+import { getChainConfig as getChainConfig10 } from "@embarkai/core/read";
+async function getUserOperationReceipt(userOpHash, chainId) {
+  const targetChainId = chainId ?? requireActiveChainId();
+  const chainConfig = getChainConfig10(targetChainId);
+  if (!chainConfig) {
+    throw new Error(`Chain ${targetChainId} is not supported`);
+  }
+  if (!chainConfig.bundlerUrl) {
+    throw new Error(`Chain ${targetChainId} has no bundlerUrl configured`);
+  }
+  if (!userOpHash) {
+    throw new Error("Operation hash is required");
+  }
+  try {
+    const result = await bundlerRpc2("eth_getUserOperationReceipt", [userOpHash], chainConfig.bundlerUrl);
+    if (!result) {
+      return null;
+    }
+    console.log("[getUserOperationReceipt] Receipt:", JSON.stringify(result, null, 2));
+    return {
+      userOpHash: result.userOpHash,
+      entryPoint: result.entryPoint,
+      sender: result.sender,
+      nonce: result.nonce,
+      success: result.success,
+      actualGasCost: result.actualGasCost,
+      actualGasUsed: result.actualGasUsed,
+      paymaster: result.paymaster,
+      receipt: result.receipt,
+      logs: result.logs,
+      reason: result.reason
+    };
+  } catch (error) {
+    console.warn("[getUserOperationReceipt] Failed to get receipt:", error);
+    return null;
+  }
+}
+var init_getUserOperationReceipt = __esm({
+  "src/clients/bundler/getUserOperationReceipt.ts"() {
+    init_SessionContext();
+  }
+});
+
+// src/clients/bundler/waitForUserOperationReceipt.ts
+async function waitForUserOperationReceipt(userOpHash, options) {
+  const pollIntervalMs = options?.pollIntervalMs ?? 1e3;
+  const maxPollTimeMs = options?.maxPollTimeMs ?? 6e4;
+  const targetChainId = options?.chainId ?? requireActiveChainId();
+  const startTime = Date.now();
+  while (true) {
+    const elapsed = Date.now() - startTime;
+    if (elapsed >= maxPollTimeMs) {
+      throw new UserOperationTimeoutError(userOpHash, targetChainId, maxPollTimeMs);
+    }
+    const receipt = await getUserOperationReceipt(userOpHash, targetChainId);
+    if (receipt) {
+      return receipt;
+    }
+    await new Promise((resolve) => setTimeout(resolve, pollIntervalMs));
+  }
+}
+var UserOperationTimeoutError;
+var init_waitForUserOperationReceipt = __esm({
+  "src/clients/bundler/waitForUserOperationReceipt.ts"() {
+    init_SessionContext();
+    init_getUserOperationReceipt();
+    UserOperationTimeoutError = class extends Error {
+      constructor(userOpHash, chainId, timeoutMs) {
+        super(`Timeout waiting for UserOperation receipt after ${timeoutMs}ms (hash: ${userOpHash}, chainId: ${chainId})`);
+        this.name = "UserOperationTimeoutError";
+        this.userOpHash = userOpHash;
+        this.chainId = chainId;
+        this.timeoutMs = timeoutMs;
+      }
+    };
+  }
+});
+
+// src/clients/bundler/index.ts
+var init_bundler = __esm({
+  "src/clients/bundler/index.ts"() {
+    init_getUserOperationByHash();
+    init_getUserOperationReceipt();
+    init_waitForUserOperationReceipt();
+  }
+});
+
 // src/internal/components/SendMenu/hyperbridge/lib/executeWarpTxs.ts
+import { CHAINS_BROWSERS_TRANSPORTS, wagmiConfig, waitForWagmiTransactionReceipt } from "@embarkai/core";
 import { createPublicClient, http as http2 } from "viem";
 async function executeWarpTransactions(txs, walletClient) {
   const originChain = useBridgeStore.getState().originChain;
   const session = useSession.getState().session;
   const bridgeSender = useBridgeStore.getState().bridgeSender;
+  const externalWalletChain = CHAINS_UI_META[originChain].chain;
   const publicClient = bridgeSender === "embarkai-wallet" ? useSession.getState().publicClient : createPublicClient({
-    chain: CHAINS_UI_META[originChain].chain,
-    // transport: http(this.rpcUrl)
-    transport: http2(CHAINS_UI_META[originChain].chain.rpcUrls.default.http[0])
+    chain: externalWalletChain,
+    transport: CHAINS_BROWSERS_TRANSPORTS[externalWalletChain.id] || http2(externalWalletChain.rpcUrls.default.http[0])
   });
   if (!session) {
     throw new Error("No active session");
@@ -19545,6 +19668,9 @@ async function executeWarpTransactions(txs, walletClient) {
   const hashes = [];
   const errorsStack = [];
   for (const tx of txs) {
+    if (tx.type !== "ethers-v5" /* EthersV5 */) {
+      throw new Error(`Unsupported transaction provider: ${tx.type}`);
+    }
     const populated = tx.transaction;
     if (!populated.to) {
       throw new Error("Transaction missing `to` address");
@@ -19557,28 +19683,69 @@ async function executeWarpTransactions(txs, walletClient) {
         BigInt(rawValue.hex)
       ) : BigInt(rawValue.toString())
     );
-    if (bridgeSender === "embarkai-wallet") {
-      const operationHash = await sendUserOperation(session, {
-        to: populated.to,
-        data: populated.data ?? "0x",
-        value: valueBigInt.toString(),
-        chainId: publicClient.chain.id
-      }).catch((error) => {
-        errorsStack.push(error);
-        throw error;
-      });
-      hashes.push(operationHash);
-    } else {
-      const walletOpHash = await walletClient?.sendTransaction?.({
-        to: populated.to,
-        value: valueBigInt.toString(),
-        data: populated.data,
-        chain: walletClient.chain
-      }).catch((error) => {
-        errorsStack.push(error);
-        throw error;
-      });
-      hashes.push(walletOpHash);
+    switch (bridgeSender) {
+      case "embarkai-wallet":
+        useBridgeStore.getState().setBridgeTxStatus(`Tx: ${tx.category || ""}...`);
+        const embarkOpHash = await sendUserOperation(session, {
+          to: populated.to,
+          data: populated.data ?? "0x",
+          value: valueBigInt.toString(),
+          chainId: publicClient.chain.id
+        }).catch((error) => {
+          errorsStack.push(error);
+          throw error;
+        });
+        if (TARGET_TX_CATEGORIES.includes(tx.category)) {
+          console.warn("[HYPERLANE] embarkai-wallet tx done", tx.category, embarkOpHash);
+          hashes.push(embarkOpHash);
+        }
+        if (!TARGET_TX_CATEGORIES.includes(tx.category)) {
+          useBridgeStore.getState().setBridgeTxStatus(`Tx receipt: ${tx.category || ""}...`);
+          const embarkNonTransferReceipt = await waitForUserOperationReceipt(embarkOpHash, {
+            chainId: publicClient.chain.id
+          }).catch((error) => {
+            errorsStack.push(error);
+            throw error;
+          });
+          if (!embarkNonTransferReceipt.success) {
+            throw new Error(
+              `Approval transaction failed: ${embarkNonTransferReceipt?.receipt?.transactionHash || "unknown hash"}`
+            );
+          }
+        }
+        break;
+      case "direct-wallet":
+        useBridgeStore.getState().setBridgeTxStatus(`Tx: ${tx.category || ""}...`);
+        const walletOpHash = await walletClient?.sendTransaction?.({
+          to: populated.to,
+          value: valueBigInt.toString(),
+          data: populated.data,
+          chain: walletClient.chain
+        }).catch((error) => {
+          errorsStack.push(error);
+          throw error;
+        });
+        if (TARGET_TX_CATEGORIES.includes(tx.category)) {
+          console.warn("[HYPERLANE] direct-wallet tx done", tx.category, walletOpHash);
+          hashes.push(walletOpHash);
+        }
+        if (!TARGET_TX_CATEGORIES.includes(tx.category)) {
+          useBridgeStore.getState().setBridgeTxStatus(`Tx receipt: ${tx.category || ""}...`);
+          const wagmiNonTransferReceipt = await waitForWagmiTransactionReceipt(wagmiConfig, {
+            chainId: publicClient.chain.id,
+            hash: walletOpHash,
+            pollingInterval: 2500
+          }).catch((error) => {
+            errorsStack.push(error);
+            throw error;
+          });
+          if (!wagmiNonTransferReceipt.success) {
+            throw new Error(
+              `Approval transaction failed: ${wagmiNonTransferReceipt?.transactionHash || "unknown hash"}`
+            );
+          }
+        }
+        break;
     }
   }
   if (errorsStack.length > 0) {
@@ -19587,12 +19754,15 @@ async function executeWarpTransactions(txs, walletClient) {
   }
   return hashes;
 }
+var TARGET_TX_CATEGORIES;
 var init_executeWarpTxs = __esm({
   "src/internal/components/SendMenu/hyperbridge/lib/executeWarpTxs.ts"() {
+    init_bundler();
     init_SessionContext();
     init_account2();
     init_useBridgeStore();
     init_chains();
+    TARGET_TX_CATEGORIES = ["transfer"];
   }
 });
 
@@ -19781,6 +19951,7 @@ function useBridge() {
         warpTxs,
         bridgeSender.type === "direct-wallet" ? walletClient : null
       );
+      setBridgeTxStatus(t("passport:bridgeMenu.statuses.txPatching"));
       await Promise.all([
         patchInitiatedBridgeTxOpHashes({ txId: hyperlaneDbTx.id, txOpHashes: operationHashes }),
         patchInitiatedBridgeTxStatus({ txId: hyperlaneDbTx.id, txStatus: "SENDING" })
@@ -19788,18 +19959,14 @@ function useBridge() {
       return operationHashes;
     },
     onSuccess: (operationHashes) => {
-      const { setBridgeStep, setBridgeTxStatus, destinationChain } = useBridgeStore.getState();
-      setBridgeTxStatus(
-        // @ts-expect-error i18n typing
-        t("passport:bridgeMenu.statuses.txSent", { destination: destinationChain })
-      );
+      const { setBridgeStep, setBridgeTxStatus } = useBridgeStore.getState();
       useOperationHashesStore.getState().setOperationHashes(operationHashes);
       useLayoutStore.getState().setIsDialogForced(false);
       useFlowSelectorStore.getState().setIsUiLocked(false);
+      setBridgeTxStatus(null);
       setBridgeStep("success");
     },
     onError: (error) => {
-      const { setBridgeTxStatus } = useBridgeStore.getState();
       console.error("[HYPERLANE SDK] Bridge execution error", error);
       const hyperlaneDbTx = useOperationHashesStore.getState().hyperlaneDatabaseTx;
       if (hyperlaneDbTx?.id) {
@@ -19807,9 +19974,9 @@ function useBridge() {
           console.log("[HYPERLANE SDK] initiated tx patched as REJECTED: ", hyperlaneDbTx.id, "ok: ", ok);
         });
       }
-      setBridgeTxStatus(null);
       useLayoutStore.getState().setIsDialogForced(false);
       useFlowSelectorStore.getState().setIsUiLocked(false);
+      useBridgeStore.getState().setBridgeTxStatus(null);
       useFlowSelectorStore.getState().setError(error instanceof Error ? error.message : String(error));
     }
   });
@@ -19952,6 +20119,7 @@ var init_ResolveChainIcon = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts
+import { CHAINS_BROWSERS_TRANSPORTS as CHAINS_BROWSERS_TRANSPORTS2 } from "@embarkai/core";
 import { useQuery as useQuery20, useQueryClient as useQueryClient21 } from "@tanstack/react-query";
 import { useCallback as useCallback23, useEffect as useEffect37 } from "react";
 import { createPublicClient as createPublicClient2, erc20Abi as erc20Abi2, formatUnits as formatUnits7, http as http3 } from "viem";
@@ -19985,13 +20153,14 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
   const originChainMeta = CHAINS_UI_META[originChain];
   const isSelectedTokenNative = selectedWarpRoute?.symbol?.toUpperCase() === originChainMeta?.chain?.nativeCurrency?.symbol?.toUpperCase();
   const { data: externalBalanceData, isLoading: isExternalBalanceLoading } = useQuery20({
-    enabled: bridgeSender === "direct-wallet" && !isSelectedTokenNative && !!directWalletAddress && !!routeTokenAddress && !!originChain,
     retry: false,
+    enabled: bridgeSender === "direct-wallet" && !isSelectedTokenNative && !!directWalletAddress && !!routeTokenAddress && !!originChain,
     queryKey: [EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY, originChain, directWalletAddress, routeTokenAddress],
     queryFn: async () => {
+      const chainTransport = CHAINS_BROWSERS_TRANSPORTS2[originChainMeta.chain.id] || http3(originChainMeta.chain.rpcUrls.default.http[0]);
       const client = createPublicClient2({
         chain: originChainMeta.chain,
-        transport: http3(originChainMeta.chain.rpcUrls.default.http[0])
+        transport: chainTransport
       });
       const [value, decimals, symbol] = await Promise.all([
         client.readContract({
@@ -20107,17 +20276,16 @@ function SelectStep(props) {
   const { swapChains, hyperlaneWarpRoutes, isLoadingWarpRoutes, handleQuoteEstimation } = props;
   const { t } = useT();
   const {
+    bridgeSenders,
+    bridgeSender,
     originChain,
     destinationChain,
     hyperRoute,
     amount,
     isQuoteEstimating,
-    recipient,
-    setBridgeStep,
-    setAmount,
-    setRecipient
+    recipient
   } = useBridgeStore();
-  const selectedSender = useBridgeStore((st) => st.bridgeSenders?.find((s) => s.type === st.bridgeSender)) || null;
+  const selectedSender = bridgeSenders?.find((s) => s.type === bridgeSender) || null;
   const { routeTokenBalance, isRouteTokenBalanceLoading } = useBridgeBalance(hyperlaneWarpRoutes);
   const selectedWarpRoute = hyperlaneWarpRoutes.find((route) => {
     const { routeId, chainPair } = route;
@@ -20129,6 +20297,9 @@ function SelectStep(props) {
   if (isLoadingWarpRoutes) {
     return /* @__PURE__ */ jsx93("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx93(LoaderIcon8, { className: "w-4 h-4 animate-spin" }) });
   }
+  const isBalanceInsufficient = !routeTokenBalance || Number(amount || 0) > Number(routeTokenBalance || 0);
+  const isFalsyAmount = !amount || !Number(amount) || Number(amount) <= 0;
+  const isQuoteEstimationDisabled = isQuoteEstimating || !hyperlaneWarpRoutes.length || !selectedSender || !originChain || !destinationChain || !hyperRoute || isFalsyAmount || isBalanceInsufficient;
   return /* @__PURE__ */ jsxs85("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)] items-center", children: [
     /* @__PURE__ */ jsxs85("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
       /* @__PURE__ */ jsx93(
@@ -20149,7 +20320,7 @@ function SelectStep(props) {
           className: "w-full justify-between",
           onClick: () => {
             useFlowSelectorStore.getState().setError(null);
-            setBridgeStep("sender-selector");
+            useBridgeStore.getState().setBridgeStep("sender-selector");
           },
           children: [
             /* @__PURE__ */ jsxs85("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
@@ -20173,7 +20344,7 @@ function SelectStep(props) {
             ": "
           ] }),
           isRouteTokenBalanceLoading && /* @__PURE__ */ jsx93(LoaderIcon8, { className: "w-4 h-4 animate-spin text-[var(--ui-kit-fg-muted)]" }),
-          !isRouteTokenBalanceLoading && /* @__PURE__ */ jsxs85("span", { className: "font-semibold", children: [
+          !isRouteTokenBalanceLoading && /* @__PURE__ */ jsxs85("span", { className: cn("font-semibold", { "text-[var(--ui-kit-bg-error)]": isBalanceInsufficient }), children: [
             formatPrice(Number(routeTokenBalance || 0)),
             " ",
             selectedWarpRoute?.symbol
@@ -20188,7 +20359,7 @@ function SelectStep(props) {
           className: "w-full justify-between",
           onClick: () => {
             useFlowSelectorStore.getState().setError(null);
-            setBridgeStep("select-token");
+            useBridgeStore.getState().setBridgeStep("select-token");
           },
           children: [
             selectedWarpRoute ? /* @__PURE__ */ jsxs85("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
@@ -20272,9 +20443,9 @@ function SelectStep(props) {
                   }
                   if (regex.test(value) || value === "") {
                     if (value === "") {
-                      setAmount("0");
+                      useBridgeStore.getState().setAmount("0");
                     } else {
-                      setAmount(value);
+                      useBridgeStore.getState().setAmount(value);
                     }
                   }
                 },
@@ -20305,7 +20476,7 @@ function SelectStep(props) {
                 Icon: Wallet2Icon2,
                 onChange: (e) => {
                   useFlowSelectorStore.getState().setError(null);
-                  setRecipient(e.target.value);
+                  useBridgeStore.getState().setRecipient(e.target.value);
                 },
                 element: /* @__PURE__ */ jsx93(
                   Button,
@@ -20315,7 +20486,7 @@ function SelectStep(props) {
                     variant: "ghost",
                     onClick: (e) => {
                       e.stopPropagation();
-                      setRecipient(null);
+                      useBridgeStore.getState().setRecipient(null);
                     },
                     children: /* @__PURE__ */ jsx93(XIcon, { className: "w-4 h-4" })
                   }
@@ -20333,10 +20504,10 @@ function SelectStep(props) {
         variant: "default",
         className: "w-full",
         onClick: () => handleQuoteEstimation(amount),
-        disabled: isQuoteEstimating || !hyperlaneWarpRoutes.length || !selectedSender || !amount || !Number(amount) || !originChain || !destinationChain || !hyperRoute,
+        disabled: isQuoteEstimationDisabled,
         children: [
           isQuoteEstimating && /* @__PURE__ */ jsx93(LoaderIcon8, { className: "h-4 w-4 animate-spin" }),
-          /* @__PURE__ */ jsx93("span", { children: t("passport:bridgeMenu.actions.estimateQuote") })
+          /* @__PURE__ */ jsx93("span", { children: isBalanceInsufficient ? t("passport:bridgeMenu.statuses.balanceInsufficient") : t("passport:bridgeMenu.actions.estimateQuote") })
         ]
       }
     )
@@ -24015,7 +24186,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.37",
+      version: "0.4.39",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -25023,7 +25194,7 @@ import {
   createBundlerClientForChain,
   createPublicClientForChain as createPublicClientForChain6,
   DEFAULT_CHAIN_ID as DEFAULT_CHAIN_ID2,
-  getChainConfig as getChainConfig9,
+  getChainConfig as getChainConfig11,
   getViemChain as getViemChain2
 } from "@embarkai/core/read";
 import { Fragment as Fragment45 } from "react";
@@ -25132,7 +25303,7 @@ var init_SessionContext = __esm({
           // Set default chainId after hydration if not persisted
           onRehydrateStorage: () => (state) => {
             if (!state) return;
-            const hydartedChain = getChainParams(getChainConfig9(state.activeChainId || DEFAULT_CHAIN_ID2));
+            const hydartedChain = getChainParams(getChainConfig11(state.activeChainId || DEFAULT_CHAIN_ID2));
             state.activeChainId = hydartedChain.activeChainId;
             state.publicClient = hydartedChain.publicClient;
             state.bundlerClient = hydartedChain.bundlerClient;
@@ -25179,7 +25350,7 @@ var init_env = __esm({
 });
 
 // src/internal/clients/base.ts
-import { getChainConfig as getChainConfig10, getViemChain as getViemChain3, lumiaMainnetChain, lumiaTestnetChain } from "@embarkai/core/read";
+import { getChainConfig as getChainConfig12, getViemChain as getViemChain3, lumiaMainnetChain, lumiaTestnetChain } from "@embarkai/core/read";
 import { http as http4 } from "viem";
 import { createBundlerClient } from "viem/account-abstraction";
 function getTssUrl2() {
@@ -25210,13 +25381,13 @@ function getExplorerUrl() {
   const paramUrl = typeof window !== "undefined" ? new URLSearchParams(window.location.search).get("explorerUrl") || void 0 : void 0;
   const net = getSelectedNetwork();
   const chainId = requireActiveChainId();
-  const chainConfig = getChainConfig10(chainId);
+  const chainConfig = getChainConfig12(chainId);
   console.log("[getExplorerUrl] ", paramUrl, chainConfig.blockExplorerUrl);
   return paramUrl || chainConfig.blockExplorerUrl;
 }
 function getBundlerClient() {
   const chainId = requireActiveChainId();
-  const chainConfig = getChainConfig10(chainId);
+  const chainConfig = getChainConfig12(chainId);
   const viemChain = getViemChain3(chainId);
   return createBundlerClient({
     chain: viemChain,
@@ -27488,7 +27659,12 @@ var init_iframe_manager = __esm({
 // src/config/rainbowkit.ts
 import { lumiaMainnetChain as lumiaMainnetChain2, lumiaTestnetChain as lumiaTestnetChain2 } from "@embarkai/core/read";
 import { getDefaultConfig as getDefaultConfig2 } from "@rainbow-me/rainbowkit";
-import { coinbaseWallet, metaMaskWallet, rainbowWallet, walletConnectWallet } from "@rainbow-me/rainbowkit/wallets";
+import {
+  binanceWallet,
+  metaMaskWallet,
+  rainbowWallet,
+  walletConnectWallet
+} from "@rainbow-me/rainbowkit/wallets";
 import { createStorage } from "wagmi";
 import { arbitrum, avalanche, base, bsc as bsc2, mainnet, optimism, polygon, zora } from "wagmi/chains";
 var getProjectId2, WALLET_MAP, getWagmiStorageKey, buildRainbowChains, createRainbowConfig, rainbowTheme;
@@ -27504,8 +27680,9 @@ var init_rainbowkit = __esm({
     WALLET_MAP = {
       walletconnect: walletConnectWallet,
       metamask: metaMaskWallet,
-      coinbase: coinbaseWallet,
-      rainbow: rainbowWallet
+      // coinbase: coinbaseWallet,
+      rainbow: rainbowWallet,
+      binance: binanceWallet
     };
     getWagmiStorageKey = (options) => {
       const projectId = options?.projectId || "default";
@@ -27801,54 +27978,15 @@ var init_utils11 = __esm({
   }
 });
 
-// src/config/wagmi.ts
-import { lumiaMainnetChain as lumiaprism2, lumiaTestnetChain as lumiaTestnetChain3 } from "@embarkai/core/read";
-import { fallback } from "viem";
-import { createConfig, createStorage as createStorage2, http as http5 } from "wagmi";
-import { bsc as bsc3, mainnet as ethereum2 } from "wagmi/chains";
-function buildTransport(urls) {
-  const transports = urls.map(
-    (url) => http5(url, {
-      timeout: 1e4,
-      retryCount: 0,
-      batch: false,
-      // Disable batch requests
-      fetchOptions: { mode: "cors" }
-    })
-  );
-  if (transports.length === 1) {
-    return transports[0];
-  }
-  return fallback(transports, {
-    rank: false,
-    retryCount: 0
-  });
-}
-var wagmiConfig;
-var init_wagmi = __esm({
-  "src/config/wagmi.ts"() {
-    wagmiConfig = createConfig({
-      chains: [lumiaprism2, lumiaTestnetChain3, bsc3, ethereum2],
-      storage: createStorage2({ key: "embark-wagmi-static-v2" }),
-      transports: {
-        [lumiaTestnetChain3.id]: buildTransport(lumiaTestnetChain3.rpcUrls.default.http),
-        [lumiaprism2.id]: buildTransport(lumiaprism2.rpcUrls.default.http),
-        [bsc3.id]: http5(),
-        [ethereum2.id]: http5()
-      }
-    });
-  }
-});
-
 // src/context/WagmiContext.tsx
+import { wagmiConfig as wagmiConfig2 } from "@embarkai/core";
 import { WagmiProvider as NativeWagmiProvider } from "wagmi";
 import { jsx as jsx123 } from "react/jsx-runtime";
 var WagmiProvider2;
 var init_WagmiContext = __esm({
   "src/context/WagmiContext.tsx"() {
-    init_wagmi();
     WagmiProvider2 = ({ children }) => {
-      return /* @__PURE__ */ jsx123(NativeWagmiProvider, { config: wagmiConfig, children });
+      return /* @__PURE__ */ jsx123(NativeWagmiProvider, { config: wagmiConfig2, children });
     };
   }
 });
@@ -28011,6 +28149,7 @@ var built_default = `.container{width:100%}@media (min-width:640px){.container{m
 
 // src/index.ts
 init_ProviderContext();
+import { wagmiConfig as wagmiConfig3 } from "@embarkai/core";
 
 // src/components/ConnectWalletButton.tsx
 init_LumiaIcon3();
@@ -28419,88 +28558,12 @@ function LangToggle(props) {
 init_useLayoutDataStore();
 
 // src/internal/components/UserOpStatus.tsx
+init_getUserOperationByHash();
+init_getUserOperationReceipt();
+init_cn();
 import { AlertCircle as AlertCircle8, CheckCircle2 as CheckCircle27, Clock as Clock2, Copy as Copy7, ExternalLink as ExternalLink3, RefreshCw as RefreshCw4 } from "lucide-react";
 import * as React11 from "react";
 
-// src/clients/bundler/getUserOperationByHash.ts
-init_SessionContext();
-import { bundlerRpc } from "@embarkai/core";
-import { getChainConfig as getChainConfig11 } from "@embarkai/core/read";
-async function getUserOperationByHash(userOpHash, chainId) {
-  const targetChainId = chainId ?? requireActiveChainId();
-  const chainConfig = getChainConfig11(targetChainId);
-  if (!chainConfig) {
-    throw new Error(`Chain ${targetChainId} is not supported`);
-  }
-  if (!chainConfig.bundlerUrl) {
-    throw new Error(`Chain ${targetChainId} has no bundlerUrl configured`);
-  }
-  if (!userOpHash) {
-    throw new Error("Operation hash is required");
-  }
-  try {
-    const result = await bundlerRpc("eth_getUserOperationByHash", [userOpHash], chainConfig.bundlerUrl);
-    if (!result) {
-      return null;
-    }
-    console.log("[getUserOperationByHash] Receipt:", JSON.stringify(result, null, 2));
-    return {
-      entryPoint: result.entryPoint,
-      userOperation: result.userOperation,
-      transactionHash: result.transactionHash,
-      blockNumber: result.blockNumber,
-      blockHash: result.blockHash
-    };
-  } catch (error) {
-    console.warn("[getUserOperationByHash] Failed to get user operation:", error);
-    return null;
-  }
-}
-
-// src/clients/bundler/getUserOperationReceipt.ts
-init_SessionContext();
-import { bundlerRpc as bundlerRpc2 } from "@embarkai/core";
-import { getChainConfig as getChainConfig12 } from "@embarkai/core/read";
-async function getUserOperationReceipt(userOpHash, chainId) {
-  const targetChainId = chainId ?? requireActiveChainId();
-  const chainConfig = getChainConfig12(targetChainId);
-  if (!chainConfig) {
-    throw new Error(`Chain ${targetChainId} is not supported`);
-  }
-  if (!chainConfig.bundlerUrl) {
-    throw new Error(`Chain ${targetChainId} has no bundlerUrl configured`);
-  }
-  if (!userOpHash) {
-    throw new Error("Operation hash is required");
-  }
-  try {
-    const result = await bundlerRpc2("eth_getUserOperationReceipt", [userOpHash], chainConfig.bundlerUrl);
-    if (!result) {
-      return null;
-    }
-    console.log("[getUserOperationReceipt] Receipt:", JSON.stringify(result, null, 2));
-    return {
-      userOpHash: result.userOpHash,
-      entryPoint: result.entryPoint,
-      sender: result.sender,
-      nonce: result.nonce,
-      success: result.success,
-      actualGasCost: result.actualGasCost,
-      actualGasUsed: result.actualGasUsed,
-      paymaster: result.paymaster,
-      receipt: result.receipt,
-      logs: result.logs,
-      reason: result.reason
-    };
-  } catch (error) {
-    console.warn("[getUserOperationReceipt] Failed to get receipt:", error);
-    return null;
-  }
-}
-
-// src/internal/components/UserOpStatus.tsx
-init_cn();
-
 // src/internal/components/Address.tsx
 init_cn();
 init_button();
@@ -29017,38 +29080,8 @@ init_vaultClient();
 init_useSendTransaction();
 
 // src/hooks/useUserOpStatus.ts
+init_bundler();
 import * as React14 from "react";
-
-// src/clients/bundler/waitForUserOperationReceipt.ts
-init_SessionContext();
-var UserOperationTimeoutError = class extends Error {
-  constructor(userOpHash, chainId, timeoutMs) {
-    super(`Timeout waiting for UserOperation receipt after ${timeoutMs}ms (hash: ${userOpHash}, chainId: ${chainId})`);
-    this.name = "UserOperationTimeoutError";
-    this.userOpHash = userOpHash;
-    this.chainId = chainId;
-    this.timeoutMs = timeoutMs;
-  }
-};
-async function waitForUserOperationReceipt(userOpHash, options) {
-  const pollIntervalMs = options?.pollIntervalMs ?? 1e3;
-  const maxPollTimeMs = options?.maxPollTimeMs ?? 6e4;
-  const targetChainId = options?.chainId ?? requireActiveChainId();
-  const startTime = Date.now();
-  while (true) {
-    const elapsed = Date.now() - startTime;
-    if (elapsed >= maxPollTimeMs) {
-      throw new UserOperationTimeoutError(userOpHash, targetChainId, maxPollTimeMs);
-    }
-    const receipt = await getUserOperationReceipt(userOpHash, targetChainId);
-    if (receipt) {
-      return receipt;
-    }
-    await new Promise((resolve) => setTimeout(resolve, pollIntervalMs));
-  }
-}
-
-// src/hooks/useUserOpStatus.ts
 function useUserOpStatus(options = {}) {
   const {
     userOpHash,
@@ -29468,13 +29501,17 @@ function useLogout() {
 // src/index.ts
 init_useNicknameResolve();
 init_account2();
+
+// src/clients/index.ts
+init_bundler();
+
+// src/index.ts
 init_auth();
 init_profile();
 init_hooks2();
 init_linkedProfiles();
 init_nickname_fingerprint();
 init_errors();
-init_wagmi();
 init_base();
 init_useBlockscoutAssets();
 
@@ -29866,7 +29903,7 @@ export {
   useWalletMode,
   verifyFingerprint,
   verifyFingerprintDetailed,
-  wagmiConfig,
+  wagmiConfig3 as wagmiConfig,
   waitForStoreHydration,
   waitForUserOperationReceipt
 };