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

package/reactjs/components/TokenSelector/components/TokenIcon.mjs

@@ -1,76 +1,56 @@
-import { jsx as q, Fragment as o } from "react/jsx-runtime";
-import { faDiamond as w } from "@fortawesome/free-solid-svg-icons/faDiamond";
-import { FontAwesomeIcon as s } from "@fortawesome/react-fontawesome";
-import { useCallback as f, useMemo as d } from "react";
+import { t as e } from "../../../../default-DuNFRYAj.mjs";
 import { safeImageUrl as t } from "../../../../helpers/safeImageUrl.mjs";
-import { D as r } from "../../../../default-D0Jk5ROI.mjs";
-import { mxClsx as a } from "../../../utils/mxClsx.mjs";
-const v = ({
-  token: i,
-  size: l = "lg",
-  className: m = ""
-}) => {
-  const c = f(
-    (n) => !n || !i ? /* @__PURE__ */ q("img", { src: r, alt: "" }) : i.pngUrl && i.pngUrl !== "" ? /* @__PURE__ */ q(o, { children: /* @__PURE__ */ q(
-      "img",
-      {
-        src: t(i.pngUrl, r),
-        alt: "",
-        className: "liq-asset-icon liq-sm liq-p-0"
-      }
-    ) }) : /* @__PURE__ */ q("img", { src: r, alt: "" }),
-    [i]
-  ), h = d(
-    () => c(i == null ? void 0 : i.symbol),
-    [c, i == null ? void 0 : i.symbol]
-  );
-  return /* @__PURE__ */ q(
-    "div",
-    {
-      className: a(
-        "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"
-        },
-        m
-      ),
-      children: /* @__PURE__ */ q(o, { children: h ? /* @__PURE__ */ q(
-        "div",
-        {
-          className: a(
-            {
-              "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"
-            },
-            m
-          ),
-          children: h
-        }
-      ) : /* @__PURE__ */ q("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: /* @__PURE__ */ q(
-        s,
-        {
-          icon: w,
-          className: "liq-text-neutral-500"
-        }
-      ) }) })
-    }
-  );
-};
-export {
-  v as TokenIcon
+import { mxClsx as n } from "../../../utils/mxClsx.mjs";
+import { Fragment as r, jsx as i } from "react/jsx-runtime";
+import { useCallback as a, useMemo as o } from "react";
+import { FontAwesomeIcon as s } from "@fortawesome/react-fontawesome";
+import { faDiamond as c } from "@fortawesome/free-solid-svg-icons/faDiamond";
+//#region src/reactjs/components/TokenSelector/components/TokenIcon.tsx
+var l = ({ token: l, size: u = "lg", className: d = "" }) => {
+	let f = a((n) => !n || !l ? /* @__PURE__ */ i("img", {
+		src: e,
+		alt: ""
+	}) : l.pngUrl && l.pngUrl !== "" ? /* @__PURE__ */ i(r, { children: /* @__PURE__ */ i("img", {
+		src: t(l.pngUrl, e),
+		alt: "",
+		className: "liq-asset-icon liq-sm liq-p-0"
+	}) }) : /* @__PURE__ */ i("img", {
+		src: e,
+		alt: ""
+	}), [l]), p = o(() => f(l?.symbol), [f, l?.symbol]);
+	return /* @__PURE__ */ i("div", {
+		className: n("liq-flex-shrink-0 liq-overflow-hidden liq-rounded-full", {
+			"liq-h-4 liq-w-4": u === "xs",
+			"liq-h-5 liq-w-5": u === "2xs",
+			"liq-h-6 liq-w-6": u === "sm",
+			"liq-h-7 liq-w-7": u === "2sm",
+			"liq-h-8 liq-w-8": u === "md",
+			"liq-h-10 liq-w-10": u === "lg",
+			"liq-h-12 liq-w-12": u === "xl",
+			"liq-h-14 liq-w-14": u === "2xl",
+			"liq-h-16 liq-w-16": u === "3xl"
+		}, d),
+		children: /* @__PURE__ */ i(r, { children: p ? /* @__PURE__ */ i("div", {
+			className: n({
+				"liq-h-4 liq-w-4": u === "xs",
+				"liq-h-5 liq-w-5": u === "2xs",
+				"liq-h-6 liq-w-6": u === "sm",
+				"liq-h-7 liq-w-7": u === "2sm",
+				"liq-h-8 liq-w-8": u === "md",
+				"liq-h-10 liq-w-10": u === "lg",
+				"liq-h-12 liq-w-12": u === "xl",
+				"liq-h-14 liq-w-14": u === "2xl",
+				"liq-h-16 liq-w-16": u === "3xl"
+			}, d),
+			children: p
+		}) : /* @__PURE__ */ i("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: /* @__PURE__ */ i(s, {
+				icon: c,
+				className: "liq-text-neutral-500"
+			})
+		}) })
+	});
 };
+//#endregion
+export { l as TokenIcon };

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

@@ -1,7 +1,6 @@
 import { TokenType } from '../../../../types/token';
-
 export declare const TokenItem: ({ token, onClick, selected }: {
     token: TokenType;
     onClick: (token: TokenType) => void;
     selected: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/reactjs/components/TokenSelector/components/TokenItem.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("@reown/appkit/react"),a=require("react"),b=require("./TokenIcon.js"),g=require("../../../../types/chainType.js"),j=require("../../../context/useWeb3App.js"),f=require("../../../hooks/useGetChainId.js"),h=require("../../../hooks/useResolveTokenChain.js"),y=({token:s,onClick:d,selected:m})=>{var c,u;const{tokenChain:e,chainIcon:n}=h.useResolveTokenChain({token:s}),{supportedChains:i}=j.useWeb3App(),{switchNetwork:q}=x.useAppKitNetwork(),r=f.useGetChainId(),l=a.useMemo(()=>i==null?void 0:i.find(o=>o.id.toString()===(r==null?void 0:r.toString())),[r,i]),p=a.useCallback(()=>{(e==null?void 0:e.chainType)===g.ChainType.evm&&l&&e!=null&&e.chainId&&(l==null?void 0:l.id.toString())!==(e==null?void 0:e.chainId.toString())&&q((i==null?void 0:i.find(o=>o.id.toString()===(e==null?void 0:e.chainId.toString())))??l)},[l,i,q,e==null?void 0:e.chainId,e==null?void 0:e.chainType]);return t.jsx("div",{"data-testid":`token-item-${(u=(c=s.symbol)==null?void 0:c.toLowerCase)==null?void 0:u.call(c)}`,className:`token-item ${m?"liq-selected":""} liq-flex liq-cursor-pointer liq-items-center liq-justify-between liq-rounded-lg liq-p-2 hover:liq-bg-neutral-700 liq-bg-neutral-850`,onClick:()=>{p(),d(s)},children:t.jsxs("div",{className:"liq-flex liq-w-full liq-items-center liq-relative",children:[t.jsx(b.TokenIcon,{size:"lg",token:s,className:"liq-flex liq-items-center liq-justify-center"}),n&&t.jsx("img",{src:n,alt:"",className:"liq-absolute liq-left-4 liq-bottom-[-2px] liq-chain-icon liq-sm liq-w-6 liq-h-6 liq-border-[3px] liq-border-neutral-850  liq-rounded-lg"}),t.jsxs("div",{className:"liq-ml-2",children:[t.jsx("div",{className:"liq-text-sm liq-font-bold",children:s.symbol}),t.jsx("div",{className:"liq-text-xs liq-text-gray-400",children:s.name})]})]})})};exports.TokenItem=y;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../types/chainType.js"),t=require("../../../context/useWeb3App.js"),n=require("../../../hooks/useGetChainId.js"),r=require("../../../hooks/useResolveTokenChain.js"),i=require("./TokenIcon.js");let a=require("react/jsx-runtime"),o=require("react"),s=require("@reown/appkit/react");var c=({token:c,onClick:l,selected:u})=>{let{tokenChain:d,chainIcon:f}=r.useResolveTokenChain({token:c}),{supportedChains:p}=t.useWeb3App(),{switchNetwork:m}=(0,s.useAppKitNetwork)(),h=n.useGetChainId(),g=(0,o.useMemo)(()=>p?.find(e=>e.id.toString()===h?.toString()),[h,p]),_=(0,o.useCallback)(()=>{d?.chainType===e.ChainType.evm&&g&&d?.chainId&&g?.id.toString()!==d?.chainId.toString()&&m(p?.find(e=>e.id.toString()===d?.chainId.toString())??g)},[g,p,m,d?.chainId,d?.chainType]);return(0,a.jsx)(`div`,{"data-testid":`token-item-${c.symbol?.toLowerCase?.()}`,className:`token-item ${u?`liq-selected`:``} liq-flex liq-cursor-pointer liq-items-center liq-justify-between liq-rounded-lg liq-p-2 hover:liq-bg-neutral-700 liq-bg-neutral-850`,onClick:()=>{_(),l(c)},children:(0,a.jsxs)(`div`,{className:`liq-flex liq-w-full liq-items-center liq-relative`,children:[(0,a.jsx)(i.TokenIcon,{size:`lg`,token:c,className:`liq-flex liq-items-center liq-justify-center`}),f&&(0,a.jsx)(`img`,{src:f,alt:``,className:`liq-absolute liq-left-4 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,a.jsxs)(`div`,{className:`liq-ml-2`,children:[(0,a.jsx)(`div`,{className:`liq-text-sm liq-font-bold`,children:c.symbol}),(0,a.jsx)(`div`,{className:`liq-text-xs liq-text-gray-400`,children:c.name})]})]})})};exports.TokenItem=c;

package/reactjs/components/TokenSelector/components/TokenItem.mjs

@@ -1,67 +1,54 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { useAppKitNetwork as u } from "@reown/appkit/react";
-import { useMemo as g, useCallback as b } from "react";
-import { TokenIcon as x } from "./TokenIcon.mjs";
-import { ChainType as N } from "../../../../types/chainType.mjs";
-import { useWeb3App as v } from "../../../context/useWeb3App.mjs";
-import { useGetChainId as w } from "../../../hooks/useGetChainId.mjs";
-import { useResolveTokenChain as y } from "../../../hooks/useResolveTokenChain.mjs";
-const G = ({
-  token: e,
-  onClick: a,
-  selected: p
-}) => {
-  var o, d;
-  const { tokenChain: i, chainIcon: m } = y({
-    token: e
-  }), { supportedChains: l } = v(), { switchNetwork: q } = u(), s = w(), r = g(() => l == null ? void 0 : l.find(
-    (c) => c.id.toString() === (s == null ? void 0 : s.toString())
-  ), [s, l]), f = b(() => {
-    (i == null ? void 0 : i.chainType) === N.evm && r && i != null && i.chainId && (r == null ? void 0 : r.id.toString()) !== (i == null ? void 0 : i.chainId.toString()) && q(
-      (l == null ? void 0 : l.find(
-        (c) => c.id.toString() === (i == null ? void 0 : i.chainId.toString())
-      )) ?? r
-    );
-  }, [
-    r,
-    l,
-    q,
-    i == null ? void 0 : i.chainId,
-    i == null ? void 0 : i.chainType
-  ]);
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      "data-testid": `token-item-${(d = (o = e.symbol) == null ? void 0 : o.toLowerCase) == null ? void 0 : d.call(o)}`,
-      className: `token-item ${p ? "liq-selected" : ""} liq-flex liq-cursor-pointer liq-items-center liq-justify-between liq-rounded-lg liq-p-2 hover:liq-bg-neutral-700 liq-bg-neutral-850`,
-      onClick: () => {
-        f(), a(e);
-      },
-      children: /* @__PURE__ */ n("div", { className: "liq-flex liq-w-full liq-items-center liq-relative", children: [
-        /* @__PURE__ */ t(
-          x,
-          {
-            size: "lg",
-            token: e,
-            className: "liq-flex liq-items-center liq-justify-center"
-          }
-        ),
-        m && /* @__PURE__ */ t(
-          "img",
-          {
-            src: m,
-            alt: "",
-            className: "liq-absolute liq-left-4 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__ */ n("div", { className: "liq-ml-2", children: [
-          /* @__PURE__ */ t("div", { className: "liq-text-sm liq-font-bold", children: e.symbol }),
-          /* @__PURE__ */ t("div", { className: "liq-text-xs liq-text-gray-400", children: e.name })
-        ] })
-      ] })
-    }
-  );
-};
-export {
-  G as TokenItem
+import { ChainType as e } from "../../../../types/chainType.mjs";
+import { useWeb3App as t } from "../../../context/useWeb3App.mjs";
+import { useGetChainId as n } from "../../../hooks/useGetChainId.mjs";
+import { useResolveTokenChain as r } from "../../../hooks/useResolveTokenChain.mjs";
+import { TokenIcon as i } from "./TokenIcon.mjs";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useCallback as s, useMemo as c } from "react";
+import { useAppKitNetwork as l } from "@reown/appkit/react";
+//#region src/reactjs/components/TokenSelector/components/TokenItem.tsx
+var u = ({ token: u, onClick: d, selected: f }) => {
+	let { tokenChain: p, chainIcon: m } = r({ token: u }), { supportedChains: h } = t(), { switchNetwork: g } = l(), _ = n(), v = c(() => h?.find((e) => e.id.toString() === _?.toString()), [_, h]), y = s(() => {
+		p?.chainType === e.evm && v && p?.chainId && v?.id.toString() !== p?.chainId.toString() && g(h?.find((e) => e.id.toString() === p?.chainId.toString()) ?? v);
+	}, [
+		v,
+		h,
+		g,
+		p?.chainId,
+		p?.chainType
+	]);
+	return /* @__PURE__ */ a("div", {
+		"data-testid": `token-item-${u.symbol?.toLowerCase?.()}`,
+		className: `token-item ${f ? "liq-selected" : ""} liq-flex liq-cursor-pointer liq-items-center liq-justify-between liq-rounded-lg liq-p-2 hover:liq-bg-neutral-700 liq-bg-neutral-850`,
+		onClick: () => {
+			y(), d(u);
+		},
+		children: /* @__PURE__ */ o("div", {
+			className: "liq-flex liq-w-full liq-items-center liq-relative",
+			children: [
+				/* @__PURE__ */ a(i, {
+					size: "lg",
+					token: u,
+					className: "liq-flex liq-items-center liq-justify-center"
+				}),
+				m && /* @__PURE__ */ a("img", {
+					src: m,
+					alt: "",
+					className: "liq-absolute liq-left-4 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__ */ o("div", {
+					className: "liq-ml-2",
+					children: [/* @__PURE__ */ a("div", {
+						className: "liq-text-sm liq-font-bold",
+						children: u.symbol
+					}), /* @__PURE__ */ a("div", {
+						className: "liq-text-xs liq-text-gray-400",
+						children: u.name
+					})]
+				})
+			]
+		})
+	});
 };
+//#endregion
+export { u as TokenItem };

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

@@ -1,7 +1,6 @@
 import { TokenType } from '../../../../types/token';
-
 export declare const TokenList: ({ tokens, onSelect, selectedToken }: {
     tokens: TokenType[];
     onSelect: (token: TokenType) => void;
     selectedToken?: TokenType;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/reactjs/components/TokenSelector/components/TokenList.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("./TokenItem.js"),a=({tokens:i,onSelect:t,selectedToken:s})=>o.jsx("div",{className:"token-list liq-flex liq-flex-col liq-gap-1",children:i.map(e=>{var r;return o.jsx(n.TokenItem,{token:e,onClick:t,selected:((r=s==null?void 0:s.address)==null?void 0:r.toLowerCase())===e.address.toLowerCase()},`${e.address}-${e.chainId}`)})});exports.TokenList=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./TokenItem.js");let t=require("react/jsx-runtime");var n=({tokens:n,onSelect:r,selectedToken:i})=>(0,t.jsx)(`div`,{className:`token-list liq-flex liq-flex-col liq-gap-1`,children:n.map(n=>(0,t.jsx)(e.TokenItem,{token:n,onClick:r,selected:i?.address?.toLowerCase()===n.address.toLowerCase()},`${n.address}-${n.chainId}`))});exports.TokenList=n;

package/reactjs/components/TokenSelector/components/TokenList.mjs

@@ -1,21 +1,13 @@
-import { jsx as a } from "react/jsx-runtime";
-import { TokenItem as m } from "./TokenItem.mjs";
-const t = ({
-  tokens: o,
-  onSelect: l,
-  selectedToken: i
-}) => /* @__PURE__ */ a("div", { className: "token-list liq-flex liq-flex-col liq-gap-1", children: o.map((r) => {
-  var s;
-  return /* @__PURE__ */ a(
-    m,
-    {
-      token: r,
-      onClick: l,
-      selected: ((s = i == null ? void 0 : i.address) == null ? void 0 : s.toLowerCase()) === r.address.toLowerCase()
-    },
-    `${r.address}-${r.chainId}`
-  );
-}) });
-export {
-  t as TokenList
-};
+import { TokenItem as e } from "./TokenItem.mjs";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/reactjs/components/TokenSelector/components/TokenList.tsx
+var n = ({ tokens: n, onSelect: r, selectedToken: i }) => /* @__PURE__ */ t("div", {
+	className: "token-list liq-flex liq-flex-col liq-gap-1",
+	children: n.map((n) => /* @__PURE__ */ t(e, {
+		token: n,
+		onClick: r,
+		selected: i?.address?.toLowerCase() === n.address.toLowerCase()
+	}, `${n.address}-${n.chainId}`))
+});
+//#endregion
+export { n as TokenList };

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

@@ -1,9 +1,8 @@
 import { TokenType } from '../../../../types/token';
-
 interface TokenSymbolProps {
     className?: string;
     token: TokenType;
     wrapperClassName?: string;
 }
-export declare const TokenSymbol: ({ token, className, wrapperClassName }: TokenSymbolProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TokenSymbol: ({ token, className, wrapperClassName }: TokenSymbolProps) => import("react").JSX.Element;
 export {};

package/reactjs/components/TokenSelector/components/TokenSymbol.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../../utils/mxClsx.js"),t=({token:s,className:n="",wrapperClassName:r=""})=>{if(!s)return e.jsx(e.Fragment,{children:"..."});const{symbol:i}=s;return e.jsx("div",{className:l.mxClsx("liq-flex liq-items-center liq-gap-2",r),children:e.jsx("span",{className:n,children:i})})};exports.TokenSymbol=t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../utils/mxClsx.js");let t=require("react/jsx-runtime");var n=({token:n,className:r=``,wrapperClassName:i=``})=>{if(!n)return(0,t.jsx)(t.Fragment,{children:`...`});let{symbol:a}=n;return(0,t.jsx)(`div`,{className:e.mxClsx(`liq-flex liq-items-center liq-gap-2`,i),children:(0,t.jsx)(`span`,{className:r,children:a})})};exports.TokenSymbol=n;

package/reactjs/components/TokenSelector/components/TokenSymbol.mjs

@@ -1,24 +1,16 @@
-import { jsx as r, Fragment as n } from "react/jsx-runtime";
-import { mxClsx as o } from "../../../utils/mxClsx.mjs";
-const c = ({
-  token: e,
-  className: i = "",
-  wrapperClassName: l = ""
-}) => {
-  if (!e)
-    return /* @__PURE__ */ r(n, { children: "..." });
-  const { symbol: m } = e;
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      className: o(
-        "liq-flex liq-items-center liq-gap-2",
-        l
-      ),
-      children: /* @__PURE__ */ r("span", { className: i, children: m })
-    }
-  );
-};
-export {
-  c as TokenSymbol
+import { mxClsx as e } from "../../../utils/mxClsx.mjs";
+import { Fragment as t, jsx as n } from "react/jsx-runtime";
+//#region src/reactjs/components/TokenSelector/components/TokenSymbol.tsx
+var r = ({ token: r, className: i = "", wrapperClassName: a = "" }) => {
+	if (!r) return /* @__PURE__ */ n(t, { children: "..." });
+	let { symbol: o } = r;
+	return /* @__PURE__ */ n("div", {
+		className: e("liq-flex liq-items-center liq-gap-2", a),
+		children: /* @__PURE__ */ n("span", {
+			className: i,
+			children: o
+		})
+	});
 };
+//#endregion
+export { r as TokenSymbol };

package/reactjs/components/TokenSelector/index.js

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

package/reactjs/components/TokenSelector/index.mjs

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

package/reactjs/components/TransactionToast/TransactionToast.d.ts

@@ -1,9 +1,8 @@
 import { ToastContentProps } from 'react-toastify';
-
 export declare const TransactionToast: ({ data, TrimAddressComponent }: ToastContentProps & {
     TrimAddressComponent: (props: {
         text: string;
         color?: "muted" | "secondary" | string;
         className?: string;
     }) => JSX.Element;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/reactjs/components/TransactionToast/TransactionToast.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/faArrowUpRightFromSquare"),a=require("@fortawesome/react-fontawesome"),o=require("../../context/useWeb3App.js"),c=require("../CopyButton/CopyButton.js"),q=({data:t,TrimAddressComponent:i})=>{const l=t.hashes,{options:r}=o.useWeb3App();return e.jsxs("div",{className:"liq-flex liq-flex-col liq-gap-2",children:[e.jsx("h3",{className:"liq-text-sm liq-font-semibold liq-text-zinc-300",children:"Transactions sent"}),l.map(s=>e.jsxs("div",{className:"liq-flex liq-w-full",children:[e.jsxs("span",{className:"liq-m-w-[11rem] liq-mr-1 liq-whitespace-nowrap",children:[e.jsx("div",{className:"liq-mb-1"}),e.jsx(i,{className:"liq-flex liq-items-center liq-justify-center liq-text-sm",text:s})]}),e.jsx(c.CopyButton,{text:s,className:"liq-flex liq-items-center liq-justify-center liq-text-neutral-200"}),e.jsx("a",{href:`${r.bridgeURL}/status/${s}`,target:"_blank",className:"liq-ml-auto liq-mr-0 liq-flex liq-items-center",rel:"noreferrer",children:e.jsx(a.FontAwesomeIcon,{icon:n.faArrowUpRightFromSquare,className:"liq-color-neutral-500"})})]},s))]})};exports.TransactionToast=q;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../context/useWeb3App.js"),t=require("../CopyButton/CopyButton.js");require("../CopyButton/index.js");let n=require("react/jsx-runtime"),r=require("@fortawesome/free-solid-svg-icons/faArrowUpRightFromSquare"),i=require("@fortawesome/react-fontawesome");var a=({data:a,TrimAddressComponent:o})=>{let s=a.hashes,{options:c}=e.useWeb3App();return(0,n.jsxs)(`div`,{className:`liq-flex liq-flex-col liq-gap-2`,children:[(0,n.jsx)(`h3`,{className:`liq-text-sm liq-font-semibold liq-text-zinc-300`,children:`Transactions sent`}),s.map(e=>(0,n.jsxs)(`div`,{className:`liq-flex liq-w-full`,children:[(0,n.jsxs)(`span`,{className:`liq-m-w-[11rem] liq-mr-1 liq-whitespace-nowrap`,children:[(0,n.jsx)(`div`,{className:`liq-mb-1`}),(0,n.jsx)(o,{className:`liq-flex liq-items-center liq-justify-center liq-text-sm`,text:e})]}),(0,n.jsx)(t.CopyButton,{text:e,className:`liq-flex liq-items-center liq-justify-center liq-text-neutral-200`}),(0,n.jsx)(`a`,{href:`${c.bridgeURL}/status/${e}`,target:`_blank`,className:`liq-ml-auto liq-mr-0 liq-flex liq-items-center`,rel:`noreferrer`,children:(0,n.jsx)(i.FontAwesomeIcon,{icon:r.faArrowUpRightFromSquare,className:`liq-color-neutral-500`})})]},e))]})};exports.TransactionToast=a;

package/reactjs/components/TransactionToast/TransactionToast.mjs

@@ -1,52 +1,44 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { faArrowUpRightFromSquare as o } from "@fortawesome/free-solid-svg-icons/faArrowUpRightFromSquare";
-import { FontAwesomeIcon as m } from "@fortawesome/react-fontawesome";
-import { useWeb3App as n } from "../../context/useWeb3App.mjs";
-import { CopyButton as c } from "../CopyButton/CopyButton.mjs";
-const d = ({
-  data: t,
-  TrimAddressComponent: s
-}) => {
-  const r = t.hashes, { options: a } = n();
-  return /* @__PURE__ */ i("div", { className: "liq-flex liq-flex-col liq-gap-2", children: [
-    /* @__PURE__ */ e("h3", { className: "liq-text-sm liq-font-semibold liq-text-zinc-300", children: "Transactions sent" }),
-    r.map((l) => /* @__PURE__ */ i("div", { className: "liq-flex liq-w-full", children: [
-      /* @__PURE__ */ i("span", { className: "liq-m-w-[11rem] liq-mr-1 liq-whitespace-nowrap", children: [
-        /* @__PURE__ */ e("div", { className: "liq-mb-1" }),
-        /* @__PURE__ */ e(
-          s,
-          {
-            className: "liq-flex liq-items-center liq-justify-center liq-text-sm",
-            text: l
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(
-        c,
-        {
-          text: l,
-          className: "liq-flex liq-items-center liq-justify-center liq-text-neutral-200"
-        }
-      ),
-      /* @__PURE__ */ e(
-        "a",
-        {
-          href: `${a.bridgeURL}/status/${l}`,
-          target: "_blank",
-          className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center",
-          rel: "noreferrer",
-          children: /* @__PURE__ */ e(
-            m,
-            {
-              icon: o,
-              className: "liq-color-neutral-500"
-            }
-          )
-        }
-      )
-    ] }, l))
-  ] });
-};
-export {
-  d as TransactionToast
+import { useWeb3App as e } from "../../context/useWeb3App.mjs";
+import { CopyButton as t } from "../CopyButton/CopyButton.mjs";
+import "../CopyButton/index.mjs";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { faArrowUpRightFromSquare as i } from "@fortawesome/free-solid-svg-icons/faArrowUpRightFromSquare";
+import { FontAwesomeIcon as a } from "@fortawesome/react-fontawesome";
+//#region src/reactjs/components/TransactionToast/TransactionToast.tsx
+var o = ({ data: o, TrimAddressComponent: s }) => {
+	let c = o.hashes, { options: l } = e();
+	return /* @__PURE__ */ r("div", {
+		className: "liq-flex liq-flex-col liq-gap-2",
+		children: [/* @__PURE__ */ n("h3", {
+			className: "liq-text-sm liq-font-semibold liq-text-zinc-300",
+			children: "Transactions sent"
+		}), c.map((e) => /* @__PURE__ */ r("div", {
+			className: "liq-flex liq-w-full",
+			children: [
+				/* @__PURE__ */ r("span", {
+					className: "liq-m-w-[11rem] liq-mr-1 liq-whitespace-nowrap",
+					children: [/* @__PURE__ */ n("div", { className: "liq-mb-1" }), /* @__PURE__ */ n(s, {
+						className: "liq-flex liq-items-center liq-justify-center liq-text-sm",
+						text: e
+					})]
+				}),
+				/* @__PURE__ */ n(t, {
+					text: e,
+					className: "liq-flex liq-items-center liq-justify-center liq-text-neutral-200"
+				}),
+				/* @__PURE__ */ n("a", {
+					href: `${l.bridgeURL}/status/${e}`,
+					target: "_blank",
+					className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center",
+					rel: "noreferrer",
+					children: /* @__PURE__ */ n(a, {
+						icon: i,
+						className: "liq-color-neutral-500"
+					})
+				})
+			]
+		}, e))]
+	});
 };
+//#endregion
+export { o as TransactionToast };

package/reactjs/components/TransactionToast/TransactionToastContainer.d.ts

@@ -1,3 +1,2 @@
 import { ToastContainerProps } from 'react-toastify';
-
-export declare const TransactionToastContainer: (props: ToastContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TransactionToastContainer: (props: ToastContainerProps) => import("react").JSX.Element;

package/reactjs/components/TransactionToast/TransactionToastContainer.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),e=require("react-toastify"),n=t=>o.jsx(e.ToastContainer,{position:"top-right",autoClose:1e4,hideProgressBar:!0,closeOnClick:!1,rtl:!1,draggable:!1,transition:e.Bounce,...t});exports.TransactionToastContainer=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react/jsx-runtime"),t=require("react-toastify");var n=n=>(0,e.jsx)(t.ToastContainer,{position:`top-right`,autoClose:1e4,hideProgressBar:!0,closeOnClick:!1,rtl:!1,draggable:!1,transition:t.Bounce,...n});exports.TransactionToastContainer=n;

package/reactjs/components/TransactionToast/TransactionToastContainer.mjs

@@ -1,18 +1,15 @@
-import { jsx as r } from "react/jsx-runtime";
-import { ToastContainer as t, Bounce as e } from "react-toastify";
-const n = (o) => /* @__PURE__ */ r(
-  t,
-  {
-    position: "top-right",
-    autoClose: 1e4,
-    hideProgressBar: !0,
-    closeOnClick: !1,
-    rtl: !1,
-    draggable: !1,
-    transition: e,
-    ...o
-  }
-);
-export {
-  n as TransactionToastContainer
-};
+import { jsx as e } from "react/jsx-runtime";
+import { Bounce as t, ToastContainer as n } from "react-toastify";
+//#region src/reactjs/components/TransactionToast/TransactionToastContainer.tsx
+var r = (r) => /* @__PURE__ */ e(n, {
+	position: "top-right",
+	autoClose: 1e4,
+	hideProgressBar: !0,
+	closeOnClick: !1,
+	rtl: !1,
+	draggable: !1,
+	transition: t,
+	...r
+});
+//#endregion
+export { r as TransactionToastContainer };

package/reactjs/components/TransactionToast/index.js

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

package/reactjs/components/TransactionToast/index.mjs

@@ -1,6 +1,3 @@
-import { TransactionToastContainer as r } from "./TransactionToastContainer.mjs";
-import { TransactionToast as n } from "./TransactionToast.mjs";
-export {
-  n as TransactionToast,
-  r as TransactionToastContainer
-};
+import { TransactionToastContainer as e } from "./TransactionToastContainer.mjs";
+import { TransactionToast as t } from "./TransactionToast.mjs";
+export { t as TransactionToast, e as TransactionToastContainer };

package/reactjs/components/TrimAddress/TrimAddress.d.ts

@@ -5,5 +5,5 @@ interface WalletTruncateProps {
     className?: string;
     'data-testid'?: string;
 }
-export declare const TrimAddress: ({ "data-testid": dataTestId, address, startLength, endLength, className }: WalletTruncateProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const TrimAddress: ({ "data-testid": dataTestId, address, startLength, endLength, className }: WalletTruncateProps) => import("react").JSX.Element | null;
 export {};