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

package/reactjs/components/DisplayAmount/components/PrecisedAmount/PrecisedAmount.mjs

@@ -1,53 +1,47 @@
-import { jsx as d, jsxs as l, Fragment as M } from "react/jsx-runtime";
-import { mxClsx as c } from "../../../../utils/mxClsx.mjs";
-import { MxTooltip as j } from "../../../base/MxTooltip/MxTooltip.mjs";
-const C = 5, T = ({
-  amount: r,
-  digits: f,
-  className: s,
-  prefix: h,
-  sufix: p,
-  tooltipPlacement: g,
-  shouldShowTooltip: u = !0,
-  ...x
-}) => {
-  var m, a;
-  const e = (m = String(r)) == null ? void 0 : m.split("."), t = ((a = e[1]) == null ? void 0 : a.split("")) ?? [], D = t == null ? void 0 : t.every((n) => n === "0"), i = t == null ? void 0 : t.findIndex((n) => n !== "0"), o = [];
-  for (let n = i; n <= (t == null ? void 0 : t.length) - 1; n++)
-    o.length < Math.max(f, 2) && o.push(t[n]);
-  if (i > C) {
-    const n = o == null ? void 0 : o.join("");
-    return /* @__PURE__ */ d(
-      j,
-      {
-        placement: g,
-        buttonText: /* @__PURE__ */ l("span", { ...x, className: c(s), children: [
-          h,
-          e[0],
-          ".0",
-          /* @__PURE__ */ d("sub", { className: c(s, "liq-text-[60%]"), children: i - 2 }),
-          "0",
-          n,
-          p
-        ] }),
-        containerClassName: "leading-none",
-        hideTooltip: !u,
-        children: r
-      }
-    );
-  }
-  const I = e[1] && !D;
-  return /* @__PURE__ */ l("span", { ...x, className: c(s), children: [
-    h,
-    e[0],
-    I && /* @__PURE__ */ l(M, { children: [
-      ".",
-      e[1]
-    ] }),
-    p
-  ] });
-};
-export {
-  C as MAX_DISPLAY_ZERO_DECIMALS,
-  T as PrecisedAmount
+import { mxClsx as e } from "../../../../utils/mxClsx.mjs";
+import { MxTooltip as t } from "../../../base/MxTooltip/MxTooltip.mjs";
+import "../../../base/MxTooltip/index.mjs";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/reactjs/components/DisplayAmount/components/PrecisedAmount/PrecisedAmount.tsx
+var a = 5, o = ({ amount: a, digits: o, className: s, prefix: c, sufix: l, tooltipPlacement: u, shouldShowTooltip: d = !0, ...f }) => {
+	let p = String(a)?.split("."), m = p[1]?.split("") ?? [], h = m?.every((e) => e === "0"), g = m?.findIndex((e) => e !== "0"), _ = [];
+	for (let e = g; e <= m?.length - 1; e++) _.length < Math.max(o, 2) && _.push(m[e]);
+	if (g > 5) {
+		let n = _?.join("");
+		return /* @__PURE__ */ r(t, {
+			placement: u,
+			buttonText: /* @__PURE__ */ i("span", {
+				...f,
+				className: e(s),
+				children: [
+					c,
+					p[0],
+					".0",
+					/* @__PURE__ */ r("sub", {
+						className: e(s, "liq-text-[60%]"),
+						children: g - 2
+					}),
+					"0",
+					n,
+					l
+				]
+			}),
+			containerClassName: "leading-none",
+			hideTooltip: !d,
+			children: a
+		});
+	}
+	let v = p[1] && !h;
+	return /* @__PURE__ */ i("span", {
+		...f,
+		className: e(s),
+		children: [
+			c,
+			p[0],
+			v && /* @__PURE__ */ i(n, { children: [".", p[1]] }),
+			l
+		]
+	});
 };
+//#endregion
+export { a as MAX_DISPLAY_ZERO_DECIMALS, o as PrecisedAmount };

package/reactjs/components/DisplayAmount/components/index.js

@@ -1,2 +1 @@
 #!/usr/bin/env node
-"use strict";

package/reactjs/components/DisplayAmount/components/index.mjs

@@ -1 +0,0 @@
-

package/reactjs/components/DisplayAmount/index.js

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

package/reactjs/components/DisplayAmount/index.mjs

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

package/reactjs/components/DisplayAmount/utils/index.js

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

package/reactjs/components/DisplayAmount/utils/index.mjs

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

package/reactjs/components/DisplayAmount/utils/truncateAmount.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("numeral"),s=require("../../../utils/removeCommas.js"),a=n=>{const o=s.removeCommas(n),e=Number(o),t={T:1e12,B:1e9,M:1e6,K:1e3};for(const r in t)if(Math.abs(e)>=t[r])return u(e/t[r]).format("0.[00]")+r;return e};exports.truncateAmount=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../chunk-oiTVcehM.js"),t=require("../../../utils/removeCommas.js");let n=require("numeral");n=e.n(n);var r=e=>{let r=t.removeCommas(e),i=Number(r),a={T:0xe8d4a51000,B:1e9,M:1e6,K:1e3};for(let e in a)if(Math.abs(i)>=a[e])return(0,n.default)(i/a[e]).format(`0.[00]`)+e;return i};exports.truncateAmount=r;

package/reactjs/components/DisplayAmount/utils/truncateAmount.mjs

@@ -1,17 +1,15 @@
-import m from "numeral";
-import { removeCommas as a } from "../../../utils/removeCommas.mjs";
-const c = (e) => {
-  const n = a(e), t = Number(n), o = {
-    T: 1e12,
-    B: 1e9,
-    M: 1e6,
-    K: 1e3
-  };
-  for (const r in o)
-    if (Math.abs(t) >= o[r])
-      return m(t / o[r]).format("0.[00]") + r;
-  return t;
-};
-export {
-  c as truncateAmount
+import { removeCommas as e } from "../../../utils/removeCommas.mjs";
+import t from "numeral";
+//#region src/reactjs/components/DisplayAmount/utils/truncateAmount.ts
+var n = (n) => {
+	let r = e(n), i = Number(r), a = {
+		T: 0xe8d4a51000,
+		B: 1e9,
+		M: 1e6,
+		K: 1e3
+	};
+	for (let e in a) if (Math.abs(i) >= a[e]) return t(i / a[e]).format("0.[00]") + e;
+	return i;
 };
+//#endregion
+export { n as truncateAmount };

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

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

package/reactjs/components/Error/Error.js

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

package/reactjs/components/Error/Error.mjs

@@ -1,66 +1,44 @@
-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 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";
-import "@headlessui/react";
-import "react";
-import "react-dom";
-import "react-popper";
-import "../base/MxTooltip/components/TooltipContainer/TooltipContainer.mjs";
-const B = ({
-  error: l,
-  className: o
-}) => {
-  const r = () => {
-    n.location.reload();
-  };
-  return /* @__PURE__ */ t(
-    p,
-    {
-      className: s(
-        "liq-flex liq-flex-col liq-items-center liq-justify-center liq-gap-8 liq-px-8 liq-py-14",
-        o
-      ),
-      children: [
-        /* @__PURE__ */ t("div", { className: "liq-flex liq-flex-col liq-gap-4 liq-text-center", children: [
-          /* @__PURE__ */ i(
-            e,
-            {
-              icon: m,
-              size: "3x",
-              className: "liq-bg-opacity-40 liq-text-white"
-            }
-          ),
-          /* @__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__ */ t(
-          c,
-          {
-            variant: "neutral-700",
-            className: "liq-flex liq-items-center liq-gap-3",
-            onClick: r,
-            children: [
-              /* @__PURE__ */ i(e, { icon: a }),
-              /* @__PURE__ */ i("span", { className: "liq-font-medium liq-text-white", children: "Retry" })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  B as Error
-};
+import { safeWindow as e } from "../../constants/index.mjs";
+import { mxClsx as t } from "../../utils/mxClsx.mjs";
+import { MxButton as n } from "../base/MxButton/MxButton.mjs";
+import { MxCard as r } from "../base/MxCard/MxCard.mjs";
+import "../base/index.mjs";
+import "../../utils/index.mjs";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { FontAwesomeIcon as o } from "@fortawesome/react-fontawesome";
+import { faInfoCircle as s } from "@fortawesome/free-solid-svg-icons/faInfoCircle";
+import { faRefresh as c } from "@fortawesome/free-solid-svg-icons/faRefresh";
+//#region src/reactjs/components/Error/Error.tsx
+var l = ({ error: l, className: u }) => /* @__PURE__ */ a(r, {
+	className: t("liq-flex liq-flex-col liq-items-center liq-justify-center liq-gap-8 liq-px-8 liq-py-14", u),
+	children: [/* @__PURE__ */ a("div", {
+		className: "liq-flex liq-flex-col liq-gap-4 liq-text-center",
+		children: [
+			/* @__PURE__ */ i(o, {
+				icon: s,
+				size: "3x",
+				className: "liq-bg-opacity-40 liq-text-white"
+			}),
+			/* @__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__ */ a(n, {
+		variant: "neutral-700",
+		className: "liq-flex liq-items-center liq-gap-3",
+		onClick: () => {
+			e.location.reload();
+		},
+		children: [/* @__PURE__ */ i(o, { icon: c }), /* @__PURE__ */ i("span", {
+			className: "liq-font-medium liq-text-white",
+			children: "Retry"
+		})]
+	})]
+});
+//#endregion
+export { l as Error };

package/reactjs/components/Error/index.js

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

package/reactjs/components/Error/index.mjs

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

package/reactjs/components/SmallLoader/SmallLoader.d.ts

@@ -1,4 +1,4 @@
 export declare const SmallLoader: ({ show, color }: {
     show: boolean;
     color?: string;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => import("react").JSX.Element | null;

package/reactjs/components/SmallLoader/SmallLoader.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"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;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react/jsx-runtime"),t=require("@fortawesome/react-fontawesome"),n=require("@fortawesome/free-solid-svg-icons/faSpinner");var r=({show:r,color:i})=>r?(0,e.jsx)(`div`,{className:`liq-d-flex`,children:(0,e.jsx)(t.FontAwesomeIcon,{icon:n.faSpinner,className:`liq-fa-spin liq-fast-spin ${i||`liq-text-primary`}`})}):null;exports.SmallLoader=r;

package/reactjs/components/SmallLoader/SmallLoader.mjs

@@ -1,16 +1,13 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
+import { FontAwesomeIcon as t } from "@fortawesome/react-fontawesome";
 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"}`
-  }
-) }) : null;
-export {
-  a as SmallLoader
-};
+//#region src/reactjs/components/SmallLoader/SmallLoader.tsx
+var r = ({ show: r, color: i }) => r ? /* @__PURE__ */ e("div", {
+	className: "liq-d-flex",
+	children: /* @__PURE__ */ e(t, {
+		icon: n,
+		className: `liq-fa-spin liq-fast-spin ${i || "liq-text-primary"}`
+	})
+}) : null;
+//#endregion
+export { r as SmallLoader };

package/reactjs/components/SmallLoader/index.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./SmallLoader.js");exports.SmallLoader=e.SmallLoader;
+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,2 @@
-import { SmallLoader as a } from "./SmallLoader.mjs";
-export {
-  a as SmallLoader
-};
+import { SmallLoader as e } from "./SmallLoader.mjs";
+export { e as SmallLoader };

package/reactjs/components/ToggleDirection/ToggleDirection.d.ts

@@ -1,3 +1,3 @@
 export declare const ToggleDirection: ({ onChangeDirection }: {
     onChangeDirection: () => void;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/reactjs/components/ToggleDirection/ToggleDirection.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"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;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../ToggleDirection-CZ9-ZD7Y.js");exports.ToggleDirection=e.t;

package/reactjs/components/ToggleDirection/ToggleDirection.mjs

@@ -1,24 +1,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 {
-  n as ToggleDirection
-};
+import { t as e } from "../../../ToggleDirection-BLDXxUlN.mjs";
+export { e as ToggleDirection };

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

@@ -1,5 +1,4 @@
 import { TokenType } from '../../../types/token';
-
 export declare const TokenSelector: ({ name, options, selectedOption, areOptionsLoading, className, disabled, isMvxSelector, omitDisableClass, isDestination, color, onBlur, onChange, onMaxBtnClick, onTokenSelectorDisplay }: {
     name: string;
     options: TokenType[];
@@ -15,4 +14,4 @@ export declare const TokenSelector: ({ name, options, selectedOption, areOptions
     onBlur?: (e: React.FocusEvent<any, HTMLButtonElement>) => void;
     onMaxBtnClick?: () => void;
     onTokenSelectorDisplay?: (visible: boolean) => void;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/reactjs/components/TokenSelector/TokenSelector.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"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;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../constants/index.js"),t=require("../../utils/mxClsx.js"),n=require("../base/MxButton/MxButton.js");require("../base/MxButton/index.js");const r=require("../../queries/useGetChains.query.js"),i=require("../../hooks/useResolveTokenChain.js"),a=require("./components/SelectContainer.js"),o=require("./components/SelectContent.js"),s=require("./components/SelectedOption.js"),c=require("../DisplayAmount/DisplayAmount.js");require("../DisplayAmount/index.js");let l=require("react/jsx-runtime"),u=require("react"),d=require("@fortawesome/react-fontawesome"),f=require("@fortawesome/free-solid-svg-icons/faChevronDown"),p=require("@fortawesome/free-solid-svg-icons/faWallet");var m=({name:m,options:h=[],selectedOption:g,areOptionsLoading:_=!1,className:v=``,disabled:y=!1,isMvxSelector:b=!1,omitDisableClass:x=!1,isDestination:S=!1,color:C=`neutral-750`,onBlur:w,onChange:T,onMaxBtnClick:E,onTokenSelectorDisplay:D})=>{let[O,k]=(0,u.useState)(!1),{data:A,isLoading:j}=r.useGetChainsQuery(),{chainIcon:M}=i.useResolveTokenChain({token:g}),N=(0,u.useMemo)(()=>b?A?.filter(t=>e.MVX_CHAIN_IDS.includes(t.chainId.toString()))??[]:A?.filter(t=>!e.MVX_CHAIN_IDS.includes(t.chainId.toString()))??[],[A,b]),P=(0,u.useMemo)(()=>b&&S,[b,S]),F=y||P,I=()=>k(!0),L=(_||j)&&!g;return(0,u.useEffect)(()=>{D?.(O)},[O]),L?(0,l.jsx)(`div`,{className:t.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]":C===`neutral-750`,"liq-bg-neutral-100 liq-bg-opacity-[0.05] hover:liq-bg-opacity-[0.15]":C===`neutral-850`},v)}):(0,l.jsxs)(l.Fragment,{children:[O&&(0,l.jsx)(a.SelectContainer,{onClose:()=>k(!1),children:(0,l.jsx)(o.SelectContent,{onSelect:e=>{T(e),k(!1)},tokens:h,chains:N,isMvxSelector:b,areChainsLoading:j,selectedToken:g})}),!O&&(0,l.jsxs)(`div`,{className:`liq-flex liq-flex-col liq-items-end liq-justify-between liq-gap-4`,children:[(0,l.jsxs)(`button`,{name:m,type:`button`,role:`combobox`,className:t.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":C===`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":C===`neutral-850`},{"disabled:!liq-opacity-70":F&&!x},{"!liq-cursor-not-allowed !liq-bg-transparent !liq-outline-transparent":F},v),onBlur:w,onClick:I,disabled:F,children:[(0,l.jsx)(s.SelectedOption,{value:g}),!F&&(0,l.jsx)(d.FontAwesomeIcon,{icon:f.faChevronDown,className:`liq-text-neutral-200 group-hover:liq-text-neutral-50`}),M&&(0,l.jsx)(`img`,{src:M,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`})]}),(0,l.jsx)(`div`,{className:`liq-flex liq-items-center liq-gap-3`,children:(0,l.jsxs)(`div`,{className:`liq-flex liq-items-center liq-gap-3`,children:[(0,l.jsxs)(`div`,{className:`liq-flex liq-items-center liq-gap-1`,children:[(0,l.jsx)(d.FontAwesomeIcon,{icon:p.faWallet,className:`liq-text-neutral-300`}),(0,l.jsx)(c.DisplayAmount,{"data-testid":`${m}-balance`,decimals:g?.decimals,amount:g?.balance??`0`,className:`liq-font-medium liq-text-neutral-100`})]}),E&&(0,l.jsx)(n.MxButton,{btnSize:`xs`,variant:`neutral-800`,disabled:y,onClick:E,children:(0,l.jsx)(`span`,{className:`liq-text-neutral-300`,children:`MAX`})})]})})]})]})};exports.TokenSelector=m;