@multiversx/sdk-dapp-liquidity 2.3.0-alpha.3 → 2.3.0-alpha.5

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"),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/useDisconnectOnChainTypeChange.js"),Ct=require("../../hooks/useNamespaceAddress.js"),bt=require("../../queries/useGetHistory.query.js"),vt=require("../../queries/useGetRate.mutation.js"),qe=require("../../utils/mxClsx.js"),he=require("../AmountCard/AmountCard.js"),pe=require("../AmountInput/AmountInput.js"),It=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 At=require("../BridgeHistory/BridgeHistory.js"),Bt=require("../Connect/BridgeConnectButton.js"),yt=require("../Connect/MvxConnectButton.js"),Nt=require("../Connect/BridgeAccountDisplay.js"),Mt=require("../Connect/MvxAccountDisplay.js"),Et=require("../ToggleDirection/ToggleDirection.js"),ge=require("../TokenSelector/TokenSelector.js");let O;const wt=({mvxChainId:A,mvxAddress:a,username:xe,callbackRoute:_e="/",firstTokenIdentifier:fe,secondTokenIdentifier:je,firstTokenAmount:B,secondTokenAmount:_,refetchTrigger:Ce,showHistory:be,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),[V,Z]=i.useState(0),[T,ee]=i.useState([]),we=pt.useAccount(),{switchNetwork:te}=lt.useAppKitNetwork(),ie=bt.useInvalidateHistoryQuery(),{options:se,supportedChains:f,nativeAuthToken:N,bridgeOnly:De}=me.useWeb3App(),F=_t.useGetChainId(),re=xt.useBridgeApiChainId(),ne=ft.useSendTransactions(),{signMvxTransactions:L,resetMvxTransactionHash:S,latestMvxTransactionHash:U}=me.useWeb3App(),{evmTokensWithBalances:ke,mvxTokensWithBalances:Oe,isTokensLoading:Re,isLoadingEvmTokensBalances:Ve,isLoadingMvxTokensBalances:Fe,chains:j=[],isChainsLoading:Le}=gt.useFetchBridgeData({refetchTrigger:Ce,mvxAddress:a,mvxApiURL:se.mvxApiURL}),G=Re||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:o,isPending:C,error:p}=vt.useGetRateMutation(),b=((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:s,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:Oe,toTokens:ke,firstTokenIdentifier:fe,secondTokenIdentifier:je,forcedDestinationTokenSymbol:ve,isTokensLoading:G,mvxChainId:A,callbackRoute:_e,onNavigate:Ae}),$e=()=>{Xe(),Be()},[l,ze]=i.useState(B??""),[M,E]=i.useState(_??""),Ke=i.useMemo(()=>s?de.MVX_CHAIN_IDS.includes(s.chainId.toString()):!1,[s==null?void 0:s.chainId]),Ye=i.useMemo(()=>r?de.MVX_CHAIN_IDS.includes(r.chainId.toString()):!1,[r==null?void 0:r.chainId]),n=i.useMemo(()=>r?j.find(t=>k.sameBridgeApiChainId(t.chainId,r.chainId))??v:v,[r==null?void 0:r.chainId,j,v]),w=i.useMemo(()=>k.toBridgeApiChainId(r==null?void 0:r.chainId)??re,[r==null?void 0:r.chainId,re]);jt.useDisconnectOnChainTypeChange(n==null?void 0:n.chainType);const c=Ct.useNamespaceAddress(n==null?void 0:n.chainType),Je=c,oe=we.isConnected&&!!c,H=l!==""&&M!=="",W=i.useCallback(ut(async t=>{!t||!Number(t)||!c||!(s!=null&&s.address)||!(r!=null&&r.address)||!v||!w||Ue({nativeAuthToken:N??"",body:{tokenIn:s.address,amountIn:t,fromChainId:A,tokenOut:r.address,toChainId:w}})},500),[c,w,s==null?void 0:s.address,r==null?void 0:r.address,v]),u=i.useCallback(t=>{ze(()=>t)},[]),g=i.useCallback(t=>{E(()=>t)},[]),Ze=i.useCallback(()=>{y==null||y()},[y]),Te=i.useCallback(()=>{const t=ct.formatAmount({decimals:s==null?void 0:s.decimals,input:(s==null?void 0:s.balance)??"0",addCommas:!1,digits:4});m.setFieldValue("firstAmount",t),u(t)},[s==null?void 0:s.balance,s==null?void 0:s.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),st(),u(""),g("")}},[Je,u,g,N,et,L]),{formik:m,firstAmountError:P,secondAmountError:Q,fromChainError:X,senderAddressError:$,receiverAddressError:z,confirmRateError:K,handleBlur:D,handleChange:ae,handleSubmit:it,resetSwapForm:st}=I.useBridgeFormik({isMvxConnected:!!a,rate:o,sender:a??"",receiver:c??"",firstToken:s,firstAmount:l,fromChainId:A,toChainId:w,secondToken:r,secondAmount:M,setForceRefetchRate:Ee,senderChainType:qt.ChainType.mvx,receiverChainType:n==null?void 0:n.chainType,onSubmit:tt}),rt=!!(P||Q||X||b||$||z||K),nt=i.useMemo(()=>l!==""?b??P:void 0,[P,l,b]),ot=i.useMemo(()=>M!==""?X??Q:void 0,[X,Q,M]);return i.useEffect(()=>(l||E(""),W(l),O&&clearInterval(O),O=setInterval(()=>{W(l)},50*1e3),()=>clearInterval(O)),[l,Me,W]),i.useEffect(()=>{o!=null&&o.amountOut&&(m.setFieldValue(I.BridgeFormikValuesEnum.secondAmount,o.amountOut),E(o.amountOut))},[o==null?void 0:o.amountOut]),i.useEffect(()=>{b&&(m.setFieldValue(I.BridgeFormikValuesEnum.secondAmount,"0"),E("0"))},[b]),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:c})),provider:(o==null?void 0:o.provider)??ht.ProviderType.None,url:mt.getApiURL()??"",token:N??""}),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,c,N,o==null?void 0:o.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:[be&&e.jsx(At.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(Mt.MvxAccountDisplay,{accountAddress:a,chainIcon:Y.safeImageUrl(h==null?void 0:h.pngUrl),username:xe,accountExplorerUrl:`${se.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:D}),e.jsx(ge.TokenSelector,{name:"firstToken",disabled:C,options:He,areOptionsLoading:G,isMvxSelector:Ke,isDestination:!1,color:"neutral-850",onChange:Pe,onBlur:D,onMaxBtnClick:Te,selectedOption:s,onTokenSelectorDisplay:t=>Ne(t)})]})]}),e.jsx("div",{className:"liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10",children:De&&e.jsx(Et.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(Nt.BridgeAccountDisplay,{disabled:C,activeChain:n})]}),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:D}),e.jsx(ge.TokenSelector,{name:"secondToken",disabled:C,omitDisableClass:!0,options:We,areOptionsLoading:G,isMvxSelector:Ye,color:"neutral-850",onChange:Qe,onBlur:D,selectedOption:r})]})]}),e.jsxs("div",{className:"liq-flex liq-items-center liq-justify-center",children:[!a&&e.jsx(yt.MvxConnectButton,{mvxAccountAddress:a,icon:Y.safeImageUrl(h==null?void 0:h.pngUrl),onClick:J}),a&&!oe&&e.jsx(Bt.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:C,activeChain:n}),a&&oe&&e.jsxs(It.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||C||!a||!c||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(n==null?void 0:n.pngUrl),alt:"",className:"liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"}),e.jsx("div",{children:n==null?void 0:n.networkName})]}),!H&&e.jsx("span",{className:"liq-text-neutral-100",children:"Enter amount"})]})]}),c&&V>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 ",V," ",V>1?"transactions":"transaction"," ","on your wallet"]})})]})})};exports.Transfer=wt;
+"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"),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"),O=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 B=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/useDisconnectOnChainTypeChange.js"),bt=require("../../hooks/useNamespaceAddress.js"),Ct=require("../../queries/useGetHistory.query.js"),vt=require("../../queries/useGetRate.mutation.js"),he=require("../../utils/mxClsx.js"),pe=require("../AmountCard/AmountCard.js"),ge=require("../AmountInput/AmountInput.js"),It=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 At=require("../BridgeHistory/BridgeHistory.js"),Bt=require("../Connect/BridgeConnectButton.js"),yt=require("../Connect/MvxConnectButton.js"),Nt=require("../Connect/BridgeAccountDisplay.js"),Mt=require("../Connect/MvxAccountDisplay.js"),Et=require("../ToggleDirection/ToggleDirection.js"),xe=require("../TokenSelector/TokenSelector.js");let R;const wt=({mvxChainId:_,mvxAddress:a,username:_e,callbackRoute:fe="/",firstTokenIdentifier:je,secondTokenIdentifier:be,firstTokenAmount:y,secondTokenAmount:f,refetchTrigger:Ce,showHistory:ve,forcedDestinationTokenSymbol:Ie,onSuccessfullySentTransaction:l,onFailedSentTransaction:m,onHistoryClose:N,onMvxConnect:J,onMvxDisconnect:Ae,onNavigate:Be,onChangeDirection:ye})=>{var le,ue;const Ne=i.useRef(null),[V,Me]=i.useState(!1),[Ee,we]=i.useState(1),[F,Z]=i.useState(0),[T,ee]=i.useState([]),De=pt.useAccount(),{switchNetwork:te}=lt.useAppKitNetwork(),ie=Ct.useInvalidateHistoryQuery(),{options:re,supportedChains:j,nativeAuthToken:b,bridgeOnly:ke}=qe.useWeb3App(),L=_t.useGetChainId(),se=xt.useBridgeApiChainId(),ne=ft.useSendTransactions(),{signMvxTransactions:U,resetMvxTransactionHash:M,latestMvxTransactionHash:S}=qe.useWeb3App(),{evmTokensWithBalances:Oe,mvxTokensWithBalances:Re,isTokensLoading:Ve,isLoadingEvmTokensBalances:Fe,isLoadingMvxTokensBalances:Le,chains:C=[],isChainsLoading:Ue}=gt.useFetchBridgeData({refetchTrigger:Ce,mvxAddress:a,mvxApiURL:re.mvxApiURL}),G=Ve||Fe||Le||Ue,Se=i.useMemo(()=>j.find(t=>O.sameBridgeApiChainId(t.id,L)),[L,j]),h=i.useMemo(()=>C.find(t=>t.chainId.toString()===_.toString()),[L,C]),{mutate:oe,data:o,isPending:v,error:p}=vt.useGetRateMutation(),I=((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=i.useCallback(t=>{const x=j.find(at=>O.sameBridgeApiChainId(at.id,t.id));x&&te(x)},[j,te]),{firstToken:r,secondToken:s,fromOptions:He,toOptions:We,selectedChainOption:A,onChangeFirstSelect:Pe,onChangeSecondSelect:Qe,handleChangeDirection:Xe}=dt.useBridgeTokenSelection({chains:C,activeChain:Se,sdkChains:j,switchNetwork:Ge,fromTokens:Re,toTokens:Oe,firstTokenIdentifier:je,secondTokenIdentifier:be,forcedDestinationTokenSymbol:Ie,isTokensLoading:G,mvxChainId:_,callbackRoute:fe,onNavigate:Be}),$e=()=>{Xe(),ye()},[u,ze]=i.useState(y??""),[E,w]=i.useState(f??""),Ke=i.useMemo(()=>r?me.MVX_CHAIN_IDS.includes(r.chainId.toString()):!1,[r==null?void 0:r.chainId]),Ye=i.useMemo(()=>s?me.MVX_CHAIN_IDS.includes(s.chainId.toString()):!1,[s==null?void 0:s.chainId]),n=i.useMemo(()=>s?C.find(t=>O.sameBridgeApiChainId(t.chainId,s.chainId))??A:A,[s==null?void 0:s.chainId,C,A]),D=i.useMemo(()=>O.toBridgeApiChainId(s==null?void 0:s.chainId)??se,[s==null?void 0:s.chainId,se]);jt.useDisconnectOnChainTypeChange(n==null?void 0:n.chainType);const c=bt.useNamespaceAddress(n==null?void 0:n.chainType),Je=c,ae=De.isConnected&&!!c,H=u!==""&&E!=="",W=i.useCallback(ut(async t=>{!t||!Number(t)||!c||!(r!=null&&r.address)||!(s!=null&&s.address)||!A||!D||oe({nativeAuthToken:b??"",body:{tokenIn:r.address,amountIn:t,fromChainId:_,tokenOut:s.address,toChainId:D}})},500),[c,D,r==null?void 0:r.address,s==null?void 0:s.address,A,_,b,oe]),d=i.useCallback(t=>{ze(()=>t)},[]),g=i.useCallback(t=>{w(()=>t)},[]),Ze=i.useCallback(()=>{N==null||N()},[N]),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});q.setFieldValue("firstAmount",t),d(t)},[r==null?void 0:r.balance,r==null?void 0:r.decimals,d]),et=i.useCallback(async t=>{d(""),g(""),ie(),ie(),l==null||l(t)},[d,g,l]),tt=i.useCallback(async({transactions:t})=>{Z(()=>t.length);try{if(!U)throw new Error("signMvxTransactions function is not provided");await U(t),ee(t)}catch(x){console.error(x),de.toast.dismiss(),de.toast.error("Transaction cancelled"),m==null||m("Transaction cancelled"),Z(0),rt(),d(""),g("")}},[Je,d,g,b,et,U]),{formik:q,firstAmountError:P,secondAmountError:Q,fromChainError:X,senderAddressError:$,receiverAddressError:z,confirmRateError:K,handleBlur:k,handleChange:ce,handleSubmit:it,resetSwapForm:rt}=B.useBridgeFormik({isMvxConnected:!!a,rate:o,sender:a??"",receiver:c??"",firstToken:r,firstAmount:u,fromChainId:_,toChainId:D,secondToken:s,secondAmount:E,setForceRefetchRate:we,senderChainType:qt.ChainType.mvx,receiverChainType:n==null?void 0:n.chainType,onSubmit:tt}),st=!!(P||Q||X||I||$||z||K),nt=i.useMemo(()=>u!==""?I??P:void 0,[P,u,I]),ot=i.useMemo(()=>E!==""?X??Q:void 0,[X,Q,E]);return i.useEffect(()=>(u||w(""),W(u),R&&clearInterval(R),R=setInterval(()=>{W(u)},50*1e3),()=>clearInterval(R)),[u,Ee,W]),i.useEffect(()=>{o!=null&&o.amountOut&&(q.setFieldValue(B.BridgeFormikValuesEnum.secondAmount,o.amountOut),w(o.amountOut))},[o==null?void 0:o.amountOut]),i.useEffect(()=>{I&&(q.setFieldValue(B.BridgeFormikValuesEnum.secondAmount,"0"),w("0"))},[I]),i.useEffect(()=>{y&&(q.setFieldValue(B.BridgeFormikValuesEnum.firstAmount,y),d(y))},[]),i.useEffect(()=>{f&&(q.setFieldValue(B.BridgeFormikValuesEnum.secondAmount,f),g(f))},[f]),i.useEffect(()=>{if(S)try{const t=S;ne({transactions:T.map(x=>({...x,txHash:t,receiver:c})),provider:(o==null?void 0:o.provider)??ht.ProviderType.None,url:mt.getApiURL()??"",token:b??""}),l==null||l([t])}catch(t){console.error("Error while sending transactions:",t),m==null||m("An error occurred while sending the transaction");return}finally{M==null||M(),ee([])}},[S,T,c,b,m,l,o==null?void 0:o.provider,M,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:it,children:[ve&&e.jsx(At.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":V,"focus-within:liq-outline-neutral-700/75 hover:liq-outline-neutral-700/55 hover:focus-within:liq-outline-neutral-700/80":!V}),children:[e.jsxs("div",{className:"liq-flex liq-items-center liq-gap-1",children:[e.jsx("span",{children:"From"}),e.jsx(Mt.MvxAccountDisplay,{accountAddress:a,chainIcon:Y.safeImageUrl(h==null?void 0:h.pngUrl),username:_e,accountExplorerUrl:`${re.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:q.values.firstAmount,amountError:nt,disabled:!1,onInputDebounceChange:d,onInputChange:ce,onBlur:k}),e.jsx(xe.TokenSelector,{name:"firstToken",disabled:v,options:He,areOptionsLoading:G,isMvxSelector:Ke,isDestination:!1,color:"neutral-850",onChange:Pe,onBlur:k,onMaxBtnClick:Te,selectedOption:r,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(Et.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":V}),children:[e.jsxs("div",{className:"liq-flex liq-items-center liq-gap-1",children:[e.jsx("span",{children:"To"}),e.jsx(Nt.BridgeAccountDisplay,{disabled:v,activeChain:n})]}),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:q.values.secondAmount,amountError:ot,disabled:!1,onInputDebounceChange:g,onInputChange:ce,onBlur:k}),e.jsx(xe.TokenSelector,{name:"secondToken",disabled:v,omitDisableClass:!0,options:We,areOptionsLoading:G,isMvxSelector:Ye,color:"neutral-850",onChange:Qe,onBlur:k,selectedOption:s})]})]}),e.jsxs("div",{className:"liq-flex liq-items-center liq-justify-center",children:[!a&&e.jsx(yt.MvxConnectButton,{mvxAccountAddress:a,icon:Y.safeImageUrl(h==null?void 0:h.pngUrl),onClick:J}),a&&!ae&&e.jsx(Bt.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:v,activeChain:n}),a&&ae&&e.jsxs(It.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||v||!a||!c||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(n==null?void 0:n.pngUrl),alt:"",className:"liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"}),e.jsx("div",{children:n==null?void 0:n.networkName})]}),!H&&e.jsx("span",{className:"liq-text-neutral-100",children:"Enter amount"})]})]}),c&&F>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 ",F," ",F>1?"transactions":"transaction"," ","on your wallet"]})})]})})};exports.Transfer=wt;

package/reactjs/components/BridgeForm/Transfer.mjs

@@ -2,10 +2,10 @@ 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 d, useCallback as p, useEffect as I } from "react";
-import { toast as he } from "react-toastify";
+import { useRef as gi, useState as C, useMemo as p, useCallback as u, useEffect as I } from "react";
+import { toast as fe } from "react-toastify";
 import { useBridgeTokenSelection as qi } from "./hooks/useBridgeTokenSelection.mjs";
-import { MVX_CHAIN_IDS as fe } from "../../../constants/index.mjs";
+import { MVX_CHAIN_IDS as ge } 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,14 +14,14 @@ import "bitcoinjs-lib";
 import "viem";
 import { ChainType as bi } from "../../../types/chainType.mjs";
 import { ProviderType as Ci } from "../../../types/providerType.mjs";
-import { useWeb3App as ge } from "../../context/useWeb3App.mjs";
+import { useWeb3App as qe } 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";
 import "bignumber.js";
 import { useAccount as xi } from "../../hooks/useAccount.mjs";
 import "axios";
-import { useBridgeFormik as Ai, BridgeFormikValuesEnum as U } from "../../hooks/useBridgeFormik.mjs";
+import { useBridgeFormik as Ai, BridgeFormikValuesEnum as j } from "../../hooks/useBridgeFormik.mjs";
 import { useFetchBridgeData as Ni } from "../../hooks/useFetchBridgeData.mjs";
 import { useBridgeApiChainId as Bi } from "../../hooks/useBridgeApiChainId.mjs";
 import "@tanstack/react-query";
@@ -34,9 +34,9 @@ import { useDisconnectOnChainTypeChange as Di } from "../../hooks/useDisconnectO
 import { useNamespaceAddress as Ei } from "../../hooks/useNamespaceAddress.mjs";
 import { useInvalidateHistoryQuery as Oi } from "../../queries/useGetHistory.query.mjs";
 import { useGetRateMutation as Mi } from "../../queries/useGetRate.mutation.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 { mxClsx as ve } from "../../utils/mxClsx.mjs";
+import { AmountCard as be } from "../AmountCard/AmountCard.mjs";
+import { AmountInput as Ce } from "../AmountInput/AmountInput.mjs";
 import { MxButton as Ri } from "../base/MxButton/MxButton.mjs";
 import "../base/MxCard/MxCard.mjs";
 import "../base/MxLink/MxLink.mjs";
@@ -53,169 +53,172 @@ import { MvxConnectButton as Fi } from "../Connect/MvxConnectButton.mjs";
 import { BridgeAccountDisplay as Ui } from "../Connect/BridgeAccountDisplay.mjs";
 import { MvxAccountDisplay as ji } from "../Connect/MvxAccountDisplay.mjs";
 import { ToggleDirection as Pi } from "../ToggleDirection/ToggleDirection.mjs";
-import { TokenSelector as Ce } from "../TokenSelector/TokenSelector.mjs";
-let j;
+import { TokenSelector as Ie } from "../TokenSelector/TokenSelector.mjs";
+let P;
 const Qt = ({
-  mvxChainId: D,
+  mvxChainId: x,
   mvxAddress: a,
-  username: Ie,
-  callbackRoute: xe = "/",
-  firstTokenIdentifier: Ae,
-  secondTokenIdentifier: Ne,
-  firstTokenAmount: E,
-  secondTokenAmount: x,
-  refetchTrigger: Be,
-  showHistory: we,
-  forcedDestinationTokenSymbol: ye,
-  onSuccessfullySentTransaction: u,
-  onFailedSentTransaction: f,
-  onHistoryClose: O,
+  username: xe,
+  callbackRoute: Ae = "/",
+  firstTokenIdentifier: Ne,
+  secondTokenIdentifier: Be,
+  firstTokenAmount: O,
+  secondTokenAmount: A,
+  refetchTrigger: we,
+  showHistory: ye,
+  forcedDestinationTokenSymbol: De,
+  onSuccessfullySentTransaction: m,
+  onFailedSentTransaction: h,
+  onHistoryClose: M,
   onMvxConnect: ie,
-  onMvxDisconnect: De,
-  onNavigate: Ee,
-  onChangeDirection: Oe
+  onMvxDisconnect: Ee,
+  onNavigate: Oe,
+  onChangeDirection: Me
 }) => {
-  var pe, ue;
-  const Me = gi(null), [P, Re] = C(!1), [Ve, Le] = C(1), [W, te] = C(0), [re, oe] = C([]), Fe = xi(), { switchNetwork: ne } = hi(), ae = Oi(), {
+  var ue, he;
+  const Re = gi(null), [W, Ve] = C(!1), [Le, Fe] = C(1), [G, te] = C(0), [re, oe] = C([]), Ue = xi(), { switchNetwork: ne } = hi(), ae = Oi(), {
     options: le,
-    supportedChains: A,
-    nativeAuthToken: M,
-    bridgeOnly: Ue
-  } = ge(), G = wi(), se = Bi(), ce = yi(), {
-    signMvxTransactions: Q,
-    resetMvxTransactionHash: _,
+    supportedChains: N,
+    nativeAuthToken: B,
+    bridgeOnly: je
+  } = qe(), Q = wi(), se = Bi(), me = yi(), {
+    signMvxTransactions: _,
+    resetMvxTransactionHash: R,
     latestMvxTransactionHash: $
-  } = ge(), {
-    evmTokensWithBalances: je,
-    mvxTokensWithBalances: Pe,
-    isTokensLoading: We,
-    isLoadingEvmTokensBalances: Ge,
-    isLoadingMvxTokensBalances: Qe,
-    chains: N = [],
-    isChainsLoading: _e
+  } = qe(), {
+    evmTokensWithBalances: Pe,
+    mvxTokensWithBalances: We,
+    isTokensLoading: Ge,
+    isLoadingEvmTokensBalances: Qe,
+    isLoadingMvxTokensBalances: _e,
+    chains: w = [],
+    isChainsLoading: $e
   } = Ni({
-    refetchTrigger: Be,
+    refetchTrigger: we,
     mvxAddress: a,
     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() === D.toString()
-  ), [G, N]), {
-    mutate: ze,
+  }), z = Ge || Qe || _e || $e, ze = p(() => N.find((e) => ee(e.id, Q)), [Q, N]), g = p(() => w.find(
+    (e) => e.chainId.toString() === x.toString()
+  ), [Q, w]), {
+    mutate: ce,
     data: n,
-    isPending: B,
+    isPending: y,
     error: q
-  } = Mi(), 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(
+  } = Mi(), D = ((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 = u(
     (e) => {
-      const b = A.find(
+      const b = N.find(
         (di) => ee(di.id, e.id)
       );
       b && ne(b);
     },
-    [A, ne]
+    [N, ne]
   ), {
     firstToken: i,
     secondToken: t,
     fromOptions: Ke,
     toOptions: Xe,
-    selectedChainOption: y,
+    selectedChainOption: E,
     onChangeFirstSelect: Ye,
     onChangeSecondSelect: Je,
     handleChangeDirection: Ze
   } = qi({
-    chains: N,
-    activeChain: $e,
-    sdkChains: A,
+    chains: w,
+    activeChain: ze,
+    sdkChains: N,
     switchNetwork: He,
-    fromTokens: Pe,
-    toTokens: je,
-    firstTokenIdentifier: Ae,
-    secondTokenIdentifier: Ne,
-    forcedDestinationTokenSymbol: ye,
+    fromTokens: We,
+    toTokens: Pe,
+    firstTokenIdentifier: Ne,
+    secondTokenIdentifier: Be,
+    forcedDestinationTokenSymbol: De,
     isTokensLoading: z,
-    mvxChainId: D,
-    callbackRoute: xe,
-    onNavigate: Ee
-  }), Se = () => {
-    Ze(), Oe();
-  }, [c, ke] = C(E ?? ""), [R, V] = 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]), o = d(() => t ? N.find(
+    mvxChainId: x,
+    callbackRoute: Ae,
+    onNavigate: Oe
+  }), ke = () => {
+    Ze(), Me();
+  }, [c, Se] = C(O ?? ""), [V, L] = C(A ?? ""), Te = p(() => i ? ge.includes(i.chainId.toString()) : !1, [i == null ? void 0 : i.chainId]), ei = p(() => t ? ge.includes(t.chainId.toString()) : !1, [t == null ? void 0 : t.chainId]), o = p(() => t ? w.find(
     (e) => ee(e.chainId, t.chainId)
-  ) ?? y : y, [t == null ? void 0 : t.chainId, N, y]), L = d(
+  ) ?? E : E, [t == null ? void 0 : t.chainId, w, E]), F = p(
     () => Ii(t == null ? void 0 : t.chainId) ?? se,
     [t == null ? void 0 : t.chainId, se]
   );
   Di(o == null ? void 0 : o.chainType);
-  const s = Ei(o == null ? void 0 : o.chainType), ii = s, me = Fe.isConnected && !!s, H = c !== "" && R !== "", K = p(
+  const s = Ei(o == null ? void 0 : o.chainType), ii = s, de = Ue.isConnected && !!s, H = c !== "" && V !== "", K = u(
     fi(async (e) => {
-      !e || !Number(e) || !s || !(i != null && i.address) || !(t != null && t.address) || !y || !L || ze({
-        nativeAuthToken: M ?? "",
+      !e || !Number(e) || !s || !(i != null && i.address) || !(t != null && t.address) || !E || !F || ce({
+        nativeAuthToken: B ?? "",
         body: {
           tokenIn: i.address,
           amountIn: e,
-          fromChainId: D,
+          fromChainId: x,
           tokenOut: t.address,
-          toChainId: L
+          toChainId: F
         }
       });
     }, 500),
     [
       s,
-      L,
+      F,
       i == null ? void 0 : i.address,
       t == null ? void 0 : t.address,
-      y
+      E,
+      x,
+      B,
+      ce
     ]
-  ), m = p((e) => {
-    ke(() => e);
-  }, []), v = p((e) => {
-    V(() => e);
-  }, []), ti = p(() => {
-    O == null || O();
-  }, [O]), ri = p(() => {
+  ), d = u((e) => {
+    Se(() => e);
+  }, []), v = u((e) => {
+    L(() => e);
+  }, []), ti = u(() => {
+    M == null || M();
+  }, [M]), ri = u(() => {
     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), m(e);
-  }, [i == null ? void 0 : i.balance, i == null ? void 0 : i.decimals, m]), oi = p(
+    f.setFieldValue("firstAmount", e), d(e);
+  }, [i == null ? void 0 : i.balance, i == null ? void 0 : i.decimals, d]), oi = u(
     async (e) => {
-      m(""), v(""), ae(), ae(), u == null || u(e);
+      d(""), v(""), ae(), ae(), m == null || m(e);
     },
     [
-      m,
+      d,
       v,
-      u
+      m
     ]
-  ), ni = p(
+  ), ni = u(
     async ({ transactions: e }) => {
       te(() => e.length);
       try {
-        if (!Q)
+        if (!_)
           throw new Error("signMvxTransactions function is not provided");
-        await Q(e), oe(e);
+        await _(e), oe(e);
       } catch (b) {
-        console.error(b), he.dismiss(), he.error("Transaction cancelled"), f == null || f("Transaction cancelled"), te(0), li(), m(""), v("");
+        console.error(b), fe.dismiss(), fe.error("Transaction cancelled"), h == null || h("Transaction cancelled"), te(0), li(), d(""), v("");
       }
     },
     [
       ii,
-      m,
+      d,
       v,
-      M,
+      B,
       oi,
-      Q
+      _
     ]
   ), {
-    formik: h,
+    formik: f,
     firstAmountError: X,
     secondAmountError: Y,
     fromChainError: J,
     senderAddressError: Z,
-    receiverAddressError: S,
-    confirmRateError: k,
-    handleBlur: F,
-    handleChange: de,
+    receiverAddressError: k,
+    confirmRateError: S,
+    handleBlur: U,
+    handleChange: pe,
     handleSubmit: ai,
     resetSwapForm: li
   } = Ai({
@@ -225,36 +228,36 @@ const Qt = ({
     receiver: s ?? "",
     firstToken: i,
     firstAmount: c,
-    fromChainId: D,
-    toChainId: L,
+    fromChainId: x,
+    toChainId: F,
     secondToken: t,
-    secondAmount: R,
-    setForceRefetchRate: Le,
+    secondAmount: V,
+    setForceRefetchRate: Fe,
     senderChainType: bi.mvx,
     receiverChainType: o == null ? void 0 : o.chainType,
     onSubmit: ni
-  }), si = !!(X || Y || J || w || Z || S || k), ci = d(() => c !== "" ? w ?? X : void 0, [X, c, w]), mi = d(() => R !== "" ? J ?? Y : void 0, [J, Y, R]);
-  return I(() => (c || V(""), K(c), j && clearInterval(j), j = setInterval(() => {
+  }), si = !!(X || Y || J || D || Z || k || S), mi = p(() => c !== "" ? D ?? X : void 0, [X, c, D]), ci = p(() => V !== "" ? J ?? Y : void 0, [J, Y, V]);
+  return I(() => (c || L(""), K(c), P && clearInterval(P), P = setInterval(() => {
     K(c);
-  }, 50 * 1e3), () => clearInterval(j)), [c, Ve, K]), I(() => {
-    n != null && n.amountOut && (h.setFieldValue(U.secondAmount, n.amountOut), V(n.amountOut));
+  }, 50 * 1e3), () => clearInterval(P)), [c, Le, K]), I(() => {
+    n != null && n.amountOut && (f.setFieldValue(j.secondAmount, n.amountOut), L(n.amountOut));
   }, [n == null ? void 0 : n.amountOut]), I(() => {
-    w && (h.setFieldValue(U.secondAmount, "0"), V("0"));
-  }, [w]), I(() => {
-    E && (h.setFieldValue(
-      U.firstAmount,
-      E
-    ), m(E));
+    D && (f.setFieldValue(j.secondAmount, "0"), L("0"));
+  }, [D]), I(() => {
+    O && (f.setFieldValue(
+      j.firstAmount,
+      O
+    ), d(O));
   }, []), I(() => {
-    x && (h.setFieldValue(
-      U.secondAmount,
-      x
-    ), v(x));
-  }, [x]), I(() => {
+    A && (f.setFieldValue(
+      j.secondAmount,
+      A
+    ), v(A));
+  }, [A]), I(() => {
     if ($)
       try {
         const e = $;
-        ce({
+        me({
           transactions: re.map((b) => ({
             ...b,
             txHash: e,
@@ -262,41 +265,44 @@ const Qt = ({
           })),
           provider: (n == null ? void 0 : n.provider) ?? Ci.None,
           url: vi() ?? "",
-          token: M ?? ""
-        }), u == null || u([e]);
+          token: B ?? ""
+        }), m == null || m([e]);
       } catch (e) {
-        console.error("Error while sending transactions:", e), f == null || f(
+        console.error("Error while sending transactions:", e), h == null || h(
           "An error occurred while sending the transaction"
         );
         return;
       } finally {
-        _ == null || _(), oe([]);
+        R == null || R(), oe([]);
       }
   }, [
     $,
     re,
     s,
-    M,
+    B,
+    h,
+    m,
     n == null ? void 0 : n.provider,
-    ce
+    R,
+    me
   ]), /* @__PURE__ */ r(pi, { children: /* @__PURE__ */ l(
     "form",
     {
-      ref: Me,
+      ref: Re,
       noValidate: !0,
       className: "liq-flex liq-flex-col liq-gap-1 liq-relative",
       autoComplete: "off",
       onSubmit: ai,
       children: [
-        we && /* @__PURE__ */ r(Vi, { mvxAddress: a, onClose: ti }),
+        ye && /* @__PURE__ */ r(Vi, { mvxAddress: a, onClose: ti }),
         /* @__PURE__ */ l(
-          ve,
+          be,
           {
-            className: qe(
+            className: ve(
               "liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",
               {
-                "liq-pointer-events-none": P,
-                "focus-within:liq-outline-neutral-700/75 hover:liq-outline-neutral-700/55 hover:focus-within:liq-outline-neutral-700/80": !P
+                "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: [
@@ -307,10 +313,10 @@ const Qt = ({
                   {
                     accountAddress: a,
                     chainIcon: T(g == null ? void 0 : g.pngUrl),
-                    username: Ie,
+                    username: xe,
                     accountExplorerUrl: `${le.mvxExplorerAddress}/accounts/${a}`,
                     showTag: !0,
-                    onDisconnect: De,
+                    onDisconnect: Ee,
                     onConnect: ie
                   }
                 )
@@ -318,46 +324,46 @@ const Qt = ({
               Z && /* @__PURE__ */ r("div", { className: "liq-text-red-400 liq-text-xs liq-mt-1", children: Z }),
               /* @__PURE__ */ l("div", { className: "liq-flex liq-justify-between liq-gap-1", children: [
                 /* @__PURE__ */ r(
-                  be,
+                  Ce,
                   {
                     inputName: "firstAmount",
-                    inputValue: h.values.firstAmount,
-                    amountError: ci,
+                    inputValue: f.values.firstAmount,
+                    amountError: mi,
                     disabled: !1,
-                    onInputDebounceChange: m,
-                    onInputChange: de,
-                    onBlur: F
+                    onInputDebounceChange: d,
+                    onInputChange: pe,
+                    onBlur: U
                   }
                 ),
                 /* @__PURE__ */ r(
-                  Ce,
+                  Ie,
                   {
                     name: "firstToken",
-                    disabled: B,
+                    disabled: y,
                     options: Ke,
                     areOptionsLoading: z,
                     isMvxSelector: Te,
                     isDestination: !1,
                     color: "neutral-850",
                     onChange: Ye,
-                    onBlur: F,
+                    onBlur: U,
                     onMaxBtnClick: ri,
                     selectedOption: i,
-                    onTokenSelectorDisplay: (e) => Re(e)
+                    onTokenSelectorDisplay: (e) => Ve(e)
                   }
                 )
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ r("div", { className: "liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10", children: Ue && /* @__PURE__ */ r(Pi, { onChangeDirection: Se }) }),
+        /* @__PURE__ */ r("div", { className: "liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10", children: je && /* @__PURE__ */ r(Pi, { onChangeDirection: ke }) }),
         /* @__PURE__ */ l(
-          ve,
+          be,
           {
-            className: qe(
+            className: ve(
               "liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",
               {
-                "liq-pointer-events-none": P
+                "liq-pointer-events-none": W
               }
             ),
             children: [
@@ -366,38 +372,38 @@ const Qt = ({
                 /* @__PURE__ */ r(
                   Ui,
                   {
-                    disabled: B,
+                    disabled: y,
                     activeChain: o
                   }
                 )
               ] }),
-              S && /* @__PURE__ */ r("div", { className: "liq-text-red-400 liq-text-xs liq-mt-1", children: S }),
               k && /* @__PURE__ */ r("div", { className: "liq-text-red-400 liq-text-xs liq-mt-1", children: k }),
+              S && /* @__PURE__ */ r("div", { className: "liq-text-red-400 liq-text-xs liq-mt-1", children: S }),
               /* @__PURE__ */ l("div", { className: "liq-flex liq-justify-between liq-gap-1", children: [
                 /* @__PURE__ */ r(
-                  be,
+                  Ce,
                   {
                     inputName: "secondAmount",
-                    inputValue: h.values.secondAmount,
-                    amountError: mi,
+                    inputValue: f.values.secondAmount,
+                    amountError: ci,
                     disabled: !1,
                     onInputDebounceChange: v,
-                    onInputChange: de,
-                    onBlur: F
+                    onInputChange: pe,
+                    onBlur: U
                   }
                 ),
                 /* @__PURE__ */ r(
-                  Ce,
+                  Ie,
                   {
                     name: "secondToken",
-                    disabled: B,
+                    disabled: y,
                     omitDisableClass: !0,
                     options: Xe,
                     areOptionsLoading: z,
                     isMvxSelector: ei,
                     color: "neutral-850",
                     onChange: Je,
-                    onBlur: F,
+                    onBlur: U,
                     selectedOption: t
                   }
                 )
@@ -414,22 +420,22 @@ const Qt = ({
               onClick: ie
             }
           ),
-          a && !me && /* @__PURE__ */ r(
+          a && !de && /* @__PURE__ */ r(
             Li,
             {
               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,
+              disabled: y,
               activeChain: o
             }
           ),
-          a && me && /* @__PURE__ */ l(
+          a && de && /* @__PURE__ */ l(
             Ri,
             {
               "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 || !s || si,
+              disabled: !H || y || !a || !s || si,
               children: [
                 H && /* @__PURE__ */ l("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
                   /* @__PURE__ */ r("div", { children: "Transfer to " }),
@@ -448,11 +454,11 @@ const Qt = ({
             }
           )
         ] }),
-        s && W > 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: [
+        s && G > 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 ",
-          W,
+          G,
           " ",
-          W > 1 ? "transactions" : "transaction",
+          G > 1 ? "transactions" : "transaction",
           " ",
           "on your wallet"
         ] }) })