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

package/reactjs/components/BridgeHistory/BridgeHistory.js

@@ -1,368 +1,2 @@
 #!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const faArrowDownShortWide = require("@fortawesome/free-solid-svg-icons/faArrowDownShortWide");
-const faArrowUpShortWide = require("@fortawesome/free-solid-svg-icons/faArrowUpShortWide");
-const faCircleCheck = require("@fortawesome/free-solid-svg-icons/faCircleCheck");
-const faCircleXmark = require("@fortawesome/free-solid-svg-icons/faCircleXmark");
-const faClock = require("@fortawesome/free-solid-svg-icons/faClock");
-const faClose = require("@fortawesome/free-solid-svg-icons/faClose");
-const reactFontawesome = require("@fortawesome/react-fontawesome");
-const React = require("react");
-require("yup");
-require("@multiversx/sdk-dapp-utils/out/helpers/parseAmount");
-require("bignumber.js");
-const reactjs_hooks_useAccount = require("../../hooks/useAccount.js");
-require("@reown/appkit/react");
-require("axios");
-const reactjs_context_useWeb3App = require("../../context/useWeb3App.js");
-require("formik");
-const types_providerType = require("../../../types/providerType.js");
-const reactjs_hooks_useFetchBridgeData = require("../../hooks/useFetchBridgeData.js");
-const constants_index = require("../../../constants/index.js");
-require("@tanstack/react-query");
-require("../../constants/index.js");
-require("@reown/appkit-adapter-solana/react");
-require("@solana/web3.js");
-require("wagmi");
-require("@reown/appkit-controllers");
-const reactjs_queries_useGetHistory_query = require("../../queries/useGetHistory.query.js");
-const reactjs_utils_formatAmount = require("../../utils/formatAmount.js");
-const reactjs_utils_mxClsx = require("../../utils/mxClsx.js");
-const reactjs_components_base_MxButton_MxButton = require("../base/MxButton/MxButton.js");
-const reactjs_components_base_MxCard_MxCard = require("../base/MxCard/MxCard.js");
-require("../base/MxLink/MxLink.js");
-require("../base/MxSearch/MxSearch.js");
-require("@headlessui/react");
-const reactjs_components_base_MxTooltip_MxTooltip = require("../base/MxTooltip/MxTooltip.js");
-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
-}) => {
-  const { options, bridgeOnly } = reactjs_context_useWeb3App.useWeb3App();
-  const bridgeAccount = reactjs_hooks_useAccount.useAccount();
-  const {
-    data: mvxTransactions,
-    isLoading,
-    isError
-  } = reactjs_queries_useGetHistory_query.useGetHistoryQuery({
-    address: mvxAddress
-  });
-  const { data: bridgeTransactions } = reactjs_queries_useGetHistory_query.useGetHistoryQuery({
-    address: bridgeAccount.address ?? ""
-  });
-  const mergedTransactions = React.useMemo(() => {
-    const mvxTxs = mvxTransactions ?? [];
-    const bridgeTxs = bridgeOnly && bridgeTransactions ? bridgeTransactions : [];
-    return [...mvxTxs, ...bridgeTxs].sort(
-      (a, b) => b.depositTimestamp - a.depositTimestamp
-    );
-  }, [bridgeOnly, bridgeTransactions, mvxTransactions]);
-  const resolveTransactionIcon = React.useCallback((transaction) => {
-    switch (transaction.status) {
-      case "success":
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          reactFontawesome.FontAwesomeIcon,
-          {
-            icon: faCircleCheck.faCircleCheck,
-            size: "lg",
-            className: "liq-flex liq-items-center liq-justify-center liq-rounded-full liq-text-green-400"
-          }
-        );
-      case "failed":
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          reactFontawesome.FontAwesomeIcon,
-          {
-            icon: faCircleXmark.faCircleXmark,
-            size: "lg",
-            className: "liq-flex liq-items-center liq-justify-center liq-rounded-full liq-text-red-400"
-          }
-        );
-      default:
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          reactFontawesome.FontAwesomeIcon,
-          {
-            icon: faClock.faClock,
-            size: "lg",
-            className: "liq-flex liq-items-center liq-justify-center liq-rounded-full liq-text-yellow-400"
-          }
-        );
-    }
-  }, []);
-  const transactions = React.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
-  } = reactjs_hooks_useFetchBridgeData.useFetchBridgeData({
-    mvxAddress,
-    mvxApiURL: options.mvxApiURL
-  });
-  const tokensMap = React.useMemo(() => {
-    return [
-      ...evmTokensWithBalances ?? [],
-      ...mvxTokensWithBalances ?? []
-    ].reduce(
-      (acc, token) => {
-        acc[token.address.toLowerCase()] = token;
-        return acc;
-      },
-      {}
-    );
-  }, [evmTokensWithBalances, mvxTokensWithBalances]);
-  const chainsMap = React.useMemo(() => {
-    return (chains ?? []).reduce(
-      (acc, chain) => {
-        acc[chain.chainId.toString()] = chain;
-        return acc;
-      },
-      {}
-    );
-  }, [chains]);
-  const className = reactjs_utils_mxClsx.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] !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
-    }
-  );
-  if (isLoading && !transactions) {
-    return /* @__PURE__ */ jsxRuntime.jsx(reactjs_components_base_MxCard_MxCard.MxCard, { className: reactjs_utils_mxClsx.mxClsx("liq-flex", className) });
-  }
-  if (isError && !transactions) {
-    return /* @__PURE__ */ jsxRuntime.jsx(reactjs_components_base_MxCard_MxCard.MxCard, { className: reactjs_utils_mxClsx.mxClsx("liq-flex liq-flex-col liq-gap-1", className), children: "Something went wrong. Please try again later." });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(reactjs_components_base_MxCard_MxCard.MxCard, { className: reactjs_utils_mxClsx.mxClsx("liq-flex liq-flex-col liq-gap-1", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: "liq-flex liq-items-center liq-justify-between liq-py-1 liq-mt-0.5",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex liq-flex-1 liq-items-center liq-justify-center liq-text-center liq-text-lg", children: "History" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            reactjs_components_base_MxButton_MxButton.MxButton,
-            {
-              btnSize: "md",
-              className: "liq-border-none !liq-p-0 !liq-mr-2",
-              variant: "link-neutral-500",
-              onClick: onClose,
-              children: /* @__PURE__ */ jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, { icon: faClose.faClose, size: "xl" })
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-        reactjs_components_base_MxCard_MxCard.MxCard,
-        {
-          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__ */ jsxRuntime.jsxs("div", { className: "liq-align-center liq-flex liq-flex-col liq-justify-center liq-gap-8", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-              reactFontawesome.FontAwesomeIcon,
-              {
-                icon: faClock.faClock,
-                size: "6x",
-                className: "liq-rounded-full liq-bg-primary-400 liq-text-[#2b617a]"
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: reactjs_utils_mxClsx.mxClsx("liq-flex liq-flex-col liq-items-center"), children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-text-xl", children: "No transactions" }),
-              /* @__PURE__ */ jsxRuntime.jsx("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__ */ jsxRuntime.jsx(
-          reactjs_components_base_MxCard_MxCard.MxCard,
-          {
-            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__ */ jsxRuntime.jsxs("div", { className: "liq-align-center liq-flex liq-justify-between liq-gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                "div",
-                {
-                  className: reactjs_utils_mxClsx.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"
-                  }),
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      reactjs_components_base_MxTooltip_MxTooltip.MxTooltip,
-                      {
-                        placement: "top",
-                        buttonText: transaction.statusIcon,
-                        children: new Date(
-                          transaction.depositTimestamp * 1e3
-                        ).toLocaleString()
-                      }
-                    ),
-                    constants_index.MVX_CHAIN_IDS.includes(transaction.toChainId) ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        reactjs_components_base_MxTooltip_MxTooltip.MxTooltip,
-                        {
-                          placement: "top",
-                          buttonText: /* @__PURE__ */ jsxRuntime.jsx(
-                            reactFontawesome.FontAwesomeIcon,
-                            {
-                              icon: faArrowDownShortWide.faArrowDownShortWide,
-                              className: "liq-mx-1 liq-flex liq-items-center"
-                            }
-                          ),
-                          children: "Deposit"
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-text-wrap", children: reactjs_utils_formatAmount.formatAmount({
-                        decimals: (_a = tokensMap[transaction.tokenDestination]) == null ? void 0 : _a.decimals,
-                        amount: transaction.amountOut,
-                        addCommas: false,
-                        digits: 2
-                      }) }),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-whitespace-nowrap", children: (_b = tokensMap[transaction.tokenDestination]) == null ? void 0 : _b.symbol }),
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        "img",
-                        {
-                          src: (_c = tokensMap[transaction.tokenDestination]) == null ? void 0 : _c.pngUrl,
-                          alt: "",
-                          className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-whitespace-nowrap", children: "from" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-text-wrap", children: reactjs_utils_formatAmount.formatAmount({
-                        decimals: (_d = tokensMap[transaction.tokenSource]) == null ? void 0 : _d.decimals,
-                        amount: transaction.amountIn,
-                        addCommas: false,
-                        digits: 2
-                      }) }),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-whitespace-nowrap", children: (_e = tokensMap[transaction.tokenSource]) == null ? void 0 : _e.symbol }),
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-items-center liq-relative", children: [
-                        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "liq-h-6 liq-w-6 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-                          "img",
-                          {
-                            src: (_f = tokensMap[transaction.tokenSource]) == null ? void 0 : _f.pngUrl,
-                            alt: "",
-                            className: "liq-asset-icon liq-sm liq-p-0"
-                          }
-                        ) }) }),
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          "img",
-                          {
-                            src: (_g = chainsMap[transaction.fromChainId]) == null ? void 0 : _g.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        reactjs_components_base_MxTooltip_MxTooltip.MxTooltip,
-                        {
-                          placement: "top",
-                          buttonText: /* @__PURE__ */ jsxRuntime.jsx(
-                            reactFontawesome.FontAwesomeIcon,
-                            {
-                              icon: faArrowUpShortWide.faArrowUpShortWide,
-                              className: "liq-mx-1 liq-flex liq-items-center"
-                            }
-                          ),
-                          children: "Transfer"
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-text-wrap", children: reactjs_utils_formatAmount.formatAmount({
-                        decimals: (_h = tokensMap[transaction.tokenSource]) == null ? void 0 : _h.decimals,
-                        amount: transaction.amountIn,
-                        addCommas: false,
-                        digits: 2
-                      }) }),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-whitespace-nowrap", children: (_i = tokensMap[transaction.tokenSource]) == null ? void 0 : _i.symbol }),
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        "img",
-                        {
-                          src: (_j = tokensMap[transaction.tokenSource]) == null ? void 0 : _j.pngUrl,
-                          alt: "",
-                          className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-whitespace-nowrap", children: "to" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-text-wrap", children: reactjs_utils_formatAmount.formatAmount({
-                        decimals: (_k = tokensMap[transaction.tokenDestination]) == null ? void 0 : _k.decimals,
-                        amount: transaction.amountOut,
-                        addCommas: false,
-                        digits: 2
-                      }) }),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-whitespace-nowrap", children: (_l = tokensMap[transaction.tokenDestination]) == null ? void 0 : _l.symbol }),
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-items-center liq-relative", children: [
-                        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "liq-h-6 liq-w-6 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-                          "img",
-                          {
-                            src: (_m = tokensMap[transaction.tokenDestination]) == null ? void 0 : _m.pngUrl,
-                            alt: "",
-                            className: "liq-asset-icon liq-sm liq-p-0"
-                          }
-                        ) }) }),
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          "img",
-                          {
-                            src: (_n = chainsMap[transaction.toChainId]) == null ? void 0 : _n.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"
-                          }
-                        )
-                      ] })
-                    ] })
-                  ]
-                }
-              ),
-              transaction.provider === types_providerType.ProviderType.MultiversxBridge && /* @__PURE__ */ jsxRuntime.jsx(
-                "a",
-                {
-                  href: `${options.bridgeURL}/status/${transaction.txHash}`,
-                  target: "_blank",
-                  className: "liq-flex",
-                  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-                    reactjs_components_base_MxTooltip_MxTooltip.MxTooltip,
-                    {
-                      placement: "top",
-                      buttonText: /* @__PURE__ */ jsxRuntime.jsx(
-                        "img",
-                        {
-                          src: ArrowUpRight,
-                          alt: "",
-                          className: "liq-flex liq-items-center liq-justify-center liq-rounded-full liq-text-neutral-200"
-                        }
-                      ),
-                      shouldStopPropagation: false,
-                      children: "View"
-                    }
-                  ) })
-                }
-              )
-            ] })
-          },
-          `${transaction.txHash}-${index}`
-        );
-      })
-    ] })
-  ] });
-};
-exports.BridgeHistory = BridgeHistory;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),G=require("@fortawesome/free-solid-svg-icons/faArrowDownShortWide"),X=require("@fortawesome/free-solid-svg-icons/faArrowUpShortWide"),Q=require("@fortawesome/free-solid-svg-icons/faCircleCheck"),E=require("@fortawesome/free-solid-svg-icons/faCircleXmark"),z=require("@fortawesome/free-solid-svg-icons/faClock"),Y=require("@fortawesome/free-solid-svg-icons/faClose"),t=require("@fortawesome/react-fontawesome"),o=require("react");require("yup");require("@multiversx/sdk-dapp-utils/out/helpers/parseAmount");require("bignumber.js");const Z=require("../../hooks/useAccount.js");require("@reown/appkit/react");require("axios");const J=require("../../context/useWeb3App.js");require("formik");const K=require("../../../types/providerType.js"),ee=require("../../hooks/useFetchBridgeData.js"),le=require("../../../constants/index.js");require("@tanstack/react-query");require("../../constants/index.js");require("@reown/appkit-adapter-solana/react");require("@solana/web3.js");require("wagmi");require("@reown/appkit-controllers");const a=require("../../../helpers/safeImageUrl.js"),W=require("../../queries/useGetHistory.query.js"),u=require("../../utils/formatAmount.js"),n=require("../../utils/mxClsx.js"),ie=require("../base/MxButton/MxButton.js"),c=require("../base/MxCard/MxCard.js");require("../base/MxLink/MxLink.js");require("../base/MxSearch/MxSearch.js");require("@headlessui/react");const x=require("../base/MxTooltip/MxTooltip.js"),se="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",re=({mvxAddress:h,onClose:R})=>{const{options:g,bridgeOnly:j}=J.useWeb3App(),O=Z.useAccount(),{data:w,isLoading:N,isError:P}=W.useGetHistoryQuery({address:h}),{data:p}=W.useGetHistoryQuery({address:O.address??""}),q=o.useMemo(()=>{const l=w??[],r=j&&p?p:[];return[...l,...r].sort((m,d)=>d.depositTimestamp-m.depositTimestamp)},[j,p,w]),b=o.useCallback(l=>{switch(l.status){case"success":return e.jsx(t.FontAwesomeIcon,{icon:Q.faCircleCheck,size:"lg",className:"liq-flex liq-items-center liq-justify-center liq-rounded-full liq-text-green-400"});case"failed":return e.jsx(t.FontAwesomeIcon,{icon:E.faCircleXmark,size:"lg",className:"liq-flex liq-items-center liq-justify-center liq-rounded-full liq-text-red-400"});default:return e.jsx(t.FontAwesomeIcon,{icon:z.faClock,size:"lg",className:"liq-flex liq-items-center liq-justify-center liq-rounded-full liq-text-yellow-400"})}},[]),s=o.useMemo(()=>q==null?void 0:q.map(l=>({...l,tokenDestination:l.tokenOut.toLowerCase(),tokenSource:l.tokenIn.toLowerCase(),sender:l.sender.toLowerCase(),statusIcon:b(l)})),[q,b]),{evmTokensWithBalances:C,mvxTokensWithBalances:v,chains:y,isTokensLoading:V,isChainsLoading:$}=ee.useFetchBridgeData({mvxAddress:h,mvxApiURL:g.mvxApiURL}),i=o.useMemo(()=>[...C??[],...v??[]].reduce((l,r)=>(l[r.address.toLowerCase()]=r,l),{}),[C,v]),k=o.useMemo(()=>(y??[]).reduce((l,r)=>(l[r.chainId.toString()]=r,l),{}),[y]),f=n.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] !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":N||V||$});return N&&!s?e.jsx(c.MxCard,{className:n.mxClsx("liq-flex",f)}):P&&!s?e.jsx(c.MxCard,{className:n.mxClsx("liq-flex liq-flex-col liq-gap-1",f),children:"Something went wrong. Please try again later."}):e.jsxs(c.MxCard,{className:n.mxClsx("liq-flex liq-flex-col liq-gap-1",f),children:[e.jsxs("div",{className:"liq-flex liq-items-center liq-justify-between liq-py-1 liq-mt-0.5",children:[e.jsx("div",{className:"liq-flex liq-flex-1 liq-items-center liq-justify-center liq-text-center liq-text-lg",children:"History"}),e.jsx(ie.MxButton,{btnSize:"md",className:"liq-border-none !liq-p-0 !liq-mr-2",variant:"link-neutral-500",onClick:R,children:e.jsx(t.FontAwesomeIcon,{icon:Y.faClose,size:"xl"})})]}),e.jsxs("div",{className:"scrollbar-thin liq-flex liq-flex-1 liq-flex-col liq-gap-1 liq-overflow-y-scroll",children:[(s==null?void 0:s.length)===0&&e.jsx(c.MxCard,{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:e.jsxs("div",{className:"liq-align-center liq-flex liq-flex-col liq-justify-center liq-gap-8",children:[e.jsx("div",{className:"liq-flex liq-items-center liq-justify-center",children:e.jsx(t.FontAwesomeIcon,{icon:z.faClock,size:"6x",className:"liq-rounded-full liq-bg-primary-400 liq-text-[#2b617a]"})}),e.jsxs("div",{className:n.mxClsx("liq-flex liq-flex-col liq-items-center"),children:[e.jsx("div",{className:"liq-text-xl",children:"No transactions"}),e.jsx("div",{className:"liq-text-neutral-400",children:"Your transactions history will appear here"})]})]})}),s&&(s==null?void 0:s.length)>0&&s.map((l,r)=>{var m,d,_,I,M,A,T,S,U,D,L,B,F,H;return e.jsx(c.MxCard,{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:e.jsxs("div",{className:"liq-align-center liq-flex liq-justify-between liq-gap-1",children:[e.jsxs("div",{className:n.mxClsx("liq-flex liq-items-center liq-gap-1",{"liq-text-yellow-200":l.status==="pending","liq-text-green-200":l.status==="success","liq-text-red-200":l.status==="failed"}),children:[e.jsx(x.MxTooltip,{placement:"top",buttonText:l.statusIcon,children:new Date(l.depositTimestamp*1e3).toLocaleString()}),le.MVX_CHAIN_IDS.includes(l.toChainId)?e.jsxs(e.Fragment,{children:[e.jsx(x.MxTooltip,{placement:"top",buttonText:e.jsx(t.FontAwesomeIcon,{icon:G.faArrowDownShortWide,className:"liq-mx-1 liq-flex liq-items-center"}),children:"Deposit"}),e.jsx("span",{className:"liq-text-wrap",children:u.formatAmount({decimals:(m=i[l.tokenDestination])==null?void 0:m.decimals,amount:l.amountOut,addCommas:!1,digits:2})}),e.jsx("span",{className:"liq-whitespace-nowrap",children:(d=i[l.tokenDestination])==null?void 0:d.symbol}),e.jsx("img",{src:a.safeImageUrl((_=i[l.tokenDestination])==null?void 0:_.pngUrl),alt:"",className:"liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"}),e.jsx("span",{className:"liq-whitespace-nowrap",children:"from"}),e.jsx("span",{className:"liq-text-wrap",children:u.formatAmount({decimals:(I=i[l.tokenSource])==null?void 0:I.decimals,amount:l.amountIn,addCommas:!1,digits:2})}),e.jsx("span",{className:"liq-whitespace-nowrap",children:(M=i[l.tokenSource])==null?void 0:M.symbol}),e.jsxs("div",{className:"liq-flex liq-items-center liq-relative",children:[e.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:e.jsx("div",{className:"liq-h-6 liq-w-6 liq-flex liq-items-center liq-justify-center",children:e.jsx("img",{src:a.safeImageUrl((A=i[l.tokenSource])==null?void 0:A.pngUrl),alt:"",className:"liq-asset-icon liq-sm liq-p-0"})})}),e.jsx("img",{src:a.safeImageUrl((T=k[l.fromChainId])==null?void 0:T.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"})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(x.MxTooltip,{placement:"top",buttonText:e.jsx(t.FontAwesomeIcon,{icon:X.faArrowUpShortWide,className:"liq-mx-1 liq-flex liq-items-center"}),children:"Transfer"}),e.jsx("span",{className:"liq-text-wrap",children:u.formatAmount({decimals:(S=i[l.tokenSource])==null?void 0:S.decimals,amount:l.amountIn,addCommas:!1,digits:2})}),e.jsx("span",{className:"liq-whitespace-nowrap",children:(U=i[l.tokenSource])==null?void 0:U.symbol}),e.jsx("img",{src:a.safeImageUrl((D=i[l.tokenSource])==null?void 0:D.pngUrl),alt:"",className:"liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"}),e.jsx("span",{className:"liq-whitespace-nowrap",children:"to"}),e.jsx("span",{className:"liq-text-wrap",children:u.formatAmount({decimals:(L=i[l.tokenDestination])==null?void 0:L.decimals,amount:l.amountOut,addCommas:!1,digits:2})}),e.jsx("span",{className:"liq-whitespace-nowrap",children:(B=i[l.tokenDestination])==null?void 0:B.symbol}),e.jsxs("div",{className:"liq-flex liq-items-center liq-relative",children:[e.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:e.jsx("div",{className:"liq-h-6 liq-w-6 liq-flex liq-items-center liq-justify-center",children:e.jsx("img",{src:a.safeImageUrl((F=i[l.tokenDestination])==null?void 0:F.pngUrl),alt:"",className:"liq-asset-icon liq-sm liq-p-0"})})}),e.jsx("img",{src:a.safeImageUrl((H=k[l.toChainId])==null?void 0:H.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"})]})]})]}),l.provider===K.ProviderType.MultiversxBridge&&e.jsx("a",{href:`${g.bridgeURL}/status/${l.txHash}`,target:"_blank",rel:"noopener noreferrer",className:"liq-flex",children:e.jsx("div",{className:"liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1",children:e.jsx(x.MxTooltip,{placement:"top",buttonText:e.jsx("img",{src:se,alt:"",className:"liq-flex liq-items-center liq-justify-center liq-rounded-full liq-text-neutral-200"}),shouldStopPropagation:!1,children:"View"})})})]})},`${l.txHash}-${r}`)})]})]})};exports.BridgeHistory=re;