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

package/package.json

@@ -3,7 +3,7 @@
   "author": "MultiversX",
   "description": "A complete toolkit for bridging assets between MultiversX, Ethereum, BNB Chain and Sui",
   "license": "MIT",
-  "version": "2.3.0-alpha.0",
+  "version": "2.3.0-alpha.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/multiversx/mx-sdk-dapp-liquidity.git"

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

package/reactjs/components/BridgeForm/Deposit.mjs

@@ -18,7 +18,7 @@ import "bitcoinjs-lib";
 import "viem";
 import { ChainType as P } from "../../../types/chainType.mjs";
 import { useWeb3App as Hi } from "../../context/useWeb3App.mjs";
-import { sameBridgeApiChainId as me, toBridgeApiChainId as Oi } from "../../helpers/resolveBridgeApiChainId.mjs";
+import { sameBridgeApiChainId as de, 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";
@@ -64,96 +64,96 @@ const rn = ({
   showHistory: _e,
   forcedDestinationTokenSymbol: $e,
   onSuccessfullySentTransaction: k,
-  onFailedSentTransaction: v,
+  onFailedSentTransaction: I,
   onHistoryClose: F,
-  onMvxConnect: ue,
+  onMvxConnect: me,
   onMvxDisconnect: Ke,
   onNavigate: Ye,
   onChangeDirection: Je
 }) => {
   var De, Se;
-  const Ze = Fe(null), pe = Fe(void 0), [$, Te] = y(!1), [L, A] = y(!1), [ei, ii] = y(1), [K, Y] = y(0), I = Wi(), { switchNetwork: he } = Vi(), ge = Yi(), {
-    config: fe,
-    options: qe,
+  const Ze = Fe(null), ue = Fe(void 0), [$, Te] = y(!1), [L, A] = y(!1), [ei, ii] = y(1), [K, Y] = y(0), ti = Wi(), { switchNetwork: pe } = Vi(), he = Yi(), {
+    config: ge,
+    options: fe,
     supportedChains: w,
     nativeAuthToken: J,
-    bridgeOnly: ti
-  } = Hi(), Z = Qi(), be = Xi(), {
-    evmTokensWithBalances: ni,
-    mvxTokensWithBalances: ri,
+    bridgeOnly: ni
+  } = Hi(), Z = Qi(), qe = Xi(), {
+    evmTokensWithBalances: ri,
+    mvxTokensWithBalances: oi,
     isTokensLoading: ai,
-    isLoadingEvmTokensBalances: oi,
-    isLoadingMvxTokensBalances: si,
+    isLoadingEvmTokensBalances: si,
+    isLoadingMvxTokensBalances: li,
     chains: D = [],
-    isChainsLoading: li
+    isChainsLoading: ci
   } = Gi({
     refetchTrigger: Qe,
     mvxAddress: c,
-    mvxApiURL: qe.mvxApiURL
-  }), T = ai || oi || si || li, ci = g(() => w.find((i) => me(i.id, Z)), [Z, w]), o = g(() => D.find(
+    mvxApiURL: fe.mvxApiURL
+  }), T = ai || si || li || ci, di = g(() => w.find((i) => de(i.id, Z)), [Z, w]), a = g(() => D.find(
     (i) => i.chainId.toString() === _.toString()
-  ), [Z, D]), { evm: ve, solana: Ie, bitcoin: xe, sui: Be } = Ki(), ye = $i(), {
-    mutate: di,
+  ), [Z, D]), { evm: be, solana: ve, bitcoin: Ie, sui: xe } = Ki(), Be = $i(), {
+    mutate: mi,
     data: m,
     isPending: S,
     error: x
-  } = Ji(), 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, mi = f(
+  } = Ji(), 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(
     (i) => {
-      const b = w.find(
-        (d) => me(d.id, i.id)
+      const v = w.find(
+        (d) => de(d.id, i.id)
       );
-      b && he(b);
+      v && pe(v);
     },
-    [w, he]
+    [w, pe]
   ), {
     firstToken: e,
-    secondToken: a,
+    secondToken: o,
     fromOptions: U,
-    toOptions: ui,
+    toOptions: pi,
     selectedChainOption: r,
-    onChangeFirstSelect: Ne,
-    onChangeSecondSelect: pi,
-    handleChangeDirection: hi
+    onChangeFirstSelect: ye,
+    onChangeSecondSelect: hi,
+    handleChangeDirection: gi
   } = Li({
     chains: D,
-    activeChain: ci,
+    activeChain: di,
     sdkChains: w,
-    switchNetwork: mi,
-    fromTokens: ni,
-    toTokens: ri,
+    switchNetwork: ui,
+    fromTokens: ri,
+    toTokens: oi,
     firstTokenIdentifier: ze,
     secondTokenIdentifier: Ge,
     forcedDestinationTokenSymbol: $e,
     isTokensLoading: T,
     callbackRoute: Xe,
     onNavigate: Ye
-  }), gi = g(() => e ? Le.includes(e.chainId.toString()) : !1, [e == null ? void 0 : e.chainId]), fi = g(() => a ? Le.includes(a.chainId.toString()) : !1, [a == null ? void 0 : a.chainId]), [u, qi] = y(V ?? ""), [j, H] = y(C ?? ""), s = g(() => e ? D.find(
-    (i) => me(i.chainId, e.chainId)
+  }), fi = g(() => e ? Le.includes(e.chainId.toString()) : !1, [e == null ? void 0 : e.chainId]), qi = g(() => o ? Le.includes(o.chainId.toString()) : !1, [o == null ? void 0 : o.chainId]), [u, bi] = y(V ?? ""), [j, H] = y(C ?? ""), s = g(() => e ? D.find(
+    (i) => de(i.chainId, e.chainId)
   ) ?? r : r, [e == null ? void 0 : e.chainId, D, r]), O = g(
-    () => Oi(e == null ? void 0 : e.chainId) ?? be,
-    [e == null ? void 0 : e.chainId, be]
-  ), bi = _i(s == null ? void 0 : s.chainType), ee = I.address, Ce = I.isConnected && !!ee, ie = u !== "" && j !== "", te = f(
+    () => Oi(e == null ? void 0 : e.chainId) ?? qe,
+    [e == null ? void 0 : e.chainId, qe]
+  ), q = _i(s == null ? void 0 : s.chainType), Ne = q, Ce = ti.isConnected && !!q, ee = u !== "" && j !== "", ie = f(
     Fi(async (i) => {
-      !i || !Number(i) || !I.address || !(e != null && e.address) || !(a != null && a.address) || !r || !O || di({
+      !i || !Number(i) || !q || !(e != null && e.address) || !(o != null && o.address) || !r || !O || mi({
         nativeAuthToken: J ?? "",
         body: {
           tokenIn: e.address,
           amountIn: i,
           fromChainId: O,
-          tokenOut: a.address,
+          tokenOut: o.address,
           toChainId: _
         }
       });
     }, 500),
     [
-      I.address,
+      q,
       O,
       e == null ? void 0 : e.address,
-      a == null ? void 0 : a.address,
+      o == null ? void 0 : o.address,
       r
     ]
   ), p = f((i) => {
-    qi(() => i);
+    bi(() => i);
   }, []), B = f((i) => {
     H(() => i);
   }, []), vi = f(() => {
@@ -165,10 +165,10 @@ const rn = ({
       addCommas: !1,
       digits: 4
     });
-    q.setFieldValue("firstAmount", i), p(i);
+    b.setFieldValue("firstAmount", i), p(i);
   }, [e == null ? void 0 : e.balance, e == null ? void 0 : e.decimals, p]), Ae = f(
     async (i) => {
-      p(""), B(""), ge(), ge(), k == null || k(i);
+      p(""), B(""), he(), he(), k == null || k(i);
     },
     [
       p,
@@ -176,23 +176,23 @@ const rn = ({
       k
     ]
   ), xi = () => {
-    hi(), Je();
+    gi(), Je();
   };
   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 b = U == null ? void 0 : U.find(
+    const i = ue.current;
+    if (ue.current = r == null ? void 0 : r.chainId, !!i && (r == null ? void 0 : r.chainId) !== (e == null ? void 0 : e.chainId)) {
+      const v = U == null ? void 0 : U.find(
         (d) => d.chainId.toString() === (r == null ? void 0 : r.chainId)
       );
-      if (!b)
+      if (!v)
         return;
-      Ne(b);
+      ye(v);
     }
   }, [r == null ? void 0 : r.chainId]);
   const Bi = f(
     async ({
       transactions: i,
-      provider: b
+      provider: v
     }) => {
       var Re, Ee, Me;
       const d = [];
@@ -204,11 +204,11 @@ const rn = ({
           try {
             switch (Ui(t, s)) {
               case P.evm: {
-                const h = await ve.signTransaction({
+                const h = await be.signTransaction({
                   ...t,
                   value: BigInt(t.value),
                   gas: BigInt(t.gasLimit),
-                  account: ee
+                  account: Ne
                 });
                 if (!h || (d.push({
                   ...t,
@@ -216,7 +216,7 @@ const rn = ({
                 }), E === i.length - 1 || !h))
                   break;
                 const X = await ki(
-                  fe,
+                  ge,
                   {
                     confirmations: 1,
                     hash: h
@@ -231,16 +231,16 @@ const rn = ({
               case P.sol:
                 if (!t.instructions || !t.feePayer)
                   break;
-                const de = await Ie.signTransaction({
+                const ce = await ve.signTransaction({
                   feePayer: t.feePayer,
                   instructions: t.instructions,
                   recentBlockhash: t.recentBlockhash
                 });
-                if (!de)
+                if (!ce)
                   break;
                 d.push({
                   ...t,
-                  txHash: de
+                  txHash: ce
                 });
                 break;
               case P.btc:
@@ -248,7 +248,7 @@ const rn = ({
                   console.error("No bitcoin params");
                   break;
                 }
-                const Si = await xe.signTransaction(
+                const Si = await Ie.signTransaction(
                   t.bitcoinParams
                 );
                 d.push({
@@ -262,7 +262,7 @@ const rn = ({
                   console.error("No Sui transaction bytes or sender address");
                   break;
                 }
-                const ke = await Be.signTransaction({
+                const ke = await xe.signTransaction({
                   transaction: h,
                   address: X
                 });
@@ -285,43 +285,43 @@ const rn = ({
               () => i.length - 1 - E
             );
           } catch {
-            M.dismiss(), M.error("Transaction aborted"), v == null || v("Transaction aborted"), A(!1);
+            M.dismiss(), M.error("Transaction aborted"), I == null || I("Transaction aborted"), A(!1);
             return;
           }
         }
-        const { data: ce } = await ye({
+        const { data: le } = await Be({
           transactions: d,
-          provider: b,
+          provider: v,
           url: ji() ?? "",
           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] : [];
+        }), Pe = ((Me = le.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 : le.batchId ? [le.batchId] : [];
         Ae(Di), A(!1);
       } catch (E) {
-        console.error(E), M.dismiss(), M.error("Transaction cancelled"), v == null || v("Transaction cancelled"), A(!1), Y(0), Ni(), p(""), B("");
+        console.error(E), M.dismiss(), M.error("Transaction cancelled"), I == null || I("Transaction cancelled"), A(!1), Y(0), Ni(), p(""), B("");
       }
     },
     [
       s == null ? void 0 : s.chainType,
-      ee,
-      fe,
+      Ne,
+      ge,
       p,
       B,
       J,
       Ae,
-      ye,
-      xe.signTransaction,
-      ve.signTransaction,
+      Be,
       Ie.signTransaction,
-      Be.signTransaction
+      be.signTransaction,
+      ve.signTransaction,
+      xe.signTransaction
     ]
   ), {
-    formik: q,
-    firstAmountError: ne,
-    secondAmountError: re,
-    fromChainError: ae,
+    formik: b,
+    firstAmountError: te,
+    secondAmountError: ne,
+    fromChainError: re,
     senderAddressError: oe,
-    receiverAddressError: se,
-    confirmRateError: le,
+    receiverAddressError: ae,
+    confirmRateError: se,
     handleBlur: W,
     handleChange: we,
     handleSubmit: yi,
@@ -329,32 +329,32 @@ const rn = ({
   } = zi({
     isMvxConnected: !!c,
     rate: m,
-    sender: bi ?? "",
+    sender: q ?? "",
     receiver: c ?? "",
     firstToken: e,
     firstAmount: u,
     fromChainId: O,
     toChainId: _,
-    secondToken: a,
+    secondToken: o,
     secondAmount: j,
     setForceRefetchRate: ii,
     senderChainType: s == null ? void 0 : s.chainType,
     receiverChainType: P.mvx,
     onSubmit: Bi
-  }), Ci = !!(ne || re || ae || R || oe || se || le), Ai = g(() => u !== "" ? R ?? ne : void 0, [ne, u, R]), wi = g(() => j !== "" ? ae ?? re : void 0, [ae, re, j]);
-  return N(() => (u || H(""), te(u), Q && clearInterval(Q), Q = setInterval(() => {
-    te(u);
-  }, 50 * 1e3), () => clearInterval(Q)), [u, ei, te]), N(() => {
-    m != null && m.amountOut && (q.setFieldValue(G.secondAmount, m.amountOut), H(m.amountOut));
+  }), Ci = !!(te || ne || re || R || oe || ae || se), Ai = g(() => u !== "" ? R ?? te : void 0, [te, u, R]), wi = g(() => j !== "" ? re ?? ne : void 0, [re, ne, j]);
+  return N(() => (u || H(""), ie(u), Q && clearInterval(Q), Q = setInterval(() => {
+    ie(u);
+  }, 50 * 1e3), () => clearInterval(Q)), [u, ei, ie]), N(() => {
+    m != null && m.amountOut && (b.setFieldValue(G.secondAmount, m.amountOut), H(m.amountOut));
   }, [m == null ? void 0 : m.amountOut]), N(() => {
-    R && (q.setFieldValue(G.secondAmount, "0"), H("0"));
+    R && (b.setFieldValue(G.secondAmount, "0"), H("0"));
   }, [R]), N(() => {
-    V && (q.setFieldValue(
+    V && (b.setFieldValue(
       G.firstAmount,
       V
     ), p(V));
   }, []), N(() => {
-    C && (q.setFieldValue(
+    C && (b.setFieldValue(
       G.secondAmount,
       C
     ), B(C));
@@ -395,7 +395,7 @@ const rn = ({
                   He,
                   {
                     inputName: "firstAmount",
-                    inputValue: q.values.firstAmount,
+                    inputValue: b.values.firstAmount,
                     amountError: Ai,
                     disabled: !1,
                     onInputDebounceChange: p,
@@ -410,10 +410,10 @@ const rn = ({
                     disabled: S,
                     options: U,
                     areOptionsLoading: T,
-                    isMvxSelector: gi,
+                    isMvxSelector: fi,
                     isDestination: !1,
                     color: "neutral-850",
-                    onChange: Ne,
+                    onChange: ye,
                     onBlur: W,
                     onMaxBtnClick: Ii,
                     selectedOption: e,
@@ -424,7 +424,7 @@ const rn = ({
             ]
           }
         ),
-        /* @__PURE__ */ n("div", { className: "liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10", children: ti && /* @__PURE__ */ n(rt, { onChangeDirection: xi }) }),
+        /* @__PURE__ */ n("div", { className: "liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10", children: ni && /* @__PURE__ */ n(rt, { onChangeDirection: xi }) }),
         /* @__PURE__ */ l(
           je,
           {
@@ -441,23 +441,23 @@ const rn = ({
                   nt,
                   {
                     accountAddress: c,
-                    chainIcon: z(o == null ? void 0 : o.pngUrl),
+                    chainIcon: z(a == null ? void 0 : a.pngUrl),
                     username: We,
-                    accountExplorerUrl: `${qe.mvxExplorerAddress}/accounts/${c}`,
+                    accountExplorerUrl: `${fe.mvxExplorerAddress}/accounts/${c}`,
                     showTag: !0,
                     onDisconnect: Ke,
-                    onConnect: ue
+                    onConnect: me
                   }
                 )
               ] }),
+              ae && /* @__PURE__ */ n("div", { className: "liq-text-red-400 liq-text-xs liq-mt-1", children: ae }),
               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(
                   He,
                   {
                     inputName: "secondAmount",
-                    inputValue: q.values.secondAmount,
+                    inputValue: b.values.secondAmount,
                     amountError: wi,
                     disabled: !1,
                     onInputDebounceChange: B,
@@ -471,13 +471,13 @@ const rn = ({
                     name: "secondToken",
                     disabled: S,
                     omitDisableClass: !0,
-                    options: ui,
+                    options: pi,
                     areOptionsLoading: T,
-                    isMvxSelector: fi,
+                    isMvxSelector: qi,
                     color: "neutral-850",
-                    onChange: pi,
+                    onChange: hi,
                     onBlur: W,
-                    selectedOption: a
+                    selectedOption: o
                   }
                 )
               ] })
@@ -489,8 +489,8 @@ const rn = ({
             it,
             {
               mvxAccountAddress: c,
-              icon: z(o == null ? void 0 : o.pngUrl),
-              onClick: ue
+              icon: z(a == null ? void 0 : a.pngUrl),
+              onClick: me
             }
           ),
           c && !Ce && /* @__PURE__ */ n(
@@ -507,21 +507,21 @@ const rn = ({
               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 || !I.address || Ci || L,
+              disabled: !ee || S || !c || !q || Ci || L,
               children: [
-                ie && !L && /* @__PURE__ */ l("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
+                ee && !L && /* @__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: z(o == null ? void 0 : o.pngUrl),
+                      src: z(a == null ? void 0 : a.pngUrl),
                       alt: "",
                       className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                     }
                   ),
                   /* @__PURE__ */ n("div", { children: "MultiversX" })
                 ] }),
-                !ie && !L && /* @__PURE__ */ n("span", { className: "liq-text-neutral-100", children: "Enter amount" }),
+                !ee && !L && /* @__PURE__ */ n("span", { className: "liq-text-neutral-100", children: "Enter amount" }),
                 L && /* @__PURE__ */ l("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
                   /* @__PURE__ */ n(
                     Mi,
@@ -535,7 +535,7 @@ const rn = ({
                   /* @__PURE__ */ n(
                     "img",
                     {
-                      src: z(o == null ? void 0 : o.pngUrl),
+                      src: z(a == null ? void 0 : a.pngUrl),
                       alt: "",
                       className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                     }
@@ -546,7 +546,7 @@ const rn = ({
             }
           )
         ] }),
-        I.address && 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 && 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: [
           "You will be asked to sign ",
           K,
           " ",

package/reactjs/components/BridgeForm/Transfer.js

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

package/reactjs/components/BridgeForm/Transfer.mjs

@@ -1,11 +1,11 @@
-import { jsx as r, Fragment as pi, jsxs as s } from "react/jsx-runtime";
+import { jsx as r, Fragment as pi, jsxs as l } from "react/jsx-runtime";
 import { formatAmount as ui } from "@multiversx/sdk-dapp-utils/out/helpers/formatAmount";
 import { useAppKitNetwork as hi } from "@reown/appkit/react";
 import fi from "lodash/debounce";
-import { useRef as gi, useState as C, useMemo as m, useCallback as d, useEffect as I } from "react";
-import { toast as fe } from "react-toastify";
+import { useRef as gi, useState as C, useMemo as d, useCallback as p, useEffect as I } from "react";
+import { toast as he } from "react-toastify";
 import { useBridgeTokenSelection as qi } from "./hooks/useBridgeTokenSelection.mjs";
-import { MVX_CHAIN_IDS as ge } from "../../../constants/index.mjs";
+import { MVX_CHAIN_IDS as fe } from "../../../constants/index.mjs";
 import { getApiURL as vi } from "../../../helpers/getApiURL.mjs";
 import "../../constants/index.mjs";
 import { safeImageUrl as T } from "../../../helpers/safeImageUrl.mjs";
@@ -14,7 +14,7 @@ import "bitcoinjs-lib";
 import "viem";
 import { ChainType as bi } from "../../../types/chainType.mjs";
 import { ProviderType as Ci } from "../../../types/providerType.mjs";
-import { useWeb3App as qe } from "../../context/useWeb3App.mjs";
+import { useWeb3App as ge } from "../../context/useWeb3App.mjs";
 import { sameBridgeApiChainId as ee, toBridgeApiChainId as Ii } from "../../helpers/resolveBridgeApiChainId.mjs";
 import "yup";
 import "@multiversx/sdk-dapp-utils/out/helpers/parseAmount";
@@ -33,9 +33,9 @@ import "@reown/appkit-controllers";
 import { useNamespaceAddress as Ei } from "../../hooks/useNamespaceAddress.mjs";
 import { useInvalidateHistoryQuery as Di } from "../../queries/useGetHistory.query.mjs";
 import { useGetRateMutation as Oi } from "../../queries/useGetRate.mutation.mjs";
-import { mxClsx as ve } from "../../utils/mxClsx.mjs";
-import { AmountCard as be } from "../AmountCard/AmountCard.mjs";
-import { AmountInput as Ce } from "../AmountInput/AmountInput.mjs";
+import { mxClsx as qe } from "../../utils/mxClsx.mjs";
+import { AmountCard as ve } from "../AmountCard/AmountCard.mjs";
+import { AmountInput as be } from "../AmountInput/AmountInput.mjs";
 import { MxButton as Mi } from "../base/MxButton/MxButton.mjs";
 import "../base/MxCard/MxCard.mjs";
 import "../base/MxLink/MxLink.mjs";
@@ -52,39 +52,39 @@ import { MvxConnectButton as Li } from "../Connect/MvxConnectButton.mjs";
 import { BridgeAccountDisplay as Fi } from "../Connect/BridgeAccountDisplay.mjs";
 import { MvxAccountDisplay as Ui } from "../Connect/MvxAccountDisplay.mjs";
 import { ToggleDirection as ji } from "../ToggleDirection/ToggleDirection.mjs";
-import { TokenSelector as Ie } from "../TokenSelector/TokenSelector.mjs";
+import { TokenSelector as Ce } from "../TokenSelector/TokenSelector.mjs";
 let U;
 const Wt = ({
   mvxChainId: E,
   mvxAddress: a,
-  username: xe,
-  callbackRoute: Ae = "/",
-  firstTokenIdentifier: Ne,
-  secondTokenIdentifier: Be,
+  username: Ie,
+  callbackRoute: xe = "/",
+  firstTokenIdentifier: Ae,
+  secondTokenIdentifier: Ne,
   firstTokenAmount: D,
   secondTokenAmount: x,
-  refetchTrigger: we,
-  showHistory: ye,
-  forcedDestinationTokenSymbol: Ee,
-  onSuccessfullySentTransaction: p,
+  refetchTrigger: Be,
+  showHistory: we,
+  forcedDestinationTokenSymbol: ye,
+  onSuccessfullySentTransaction: u,
   onFailedSentTransaction: f,
   onHistoryClose: O,
   onMvxConnect: ie,
-  onMvxDisconnect: De,
-  onNavigate: Oe,
-  onChangeDirection: Me
+  onMvxDisconnect: Ee,
+  onNavigate: De,
+  onChangeDirection: Oe
 }) => {
-  var ue, he;
-  const Re = gi(null), [j, Ve] = C(!1), [Le, Fe] = C(1), [P, te] = C(0), [re, oe] = C([]), u = xi(), { switchNetwork: ne } = hi(), ae = Di(), {
-    options: se,
+  var pe, ue;
+  const Me = gi(null), [j, Re] = C(!1), [Ve, Le] = C(1), [P, te] = C(0), [re, oe] = C([]), Fe = xi(), { switchNetwork: ne } = hi(), ae = Di(), {
+    options: le,
     supportedChains: A,
     nativeAuthToken: W,
     bridgeOnly: Ue
-  } = qe(), G = wi(), le = Bi(), ce = yi(), {
+  } = ge(), G = wi(), se = Bi(), ce = yi(), {
     signMvxTransactions: Q,
     resetMvxTransactionHash: _,
     latestMvxTransactionHash: $
-  } = qe(), {
+  } = ge(), {
     evmTokensWithBalances: je,
     mvxTokensWithBalances: Pe,
     isTokensLoading: We,
@@ -93,17 +93,17 @@ const Wt = ({
     chains: N = [],
     isChainsLoading: _e
   } = Ni({
-    refetchTrigger: we,
+    refetchTrigger: Be,
     mvxAddress: a,
-    mvxApiURL: se.mvxApiURL
-  }), z = We || Ge || Qe || _e, $e = m(() => A.find((e) => ee(e.id, G)), [G, A]), g = m(() => N.find(
+    mvxApiURL: le.mvxApiURL
+  }), z = We || Ge || Qe || _e, $e = d(() => A.find((e) => ee(e.id, G)), [G, A]), g = d(() => N.find(
     (e) => e.chainId.toString() === E.toString()
   ), [G, N]), {
     mutate: ze,
     data: o,
     isPending: B,
     error: q
-  } = Oi(), w = ((ue = q == null ? void 0 : q.response) == null ? void 0 : ue.status) === 400 ? (he = q == null ? void 0 : q.response) == null ? void 0 : he.data.message : void 0, He = d(
+  } = Oi(), w = ((pe = q == null ? void 0 : q.response) == null ? void 0 : pe.status) === 400 ? (ue = q == null ? void 0 : q.response) == null ? void 0 : ue.data.message : void 0, He = p(
     (e) => {
       const b = A.find(
         (di) => ee(di.id, e.id)
@@ -127,23 +127,23 @@ const Wt = ({
     switchNetwork: He,
     fromTokens: Pe,
     toTokens: je,
-    firstTokenIdentifier: Ne,
-    secondTokenIdentifier: Be,
-    forcedDestinationTokenSymbol: Ee,
+    firstTokenIdentifier: Ae,
+    secondTokenIdentifier: Ne,
+    forcedDestinationTokenSymbol: ye,
     isTokensLoading: z,
     mvxChainId: E,
-    callbackRoute: Ae,
-    onNavigate: Oe
+    callbackRoute: xe,
+    onNavigate: De
   }), Ze = () => {
-    Je(), Me();
-  }, [l, Se] = C(D ?? ""), [M, R] = C(x ?? ""), Te = m(() => i ? ge.includes(i.chainId.toString()) : !1, [i == null ? void 0 : i.chainId]), ei = m(() => t ? ge.includes(t.chainId.toString()) : !1, [t == null ? void 0 : t.chainId]), n = m(() => t ? N.find(
+    Je(), Oe();
+  }, [s, Se] = C(D ?? ""), [M, R] = C(x ?? ""), Te = d(() => i ? fe.includes(i.chainId.toString()) : !1, [i == null ? void 0 : i.chainId]), ei = d(() => t ? fe.includes(t.chainId.toString()) : !1, [t == null ? void 0 : t.chainId]), n = d(() => t ? N.find(
     (e) => ee(e.chainId, t.chainId)
-  ) ?? y : y, [t == null ? void 0 : t.chainId, N, y]), V = m(
-    () => Ii(t == null ? void 0 : t.chainId) ?? le,
-    [t == null ? void 0 : t.chainId, le]
-  ), ii = Ei(n == null ? void 0 : n.chainType), me = u.address, de = u.isConnected && !!me, H = l !== "" && M !== "", K = d(
+  ) ?? y : y, [t == null ? void 0 : t.chainId, N, y]), V = d(
+    () => Ii(t == null ? void 0 : t.chainId) ?? se,
+    [t == null ? void 0 : t.chainId, se]
+  ), c = Ei(n == null ? void 0 : n.chainType), ii = c, me = Fe.isConnected && !!c, H = s !== "" && M !== "", K = p(
     fi(async (e) => {
-      !e || !Number(e) || !u.address || !(i != null && i.address) || !(t != null && t.address) || !y || !V || ze({
+      !e || !Number(e) || !c || !(i != null && i.address) || !(t != null && t.address) || !y || !V || ze({
         nativeAuthToken: W ?? "",
         body: {
           tokenIn: i.address,
@@ -155,36 +155,36 @@ const Wt = ({
       });
     }, 500),
     [
-      u.address,
+      c,
       V,
       i == null ? void 0 : i.address,
       t == null ? void 0 : t.address,
       y
     ]
-  ), c = d((e) => {
+  ), m = p((e) => {
     Se(() => e);
-  }, []), v = d((e) => {
+  }, []), v = p((e) => {
     R(() => e);
-  }, []), ti = d(() => {
+  }, []), ti = p(() => {
     O == null || O();
-  }, [O]), ri = d(() => {
+  }, [O]), ri = p(() => {
     const e = ui({
       decimals: i == null ? void 0 : i.decimals,
       input: (i == null ? void 0 : i.balance) ?? "0",
       addCommas: !1,
       digits: 4
     });
-    h.setFieldValue("firstAmount", e), c(e);
-  }, [i == null ? void 0 : i.balance, i == null ? void 0 : i.decimals, c]), oi = d(
+    h.setFieldValue("firstAmount", e), m(e);
+  }, [i == null ? void 0 : i.balance, i == null ? void 0 : i.decimals, m]), oi = p(
     async (e) => {
-      c(""), v(""), ae(), ae(), p == null || p(e);
+      m(""), v(""), ae(), ae(), u == null || u(e);
     },
     [
-      c,
+      m,
       v,
-      p
+      u
     ]
-  ), ni = d(
+  ), ni = p(
     async ({ transactions: e }) => {
       te(() => e.length);
       try {
@@ -192,12 +192,12 @@ const Wt = ({
           throw new Error("signMvxTransactions function is not provided");
         await Q(e), oe(e);
       } catch (b) {
-        console.error(b), fe.dismiss(), fe.error("Transaction cancelled"), f == null || f("Transaction cancelled"), te(0), si(), c(""), v("");
+        console.error(b), he.dismiss(), he.error("Transaction cancelled"), f == null || f("Transaction cancelled"), te(0), li(), m(""), v("");
       }
     },
     [
-      me,
-      c,
+      ii,
+      m,
       v,
       W,
       oi,
@@ -212,28 +212,28 @@ const Wt = ({
     receiverAddressError: Z,
     confirmRateError: S,
     handleBlur: L,
-    handleChange: pe,
+    handleChange: de,
     handleSubmit: ai,
-    resetSwapForm: si
+    resetSwapForm: li
   } = Ai({
     isMvxConnected: !!a,
     rate: o,
     sender: a ?? "",
-    receiver: ii ?? "",
+    receiver: c ?? "",
     firstToken: i,
-    firstAmount: l,
+    firstAmount: s,
     fromChainId: E,
     toChainId: V,
     secondToken: t,
     secondAmount: M,
-    setForceRefetchRate: Fe,
+    setForceRefetchRate: Le,
     senderChainType: bi.mvx,
     receiverChainType: n == null ? void 0 : n.chainType,
     onSubmit: ni
-  }), li = !!(X || Y || k || w || J || Z || S), ci = m(() => l !== "" ? w ?? X : void 0, [X, l, w]), mi = m(() => M !== "" ? k ?? Y : void 0, [k, Y, M]);
-  return I(() => (l || R(""), K(l), U && clearInterval(U), U = setInterval(() => {
-    K(l);
-  }, 50 * 1e3), () => clearInterval(U)), [l, Le, K]), I(() => {
+  }), si = !!(X || Y || k || w || J || Z || S), ci = d(() => s !== "" ? w ?? X : void 0, [X, s, w]), mi = d(() => M !== "" ? k ?? Y : void 0, [k, Y, M]);
+  return I(() => (s || R(""), K(s), U && clearInterval(U), U = setInterval(() => {
+    K(s);
+  }, 50 * 1e3), () => clearInterval(U)), [s, Ve, K]), I(() => {
     o != null && o.amountOut && (h.setFieldValue(F.secondAmount, o.amountOut), R(o.amountOut));
   }, [o == null ? void 0 : o.amountOut]), I(() => {
     w && (h.setFieldValue(F.secondAmount, "0"), R("0"));
@@ -241,7 +241,7 @@ const Wt = ({
     D && (h.setFieldValue(
       F.firstAmount,
       D
-    ), c(D));
+    ), m(D));
   }, []), I(() => {
     x && (h.setFieldValue(
       F.secondAmount,
@@ -255,12 +255,12 @@ const Wt = ({
           transactions: re.map((b) => ({
             ...b,
             txHash: e,
-            receiver: u.address
+            receiver: c
           })),
           provider: (o == null ? void 0 : o.provider) ?? Ci.None,
           url: vi() ?? "",
           token: W ?? ""
-        }), p == null || p([e]);
+        }), u == null || u([e]);
       } catch (e) {
         console.error("Error while sending transactions:", e), f == null || f(
           "An error occurred while sending the transaction"
@@ -274,20 +274,20 @@ const Wt = ({
     re,
     o == null ? void 0 : o.provider,
     ce
-  ]), /* @__PURE__ */ r(pi, { children: /* @__PURE__ */ s(
+  ]), /* @__PURE__ */ r(pi, { children: /* @__PURE__ */ l(
     "form",
     {
-      ref: Re,
+      ref: Me,
       noValidate: !0,
       className: "liq-flex liq-flex-col liq-gap-1 liq-relative",
       autoComplete: "off",
       onSubmit: ai,
       children: [
-        ye && /* @__PURE__ */ r(Ri, { mvxAddress: a, onClose: ti }),
-        /* @__PURE__ */ s(
-          be,
+        we && /* @__PURE__ */ r(Ri, { mvxAddress: a, onClose: ti }),
+        /* @__PURE__ */ l(
+          ve,
           {
-            className: ve(
+            className: qe(
               "liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",
               {
                 "liq-pointer-events-none": j,
@@ -295,37 +295,37 @@ const Wt = ({
               }
             ),
             children: [
-              /* @__PURE__ */ s("div", { className: "liq-flex liq-items-center liq-gap-1", children: [
+              /* @__PURE__ */ l("div", { className: "liq-flex liq-items-center liq-gap-1", children: [
                 /* @__PURE__ */ r("span", { children: "From" }),
                 /* @__PURE__ */ r(
                   Ui,
                   {
                     accountAddress: a,
                     chainIcon: T(g == null ? void 0 : g.pngUrl),
-                    username: xe,
-                    accountExplorerUrl: `${se.mvxExplorerAddress}/accounts/${a}`,
+                    username: Ie,
+                    accountExplorerUrl: `${le.mvxExplorerAddress}/accounts/${a}`,
                     showTag: !0,
-                    onDisconnect: De,
+                    onDisconnect: Ee,
                     onConnect: ie
                   }
                 )
               ] }),
               J && /* @__PURE__ */ r("div", { className: "liq-text-red-400 liq-text-xs liq-mt-1", children: J }),
-              /* @__PURE__ */ s("div", { className: "liq-flex liq-justify-between liq-gap-1", children: [
+              /* @__PURE__ */ l("div", { className: "liq-flex liq-justify-between liq-gap-1", children: [
                 /* @__PURE__ */ r(
-                  Ce,
+                  be,
                   {
                     inputName: "firstAmount",
                     inputValue: h.values.firstAmount,
                     amountError: ci,
                     disabled: !1,
-                    onInputDebounceChange: c,
-                    onInputChange: pe,
+                    onInputDebounceChange: m,
+                    onInputChange: de,
                     onBlur: L
                   }
                 ),
                 /* @__PURE__ */ r(
-                  Ie,
+                  Ce,
                   {
                     name: "firstToken",
                     disabled: B,
@@ -338,7 +338,7 @@ const Wt = ({
                     onBlur: L,
                     onMaxBtnClick: ri,
                     selectedOption: i,
-                    onTokenSelectorDisplay: (e) => Ve(e)
+                    onTokenSelectorDisplay: (e) => Re(e)
                   }
                 )
               ] })
@@ -346,17 +346,17 @@ const Wt = ({
           }
         ),
         /* @__PURE__ */ r("div", { className: "liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10", children: Ue && /* @__PURE__ */ r(ji, { onChangeDirection: Ze }) }),
-        /* @__PURE__ */ s(
-          be,
+        /* @__PURE__ */ l(
+          ve,
           {
-            className: ve(
+            className: qe(
               "liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",
               {
                 "liq-pointer-events-none": j
               }
             ),
             children: [
-              /* @__PURE__ */ s("div", { className: "liq-flex liq-items-center liq-gap-1", children: [
+              /* @__PURE__ */ l("div", { className: "liq-flex liq-items-center liq-gap-1", children: [
                 /* @__PURE__ */ r("span", { children: "To" }),
                 /* @__PURE__ */ r(
                   Fi,
@@ -368,21 +368,21 @@ const Wt = ({
               ] }),
               Z && /* @__PURE__ */ r("div", { className: "liq-text-red-400 liq-text-xs liq-mt-1", children: Z }),
               S && /* @__PURE__ */ r("div", { className: "liq-text-red-400 liq-text-xs liq-mt-1", children: S }),
-              /* @__PURE__ */ s("div", { className: "liq-flex liq-justify-between liq-gap-1", children: [
+              /* @__PURE__ */ l("div", { className: "liq-flex liq-justify-between liq-gap-1", children: [
                 /* @__PURE__ */ r(
-                  Ce,
+                  be,
                   {
                     inputName: "secondAmount",
                     inputValue: h.values.secondAmount,
                     amountError: mi,
                     disabled: !1,
                     onInputDebounceChange: v,
-                    onInputChange: pe,
+                    onInputChange: de,
                     onBlur: L
                   }
                 ),
                 /* @__PURE__ */ r(
-                  Ie,
+                  Ce,
                   {
                     name: "secondToken",
                     disabled: B,
@@ -400,7 +400,7 @@ const Wt = ({
             ]
           }
         ),
-        /* @__PURE__ */ s("div", { className: "liq-flex liq-items-center liq-justify-center", children: [
+        /* @__PURE__ */ l("div", { className: "liq-flex liq-items-center liq-justify-center", children: [
           !a && /* @__PURE__ */ r(
             Li,
             {
@@ -409,7 +409,7 @@ const Wt = ({
               onClick: ie
             }
           ),
-          a && !de && /* @__PURE__ */ r(
+          a && !me && /* @__PURE__ */ r(
             Vi,
             {
               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",
@@ -417,16 +417,16 @@ const Wt = ({
               activeChain: n
             }
           ),
-          a && de && /* @__PURE__ */ s(
+          a && me && /* @__PURE__ */ l(
             Mi,
             {
               "data-testid": "submit-button",
               type: "submit",
               variant: "neutral-850",
               className: "liq-w-full disabled:liq-bg-neutral-850/50 liq-py-3 hover:enabled:liq-bg-primary !liq-text-primary-200",
-              disabled: !H || B || !a || !u.address || li,
+              disabled: !H || B || !a || !c || si,
               children: [
-                H && /* @__PURE__ */ s("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
+                H && /* @__PURE__ */ l("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
                   /* @__PURE__ */ r("div", { children: "Transfer to " }),
                   /* @__PURE__ */ r(
                     "img",
@@ -443,7 +443,7 @@ const Wt = ({
             }
           )
         ] }),
-        u.address && P > 0 && /* @__PURE__ */ r("div", { className: "liq-flex liq-items-center liq-justify-center liq-text-neutral-300 liq-text-sm", children: /* @__PURE__ */ s("div", { children: [
+        c && P > 0 && /* @__PURE__ */ r("div", { className: "liq-flex liq-items-center liq-justify-center liq-text-neutral-300 liq-text-sm", children: /* @__PURE__ */ l("div", { children: [
           "You will be asked to sign ",
           P,
           " ",