@rash2x/bridge-widget 0.1.2 → 0.1.4

package/dist/evaa-bridge.mjs

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import * as require$$0 from "react";
-import require$$0__default, { useState, useCallback, useRef, useEffect, useContext, createContext, useMemo, memo, forwardRef } from "react";
+import require$$0__default, { useState, useCallback, useRef, useEffect, useMemo, createContext, useContext, memo, forwardRef } from "react";
 import { create as create$1 } from "zustand";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
@@ -14,6 +14,7 @@ import { createPortal } from "react-dom";
 import { AnimatePresence, motion } from "framer-motion";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { useAccount, useDisconnect, useWalletClient } from "wagmi";
+import { useWallet } from "@tronweb3/tronwallet-adapter-react-hooks";
 import { useTonAddress, useTonConnectUI } from "@tonconnect/ui-react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { Address, Cell } from "@ton/core";
@@ -25,6 +26,7 @@ import { ConnectKitButton } from "connectkit";
 import { t } from "i18next";
 import { toast, Toaster } from "sonner";
 import { ethers, BrowserProvider, Contract, parseUnits } from "ethers";
+import { TronLinkAdapterName } from "@tronweb3/tronwallet-adapters";
 const norm = (s) => (s ?? "").toUpperCase().replace(/₮/g, "T").replace(/[^A-Z0-9]/g, "");
 const POPULAR_ORDER = [
   "USDT",
@@ -1239,139 +1241,6 @@ function Input({ className, type, ...props }) {
     }
   );
 }
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
-function getAugmentedNamespace(n) {
-  if (Object.prototype.hasOwnProperty.call(n, "__esModule")) return n;
-  var f = n.default;
-  if (typeof f == "function") {
-    var a = function a2() {
-      var isInstance = false;
-      try {
-        isInstance = this instanceof a2;
-      } catch {
-      }
-      if (isInstance) {
-        return Reflect.construct(f, arguments, this.constructor);
-      }
-      return f.apply(this, arguments);
-    };
-    a.prototype = f.prototype;
-  } else a = {};
-  Object.defineProperty(a, "__esModule", { value: true });
-  Object.keys(n).forEach(function(k) {
-    var d = Object.getOwnPropertyDescriptor(n, k);
-    Object.defineProperty(a, k, d.get ? d : {
-      enumerable: true,
-      get: function() {
-        return n[k];
-      }
-    });
-  });
-  return a;
-}
-var NetworkType;
-(function(NetworkType2) {
-  NetworkType2["Mainnet"] = "Mainnet";
-  NetworkType2["Shasta"] = "Shasta";
-  NetworkType2["Nile"] = "Nile";
-  NetworkType2["Unknown"] = "Unknown";
-})(NetworkType || (NetworkType = {}));
-var ChainNetwork;
-(function(ChainNetwork2) {
-  ChainNetwork2["Mainnet"] = "Mainnet";
-  ChainNetwork2["Shasta"] = "Shasta";
-  ChainNetwork2["Nile"] = "Nile";
-})(ChainNetwork || (ChainNetwork = {}));
-function printError() {
-  console.error(`
-You are using WalletContext without provide the WalletContext.Provider.
-Please wrap your sub-components with a WalletProvider and provide required values.
-`);
-}
-const DEFAULT_CONTEXT = {
-  autoConnect: false,
-  connecting: false,
-  connected: false,
-  disconnecting: false,
-  /* eslint-disable */
-  select(_name) {
-    printError();
-  },
-  connect() {
-    printError();
-    return Promise.reject();
-  },
-  disconnect() {
-    printError();
-    return Promise.reject();
-  },
-  signTransaction(_transaction) {
-    printError();
-    return Promise.reject();
-  },
-  signMessage(_message) {
-    printError();
-    return Promise.reject();
-  }
-  /* eslint-enable */
-};
-Object.defineProperty(DEFAULT_CONTEXT, "wallets", {
-  get() {
-    printError();
-    return [];
-  }
-});
-Object.defineProperty(DEFAULT_CONTEXT, "wallet", {
-  get() {
-    printError();
-    return null;
-  }
-});
-Object.defineProperty(DEFAULT_CONTEXT, "address", {
-  get() {
-    printError();
-    return null;
-  }
-});
-const WalletContext = createContext(DEFAULT_CONTEXT);
-function useWallet() {
-  return useContext(WalletContext);
-}
-(function(thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function(resolve) {
-      resolve(value);
-    });
-  }
-  return new (P || (P = Promise))(function(resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-});
-({
-  "0x2b6653dc": NetworkType.Mainnet,
-  "0x94a9059e": NetworkType.Shasta,
-  "0xcd8690dc": NetworkType.Nile
-});
-const TronLinkAdapterName = "TronLink";
 function useAddresses() {
   const { fromChain, toChain } = useChainsStore();
   const { address: evmAddress } = useAccount();
@@ -1620,8 +1489,12 @@ function useBalances(chainKey, address) {
     [balanceBySymbol]
   );
   const isLoading = query.isLoading || query.isFetching;
+  const balances = useMemo(
+    () => query.data || {},
+    [query.data]
+  );
   return {
-    balances: query.data || {},
+    balances,
     getBalance,
     isLoading,
     query
@@ -1755,7 +1628,7 @@ const TokenRow = ({
     Button,
     {
       onClick: onPick,
-      className: `w-full font-display h-[50px] cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-2.5 px-5 py-2.5 hover:bg-modal-item-hover rounded-12 transition-[300] ${isSelected ? "border border-ring" : ""}`,
+      className: `w-full h-[50px] cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-2.5 px-5 py-2.5 hover:bg-modal-item-hover rounded-12 transition-[300] ${isSelected ? "border border-ring" : ""}`,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsx(
@@ -3457,7 +3330,7 @@ const ReceiveRow = () => {
           label: t2("transaction.route"),
           right: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
             /* @__PURE__ */ jsx(StargateIcon, { className: "size-4" }),
-            /* @__PURE__ */ jsx("p", { className: "text-foreground font-normal text-sm font-display leading-[100%]", children: routeText }),
+            /* @__PURE__ */ jsx("p", { className: "text-foreground font-normal text-sm leading-[100%]", children: routeText }),
             hasGasOnDestination && /* @__PURE__ */ jsx("span", { className: "text-xs bg-settings-active text-settings-active-foreground px-1.5 py-0.5 rounded", children: t2(`settings.gasPresets.${gasPreset}`) })
           ] })
         }
@@ -3852,7 +3725,9 @@ function useBridgeTransaction() {
 function useGasEstimate(amountNum) {
   const { fromChain } = useChainsStore();
   const { selectedAssetSymbol, tokens } = useTokensStore();
-  const { getSourceGasReserveHuman } = useSettingsStore();
+  const getSourceGasReserveHuman = useSettingsStore(
+    (state) => state.getSourceGasReserveHuman
+  );
   const { srcAddress } = useAddresses();
   const { balances, isLoading: balancesLoading } = useBalances(
     fromChain?.chainKey,
@@ -3860,59 +3735,44 @@ function useGasEstimate(amountNum) {
   );
   const { chainRegistry } = useChainStrategies();
   const balancesKnown = !balancesLoading;
-  const [gasRequirement, setGasRequirement] = useState(
-    null
-  );
-  useEffect(() => {
-    let cancelled = false;
-    async function estimateGas() {
-      if (!fromChain) {
-        setGasRequirement(null);
-        return;
-      }
-      const strategy = chainRegistry.getStrategy(fromChain.chainKey);
-      if (!strategy) {
-        setGasRequirement(null);
-        return;
-      }
-      try {
-        const selectedToken = tokens?.find(
-          (t2) => t2.symbol.toUpperCase() === selectedAssetSymbol?.toUpperCase()
-        ) || null;
-        const nativeTokenSymbol = fromChain.nativeCurrency?.symbol ?? "";
-        const nativeDecimals = fromChain.nativeCurrency?.decimals || 18;
-        const reserveFallback = getSourceGasReserveHuman(fromChain.chainKey);
-        const result = await strategy.estimateGasRequirement({
-          selectedToken,
-          nativeTokenSymbol,
-          amount: amountNum,
-          balances,
-          nativeDecimals,
-          reserveFallback
-        });
-        if (!cancelled) {
-          setGasRequirement(result);
-        }
-      } catch (error) {
-        console.error("Error estimating gas:", error);
-        if (!cancelled) {
-          setGasRequirement(null);
-        }
-      }
-    }
-    estimateGas();
-    return () => {
-      cancelled = true;
-    };
-  }, [
-    fromChain,
-    selectedAssetSymbol,
-    tokens,
-    amountNum,
-    balances,
-    chainRegistry,
-    getSourceGasReserveHuman
-  ]);
+  const strategy = useMemo(() => {
+    if (!fromChain) return null;
+    return chainRegistry.getStrategy(fromChain.chainKey);
+  }, [fromChain, chainRegistry]);
+  const { data: gasRequirement } = useQuery({
+    queryKey: [
+      "gas-estimate",
+      fromChain?.chainKey,
+      selectedAssetSymbol,
+      amountNum,
+      balances
+    ],
+    queryFn: async () => {
+      if (!fromChain || !strategy) {
+        return null;
+      }
+      const selectedToken = tokens?.find(
+        (t2) => t2.symbol.toUpperCase() === selectedAssetSymbol?.toUpperCase()
+      ) || null;
+      const nativeTokenSymbol = fromChain.nativeCurrency?.symbol ?? "";
+      const nativeDecimals = fromChain.nativeCurrency?.decimals || 18;
+      const reserveFallback = getSourceGasReserveHuman(fromChain.chainKey);
+      const result = await strategy.estimateGasRequirement({
+        selectedToken,
+        nativeTokenSymbol,
+        amount: amountNum,
+        balances,
+        nativeDecimals,
+        reserveFallback
+      });
+      return result;
+    },
+    enabled: !!fromChain && !!strategy,
+    staleTime: 3e4,
+    gcTime: 5 * 6e4,
+    refetchOnWindowFocus: false,
+    retry: 1
+  });
   return {
     nativeSym: gasRequirement?.nativeSym || "",
     nativeBalance: gasRequirement?.nativeBalance || 0,
@@ -4292,7 +4152,7 @@ const WalletSelectModal = ({
           return /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsxs(
             Button,
             {
-              className: "w-full font-display cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-2.5 px-5 py-2.5 hover:bg-muted h-auto rounded-12 transition-[300]",
+              className: "w-full cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-2.5 px-5 py-2.5 hover:bg-muted h-auto rounded-12 transition-[300]",
               children: [
                 /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3 min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
                   /* @__PURE__ */ jsx("div", { className: "w-7.5 h-7.5 flex items-center justify-center", children: /* @__PURE__ */ jsx(IconComponent, { className: "size-7.5" }) }),
@@ -4322,7 +4182,7 @@ const WalletSelectModal = ({
                   type: "button",
                   onClick: show,
                   disabled: isConnecting,
-                  className: "w-full font-display cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-2.5 px-5 py-2.5 hover:bg-muted h-auto rounded-12 transition-[300] disabled:opacity-50 disabled:cursor-not-allowed",
+                  className: "w-full cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-2.5 px-5 py-2.5 hover:bg-muted h-auto rounded-12 transition-[300] disabled:opacity-50 disabled:cursor-not-allowed",
                   children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
                     /* @__PURE__ */ jsx("div", { className: "w-7.5 h-7.5 flex items-center justify-center", children: /* @__PURE__ */ jsx(IconComponent, { className: "size-7.5" }) }),
                     /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
@@ -4339,7 +4199,7 @@ const WalletSelectModal = ({
             {
               onClick: () => handleWalletSelect(wallet.id),
               disabled: !wallet.enabled,
-              className: "w-full font-display cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-2.5 px-5 py-2.5 hover:bg-muted h-auto rounded-12 transition-[300] disabled:opacity-50 disabled:cursor-not-allowed",
+              className: "w-full cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-2.5 px-5 py-2.5 hover:bg-muted h-auto rounded-12 transition-[300] disabled:opacity-50 disabled:cursor-not-allowed",
               children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
                 /* @__PURE__ */ jsx("div", { className: "w-7.5 h-7.5 flex items-center justify-center", children: /* @__PURE__ */ jsx(IconComponent, { className: "size-7.5" }) }),
                 /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
@@ -4973,6 +4833,38 @@ const TransactionSuccessVector = (props) => {
     )
   ] });
 };
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+function getAugmentedNamespace(n) {
+  if (Object.prototype.hasOwnProperty.call(n, "__esModule")) return n;
+  var f = n.default;
+  if (typeof f == "function") {
+    var a = function a2() {
+      var isInstance = false;
+      try {
+        isInstance = this instanceof a2;
+      } catch {
+      }
+      if (isInstance) {
+        return Reflect.construct(f, arguments, this.constructor);
+      }
+      return f.apply(this, arguments);
+    };
+    a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, "__esModule", { value: true });
+  Object.keys(n).forEach(function(k) {
+    var d = Object.getOwnPropertyDescriptor(n, k);
+    Object.defineProperty(a, k, d.get ? d : {
+      enumerable: true,
+      get: function() {
+        return n[k];
+      }
+    });
+  });
+  return a;
+}
 var fireworks$1 = {};
 var presets = {};
 var dist = {};
@@ -4980,7 +4872,7 @@ var module = {};
 (function main(global, module2, isWorker, workerSize) {
   var canUseWorker = !!(global.Worker && global.Blob && global.Promise && global.OffscreenCanvas && global.OffscreenCanvasRenderingContext2D && global.HTMLCanvasElement && global.HTMLCanvasElement.prototype.transferControlToOffscreen && global.URL && global.URL.createObjectURL);
   var canUsePaths = typeof Path2D === "function" && typeof DOMMatrix === "function";
-  var canDrawBitmap = function() {
+  var canDrawBitmap = (function() {
     if (!global.OffscreenCanvas) {
       return false;
     }
@@ -4994,7 +4886,7 @@ var module = {};
       return false;
     }
     return true;
-  }();
+  })();
   function noop() {
   }
   function promise(func) {
@@ -5006,7 +4898,7 @@ var module = {};
     func(noop, noop);
     return null;
   }
-  var bitmapMapper = /* @__PURE__ */ function(skipTransform, map) {
+  var bitmapMapper = /* @__PURE__ */ (function(skipTransform, map) {
     return {
       transform: function(bitmap) {
         if (skipTransform) {
@@ -5025,8 +4917,8 @@ var module = {};
         map.clear();
       }
     };
-  }(canDrawBitmap, /* @__PURE__ */ new Map());
-  var raf = function() {
+  })(canDrawBitmap, /* @__PURE__ */ new Map());
+  var raf = (function() {
     var TIME = Math.floor(1e3 / 60);
     var frame, cancel;
     var frames = {};
@@ -5059,8 +4951,8 @@ var module = {};
       };
     }
     return { frame, cancel };
-  }();
-  var getWorker = /* @__PURE__ */ function() {
+  })();
+  var getWorker = /* @__PURE__ */ (function() {
     var worker;
     var prom;
     var resolves = {};
@@ -5141,7 +5033,7 @@ var module = {};
       }
       return worker;
     };
-  }();
+  })();
   var defaults = {
     particleCount: 50,
     angle: 90,
@@ -5661,7 +5553,7 @@ var module = {};
   module2.exports.create = confettiCannon;
   module2.exports.shapeFromPath = shapeFromPath;
   module2.exports.shapeFromText = shapeFromText;
-})(function() {
+})((function() {
   if (typeof window !== "undefined") {
     return window;
   }
@@ -5669,7 +5561,7 @@ var module = {};
     return self;
   }
   return this || {};
-}(), module, false);
+})(), module, false);
 const confetti_module = module.exports;
 var create = module.exports.create;
 const confetti_module$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -5693,7 +5585,7 @@ function requireDist() {
     };
     return __assign.apply(this, arguments);
   };
-  var __createBinding = dist && dist.__createBinding || (Object.create ? function(o, m, k, k2) {
+  var __createBinding = dist && dist.__createBinding || (Object.create ? (function(o, m, k, k2) {
     if (k2 === void 0) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
     if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
@@ -5702,13 +5594,13 @@ function requireDist() {
       } };
     }
     Object.defineProperty(o, k2, desc);
-  } : function(o, m, k, k2) {
+  }) : (function(o, m, k, k2) {
     if (k2 === void 0) k2 = k;
     o[k2] = m[k];
-  });
-  var __setModuleDefault = dist && dist.__setModuleDefault || (Object.create ? function(o, v) {
+  }));
+  var __setModuleDefault = dist && dist.__setModuleDefault || (Object.create ? (function(o, v) {
     Object.defineProperty(o, "default", { enumerable: true, value: v });
-  } : function(o, v) {
+  }) : function(o, v) {
     o["default"] = v;
   });
   var __importStar = dist && dist.__importStar || function(mod) {
@@ -5779,7 +5671,7 @@ function requirePresets() {
     };
     return __assign.apply(this, arguments);
   };
-  var __createBinding = presets && presets.__createBinding || (Object.create ? function(o, m, k, k2) {
+  var __createBinding = presets && presets.__createBinding || (Object.create ? (function(o, m, k, k2) {
     if (k2 === void 0) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
     if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
@@ -5788,13 +5680,13 @@ function requirePresets() {
       } };
     }
     Object.defineProperty(o, k2, desc);
-  } : function(o, m, k, k2) {
+  }) : (function(o, m, k, k2) {
     if (k2 === void 0) k2 = k;
     o[k2] = m[k];
-  });
-  var __setModuleDefault = presets && presets.__setModuleDefault || (Object.create ? function(o, v) {
+  }));
+  var __setModuleDefault = presets && presets.__setModuleDefault || (Object.create ? (function(o, v) {
     Object.defineProperty(o, "default", { enumerable: true, value: v });
-  } : function(o, v) {
+  }) : function(o, v) {
     o["default"] = v;
   });
   var __importStar = presets && presets.__importStar || function(mod) {
@@ -5878,7 +5770,7 @@ function requireConductor() {
   if (hasRequiredConductor) return conductor;
   hasRequiredConductor = 1;
   Object.defineProperty(conductor, "__esModule", { value: true });
-  var Conductor = /* @__PURE__ */ function() {
+  var Conductor = /* @__PURE__ */ (function() {
     function Conductor2(_a) {
       var confetti = _a.confetti, decorateOptions = _a.decorateOptions;
       var _this = this;
@@ -5911,7 +5803,7 @@ function requireConductor() {
       this.decorateOptions = decorateOptions;
     }
     return Conductor2;
-  }();
+  })();
   conductor.default = Conductor;
   return conductor;
 }
@@ -5931,7 +5823,7 @@ var hasRequiredFireworks$1;
 function requireFireworks$1() {
   if (hasRequiredFireworks$1) return fireworks;
   hasRequiredFireworks$1 = 1;
-  var __extends = fireworks && fireworks.__extends || /* @__PURE__ */ function() {
+  var __extends = fireworks && fireworks.__extends || /* @__PURE__ */ (function() {
     var extendStatics = function(d, b) {
       extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
         d2.__proto__ = b2;
@@ -5949,7 +5841,7 @@ function requireFireworks$1() {
       }
       d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
-  }();
+  })();
   var __read = fireworks && fireworks.__read || function(o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -5982,7 +5874,7 @@ function requireFireworks$1() {
   Object.defineProperty(fireworks, "__esModule", { value: true });
   var index_1 = __importDefault(requireConductor());
   var randomInRange_1 = __importDefault(requireRandomInRange());
-  var FireworksConductor = function(_super) {
+  var FireworksConductor = (function(_super) {
     __extends(FireworksConductor2, _super);
     function FireworksConductor2() {
       var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
@@ -6013,7 +5905,7 @@ function requireFireworks$1() {
       return _this;
     }
     return FireworksConductor2;
-  }(index_1.default);
+  })(index_1.default);
   fireworks.default = FireworksConductor;
   return fireworks;
 }
@@ -6585,7 +6477,6 @@ class EvmChainStrategy {
       this.provider = new BrowserProvider(config.walletClient.transport);
     }
   }
-  // ========== Identity ==========
   canHandle(chainKey) {
     const key = chainKey.toLowerCase();
     return key !== "ton" && key !== "tron";
@@ -6596,7 +6487,6 @@ class EvmChainStrategy {
   getName() {
     return "EVM Chain Strategy";
   }
-  // ========== Wallet Management ==========
   async connect() {
   }
   async disconnect() {
@@ -6620,7 +6510,6 @@ class EvmChainStrategy {
   getConnectLabel(t2) {
     return t2("wallets.connectEvmWallet");
   }
-  // ========== Balance & Validation ==========
   async getBalances(address, tokens) {
     return await getEvmBalances(address, tokens);
   }
@@ -6628,7 +6517,6 @@ class EvmChainStrategy {
     if (!address) return false;
     return /^0x[0-9a-fA-F]{40}$/.test(address);
   }
-  // ========== Gas Estimation ==========
   async estimateGasRequirement(params) {
     const provider = this.provider;
     const {
@@ -6675,7 +6563,6 @@ class EvmChainStrategy {
       isNativeSelected
     };
   }
-  // ========== Transaction Execution ==========
   validateSteps(steps) {
     if (!steps || steps.length === 0) {
       throw new InvalidStepsError("evm", "No transaction steps provided");
@@ -6778,7 +6665,6 @@ class EvmChainStrategy {
       };
     }
   }
-  // ========== Private Helper Methods ==========
   async executeTransaction(step) {
     const provider = this.provider;
     const signer = await provider?.getSigner();
@@ -7633,9 +7519,12 @@ function ChainStrategyProvider({
     () => new ChainStrategyRegistry([evmStrategy, tonStrategy, tronStrategy]),
     [evmStrategy, tonStrategy, tronStrategy]
   );
-  const value = {
-    chainRegistry
-  };
+  const value = useMemo(
+    () => ({
+      chainRegistry
+    }),
+    [chainRegistry]
+  );
   return /* @__PURE__ */ jsx(ChainStrategyContext.Provider, { value, children });
 }
 const EvaaBridgeWithProviders = (props) => {
@@ -7788,7 +7677,7 @@ const EvaaBridgeContent = ({
       "section",
       {
         className: cn(
-          "p-5 bg-card max-w-md w-full rounded-3xl mx-auto flex flex-col gap-4 font-display relative",
+          "p-5 bg-card max-w-md w-full rounded-3xl mx-auto flex flex-col gap-4 relative",
           className
         ),
         ref: modalContainerRef,