@rash2x/bridge-widget 0.4.6 → 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-kqLPlOw1.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-BG-E-qt2.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-kqLPlOw1.cjs → index-BsVKYtLN.cjs}

@@ -22749,7 +22749,7 @@ class WalletConnectModal {
   }
   async initUi() {
     if (typeof window !== "undefined") {
-      await Promise.resolve().then(() => require("./index-uh5JIOC8.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,7 +23075,7 @@ const WalletSelectModal = () => {
   const connectedWallets = walletConfigs.reduce((acc, { strategy, walletId, name, icon }) => {
     const account = strategy?.getAccount();
     if (strategy?.isConnected() && account) {
-      if (walletId === "tronlink" && tronWalletConnect.isConnected) {
+      if (walletId === "tronlink" && tronWalletConnect?.isConnected) {
         return acc;
       } else {
         acc.push({
@@ -23070,7 +23089,7 @@ const WalletSelectModal = () => {
     }
     return acc;
   }, []);
-  if (tronWalletConnect.isConnected && tronWalletConnect.address) {
+  if (tronWalletConnect && tronWalletConnect.isConnected && tronWalletConnect.address) {
     connectedWallets.push({
       id: "tronwc",
       name: t2("wallets.walletConnect"),
@@ -23084,7 +23103,7 @@ const WalletSelectModal = () => {
     if (isEvmConnector && metaMaskWallet?.isConnected()) {
       return true;
     }
-    if ((walletId === "tronwc" || walletId === "tronlink") && tronWalletConnect.isConnected) {
+    if ((walletId === "tronwc" || walletId === "tronlink") && tronWalletConnect?.isConnected) {
       return true;
     }
     return connectedWallets.some((w2) => w2.id === walletId);
@@ -23112,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 = [
@@ -25774,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();
@@ -25788,9 +25871,9 @@ const EvaaBridgeWithProviders = (props) => {
     connect: tronConnect,
     disconnect: tronDisconnect
   } = tronwalletAdapterReactHooks.useWallet();
-  const tronWalletConnect = useTronWalletConnectContext();
-  const isTronConnected = tronConnected || tronWalletConnect.isConnected;
-  const tronWalletAddress = tronAddress || tronWalletConnect.address;
+  const tronWalletConnect = useTronWalletConnectContextSafe();
+  const isTronConnected = tronConnected || (tronWalletConnect?.isConnected ?? false);
+  const tronWalletAddress = tronAddress || tronWalletConnect?.address || null;
   const { setTonConnected, setMetaMaskConnected, setTronConnected } = useConnectedWalletsStore();
   react.useEffect(() => {
     setTonConnected(!!tonAddress);
@@ -25806,7 +25889,7 @@ const EvaaBridgeWithProviders = (props) => {
     tronConnected: isTronConnected,
     evmIsConnected
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(BridgeI18nProvider, { defaultLanguage: props.defaultLanguage, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     ChainStrategyProvider,
     {
       evmWallet: {
@@ -25831,7 +25914,7 @@ const EvaaBridgeWithProviders = (props) => {
       tonApiKey: props.tonApiKey,
       children: /* @__PURE__ */ jsxRuntime.jsx(EvaaBridgeContent, { ...props })
     }
-  ) });
+  );
 };
 const EvaaBridgeContent = ({
   className,
@@ -26101,4 +26184,4 @@ exports.useSwapModel = useSwapModel;
 exports.useTokensStore = useTokensStore;
 exports.useTransactionStore = useTransactionStore;
 exports.useTronWalletConnect = useTronWalletConnect;
-//# sourceMappingURL=index-kqLPlOw1.cjs.map
+//# sourceMappingURL=index-BsVKYtLN.cjs.map