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

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

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

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