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

package/reactjs/components/TokenSelector/TokenSelector.mjs

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

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

@@ -1,9 +1,8 @@
 import { ChainDTO } from '../../../../../dto/Chain.dto';
-
 export declare const ChainSelect: ({ isLoading, selectedChainId, ignoreAllChains, onChange, chains }: {
     isLoading?: boolean;
     selectedChainId?: string;
     ignoreAllChains?: boolean;
     onChange?: (chainId: string) => void;
     chains: ChainDTO[];
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

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

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),l=require("react"),_=require("react-select"),S=require("../../../../../helpers/getDisplayName.js"),d=require("./components/FormatChainOptionLabel.js"),g=require("./components/IndicatorSeparator.js"),h=require("./components/SelectedChainOption.js");require("../../../../constants/index.js");const c=require("../../../../constants/chains.js"),v=({isLoading:m,selectedChainId:r,ignoreAllChains:u=!1,onChange:o,chains:i})=>{const n=l.useMemo(()=>{const e=i.map(t=>({label:t.networkName,value:t.chainId.toString(),chain:{id:t.chainId.toString(),name:S.getDisplayName(t),networkName:t.networkName,svgUrl:t.svgUrl,pngUrl:t.pngUrl}}));return u||e.unshift({label:"All",value:c.ALL_NETWORK_ID,chain:{id:c.ALL_NETWORK_ID,name:"all",networkName:"All",svgUrl:"https://cdn.multiversx.com/liquidity-sdk/all-networks.svg",pngUrl:"https://cdn.multiversx.com/liquidity-sdk/all-networks.svg"}}),e},[i]),p=l.useMemo(()=>n.find(e=>e.value.toString()===(r==null?void 0:r.toString()))??(n==null?void 0:n[0]),[n,r]);return s.jsx("div",{className:"styled-chain-select","data-testid":"chainDropdown",children:s.jsx(_,{className:"basic-single",classNamePrefix:"styled-chain-select",maxMenuHeight:260,value:p,isLoading:m,styles:{indicatorSeparator:g.IndicatorSeparator,control:e=>({...e,width:"max-content",minWidth:"100%",maxWidth:"10rem"}),menu:e=>({...e,zIndex:9999,width:"max-content",minWidth:"100%",right:0})},isSearchable:!0,name:"chain",options:n,onChange:e=>{var t,a;(t=e==null?void 0:e.chain)!=null&&t.id&&(o==null||o((a=e.chain)==null?void 0:a.id.toString()))},isMulti:!1,formatOptionLabel:d.FormatChainOptionLabel,components:{Input:()=>null,SingleValue:h.SelectedChainOption}})})};exports.ChainSelect=v;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../../chunk-oiTVcehM.js");require("../../../../../chains-Bmeag21l.js"),require("../../../../constants/index.js");const t=require("../../../../../helpers/getDisplayName.js"),n=require("./components/FormatChainOptionLabel.js"),r=require("./components/IndicatorSeparator.js"),i=require("./components/SelectedChainOption.js");let a=require("react/jsx-runtime"),o=require("react"),s=require("react-select");s=e.n(s);var c=({isLoading:e,selectedChainId:c,ignoreAllChains:l=!1,onChange:u,chains:d})=>{let f=(0,o.useMemo)(()=>{let e=d.map(e=>({label:e.networkName,value:e.chainId.toString(),chain:{id:e.chainId.toString(),name:t.getDisplayName(e),networkName:e.networkName,svgUrl:e.svgUrl,pngUrl:e.pngUrl}}));return l||e.unshift({label:`All`,value:`-1`,chain:{id:`-1`,name:`all`,networkName:`All`,svgUrl:`https://cdn.multiversx.com/liquidity-sdk/all-networks.svg`,pngUrl:`https://cdn.multiversx.com/liquidity-sdk/all-networks.svg`}}),e},[d]);return(0,a.jsx)(`div`,{className:`styled-chain-select`,"data-testid":`chainDropdown`,children:(0,a.jsx)(s.default,{className:`basic-single`,classNamePrefix:`styled-chain-select`,maxMenuHeight:260,value:(0,o.useMemo)(()=>f.find(e=>e.value.toString()===c?.toString())??f?.[0],[f,c]),isLoading:e,styles:{indicatorSeparator:r.IndicatorSeparator,control:e=>({...e,width:`max-content`,minWidth:`100%`,maxWidth:`10rem`}),menu:e=>({...e,zIndex:9999,width:`max-content`,minWidth:`100%`,right:0})},isSearchable:!0,name:`chain`,options:f,onChange:e=>{e?.chain?.id&&u?.(e.chain?.id.toString())},isMulti:!1,formatOptionLabel:n.FormatChainOptionLabel,components:{Input:()=>null,SingleValue:i.SelectedChainOption}})})};exports.ChainSelect=c;

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

@@ -1,85 +1,77 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useMemo as e } from "react";
-import f from "react-select";
-import { getDisplayName as d } from "../../../../../helpers/getDisplayName.mjs";
-import { FormatChainOptionLabel as g } from "./components/FormatChainOptionLabel.mjs";
-import { IndicatorSeparator as v } from "./components/IndicatorSeparator.mjs";
-import { SelectedChainOption as S } from "./components/SelectedChainOption.mjs";
+import "../../../../../chains-DQACurVn.mjs";
 import "../../../../constants/index.mjs";
-import { ALL_NETWORK_ID as s } from "../../../../constants/chains.mjs";
-const W = ({
-  isLoading: p,
-  selectedChainId: o,
-  ignoreAllChains: u = !1,
-  onChange: a,
-  chains: m
-}) => {
-  const i = e(() => {
-    const t = m.map((r) => ({
-      label: r.networkName,
-      value: r.chainId.toString(),
-      chain: {
-        id: r.chainId.toString(),
-        name: d(r),
-        networkName: r.networkName,
-        svgUrl: r.svgUrl,
-        pngUrl: r.pngUrl
-      }
-    }));
-    return u || t.unshift({
-      label: "All",
-      value: s,
-      chain: {
-        id: s,
-        name: "all",
-        networkName: "All",
-        svgUrl: "https://cdn.multiversx.com/liquidity-sdk/all-networks.svg",
-        pngUrl: "https://cdn.multiversx.com/liquidity-sdk/all-networks.svg"
-      }
-    }), t;
-  }, [m]), c = e(() => i.find(
-    (t) => t.value.toString() === (o == null ? void 0 : o.toString())
-  ) ?? (i == null ? void 0 : i[0]), [i, o]);
-  return /* @__PURE__ */ n("div", { className: "styled-chain-select", "data-testid": "chainDropdown", children: /* @__PURE__ */ n(
-    f,
-    {
-      className: "basic-single",
-      classNamePrefix: "styled-chain-select",
-      maxMenuHeight: 260,
-      value: c,
-      isLoading: p,
-      styles: {
-        indicatorSeparator: v,
-        control: (t) => ({
-          ...t,
-          width: "max-content",
-          minWidth: "100%",
-          maxWidth: "10rem"
-        }),
-        menu: (t) => ({
-          ...t,
-          zIndex: 9999,
-          width: "max-content",
-          minWidth: "100%",
-          right: 0
-        })
-      },
-      isSearchable: !0,
-      name: "chain",
-      options: i,
-      onChange: (t) => {
-        var r, l;
-        (r = t == null ? void 0 : t.chain) != null && r.id && (a == null || a((l = t.chain) == null ? void 0 : l.id.toString()));
-      },
-      isMulti: !1,
-      formatOptionLabel: g,
-      components: {
-        Input: () => null,
-        SingleValue: S
-      }
-    }
-  ) });
-};
-export {
-  W as ChainSelect
+import { getDisplayName as e } from "../../../../../helpers/getDisplayName.mjs";
+import { FormatChainOptionLabel as t } from "./components/FormatChainOptionLabel.mjs";
+import { IndicatorSeparator as n } from "./components/IndicatorSeparator.mjs";
+import { SelectedChainOption as r } from "./components/SelectedChainOption.mjs";
+import { jsx as i } from "react/jsx-runtime";
+import { useMemo as a } from "react";
+import o from "react-select";
+//#region src/reactjs/components/TokenSelector/components/ChainSelect/ChainSelect.tsx
+var s = ({ isLoading: s, selectedChainId: c, ignoreAllChains: l = !1, onChange: u, chains: d }) => {
+	let f = a(() => {
+		let t = d.map((t) => ({
+			label: t.networkName,
+			value: t.chainId.toString(),
+			chain: {
+				id: t.chainId.toString(),
+				name: e(t),
+				networkName: t.networkName,
+				svgUrl: t.svgUrl,
+				pngUrl: t.pngUrl
+			}
+		}));
+		return l || t.unshift({
+			label: "All",
+			value: "-1",
+			chain: {
+				id: "-1",
+				name: "all",
+				networkName: "All",
+				svgUrl: "https://cdn.multiversx.com/liquidity-sdk/all-networks.svg",
+				pngUrl: "https://cdn.multiversx.com/liquidity-sdk/all-networks.svg"
+			}
+		}), t;
+	}, [d]);
+	return /* @__PURE__ */ i("div", {
+		className: "styled-chain-select",
+		"data-testid": "chainDropdown",
+		children: /* @__PURE__ */ i(o, {
+			className: "basic-single",
+			classNamePrefix: "styled-chain-select",
+			maxMenuHeight: 260,
+			value: a(() => f.find((e) => e.value.toString() === c?.toString()) ?? f?.[0], [f, c]),
+			isLoading: s,
+			styles: {
+				indicatorSeparator: n,
+				control: (e) => ({
+					...e,
+					width: "max-content",
+					minWidth: "100%",
+					maxWidth: "10rem"
+				}),
+				menu: (e) => ({
+					...e,
+					zIndex: 9999,
+					width: "max-content",
+					minWidth: "100%",
+					right: 0
+				})
+			},
+			isSearchable: !0,
+			name: "chain",
+			options: f,
+			onChange: (e) => {
+				e?.chain?.id && u?.(e.chain?.id.toString());
+			},
+			isMulti: !1,
+			formatOptionLabel: t,
+			components: {
+				Input: () => null,
+				SingleValue: r
+			}
+		})
+	});
 };
+//#endregion
+export { s as ChainSelect };

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

@@ -9,4 +9,4 @@ export interface ChainOptionLabelType {
         pngUrl?: string;
     };
 }
-export declare const ChainOptionLabel: ({ chain, inDropdown }: ChainOptionLabelType) => import("react/jsx-runtime").JSX.Element;
+export declare const ChainOptionLabel: ({ chain, inDropdown }: ChainOptionLabelType) => import("react").JSX.Element;

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

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");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"),a=require("../../../../../../helpers/safeImageUrl.js"),t=require("../../../../../../all-networks--dfVLHLJ.js"),i=require("../../../../../constants/chains.js"),c=({chain:l,inDropdown:s=!1})=>{const r=s?"in-dropdown":"hidden md:flex";return e.jsx("div",{className:"chain-element liq-flex liq-items-center liq-justify-between",children:e.jsxs("div",{className:"liq-flex liq-flex-row liq-items-center",children:[e.jsx("div",{className:`chain-image liq-mr-2 ${r}`,children:e.jsx("div",{className:"liq-h-6 liq-w-6 liq-flex-shrink-0 liq-overflow-hidden",children:l.pngUrl?e.jsx("img",{src:a.safeImageUrl(l.pngUrl,i.chainIdentifier[l.name]),alt:"",loading:"lazy",className:n.mxClsx("liq-h-full liq-w-full",{"liq-rounded-lg":l.id!==i.ALL_NETWORK_ID})}):e.jsx("img",{src:t.AllNetworks,alt:"",className:"liq-h-full liq-w-full"})})}),e.jsx("div",{className:"liq-flex liq-flex-col",children:e.jsx("div",{className:"liq-flex liq-items-center",children:e.jsx("div",{className:"chain-name liq-flex liq-items-center liq-gap-2 liq-whitespace-nowrap",children:l.networkName})})})]})})};exports.ChainOptionLabel=c;
+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");var a=({chain:a,inDropdown:o=!1})=>(0,i.jsx)(`div`,{className:`chain-element liq-flex liq-items-center liq-justify-between`,children:(0,i.jsxs)(`div`,{className:`liq-flex liq-flex-row liq-items-center`,children:[(0,i.jsx)(`div`,{className:`chain-image liq-mr-2 ${o?`in-dropdown`:`hidden md:flex`}`,children:(0,i.jsx)(`div`,{className:`liq-h-6 liq-w-6 liq-flex-shrink-0 liq-overflow-hidden`,children:a.pngUrl?(0,i.jsx)(`img`,{src:t.safeImageUrl(a.pngUrl,e.r[a.name]),alt:``,loading:`lazy`,className:n.mxClsx(`liq-h-full liq-w-full`,{"liq-rounded-lg":a.id!==`-1`})}):(0,i.jsx)(`img`,{src:r.t,alt:``,className:`liq-h-full liq-w-full`})})}),(0,i.jsx)(`div`,{className:`liq-flex liq-flex-col`,children:(0,i.jsx)(`div`,{className:`liq-flex liq-items-center`,children:(0,i.jsx)(`div`,{className:`chain-name liq-flex liq-items-center liq-gap-2 liq-whitespace-nowrap`,children:a.networkName})})})]})});exports.ChainOptionLabel=a;

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

@@ -1,52 +1,41 @@
-import { jsx as l, jsxs as r } from "react/jsx-runtime";
-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 s } from "../../../../../utils/mxClsx.mjs";
-import { safeImageUrl as m } from "../../../../../../helpers/safeImageUrl.mjs";
-import { A as a } from "../../../../../../all-networks-Czd8zS1n.mjs";
-import { ALL_NETWORK_ID as n, chainIdentifier as o } from "../../../../../constants/chains.mjs";
-const v = ({
-  chain: i,
-  inDropdown: e = !1
-}) => /* @__PURE__ */ l(
-  "div",
-  {
-    className: "chain-element liq-flex liq-items-center liq-justify-between",
-    children: /* @__PURE__ */ r("div", { className: "liq-flex liq-flex-row liq-items-center", children: [
-      /* @__PURE__ */ l("div", { className: `chain-image liq-mr-2 ${e ? "in-dropdown" : "hidden md:flex"}`, children: /* @__PURE__ */ l("div", { className: "liq-h-6 liq-w-6 liq-flex-shrink-0 liq-overflow-hidden", children: i.pngUrl ? /* @__PURE__ */ l(
-        "img",
-        {
-          src: m(
-            i.pngUrl,
-            o[i.name]
-          ),
-          alt: "",
-          loading: "lazy",
-          className: s("liq-h-full liq-w-full", {
-            "liq-rounded-lg": i.id !== n
-          })
-        }
-      ) : /* @__PURE__ */ l(
-        "img",
-        {
-          src: a,
-          alt: "",
-          className: "liq-h-full liq-w-full"
-        }
-      ) }) }),
-      /* @__PURE__ */ l("div", { className: "liq-flex liq-flex-col", children: /* @__PURE__ */ l("div", { className: "liq-flex liq-items-center", children: /* @__PURE__ */ l(
-        "div",
-        {
-          className: "chain-name liq-flex liq-items-center liq-gap-2 liq-whitespace-nowrap",
-          children: i.networkName
-        }
-      ) }) })
-    ] })
-  }
-);
-export {
-  v as ChainOptionLabel
-};
+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, jsxs as a } from "react/jsx-runtime";
+//#region src/reactjs/components/TokenSelector/components/ChainSelect/components/ChainOptionLabel.tsx
+var o = ({ chain: o, inDropdown: s = !1 }) => /* @__PURE__ */ i("div", {
+	className: "chain-element liq-flex liq-items-center liq-justify-between",
+	children: /* @__PURE__ */ a("div", {
+		className: "liq-flex liq-flex-row liq-items-center",
+		children: [/* @__PURE__ */ i("div", {
+			className: `chain-image liq-mr-2 ${s ? "in-dropdown" : "hidden md:flex"}`,
+			children: /* @__PURE__ */ i("div", {
+				className: "liq-h-6 liq-w-6 liq-flex-shrink-0 liq-overflow-hidden",
+				children: o.pngUrl ? /* @__PURE__ */ i("img", {
+					src: t(o.pngUrl, e[o.name]),
+					alt: "",
+					loading: "lazy",
+					className: n("liq-h-full liq-w-full", { "liq-rounded-lg": o.id !== "-1" })
+				}) : /* @__PURE__ */ i("img", {
+					src: r,
+					alt: "",
+					className: "liq-h-full liq-w-full"
+				})
+			})
+		}), /* @__PURE__ */ i("div", {
+			className: "liq-flex liq-flex-col",
+			children: /* @__PURE__ */ i("div", {
+				className: "liq-flex liq-items-center",
+				children: /* @__PURE__ */ i("div", {
+					className: "chain-name liq-flex liq-items-center liq-gap-2 liq-whitespace-nowrap",
+					children: o.networkName
+				})
+			})
+		})]
+	})
+});
+//#endregion
+export { o as ChainOptionLabel };

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

@@ -1,6 +1,5 @@
-import { ChainSelectOptionType } from '../types/chainSelectOption';
 import { FormatOptionLabelContext } from 'react-select';
-
+import { ChainSelectOptionType } from '../types/chainSelectOption';
 export declare const FormatChainOptionLabel: (option: ChainSelectOptionType, { context }: {
     context: FormatOptionLabelContext;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/reactjs/components/TokenSelector/components/ChainSelect/components/FormatChainOptionLabel.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("./ChainOptionLabel.js"),i=require("../../../../SmallLoader/SmallLoader.js"),s=(n,{context:o})=>{const{chain:t}=n,r={chain:t,inDropdown:o==="menu"};return n.value==="loader"?e.jsx("div",{className:"liq-flex liq-justify-center liq-py-5",children:e.jsx(i.SmallLoader,{show:!0})}):e.jsx(a.ChainOptionLabel,{...r})};exports.FormatChainOptionLabel=s;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./ChainOptionLabel.js"),t=require("../../../../SmallLoader/SmallLoader.js");require("../../../../SmallLoader/index.js");let n=require("react/jsx-runtime");var r=(r,{context:i})=>{let{chain:a}=r,o={chain:a,inDropdown:i===`menu`};return r.value===`loader`?(0,n.jsx)(`div`,{className:`liq-flex liq-justify-center liq-py-5`,children:(0,n.jsx)(t.SmallLoader,{show:!0})}):(0,n.jsx)(e.ChainOptionLabel,{...o})};exports.FormatChainOptionLabel=r;

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

@@ -1,13 +1,17 @@
-import { jsx as r } from "react/jsx-runtime";
-import { ChainOptionLabel as t } from "./ChainOptionLabel.mjs";
-import { SmallLoader as a } from "../../../../SmallLoader/SmallLoader.mjs";
-const p = (o, { context: n }) => {
-  const { chain: i } = o, e = {
-    chain: i,
-    inDropdown: n === "menu"
-  };
-  return o.value === "loader" ? /* @__PURE__ */ r("div", { className: "liq-flex liq-justify-center liq-py-5", children: /* @__PURE__ */ r(a, { show: !0 }) }) : /* @__PURE__ */ r(t, { ...e });
-};
-export {
-  p as FormatChainOptionLabel
+import { ChainOptionLabel as e } from "./ChainOptionLabel.mjs";
+import { SmallLoader as t } from "../../../../SmallLoader/SmallLoader.mjs";
+import "../../../../SmallLoader/index.mjs";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/reactjs/components/TokenSelector/components/ChainSelect/components/FormatChainOptionLabel.tsx
+var r = (r, { context: i }) => {
+	let { chain: a } = r, o = {
+		chain: a,
+		inDropdown: i === "menu"
+	};
+	return r.value === "loader" ? /* @__PURE__ */ n("div", {
+		className: "liq-flex liq-justify-center liq-py-5",
+		children: /* @__PURE__ */ n(t, { show: !0 })
+	}) : /* @__PURE__ */ n(e, { ...o });
 };
+//#endregion
+export { r as FormatChainOptionLabel };

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

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

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

@@ -1,4 +1,4 @@
-const r = () => ({ display: "none" });
-export {
-  r as IndicatorSeparator
-};
+//#region src/reactjs/components/TokenSelector/components/ChainSelect/components/IndicatorSeparator.tsx
+var e = () => ({ display: "none" });
+//#endregion
+export { e as IndicatorSeparator };