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

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

package/reactjs/components/BridgeForm/Deposit.mjs

@@ -6,19 +6,19 @@ import { useAppKitNetwork as Vi } from "@reown/appkit/react";
 import { waitForTransactionReceipt as Fi } from "@wagmi/core";
 import Li from "lodash/debounce";
 import { useRef as Le, useState as B, useMemo as g, useCallback as f, useEffect as N } from "react";
-import { toast as M } from "react-toastify";
-import { useBridgeTokenSelection as ki } from "./hooks/useBridgeTokenSelection.mjs";
-import { resolveSigningChainType as Ui } from "./utils/bridgeFormHelpers.mjs";
-import { MVX_CHAIN_IDS as ke } from "../../../constants/index.mjs";
-import { getApiURL as ji } from "../../../helpers/getApiURL.mjs";
+import { toast as P } from "react-toastify";
+import { useBridgeTokenSelection as Ui } from "./hooks/useBridgeTokenSelection.mjs";
+import { resolveSigningChainType as ji } from "./utils/bridgeFormHelpers.mjs";
+import { MVX_CHAIN_IDS as Ue } from "../../../constants/index.mjs";
+import { getApiURL as ki } from "../../../helpers/getApiURL.mjs";
 import "../../constants/index.mjs";
 import { safeImageUrl as z } from "../../../helpers/safeImageUrl.mjs";
 import "@solana/web3.js";
 import "bitcoinjs-lib";
 import "viem";
-import { ChainType as P } from "../../../types/chainType.mjs";
+import { ChainType as V } from "../../../types/chainType.mjs";
 import { useWeb3App as Hi } from "../../context/useWeb3App.mjs";
-import { sameBridgeApiChainId as de, toBridgeApiChainId as Oi } from "../../helpers/resolveBridgeApiChainId.mjs";
+import { sameBridgeApiChainId as me, 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";
@@ -30,8 +30,8 @@ import { useSendTransactions as Ki } from "../../hooks/useSendTransactions.mjs";
 import { useSignTransaction as Yi } from "../../hooks/useSignTransaction.mjs";
 import { useInvalidateHistoryQuery as Ji } from "../../queries/useGetHistory.query.mjs";
 import { useGetRateMutation as Zi } from "../../queries/useGetRate.mutation.mjs";
-import { mxClsx as Ue } from "../../utils/mxClsx.mjs";
-import { AmountCard as je } from "../AmountCard/AmountCard.mjs";
+import { mxClsx as je } from "../../utils/mxClsx.mjs";
+import { AmountCard as ke } from "../AmountCard/AmountCard.mjs";
 import { AmountInput as He } from "../AmountInput/AmountInput.mjs";
 import { MxButton as Ti } from "../base/MxButton/MxButton.mjs";
 import "../base/MxCard/MxCard.mjs";
@@ -49,40 +49,40 @@ import { MvxConnectButton as tt } from "../Connect/MvxConnectButton.mjs";
 import { BridgeAccountDisplay as nt } from "../Connect/BridgeAccountDisplay.mjs";
 import { MvxAccountDisplay as rt } from "../Connect/MvxAccountDisplay.mjs";
 import "@reown/appkit-controllers";
-import { ToggleDirection as ot } from "../ToggleDirection/ToggleDirection.mjs";
+import { ToggleDirection as at } from "../ToggleDirection/ToggleDirection.mjs";
 import { TokenSelector as Oe } from "../TokenSelector/TokenSelector.mjs";
 let Q;
-const an = ({
+const on = ({
   mvxChainId: _,
   mvxAddress: c,
   username: We,
   callbackRoute: Xe = "/",
   firstTokenIdentifier: ze,
   secondTokenIdentifier: Ge,
-  firstTokenAmount: V,
+  firstTokenAmount: F,
   secondTokenAmount: C,
   refetchTrigger: Qe,
   showHistory: _e,
   forcedDestinationTokenSymbol: $e,
-  onSuccessfullySentTransaction: F,
+  onSuccessfullySentTransaction: L,
   onFailedSentTransaction: I,
-  onHistoryClose: L,
-  onMvxConnect: me,
+  onHistoryClose: U,
+  onMvxConnect: ue,
   onMvxDisconnect: Ke,
   onNavigate: Ye,
   onChangeDirection: Je
 }) => {
   var De, Se;
-  const Ze = Le(null), ue = Le(void 0), [$, Te] = B(!1), [k, A] = B(!1), [ei, ii] = B(1), [K, Y] = B(0), ti = Wi(), { switchNetwork: pe } = Vi(), he = Ji(), {
-    config: ge,
-    options: fe,
+  const Ze = Le(null), pe = Le(void 0), [$, Te] = B(!1), [j, A] = B(!1), [ei, ii] = B(1), [K, Y] = B(0), ti = Wi(), { switchNetwork: he } = Vi(), ge = Ji(), {
+    config: fe,
+    options: qe,
     supportedChains: w,
     nativeAuthToken: J,
     bridgeOnly: ni
-  } = Hi(), Z = _i(), qe = Xi(), {
+  } = Hi(), Z = _i(), be = Xi(), {
     evmTokensWithBalances: ri,
-    mvxTokensWithBalances: oi,
-    isTokensLoading: ai,
+    mvxTokensWithBalances: ai,
+    isTokensLoading: oi,
     isLoadingEvmTokensBalances: si,
     isLoadingMvxTokensBalances: li,
     chains: D = [],
@@ -90,10 +90,10 @@ const an = ({
   } = Qi({
     refetchTrigger: Qe,
     mvxAddress: c,
-    mvxApiURL: fe.mvxApiURL
-  }), T = ai || si || li || ci, di = g(() => w.find((i) => de(i.id, Z)), [Z, w]), s = g(() => D.find(
+    mvxApiURL: qe.mvxApiURL
+  }), T = oi || si || li || ci, di = g(() => w.find((i) => me(i.id, Z)), [Z, w]), s = g(() => D.find(
     (i) => i.chainId.toString() === _.toString()
-  ), [Z, D]), { evm: be, solana: ve, bitcoin: Ie, sui: xe } = Yi(), ye = Ki(), {
+  ), [Z, D]), { evm: ve, solana: Ie, bitcoin: xe, sui: ye } = Yi(), Be = Ki(), {
     mutate: mi,
     data: m,
     isPending: S,
@@ -101,49 +101,49 @@ const an = ({
   } = Zi(), 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 v = w.find(
-        (d) => de(d.id, i.id)
+        (d) => me(d.id, i.id)
       );
-      v && pe(v);
+      v && he(v);
     },
-    [w, pe]
+    [w, he]
   ), {
     firstToken: e,
-    secondToken: a,
-    fromOptions: U,
+    secondToken: o,
+    fromOptions: E,
     toOptions: pi,
     selectedChainOption: r,
-    onChangeFirstSelect: Be,
+    onChangeFirstSelect: ee,
     onChangeSecondSelect: hi,
     handleChangeDirection: gi
-  } = ki({
+  } = Ui({
     chains: D,
     activeChain: di,
     sdkChains: w,
     switchNetwork: ui,
     fromTokens: ri,
-    toTokens: oi,
+    toTokens: ai,
     firstTokenIdentifier: ze,
     secondTokenIdentifier: Ge,
     forcedDestinationTokenSymbol: $e,
     isTokensLoading: T,
     callbackRoute: Xe,
     onNavigate: Ye
-  }), fi = g(() => e ? ke.includes(e.chainId.toString()) : !1, [e == null ? void 0 : e.chainId]), qi = g(() => a ? ke.includes(a.chainId.toString()) : !1, [a == null ? void 0 : a.chainId]), [u, bi] = B(V ?? ""), [j, H] = B(C ?? ""), o = g(() => e ? D.find(
-    (i) => de(i.chainId, e.chainId)
+  }), fi = g(() => e ? Ue.includes(e.chainId.toString()) : !1, [e == null ? void 0 : e.chainId]), qi = g(() => o ? Ue.includes(o.chainId.toString()) : !1, [o == null ? void 0 : o.chainId]), [u, bi] = B(F ?? ""), [k, H] = B(C ?? ""), a = g(() => e ? D.find(
+    (i) => me(i.chainId, e.chainId)
   ) ?? r : r, [e == null ? void 0 : e.chainId, D, r]), O = g(
-    () => Oi(e == null ? void 0 : e.chainId) ?? qe,
-    [e == null ? void 0 : e.chainId, qe]
+    () => Oi(e == null ? void 0 : e.chainId) ?? be,
+    [e == null ? void 0 : e.chainId, be]
   );
-  Gi(o == null ? void 0 : o.chainType);
-  const q = $i(o == null ? void 0 : o.chainType), Ne = q, Ce = ti.isConnected && !!q, ee = u !== "" && j !== "", ie = f(
+  Gi(a == null ? void 0 : a.chainType);
+  const q = $i(a == null ? void 0 : a.chainType), Ne = q, Ce = ti.isConnected && !!q, ie = u !== "" && k !== "", te = f(
     Li(async (i) => {
-      !i || !Number(i) || !q || !(e != null && e.address) || !(a != null && a.address) || !r || !O || mi({
+      !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: _
         }
       });
@@ -152,7 +152,7 @@ const an = ({
       q,
       O,
       e == null ? void 0 : e.address,
-      a == null ? void 0 : a.address,
+      o == null ? void 0 : o.address,
       r
     ]
   ), p = f((i) => {
@@ -160,8 +160,8 @@ const an = ({
   }, []), y = f((i) => {
     H(() => i);
   }, []), vi = f(() => {
-    L == null || L();
-  }, [L]), Ii = f(() => {
+    U == null || U();
+  }, [U]), Ii = f(() => {
     const i = Pi({
       decimals: e == null ? void 0 : e.decimals,
       input: (e == null ? void 0 : e.balance) ?? "0",
@@ -171,27 +171,32 @@ const an = ({
     b.setFieldValue("firstAmount", i), p(i);
   }, [e == null ? void 0 : e.balance, e == null ? void 0 : e.decimals, p]), Ae = f(
     async (i) => {
-      p(""), y(""), he(), he(), F == null || F(i);
+      p(""), y(""), ge(), ge(), L == null || L(i);
     },
     [
       p,
       y,
-      F
+      L
     ]
   ), xi = () => {
     gi(), Je();
   };
   N(() => {
-    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(
+    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 v = E == null ? void 0 : E.find(
         (d) => d.chainId.toString() === (r == null ? void 0 : r.chainId)
       );
       if (!v)
         return;
-      Be(v);
+      ee(v);
     }
-  }, [r == null ? void 0 : r.chainId]);
+  }, [
+    r == null ? void 0 : r.chainId,
+    e == null ? void 0 : e.chainId,
+    E,
+    ee
+  ]);
   const yi = f(
     async ({
       transactions: i,
@@ -201,13 +206,13 @@ const an = ({
       const d = [];
       A(!0), Y(() => i.length);
       try {
-        let E = -1;
+        let M = -1;
         for (const t of i) {
-          ++E;
+          ++M;
           try {
-            switch (Ui(t, o)) {
-              case P.evm: {
-                const h = await be.signTransaction({
+            switch (ji(t, a)) {
+              case V.evm: {
+                const h = await ve.signTransaction({
                   ...t,
                   value: BigInt(t.value),
                   gas: BigInt(t.gasLimit),
@@ -216,10 +221,10 @@ const an = ({
                 if (!h || (d.push({
                   ...t,
                   txHash: h
-                }), E === i.length - 1 || !h))
+                }), M === i.length - 1 || !h))
                   break;
                 const X = await Fi(
-                  ge,
+                  fe,
                   {
                     confirmations: 1,
                     hash: h
@@ -231,27 +236,27 @@ const an = ({
                 });
                 break;
               }
-              case P.sol:
+              case V.sol:
                 if (!t.instructions || !t.feePayer)
                   break;
-                const ce = await ve.signTransaction({
+                const de = await Ie.signTransaction({
                   feePayer: t.feePayer,
                   instructions: t.instructions,
                   recentBlockhash: t.recentBlockhash
                 });
-                if (!ce)
+                if (!de)
                   break;
                 d.push({
                   ...t,
-                  txHash: ce
+                  txHash: de
                 });
                 break;
-              case P.btc:
+              case V.btc:
                 if (!t.bitcoinParams) {
                   console.error("No bitcoin params");
                   break;
                 }
-                const Si = await Ie.signTransaction(
+                const Si = await xe.signTransaction(
                   t.bitcoinParams
                 );
                 d.push({
@@ -259,13 +264,13 @@ const an = ({
                   txHash: Si
                 });
                 break;
-              case P.sui: {
+              case V.sui: {
                 const h = (Re = t.suiParams) == null ? void 0 : Re.transactionBytes, X = (Ee = t.suiParams) == null ? void 0 : Ee.sender;
                 if (!h || !X) {
                   console.error("No Sui transaction bytes or sender address");
                   break;
                 }
-                const Fe = await xe.signTransaction({
+                const Fe = await ye.signTransaction({
                   transaction: h,
                   address: X
                 });
@@ -281,50 +286,50 @@ const an = ({
                 break;
               }
               default:
-                M.error("Provider not supported"), A(!1);
+                P.error("Provider not supported"), A(!1);
                 return;
             }
             Y(
-              () => i.length - 1 - E
+              () => i.length - 1 - M
             );
           } catch {
-            M.dismiss(), M.error("Transaction aborted"), I == null || I("Transaction aborted"), A(!1);
+            P.dismiss(), P.error("Transaction aborted"), I == null || I("Transaction aborted"), A(!1);
             return;
           }
         }
-        const { data: le } = await ye({
+        const { data: ce } = await Be({
           transactions: d,
           provider: v,
-          url: ji() ?? "",
+          url: ki() ?? "",
           token: J ?? ""
-        }), 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] : [];
+        }), 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] : [];
         Ae(Di), A(!1);
-      } catch (E) {
-        console.error(E), M.dismiss(), M.error("Transaction cancelled"), I == null || I("Transaction cancelled"), A(!1), Y(0), Ni(), p(""), y("");
+      } catch (M) {
+        console.error(M), P.dismiss(), P.error("Transaction cancelled"), I == null || I("Transaction cancelled"), A(!1), Y(0), Ni(), p(""), y("");
       }
     },
     [
-      o == null ? void 0 : o.chainType,
+      a == null ? void 0 : a.chainType,
       Ne,
-      ge,
+      fe,
       p,
       y,
       J,
       Ae,
-      ye,
-      Ie.signTransaction,
-      be.signTransaction,
+      Be,
+      xe.signTransaction,
       ve.signTransaction,
-      xe.signTransaction
+      Ie.signTransaction,
+      ye.signTransaction
     ]
   ), {
     formik: b,
-    firstAmountError: te,
-    secondAmountError: ne,
-    fromChainError: re,
+    firstAmountError: ne,
+    secondAmountError: re,
+    fromChainError: ae,
     senderAddressError: oe,
-    receiverAddressError: ae,
-    confirmRateError: se,
+    receiverAddressError: se,
+    confirmRateError: le,
     handleBlur: W,
     handleChange: we,
     handleSubmit: Bi,
@@ -338,24 +343,24 @@ const an = ({
     firstAmount: u,
     fromChainId: O,
     toChainId: _,
-    secondToken: a,
-    secondAmount: j,
+    secondToken: o,
+    secondAmount: k,
     setForceRefetchRate: ii,
-    senderChainType: o == null ? void 0 : o.chainType,
-    receiverChainType: P.mvx,
+    senderChainType: a == null ? void 0 : a.chainType,
+    receiverChainType: V.mvx,
     onSubmit: yi
-  }), 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(() => {
+  }), Ci = !!(ne || re || ae || R || oe || se || le), Ai = g(() => u !== "" ? R ?? ne : void 0, [ne, u, R]), wi = g(() => k !== "" ? ae ?? re : void 0, [ae, re, k]);
+  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 && (b.setFieldValue(G.secondAmount, m.amountOut), H(m.amountOut));
   }, [m == null ? void 0 : m.amountOut]), N(() => {
     R && (b.setFieldValue(G.secondAmount, "0"), H("0"));
   }, [R]), N(() => {
-    V && (b.setFieldValue(
+    F && (b.setFieldValue(
       G.firstAmount,
-      V
-    ), p(V));
+      F
+    ), p(F));
   }, []), N(() => {
     C && (b.setFieldValue(
       G.secondAmount,
@@ -372,9 +377,9 @@ const an = ({
       children: [
         _e && /* @__PURE__ */ n(et, { mvxAddress: c, onClose: vi }),
         /* @__PURE__ */ l(
-          je,
+          ke,
           {
-            className: Ue(
+            className: je(
               "liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",
               {
                 "liq-pointer-events-none": $,
@@ -388,7 +393,7 @@ const an = ({
                   nt,
                   {
                     disabled: S,
-                    activeChain: o
+                    activeChain: a
                   }
                 )
               ] }),
@@ -411,12 +416,12 @@ const an = ({
                   {
                     name: "firstToken",
                     disabled: S,
-                    options: U,
+                    options: E,
                     areOptionsLoading: T,
                     isMvxSelector: fi,
                     isDestination: !1,
                     color: "neutral-850",
-                    onChange: Be,
+                    onChange: ee,
                     onBlur: W,
                     onMaxBtnClick: Ii,
                     selectedOption: e,
@@ -427,11 +432,11 @@ const an = ({
             ]
           }
         ),
-        /* @__PURE__ */ n("div", { className: "liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10", children: ni && /* @__PURE__ */ n(ot, { onChangeDirection: xi }) }),
+        /* @__PURE__ */ n("div", { className: "liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10", children: ni && /* @__PURE__ */ n(at, { onChangeDirection: xi }) }),
         /* @__PURE__ */ l(
-          je,
+          ke,
           {
-            className: Ue(
+            className: je(
               "liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",
               {
                 "liq-pointer-events-none": $
@@ -446,15 +451,15 @@ const an = ({
                     accountAddress: c,
                     chainIcon: z(s == null ? void 0 : s.pngUrl),
                     username: We,
-                    accountExplorerUrl: `${fe.mvxExplorerAddress}/accounts/${c}`,
+                    accountExplorerUrl: `${qe.mvxExplorerAddress}/accounts/${c}`,
                     showTag: !0,
                     onDisconnect: Ke,
-                    onConnect: me
+                    onConnect: ue
                   }
                 )
               ] }),
-              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,
@@ -480,7 +485,7 @@ const an = ({
                     color: "neutral-850",
                     onChange: hi,
                     onBlur: W,
-                    selectedOption: a
+                    selectedOption: o
                   }
                 )
               ] })
@@ -493,7 +498,7 @@ const an = ({
             {
               mvxAccountAddress: c,
               icon: z(s == null ? void 0 : s.pngUrl),
-              onClick: me
+              onClick: ue
             }
           ),
           c && !Ce && /* @__PURE__ */ n(
@@ -501,7 +506,7 @@ const an = ({
             {
               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: S,
-              activeChain: o
+              activeChain: a
             }
           ),
           c && Ce && /* @__PURE__ */ l(
@@ -510,9 +515,9 @@ const an = ({
               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: !ee || S || !c || !q || Ci || k,
+              disabled: !ie || S || !c || !q || Ci || j,
               children: [
-                ee && !k && /* @__PURE__ */ l("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
+                ie && !j && /* @__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",
@@ -524,8 +529,8 @@ const an = ({
                   ),
                   /* @__PURE__ */ n("div", { children: "MultiversX" })
                 ] }),
-                !ee && !k && /* @__PURE__ */ n("span", { className: "liq-text-neutral-100", children: "Enter amount" }),
-                k && /* @__PURE__ */ l("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
+                !ie && !j && /* @__PURE__ */ n("span", { className: "liq-text-neutral-100", children: "Enter amount" }),
+                j && /* @__PURE__ */ l("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
                   /* @__PURE__ */ n(
                     Mi,
                     {
@@ -562,5 +567,5 @@ const an = ({
   ) });
 };
 export {
-  an as Deposit
+  on as Deposit
 };

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"),D=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 k;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),[O,Ne]=i.useState(!1),[Me,Ee]=i.useState(1),[R,Z]=i.useState(0),[T,ee]=i.useState([]),we=pt.useAccount(),{switchNetwork:te}=lt.useAppKitNetwork(),ie=bt.useInvalidateHistoryQuery(),{options:se,supportedChains:f,nativeAuthToken:V,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=>D.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=>D.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()},[c,ze]=i.useState(B??""),[N,M]=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=>D.sameBridgeApiChainId(t.chainId,r.chainId))??v:v,[r==null?void 0:r.chainId,j,v]),E=i.useMemo(()=>D.toBridgeApiChainId(r==null?void 0:r.chainId)??re,[r==null?void 0:r.chainId,re]);jt.useDisconnectOnChainTypeChange(n==null?void 0:n.chainType);const l=Ct.useNamespaceAddress(n==null?void 0:n.chainType),Je=l,oe=we.isConnected&&!!l,H=c!==""&&N!=="",W=i.useCallback(ut(async t=>{!t||!Number(t)||!l||!(s!=null&&s.address)||!(r!=null&&r.address)||!v||!E||Ue({nativeAuthToken:V??"",body:{tokenIn:s.address,amountIn:t,fromChainId:A,tokenOut:r.address,toChainId:E}})},500),[l,E,s==null?void 0:s.address,r==null?void 0:r.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: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,V,et,L]),{formik:m,firstAmountError:P,secondAmountError:Q,fromChainError:X,senderAddressError:$,receiverAddressError:z,confirmRateError:K,handleBlur:w,handleChange:ae,handleSubmit:it,resetSwapForm:st}=I.useBridgeFormik({isMvxConnected:!!a,rate:o,sender:a??"",receiver:l??"",firstToken:s,firstAmount:c,fromChainId:A,toChainId:E,secondToken:r,secondAmount:N,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(()=>c!==""?b??P:void 0,[P,c,b]),ot=i.useMemo(()=>N!==""?X??Q:void 0,[X,Q,N]);return i.useEffect(()=>(c||M(""),W(c),k&&clearInterval(k),k=setInterval(()=>{W(c)},50*1e3),()=>clearInterval(k)),[c,Me,W]),i.useEffect(()=>{o!=null&&o.amountOut&&(m.setFieldValue(I.BridgeFormikValuesEnum.secondAmount,o.amountOut),M(o.amountOut))},[o==null?void 0:o.amountOut]),i.useEffect(()=>{b&&(m.setFieldValue(I.BridgeFormikValuesEnum.secondAmount,"0"),M("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:l})),provider:(o==null?void 0:o.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,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":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(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:w}),e.jsx(ge.TokenSelector,{name:"firstToken",disabled:C,options:He,areOptionsLoading:G,isMvxSelector:Ke,isDestination:!1,color:"neutral-850",onChange:Pe,onBlur:w,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":O}),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:w}),e.jsx(ge.TokenSelector,{name:"secondToken",disabled:C,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(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||!l||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"})]})]}),l&&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=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"),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;

package/reactjs/components/BridgeForm/Transfer.mjs

@@ -21,7 +21,7 @@ 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 F } from "../../hooks/useBridgeFormik.mjs";
+import { useBridgeFormik as Ai, BridgeFormikValuesEnum as U } from "../../hooks/useBridgeFormik.mjs";
 import { useFetchBridgeData as Ni } from "../../hooks/useFetchBridgeData.mjs";
 import { useBridgeApiChainId as Bi } from "../../hooks/useBridgeApiChainId.mjs";
 import "@tanstack/react-query";
@@ -54,7 +54,7 @@ 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 U;
+let j;
 const Qt = ({
   mvxChainId: D,
   mvxAddress: a,
@@ -76,10 +76,10 @@ const Qt = ({
   onChangeDirection: Oe
 }) => {
   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 = Oi(), {
+  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(), {
     options: le,
     supportedChains: A,
-    nativeAuthToken: W,
+    nativeAuthToken: M,
     bridgeOnly: Ue
   } = ge(), G = wi(), se = Bi(), ce = yi(), {
     signMvxTransactions: Q,
@@ -137,29 +137,29 @@ const Qt = ({
     onNavigate: Ee
   }), Se = () => {
     Ze(), Oe();
-  }, [s, ke] = C(E ?? ""), [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]), o = d(() => t ? N.find(
+  }, [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(
     (e) => ee(e.chainId, t.chainId)
-  ) ?? y : y, [t == null ? void 0 : t.chainId, N, y]), V = d(
+  ) ?? y : y, [t == null ? void 0 : t.chainId, N, y]), L = d(
     () => Ii(t == null ? void 0 : t.chainId) ?? se,
     [t == null ? void 0 : t.chainId, se]
   );
   Di(o == null ? void 0 : o.chainType);
-  const c = Ei(o == null ? void 0 : o.chainType), ii = c, me = Fe.isConnected && !!c, H = s !== "" && M !== "", K = p(
+  const s = Ei(o == null ? void 0 : o.chainType), ii = s, me = Fe.isConnected && !!s, H = c !== "" && R !== "", K = p(
     fi(async (e) => {
-      !e || !Number(e) || !c || !(i != null && i.address) || !(t != null && t.address) || !y || !V || ze({
-        nativeAuthToken: W ?? "",
+      !e || !Number(e) || !s || !(i != null && i.address) || !(t != null && t.address) || !y || !L || ze({
+        nativeAuthToken: M ?? "",
         body: {
           tokenIn: i.address,
           amountIn: e,
           fromChainId: D,
           tokenOut: t.address,
-          toChainId: V
+          toChainId: L
         }
       });
     }, 500),
     [
-      c,
-      V,
+      s,
+      L,
       i == null ? void 0 : i.address,
       t == null ? void 0 : t.address,
       y
@@ -167,7 +167,7 @@ const Qt = ({
   ), m = p((e) => {
     ke(() => e);
   }, []), v = p((e) => {
-    R(() => e);
+    V(() => e);
   }, []), ti = p(() => {
     O == null || O();
   }, [O]), ri = p(() => {
@@ -202,7 +202,7 @@ const Qt = ({
       ii,
       m,
       v,
-      W,
+      M,
       oi,
       Q
     ]
@@ -214,7 +214,7 @@ const Qt = ({
     senderAddressError: Z,
     receiverAddressError: S,
     confirmRateError: k,
-    handleBlur: L,
+    handleBlur: F,
     handleChange: de,
     handleSubmit: ai,
     resetSwapForm: li
@@ -222,32 +222,32 @@ const Qt = ({
     isMvxConnected: !!a,
     rate: n,
     sender: a ?? "",
-    receiver: c ?? "",
+    receiver: s ?? "",
     firstToken: i,
-    firstAmount: s,
+    firstAmount: c,
     fromChainId: D,
-    toChainId: V,
+    toChainId: L,
     secondToken: t,
-    secondAmount: M,
+    secondAmount: R,
     setForceRefetchRate: Le,
     senderChainType: bi.mvx,
     receiverChainType: o == null ? void 0 : o.chainType,
     onSubmit: ni
-  }), si = !!(X || Y || J || w || Z || S || k), ci = d(() => s !== "" ? w ?? X : void 0, [X, s, w]), mi = d(() => M !== "" ? J ?? Y : void 0, [J, Y, M]);
-  return I(() => (s || R(""), K(s), U && clearInterval(U), U = setInterval(() => {
-    K(s);
-  }, 50 * 1e3), () => clearInterval(U)), [s, Ve, K]), I(() => {
-    n != null && n.amountOut && (h.setFieldValue(F.secondAmount, n.amountOut), R(n.amountOut));
+  }), 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(() => {
+    K(c);
+  }, 50 * 1e3), () => clearInterval(j)), [c, Ve, K]), I(() => {
+    n != null && n.amountOut && (h.setFieldValue(U.secondAmount, n.amountOut), V(n.amountOut));
   }, [n == null ? void 0 : n.amountOut]), I(() => {
-    w && (h.setFieldValue(F.secondAmount, "0"), R("0"));
+    w && (h.setFieldValue(U.secondAmount, "0"), V("0"));
   }, [w]), I(() => {
     E && (h.setFieldValue(
-      F.firstAmount,
+      U.firstAmount,
       E
     ), m(E));
   }, []), I(() => {
     x && (h.setFieldValue(
-      F.secondAmount,
+      U.secondAmount,
       x
     ), v(x));
   }, [x]), I(() => {
@@ -258,11 +258,11 @@ const Qt = ({
           transactions: re.map((b) => ({
             ...b,
             txHash: e,
-            receiver: c
+            receiver: s
           })),
           provider: (n == null ? void 0 : n.provider) ?? Ci.None,
           url: vi() ?? "",
-          token: W ?? ""
+          token: M ?? ""
         }), u == null || u([e]);
       } catch (e) {
         console.error("Error while sending transactions:", e), f == null || f(
@@ -275,6 +275,8 @@ const Qt = ({
   }, [
     $,
     re,
+    s,
+    M,
     n == null ? void 0 : n.provider,
     ce
   ]), /* @__PURE__ */ r(pi, { children: /* @__PURE__ */ l(
@@ -293,8 +295,8 @@ const Qt = ({
             className: qe(
               "liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",
               {
-                "liq-pointer-events-none": j,
-                "focus-within:liq-outline-neutral-700/75 hover:liq-outline-neutral-700/55 hover:focus-within:liq-outline-neutral-700/80": !j
+                "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
               }
             ),
             children: [
@@ -324,7 +326,7 @@ const Qt = ({
                     disabled: !1,
                     onInputDebounceChange: m,
                     onInputChange: de,
-                    onBlur: L
+                    onBlur: F
                   }
                 ),
                 /* @__PURE__ */ r(
@@ -338,7 +340,7 @@ const Qt = ({
                     isDestination: !1,
                     color: "neutral-850",
                     onChange: Ye,
-                    onBlur: L,
+                    onBlur: F,
                     onMaxBtnClick: ri,
                     selectedOption: i,
                     onTokenSelectorDisplay: (e) => Re(e)
@@ -355,7 +357,7 @@ const Qt = ({
             className: qe(
               "liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",
               {
-                "liq-pointer-events-none": j
+                "liq-pointer-events-none": P
               }
             ),
             children: [
@@ -381,7 +383,7 @@ const Qt = ({
                     disabled: !1,
                     onInputDebounceChange: v,
                     onInputChange: de,
-                    onBlur: L
+                    onBlur: F
                   }
                 ),
                 /* @__PURE__ */ r(
@@ -395,7 +397,7 @@ const Qt = ({
                     isMvxSelector: ei,
                     color: "neutral-850",
                     onChange: Je,
-                    onBlur: L,
+                    onBlur: F,
                     selectedOption: t
                   }
                 )
@@ -427,7 +429,7 @@ const Qt = ({
               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 || !c || si,
+              disabled: !H || B || !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 " }),
@@ -446,11 +448,11 @@ const Qt = ({
             }
           )
         ] }),
-        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: [
+        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: [
           "You will be asked to sign ",
-          P,
+          W,
           " ",
-          P > 1 ? "transactions" : "transaction",
+          W > 1 ? "transactions" : "transaction",
           " ",
           "on your wallet"
         ] }) })

package/reactjs/components/Connect/BridgeAccountDisplay.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("@fortawesome/free-solid-svg-icons/faPowerOff"),p=require("@fortawesome/react-fontawesome"),g=require("@reown/appkit/react"),r=require("../../../helpers/getDisplayName.js"),j=require("./SwitchChainButton.js"),y=require("../../../types/chainType.js"),f=require("../../hooks/useAccount.js"),N=require("../../hooks/useNamespaceAddress.js"),b=require("../../hooks/useSuiConnect.js");require("clsx");require("tailwind-merge");require("../base/MxCard/MxCard.js");const _=require("../base/MxLink/MxLink.js");require("../base/MxSearch/MxSearch.js");require("@fortawesome/free-solid-svg-icons/faClose");require("@headlessui/react");require("react");require("react-dom");require("react-popper");require("../base/MxTooltip/components/TooltipContainer/TooltipContainer.js");require("../../constants/index.js");const w=require("../CopyButton/CopyButton.js"),h=require("../TrimAddress/TrimAddress.js"),k=({activeChain:s,disabled:n})=>{var c;const t=f.useAccount(),{disconnect:q}=g.useDisconnect(),l=b.useSuiConnect(),d=N.useNamespaceAddress(s==null?void 0:s.chainType),o=(s==null?void 0:s.chainType)===y.ChainType.sui,i=d??t.address,a=async u=>{try{u.preventDefault(),o?await l.disconnect():await q()}catch(m){console.error("Failed to disconnect:",m)}};return i?e.jsxs(e.Fragment,{children:[e.jsx("img",{src:s==null?void 0:s.pngUrl,alt:"",className:"liq-w-6 liq-h-6 liq-rounded-lg"}),e.jsx("span",{className:"liq-truncate liq-text-gray-400",children:r.getDisplayName(s)}),e.jsx("span",{className:"liq-ml-[-5px]",children:":"}),e.jsx("div",{className:"liq-flex liq-items-center liq-justify-between",children:e.jsxs("div",{className:"liq-flex liq-max-w-[10rem] liq-items-center liq-gap-1",children:[e.jsx(_.MxLink,{to:`${(c=s==null?void 0:s.blockExplorerUrls)==null?void 0:c[0]}/address/${i}`,target:"_blank",showExternalIcon:!1,className:"!liq-relative",children:e.jsx("div",{className:"liq-flex liq-min-w-0 liq-flex-grow liq-overflow-hidden liq-leading-none liq-max-w-[10rem]",children:e.jsx(h.TrimAddress,{address:i,"data-testid":"evm-address"})})}),e.jsx(w.CopyButton,{text:i,className:"liq-text-sm","data-testid":"evm-copy-button"})]})}),e.jsx("div",{className:"liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1",children:e.jsx("button",{className:"focus-primary liq-flex liq-items-center liq-gap-1 liq-rounded-xl liq-px-0 liq-py-2 liq-text-sm liq-font-semibold liq-text-neutral-400 liq-transition-colors liq-duration-200 hover:enabled:liq-text-white disabled:liq-opacity-50",onClick:a,"data-testid":"evm-disconnect-button",children:e.jsx(p.FontAwesomeIcon,{icon:x.faPowerOff})})})]}):o?e.jsxs("div",{className:"liq-flex liq-max-w-full liq-items-center liq-gap-2",children:[e.jsx("button",{disabled:n||l.isConnecting,onClick:()=>l.connect(),className:"liq-rounded-lg liq-font-semibold liq-transition-colors liq-duration-200 disabled:liq-opacity-50 liq-bg-neutral-750 !liq-text-primary-200 hover:enabled:liq-bg-primary liq-px-2",children:e.jsx("div",{className:"liq-flex liq-items-center",children:e.jsxs("div",{className:"liq-flex liq-justify-center liq-items-center liq-gap-2",children:[e.jsx("div",{children:l.isConnecting?"Connecting...":"Connect"}),e.jsx("img",{src:s==null?void 0:s.pngUrl,alt:"",className:"liq-w-4 liq-h-4 liq-rounded-sm"}),e.jsx("div",{className:"liq-truncate md:liq-text-clip",children:r.getDisplayName(s)})]})})}),l.isConnecting&&e.jsx("button",{type:"button",onClick:()=>void l.cancelPendingConnection(),className:"liq-shrink-0 liq-rounded-lg liq-px-2 liq-py-1 liq-text-xs liq-font-medium liq-text-neutral-400 hover:liq-text-white",children:"Cancel"})]}):e.jsx(j.SwitchChainButton,{disabled:n,className:"liq-rounded-lg liq-font-semibold liq-transition-colors liq-duration-200 disabled:liq-opacity-50 liq-bg-neutral-750 !liq-text-primary-200 hover:enabled:liq-bg-primary liq-px-2",children:e.jsx("div",{className:"liq-flex liq-items-center",children:e.jsxs("div",{className:"liq-flex liq-justify-center liq-items-center liq-gap-2",children:[e.jsx("div",{children:t.isConnecting?"Connecting...":"Connect"}),e.jsx("img",{src:s==null?void 0:s.pngUrl,alt:"",className:"liq-w-4 liq-h-4 liq-rounded-sm"}),e.jsx("div",{className:"liq-truncate md:liq-text-clip",children:r.getDisplayName(s)})]})})})};exports.BridgeAccountDisplay=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("@fortawesome/free-solid-svg-icons/faPowerOff"),g=require("@fortawesome/react-fontawesome"),j=require("@reown/appkit/react"),r=require("../../../helpers/getDisplayName.js"),y=require("./SwitchChainButton.js"),n=require("../../../types/chainType.js"),f=require("../../hooks/useAccount.js"),N=require("../../hooks/useNamespaceAddress.js"),b=require("../../hooks/useSuiConnect.js");require("clsx");require("tailwind-merge");require("../base/MxCard/MxCard.js");const _=require("../base/MxLink/MxLink.js");require("../base/MxSearch/MxSearch.js");require("@fortawesome/free-solid-svg-icons/faClose");require("@headlessui/react");require("react");require("react-dom");require("react-popper");require("../base/MxTooltip/components/TooltipContainer/TooltipContainer.js");require("../../constants/index.js");const w=require("../CopyButton/CopyButton.js"),h=require("../TrimAddress/TrimAddress.js"),k=({activeChain:s,disabled:t})=>{var d;const o=f.useAccount(),{disconnect:u}=j.useDisconnect(),l=b.useSuiConnect(),c=N.useNamespaceAddress(s==null?void 0:s.chainType),q=(s==null?void 0:s.chainType)===n.ChainType.sui,i=(s==null?void 0:s.chainType)===n.ChainType.evm||(s==null?void 0:s.chainType)===n.ChainType.sui?c:c??o.address,m=async a=>{try{a.preventDefault(),q?await l.disconnect():await u()}catch(x){console.error("Failed to disconnect:",x)}};return i?e.jsxs(e.Fragment,{children:[e.jsx("img",{src:s==null?void 0:s.pngUrl,alt:"",className:"liq-w-6 liq-h-6 liq-rounded-lg"}),e.jsx("span",{className:"liq-truncate liq-text-gray-400",children:r.getDisplayName(s)}),e.jsx("span",{className:"liq-ml-[-5px]",children:":"}),e.jsx("div",{className:"liq-flex liq-items-center liq-justify-between",children:e.jsxs("div",{className:"liq-flex liq-max-w-[10rem] liq-items-center liq-gap-1",children:[e.jsx(_.MxLink,{to:`${(d=s==null?void 0:s.blockExplorerUrls)==null?void 0:d[0]}/address/${i}`,target:"_blank",showExternalIcon:!1,className:"!liq-relative",children:e.jsx("div",{className:"liq-flex liq-min-w-0 liq-flex-grow liq-overflow-hidden liq-leading-none liq-max-w-[10rem]",children:e.jsx(h.TrimAddress,{address:i,"data-testid":"evm-address"})})}),e.jsx(w.CopyButton,{text:i,className:"liq-text-sm","data-testid":"evm-copy-button"})]})}),e.jsx("div",{className:"liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1",children:e.jsx("button",{className:"focus-primary liq-flex liq-items-center liq-gap-1 liq-rounded-xl liq-px-0 liq-py-2 liq-text-sm liq-font-semibold liq-text-neutral-400 liq-transition-colors liq-duration-200 hover:enabled:liq-text-white disabled:liq-opacity-50",onClick:m,"data-testid":"evm-disconnect-button",children:e.jsx(g.FontAwesomeIcon,{icon:p.faPowerOff})})})]}):q?e.jsxs("div",{className:"liq-flex liq-max-w-full liq-items-center liq-gap-2",children:[e.jsx("button",{disabled:t||l.isConnecting,onClick:()=>l.connect(),className:"liq-rounded-lg liq-font-semibold liq-transition-colors liq-duration-200 disabled:liq-opacity-50 liq-bg-neutral-750 !liq-text-primary-200 hover:enabled:liq-bg-primary liq-px-2",children:e.jsx("div",{className:"liq-flex liq-items-center",children:e.jsxs("div",{className:"liq-flex liq-justify-center liq-items-center liq-gap-2",children:[e.jsx("div",{children:l.isConnecting?"Connecting...":"Connect"}),e.jsx("img",{src:s==null?void 0:s.pngUrl,alt:"",className:"liq-w-4 liq-h-4 liq-rounded-sm"}),e.jsx("div",{className:"liq-truncate md:liq-text-clip",children:r.getDisplayName(s)})]})})}),l.isConnecting&&e.jsx("button",{type:"button",onClick:()=>void l.cancelPendingConnection(),className:"liq-shrink-0 liq-rounded-lg liq-px-2 liq-py-1 liq-text-xs liq-font-medium liq-text-neutral-400 hover:liq-text-white",children:"Cancel"})]}):e.jsx(y.SwitchChainButton,{disabled:t,className:"liq-rounded-lg liq-font-semibold liq-transition-colors liq-duration-200 disabled:liq-opacity-50 liq-bg-neutral-750 !liq-text-primary-200 hover:enabled:liq-bg-primary liq-px-2",children:e.jsx("div",{className:"liq-flex liq-items-center",children:e.jsxs("div",{className:"liq-flex liq-justify-center liq-items-center liq-gap-2",children:[e.jsx("div",{children:o.isConnecting?"Connecting...":"Connect"}),e.jsx("img",{src:s==null?void 0:s.pngUrl,alt:"",className:"liq-w-4 liq-h-4 liq-rounded-sm"}),e.jsx("div",{className:"liq-truncate md:liq-text-clip",children:r.getDisplayName(s)})]})})})};exports.BridgeAccountDisplay=k;

package/reactjs/components/Connect/BridgeAccountDisplay.mjs

@@ -1,17 +1,17 @@
-import { jsxs as r, Fragment as f, jsx as l } from "react/jsx-runtime";
-import { faPowerOff as x } from "@fortawesome/free-solid-svg-icons/faPowerOff";
-import { FontAwesomeIcon as g } from "@fortawesome/react-fontawesome";
-import { useDisconnect as y } from "@reown/appkit/react";
-import { getDisplayName as s } from "../../../helpers/getDisplayName.mjs";
-import { SwitchChainButton as N } from "./SwitchChainButton.mjs";
-import { ChainType as b } from "../../../types/chainType.mjs";
+import { jsxs as r, Fragment as x, jsx as e } from "react/jsx-runtime";
+import { faPowerOff as g } from "@fortawesome/free-solid-svg-icons/faPowerOff";
+import { FontAwesomeIcon as y } from "@fortawesome/react-fontawesome";
+import { useDisconnect as N } from "@reown/appkit/react";
+import { getDisplayName as t } from "../../../helpers/getDisplayName.mjs";
+import { SwitchChainButton as b } from "./SwitchChainButton.mjs";
+import { ChainType as o } from "../../../types/chainType.mjs";
 import { useAccount as w } from "../../hooks/useAccount.mjs";
-import { useNamespaceAddress as h } from "../../hooks/useNamespaceAddress.mjs";
-import { useSuiConnect as k } from "../../hooks/useSuiConnect.mjs";
+import { useNamespaceAddress as k } from "../../hooks/useNamespaceAddress.mjs";
+import { useSuiConnect as A } from "../../hooks/useSuiConnect.mjs";
 import "clsx";
 import "tailwind-merge";
 import "../base/MxCard/MxCard.mjs";
-import { MxLink as A } from "../base/MxLink/MxLink.mjs";
+import { MxLink as T } from "../base/MxLink/MxLink.mjs";
 import "../base/MxSearch/MxSearch.mjs";
 import "@fortawesome/free-solid-svg-icons/faClose";
 import "@headlessui/react";
@@ -22,86 +22,86 @@ import "../base/MxTooltip/components/TooltipContainer/TooltipContainer.mjs";
 import "../../constants/index.mjs";
 import { CopyButton as j } from "../CopyButton/CopyButton.mjs";
 import { TrimAddress as D } from "../TrimAddress/TrimAddress.mjs";
-const Z = ({
-  activeChain: e,
-  disabled: o
+const v = ({
+  activeChain: l,
+  disabled: n
 }) => {
-  var d;
-  const n = w(), { disconnect: c } = y(), i = k(), q = h(e == null ? void 0 : e.chainType), m = (e == null ? void 0 : e.chainType) === b.sui, t = q ?? n.address, a = async (p) => {
+  var q;
+  const m = w(), { disconnect: p } = N(), i = A(), d = k(l == null ? void 0 : l.chainType), c = (l == null ? void 0 : l.chainType) === o.sui, s = (l == null ? void 0 : l.chainType) === o.evm || (l == null ? void 0 : l.chainType) === o.sui ? d : d ?? m.address, a = async (u) => {
     try {
-      p.preventDefault(), m ? await i.disconnect() : await c();
-    } catch (u) {
-      console.error("Failed to disconnect:", u);
+      u.preventDefault(), c ? await i.disconnect() : await p();
+    } catch (f) {
+      console.error("Failed to disconnect:", f);
     }
   };
-  return t ? /* @__PURE__ */ r(f, { children: [
-    /* @__PURE__ */ l(
+  return s ? /* @__PURE__ */ r(x, { children: [
+    /* @__PURE__ */ e(
       "img",
       {
-        src: e == null ? void 0 : e.pngUrl,
+        src: l == null ? void 0 : l.pngUrl,
         alt: "",
         className: "liq-w-6 liq-h-6 liq-rounded-lg"
       }
     ),
-    /* @__PURE__ */ l("span", { className: "liq-truncate liq-text-gray-400", children: s(e) }),
-    /* @__PURE__ */ l("span", { className: "liq-ml-[-5px]", children: ":" }),
-    /* @__PURE__ */ l("div", { className: "liq-flex liq-items-center liq-justify-between", children: /* @__PURE__ */ r("div", { className: "liq-flex liq-max-w-[10rem] liq-items-center liq-gap-1", children: [
-      /* @__PURE__ */ l(
-        A,
+    /* @__PURE__ */ e("span", { className: "liq-truncate liq-text-gray-400", children: t(l) }),
+    /* @__PURE__ */ e("span", { className: "liq-ml-[-5px]", children: ":" }),
+    /* @__PURE__ */ e("div", { className: "liq-flex liq-items-center liq-justify-between", children: /* @__PURE__ */ r("div", { className: "liq-flex liq-max-w-[10rem] liq-items-center liq-gap-1", children: [
+      /* @__PURE__ */ e(
+        T,
         {
-          to: `${(d = e == null ? void 0 : e.blockExplorerUrls) == null ? void 0 : d[0]}/address/${t}`,
+          to: `${(q = l == null ? void 0 : l.blockExplorerUrls) == null ? void 0 : q[0]}/address/${s}`,
           target: "_blank",
           showExternalIcon: !1,
           className: "!liq-relative",
-          children: /* @__PURE__ */ l("div", { className: "liq-flex liq-min-w-0 liq-flex-grow liq-overflow-hidden liq-leading-none liq-max-w-[10rem]", children: /* @__PURE__ */ l(
+          children: /* @__PURE__ */ e("div", { className: "liq-flex liq-min-w-0 liq-flex-grow liq-overflow-hidden liq-leading-none liq-max-w-[10rem]", children: /* @__PURE__ */ e(
             D,
             {
-              address: t,
+              address: s,
               "data-testid": "evm-address"
             }
           ) })
         }
       ),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ e(
         j,
         {
-          text: t,
+          text: s,
           className: "liq-text-sm",
           "data-testid": "evm-copy-button"
         }
       )
     ] }) }),
-    /* @__PURE__ */ l("div", { className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ l(
+    /* @__PURE__ */ e("div", { className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ e(
       "button",
       {
         className: "focus-primary liq-flex liq-items-center liq-gap-1 liq-rounded-xl liq-px-0 liq-py-2 liq-text-sm liq-font-semibold liq-text-neutral-400 liq-transition-colors liq-duration-200 hover:enabled:liq-text-white disabled:liq-opacity-50",
         onClick: a,
         "data-testid": "evm-disconnect-button",
-        children: /* @__PURE__ */ l(g, { icon: x })
+        children: /* @__PURE__ */ e(y, { icon: g })
       }
     ) })
-  ] }) : m ? /* @__PURE__ */ r("div", { className: "liq-flex liq-max-w-full liq-items-center liq-gap-2", children: [
-    /* @__PURE__ */ l(
+  ] }) : c ? /* @__PURE__ */ r("div", { className: "liq-flex liq-max-w-full liq-items-center liq-gap-2", children: [
+    /* @__PURE__ */ e(
       "button",
       {
-        disabled: o || i.isConnecting,
+        disabled: n || i.isConnecting,
         onClick: () => i.connect(),
         className: "liq-rounded-lg liq-font-semibold liq-transition-colors liq-duration-200 disabled:liq-opacity-50 liq-bg-neutral-750 !liq-text-primary-200 hover:enabled:liq-bg-primary liq-px-2",
-        children: /* @__PURE__ */ l("div", { className: "liq-flex liq-items-center", children: /* @__PURE__ */ r("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
-          /* @__PURE__ */ l("div", { children: i.isConnecting ? "Connecting..." : "Connect" }),
-          /* @__PURE__ */ l(
+        children: /* @__PURE__ */ e("div", { className: "liq-flex liq-items-center", children: /* @__PURE__ */ r("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
+          /* @__PURE__ */ e("div", { children: i.isConnecting ? "Connecting..." : "Connect" }),
+          /* @__PURE__ */ e(
             "img",
             {
-              src: e == null ? void 0 : e.pngUrl,
+              src: l == null ? void 0 : l.pngUrl,
               alt: "",
               className: "liq-w-4 liq-h-4 liq-rounded-sm"
             }
           ),
-          /* @__PURE__ */ l("div", { className: "liq-truncate md:liq-text-clip", children: s(e) })
+          /* @__PURE__ */ e("div", { className: "liq-truncate md:liq-text-clip", children: t(l) })
         ] }) })
       }
     ),
-    i.isConnecting && /* @__PURE__ */ l(
+    i.isConnecting && /* @__PURE__ */ e(
       "button",
       {
         type: "button",
@@ -110,26 +110,26 @@ const Z = ({
         children: "Cancel"
       }
     )
-  ] }) : /* @__PURE__ */ l(
-    N,
+  ] }) : /* @__PURE__ */ e(
+    b,
     {
-      disabled: o,
+      disabled: n,
       className: "liq-rounded-lg liq-font-semibold liq-transition-colors liq-duration-200 disabled:liq-opacity-50 liq-bg-neutral-750 !liq-text-primary-200 hover:enabled:liq-bg-primary liq-px-2",
-      children: /* @__PURE__ */ l("div", { className: "liq-flex liq-items-center", children: /* @__PURE__ */ r("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
-        /* @__PURE__ */ l("div", { children: n.isConnecting ? "Connecting..." : "Connect" }),
-        /* @__PURE__ */ l(
+      children: /* @__PURE__ */ e("div", { className: "liq-flex liq-items-center", children: /* @__PURE__ */ r("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
+        /* @__PURE__ */ e("div", { children: m.isConnecting ? "Connecting..." : "Connect" }),
+        /* @__PURE__ */ e(
           "img",
           {
-            src: e == null ? void 0 : e.pngUrl,
+            src: l == null ? void 0 : l.pngUrl,
             alt: "",
             className: "liq-w-4 liq-h-4 liq-rounded-sm"
           }
         ),
-        /* @__PURE__ */ l("div", { className: "liq-truncate md:liq-text-clip", children: s(e) })
+        /* @__PURE__ */ e("div", { className: "liq-truncate md:liq-text-clip", children: t(l) })
       ] }) })
     }
   );
 };
 export {
-  Z as BridgeAccountDisplay
+  v as BridgeAccountDisplay
 };