@rash2x/bridge-widget 0.6.25 → 0.6.26

package/dist/{index-H1giqtvx.js → index-BBQ7KZI-.js}

@@ -2737,7 +2737,8 @@ const EditIcon = (props) => {
 const prefixIcons = {
   tronlink: /* @__PURE__ */ jsx(TronLinkIcon, { className: "w-5 h-5" }),
   metamask: /* @__PURE__ */ jsx(MetaMaskIcon, { className: "w-5 h-5" }),
-  ton: /* @__PURE__ */ jsx(TonConnectIcon, { className: "w-5 h-5" })
+  ton: /* @__PURE__ */ jsx(TonConnectIcon, { className: "w-5 h-5" }),
+  walletconnect: /* @__PURE__ */ jsx(WalletConnectIcon, { className: "w-5 h-5" })
 };
 const mapWalletToType = (wallet) => {
   switch (wallet) {
@@ -2754,6 +2755,7 @@ const WalletInlineButton = ({
   addressType
 }) => {
   const { t: t2 } = useBridgeTranslation();
+  const { connector: connectedEvmConnector } = useAccount();
   const { onOpen } = useWalletSelectModal();
   const { chainRegistry } = useChainStrategies();
   const isCustomAddressEnabled = useCustomAddressStore(
@@ -2766,6 +2768,23 @@ const WalletInlineButton = ({
   const isConnecting = connection?.isConnecting();
   const isInitialized = connection?.isInitialized() ?? true;
   const error = connection?.getError();
+  const availableConnections = useMemo(
+    () => connection?.getAvailableConnections() ?? [],
+    [connection]
+  );
+  const evmConnectorId = connectedEvmConnector?.id;
+  const activeTronConnection = 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 = useCallback(() => {
     onOpen(addressType);
   }, [onOpen, addressType]);
@@ -2778,6 +2797,22 @@ const WalletInlineButton = ({
     if (wallet === "tronlink") return t2("wallets.addTronWallet");
     return t2("wallets.addEvmWallet");
   }, [wallet, isInitialized, isConnecting, isConnected, account, t2]);
+  const connectedIcon = 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__ */ jsxs("div", { className: "inline-flex flex-col items-start gap-1", children: [
     /* @__PURE__ */ jsxs(
@@ -2791,9 +2826,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: cn$2(
+          "flex gap-1 cursor-pointer hover:opacity-60 hover:bg-transparent !px-0 pr-1 h-5",
+          isButtonDisabled && "opacity-50 bg-transparent"
+        ),
         children: [
-          /* @__PURE__ */ jsx("span", { children: isConnected ? prefixIcons[wallet] : null }),
+          /* @__PURE__ */ jsx("span", { children: connectedIcon }),
           /* @__PURE__ */ jsx("span", { className: "leading-3 text-sm border-b border-dotted border-bridge-link text-bridge-link", children: buttonText }),
           isConnected && /* @__PURE__ */ jsx(EditIcon, { className: "text-bridge-link -ml-0.5" })
         ]
@@ -25996,7 +26034,7 @@ class WalletConnectModal {
   }
   async initUi() {
     if (typeof window !== "undefined") {
-      await import("./index-ByappRml.js");
+      await import("./index-CNrU6f88.js");
       const modal = document.createElement("wcm-modal");
       document.body.insertAdjacentElement("beforeend", modal);
       OptionsCtrl.setIsUiLoaded(true);
@@ -26747,4 +26785,4 @@ export {
   getQuoteFees as y,
   calculateMinReceived as z
 };
-//# sourceMappingURL=index-H1giqtvx.js.map
+//# sourceMappingURL=index-BBQ7KZI-.js.map