@rash2x/bridge-widget 0.6.25 → 0.6.26

package/dist/{index-aniFwPIk.cjs → index-Dv5nujkk.cjs}

@@ -2738,7 +2738,8 @@ const EditIcon = (props) => {
 const prefixIcons = {
   tronlink: /* @__PURE__ */ jsxRuntime.jsx(TronLinkIcon, { className: "w-5 h-5" }),
   metamask: /* @__PURE__ */ jsxRuntime.jsx(MetaMaskIcon, { className: "w-5 h-5" }),
-  ton: /* @__PURE__ */ jsxRuntime.jsx(TonConnectIcon, { className: "w-5 h-5" })
+  ton: /* @__PURE__ */ jsxRuntime.jsx(TonConnectIcon, { className: "w-5 h-5" }),
+  walletconnect: /* @__PURE__ */ jsxRuntime.jsx(WalletConnectIcon, { className: "w-5 h-5" })
 };
 const mapWalletToType = (wallet) => {
   switch (wallet) {
@@ -2755,6 +2756,7 @@ const WalletInlineButton = ({
   addressType
 }) => {
   const { t: t2 } = useBridgeTranslation();
+  const { connector: connectedEvmConnector } = wagmi.useAccount();
   const { onOpen } = useWalletSelectModal();
   const { chainRegistry } = useChainStrategies();
   const isCustomAddressEnabled = useCustomAddressStore(
@@ -2767,6 +2769,23 @@ const WalletInlineButton = ({
   const isConnecting = connection?.isConnecting();
   const isInitialized = connection?.isInitialized() ?? true;
   const error = connection?.getError();
+  const availableConnections = react.useMemo(
+    () => connection?.getAvailableConnections() ?? [],
+    [connection]
+  );
+  const evmConnectorId = connectedEvmConnector?.id;
+  const activeTronConnection = react.useMemo(() => {
+    if (walletType !== "tron") return null;
+    const tronWalletConnect = availableConnections.find(
+      (conn) => conn.provider === "walletconnect" && conn.connected && !!conn.address
+    );
+    if (tronWalletConnect) return tronWalletConnect;
+    const tronLink = availableConnections.find(
+      (conn) => conn.provider === "tronlink" && conn.connected && !!conn.address
+    );
+    if (tronLink) return tronLink;
+    return null;
+  }, [availableConnections, walletType]);
   const handleClick = react.useCallback(() => {
     onOpen(addressType);
   }, [onOpen, addressType]);
@@ -2779,6 +2798,22 @@ const WalletInlineButton = ({
     if (wallet === "tronlink") return t2("wallets.addTronWallet");
     return t2("wallets.addEvmWallet");
   }, [wallet, isInitialized, isConnecting, isConnected, account, t2]);
+  const connectedIcon = react.useMemo(() => {
+    if (!isConnected) return null;
+    if (walletType === "tron" && activeTronConnection) {
+      return activeTronConnection.provider === "walletconnect" ? prefixIcons.walletconnect : prefixIcons.tronlink;
+    }
+    if (walletType === "evm") {
+      if (evmConnectorId) {
+        if (evmConnectorId === "metaMaskSDK") return prefixIcons.metamask;
+        if (evmConnectorId === "walletConnect")
+          return prefixIcons.walletconnect;
+        return prefixIcons.walletconnect;
+      }
+      return prefixIcons.metamask;
+    }
+    return prefixIcons[wallet];
+  }, [activeTronConnection, evmConnectorId, isConnected, wallet, walletType]);
   const isButtonDisabled = (wallet === "metamask" || wallet === "tronlink") && !isInitialized || isConnecting || addressType === "dst" && isCustomAddressEnabled;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex flex-col items-start gap-1", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2792,9 +2827,12 @@ const WalletInlineButton = ({
         disabled: isButtonDisabled,
         variant: "ghost",
         size: "sm",
-        className: "flex gap-1 cursor-pointer hover:opacity-60 hover:bg-transparent !px-0 pr-1 h-5",
+        className: utils$1.cn(
+          "flex gap-1 cursor-pointer hover:opacity-60 hover:bg-transparent !px-0 pr-1 h-5",
+          isButtonDisabled && "opacity-50 bg-transparent"
+        ),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: isConnected ? prefixIcons[wallet] : null }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: connectedIcon }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "leading-3 text-sm border-b border-dotted border-bridge-link text-bridge-link", children: buttonText }),
           isConnected && /* @__PURE__ */ jsxRuntime.jsx(EditIcon, { className: "text-bridge-link -ml-0.5" })
         ]
@@ -25997,7 +26035,7 @@ class WalletConnectModal {
   }
   async initUi() {
     if (typeof window !== "undefined") {
-      await Promise.resolve().then(() => require("./index-iLZftI4u.cjs"));
+      await Promise.resolve().then(() => require("./index-B4by666d.cjs"));
       const modal = document.createElement("wcm-modal");
       document.body.insertAdjacentElement("beforeend", modal);
       OptionsCtrl.setIsUiLoaded(true);
@@ -26746,4 +26784,4 @@ exports.useSettingsStore = useSettingsStore;
 exports.useSwapModel = useSwapModel;
 exports.useTokensStore = useTokensStore;
 exports.useTransactionStore = useTransactionStore;
-//# sourceMappingURL=index-aniFwPIk.cjs.map
+//# sourceMappingURL=index-Dv5nujkk.cjs.map