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

package/reactjs/components/BridgeForm/Deposit.mjs

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