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

package/reactjs/components/AccountAddress/AccountAddress.mjs

@@ -1,31 +1,21 @@
-import { jsx as e } from "react/jsx-runtime";
-import { mxClsx as s } from "../../utils/mxClsx.mjs";
-import { TrimAddress as o } from "../TrimAddress/TrimAddress.mjs";
-const c = ({
-  address: t,
-  username: r,
-  showTag: l = !0,
-  className: d = ""
-}) => {
-  const i = r ? `@${r.replace(".elrond", "")}` : void 0;
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: s(
-        "liq-flex liq-min-w-0 liq-flex-grow liq-overflow-hidden liq-leading-none liq-max-w-[10rem]",
-        d
-      ),
-      children: i && l ? /* @__PURE__ */ e(
-        "div",
-        {
-          className: "liq-truncate liq-text-left liq-text-neutral-100 uppercase",
-          "data-testid": "mx-address",
-          children: i
-        }
-      ) : /* @__PURE__ */ e(o, { address: t, "data-testid": "mx-address" })
-    }
-  );
-};
-export {
-  c as AccountAddress
+import { mxClsx as e } from "../../utils/mxClsx.mjs";
+import { TrimAddress as t } from "../TrimAddress/TrimAddress.mjs";
+import "../TrimAddress/index.mjs";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/reactjs/components/AccountAddress/AccountAddress.tsx
+var r = ({ address: r, username: i, showTag: a = !0, className: o = "" }) => {
+	let s = i ? `@${i.replace(".elrond", "")}` : void 0;
+	return /* @__PURE__ */ n("div", {
+		className: e("liq-flex liq-min-w-0 liq-flex-grow liq-overflow-hidden liq-leading-none liq-max-w-[10rem]", o),
+		children: s && a ? /* @__PURE__ */ n("div", {
+			className: "liq-truncate liq-text-left liq-text-neutral-100 uppercase",
+			"data-testid": "mx-address",
+			children: s
+		}) : /* @__PURE__ */ n(t, {
+			address: r,
+			"data-testid": "mx-address"
+		})
+	});
 };
+//#endregion
+export { r as AccountAddress };

package/reactjs/components/AccountAddress/index.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./AccountAddress.js");exports.AccountAddress=e.AccountAddress;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./AccountAddress.js");exports.AccountAddress=e.AccountAddress;

package/reactjs/components/AccountAddress/index.mjs

@@ -1,4 +1,2 @@
-import { AccountAddress as c } from "./AccountAddress.mjs";
-export {
-  c as AccountAddress
-};
+import { AccountAddress as e } from "./AccountAddress.mjs";
+export { e as AccountAddress };

package/reactjs/components/AmountCard/AmountCard.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode } from 'react';
-
 export declare const AmountCard: ({ className, children }: {
     className?: string;
     children?: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/reactjs/components/AmountCard/AmountCard.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("../../utils/mxClsx.js"),t=require("../base/MxCard/MxCard.js");require("../base/MxLink/MxLink.js");require("../base/MxSearch/MxSearch.js");require("@fortawesome/free-solid-svg-icons/faClose");require("@fortawesome/react-fontawesome");require("@headlessui/react");require("react");require("react-dom");require("react-popper");require("../base/MxTooltip/components/TooltipContainer/TooltipContainer.js");require("../../constants/index.js");const n=({className:e,children:r})=>i.jsx(t.MxCard,{cardSize:"lg",variant:"neutral-750",className:u.mxClsx("liq-flex liq-flex-col liq-gap-4 liq-outline liq-outline-transparent",e),children:r});exports.AmountCard=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../utils/mxClsx.js"),t=require("../base/MxCard/MxCard.js");require("../base/index.js");let n=require("react/jsx-runtime");var r=({className:r,children:i})=>(0,n.jsx)(t.MxCard,{cardSize:`lg`,variant:`neutral-750`,className:e.mxClsx(`liq-flex liq-flex-col liq-gap-4 liq-outline liq-outline-transparent`,r),children:i});exports.AmountCard=r;

package/reactjs/components/AmountCard/AmountCard.mjs

@@ -1,31 +1,13 @@
-import { jsx as i } from "react/jsx-runtime";
-import { mxClsx as o } from "../../utils/mxClsx.mjs";
-import { MxCard as m } from "../base/MxCard/MxCard.mjs";
-import "../base/MxLink/MxLink.mjs";
-import "../base/MxSearch/MxSearch.mjs";
-import "@fortawesome/free-solid-svg-icons/faClose";
-import "@fortawesome/react-fontawesome";
-import "@headlessui/react";
-import "react";
-import "react-dom";
-import "react-popper";
-import "../base/MxTooltip/components/TooltipContainer/TooltipContainer.mjs";
-import "../../constants/index.mjs";
-const g = ({
-  className: r,
-  children: t
-}) => /* @__PURE__ */ i(
-  m,
-  {
-    cardSize: "lg",
-    variant: "neutral-750",
-    className: o(
-      "liq-flex liq-flex-col liq-gap-4 liq-outline liq-outline-transparent",
-      r
-    ),
-    children: t
-  }
-);
-export {
-  g as AmountCard
-};
+import { mxClsx as e } from "../../utils/mxClsx.mjs";
+import { MxCard as t } from "../base/MxCard/MxCard.mjs";
+import "../base/index.mjs";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/reactjs/components/AmountCard/AmountCard.tsx
+var r = ({ className: r, children: i }) => /* @__PURE__ */ n(t, {
+	cardSize: "lg",
+	variant: "neutral-750",
+	className: e("liq-flex liq-flex-col liq-gap-4 liq-outline liq-outline-transparent", r),
+	children: i
+});
+//#endregion
+export { r as AmountCard };

package/reactjs/components/AmountCard/index.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./AmountCard.js");exports.AmountCard=e.AmountCard;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./AmountCard.js");exports.AmountCard=e.AmountCard;

package/reactjs/components/AmountCard/index.mjs

@@ -1,4 +1,2 @@
-import { AmountCard as m } from "./AmountCard.mjs";
-export {
-  m as AmountCard
-};
+import { AmountCard as e } from "./AmountCard.mjs";
+export { e as AmountCard };

package/reactjs/components/AmountInput/AmountInput.d.ts

@@ -1,5 +1,4 @@
 import { ChangeEvent, FocusEvent } from 'react';
-
 export declare const AmountInput: ({ inputName, inputValue, disabled, amountError, omitDisableClass, className, onBlur, onInputDebounceChange, onInputChange }: {
     inputName: string;
     inputValue?: string;
@@ -10,4 +9,4 @@ export declare const AmountInput: ({ inputName, inputValue, disabled, amountErro
     onBlur?: (e: FocusEvent<HTMLElement>) => void;
     onInputDebounceChange?: (amount: string) => void;
     onInputChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/reactjs/components/AmountInput/AmountInput.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("react-number-format"),q=require("../../utils/mxClsx.js"),j=({inputName:s,inputValue:n,disabled:i,amountError:r,omitDisableClass:o=!1,className:m,onBlur:c,onInputDebounceChange:t,onInputChange:a})=>{const x=l=>{l.stopPropagation();const{value:u}=l.target,f=u.replace(/,/g,"");a==null||a({...l,target:{name:s,value:f}})},d=l=>{l.key==="Enter"&&l.preventDefault()};return e.jsxs("div",{className:"liq-flex liq-w-full liq-flex-col liq-justify-between",children:[e.jsx("div",{className:q.mxClsx("liq-flex liq-text-base liq-max-w-none liq-w-full liq-bg-transparent liq-relative",{"liq-disabled liq-animate-loader":i}),children:e.jsx(v.NumericFormat,{name:s,value:n,placeholder:"0",allowLeadingZeros:!0,thousandSeparator:",",allowNegative:!1,disabled:i,className:q.mxClsx("liq-text-3xl liq-leading-9 liq-min-h-12 liq-py-0 liq-w-full liq-h-full liq-border-none liq-font-medium liq-px-0 liq-outline-0 liq-bg-transparent focus-visible:liq-outline-none",{"liq-disabled liq-animate-pulse":i&&!o},m),onChange:x,onValueChange:async({value:l})=>{t==null||t(l)},onBlur:c,onKeyDown:l=>d(l)})}),r&&e.jsx("div",{className:"liq-flex liq-min-h-[2rem] liq-items-end",children:e.jsx("div",{className:"liq-text-danger liq-text-xs",children:r})})]})};exports.AmountInput=j;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../utils/mxClsx.js");let t=require("react/jsx-runtime"),n=require("react-number-format");var r=({inputName:r,inputValue:i,disabled:a,amountError:o,omitDisableClass:s=!1,className:c,onBlur:l,onInputDebounceChange:u,onInputChange:d})=>{let f=e=>{e.stopPropagation();let{value:t}=e.target,n=t.replace(/,/g,``);d?.({...e,target:{name:r,value:n}})},p=e=>{e.key===`Enter`&&e.preventDefault()};return(0,t.jsxs)(`div`,{className:`liq-flex liq-w-full liq-flex-col liq-justify-between`,children:[(0,t.jsx)(`div`,{className:e.mxClsx(`liq-flex liq-text-base liq-max-w-none liq-w-full liq-bg-transparent liq-relative`,{"liq-disabled liq-animate-loader":a}),children:(0,t.jsx)(n.NumericFormat,{name:r,value:i,placeholder:`0`,allowLeadingZeros:!0,thousandSeparator:`,`,allowNegative:!1,disabled:a,className:e.mxClsx(`liq-text-3xl liq-leading-9 liq-min-h-12 liq-py-0 liq-w-full liq-h-full liq-border-none liq-font-medium liq-px-0 liq-outline-0 liq-bg-transparent focus-visible:liq-outline-none`,{"liq-disabled liq-animate-pulse":a&&!s},c),onChange:f,onValueChange:async({value:e})=>{u?.(e)},onBlur:l,onKeyDown:e=>p(e)})}),o&&(0,t.jsx)(`div`,{className:`liq-flex liq-min-h-[2rem] liq-items-end`,children:(0,t.jsx)(`div`,{className:`liq-text-danger liq-text-xs`,children:o})})]})};exports.AmountInput=r;

package/reactjs/components/AmountInput/AmountInput.mjs

@@ -1,67 +1,49 @@
-import { jsxs as v, jsx as i } from "react/jsx-runtime";
-import { NumericFormat as w } from "react-number-format";
-import { mxClsx as q } from "../../utils/mxClsx.mjs";
-const N = ({
-  inputName: s,
-  inputValue: m,
-  disabled: e,
-  amountError: r,
-  omitDisableClass: o = !1,
-  className: n,
-  onBlur: c,
-  onInputDebounceChange: a,
-  onInputChange: t
-}) => {
-  const d = (l) => {
-    l.stopPropagation();
-    const { value: x } = l.target, u = x.replace(/,/g, "");
-    t == null || t({
-      ...l,
-      target: { name: s, value: u }
-    });
-  }, f = (l) => {
-    l.key === "Enter" && l.preventDefault();
-  };
-  return /* @__PURE__ */ v("div", { className: "liq-flex liq-w-full liq-flex-col liq-justify-between", children: [
-    /* @__PURE__ */ i(
-      "div",
-      {
-        className: q(
-          "liq-flex liq-text-base liq-max-w-none liq-w-full liq-bg-transparent liq-relative",
-          {
-            "liq-disabled liq-animate-loader": e
-          }
-        ),
-        children: /* @__PURE__ */ i(
-          w,
-          {
-            name: s,
-            value: m,
-            placeholder: "0",
-            allowLeadingZeros: !0,
-            thousandSeparator: ",",
-            allowNegative: !1,
-            disabled: e,
-            className: q(
-              "liq-text-3xl liq-leading-9 liq-min-h-12 liq-py-0 liq-w-full liq-h-full liq-border-none liq-font-medium liq-px-0 liq-outline-0 liq-bg-transparent focus-visible:liq-outline-none",
-              {
-                "liq-disabled liq-animate-pulse": e && !o
-              },
-              n
-            ),
-            onChange: d,
-            onValueChange: async ({ value: l }) => {
-              a == null || a(l);
-            },
-            onBlur: c,
-            onKeyDown: (l) => f(l)
-          }
-        )
-      }
-    ),
-    r && /* @__PURE__ */ i("div", { className: "liq-flex liq-min-h-[2rem] liq-items-end", children: /* @__PURE__ */ i("div", { className: "liq-text-danger liq-text-xs", children: r }) })
-  ] });
-};
-export {
-  N as AmountInput
+import { mxClsx as e } from "../../utils/mxClsx.mjs";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { NumericFormat as r } from "react-number-format";
+//#region src/reactjs/components/AmountInput/AmountInput.tsx
+var i = ({ inputName: i, inputValue: a, disabled: o, amountError: s, omitDisableClass: c = !1, className: l, onBlur: u, onInputDebounceChange: d, onInputChange: f }) => {
+	let p = (e) => {
+		e.stopPropagation();
+		let { value: t } = e.target, n = t.replace(/,/g, "");
+		f?.({
+			...e,
+			target: {
+				name: i,
+				value: n
+			}
+		});
+	}, m = (e) => {
+		e.key === "Enter" && e.preventDefault();
+	};
+	return /* @__PURE__ */ n("div", {
+		className: "liq-flex liq-w-full liq-flex-col liq-justify-between",
+		children: [/* @__PURE__ */ t("div", {
+			className: e("liq-flex liq-text-base liq-max-w-none liq-w-full liq-bg-transparent liq-relative", { "liq-disabled liq-animate-loader": o }),
+			children: /* @__PURE__ */ t(r, {
+				name: i,
+				value: a,
+				placeholder: "0",
+				allowLeadingZeros: !0,
+				thousandSeparator: ",",
+				allowNegative: !1,
+				disabled: o,
+				className: e("liq-text-3xl liq-leading-9 liq-min-h-12 liq-py-0 liq-w-full liq-h-full liq-border-none liq-font-medium liq-px-0 liq-outline-0 liq-bg-transparent focus-visible:liq-outline-none", { "liq-disabled liq-animate-pulse": o && !c }, l),
+				onChange: p,
+				onValueChange: async ({ value: e }) => {
+					d?.(e);
+				},
+				onBlur: u,
+				onKeyDown: (e) => m(e)
+			})
+		}), s && /* @__PURE__ */ t("div", {
+			className: "liq-flex liq-min-h-[2rem] liq-items-end",
+			children: /* @__PURE__ */ t("div", {
+				className: "liq-text-danger liq-text-xs",
+				children: s
+			})
+		})]
+	});
 };
+//#endregion
+export { i as AmountInput };

package/reactjs/components/AmountInput/index.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./AmountInput.js");exports.AmountInput=t.AmountInput;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./AmountInput.js");exports.AmountInput=e.AmountInput;

package/reactjs/components/AmountInput/index.mjs

@@ -1,4 +1,2 @@
-import { AmountInput as m } from "./AmountInput.mjs";
-export {
-  m as AmountInput
-};
+import { AmountInput as e } from "./AmountInput.mjs";
+export { e as AmountInput };

package/reactjs/components/BridgeForm/BridgeForm.d.ts

@@ -28,5 +28,5 @@ interface BridgeFormProps {
      */
     onNavigate?: (url: string, options?: object) => void;
 }
-export declare const BridgeForm: ({ mvxChainId, mvxAddress, username, callbackRoute, firstTokenIdentifier, secondTokenIdentifier, firstTokenAmount, secondTokenAmount, refetchTrigger, showHistory, forcedDestinationTokenSymbol, onSuccessfullySentTransaction, onSuccessfullySentMvxTransaction, onFailedSentMvxTransaction, onFailedSentTransaction, onMvxConnect, onMvxDisconnect, onHistoryClose, onNavigate }: BridgeFormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BridgeForm: ({ mvxChainId, mvxAddress, username, callbackRoute, firstTokenIdentifier, secondTokenIdentifier, firstTokenAmount, secondTokenAmount, refetchTrigger, showHistory, forcedDestinationTokenSymbol, onSuccessfullySentTransaction, onSuccessfullySentMvxTransaction, onFailedSentMvxTransaction, onFailedSentTransaction, onMvxConnect, onMvxDisconnect, onHistoryClose, onNavigate }: BridgeFormProps) => import("react").JSX.Element;
 export {};

package/reactjs/components/BridgeForm/BridgeForm.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),W=require("react"),f=require("./Deposit.js"),w=require("./Transfer.js"),y=require("../../context/useWeb3App.js"),P=({mvxChainId:r,mvxAddress:t,username:s,callbackRoute:i="/",firstTokenIdentifier:n,secondTokenIdentifier:c,firstTokenAmount:o,secondTokenAmount:a,refetchTrigger:p,showHistory:u,forcedDestinationTokenSymbol:d,onSuccessfullySentTransaction:b,onSuccessfullySentMvxTransaction:B,onFailedSentMvxTransaction:D,onFailedSentTransaction:h,onMvxConnect:_,onMvxDisconnect:g,onHistoryClose:j,onNavigate:l})=>{const{bridgeOnly:q}=y.useWeb3App(),[e,m]=W.useState("deposit"),F=()=>{q!==!1&&m(O=>O==="deposit"?"withdraw":"deposit")};return e==="deposit"?S.jsx(f.Deposit,{mvxChainId:r,mvxAddress:t,username:s,callbackRoute:i,firstTokenIdentifier:n,secondTokenIdentifier:c,firstTokenAmount:o,secondTokenAmount:a,refetchTrigger:p,showHistory:u,forcedDestinationTokenSymbol:d,direction:e,onChangeDirection:F,onSuccessfullySentTransaction:b,onFailedSentTransaction:h,onHistoryClose:j,onMvxConnect:_,onMvxDisconnect:g,onNavigate:l}):S.jsx(w.Transfer,{mvxChainId:r,mvxAddress:t,username:s,callbackRoute:i,firstTokenIdentifier:n,secondTokenIdentifier:c,firstTokenAmount:o,secondTokenAmount:a,refetchTrigger:p,showHistory:u,forcedDestinationTokenSymbol:d,direction:e,onChangeDirection:F,onSuccessfullySentTransaction:B,onFailedSentTransaction:D,onHistoryClose:j,onMvxConnect:_,onMvxDisconnect:g,onNavigate:l})};exports.BridgeForm=P;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../context/useWeb3App.js"),t=require("../../../hooks-SJPsZfDx.js"),n=require("../../utils/getInitialTokens.js");require("../../utils/index.js");const r=require("./utils/bridgeFormHelpers.js"),i=require("./Deposit.js"),a=require("./Transfer.js"),o=require("../base/MxCircleLoader/MxCircleLoader.js");require("../base/MxCircleLoader/index.js");let s=require("react/jsx-runtime"),c=require("react");var l=({mvxChainId:l,mvxAddress:u,username:d,callbackRoute:f=`/`,firstTokenIdentifier:p,secondTokenIdentifier:m,firstTokenAmount:h,secondTokenAmount:g,refetchTrigger:_,showHistory:v,forcedDestinationTokenSymbol:y,onSuccessfullySentTransaction:b,onSuccessfullySentMvxTransaction:x,onFailedSentMvxTransaction:S,onFailedSentTransaction:C,onMvxConnect:w,onMvxDisconnect:T,onHistoryClose:E,onNavigate:D})=>{let{bridgeOnly:O,options:k}=e.useWeb3App(),{firstTokenId:A,secondTokenId:j}=n.getInitialTokens({firstTokenId:p,secondTokenId:m}),[M,N]=(0,c.useState)(void 0),{isTokensLoading:P,isLoadingEvmTokensBalances:F,isLoadingMvxTokensBalances:I,isChainsLoading:L,mvxTokensWithBalances:R}=t.t({refetchTrigger:_,mvxAddress:u,mvxApiURL:k.mvxApiURL}),z=()=>{O!==!1&&N(e=>e===`deposit`?`withdraw`:`deposit`)},B=P||F||I||L;return(0,c.useEffect)(()=>{if(!(B||M!==void 0)){if(O===!1){N(`deposit`);return}N(A&&j&&r.isTokenIdFromMvx(A,R)?`withdraw`:`deposit`)}},[B,M,O,A,j,R]),B||M===void 0?(0,s.jsx)(o.MxCircleLoader,{}):M===`withdraw`?(0,s.jsx)(a.Transfer,{mvxChainId:l,mvxAddress:u,username:d,callbackRoute:f,firstTokenIdentifier:p,secondTokenIdentifier:m,firstTokenAmount:h,secondTokenAmount:g,refetchTrigger:_,showHistory:v,forcedDestinationTokenSymbol:y,direction:M,onChangeDirection:z,onSuccessfullySentTransaction:x,onFailedSentTransaction:S,onHistoryClose:E,onMvxConnect:w,onMvxDisconnect:T,onNavigate:D}):(0,s.jsx)(i.Deposit,{mvxChainId:l,mvxAddress:u,username:d,callbackRoute:f,firstTokenIdentifier:p,secondTokenIdentifier:m,firstTokenAmount:h,secondTokenAmount:g,refetchTrigger:_,showHistory:v,forcedDestinationTokenSymbol:y,direction:M,onChangeDirection:z,onSuccessfullySentTransaction:b,onFailedSentTransaction:C,onHistoryClose:E,onMvxConnect:w,onMvxDisconnect:T,onNavigate:D})};exports.BridgeForm=l;

package/reactjs/components/BridgeForm/BridgeForm.mjs

@@ -1,82 +1,82 @@
-import { jsx as h } from "react/jsx-runtime";
-import { useState as b } from "react";
-import { Deposit as q } from "./Deposit.mjs";
-import { Transfer as z } from "./Transfer.mjs";
-import { useWeb3App as C } from "../../context/useWeb3App.mjs";
-const P = ({
-  mvxChainId: t,
-  mvxAddress: i,
-  username: p,
-  callbackRoute: o = "/",
-  firstTokenIdentifier: e,
-  secondTokenIdentifier: s,
-  firstTokenAmount: a,
-  secondTokenAmount: m,
-  refetchTrigger: n,
-  showHistory: c,
-  forcedDestinationTokenSymbol: f,
-  onSuccessfullySentTransaction: F,
-  onSuccessfullySentMvxTransaction: j,
-  onFailedSentMvxTransaction: w,
-  onFailedSentTransaction: B,
-  onMvxConnect: d,
-  onMvxDisconnect: l,
-  onHistoryClose: u,
-  onNavigate: D
-}) => {
-  const { bridgeOnly: S } = C(), [r, O] = b(
-    "deposit"
-  ), g = () => {
-    S !== !1 && O((W) => W === "deposit" ? "withdraw" : "deposit");
-  };
-  return r === "deposit" ? /* @__PURE__ */ h(
-    q,
-    {
-      mvxChainId: t,
-      mvxAddress: i,
-      username: p,
-      callbackRoute: o,
-      firstTokenIdentifier: e,
-      secondTokenIdentifier: s,
-      firstTokenAmount: a,
-      secondTokenAmount: m,
-      refetchTrigger: n,
-      showHistory: c,
-      forcedDestinationTokenSymbol: f,
-      direction: r,
-      onChangeDirection: g,
-      onSuccessfullySentTransaction: F,
-      onFailedSentTransaction: B,
-      onHistoryClose: u,
-      onMvxConnect: d,
-      onMvxDisconnect: l,
-      onNavigate: D
-    }
-  ) : /* @__PURE__ */ h(
-    z,
-    {
-      mvxChainId: t,
-      mvxAddress: i,
-      username: p,
-      callbackRoute: o,
-      firstTokenIdentifier: e,
-      secondTokenIdentifier: s,
-      firstTokenAmount: a,
-      secondTokenAmount: m,
-      refetchTrigger: n,
-      showHistory: c,
-      forcedDestinationTokenSymbol: f,
-      direction: r,
-      onChangeDirection: g,
-      onSuccessfullySentTransaction: j,
-      onFailedSentTransaction: w,
-      onHistoryClose: u,
-      onMvxConnect: d,
-      onMvxDisconnect: l,
-      onNavigate: D
-    }
-  );
-};
-export {
-  P as BridgeForm
+import { useWeb3App as e } from "../../context/useWeb3App.mjs";
+import { t } from "../../../hooks-DMIHvAKb.mjs";
+import { getInitialTokens as n } from "../../utils/getInitialTokens.mjs";
+import "../../utils/index.mjs";
+import { isTokenIdFromMvx as r } from "./utils/bridgeFormHelpers.mjs";
+import { Deposit as i } from "./Deposit.mjs";
+import { Transfer as a } from "./Transfer.mjs";
+import { MxCircleLoader as o } from "../base/MxCircleLoader/MxCircleLoader.mjs";
+import "../base/MxCircleLoader/index.mjs";
+import { jsx as s } from "react/jsx-runtime";
+import { useEffect as c, useState as l } from "react";
+//#region src/reactjs/components/BridgeForm/BridgeForm.tsx
+var u = ({ mvxChainId: u, mvxAddress: d, username: f, callbackRoute: p = "/", firstTokenIdentifier: m, secondTokenIdentifier: h, firstTokenAmount: g, secondTokenAmount: _, refetchTrigger: v, showHistory: y, forcedDestinationTokenSymbol: b, onSuccessfullySentTransaction: x, onSuccessfullySentMvxTransaction: S, onFailedSentMvxTransaction: C, onFailedSentTransaction: w, onMvxConnect: T, onMvxDisconnect: E, onHistoryClose: D, onNavigate: O }) => {
+	let { bridgeOnly: k, options: A } = e(), { firstTokenId: j, secondTokenId: M } = n({
+		firstTokenId: m,
+		secondTokenId: h
+	}), [N, P] = l(void 0), { isTokensLoading: F, isLoadingEvmTokensBalances: I, isLoadingMvxTokensBalances: L, isChainsLoading: R, mvxTokensWithBalances: z } = t({
+		refetchTrigger: v,
+		mvxAddress: d,
+		mvxApiURL: A.mvxApiURL
+	}), B = () => {
+		k !== !1 && P((e) => e === "deposit" ? "withdraw" : "deposit");
+	}, V = F || I || L || R;
+	return c(() => {
+		if (!(V || N !== void 0)) {
+			if (k === !1) {
+				P("deposit");
+				return;
+			}
+			P(j && M && r(j, z) ? "withdraw" : "deposit");
+		}
+	}, [
+		V,
+		N,
+		k,
+		j,
+		M,
+		z
+	]), V || N === void 0 ? /* @__PURE__ */ s(o, {}) : N === "withdraw" ? /* @__PURE__ */ s(a, {
+		mvxChainId: u,
+		mvxAddress: d,
+		username: f,
+		callbackRoute: p,
+		firstTokenIdentifier: m,
+		secondTokenIdentifier: h,
+		firstTokenAmount: g,
+		secondTokenAmount: _,
+		refetchTrigger: v,
+		showHistory: y,
+		forcedDestinationTokenSymbol: b,
+		direction: N,
+		onChangeDirection: B,
+		onSuccessfullySentTransaction: S,
+		onFailedSentTransaction: C,
+		onHistoryClose: D,
+		onMvxConnect: T,
+		onMvxDisconnect: E,
+		onNavigate: O
+	}) : /* @__PURE__ */ s(i, {
+		mvxChainId: u,
+		mvxAddress: d,
+		username: f,
+		callbackRoute: p,
+		firstTokenIdentifier: m,
+		secondTokenIdentifier: h,
+		firstTokenAmount: g,
+		secondTokenAmount: _,
+		refetchTrigger: v,
+		showHistory: y,
+		forcedDestinationTokenSymbol: b,
+		direction: N,
+		onChangeDirection: B,
+		onSuccessfullySentTransaction: x,
+		onFailedSentTransaction: w,
+		onHistoryClose: D,
+		onMvxConnect: T,
+		onMvxDisconnect: E,
+		onNavigate: O
+	});
 };
+//#endregion
+export { u as BridgeForm };

package/reactjs/components/BridgeForm/Deposit.d.ts

@@ -19,5 +19,5 @@ interface BridgeFormProps {
     onNavigate?: (url: string, options?: object) => void;
     onChangeDirection: () => void;
 }
-export declare const Deposit: ({ mvxChainId, mvxAddress, username, callbackRoute, firstTokenIdentifier, secondTokenIdentifier, firstTokenAmount, secondTokenAmount, refetchTrigger, showHistory, forcedDestinationTokenSymbol, onSuccessfullySentTransaction, onFailedSentTransaction, onHistoryClose, onMvxConnect, onMvxDisconnect, onNavigate, onChangeDirection }: BridgeFormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Deposit: ({ mvxChainId, mvxAddress, username, callbackRoute, firstTokenIdentifier, secondTokenIdentifier, firstTokenAmount, secondTokenAmount, refetchTrigger, showHistory, forcedDestinationTokenSymbol, onSuccessfullySentTransaction, onFailedSentTransaction, onHistoryClose, onMvxConnect, onMvxDisconnect, onNavigate, onChangeDirection }: BridgeFormProps) => import("react").JSX.Element;
 export {};

package/reactjs/components/BridgeForm/Deposit.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),Bs=require("@fortawesome/free-solid-svg-icons/faSpinner"),ys=require("@fortawesome/react-fontawesome"),As=require("@multiversx/sdk-dapp-utils/out/helpers/formatAmount"),ks=require("@reown/appkit/react"),Ns=require("@wagmi/core"),Ss=require("lodash/debounce"),t=require("react"),N=require("react-toastify"),ws=require("./hooks/useBridgeTokenSelection.js"),Ds=require("./utils/bridgeFormHelpers.js"),Me=require("../../../constants/index.js"),Ms=require("../../../helpers/getApiURL.js");require("../../constants/index.js");const O=require("../../../helpers/safeImageUrl.js");require("@solana/web3.js");require("bitcoinjs-lib");require("viem");const S=require("../../../types/chainType.js"),Es=require("../../context/useWeb3App.js"),G=require("../../helpers/resolveBridgeApiChainId.js"),Rs=require("../../hooks/useAccount.js"),Fs=require("../../hooks/useBridgeApiChainId.js"),w=require("../../hooks/useBridgeFormik.js"),Vs=require("../../hooks/useDisconnectOnChainTypeChange.js"),Ps=require("../../hooks/useFetchBridgeData.js"),Us=require("../../hooks/useGetChainId.js"),Hs=require("../../hooks/useNamespaceAddress.js"),Ls=require("../../hooks/useSendTransactions.js"),Ts=require("../../hooks/useSignTransaction.js"),Os=require("../../queries/useGetHistory.query.js"),Gs=require("../../queries/useGetRate.mutation.js"),Ee=require("../../utils/mxClsx.js"),Re=require("../AmountCard/AmountCard.js"),Fe=require("../AmountInput/AmountInput.js"),Ws=require("../base/MxButton/MxButton.js");require("../base/MxCard/MxCard.js");require("../base/MxLink/MxLink.js");require("../base/MxSearch/MxSearch.js");require("@fortawesome/free-solid-svg-icons/faClose");require("@headlessui/react");require("react-dom");require("react-popper");require("../base/MxTooltip/components/TooltipContainer/TooltipContainer.js");const Xs=require("../BridgeHistory/BridgeHistory.js"),zs=require("../Connect/BridgeConnectButton.js");require("wagmi");const Qs=require("../Connect/MvxConnectButton.js"),$s=require("../Connect/BridgeAccountDisplay.js"),Ks=require("../Connect/MvxAccountDisplay.js");require("@reown/appkit-controllers");const Ys=require("../ToggleDirection/ToggleDirection.js"),Ve=require("../TokenSelector/TokenSelector.js");let W;const Js=({mvxChainId:D,mvxAddress:l,username:Pe,callbackRoute:Ue="/",firstTokenIdentifier:He,secondTokenIdentifier:Le,firstTokenAmount:M,secondTokenAmount:j,refetchTrigger:Te,showHistory:Oe,forcedDestinationTokenSymbol:Ge,onSuccessfullySentTransaction:E,onFailedSentTransaction:b,onHistoryClose:R,onMvxConnect:ce,onMvxDisconnect:We,onNavigate:Xe,onChangeDirection:ze})=>{var Be,ye;const Qe=t.useRef(null),le=t.useRef(void 0),[X,$e]=t.useState(!1),[F,I]=t.useState(!1),[Ke,Ye]=t.useState(1),[z,Q]=t.useState(0),Je=Rs.useAccount(),{switchNetwork:ue}=ks.useAppKitNetwork(),de=Os.useInvalidateHistoryQuery(),{config:me,options:he,supportedChains:C,nativeAuthToken:V,bridgeOnly:Ze}=Es.useWeb3App(),$=Us.useGetChainId(),ge=Fs.useBridgeApiChainId(),{evmTokensWithBalances:es,mvxTokensWithBalances:ss,isTokensLoading:ts,isLoadingEvmTokensBalances:ns,isLoadingMvxTokensBalances:is,chains:v=[],isChainsLoading:rs}=Ps.useFetchBridgeData({refetchTrigger:Te,mvxAddress:l,mvxApiURL:he.mvxApiURL}),K=ts||ns||is||rs,as=t.useMemo(()=>C.find(n=>G.sameBridgeApiChainId(n.id,$)),[$,C]),c=t.useMemo(()=>v.find(n=>n.chainId.toString()===D.toString()),[$,v]),{evm:qe,solana:pe,bitcoin:xe,sui:be}=Ts.useSignTransaction(),fe=Ls.useSendTransactions(),{mutate:_e,data:d,isPending:B,error:f}=Gs.useGetRateMutation(),y=((Be=f==null?void 0:f.response)==null?void 0:Be.status)===400?(ye=f==null?void 0:f.response)==null?void 0:ye.data.message:void 0,os=t.useCallback(n=>{const x=C.find(u=>G.sameBridgeApiChainId(u.id,n.id));x&&ue(x)},[C,ue]),{firstToken:e,secondToken:a,fromOptions:A,toOptions:cs,selectedChainOption:r,onChangeFirstSelect:Y,onChangeSecondSelect:ls,handleChangeDirection:us}=ws.useBridgeTokenSelection({chains:v,activeChain:as,sdkChains:C,switchNetwork:os,fromTokens:es,toTokens:ss,firstTokenIdentifier:He,secondTokenIdentifier:Le,forcedDestinationTokenSymbol:Ge,isTokensLoading:K,callbackRoute:Ue,onNavigate:Xe}),ds=t.useMemo(()=>e?Me.MVX_CHAIN_IDS.includes(e.chainId.toString()):!1,[e==null?void 0:e.chainId]),ms=t.useMemo(()=>a?Me.MVX_CHAIN_IDS.includes(a.chainId.toString()):!1,[a==null?void 0:a.chainId]),[m,hs]=t.useState(M??""),[P,U]=t.useState(j??""),o=t.useMemo(()=>e?v.find(n=>G.sameBridgeApiChainId(n.chainId,e.chainId))??r:r,[e==null?void 0:e.chainId,v,r]),H=t.useMemo(()=>G.toBridgeApiChainId(e==null?void 0:e.chainId)??ge,[e==null?void 0:e.chainId,ge]);Vs.useDisconnectOnChainTypeChange(o==null?void 0:o.chainType);const q=Hs.useNamespaceAddress(o==null?void 0:o.chainType),je=q,Ie=Je.isConnected&&!!q,J=m!==""&&P!=="",Z=t.useCallback(Ss(async n=>{!n||!Number(n)||!q||!(e!=null&&e.address)||!(a!=null&&a.address)||!r||!H||_e({nativeAuthToken:V??"",body:{tokenIn:e.address,amountIn:n,fromChainId:H,tokenOut:a.address,toChainId:D}})},500),[q,H,e==null?void 0:e.address,a==null?void 0:a.address,r,D,V,_e]),h=t.useCallback(n=>{hs(()=>n)},[]),_=t.useCallback(n=>{U(()=>n)},[]),gs=t.useCallback(()=>{R==null||R()},[R]),qs=t.useCallback(()=>{const n=As.formatAmount({decimals:e==null?void 0:e.decimals,input:(e==null?void 0:e.balance)??"0",addCommas:!1,digits:4});p.setFieldValue("firstAmount",n),h(n)},[e==null?void 0:e.balance,e==null?void 0:e.decimals,h]),Ce=t.useCallback(async n=>{h(""),_(""),de(),de(),E==null||E(n)},[h,_,E]),ps=()=>{us(),ze()};t.useEffect(()=>{const n=le.current;if(le.current=r==null?void 0:r.chainId,!!n&&(r==null?void 0:r.chainId)!==(e==null?void 0:e.chainId)){const x=A==null?void 0:A.find(u=>u.chainId.toString()===(r==null?void 0:r.chainId));if(!x)return;Y(x)}},[r==null?void 0:r.chainId,e==null?void 0:e.chainId,A,Y]);const xs=t.useCallback(async({transactions:n,provider:x})=>{var Ae,ke,Ne;const u=[];I(!0),Q(()=>n.length);try{let k=-1;for(const i of n){++k;try{switch(Ds.resolveSigningChainType(i,o)){case S.ChainType.evm:{const g=await qe.signTransaction({...i,value:BigInt(i.value),gas:BigInt(i.gasLimit),account:je});if(!g||(u.push({...i,txHash:g}),k===n.length-1||!g))break;const T=await Ns.waitForTransactionReceipt(me,{confirmations:1,hash:g});console.info({transactionReceipt:T,hash:g});break}case S.ChainType.sol:if(!i.instructions||!i.feePayer)break;const oe=await pe.signTransaction({feePayer:i.feePayer,instructions:i.instructions,recentBlockhash:i.recentBlockhash});if(!oe)break;u.push({...i,txHash:oe});break;case S.ChainType.btc:if(!i.bitcoinParams){console.error("No bitcoin params");break}const vs=await xe.signTransaction(i.bitcoinParams);u.push({...i,txHash:vs});break;case S.ChainType.sui:{const g=(Ae=i.suiParams)==null?void 0:Ae.transactionBytes,T=(ke=i.suiParams)==null?void 0:ke.sender;if(!g||!T){console.error("No Sui transaction bytes or sender address");break}const De=await be.signTransaction({transaction:g,address:T});if(!De)break;u.push({...i,suiParams:{...i.suiParams,signature:De}});break}default:N.toast.error("Provider not supported"),I(!1);return}Q(()=>n.length-1-k)}catch{N.toast.dismiss(),N.toast.error("Transaction aborted"),b==null||b("Transaction aborted"),I(!1);return}}const{data:ae}=await fe({transactions:u,provider:x,url:Ms.getApiURL()??"",token:V??""}),Se=((Ne=ae.transactions)==null?void 0:Ne.map(i=>i.txHash).filter(i=>!!i))??[],we=u.map(i=>i.txHash).filter(i=>!!i),Cs=Se.length>0?Se:we.length>0?we:ae.batchId?[ae.batchId]:[];Ce(Cs),I(!1)}catch(k){console.error(k),N.toast.dismiss(),N.toast.error("Transaction cancelled"),b==null||b("Transaction cancelled"),I(!1),Q(0),fs(),h(""),_("")}},[o,je,me,h,_,V,Ce,fe,xe.signTransaction,qe.signTransaction,pe.signTransaction,be.signTransaction]),{formik:p,firstAmountError:ee,secondAmountError:se,fromChainError:te,senderAddressError:ne,receiverAddressError:ie,confirmRateError:re,handleBlur:L,handleChange:ve,handleSubmit:bs,resetSwapForm:fs}=w.useBridgeFormik({isMvxConnected:!!l,rate:d,sender:q??"",receiver:l??"",firstToken:e,firstAmount:m,fromChainId:H,toChainId:D,secondToken:a,secondAmount:P,setForceRefetchRate:Ye,senderChainType:o==null?void 0:o.chainType,receiverChainType:S.ChainType.mvx,onSubmit:xs}),_s=!!(ee||se||te||y||ne||ie||re),js=t.useMemo(()=>m!==""?y??ee:void 0,[ee,m,y]),Is=t.useMemo(()=>P!==""?te??se:void 0,[te,se,P]);return t.useEffect(()=>(m||U(""),Z(m),W&&clearInterval(W),W=setInterval(()=>{Z(m)},50*1e3),()=>clearInterval(W)),[m,Ke,Z]),t.useEffect(()=>{d!=null&&d.amountOut&&(p.setFieldValue(w.BridgeFormikValuesEnum.secondAmount,d.amountOut),U(d.amountOut))},[d==null?void 0:d.amountOut]),t.useEffect(()=>{y&&(p.setFieldValue(w.BridgeFormikValuesEnum.secondAmount,"0"),U("0"))},[y]),t.useEffect(()=>{M&&(p.setFieldValue(w.BridgeFormikValuesEnum.firstAmount,M),h(M))},[]),t.useEffect(()=>{j&&(p.setFieldValue(w.BridgeFormikValuesEnum.secondAmount,j),_(j))},[j]),s.jsx(s.Fragment,{children:s.jsxs("form",{ref:Qe,noValidate:!0,className:"liq-flex liq-flex-col liq-gap-1 liq-relative",autoComplete:"off",onSubmit:bs,children:[Oe&&s.jsx(Xs.BridgeHistory,{mvxAddress:l,onClose:gs}),s.jsxs(Re.AmountCard,{className:Ee.mxClsx("liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",{"liq-pointer-events-none":X,"focus-within:liq-outline-neutral-700/75 hover:liq-outline-neutral-700/55 hover:focus-within:liq-outline-neutral-700/80":!X}),children:[s.jsxs("div",{className:"liq-flex liq-items-center liq-gap-1",children:[s.jsx("span",{children:"From"}),s.jsx($s.BridgeAccountDisplay,{disabled:B,activeChain:o})]}),ne&&s.jsx("div",{className:"liq-text-red-400 liq-text-xs liq-mt-1",children:ne}),s.jsxs("div",{className:"liq-flex liq-justify-between liq-gap-1",children:[s.jsx(Fe.AmountInput,{inputName:"firstAmount",inputValue:p.values.firstAmount,amountError:js,disabled:!1,onInputDebounceChange:h,onInputChange:ve,onBlur:L}),s.jsx(Ve.TokenSelector,{name:"firstToken",disabled:B,options:A,areOptionsLoading:K,isMvxSelector:ds,isDestination:!1,color:"neutral-850",onChange:Y,onBlur:L,onMaxBtnClick:qs,selectedOption:e,onTokenSelectorDisplay:n=>$e(n)})]})]}),s.jsx("div",{className:"liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10",children:Ze&&s.jsx(Ys.ToggleDirection,{onChangeDirection:ps})}),s.jsxs(Re.AmountCard,{className:Ee.mxClsx("liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",{"liq-pointer-events-none":X}),children:[s.jsxs("div",{className:"liq-flex liq-items-center liq-gap-1",children:[s.jsx("span",{children:"To"}),s.jsx(Ks.MvxAccountDisplay,{accountAddress:l,chainIcon:O.safeImageUrl(c==null?void 0:c.pngUrl),username:Pe,accountExplorerUrl:`${he.mvxExplorerAddress}/accounts/${l}`,showTag:!0,onDisconnect:We,onConnect:ce})]}),ie&&s.jsx("div",{className:"liq-text-red-400 liq-text-xs liq-mt-1",children:ie}),re&&s.jsx("div",{className:"liq-text-red-400 liq-text-xs liq-mt-1",children:re}),s.jsxs("div",{className:"liq-flex liq-justify-between liq-gap-1",children:[s.jsx(Fe.AmountInput,{inputName:"secondAmount",inputValue:p.values.secondAmount,amountError:Is,disabled:!1,onInputDebounceChange:_,onInputChange:ve,onBlur:L}),s.jsx(Ve.TokenSelector,{name:"secondToken",disabled:B,omitDisableClass:!0,options:cs,areOptionsLoading:K,isMvxSelector:ms,color:"neutral-850",onChange:ls,onBlur:L,selectedOption:a})]})]}),s.jsxs("div",{className:"liq-flex liq-items-center liq-justify-center",children:[!l&&s.jsx(Qs.MvxConnectButton,{mvxAccountAddress:l,icon:O.safeImageUrl(c==null?void 0:c.pngUrl),onClick:ce}),l&&!Ie&&s.jsx(zs.BridgeConnectButton,{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:B,activeChain:o}),l&&Ie&&s.jsxs(Ws.MxButton,{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:!J||B||!l||!q||_s||F,children:[J&&!F&&s.jsxs("div",{className:"liq-flex liq-justify-center liq-items-center liq-gap-2",children:[s.jsx("div",{children:"Deposit on "}),s.jsx("img",{src:O.safeImageUrl(c==null?void 0:c.pngUrl),alt:"",className:"liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"}),s.jsx("div",{children:"MultiversX"})]}),!J&&!F&&s.jsx("span",{className:"liq-text-neutral-100",children:"Enter amount"}),F&&s.jsxs("div",{className:"liq-flex liq-justify-center liq-items-center liq-gap-2",children:[s.jsx(ys.FontAwesomeIcon,{icon:Bs.faSpinner,spin:!0,className:"liq-mx-1 liq-flex liq-items-center"}),s.jsx("div",{children:"Depositing on"}),s.jsx("img",{src:O.safeImageUrl(c==null?void 0:c.pngUrl),alt:"",className:"liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"}),s.jsx("div",{children:"MultiversX"})]})]})]}),q&&z>0&&s.jsx("div",{className:"liq-flex liq-items-center liq-justify-center liq-text-neutral-300 liq-text-sm",children:s.jsxs("div",{children:["You will be asked to sign ",z," ",z>1?"transactions":"transaction"," ","on your wallet"]})})]})})};exports.Deposit=Js;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunk-oiTVcehM.js"),t=require("../../../constants/index.js"),n=require("../../../helpers/getApiURL.js"),r=require("../../../helpers/safeImageUrl.js"),i=require("../../../types/chainType.js");require("../../../helpers/index.js");const a=require("../../utils/mxClsx.js"),o=require("../base/MxButton/MxButton.js");require("../base/index.js");const s=require("../AmountCard/AmountCard.js");require("../AmountCard/index.js");const c=require("../AmountInput/AmountInput.js");require("../AmountInput/index.js");const ee=require("../../hooks/useAccount.js"),te=require("../../context/useWeb3App.js"),l=require("../../hooks/useBridgeFormik.js"),u=require("../../helpers/resolveBridgeApiChainId.js"),ne=require("../../hooks/useBridgeApiChainId.js"),re=require("../../../hooks-SJPsZfDx.js"),ie=require("../../hooks/useGetChainId.js"),ae=require("../../hooks/useSendTransactions.js"),oe=require("../../hooks/useSignTransaction.js"),se=require("./utils/bridgeFormHelpers.js"),ce=require("./hooks/useBridgeTokenSelection.js"),le=require("../../hooks/useDisconnectOnChainTypeChange.js"),ue=require("../../hooks/useNamespaceAddress.js"),de=require("../../queries/useGetHistory.query.js"),fe=require("../../queries/useGetRate.mutation.js"),pe=require("../../../BridgeHistory-0NVr8Uxp.js");require("../BridgeHistory/index.js");const me=require("../Connect/BridgeConnectButton.js"),he=require("../Connect/MvxConnectButton.js"),ge=require("../Connect/BridgeAccountDisplay.js"),_e=require("../Connect/MvxAccountDisplay.js");require("../Connect/index.js");const ve=require("../../../ToggleDirection-CZ9-ZD7Y.js"),ye=require("../TokenSelector/TokenSelector.js");require("../TokenSelector/index.js");let d=require("react/jsx-runtime"),f=require("react"),be=require("@fortawesome/react-fontawesome"),xe=require("@reown/appkit/react"),Se=require("@multiversx/sdk-dapp-utils/out/helpers/formatAmount"),Ce=require("@fortawesome/free-solid-svg-icons/faSpinner"),we=require("@wagmi/core"),p=require("lodash/debounce");p=e.n(p);let m=require("react-toastify");var h,g=({mvxChainId:e,mvxAddress:g,username:Te,callbackRoute:Ee=`/`,firstTokenIdentifier:De,secondTokenIdentifier:Oe,firstTokenAmount:_,secondTokenAmount:v,refetchTrigger:ke,showHistory:Ae,forcedDestinationTokenSymbol:je,onSuccessfullySentTransaction:Me,onFailedSentTransaction:Ne,onHistoryClose:Pe,onMvxConnect:Fe,onMvxDisconnect:Ie,onNavigate:Le,onChangeDirection:Re})=>{let ze=(0,f.useRef)(null),Be=(0,f.useRef)(void 0),[y,Ve]=(0,f.useState)(!1),[b,x]=(0,f.useState)(!1),[He,Ue]=(0,f.useState)(1),[S,C]=(0,f.useState)(0),We=ee.useAccount(),{switchNetwork:Ge}=(0,xe.useAppKitNetwork)(),Ke=de.useInvalidateHistoryQuery(),{config:qe,options:Je,supportedChains:w,nativeAuthToken:T,bridgeOnly:Ye}=te.useWeb3App(),E=ie.useGetChainId(),Xe=ne.useBridgeApiChainId(),{evmTokensWithBalances:Ze,mvxTokensWithBalances:Qe,isTokensLoading:$e,isLoadingEvmTokensBalances:et,isLoadingMvxTokensBalances:tt,chains:D=[],isChainsLoading:nt}=re.t({refetchTrigger:ke,mvxAddress:g,mvxApiURL:Je.mvxApiURL}),O=$e||et||tt||nt,rt=(0,f.useMemo)(()=>w.find(e=>u.sameBridgeApiChainId(e.id,E)),[E,w]),k=(0,f.useMemo)(()=>D.find(t=>t.chainId.toString()===e.toString()),[E,D]),{evm:it,solana:at,bitcoin:ot,sui:st}=oe.useSignTransaction(),ct=ae.useSendTransactions(),{mutate:lt,data:A,isPending:j,error:ut}=fe.useGetRateMutation(),M=ut?.response?.status===400?ut?.response?.data.message:void 0,{firstToken:N,secondToken:P,fromOptions:F,toOptions:dt,selectedChainOption:I,onChangeFirstSelect:ft,onChangeSecondSelect:pt,handleChangeDirection:mt}=ce.useBridgeTokenSelection({chains:D,activeChain:rt,sdkChains:w,switchNetwork:(0,f.useCallback)(e=>{let t=w.find(t=>u.sameBridgeApiChainId(t.id,e.id));t&&Ge(t)},[w,Ge]),fromTokens:Ze,toTokens:Qe,firstTokenIdentifier:De,secondTokenIdentifier:Oe,forcedDestinationTokenSymbol:je,isTokensLoading:O,callbackRoute:Ee,onNavigate:Le}),ht=(0,f.useMemo)(()=>N?t.MVX_CHAIN_IDS.includes(N.chainId.toString()):!1,[N?.chainId]),gt=(0,f.useMemo)(()=>P?t.MVX_CHAIN_IDS.includes(P.chainId.toString()):!1,[P?.chainId]),[L,_t]=(0,f.useState)(_??``),[R,z]=(0,f.useState)(v??``),B=(0,f.useMemo)(()=>N?D.find(e=>u.sameBridgeApiChainId(e.chainId,N.chainId))??I:I,[N?.chainId,D,I]),V=(0,f.useMemo)(()=>u.toBridgeApiChainId(N?.chainId)??Xe,[N?.chainId,Xe]);le.useDisconnectOnChainTypeChange(B?.chainType);let H=ue.useNamespaceAddress(B?.chainType),vt=H,yt=We.isConnected&&!!H,U=L!==``&&R!==``,W=(0,f.useCallback)((0,p.default)(async t=>{!t||!Number(t)||!H||!N?.address||!P?.address||!I||!V||lt({nativeAuthToken:T??``,body:{tokenIn:N.address,amountIn:t,fromChainId:V,tokenOut:P.address,toChainId:e}})},500),[H,V,N?.address,P?.address,I,e,T,lt]),G=(0,f.useCallback)(e=>{_t(()=>e)},[]),K=(0,f.useCallback)(e=>{z(()=>e)},[]),bt=(0,f.useCallback)(()=>{Pe?.()},[Pe]),xt=(0,f.useCallback)(()=>{let e=(0,Se.formatAmount)({decimals:N?.decimals,input:N?.balance??`0`,addCommas:!1,digits:4});q.setFieldValue(`firstAmount`,e),G(e)},[N?.balance,N?.decimals,G]),St=(0,f.useCallback)(async e=>{G(``),K(``),Ke(),Ke(),Me?.(e)},[G,K,Me]),Ct=()=>{mt(),Re()};(0,f.useEffect)(()=>{let e=Be.current;if(Be.current=I?.chainId,e&&N?.chainId&&I?.chainId!==N.chainId){let e=F?.find(e=>e.chainId.toString()===I?.chainId);if(!e)return;ft(e)}},[I?.chainId,N?.chainId,F]);let wt=(0,f.useCallback)(async({transactions:e,provider:t})=>{let r=[];x(!0),C(()=>e.length);try{let a=-1;for(let t of e){++a;try{switch(se.resolveSigningChainType(t,B)){case i.ChainType.evm:{let n=await it.signTransaction({...t,value:BigInt(t.value),gas:BigInt(t.gasLimit),account:vt});if(!n||(r.push({...t,txHash:n}),a===e.length-1||!n))break;let i=await(0,we.waitForTransactionReceipt)(qe,{confirmations:1,hash:n});console.info({transactionReceipt:i,hash:n});break}case i.ChainType.sol:if(!t.instructions||!t.feePayer)break;let n=await at.signTransaction({feePayer:t.feePayer,instructions:t.instructions,recentBlockhash:t.recentBlockhash});if(!n)break;r.push({...t,txHash:n});break;case i.ChainType.btc:if(!t.bitcoinParams){console.error(`No bitcoin params`);break}let o=await ot.signTransaction(t.bitcoinParams);r.push({...t,txHash:o});break;case i.ChainType.sui:{let e=t.suiParams?.transactionBytes,n=t.suiParams?.sender;if(!e||!n){console.error(`No Sui transaction bytes or sender address`);break}let i=await st.signTransaction({transaction:e,address:n});if(!i)break;r.push({...t,suiParams:{...t.suiParams,signature:i}});break}default:m.toast.error(`Provider not supported`),x(!1);return}C(()=>e.length-1-a)}catch{m.toast.dismiss(),m.toast.error(`Transaction aborted`),Ne?.(`Transaction aborted`),x(!1);return}}let{data:o}=await ct({transactions:r,provider:t,url:n.getApiURL()??``,token:T??``}),s=o.transactions?.map(e=>e.txHash).filter(e=>!!e)??[],c=r.map(e=>e.txHash).filter(e=>!!e);St(s.length>0?s:c.length>0?c:o.batchId?[o.batchId]:[]),x(!1)}catch(e){console.error(e),m.toast.dismiss(),m.toast.error(`Transaction cancelled`),Ne?.(`Transaction cancelled`),x(!1),C(0),Ot(),G(``),K(``)}},[B,vt,qe,G,K,T,St,ct,ot.signTransaction,it.signTransaction,at.signTransaction,st.signTransaction]),{formik:q,firstAmountError:J,secondAmountError:Y,fromChainError:X,senderAddressError:Z,receiverAddressError:Q,confirmRateError:Tt,handleBlur:$,handleChange:Et,handleSubmit:Dt,resetSwapForm:Ot}=l.useBridgeFormik({isMvxConnected:!!g,rate:A,sender:H??``,receiver:g??``,firstToken:N,firstAmount:L,fromChainId:V,toChainId:e,secondToken:P,secondAmount:R,setForceRefetchRate:Ue,senderChainType:B?.chainType,receiverChainType:i.ChainType.mvx,onSubmit:wt}),kt=!!(J||Y||X||M||Z||Q||Tt),At=(0,f.useMemo)(()=>L===``?void 0:M??J,[J,L,M]),jt=(0,f.useMemo)(()=>R===``?void 0:X??Y,[X,Y,R]);return(0,f.useEffect)(()=>(L||z(``),W(L),h&&clearInterval(h),h=setInterval(()=>{W(L)},50*1e3),()=>clearInterval(h)),[L,He,W]),(0,f.useEffect)(()=>{A?.amountOut&&(q.setFieldValue(l.BridgeFormikValuesEnum.secondAmount,A.amountOut),z(A.amountOut))},[A?.amountOut]),(0,f.useEffect)(()=>{M&&(q.setFieldValue(l.BridgeFormikValuesEnum.secondAmount,`0`),z(`0`))},[M]),(0,f.useEffect)(()=>{_&&(q.setFieldValue(l.BridgeFormikValuesEnum.firstAmount,_),G(_))},[]),(0,f.useEffect)(()=>{v&&(q.setFieldValue(l.BridgeFormikValuesEnum.secondAmount,v),K(v))},[v]),(0,d.jsx)(d.Fragment,{children:(0,d.jsxs)(`form`,{ref:ze,noValidate:!0,className:`liq-flex liq-flex-col liq-gap-1 liq-relative`,autoComplete:`off`,onSubmit:Dt,children:[Ae&&(0,d.jsx)(pe.t,{mvxAddress:g,onClose:bt}),(0,d.jsxs)(s.AmountCard,{className:a.mxClsx(`liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6`,{"liq-pointer-events-none":y,"focus-within:liq-outline-neutral-700/75 hover:liq-outline-neutral-700/55 hover:focus-within:liq-outline-neutral-700/80":!y}),children:[(0,d.jsxs)(`div`,{className:`liq-flex liq-items-center liq-gap-1`,children:[(0,d.jsx)(`span`,{children:`From`}),(0,d.jsx)(ge.BridgeAccountDisplay,{disabled:j,activeChain:B})]}),Z&&(0,d.jsx)(`div`,{className:`liq-text-red-400 liq-text-xs liq-mt-1`,children:Z}),(0,d.jsxs)(`div`,{className:`liq-flex liq-justify-between liq-gap-1`,children:[(0,d.jsx)(c.AmountInput,{inputName:`firstAmount`,inputValue:q.values.firstAmount,amountError:At,disabled:!1,onInputDebounceChange:G,onInputChange:Et,onBlur:$}),(0,d.jsx)(ye.TokenSelector,{name:`firstToken`,disabled:j,options:F,areOptionsLoading:O,isMvxSelector:ht,isDestination:!1,color:`neutral-850`,onChange:ft,onBlur:$,onMaxBtnClick:xt,selectedOption:N,onTokenSelectorDisplay:e=>Ve(e)})]})]}),(0,d.jsx)(`div`,{className:`liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10`,children:Ye&&(0,d.jsx)(ve.t,{onChangeDirection:Ct})}),(0,d.jsxs)(s.AmountCard,{className:a.mxClsx(`liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6`,{"liq-pointer-events-none":y}),children:[(0,d.jsxs)(`div`,{className:`liq-flex liq-items-center liq-gap-1`,children:[(0,d.jsx)(`span`,{children:`To`}),(0,d.jsx)(_e.MvxAccountDisplay,{accountAddress:g,chainIcon:r.safeImageUrl(k?.pngUrl),username:Te,accountExplorerUrl:`${Je.mvxExplorerAddress}/accounts/${g}`,showTag:!0,onDisconnect:Ie,onConnect:Fe})]}),Q&&(0,d.jsx)(`div`,{className:`liq-text-red-400 liq-text-xs liq-mt-1`,children:Q}),Tt&&(0,d.jsx)(`div`,{className:`liq-text-red-400 liq-text-xs liq-mt-1`,children:Tt}),(0,d.jsxs)(`div`,{className:`liq-flex liq-justify-between liq-gap-1`,children:[(0,d.jsx)(c.AmountInput,{inputName:`secondAmount`,inputValue:q.values.secondAmount,amountError:jt,disabled:!1,onInputDebounceChange:K,onInputChange:Et,onBlur:$}),(0,d.jsx)(ye.TokenSelector,{name:`secondToken`,disabled:j,omitDisableClass:!0,options:dt,areOptionsLoading:O,isMvxSelector:gt,color:`neutral-850`,onChange:pt,onBlur:$,selectedOption:P})]})]}),(0,d.jsxs)(`div`,{className:`liq-flex liq-items-center liq-justify-center`,children:[!g&&(0,d.jsx)(he.MvxConnectButton,{mvxAccountAddress:g,icon:r.safeImageUrl(k?.pngUrl),onClick:Fe}),g&&!yt&&(0,d.jsx)(me.BridgeConnectButton,{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:j,activeChain:B}),g&&yt&&(0,d.jsxs)(o.MxButton,{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:!U||j||!g||!H||kt||b,children:[U&&!b&&(0,d.jsxs)(`div`,{className:`liq-flex liq-justify-center liq-items-center liq-gap-2`,children:[(0,d.jsx)(`div`,{children:`Deposit on `}),(0,d.jsx)(`img`,{src:r.safeImageUrl(k?.pngUrl),alt:``,className:`liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg`}),(0,d.jsx)(`div`,{children:`MultiversX`})]}),!U&&!b&&(0,d.jsx)(`span`,{className:`liq-text-neutral-100`,children:`Enter amount`}),b&&(0,d.jsxs)(`div`,{className:`liq-flex liq-justify-center liq-items-center liq-gap-2`,children:[(0,d.jsx)(be.FontAwesomeIcon,{icon:Ce.faSpinner,spin:!0,className:`liq-mx-1 liq-flex liq-items-center`}),(0,d.jsx)(`div`,{children:`Depositing on`}),(0,d.jsx)(`img`,{src:r.safeImageUrl(k?.pngUrl),alt:``,className:`liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg`}),(0,d.jsx)(`div`,{children:`MultiversX`})]})]})]}),H&&S>0&&(0,d.jsx)(`div`,{className:`liq-flex liq-items-center liq-justify-center liq-text-neutral-300 liq-text-sm`,children:(0,d.jsxs)(`div`,{children:[`You will be asked to sign `,S,` `,S>1?`transactions`:`transaction`,` `,`on your wallet`]})})]})})};exports.Deposit=g;