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

package/reactjs/components/Connect/BridgeAccountDisplay.js

@@ -1,151 +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 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");
-const reactjs_components_base_MxLink_MxLink = require("../base/MxLink/MxLink.js");
-require("../base/MxSearch/MxSearch.js");
-require("@fortawesome/free-solid-svg-icons/faClose");
-require("@headlessui/react");
-require("react");
-require("react-dom");
-require("react-popper");
-require("../base/MxTooltip/components/TooltipContainer/TooltipContainer.js");
-require("../../constants/index.js");
-const reactjs_components_CopyButton_CopyButton = require("../CopyButton/CopyButton.js");
-const reactjs_components_TrimAddress_TrimAddress = require("../TrimAddress/TrimAddress.js");
-const BridgeAccountDisplay = ({
-  activeChain,
-  disabled
-}) => {
-  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();
-      if (isSuiChain) {
-        await suiConnect.disconnect();
-      } else {
-        await disconnect();
-      }
-    } catch (error) {
-      console.error("Failed to disconnect:", error);
-    }
-  };
-  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/${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: displayAddress,
-                "data-testid": "evm-address"
-              }
-            ) })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          reactjs_components_CopyButton_CopyButton.CopyButton,
-          {
-            text: displayAddress,
-            className: "liq-text-sm",
-            "data-testid": "evm-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": "evm-disconnect-button",
-          children: /* @__PURE__ */ jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, { icon: faPowerOff.faPowerOff })
-        }
-      ) })
-    ] });
-  }
-  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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("@fortawesome/free-solid-svg-icons/faPowerOff"),x=require("@fortawesome/react-fontawesome"),p=require("@reown/appkit/react"),t=require("../../../helpers/getDisplayName.js"),g=require("./SwitchChainButton.js"),j=require("../../../types/chainType.js"),y=require("../../hooks/useAccount.js"),f=require("../../hooks/useSuiConnect.js");require("clsx");require("tailwind-merge");require("../base/MxCard/MxCard.js");const b=require("../base/MxLink/MxLink.js");require("../base/MxSearch/MxSearch.js");require("@fortawesome/free-solid-svg-icons/faClose");require("@headlessui/react");require("react");require("react-dom");require("react-popper");require("../base/MxTooltip/components/TooltipContainer/TooltipContainer.js");require("../../constants/index.js");const N=require("../CopyButton/CopyButton.js"),w=require("../TrimAddress/TrimAddress.js"),_=({activeChain:i,disabled:n})=>{var c;const o=y.useAccount(),{disconnect:q}=p.useDisconnect(),l=f.useSuiConnect(),r=(i==null?void 0:i.chainType)===j.ChainType.sui,s=r?l.suiAddress:o.address,d=async a=>{try{a.preventDefault(),r?await l.disconnect():await q()}catch(u){console.error("Failed to disconnect:",u)}};return s?e.jsxs(e.Fragment,{children:[e.jsx("img",{src:i==null?void 0:i.pngUrl,alt:"",className:"liq-w-6 liq-h-6 liq-rounded-lg"}),e.jsx("span",{className:"liq-truncate liq-text-gray-400",children:t.getDisplayName(i)}),e.jsx("span",{className:"liq-ml-[-5px]",children:":"}),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(b.MxLink,{to:`${(c=i==null?void 0:i.blockExplorerUrls)==null?void 0:c[0]}/address/${s}`,target:"_blank",showExternalIcon:!1,className:"!liq-relative",children:e.jsx("div",{className:"liq-flex liq-min-w-0 liq-flex-grow liq-overflow-hidden liq-leading-none liq-max-w-[10rem]",children:e.jsx(w.TrimAddress,{address:s,"data-testid":"evm-address"})})}),e.jsx(N.CopyButton,{text:s,className:"liq-text-sm","data-testid":"evm-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:d,"data-testid":"evm-disconnect-button",children:e.jsx(x.FontAwesomeIcon,{icon:m.faPowerOff})})})]}):r?e.jsxs("div",{className:"liq-flex liq-max-w-full liq-items-center liq-gap-2",children:[e.jsx("button",{disabled:n||l.isConnecting,onClick:()=>l.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:e.jsx("div",{className:"liq-flex liq-items-center",children:e.jsxs("div",{className:"liq-flex liq-justify-center liq-items-center liq-gap-2",children:[e.jsx("div",{children:l.isConnecting?"Connecting...":"Connect"}),e.jsx("img",{src:i==null?void 0:i.pngUrl,alt:"",className:"liq-w-4 liq-h-4 liq-rounded-sm"}),e.jsx("div",{className:"liq-truncate md:liq-text-clip",children:t.getDisplayName(i)})]})})}),l.isConnecting&&e.jsx("button",{type:"button",onClick:()=>void l.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"})]}):e.jsx(g.SwitchChainButton,{disabled:n,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:e.jsx("div",{className:"liq-flex liq-items-center",children:e.jsxs("div",{className:"liq-flex liq-justify-center liq-items-center liq-gap-2",children:[e.jsx("div",{children:o.isConnecting?"Connecting...":"Connect"}),e.jsx("img",{src:i==null?void 0:i.pngUrl,alt:"",className:"liq-w-4 liq-h-4 liq-rounded-sm"}),e.jsx("div",{className:"liq-truncate md:liq-text-clip",children:t.getDisplayName(i)})]})})})};exports.BridgeAccountDisplay=_;

package/reactjs/components/Connect/BridgeAccountDisplay.mjs

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

package/reactjs/components/Connect/BridgeConnectButton.js

@@ -1,35 +1,2 @@
 #!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const reactjs_components_Connect_CustomConnectButton = require("./CustomConnectButton.js");
-const helpers_getDisplayName = require("../../../helpers/getDisplayName.js");
-const reactjs_hooks_useAccount = require("../../hooks/useAccount.js");
-const BridgeConnectButton = ({
-  activeChain,
-  disabled,
-  className
-}) => {
-  const account = reactjs_hooks_useAccount.useAccount();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactjs_components_Connect_CustomConnectButton.CustomConnectButton,
-    {
-      className,
-      disabled,
-      "data-testid": "evm-network-connect-button",
-      children: account.isConnected ? null : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-items-center liq-justify-center liq-gap-1", children: [
-        !account.isConnected && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-ml-2 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-text-primary-200", children: account.isConnecting ? "Connecting..." : "Connect" }) }),
-        activeChain && /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
-          {
-            src: activeChain.pngUrl,
-            alt: "",
-            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) })
-      ] })
-    }
-  );
-};
-exports.BridgeConnectButton = BridgeConnectButton;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("./CustomConnectButton.js"),o=require("../../../helpers/getDisplayName.js"),c=require("../../../helpers/safeImageUrl.js"),i=require("../../hooks/useAccount.js"),u=({activeChain:e,disabled:s,className:l})=>{const t=i.useAccount();return n.jsx(r.CustomConnectButton,{className:l,disabled:s,"data-testid":"evm-network-connect-button",children:t.isConnected?null:n.jsxs("div",{className:"liq-flex liq-items-center liq-justify-center liq-gap-1",children:[!t.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:t.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:o.getDisplayName(e)})]})})};exports.BridgeConnectButton=u;

package/reactjs/components/Connect/BridgeConnectButton.mjs

@@ -1,34 +1,35 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CustomConnectButton } from "./CustomConnectButton.mjs";
-import { getDisplayName } from "../../../helpers/getDisplayName.mjs";
-import { useAccount } from "../../hooks/useAccount.mjs";
-const BridgeConnectButton = ({
-  activeChain,
-  disabled,
-  className
+import { jsx as l, jsxs as o } from "react/jsx-runtime";
+import { CustomConnectButton as i } from "./CustomConnectButton.mjs";
+import { getDisplayName as s } from "../../../helpers/getDisplayName.mjs";
+import { safeImageUrl as m } from "../../../helpers/safeImageUrl.mjs";
+import { useAccount as c } from "../../hooks/useAccount.mjs";
+const f = ({
+  activeChain: e,
+  disabled: t,
+  className: r
 }) => {
-  const account = useAccount();
-  return /* @__PURE__ */ jsx(
-    CustomConnectButton,
+  const n = c();
+  return /* @__PURE__ */ l(
+    i,
     {
-      className,
-      disabled,
+      className: r,
+      disabled: t,
       "data-testid": "evm-network-connect-button",
-      children: account.isConnected ? null : /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-items-center liq-justify-center liq-gap-1", children: [
-        !account.isConnected && /* @__PURE__ */ jsx("div", { className: "liq-ml-2 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ jsx("span", { className: "liq-text-primary-200", children: account.isConnecting ? "Connecting..." : "Connect" }) }),
-        activeChain && /* @__PURE__ */ jsx(
+      children: n.isConnected ? null : /* @__PURE__ */ o("div", { className: "liq-flex liq-items-center liq-justify-center liq-gap-1", children: [
+        !n.isConnected && /* @__PURE__ */ l("div", { className: "liq-ml-2 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ l("span", { className: "liq-text-primary-200", children: n.isConnecting ? "Connecting..." : "Connect" }) }),
+        e && /* @__PURE__ */ l(
           "img",
           {
-            src: activeChain.pngUrl,
+            src: m(e.pngUrl),
             alt: "",
             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) })
+        (e == null ? void 0 : e.networkName) && /* @__PURE__ */ l("span", { className: "liq-inline liq-truncate", children: s(e) })
       ] })
     }
   );
 };
 export {
-  BridgeConnectButton
+  f as BridgeConnectButton
 };