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

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