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

package/reactjs/components/Error/Error.js

@@ -1,67 +1,2 @@
 #!/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.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@fortawesome/free-solid-svg-icons/faInfoCircle"),n=require("@fortawesome/free-solid-svg-icons/faRefresh"),r=require("@fortawesome/react-fontawesome"),a=require("../../constants/index.js");require("@multiversx/sdk-dapp-utils/out/helpers/formatAmount");require("@multiversx/sdk-dapp-utils/out/helpers/stringIsInteger");require("bignumber.js");require("@multiversx/sdk-dapp-utils/out/helpers/parseAmount");const o=require("../../utils/mxClsx.js"),c=require("../base/MxButton/MxButton.js"),q=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 x=({error:i,className:t})=>{const l=()=>{a.safeWindow.location.reload()};return e.jsxs(q.MxCard,{className:o.mxClsx("liq-flex liq-flex-col liq-items-center liq-justify-center liq-gap-8 liq-px-8 liq-py-14",t),children:[e.jsxs("div",{className:"liq-flex liq-flex-col liq-gap-4 liq-text-center",children:[e.jsx(r.FontAwesomeIcon,{icon:s.faInfoCircle,size:"3x",className:"liq-bg-opacity-40 liq-text-white"}),e.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."}),i&&e.jsx("small",{className:"liq-font-medium liq-max-w-xs liq-text-xl liq-text-neutral-500",children:i})]}),e.jsxs(c.MxButton,{variant:"neutral-700",className:"liq-flex liq-items-center liq-gap-3",onClick:l,children:[e.jsx(r.FontAwesomeIcon,{icon:n.faRefresh}),e.jsx("span",{className:"liq-font-medium liq-text-white",children:"Retry"})]})]})};exports.Error=x;

package/reactjs/components/Error/Error.mjs

@@ -1,15 +1,15 @@
-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 { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { faInfoCircle as m } from "@fortawesome/free-solid-svg-icons/faInfoCircle";
+import { faRefresh as a } from "@fortawesome/free-solid-svg-icons/faRefresh";
+import { FontAwesomeIcon as e } from "@fortawesome/react-fontawesome";
+import { safeWindow as n } from "../../constants/index.mjs";
 import "@multiversx/sdk-dapp-utils/out/helpers/formatAmount";
 import "@multiversx/sdk-dapp-utils/out/helpers/stringIsInteger";
 import "bignumber.js";
 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 { mxClsx as s } from "../../utils/mxClsx.mjs";
+import { MxButton as c } from "../base/MxButton/MxButton.mjs";
+import { MxCard as p } from "../base/MxCard/MxCard.mjs";
 import "../base/MxLink/MxLink.mjs";
 import "../base/MxSearch/MxSearch.mjs";
 import "@fortawesome/free-solid-svg-icons/faClose";
@@ -18,42 +18,42 @@ import "react";
 import "react-dom";
 import "react-popper";
 import "../base/MxTooltip/components/TooltipContainer/TooltipContainer.mjs";
-const Error = ({
-  error,
-  className
+const B = ({
+  error: l,
+  className: o
 }) => {
-  const handleRetryClick = () => {
-    safeWindow.location.reload();
+  const r = () => {
+    n.location.reload();
   };
-  return /* @__PURE__ */ jsxs(
-    MxCard,
+  return /* @__PURE__ */ t(
+    p,
     {
-      className: mxClsx(
+      className: s(
         "liq-flex liq-flex-col liq-items-center liq-justify-center liq-gap-8 liq-px-8 liq-py-14",
-        className
+        o
       ),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-flex-col liq-gap-4 liq-text-center", children: [
-          /* @__PURE__ */ jsx(
-            FontAwesomeIcon,
+        /* @__PURE__ */ t("div", { className: "liq-flex liq-flex-col liq-gap-4 liq-text-center", children: [
+          /* @__PURE__ */ i(
+            e,
             {
-              icon: faInfoCircle,
+              icon: m,
               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__ */ i("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." }),
+          l && /* @__PURE__ */ i("small", { className: "liq-font-medium liq-max-w-xs liq-text-xl liq-text-neutral-500", children: l })
         ] }),
-        /* @__PURE__ */ jsxs(
-          MxButton,
+        /* @__PURE__ */ t(
+          c,
           {
             variant: "neutral-700",
             className: "liq-flex liq-items-center liq-gap-3",
-            onClick: handleRetryClick,
+            onClick: r,
             children: [
-              /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faRefresh }),
-              /* @__PURE__ */ jsx("span", { className: "liq-font-medium liq-text-white", children: "Retry" })
+              /* @__PURE__ */ i(e, { icon: a }),
+              /* @__PURE__ */ i("span", { className: "liq-font-medium liq-text-white", children: "Retry" })
             ]
           }
         )
@@ -62,5 +62,5 @@ const Error = ({
   );
 };
 export {
-  Error
+  B as Error
 };

package/reactjs/components/Error/index.js

@@ -1,5 +1,2 @@
 #!/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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Error.js");exports.Error=r.Error;

package/reactjs/components/Error/index.mjs

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

package/reactjs/components/SmallLoader/SmallLoader.js

@@ -1,22 +1,2 @@
 #!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const faSpinner = require("@fortawesome/free-solid-svg-icons/faSpinner");
-const reactFontawesome = require("@fortawesome/react-fontawesome");
-const SmallLoader = ({
-  show,
-  color
-}) => {
-  if (!show) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-d-flex", children: /* @__PURE__ */ jsxRuntime.jsx(
-    reactFontawesome.FontAwesomeIcon,
-    {
-      icon: faSpinner.faSpinner,
-      className: `liq-fa-spin liq-fast-spin ${color ? color : "liq-text-primary"}`
-    }
-  ) });
-};
-exports.SmallLoader = SmallLoader;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("@fortawesome/free-solid-svg-icons/faSpinner"),s=require("@fortawesome/react-fontawesome"),t=({show:r,color:e})=>r?n.jsx("div",{className:"liq-d-flex",children:n.jsx(s.FontAwesomeIcon,{icon:i.faSpinner,className:`liq-fa-spin liq-fast-spin ${e||"liq-text-primary"}`})}):null;exports.SmallLoader=t;

package/reactjs/components/SmallLoader/SmallLoader.mjs

@@ -1,21 +1,16 @@
-import { jsx } from "react/jsx-runtime";
-import { faSpinner } from "@fortawesome/free-solid-svg-icons/faSpinner";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-const SmallLoader = ({
-  show,
-  color
-}) => {
-  if (!show) {
-    return null;
+import { jsx as r } from "react/jsx-runtime";
+import { faSpinner as n } from "@fortawesome/free-solid-svg-icons/faSpinner";
+import { FontAwesomeIcon as l } from "@fortawesome/react-fontawesome";
+const a = ({
+  show: e,
+  color: i
+}) => e ? /* @__PURE__ */ r("div", { className: "liq-d-flex", children: /* @__PURE__ */ r(
+  l,
+  {
+    icon: n,
+    className: `liq-fa-spin liq-fast-spin ${i || "liq-text-primary"}`
   }
-  return /* @__PURE__ */ jsx("div", { className: "liq-d-flex", children: /* @__PURE__ */ jsx(
-    FontAwesomeIcon,
-    {
-      icon: faSpinner,
-      className: `liq-fa-spin liq-fast-spin ${color ? color : "liq-text-primary"}`
-    }
-  ) });
-};
+) }) : null;
 export {
-  SmallLoader
+  a as SmallLoader
 };

package/reactjs/components/SmallLoader/index.js

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

package/reactjs/components/SmallLoader/index.mjs

@@ -1,4 +1,4 @@
-import { SmallLoader } from "./SmallLoader.mjs";
+import { SmallLoader as a } from "./SmallLoader.mjs";
 export {
-  SmallLoader
+  a as SmallLoader
 };

package/reactjs/components/ToggleDirection/ToggleDirection.js

@@ -1,31 +1,2 @@
 #!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const HugImage = "data:image/svg+xml,%3csvg%20width='23'%20height='23'%20viewBox='0%200%2023%2023'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='23'%20height='23'%20rx='11.5'%20fill='%2314151A'/%3e%3ccircle%20cx='11.5'%20cy='7'%20r='1'%20fill='%23737373'/%3e%3ccircle%20cx='11.5'%20cy='10'%20r='1'%20fill='%23737373'/%3e%3cpath%20d='M11.4297%2016.1641L8.89844%2013.6328C8.86328%2013.5977%208.86328%2013.5391%208.89844%2013.5039C8.93359%2013.4688%208.99219%2013.4688%209.02734%2013.5039L11.5%2015.9648L13.9609%2013.5039C13.9961%2013.4688%2014.0547%2013.4688%2014.0898%2013.5039C14.125%2013.5391%2014.125%2013.5977%2014.0898%2013.6328L11.5586%2016.1641C11.5234%2016.1992%2011.4648%2016.1992%2011.4297%2016.1641Z'%20fill='%23737373'/%3e%3cpath%20d='M9.02734%2013.5039L8.67379%2013.8575L8.67463%2013.8583L9.02734%2013.5039ZM11.5%2015.9648L11.1473%2016.3192L11.5008%2016.6711L11.8536%2016.3184L11.5%2015.9648ZM11.7832%2015.8105L9.25199%2013.2793L8.54488%2013.9864L11.0761%2016.5176L11.7832%2015.8105ZM9.25199%2013.2793C9.4121%2013.4394%209.4121%2013.6974%209.25199%2013.8575L8.54488%2013.1504C8.31447%2013.3808%208.31447%2013.7559%208.54488%2013.9864L9.25199%2013.2793ZM9.25199%2013.8575C9.09189%2014.0176%208.8339%2014.0176%208.67379%2013.8575L9.3809%2013.1504C9.15048%2012.9199%208.7753%2012.9199%208.54488%2013.1504L9.25199%2013.8575ZM8.67463%2013.8583L11.1473%2016.3192L11.8527%2015.6105L9.38006%2013.1495L8.67463%2013.8583ZM11.8536%2016.3184L14.3145%2013.8575L13.6074%2013.1504L11.1464%2015.6113L11.8536%2016.3184ZM14.3145%2013.8575C14.1544%2014.0176%2013.8964%2014.0176%2013.7363%2013.8575L14.4434%2013.1504C14.213%2012.9199%2013.8378%2012.9199%2013.6074%2013.1504L14.3145%2013.8575ZM13.7363%2013.8575C13.5762%2013.6974%2013.5762%2013.4394%2013.7363%2013.2793L14.4434%2013.9864C14.6738%2013.7559%2014.6738%2013.3808%2014.4434%2013.1504L13.7363%2013.8575ZM13.7363%2013.2793L11.205%2015.8105L11.9121%2016.5176L14.4434%2013.9864L13.7363%2013.2793ZM11.205%2015.8105C11.3651%2015.6504%2011.6231%2015.6504%2011.7832%2015.8105L11.0761%2016.5176C11.3066%2016.748%2011.6817%2016.748%2011.9121%2016.5176L11.205%2015.8105Z'%20fill='%23737373'/%3e%3c/svg%3e";
-const ToggleDirection = ({
-  onChangeDirection
-}) => {
-  const handleChangeDirection = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    onChangeDirection();
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      className: "liq-inline-block",
-      onClick: handleChangeDirection,
-      "data-testid": "toggle-button",
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "img",
-        {
-          src: HugImage,
-          alt: "",
-          className: "liq-h-6 liq-w-6 liq-text-neutral-100 liq-mx-auto liq-my-2"
-        }
-      )
-    }
-  );
-};
-exports.ToggleDirection = ToggleDirection;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),L="data:image/svg+xml,%3csvg%20width='23'%20height='23'%20viewBox='0%200%2023%2023'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='23'%20height='23'%20rx='11.5'%20fill='%2314151A'/%3e%3ccircle%20cx='11.5'%20cy='7'%20r='1'%20fill='%23737373'/%3e%3ccircle%20cx='11.5'%20cy='10'%20r='1'%20fill='%23737373'/%3e%3cpath%20d='M11.4297%2016.1641L8.89844%2013.6328C8.86328%2013.5977%208.86328%2013.5391%208.89844%2013.5039C8.93359%2013.4688%208.99219%2013.4688%209.02734%2013.5039L11.5%2015.9648L13.9609%2013.5039C13.9961%2013.4688%2014.0547%2013.4688%2014.0898%2013.5039C14.125%2013.5391%2014.125%2013.5977%2014.0898%2013.6328L11.5586%2016.1641C11.5234%2016.1992%2011.4648%2016.1992%2011.4297%2016.1641Z'%20fill='%23737373'/%3e%3cpath%20d='M9.02734%2013.5039L8.67379%2013.8575L8.67463%2013.8583L9.02734%2013.5039ZM11.5%2015.9648L11.1473%2016.3192L11.5008%2016.6711L11.8536%2016.3184L11.5%2015.9648ZM11.7832%2015.8105L9.25199%2013.2793L8.54488%2013.9864L11.0761%2016.5176L11.7832%2015.8105ZM9.25199%2013.2793C9.4121%2013.4394%209.4121%2013.6974%209.25199%2013.8575L8.54488%2013.1504C8.31447%2013.3808%208.31447%2013.7559%208.54488%2013.9864L9.25199%2013.2793ZM9.25199%2013.8575C9.09189%2014.0176%208.8339%2014.0176%208.67379%2013.8575L9.3809%2013.1504C9.15048%2012.9199%208.7753%2012.9199%208.54488%2013.1504L9.25199%2013.8575ZM8.67463%2013.8583L11.1473%2016.3192L11.8527%2015.6105L9.38006%2013.1495L8.67463%2013.8583ZM11.8536%2016.3184L14.3145%2013.8575L13.6074%2013.1504L11.1464%2015.6113L11.8536%2016.3184ZM14.3145%2013.8575C14.1544%2014.0176%2013.8964%2014.0176%2013.7363%2013.8575L14.4434%2013.1504C14.213%2012.9199%2013.8378%2012.9199%2013.6074%2013.1504L14.3145%2013.8575ZM13.7363%2013.8575C13.5762%2013.6974%2013.5762%2013.4394%2013.7363%2013.2793L14.4434%2013.9864C14.6738%2013.7559%2014.6738%2013.3808%2014.4434%2013.1504L13.7363%2013.8575ZM13.7363%2013.2793L11.205%2015.8105L11.9121%2016.5176L14.4434%2013.9864L13.7363%2013.2793ZM11.205%2015.8105C11.3651%2015.6504%2011.6231%2015.6504%2011.7832%2015.8105L11.0761%2016.5176C11.3066%2016.748%2011.6817%2016.748%2011.9121%2016.5176L11.205%2015.8105Z'%20fill='%23737373'/%3e%3c/svg%3e",c=({onChangeDirection:i})=>{const l=e=>{e.preventDefault(),e.stopPropagation(),i()};return t.jsx("button",{className:"liq-inline-block",onClick:l,"data-testid":"toggle-button",children:t.jsx("img",{src:L,alt:"",className:"liq-h-6 liq-w-6 liq-text-neutral-100 liq-mx-auto liq-my-2"})})};exports.ToggleDirection=c;

package/reactjs/components/ToggleDirection/ToggleDirection.mjs

@@ -1,30 +1,24 @@
-import { jsx } from "react/jsx-runtime";
-const HugImage = "data:image/svg+xml,%3csvg%20width='23'%20height='23'%20viewBox='0%200%2023%2023'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='23'%20height='23'%20rx='11.5'%20fill='%2314151A'/%3e%3ccircle%20cx='11.5'%20cy='7'%20r='1'%20fill='%23737373'/%3e%3ccircle%20cx='11.5'%20cy='10'%20r='1'%20fill='%23737373'/%3e%3cpath%20d='M11.4297%2016.1641L8.89844%2013.6328C8.86328%2013.5977%208.86328%2013.5391%208.89844%2013.5039C8.93359%2013.4688%208.99219%2013.4688%209.02734%2013.5039L11.5%2015.9648L13.9609%2013.5039C13.9961%2013.4688%2014.0547%2013.4688%2014.0898%2013.5039C14.125%2013.5391%2014.125%2013.5977%2014.0898%2013.6328L11.5586%2016.1641C11.5234%2016.1992%2011.4648%2016.1992%2011.4297%2016.1641Z'%20fill='%23737373'/%3e%3cpath%20d='M9.02734%2013.5039L8.67379%2013.8575L8.67463%2013.8583L9.02734%2013.5039ZM11.5%2015.9648L11.1473%2016.3192L11.5008%2016.6711L11.8536%2016.3184L11.5%2015.9648ZM11.7832%2015.8105L9.25199%2013.2793L8.54488%2013.9864L11.0761%2016.5176L11.7832%2015.8105ZM9.25199%2013.2793C9.4121%2013.4394%209.4121%2013.6974%209.25199%2013.8575L8.54488%2013.1504C8.31447%2013.3808%208.31447%2013.7559%208.54488%2013.9864L9.25199%2013.2793ZM9.25199%2013.8575C9.09189%2014.0176%208.8339%2014.0176%208.67379%2013.8575L9.3809%2013.1504C9.15048%2012.9199%208.7753%2012.9199%208.54488%2013.1504L9.25199%2013.8575ZM8.67463%2013.8583L11.1473%2016.3192L11.8527%2015.6105L9.38006%2013.1495L8.67463%2013.8583ZM11.8536%2016.3184L14.3145%2013.8575L13.6074%2013.1504L11.1464%2015.6113L11.8536%2016.3184ZM14.3145%2013.8575C14.1544%2014.0176%2013.8964%2014.0176%2013.7363%2013.8575L14.4434%2013.1504C14.213%2012.9199%2013.8378%2012.9199%2013.6074%2013.1504L14.3145%2013.8575ZM13.7363%2013.8575C13.5762%2013.6974%2013.5762%2013.4394%2013.7363%2013.2793L14.4434%2013.9864C14.6738%2013.7559%2014.6738%2013.3808%2014.4434%2013.1504L13.7363%2013.8575ZM13.7363%2013.2793L11.205%2015.8105L11.9121%2016.5176L14.4434%2013.9864L13.7363%2013.2793ZM11.205%2015.8105C11.3651%2015.6504%2011.6231%2015.6504%2011.7832%2015.8105L11.0761%2016.5176C11.3066%2016.748%2011.6817%2016.748%2011.9121%2016.5176L11.205%2015.8105Z'%20fill='%23737373'/%3e%3c/svg%3e";
-const ToggleDirection = ({
-  onChangeDirection
-}) => {
-  const handleChangeDirection = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    onChangeDirection();
-  };
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      className: "liq-inline-block",
-      onClick: handleChangeDirection,
-      "data-testid": "toggle-button",
-      children: /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: HugImage,
-          alt: "",
-          className: "liq-h-6 liq-w-6 liq-text-neutral-100 liq-mx-auto liq-my-2"
-        }
-      )
-    }
-  );
-};
+import { jsx as e } from "react/jsx-runtime";
+const l = "data:image/svg+xml,%3csvg%20width='23'%20height='23'%20viewBox='0%200%2023%2023'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='23'%20height='23'%20rx='11.5'%20fill='%2314151A'/%3e%3ccircle%20cx='11.5'%20cy='7'%20r='1'%20fill='%23737373'/%3e%3ccircle%20cx='11.5'%20cy='10'%20r='1'%20fill='%23737373'/%3e%3cpath%20d='M11.4297%2016.1641L8.89844%2013.6328C8.86328%2013.5977%208.86328%2013.5391%208.89844%2013.5039C8.93359%2013.4688%208.99219%2013.4688%209.02734%2013.5039L11.5%2015.9648L13.9609%2013.5039C13.9961%2013.4688%2014.0547%2013.4688%2014.0898%2013.5039C14.125%2013.5391%2014.125%2013.5977%2014.0898%2013.6328L11.5586%2016.1641C11.5234%2016.1992%2011.4648%2016.1992%2011.4297%2016.1641Z'%20fill='%23737373'/%3e%3cpath%20d='M9.02734%2013.5039L8.67379%2013.8575L8.67463%2013.8583L9.02734%2013.5039ZM11.5%2015.9648L11.1473%2016.3192L11.5008%2016.6711L11.8536%2016.3184L11.5%2015.9648ZM11.7832%2015.8105L9.25199%2013.2793L8.54488%2013.9864L11.0761%2016.5176L11.7832%2015.8105ZM9.25199%2013.2793C9.4121%2013.4394%209.4121%2013.6974%209.25199%2013.8575L8.54488%2013.1504C8.31447%2013.3808%208.31447%2013.7559%208.54488%2013.9864L9.25199%2013.2793ZM9.25199%2013.8575C9.09189%2014.0176%208.8339%2014.0176%208.67379%2013.8575L9.3809%2013.1504C9.15048%2012.9199%208.7753%2012.9199%208.54488%2013.1504L9.25199%2013.8575ZM8.67463%2013.8583L11.1473%2016.3192L11.8527%2015.6105L9.38006%2013.1495L8.67463%2013.8583ZM11.8536%2016.3184L14.3145%2013.8575L13.6074%2013.1504L11.1464%2015.6113L11.8536%2016.3184ZM14.3145%2013.8575C14.1544%2014.0176%2013.8964%2014.0176%2013.7363%2013.8575L14.4434%2013.1504C14.213%2012.9199%2013.8378%2012.9199%2013.6074%2013.1504L14.3145%2013.8575ZM13.7363%2013.8575C13.5762%2013.6974%2013.5762%2013.4394%2013.7363%2013.2793L14.4434%2013.9864C14.6738%2013.7559%2014.6738%2013.3808%2014.4434%2013.1504L13.7363%2013.8575ZM13.7363%2013.2793L11.205%2015.8105L11.9121%2016.5176L14.4434%2013.9864L13.7363%2013.2793ZM11.205%2015.8105C11.3651%2015.6504%2011.6231%2015.6504%2011.7832%2015.8105L11.0761%2016.5176C11.3066%2016.748%2011.6817%2016.748%2011.9121%2016.5176L11.205%2015.8105Z'%20fill='%23737373'/%3e%3c/svg%3e", n = ({
+  onChangeDirection: t
+}) => /* @__PURE__ */ e(
+  "button",
+  {
+    className: "liq-inline-block",
+    onClick: (L) => {
+      L.preventDefault(), L.stopPropagation(), t();
+    },
+    "data-testid": "toggle-button",
+    children: /* @__PURE__ */ e(
+      "img",
+      {
+        src: l,
+        alt: "",
+        className: "liq-h-6 liq-w-6 liq-text-neutral-100 liq-mx-auto liq-my-2"
+      }
+    )
+  }
+);
 export {
-  ToggleDirection
+  n as ToggleDirection
 };

package/reactjs/components/TokenSelector/TokenSelector.js

@@ -1,173 +1,2 @@
 #!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-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 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");
-const constants_index = require("../../../constants/index.js");
-const reactjs_hooks_useResolveTokenChain = require("../../hooks/useResolveTokenChain.js");
-const reactjs_queries_useGetChains_query = require("../../queries/useGetChains.query.js");
-const reactjs_utils_mxClsx = require("../../utils/mxClsx.js");
-const reactjs_components_base_MxButton_MxButton = require("../base/MxButton/MxButton.js");
-const reactjs_components_DisplayAmount_DisplayAmount = require("../DisplayAmount/DisplayAmount.js");
-const TokenSelector = ({
-  name,
-  options = [],
-  selectedOption,
-  areOptionsLoading = false,
-  className = "",
-  disabled = false,
-  isMvxSelector = false,
-  omitDisableClass = false,
-  isDestination = false,
-  color = "neutral-750",
-  onBlur,
-  onChange,
-  onMaxBtnClick,
-  onTokenSelectorDisplay
-}) => {
-  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 = 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(chain.chainId.toString())
-    )) ?? [];
-  }, [data, isMvxSelector]);
-  const isDestinationMvx = React.useMemo(() => {
-    const shouldDisable = isMvxSelector && isDestination;
-    return shouldDisable;
-  }, [isMvxSelector, isDestination]);
-  const isVisuallyDisabled = disabled || isDestinationMvx;
-  const handleOnClick = () => setShow(true);
-  const showLoadingSkeleton = (areOptionsLoading || areChainsLoading) && !selectedOption;
-  React.useEffect(() => {
-    onTokenSelectorDisplay == null ? void 0 : onTokenSelectorDisplay(show);
-  }, [show]);
-  if (showLoadingSkeleton) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: reactjs_utils_mxClsx.mxClsx(
-          "liq-h-12 liq-w-40 liq-animate-pulse",
-          {
-            "liq-rounded-xl": true,
-            "liq-rounded-e-lg liq-rounded-s-3xl": true
-          },
-          {
-            "liq-bg-neutral-100 liq-bg-opacity-[0.1] hover:liq-bg-opacity-[0.25]": color === "neutral-750",
-            "liq-bg-neutral-100 liq-bg-opacity-[0.05] hover:liq-bg-opacity-[0.15]": color === "neutral-850"
-          },
-          className
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    show && /* @__PURE__ */ jsxRuntime.jsx(reactjs_components_TokenSelector_components_SelectContainer.SelectContainer, { onClose: () => setShow(false), children: /* @__PURE__ */ jsxRuntime.jsx(
-      reactjs_components_TokenSelector_components_SelectContent.SelectContent,
-      {
-        onSelect: (token) => {
-          onChange(token);
-          setShow(false);
-        },
-        tokens: options,
-        chains,
-        isMvxSelector,
-        areChainsLoading,
-        selectedToken: selectedOption
-      }
-    ) }),
-    !show && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-flex-col liq-items-end liq-justify-between liq-gap-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          name,
-          type: "button",
-          role: "combobox",
-          className: reactjs_utils_mxClsx.mxClsx(
-            "focus-primary liq-group liq-flex liq-cursor-pointer liq-items-center liq-gap-2 liq-transition-colors liq-duration-200 liq-relative",
-            {
-              "liq-rounded-e-lg liq-rounded-s-3xl liq-px-1 liq-py-1 liq-pr-3": true
-            },
-            {
-              "liq-bg-neutral-750/50 hover:enabled:liq-bg-neutral-750": color === "neutral-750",
-              "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": isVisuallyDisabled && !omitDisableClass
-            },
-            {
-              "!liq-cursor-not-allowed !liq-bg-transparent !liq-outline-transparent": isVisuallyDisabled
-            },
-            className
-          ),
-          onBlur,
-          onClick: handleOnClick,
-          disabled: isVisuallyDisabled,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(reactjs_components_TokenSelector_components_SelectedOption.SelectedOption, { value: selectedOption }),
-            !isVisuallyDisabled && /* @__PURE__ */ jsxRuntime.jsx(
-              reactFontawesome.FontAwesomeIcon,
-              {
-                icon: faChevronDown.faChevronDown,
-                className: "liq-text-neutral-200 group-hover:liq-text-neutral-50"
-              }
-            ),
-            chainIcon && /* @__PURE__ */ jsxRuntime.jsx(
-              "img",
-              {
-                src: chainIcon,
-                alt: "",
-                className: "liq-absolute liq-left-6 liq-bottom-[2px] liq-chain-icon liq-sm liq-w-6 liq-h-6 liq-border-[3px] liq-border-neutral-850  liq-rounded-lg"
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex liq-items-center liq-gap-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-items-center liq-gap-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-items-center liq-gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            reactFontawesome.FontAwesomeIcon,
-            {
-              icon: faWallet.faWallet,
-              className: "liq-text-neutral-300"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            reactjs_components_DisplayAmount_DisplayAmount.DisplayAmount,
-            {
-              "data-testid": `${name}-balance`,
-              decimals: selectedOption == null ? void 0 : selectedOption.decimals,
-              amount: (selectedOption == null ? void 0 : selectedOption.balance) ?? "0",
-              className: "liq-font-medium liq-text-neutral-100"
-            }
-          )
-        ] }),
-        onMaxBtnClick && /* @__PURE__ */ jsxRuntime.jsx(
-          reactjs_components_base_MxButton_MxButton.MxButton,
-          {
-            btnSize: "xs",
-            variant: "neutral-800",
-            disabled,
-            onClick: onMaxBtnClick,
-            children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-text-neutral-300", children: "MAX" })
-          }
-        )
-      ] }) })
-    ] })
-  ] });
-};
-exports.TokenSelector = TokenSelector;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),A=require("@fortawesome/free-solid-svg-icons/faChevronDown"),D=require("@fortawesome/free-solid-svg-icons/faWallet"),g=require("@fortawesome/react-fontawesome"),o=require("react"),M=require("./components/SelectContainer.js"),T=require("./components/SelectContent.js"),F=require("./components/SelectedOption.js"),f=require("../../../constants/index.js"),R=require("../../hooks/useResolveTokenChain.js"),L=require("../../queries/useGetChains.query.js"),j=require("../../utils/mxClsx.js"),V=require("../base/MxButton/MxButton.js"),X=require("../DisplayAmount/DisplayAmount.js"),B=({name:q,options:p=[],selectedOption:l,areOptionsLoading:C=!1,className:m="",disabled:d=!1,isMvxSelector:i=!1,omitDisableClass:v=!1,isDestination:x=!1,color:s="neutral-750",onBlur:S,onChange:y,onMaxBtnClick:h,onTokenSelectorDisplay:u})=>{const[r,c]=o.useState(!1),{data:n,isLoading:b}=L.useGetChainsQuery(),{chainIcon:_}=R.useResolveTokenChain({token:l}),w=o.useMemo(()=>i?(n==null?void 0:n.filter(t=>f.MVX_CHAIN_IDS.includes(t.chainId.toString())))??[]:(n==null?void 0:n.filter(t=>!f.MVX_CHAIN_IDS.includes(t.chainId.toString())))??[],[n,i]),N=o.useMemo(()=>i&&x,[i,x]),a=d||N,k=()=>c(!0),I=(C||b)&&!l;return o.useEffect(()=>{u==null||u(r)},[r]),I?e.jsx("div",{className:j.mxClsx("liq-h-12 liq-w-40 liq-animate-pulse",{"liq-rounded-xl":!0,"liq-rounded-e-lg liq-rounded-s-3xl":!0},{"liq-bg-neutral-100 liq-bg-opacity-[0.1] hover:liq-bg-opacity-[0.25]":s==="neutral-750","liq-bg-neutral-100 liq-bg-opacity-[0.05] hover:liq-bg-opacity-[0.15]":s==="neutral-850"},m)}):e.jsxs(e.Fragment,{children:[r&&e.jsx(M.SelectContainer,{onClose:()=>c(!1),children:e.jsx(T.SelectContent,{onSelect:t=>{y(t),c(!1)},tokens:p,chains:w,isMvxSelector:i,areChainsLoading:b,selectedToken:l})}),!r&&e.jsxs("div",{className:"liq-flex liq-flex-col liq-items-end liq-justify-between liq-gap-4",children:[e.jsxs("button",{name:q,type:"button",role:"combobox",className:j.mxClsx("focus-primary liq-group liq-flex liq-cursor-pointer liq-items-center liq-gap-2 liq-transition-colors liq-duration-200 liq-relative",{"liq-rounded-e-lg liq-rounded-s-3xl liq-px-1 liq-py-1 liq-pr-3":!0},{"liq-bg-neutral-750/50 hover:enabled:liq-bg-neutral-750":s==="neutral-750","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":s==="neutral-850"},{"disabled:!liq-opacity-70":a&&!v},{"!liq-cursor-not-allowed !liq-bg-transparent !liq-outline-transparent":a},m),onBlur:S,onClick:k,disabled:a,children:[e.jsx(F.SelectedOption,{value:l}),!a&&e.jsx(g.FontAwesomeIcon,{icon:A.faChevronDown,className:"liq-text-neutral-200 group-hover:liq-text-neutral-50"}),_&&e.jsx("img",{src:_,alt:"",className:"liq-absolute liq-left-6 liq-bottom-[2px] liq-chain-icon liq-sm liq-w-6 liq-h-6 liq-border-[3px] liq-border-neutral-850  liq-rounded-lg"})]}),e.jsx("div",{className:"liq-flex liq-items-center liq-gap-3",children:e.jsxs("div",{className:"liq-flex liq-items-center liq-gap-3",children:[e.jsxs("div",{className:"liq-flex liq-items-center liq-gap-1",children:[e.jsx(g.FontAwesomeIcon,{icon:D.faWallet,className:"liq-text-neutral-300"}),e.jsx(X.DisplayAmount,{"data-testid":`${q}-balance`,decimals:l==null?void 0:l.decimals,amount:(l==null?void 0:l.balance)??"0",className:"liq-font-medium liq-text-neutral-100"})]}),h&&e.jsx(V.MxButton,{btnSize:"xs",variant:"neutral-800",disabled:d,onClick:h,children:e.jsx("span",{className:"liq-text-neutral-300",children:"MAX"})})]})})]})]})};exports.TokenSelector=B;