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

package/reactjs/components/Connect/ChainSelectConnect.mjs

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

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

@@ -1,6 +1,5 @@
-import { ReactNode } from 'react';
 import { ChainNamespace } from '@reown/appkit-common';
-
+import { ReactNode } from 'react';
 export declare const CustomConnectButton: ({ disabled, className, children, namespace, "data-testid": dataTestId }: {
     disabled?: boolean;
     className?: string;
@@ -8,4 +7,4 @@ export declare const CustomConnectButton: ({ disabled, className, children, name
     /** AppKit namespace to restrict the WC session proposal (e.g. 'eip155'). */
     namespace?: ChainNamespace;
     "data-testid"?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/reactjs/components/Connect/CustomConnectButton.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),a=require("@reown/appkit/react"),s=require("wagmi"),b=({disabled:t,className:n,children:e,namespace:o,"data-testid":u})=>{const{open:r}=a.useAppKit(),{isConnected:l,isConnecting:d}=s.useAccount(),{disconnect:C}=s.useDisconnect(),c="liq-font-bold liq-text-inherit liq-rounded-lg";return l?i.jsx("button",{onClick:()=>C(),className:`${c} ${n}`,disabled:t,children:e||"Disconnect"}):i.jsx("button",{"data-testid":u,onClick:()=>r({view:"Connect",...o?{namespace:o}:{}}),className:`${c} ${n}`,disabled:t,children:e||(d?"Trying to connect...":"Connect")})};exports.CustomConnectButton=b;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react/jsx-runtime"),t=require("@reown/appkit/react"),n=require("wagmi");var r=({disabled:r,className:i,children:a,namespace:o,"data-testid":s})=>{let{open:c}=(0,t.useAppKit)(),{isConnected:l,isConnecting:u}=(0,n.useAccount)(),{disconnect:d}=(0,n.useDisconnect)(),f=`liq-font-bold liq-text-inherit liq-rounded-lg`;return l?(0,e.jsx)(`button`,{onClick:()=>d(),className:`${f} ${i}`,disabled:r,children:a||`Disconnect`}):(0,e.jsx)(`button`,{"data-testid":s,onClick:()=>c({view:`Connect`,...o?{namespace:o}:{}}),className:`${f} ${i}`,disabled:r,children:a||(u?`Trying to connect...`:`Connect`)})};exports.CustomConnectButton=r;

package/reactjs/components/Connect/CustomConnectButton.mjs

@@ -1,36 +1,24 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useAppKit as C } from "@reown/appkit/react";
-import { useAccount as m, useDisconnect as p } from "wagmi";
-const b = ({
-  disabled: t,
-  className: n,
-  children: o,
-  namespace: e,
-  "data-testid": s
-}) => {
-  const { open: r } = C(), { isConnected: u, isConnecting: l } = m(), { disconnect: d } = p(), c = "liq-font-bold liq-text-inherit liq-rounded-lg";
-  return u ? /* @__PURE__ */ i(
-    "button",
-    {
-      onClick: () => d(),
-      className: `${c} ${n}`,
-      disabled: t,
-      children: o || "Disconnect"
-    }
-  ) : /* @__PURE__ */ i(
-    "button",
-    {
-      "data-testid": s,
-      onClick: () => r({
-        view: "Connect",
-        ...e ? { namespace: e } : {}
-      }),
-      className: `${c} ${n}`,
-      disabled: t,
-      children: o || (l ? "Trying to connect..." : "Connect")
-    }
-  );
-};
-export {
-  b as CustomConnectButton
+import { jsx as e } from "react/jsx-runtime";
+import { useAppKit as t } from "@reown/appkit/react";
+import { useAccount as n, useDisconnect as r } from "wagmi";
+//#region src/reactjs/components/Connect/CustomConnectButton.tsx
+var i = ({ disabled: i, className: a, children: o, namespace: s, "data-testid": c }) => {
+	let { open: l } = t(), { isConnected: u, isConnecting: d } = n(), { disconnect: f } = r(), p = "liq-font-bold liq-text-inherit liq-rounded-lg";
+	return u ? /* @__PURE__ */ e("button", {
+		onClick: () => f(),
+		className: `${p} ${a}`,
+		disabled: i,
+		children: o || "Disconnect"
+	}) : /* @__PURE__ */ e("button", {
+		"data-testid": c,
+		onClick: () => l({
+			view: "Connect",
+			...s ? { namespace: s } : {}
+		}),
+		className: `${p} ${a}`,
+		disabled: i,
+		children: o || (d ? "Trying to connect..." : "Connect")
+	});
 };
+//#endregion
+export { i as CustomConnectButton };

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

@@ -6,4 +6,4 @@ export declare const MvxAccountDisplay: ({ accountExplorerUrl, chainIcon, accoun
     showTag?: boolean;
     onDisconnect?: () => void;
     onConnect?: () => void;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/reactjs/components/Connect/MvxAccountDisplay.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("@fortawesome/free-solid-svg-icons/faPowerOff"),x=require("@fortawesome/react-fontawesome"),m=require("../AccountAddress/AccountAddress.js"),u=require("../base/MxLink/MxLink.js"),p=require("../CopyButton/CopyButton.js"),j=({accountExplorerUrl:a,chainIcon:r,accountAddress:i,username:n,showTag:c,onDisconnect:t,onConnect:l})=>{const o=async s=>{s.preventDefault(),l==null||l()},q=async s=>{s.preventDefault(),t==null||t()};return e.jsxs(e.Fragment,{children:[i&&e.jsxs(e.Fragment,{children:[e.jsx("img",{src:r,alt:"",className:"liq-w-6 liq-h-6 liq-rounded-lg"}),e.jsx("span",{className:"liq-truncate liq-text-gray-400",children:"MultiversX:"}),e.jsx("div",{className:"liq-flex liq-items-center liq-justify-between",children:e.jsxs("div",{className:"liq-flex liq-max-w-[10rem] liq-items-center liq-gap-1",children:[e.jsx(u.MxLink,{to:`${a}`,target:"_blank",showExternalIcon:!1,className:"!liq-relative",children:e.jsx(m.AccountAddress,{address:i,username:n,showTag:c})}),e.jsx(p.CopyButton,{text:i,className:"liq-text-sm","data-testid":"mx-copy-button"})]})}),e.jsx("div",{className:"liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1",children:e.jsx("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:q,"data-testid":"mx-disconnect-button",children:e.jsx(x.FontAwesomeIcon,{icon:d.faPowerOff})})})]}),!i&&e.jsx("button",{type:"button",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",onClick:o,"data-testid":"mx-connect-button",children:e.jsxs("div",{className:"liq-flex liq-justify-center liq-items-center liq-gap-2",children:[e.jsx("div",{children:"Connect "}),e.jsx("img",{src:r,alt:"",className:"liq-w-4 liq-h-4 liq-rounded-sm"}),e.jsx("div",{children:"MultiversX"})]})})]})};exports.MvxAccountDisplay=j;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../AccountAddress/AccountAddress.js");require("../AccountAddress/index.js");const t=require("../base/MxLink/MxLink.js");require("../base/MxLink/index.js");const n=require("../CopyButton/CopyButton.js");require("../CopyButton/index.js");let r=require("react/jsx-runtime"),i=require("@fortawesome/react-fontawesome"),a=require("@fortawesome/free-solid-svg-icons/faPowerOff");var o=({accountExplorerUrl:o,chainIcon:s,accountAddress:c,username:l,showTag:u,onDisconnect:d,onConnect:f})=>(0,r.jsxs)(r.Fragment,{children:[c&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`img`,{src:s,alt:``,className:`liq-w-6 liq-h-6 liq-rounded-lg`}),(0,r.jsx)(`span`,{className:`liq-truncate liq-text-gray-400`,children:`MultiversX:`}),(0,r.jsx)(`div`,{className:`liq-flex liq-items-center liq-justify-between`,children:(0,r.jsxs)(`div`,{className:`liq-flex liq-max-w-[10rem] liq-items-center liq-gap-1`,children:[(0,r.jsx)(t.MxLink,{to:`${o}`,target:`_blank`,showExternalIcon:!1,className:`!liq-relative`,children:(0,r.jsx)(e.AccountAddress,{address:c,username:l,showTag:u})}),(0,r.jsx)(n.CopyButton,{text:c,className:`liq-text-sm`,"data-testid":`mx-copy-button`})]})}),(0,r.jsx)(`div`,{className:`liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1`,children:(0,r.jsx)(`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=>{e.preventDefault(),d?.()},"data-testid":`mx-disconnect-button`,children:(0,r.jsx)(i.FontAwesomeIcon,{icon:a.faPowerOff})})})]}),!c&&(0,r.jsx)(`button`,{type:`button`,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`,onClick:async e=>{e.preventDefault(),f?.()},"data-testid":`mx-connect-button`,children:(0,r.jsxs)(`div`,{className:`liq-flex liq-justify-center liq-items-center liq-gap-2`,children:[(0,r.jsx)(`div`,{children:`Connect `}),(0,r.jsx)(`img`,{src:s,alt:``,className:`liq-w-4 liq-h-4 liq-rounded-sm`}),(0,r.jsx)(`div`,{children:`MultiversX`})]})})]});exports.MvxAccountDisplay=o;

package/reactjs/components/Connect/MvxAccountDisplay.mjs

@@ -1,94 +1,74 @@
-import { jsxs as e, Fragment as q, jsx as i } from "react/jsx-runtime";
-import { faPowerOff as p } from "@fortawesome/free-solid-svg-icons/faPowerOff";
-import { FontAwesomeIcon as x } from "@fortawesome/react-fontawesome";
-import { AccountAddress as u } from "../AccountAddress/AccountAddress.mjs";
-import { MxLink as f } from "../base/MxLink/MxLink.mjs";
-import { CopyButton as h } from "../CopyButton/CopyButton.mjs";
-const j = ({
-  accountExplorerUrl: m,
-  chainIcon: s,
-  accountAddress: l,
-  username: n,
-  showTag: o,
-  onDisconnect: t,
-  onConnect: r
-}) => {
-  const d = async (a) => {
-    a.preventDefault(), r == null || r();
-  }, c = async (a) => {
-    a.preventDefault(), t == null || t();
-  };
-  return /* @__PURE__ */ e(q, { children: [
-    l && /* @__PURE__ */ e(q, { children: [
-      /* @__PURE__ */ i(
-        "img",
-        {
-          src: s,
-          alt: "",
-          className: "liq-w-6 liq-h-6 liq-rounded-lg"
-        }
-      ),
-      /* @__PURE__ */ i("span", { className: "liq-truncate liq-text-gray-400", children: "MultiversX:" }),
-      /* @__PURE__ */ i("div", { className: "liq-flex liq-items-center liq-justify-between", children: /* @__PURE__ */ e("div", { className: "liq-flex liq-max-w-[10rem] liq-items-center liq-gap-1", children: [
-        /* @__PURE__ */ i(
-          f,
-          {
-            to: `${m}`,
-            target: "_blank",
-            showExternalIcon: !1,
-            className: "!liq-relative",
-            children: /* @__PURE__ */ i(
-              u,
-              {
-                address: l,
-                username: n,
-                showTag: o
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ i(
-          h,
-          {
-            text: l,
-            className: "liq-text-sm",
-            "data-testid": "mx-copy-button"
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ i("div", { className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ i(
-        "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: c,
-          "data-testid": "mx-disconnect-button",
-          children: /* @__PURE__ */ i(x, { icon: p })
-        }
-      ) })
-    ] }),
-    !l && /* @__PURE__ */ i(
-      "button",
-      {
-        type: "button",
-        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",
-        onClick: d,
-        "data-testid": "mx-connect-button",
-        children: /* @__PURE__ */ e("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
-          /* @__PURE__ */ i("div", { children: "Connect " }),
-          /* @__PURE__ */ i(
-            "img",
-            {
-              src: s,
-              alt: "",
-              className: "liq-w-4 liq-h-4 liq-rounded-sm"
-            }
-          ),
-          /* @__PURE__ */ i("div", { children: "MultiversX" })
-        ] })
-      }
-    )
-  ] });
-};
-export {
-  j as MvxAccountDisplay
-};
+import { AccountAddress as e } from "../AccountAddress/AccountAddress.mjs";
+import "../AccountAddress/index.mjs";
+import { MxLink as t } from "../base/MxLink/MxLink.mjs";
+import "../base/MxLink/index.mjs";
+import { CopyButton as n } from "../CopyButton/CopyButton.mjs";
+import "../CopyButton/index.mjs";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { FontAwesomeIcon as o } from "@fortawesome/react-fontawesome";
+import { faPowerOff as s } from "@fortawesome/free-solid-svg-icons/faPowerOff";
+//#region src/reactjs/components/Connect/MvxAccountDisplay.tsx
+var c = ({ accountExplorerUrl: c, chainIcon: l, accountAddress: u, username: d, showTag: f, onDisconnect: p, onConnect: m }) => /* @__PURE__ */ a(r, { children: [u && /* @__PURE__ */ a(r, { children: [
+	/* @__PURE__ */ i("img", {
+		src: l,
+		alt: "",
+		className: "liq-w-6 liq-h-6 liq-rounded-lg"
+	}),
+	/* @__PURE__ */ i("span", {
+		className: "liq-truncate liq-text-gray-400",
+		children: "MultiversX:"
+	}),
+	/* @__PURE__ */ i("div", {
+		className: "liq-flex liq-items-center liq-justify-between",
+		children: /* @__PURE__ */ a("div", {
+			className: "liq-flex liq-max-w-[10rem] liq-items-center liq-gap-1",
+			children: [/* @__PURE__ */ i(t, {
+				to: `${c}`,
+				target: "_blank",
+				showExternalIcon: !1,
+				className: "!liq-relative",
+				children: /* @__PURE__ */ i(e, {
+					address: u,
+					username: d,
+					showTag: f
+				})
+			}), /* @__PURE__ */ i(n, {
+				text: u,
+				className: "liq-text-sm",
+				"data-testid": "mx-copy-button"
+			})]
+		})
+	}),
+	/* @__PURE__ */ i("div", {
+		className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1",
+		children: /* @__PURE__ */ i("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) => {
+				e.preventDefault(), p?.();
+			},
+			"data-testid": "mx-disconnect-button",
+			children: /* @__PURE__ */ i(o, { icon: s })
+		})
+	})
+] }), !u && /* @__PURE__ */ i("button", {
+	type: "button",
+	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",
+	onClick: async (e) => {
+		e.preventDefault(), m?.();
+	},
+	"data-testid": "mx-connect-button",
+	children: /* @__PURE__ */ a("div", {
+		className: "liq-flex liq-justify-center liq-items-center liq-gap-2",
+		children: [
+			/* @__PURE__ */ i("div", { children: "Connect " }),
+			/* @__PURE__ */ i("img", {
+				src: l,
+				alt: "",
+				className: "liq-w-4 liq-h-4 liq-rounded-sm"
+			}),
+			/* @__PURE__ */ i("div", { children: "MultiversX" })
+		]
+	})
+})] });
+//#endregion
+export { c as MvxAccountDisplay };

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

@@ -5,5 +5,5 @@ interface ConnectButtonProps {
     className?: string;
     onClick?: () => void;
 }
-export declare const MvxConnectButton: ({ mvxAccountAddress, icon, disabled, className, onClick }: ConnectButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const MvxConnectButton: ({ mvxAccountAddress, icon, disabled, className, onClick }: ConnectButtonProps) => import("react").JSX.Element | null;
 export {};

package/reactjs/components/Connect/MvxConnectButton.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../utils/mxClsx.js"),o=require("../base/MxButton/MxButton.js"),c=({mvxAccountAddress:t,icon:n,disabled:i,className:r="",onClick:l})=>t?null:e.jsx(o.MxButton,{"data-testid":"mx-network-connect-button",type:"button",variant:"neutral-850",className:s.mxClsx("liq-w-full liq-py-3 hover:enabled:liq-bg-primary !liq-text-primary-200",r),disabled:i,onClick:l,children:e.jsxs("div",{className:"liq-flex liq-justify-center liq-items-center liq-gap-2",children:[e.jsx("div",{children:"Connect "}),e.jsx("img",{src:n??"",alt:"",className:"liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"}),e.jsx("div",{children:"MultiversX"})]})});exports.MvxConnectButton=c;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../utils/mxClsx.js"),t=require("../base/MxButton/MxButton.js");require("../base/MxButton/index.js");let n=require("react/jsx-runtime");var r=({mvxAccountAddress:r,icon:i,disabled:a,className:o=``,onClick:s})=>r?null:(0,n.jsx)(t.MxButton,{"data-testid":`mx-network-connect-button`,type:`button`,variant:`neutral-850`,className:e.mxClsx(`liq-w-full liq-py-3 hover:enabled:liq-bg-primary !liq-text-primary-200`,o),disabled:a,onClick:s,children:(0,n.jsxs)(`div`,{className:`liq-flex liq-justify-center liq-items-center liq-gap-2`,children:[(0,n.jsx)(`div`,{children:`Connect `}),(0,n.jsx)(`img`,{src:i??``,alt:``,className:`liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg`}),(0,n.jsx)(`div`,{children:`MultiversX`})]})});exports.MvxConnectButton=r;

package/reactjs/components/Connect/MvxConnectButton.mjs

@@ -1,38 +1,27 @@
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import { mxClsx as m } from "../../utils/mxClsx.mjs";
-import { MxButton as a } from "../base/MxButton/MxButton.mjs";
-const u = ({
-  mvxAccountAddress: e,
-  icon: i,
-  disabled: r,
-  className: l = "",
-  onClick: n
-}) => e ? null : /* @__PURE__ */ t(
-  a,
-  {
-    "data-testid": "mx-network-connect-button",
-    type: "button",
-    variant: "neutral-850",
-    className: m(
-      "liq-w-full liq-py-3 hover:enabled:liq-bg-primary !liq-text-primary-200",
-      l
-    ),
-    disabled: r,
-    onClick: n,
-    children: /* @__PURE__ */ o("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
-      /* @__PURE__ */ t("div", { children: "Connect " }),
-      /* @__PURE__ */ t(
-        "img",
-        {
-          src: i ?? "",
-          alt: "",
-          className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
-        }
-      ),
-      /* @__PURE__ */ t("div", { children: "MultiversX" })
-    ] })
-  }
-);
-export {
-  u as MvxConnectButton
-};
+import { mxClsx as e } from "../../utils/mxClsx.mjs";
+import { MxButton as t } from "../base/MxButton/MxButton.mjs";
+import "../base/MxButton/index.mjs";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/reactjs/components/Connect/MvxConnectButton.tsx
+var i = ({ mvxAccountAddress: i, icon: a, disabled: o, className: s = "", onClick: c }) => i ? null : /* @__PURE__ */ n(t, {
+	"data-testid": "mx-network-connect-button",
+	type: "button",
+	variant: "neutral-850",
+	className: e("liq-w-full liq-py-3 hover:enabled:liq-bg-primary !liq-text-primary-200", s),
+	disabled: o,
+	onClick: c,
+	children: /* @__PURE__ */ r("div", {
+		className: "liq-flex liq-justify-center liq-items-center liq-gap-2",
+		children: [
+			/* @__PURE__ */ n("div", { children: "Connect " }),
+			/* @__PURE__ */ n("img", {
+				src: a ?? "",
+				alt: "",
+				className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
+			}),
+			/* @__PURE__ */ n("div", { children: "MultiversX" })
+		]
+	})
+});
+//#endregion
+export { i as MvxConnectButton };

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

@@ -1,9 +1,8 @@
-import { ChainType } from '../../../types/chainType';
 import { ReactNode } from 'react';
-
+import { ChainType } from '../../../types/chainType';
 export declare const SwitchChainButton: ({ children, className, disabled, chainType }: {
     children: ReactNode;
     className?: string;
     disabled?: boolean;
     chainType?: ChainType;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;