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

package/reactjs/components/BridgeForm/Deposit.mjs

@@ -5,7 +5,7 @@ import { formatAmount as Si } from "@multiversx/sdk-dapp-utils/out/helpers/forma
 import { useAppKitNetwork as ki } from "@reown/appkit/react";
 import { waitForTransactionReceipt as Ri } from "@wagmi/core";
 import Mi from "lodash/debounce";
-import { useRef as Pe, useState as x, useMemo as h, useCallback as g, useEffect as y } from "react";
+import { useRef as Pe, useState as x, useMemo as h, useCallback as g, useEffect as w } from "react";
 import { toast as M } from "react-toastify";
 import { useBridgeTokenSelection as Pi } from "./hooks/useBridgeTokenSelection.mjs";
 import { resolveSigningChainType as Vi } from "./utils/bridgeFormHelpers.mjs";
@@ -55,7 +55,7 @@ const $t = ({
   firstTokenIdentifier: Oe,
   secondTokenIdentifier: We,
   firstTokenAmount: P,
-  secondTokenAmount: w,
+  secondTokenAmount: y,
   refetchTrigger: Xe,
   showHistory: ze,
   forcedDestinationTokenSymbol: Ge,
@@ -67,7 +67,7 @@ const $t = ({
   onNavigate: _e,
   onChangeDirection: $e
 }) => {
-  var we, Ne;
+  var ye, Ne;
   const Ke = Pe(null), de = Pe(void 0), [$, Ye] = x(!1), [F, N] = x(!1), [Je, Ze] = x(1), [K, Y] = x(0), f = Ui(), { switchNetwork: me } = ki(), ue = Gi(), {
     config: pe,
     options: he,
@@ -81,29 +81,29 @@ const $t = ({
     isLoadingEvmTokensBalances: ni,
     isLoadingMvxTokensBalances: ri,
     chains: D = [],
-    isChainsLoading: oi
+    isChainsLoading: ai
   } = Oi({
     refetchTrigger: Xe,
     mvxAddress: l,
     mvxApiURL: he.mvxApiURL
-  }), T = ti || ni || ri || oi, ai = h(() => A.find((i) => le(i.id, Z)), [Z, A]), a = h(() => D.find(
+  }), T = ti || ni || ri || ai, oi = h(() => A.find((i) => le(i.id, Z)), [Z, A]), o = h(() => D.find(
     (i) => i.chainId.toString() === _.toString()
   ), [Z, D]), { evm: fe, solana: qe, bitcoin: be, sui: Ie } = zi(), ve = Xi(), {
     mutate: si,
     data: d,
     isPending: S,
     error: v
-  } = Qi(), k = ((we = v == null ? void 0 : v.response) == null ? void 0 : we.status) === 400 ? (Ne = v == null ? void 0 : v.response) == null ? void 0 : Ne.data.message : void 0, li = g(
+  } = Qi(), k = ((ye = v == null ? void 0 : v.response) == null ? void 0 : ye.status) === 400 ? (Ne = v == null ? void 0 : v.response) == null ? void 0 : Ne.data.message : void 0, li = g(
     (i) => {
       const b = A.find(
         (c) => le(c.id, i.id)
       );
-      b && me(b);
+      b && (alert("switch2"), me(b));
     },
     [A, me]
   ), {
     firstToken: e,
-    secondToken: o,
+    secondToken: a,
     fromOptions: L,
     toOptions: ci,
     selectedChainOption: r,
@@ -112,7 +112,7 @@ const $t = ({
     handleChangeDirection: mi
   } = Pi({
     chains: D,
-    activeChain: ai,
+    activeChain: oi,
     sdkChains: A,
     switchNetwork: li,
     fromTokens: ei,
@@ -123,20 +123,20 @@ const $t = ({
     isTokensLoading: T,
     callbackRoute: He,
     onNavigate: _e
-  }), ui = h(() => e ? Ve.includes(e.chainId.toString()) : !1, [e == null ? void 0 : e.chainId]), pi = h(() => o ? Ve.includes(o.chainId.toString()) : !1, [o == null ? void 0 : o.chainId]), [m, hi] = x(P ?? ""), [U, j] = x(w ?? ""), B = h(() => e ? D.find(
+  }), ui = h(() => e ? Ve.includes(e.chainId.toString()) : !1, [e == null ? void 0 : e.chainId]), pi = h(() => a ? Ve.includes(a.chainId.toString()) : !1, [a == null ? void 0 : a.chainId]), [m, hi] = x(P ?? ""), [U, j] = x(y ?? ""), B = h(() => e ? D.find(
     (i) => le(i.chainId, e.chainId)
   ) ?? r : r, [e == null ? void 0 : e.chainId, D, r]), H = h(
     () => Li(e == null ? void 0 : e.chainId) ?? ge,
     [e == null ? void 0 : e.chainId, ge]
   ), ee = f.address, Ce = f.isConnected && !!ee, ie = m !== "" && U !== "", te = g(
     Mi(async (i) => {
-      !i || !Number(i) || !f.address || !(e != null && e.address) || !(o != null && o.address) || !r || !H || si({
+      !i || !Number(i) || !f.address || !(e != null && e.address) || !(a != null && a.address) || !r || !H || si({
         nativeAuthToken: J ?? "",
         body: {
           tokenIn: e.address,
           amountIn: i,
           fromChainId: H,
-          tokenOut: o.address,
+          tokenOut: a.address,
           toChainId: _
         }
       });
@@ -145,7 +145,7 @@ const $t = ({
       f.address,
       H,
       e == null ? void 0 : e.address,
-      o == null ? void 0 : o.address,
+      a == null ? void 0 : a.address,
       r
     ]
   ), u = g((i) => {
@@ -174,7 +174,7 @@ const $t = ({
   ), qi = () => {
     mi(), $e();
   };
-  y(() => {
+  w(() => {
     const i = de.current;
     if (de.current = r == null ? void 0 : r.chainId, !!i && (r == null ? void 0 : r.chainId) !== (e == null ? void 0 : e.chainId)) {
       const b = L == null ? void 0 : L.find(
@@ -244,12 +244,12 @@ const $t = ({
                   console.error("No bitcoin params");
                   break;
                 }
-                const wi = await be.signTransaction(
+                const yi = await be.signTransaction(
                   t.bitcoinParams
                 );
                 c.push({
                   ...t,
-                  txHash: wi
+                  txHash: yi
                 });
                 break;
               case z.sui: {
@@ -285,13 +285,13 @@ const $t = ({
             return;
           }
         }
-        const { data: ae } = await ve({
+        const { data: oe } = await ve({
           transactions: c,
           provider: b,
           url: Ei() ?? "",
           token: J ?? ""
-        }), ke = ((Se = ae.transactions) == null ? void 0 : Se.map((t) => t.txHash).filter((t) => !!t)) ?? [], Re = c.map((t) => t.txHash).filter((t) => !!t), yi = ke.length > 0 ? ke : Re.length > 0 ? Re : ae.batchId ? [ae.batchId] : [];
-        xe(yi), N(!1);
+        }), ke = ((Se = oe.transactions) == null ? void 0 : Se.map((t) => t.txHash).filter((t) => !!t)) ?? [], Re = c.map((t) => t.txHash).filter((t) => !!t), wi = ke.length > 0 ? ke : Re.length > 0 ? Re : oe.batchId ? [oe.batchId] : [];
+        xe(wi), N(!1);
       } catch (R) {
         console.error(R), M.dismiss(), M.error("Transaction cancelled"), I == null || I("Transaction cancelled"), N(!1), Y(0), vi(), u(""), C("");
       }
@@ -314,9 +314,9 @@ const $t = ({
     formik: q,
     firstAmountError: ne,
     secondAmountError: re,
-    fromChainError: oe,
+    fromChainError: ae,
     handleBlur: O,
-    handleChange: ye,
+    handleChange: we,
     handleSubmit: Ii,
     resetSwapForm: vi
   } = Hi({
@@ -328,28 +328,28 @@ const $t = ({
     firstAmount: m,
     fromChainId: H,
     toChainId: _,
-    secondToken: o,
+    secondToken: a,
     secondAmount: U,
     setForceRefetchRate: Ze,
     onSubmit: bi
-  }), Bi = !!(ne || re || oe || k), Ci = h(() => m !== "" ? k ?? ne : void 0, [ne, m, k]), xi = h(() => U !== "" ? oe ?? re : void 0, [oe, re, U]);
-  return y(() => (m || j(""), te(m), Q && clearInterval(Q), Q = setInterval(() => {
+  }), Bi = !!(ne || re || ae || k), Ci = h(() => m !== "" ? k ?? ne : void 0, [ne, m, k]), xi = h(() => U !== "" ? ae ?? re : void 0, [ae, re, U]);
+  return w(() => (m || j(""), te(m), Q && clearInterval(Q), Q = setInterval(() => {
     te(m);
-  }, 50 * 1e3), () => clearInterval(Q)), [m, Je, te]), y(() => {
+  }, 50 * 1e3), () => clearInterval(Q)), [m, Je, te]), w(() => {
     d != null && d.amountOut && (q.setFieldValue(G.secondAmount, d.amountOut), j(d.amountOut));
-  }, [d == null ? void 0 : d.amountOut]), y(() => {
+  }, [d == null ? void 0 : d.amountOut]), w(() => {
     k && (q.setFieldValue(G.secondAmount, "0"), j("0"));
-  }, [k]), y(() => {
+  }, [k]), w(() => {
     P && (q.setFieldValue(
       G.firstAmount,
       P
     ), u(P));
-  }, []), y(() => {
-    w && (q.setFieldValue(
+  }, []), w(() => {
+    y && (q.setFieldValue(
       G.secondAmount,
-      w
-    ), C(w));
-  }, [w]), /* @__PURE__ */ n(Ni, { children: /* @__PURE__ */ s(
+      y
+    ), C(y));
+  }, [y]), /* @__PURE__ */ n(Ni, { children: /* @__PURE__ */ s(
     "form",
     {
       ref: Ke,
@@ -389,7 +389,7 @@ const $t = ({
                     amountError: Ci,
                     disabled: !1,
                     onInputDebounceChange: u,
-                    onInputChange: ye,
+                    onInputChange: we,
                     onBlur: O
                   }
                 ),
@@ -431,7 +431,7 @@ const $t = ({
                   Zi,
                   {
                     accountAddress: l,
-                    chainIcon: X(a == null ? void 0 : a.pngUrl),
+                    chainIcon: X(o == null ? void 0 : o.pngUrl),
                     username: je,
                     accountExplorerUrl: `${he.mvxExplorerAddress}/accounts/${l}`,
                     showTag: !0,
@@ -449,7 +449,7 @@ const $t = ({
                     amountError: xi,
                     disabled: !1,
                     onInputDebounceChange: C,
-                    onInputChange: ye,
+                    onInputChange: we,
                     onBlur: O
                   }
                 ),
@@ -465,7 +465,7 @@ const $t = ({
                     color: "neutral-850",
                     onChange: di,
                     onBlur: O,
-                    selectedOption: o
+                    selectedOption: a
                   }
                 )
               ] })
@@ -477,7 +477,7 @@ const $t = ({
             Yi,
             {
               mvxAccountAddress: l,
-              icon: X(a == null ? void 0 : a.pngUrl),
+              icon: X(o == null ? void 0 : o.pngUrl),
               onClick: ce
             }
           ),
@@ -502,7 +502,7 @@ const $t = ({
                   /* @__PURE__ */ n(
                     "img",
                     {
-                      src: X(a == null ? void 0 : a.pngUrl),
+                      src: X(o == null ? void 0 : o.pngUrl),
                       alt: "",
                       className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                     }
@@ -523,7 +523,7 @@ const $t = ({
                   /* @__PURE__ */ n(
                     "img",
                     {
-                      src: X(a == null ? void 0 : a.pngUrl),
+                      src: X(o == null ? void 0 : o.pngUrl),
                       alt: "",
                       className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                     }

package/reactjs/components/BridgeForm/Transfer.js

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

package/reactjs/components/BridgeForm/Transfer.mjs

@@ -28,11 +28,11 @@ import "@solana/web3.js";
 import "wagmi";
 import "@reown/appkit-controllers";
 import { useInvalidateHistoryQuery as Ai } from "../../queries/useGetHistory.query.mjs";
-import { useGetRateMutation as xi } from "../../queries/useGetRate.mutation.mjs";
+import { useGetRateMutation as wi } from "../../queries/useGetRate.mutation.mjs";
 import { mxClsx as fe } from "../../utils/mxClsx.mjs";
 import { AmountCard as ge } from "../AmountCard/AmountCard.mjs";
 import { AmountInput as qe } from "../AmountInput/AmountInput.mjs";
-import { MxButton as Ni } from "../base/MxButton/MxButton.mjs";
+import { MxButton as xi } from "../base/MxButton/MxButton.mjs";
 import "../base/MxCard/MxCard.mjs";
 import "../base/MxLink/MxLink.mjs";
 import "../base/MxSearch/MxSearch.mjs";
@@ -42,7 +42,7 @@ import "@headlessui/react";
 import "react-dom";
 import "react-popper";
 import "../base/MxTooltip/components/TooltipContainer/TooltipContainer.mjs";
-import { BridgeHistory as wi } from "../BridgeHistory/BridgeHistory.mjs";
+import { BridgeHistory as Ni } from "../BridgeHistory/BridgeHistory.mjs";
 import { BridgeConnectButton as yi } from "../Connect/BridgeConnectButton.mjs";
 import { MvxConnectButton as Di } from "../Connect/MvxConnectButton.mjs";
 import { BridgeAccountDisplay as Oi } from "../Connect/BridgeAccountDisplay.mjs";
@@ -60,13 +60,13 @@ const Ot = ({
   firstTokenAmount: O,
   secondTokenAmount: B,
   refetchTrigger: Ae,
-  showHistory: xe,
-  forcedDestinationTokenSymbol: Ne,
+  showHistory: we,
+  forcedDestinationTokenSymbol: xe,
   onSuccessfullySentTransaction: p,
   onFailedSentTransaction: f,
   onHistoryClose: M,
   onMvxConnect: S,
-  onMvxDisconnect: we,
+  onMvxDisconnect: Ne,
   onNavigate: ye,
   onChangeDirection: De
 }) => {
@@ -86,25 +86,25 @@ const Ot = ({
     isTokensLoading: Ue,
     isLoadingEvmTokensBalances: je,
     isLoadingMvxTokensBalances: ke,
-    chains: x = [],
+    chains: w = [],
     isChainsLoading: Pe
   } = vi({
     refetchTrigger: Ae,
     mvxAddress: o,
     mvxApiURL: ne.mvxApiURL
-  }), $ = Ue || je || ke || Pe, We = m(() => A.find((e) => Z(e.id, W)), [W, A]), g = m(() => x.find(
+  }), $ = Ue || je || ke || Pe, We = m(() => A.find((e) => Z(e.id, W)), [W, A]), g = m(() => w.find(
     (e) => e.chainId.toString() === D.toString()
-  ), [W, x]), {
+  ), [W, w]), {
     mutate: Ge,
     data: n,
-    isPending: N,
+    isPending: x,
     error: q
-  } = xi(), w = ((de = q == null ? void 0 : q.response) == null ? void 0 : de.status) === 400 ? (me = q == null ? void 0 : q.response) == null ? void 0 : me.data.message : void 0, Qe = u(
+  } = wi(), N = ((de = q == null ? void 0 : q.response) == null ? void 0 : de.status) === 400 ? (me = q == null ? void 0 : q.response) == null ? void 0 : me.data.message : void 0, Qe = u(
     (e) => {
       const v = A.find(
         (si) => Z(si.id, e.id)
       );
-      v && te(v);
+      v && (alert("switch3"), te(v));
     },
     [A, te]
   ), {
@@ -117,7 +117,7 @@ const Ot = ({
     onChangeSecondSelect: He,
     handleChangeDirection: Ke
   } = pi({
-    chains: x,
+    chains: w,
     activeChain: We,
     sdkChains: A,
     switchNetwork: Qe,
@@ -125,16 +125,16 @@ const Ot = ({
     toTokens: Le,
     firstTokenIdentifier: Ie,
     secondTokenIdentifier: Be,
-    forcedDestinationTokenSymbol: Ne,
+    forcedDestinationTokenSymbol: xe,
     isTokensLoading: $,
     mvxChainId: D,
     callbackRoute: Ce,
     onNavigate: ye
   }), Xe = () => {
     Ke(), De();
-  }, [l, Ye] = C(O ?? ""), [E, R] = C(B ?? ""), Je = m(() => i ? pe.includes(i.chainId.toString()) : !1, [i == null ? void 0 : i.chainId]), Ze = m(() => t ? pe.includes(t.chainId.toString()) : !1, [t == null ? void 0 : t.chainId]), c = m(() => t ? x.find(
+  }, [l, Ye] = C(O ?? ""), [E, R] = C(B ?? ""), Je = m(() => i ? pe.includes(i.chainId.toString()) : !1, [i == null ? void 0 : i.chainId]), Ze = m(() => t ? pe.includes(t.chainId.toString()) : !1, [t == null ? void 0 : t.chainId]), c = m(() => t ? w.find(
     (e) => Z(e.chainId, t.chainId)
-  ) ?? y : y, [t == null ? void 0 : t.chainId, x, y]), V = m(
+  ) ?? y : y, [t == null ? void 0 : t.chainId, w, y]), V = m(
     () => gi(t == null ? void 0 : t.chainId) ?? oe,
     [t == null ? void 0 : t.chainId, oe]
   ), se = s.address, le = s.isConnected && !!se, z = l !== "" && E !== "", H = u(
@@ -221,14 +221,14 @@ const Ot = ({
     secondAmount: E,
     setForceRefetchRate: Re,
     onSubmit: ii
-  }), ni = !!(K || X || Y || w), oi = m(() => l !== "" ? w ?? K : void 0, [K, l, w]), ai = m(() => E !== "" ? Y ?? X : void 0, [Y, X, E]);
+  }), ni = !!(K || X || Y || N), oi = m(() => l !== "" ? N ?? K : void 0, [K, l, N]), ai = m(() => E !== "" ? Y ?? X : void 0, [Y, X, E]);
   return I(() => (l || R(""), H(l), U && clearInterval(U), U = setInterval(() => {
     H(l);
   }, 50 * 1e3), () => clearInterval(U)), [l, Ee, H]), I(() => {
     n != null && n.amountOut && (h.setFieldValue(F.secondAmount, n.amountOut), R(n.amountOut));
   }, [n == null ? void 0 : n.amountOut]), I(() => {
-    w && (h.setFieldValue(F.secondAmount, "0"), R("0"));
-  }, [w]), I(() => {
+    N && (h.setFieldValue(F.secondAmount, "0"), R("0"));
+  }, [N]), I(() => {
     O && (h.setFieldValue(
       F.firstAmount,
       O
@@ -274,7 +274,7 @@ const Ot = ({
       autoComplete: "off",
       onSubmit: ti,
       children: [
-        xe && /* @__PURE__ */ r(wi, { mvxAddress: o, onClose: Se }),
+        we && /* @__PURE__ */ r(Ni, { mvxAddress: o, onClose: Se }),
         /* @__PURE__ */ a(
           ge,
           {
@@ -296,7 +296,7 @@ const Ot = ({
                     username: ve,
                     accountExplorerUrl: `${ne.mvxExplorerAddress}/accounts/${o}`,
                     showTag: !0,
-                    onDisconnect: we,
+                    onDisconnect: Ne,
                     onConnect: S
                   }
                 )
@@ -318,7 +318,7 @@ const Ot = ({
                   be,
                   {
                     name: "firstToken",
-                    disabled: N,
+                    disabled: x,
                     options: _e,
                     areOptionsLoading: $,
                     isMvxSelector: Je,
@@ -351,7 +351,7 @@ const Ot = ({
                 /* @__PURE__ */ r(
                   Oi,
                   {
-                    disabled: N,
+                    disabled: x,
                     activeChain: c
                   }
                 )
@@ -373,7 +373,7 @@ const Ot = ({
                   be,
                   {
                     name: "secondToken",
-                    disabled: N,
+                    disabled: x,
                     omitDisableClass: !0,
                     options: $e,
                     areOptionsLoading: $,
@@ -401,18 +401,18 @@ const Ot = ({
             yi,
             {
               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: N,
+              disabled: x,
               activeChain: c
             }
           ),
           o && le && /* @__PURE__ */ a(
-            Ni,
+            xi,
             {
               "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: !z || N || !o || !s.address || ni,
+              disabled: !z || x || !o || !s.address || ni,
               children: [
                 z && /* @__PURE__ */ a("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
                   /* @__PURE__ */ r("div", { children: "Transfer to " }),

package/reactjs/components/BridgeForm/hooks/useBridgeTokenSelection.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),n=require("../../../helpers/resolveBridgeApiChainId.js"),W=require("../../../utils/getInitialTokens.js"),O=require("../utils/bridgeFormHelpers.js"),X=({chains:a,firstTokenIdentifier:j,secondTokenIdentifier:q,fromTokens:I,toTokens:t,isTokensLoading:S,activeChainId:F,mvxChainId:m,callbackRoute:M,forcedDestinationTokenSymbol:R,onNavigate:E,switchNetwork:L,sdkChains:i,activeChain:g})=>{const _=u.useRef(!1),[d,o]=u.useState(),[l,B]=u.useState(),y=u.useMemo(()=>(I==null?void 0:I.filter(e=>m?e.chainId.toString().toLowerCase()===m.toString().toLowerCase():!0).map(e=>({...e,identifier:e.address,ticker:e.symbol})))??[],[I,m]),A=u.useCallback(e=>O.getAvailableTokens(e,t,R),[t,R]),G=u.useMemo(()=>d?(t==null?void 0:t.filter(e=>e.symbol.toLowerCase()===d.symbol.toLowerCase()).map(e=>({...e,identifier:e.address,ticker:e.symbol})))??[]:[],[d==null?void 0:d.symbol,t]),J=u.useMemo(()=>{const e=m?l:d,r=e&&(a==null?void 0:a.find(f=>n.sameBridgeApiChainId(f.chainId,e.chainId)));if(r)return r;const s=a==null?void 0:a.find(f=>n.sameBridgeApiChainId(f.chainId,g==null?void 0:g.id));return s||((m?d&&(a==null?void 0:a.find(f=>n.sameBridgeApiChainId(f.chainId,d.chainId))):l&&(a==null?void 0:a.find(f=>n.sameBridgeApiChainId(f.chainId,l.chainId))))??(a==null?void 0:a[0]))},[g==null?void 0:g.id,a,d==null?void 0:d.chainId,m,l==null?void 0:l.chainId]),w=u.useCallback(e=>O.getDefaultReceivingToken(e,t),[t]),b=u.useCallback(({firstTokenId:e,secondTokenId:r})=>{O.updateUrlParams({firstTokenId:e,secondTokenId:r,callbackRoute:M,isTokensLoading:S,onNavigate:E})},[M,S,E]),K=u.useCallback(e=>{if(!e)return;o(e),b({firstTokenId:e.address});let r=t==null?void 0:t.find(s=>s.symbol.toLowerCase()===e.symbol.toLowerCase());if(!r){const s=A(e);r=s.find(p=>p.symbol.toLowerCase()===e.symbol.toLowerCase())??w(s)}r&&(B(r),b({secondTokenId:r.address}))},[A,w,b,t]),Q=u.useCallback(e=>{if(!e)return;B(e),b({secondTokenId:e.address});const r=y.find(s=>s.symbol.toLowerCase()===e.symbol.toLowerCase());r&&(o(r),b({firstTokenId:r.address}))},[y,b]),V=u.useCallback(()=>{if(!d||!l)return;o(l),B(d),b({firstTokenId:l.address,secondTokenId:d.address});const e=i==null?void 0:i.find(r=>n.sameBridgeApiChainId(r.id,l.chainId));e&&L&&L(e)},[d,l,b,i,L]);return u.useEffect(()=>{var P,z,D,U;if(S||_.current||!y.length)return;if(d&&l){_.current=!0;return}const e=W.getInitialTokens({firstTokenId:j,secondTokenId:q}),r=y.find(({identifier:c})=>(e==null?void 0:e.firstTokenId)===c)??y.find(c=>n.sameBridgeApiChainId(c.chainId,F))??y[0];let s=t==null?void 0:t.find(c=>c.symbol.toLowerCase()===(r==null?void 0:r.symbol.toLowerCase()));if(!s){const c=A(r);s=(c==null?void 0:c.find(({address:C})=>{var H;return C.toLowerCase()===((H=(r==null?void 0:r.symbol)??(e==null?void 0:e.secondTokenId))==null?void 0:H.toLowerCase())}))??c.find(C=>C.symbol.toLowerCase()===(r==null?void 0:r.symbol.toLowerCase()))??w(c)}if(!!d&&!!l&&((P=d==null?void 0:d.address)==null?void 0:P.toLowerCase())===((z=r==null?void 0:r.address)==null?void 0:z.toLowerCase())&&((D=l==null?void 0:l.address)==null?void 0:D.toLowerCase())===((U=s==null?void 0:s.address)==null?void 0:U.toLowerCase()))return;let f=!1;if(r){o(r),b({firstTokenId:r.address});const c=(i==null?void 0:i.find(C=>n.sameBridgeApiChainId(C.id,r.chainId)))??g;c&&L&&L(c),f=!0}s&&(B(s),b({secondTokenId:s.address}),f=f&&!0),_.current=f},[S,y,t,j,q,F,A,w,b,i,g,L]),u.useEffect(()=>{const e=I==null?void 0:I.find(r=>r.address===(d==null?void 0:d.address));e&&o(r=>r&&{...r,balance:e.balance})},[I,d==null?void 0:d.address]),u.useEffect(()=>{const e=t==null?void 0:t.find(r=>r.address===(l==null?void 0:l.address));e&&B(r=>r&&{...r,balance:e.balance})},[t,l==null?void 0:l.address]),{firstToken:d,secondToken:l,fromOptions:y,toOptions:G,selectedChainOption:J,setFirstToken:o,setSecondToken:B,onChangeFirstSelect:K,onChangeSecondSelect:Q,handleChangeDirection:V,updateUrlParams:b}};exports.useBridgeTokenSelection=X;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),n=require("../../../helpers/resolveBridgeApiChainId.js"),W=require("../../../utils/getInitialTokens.js"),O=require("../utils/bridgeFormHelpers.js"),X=({chains:a,firstTokenIdentifier:j,secondTokenIdentifier:q,fromTokens:i,toTokens:t,isTokensLoading:S,activeChainId:F,mvxChainId:m,callbackRoute:M,forcedDestinationTokenSymbol:R,onNavigate:E,switchNetwork:L,sdkChains:I,activeChain:g})=>{const _=u.useRef(!1),[d,o]=u.useState(),[l,B]=u.useState(),y=u.useMemo(()=>(i==null?void 0:i.filter(e=>m?e.chainId.toString().toLowerCase()===m.toString().toLowerCase():!0).map(e=>({...e,identifier:e.address,ticker:e.symbol})))??[],[i,m]),w=u.useCallback(e=>O.getAvailableTokens(e,t,R),[t,R]),G=u.useMemo(()=>d?(t==null?void 0:t.filter(e=>e.symbol.toLowerCase()===d.symbol.toLowerCase()).map(e=>({...e,identifier:e.address,ticker:e.symbol})))??[]:[],[d==null?void 0:d.symbol,t]),J=u.useMemo(()=>{const e=m?l:d,r=e&&(a==null?void 0:a.find(f=>n.sameBridgeApiChainId(f.chainId,e.chainId)));if(r)return r;const s=a==null?void 0:a.find(f=>n.sameBridgeApiChainId(f.chainId,g==null?void 0:g.id));return s||((m?d&&(a==null?void 0:a.find(f=>n.sameBridgeApiChainId(f.chainId,d.chainId))):l&&(a==null?void 0:a.find(f=>n.sameBridgeApiChainId(f.chainId,l.chainId))))??(a==null?void 0:a[0]))},[g==null?void 0:g.id,a,d==null?void 0:d.chainId,m,l==null?void 0:l.chainId]),A=u.useCallback(e=>O.getDefaultReceivingToken(e,t),[t]),b=u.useCallback(({firstTokenId:e,secondTokenId:r})=>{O.updateUrlParams({firstTokenId:e,secondTokenId:r,callbackRoute:M,isTokensLoading:S,onNavigate:E})},[M,S,E]),K=u.useCallback(e=>{if(!e)return;o(e),b({firstTokenId:e.address});let r=t==null?void 0:t.find(s=>s.symbol.toLowerCase()===e.symbol.toLowerCase());if(!r){const s=w(e);r=s.find(p=>p.symbol.toLowerCase()===e.symbol.toLowerCase())??A(s)}r&&(B(r),b({secondTokenId:r.address}))},[w,A,b,t]),Q=u.useCallback(e=>{if(!e)return;B(e),b({secondTokenId:e.address});const r=y.find(s=>s.symbol.toLowerCase()===e.symbol.toLowerCase());r&&(o(r),b({firstTokenId:r.address}))},[y,b]),V=u.useCallback(()=>{if(!d||!l)return;o(l),B(d),b({firstTokenId:l.address,secondTokenId:d.address});const e=I==null?void 0:I.find(r=>n.sameBridgeApiChainId(r.id,l.chainId));e&&L&&(alert("switch4"),L(e))},[d,l,b,I,L]);return u.useEffect(()=>{var P,z,D,U;if(S||_.current||!y.length)return;if(d&&l){_.current=!0;return}const e=W.getInitialTokens({firstTokenId:j,secondTokenId:q}),r=y.find(({identifier:c})=>(e==null?void 0:e.firstTokenId)===c)??y.find(c=>n.sameBridgeApiChainId(c.chainId,F))??y[0];let s=t==null?void 0:t.find(c=>c.symbol.toLowerCase()===(r==null?void 0:r.symbol.toLowerCase()));if(!s){const c=w(r);s=(c==null?void 0:c.find(({address:C})=>{var H;return C.toLowerCase()===((H=(r==null?void 0:r.symbol)??(e==null?void 0:e.secondTokenId))==null?void 0:H.toLowerCase())}))??c.find(C=>C.symbol.toLowerCase()===(r==null?void 0:r.symbol.toLowerCase()))??A(c)}if(!!d&&!!l&&((P=d==null?void 0:d.address)==null?void 0:P.toLowerCase())===((z=r==null?void 0:r.address)==null?void 0:z.toLowerCase())&&((D=l==null?void 0:l.address)==null?void 0:D.toLowerCase())===((U=s==null?void 0:s.address)==null?void 0:U.toLowerCase()))return;let f=!1;if(r){o(r),b({firstTokenId:r.address});const c=(I==null?void 0:I.find(C=>n.sameBridgeApiChainId(C.id,r.chainId)))??g;c&&L&&(alert("switch5"),L(c)),f=!0}s&&(B(s),b({secondTokenId:s.address}),f=f&&!0),_.current=f},[S,y,t,j,q,F,w,A,b,I,g,L]),u.useEffect(()=>{const e=i==null?void 0:i.find(r=>r.address===(d==null?void 0:d.address));e&&o(r=>r&&{...r,balance:e.balance})},[i,d==null?void 0:d.address]),u.useEffect(()=>{const e=t==null?void 0:t.find(r=>r.address===(l==null?void 0:l.address));e&&B(r=>r&&{...r,balance:e.balance})},[t,l==null?void 0:l.address]),{firstToken:d,secondToken:l,fromOptions:y,toOptions:G,selectedChainOption:J,setFirstToken:o,setSecondToken:B,onChangeFirstSelect:K,onChangeSecondSelect:Q,handleChangeDirection:V,updateUrlParams:b}};exports.useBridgeTokenSelection=X;

package/reactjs/components/BridgeForm/hooks/useBridgeTokenSelection.mjs

@@ -1,7 +1,7 @@
 import { useRef as _, useState as Q, useMemo as p, useCallback as O, useEffect as z } from "react";
 import { sameBridgeApiChainId as m } from "../../../helpers/resolveBridgeApiChainId.mjs";
 import { getInitialTokens as n } from "../../../utils/getInitialTokens.mjs";
-import { getAvailableTokens as x, getDefaultReceivingToken as i, updateUrlParams as N } from "../utils/bridgeFormHelpers.mjs";
+import { getAvailableTokens as i, getDefaultReceivingToken as x, updateUrlParams as N } from "../utils/bridgeFormHelpers.mjs";
 const ee = ({
   chains: f,
   firstTokenIdentifier: D,
@@ -10,23 +10,23 @@ const ee = ({
   toTokens: t,
   isTokensLoading: o,
   activeChainId: C,
-  mvxChainId: g,
+  mvxChainId: w,
   callbackRoute: E,
   forcedDestinationTokenSymbol: M,
   onNavigate: j,
-  switchNetwork: w,
+  switchNetwork: g,
   sdkChains: I,
   activeChain: y
 }) => {
   const U = _(!1), [d, S] = Q(), [l, A] = Q(), L = p(
-    () => (s == null ? void 0 : s.filter((e) => g ? e.chainId.toString().toLowerCase() === g.toString().toLowerCase() : !0).map((e) => ({
+    () => (s == null ? void 0 : s.filter((e) => w ? e.chainId.toString().toLowerCase() === w.toString().toLowerCase() : !0).map((e) => ({
       ...e,
       identifier: e.address,
       ticker: e.symbol
     }))) ?? [],
-    [s, g]
+    [s, w]
   ), P = O(
-    (e) => x(
+    (e) => i(
       e,
       t,
       M
@@ -39,7 +39,7 @@ const ee = ({
     identifier: e.address,
     ticker: e.symbol
   }))) ?? [] : [], [d == null ? void 0 : d.symbol, t]), W = p(() => {
-    const e = g ? l : d, r = e && (f == null ? void 0 : f.find(
+    const e = w ? l : d, r = e && (f == null ? void 0 : f.find(
       (c) => m(c.chainId, e.chainId)
     ));
     if (r)
@@ -47,7 +47,7 @@ const ee = ({
     const u = f == null ? void 0 : f.find(
       (c) => m(c.chainId, y == null ? void 0 : y.id)
     );
-    return u || ((g ? d && (f == null ? void 0 : f.find(
+    return u || ((w ? d && (f == null ? void 0 : f.find(
       (c) => m(c.chainId, d.chainId)
     )) : l && (f == null ? void 0 : f.find(
       (c) => m(c.chainId, l.chainId)
@@ -56,10 +56,10 @@ const ee = ({
     y == null ? void 0 : y.id,
     f,
     d == null ? void 0 : d.chainId,
-    g,
+    w,
     l == null ? void 0 : l.chainId
   ]), R = O(
-    (e) => i(e, t),
+    (e) => x(e, t),
     [t]
   ), b = O(
     ({
@@ -113,8 +113,8 @@ const ee = ({
     const e = I == null ? void 0 : I.find(
       (r) => m(r.id, l.chainId)
     );
-    e && w && w(e);
-  }, [d, l, b, I, w]);
+    e && g && (alert("switch4"), g(e));
+  }, [d, l, b, I, g]);
   return z(() => {
     var q, G, H, J;
     if (o || U.current || !L.length)
@@ -153,7 +153,7 @@ const ee = ({
       const a = (I == null ? void 0 : I.find(
         (B) => m(B.id, r.chainId)
       )) ?? y;
-      a && w && w(a), c = !0;
+      a && g && (alert("switch5"), g(a)), c = !0;
     }
     u && (A(u), b({ secondTokenId: u.address }), c = c && !0), U.current = c;
   }, [
@@ -168,7 +168,7 @@ const ee = ({
     b,
     I,
     y,
-    w
+    g
   ]), z(() => {
     const e = s == null ? void 0 : s.find(
       (r) => r.address === (d == null ? void 0 : d.address)

package/reactjs/components/TokenSelector/components/TokenItem.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("@reown/appkit/react"),a=require("react"),b=require("./TokenIcon.js"),g=require("../../../../types/chainType.js"),j=require("../../../context/useWeb3App.js"),f=require("../../../hooks/useGetChainId.js"),h=require("../../../hooks/useResolveTokenChain.js"),y=({token:s,onClick:d,selected:m})=>{var c,u;const{tokenChain:e,chainIcon:n}=h.useResolveTokenChain({token:s}),{supportedChains:i}=j.useWeb3App(),{switchNetwork:q}=x.useAppKitNetwork(),r=f.useGetChainId(),l=a.useMemo(()=>i==null?void 0:i.find(o=>o.id.toString()===(r==null?void 0:r.toString())),[r,i]),p=a.useCallback(()=>{(e==null?void 0:e.chainType)===g.ChainType.evm&&l&&e!=null&&e.chainId&&(l==null?void 0:l.id.toString())!==(e==null?void 0:e.chainId.toString())&&q((i==null?void 0:i.find(o=>o.id.toString()===(e==null?void 0:e.chainId.toString())))??l)},[l,i,q,e==null?void 0:e.chainId,e==null?void 0:e.chainType]);return t.jsx("div",{"data-testid":`token-item-${(u=(c=s.symbol)==null?void 0:c.toLowerCase)==null?void 0:u.call(c)}`,className:`token-item ${m?"liq-selected":""} liq-flex liq-cursor-pointer liq-items-center liq-justify-between liq-rounded-lg liq-p-2 hover:liq-bg-neutral-700 liq-bg-neutral-850`,onClick:()=>{p(),d(s)},children:t.jsxs("div",{className:"liq-flex liq-w-full liq-items-center liq-relative",children:[t.jsx(b.TokenIcon,{size:"lg",token:s,className:"liq-flex liq-items-center liq-justify-center"}),n&&t.jsx("img",{src:n,alt:"",className:"liq-absolute liq-left-4 liq-bottom-[-2px] liq-chain-icon liq-sm liq-w-6 liq-h-6 liq-border-[3px] liq-border-neutral-850  liq-rounded-lg"}),t.jsxs("div",{className:"liq-ml-2",children:[t.jsx("div",{className:"liq-text-sm liq-font-bold",children:s.symbol}),t.jsx("div",{className:"liq-text-xs liq-text-gray-400",children:s.name})]})]})})};exports.TokenItem=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("@reown/appkit/react"),u=require("react"),b=require("./TokenIcon.js"),g=require("../../../../types/chainType.js"),j=require("../../../context/useWeb3App.js"),f=require("../../../hooks/useGetChainId.js"),h=require("../../../hooks/useResolveTokenChain.js"),y=({token:s,onClick:d,selected:m})=>{var c,a;const{tokenChain:e,chainIcon:n}=h.useResolveTokenChain({token:s}),{supportedChains:i}=j.useWeb3App(),{switchNetwork:q}=x.useAppKitNetwork(),r=f.useGetChainId(),l=u.useMemo(()=>i==null?void 0:i.find(o=>o.id.toString()===(r==null?void 0:r.toString())),[r,i]),p=u.useCallback(()=>{(e==null?void 0:e.chainType)===g.ChainType.evm&&l&&e!=null&&e.chainId&&(l==null?void 0:l.id.toString())!==(e==null?void 0:e.chainId.toString())&&(alert("switch1"),q((i==null?void 0:i.find(o=>o.id.toString()===(e==null?void 0:e.chainId.toString())))??l))},[l,i,q,e==null?void 0:e.chainId,e==null?void 0:e.chainType]);return t.jsx("div",{"data-testid":`token-item-${(a=(c=s.symbol)==null?void 0:c.toLowerCase)==null?void 0:a.call(c)}`,className:`token-item ${m?"liq-selected":""} liq-flex liq-cursor-pointer liq-items-center liq-justify-between liq-rounded-lg liq-p-2 hover:liq-bg-neutral-700 liq-bg-neutral-850`,onClick:()=>{p(),d(s)},children:t.jsxs("div",{className:"liq-flex liq-w-full liq-items-center liq-relative",children:[t.jsx(b.TokenIcon,{size:"lg",token:s,className:"liq-flex liq-items-center liq-justify-center"}),n&&t.jsx("img",{src:n,alt:"",className:"liq-absolute liq-left-4 liq-bottom-[-2px] liq-chain-icon liq-sm liq-w-6 liq-h-6 liq-border-[3px] liq-border-neutral-850  liq-rounded-lg"}),t.jsxs("div",{className:"liq-ml-2",children:[t.jsx("div",{className:"liq-text-sm liq-font-bold",children:s.symbol}),t.jsx("div",{className:"liq-text-xs liq-text-gray-400",children:s.name})]})]})})};exports.TokenItem=y;

package/reactjs/components/TokenSelector/components/TokenItem.mjs

@@ -1,35 +1,35 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
 import { useAppKitNetwork as u } from "@reown/appkit/react";
 import { useMemo as g, useCallback as b } from "react";
 import { TokenIcon as x } from "./TokenIcon.mjs";
-import { ChainType as N } from "../../../../types/chainType.mjs";
-import { useWeb3App as v } from "../../../context/useWeb3App.mjs";
-import { useGetChainId as w } from "../../../hooks/useGetChainId.mjs";
-import { useResolveTokenChain as y } from "../../../hooks/useResolveTokenChain.mjs";
+import { ChainType as w } from "../../../../types/chainType.mjs";
+import { useWeb3App as N } from "../../../context/useWeb3App.mjs";
+import { useGetChainId as h } from "../../../hooks/useGetChainId.mjs";
+import { useResolveTokenChain as v } from "../../../hooks/useResolveTokenChain.mjs";
 const G = ({
   token: e,
   onClick: a,
   selected: p
 }) => {
   var o, d;
-  const { tokenChain: i, chainIcon: m } = y({
+  const { tokenChain: i, chainIcon: m } = v({
     token: e
-  }), { supportedChains: l } = v(), { switchNetwork: q } = u(), s = w(), r = g(() => l == null ? void 0 : l.find(
+  }), { supportedChains: l } = N(), { switchNetwork: q } = u(), s = h(), t = g(() => l == null ? void 0 : l.find(
     (c) => c.id.toString() === (s == null ? void 0 : s.toString())
   ), [s, l]), f = b(() => {
-    (i == null ? void 0 : i.chainType) === N.evm && r && i != null && i.chainId && (r == null ? void 0 : r.id.toString()) !== (i == null ? void 0 : i.chainId.toString()) && q(
+    (i == null ? void 0 : i.chainType) === w.evm && t && i != null && i.chainId && (t == null ? void 0 : t.id.toString()) !== (i == null ? void 0 : i.chainId.toString()) && (alert("switch1"), q(
       (l == null ? void 0 : l.find(
         (c) => c.id.toString() === (i == null ? void 0 : i.chainId.toString())
-      )) ?? r
-    );
+      )) ?? t
+    ));
   }, [
-    r,
+    t,
     l,
     q,
     i == null ? void 0 : i.chainId,
     i == null ? void 0 : i.chainType
   ]);
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ r(
     "div",
     {
       "data-testid": `token-item-${(d = (o = e.symbol) == null ? void 0 : o.toLowerCase) == null ? void 0 : d.call(o)}`,
@@ -38,7 +38,7 @@ const G = ({
         f(), a(e);
       },
       children: /* @__PURE__ */ n("div", { className: "liq-flex liq-w-full liq-items-center liq-relative", children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ r(
           x,
           {
             size: "lg",
@@ -46,7 +46,7 @@ const G = ({
             className: "liq-flex liq-items-center liq-justify-center"
           }
         ),
-        m && /* @__PURE__ */ t(
+        m && /* @__PURE__ */ r(
           "img",
           {
             src: m,
@@ -55,8 +55,8 @@ const G = ({
           }
         ),
         /* @__PURE__ */ n("div", { className: "liq-ml-2", children: [
-          /* @__PURE__ */ t("div", { className: "liq-text-sm liq-font-bold", children: e.symbol }),
-          /* @__PURE__ */ t("div", { className: "liq-text-xs liq-text-gray-400", children: e.name })
+          /* @__PURE__ */ r("div", { className: "liq-text-sm liq-font-bold", children: e.symbol }),
+          /* @__PURE__ */ r("div", { className: "liq-text-xs liq-text-gray-400", children: e.name })
         ] })
       ] })
     }