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

package/reactjs/components/BridgeForm/Transfer.mjs

@@ -1,471 +1,359 @@
-import { jsx as r, Fragment as pi, jsxs as l } from "react/jsx-runtime";
-import { formatAmount as ui } from "@multiversx/sdk-dapp-utils/out/helpers/formatAmount";
-import { useAppKitNetwork as hi } from "@reown/appkit/react";
-import fi from "lodash/debounce";
-import { useRef as gi, useState as C, useMemo as p, useCallback as u, useEffect as I } from "react";
-import { toast as fe } from "react-toastify";
-import { useBridgeTokenSelection as qi } from "./hooks/useBridgeTokenSelection.mjs";
-import { MVX_CHAIN_IDS as ge } from "../../../constants/index.mjs";
-import { getApiURL as vi } from "../../../helpers/getApiURL.mjs";
-import "../../constants/index.mjs";
-import { safeImageUrl as T } from "../../../helpers/safeImageUrl.mjs";
-import "@solana/web3.js";
-import "bitcoinjs-lib";
-import "viem";
-import { ChainType as bi } from "../../../types/chainType.mjs";
-import { ProviderType as Ci } from "../../../types/providerType.mjs";
-import { useWeb3App as qe } from "../../context/useWeb3App.mjs";
-import { sameBridgeApiChainId as ee, toBridgeApiChainId as Ii } from "../../helpers/resolveBridgeApiChainId.mjs";
-import "yup";
-import "@multiversx/sdk-dapp-utils/out/helpers/parseAmount";
-import "bignumber.js";
-import { useAccount as xi } from "../../hooks/useAccount.mjs";
-import "axios";
-import { useBridgeFormik as Ai, BridgeFormikValuesEnum as j } from "../../hooks/useBridgeFormik.mjs";
-import { useFetchBridgeData as Ni } from "../../hooks/useFetchBridgeData.mjs";
-import { useBridgeApiChainId as Bi } from "../../hooks/useBridgeApiChainId.mjs";
-import "@tanstack/react-query";
-import { useGetChainId as wi } from "../../hooks/useGetChainId.mjs";
-import { useSendTransactions as yi } from "../../hooks/useSendTransactions.mjs";
-import "@reown/appkit-adapter-solana/react";
-import "wagmi";
-import "@reown/appkit-controllers";
-import { useDisconnectOnChainTypeChange as Di } from "../../hooks/useDisconnectOnChainTypeChange.mjs";
-import { useNamespaceAddress as Ei } from "../../hooks/useNamespaceAddress.mjs";
-import { useInvalidateHistoryQuery as Oi } from "../../queries/useGetHistory.query.mjs";
-import { useGetRateMutation as Mi } from "../../queries/useGetRate.mutation.mjs";
-import { mxClsx as ve } from "../../utils/mxClsx.mjs";
-import { AmountCard as be } from "../AmountCard/AmountCard.mjs";
-import { AmountInput as Ce } from "../AmountInput/AmountInput.mjs";
-import { MxButton as Ri } from "../base/MxButton/MxButton.mjs";
-import "../base/MxCard/MxCard.mjs";
-import "../base/MxLink/MxLink.mjs";
-import "../base/MxSearch/MxSearch.mjs";
-import "@fortawesome/free-solid-svg-icons/faClose";
-import "@fortawesome/react-fontawesome";
-import "@headlessui/react";
-import "react-dom";
-import "react-popper";
-import "../base/MxTooltip/components/TooltipContainer/TooltipContainer.mjs";
-import { BridgeHistory as Vi } from "../BridgeHistory/BridgeHistory.mjs";
-import { BridgeConnectButton as Li } from "../Connect/BridgeConnectButton.mjs";
-import { MvxConnectButton as Fi } from "../Connect/MvxConnectButton.mjs";
-import { BridgeAccountDisplay as Ui } from "../Connect/BridgeAccountDisplay.mjs";
-import { MvxAccountDisplay as ji } from "../Connect/MvxAccountDisplay.mjs";
-import { ToggleDirection as Pi } from "../ToggleDirection/ToggleDirection.mjs";
-import { TokenSelector as Ie } from "../TokenSelector/TokenSelector.mjs";
-let P;
-const Qt = ({
-  mvxChainId: x,
-  mvxAddress: a,
-  username: xe,
-  callbackRoute: Ae = "/",
-  firstTokenIdentifier: Ne,
-  secondTokenIdentifier: Be,
-  firstTokenAmount: O,
-  secondTokenAmount: A,
-  refetchTrigger: we,
-  showHistory: ye,
-  forcedDestinationTokenSymbol: De,
-  onSuccessfullySentTransaction: m,
-  onFailedSentTransaction: h,
-  onHistoryClose: M,
-  onMvxConnect: ie,
-  onMvxDisconnect: Ee,
-  onNavigate: Oe,
-  onChangeDirection: Me
-}) => {
-  var ue, he;
-  const Re = gi(null), [W, Ve] = C(!1), [Le, Fe] = C(1), [G, te] = C(0), [re, oe] = C([]), Ue = xi(), { switchNetwork: ne } = hi(), ae = Oi(), {
-    options: le,
-    supportedChains: N,
-    nativeAuthToken: B,
-    bridgeOnly: je
-  } = qe(), Q = wi(), se = Bi(), me = yi(), {
-    signMvxTransactions: _,
-    resetMvxTransactionHash: R,
-    latestMvxTransactionHash: $
-  } = qe(), {
-    evmTokensWithBalances: Pe,
-    mvxTokensWithBalances: We,
-    isTokensLoading: Ge,
-    isLoadingEvmTokensBalances: Qe,
-    isLoadingMvxTokensBalances: _e,
-    chains: w = [],
-    isChainsLoading: $e
-  } = Ni({
-    refetchTrigger: we,
-    mvxAddress: a,
-    mvxApiURL: le.mvxApiURL
-  }), z = Ge || Qe || _e || $e, ze = p(() => N.find((e) => ee(e.id, Q)), [Q, N]), g = p(() => w.find(
-    (e) => e.chainId.toString() === x.toString()
-  ), [Q, w]), {
-    mutate: ce,
-    data: n,
-    isPending: y,
-    error: q
-  } = Mi(), D = ((ue = q == null ? void 0 : q.response) == null ? void 0 : ue.status) === 400 ? (he = q == null ? void 0 : q.response) == null ? void 0 : he.data.message : void 0, He = u(
-    (e) => {
-      const b = N.find(
-        (di) => ee(di.id, e.id)
-      );
-      b && ne(b);
-    },
-    [N, ne]
-  ), {
-    firstToken: i,
-    secondToken: t,
-    fromOptions: Ke,
-    toOptions: Xe,
-    selectedChainOption: E,
-    onChangeFirstSelect: Ye,
-    onChangeSecondSelect: Je,
-    handleChangeDirection: Ze
-  } = qi({
-    chains: w,
-    activeChain: ze,
-    sdkChains: N,
-    switchNetwork: He,
-    fromTokens: We,
-    toTokens: Pe,
-    firstTokenIdentifier: Ne,
-    secondTokenIdentifier: Be,
-    forcedDestinationTokenSymbol: De,
-    isTokensLoading: z,
-    mvxChainId: x,
-    callbackRoute: Ae,
-    onNavigate: Oe
-  }), ke = () => {
-    Ze(), Me();
-  }, [c, Se] = C(O ?? ""), [V, L] = C(A ?? ""), Te = p(() => i ? ge.includes(i.chainId.toString()) : !1, [i == null ? void 0 : i.chainId]), ei = p(() => t ? ge.includes(t.chainId.toString()) : !1, [t == null ? void 0 : t.chainId]), o = p(() => t ? w.find(
-    (e) => ee(e.chainId, t.chainId)
-  ) ?? E : E, [t == null ? void 0 : t.chainId, w, E]), F = p(
-    () => Ii(t == null ? void 0 : t.chainId) ?? se,
-    [t == null ? void 0 : t.chainId, se]
-  );
-  Di(o == null ? void 0 : o.chainType);
-  const s = Ei(o == null ? void 0 : o.chainType), ii = s, de = Ue.isConnected && !!s, H = c !== "" && V !== "", K = u(
-    fi(async (e) => {
-      !e || !Number(e) || !s || !(i != null && i.address) || !(t != null && t.address) || !E || !F || ce({
-        nativeAuthToken: B ?? "",
-        body: {
-          tokenIn: i.address,
-          amountIn: e,
-          fromChainId: x,
-          tokenOut: t.address,
-          toChainId: F
-        }
-      });
-    }, 500),
-    [
-      s,
-      F,
-      i == null ? void 0 : i.address,
-      t == null ? void 0 : t.address,
-      E,
-      x,
-      B,
-      ce
-    ]
-  ), d = u((e) => {
-    Se(() => e);
-  }, []), v = u((e) => {
-    L(() => e);
-  }, []), ti = u(() => {
-    M == null || M();
-  }, [M]), ri = u(() => {
-    const e = ui({
-      decimals: i == null ? void 0 : i.decimals,
-      input: (i == null ? void 0 : i.balance) ?? "0",
-      addCommas: !1,
-      digits: 4
-    });
-    f.setFieldValue("firstAmount", e), d(e);
-  }, [i == null ? void 0 : i.balance, i == null ? void 0 : i.decimals, d]), oi = u(
-    async (e) => {
-      d(""), v(""), ae(), ae(), m == null || m(e);
-    },
-    [
-      d,
-      v,
-      m
-    ]
-  ), ni = u(
-    async ({ transactions: e }) => {
-      te(() => e.length);
-      try {
-        if (!_)
-          throw new Error("signMvxTransactions function is not provided");
-        await _(e), oe(e);
-      } catch (b) {
-        console.error(b), fe.dismiss(), fe.error("Transaction cancelled"), h == null || h("Transaction cancelled"), te(0), li(), d(""), v("");
-      }
-    },
-    [
-      ii,
-      d,
-      v,
-      B,
-      oi,
-      _
-    ]
-  ), {
-    formik: f,
-    firstAmountError: X,
-    secondAmountError: Y,
-    fromChainError: J,
-    senderAddressError: Z,
-    receiverAddressError: k,
-    confirmRateError: S,
-    handleBlur: U,
-    handleChange: pe,
-    handleSubmit: ai,
-    resetSwapForm: li
-  } = Ai({
-    isMvxConnected: !!a,
-    rate: n,
-    sender: a ?? "",
-    receiver: s ?? "",
-    firstToken: i,
-    firstAmount: c,
-    fromChainId: x,
-    toChainId: F,
-    secondToken: t,
-    secondAmount: V,
-    setForceRefetchRate: Fe,
-    senderChainType: bi.mvx,
-    receiverChainType: o == null ? void 0 : o.chainType,
-    onSubmit: ni
-  }), si = !!(X || Y || J || D || Z || k || S), mi = p(() => c !== "" ? D ?? X : void 0, [X, c, D]), ci = p(() => V !== "" ? J ?? Y : void 0, [J, Y, V]);
-  return I(() => (c || L(""), K(c), P && clearInterval(P), P = setInterval(() => {
-    K(c);
-  }, 50 * 1e3), () => clearInterval(P)), [c, Le, K]), I(() => {
-    n != null && n.amountOut && (f.setFieldValue(j.secondAmount, n.amountOut), L(n.amountOut));
-  }, [n == null ? void 0 : n.amountOut]), I(() => {
-    D && (f.setFieldValue(j.secondAmount, "0"), L("0"));
-  }, [D]), I(() => {
-    O && (f.setFieldValue(
-      j.firstAmount,
-      O
-    ), d(O));
-  }, []), I(() => {
-    A && (f.setFieldValue(
-      j.secondAmount,
-      A
-    ), v(A));
-  }, [A]), I(() => {
-    if ($)
-      try {
-        const e = $;
-        me({
-          transactions: re.map((b) => ({
-            ...b,
-            txHash: e,
-            receiver: s
-          })),
-          provider: (n == null ? void 0 : n.provider) ?? Ci.None,
-          url: vi() ?? "",
-          token: B ?? ""
-        }), m == null || m([e]);
-      } catch (e) {
-        console.error("Error while sending transactions:", e), h == null || h(
-          "An error occurred while sending the transaction"
-        );
-        return;
-      } finally {
-        R == null || R(), oe([]);
-      }
-  }, [
-    $,
-    re,
-    s,
-    B,
-    h,
-    m,
-    n == null ? void 0 : n.provider,
-    R,
-    me
-  ]), /* @__PURE__ */ r(pi, { children: /* @__PURE__ */ l(
-    "form",
-    {
-      ref: Re,
-      noValidate: !0,
-      className: "liq-flex liq-flex-col liq-gap-1 liq-relative",
-      autoComplete: "off",
-      onSubmit: ai,
-      children: [
-        ye && /* @__PURE__ */ r(Vi, { mvxAddress: a, onClose: ti }),
-        /* @__PURE__ */ l(
-          be,
-          {
-            className: ve(
-              "liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",
-              {
-                "liq-pointer-events-none": W,
-                "focus-within:liq-outline-neutral-700/75 hover:liq-outline-neutral-700/55 hover:focus-within:liq-outline-neutral-700/80": !W
-              }
-            ),
-            children: [
-              /* @__PURE__ */ l("div", { className: "liq-flex liq-items-center liq-gap-1", children: [
-                /* @__PURE__ */ r("span", { children: "From" }),
-                /* @__PURE__ */ r(
-                  ji,
-                  {
-                    accountAddress: a,
-                    chainIcon: T(g == null ? void 0 : g.pngUrl),
-                    username: xe,
-                    accountExplorerUrl: `${le.mvxExplorerAddress}/accounts/${a}`,
-                    showTag: !0,
-                    onDisconnect: Ee,
-                    onConnect: ie
-                  }
-                )
-              ] }),
-              Z && /* @__PURE__ */ r("div", { className: "liq-text-red-400 liq-text-xs liq-mt-1", children: Z }),
-              /* @__PURE__ */ l("div", { className: "liq-flex liq-justify-between liq-gap-1", children: [
-                /* @__PURE__ */ r(
-                  Ce,
-                  {
-                    inputName: "firstAmount",
-                    inputValue: f.values.firstAmount,
-                    amountError: mi,
-                    disabled: !1,
-                    onInputDebounceChange: d,
-                    onInputChange: pe,
-                    onBlur: U
-                  }
-                ),
-                /* @__PURE__ */ r(
-                  Ie,
-                  {
-                    name: "firstToken",
-                    disabled: y,
-                    options: Ke,
-                    areOptionsLoading: z,
-                    isMvxSelector: Te,
-                    isDestination: !1,
-                    color: "neutral-850",
-                    onChange: Ye,
-                    onBlur: U,
-                    onMaxBtnClick: ri,
-                    selectedOption: i,
-                    onTokenSelectorDisplay: (e) => Ve(e)
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ r("div", { className: "liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10", children: je && /* @__PURE__ */ r(Pi, { onChangeDirection: ke }) }),
-        /* @__PURE__ */ l(
-          be,
-          {
-            className: ve(
-              "liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",
-              {
-                "liq-pointer-events-none": W
-              }
-            ),
-            children: [
-              /* @__PURE__ */ l("div", { className: "liq-flex liq-items-center liq-gap-1", children: [
-                /* @__PURE__ */ r("span", { children: "To" }),
-                /* @__PURE__ */ r(
-                  Ui,
-                  {
-                    disabled: y,
-                    activeChain: o
-                  }
-                )
-              ] }),
-              k && /* @__PURE__ */ r("div", { className: "liq-text-red-400 liq-text-xs liq-mt-1", children: k }),
-              S && /* @__PURE__ */ r("div", { className: "liq-text-red-400 liq-text-xs liq-mt-1", children: S }),
-              /* @__PURE__ */ l("div", { className: "liq-flex liq-justify-between liq-gap-1", children: [
-                /* @__PURE__ */ r(
-                  Ce,
-                  {
-                    inputName: "secondAmount",
-                    inputValue: f.values.secondAmount,
-                    amountError: ci,
-                    disabled: !1,
-                    onInputDebounceChange: v,
-                    onInputChange: pe,
-                    onBlur: U
-                  }
-                ),
-                /* @__PURE__ */ r(
-                  Ie,
-                  {
-                    name: "secondToken",
-                    disabled: y,
-                    omitDisableClass: !0,
-                    options: Xe,
-                    areOptionsLoading: z,
-                    isMvxSelector: ei,
-                    color: "neutral-850",
-                    onChange: Je,
-                    onBlur: U,
-                    selectedOption: t
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ l("div", { className: "liq-flex liq-items-center liq-justify-center", children: [
-          !a && /* @__PURE__ */ r(
-            Fi,
-            {
-              mvxAccountAddress: a,
-              icon: T(g == null ? void 0 : g.pngUrl),
-              onClick: ie
-            }
-          ),
-          a && !de && /* @__PURE__ */ r(
-            Li,
-            {
-              className: "liq-w-full liq-rounded-xl liq-bg-neutral-850/50 liq-px-8 liq-py-3 liq-font-semibold liq-text-primary-200 liq-transition-colors liq-duration-200 hover:enabled:liq-bg-primary-700/80 disabled:liq-opacity-50",
-              disabled: y,
-              activeChain: o
-            }
-          ),
-          a && de && /* @__PURE__ */ l(
-            Ri,
-            {
-              "data-testid": "submit-button",
-              type: "submit",
-              variant: "neutral-850",
-              className: "liq-w-full disabled:liq-bg-neutral-850/50 liq-py-3 hover:enabled:liq-bg-primary !liq-text-primary-200",
-              disabled: !H || y || !a || !s || si,
-              children: [
-                H && /* @__PURE__ */ l("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
-                  /* @__PURE__ */ r("div", { children: "Transfer to " }),
-                  /* @__PURE__ */ r(
-                    "img",
-                    {
-                      src: T(o == null ? void 0 : o.pngUrl),
-                      alt: "",
-                      className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
-                    }
-                  ),
-                  /* @__PURE__ */ r("div", { children: o == null ? void 0 : o.networkName })
-                ] }),
-                !H && /* @__PURE__ */ r("span", { className: "liq-text-neutral-100", children: "Enter amount" })
-              ]
-            }
-          )
-        ] }),
-        s && G > 0 && /* @__PURE__ */ r("div", { className: "liq-flex liq-items-center liq-justify-center liq-text-neutral-300 liq-text-sm", children: /* @__PURE__ */ l("div", { children: [
-          "You will be asked to sign ",
-          G,
-          " ",
-          G > 1 ? "transactions" : "transaction",
-          " ",
-          "on your wallet"
-        ] }) })
-      ]
-    }
-  ) });
-};
-export {
-  Qt as Transfer
+import { MVX_CHAIN_IDS as e } from "../../../constants/index.mjs";
+import { getApiURL as t } from "../../../helpers/getApiURL.mjs";
+import { safeImageUrl as n } from "../../../helpers/safeImageUrl.mjs";
+import { ChainType as ee } from "../../../types/chainType.mjs";
+import "../../../helpers/index.mjs";
+import { mxClsx as te } from "../../utils/mxClsx.mjs";
+import { MxButton as ne } from "../base/MxButton/MxButton.mjs";
+import "../base/index.mjs";
+import { AmountCard as re } from "../AmountCard/AmountCard.mjs";
+import "../AmountCard/index.mjs";
+import { AmountInput as ie } from "../AmountInput/AmountInput.mjs";
+import "../AmountInput/index.mjs";
+import { sameBridgeApiChainId as r, toBridgeApiChainId as ae } from "../../helpers/resolveBridgeApiChainId.mjs";
+import { useBridgeTokenSelection as oe } from "./hooks/useBridgeTokenSelection.mjs";
+import { useWeb3App as se } from "../../context/useWeb3App.mjs";
+import { useAccount as ce } from "../../hooks/useAccount.mjs";
+import { useBridgeApiChainId as le } from "../../hooks/useBridgeApiChainId.mjs";
+import { ProviderType as ue } from "../../../types/providerType.mjs";
+import { BridgeFormikValuesEnum as i, useBridgeFormik as de } from "../../hooks/useBridgeFormik.mjs";
+import { useDisconnectOnChainTypeChange as fe } from "../../hooks/useDisconnectOnChainTypeChange.mjs";
+import { useGetChainId as pe } from "../../hooks/useGetChainId.mjs";
+import { useSendTransactions as me } from "../../hooks/useSendTransactions.mjs";
+import { t as he } from "../../../useFetchBridgeData-C_hZjzd_.mjs";
+import { useNamespaceAddress as ge } from "../../hooks/useNamespaceAddress.mjs";
+import { useInvalidateHistoryQuery as _e } from "../../queries/useGetHistory.query.mjs";
+import { useGetRateMutation as ve } from "../../queries/useGetRate.mutation.mjs";
+import { t as ye } from "../../../BridgeHistory-CInRkJ6T.mjs";
+import "../BridgeHistory/index.mjs";
+import { BridgeConnectButton as be } from "../Connect/BridgeConnectButton.mjs";
+import { MvxConnectButton as xe } from "../Connect/MvxConnectButton.mjs";
+import { BridgeAccountDisplay as Se } from "../Connect/BridgeAccountDisplay.mjs";
+import { MvxAccountDisplay as Ce } from "../Connect/MvxAccountDisplay.mjs";
+import "../Connect/index.mjs";
+import { t as we } from "../../../ToggleDirection-BLDXxUlN.mjs";
+import { TokenSelector as Te } from "../TokenSelector/TokenSelector.mjs";
+import "../TokenSelector/index.mjs";
+import { Fragment as Ee, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useCallback as s, useEffect as c, useMemo as l, useRef as De, useState as u } from "react";
+import { formatAmount as Oe } from "@multiversx/sdk-dapp-utils/out/helpers/formatAmount";
+import { useAppKitNetwork as ke } from "@reown/appkit/react";
+import Ae from "lodash/debounce";
+import { toast as je } from "react-toastify";
+//#region src/reactjs/components/BridgeForm/Transfer.tsx
+var d, f = ({ mvxChainId: f, mvxAddress: p, username: Me, callbackRoute: Ne = "/", firstTokenIdentifier: Pe, secondTokenIdentifier: Fe, firstTokenAmount: m, secondTokenAmount: h, refetchTrigger: Ie, showHistory: Le, forcedDestinationTokenSymbol: Re, onSuccessfullySentTransaction: g, onFailedSentTransaction: _, onHistoryClose: v, onMvxConnect: ze, onMvxDisconnect: Be, onNavigate: Ve, onChangeDirection: He }) => {
+	let Ue = De(null), [y, We] = u(!1), [Ge, Ke] = u(1), [b, qe] = u(0), [Je, Ye] = u([]), Xe = ce(), { switchNetwork: Ze } = ke(), Qe = _e(), { options: $e, supportedChains: x, nativeAuthToken: S, bridgeOnly: et } = se(), C = pe(), tt = le(), nt = me(), { signMvxTransactions: w, resetMvxTransactionHash: rt, latestMvxTransactionHash: T } = se(), { evmTokensWithBalances: it, mvxTokensWithBalances: at, isTokensLoading: ot, isLoadingEvmTokensBalances: st, isLoadingMvxTokensBalances: ct, chains: E = [], isChainsLoading: lt } = he({
+		refetchTrigger: Ie,
+		mvxAddress: p,
+		mvxApiURL: $e.mvxApiURL
+	}), D = ot || st || ct || lt, ut = l(() => x.find((e) => r(e.id, C)), [C, x]), dt = l(() => E.find((e) => e.chainId.toString() === f.toString()), [C, E]), { mutate: O, data: k, isPending: A, error: ft } = ve(), j = ft?.response?.status === 400 ? ft?.response?.data.message : void 0, { firstToken: M, secondToken: N, fromOptions: pt, toOptions: mt, selectedChainOption: P, onChangeFirstSelect: ht, onChangeSecondSelect: gt, handleChangeDirection: _t } = oe({
+		chains: E,
+		activeChain: ut,
+		sdkChains: x,
+		switchNetwork: s((e) => {
+			let t = x.find((t) => r(t.id, e.id));
+			t && Ze(t);
+		}, [x, Ze]),
+		fromTokens: at,
+		toTokens: it,
+		firstTokenIdentifier: Pe,
+		secondTokenIdentifier: Fe,
+		forcedDestinationTokenSymbol: Re,
+		isTokensLoading: D,
+		mvxChainId: f,
+		callbackRoute: Ne,
+		onNavigate: Ve
+	}), vt = () => {
+		_t(), He();
+	}, [F, yt] = u(m ?? ""), [I, L] = u(h ?? ""), bt = l(() => M ? e.includes(M.chainId.toString()) : !1, [M?.chainId]), xt = l(() => N ? e.includes(N.chainId.toString()) : !1, [N?.chainId]), R = l(() => N ? E.find((e) => r(e.chainId, N.chainId)) ?? P : P, [
+		N?.chainId,
+		E,
+		P
+	]), z = l(() => ae(N?.chainId) ?? tt, [N?.chainId, tt]);
+	fe(R?.chainType);
+	let B = ge(R?.chainType), St = B, Ct = Xe.isConnected && !!B, V = F !== "" && I !== "", H = s(Ae(async (e) => {
+		!e || !Number(e) || !B || !M?.address || !N?.address || !P || !z || O({
+			nativeAuthToken: S ?? "",
+			body: {
+				tokenIn: M.address,
+				amountIn: e,
+				fromChainId: f,
+				tokenOut: N.address,
+				toChainId: z
+			}
+		});
+	}, 500), [
+		B,
+		z,
+		M?.address,
+		N?.address,
+		P,
+		f,
+		S,
+		O
+	]), U = s((e) => {
+		yt(() => e);
+	}, []), W = s((e) => {
+		L(() => e);
+	}, []), wt = s(() => {
+		v?.();
+	}, [v]), Tt = s(() => {
+		let e = Oe({
+			decimals: M?.decimals,
+			input: M?.balance ?? "0",
+			addCommas: !1,
+			digits: 4
+		});
+		G.setFieldValue("firstAmount", e), U(e);
+	}, [
+		M?.balance,
+		M?.decimals,
+		U
+	]), Et = s(async ({ transactions: e }) => {
+		qe(() => e.length);
+		try {
+			if (!w) throw Error("signMvxTransactions function is not provided");
+			await w(e), Ye(e);
+		} catch (e) {
+			console.error(e), je.dismiss(), je.error("Transaction cancelled"), _?.("Transaction cancelled"), qe(0), Ot(), U(""), W("");
+		}
+	}, [
+		St,
+		U,
+		W,
+		S,
+		s(async (e) => {
+			U(""), W(""), Qe(), Qe(), g?.(e);
+		}, [
+			U,
+			W,
+			g
+		]),
+		w
+	]), { formik: G, firstAmountError: K, secondAmountError: q, fromChainError: J, senderAddressError: Y, receiverAddressError: X, confirmRateError: Z, handleBlur: Q, handleChange: $, handleSubmit: Dt, resetSwapForm: Ot } = de({
+		isMvxConnected: !!p,
+		rate: k,
+		sender: p ?? "",
+		receiver: B ?? "",
+		firstToken: M,
+		firstAmount: F,
+		fromChainId: f,
+		toChainId: z,
+		secondToken: N,
+		secondAmount: I,
+		setForceRefetchRate: Ke,
+		senderChainType: ee.mvx,
+		receiverChainType: R?.chainType,
+		onSubmit: Et
+	}), kt = !!(K || q || J || j || Y || X || Z), At = l(() => F === "" ? void 0 : j ?? K, [
+		K,
+		F,
+		j
+	]), jt = l(() => I === "" ? void 0 : J ?? q, [
+		J,
+		q,
+		I
+	]);
+	return c(() => (F || L(""), H(F), d && clearInterval(d), d = setInterval(() => {
+		H(F);
+	}, 50 * 1e3), () => clearInterval(d)), [
+		F,
+		Ge,
+		H
+	]), c(() => {
+		k?.amountOut && (G.setFieldValue(i.secondAmount, k.amountOut), L(k.amountOut));
+	}, [k?.amountOut]), c(() => {
+		j && (G.setFieldValue(i.secondAmount, "0"), L("0"));
+	}, [j]), c(() => {
+		m && (G.setFieldValue(i.firstAmount, m), U(m));
+	}, []), c(() => {
+		h && (G.setFieldValue(i.secondAmount, h), W(h));
+	}, [h]), c(() => {
+		if (T) try {
+			let e = T;
+			nt({
+				transactions: Je.map((t) => ({
+					...t,
+					txHash: e,
+					receiver: B
+				})),
+				provider: k?.provider ?? ue.None,
+				url: t() ?? "",
+				token: S ?? ""
+			}), g?.([e]);
+		} catch (e) {
+			console.error("Error while sending transactions:", e), _?.("An error occurred while sending the transaction");
+			return;
+		} finally {
+			rt?.(), Ye([]);
+		}
+	}, [
+		T,
+		Je,
+		B,
+		S,
+		_,
+		g,
+		k?.provider,
+		rt,
+		nt
+	]), /* @__PURE__ */ a(Ee, { children: /* @__PURE__ */ o("form", {
+		ref: Ue,
+		noValidate: !0,
+		className: "liq-flex liq-flex-col liq-gap-1 liq-relative",
+		autoComplete: "off",
+		onSubmit: Dt,
+		children: [
+			Le && /* @__PURE__ */ a(ye, {
+				mvxAddress: p,
+				onClose: wt
+			}),
+			/* @__PURE__ */ o(re, {
+				className: te("liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6", {
+					"liq-pointer-events-none": y,
+					"focus-within:liq-outline-neutral-700/75 hover:liq-outline-neutral-700/55 hover:focus-within:liq-outline-neutral-700/80": !y
+				}),
+				children: [
+					/* @__PURE__ */ o("div", {
+						className: "liq-flex liq-items-center liq-gap-1",
+						children: [/* @__PURE__ */ a("span", { children: "From" }), /* @__PURE__ */ a(Ce, {
+							accountAddress: p,
+							chainIcon: n(dt?.pngUrl),
+							username: Me,
+							accountExplorerUrl: `${$e.mvxExplorerAddress}/accounts/${p}`,
+							showTag: !0,
+							onDisconnect: Be,
+							onConnect: ze
+						})]
+					}),
+					Y && /* @__PURE__ */ a("div", {
+						className: "liq-text-red-400 liq-text-xs liq-mt-1",
+						children: Y
+					}),
+					/* @__PURE__ */ o("div", {
+						className: "liq-flex liq-justify-between liq-gap-1",
+						children: [/* @__PURE__ */ a(ie, {
+							inputName: "firstAmount",
+							inputValue: G.values.firstAmount,
+							amountError: At,
+							disabled: !1,
+							onInputDebounceChange: U,
+							onInputChange: $,
+							onBlur: Q
+						}), /* @__PURE__ */ a(Te, {
+							name: "firstToken",
+							disabled: A,
+							options: pt,
+							areOptionsLoading: D,
+							isMvxSelector: bt,
+							isDestination: !1,
+							color: "neutral-850",
+							onChange: ht,
+							onBlur: Q,
+							onMaxBtnClick: Tt,
+							selectedOption: M,
+							onTokenSelectorDisplay: (e) => We(e)
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10",
+				children: et && /* @__PURE__ */ a(we, { onChangeDirection: vt })
+			}),
+			/* @__PURE__ */ o(re, {
+				className: te("liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6", { "liq-pointer-events-none": y }),
+				children: [
+					/* @__PURE__ */ o("div", {
+						className: "liq-flex liq-items-center liq-gap-1",
+						children: [/* @__PURE__ */ a("span", { children: "To" }), /* @__PURE__ */ a(Se, {
+							disabled: A,
+							activeChain: R
+						})]
+					}),
+					X && /* @__PURE__ */ a("div", {
+						className: "liq-text-red-400 liq-text-xs liq-mt-1",
+						children: X
+					}),
+					Z && /* @__PURE__ */ a("div", {
+						className: "liq-text-red-400 liq-text-xs liq-mt-1",
+						children: Z
+					}),
+					/* @__PURE__ */ o("div", {
+						className: "liq-flex liq-justify-between liq-gap-1",
+						children: [/* @__PURE__ */ a(ie, {
+							inputName: "secondAmount",
+							inputValue: G.values.secondAmount,
+							amountError: jt,
+							disabled: !1,
+							onInputDebounceChange: W,
+							onInputChange: $,
+							onBlur: Q
+						}), /* @__PURE__ */ a(Te, {
+							name: "secondToken",
+							disabled: A,
+							omitDisableClass: !0,
+							options: mt,
+							areOptionsLoading: D,
+							isMvxSelector: xt,
+							color: "neutral-850",
+							onChange: gt,
+							onBlur: Q,
+							selectedOption: N
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "liq-flex liq-items-center liq-justify-center",
+				children: [
+					!p && /* @__PURE__ */ a(xe, {
+						mvxAccountAddress: p,
+						icon: n(dt?.pngUrl),
+						onClick: ze
+					}),
+					p && !Ct && /* @__PURE__ */ a(be, {
+						className: "liq-w-full liq-rounded-xl liq-bg-neutral-850/50 liq-px-8 liq-py-3 liq-font-semibold liq-text-primary-200 liq-transition-colors liq-duration-200 hover:enabled:liq-bg-primary-700/80 disabled:liq-opacity-50",
+						disabled: A,
+						activeChain: R
+					}),
+					p && Ct && /* @__PURE__ */ o(ne, {
+						"data-testid": "submit-button",
+						type: "submit",
+						variant: "neutral-850",
+						className: "liq-w-full disabled:liq-bg-neutral-850/50 liq-py-3 hover:enabled:liq-bg-primary !liq-text-primary-200",
+						disabled: !V || A || !p || !B || kt,
+						children: [V && /* @__PURE__ */ o("div", {
+							className: "liq-flex liq-justify-center liq-items-center liq-gap-2",
+							children: [
+								/* @__PURE__ */ a("div", { children: "Transfer to " }),
+								/* @__PURE__ */ a("img", {
+									src: n(R?.pngUrl),
+									alt: "",
+									className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
+								}),
+								/* @__PURE__ */ a("div", { children: R?.networkName })
+							]
+						}), !V && /* @__PURE__ */ a("span", {
+							className: "liq-text-neutral-100",
+							children: "Enter amount"
+						})]
+					})
+				]
+			}),
+			B && b > 0 && /* @__PURE__ */ a("div", {
+				className: "liq-flex liq-items-center liq-justify-center liq-text-neutral-300 liq-text-sm",
+				children: /* @__PURE__ */ o("div", { children: [
+					"You will be asked to sign ",
+					b,
+					" ",
+					b > 1 ? "transactions" : "transaction",
+					" ",
+					"on your wallet"
+				] })
+			})
+		]
+	}) });
 };
+//#endregion
+export { f as Transfer };