@multiversx/sdk-dapp-liquidity 1.1.7 → 2.0.0-alpha.0

package/reactjs/components/BridgeForm/utils/bridgeFormHelpers.mjs

@@ -1,3 +1,4 @@
+import { ChainType } from "../../../../types/chainType.mjs";
 import { safeWindow } from "../../../constants/index.mjs";
 import { getCompletePathname } from "../../../utils/getCompletePathname.mjs";
 const updateUrlParams = ({
@@ -24,6 +25,22 @@ const updateUrlParams = ({
   }
   onNavigate == null ? void 0 : onNavigate(newUrl, { replace: true });
 };
+function resolveSigningChainType(transaction, fallbackChain) {
+  var _a, _b;
+  if (((_a = transaction.suiParams) == null ? void 0 : _a.transactionBytes) && ((_b = transaction.suiParams) == null ? void 0 : _b.sender)) {
+    return ChainType.sui;
+  }
+  if (transaction.instructions && transaction.feePayer) {
+    return ChainType.sol;
+  }
+  if (transaction.bitcoinParams) {
+    return ChainType.btc;
+  }
+  if (transaction.to && transaction.data !== void 0) {
+    return ChainType.evm;
+  }
+  return fallbackChain == null ? void 0 : fallbackChain.chainType;
+}
 const getAvailableTokens = (option, targetTokens, forcedDestinationTokenSymbol) => {
   if (forcedDestinationTokenSymbol) {
     const forcedToken = targetTokens == null ? void 0 : targetTokens.find(
@@ -54,5 +71,6 @@ const getDefaultReceivingToken = (values, fallbackTokens) => {
 export {
   getAvailableTokens,
   getDefaultReceivingToken,
+  resolveSigningChainType,
   updateUrlParams
 };

package/reactjs/components/BridgeHistory/BridgeHistory.js

@@ -216,7 +216,7 @@ const BridgeHistory = ({
                         {
                           src: (_c = tokensMap[transaction.tokenDestination]) == null ? void 0 : _c.pngUrl,
                           alt: "",
-                          className: "liq-h-[1.5rem] liq-w-[1.5rem]"
+                          className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                         }
                       ),
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-whitespace-nowrap", children: "from" }),
@@ -272,7 +272,7 @@ const BridgeHistory = ({
                         {
                           src: (_j = tokensMap[transaction.tokenSource]) == null ? void 0 : _j.pngUrl,
                           alt: "",
-                          className: "liq-h-[1.5rem] liq-w-[1.5rem]"
+                          className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                         }
                       ),
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-whitespace-nowrap", children: "to" }),

package/reactjs/components/BridgeHistory/BridgeHistory.mjs

@@ -213,7 +213,7 @@ const BridgeHistory = ({
                         {
                           src: (_c = tokensMap[transaction.tokenDestination]) == null ? void 0 : _c.pngUrl,
                           alt: "",
-                          className: "liq-h-[1.5rem] liq-w-[1.5rem]"
+                          className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                         }
                       ),
                       /* @__PURE__ */ jsx("span", { className: "liq-whitespace-nowrap", children: "from" }),
@@ -269,7 +269,7 @@ const BridgeHistory = ({
                         {
                           src: (_j = tokensMap[transaction.tokenSource]) == null ? void 0 : _j.pngUrl,
                           alt: "",
-                          className: "liq-h-[1.5rem] liq-w-[1.5rem]"
+                          className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                         }
                       ),
                       /* @__PURE__ */ jsx("span", { className: "liq-whitespace-nowrap", children: "to" }),

package/reactjs/components/Connect/BridgeAccountDisplay.js

@@ -7,7 +7,9 @@ const reactFontawesome = require("@fortawesome/react-fontawesome");
 const react = require("@reown/appkit/react");
 const helpers_getDisplayName = require("../../../helpers/getDisplayName.js");
 const reactjs_components_Connect_SwitchChainButton = require("./SwitchChainButton.js");
+const types_chainType = require("../../../types/chainType.js");
 const reactjs_hooks_useAccount = require("../../hooks/useAccount.js");
+const reactjs_hooks_useSuiConnect = require("../../hooks/useSuiConnect.js");
 require("clsx");
 require("tailwind-merge");
 require("../base/MxCard/MxCard.js");
@@ -29,31 +31,45 @@ const BridgeAccountDisplay = ({
   var _a;
   const account = reactjs_hooks_useAccount.useAccount();
   const { disconnect } = react.useDisconnect();
+  const suiConnect = reactjs_hooks_useSuiConnect.useSuiConnect();
+  const isSuiChain = (activeChain == null ? void 0 : activeChain.chainType) === types_chainType.ChainType.sui;
+  const displayAddress = isSuiChain ? suiConnect.suiAddress : account.address;
   const handleDisconnect = async (e) => {
     try {
       e.preventDefault();
-      await disconnect();
+      if (isSuiChain) {
+        await suiConnect.disconnect();
+      } else {
+        await disconnect();
+      }
     } catch (error) {
       console.error("Failed to disconnect:", error);
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    account.address && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("img", { src: activeChain == null ? void 0 : activeChain.pngUrl, alt: "", className: "liq-w-6" }),
+  if (displayAddress) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: activeChain == null ? void 0 : activeChain.pngUrl,
+          alt: "",
+          className: "liq-w-6 liq-h-6 liq-rounded-lg"
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-truncate liq-text-gray-400", children: helpers_getDisplayName.getDisplayName(activeChain) }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-ml-[-5px]", children: ":" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex liq-items-center liq-justify-between", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-max-w-[10rem] liq-items-center liq-gap-1", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           reactjs_components_base_MxLink_MxLink.MxLink,
           {
-            to: `${(_a = activeChain == null ? void 0 : activeChain.blockExplorerUrls) == null ? void 0 : _a[0]}/address/${account.address}`,
+            to: `${(_a = activeChain == null ? void 0 : activeChain.blockExplorerUrls) == null ? void 0 : _a[0]}/address/${displayAddress}`,
             target: "_blank",
             showExternalIcon: false,
             className: "!liq-relative",
             children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex liq-min-w-0 liq-flex-grow liq-overflow-hidden liq-leading-none liq-max-w-[10rem]", children: /* @__PURE__ */ jsxRuntime.jsx(
               reactjs_components_TrimAddress_TrimAddress.TrimAddress,
               {
-                address: account.address,
+                address: displayAddress,
                 "data-testid": "evm-address"
               }
             ) })
@@ -62,7 +78,7 @@ const BridgeAccountDisplay = ({
         /* @__PURE__ */ jsxRuntime.jsx(
           reactjs_components_CopyButton_CopyButton.CopyButton,
           {
-            text: account.address,
+            text: displayAddress,
             className: "liq-text-sm",
             "data-testid": "evm-copy-button"
           }
@@ -77,23 +93,59 @@ const BridgeAccountDisplay = ({
           children: /* @__PURE__ */ jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, { icon: faPowerOff.faPowerOff })
         }
       ) })
-    ] }),
-    !account.address && /* @__PURE__ */ jsxRuntime.jsx(
-      reactjs_components_Connect_SwitchChainButton.SwitchChainButton,
-      {
-        disabled,
-        className: "liq-rounded-lg liq-font-semibold liq-transition-colors liq-duration-200 disabled:liq-opacity-50 liq-bg-neutral-750 !liq-text-primary-200 hover:enabled:liq-bg-primary liq-px-2",
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex liq-items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-justify-center liq-gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            " ",
-            account.isConnecting ? "Connecting..." : "Connect",
-            " "
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("img", { src: activeChain == null ? void 0 : activeChain.pngUrl, alt: "", className: "liq-w-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-truncate md:liq-text-clip", children: helpers_getDisplayName.getDisplayName(activeChain) })
-        ] }) })
-      }
-    )
-  ] });
+    ] });
+  }
+  if (isSuiChain) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-max-w-full liq-items-center liq-gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          disabled: disabled || suiConnect.isConnecting,
+          onClick: () => suiConnect.connect(),
+          className: "liq-rounded-lg liq-font-semibold liq-transition-colors liq-duration-200 disabled:liq-opacity-50 liq-bg-neutral-750 !liq-text-primary-200 hover:enabled:liq-bg-primary liq-px-2",
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex liq-items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { children: suiConnect.isConnecting ? "Connecting..." : "Connect" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: activeChain == null ? void 0 : activeChain.pngUrl,
+                alt: "",
+                className: "liq-w-4 liq-h-4 liq-rounded-sm"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-truncate md:liq-text-clip", children: helpers_getDisplayName.getDisplayName(activeChain) })
+          ] }) })
+        }
+      ),
+      suiConnect.isConnecting && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => void suiConnect.cancelPendingConnection(),
+          className: "liq-shrink-0 liq-rounded-lg liq-px-2 liq-py-1 liq-text-xs liq-font-medium liq-text-neutral-400 hover:liq-text-white",
+          children: "Cancel"
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactjs_components_Connect_SwitchChainButton.SwitchChainButton,
+    {
+      disabled,
+      className: "liq-rounded-lg liq-font-semibold liq-transition-colors liq-duration-200 disabled:liq-opacity-50 liq-bg-neutral-750 !liq-text-primary-200 hover:enabled:liq-bg-primary liq-px-2",
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex liq-items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { children: account.isConnecting ? "Connecting..." : "Connect" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: activeChain == null ? void 0 : activeChain.pngUrl,
+            alt: "",
+            className: "liq-w-4 liq-h-4 liq-rounded-sm"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-truncate md:liq-text-clip", children: helpers_getDisplayName.getDisplayName(activeChain) })
+      ] }) })
+    }
+  );
 };
 exports.BridgeAccountDisplay = BridgeAccountDisplay;

package/reactjs/components/Connect/BridgeAccountDisplay.mjs

@@ -4,7 +4,9 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useDisconnect } from "@reown/appkit/react";
 import { getDisplayName } from "../../../helpers/getDisplayName.mjs";
 import { SwitchChainButton } from "./SwitchChainButton.mjs";
+import { ChainType } from "../../../types/chainType.mjs";
 import { useAccount } from "../../hooks/useAccount.mjs";
+import { useSuiConnect } from "../../hooks/useSuiConnect.mjs";
 import "clsx";
 import "tailwind-merge";
 import "../base/MxCard/MxCard.mjs";
@@ -26,31 +28,45 @@ const BridgeAccountDisplay = ({
   var _a;
   const account = useAccount();
   const { disconnect } = useDisconnect();
+  const suiConnect = useSuiConnect();
+  const isSuiChain = (activeChain == null ? void 0 : activeChain.chainType) === ChainType.sui;
+  const displayAddress = isSuiChain ? suiConnect.suiAddress : account.address;
   const handleDisconnect = async (e) => {
     try {
       e.preventDefault();
-      await disconnect();
+      if (isSuiChain) {
+        await suiConnect.disconnect();
+      } else {
+        await disconnect();
+      }
     } catch (error) {
       console.error("Failed to disconnect:", error);
     }
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    account.address && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("img", { src: activeChain == null ? void 0 : activeChain.pngUrl, alt: "", className: "liq-w-6" }),
+  if (displayAddress) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: activeChain == null ? void 0 : activeChain.pngUrl,
+          alt: "",
+          className: "liq-w-6 liq-h-6 liq-rounded-lg"
+        }
+      ),
       /* @__PURE__ */ jsx("span", { className: "liq-truncate liq-text-gray-400", children: getDisplayName(activeChain) }),
       /* @__PURE__ */ jsx("span", { className: "liq-ml-[-5px]", children: ":" }),
       /* @__PURE__ */ jsx("div", { className: "liq-flex liq-items-center liq-justify-between", children: /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-max-w-[10rem] liq-items-center liq-gap-1", children: [
         /* @__PURE__ */ jsx(
           MxLink,
           {
-            to: `${(_a = activeChain == null ? void 0 : activeChain.blockExplorerUrls) == null ? void 0 : _a[0]}/address/${account.address}`,
+            to: `${(_a = activeChain == null ? void 0 : activeChain.blockExplorerUrls) == null ? void 0 : _a[0]}/address/${displayAddress}`,
             target: "_blank",
             showExternalIcon: false,
             className: "!liq-relative",
             children: /* @__PURE__ */ jsx("div", { className: "liq-flex liq-min-w-0 liq-flex-grow liq-overflow-hidden liq-leading-none liq-max-w-[10rem]", children: /* @__PURE__ */ jsx(
               TrimAddress,
               {
-                address: account.address,
+                address: displayAddress,
                 "data-testid": "evm-address"
               }
             ) })
@@ -59,7 +75,7 @@ const BridgeAccountDisplay = ({
         /* @__PURE__ */ jsx(
           CopyButton,
           {
-            text: account.address,
+            text: displayAddress,
             className: "liq-text-sm",
             "data-testid": "evm-copy-button"
           }
@@ -74,24 +90,60 @@ const BridgeAccountDisplay = ({
           children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faPowerOff })
         }
       ) })
-    ] }),
-    !account.address && /* @__PURE__ */ jsx(
-      SwitchChainButton,
-      {
-        disabled,
-        className: "liq-rounded-lg liq-font-semibold liq-transition-colors liq-duration-200 disabled:liq-opacity-50 liq-bg-neutral-750 !liq-text-primary-200 hover:enabled:liq-bg-primary liq-px-2",
-        children: /* @__PURE__ */ jsx("div", { className: "liq-flex liq-items-center", children: /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-justify-center liq-gap-2", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            " ",
-            account.isConnecting ? "Connecting..." : "Connect",
-            " "
-          ] }),
-          /* @__PURE__ */ jsx("img", { src: activeChain == null ? void 0 : activeChain.pngUrl, alt: "", className: "liq-w-4" }),
-          /* @__PURE__ */ jsx("div", { className: "liq-truncate md:liq-text-clip", children: getDisplayName(activeChain) })
-        ] }) })
-      }
-    )
-  ] });
+    ] });
+  }
+  if (isSuiChain) {
+    return /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-max-w-full liq-items-center liq-gap-2", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          disabled: disabled || suiConnect.isConnecting,
+          onClick: () => suiConnect.connect(),
+          className: "liq-rounded-lg liq-font-semibold liq-transition-colors liq-duration-200 disabled:liq-opacity-50 liq-bg-neutral-750 !liq-text-primary-200 hover:enabled:liq-bg-primary liq-px-2",
+          children: /* @__PURE__ */ jsx("div", { className: "liq-flex liq-items-center", children: /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
+            /* @__PURE__ */ jsx("div", { children: suiConnect.isConnecting ? "Connecting..." : "Connect" }),
+            /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: activeChain == null ? void 0 : activeChain.pngUrl,
+                alt: "",
+                className: "liq-w-4 liq-h-4 liq-rounded-sm"
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "liq-truncate md:liq-text-clip", children: getDisplayName(activeChain) })
+          ] }) })
+        }
+      ),
+      suiConnect.isConnecting && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => void suiConnect.cancelPendingConnection(),
+          className: "liq-shrink-0 liq-rounded-lg liq-px-2 liq-py-1 liq-text-xs liq-font-medium liq-text-neutral-400 hover:liq-text-white",
+          children: "Cancel"
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsx(
+    SwitchChainButton,
+    {
+      disabled,
+      className: "liq-rounded-lg liq-font-semibold liq-transition-colors liq-duration-200 disabled:liq-opacity-50 liq-bg-neutral-750 !liq-text-primary-200 hover:enabled:liq-bg-primary liq-px-2",
+      children: /* @__PURE__ */ jsx("div", { className: "liq-flex liq-items-center", children: /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
+        /* @__PURE__ */ jsx("div", { children: account.isConnecting ? "Connecting..." : "Connect" }),
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: activeChain == null ? void 0 : activeChain.pngUrl,
+            alt: "",
+            className: "liq-w-4 liq-h-4 liq-rounded-sm"
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "liq-truncate md:liq-text-clip", children: getDisplayName(activeChain) })
+      ] }) })
+    }
+  );
 };
 export {
   BridgeAccountDisplay

package/reactjs/components/Connect/BridgeConnectButton.js

@@ -24,7 +24,7 @@ const BridgeConnectButton = ({
           {
             src: activeChain.pngUrl,
             alt: "",
-            className: "liq-z-10 liq-flex liq-h-[1.5rem] liq-w-[1.5rem] liq-p-1"
+            className: "liq-z-10 liq-flex liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
           }
         ),
         (activeChain == null ? void 0 : activeChain.networkName) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-inline liq-truncate", children: helpers_getDisplayName.getDisplayName(activeChain) })

package/reactjs/components/Connect/BridgeConnectButton.mjs

@@ -21,7 +21,7 @@ const BridgeConnectButton = ({
           {
             src: activeChain.pngUrl,
             alt: "",
-            className: "liq-z-10 liq-flex liq-h-[1.5rem] liq-w-[1.5rem] liq-p-1"
+            className: "liq-z-10 liq-flex liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
           }
         ),
         (activeChain == null ? void 0 : activeChain.networkName) && /* @__PURE__ */ jsx("span", { className: "liq-inline liq-truncate", children: getDisplayName(activeChain) })

package/reactjs/components/Connect/ChainSelectConnect.d.ts

@@ -0,0 +1,7 @@
+import { ChainDTO } from '../../../dto/Chain.dto';
+
+export declare const ChainSelectConnect: ({ activeChain, disabled, className }: {
+    activeChain?: ChainDTO;
+    disabled?: boolean;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/reactjs/components/Connect/ChainSelectConnect.js

@@ -0,0 +1,144 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("@reown/appkit/react");
+const React = require("react");
+const helpers_getDisplayName = require("../../../helpers/getDisplayName.js");
+const reactjs_context_useWeb3App = require("../../context/useWeb3App.js");
+const reactjs_hooks_useAccount = require("../../hooks/useAccount.js");
+const reactjs_hooks_useSuiConnect = require("../../hooks/useSuiConnect.js");
+const SUI_ICON = "https://raw.githubusercontent.com/MystenLabs/sui/main/docs/site/static/img/logo.svg";
+const ChainSelectModal = ({
+  activeChain,
+  hasSui,
+  onEvmSelect,
+  onSuiSelect,
+  onClose
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: "liq-fixed liq-inset-0 liq-z-[9999] liq-flex liq-items-center liq-justify-center liq-bg-black/60",
+    onClick: onClose,
+    children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "liq-w-[340px] liq-rounded-2xl liq-bg-neutral-900 liq-border liq-border-neutral-700/40 liq-shadow-2xl",
+        onClick: (e) => e.stopPropagation(),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-items-center liq-justify-between liq-px-5 liq-py-4 liq-border-b liq-border-neutral-700/30", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "liq-text-white liq-text-base liq-font-semibold liq-m-0", children: "Select Chain" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: onClose,
+                className: "liq-text-neutral-400 hover:liq-text-white liq-text-lg liq-bg-transparent liq-border-none liq-cursor-pointer liq-p-1",
+                children: "×"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-flex-col liq-gap-2 liq-p-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                onClick: onEvmSelect,
+                className: "liq-flex liq-items-center liq-gap-3 liq-w-full liq-rounded-xl liq-bg-neutral-800/60 liq-px-4 liq-py-3 liq-text-left liq-text-white liq-font-medium liq-border liq-border-transparent liq-transition-all liq-duration-200 hover:liq-bg-neutral-750 hover:liq-border-neutral-600/50 liq-cursor-pointer",
+                children: [
+                  (activeChain == null ? void 0 : activeChain.pngUrl) && /* @__PURE__ */ jsxRuntime.jsx(
+                    "img",
+                    {
+                      src: activeChain.pngUrl,
+                      alt: "",
+                      className: "liq-w-8 liq-h-8 liq-rounded-full"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-text-sm liq-font-semibold", children: activeChain ? helpers_getDisplayName.getDisplayName(activeChain) : "Ethereum" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-text-xs liq-text-neutral-400", children: "EVM Chains" })
+                  ] })
+                ]
+              }
+            ),
+            hasSui && /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                onClick: onSuiSelect,
+                className: "liq-flex liq-items-center liq-gap-3 liq-w-full liq-rounded-xl liq-bg-neutral-800/60 liq-px-4 liq-py-3 liq-text-left liq-text-white liq-font-medium liq-border liq-border-transparent liq-transition-all liq-duration-200 hover:liq-bg-neutral-750 hover:liq-border-neutral-600/50 liq-cursor-pointer",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "img",
+                    {
+                      src: SUI_ICON,
+                      alt: "",
+                      className: "liq-w-8 liq-h-8 liq-rounded-full"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-text-sm liq-font-semibold", children: "Sui" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-text-xs liq-text-neutral-400", children: "Sui Network" })
+                  ] })
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  }
+);
+const ChainSelectConnect = ({
+  activeChain,
+  disabled,
+  className
+}) => {
+  const [showModal, setShowModal] = React.useState(false);
+  const { open } = react.useAppKit();
+  const account = reactjs_hooks_useAccount.useAccount();
+  const { options } = reactjs_context_useWeb3App.useWeb3App();
+  const suiConnect = reactjs_hooks_useSuiConnect.useSuiConnect();
+  const hasSui = Boolean(options.suiEnvironment);
+  if (account.isConnected || suiConnect.isConnected) {
+    return null;
+  }
+  const handleEvmConnect = () => {
+    setShowModal(false);
+    open({ view: "Connect", namespace: "eip155" });
+  };
+  const handleSuiConnect = () => {
+    setShowModal(false);
+    suiConnect.connect();
+  };
+  if (!hasSui) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        onClick: handleEvmConnect,
+        disabled,
+        className: `liq-font-bold liq-text-inherit liq-rounded-lg ${className ?? ""}`,
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex liq-items-center liq-justify-center liq-gap-1", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-text-primary-200", children: account.isConnecting ? "Connecting..." : "Connect" }) })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    showModal && /* @__PURE__ */ jsxRuntime.jsx(
+      ChainSelectModal,
+      {
+        activeChain,
+        hasSui,
+        onEvmSelect: handleEvmConnect,
+        onSuiSelect: handleSuiConnect,
+        onClose: () => setShowModal(false)
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        onClick: () => setShowModal(true),
+        disabled,
+        className: `liq-font-bold liq-text-inherit liq-rounded-lg ${className ?? ""}`,
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex liq-items-center liq-justify-center liq-gap-1", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-text-primary-200", children: account.isConnecting ? "Connecting..." : "Connect" }) })
+      }
+    )
+  ] });
+};
+exports.ChainSelectConnect = ChainSelectConnect;