@multiversx/sdk-dapp-liquidity 2.3.0 → 2.4.0-alpha.0

package/reactjs/components/Connect/BridgeAccountDisplay.mjs

@@ -1,136 +1,127 @@
-import { jsxs as r, Fragment as x, jsx as e } from "react/jsx-runtime";
-import { faPowerOff as g } from "@fortawesome/free-solid-svg-icons/faPowerOff";
-import { FontAwesomeIcon as y } from "@fortawesome/react-fontawesome";
-import { useDisconnect as N } from "@reown/appkit/react";
-import { getDisplayName as o } from "../../../helpers/getDisplayName.mjs";
-import { SwitchChainButton as b } from "./SwitchChainButton.mjs";
+import { getDisplayName as e } from "../../../helpers/getDisplayName.mjs";
 import { ChainType as t } from "../../../types/chainType.mjs";
-import { useAccount as w } from "../../hooks/useAccount.mjs";
-import { useNamespaceAddress as T } from "../../hooks/useNamespaceAddress.mjs";
-import { useSuiConnect as k } from "../../hooks/useSuiConnect.mjs";
-import "clsx";
-import "tailwind-merge";
-import "../base/MxCard/MxCard.mjs";
-import { MxLink as A } from "../base/MxLink/MxLink.mjs";
-import "../base/MxSearch/MxSearch.mjs";
-import "@fortawesome/free-solid-svg-icons/faClose";
-import "@headlessui/react";
-import "react";
-import "react-dom";
-import "react-popper";
-import "../base/MxTooltip/components/TooltipContainer/TooltipContainer.mjs";
-import "../../constants/index.mjs";
-import { CopyButton as j } from "../CopyButton/CopyButton.mjs";
-import { TrimAddress as D } from "../TrimAddress/TrimAddress.mjs";
-const v = ({
-  activeChain: l,
-  disabled: n
-}) => {
-  var c;
-  const m = w(), { disconnect: p } = N(), i = k(), d = T(l == null ? void 0 : l.chainType), q = (l == null ? void 0 : l.chainType) === t.sui, s = (l == null ? void 0 : l.chainType) === t.evm || (l == null ? void 0 : l.chainType) === t.sui ? d : d ?? m.address, u = async (a) => {
-    try {
-      a.preventDefault(), q ? await i.disconnect() : await p();
-    } catch (f) {
-      console.error("Failed to disconnect:", f);
-    }
-  };
-  return s ? /* @__PURE__ */ r(x, { children: [
-    /* @__PURE__ */ e(
-      "img",
-      {
-        src: l == null ? void 0 : l.pngUrl,
-        alt: "",
-        className: "liq-w-6 liq-h-6 liq-rounded-lg"
-      }
-    ),
-    /* @__PURE__ */ e("span", { className: "liq-truncate liq-text-gray-400", children: o(l) }),
-    /* @__PURE__ */ e("span", { className: "liq-ml-[-5px]", children: ":" }),
-    /* @__PURE__ */ e("div", { className: "liq-flex liq-items-center liq-justify-between", children: /* @__PURE__ */ r("div", { className: "liq-flex liq-max-w-[10rem] liq-items-center liq-gap-1", children: [
-      /* @__PURE__ */ e(
-        A,
-        {
-          to: `${(c = l == null ? void 0 : l.blockExplorerUrls) == null ? void 0 : c[0]}/address/${s}`,
-          target: "_blank",
-          showExternalIcon: !1,
-          className: "!liq-relative",
-          children: /* @__PURE__ */ e("div", { className: "liq-flex liq-min-w-0 liq-flex-grow liq-overflow-hidden liq-leading-none liq-max-w-[10rem]", children: /* @__PURE__ */ e(
-            D,
-            {
-              address: s,
-              "data-testid": "evm-address"
-            }
-          ) })
-        }
-      ),
-      /* @__PURE__ */ e(
-        j,
-        {
-          text: s,
-          className: "liq-text-sm",
-          "data-testid": "evm-copy-button"
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ e("div", { className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ e(
-      "button",
-      {
-        className: "focus-primary liq-flex liq-items-center liq-gap-1 liq-rounded-xl liq-px-0 liq-py-2 liq-text-sm liq-font-semibold liq-text-neutral-400 liq-transition-colors liq-duration-200 hover:enabled:liq-text-white disabled:liq-opacity-50",
-        onClick: u,
-        "data-testid": "evm-disconnect-button",
-        children: /* @__PURE__ */ e(y, { icon: g })
-      }
-    ) })
-  ] }) : q ? /* @__PURE__ */ r("div", { className: "liq-flex liq-max-w-full liq-items-center liq-gap-2", children: [
-    /* @__PURE__ */ e(
-      "button",
-      {
-        disabled: n || i.isConnecting,
-        onClick: () => i.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__ */ e("div", { className: "liq-flex liq-items-center", children: /* @__PURE__ */ r("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
-          /* @__PURE__ */ e("div", { children: i.isConnecting ? "Connecting..." : "Connect" }),
-          /* @__PURE__ */ e(
-            "img",
-            {
-              src: l == null ? void 0 : l.pngUrl,
-              alt: "",
-              className: "liq-w-4 liq-h-4 liq-rounded-sm"
-            }
-          ),
-          /* @__PURE__ */ e("div", { className: "liq-truncate md:liq-text-clip", children: o(l) })
-        ] }) })
-      }
-    ),
-    i.isConnecting && /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        onClick: () => void i.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"
-      }
-    )
-  ] }) : /* @__PURE__ */ e(
-    b,
-    {
-      disabled: n,
-      chainType: l == null ? void 0 : l.chainType,
-      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__ */ e("div", { className: "liq-flex liq-items-center", children: /* @__PURE__ */ r("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
-        /* @__PURE__ */ e("div", { children: m.isConnecting ? "Connecting..." : "Connect" }),
-        /* @__PURE__ */ e(
-          "img",
-          {
-            src: l == null ? void 0 : l.pngUrl,
-            alt: "",
-            className: "liq-w-4 liq-h-4 liq-rounded-sm"
-          }
-        ),
-        /* @__PURE__ */ e("div", { className: "liq-truncate md:liq-text-clip", children: o(l) })
-      ] }) })
-    }
-  );
-};
-export {
-  v as BridgeAccountDisplay
+import { TrimAddress as n } from "../TrimAddress/TrimAddress.mjs";
+import "../TrimAddress/index.mjs";
+import { MxLink as r } from "../base/MxLink/MxLink.mjs";
+import "../base/index.mjs";
+import { useAccount as i } from "../../hooks/useAccount.mjs";
+import { useSuiConnect as a } from "../../hooks/useSuiConnect.mjs";
+import { useNamespaceAddress as o } from "../../hooks/useNamespaceAddress.mjs";
+import { SwitchChainButton as s } from "./SwitchChainButton.mjs";
+import { CopyButton as c } from "../CopyButton/CopyButton.mjs";
+import "../CopyButton/index.mjs";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { FontAwesomeIcon as f } from "@fortawesome/react-fontawesome";
+import { useDisconnect as p } from "@reown/appkit/react";
+import { faPowerOff as m } from "@fortawesome/free-solid-svg-icons/faPowerOff";
+//#region src/reactjs/components/Connect/BridgeAccountDisplay.tsx
+var h = ({ activeChain: h, disabled: g }) => {
+	let _ = i(), { disconnect: v } = p(), y = a(), b = o(h?.chainType), x = h?.chainType === t.sui, S = h?.chainType === t.evm || h?.chainType === t.sui ? b : b ?? _.address;
+	return S ? /* @__PURE__ */ d(l, { children: [
+		/* @__PURE__ */ u("img", {
+			src: h?.pngUrl,
+			alt: "",
+			className: "liq-w-6 liq-h-6 liq-rounded-lg"
+		}),
+		/* @__PURE__ */ u("span", {
+			className: "liq-truncate liq-text-gray-400",
+			children: e(h)
+		}),
+		/* @__PURE__ */ u("span", {
+			className: "liq-ml-[-5px]",
+			children: ":"
+		}),
+		/* @__PURE__ */ u("div", {
+			className: "liq-flex liq-items-center liq-justify-between",
+			children: /* @__PURE__ */ d("div", {
+				className: "liq-flex liq-max-w-[10rem] liq-items-center liq-gap-1",
+				children: [/* @__PURE__ */ u(r, {
+					to: `${h?.blockExplorerUrls?.[0]}/address/${S}`,
+					target: "_blank",
+					showExternalIcon: !1,
+					className: "!liq-relative",
+					children: /* @__PURE__ */ u("div", {
+						className: "liq-flex liq-min-w-0 liq-flex-grow liq-overflow-hidden liq-leading-none liq-max-w-[10rem]",
+						children: /* @__PURE__ */ u(n, {
+							address: S,
+							"data-testid": "evm-address"
+						})
+					})
+				}), /* @__PURE__ */ u(c, {
+					text: S,
+					className: "liq-text-sm",
+					"data-testid": "evm-copy-button"
+				})]
+			})
+		}),
+		/* @__PURE__ */ u("div", {
+			className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1",
+			children: /* @__PURE__ */ u("button", {
+				className: "focus-primary liq-flex liq-items-center liq-gap-1 liq-rounded-xl liq-px-0 liq-py-2 liq-text-sm liq-font-semibold liq-text-neutral-400 liq-transition-colors liq-duration-200 hover:enabled:liq-text-white disabled:liq-opacity-50",
+				onClick: async (e) => {
+					try {
+						e.preventDefault(), x ? await y.disconnect() : await v();
+					} catch (e) {
+						console.error("Failed to disconnect:", e);
+					}
+				},
+				"data-testid": "evm-disconnect-button",
+				children: /* @__PURE__ */ u(f, { icon: m })
+			})
+		})
+	] }) : x ? /* @__PURE__ */ d("div", {
+		className: "liq-flex liq-max-w-full liq-items-center liq-gap-2",
+		children: [/* @__PURE__ */ u("button", {
+			disabled: g || y.isConnecting,
+			onClick: () => y.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__ */ u("div", {
+				className: "liq-flex liq-items-center",
+				children: /* @__PURE__ */ d("div", {
+					className: "liq-flex liq-justify-center liq-items-center liq-gap-2",
+					children: [
+						/* @__PURE__ */ u("div", { children: y.isConnecting ? "Connecting..." : "Connect" }),
+						/* @__PURE__ */ u("img", {
+							src: h?.pngUrl,
+							alt: "",
+							className: "liq-w-4 liq-h-4 liq-rounded-sm"
+						}),
+						/* @__PURE__ */ u("div", {
+							className: "liq-truncate md:liq-text-clip",
+							children: e(h)
+						})
+					]
+				})
+			})
+		}), y.isConnecting && /* @__PURE__ */ u("button", {
+			type: "button",
+			onClick: () => void y.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"
+		})]
+	}) : /* @__PURE__ */ u(s, {
+		disabled: g,
+		chainType: h?.chainType,
+		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__ */ u("div", {
+			className: "liq-flex liq-items-center",
+			children: /* @__PURE__ */ d("div", {
+				className: "liq-flex liq-justify-center liq-items-center liq-gap-2",
+				children: [
+					/* @__PURE__ */ u("div", { children: _.isConnecting ? "Connecting..." : "Connect" }),
+					/* @__PURE__ */ u("img", {
+						src: h?.pngUrl,
+						alt: "",
+						className: "liq-w-4 liq-h-4 liq-rounded-sm"
+					}),
+					/* @__PURE__ */ u("div", {
+						className: "liq-truncate md:liq-text-clip",
+						children: e(h)
+					})
+				]
+			})
+		})
+	});
 };
+//#endregion
+export { h as BridgeAccountDisplay };

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

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

package/reactjs/components/Connect/BridgeConnectButton.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("./CustomConnectButton.js"),i=require("../../../helpers/getDisplayName.js"),c=require("../../../helpers/safeImageUrl.js");require("@solana/web3.js");require("bitcoinjs-lib");require("viem");const r=require("../../../types/chainType.js"),u=require("../../hooks/useAccount.js"),m=e=>{if(e===r.ChainType.evm)return"eip155";if(e===r.ChainType.sui)return"sui"},q=({activeChain:e,disabled:t,className:l})=>{const s=u.useAccount();return n.jsx(o.CustomConnectButton,{className:l,disabled:t,namespace:m(e==null?void 0:e.chainType),"data-testid":"evm-network-connect-button",children:s.isConnected?null:n.jsxs("div",{className:"liq-flex liq-items-center liq-justify-center liq-gap-1",children:[!s.isConnected&&n.jsx("div",{className:"liq-ml-2 liq-flex liq-items-center liq-gap-1",children:n.jsx("span",{className:"liq-text-primary-200",children:s.isConnecting?"Connecting...":"Connect"})}),e&&n.jsx("img",{src:c.safeImageUrl(e.pngUrl),alt:"",className:"liq-z-10 liq-flex liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"}),(e==null?void 0:e.networkName)&&n.jsx("span",{className:"liq-inline liq-truncate",children:i.getDisplayName(e)})]})})};exports.BridgeConnectButton=q;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../helpers/getDisplayName.js"),t=require("../../../helpers/safeImageUrl.js"),n=require("../../../types/chainType.js");require("../../../helpers/index.js");const r=require("../../hooks/useAccount.js"),i=require("./CustomConnectButton.js");let a=require("react/jsx-runtime");var o=e=>{if(e===n.ChainType.evm)return`eip155`;if(e===n.ChainType.sui)return`sui`},s=({activeChain:n,disabled:s,className:c})=>{let l=r.useAccount();return(0,a.jsx)(i.CustomConnectButton,{className:c,disabled:s,namespace:o(n?.chainType),"data-testid":`evm-network-connect-button`,children:l.isConnected?null:(0,a.jsxs)(`div`,{className:`liq-flex liq-items-center liq-justify-center liq-gap-1`,children:[!l.isConnected&&(0,a.jsx)(`div`,{className:`liq-ml-2 liq-flex liq-items-center liq-gap-1`,children:(0,a.jsx)(`span`,{className:`liq-text-primary-200`,children:l.isConnecting?`Connecting...`:`Connect`})}),n&&(0,a.jsx)(`img`,{src:t.safeImageUrl(n.pngUrl),alt:``,className:`liq-z-10 liq-flex liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg`}),n?.networkName&&(0,a.jsx)(`span`,{className:`liq-inline liq-truncate`,children:e.getDisplayName(n)})]})})};exports.BridgeConnectButton=s;

package/reactjs/components/Connect/BridgeConnectButton.mjs

@@ -1,45 +1,43 @@
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { CustomConnectButton as s } from "./CustomConnectButton.mjs";
-import { getDisplayName as i } from "../../../helpers/getDisplayName.mjs";
-import { safeImageUrl as c } from "../../../helpers/safeImageUrl.mjs";
-import "@solana/web3.js";
-import "bitcoinjs-lib";
-import "viem";
-import { ChainType as t } from "../../../types/chainType.mjs";
-import { useAccount as p } from "../../hooks/useAccount.mjs";
-const u = (e) => {
-  if (e === t.evm)
-    return "eip155";
-  if (e === t.sui)
-    return "sui";
-}, w = ({
-  activeChain: e,
-  disabled: l,
-  className: o
-}) => {
-  const n = p();
-  return /* @__PURE__ */ r(
-    s,
-    {
-      className: o,
-      disabled: l,
-      namespace: u(e == null ? void 0 : e.chainType),
-      "data-testid": "evm-network-connect-button",
-      children: n.isConnected ? null : /* @__PURE__ */ m("div", { className: "liq-flex liq-items-center liq-justify-center liq-gap-1", children: [
-        !n.isConnected && /* @__PURE__ */ r("div", { className: "liq-ml-2 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ r("span", { className: "liq-text-primary-200", children: n.isConnecting ? "Connecting..." : "Connect" }) }),
-        e && /* @__PURE__ */ r(
-          "img",
-          {
-            src: c(e.pngUrl),
-            alt: "",
-            className: "liq-z-10 liq-flex liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
-          }
-        ),
-        (e == null ? void 0 : e.networkName) && /* @__PURE__ */ r("span", { className: "liq-inline liq-truncate", children: i(e) })
-      ] })
-    }
-  );
-};
-export {
-  w as BridgeConnectButton
+import { getDisplayName as e } from "../../../helpers/getDisplayName.mjs";
+import { safeImageUrl as t } from "../../../helpers/safeImageUrl.mjs";
+import { ChainType as n } from "../../../types/chainType.mjs";
+import "../../../helpers/index.mjs";
+import { useAccount as r } from "../../hooks/useAccount.mjs";
+import { CustomConnectButton as i } from "./CustomConnectButton.mjs";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/reactjs/components/Connect/BridgeConnectButton.tsx
+var s = (e) => {
+	if (e === n.evm) return "eip155";
+	if (e === n.sui) return "sui";
+}, c = ({ activeChain: n, disabled: c, className: l }) => {
+	let u = r();
+	return /* @__PURE__ */ a(i, {
+		className: l,
+		disabled: c,
+		namespace: s(n?.chainType),
+		"data-testid": "evm-network-connect-button",
+		children: u.isConnected ? null : /* @__PURE__ */ o("div", {
+			className: "liq-flex liq-items-center liq-justify-center liq-gap-1",
+			children: [
+				!u.isConnected && /* @__PURE__ */ a("div", {
+					className: "liq-ml-2 liq-flex liq-items-center liq-gap-1",
+					children: /* @__PURE__ */ a("span", {
+						className: "liq-text-primary-200",
+						children: u.isConnecting ? "Connecting..." : "Connect"
+					})
+				}),
+				n && /* @__PURE__ */ a("img", {
+					src: t(n.pngUrl),
+					alt: "",
+					className: "liq-z-10 liq-flex liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
+				}),
+				n?.networkName && /* @__PURE__ */ a("span", {
+					className: "liq-inline liq-truncate",
+					children: e(n)
+				})
+			]
+		})
+	});
 };
+//#endregion
+export { c as BridgeConnectButton };

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

@@ -1,7 +1,6 @@
 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;
+}) => import("react").JSX.Element | null;

package/reactjs/components/Connect/ChainSelectConnect.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("@reown/appkit/react"),m=require("react"),h=require("../../../helpers/getDisplayName.js");require("../../constants/index.js");const p=require("../../context/useWeb3App.js"),b=require("../../hooks/useAccount.js"),f=require("../../hooks/useSuiConnect.js"),j=require("../../constants/chains.js"),g=({activeChain:l,hasSui:t,onEvmSelect:n,onSuiSelect:s,onClose:i})=>e.jsx("div",{className:"liq-fixed liq-inset-0 liq-z-[9999] liq-flex liq-items-center liq-justify-center liq-bg-black/60",onClick:i,children:e.jsxs("div",{className:"liq-w-[340px] liq-rounded-2xl liq-bg-neutral-900 liq-border liq-border-neutral-700/40 liq-shadow-2xl",onClick:r=>r.stopPropagation(),children:[e.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:[e.jsx("h3",{className:"liq-text-white liq-text-base liq-font-semibold liq-m-0",children:"Select Chain"}),e.jsx("button",{onClick:i,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:"×"})]}),e.jsxs("div",{className:"liq-flex liq-flex-col liq-gap-2 liq-p-4",children:[e.jsxs("button",{onClick:n,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:[(l==null?void 0:l.pngUrl)&&e.jsx("img",{src:l.pngUrl,alt:"",className:"liq-w-8 liq-h-8 liq-rounded-full"}),e.jsxs("div",{children:[e.jsx("div",{className:"liq-text-sm liq-font-semibold",children:l?h.getDisplayName(l):"Ethereum"}),e.jsx("div",{className:"liq-text-xs liq-text-neutral-400",children:"EVM Chains"})]})]}),t&&e.jsxs("button",{onClick:s,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:[e.jsx("img",{src:j.chainIdentifier.sui,alt:"",className:"liq-w-8 liq-h-8 liq-rounded-full"}),e.jsxs("div",{children:[e.jsx("div",{className:"liq-text-sm liq-font-semibold",children:"Sui"}),e.jsx("div",{className:"liq-text-xs liq-text-neutral-400",children:"Sui Network"})]})]})]})]})}),N=({activeChain:l,disabled:t,className:n})=>{const[s,i]=m.useState(!1),{open:r}=x.useAppKit(),o=b.useAccount(),{options:u}=p.useWeb3App(),c=f.useSuiConnect(),q=!!u.suiEnvironment;if(o.isConnected||c.isConnected)return null;const a=()=>{i(!1),r({view:"Connect",namespace:"eip155"})},d=()=>{i(!1),c.connect()};return q?e.jsxs(e.Fragment,{children:[s&&e.jsx(g,{activeChain:l,hasSui:q,onEvmSelect:a,onSuiSelect:d,onClose:()=>i(!1)}),e.jsx("button",{onClick:()=>i(!0),disabled:t,className:`liq-font-bold liq-text-inherit liq-rounded-lg ${n??""}`,children:e.jsx("div",{className:"liq-flex liq-items-center liq-justify-center liq-gap-1",children:e.jsx("span",{className:"liq-text-primary-200",children:o.isConnecting?"Connecting...":"Connect"})})})]}):e.jsx("button",{onClick:a,disabled:t,className:`liq-font-bold liq-text-inherit liq-rounded-lg ${n??""}`,children:e.jsx("div",{className:"liq-flex liq-items-center liq-justify-center liq-gap-1",children:e.jsx("span",{className:"liq-text-primary-200",children:o.isConnecting?"Connecting...":"Connect"})})})};exports.ChainSelectConnect=N;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chains-Bmeag21l.js");require("../../constants/index.js");const t=require("../../../helpers/getDisplayName.js"),n=require("../../context/useWeb3App.js"),r=require("../../hooks/useAccount.js"),i=require("../../hooks/useSuiConnect.js");let a=require("react/jsx-runtime"),o=require("react"),s=require("@reown/appkit/react");var c=({activeChain:n,hasSui:r,onEvmSelect:i,onSuiSelect:o,onClose:s})=>(0,a.jsx)(`div`,{className:`liq-fixed liq-inset-0 liq-z-[9999] liq-flex liq-items-center liq-justify-center liq-bg-black/60`,onClick:s,children:(0,a.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:[(0,a.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:[(0,a.jsx)(`h3`,{className:`liq-text-white liq-text-base liq-font-semibold liq-m-0`,children:`Select Chain`}),(0,a.jsx)(`button`,{onClick:s,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:`×`})]}),(0,a.jsxs)(`div`,{className:`liq-flex liq-flex-col liq-gap-2 liq-p-4`,children:[(0,a.jsxs)(`button`,{onClick:i,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:[n?.pngUrl&&(0,a.jsx)(`img`,{src:n.pngUrl,alt:``,className:`liq-w-8 liq-h-8 liq-rounded-full`}),(0,a.jsxs)(`div`,{children:[(0,a.jsx)(`div`,{className:`liq-text-sm liq-font-semibold`,children:n?t.getDisplayName(n):`Ethereum`}),(0,a.jsx)(`div`,{className:`liq-text-xs liq-text-neutral-400`,children:`EVM Chains`})]})]}),r&&(0,a.jsxs)(`button`,{onClick:o,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:[(0,a.jsx)(`img`,{src:e.r.sui,alt:``,className:`liq-w-8 liq-h-8 liq-rounded-full`}),(0,a.jsxs)(`div`,{children:[(0,a.jsx)(`div`,{className:`liq-text-sm liq-font-semibold`,children:`Sui`}),(0,a.jsx)(`div`,{className:`liq-text-xs liq-text-neutral-400`,children:`Sui Network`})]})]})]})]})}),l=({activeChain:e,disabled:t,className:l})=>{let[u,d]=(0,o.useState)(!1),{open:f}=(0,s.useAppKit)(),p=r.useAccount(),{options:m}=n.useWeb3App(),h=i.useSuiConnect(),g=!!m.suiEnvironment;if(p.isConnected||h.isConnected)return null;let _=()=>{d(!1),f({view:`Connect`,namespace:`eip155`})};return g?(0,a.jsxs)(a.Fragment,{children:[u&&(0,a.jsx)(c,{activeChain:e,hasSui:g,onEvmSelect:_,onSuiSelect:()=>{d(!1),h.connect()},onClose:()=>d(!1)}),(0,a.jsx)(`button`,{onClick:()=>d(!0),disabled:t,className:`liq-font-bold liq-text-inherit liq-rounded-lg ${l??``}`,children:(0,a.jsx)(`div`,{className:`liq-flex liq-items-center liq-justify-center liq-gap-1`,children:(0,a.jsx)(`span`,{className:`liq-text-primary-200`,children:p.isConnecting?`Connecting...`:`Connect`})})})]}):(0,a.jsx)(`button`,{onClick:_,disabled:t,className:`liq-font-bold liq-text-inherit liq-rounded-lg ${l??``}`,children:(0,a.jsx)(`div`,{className:`liq-flex liq-items-center liq-justify-center liq-gap-1`,children:(0,a.jsx)(`span`,{className:`liq-text-primary-200`,children:p.isConnecting?`Connecting...`:`Connect`})})})};exports.ChainSelectConnect=l;