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

package/reactjs/components/BridgeForm/Deposit.mjs

@@ -1,574 +1,458 @@
-import { jsx as n, Fragment as Ri, jsxs as l } from "react/jsx-runtime";
-import { faSpinner as Ei } from "@fortawesome/free-solid-svg-icons/faSpinner";
-import { FontAwesomeIcon as Mi } from "@fortawesome/react-fontawesome";
-import { formatAmount as Pi } from "@multiversx/sdk-dapp-utils/out/helpers/formatAmount";
-import { useAppKitNetwork as Vi } from "@reown/appkit/react";
-import { waitForTransactionReceipt as Fi } from "@wagmi/core";
-import Li from "lodash/debounce";
-import { useRef as ke, useState as y, useMemo as g, useCallback as f, useEffect as N } from "react";
-import { toast as P } from "react-toastify";
-import { useBridgeTokenSelection as ki } from "./hooks/useBridgeTokenSelection.mjs";
-import { resolveSigningChainType as Ui } from "./utils/bridgeFormHelpers.mjs";
-import { MVX_CHAIN_IDS as Ue } from "../../../constants/index.mjs";
-import { getApiURL as ji } from "../../../helpers/getApiURL.mjs";
-import "../../constants/index.mjs";
-import { safeImageUrl as Q } from "../../../helpers/safeImageUrl.mjs";
-import "@solana/web3.js";
-import "bitcoinjs-lib";
-import "viem";
-import { ChainType as V } from "../../../types/chainType.mjs";
-import { useWeb3App as Hi } from "../../context/useWeb3App.mjs";
-import { sameBridgeApiChainId as me, toBridgeApiChainId as Oi } from "../../helpers/resolveBridgeApiChainId.mjs";
-import { useAccount as Wi } from "../../hooks/useAccount.mjs";
-import { useBridgeApiChainId as Xi } from "../../hooks/useBridgeApiChainId.mjs";
-import { useBridgeFormik as zi, BridgeFormikValuesEnum as _ } from "../../hooks/useBridgeFormik.mjs";
-import { useDisconnectOnChainTypeChange as Gi } from "../../hooks/useDisconnectOnChainTypeChange.mjs";
-import { useFetchBridgeData as Qi } from "../../hooks/useFetchBridgeData.mjs";
-import { useGetChainId as _i } from "../../hooks/useGetChainId.mjs";
-import { useNamespaceAddress as $i } from "../../hooks/useNamespaceAddress.mjs";
-import { useSendTransactions as Ki } from "../../hooks/useSendTransactions.mjs";
-import { useSignTransaction as Yi } from "../../hooks/useSignTransaction.mjs";
-import { useInvalidateHistoryQuery as Ji } from "../../queries/useGetHistory.query.mjs";
-import { useGetRateMutation as Zi } from "../../queries/useGetRate.mutation.mjs";
-import { mxClsx as je } from "../../utils/mxClsx.mjs";
-import { AmountCard as He } from "../AmountCard/AmountCard.mjs";
-import { AmountInput as Oe } from "../AmountInput/AmountInput.mjs";
-import { MxButton as Ti } 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 "@headlessui/react";
-import "react-dom";
-import "react-popper";
-import "../base/MxTooltip/components/TooltipContainer/TooltipContainer.mjs";
-import { BridgeHistory as et } from "../BridgeHistory/BridgeHistory.mjs";
-import { BridgeConnectButton as it } from "../Connect/BridgeConnectButton.mjs";
-import "wagmi";
-import { MvxConnectButton as tt } from "../Connect/MvxConnectButton.mjs";
-import { BridgeAccountDisplay as nt } from "../Connect/BridgeAccountDisplay.mjs";
-import { MvxAccountDisplay as rt } from "../Connect/MvxAccountDisplay.mjs";
-import "@reown/appkit-controllers";
-import { ToggleDirection as ot } from "../ToggleDirection/ToggleDirection.mjs";
-import { TokenSelector as We } from "../TokenSelector/TokenSelector.mjs";
-let $;
-const an = ({
-  mvxChainId: F,
-  mvxAddress: c,
-  username: Xe,
-  callbackRoute: ze = "/",
-  firstTokenIdentifier: Ge,
-  secondTokenIdentifier: Qe,
-  firstTokenAmount: L,
-  secondTokenAmount: C,
-  refetchTrigger: _e,
-  showHistory: $e,
-  forcedDestinationTokenSymbol: Ke,
-  onSuccessfullySentTransaction: k,
-  onFailedSentTransaction: I,
-  onHistoryClose: U,
-  onMvxConnect: ue,
-  onMvxDisconnect: Ye,
-  onNavigate: Je,
-  onChangeDirection: Ze
-}) => {
-  var Se, Re;
-  const Te = ke(null), pe = ke(void 0), [K, ei] = y(!1), [j, A] = y(!1), [ii, ti] = y(1), [Y, J] = y(0), ni = Wi(), { switchNetwork: he } = Vi(), ge = Ji(), {
-    config: fe,
-    options: qe,
-    supportedChains: w,
-    nativeAuthToken: H,
-    bridgeOnly: ri
-  } = Hi(), Z = _i(), be = Xi(), {
-    evmTokensWithBalances: oi,
-    mvxTokensWithBalances: ai,
-    isTokensLoading: si,
-    isLoadingEvmTokensBalances: li,
-    isLoadingMvxTokensBalances: ci,
-    chains: D = [],
-    isChainsLoading: di
-  } = Qi({
-    refetchTrigger: _e,
-    mvxAddress: c,
-    mvxApiURL: qe.mvxApiURL
-  }), T = si || li || ci || di, mi = g(() => w.find((i) => me(i.id, Z)), [Z, w]), s = g(() => D.find(
-    (i) => i.chainId.toString() === F.toString()
-  ), [Z, D]), { evm: ve, solana: Ie, bitcoin: xe, sui: Be } = Yi(), ye = Ki(), {
-    mutate: Ne,
-    data: m,
-    isPending: S,
-    error: x
-  } = Zi(), R = ((Se = x == null ? void 0 : x.response) == null ? void 0 : Se.status) === 400 ? (Re = x == null ? void 0 : x.response) == null ? void 0 : Re.data.message : void 0, ui = f(
-    (i) => {
-      const v = w.find(
-        (d) => me(d.id, i.id)
-      );
-      v && he(v);
-    },
-    [w, he]
-  ), {
-    firstToken: e,
-    secondToken: o,
-    fromOptions: E,
-    toOptions: pi,
-    selectedChainOption: r,
-    onChangeFirstSelect: ee,
-    onChangeSecondSelect: hi,
-    handleChangeDirection: gi
-  } = ki({
-    chains: D,
-    activeChain: mi,
-    sdkChains: w,
-    switchNetwork: ui,
-    fromTokens: oi,
-    toTokens: ai,
-    firstTokenIdentifier: Ge,
-    secondTokenIdentifier: Qe,
-    forcedDestinationTokenSymbol: Ke,
-    isTokensLoading: T,
-    callbackRoute: ze,
-    onNavigate: Je
-  }), fi = g(() => e ? Ue.includes(e.chainId.toString()) : !1, [e == null ? void 0 : e.chainId]), qi = g(() => o ? Ue.includes(o.chainId.toString()) : !1, [o == null ? void 0 : o.chainId]), [u, bi] = y(L ?? ""), [O, W] = y(C ?? ""), a = g(() => e ? D.find(
-    (i) => me(i.chainId, e.chainId)
-  ) ?? r : r, [e == null ? void 0 : e.chainId, D, r]), X = g(
-    () => Oi(e == null ? void 0 : e.chainId) ?? be,
-    [e == null ? void 0 : e.chainId, be]
-  );
-  Gi(a == null ? void 0 : a.chainType);
-  const q = $i(a == null ? void 0 : a.chainType), Ce = q, Ae = ni.isConnected && !!q, ie = u !== "" && O !== "", te = f(
-    Li(async (i) => {
-      !i || !Number(i) || !q || !(e != null && e.address) || !(o != null && o.address) || !r || !X || Ne({
-        nativeAuthToken: H ?? "",
-        body: {
-          tokenIn: e.address,
-          amountIn: i,
-          fromChainId: X,
-          tokenOut: o.address,
-          toChainId: F
-        }
-      });
-    }, 500),
-    [
-      q,
-      X,
-      e == null ? void 0 : e.address,
-      o == null ? void 0 : o.address,
-      r,
-      F,
-      H,
-      Ne
-    ]
-  ), p = f((i) => {
-    bi(() => i);
-  }, []), B = f((i) => {
-    W(() => i);
-  }, []), vi = f(() => {
-    U == null || U();
-  }, [U]), Ii = f(() => {
-    const i = Pi({
-      decimals: e == null ? void 0 : e.decimals,
-      input: (e == null ? void 0 : e.balance) ?? "0",
-      addCommas: !1,
-      digits: 4
-    });
-    b.setFieldValue("firstAmount", i), p(i);
-  }, [e == null ? void 0 : e.balance, e == null ? void 0 : e.decimals, p]), we = f(
-    async (i) => {
-      p(""), B(""), ge(), ge(), k == null || k(i);
-    },
-    [
-      p,
-      B,
-      k
-    ]
-  ), xi = () => {
-    gi(), Ze();
-  };
-  N(() => {
-    const i = pe.current;
-    if (pe.current = r == null ? void 0 : r.chainId, !!i && (r == null ? void 0 : r.chainId) !== (e == null ? void 0 : e.chainId)) {
-      const v = E == null ? void 0 : E.find(
-        (d) => d.chainId.toString() === (r == null ? void 0 : r.chainId)
-      );
-      if (!v)
-        return;
-      ee(v);
-    }
-  }, [
-    r == null ? void 0 : r.chainId,
-    e == null ? void 0 : e.chainId,
-    E,
-    ee
-  ]);
-  const Bi = f(
-    async ({
-      transactions: i,
-      provider: v
-    }) => {
-      var Ee, Me, Pe;
-      const d = [];
-      A(!0), J(() => i.length);
-      try {
-        let M = -1;
-        for (const t of i) {
-          ++M;
-          try {
-            switch (Ui(t, a)) {
-              case V.evm: {
-                const h = await ve.signTransaction({
-                  ...t,
-                  value: BigInt(t.value),
-                  gas: BigInt(t.gasLimit),
-                  account: Ce
-                });
-                if (!h || (d.push({
-                  ...t,
-                  txHash: h
-                }), M === i.length - 1 || !h))
-                  break;
-                const G = await Fi(
-                  fe,
-                  {
-                    confirmations: 1,
-                    hash: h
-                  }
-                );
-                console.info({
-                  transactionReceipt: G,
-                  hash: h
-                });
-                break;
-              }
-              case V.sol:
-                if (!t.instructions || !t.feePayer)
-                  break;
-                const de = await Ie.signTransaction({
-                  feePayer: t.feePayer,
-                  instructions: t.instructions,
-                  recentBlockhash: t.recentBlockhash
-                });
-                if (!de)
-                  break;
-                d.push({
-                  ...t,
-                  txHash: de
-                });
-                break;
-              case V.btc:
-                if (!t.bitcoinParams) {
-                  console.error("No bitcoin params");
-                  break;
-                }
-                const Si = await xe.signTransaction(
-                  t.bitcoinParams
-                );
-                d.push({
-                  ...t,
-                  txHash: Si
-                });
-                break;
-              case V.sui: {
-                const h = (Ee = t.suiParams) == null ? void 0 : Ee.transactionBytes, G = (Me = t.suiParams) == null ? void 0 : Me.sender;
-                if (!h || !G) {
-                  console.error("No Sui transaction bytes or sender address");
-                  break;
-                }
-                const Le = await Be.signTransaction({
-                  transaction: h,
-                  address: G
-                });
-                if (!Le)
-                  break;
-                d.push({
-                  ...t,
-                  suiParams: {
-                    ...t.suiParams,
-                    signature: Le
-                  }
-                });
-                break;
-              }
-              default:
-                P.error("Provider not supported"), A(!1);
-                return;
-            }
-            J(
-              () => i.length - 1 - M
-            );
-          } catch {
-            P.dismiss(), P.error("Transaction aborted"), I == null || I("Transaction aborted"), A(!1);
-            return;
-          }
-        }
-        const { data: ce } = await ye({
-          transactions: d,
-          provider: v,
-          url: ji() ?? "",
-          token: H ?? ""
-        }), Ve = ((Pe = ce.transactions) == null ? void 0 : Pe.map((t) => t.txHash).filter((t) => !!t)) ?? [], Fe = d.map((t) => t.txHash).filter((t) => !!t), Di = Ve.length > 0 ? Ve : Fe.length > 0 ? Fe : ce.batchId ? [ce.batchId] : [];
-        we(Di), A(!1);
-      } catch (M) {
-        console.error(M), P.dismiss(), P.error("Transaction cancelled"), I == null || I("Transaction cancelled"), A(!1), J(0), Ni(), p(""), B("");
-      }
-    },
-    [
-      a,
-      Ce,
-      fe,
-      p,
-      B,
-      H,
-      we,
-      ye,
-      xe.signTransaction,
-      ve.signTransaction,
-      Ie.signTransaction,
-      Be.signTransaction
-    ]
-  ), {
-    formik: b,
-    firstAmountError: ne,
-    secondAmountError: re,
-    fromChainError: oe,
-    senderAddressError: ae,
-    receiverAddressError: se,
-    confirmRateError: le,
-    handleBlur: z,
-    handleChange: De,
-    handleSubmit: yi,
-    resetSwapForm: Ni
-  } = zi({
-    isMvxConnected: !!c,
-    rate: m,
-    sender: q ?? "",
-    receiver: c ?? "",
-    firstToken: e,
-    firstAmount: u,
-    fromChainId: X,
-    toChainId: F,
-    secondToken: o,
-    secondAmount: O,
-    setForceRefetchRate: ti,
-    senderChainType: a == null ? void 0 : a.chainType,
-    receiverChainType: V.mvx,
-    onSubmit: Bi
-  }), Ci = !!(ne || re || oe || R || ae || se || le), Ai = g(() => u !== "" ? R ?? ne : void 0, [ne, u, R]), wi = g(() => O !== "" ? oe ?? re : void 0, [oe, re, O]);
-  return N(() => (u || W(""), te(u), $ && clearInterval($), $ = setInterval(() => {
-    te(u);
-  }, 50 * 1e3), () => clearInterval($)), [u, ii, te]), N(() => {
-    m != null && m.amountOut && (b.setFieldValue(_.secondAmount, m.amountOut), W(m.amountOut));
-  }, [m == null ? void 0 : m.amountOut]), N(() => {
-    R && (b.setFieldValue(_.secondAmount, "0"), W("0"));
-  }, [R]), N(() => {
-    L && (b.setFieldValue(
-      _.firstAmount,
-      L
-    ), p(L));
-  }, []), N(() => {
-    C && (b.setFieldValue(
-      _.secondAmount,
-      C
-    ), B(C));
-  }, [C]), /* @__PURE__ */ n(Ri, { children: /* @__PURE__ */ l(
-    "form",
-    {
-      ref: Te,
-      noValidate: !0,
-      className: "liq-flex liq-flex-col liq-gap-1 liq-relative",
-      autoComplete: "off",
-      onSubmit: yi,
-      children: [
-        $e && /* @__PURE__ */ n(et, { mvxAddress: c, onClose: vi }),
-        /* @__PURE__ */ l(
-          He,
-          {
-            className: je(
-              "liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",
-              {
-                "liq-pointer-events-none": K,
-                "focus-within:liq-outline-neutral-700/75 hover:liq-outline-neutral-700/55 hover:focus-within:liq-outline-neutral-700/80": !K
-              }
-            ),
-            children: [
-              /* @__PURE__ */ l("div", { className: "liq-flex liq-items-center liq-gap-1", children: [
-                /* @__PURE__ */ n("span", { children: "From" }),
-                /* @__PURE__ */ n(
-                  nt,
-                  {
-                    disabled: S,
-                    activeChain: a
-                  }
-                )
-              ] }),
-              ae && /* @__PURE__ */ n("div", { className: "liq-text-red-400 liq-text-xs liq-mt-1", children: ae }),
-              /* @__PURE__ */ l("div", { className: "liq-flex liq-justify-between liq-gap-1", children: [
-                /* @__PURE__ */ n(
-                  Oe,
-                  {
-                    inputName: "firstAmount",
-                    inputValue: b.values.firstAmount,
-                    amountError: Ai,
-                    disabled: !1,
-                    onInputDebounceChange: p,
-                    onInputChange: De,
-                    onBlur: z
-                  }
-                ),
-                /* @__PURE__ */ n(
-                  We,
-                  {
-                    name: "firstToken",
-                    disabled: S,
-                    options: E,
-                    areOptionsLoading: T,
-                    isMvxSelector: fi,
-                    isDestination: !1,
-                    color: "neutral-850",
-                    onChange: ee,
-                    onBlur: z,
-                    onMaxBtnClick: Ii,
-                    selectedOption: e,
-                    onTokenSelectorDisplay: (i) => ei(i)
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ n("div", { className: "liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10", children: ri && /* @__PURE__ */ n(ot, { onChangeDirection: xi }) }),
-        /* @__PURE__ */ l(
-          He,
-          {
-            className: je(
-              "liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",
-              {
-                "liq-pointer-events-none": K
-              }
-            ),
-            children: [
-              /* @__PURE__ */ l("div", { className: "liq-flex liq-items-center liq-gap-1", children: [
-                /* @__PURE__ */ n("span", { children: "To" }),
-                /* @__PURE__ */ n(
-                  rt,
-                  {
-                    accountAddress: c,
-                    chainIcon: Q(s == null ? void 0 : s.pngUrl),
-                    username: Xe,
-                    accountExplorerUrl: `${qe.mvxExplorerAddress}/accounts/${c}`,
-                    showTag: !0,
-                    onDisconnect: Ye,
-                    onConnect: ue
-                  }
-                )
-              ] }),
-              se && /* @__PURE__ */ n("div", { className: "liq-text-red-400 liq-text-xs liq-mt-1", children: se }),
-              le && /* @__PURE__ */ n("div", { className: "liq-text-red-400 liq-text-xs liq-mt-1", children: le }),
-              /* @__PURE__ */ l("div", { className: "liq-flex liq-justify-between liq-gap-1", children: [
-                /* @__PURE__ */ n(
-                  Oe,
-                  {
-                    inputName: "secondAmount",
-                    inputValue: b.values.secondAmount,
-                    amountError: wi,
-                    disabled: !1,
-                    onInputDebounceChange: B,
-                    onInputChange: De,
-                    onBlur: z
-                  }
-                ),
-                /* @__PURE__ */ n(
-                  We,
-                  {
-                    name: "secondToken",
-                    disabled: S,
-                    omitDisableClass: !0,
-                    options: pi,
-                    areOptionsLoading: T,
-                    isMvxSelector: qi,
-                    color: "neutral-850",
-                    onChange: hi,
-                    onBlur: z,
-                    selectedOption: o
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ l("div", { className: "liq-flex liq-items-center liq-justify-center", children: [
-          !c && /* @__PURE__ */ n(
-            tt,
-            {
-              mvxAccountAddress: c,
-              icon: Q(s == null ? void 0 : s.pngUrl),
-              onClick: ue
-            }
-          ),
-          c && !Ae && /* @__PURE__ */ n(
-            it,
-            {
-              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: S,
-              activeChain: a
-            }
-          ),
-          c && Ae && /* @__PURE__ */ l(
-            Ti,
-            {
-              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: !ie || S || !c || !q || Ci || j,
-              children: [
-                ie && !j && /* @__PURE__ */ l("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
-                  /* @__PURE__ */ n("div", { children: "Deposit on " }),
-                  /* @__PURE__ */ n(
-                    "img",
-                    {
-                      src: Q(s == null ? void 0 : s.pngUrl),
-                      alt: "",
-                      className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
-                    }
-                  ),
-                  /* @__PURE__ */ n("div", { children: "MultiversX" })
-                ] }),
-                !ie && !j && /* @__PURE__ */ n("span", { className: "liq-text-neutral-100", children: "Enter amount" }),
-                j && /* @__PURE__ */ l("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
-                  /* @__PURE__ */ n(
-                    Mi,
-                    {
-                      icon: Ei,
-                      spin: !0,
-                      className: "liq-mx-1 liq-flex liq-items-center"
-                    }
-                  ),
-                  /* @__PURE__ */ n("div", { children: "Depositing on" }),
-                  /* @__PURE__ */ n(
-                    "img",
-                    {
-                      src: Q(s == null ? void 0 : s.pngUrl),
-                      alt: "",
-                      className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
-                    }
-                  ),
-                  /* @__PURE__ */ n("div", { children: "MultiversX" })
-                ] })
-              ]
-            }
-          )
-        ] }),
-        q && Y > 0 && /* @__PURE__ */ n("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 ",
-          Y,
-          " ",
-          Y > 1 ? "transactions" : "transaction",
-          " ",
-          "on your wallet"
-        ] }) })
-      ]
-    }
-  ) });
-};
-export {
-  an as Deposit
+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 r } from "../../../types/chainType.mjs";
+import "../../../helpers/index.mjs";
+import { mxClsx as i } from "../../utils/mxClsx.mjs";
+import { MxButton as a } from "../base/MxButton/MxButton.mjs";
+import "../base/index.mjs";
+import { AmountCard as o } from "../AmountCard/AmountCard.mjs";
+import "../AmountCard/index.mjs";
+import { AmountInput as s } from "../AmountInput/AmountInput.mjs";
+import "../AmountInput/index.mjs";
+import { sameBridgeApiChainId as c, toBridgeApiChainId as ee } from "../../helpers/resolveBridgeApiChainId.mjs";
+import { resolveSigningChainType as te } from "./utils/bridgeFormHelpers.mjs";
+import { useBridgeTokenSelection as ne } from "./hooks/useBridgeTokenSelection.mjs";
+import { useWeb3App as re } from "../../context/useWeb3App.mjs";
+import { useAccount as ie } from "../../hooks/useAccount.mjs";
+import { useBridgeApiChainId as ae } from "../../hooks/useBridgeApiChainId.mjs";
+import { BridgeFormikValuesEnum as l, useBridgeFormik as oe } from "../../hooks/useBridgeFormik.mjs";
+import { useDisconnectOnChainTypeChange as se } from "../../hooks/useDisconnectOnChainTypeChange.mjs";
+import { useGetChainId as ce } from "../../hooks/useGetChainId.mjs";
+import { useSendTransactions as le } from "../../hooks/useSendTransactions.mjs";
+import { useSignTransaction as ue } from "../../hooks/useSignTransaction.mjs";
+import { t as de } from "../../../useFetchBridgeData-C_hZjzd_.mjs";
+import { useNamespaceAddress as fe } from "../../hooks/useNamespaceAddress.mjs";
+import { useInvalidateHistoryQuery as pe } from "../../queries/useGetHistory.query.mjs";
+import { useGetRateMutation as me } from "../../queries/useGetRate.mutation.mjs";
+import { t as he } from "../../../BridgeHistory-CInRkJ6T.mjs";
+import "../BridgeHistory/index.mjs";
+import { BridgeConnectButton as ge } from "../Connect/BridgeConnectButton.mjs";
+import { MvxConnectButton as _e } from "../Connect/MvxConnectButton.mjs";
+import { BridgeAccountDisplay as ve } from "../Connect/BridgeAccountDisplay.mjs";
+import { MvxAccountDisplay as ye } from "../Connect/MvxAccountDisplay.mjs";
+import "../Connect/index.mjs";
+import { t as be } from "../../../ToggleDirection-BLDXxUlN.mjs";
+import { TokenSelector as xe } from "../TokenSelector/TokenSelector.mjs";
+import "../TokenSelector/index.mjs";
+import { Fragment as Se, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useCallback as f, useEffect as p, useMemo as m, useRef as Ce, useState as h } from "react";
+import { FontAwesomeIcon as we } from "@fortawesome/react-fontawesome";
+import { faSpinner as Te } from "@fortawesome/free-solid-svg-icons/faSpinner";
+import { formatAmount as Ee } from "@multiversx/sdk-dapp-utils/out/helpers/formatAmount";
+import { useAppKitNetwork as De } from "@reown/appkit/react";
+import { waitForTransactionReceipt as Oe } from "@wagmi/core";
+import ke from "lodash/debounce";
+import { toast as g } from "react-toastify";
+//#region src/reactjs/components/BridgeForm/Deposit.tsx
+var _, v = ({ mvxChainId: v, mvxAddress: y, username: Ae, callbackRoute: je = "/", firstTokenIdentifier: Me, secondTokenIdentifier: Ne, firstTokenAmount: b, secondTokenAmount: x, refetchTrigger: Pe, showHistory: Fe, forcedDestinationTokenSymbol: Ie, onSuccessfullySentTransaction: Le, onFailedSentTransaction: Re, onHistoryClose: ze, onMvxConnect: Be, onMvxDisconnect: Ve, onNavigate: He, onChangeDirection: Ue }) => {
+	let We = Ce(null), Ge = Ce(void 0), [S, Ke] = h(!1), [C, w] = h(!1), [qe, Je] = h(1), [T, E] = h(0), Ye = ie(), { switchNetwork: Xe } = De(), Ze = pe(), { config: Qe, options: $e, supportedChains: D, nativeAuthToken: O, bridgeOnly: et } = re(), k = ce(), tt = ae(), { evmTokensWithBalances: nt, mvxTokensWithBalances: rt, isTokensLoading: it, isLoadingEvmTokensBalances: at, isLoadingMvxTokensBalances: ot, chains: A = [], isChainsLoading: st } = de({
+		refetchTrigger: Pe,
+		mvxAddress: y,
+		mvxApiURL: $e.mvxApiURL
+	}), j = it || at || ot || st, ct = m(() => D.find((e) => c(e.id, k)), [k, D]), M = m(() => A.find((e) => e.chainId.toString() === v.toString()), [k, A]), { evm: lt, solana: ut, bitcoin: dt, sui: ft } = ue(), pt = le(), { mutate: mt, data: N, isPending: P, error: ht } = me(), F = ht?.response?.status === 400 ? ht?.response?.data.message : void 0, { firstToken: I, secondToken: L, fromOptions: R, toOptions: gt, selectedChainOption: z, onChangeFirstSelect: B, onChangeSecondSelect: _t, handleChangeDirection: vt } = ne({
+		chains: A,
+		activeChain: ct,
+		sdkChains: D,
+		switchNetwork: f((e) => {
+			let t = D.find((t) => c(t.id, e.id));
+			t && Xe(t);
+		}, [D, Xe]),
+		fromTokens: nt,
+		toTokens: rt,
+		firstTokenIdentifier: Me,
+		secondTokenIdentifier: Ne,
+		forcedDestinationTokenSymbol: Ie,
+		isTokensLoading: j,
+		callbackRoute: je,
+		onNavigate: He
+	}), yt = m(() => I ? e.includes(I.chainId.toString()) : !1, [I?.chainId]), bt = m(() => L ? e.includes(L.chainId.toString()) : !1, [L?.chainId]), [V, xt] = h(b ?? ""), [H, U] = h(x ?? ""), W = m(() => I ? A.find((e) => c(e.chainId, I.chainId)) ?? z : z, [
+		I?.chainId,
+		A,
+		z
+	]), G = m(() => ee(I?.chainId) ?? tt, [I?.chainId, tt]);
+	se(W?.chainType);
+	let K = fe(W?.chainType), St = K, Ct = Ye.isConnected && !!K, q = V !== "" && H !== "", wt = f(ke(async (e) => {
+		!e || !Number(e) || !K || !I?.address || !L?.address || !z || !G || mt({
+			nativeAuthToken: O ?? "",
+			body: {
+				tokenIn: I.address,
+				amountIn: e,
+				fromChainId: G,
+				tokenOut: L.address,
+				toChainId: v
+			}
+		});
+	}, 500), [
+		K,
+		G,
+		I?.address,
+		L?.address,
+		z,
+		v,
+		O,
+		mt
+	]), J = f((e) => {
+		xt(() => e);
+	}, []), Y = f((e) => {
+		U(() => e);
+	}, []), Tt = f(() => {
+		ze?.();
+	}, [ze]), Et = f(() => {
+		let e = Ee({
+			decimals: I?.decimals,
+			input: I?.balance ?? "0",
+			addCommas: !1,
+			digits: 4
+		});
+		X.setFieldValue("firstAmount", e), J(e);
+	}, [
+		I?.balance,
+		I?.decimals,
+		J
+	]), Dt = f(async (e) => {
+		J(""), Y(""), Ze(), Ze(), Le?.(e);
+	}, [
+		J,
+		Y,
+		Le
+	]), Ot = () => {
+		vt(), Ue();
+	};
+	p(() => {
+		let e = Ge.current;
+		if (Ge.current = z?.chainId, e && z?.chainId !== I?.chainId) {
+			let e = R?.find((e) => e.chainId.toString() === z?.chainId);
+			if (!e) return;
+			B(e);
+		}
+	}, [
+		z?.chainId,
+		I?.chainId,
+		R,
+		B
+	]);
+	let kt = f(async ({ transactions: e, provider: n }) => {
+		let i = [];
+		w(!0), E(() => e.length);
+		try {
+			let a = -1;
+			for (let t of e) {
+				++a;
+				try {
+					switch (te(t, W)) {
+						case r.evm: {
+							let n = await lt.signTransaction({
+								...t,
+								value: BigInt(t.value),
+								gas: BigInt(t.gasLimit),
+								account: St
+							});
+							if (!n || (i.push({
+								...t,
+								txHash: n
+							}), a === e.length - 1 || !n)) break;
+							let r = await Oe(Qe, {
+								confirmations: 1,
+								hash: n
+							});
+							console.info({
+								transactionReceipt: r,
+								hash: n
+							});
+							break;
+						}
+						case r.sol:
+							if (!t.instructions || !t.feePayer) break;
+							let n = await ut.signTransaction({
+								feePayer: t.feePayer,
+								instructions: t.instructions,
+								recentBlockhash: t.recentBlockhash
+							});
+							if (!n) break;
+							i.push({
+								...t,
+								txHash: n
+							});
+							break;
+						case r.btc:
+							if (!t.bitcoinParams) {
+								console.error("No bitcoin params");
+								break;
+							}
+							let o = await dt.signTransaction(t.bitcoinParams);
+							i.push({
+								...t,
+								txHash: o
+							});
+							break;
+						case r.sui: {
+							let e = t.suiParams?.transactionBytes, n = t.suiParams?.sender;
+							if (!e || !n) {
+								console.error("No Sui transaction bytes or sender address");
+								break;
+							}
+							let r = await ft.signTransaction({
+								transaction: e,
+								address: n
+							});
+							if (!r) break;
+							i.push({
+								...t,
+								suiParams: {
+									...t.suiParams,
+									signature: r
+								}
+							});
+							break;
+						}
+						default:
+							g.error("Provider not supported"), w(!1);
+							return;
+					}
+					E(() => e.length - 1 - a);
+				} catch {
+					g.dismiss(), g.error("Transaction aborted"), Re?.("Transaction aborted"), w(!1);
+					return;
+				}
+			}
+			let { data: o } = await pt({
+				transactions: i,
+				provider: n,
+				url: t() ?? "",
+				token: O ?? ""
+			}), s = o.transactions?.map((e) => e.txHash).filter((e) => !!e) ?? [], c = i.map((e) => e.txHash).filter((e) => !!e);
+			Dt(s.length > 0 ? s : c.length > 0 ? c : o.batchId ? [o.batchId] : []), w(!1);
+		} catch (e) {
+			console.error(e), g.dismiss(), g.error("Transaction cancelled"), Re?.("Transaction cancelled"), w(!1), E(0), It(), J(""), Y("");
+		}
+	}, [
+		W,
+		St,
+		Qe,
+		J,
+		Y,
+		O,
+		Dt,
+		pt,
+		dt.signTransaction,
+		lt.signTransaction,
+		ut.signTransaction,
+		ft.signTransaction
+	]), { formik: X, firstAmountError: At, secondAmountError: jt, fromChainError: Mt, senderAddressError: Nt, receiverAddressError: Z, confirmRateError: Q, handleBlur: $, handleChange: Pt, handleSubmit: Ft, resetSwapForm: It } = oe({
+		isMvxConnected: !!y,
+		rate: N,
+		sender: K ?? "",
+		receiver: y ?? "",
+		firstToken: I,
+		firstAmount: V,
+		fromChainId: G,
+		toChainId: v,
+		secondToken: L,
+		secondAmount: H,
+		setForceRefetchRate: Je,
+		senderChainType: W?.chainType,
+		receiverChainType: r.mvx,
+		onSubmit: kt
+	}), Lt = !!(At || jt || Mt || F || Nt || Z || Q), Rt = m(() => V === "" ? void 0 : F ?? At, [
+		At,
+		V,
+		F
+	]), zt = m(() => H === "" ? void 0 : Mt ?? jt, [
+		Mt,
+		jt,
+		H
+	]);
+	return p(() => (V || U(""), wt(V), _ && clearInterval(_), _ = setInterval(() => {
+		wt(V);
+	}, 50 * 1e3), () => clearInterval(_)), [
+		V,
+		qe,
+		wt
+	]), p(() => {
+		N?.amountOut && (X.setFieldValue(l.secondAmount, N.amountOut), U(N.amountOut));
+	}, [N?.amountOut]), p(() => {
+		F && (X.setFieldValue(l.secondAmount, "0"), U("0"));
+	}, [F]), p(() => {
+		b && (X.setFieldValue(l.firstAmount, b), J(b));
+	}, []), p(() => {
+		x && (X.setFieldValue(l.secondAmount, x), Y(x));
+	}, [x]), /* @__PURE__ */ u(Se, { children: /* @__PURE__ */ d("form", {
+		ref: We,
+		noValidate: !0,
+		className: "liq-flex liq-flex-col liq-gap-1 liq-relative",
+		autoComplete: "off",
+		onSubmit: Ft,
+		children: [
+			Fe && /* @__PURE__ */ u(he, {
+				mvxAddress: y,
+				onClose: Tt
+			}),
+			/* @__PURE__ */ d(o, {
+				className: i("liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6", {
+					"liq-pointer-events-none": S,
+					"focus-within:liq-outline-neutral-700/75 hover:liq-outline-neutral-700/55 hover:focus-within:liq-outline-neutral-700/80": !S
+				}),
+				children: [
+					/* @__PURE__ */ d("div", {
+						className: "liq-flex liq-items-center liq-gap-1",
+						children: [/* @__PURE__ */ u("span", { children: "From" }), /* @__PURE__ */ u(ve, {
+							disabled: P,
+							activeChain: W
+						})]
+					}),
+					Nt && /* @__PURE__ */ u("div", {
+						className: "liq-text-red-400 liq-text-xs liq-mt-1",
+						children: Nt
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "liq-flex liq-justify-between liq-gap-1",
+						children: [/* @__PURE__ */ u(s, {
+							inputName: "firstAmount",
+							inputValue: X.values.firstAmount,
+							amountError: Rt,
+							disabled: !1,
+							onInputDebounceChange: J,
+							onInputChange: Pt,
+							onBlur: $
+						}), /* @__PURE__ */ u(xe, {
+							name: "firstToken",
+							disabled: P,
+							options: R,
+							areOptionsLoading: j,
+							isMvxSelector: yt,
+							isDestination: !1,
+							color: "neutral-850",
+							onChange: B,
+							onBlur: $,
+							onMaxBtnClick: Et,
+							selectedOption: I,
+							onTokenSelectorDisplay: (e) => Ke(e)
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10",
+				children: et && /* @__PURE__ */ u(be, { onChangeDirection: Ot })
+			}),
+			/* @__PURE__ */ d(o, {
+				className: i("liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6", { "liq-pointer-events-none": S }),
+				children: [
+					/* @__PURE__ */ d("div", {
+						className: "liq-flex liq-items-center liq-gap-1",
+						children: [/* @__PURE__ */ u("span", { children: "To" }), /* @__PURE__ */ u(ye, {
+							accountAddress: y,
+							chainIcon: n(M?.pngUrl),
+							username: Ae,
+							accountExplorerUrl: `${$e.mvxExplorerAddress}/accounts/${y}`,
+							showTag: !0,
+							onDisconnect: Ve,
+							onConnect: Be
+						})]
+					}),
+					Z && /* @__PURE__ */ u("div", {
+						className: "liq-text-red-400 liq-text-xs liq-mt-1",
+						children: Z
+					}),
+					Q && /* @__PURE__ */ u("div", {
+						className: "liq-text-red-400 liq-text-xs liq-mt-1",
+						children: Q
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "liq-flex liq-justify-between liq-gap-1",
+						children: [/* @__PURE__ */ u(s, {
+							inputName: "secondAmount",
+							inputValue: X.values.secondAmount,
+							amountError: zt,
+							disabled: !1,
+							onInputDebounceChange: Y,
+							onInputChange: Pt,
+							onBlur: $
+						}), /* @__PURE__ */ u(xe, {
+							name: "secondToken",
+							disabled: P,
+							omitDisableClass: !0,
+							options: gt,
+							areOptionsLoading: j,
+							isMvxSelector: bt,
+							color: "neutral-850",
+							onChange: _t,
+							onBlur: $,
+							selectedOption: L
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "liq-flex liq-items-center liq-justify-center",
+				children: [
+					!y && /* @__PURE__ */ u(_e, {
+						mvxAccountAddress: y,
+						icon: n(M?.pngUrl),
+						onClick: Be
+					}),
+					y && !Ct && /* @__PURE__ */ u(ge, {
+						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: P,
+						activeChain: W
+					}),
+					y && Ct && /* @__PURE__ */ d(a, {
+						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: !q || P || !y || !K || Lt || C,
+						children: [
+							q && !C && /* @__PURE__ */ d("div", {
+								className: "liq-flex liq-justify-center liq-items-center liq-gap-2",
+								children: [
+									/* @__PURE__ */ u("div", { children: "Deposit on " }),
+									/* @__PURE__ */ u("img", {
+										src: n(M?.pngUrl),
+										alt: "",
+										className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
+									}),
+									/* @__PURE__ */ u("div", { children: "MultiversX" })
+								]
+							}),
+							!q && !C && /* @__PURE__ */ u("span", {
+								className: "liq-text-neutral-100",
+								children: "Enter amount"
+							}),
+							C && /* @__PURE__ */ d("div", {
+								className: "liq-flex liq-justify-center liq-items-center liq-gap-2",
+								children: [
+									/* @__PURE__ */ u(we, {
+										icon: Te,
+										spin: !0,
+										className: "liq-mx-1 liq-flex liq-items-center"
+									}),
+									/* @__PURE__ */ u("div", { children: "Depositing on" }),
+									/* @__PURE__ */ u("img", {
+										src: n(M?.pngUrl),
+										alt: "",
+										className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
+									}),
+									/* @__PURE__ */ u("div", { children: "MultiversX" })
+								]
+							})
+						]
+					})
+				]
+			}),
+			K && T > 0 && /* @__PURE__ */ u("div", {
+				className: "liq-flex liq-items-center liq-justify-center liq-text-neutral-300 liq-text-sm",
+				children: /* @__PURE__ */ d("div", { children: [
+					"You will be asked to sign ",
+					T,
+					" ",
+					T > 1 ? "transactions" : "transaction",
+					" ",
+					"on your wallet"
+				] })
+			})
+		]
+	}) });
 };
+//#endregion
+export { v as Deposit };