@multiversx/sdk-dapp-liquidity 1.1.0-alpha.2 → 1.1.0-alpha.21

package/reactjs/components/BridgeHistory/BridgeHistory.mjs

@@ -1,4 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { faArrowDownShortWide } from "@fortawesome/free-solid-svg-icons/faArrowDownShortWide";
+import { faArrowUpShortWide } from "@fortawesome/free-solid-svg-icons/faArrowUpShortWide";
 import { faCircleCheck } from "@fortawesome/free-solid-svg-icons/faCircleCheck";
 import { faCircleXmark } from "@fortawesome/free-solid-svg-icons/faCircleXmark";
 import { faClock } from "@fortawesome/free-solid-svg-icons/faClock";
@@ -15,13 +17,18 @@ import { mxClsx } from "../../utils/mxClsx.mjs";
 import { MxButton } from "../base/MxButton/MxButton.mjs";
 import { MxCard } from "../base/MxCard/MxCard.mjs";
 import { MxLink } from "../base/MxLink/MxLink.mjs";
+import "../base/MxSearch/MxSearch.mjs";
+import "@headlessui/react";
+import { MxTooltip } from "../base/MxTooltip/MxTooltip.mjs";
 const ArrowUpRight = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15%206V13C15%2013.5625%2014.5312%2014%2014%2014C13.4375%2014%2013%2013.5625%2013%2013V8.4375L6.6875%2014.7188C6.3125%2015.125%205.65625%2015.125%205.28125%2014.7188C4.875%2014.3438%204.875%2013.6875%205.28125%2013.3125L11.5625%207H7C6.4375%207%206%206.5625%206%206C6%205.46875%206.4375%205%207%205H14C14.5312%205%2015%205.46875%2015%206Z'%20fill='%23CDD0DB'/%3e%3c/svg%3e";
 const BridgeHistory = ({
   mvxAddress,
   onClose
 }) => {
   const { options } = useWeb3App();
-  const { data, isLoading, isError } = useGetHistoryQuery();
+  const { data, isLoading, isError } = useGetHistoryQuery({
+    address: mvxAddress
+  });
   const resolveTransactionIcon = useCallback((transaction) => {
     switch (transaction.status) {
       case "success":
@@ -169,10 +176,32 @@ const BridgeHistory = ({
                     "liq-text-red-200": transaction.status === "failed"
                   }),
                   children: [
-                    transaction.statusIcon,
-                    MVX_CHAIN_IDS.includes(Number(transaction.toChainId)) ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                      /* @__PURE__ */ jsx("span", { children: "Deposit " }),
-                      /* @__PURE__ */ jsx("span", { className: "liq-whitespace-nowrap liq-overflow-hidden liq-text-ellipsis", children: formatAmount({
+                    /* @__PURE__ */ jsx(
+                      MxTooltip,
+                      {
+                        placement: "top",
+                        buttonText: transaction.statusIcon,
+                        children: new Date(
+                          transaction.depositTimestamp * 1e3
+                        ).toLocaleString()
+                      }
+                    ),
+                    MVX_CHAIN_IDS.includes(transaction.toChainId) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx(
+                        MxTooltip,
+                        {
+                          placement: "top",
+                          buttonText: /* @__PURE__ */ jsx(
+                            FontAwesomeIcon,
+                            {
+                              icon: faArrowDownShortWide,
+                              className: "liq-mx-1 liq-flex liq-items-center"
+                            }
+                          ),
+                          children: "Deposit"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: "liq-text-wrap", children: formatAmount({
                         decimals: (_a = tokensMap[transaction.tokenDestination]) == null ? void 0 : _a.decimals,
                         amount: transaction.amountOut,
                         addCommas: false,
@@ -188,7 +217,7 @@ const BridgeHistory = ({
                         }
                       ),
                       /* @__PURE__ */ jsx("span", { className: "liq-whitespace-nowrap", children: "from" }),
-                      /* @__PURE__ */ jsx("span", { className: "liq-whitespace-nowrap liq-overflow-hidden liq-text-ellipsis", children: formatAmount({
+                      /* @__PURE__ */ jsx("span", { className: "liq-text-wrap", children: formatAmount({
                         decimals: (_d = tokensMap[transaction.tokenSource]) == null ? void 0 : _d.decimals,
                         amount: transaction.amountIn,
                         addCommas: false,
@@ -214,8 +243,22 @@ const BridgeHistory = ({
                         )
                       ] })
                     ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                      /* @__PURE__ */ jsx("span", { children: "Transfer " }),
-                      /* @__PURE__ */ jsx("span", { className: "liq-whitespace-nowrap liq-overflow-hidden liq-text-ellipsis", children: formatAmount({
+                      /* @__PURE__ */ jsx(
+                        MxTooltip,
+                        {
+                          placement: "top",
+                          buttonText: /* @__PURE__ */ jsx(
+                            FontAwesomeIcon,
+                            {
+                              icon: faArrowUpShortWide,
+                              spin: true,
+                              className: "liq-mx-1 liq-flex liq-items-center"
+                            }
+                          ),
+                          children: "Transfer"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: "liq-text-wrap", children: formatAmount({
                         decimals: (_h = tokensMap[transaction.tokenSource]) == null ? void 0 : _h.decimals,
                         amount: transaction.amountIn,
                         addCommas: false,
@@ -231,7 +274,7 @@ const BridgeHistory = ({
                         }
                       ),
                       /* @__PURE__ */ jsx("span", { className: "liq-whitespace-nowrap", children: "to" }),
-                      /* @__PURE__ */ jsx("span", { className: "liq-whitespace-nowrap liq-overflow-hidden liq-text-ellipsis", children: formatAmount({
+                      /* @__PURE__ */ jsx("span", { className: "liq-text-wrap", children: formatAmount({
                         decimals: (_k = tokensMap[transaction.tokenDestination]) == null ? void 0 : _k.decimals,
                         amount: transaction.amountOut,
                         addCommas: false,
@@ -260,24 +303,28 @@ const BridgeHistory = ({
                   ]
                 }
               ),
-              transaction.provider === ProviderType.MultiversxBridge && /* @__PURE__ */ jsx("div", { className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ jsxs(
+              transaction.provider === ProviderType.MultiversxBridge && /* @__PURE__ */ jsx("div", { className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ jsx(
                 MxLink,
                 {
                   to: `${options.bridgeURL}/status/${transaction.txHash}`,
                   target: "_blank",
                   showExternalIcon: false,
                   className: "liq-flex",
-                  children: [
-                    /* @__PURE__ */ jsx("div", { className: "max-sm:liq-hidden", children: "View" }),
-                    /* @__PURE__ */ jsx(
-                      "img",
-                      {
-                        src: ArrowUpRight,
-                        alt: "",
-                        className: "liq-flex liq-items-center liq-justify-center liq-rounded-full liq-text-neutral-200"
-                      }
-                    )
-                  ]
+                  children: /* @__PURE__ */ jsx(
+                    MxTooltip,
+                    {
+                      placement: "top",
+                      buttonText: /* @__PURE__ */ jsx(
+                        "img",
+                        {
+                          src: ArrowUpRight,
+                          alt: "",
+                          className: "liq-flex liq-items-center liq-justify-center liq-rounded-full liq-text-neutral-200"
+                        }
+                      ),
+                      children: "View"
+                    }
+                  )
                 }
               ) })
             ] })

package/reactjs/components/Connect/BridgeAccountDisplay.js

@@ -4,11 +4,7 @@ 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");
-require("../../../index-Ben8n3bd.js");
-const react = require("../../../react-CqKlu0W0.js");
-require("viem");
-require("viem/chains");
-require("react");
+const react = require("@reown/appkit/react");
 const reactjs_components_Connect_SwitchChainButton = require("./SwitchChainButton.js");
 const reactjs_hooks_useAccount = require("../../hooks/useAccount.js");
 require("tailwind-merge");
@@ -17,6 +13,7 @@ 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");

package/reactjs/components/Connect/BridgeAccountDisplay.mjs

@@ -1,11 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { faPowerOff } from "@fortawesome/free-solid-svg-icons/faPowerOff";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import "../../../index-iN9APQ6x.mjs";
-import { a as useDisconnect } from "../../../react-47kZTyAT.mjs";
-import "viem";
-import "viem/chains";
-import "react";
+import { useDisconnect } from "@reown/appkit/react";
 import { SwitchChainButton } from "./SwitchChainButton.mjs";
 import { useAccount } from "../../hooks/useAccount.mjs";
 import "tailwind-merge";
@@ -14,6 +10,7 @@ import { MxLink } 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";

package/reactjs/components/Connect/CustomConnectButton.js

@@ -2,17 +2,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-require("../../../index-Ben8n3bd.js");
-require("viem");
-require("viem/chains");
-const index = require("../../../index-DsBh-EBw.js");
+const react = require("@reown/appkit/react");
 const wagmi = require("wagmi");
 const CustomConnectButton = ({
   disabled,
   className,
   children
 }) => {
-  const { open } = index.useAppKit();
+  const { open } = react.useAppKit();
   const { isConnected, isConnecting } = wagmi.useAccount();
   const { disconnect } = wagmi.useDisconnect();
   const baseStyle = "liq-font-bold liq-text-inherit liq-rounded-lg";

package/reactjs/components/Connect/CustomConnectButton.mjs

@@ -1,8 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import "../../../index-iN9APQ6x.mjs";
-import "viem";
-import "viem/chains";
-import { u as useAppKit } from "../../../index-BIVnypNe.mjs";
+import { useAppKit } from "@reown/appkit/react";
 import { useAccount, useDisconnect } from "wagmi";
 const CustomConnectButton = ({
   disabled,

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

@@ -1,11 +1,9 @@
-import { ChainDTO } from '../../../dto/Chain.dto';
-
 interface ConnectButtonProps {
     mvxAccountAddress?: string;
-    chain?: ChainDTO;
+    icon?: string;
     disabled?: boolean;
     className?: string;
     onClick?: () => void;
 }
-export declare const MvxConnectButton: ({ mvxAccountAddress, chain, disabled, className, onClick }: ConnectButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const MvxConnectButton: ({ mvxAccountAddress, icon, disabled, className, onClick }: ConnectButtonProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/reactjs/components/Connect/MvxConnectButton.js

@@ -6,7 +6,7 @@ const reactjs_utils_mxClsx = require("../../utils/mxClsx.js");
 const reactjs_components_base_MxButton_MxButton = require("../base/MxButton/MxButton.js");
 const MvxConnectButton = ({
   mvxAccountAddress,
-  chain,
+  icon,
   disabled,
   className = "",
   onClick
@@ -30,7 +30,7 @@ const MvxConnectButton = ({
         /* @__PURE__ */ jsxRuntime.jsx(
           "img",
           {
-            src: (chain == null ? void 0 : chain.svgUrl) ?? "",
+            src: icon ?? "",
             alt: "",
             className: "liq-h-[1.5rem] liq-w-[1.5rem]"
           }

package/reactjs/components/Connect/MvxConnectButton.mjs

@@ -3,7 +3,7 @@ import { mxClsx } from "../../utils/mxClsx.mjs";
 import { MxButton } from "../base/MxButton/MxButton.mjs";
 const MvxConnectButton = ({
   mvxAccountAddress,
-  chain,
+  icon,
   disabled,
   className = "",
   onClick
@@ -27,7 +27,7 @@ const MvxConnectButton = ({
         /* @__PURE__ */ jsx(
           "img",
           {
-            src: (chain == null ? void 0 : chain.svgUrl) ?? "",
+            src: icon ?? "",
             alt: "",
             className: "liq-h-[1.5rem] liq-w-[1.5rem]"
           }

package/reactjs/components/Connect/SwitchChainButton.js

@@ -2,17 +2,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-require("../../../index-Ben8n3bd.js");
-const react = require("../../../react-CqKlu0W0.js");
-require("viem");
-require("viem/chains");
-const index = require("../../../index-DsBh-EBw.js");
+const react = require("@reown/appkit/react");
 const SwitchChainButton = ({
   children,
   className,
   disabled
 }) => {
-  const { open } = index.useAppKit();
+  const { open } = react.useAppKit();
   const { isConnected } = react.useAppKitAccount();
   const baseStyle = `liq-font-bold liq-text-white liq-rounded-lg ${disabled ? "liq-cursor-not-allowed" : "liq-cursor-pointer"}`;
   return /* @__PURE__ */ jsxRuntime.jsx(

package/reactjs/components/Connect/SwitchChainButton.mjs

@@ -1,9 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import "../../../index-iN9APQ6x.mjs";
-import { u as useAppKitAccount } from "../../../react-47kZTyAT.mjs";
-import "viem";
-import "viem/chains";
-import { u as useAppKit } from "../../../index-BIVnypNe.mjs";
+import { useAppKit, useAppKitAccount } from "@reown/appkit/react";
 const SwitchChainButton = ({
   children,
   className,

package/reactjs/components/CopyButton/CopyButton.js

@@ -5,11 +5,11 @@ const jsxRuntime = require("react/jsx-runtime");
 const faCheck = require("@fortawesome/free-solid-svg-icons/faCheck");
 const faCopy = require("@fortawesome/free-solid-svg-icons/faCopy");
 const reactFontawesome = require("@fortawesome/react-fontawesome");
-const require$$0 = require("react");
+const React = require("react");
 const reactjs_components_CopyButton_utils_copyToClipboard = require("./utils/copyToClipboard.js");
 const reactjs_components_base_MxButton_MxButton = require("../base/MxButton/MxButton.js");
 const CopyButton = ({ text, className = "" }) => {
-  const [copyResult, setCopyResut] = require$$0.useState({
+  const [copyResult, setCopyResut] = React.useState({
     default: true,
     success: false
   });

package/reactjs/components/CopyButton/CopyButton.mjs

@@ -2,11 +2,11 @@ import { jsx } from "react/jsx-runtime";
 import { faCheck } from "@fortawesome/free-solid-svg-icons/faCheck";
 import { faCopy } from "@fortawesome/free-solid-svg-icons/faCopy";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import require$$0 from "react";
+import React from "react";
 import { copyTextToClipboard } from "./utils/copyToClipboard.mjs";
 import { MxButton } from "../base/MxButton/MxButton.mjs";
 const CopyButton = ({ text, className = "" }) => {
-  const [copyResult, setCopyResut] = require$$0.useState({
+  const [copyResult, setCopyResut] = React.useState({
     default: true,
     success: false
   });

package/reactjs/components/DisplayAmount/components/AnimateNumber/AnimateNumber.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const AnimatedNumber = require("animated-number-react");
-const require$$0 = require("react");
+const React = require("react");
 const reactjs_utils_getCleanStringAmount = require("../../../../utils/getCleanStringAmount.js");
 const reactjs_utils_roundAmount = require("../../../../utils/roundAmount.js");
 const AnimateNumber = ({
@@ -11,10 +11,10 @@ const AnimateNumber = ({
   onClick,
   ...rest
 }) => {
-  const [digits, setDigits] = require$$0.useState(0);
-  const [updateCount, setUpdateCount] = require$$0.useState(0);
-  const [valueToAnimate, setValueToAnimate] = require$$0.useState();
-  require$$0.useEffect(() => {
+  const [digits, setDigits] = React.useState(0);
+  const [updateCount, setUpdateCount] = React.useState(0);
+  const [valueToAnimate, setValueToAnimate] = React.useState();
+  React.useEffect(() => {
     const { amountWithoutCommas, parts } = reactjs_utils_getCleanStringAmount.getCleanStringAmount(amount);
     setUpdateCount((existing) => existing + 1);
     setDigits(parts.length > 1 ? parts[1].length : 0);

package/reactjs/components/Error/Error.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+
+export declare const Error: ({ error, className }: {
+    error?: ReactNode | string;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/reactjs/components/Error/Error.js

@@ -0,0 +1,67 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const faInfoCircle = require("@fortawesome/free-solid-svg-icons/faInfoCircle");
+const faRefresh = require("@fortawesome/free-solid-svg-icons/faRefresh");
+const reactFontawesome = require("@fortawesome/react-fontawesome");
+const reactjs_constants_index = require("../../constants/index.js");
+require("@multiversx/sdk-dapp-utils/out/helpers/formatAmount");
+require("@multiversx/sdk-dapp-utils/out/helpers/stringIsInteger");
+require("../../../bignumber-B8vjg9qn.js");
+require("@multiversx/sdk-dapp-utils/out/helpers/parseAmount");
+const reactjs_utils_mxClsx = require("../../utils/mxClsx.js");
+const reactjs_components_base_MxButton_MxButton = require("../base/MxButton/MxButton.js");
+const reactjs_components_base_MxCard_MxCard = require("../base/MxCard/MxCard.js");
+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");
+const Error = ({
+  error,
+  className
+}) => {
+  const handleRetryClick = () => {
+    reactjs_constants_index.safeWindow.location.reload();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    reactjs_components_base_MxCard_MxCard.MxCard,
+    {
+      className: reactjs_utils_mxClsx.mxClsx(
+        "liq-flex liq-flex-col liq-items-center liq-justify-center liq-gap-8 liq-px-8 liq-py-14",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-flex-col liq-gap-4 liq-text-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            reactFontawesome.FontAwesomeIcon,
+            {
+              icon: faInfoCircle.faInfoCircle,
+              size: "3x",
+              className: "liq-bg-opacity-40 liq-text-white"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-font-medium liq-max-w-xs liq-text-xl liq-text-neutral-300", children: "Unable to load data. Please wait a moment and try again." }),
+          error && /* @__PURE__ */ jsxRuntime.jsx("small", { className: "liq-font-medium liq-max-w-xs liq-text-xl liq-text-neutral-500", children: error })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          reactjs_components_base_MxButton_MxButton.MxButton,
+          {
+            variant: "neutral-700",
+            className: "liq-flex liq-items-center liq-gap-3",
+            onClick: handleRetryClick,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, { icon: faRefresh.faRefresh }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-font-medium liq-text-white", children: "Retry" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+exports.Error = Error;

package/reactjs/components/Error/Error.mjs

@@ -0,0 +1,66 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { faInfoCircle } from "@fortawesome/free-solid-svg-icons/faInfoCircle";
+import { faRefresh } from "@fortawesome/free-solid-svg-icons/faRefresh";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { safeWindow } from "../../constants/index.mjs";
+import "@multiversx/sdk-dapp-utils/out/helpers/formatAmount";
+import "@multiversx/sdk-dapp-utils/out/helpers/stringIsInteger";
+import "../../../bignumber-CKZkoo0g.mjs";
+import "@multiversx/sdk-dapp-utils/out/helpers/parseAmount";
+import { mxClsx } from "../../utils/mxClsx.mjs";
+import { MxButton } from "../base/MxButton/MxButton.mjs";
+import { MxCard } from "../base/MxCard/MxCard.mjs";
+import "../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";
+const Error = ({
+  error,
+  className
+}) => {
+  const handleRetryClick = () => {
+    safeWindow.location.reload();
+  };
+  return /* @__PURE__ */ jsxs(
+    MxCard,
+    {
+      className: mxClsx(
+        "liq-flex liq-flex-col liq-items-center liq-justify-center liq-gap-8 liq-px-8 liq-py-14",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-flex-col liq-gap-4 liq-text-center", children: [
+          /* @__PURE__ */ jsx(
+            FontAwesomeIcon,
+            {
+              icon: faInfoCircle,
+              size: "3x",
+              className: "liq-bg-opacity-40 liq-text-white"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "liq-font-medium liq-max-w-xs liq-text-xl liq-text-neutral-300", children: "Unable to load data. Please wait a moment and try again." }),
+          error && /* @__PURE__ */ jsx("small", { className: "liq-font-medium liq-max-w-xs liq-text-xl liq-text-neutral-500", children: error })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          MxButton,
+          {
+            variant: "neutral-700",
+            className: "liq-flex liq-items-center liq-gap-3",
+            onClick: handleRetryClick,
+            children: [
+              /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faRefresh }),
+              /* @__PURE__ */ jsx("span", { className: "liq-font-medium liq-text-white", children: "Retry" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Error
+};

package/reactjs/components/Error/index.d.ts

@@ -0,0 +1 @@
+export * from './Error';

package/reactjs/components/Error/index.js

@@ -0,0 +1,5 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const reactjs_components_Error_Error = require("./Error.js");
+exports.Error = reactjs_components_Error_Error.Error;

package/reactjs/components/Error/index.mjs

@@ -0,0 +1,4 @@
+import { Error } from "./Error.mjs";
+export {
+  Error
+};

package/reactjs/components/TokenSelector/TokenSelector.d.ts

@@ -1,11 +1,12 @@
 import { TokenType } from '../../../types/token';
 
-export declare const TokenSelector: ({ name, options, selectedOption, areOptionsLoading, className, disabled, omitDisableClass, color, onBlur, onChange, onMaxBtnClick, onTokenSelectorDisplay }: {
+export declare const TokenSelector: ({ name, options, selectedOption, areOptionsLoading, className, disabled, isMvxSelector, omitDisableClass, color, onBlur, onChange, onMaxBtnClick, onTokenSelectorDisplay }: {
     name: string;
     options: TokenType[];
     selectedOption?: TokenType;
     areOptionsLoading?: boolean;
     disabled?: boolean;
+    isMvxSelector?: boolean;
     omitDisableClass?: boolean;
     className?: string;
     color?: "neutral-750" | "neutral-850";

package/reactjs/components/TokenSelector/TokenSelector.js

@@ -5,7 +5,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const faChevronDown = require("@fortawesome/free-solid-svg-icons/faChevronDown");
 const faWallet = require("@fortawesome/free-solid-svg-icons/faWallet");
 const reactFontawesome = require("@fortawesome/react-fontawesome");
-const require$$0 = require("react");
+const React = require("react");
 const reactjs_components_TokenSelector_components_SelectContainer = require("./components/SelectContainer.js");
 const reactjs_components_TokenSelector_components_SelectContent = require("./components/SelectContent.js");
 const reactjs_components_TokenSelector_components_SelectedOption = require("./components/SelectedOption.js");
@@ -22,6 +22,7 @@ const TokenSelector = ({
   areOptionsLoading = false,
   className = "",
   disabled = false,
+  isMvxSelector = false,
   omitDisableClass = false,
   color = "neutral-750",
   onBlur,
@@ -29,18 +30,24 @@ const TokenSelector = ({
   onMaxBtnClick,
   onTokenSelectorDisplay
 }) => {
-  const [show, setShow] = require$$0.useState(false);
+  const [show, setShow] = React.useState(false);
   const { data, isLoading: areChainsLoading } = reactjs_queries_useGetChains_query.useGetChainsQuery();
   const { chainIcon } = reactjs_hooks_useResolveTokenChain.useResolveTokenChain({
     token: selectedOption
   });
-  const chains = require$$0.useMemo(() => {
+  const chains = React.useMemo(() => {
+    if (isMvxSelector) {
+      return (data == null ? void 0 : data.filter(
+        (chain) => constants_index.MVX_CHAIN_IDS.includes(chain.chainId.toString())
+      )) ?? [];
+    }
     return (data == null ? void 0 : data.filter(
-      (chain) => !constants_index.MVX_CHAIN_IDS.includes(Number(chain.chainId.toString()))
+      (chain) => !constants_index.MVX_CHAIN_IDS.includes(chain.chainId.toString())
     )) ?? [];
   }, [data]);
+  const isVisuallyDisabled = disabled || chains.length < 2;
   const handleOnClick = () => setShow(true);
-  require$$0.useEffect(() => {
+  React.useEffect(() => {
     onTokenSelectorDisplay == null ? void 0 : onTokenSelectorDisplay(show);
   }, [show]);
   if (areOptionsLoading || areChainsLoading) {
@@ -72,6 +79,7 @@ const TokenSelector = ({
         },
         tokens: options,
         chains,
+        isMvxSelector,
         areChainsLoading,
         selectedToken: selectedOption
       }
@@ -93,19 +101,19 @@ const TokenSelector = ({
               "liq-bg-neutral-900/50 liq-outline liq-outline-1 liq-outline-neutral-700/20 hover:enabled:liq-bg-neutral-600/50 hover:enabled:liq-outline-neutral-600": color === "neutral-850"
             },
             {
-              "disabled:!liq-opacity-70": disabled && !omitDisableClass
+              "disabled:!liq-opacity-70": isVisuallyDisabled && !omitDisableClass
             },
             {
-              "!liq-cursor-not-allowed !liq-bg-transparent !liq-outline-transparent": disabled
+              "!liq-cursor-not-allowed !liq-bg-transparent !liq-outline-transparent": isVisuallyDisabled
             },
             className
           ),
           onBlur,
           onClick: handleOnClick,
-          disabled,
+          disabled: isVisuallyDisabled,
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(reactjs_components_TokenSelector_components_SelectedOption.SelectedOption, { value: selectedOption }),
-            !disabled && /* @__PURE__ */ jsxRuntime.jsx(
+            !isVisuallyDisabled && /* @__PURE__ */ jsxRuntime.jsx(
               reactFontawesome.FontAwesomeIcon,
               {
                 icon: faChevronDown.faChevronDown,