@rash2x/bridge-widget 0.4.6 → 0.5.0

package/dist/{index-BG-E-qt2.js → index-C4YkGAHm.js}

@@ -22748,7 +22748,7 @@ class WalletConnectModal {
   }
   async initUi() {
     if (typeof window !== "undefined") {
-      await import("./index-DqeErSqM.js");
+      await import("./index-CNQIX3lo.js");
       const modal = document.createElement("wcm-modal");
       document.body.insertAdjacentElement("beforeend", modal);
       OptionsCtrl.setIsUiLoaded(true);
@@ -22930,6 +22930,21 @@ function useTronWalletConnect(options) {
   };
 }
 const TronWalletConnectContext = createContext(void 0);
+function TronWalletConnectProvider({
+  projectId = "",
+  metadata,
+  themeMode,
+  themeVariables,
+  children
+}) {
+  const walletConnect = useTronWalletConnect({
+    projectId,
+    metadata,
+    themeMode,
+    themeVariables
+  });
+  return /* @__PURE__ */ jsx(TronWalletConnectContext.Provider, { value: walletConnect, children });
+}
 function useTronWalletConnectContext() {
   const context = useContext(TronWalletConnectContext);
   if (!context) {
@@ -22939,6 +22954,10 @@ function useTronWalletConnectContext() {
   }
   return context;
 }
+function useTronWalletConnectContextSafe() {
+  const context = useContext(TronWalletConnectContext);
+  return context || null;
+}
 const WalletModalButton = (props) => {
   const { t: t2 } = useTranslation();
   const { icon: IconComponent, name, onClose } = props;
@@ -23031,7 +23050,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,
@@ -23055,7 +23074,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({
@@ -23069,7 +23088,7 @@ const WalletSelectModal = () => {
     }
     return acc;
   }, []);
-  if (tronWalletConnect.isConnected && tronWalletConnect.address) {
+  if (tronWalletConnect && tronWalletConnect.isConnected && tronWalletConnect.address) {
     connectedWallets.push({
       id: "tronwc",
       name: t2("wallets.walletConnect"),
@@ -23083,7 +23102,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);
@@ -23111,12 +23130,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 = [
@@ -25773,7 +25795,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 = 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__ */ jsx(BridgeI18nProvider, { defaultLanguage: restProps.defaultLanguage, children: /* @__PURE__ */ jsx(
+    EvaaBridgeWithWallets,
+    {
+      ...restProps,
+      tronWalletConnectEnabled: !!tronWalletConnectConfig
+    }
+  ) });
+  if (tronWalletConnectConfig) {
+    return /* @__PURE__ */ jsx(
+      TronWalletConnectProvider,
+      {
+        projectId: tronWalletConnectConfig.projectId,
+        metadata: tronWalletConnectConfig.metadata,
+        themeMode: tronWalletConnectConfig.themeMode || appliedTheme,
+        themeVariables: tronWalletConnectConfig.themeVariables,
+        children: content
+      }
+    );
+  }
+  return content;
+};
+const EvaaBridgeWithWallets = (props) => {
   const [tonConnectUI] = useTonConnectUI();
   const tonAddress = useTonAddress();
   const { address: evmAddress, isConnected: evmIsConnected } = useAccount();
@@ -25787,9 +25870,9 @@ const EvaaBridgeWithProviders = (props) => {
     connect: tronConnect,
     disconnect: tronDisconnect
   } = 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();
   useEffect(() => {
     setTonConnected(!!tonAddress);
@@ -25805,7 +25888,7 @@ const EvaaBridgeWithProviders = (props) => {
     tronConnected: isTronConnected,
     evmIsConnected
   });
-  return /* @__PURE__ */ jsx(BridgeI18nProvider, { defaultLanguage: props.defaultLanguage, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(
     ChainStrategyProvider,
     {
       evmWallet: {
@@ -25830,7 +25913,7 @@ const EvaaBridgeWithProviders = (props) => {
       tonApiKey: props.tonApiKey,
       children: /* @__PURE__ */ jsx(EvaaBridgeContent, { ...props })
     }
-  ) });
+  );
 };
 const EvaaBridgeContent = ({
   className,
@@ -26102,4 +26185,4 @@ export {
   getQuoteFees as y,
   calculateMinReceived as z
 };
-//# sourceMappingURL=index-BG-E-qt2.js.map
+//# sourceMappingURL=index-C4YkGAHm.js.map