@multiversx/sdk-dapp-liquidity 2.0.0 → 2.1.0-alpha.1

package/reactjs/components/Connect/ChainSelectConnect.js

@@ -1,145 +1,2 @@
 #!/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");
-require("../../constants/index.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 reactjs_constants_chains = require("../../constants/chains.js");
-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: reactjs_constants_chains.chainIdentifier.sui,
-                      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;
+"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;

package/reactjs/components/Connect/ChainSelectConnect.mjs

@@ -1,79 +1,79 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useAppKit } from "@reown/appkit/react";
-import { useState } from "react";
-import { getDisplayName } from "../../../helpers/getDisplayName.mjs";
+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 "../../constants/index.mjs";
-import { useWeb3App } from "../../context/useWeb3App.mjs";
-import { useAccount } from "../../hooks/useAccount.mjs";
-import { useSuiConnect } from "../../hooks/useSuiConnect.mjs";
-import { chainIdentifier } from "../../constants/chains.mjs";
-const ChainSelectModal = ({
-  activeChain,
-  hasSui,
-  onEvmSelect,
-  onSuiSelect,
-  onClose
-}) => /* @__PURE__ */ jsx(
+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: onClose,
-    children: /* @__PURE__ */ jsxs(
+    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: (e) => e.stopPropagation(),
+        onClick: (s) => s.stopPropagation(),
         children: [
-          /* @__PURE__ */ 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__ */ jsx("h3", { className: "liq-text-white liq-text-base liq-font-semibold liq-m-0", children: "Select Chain" }),
-            /* @__PURE__ */ jsx(
+          /* @__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: onClose,
+                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__ */ jsxs("div", { className: "liq-flex liq-flex-col liq-gap-2 liq-p-4", children: [
-            /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ e("div", { className: "liq-flex liq-flex-col liq-gap-2 liq-p-4", children: [
+            /* @__PURE__ */ e(
               "button",
               {
-                onClick: onEvmSelect,
+                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: [
-                  (activeChain == null ? void 0 : activeChain.pngUrl) && /* @__PURE__ */ jsx(
+                  (i == null ? void 0 : i.pngUrl) && /* @__PURE__ */ l(
                     "img",
                     {
-                      src: activeChain.pngUrl,
+                      src: i.pngUrl,
                       alt: "",
                       className: "liq-w-8 liq-h-8 liq-rounded-full"
                     }
                   ),
-                  /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("div", { className: "liq-text-sm liq-font-semibold", children: activeChain ? getDisplayName(activeChain) : "Ethereum" }),
-                    /* @__PURE__ */ jsx("div", { className: "liq-text-xs liq-text-neutral-400", children: "EVM Chains" })
+                  /* @__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" })
                   ] })
                 ]
               }
             ),
-            hasSui && /* @__PURE__ */ jsxs(
+            n && /* @__PURE__ */ e(
               "button",
               {
-                onClick: onSuiSelect,
+                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__ */ jsx(
+                  /* @__PURE__ */ l(
                     "img",
                     {
-                      src: chainIdentifier.sui,
+                      src: C.sui,
                       alt: "",
                       className: "liq-w-8 liq-h-8 liq-rounded-full"
                     }
                   ),
-                  /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("div", { className: "liq-text-sm liq-font-semibold", children: "Sui" }),
-                    /* @__PURE__ */ jsx("div", { className: "liq-text-xs liq-text-neutral-400", children: "Sui Network" })
+                  /* @__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" })
                   ] })
                 ]
               }
@@ -83,62 +83,49 @@ const ChainSelectModal = ({
       }
     )
   }
-);
-const ChainSelectConnect = ({
-  activeChain,
-  disabled,
-  className
+), $ = ({
+  activeChain: i,
+  disabled: n,
+  className: r
 }) => {
-  const [showModal, setShowModal] = useState(false);
-  const { open } = useAppKit();
-  const account = useAccount();
-  const { options } = useWeb3App();
-  const suiConnect = useSuiConnect();
-  const hasSui = Boolean(options.suiEnvironment);
-  if (account.isConnected || suiConnect.isConnected) {
+  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 handleEvmConnect = () => {
-    setShowModal(false);
-    open({ view: "Connect", namespace: "eip155" });
-  };
-  const handleSuiConnect = () => {
-    setShowModal(false);
-    suiConnect.connect();
+  const d = () => {
+    t(!1), s({ view: "Connect", namespace: "eip155" });
+  }, u = () => {
+    t(!1), c.connect();
   };
-  if (!hasSui) {
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        onClick: handleEvmConnect,
-        disabled,
-        className: `liq-font-bold liq-text-inherit liq-rounded-lg ${className ?? ""}`,
-        children: /* @__PURE__ */ jsx("div", { className: "liq-flex liq-items-center liq-justify-center liq-gap-1", children: /* @__PURE__ */ jsx("span", { className: "liq-text-primary-200", children: account.isConnecting ? "Connecting..." : "Connect" }) })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    showModal && /* @__PURE__ */ jsx(
-      ChainSelectModal,
+  return a ? /* @__PURE__ */ e(p, { children: [
+    o && /* @__PURE__ */ l(
+      w,
       {
-        activeChain,
-        hasSui,
-        onEvmSelect: handleEvmConnect,
-        onSuiSelect: handleSuiConnect,
-        onClose: () => setShowModal(false)
+        activeChain: i,
+        hasSui: a,
+        onEvmSelect: d,
+        onSuiSelect: u,
+        onClose: () => t(!1)
       }
     ),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ l(
       "button",
       {
-        onClick: () => setShowModal(true),
-        disabled,
-        className: `liq-font-bold liq-text-inherit liq-rounded-lg ${className ?? ""}`,
-        children: /* @__PURE__ */ jsx("div", { className: "liq-flex liq-items-center liq-justify-center liq-gap-1", children: /* @__PURE__ */ jsx("span", { className: "liq-text-primary-200", children: account.isConnecting ? "Connecting..." : "Connect" }) })
+        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 {
-  ChainSelectConnect
+  $ as ChainSelectConnect
 };

package/reactjs/components/Connect/CustomConnectButton.js

@@ -1,41 +1,2 @@
 #!/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 wagmi = require("wagmi");
-const CustomConnectButton = ({
-  disabled,
-  className,
-  children,
-  "data-testid": dataTestId
-}) => {
-  const { open } = react.useAppKit();
-  const { isConnected, isConnecting } = wagmi.useAccount();
-  const { disconnect } = wagmi.useDisconnect();
-  const baseStyle = "liq-font-bold liq-text-inherit liq-rounded-lg";
-  if (isConnected) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        onClick: () => disconnect(),
-        className: `${baseStyle} ${className}`,
-        disabled,
-        children: children || "Disconnect"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      "data-testid": dataTestId,
-      onClick: () => open({
-        view: "Connect"
-      }),
-      className: `${baseStyle} ${className}`,
-      disabled,
-      children: children || (isConnecting ? "Trying to connect..." : "Connect")
-    }
-  );
-};
-exports.CustomConnectButton = CustomConnectButton;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),a=require("@reown/appkit/react"),i=require("wagmi"),C=({disabled:t,className:n,children:e,"data-testid":s})=>{const{open:u}=a.useAppKit(),{isConnected:r,isConnecting:l}=i.useAccount(),{disconnect:d}=i.useDisconnect(),o="liq-font-bold liq-text-inherit liq-rounded-lg";return r?c.jsx("button",{onClick:()=>d(),className:`${o} ${n}`,disabled:t,children:e||"Disconnect"}):c.jsx("button",{"data-testid":s,onClick:()=>u({view:"Connect"}),className:`${o} ${n}`,disabled:t,children:e||(l?"Trying to connect...":"Connect")})};exports.CustomConnectButton=C;

package/reactjs/components/Connect/CustomConnectButton.mjs

@@ -1,40 +1,34 @@
-import { jsx } from "react/jsx-runtime";
-import { useAppKit } from "@reown/appkit/react";
-import { useAccount, useDisconnect } from "wagmi";
-const CustomConnectButton = ({
-  disabled,
-  className,
-  children,
-  "data-testid": dataTestId
+import { jsx as c } from "react/jsx-runtime";
+import { useAppKit as d } from "@reown/appkit/react";
+import { useAccount as m, useDisconnect as C } from "wagmi";
+const $ = ({
+  disabled: t,
+  className: n,
+  children: o,
+  "data-testid": i
 }) => {
-  const { open } = useAppKit();
-  const { isConnected, isConnecting } = useAccount();
-  const { disconnect } = useDisconnect();
-  const baseStyle = "liq-font-bold liq-text-inherit liq-rounded-lg";
-  if (isConnected) {
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        onClick: () => disconnect(),
-        className: `${baseStyle} ${className}`,
-        disabled,
-        children: children || "Disconnect"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
+  const { open: s } = d(), { isConnected: r, isConnecting: u } = m(), { disconnect: l } = C(), e = "liq-font-bold liq-text-inherit liq-rounded-lg";
+  return r ? /* @__PURE__ */ c(
     "button",
     {
-      "data-testid": dataTestId,
-      onClick: () => open({
+      onClick: () => l(),
+      className: `${e} ${n}`,
+      disabled: t,
+      children: o || "Disconnect"
+    }
+  ) : /* @__PURE__ */ c(
+    "button",
+    {
+      "data-testid": i,
+      onClick: () => s({
         view: "Connect"
       }),
-      className: `${baseStyle} ${className}`,
-      disabled,
-      children: children || (isConnecting ? "Trying to connect..." : "Connect")
+      className: `${e} ${n}`,
+      disabled: t,
+      children: o || (u ? "Trying to connect..." : "Connect")
     }
   );
 };
 export {
-  CustomConnectButton
+  $ as CustomConnectButton
 };

package/reactjs/components/Connect/MvxAccountDisplay.js

@@ -1,98 +1,2 @@
 #!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const faPowerOff = require("@fortawesome/free-solid-svg-icons/faPowerOff");
-const reactFontawesome = require("@fortawesome/react-fontawesome");
-const reactjs_components_AccountAddress_AccountAddress = require("../AccountAddress/AccountAddress.js");
-const reactjs_components_base_MxLink_MxLink = require("../base/MxLink/MxLink.js");
-const reactjs_components_CopyButton_CopyButton = require("../CopyButton/CopyButton.js");
-const MvxAccountDisplay = ({
-  accountExplorerUrl,
-  chainIcon,
-  accountAddress,
-  username,
-  showTag,
-  onDisconnect,
-  onConnect
-}) => {
-  const handleConnect = async (e) => {
-    e.preventDefault();
-    onConnect == null ? void 0 : onConnect();
-  };
-  const handleDisconnect = async (e) => {
-    e.preventDefault();
-    onDisconnect == null ? void 0 : onDisconnect();
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    accountAddress && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "img",
-        {
-          src: chainIcon,
-          alt: "",
-          className: "liq-w-6 liq-h-6 liq-rounded-lg"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-truncate liq-text-gray-400", children: "MultiversX:" }),
-      /* @__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: `${accountExplorerUrl}`,
-            target: "_blank",
-            showExternalIcon: false,
-            className: "!liq-relative",
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              reactjs_components_AccountAddress_AccountAddress.AccountAddress,
-              {
-                address: accountAddress,
-                username,
-                showTag
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          reactjs_components_CopyButton_CopyButton.CopyButton,
-          {
-            text: accountAddress,
-            className: "liq-text-sm",
-            "data-testid": "mx-copy-button"
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ jsxRuntime.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: handleDisconnect,
-          "data-testid": "mx-disconnect-button",
-          children: /* @__PURE__ */ jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, { icon: faPowerOff.faPowerOff })
-        }
-      ) })
-    ] }),
-    !accountAddress && /* @__PURE__ */ jsxRuntime.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: handleConnect,
-        "data-testid": "mx-connect-button",
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Connect " }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "img",
-            {
-              src: chainIcon,
-              alt: "",
-              className: "liq-w-4 liq-h-4 liq-rounded-sm"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { children: "MultiversX" })
-        ] })
-      }
-    )
-  ] });
-};
-exports.MvxAccountDisplay = MvxAccountDisplay;
+"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;