@rash2x/bridge-widget 0.4.5 → 0.5.0

package/dist/evaa-bridge.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-CqOdLtGY.cjs");
+const index = require("./index-BsVKYtLN.cjs");
 exports.DEFAULT_SLIPPAGE_BPS = index.DEFAULT_SLIPPAGE_BPS;
 exports.EvaaBridge = index.EvaaBridge;
 exports.RoutePriority = index.RoutePriority;

package/dist/evaa-bridge.mjs

@@ -1,4 +1,4 @@
-import { S, d, f, e, H, B, F, W, L, z, _, G, A, D, Y, w, s, v, r, p, q, K, a1, a8, a3, a5, x, I, y, a4, a2, a6, a7, X, V, N, Z, a0, a9, P, Q, $, J, U, t, i, u, l, m, j, n, h, k, o } from "./index-D8wi96xC.js";
+import { S, d, f, e, H, B, F, W, L, z, _, G, A, D, Y, w, s, v, r, p, q, K, a1, a8, a3, a5, x, I, y, a4, a2, a6, a7, X, V, N, Z, a0, a9, P, Q, $, J, U, t, i, u, l, m, j, n, h, k, o } from "./index-C4YkGAHm.js";
 export {
   S as DEFAULT_SLIPPAGE_BPS,
   d as EvaaBridge,

package/dist/{index-CqOdLtGY.cjs → index-BsVKYtLN.cjs}

@@ -22749,7 +22749,7 @@ class WalletConnectModal {
   }
   async initUi() {
     if (typeof window !== "undefined") {
-      await Promise.resolve().then(() => require("./index-9pqdx6qK.cjs"));
+      await Promise.resolve().then(() => require("./index-Cg_MPp5L.cjs"));
       const modal = document.createElement("wcm-modal");
       document.body.insertAdjacentElement("beforeend", modal);
       OptionsCtrl.setIsUiLoaded(true);
@@ -22931,6 +22931,21 @@ function useTronWalletConnect(options) {
   };
 }
 const TronWalletConnectContext = react.createContext(void 0);
+function TronWalletConnectProvider({
+  projectId = "",
+  metadata,
+  themeMode,
+  themeVariables,
+  children
+}) {
+  const walletConnect = useTronWalletConnect({
+    projectId,
+    metadata,
+    themeMode,
+    themeVariables
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(TronWalletConnectContext.Provider, { value: walletConnect, children });
+}
 function useTronWalletConnectContext() {
   const context = react.useContext(TronWalletConnectContext);
   if (!context) {
@@ -22940,6 +22955,10 @@ function useTronWalletConnectContext() {
   }
   return context;
 }
+function useTronWalletConnectContextSafe() {
+  const context = react.useContext(TronWalletConnectContext);
+  return context || null;
+}
 const WalletModalButton = (props) => {
   const { t: t2 } = reactI18next.useTranslation();
   const { icon: IconComponent, name, onClose } = props;
@@ -23032,7 +23051,7 @@ const WalletSelectModal = () => {
   const tonWallet = chainRegistry.getStrategyByType(CHAIN_TYPES.TON);
   const metaMaskWallet = chainRegistry.getStrategyByType(CHAIN_TYPES.EVM);
   const tronWallet = chainRegistry.getStrategyByType(CHAIN_TYPES.TRON);
-  const tronWalletConnect = useTronWalletConnectContext();
+  const tronWalletConnect = useTronWalletConnectContextSafe();
   const walletConfigs = [
     {
       strategy: tonWallet,
@@ -23056,17 +23075,21 @@ const WalletSelectModal = () => {
   const connectedWallets = walletConfigs.reduce((acc, { strategy, walletId, name, icon }) => {
     const account = strategy?.getAccount();
     if (strategy?.isConnected() && account) {
-      acc.push({
-        id: walletId,
-        name,
-        icon,
-        address: account,
-        onDisconnect: () => strategy.disconnect()
-      });
+      if (walletId === "tronlink" && tronWalletConnect?.isConnected) {
+        return acc;
+      } else {
+        acc.push({
+          id: walletId,
+          name,
+          icon,
+          address: account,
+          onDisconnect: () => strategy.disconnect()
+        });
+      }
     }
     return acc;
   }, []);
-  if (tronWalletConnect.isConnected && tronWalletConnect.address) {
+  if (tronWalletConnect && tronWalletConnect.isConnected && tronWalletConnect.address) {
     connectedWallets.push({
       id: "tronwc",
       name: t2("wallets.walletConnect"),
@@ -23080,7 +23103,7 @@ const WalletSelectModal = () => {
     if (isEvmConnector && metaMaskWallet?.isConnected()) {
       return true;
     }
-    if (walletId === "tronwc" && tronWalletConnect.isConnected) {
+    if ((walletId === "tronwc" || walletId === "tronlink") && tronWalletConnect?.isConnected) {
       return true;
     }
     return connectedWallets.some((w2) => w2.id === walletId);
@@ -23108,12 +23131,15 @@ const WalletSelectModal = () => {
       icon: TronLinkIcon,
       enabled: true
     },
-    {
-      id: "tronwc",
-      name: t2("wallets.walletConnect"),
-      icon: WalletConnectIcon,
-      enabled: true
-    }
+    // Only include WalletConnect if enabled
+    ...tronWalletConnect ? [
+      {
+        id: "tronwc",
+        name: t2("wallets.walletConnect"),
+        icon: WalletConnectIcon,
+        enabled: true
+      }
+    ] : []
   ];
   const notConnected = (w2) => !isWalletConnected(w2.id);
   const categories = [
@@ -25108,6 +25134,7 @@ function ChainStrategyProvider({
     () => new TronChainStrategy({
       tronAddress: tronWallet.address,
       tronConnected: tronWallet.connected,
+      isWalletConnect: tronWallet.isWalletConnect,
       tronSelect: tronWallet.select,
       tronConnect: tronWallet.connect,
       tronDisconnect: tronWallet.disconnect
@@ -25115,6 +25142,7 @@ function ChainStrategyProvider({
     [
       tronWallet.address,
       tronWallet.connected,
+      tronWallet.isWalletConnect,
       tronWallet.select,
       tronWallet.connect,
       tronWallet.disconnect
@@ -25768,7 +25796,68 @@ const useAutoSelectNetwork = ({
     setFromChain
   ]);
 };
+const THEME_STORAGE_KEY = "stargate-bridge-theme";
+const getInitialTheme = () => {
+  try {
+    const stored = localStorage.getItem(THEME_STORAGE_KEY);
+    if (stored && ["light", "dark", "system"].includes(stored)) {
+      return stored;
+    }
+  } catch (error) {
+    console.error("Error reading theme from localStorage:", error);
+  }
+  return "system";
+};
+const getSystemTheme = () => {
+  if (typeof window !== "undefined" && window.matchMedia) {
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  }
+  return "light";
+};
+const getAppliedTheme = (mode) => {
+  if (mode === "system") {
+    return getSystemTheme();
+  }
+  return mode;
+};
+const useThemeStore = zustand.create((set2) => ({
+  mode: getInitialTheme(),
+  appliedTheme: getAppliedTheme(getInitialTheme()),
+  setTheme: (mode) => {
+    try {
+      localStorage.setItem(THEME_STORAGE_KEY, mode);
+    } catch (error) {
+      console.error("Error saving theme to localStorage:", error);
+    }
+    const appliedTheme = getAppliedTheme(mode);
+    set2({ mode, appliedTheme });
+  }
+}));
 const EvaaBridgeWithProviders = (props) => {
+  const { tronWalletConnectConfig, ...restProps } = props;
+  const appliedTheme = useThemeStore((state2) => state2.appliedTheme);
+  const content = /* @__PURE__ */ jsxRuntime.jsx(BridgeI18nProvider, { defaultLanguage: restProps.defaultLanguage, children: /* @__PURE__ */ jsxRuntime.jsx(
+    EvaaBridgeWithWallets,
+    {
+      ...restProps,
+      tronWalletConnectEnabled: !!tronWalletConnectConfig
+    }
+  ) });
+  if (tronWalletConnectConfig) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      TronWalletConnectProvider,
+      {
+        projectId: tronWalletConnectConfig.projectId,
+        metadata: tronWalletConnectConfig.metadata,
+        themeMode: tronWalletConnectConfig.themeMode || appliedTheme,
+        themeVariables: tronWalletConnectConfig.themeVariables,
+        children: content
+      }
+    );
+  }
+  return content;
+};
+const EvaaBridgeWithWallets = (props) => {
   const [tonConnectUI] = uiReact.useTonConnectUI();
   const tonAddress = uiReact.useTonAddress();
   const { address: evmAddress, isConnected: evmIsConnected } = wagmi.useAccount();
@@ -25782,6 +25871,9 @@ const EvaaBridgeWithProviders = (props) => {
     connect: tronConnect,
     disconnect: tronDisconnect
   } = tronwalletAdapterReactHooks.useWallet();
+  const tronWalletConnect = useTronWalletConnectContextSafe();
+  const isTronConnected = tronConnected || (tronWalletConnect?.isConnected ?? false);
+  const tronWalletAddress = tronAddress || tronWalletConnect?.address || null;
   const { setTonConnected, setMetaMaskConnected, setTronConnected } = useConnectedWalletsStore();
   react.useEffect(() => {
     setTonConnected(!!tonAddress);
@@ -25790,14 +25882,14 @@ const EvaaBridgeWithProviders = (props) => {
     setMetaMaskConnected(!!evmIsConnected);
   }, [evmIsConnected, setMetaMaskConnected]);
   react.useEffect(() => {
-    setTronConnected(!!tronConnected);
-  }, [tronConnected, setTronConnected]);
+    setTronConnected(!!isTronConnected);
+  }, [isTronConnected, setTronConnected]);
   useAutoSelectNetwork({
     tonAddress,
-    tronConnected,
+    tronConnected: isTronConnected,
     evmIsConnected
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(BridgeI18nProvider, { defaultLanguage: props.defaultLanguage, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     ChainStrategyProvider,
     {
       evmWallet: {
@@ -25812,8 +25904,8 @@ const EvaaBridgeWithProviders = (props) => {
         address: tonAddress
       },
       tronWallet: {
-        address: tronAddress,
-        connected: tronConnected,
+        address: tronWalletAddress,
+        connected: isTronConnected,
         select: tronSelect,
         connect: tronConnect,
         disconnect: tronDisconnect
@@ -25822,7 +25914,7 @@ const EvaaBridgeWithProviders = (props) => {
       tonApiKey: props.tonApiKey,
       children: /* @__PURE__ */ jsxRuntime.jsx(EvaaBridgeContent, { ...props })
     }
-  ) });
+  );
 };
 const EvaaBridgeContent = ({
   className,
@@ -26092,4 +26184,4 @@ exports.useSwapModel = useSwapModel;
 exports.useTokensStore = useTokensStore;
 exports.useTransactionStore = useTransactionStore;
 exports.useTronWalletConnect = useTronWalletConnect;
-//# sourceMappingURL=index-CqOdLtGY.cjs.map
+//# sourceMappingURL=index-BsVKYtLN.cjs.map