@multiversx/sdk-dapp-liquidity 2.3.0-alpha.4 → 2.3.0-alpha.6

package/reactjs/components/BridgeForm/Deposit.mjs

@@ -5,14 +5,14 @@ import { formatAmount as Pi } from "@multiversx/sdk-dapp-utils/out/helpers/forma
 import { useAppKitNetwork as Vi } from "@reown/appkit/react";
 import { waitForTransactionReceipt as Fi } from "@wagmi/core";
 import Li from "lodash/debounce";
-import { useRef as Le, useState as B, useMemo as g, useCallback as f, useEffect as N } from "react";
+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 Ui } from "./hooks/useBridgeTokenSelection.mjs";
-import { resolveSigningChainType as ji } from "./utils/bridgeFormHelpers.mjs";
+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 ki } from "../../../helpers/getApiURL.mjs";
+import { getApiURL as ji } from "../../../helpers/getApiURL.mjs";
 import "../../constants/index.mjs";
-import { safeImageUrl as z } from "../../../helpers/safeImageUrl.mjs";
+import { safeImageUrl as Q } from "../../../helpers/safeImageUrl.mjs";
 import "@solana/web3.js";
 import "bitcoinjs-lib";
 import "viem";
@@ -21,7 +21,7 @@ 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 G } from "../../hooks/useBridgeFormik.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";
@@ -31,8 +31,8 @@ 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 ke } from "../AmountCard/AmountCard.mjs";
-import { AmountInput as He } from "../AmountInput/AmountInput.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";
@@ -49,56 +49,56 @@ 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 at } from "../ToggleDirection/ToggleDirection.mjs";
-import { TokenSelector as Oe } from "../TokenSelector/TokenSelector.mjs";
-let Q;
-const on = ({
-  mvxChainId: _,
+import { ToggleDirection as ot } from "../ToggleDirection/ToggleDirection.mjs";
+import { TokenSelector as We } from "../TokenSelector/TokenSelector.mjs";
+let $;
+const an = ({
+  mvxChainId: F,
   mvxAddress: c,
-  username: We,
-  callbackRoute: Xe = "/",
-  firstTokenIdentifier: ze,
-  secondTokenIdentifier: Ge,
-  firstTokenAmount: F,
+  username: Xe,
+  callbackRoute: ze = "/",
+  firstTokenIdentifier: Ge,
+  secondTokenIdentifier: Qe,
+  firstTokenAmount: L,
   secondTokenAmount: C,
-  refetchTrigger: Qe,
-  showHistory: _e,
-  forcedDestinationTokenSymbol: $e,
-  onSuccessfullySentTransaction: L,
+  refetchTrigger: _e,
+  showHistory: $e,
+  forcedDestinationTokenSymbol: Ke,
+  onSuccessfullySentTransaction: k,
   onFailedSentTransaction: I,
   onHistoryClose: U,
   onMvxConnect: ue,
-  onMvxDisconnect: Ke,
-  onNavigate: Ye,
-  onChangeDirection: Je
+  onMvxDisconnect: Ye,
+  onNavigate: Je,
+  onChangeDirection: Ze
 }) => {
-  var De, Se;
-  const Ze = Le(null), pe = Le(void 0), [$, Te] = B(!1), [j, A] = B(!1), [ei, ii] = B(1), [K, Y] = B(0), ti = Wi(), { switchNetwork: he } = Vi(), ge = Ji(), {
+  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: J,
-    bridgeOnly: ni
+    nativeAuthToken: H,
+    bridgeOnly: ri
   } = Hi(), Z = _i(), be = Xi(), {
-    evmTokensWithBalances: ri,
+    evmTokensWithBalances: oi,
     mvxTokensWithBalances: ai,
-    isTokensLoading: oi,
-    isLoadingEvmTokensBalances: si,
-    isLoadingMvxTokensBalances: li,
+    isTokensLoading: si,
+    isLoadingEvmTokensBalances: li,
+    isLoadingMvxTokensBalances: ci,
     chains: D = [],
-    isChainsLoading: ci
+    isChainsLoading: di
   } = Qi({
-    refetchTrigger: Qe,
+    refetchTrigger: _e,
     mvxAddress: c,
     mvxApiURL: qe.mvxApiURL
-  }), T = oi || si || li || ci, di = g(() => w.find((i) => me(i.id, Z)), [Z, w]), s = g(() => D.find(
-    (i) => i.chainId.toString() === _.toString()
-  ), [Z, D]), { evm: ve, solana: Ie, bitcoin: xe, sui: ye } = Yi(), Be = Ki(), {
-    mutate: mi,
+  }), 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 = ((De = x == null ? void 0 : x.response) == null ? void 0 : De.status) === 400 ? (Se = x == null ? void 0 : x.response) == null ? void 0 : Se.data.message : void 0, ui = f(
+  } = 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)
@@ -115,50 +115,53 @@ const on = ({
     onChangeFirstSelect: ee,
     onChangeSecondSelect: hi,
     handleChangeDirection: gi
-  } = Ui({
+  } = ki({
     chains: D,
-    activeChain: di,
+    activeChain: mi,
     sdkChains: w,
     switchNetwork: ui,
-    fromTokens: ri,
+    fromTokens: oi,
     toTokens: ai,
-    firstTokenIdentifier: ze,
-    secondTokenIdentifier: Ge,
-    forcedDestinationTokenSymbol: $e,
+    firstTokenIdentifier: Ge,
+    secondTokenIdentifier: Qe,
+    forcedDestinationTokenSymbol: Ke,
     isTokensLoading: T,
-    callbackRoute: Xe,
-    onNavigate: Ye
-  }), 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] = B(F ?? ""), [k, H] = B(C ?? ""), a = g(() => e ? D.find(
+    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]), O = g(
+  ) ?? 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), Ne = q, Ce = ti.isConnected && !!q, ie = u !== "" && k !== "", te = f(
+  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 || !O || mi({
-        nativeAuthToken: J ?? "",
+      !i || !Number(i) || !q || !(e != null && e.address) || !(o != null && o.address) || !r || !X || Ne({
+        nativeAuthToken: H ?? "",
         body: {
           tokenIn: e.address,
           amountIn: i,
-          fromChainId: O,
+          fromChainId: X,
           tokenOut: o.address,
-          toChainId: _
+          toChainId: F
         }
       });
     }, 500),
     [
       q,
-      O,
+      X,
       e == null ? void 0 : e.address,
       o == null ? void 0 : o.address,
-      r
+      r,
+      F,
+      H,
+      Ne
     ]
   ), p = f((i) => {
     bi(() => i);
-  }, []), y = f((i) => {
-    H(() => i);
+  }, []), B = f((i) => {
+    W(() => i);
   }, []), vi = f(() => {
     U == null || U();
   }, [U]), Ii = f(() => {
@@ -169,17 +172,17 @@ const on = ({
       digits: 4
     });
     b.setFieldValue("firstAmount", i), p(i);
-  }, [e == null ? void 0 : e.balance, e == null ? void 0 : e.decimals, p]), Ae = f(
+  }, [e == null ? void 0 : e.balance, e == null ? void 0 : e.decimals, p]), we = f(
     async (i) => {
-      p(""), y(""), ge(), ge(), L == null || L(i);
+      p(""), B(""), ge(), ge(), k == null || k(i);
     },
     [
       p,
-      y,
-      L
+      B,
+      k
     ]
   ), xi = () => {
-    gi(), Je();
+    gi(), Ze();
   };
   N(() => {
     const i = pe.current;
@@ -197,33 +200,33 @@ const on = ({
     E,
     ee
   ]);
-  const yi = f(
+  const Bi = f(
     async ({
       transactions: i,
       provider: v
     }) => {
-      var Re, Ee, Me;
+      var Ee, Me, Pe;
       const d = [];
-      A(!0), Y(() => i.length);
+      A(!0), J(() => i.length);
       try {
         let M = -1;
         for (const t of i) {
           ++M;
           try {
-            switch (ji(t, a)) {
+            switch (Ui(t, a)) {
               case V.evm: {
                 const h = await ve.signTransaction({
                   ...t,
                   value: BigInt(t.value),
                   gas: BigInt(t.gasLimit),
-                  account: Ne
+                  account: Ce
                 });
                 if (!h || (d.push({
                   ...t,
                   txHash: h
                 }), M === i.length - 1 || !h))
                   break;
-                const X = await Fi(
+                const G = await Fi(
                   fe,
                   {
                     confirmations: 1,
@@ -231,7 +234,7 @@ const on = ({
                   }
                 );
                 console.info({
-                  transactionReceipt: X,
+                  transactionReceipt: G,
                   hash: h
                 });
                 break;
@@ -265,22 +268,22 @@ const on = ({
                 });
                 break;
               case V.sui: {
-                const h = (Re = t.suiParams) == null ? void 0 : Re.transactionBytes, X = (Ee = t.suiParams) == null ? void 0 : Ee.sender;
-                if (!h || !X) {
+                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 Fe = await ye.signTransaction({
+                const Le = await Be.signTransaction({
                   transaction: h,
-                  address: X
+                  address: G
                 });
-                if (!Fe)
+                if (!Le)
                   break;
                 d.push({
                   ...t,
                   suiParams: {
                     ...t.suiParams,
-                    signature: Fe
+                    signature: Le
                   }
                 });
                 break;
@@ -289,7 +292,7 @@ const on = ({
                 P.error("Provider not supported"), A(!1);
                 return;
             }
-            Y(
+            J(
               () => i.length - 1 - M
             );
           } catch {
@@ -297,42 +300,42 @@ const on = ({
             return;
           }
         }
-        const { data: ce } = await Be({
+        const { data: ce } = await ye({
           transactions: d,
           provider: v,
-          url: ki() ?? "",
-          token: J ?? ""
-        }), Pe = ((Me = ce.transactions) == null ? void 0 : Me.map((t) => t.txHash).filter((t) => !!t)) ?? [], Ve = d.map((t) => t.txHash).filter((t) => !!t), Di = Pe.length > 0 ? Pe : Ve.length > 0 ? Ve : ce.batchId ? [ce.batchId] : [];
-        Ae(Di), A(!1);
+          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), Y(0), Ni(), p(""), y("");
+        console.error(M), P.dismiss(), P.error("Transaction cancelled"), I == null || I("Transaction cancelled"), A(!1), J(0), Ni(), p(""), B("");
       }
     },
     [
-      a == null ? void 0 : a.chainType,
-      Ne,
+      a,
+      Ce,
       fe,
       p,
-      y,
-      J,
-      Ae,
-      Be,
+      B,
+      H,
+      we,
+      ye,
       xe.signTransaction,
       ve.signTransaction,
       Ie.signTransaction,
-      ye.signTransaction
+      Be.signTransaction
     ]
   ), {
     formik: b,
     firstAmountError: ne,
     secondAmountError: re,
-    fromChainError: ae,
-    senderAddressError: oe,
+    fromChainError: oe,
+    senderAddressError: ae,
     receiverAddressError: se,
     confirmRateError: le,
-    handleBlur: W,
-    handleChange: we,
-    handleSubmit: Bi,
+    handleBlur: z,
+    handleChange: De,
+    handleSubmit: yi,
     resetSwapForm: Ni
   } = zi({
     isMvxConnected: !!c,
@@ -341,49 +344,49 @@ const on = ({
     receiver: c ?? "",
     firstToken: e,
     firstAmount: u,
-    fromChainId: O,
-    toChainId: _,
+    fromChainId: X,
+    toChainId: F,
     secondToken: o,
-    secondAmount: k,
-    setForceRefetchRate: ii,
+    secondAmount: O,
+    setForceRefetchRate: ti,
     senderChainType: a == null ? void 0 : a.chainType,
     receiverChainType: V.mvx,
-    onSubmit: yi
-  }), Ci = !!(ne || re || ae || R || oe || se || le), Ai = g(() => u !== "" ? R ?? ne : void 0, [ne, u, R]), wi = g(() => k !== "" ? ae ?? re : void 0, [ae, re, k]);
-  return N(() => (u || H(""), te(u), Q && clearInterval(Q), Q = setInterval(() => {
+    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(Q)), [u, ei, te]), N(() => {
-    m != null && m.amountOut && (b.setFieldValue(G.secondAmount, m.amountOut), H(m.amountOut));
+  }, 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(G.secondAmount, "0"), H("0"));
+    R && (b.setFieldValue(_.secondAmount, "0"), W("0"));
   }, [R]), N(() => {
-    F && (b.setFieldValue(
-      G.firstAmount,
-      F
-    ), p(F));
+    L && (b.setFieldValue(
+      _.firstAmount,
+      L
+    ), p(L));
   }, []), N(() => {
     C && (b.setFieldValue(
-      G.secondAmount,
+      _.secondAmount,
       C
-    ), y(C));
+    ), B(C));
   }, [C]), /* @__PURE__ */ n(Ri, { children: /* @__PURE__ */ l(
     "form",
     {
-      ref: Ze,
+      ref: Te,
       noValidate: !0,
       className: "liq-flex liq-flex-col liq-gap-1 liq-relative",
       autoComplete: "off",
-      onSubmit: Bi,
+      onSubmit: yi,
       children: [
-        _e && /* @__PURE__ */ n(et, { mvxAddress: c, onClose: vi }),
+        $e && /* @__PURE__ */ n(et, { mvxAddress: c, onClose: vi }),
         /* @__PURE__ */ l(
-          ke,
+          He,
           {
             className: je(
               "liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",
               {
-                "liq-pointer-events-none": $,
-                "focus-within:liq-outline-neutral-700/75 hover:liq-outline-neutral-700/55 hover:focus-within:liq-outline-neutral-700/80": !$
+                "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: [
@@ -397,22 +400,22 @@ const on = ({
                   }
                 )
               ] }),
-              oe && /* @__PURE__ */ n("div", { className: "liq-text-red-400 liq-text-xs liq-mt-1", children: oe }),
+              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(
-                  He,
+                  Oe,
                   {
                     inputName: "firstAmount",
                     inputValue: b.values.firstAmount,
                     amountError: Ai,
                     disabled: !1,
                     onInputDebounceChange: p,
-                    onInputChange: we,
-                    onBlur: W
+                    onInputChange: De,
+                    onBlur: z
                   }
                 ),
                 /* @__PURE__ */ n(
-                  Oe,
+                  We,
                   {
                     name: "firstToken",
                     disabled: S,
@@ -422,24 +425,24 @@ const on = ({
                     isDestination: !1,
                     color: "neutral-850",
                     onChange: ee,
-                    onBlur: W,
+                    onBlur: z,
                     onMaxBtnClick: Ii,
                     selectedOption: e,
-                    onTokenSelectorDisplay: (i) => Te(i)
+                    onTokenSelectorDisplay: (i) => ei(i)
                   }
                 )
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ n("div", { className: "liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10", children: ni && /* @__PURE__ */ n(at, { onChangeDirection: xi }) }),
+        /* @__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(
-          ke,
+          He,
           {
             className: je(
               "liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",
               {
-                "liq-pointer-events-none": $
+                "liq-pointer-events-none": K
               }
             ),
             children: [
@@ -449,11 +452,11 @@ const on = ({
                   rt,
                   {
                     accountAddress: c,
-                    chainIcon: z(s == null ? void 0 : s.pngUrl),
-                    username: We,
+                    chainIcon: Q(s == null ? void 0 : s.pngUrl),
+                    username: Xe,
                     accountExplorerUrl: `${qe.mvxExplorerAddress}/accounts/${c}`,
                     showTag: !0,
-                    onDisconnect: Ke,
+                    onDisconnect: Ye,
                     onConnect: ue
                   }
                 )
@@ -462,19 +465,19 @@ const on = ({
               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(
-                  He,
+                  Oe,
                   {
                     inputName: "secondAmount",
                     inputValue: b.values.secondAmount,
                     amountError: wi,
                     disabled: !1,
-                    onInputDebounceChange: y,
-                    onInputChange: we,
-                    onBlur: W
+                    onInputDebounceChange: B,
+                    onInputChange: De,
+                    onBlur: z
                   }
                 ),
                 /* @__PURE__ */ n(
-                  Oe,
+                  We,
                   {
                     name: "secondToken",
                     disabled: S,
@@ -484,7 +487,7 @@ const on = ({
                     isMvxSelector: qi,
                     color: "neutral-850",
                     onChange: hi,
-                    onBlur: W,
+                    onBlur: z,
                     selectedOption: o
                   }
                 )
@@ -497,11 +500,11 @@ const on = ({
             tt,
             {
               mvxAccountAddress: c,
-              icon: z(s == null ? void 0 : s.pngUrl),
+              icon: Q(s == null ? void 0 : s.pngUrl),
               onClick: ue
             }
           ),
-          c && !Ce && /* @__PURE__ */ n(
+          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",
@@ -509,7 +512,7 @@ const on = ({
               activeChain: a
             }
           ),
-          c && Ce && /* @__PURE__ */ l(
+          c && Ae && /* @__PURE__ */ l(
             Ti,
             {
               type: "submit",
@@ -522,7 +525,7 @@ const on = ({
                   /* @__PURE__ */ n(
                     "img",
                     {
-                      src: z(s == null ? void 0 : s.pngUrl),
+                      src: Q(s == null ? void 0 : s.pngUrl),
                       alt: "",
                       className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                     }
@@ -543,7 +546,7 @@ const on = ({
                   /* @__PURE__ */ n(
                     "img",
                     {
-                      src: z(s == null ? void 0 : s.pngUrl),
+                      src: Q(s == null ? void 0 : s.pngUrl),
                       alt: "",
                       className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                     }
@@ -554,11 +557,11 @@ const on = ({
             }
           )
         ] }),
-        q && K > 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: [
+        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 ",
-          K,
+          Y,
           " ",
-          K > 1 ? "transactions" : "transaction",
+          Y > 1 ? "transactions" : "transaction",
           " ",
           "on your wallet"
         ] }) })
@@ -567,5 +570,5 @@ const on = ({
   ) });
 };
 export {
-  on as Deposit
+  an as Deposit
 };