@multiversx/sdk-dapp-liquidity 2.4.0-alpha.1 → 2.4.0

package/reactjs/components/BridgeForm/Transfer.js

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

package/reactjs/components/BridgeForm/Transfer.mjs

@@ -10,21 +10,21 @@ import { AmountCard as re } from "../AmountCard/AmountCard.mjs";
 import "../AmountCard/index.mjs";
 import { AmountInput as ie } from "../AmountInput/AmountInput.mjs";
 import "../AmountInput/index.mjs";
-import { useAccount as ae } from "../../hooks/useAccount.mjs";
-import { useWeb3App as oe } from "../../context/useWeb3App.mjs";
-import { ProviderType as se } from "../../../types/providerType.mjs";
-import { BridgeFormikValuesEnum as r, useBridgeFormik as ce } from "../../hooks/useBridgeFormik.mjs";
-import { sameBridgeApiChainId as i, toBridgeApiChainId as le } from "../../helpers/resolveBridgeApiChainId.mjs";
-import { useBridgeApiChainId as ue } from "../../hooks/useBridgeApiChainId.mjs";
-import { t as de } from "../../../hooks-DMIHvAKb.mjs";
-import { useGetChainId as fe } from "../../hooks/useGetChainId.mjs";
-import { useSendTransactions as pe } from "../../hooks/useSendTransactions.mjs";
-import { useBridgeTokenSelection as me } from "./hooks/useBridgeTokenSelection.mjs";
-import { useDisconnectOnChainTypeChange as he } from "../../hooks/useDisconnectOnChainTypeChange.mjs";
+import { sameBridgeApiChainId as r, toBridgeApiChainId as ae } from "../../helpers/resolveBridgeApiChainId.mjs";
+import { useBridgeTokenSelection as oe } from "./hooks/useBridgeTokenSelection.mjs";
+import { useWeb3App as se } from "../../context/useWeb3App.mjs";
+import { useAccount as ce } from "../../hooks/useAccount.mjs";
+import { useBridgeApiChainId as le } from "../../hooks/useBridgeApiChainId.mjs";
+import { ProviderType as ue } from "../../../types/providerType.mjs";
+import { BridgeFormikValuesEnum as i, useBridgeFormik as de } from "../../hooks/useBridgeFormik.mjs";
+import { useDisconnectOnChainTypeChange as fe } from "../../hooks/useDisconnectOnChainTypeChange.mjs";
+import { useGetChainId as pe } from "../../hooks/useGetChainId.mjs";
+import { useSendTransactions as me } from "../../hooks/useSendTransactions.mjs";
+import { t as he } from "../../../useFetchBridgeData-C9hzwYG6.mjs";
 import { useNamespaceAddress as ge } from "../../hooks/useNamespaceAddress.mjs";
 import { useInvalidateHistoryQuery as _e } from "../../queries/useGetHistory.query.mjs";
 import { useGetRateMutation as ve } from "../../queries/useGetRate.mutation.mjs";
-import { t as ye } from "../../../BridgeHistory-BUSiuT1d.mjs";
+import { t as ye } from "../../../BridgeHistory-B86lT8s-.mjs";
 import "../BridgeHistory/index.mjs";
 import { BridgeConnectButton as be } from "../Connect/BridgeConnectButton.mjs";
 import { MvxConnectButton as xe } from "../Connect/MvxConnectButton.mjs";
@@ -36,43 +36,43 @@ import { TokenSelector as Te } from "../TokenSelector/TokenSelector.mjs";
 import "../TokenSelector/index.mjs";
 import { Fragment as Ee, jsx as a, jsxs as o } from "react/jsx-runtime";
 import { useCallback as s, useEffect as c, useMemo as l, useRef as De, useState as u } from "react";
-import { useAppKitNetwork as Oe } from "@reown/appkit/react";
-import { formatAmount as ke } from "@multiversx/sdk-dapp-utils/out/helpers/formatAmount";
+import { formatAmount as Oe } from "@multiversx/sdk-dapp-utils/out/helpers/formatAmount";
+import { useAppKitNetwork as ke } from "@reown/appkit/react";
 import Ae from "lodash/debounce";
 import { toast as je } from "react-toastify";
 //#region src/reactjs/components/BridgeForm/Transfer.tsx
 var d, f = ({ mvxChainId: f, mvxAddress: p, username: Me, callbackRoute: Ne = "/", firstTokenIdentifier: Pe, secondTokenIdentifier: Fe, firstTokenAmount: m, secondTokenAmount: h, refetchTrigger: Ie, showHistory: Le, forcedDestinationTokenSymbol: Re, onSuccessfullySentTransaction: g, onFailedSentTransaction: _, onHistoryClose: v, onMvxConnect: ze, onMvxDisconnect: Be, onNavigate: Ve, onChangeDirection: He }) => {
-	let Ue = De(null), [y, We] = u(!1), [Ge, Ke] = u(1), [b, qe] = u(0), [Je, Ye] = u([]), Xe = ae(), { switchNetwork: Ze } = Oe(), Qe = _e(), { options: $e, supportedChains: x, nativeAuthToken: S, bridgeOnly: et } = oe(), C = fe(), tt = ue(), nt = pe(), { signMvxTransactions: w, resetMvxTransactionHash: T, latestMvxTransactionHash: E } = oe(), { evmTokensWithBalances: rt, mvxTokensWithBalances: it, isTokensLoading: at, isLoadingEvmTokensBalances: ot, isLoadingMvxTokensBalances: st, chains: D = [], isChainsLoading: ct } = de({
+	let Ue = De(null), [y, We] = u(!1), [Ge, Ke] = u(1), [b, qe] = u(0), [Je, Ye] = u([]), Xe = ce(), { switchNetwork: Ze } = ke(), Qe = _e(), { options: $e, supportedChains: x, nativeAuthToken: S, bridgeOnly: et } = se(), C = pe(), tt = le(), nt = me(), { signMvxTransactions: w, resetMvxTransactionHash: rt, latestMvxTransactionHash: T } = se(), { evmTokensWithBalances: it, mvxTokensWithBalances: at, isTokensLoading: ot, isLoadingEvmTokensBalances: st, isLoadingMvxTokensBalances: ct, chains: E = [], isChainsLoading: lt } = he({
 		refetchTrigger: Ie,
 		mvxAddress: p,
 		mvxApiURL: $e.mvxApiURL
-	}), O = at || ot || st || ct, lt = l(() => x.find((e) => i(e.id, C)), [C, x]), ut = l(() => D.find((e) => e.chainId.toString() === f.toString()), [C, D]), { mutate: dt, data: k, isPending: A, error: ft } = ve(), j = ft?.response?.status === 400 ? ft?.response?.data.message : void 0, { firstToken: M, secondToken: N, fromOptions: pt, toOptions: mt, selectedChainOption: P, onChangeFirstSelect: ht, onChangeSecondSelect: gt, handleChangeDirection: _t } = me({
-		chains: D,
-		activeChain: lt,
+	}), D = ot || st || ct || lt, ut = l(() => x.find((e) => r(e.id, C)), [C, x]), dt = l(() => E.find((e) => e.chainId.toString() === f.toString()), [C, E]), { mutate: O, data: k, isPending: A, error: ft } = ve(), j = ft?.response?.status === 400 ? ft?.response?.data.message : void 0, { firstToken: M, secondToken: N, fromOptions: pt, toOptions: mt, selectedChainOption: P, onChangeFirstSelect: ht, onChangeSecondSelect: gt, handleChangeDirection: _t } = oe({
+		chains: E,
+		activeChain: ut,
 		sdkChains: x,
 		switchNetwork: s((e) => {
-			let t = x.find((t) => i(t.id, e.id));
+			let t = x.find((t) => r(t.id, e.id));
 			t && Ze(t);
 		}, [x, Ze]),
-		fromTokens: it,
-		toTokens: rt,
+		fromTokens: at,
+		toTokens: it,
 		firstTokenIdentifier: Pe,
 		secondTokenIdentifier: Fe,
 		forcedDestinationTokenSymbol: Re,
-		isTokensLoading: O,
+		isTokensLoading: D,
 		mvxChainId: f,
 		callbackRoute: Ne,
 		onNavigate: Ve
 	}), vt = () => {
 		_t(), He();
-	}, [F, yt] = u(m ?? ""), [I, L] = u(h ?? ""), bt = l(() => M ? e.includes(M.chainId.toString()) : !1, [M?.chainId]), xt = l(() => N ? e.includes(N.chainId.toString()) : !1, [N?.chainId]), R = l(() => N ? D.find((e) => i(e.chainId, N.chainId)) ?? P : P, [
+	}, [F, yt] = u(m ?? ""), [I, L] = u(h ?? ""), bt = l(() => M ? e.includes(M.chainId.toString()) : !1, [M?.chainId]), xt = l(() => N ? e.includes(N.chainId.toString()) : !1, [N?.chainId]), R = l(() => N ? E.find((e) => r(e.chainId, N.chainId)) ?? P : P, [
 		N?.chainId,
-		D,
+		E,
 		P
-	]), z = l(() => le(N?.chainId) ?? tt, [N?.chainId, tt]);
-	he(R?.chainType);
+	]), z = l(() => ae(N?.chainId) ?? tt, [N?.chainId, tt]);
+	fe(R?.chainType);
 	let B = ge(R?.chainType), St = B, Ct = Xe.isConnected && !!B, V = F !== "" && I !== "", H = s(Ae(async (e) => {
-		!e || !Number(e) || !B || !M?.address || !N?.address || !P || !z || dt({
+		!e || !Number(e) || !B || !M?.address || !N?.address || !P || !z || O({
 			nativeAuthToken: S ?? "",
 			body: {
 				tokenIn: M.address,
@@ -90,7 +90,7 @@ var d, f = ({ mvxChainId: f, mvxAddress: p, username: Me, callbackRoute: Ne = "/
 		P,
 		f,
 		S,
-		dt
+		O
 	]), U = s((e) => {
 		yt(() => e);
 	}, []), W = s((e) => {
@@ -98,7 +98,7 @@ var d, f = ({ mvxChainId: f, mvxAddress: p, username: Me, callbackRoute: Ne = "/
 	}, []), wt = s(() => {
 		v?.();
 	}, [v]), Tt = s(() => {
-		let e = ke({
+		let e = Oe({
 			decimals: M?.decimals,
 			input: M?.balance ?? "0",
 			addCommas: !1,
@@ -130,7 +130,7 @@ var d, f = ({ mvxChainId: f, mvxAddress: p, username: Me, callbackRoute: Ne = "/
 			g
 		]),
 		w
-	]), { formik: G, firstAmountError: K, secondAmountError: q, fromChainError: J, senderAddressError: Y, receiverAddressError: X, confirmRateError: Z, handleBlur: Q, handleChange: $, handleSubmit: Dt, resetSwapForm: Ot } = ce({
+	]), { formik: G, firstAmountError: K, secondAmountError: q, fromChainError: J, senderAddressError: Y, receiverAddressError: X, confirmRateError: Z, handleBlur: Q, handleChange: $, handleSubmit: Dt, resetSwapForm: Ot } = de({
 		isMvxConnected: !!p,
 		rate: k,
 		sender: p ?? "",
@@ -161,23 +161,23 @@ var d, f = ({ mvxChainId: f, mvxAddress: p, username: Me, callbackRoute: Ne = "/
 		Ge,
 		H
 	]), c(() => {
-		k?.amountOut && (G.setFieldValue(r.secondAmount, k.amountOut), L(k.amountOut));
+		k?.amountOut && (G.setFieldValue(i.secondAmount, k.amountOut), L(k.amountOut));
 	}, [k?.amountOut]), c(() => {
-		j && (G.setFieldValue(r.secondAmount, "0"), L("0"));
+		j && (G.setFieldValue(i.secondAmount, "0"), L("0"));
 	}, [j]), c(() => {
-		m && (G.setFieldValue(r.firstAmount, m), U(m));
+		m && (G.setFieldValue(i.firstAmount, m), U(m));
 	}, []), c(() => {
-		h && (G.setFieldValue(r.secondAmount, h), W(h));
+		h && (G.setFieldValue(i.secondAmount, h), W(h));
 	}, [h]), c(() => {
-		if (E) try {
-			let e = E;
+		if (T) try {
+			let e = T;
 			nt({
 				transactions: Je.map((t) => ({
 					...t,
 					txHash: e,
 					receiver: B
 				})),
-				provider: k?.provider ?? se.None,
+				provider: k?.provider ?? ue.None,
 				url: t() ?? "",
 				token: S ?? ""
 			}), g?.([e]);
@@ -185,17 +185,17 @@ var d, f = ({ mvxChainId: f, mvxAddress: p, username: Me, callbackRoute: Ne = "/
 			console.error("Error while sending transactions:", e), _?.("An error occurred while sending the transaction");
 			return;
 		} finally {
-			T?.(), Ye([]);
+			rt?.(), Ye([]);
 		}
 	}, [
-		E,
+		T,
 		Je,
 		B,
 		S,
 		_,
 		g,
 		k?.provider,
-		T,
+		rt,
 		nt
 	]), /* @__PURE__ */ a(Ee, { children: /* @__PURE__ */ o("form", {
 		ref: Ue,
@@ -218,7 +218,7 @@ var d, f = ({ mvxChainId: f, mvxAddress: p, username: Me, callbackRoute: Ne = "/
 						className: "liq-flex liq-items-center liq-gap-1",
 						children: [/* @__PURE__ */ a("span", { children: "From" }), /* @__PURE__ */ a(Ce, {
 							accountAddress: p,
-							chainIcon: n(ut?.pngUrl),
+							chainIcon: n(dt?.pngUrl),
 							username: Me,
 							accountExplorerUrl: `${$e.mvxExplorerAddress}/accounts/${p}`,
 							showTag: !0,
@@ -244,7 +244,7 @@ var d, f = ({ mvxChainId: f, mvxAddress: p, username: Me, callbackRoute: Ne = "/
 							name: "firstToken",
 							disabled: A,
 							options: pt,
-							areOptionsLoading: O,
+							areOptionsLoading: D,
 							isMvxSelector: bt,
 							isDestination: !1,
 							color: "neutral-850",
@@ -294,7 +294,7 @@ var d, f = ({ mvxChainId: f, mvxAddress: p, username: Me, callbackRoute: Ne = "/
 							disabled: A,
 							omitDisableClass: !0,
 							options: mt,
-							areOptionsLoading: O,
+							areOptionsLoading: D,
 							isMvxSelector: xt,
 							color: "neutral-850",
 							onChange: gt,
@@ -309,7 +309,7 @@ var d, f = ({ mvxChainId: f, mvxAddress: p, username: Me, callbackRoute: Ne = "/
 				children: [
 					!p && /* @__PURE__ */ a(xe, {
 						mvxAccountAddress: p,
-						icon: n(ut?.pngUrl),
+						icon: n(dt?.pngUrl),
 						onClick: ze
 					}),
 					p && !Ct && /* @__PURE__ */ a(be, {

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

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../helpers/resolveBridgeApiChainId.js"),t=require("../../../utils/getInitialTokens.js"),n=require("../utils/bridgeFormHelpers.js");let r=require("react");var i=({chains:i,firstTokenIdentifier:a,secondTokenIdentifier:o,fromTokens:s,toTokens:c,isTokensLoading:l,activeChainId:u,mvxChainId:d,callbackRoute:f,forcedDestinationTokenSymbol:p,onNavigate:m,switchNetwork:h,sdkChains:g,activeChain:_})=>{let v=(0,r.useRef)(!1),[y,b]=(0,r.useState)(),[x,S]=(0,r.useState)(),C=(0,r.useMemo)(()=>s?.filter(e=>d?e.chainId.toString().toLowerCase()===d.toString().toLowerCase():!0).map(e=>({...e,identifier:e.address,ticker:e.symbol}))??[],[s,d]),w=(0,r.useCallback)(e=>n.getAvailableTokens(e,c,p),[c,p]),T=(0,r.useMemo)(()=>y?c?.filter(e=>e.symbol.toLowerCase()===y.symbol.toLowerCase()).map(e=>({...e,identifier:e.address,ticker:e.symbol}))??[]:[],[y?.symbol,c]),E=(0,r.useMemo)(()=>{let t=d?x:y;return t&&i?.find(n=>e.sameBridgeApiChainId(n.chainId,t.chainId))||i?.find(t=>e.sameBridgeApiChainId(t.chainId,_?.id))||((d?y&&i?.find(t=>e.sameBridgeApiChainId(t.chainId,y.chainId)):x&&i?.find(t=>e.sameBridgeApiChainId(t.chainId,x.chainId)))??i?.[0])},[_?.id,i,y?.chainId,d,x?.chainId]),D=(0,r.useCallback)(e=>n.getDefaultReceivingToken(e,c),[c]),O=(0,r.useCallback)(({firstTokenId:e,secondTokenId:t})=>{n.updateUrlParams({firstTokenId:e,secondTokenId:t,callbackRoute:f,isTokensLoading:l,onNavigate:m})},[f,l,m]),k=(0,r.useCallback)(e=>{if(!e)return;b(e),O({firstTokenId:e.address});let t=c?.find(t=>t.symbol.toLowerCase()===e.symbol.toLowerCase());if(!t){let n=w(e);t=n.find(t=>t.symbol.toLowerCase()===e.symbol.toLowerCase())??D(n)}t&&(S(t),O({secondTokenId:t.address}))},[w,D,O,c]),A=(0,r.useCallback)(e=>{if(!e)return;S(e),O({secondTokenId:e.address});let t=C.find(t=>t.symbol.toLowerCase()===e.symbol.toLowerCase());t&&(b(t),O({firstTokenId:t.address}))},[C,O]),j=(0,r.useCallback)(()=>{if(!y||!x)return;b(x),S(y),O({firstTokenId:x.address,secondTokenId:y.address});let t=g?.find(t=>e.sameBridgeApiChainId(t.id,x.chainId));t&&h&&h(t)},[y,x,O,g,h]);return(0,r.useEffect)(()=>{if(l||v.current||!C.length)return;if(y&&x){v.current=!0;return}let n=t.getInitialTokens({firstTokenId:a,secondTokenId:o}),r=C.find(({identifier:e})=>n?.firstTokenId?.toLowerCase()===e.toLowerCase())??C.find(t=>e.sameBridgeApiChainId(t.chainId,u))??C[0],i=c?.find(e=>e.symbol.toLowerCase()===r?.symbol.toLowerCase());if(!i){let e=w(r);i=e?.find(({address:e})=>e.toLowerCase()===(r?.symbol??n?.secondTokenId)?.toLowerCase())??e.find(e=>e.symbol.toLowerCase()===r?.symbol.toLowerCase())??D(e)}if(y&&x&&y?.address?.toLowerCase()===r?.address?.toLowerCase()&&x?.address?.toLowerCase()===i?.address?.toLowerCase())return;let s=!1;if(r){b(r),O({firstTokenId:r.address});let t=g?.find(t=>e.sameBridgeApiChainId(t.id,r.chainId))??_;t&&h&&h(t),s=!0}i&&(S(i),O({secondTokenId:i.address}),s&&=!0),v.current=s},[l,C,c,a,o,u,w,D,O,g,_,h]),(0,r.useEffect)(()=>{let e=s?.find(e=>e.address.toLowerCase()===y?.address?.toLowerCase());e&&b(t=>t&&{...t,balance:e.balance})},[s,y?.address]),(0,r.useEffect)(()=>{let e=c?.find(e=>e.address.toLowerCase()===x?.address?.toLowerCase());e&&S(t=>t&&{...t,balance:e.balance})},[c,x?.address]),{firstToken:y,secondToken:x,fromOptions:C,toOptions:T,selectedChainOption:E,setFirstToken:b,setSecondToken:S,onChangeFirstSelect:k,onChangeSecondSelect:A,handleChangeDirection:j,updateUrlParams:O}};exports.useBridgeTokenSelection=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../utils/getInitialTokens.js"),t=require("../../../helpers/resolveBridgeApiChainId.js"),n=require("../utils/bridgeFormHelpers.js");let r=require("react");var i=({chains:i,firstTokenIdentifier:a,secondTokenIdentifier:o,fromTokens:s,toTokens:c,isTokensLoading:l,activeChainId:u,mvxChainId:d,callbackRoute:f,forcedDestinationTokenSymbol:p,onNavigate:m,switchNetwork:h,sdkChains:g,activeChain:_})=>{let v=(0,r.useRef)(!1),[y,b]=(0,r.useState)(),[x,S]=(0,r.useState)(),C=(0,r.useMemo)(()=>s?.filter(e=>d?e.chainId.toString().toLowerCase()===d.toString().toLowerCase():!0).map(e=>({...e,identifier:e.address,ticker:e.symbol}))??[],[s,d]),w=(0,r.useCallback)(e=>n.getAvailableTokens(e,c,p),[c,p]),T=(0,r.useMemo)(()=>y?n.getAvailableTokens(y,c,p).map(e=>({...e,identifier:e.address,ticker:e.symbol})):[],[y,c,p]),E=(0,r.useMemo)(()=>{let e=d?x:y;return e&&i?.find(n=>t.sameBridgeApiChainId(n.chainId,e.chainId))||i?.find(e=>t.sameBridgeApiChainId(e.chainId,_?.id))||((d?y&&i?.find(e=>t.sameBridgeApiChainId(e.chainId,y.chainId)):x&&i?.find(e=>t.sameBridgeApiChainId(e.chainId,x.chainId)))??i?.[0])},[_?.id,i,y?.chainId,d,x?.chainId]),D=(0,r.useCallback)(e=>n.getDefaultReceivingToken(e,c),[c]),O=(0,r.useCallback)(({firstTokenId:e,secondTokenId:t})=>{n.updateUrlParams({firstTokenId:e,secondTokenId:t,callbackRoute:f,isTokensLoading:l,onNavigate:m})},[f,l,m]),k=(0,r.useCallback)(e=>{if(!e)return;b(e),O({firstTokenId:e.address});let t=n.findPairedToken(e,c,p)??D(w(e));t&&(S(t),O({secondTokenId:t.address}))},[w,D,O,c,p]),A=(0,r.useCallback)(e=>{if(!e)return;S(e),O({secondTokenId:e.address});let t=C.find(t=>t.symbol.toLowerCase()===e.symbol.toLowerCase());t&&(b(t),O({firstTokenId:t.address}))},[C,O]),j=(0,r.useCallback)(()=>{if(!y||!x)return;b(x),S(y),O({firstTokenId:x.address,secondTokenId:y.address});let e=g?.find(e=>t.sameBridgeApiChainId(e.id,x.chainId));e&&h&&h(e)},[y,x,O,g,h]);return(0,r.useEffect)(()=>{if(l||v.current||!C.length)return;if(y&&x){v.current=!0;return}let r=e.getInitialTokens({firstTokenId:a,secondTokenId:o}),i=C.find(({identifier:e})=>r?.firstTokenId?.toLowerCase()===e.toLowerCase())??C.find(e=>t.sameBridgeApiChainId(e.chainId,u))??C[0],s=(i&&n.findPairedToken(i,c,p))??D(i?w(i):[]);if(y&&x&&y?.address?.toLowerCase()===i?.address?.toLowerCase()&&x?.address?.toLowerCase()===s?.address?.toLowerCase())return;let d=!1;if(i){b(i),O({firstTokenId:i.address});let e=g?.find(e=>t.sameBridgeApiChainId(e.id,i.chainId))??_;e&&h&&h(e),d=!0}s&&(S(s),O({secondTokenId:s.address}),d&&=!0),v.current=d},[l,C,c,a,o,u,p,w,D,O,g,_,h]),(0,r.useEffect)(()=>{let e=s?.find(e=>e.address.toLowerCase()===y?.address?.toLowerCase());e&&b(t=>t&&{...t,balance:e.balance})},[s,y?.address]),(0,r.useEffect)(()=>{let e=c?.find(e=>e.address.toLowerCase()===x?.address?.toLowerCase());e&&S(t=>t&&{...t,balance:e.balance})},[c,x?.address]),{firstToken:y,secondToken:x,fromOptions:C,toOptions:T,selectedChainOption:E,setFirstToken:b,setSecondToken:S,onChangeFirstSelect:k,onChangeSecondSelect:A,handleChangeDirection:j,updateUrlParams:O}};exports.useBridgeTokenSelection=i;

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

@@ -1,132 +1,130 @@
-import { sameBridgeApiChainId as e } from "../../../helpers/resolveBridgeApiChainId.mjs";
-import { getInitialTokens as t } from "../../../utils/getInitialTokens.mjs";
-import { getAvailableTokens as n, getDefaultReceivingToken as r, updateUrlParams as i } from "../utils/bridgeFormHelpers.mjs";
-import { useCallback as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
+import { getInitialTokens as e } from "../../../utils/getInitialTokens.mjs";
+import { sameBridgeApiChainId as t } from "../../../helpers/resolveBridgeApiChainId.mjs";
+import { findPairedToken as n, getAvailableTokens as r, getDefaultReceivingToken as i, updateUrlParams as a } from "../utils/bridgeFormHelpers.mjs";
+import { useCallback as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
 //#region src/reactjs/components/BridgeForm/hooks/useBridgeTokenSelection.ts
-var u = ({ chains: u, firstTokenIdentifier: d, secondTokenIdentifier: f, fromTokens: p, toTokens: m, isTokensLoading: h, activeChainId: g, mvxChainId: _, callbackRoute: v, forcedDestinationTokenSymbol: y, onNavigate: b, switchNetwork: x, sdkChains: S, activeChain: C }) => {
-	let w = c(!1), [T, E] = l(), [D, O] = l(), k = s(() => p?.filter((e) => _ ? e.chainId.toString().toLowerCase() === _.toString().toLowerCase() : !0).map((e) => ({
+var d = ({ chains: d, firstTokenIdentifier: f, secondTokenIdentifier: p, fromTokens: m, toTokens: h, isTokensLoading: g, activeChainId: _, mvxChainId: v, callbackRoute: y, forcedDestinationTokenSymbol: b, onNavigate: x, switchNetwork: S, sdkChains: C, activeChain: w }) => {
+	let T = l(!1), [E, D] = u(), [O, k] = u(), A = c(() => m?.filter((e) => v ? e.chainId.toString().toLowerCase() === v.toString().toLowerCase() : !0).map((e) => ({
 		...e,
 		identifier: e.address,
 		ticker: e.symbol
-	})) ?? [], [p, _]), A = a((e) => n(e, m, y), [m, y]), j = s(() => T ? m?.filter((e) => e.symbol.toLowerCase() === T.symbol.toLowerCase()).map((e) => ({
+	})) ?? [], [m, v]), j = o((e) => r(e, h, b), [h, b]), M = c(() => E ? r(E, h, b).map((e) => ({
 		...e,
 		identifier: e.address,
 		ticker: e.symbol
-	})) ?? [] : [], [T?.symbol, m]), M = s(() => {
-		let t = _ ? D : T;
-		return t && u?.find((n) => e(n.chainId, t.chainId)) || u?.find((t) => e(t.chainId, C?.id)) || ((_ ? T && u?.find((t) => e(t.chainId, T.chainId)) : D && u?.find((t) => e(t.chainId, D.chainId))) ?? u?.[0]);
+	})) : [], [
+		E,
+		h,
+		b
+	]), N = c(() => {
+		let e = v ? O : E;
+		return e && d?.find((n) => t(n.chainId, e.chainId)) || d?.find((e) => t(e.chainId, w?.id)) || ((v ? E && d?.find((e) => t(e.chainId, E.chainId)) : O && d?.find((e) => t(e.chainId, O.chainId))) ?? d?.[0]);
 	}, [
-		C?.id,
-		u,
-		T?.chainId,
-		_,
-		D?.chainId
-	]), N = a((e) => r(e, m), [m]), P = a(({ firstTokenId: e, secondTokenId: t }) => {
-		i({
+		w?.id,
+		d,
+		E?.chainId,
+		v,
+		O?.chainId
+	]), P = o((e) => i(e, h), [h]), F = o(({ firstTokenId: e, secondTokenId: t }) => {
+		a({
 			firstTokenId: e,
 			secondTokenId: t,
-			callbackRoute: v,
-			isTokensLoading: h,
-			onNavigate: b
+			callbackRoute: y,
+			isTokensLoading: g,
+			onNavigate: x
 		});
 	}, [
-		v,
-		h,
-		b
-	]), F = a((e) => {
+		y,
+		g,
+		x
+	]), I = o((e) => {
 		if (!e) return;
-		E(e), P({ firstTokenId: e.address });
-		let t = m?.find((t) => t.symbol.toLowerCase() === e.symbol.toLowerCase());
-		if (!t) {
-			let n = A(e);
-			t = n.find((t) => t.symbol.toLowerCase() === e.symbol.toLowerCase()) ?? N(n);
-		}
-		t && (O(t), P({ secondTokenId: t.address }));
+		D(e), F({ firstTokenId: e.address });
+		let t = n(e, h, b) ?? P(j(e));
+		t && (k(t), F({ secondTokenId: t.address }));
 	}, [
-		A,
-		N,
+		j,
 		P,
-		m
-	]), I = a((e) => {
+		F,
+		h,
+		b
+	]), L = o((e) => {
 		if (!e) return;
-		O(e), P({ secondTokenId: e.address });
-		let t = k.find((t) => t.symbol.toLowerCase() === e.symbol.toLowerCase());
-		t && (E(t), P({ firstTokenId: t.address }));
-	}, [k, P]), L = a(() => {
-		if (!T || !D) return;
-		E(D), O(T), P({
-			firstTokenId: D.address,
-			secondTokenId: T.address
+		k(e), F({ secondTokenId: e.address });
+		let t = A.find((t) => t.symbol.toLowerCase() === e.symbol.toLowerCase());
+		t && (D(t), F({ firstTokenId: t.address }));
+	}, [A, F]), R = o(() => {
+		if (!E || !O) return;
+		D(O), k(E), F({
+			firstTokenId: O.address,
+			secondTokenId: E.address
 		});
-		let t = S?.find((t) => e(t.id, D.chainId));
-		t && x && x(t);
+		let e = C?.find((e) => t(e.id, O.chainId));
+		e && S && S(e);
 	}, [
-		T,
-		D,
-		P,
-		S,
-		x
+		E,
+		O,
+		F,
+		C,
+		S
 	]);
-	return o(() => {
-		if (h || w.current || !k.length) return;
-		if (T && D) {
-			w.current = !0;
+	return s(() => {
+		if (g || T.current || !A.length) return;
+		if (E && O) {
+			T.current = !0;
 			return;
 		}
-		let n = t({
-			firstTokenId: d,
-			secondTokenId: f
-		}), r = k.find(({ identifier: e }) => n?.firstTokenId?.toLowerCase() === e.toLowerCase()) ?? k.find((t) => e(t.chainId, g)) ?? k[0], i = m?.find((e) => e.symbol.toLowerCase() === r?.symbol.toLowerCase());
-		if (!i) {
-			let e = A(r);
-			i = e?.find(({ address: e }) => e.toLowerCase() === (r?.symbol ?? n?.secondTokenId)?.toLowerCase()) ?? e.find((e) => e.symbol.toLowerCase() === r?.symbol.toLowerCase()) ?? N(e);
-		}
-		if (T && D && T?.address?.toLowerCase() === r?.address?.toLowerCase() && D?.address?.toLowerCase() === i?.address?.toLowerCase()) return;
-		let a = !1;
-		if (r) {
-			E(r), P({ firstTokenId: r.address });
-			let t = S?.find((t) => e(t.id, r.chainId)) ?? C;
-			t && x && x(t), a = !0;
+		let r = e({
+			firstTokenId: f,
+			secondTokenId: p
+		}), i = A.find(({ identifier: e }) => r?.firstTokenId?.toLowerCase() === e.toLowerCase()) ?? A.find((e) => t(e.chainId, _)) ?? A[0], a = (i && n(i, h, b)) ?? P(i ? j(i) : []);
+		if (E && O && E?.address?.toLowerCase() === i?.address?.toLowerCase() && O?.address?.toLowerCase() === a?.address?.toLowerCase()) return;
+		let o = !1;
+		if (i) {
+			D(i), F({ firstTokenId: i.address });
+			let e = C?.find((e) => t(e.id, i.chainId)) ?? w;
+			e && S && S(e), o = !0;
 		}
-		i && (O(i), P({ secondTokenId: i.address }), a &&= !0), w.current = a;
+		a && (k(a), F({ secondTokenId: a.address }), o &&= !0), T.current = o;
 	}, [
-		h,
-		k,
-		m,
-		d,
-		f,
 		g,
 		A,
-		N,
+		h,
+		f,
+		p,
+		_,
+		b,
+		j,
 		P,
-		S,
+		F,
 		C,
-		x
-	]), o(() => {
-		let e = p?.find((e) => e.address.toLowerCase() === T?.address?.toLowerCase());
-		e && E((t) => t && {
+		w,
+		S
+	]), s(() => {
+		let e = m?.find((e) => e.address.toLowerCase() === E?.address?.toLowerCase());
+		e && D((t) => t && {
 			...t,
 			balance: e.balance
 		});
-	}, [p, T?.address]), o(() => {
-		let e = m?.find((e) => e.address.toLowerCase() === D?.address?.toLowerCase());
-		e && O((t) => t && {
+	}, [m, E?.address]), s(() => {
+		let e = h?.find((e) => e.address.toLowerCase() === O?.address?.toLowerCase());
+		e && k((t) => t && {
 			...t,
 			balance: e.balance
 		});
-	}, [m, D?.address]), {
-		firstToken: T,
-		secondToken: D,
-		fromOptions: k,
-		toOptions: j,
-		selectedChainOption: M,
-		setFirstToken: E,
-		setSecondToken: O,
-		onChangeFirstSelect: F,
-		onChangeSecondSelect: I,
-		handleChangeDirection: L,
-		updateUrlParams: P
+	}, [h, O?.address]), {
+		firstToken: E,
+		secondToken: O,
+		fromOptions: A,
+		toOptions: M,
+		selectedChainOption: N,
+		setFirstToken: D,
+		setSecondToken: k,
+		onChangeFirstSelect: I,
+		onChangeSecondSelect: L,
+		handleChangeDirection: R,
+		updateUrlParams: F
 	};
 };
 //#endregion
-export { u as useBridgeTokenSelection };
+export { d as useBridgeTokenSelection };

package/reactjs/components/BridgeForm/utils/bridgeFormHelpers.d.ts

@@ -15,6 +15,11 @@ export declare function resolveSigningChainType(transaction: ServerTransaction,
  * Gets available tokens based on the source token and forced destination
  */
 export declare const getAvailableTokens: (option: TokenType, targetTokens?: TokenType[], forcedDestinationTokenSymbol?: string) => TokenType[];
+/**
+ * Finds the best paired destination token for a given source token.
+ * Priority: availableTokens address match > symbol match (last resort).
+ */
+export declare const findPairedToken: (sourceToken: TokenType, targetTokens?: TokenType[], forcedDestinationTokenSymbol?: string) => TokenType | undefined;
 /**
  * Gets the default receiving token (prefers USDC)
  */

package/reactjs/components/BridgeForm/utils/bridgeFormHelpers.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../constants/index.js"),t=require("../../../../types/chainType.js"),n=require("../../../utils/getCompletePathname.js");var r=({firstTokenId:t,secondTokenId:r,callbackRoute:i,isTokensLoading:a,onNavigate:o})=>{if(a)return;let s=n.getCompletePathname(),c=new URLSearchParams(e.safeWindow.location.search);t&&c.set(`firstToken`,t),r&&c.set(`secondToken`,r);let l=`${i}?${c.toString()}`;s!==l&&(e.safeWindow.history?.replaceState?.(null,``,l),o?.(l,{replace:!0}))};function i(e,n){return e.suiParams?.transactionBytes&&e.suiParams?.sender?t.ChainType.sui:e.instructions&&e.feePayer?t.ChainType.sol:e.bitcoinParams?t.ChainType.btc:e.to&&e.data!==void 0?t.ChainType.evm:n?.chainType}var a=(e,t,n)=>{if(n){let e=t?.find(e=>e.symbol.toLowerCase()===n.toLowerCase());return e?[e]:[]}if(!e?.availableTokens)return[];let r=[];for(let n of e.availableTokens){let e=t?.find(e=>e.address.toLowerCase()===n.address.toLowerCase());e&&r.push(e)}return r},o=(e,t)=>e.find(e=>e.symbol.toLowerCase().includes(`usdc`))??t?.find(e=>e.symbol.toLowerCase().includes(`usdc`)),s=(e,t)=>e?!!t?.some(t=>t.address.toLowerCase()===e.toLowerCase()):!1;exports.getAvailableTokens=a,exports.getDefaultReceivingToken=o,exports.isTokenIdFromMvx=s,exports.resolveSigningChainType=i,exports.updateUrlParams=r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../constants/index.js"),t=require("../../../../types/chainType.js"),n=require("../../../utils/getCompletePathname.js");var r=({firstTokenId:t,secondTokenId:r,callbackRoute:i,isTokensLoading:a,onNavigate:o})=>{if(a)return;let s=n.getCompletePathname(),c=new URLSearchParams(e.safeWindow.location.search);t&&c.set(`firstToken`,t),r&&c.set(`secondToken`,r);let l=`${i}?${c.toString()}`;s!==l&&(e.safeWindow.history?.replaceState?.(null,``,l),o?.(l,{replace:!0}))};function i(e,n){return e.suiParams?.transactionBytes&&e.suiParams?.sender?t.ChainType.sui:e.instructions&&e.feePayer?t.ChainType.sol:e.bitcoinParams?t.ChainType.btc:e.to&&e.data!==void 0?t.ChainType.evm:n?.chainType}var a=(e,t,n)=>{if(n){let e=t?.find(e=>e.symbol.toLowerCase()===n.toLowerCase());return e?[e]:[]}if(!e?.availableTokens)return[];let r=[];for(let n of e.availableTokens){let e=t?.find(e=>e.address.toLowerCase()===n.address.toLowerCase());e&&r.push(e)}return r},o=(e,t,n)=>{let r=a(e,t,n);if(r.length>0)return r[0];let i=n??e.symbol;return t?.find(e=>e.symbol.toLowerCase()===i.toLowerCase())},s=(e,t)=>e.find(e=>e.symbol.toLowerCase().includes(`usdc`))??t?.find(e=>e.symbol.toLowerCase().includes(`usdc`)),c=(e,t)=>e?!!t?.some(t=>t.address.toLowerCase()===e.toLowerCase()):!1;exports.findPairedToken=o,exports.getAvailableTokens=a,exports.getDefaultReceivingToken=s,exports.isTokenIdFromMvx=c,exports.resolveSigningChainType=i,exports.updateUrlParams=r;

package/reactjs/components/BridgeForm/utils/bridgeFormHelpers.mjs

@@ -24,6 +24,11 @@ var a = (e, t, n) => {
 		e && r.push(e);
 	}
 	return r;
-}, o = (e, t) => e.find((e) => e.symbol.toLowerCase().includes("usdc")) ?? t?.find((e) => e.symbol.toLowerCase().includes("usdc")), s = (e, t) => e ? !!t?.some((t) => t.address.toLowerCase() === e.toLowerCase()) : !1;
+}, o = (e, t, n) => {
+	let r = a(e, t, n);
+	if (r.length > 0) return r[0];
+	let i = n ?? e.symbol;
+	return t?.find((e) => e.symbol.toLowerCase() === i.toLowerCase());
+}, s = (e, t) => e.find((e) => e.symbol.toLowerCase().includes("usdc")) ?? t?.find((e) => e.symbol.toLowerCase().includes("usdc")), c = (e, t) => e ? !!t?.some((t) => t.address.toLowerCase() === e.toLowerCase()) : !1;
 //#endregion
-export { a as getAvailableTokens, o as getDefaultReceivingToken, s as isTokenIdFromMvx, i as resolveSigningChainType, r as updateUrlParams };
+export { o as findPairedToken, a as getAvailableTokens, s as getDefaultReceivingToken, c as isTokenIdFromMvx, i as resolveSigningChainType, r as updateUrlParams };

package/reactjs/components/BridgeHistory/BridgeHistory.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../BridgeHistory-0NVr8Uxp.js");exports.BridgeHistory=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../BridgeHistory-D3Zg2V1U.js");exports.BridgeHistory=e.t;

package/reactjs/components/BridgeHistory/BridgeHistory.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../../../BridgeHistory-BUSiuT1d.mjs";
+import { t as e } from "../../../BridgeHistory-B86lT8s-.mjs";
 export { e as BridgeHistory };

package/reactjs/components/BridgeHistory/index.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../BridgeHistory-0NVr8Uxp.js");exports.BridgeHistory=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../BridgeHistory-D3Zg2V1U.js");exports.BridgeHistory=e.t;

package/reactjs/components/BridgeHistory/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../../../BridgeHistory-BUSiuT1d.mjs";
+import { t as e } from "../../../BridgeHistory-B86lT8s-.mjs";
 export { e as BridgeHistory };

package/reactjs/components/Connect/ChainSelectConnect.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chains-Bmeag21l.js");require("../../constants/index.js");const t=require("../../../helpers/getDisplayName.js"),n=require("../../hooks/useAccount.js"),r=require("../../context/useWeb3App.js"),i=require("../../hooks/useSuiConnect.js");let a=require("react/jsx-runtime"),o=require("react"),s=require("@reown/appkit/react");var c=({activeChain:n,hasSui:r,onEvmSelect:i,onSuiSelect:o,onClose:s})=>(0,a.jsx)(`div`,{className:`liq-fixed liq-inset-0 liq-z-[9999] liq-flex liq-items-center liq-justify-center liq-bg-black/60`,onClick:s,children:(0,a.jsxs)(`div`,{className:`liq-w-[340px] liq-rounded-2xl liq-bg-neutral-900 liq-border liq-border-neutral-700/40 liq-shadow-2xl`,onClick:e=>e.stopPropagation(),children:[(0,a.jsxs)(`div`,{className:`liq-flex liq-items-center liq-justify-between liq-px-5 liq-py-4 liq-border-b liq-border-neutral-700/30`,children:[(0,a.jsx)(`h3`,{className:`liq-text-white liq-text-base liq-font-semibold liq-m-0`,children:`Select Chain`}),(0,a.jsx)(`button`,{onClick:s,className:`liq-text-neutral-400 hover:liq-text-white liq-text-lg liq-bg-transparent liq-border-none liq-cursor-pointer liq-p-1`,children:`×`})]}),(0,a.jsxs)(`div`,{className:`liq-flex liq-flex-col liq-gap-2 liq-p-4`,children:[(0,a.jsxs)(`button`,{onClick:i,className:`liq-flex liq-items-center liq-gap-3 liq-w-full liq-rounded-xl liq-bg-neutral-800/60 liq-px-4 liq-py-3 liq-text-left liq-text-white liq-font-medium liq-border liq-border-transparent liq-transition-all liq-duration-200 hover:liq-bg-neutral-750 hover:liq-border-neutral-600/50 liq-cursor-pointer`,children:[n?.pngUrl&&(0,a.jsx)(`img`,{src:n.pngUrl,alt:``,className:`liq-w-8 liq-h-8 liq-rounded-full`}),(0,a.jsxs)(`div`,{children:[(0,a.jsx)(`div`,{className:`liq-text-sm liq-font-semibold`,children:n?t.getDisplayName(n):`Ethereum`}),(0,a.jsx)(`div`,{className:`liq-text-xs liq-text-neutral-400`,children:`EVM Chains`})]})]}),r&&(0,a.jsxs)(`button`,{onClick:o,className:`liq-flex liq-items-center liq-gap-3 liq-w-full liq-rounded-xl liq-bg-neutral-800/60 liq-px-4 liq-py-3 liq-text-left liq-text-white liq-font-medium liq-border liq-border-transparent liq-transition-all liq-duration-200 hover:liq-bg-neutral-750 hover:liq-border-neutral-600/50 liq-cursor-pointer`,children:[(0,a.jsx)(`img`,{src:e.r.sui,alt:``,className:`liq-w-8 liq-h-8 liq-rounded-full`}),(0,a.jsxs)(`div`,{children:[(0,a.jsx)(`div`,{className:`liq-text-sm liq-font-semibold`,children:`Sui`}),(0,a.jsx)(`div`,{className:`liq-text-xs liq-text-neutral-400`,children:`Sui Network`})]})]})]})]})}),l=({activeChain:e,disabled:t,className:l})=>{let[u,d]=(0,o.useState)(!1),{open:f}=(0,s.useAppKit)(),p=n.useAccount(),{options:m}=r.useWeb3App(),h=i.useSuiConnect(),g=!!m.suiEnvironment;if(p.isConnected||h.isConnected)return null;let _=()=>{d(!1),f({view:`Connect`,namespace:`eip155`})};return g?(0,a.jsxs)(a.Fragment,{children:[u&&(0,a.jsx)(c,{activeChain:e,hasSui:g,onEvmSelect:_,onSuiSelect:()=>{d(!1),h.connect()},onClose:()=>d(!1)}),(0,a.jsx)(`button`,{onClick:()=>d(!0),disabled:t,className:`liq-font-bold liq-text-inherit liq-rounded-lg ${l??``}`,children:(0,a.jsx)(`div`,{className:`liq-flex liq-items-center liq-justify-center liq-gap-1`,children:(0,a.jsx)(`span`,{className:`liq-text-primary-200`,children:p.isConnecting?`Connecting...`:`Connect`})})})]}):(0,a.jsx)(`button`,{onClick:_,disabled:t,className:`liq-font-bold liq-text-inherit liq-rounded-lg ${l??``}`,children:(0,a.jsx)(`div`,{className:`liq-flex liq-items-center liq-justify-center liq-gap-1`,children:(0,a.jsx)(`span`,{className:`liq-text-primary-200`,children:p.isConnecting?`Connecting...`:`Connect`})})})};exports.ChainSelectConnect=l;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chains-Bmeag21l.js");require("../../constants/index.js");const t=require("../../../helpers/getDisplayName.js"),n=require("../../context/useWeb3App.js"),r=require("../../hooks/useAccount.js"),i=require("../../hooks/useSuiConnect.js");let a=require("react/jsx-runtime"),o=require("react"),s=require("@reown/appkit/react");var c=({activeChain:n,hasSui:r,onEvmSelect:i,onSuiSelect:o,onClose:s})=>(0,a.jsx)(`div`,{className:`liq-fixed liq-inset-0 liq-z-[9999] liq-flex liq-items-center liq-justify-center liq-bg-black/60`,onClick:s,children:(0,a.jsxs)(`div`,{className:`liq-w-[340px] liq-rounded-2xl liq-bg-neutral-900 liq-border liq-border-neutral-700/40 liq-shadow-2xl`,onClick:e=>e.stopPropagation(),children:[(0,a.jsxs)(`div`,{className:`liq-flex liq-items-center liq-justify-between liq-px-5 liq-py-4 liq-border-b liq-border-neutral-700/30`,children:[(0,a.jsx)(`h3`,{className:`liq-text-white liq-text-base liq-font-semibold liq-m-0`,children:`Select Chain`}),(0,a.jsx)(`button`,{onClick:s,className:`liq-text-neutral-400 hover:liq-text-white liq-text-lg liq-bg-transparent liq-border-none liq-cursor-pointer liq-p-1`,children:`×`})]}),(0,a.jsxs)(`div`,{className:`liq-flex liq-flex-col liq-gap-2 liq-p-4`,children:[(0,a.jsxs)(`button`,{onClick:i,className:`liq-flex liq-items-center liq-gap-3 liq-w-full liq-rounded-xl liq-bg-neutral-800/60 liq-px-4 liq-py-3 liq-text-left liq-text-white liq-font-medium liq-border liq-border-transparent liq-transition-all liq-duration-200 hover:liq-bg-neutral-750 hover:liq-border-neutral-600/50 liq-cursor-pointer`,children:[n?.pngUrl&&(0,a.jsx)(`img`,{src:n.pngUrl,alt:``,className:`liq-w-8 liq-h-8 liq-rounded-full`}),(0,a.jsxs)(`div`,{children:[(0,a.jsx)(`div`,{className:`liq-text-sm liq-font-semibold`,children:n?t.getDisplayName(n):`Ethereum`}),(0,a.jsx)(`div`,{className:`liq-text-xs liq-text-neutral-400`,children:`EVM Chains`})]})]}),r&&(0,a.jsxs)(`button`,{onClick:o,className:`liq-flex liq-items-center liq-gap-3 liq-w-full liq-rounded-xl liq-bg-neutral-800/60 liq-px-4 liq-py-3 liq-text-left liq-text-white liq-font-medium liq-border liq-border-transparent liq-transition-all liq-duration-200 hover:liq-bg-neutral-750 hover:liq-border-neutral-600/50 liq-cursor-pointer`,children:[(0,a.jsx)(`img`,{src:e.r.sui,alt:``,className:`liq-w-8 liq-h-8 liq-rounded-full`}),(0,a.jsxs)(`div`,{children:[(0,a.jsx)(`div`,{className:`liq-text-sm liq-font-semibold`,children:`Sui`}),(0,a.jsx)(`div`,{className:`liq-text-xs liq-text-neutral-400`,children:`Sui Network`})]})]})]})]})}),l=({activeChain:e,disabled:t,className:l})=>{let[u,d]=(0,o.useState)(!1),{open:f}=(0,s.useAppKit)(),p=r.useAccount(),{options:m}=n.useWeb3App(),h=i.useSuiConnect(),g=!!m.suiEnvironment;if(p.isConnected||h.isConnected)return null;let _=()=>{d(!1),f({view:`Connect`,namespace:`eip155`})};return g?(0,a.jsxs)(a.Fragment,{children:[u&&(0,a.jsx)(c,{activeChain:e,hasSui:g,onEvmSelect:_,onSuiSelect:()=>{d(!1),h.connect()},onClose:()=>d(!1)}),(0,a.jsx)(`button`,{onClick:()=>d(!0),disabled:t,className:`liq-font-bold liq-text-inherit liq-rounded-lg ${l??``}`,children:(0,a.jsx)(`div`,{className:`liq-flex liq-items-center liq-justify-center liq-gap-1`,children:(0,a.jsx)(`span`,{className:`liq-text-primary-200`,children:p.isConnecting?`Connecting...`:`Connect`})})})]}):(0,a.jsx)(`button`,{onClick:_,disabled:t,className:`liq-font-bold liq-text-inherit liq-rounded-lg ${l??``}`,children:(0,a.jsx)(`div`,{className:`liq-flex liq-items-center liq-justify-center liq-gap-1`,children:(0,a.jsx)(`span`,{className:`liq-text-primary-200`,children:p.isConnecting?`Connecting...`:`Connect`})})})};exports.ChainSelectConnect=l;

package/reactjs/components/Connect/ChainSelectConnect.mjs

@@ -1,8 +1,8 @@
 import { r as e } from "../../../chains-DQACurVn.mjs";
 import "../../constants/index.mjs";
 import { getDisplayName as t } from "../../../helpers/getDisplayName.mjs";
-import { useAccount as n } from "../../hooks/useAccount.mjs";
-import { useWeb3App as r } from "../../context/useWeb3App.mjs";
+import { useWeb3App as n } from "../../context/useWeb3App.mjs";
+import { useAccount as r } from "../../hooks/useAccount.mjs";
 import { useSuiConnect as i } from "../../hooks/useSuiConnect.mjs";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 import { useState as c } from "react";
@@ -58,7 +58,7 @@ var u = ({ activeChain: n, hasSui: r, onEvmSelect: i, onSuiSelect: a, onClose: c
 		})]
 	})
 }), d = ({ activeChain: e, disabled: t, className: d }) => {
-	let [f, p] = c(!1), { open: m } = l(), h = n(), { options: g } = r(), _ = i(), v = !!g.suiEnvironment;
+	let [f, p] = c(!1), { open: m } = l(), h = r(), { options: g } = n(), _ = i(), v = !!g.suiEnvironment;
 	if (h.isConnected || _.isConnected) return null;
 	let y = () => {
 		p(!1), m({