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

package/reactjs/components/BridgeHistory/BridgeHistory.mjs

@@ -1,326 +1,309 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { faArrowDownShortWide } from "@fortawesome/free-solid-svg-icons/faArrowDownShortWide";
-import { faArrowUpShortWide } from "@fortawesome/free-solid-svg-icons/faArrowUpShortWide";
-import { faCircleCheck } from "@fortawesome/free-solid-svg-icons/faCircleCheck";
-import { faCircleXmark } from "@fortawesome/free-solid-svg-icons/faCircleXmark";
-import { faClock } from "@fortawesome/free-solid-svg-icons/faClock";
-import { faClose } from "@fortawesome/free-solid-svg-icons/faClose";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { useMemo, useCallback } from "react";
+import { jsx as l, jsxs as t, Fragment as R } from "react/jsx-runtime";
+import { faArrowDownShortWide as G } from "@fortawesome/free-solid-svg-icons/faArrowDownShortWide";
+import { faArrowUpShortWide as Q } from "@fortawesome/free-solid-svg-icons/faArrowUpShortWide";
+import { faCircleCheck as Y } from "@fortawesome/free-solid-svg-icons/faCircleCheck";
+import { faCircleXmark as Z } from "@fortawesome/free-solid-svg-icons/faCircleXmark";
+import { faClock as V } from "@fortawesome/free-solid-svg-icons/faClock";
+import { faClose as J } from "@fortawesome/free-solid-svg-icons/faClose";
+import { FontAwesomeIcon as o } from "@fortawesome/react-fontawesome";
+import { useMemo as p, useCallback as K } from "react";
 import "yup";
 import "@multiversx/sdk-dapp-utils/out/helpers/parseAmount";
 import "bignumber.js";
-import { useAccount } from "../../hooks/useAccount.mjs";
+import { useAccount as ee } from "../../hooks/useAccount.mjs";
 import "@reown/appkit/react";
 import "axios";
-import { useWeb3App } from "../../context/useWeb3App.mjs";
+import { useWeb3App as le } from "../../context/useWeb3App.mjs";
 import "formik";
-import { ProviderType } from "../../../types/providerType.mjs";
-import { useFetchBridgeData } from "../../hooks/useFetchBridgeData.mjs";
-import { MVX_CHAIN_IDS } from "../../../constants/index.mjs";
+import { ProviderType as ie } from "../../../types/providerType.mjs";
+import { useFetchBridgeData as te } from "../../hooks/useFetchBridgeData.mjs";
+import { MVX_CHAIN_IDS as re } from "../../../constants/index.mjs";
 import "@tanstack/react-query";
 import "../../constants/index.mjs";
 import "@reown/appkit-adapter-solana/react";
 import "@solana/web3.js";
 import "wagmi";
 import "@reown/appkit-controllers";
-import { useGetHistoryQuery } from "../../queries/useGetHistory.query.mjs";
-import { formatAmount } from "../../utils/formatAmount.mjs";
-import { mxClsx } from "../../utils/mxClsx.mjs";
-import { MxButton } from "../base/MxButton/MxButton.mjs";
-import { MxCard } from "../base/MxCard/MxCard.mjs";
+import { safeImageUrl as a } from "../../../helpers/safeImageUrl.mjs";
+import { useGetHistoryQuery as $ } from "../../queries/useGetHistory.query.mjs";
+import { formatAmount as u } from "../../utils/formatAmount.mjs";
+import { mxClsx as n } from "../../utils/mxClsx.mjs";
+import { MxButton as se } from "../base/MxButton/MxButton.mjs";
+import { MxCard as m } from "../base/MxCard/MxCard.mjs";
 import "../base/MxLink/MxLink.mjs";
 import "../base/MxSearch/MxSearch.mjs";
 import "@headlessui/react";
-import { MxTooltip } from "../base/MxTooltip/MxTooltip.mjs";
-const ArrowUpRight = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15%206V13C15%2013.5625%2014.5312%2014%2014%2014C13.4375%2014%2013%2013.5625%2013%2013V8.4375L6.6875%2014.7188C6.3125%2015.125%205.65625%2015.125%205.28125%2014.7188C4.875%2014.3438%204.875%2013.6875%205.28125%2013.3125L11.5625%207H7C6.4375%207%206%206.5625%206%206C6%205.46875%206.4375%205%207%205H14C14.5312%205%2015%205.46875%2015%206Z'%20fill='%23CDD0DB'/%3e%3c/svg%3e";
-const BridgeHistory = ({
-  mvxAddress,
-  onClose
+import { MxTooltip as f } from "../base/MxTooltip/MxTooltip.mjs";
+const oe = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15%206V13C15%2013.5625%2014.5312%2014%2014%2014C13.4375%2014%2013%2013.5625%2013%2013V8.4375L6.6875%2014.7188C6.3125%2015.125%205.65625%2015.125%205.28125%2014.7188C4.875%2014.3438%204.875%2013.6875%205.28125%2013.3125L11.5625%207H7C6.4375%207%206%206.5625%206%206C6%205.46875%206.4375%205%207%205H14C14.5312%205%2015%205.46875%2015%206Z'%20fill='%23CDD0DB'/%3e%3c/svg%3e", Fe = ({
+  mvxAddress: g,
+  onClose: F
 }) => {
-  const { options, bridgeOnly } = useWeb3App();
-  const bridgeAccount = useAccount();
-  const {
-    data: mvxTransactions,
-    isLoading,
-    isError
-  } = useGetHistoryQuery({
-    address: mvxAddress
-  });
-  const { data: bridgeTransactions } = useGetHistoryQuery({
-    address: bridgeAccount.address ?? ""
-  });
-  const mergedTransactions = useMemo(() => {
-    const mvxTxs = mvxTransactions ?? [];
-    const bridgeTxs = bridgeOnly && bridgeTransactions ? bridgeTransactions : [];
-    return [...mvxTxs, ...bridgeTxs].sort(
-      (a, b) => b.depositTimestamp - a.depositTimestamp
+  const { options: w, bridgeOnly: N } = le(), P = ee(), {
+    data: b,
+    isLoading: v,
+    isError: _
+  } = $({
+    address: g
+  }), { data: h } = $({
+    address: P.address ?? ""
+  }), q = p(() => {
+    const e = b ?? [], s = N && h ? h : [];
+    return [...e, ...s].sort(
+      (c, d) => d.depositTimestamp - c.depositTimestamp
     );
-  }, [bridgeOnly, bridgeTransactions, mvxTransactions]);
-  const resolveTransactionIcon = useCallback((transaction) => {
-    switch (transaction.status) {
+  }, [N, h, b]), y = K((e) => {
+    switch (e.status) {
       case "success":
-        return /* @__PURE__ */ jsx(
-          FontAwesomeIcon,
+        return /* @__PURE__ */ l(
+          o,
           {
-            icon: faCircleCheck,
+            icon: Y,
             size: "lg",
             className: "liq-flex liq-items-center liq-justify-center liq-rounded-full liq-text-green-400"
           }
         );
       case "failed":
-        return /* @__PURE__ */ jsx(
-          FontAwesomeIcon,
+        return /* @__PURE__ */ l(
+          o,
           {
-            icon: faCircleXmark,
+            icon: Z,
             size: "lg",
             className: "liq-flex liq-items-center liq-justify-center liq-rounded-full liq-text-red-400"
           }
         );
       default:
-        return /* @__PURE__ */ jsx(
-          FontAwesomeIcon,
+        return /* @__PURE__ */ l(
+          o,
           {
-            icon: faClock,
+            icon: V,
             size: "lg",
             className: "liq-flex liq-items-center liq-justify-center liq-rounded-full liq-text-yellow-400"
           }
         );
     }
-  }, []);
-  const transactions = useMemo(
-    () => mergedTransactions == null ? void 0 : mergedTransactions.map((transaction) => {
-      return {
-        ...transaction,
-        tokenDestination: transaction.tokenOut.toLowerCase(),
-        tokenSource: transaction.tokenIn.toLowerCase(),
-        sender: transaction.sender.toLowerCase(),
-        statusIcon: resolveTransactionIcon(transaction)
-      };
-    }),
-    [mergedTransactions, resolveTransactionIcon]
-  );
-  const {
-    evmTokensWithBalances,
-    mvxTokensWithBalances,
-    chains,
-    isTokensLoading: tokensLoading,
-    isChainsLoading
-  } = useFetchBridgeData({
-    mvxAddress,
-    mvxApiURL: options.mvxApiURL
-  });
-  const tokensMap = useMemo(() => {
-    return [
-      ...evmTokensWithBalances ?? [],
-      ...mvxTokensWithBalances ?? []
-    ].reduce(
-      (acc, token) => {
-        acc[token.address.toLowerCase()] = token;
-        return acc;
-      },
-      {}
-    );
-  }, [evmTokensWithBalances, mvxTokensWithBalances]);
-  const chainsMap = useMemo(() => {
-    return (chains ?? []).reduce(
-      (acc, chain) => {
-        acc[chain.chainId.toString()] = chain;
-        return acc;
-      },
-      {}
-    );
-  }, [chains]);
-  const className = mxClsx(
+  }, []), r = p(
+    () => q == null ? void 0 : q.map((e) => ({
+      ...e,
+      tokenDestination: e.tokenOut.toLowerCase(),
+      tokenSource: e.tokenIn.toLowerCase(),
+      sender: e.sender.toLowerCase(),
+      statusIcon: y(e)
+    })),
+    [q, y]
+  ), {
+    evmTokensWithBalances: C,
+    mvxTokensWithBalances: k,
+    chains: S,
+    isTokensLoading: X,
+    isChainsLoading: E
+  } = te({
+    mvxAddress: g,
+    mvxApiURL: w.mvxApiURL
+  }), i = p(() => [
+    ...C ?? [],
+    ...k ?? []
+  ].reduce(
+    (e, s) => (e[s.address.toLowerCase()] = s, e),
+    {}
+  ), [C, k]), T = p(() => (S ?? []).reduce(
+    (e, s) => (e[s.chainId.toString()] = s, e),
+    {}
+  ), [S]), x = 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] !liq-h-[26rem] !lg:liq-pt-0 !liq-bg-neutral-850 !liq-z-[16] !liq-p-2 !liq-pointer-events-auto",
     {
-      "!liq-disabled !liq-animate-pulse": isLoading || tokensLoading || isChainsLoading
+      "!liq-disabled !liq-animate-pulse": v || X || E
     }
   );
-  if (isLoading && !transactions) {
-    return /* @__PURE__ */ jsx(MxCard, { className: mxClsx("liq-flex", className) });
-  }
-  if (isError && !transactions) {
-    return /* @__PURE__ */ jsx(MxCard, { className: mxClsx("liq-flex liq-flex-col liq-gap-1", className), children: "Something went wrong. Please try again later." });
-  }
-  return /* @__PURE__ */ jsxs(MxCard, { className: mxClsx("liq-flex liq-flex-col liq-gap-1", className), children: [
-    /* @__PURE__ */ jsxs(
+  return v && !r ? /* @__PURE__ */ l(m, { className: n("liq-flex", x) }) : _ && !r ? /* @__PURE__ */ l(m, { className: n("liq-flex liq-flex-col liq-gap-1", x), children: "Something went wrong. Please try again later." }) : /* @__PURE__ */ t(m, { className: n("liq-flex liq-flex-col liq-gap-1", x), children: [
+    /* @__PURE__ */ t(
       "div",
       {
         className: "liq-flex liq-items-center liq-justify-between liq-py-1 liq-mt-0.5",
         children: [
-          /* @__PURE__ */ jsx("div", { className: "liq-flex liq-flex-1 liq-items-center liq-justify-center liq-text-center liq-text-lg", children: "History" }),
-          /* @__PURE__ */ jsx(
-            MxButton,
+          /* @__PURE__ */ l("div", { className: "liq-flex liq-flex-1 liq-items-center liq-justify-center liq-text-center liq-text-lg", children: "History" }),
+          /* @__PURE__ */ l(
+            se,
             {
               btnSize: "md",
               className: "liq-border-none !liq-p-0 !liq-mr-2",
               variant: "link-neutral-500",
-              onClick: onClose,
-              children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faClose, size: "xl" })
+              onClick: F,
+              children: /* @__PURE__ */ l(o, { icon: J, size: "xl" })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: "scrollbar-thin liq-flex liq-flex-1 liq-flex-col liq-gap-1 liq-overflow-y-scroll", children: [
-      (transactions == null ? void 0 : transactions.length) === 0 && /* @__PURE__ */ jsx(
-        MxCard,
+    /* @__PURE__ */ t("div", { className: "scrollbar-thin liq-flex liq-flex-1 liq-flex-col liq-gap-1 liq-overflow-y-scroll", children: [
+      (r == null ? void 0 : r.length) === 0 && /* @__PURE__ */ l(
+        m,
         {
           cardSize: "lg",
           variant: "transparent",
           className: "liq-align-center liq-flex liq-h-full liq-flex-col liq-justify-center liq-gap-4 liq-border-0 !liq-pb-8 !liq-pt-6 !sm:liq-pb-6 !lg:liq-p-4",
-          children: /* @__PURE__ */ jsxs("div", { className: "liq-align-center liq-flex liq-flex-col liq-justify-center liq-gap-8", children: [
-            /* @__PURE__ */ jsx("div", { className: "liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ jsx(
-              FontAwesomeIcon,
+          children: /* @__PURE__ */ t("div", { className: "liq-align-center liq-flex liq-flex-col liq-justify-center liq-gap-8", children: [
+            /* @__PURE__ */ l("div", { className: "liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ l(
+              o,
               {
-                icon: faClock,
+                icon: V,
                 size: "6x",
                 className: "liq-rounded-full liq-bg-primary-400 liq-text-[#2b617a]"
               }
             ) }),
-            /* @__PURE__ */ jsxs("div", { className: mxClsx("liq-flex liq-flex-col liq-items-center"), children: [
-              /* @__PURE__ */ jsx("div", { className: "liq-text-xl", children: "No transactions" }),
-              /* @__PURE__ */ jsx("div", { className: "liq-text-neutral-400", children: "Your transactions history will appear here" })
+            /* @__PURE__ */ t("div", { className: n("liq-flex liq-flex-col liq-items-center"), children: [
+              /* @__PURE__ */ l("div", { className: "liq-text-xl", children: "No transactions" }),
+              /* @__PURE__ */ l("div", { className: "liq-text-neutral-400", children: "Your transactions history will appear here" })
             ] })
           ] })
         }
       ),
-      transactions && (transactions == null ? void 0 : transactions.length) > 0 && transactions.map((transaction, index) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-        return /* @__PURE__ */ jsx(
-          MxCard,
+      r && (r == null ? void 0 : r.length) > 0 && r.map((e, s) => {
+        var c, d, j, D, I, L, U, A, z, M, B, H, W, O;
+        return /* @__PURE__ */ l(
+          m,
           {
             cardSize: "lg",
             variant: "neutral-750",
             className: "liq-flex liq-flex-col liq-gap-4 !liq-outline liq-outline-transparent !liq-p-4 liq-border liq-border-neutral-750 liq-bg-neutral-850 hover:!liq-bg-neutral-700 !liq-rounded-lg",
-            children: /* @__PURE__ */ jsxs("div", { className: "liq-align-center liq-flex liq-justify-between liq-gap-1", children: [
-              /* @__PURE__ */ jsxs(
+            children: /* @__PURE__ */ t("div", { className: "liq-align-center liq-flex liq-justify-between liq-gap-1", children: [
+              /* @__PURE__ */ t(
                 "div",
                 {
-                  className: mxClsx("liq-flex liq-items-center liq-gap-1", {
-                    "liq-text-yellow-200": transaction.status === "pending",
-                    "liq-text-green-200": transaction.status === "success",
-                    "liq-text-red-200": transaction.status === "failed"
+                  className: n("liq-flex liq-items-center liq-gap-1", {
+                    "liq-text-yellow-200": e.status === "pending",
+                    "liq-text-green-200": e.status === "success",
+                    "liq-text-red-200": e.status === "failed"
                   }),
                   children: [
-                    /* @__PURE__ */ jsx(
-                      MxTooltip,
+                    /* @__PURE__ */ l(
+                      f,
                       {
                         placement: "top",
-                        buttonText: transaction.statusIcon,
+                        buttonText: e.statusIcon,
                         children: new Date(
-                          transaction.depositTimestamp * 1e3
+                          e.depositTimestamp * 1e3
                         ).toLocaleString()
                       }
                     ),
-                    MVX_CHAIN_IDS.includes(transaction.toChainId) ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                      /* @__PURE__ */ jsx(
-                        MxTooltip,
+                    re.includes(e.toChainId) ? /* @__PURE__ */ t(R, { children: [
+                      /* @__PURE__ */ l(
+                        f,
                         {
                           placement: "top",
-                          buttonText: /* @__PURE__ */ jsx(
-                            FontAwesomeIcon,
+                          buttonText: /* @__PURE__ */ l(
+                            o,
                             {
-                              icon: faArrowDownShortWide,
+                              icon: G,
                               className: "liq-mx-1 liq-flex liq-items-center"
                             }
                           ),
                           children: "Deposit"
                         }
                       ),
-                      /* @__PURE__ */ jsx("span", { className: "liq-text-wrap", children: formatAmount({
-                        decimals: (_a = tokensMap[transaction.tokenDestination]) == null ? void 0 : _a.decimals,
-                        amount: transaction.amountOut,
-                        addCommas: false,
+                      /* @__PURE__ */ l("span", { className: "liq-text-wrap", children: u({
+                        decimals: (c = i[e.tokenDestination]) == null ? void 0 : c.decimals,
+                        amount: e.amountOut,
+                        addCommas: !1,
                         digits: 2
                       }) }),
-                      /* @__PURE__ */ jsx("span", { className: "liq-whitespace-nowrap", children: (_b = tokensMap[transaction.tokenDestination]) == null ? void 0 : _b.symbol }),
-                      /* @__PURE__ */ jsx(
+                      /* @__PURE__ */ l("span", { className: "liq-whitespace-nowrap", children: (d = i[e.tokenDestination]) == null ? void 0 : d.symbol }),
+                      /* @__PURE__ */ l(
                         "img",
                         {
-                          src: (_c = tokensMap[transaction.tokenDestination]) == null ? void 0 : _c.pngUrl,
+                          src: a(
+                            (j = i[e.tokenDestination]) == null ? void 0 : j.pngUrl
+                          ),
                           alt: "",
                           className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                         }
                       ),
-                      /* @__PURE__ */ jsx("span", { className: "liq-whitespace-nowrap", children: "from" }),
-                      /* @__PURE__ */ jsx("span", { className: "liq-text-wrap", children: formatAmount({
-                        decimals: (_d = tokensMap[transaction.tokenSource]) == null ? void 0 : _d.decimals,
-                        amount: transaction.amountIn,
-                        addCommas: false,
+                      /* @__PURE__ */ l("span", { className: "liq-whitespace-nowrap", children: "from" }),
+                      /* @__PURE__ */ l("span", { className: "liq-text-wrap", children: u({
+                        decimals: (D = i[e.tokenSource]) == null ? void 0 : D.decimals,
+                        amount: e.amountIn,
+                        addCommas: !1,
                         digits: 2
                       }) }),
-                      /* @__PURE__ */ jsx("span", { className: "liq-whitespace-nowrap", children: (_e = tokensMap[transaction.tokenSource]) == null ? void 0 : _e.symbol }),
-                      /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-items-center liq-relative", children: [
-                        /* @__PURE__ */ jsx("div", { className: "liq-flex-shrink-0 liq-overflow-hidden liq-rounded-full liq-h-8 liq-w-8 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ jsx("div", { className: "liq-h-6 liq-w-6 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ jsx(
+                      /* @__PURE__ */ l("span", { className: "liq-whitespace-nowrap", children: (I = i[e.tokenSource]) == null ? void 0 : I.symbol }),
+                      /* @__PURE__ */ t("div", { className: "liq-flex liq-items-center liq-relative", children: [
+                        /* @__PURE__ */ l("div", { className: "liq-flex-shrink-0 liq-overflow-hidden liq-rounded-full liq-h-8 liq-w-8 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ l("div", { className: "liq-h-6 liq-w-6 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ l(
                           "img",
                           {
-                            src: (_f = tokensMap[transaction.tokenSource]) == null ? void 0 : _f.pngUrl,
+                            src: a(
+                              (L = i[e.tokenSource]) == null ? void 0 : L.pngUrl
+                            ),
                             alt: "",
                             className: "liq-asset-icon liq-sm liq-p-0"
                           }
                         ) }) }),
-                        /* @__PURE__ */ jsx(
+                        /* @__PURE__ */ l(
                           "img",
                           {
-                            src: (_g = chainsMap[transaction.fromChainId]) == null ? void 0 : _g.pngUrl,
+                            src: a(
+                              (U = T[e.fromChainId]) == null ? void 0 : U.pngUrl
+                            ),
                             alt: "",
                             className: "liq-absolute liq-left-3 liq-bottom-[-2px] liq-chain-icon liq-sm liq-w-5 liq-h-5 liq-border-[3px] liq-border-neutral-850  liq-rounded-lg"
                           }
                         )
                       ] })
-                    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                      /* @__PURE__ */ jsx(
-                        MxTooltip,
+                    ] }) : /* @__PURE__ */ t(R, { children: [
+                      /* @__PURE__ */ l(
+                        f,
                         {
                           placement: "top",
-                          buttonText: /* @__PURE__ */ jsx(
-                            FontAwesomeIcon,
+                          buttonText: /* @__PURE__ */ l(
+                            o,
                             {
-                              icon: faArrowUpShortWide,
+                              icon: Q,
                               className: "liq-mx-1 liq-flex liq-items-center"
                             }
                           ),
                           children: "Transfer"
                         }
                       ),
-                      /* @__PURE__ */ jsx("span", { className: "liq-text-wrap", children: formatAmount({
-                        decimals: (_h = tokensMap[transaction.tokenSource]) == null ? void 0 : _h.decimals,
-                        amount: transaction.amountIn,
-                        addCommas: false,
+                      /* @__PURE__ */ l("span", { className: "liq-text-wrap", children: u({
+                        decimals: (A = i[e.tokenSource]) == null ? void 0 : A.decimals,
+                        amount: e.amountIn,
+                        addCommas: !1,
                         digits: 2
                       }) }),
-                      /* @__PURE__ */ jsx("span", { className: "liq-whitespace-nowrap", children: (_i = tokensMap[transaction.tokenSource]) == null ? void 0 : _i.symbol }),
-                      /* @__PURE__ */ jsx(
+                      /* @__PURE__ */ l("span", { className: "liq-whitespace-nowrap", children: (z = i[e.tokenSource]) == null ? void 0 : z.symbol }),
+                      /* @__PURE__ */ l(
                         "img",
                         {
-                          src: (_j = tokensMap[transaction.tokenSource]) == null ? void 0 : _j.pngUrl,
+                          src: a(
+                            (M = i[e.tokenSource]) == null ? void 0 : M.pngUrl
+                          ),
                           alt: "",
                           className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                         }
                       ),
-                      /* @__PURE__ */ jsx("span", { className: "liq-whitespace-nowrap", children: "to" }),
-                      /* @__PURE__ */ jsx("span", { className: "liq-text-wrap", children: formatAmount({
-                        decimals: (_k = tokensMap[transaction.tokenDestination]) == null ? void 0 : _k.decimals,
-                        amount: transaction.amountOut,
-                        addCommas: false,
+                      /* @__PURE__ */ l("span", { className: "liq-whitespace-nowrap", children: "to" }),
+                      /* @__PURE__ */ l("span", { className: "liq-text-wrap", children: u({
+                        decimals: (B = i[e.tokenDestination]) == null ? void 0 : B.decimals,
+                        amount: e.amountOut,
+                        addCommas: !1,
                         digits: 2
                       }) }),
-                      /* @__PURE__ */ jsx("span", { className: "liq-whitespace-nowrap", children: (_l = tokensMap[transaction.tokenDestination]) == null ? void 0 : _l.symbol }),
-                      /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-items-center liq-relative", children: [
-                        /* @__PURE__ */ jsx("div", { className: "liq-flex-shrink-0 liq-overflow-hidden liq-rounded-full liq-h-8 liq-w-8 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ jsx("div", { className: "liq-h-6 liq-w-6 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ jsx(
+                      /* @__PURE__ */ l("span", { className: "liq-whitespace-nowrap", children: (H = i[e.tokenDestination]) == null ? void 0 : H.symbol }),
+                      /* @__PURE__ */ t("div", { className: "liq-flex liq-items-center liq-relative", children: [
+                        /* @__PURE__ */ l("div", { className: "liq-flex-shrink-0 liq-overflow-hidden liq-rounded-full liq-h-8 liq-w-8 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ l("div", { className: "liq-h-6 liq-w-6 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ l(
                           "img",
                           {
-                            src: (_m = tokensMap[transaction.tokenDestination]) == null ? void 0 : _m.pngUrl,
+                            src: a(
+                              (W = i[e.tokenDestination]) == null ? void 0 : W.pngUrl
+                            ),
                             alt: "",
                             className: "liq-asset-icon liq-sm liq-p-0"
                           }
                         ) }) }),
-                        /* @__PURE__ */ jsx(
+                        /* @__PURE__ */ l(
                           "img",
                           {
-                            src: (_n = chainsMap[transaction.toChainId]) == null ? void 0 : _n.pngUrl,
+                            src: a(
+                              (O = T[e.toChainId]) == null ? void 0 : O.pngUrl
+                            ),
                             alt: "",
                             className: "liq-absolute liq-left-3 liq-bottom-[-2px] liq-chain-icon liq-sm liq-w-5 liq-h-5 liq-border-[3px] liq-border-neutral-850  liq-rounded-lg"
                           }
@@ -330,25 +313,26 @@ const BridgeHistory = ({
                   ]
                 }
               ),
-              transaction.provider === ProviderType.MultiversxBridge && /* @__PURE__ */ jsx(
+              e.provider === ie.MultiversxBridge && /* @__PURE__ */ l(
                 "a",
                 {
-                  href: `${options.bridgeURL}/status/${transaction.txHash}`,
+                  href: `${w.bridgeURL}/status/${e.txHash}`,
                   target: "_blank",
+                  rel: "noopener noreferrer",
                   className: "liq-flex",
-                  children: /* @__PURE__ */ jsx("div", { className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ jsx(
-                    MxTooltip,
+                  children: /* @__PURE__ */ l("div", { className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ l(
+                    f,
                     {
                       placement: "top",
-                      buttonText: /* @__PURE__ */ jsx(
+                      buttonText: /* @__PURE__ */ l(
                         "img",
                         {
-                          src: ArrowUpRight,
+                          src: oe,
                           alt: "",
                           className: "liq-flex liq-items-center liq-justify-center liq-rounded-full liq-text-neutral-200"
                         }
                       ),
-                      shouldStopPropagation: false,
+                      shouldStopPropagation: !1,
                       children: "View"
                     }
                   ) })
@@ -356,12 +340,12 @@ const BridgeHistory = ({
               )
             ] })
           },
-          `${transaction.txHash}-${index}`
+          `${e.txHash}-${s}`
         );
       })
     ] })
   ] });
 };
 export {
-  BridgeHistory
+  Fe as BridgeHistory
 };

package/reactjs/components/BridgeHistory/index.js

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

package/reactjs/components/BridgeHistory/index.mjs

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