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

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

@@ -1,4 +1,3 @@
-import { PartialChainOptionType } from '../types/partialChainOption';
 import { SingleValueProps } from 'react-select';
-
-export declare const SelectedChainOption: ({ ...props }: SingleValueProps<PartialChainOptionType>) => import("react/jsx-runtime").JSX.Element;
+import { PartialChainOptionType } from '../types/partialChainOption';
+export declare const SelectedChainOption: ({ ...props }: SingleValueProps<PartialChainOptionType>) => import("react").JSX.Element;

package/reactjs/components/TokenSelector/components/ChainSelect/components/SelectedChainOption.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),t=require("react-select");require("@multiversx/sdk-dapp-utils/out/helpers/formatAmount");require("@multiversx/sdk-dapp-utils/out/helpers/stringIsInteger");require("bignumber.js");require("../../../../../constants/index.js");require("@multiversx/sdk-dapp-utils/out/helpers/parseAmount");const n=require("../../../../../utils/mxClsx.js"),c=require("../../../../../../helpers/safeImageUrl.js"),u=require("../../../../../../all-networks--dfVLHLJ.js"),i=require("../../../../../constants/chains.js"),o=({...r})=>{const{selectProps:{onMenuOpen:s},data:{chain:e}}=r;return l.jsx(t.components.SingleValue,{...r,children:l.jsx("div",{className:"liq-h-6 liq-w-6 liq-flex liq-justify-between liq-items-center liq-cursor-pointer",onClick:s,children:e!=null&&e.pngUrl?l.jsx("img",{src:c.safeImageUrl(e.pngUrl,i.chainIdentifier[e.name]),alt:"",loading:"lazy",className:n.mxClsx("liq-h-full liq-w-full",{"liq-rounded-lg":(e==null?void 0:e.id)!==i.ALL_NETWORK_ID})}):l.jsx("img",{src:u.AllNetworks,alt:"",className:"liq-h-full liq-w-full"})})})};exports.SelectedChainOption=o;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../../../chains-Bmeag21l.js");require("../../../../../constants/index.js");const t=require("../../../../../../helpers/safeImageUrl.js"),n=require("../../../../../utils/mxClsx.js");require("../../../../../utils/index.js");const r=require("../../../../../../all-networks-De_MBUh1.js");let i=require("react/jsx-runtime"),a=require("react-select");var o=({...o})=>{let{selectProps:{onMenuOpen:s},data:{chain:c}}=o;return(0,i.jsx)(a.components.SingleValue,{...o,children:(0,i.jsx)(`div`,{className:`liq-h-6 liq-w-6 liq-flex liq-justify-between liq-items-center liq-cursor-pointer`,onClick:s,children:c?.pngUrl?(0,i.jsx)(`img`,{src:t.safeImageUrl(c.pngUrl,e.r[c.name]),alt:``,loading:`lazy`,className:n.mxClsx(`liq-h-full liq-w-full`,{"liq-rounded-lg":c?.id!==`-1`})}):(0,i.jsx)(`img`,{src:r.t,alt:``,className:`liq-h-full liq-w-full`})})})};exports.SelectedChainOption=o;

package/reactjs/components/TokenSelector/components/ChainSelect/components/SelectedChainOption.mjs

@@ -1,43 +1,31 @@
-import { jsx as i } from "react/jsx-runtime";
-import { components as o } from "react-select";
-import "@multiversx/sdk-dapp-utils/out/helpers/formatAmount";
-import "@multiversx/sdk-dapp-utils/out/helpers/stringIsInteger";
-import "bignumber.js";
+import { r as e } from "../../../../../../chains-DQACurVn.mjs";
 import "../../../../../constants/index.mjs";
-import "@multiversx/sdk-dapp-utils/out/helpers/parseAmount";
-import { mxClsx as t } from "../../../../../utils/mxClsx.mjs";
-import { safeImageUrl as m } from "../../../../../../helpers/safeImageUrl.mjs";
-import { A as n } from "../../../../../../all-networks-Czd8zS1n.mjs";
-import { ALL_NETWORK_ID as s, chainIdentifier as p } from "../../../../../constants/chains.mjs";
-const A = ({
-  ...r
-}) => {
-  const {
-    selectProps: { onMenuOpen: e },
-    data: { chain: l }
-  } = r;
-  return /* @__PURE__ */ i(o.SingleValue, { ...r, children: /* @__PURE__ */ i(
-    "div",
-    {
-      className: "liq-h-6 liq-w-6 liq-flex liq-justify-between liq-items-center liq-cursor-pointer",
-      onClick: e,
-      children: l != null && l.pngUrl ? /* @__PURE__ */ i(
-        "img",
-        {
-          src: m(
-            l.pngUrl,
-            p[l.name]
-          ),
-          alt: "",
-          loading: "lazy",
-          className: t("liq-h-full liq-w-full", {
-            "liq-rounded-lg": (l == null ? void 0 : l.id) !== s
-          })
-        }
-      ) : /* @__PURE__ */ i("img", { src: n, alt: "", className: "liq-h-full liq-w-full" })
-    }
-  ) });
-};
-export {
-  A as SelectedChainOption
+import { safeImageUrl as t } from "../../../../../../helpers/safeImageUrl.mjs";
+import { mxClsx as n } from "../../../../../utils/mxClsx.mjs";
+import "../../../../../utils/index.mjs";
+import { t as r } from "../../../../../../all-networks-hdZt5Hcc.mjs";
+import { jsx as i } from "react/jsx-runtime";
+import { components as a } from "react-select";
+//#region src/reactjs/components/TokenSelector/components/ChainSelect/components/SelectedChainOption.tsx
+var o = ({ ...o }) => {
+	let { selectProps: { onMenuOpen: s }, data: { chain: c } } = o;
+	return /* @__PURE__ */ i(a.SingleValue, {
+		...o,
+		children: /* @__PURE__ */ i("div", {
+			className: "liq-h-6 liq-w-6 liq-flex liq-justify-between liq-items-center liq-cursor-pointer",
+			onClick: s,
+			children: c?.pngUrl ? /* @__PURE__ */ i("img", {
+				src: t(c.pngUrl, e[c.name]),
+				alt: "",
+				loading: "lazy",
+				className: n("liq-h-full liq-w-full", { "liq-rounded-lg": c?.id !== "-1" })
+			}) : /* @__PURE__ */ i("img", {
+				src: r,
+				alt: "",
+				className: "liq-h-full liq-w-full"
+			})
+		})
+	});
 };
+//#endregion
+export { o as SelectedChainOption };

package/reactjs/components/TokenSelector/components/ChainSelect/types/chainSelectOption.js

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

package/reactjs/components/TokenSelector/components/ChainSelect/types/chainSelectOption.mjs

@@ -1 +0,0 @@
-

package/reactjs/components/TokenSelector/components/ChainSelect/types/partialChainOption.js

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

package/reactjs/components/TokenSelector/components/ChainSelect/types/partialChainOption.mjs

@@ -1 +0,0 @@
-

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

@@ -1,7 +1,6 @@
 import { ReactNode } from 'react';
-
 export declare const SelectContainer: ({ children, className, onClose }: {
     className?: string;
     children?: ReactNode;
     onClose: () => void;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/reactjs/components/TokenSelector/components/SelectContainer.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("@fortawesome/free-solid-svg-icons/faClose"),s=require("@fortawesome/react-fontawesome"),r=require("../../../utils/mxClsx.js"),o=require("../../base/MxButton/MxButton.js"),q=require("../../base/MxCard/MxCard.js"),a=({children:l,className:i,onClose:t})=>e.jsxs(q.MxCard,{className:r.mxClsx("liq-flex liq-flex-col liq-absolute liq-left-0 liq-top-0 liq-order-1 liq-mx-auto liq-w-full liq-gap-1 liq-pt-12 lg:liq-order-2 lg:liq-max-w-[27.5rem] !liq-min-h-[26rem] !lg:liq-pt-0 !liq-bg-neutral-850 !liq-z-[15] !liq-p-2 !liq-pointer-events-auto",i),children:[e.jsxs("div",{className:"liq-flex liq-items-center liq-justify-between",children:[e.jsx("div",{className:"liq-flex liq-flex-1 liq-items-center liq-justify-center liq-text-center liq-text-lg",children:"Select a token"}),e.jsx(o.MxButton,{btnSize:"md",className:"liq-border-none !liq-px-2",variant:"link-neutral-500",onClick:t,children:e.jsx(s.FontAwesomeIcon,{icon:n.faClose,size:"xl"})})]}),e.jsx("div",{className:"!liq-flex !liq-flex-1 !liq-flex-col !liq-gap-1",children:l})]});exports.SelectContainer=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../utils/mxClsx.js"),t=require("../../base/MxButton/MxButton.js");require("../../base/MxButton/index.js");const n=require("../../base/MxCard/MxCard.js");require("../../base/MxCard/index.js");let r=require("react/jsx-runtime"),i=require("@fortawesome/react-fontawesome"),a=require("@fortawesome/free-solid-svg-icons/faClose");var o=({children:o,className:s,onClose:c})=>(0,r.jsxs)(n.MxCard,{className:e.mxClsx(`liq-flex liq-flex-col liq-absolute liq-left-0 liq-top-0 liq-order-1 liq-mx-auto liq-w-full liq-gap-1 liq-pt-12 lg:liq-order-2 lg:liq-max-w-[27.5rem] !liq-min-h-[26rem] !lg:liq-pt-0 !liq-bg-neutral-850 !liq-z-[15] !liq-p-2 !liq-pointer-events-auto`,s),children:[(0,r.jsxs)(`div`,{className:`liq-flex liq-items-center liq-justify-between`,children:[(0,r.jsx)(`div`,{className:`liq-flex liq-flex-1 liq-items-center liq-justify-center liq-text-center liq-text-lg`,children:`Select a token`}),(0,r.jsx)(t.MxButton,{btnSize:`md`,className:`liq-border-none !liq-px-2`,variant:`link-neutral-500`,onClick:c,children:(0,r.jsx)(i.FontAwesomeIcon,{icon:a.faClose,size:`xl`})})]}),(0,r.jsx)(`div`,{className:`!liq-flex !liq-flex-1 !liq-flex-col !liq-gap-1`,children:o})]});exports.SelectContainer=o;

package/reactjs/components/TokenSelector/components/SelectContainer.mjs

@@ -1,38 +1,33 @@
-import { jsxs as i, jsx as l } from "react/jsx-runtime";
+import { mxClsx as e } from "../../../utils/mxClsx.mjs";
+import { MxButton as t } from "../../base/MxButton/MxButton.mjs";
+import "../../base/MxButton/index.mjs";
+import { MxCard as n } from "../../base/MxCard/MxCard.mjs";
+import "../../base/MxCard/index.mjs";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { FontAwesomeIcon as a } from "@fortawesome/react-fontawesome";
 import { faClose as o } from "@fortawesome/free-solid-svg-icons/faClose";
-import { FontAwesomeIcon as q } from "@fortawesome/react-fontawesome";
-import { mxClsx as n } from "../../../utils/mxClsx.mjs";
-import { MxButton as m } from "../../base/MxButton/MxButton.mjs";
-import { MxCard as a } from "../../base/MxCard/MxCard.mjs";
-const u = ({
-  children: e,
-  className: t,
-  onClose: r
-}) => /* @__PURE__ */ i(
-  a,
-  {
-    className: n(
-      "liq-flex liq-flex-col liq-absolute liq-left-0 liq-top-0 liq-order-1 liq-mx-auto liq-w-full liq-gap-1 liq-pt-12 lg:liq-order-2 lg:liq-max-w-[27.5rem] !liq-min-h-[26rem] !lg:liq-pt-0 !liq-bg-neutral-850 !liq-z-[15] !liq-p-2 !liq-pointer-events-auto",
-      t
-    ),
-    children: [
-      /* @__PURE__ */ i("div", { className: "liq-flex liq-items-center liq-justify-between", children: [
-        /* @__PURE__ */ l("div", { className: "liq-flex liq-flex-1 liq-items-center liq-justify-center liq-text-center liq-text-lg", children: "Select a token" }),
-        /* @__PURE__ */ l(
-          m,
-          {
-            btnSize: "md",
-            className: "liq-border-none !liq-px-2",
-            variant: "link-neutral-500",
-            onClick: r,
-            children: /* @__PURE__ */ l(q, { icon: o, size: "xl" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ l("div", { className: "!liq-flex !liq-flex-1 !liq-flex-col !liq-gap-1", children: e })
-    ]
-  }
-);
-export {
-  u as SelectContainer
-};
+//#region src/reactjs/components/TokenSelector/components/SelectContainer.tsx
+var s = ({ children: s, className: c, onClose: l }) => /* @__PURE__ */ i(n, {
+	className: e("liq-flex liq-flex-col liq-absolute liq-left-0 liq-top-0 liq-order-1 liq-mx-auto liq-w-full liq-gap-1 liq-pt-12 lg:liq-order-2 lg:liq-max-w-[27.5rem] !liq-min-h-[26rem] !lg:liq-pt-0 !liq-bg-neutral-850 !liq-z-[15] !liq-p-2 !liq-pointer-events-auto", c),
+	children: [/* @__PURE__ */ i("div", {
+		className: "liq-flex liq-items-center liq-justify-between",
+		children: [/* @__PURE__ */ r("div", {
+			className: "liq-flex liq-flex-1 liq-items-center liq-justify-center liq-text-center liq-text-lg",
+			children: "Select a token"
+		}), /* @__PURE__ */ r(t, {
+			btnSize: "md",
+			className: "liq-border-none !liq-px-2",
+			variant: "link-neutral-500",
+			onClick: l,
+			children: /* @__PURE__ */ r(a, {
+				icon: o,
+				size: "xl"
+			})
+		})]
+	}), /* @__PURE__ */ r("div", {
+		className: "!liq-flex !liq-flex-1 !liq-flex-col !liq-gap-1",
+		children: s
+	})]
+});
+//#endregion
+export { s as SelectContainer };

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

@@ -1,6 +1,5 @@
-import { TokenType } from '../../../../types/token';
 import { ChainDTO } from '../../../../dto/Chain.dto';
-
+import { TokenType } from '../../../../types/token';
 export declare const SelectContent: ({ onSelect, tokens, chains, isMvxSelector, areChainsLoading, selectedToken }: {
     onSelect: (token: TokenType) => void;
     tokens: TokenType[];
@@ -8,4 +7,4 @@ export declare const SelectContent: ({ onSelect, tokens, chains, isMvxSelector,
     isMvxSelector?: boolean;
     areChainsLoading?: boolean;
     selectedToken?: TokenType;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/reactjs/components/TokenSelector/components/SelectContent.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),i=require("react"),N=require("./ChainSelect/ChainSelect.js"),T=require("./TokenList.js"),x=require("../../../../constants/index.js"),w=require("../../../../helpers/getDisplayName.js");require("../../../constants/index.js");const y=require("../../base/MxSearch/MxSearch.js"),S=require("../../../constants/chains.js"),D=({onSelect:C,tokens:n=[],chains:d=[],isMvxSelector:o=!1,areChainsLoading:I,selectedToken:u})=>{const[f,a]=i.useState(n),[b,g]=i.useState(u),h=i.useRef(""),r=i.useMemo(()=>o?d.filter(e=>x.MVX_CHAIN_IDS.includes(e.chainId.toString())):d.filter(e=>!x.MVX_CHAIN_IDS.includes(e.chainId.toString())),[d,o]),q=i.useMemo(()=>{var e;if(o){const t=r.find(s=>n.some(L=>L.chainId.toString()===s.chainId.toString()));return(t==null?void 0:t.chainId.toString())??((e=r[0])==null?void 0:e.chainId.toString())??S.ALL_NETWORK_ID}return S.ALL_NETWORK_ID},[r,n,o]),[l,m]=i.useState(q);i.useEffect(()=>{r.some(t=>t.chainId.toString()===l)||m(q)},[q,r,l]);const j=i.useMemo(()=>{const e=r.find(t=>t.chainId.toString()===l);return e?`Tokens on ${w.getDisplayName(e)} (${f.length})`:`Tokens on all networks (${n.length})`},[r,f.length,l,n.length]),p=e=>{g(e),C(e)},_=e=>{if(h.current=e,l===S.ALL_NETWORK_ID){if(e.trim()==="")a(n);else{const t=n.filter(s=>s.symbol.toLowerCase().includes(e.toLowerCase()));a(t)}return}if(e.trim()===""){const t=n.filter(s=>s.chainId.toString()===l.toString());a(t)}else{const t=n.filter(s=>s.symbol.toLowerCase().includes(e.toLowerCase())&&s.chainId.toString()===l.toString());a(t)}};return i.useEffect(()=>{a(n),g(u),h.current=""},[u,n]),i.useEffect(()=>{_(h.current)},[l,n]),c.jsxs("div",{className:"liq-relative liq-flex liq-max-w-full liq-flex-col liq-rounded-none liq-p-0 !liq-max-h-[22rem]",children:[c.jsx("div",{className:"liq-flex liq-flex-col liq-gap-3 liq-rounded-t-2xl liq-p-2",children:c.jsxs("div",{className:"liq-flex liq-gap-2",children:[c.jsx(y.MxSearch,{inputClassName:"!liq-bg-neutral-750 liq-border liq-border-neutral-750",placeholder:"Search token",onChange:_}),!o&&c.jsx(N.ChainSelect,{chains:r,ignoreAllChains:o,selectedChainId:l,onChange:e=>{m(e)},isLoading:I})]})}),c.jsxs("div",{className:"scrollbar-thin liq-flex liq-flex-col liq-gap-2 liq-overflow-y-scroll liq-border-t liq-border-neutral-750 liq-pb-3",children:[c.jsx("div",{className:"liq-flex liq-text-left liq-text-neutral-300 liq-mt-4 liq-ml-2",children:j}),c.jsx(T.TokenList,{tokens:f,onSelect:p,selectedToken:b})]})]})};exports.SelectContent=D;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../constants/index.js");require("../../../../chains-Bmeag21l.js"),require("../../../constants/index.js");const t=require("../../../../helpers/getDisplayName.js"),n=require("../../base/MxSearch/MxSearch.js");require("../../base/MxSearch/index.js");const r=require("./ChainSelect/ChainSelect.js"),i=require("./TokenList.js");let a=require("react/jsx-runtime"),o=require("react");var s=({onSelect:s,tokens:c=[],chains:l=[],isMvxSelector:u=!1,areChainsLoading:d,selectedToken:f})=>{let[p,m]=(0,o.useState)(c),[h,g]=(0,o.useState)(f),_=(0,o.useRef)(``),v=(0,o.useMemo)(()=>u?l.filter(t=>e.MVX_CHAIN_IDS.includes(t.chainId.toString())):l.filter(t=>!e.MVX_CHAIN_IDS.includes(t.chainId.toString())),[l,u]),y=(0,o.useMemo)(()=>u?v.find(e=>c.some(t=>t.chainId.toString()===e.chainId.toString()))?.chainId.toString()??v[0]?.chainId.toString()??`-1`:`-1`,[v,c,u]),[b,x]=(0,o.useState)(y);(0,o.useEffect)(()=>{v.some(e=>e.chainId.toString()===b)||x(y)},[y,v,b]);let S=(0,o.useMemo)(()=>{let e=v.find(e=>e.chainId.toString()===b);return e?`Tokens on ${t.getDisplayName(e)} (${p.length})`:`Tokens on all networks (${c.length})`},[v,p.length,b,c.length]),C=e=>{g(e),s(e)},w=e=>{if(_.current=e,b===`-1`){e.trim()===``?m(c):m(c.filter(t=>t.symbol.toLowerCase().includes(e.toLowerCase())));return}e.trim()===``?m(c.filter(e=>e.chainId.toString()===b.toString())):m(c.filter(t=>t.symbol.toLowerCase().includes(e.toLowerCase())&&t.chainId.toString()===b.toString()))};return(0,o.useEffect)(()=>{m(c),g(f),_.current=``},[f,c]),(0,o.useEffect)(()=>{w(_.current)},[b,c]),(0,a.jsxs)(`div`,{className:`liq-relative liq-flex liq-max-w-full liq-flex-col liq-rounded-none liq-p-0 !liq-max-h-[22rem]`,children:[(0,a.jsx)(`div`,{className:`liq-flex liq-flex-col liq-gap-3 liq-rounded-t-2xl liq-p-2`,children:(0,a.jsxs)(`div`,{className:`liq-flex liq-gap-2`,children:[(0,a.jsx)(n.MxSearch,{inputClassName:`!liq-bg-neutral-750 liq-border liq-border-neutral-750`,placeholder:`Search token`,onChange:w}),!u&&(0,a.jsx)(r.ChainSelect,{chains:v,ignoreAllChains:u,selectedChainId:b,onChange:e=>{x(e)},isLoading:d})]})}),(0,a.jsxs)(`div`,{className:`scrollbar-thin liq-flex liq-flex-col liq-gap-2 liq-overflow-y-scroll liq-border-t liq-border-neutral-750 liq-pb-3`,children:[(0,a.jsx)(`div`,{className:`liq-flex liq-text-left liq-text-neutral-300 liq-mt-4 liq-ml-2`,children:S}),(0,a.jsx)(i.TokenList,{tokens:p,onSelect:C,selectedToken:h})]})]})};exports.SelectContent=s;

package/reactjs/components/TokenSelector/components/SelectContent.mjs

@@ -1,112 +1,80 @@
-import { jsxs as u, jsx as c } from "react/jsx-runtime";
-import { useState as q, useRef as A, useMemo as g, useEffect as S } from "react";
-import { ChainSelect as D } from "./ChainSelect/ChainSelect.mjs";
-import { TokenList as R } from "./TokenList.mjs";
-import { MVX_CHAIN_IDS as b } from "../../../../constants/index.mjs";
-import { getDisplayName as V } from "../../../../helpers/getDisplayName.mjs";
+import { MVX_CHAIN_IDS as e } from "../../../../constants/index.mjs";
+import "../../../../chains-DQACurVn.mjs";
 import "../../../constants/index.mjs";
-import { MxSearch as $ } from "../../base/MxSearch/MxSearch.mjs";
-import { ALL_NETWORK_ID as C } from "../../../constants/chains.mjs";
-const z = ({
-  onSelect: N,
-  tokens: l = [],
-  chains: d = [],
-  isMvxSelector: o = !1,
-  areChainsLoading: L,
-  selectedToken: s
-}) => {
-  const [f, a] = q(l), [w, I] = q(s), m = A(""), r = g(() => o ? d.filter(
-    (e) => b.includes(e.chainId.toString())
-  ) : d.filter(
-    (e) => !b.includes(e.chainId.toString())
-  ), [d, o]), h = g(() => {
-    var e;
-    if (o) {
-      const i = r.find(
-        (n) => l.some(
-          (_) => _.chainId.toString() === n.chainId.toString()
-        )
-      );
-      return (i == null ? void 0 : i.chainId.toString()) ?? ((e = r[0]) == null ? void 0 : e.chainId.toString()) ?? C;
-    }
-    return C;
-  }, [r, l, o]), [t, p] = q(h);
-  S(() => {
-    r.some(
-      (i) => i.chainId.toString() === t
-    ) || p(h);
-  }, [h, r, t]);
-  const T = g(() => {
-    const e = r.find(
-      (i) => i.chainId.toString() === t
-    );
-    return e ? `Tokens on ${V(e)} (${f.length})` : `Tokens on all networks (${l.length})`;
-  }, [r, f.length, t, l.length]), y = (e) => {
-    I(e), N(e);
-  }, x = (e) => {
-    if (m.current = e, t === C) {
-      if (e.trim() === "")
-        a(l);
-      else {
-        const i = l.filter(
-          (n) => n.symbol.toLowerCase().includes(e.toLowerCase())
-        );
-        a(i);
-      }
-      return;
-    }
-    if (e.trim() === "") {
-      const i = l.filter(
-        (n) => n.chainId.toString() === t.toString()
-      );
-      a(i);
-    } else {
-      const i = l.filter(
-        (n) => n.symbol.toLowerCase().includes(e.toLowerCase()) && n.chainId.toString() === t.toString()
-      );
-      a(i);
-    }
-  };
-  return S(() => {
-    a(l), I(s), m.current = "";
-  }, [s, l]), S(() => {
-    x(m.current);
-  }, [t, l]), /* @__PURE__ */ u("div", { className: "liq-relative liq-flex liq-max-w-full liq-flex-col liq-rounded-none liq-p-0 !liq-max-h-[22rem]", children: [
-    /* @__PURE__ */ c("div", { className: "liq-flex liq-flex-col liq-gap-3 liq-rounded-t-2xl liq-p-2", children: /* @__PURE__ */ u("div", { className: "liq-flex liq-gap-2", children: [
-      /* @__PURE__ */ c(
-        $,
-        {
-          inputClassName: "!liq-bg-neutral-750 liq-border liq-border-neutral-750",
-          placeholder: "Search token",
-          onChange: x
-        }
-      ),
-      !o && /* @__PURE__ */ c(
-        D,
-        {
-          chains: r,
-          ignoreAllChains: o,
-          selectedChainId: t,
-          onChange: (e) => {
-            p(e);
-          },
-          isLoading: L
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ u("div", { className: "scrollbar-thin liq-flex liq-flex-col liq-gap-2 liq-overflow-y-scroll liq-border-t liq-border-neutral-750 liq-pb-3", children: [
-      /* @__PURE__ */ c("div", { className: "liq-flex liq-text-left liq-text-neutral-300 liq-mt-4 liq-ml-2", children: T }),
-      /* @__PURE__ */ c(
-        R,
-        {
-          tokens: f,
-          onSelect: y,
-          selectedToken: w
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  z as SelectContent
+import { getDisplayName as t } from "../../../../helpers/getDisplayName.mjs";
+import { MxSearch as n } from "../../base/MxSearch/MxSearch.mjs";
+import "../../base/MxSearch/index.mjs";
+import { ChainSelect as r } from "./ChainSelect/ChainSelect.mjs";
+import { TokenList as i } from "./TokenList.mjs";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
+//#region src/reactjs/components/TokenSelector/components/SelectContent.tsx
+var d = ({ onSelect: d, tokens: f = [], chains: p = [], isMvxSelector: m = !1, areChainsLoading: h, selectedToken: g }) => {
+	let [_, v] = u(f), [y, b] = u(g), x = l(""), S = c(() => m ? p.filter((t) => e.includes(t.chainId.toString())) : p.filter((t) => !e.includes(t.chainId.toString())), [p, m]), C = c(() => m ? S.find((e) => f.some((t) => t.chainId.toString() === e.chainId.toString()))?.chainId.toString() ?? S[0]?.chainId.toString() ?? "-1" : "-1", [
+		S,
+		f,
+		m
+	]), [w, T] = u(C);
+	s(() => {
+		S.some((e) => e.chainId.toString() === w) || T(C);
+	}, [
+		C,
+		S,
+		w
+	]);
+	let E = c(() => {
+		let e = S.find((e) => e.chainId.toString() === w);
+		return e ? `Tokens on ${t(e)} (${_.length})` : `Tokens on all networks (${f.length})`;
+	}, [
+		S,
+		_.length,
+		w,
+		f.length
+	]), D = (e) => {
+		b(e), d(e);
+	}, O = (e) => {
+		if (x.current = e, w === "-1") {
+			e.trim() === "" ? v(f) : v(f.filter((t) => t.symbol.toLowerCase().includes(e.toLowerCase())));
+			return;
+		}
+		e.trim() === "" ? v(f.filter((e) => e.chainId.toString() === w.toString())) : v(f.filter((t) => t.symbol.toLowerCase().includes(e.toLowerCase()) && t.chainId.toString() === w.toString()));
+	};
+	return s(() => {
+		v(f), b(g), x.current = "";
+	}, [g, f]), s(() => {
+		O(x.current);
+	}, [w, f]), /* @__PURE__ */ o("div", {
+		className: "liq-relative liq-flex liq-max-w-full liq-flex-col liq-rounded-none liq-p-0 !liq-max-h-[22rem]",
+		children: [/* @__PURE__ */ a("div", {
+			className: "liq-flex liq-flex-col liq-gap-3 liq-rounded-t-2xl liq-p-2",
+			children: /* @__PURE__ */ o("div", {
+				className: "liq-flex liq-gap-2",
+				children: [/* @__PURE__ */ a(n, {
+					inputClassName: "!liq-bg-neutral-750 liq-border liq-border-neutral-750",
+					placeholder: "Search token",
+					onChange: O
+				}), !m && /* @__PURE__ */ a(r, {
+					chains: S,
+					ignoreAllChains: m,
+					selectedChainId: w,
+					onChange: (e) => {
+						T(e);
+					},
+					isLoading: h
+				})]
+			})
+		}), /* @__PURE__ */ o("div", {
+			className: "scrollbar-thin liq-flex liq-flex-col liq-gap-2 liq-overflow-y-scroll liq-border-t liq-border-neutral-750 liq-pb-3",
+			children: [/* @__PURE__ */ a("div", {
+				className: "liq-flex liq-text-left liq-text-neutral-300 liq-mt-4 liq-ml-2",
+				children: E
+			}), /* @__PURE__ */ a(i, {
+				tokens: _,
+				onSelect: D,
+				selectedToken: y
+			})]
+		})]
+	});
 };
+//#endregion
+export { d as SelectContent };

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

@@ -1,5 +1,4 @@
 import { TokenType } from '../../../../types/token';
-
 export declare const SelectedOption: ({ value }: {
     value?: TokenType;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/reactjs/components/TokenSelector/components/SelectedOption.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./TokenIcon.js"),l=require("./TokenSymbol.js"),i=({value:n})=>e.jsxs(e.Fragment,{children:[e.jsx(t.TokenIcon,{size:"lg",token:n,className:"liq-flex liq-items-center liq-justify-center liq-relative"}),e.jsxs("div",{className:"liq-flex-1 liq-truncate liq-text-left",children:[n&&e.jsx("div",{className:"liq-flex liq-flex-col",children:e.jsx("div",{className:"liq-flex liq-items-center",children:e.jsx(l.TokenSymbol,{token:n,className:"liq-font-semibold liq-leading-none"})})}),!n&&e.jsx("div",{className:"liq-text-neutral-500",children:"Select token"})]})]});exports.SelectedOption=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./TokenIcon.js"),t=require("./TokenSymbol.js");let n=require("react/jsx-runtime");var r=({value:r})=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.TokenIcon,{size:`lg`,token:r,className:`liq-flex liq-items-center liq-justify-center liq-relative`}),(0,n.jsxs)(`div`,{className:`liq-flex-1 liq-truncate liq-text-left`,children:[r&&(0,n.jsx)(`div`,{className:`liq-flex liq-flex-col`,children:(0,n.jsx)(`div`,{className:`liq-flex liq-items-center`,children:(0,n.jsx)(t.TokenSymbol,{token:r,className:`liq-font-semibold liq-leading-none`})})}),!r&&(0,n.jsx)(`div`,{className:`liq-text-neutral-500`,children:`Select token`})]})]});exports.SelectedOption=r;

package/reactjs/components/TokenSelector/components/SelectedOption.mjs

@@ -1,26 +1,26 @@
-import { jsxs as i, Fragment as t, jsx as e } from "react/jsx-runtime";
-import { TokenIcon as n } from "./TokenIcon.mjs";
-import { TokenSymbol as r } from "./TokenSymbol.mjs";
-const m = ({ value: l }) => /* @__PURE__ */ i(t, { children: [
-  /* @__PURE__ */ e(
-    n,
-    {
-      size: "lg",
-      token: l,
-      className: "liq-flex liq-items-center liq-justify-center liq-relative"
-    }
-  ),
-  /* @__PURE__ */ i("div", { className: "liq-flex-1 liq-truncate liq-text-left", children: [
-    l && /* @__PURE__ */ e("div", { className: "liq-flex liq-flex-col", children: /* @__PURE__ */ e("div", { className: "liq-flex liq-items-center", children: /* @__PURE__ */ e(
-      r,
-      {
-        token: l,
-        className: "liq-font-semibold liq-leading-none"
-      }
-    ) }) }),
-    !l && /* @__PURE__ */ e("div", { className: "liq-text-neutral-500", children: "Select token" })
-  ] })
-] });
-export {
-  m as SelectedOption
-};
+import { TokenIcon as e } from "./TokenIcon.mjs";
+import { TokenSymbol as t } from "./TokenSymbol.mjs";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/reactjs/components/TokenSelector/components/SelectedOption.tsx
+var a = ({ value: a }) => /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(e, {
+	size: "lg",
+	token: a,
+	className: "liq-flex liq-items-center liq-justify-center liq-relative"
+}), /* @__PURE__ */ i("div", {
+	className: "liq-flex-1 liq-truncate liq-text-left",
+	children: [a && /* @__PURE__ */ r("div", {
+		className: "liq-flex liq-flex-col",
+		children: /* @__PURE__ */ r("div", {
+			className: "liq-flex liq-items-center",
+			children: /* @__PURE__ */ r(t, {
+				token: a,
+				className: "liq-font-semibold liq-leading-none"
+			})
+		})
+	}), !a && /* @__PURE__ */ r("div", {
+		className: "liq-text-neutral-500",
+		children: "Select token"
+	})]
+})] });
+//#endregion
+export { a as SelectedOption };

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

@@ -1,8 +1,7 @@
 import { TokenType } from '../../../../types/token';
-
 export type TokenIconSize = 'xs' | '2xs' | 'sm' | '2sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
 export declare const TokenIcon: ({ token, size, className }: {
     className?: string;
     size?: TokenIconSize;
     token?: TokenType;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/reactjs/components/TokenSelector/components/TokenIcon.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react/jsx-runtime"),t=require("@fortawesome/free-solid-svg-icons/faDiamond"),o=require("@fortawesome/react-fontawesome"),c=require("react"),u=require("../../../../helpers/safeImageUrl.js"),r=require("../../../../default-DbU6vPaB.js"),a=require("../../../utils/mxClsx.js"),x=({token:i,size:l="lg",className:e=""})=>{const s=c.useCallback(m=>!m||!i?q.jsx("img",{src:r.DefaultIcon,alt:""}):i.pngUrl&&i.pngUrl!==""?q.jsx(q.Fragment,{children:q.jsx("img",{src:u.safeImageUrl(i.pngUrl,r.DefaultIcon),alt:"",className:"liq-asset-icon liq-sm liq-p-0"})}):q.jsx("img",{src:r.DefaultIcon,alt:""}),[i]),n=c.useMemo(()=>s(i==null?void 0:i.symbol),[s,i==null?void 0:i.symbol]);return q.jsx("div",{className:a.mxClsx("liq-flex-shrink-0 liq-overflow-hidden liq-rounded-full",{"liq-h-4 liq-w-4":l==="xs","liq-h-5 liq-w-5":l==="2xs","liq-h-6 liq-w-6":l==="sm","liq-h-7 liq-w-7":l==="2sm","liq-h-8 liq-w-8":l==="md","liq-h-10 liq-w-10":l==="lg","liq-h-12 liq-w-12":l==="xl","liq-h-14 liq-w-14":l==="2xl","liq-h-16 liq-w-16":l==="3xl"},e),children:q.jsx(q.Fragment,{children:n?q.jsx("div",{className:a.mxClsx({"liq-h-4 liq-w-4":l==="xs","liq-h-5 liq-w-5":l==="2xs","liq-h-6 liq-w-6":l==="sm","liq-h-7 liq-w-7":l==="2sm","liq-h-8 liq-w-8":l==="md","liq-h-10 liq-w-10":l==="lg","liq-h-12 liq-w-12":l==="xl","liq-h-14 liq-w-14":l==="2xl","liq-h-16 liq-w-16":l==="3xl"},e),children:n}):q.jsx("div",{className:"liq-flex liq-h-full liq-w-full liq-items-center liq-justify-center liq-rounded-full liq-bg-black liq-p-1",children:q.jsx(o.FontAwesomeIcon,{icon:t.faDiamond,className:"liq-text-neutral-500"})})})})};exports.TokenIcon=x;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../default-CqGeN438.js"),t=require("../../../../helpers/safeImageUrl.js"),n=require("../../../utils/mxClsx.js");let r=require("react/jsx-runtime"),i=require("react"),a=require("@fortawesome/react-fontawesome"),o=require("@fortawesome/free-solid-svg-icons/faDiamond");var s=({token:s,size:c=`lg`,className:l=``})=>{let u=(0,i.useCallback)(n=>!n||!s?(0,r.jsx)(`img`,{src:e.t,alt:``}):s.pngUrl&&s.pngUrl!==``?(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(`img`,{src:t.safeImageUrl(s.pngUrl,e.t),alt:``,className:`liq-asset-icon liq-sm liq-p-0`})}):(0,r.jsx)(`img`,{src:e.t,alt:``}),[s]),d=(0,i.useMemo)(()=>u(s?.symbol),[u,s?.symbol]);return(0,r.jsx)(`div`,{className:n.mxClsx(`liq-flex-shrink-0 liq-overflow-hidden liq-rounded-full`,{"liq-h-4 liq-w-4":c===`xs`,"liq-h-5 liq-w-5":c===`2xs`,"liq-h-6 liq-w-6":c===`sm`,"liq-h-7 liq-w-7":c===`2sm`,"liq-h-8 liq-w-8":c===`md`,"liq-h-10 liq-w-10":c===`lg`,"liq-h-12 liq-w-12":c===`xl`,"liq-h-14 liq-w-14":c===`2xl`,"liq-h-16 liq-w-16":c===`3xl`},l),children:(0,r.jsx)(r.Fragment,{children:d?(0,r.jsx)(`div`,{className:n.mxClsx({"liq-h-4 liq-w-4":c===`xs`,"liq-h-5 liq-w-5":c===`2xs`,"liq-h-6 liq-w-6":c===`sm`,"liq-h-7 liq-w-7":c===`2sm`,"liq-h-8 liq-w-8":c===`md`,"liq-h-10 liq-w-10":c===`lg`,"liq-h-12 liq-w-12":c===`xl`,"liq-h-14 liq-w-14":c===`2xl`,"liq-h-16 liq-w-16":c===`3xl`},l),children:d}):(0,r.jsx)(`div`,{className:`liq-flex liq-h-full liq-w-full liq-items-center liq-justify-center liq-rounded-full liq-bg-black liq-p-1`,children:(0,r.jsx)(a.FontAwesomeIcon,{icon:o.faDiamond,className:`liq-text-neutral-500`})})})})};exports.TokenIcon=s;