@multiversx/sdk-dapp-liquidity 2.3.0-alpha.2 → 2.3.0-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/reactjs/components/BridgeForm/Deposit.js +1 -1
- package/reactjs/components/BridgeForm/Deposit.mjs +119 -114
- package/reactjs/components/BridgeForm/Transfer.js +1 -1
- package/reactjs/components/BridgeForm/Transfer.mjs +42 -40
- package/reactjs/components/Connect/BridgeAccountDisplay.js +1 -1
- package/reactjs/components/Connect/BridgeAccountDisplay.mjs +51 -51
- package/reactjs/init/init.d.ts +1 -0
- package/reactjs/init/init.js +1 -1
- package/reactjs/init/init.mjs +32 -32
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),ct=require("@multiversx/sdk-dapp-utils/out/helpers/formatAmount"),lt=require("@reown/appkit/react"),ut=require("lodash/debounce"),i=require("react"),ue=require("react-toastify"),dt=require("./hooks/useBridgeTokenSelection.js"),de=require("../../../constants/index.js"),mt=require("../../../helpers/getApiURL.js");require("../../constants/index.js");const Y=require("../../../helpers/safeImageUrl.js");require("@solana/web3.js");require("bitcoinjs-lib");require("viem");const qt=require("../../../types/chainType.js"),ht=require("../../../types/providerType.js"),me=require("../../context/useWeb3App.js"),D=require("../../helpers/resolveBridgeApiChainId.js");require("yup");require("@multiversx/sdk-dapp-utils/out/helpers/parseAmount");require("bignumber.js");const pt=require("../../hooks/useAccount.js");require("axios");const I=require("../../hooks/useBridgeFormik.js"),gt=require("../../hooks/useFetchBridgeData.js"),xt=require("../../hooks/useBridgeApiChainId.js");require("@tanstack/react-query");const _t=require("../../hooks/useGetChainId.js"),ft=require("../../hooks/useSendTransactions.js");require("@reown/appkit-adapter-solana/react");require("wagmi");require("@reown/appkit-controllers");const jt=require("../../hooks/useDisconnectOnChainTypeChange.js"),Ct=require("../../hooks/useNamespaceAddress.js"),bt=require("../../queries/useGetHistory.query.js"),vt=require("../../queries/useGetRate.mutation.js"),qe=require("../../utils/mxClsx.js"),he=require("../AmountCard/AmountCard.js"),pe=require("../AmountInput/AmountInput.js"),It=require("../base/MxButton/MxButton.js");require("../base/MxCard/MxCard.js");require("../base/MxLink/MxLink.js");require("../base/MxSearch/MxSearch.js");require("@fortawesome/free-solid-svg-icons/faClose");require("@fortawesome/react-fontawesome");require("@headlessui/react");require("react-dom");require("react-popper");require("../base/MxTooltip/components/TooltipContainer/TooltipContainer.js");const At=require("../BridgeHistory/BridgeHistory.js"),Bt=require("../Connect/BridgeConnectButton.js"),yt=require("../Connect/MvxConnectButton.js"),Nt=require("../Connect/BridgeAccountDisplay.js"),Mt=require("../Connect/MvxAccountDisplay.js"),Et=require("../ToggleDirection/ToggleDirection.js"),ge=require("../TokenSelector/TokenSelector.js");let k;const wt=({mvxChainId:A,mvxAddress:a,username:xe,callbackRoute:_e="/",firstTokenIdentifier:fe,secondTokenIdentifier:je,firstTokenAmount:B,secondTokenAmount:_,refetchTrigger:Ce,showHistory:be,forcedDestinationTokenSymbol:ve,onSuccessfullySentTransaction:d,onFailedSentTransaction:q,onHistoryClose:y,onMvxConnect:J,onMvxDisconnect:Ie,onNavigate:Ae,onChangeDirection:Be})=>{var ce,le;const ye=i.useRef(null),[O,Ne]=i.useState(!1),[Me,Ee]=i.useState(1),[R,Z]=i.useState(0),[T,ee]=i.useState([]),we=pt.useAccount(),{switchNetwork:te}=lt.useAppKitNetwork(),ie=bt.useInvalidateHistoryQuery(),{options:se,supportedChains:f,nativeAuthToken:V,bridgeOnly:De}=me.useWeb3App(),F=_t.useGetChainId(),re=xt.useBridgeApiChainId(),ne=ft.useSendTransactions(),{signMvxTransactions:L,resetMvxTransactionHash:S,latestMvxTransactionHash:U}=me.useWeb3App(),{evmTokensWithBalances:ke,mvxTokensWithBalances:Oe,isTokensLoading:Re,isLoadingEvmTokensBalances:Ve,isLoadingMvxTokensBalances:Fe,chains:j=[],isChainsLoading:Le}=gt.useFetchBridgeData({refetchTrigger:Ce,mvxAddress:a,mvxApiURL:se.mvxApiURL}),G=Re||Ve||Fe||Le,Se=i.useMemo(()=>f.find(t=>D.sameBridgeApiChainId(t.id,F)),[F,f]),h=i.useMemo(()=>j.find(t=>t.chainId.toString()===A.toString()),[F,j]),{mutate:Ue,data:o,isPending:C,error:p}=vt.useGetRateMutation(),b=((ce=p==null?void 0:p.response)==null?void 0:ce.status)===400?(le=p==null?void 0:p.response)==null?void 0:le.data.message:void 0,Ge=i.useCallback(t=>{const x=f.find(at=>D.sameBridgeApiChainId(at.id,t.id));x&&te(x)},[f,te]),{firstToken:s,secondToken:r,fromOptions:He,toOptions:We,selectedChainOption:v,onChangeFirstSelect:Pe,onChangeSecondSelect:Qe,handleChangeDirection:Xe}=dt.useBridgeTokenSelection({chains:j,activeChain:Se,sdkChains:f,switchNetwork:Ge,fromTokens:Oe,toTokens:ke,firstTokenIdentifier:fe,secondTokenIdentifier:je,forcedDestinationTokenSymbol:ve,isTokensLoading:G,mvxChainId:A,callbackRoute:_e,onNavigate:Ae}),$e=()=>{Xe(),Be()},[c,ze]=i.useState(B??""),[N,M]=i.useState(_??""),Ke=i.useMemo(()=>s?de.MVX_CHAIN_IDS.includes(s.chainId.toString()):!1,[s==null?void 0:s.chainId]),Ye=i.useMemo(()=>r?de.MVX_CHAIN_IDS.includes(r.chainId.toString()):!1,[r==null?void 0:r.chainId]),n=i.useMemo(()=>r?j.find(t=>D.sameBridgeApiChainId(t.chainId,r.chainId))??v:v,[r==null?void 0:r.chainId,j,v]),E=i.useMemo(()=>D.toBridgeApiChainId(r==null?void 0:r.chainId)??re,[r==null?void 0:r.chainId,re]);jt.useDisconnectOnChainTypeChange(n==null?void 0:n.chainType);const l=Ct.useNamespaceAddress(n==null?void 0:n.chainType),Je=l,oe=we.isConnected&&!!l,H=c!==""&&N!=="",W=i.useCallback(ut(async t=>{!t||!Number(t)||!l||!(s!=null&&s.address)||!(r!=null&&r.address)||!v||!E||Ue({nativeAuthToken:V??"",body:{tokenIn:s.address,amountIn:t,fromChainId:A,tokenOut:r.address,toChainId:E}})},500),[l,E,s==null?void 0:s.address,r==null?void 0:r.address,v]),u=i.useCallback(t=>{ze(()=>t)},[]),g=i.useCallback(t=>{M(()=>t)},[]),Ze=i.useCallback(()=>{y==null||y()},[y]),Te=i.useCallback(()=>{const t=ct.formatAmount({decimals:s==null?void 0:s.decimals,input:(s==null?void 0:s.balance)??"0",addCommas:!1,digits:4});m.setFieldValue("firstAmount",t),u(t)},[s==null?void 0:s.balance,s==null?void 0:s.decimals,u]),et=i.useCallback(async t=>{u(""),g(""),ie(),ie(),d==null||d(t)},[u,g,d]),tt=i.useCallback(async({transactions:t})=>{Z(()=>t.length);try{if(!L)throw new Error("signMvxTransactions function is not provided");await L(t),ee(t)}catch(x){console.error(x),ue.toast.dismiss(),ue.toast.error("Transaction cancelled"),q==null||q("Transaction cancelled"),Z(0),st(),u(""),g("")}},[Je,u,g,V,et,L]),{formik:m,firstAmountError:P,secondAmountError:Q,fromChainError:X,senderAddressError:$,receiverAddressError:z,confirmRateError:K,handleBlur:w,handleChange:ae,handleSubmit:it,resetSwapForm:st}=I.useBridgeFormik({isMvxConnected:!!a,rate:o,sender:a??"",receiver:l??"",firstToken:s,firstAmount:c,fromChainId:A,toChainId:E,secondToken:r,secondAmount:N,setForceRefetchRate:Ee,senderChainType:qt.ChainType.mvx,receiverChainType:n==null?void 0:n.chainType,onSubmit:tt}),rt=!!(P||Q||X||b||$||z||K),nt=i.useMemo(()=>c!==""?b??P:void 0,[P,c,b]),ot=i.useMemo(()=>N!==""?X??Q:void 0,[X,Q,N]);return i.useEffect(()=>(c||M(""),W(c),k&&clearInterval(k),k=setInterval(()=>{W(c)},50*1e3),()=>clearInterval(k)),[c,Me,W]),i.useEffect(()=>{o!=null&&o.amountOut&&(m.setFieldValue(I.BridgeFormikValuesEnum.secondAmount,o.amountOut),M(o.amountOut))},[o==null?void 0:o.amountOut]),i.useEffect(()=>{b&&(m.setFieldValue(I.BridgeFormikValuesEnum.secondAmount,"0"),M("0"))},[b]),i.useEffect(()=>{B&&(m.setFieldValue(I.BridgeFormikValuesEnum.firstAmount,B),u(B))},[]),i.useEffect(()=>{_&&(m.setFieldValue(I.BridgeFormikValuesEnum.secondAmount,_),g(_))},[_]),i.useEffect(()=>{if(U)try{const t=U;ne({transactions:T.map(x=>({...x,txHash:t,receiver:l})),provider:(o==null?void 0:o.provider)??ht.ProviderType.None,url:mt.getApiURL()??"",token:V??""}),d==null||d([t])}catch(t){console.error("Error while sending transactions:",t),q==null||q("An error occurred while sending the transaction");return}finally{S==null||S(),ee([])}},[U,T,o==null?void 0:o.provider,ne]),e.jsx(e.Fragment,{children:e.jsxs("form",{ref:ye,noValidate:!0,className:"liq-flex liq-flex-col liq-gap-1 liq-relative",autoComplete:"off",onSubmit:it,children:[be&&e.jsx(At.BridgeHistory,{mvxAddress:a,onClose:Ze}),e.jsxs(he.AmountCard,{className:qe.mxClsx("liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",{"liq-pointer-events-none":O,"focus-within:liq-outline-neutral-700/75 hover:liq-outline-neutral-700/55 hover:focus-within:liq-outline-neutral-700/80":!O}),children:[e.jsxs("div",{className:"liq-flex liq-items-center liq-gap-1",children:[e.jsx("span",{children:"From"}),e.jsx(Mt.MvxAccountDisplay,{accountAddress:a,chainIcon:Y.safeImageUrl(h==null?void 0:h.pngUrl),username:xe,accountExplorerUrl:`${se.mvxExplorerAddress}/accounts/${a}`,showTag:!0,onDisconnect:Ie,onConnect:J})]}),$&&e.jsx("div",{className:"liq-text-red-400 liq-text-xs liq-mt-1",children:$}),e.jsxs("div",{className:"liq-flex liq-justify-between liq-gap-1",children:[e.jsx(pe.AmountInput,{inputName:"firstAmount",inputValue:m.values.firstAmount,amountError:nt,disabled:!1,onInputDebounceChange:u,onInputChange:ae,onBlur:w}),e.jsx(ge.TokenSelector,{name:"firstToken",disabled:C,options:He,areOptionsLoading:G,isMvxSelector:Ke,isDestination:!1,color:"neutral-850",onChange:Pe,onBlur:w,onMaxBtnClick:Te,selectedOption:s,onTokenSelectorDisplay:t=>Ne(t)})]})]}),e.jsx("div",{className:"liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10",children:De&&e.jsx(Et.ToggleDirection,{onChangeDirection:$e})}),e.jsxs(he.AmountCard,{className:qe.mxClsx("liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",{"liq-pointer-events-none":O}),children:[e.jsxs("div",{className:"liq-flex liq-items-center liq-gap-1",children:[e.jsx("span",{children:"To"}),e.jsx(Nt.BridgeAccountDisplay,{disabled:C,activeChain:n})]}),z&&e.jsx("div",{className:"liq-text-red-400 liq-text-xs liq-mt-1",children:z}),K&&e.jsx("div",{className:"liq-text-red-400 liq-text-xs liq-mt-1",children:K}),e.jsxs("div",{className:"liq-flex liq-justify-between liq-gap-1",children:[e.jsx(pe.AmountInput,{inputName:"secondAmount",inputValue:m.values.secondAmount,amountError:ot,disabled:!1,onInputDebounceChange:g,onInputChange:ae,onBlur:w}),e.jsx(ge.TokenSelector,{name:"secondToken",disabled:C,omitDisableClass:!0,options:We,areOptionsLoading:G,isMvxSelector:Ye,color:"neutral-850",onChange:Qe,onBlur:w,selectedOption:r})]})]}),e.jsxs("div",{className:"liq-flex liq-items-center liq-justify-center",children:[!a&&e.jsx(yt.MvxConnectButton,{mvxAccountAddress:a,icon:Y.safeImageUrl(h==null?void 0:h.pngUrl),onClick:J}),a&&!oe&&e.jsx(Bt.BridgeConnectButton,{className:"liq-w-full liq-rounded-xl liq-bg-neutral-850/50 liq-px-8 liq-py-3 liq-font-semibold liq-text-primary-200 liq-transition-colors liq-duration-200 hover:enabled:liq-bg-primary-700/80 disabled:liq-opacity-50",disabled:C,activeChain:n}),a&&oe&&e.jsxs(It.MxButton,{"data-testid":"submit-button",type:"submit",variant:"neutral-850",className:"liq-w-full disabled:liq-bg-neutral-850/50 liq-py-3 hover:enabled:liq-bg-primary !liq-text-primary-200",disabled:!H||C||!a||!l||rt,children:[H&&e.jsxs("div",{className:"liq-flex liq-justify-center liq-items-center liq-gap-2",children:[e.jsx("div",{children:"Transfer to "}),e.jsx("img",{src:Y.safeImageUrl(n==null?void 0:n.pngUrl),alt:"",className:"liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"}),e.jsx("div",{children:n==null?void 0:n.networkName})]}),!H&&e.jsx("span",{className:"liq-text-neutral-100",children:"Enter amount"})]})]}),l&&R>0&&e.jsx("div",{className:"liq-flex liq-items-center liq-justify-center liq-text-neutral-300 liq-text-sm",children:e.jsxs("div",{children:["You will be asked to sign ",R," ",R>1?"transactions":"transaction"," ","on your wallet"]})})]})})};exports.Transfer=wt;
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),ct=require("@multiversx/sdk-dapp-utils/out/helpers/formatAmount"),lt=require("@reown/appkit/react"),ut=require("lodash/debounce"),i=require("react"),ue=require("react-toastify"),dt=require("./hooks/useBridgeTokenSelection.js"),de=require("../../../constants/index.js"),mt=require("../../../helpers/getApiURL.js");require("../../constants/index.js");const Y=require("../../../helpers/safeImageUrl.js");require("@solana/web3.js");require("bitcoinjs-lib");require("viem");const qt=require("../../../types/chainType.js"),ht=require("../../../types/providerType.js"),me=require("../../context/useWeb3App.js"),k=require("../../helpers/resolveBridgeApiChainId.js");require("yup");require("@multiversx/sdk-dapp-utils/out/helpers/parseAmount");require("bignumber.js");const pt=require("../../hooks/useAccount.js");require("axios");const I=require("../../hooks/useBridgeFormik.js"),gt=require("../../hooks/useFetchBridgeData.js"),xt=require("../../hooks/useBridgeApiChainId.js");require("@tanstack/react-query");const _t=require("../../hooks/useGetChainId.js"),ft=require("../../hooks/useSendTransactions.js");require("@reown/appkit-adapter-solana/react");require("wagmi");require("@reown/appkit-controllers");const jt=require("../../hooks/useDisconnectOnChainTypeChange.js"),Ct=require("../../hooks/useNamespaceAddress.js"),bt=require("../../queries/useGetHistory.query.js"),vt=require("../../queries/useGetRate.mutation.js"),qe=require("../../utils/mxClsx.js"),he=require("../AmountCard/AmountCard.js"),pe=require("../AmountInput/AmountInput.js"),It=require("../base/MxButton/MxButton.js");require("../base/MxCard/MxCard.js");require("../base/MxLink/MxLink.js");require("../base/MxSearch/MxSearch.js");require("@fortawesome/free-solid-svg-icons/faClose");require("@fortawesome/react-fontawesome");require("@headlessui/react");require("react-dom");require("react-popper");require("../base/MxTooltip/components/TooltipContainer/TooltipContainer.js");const At=require("../BridgeHistory/BridgeHistory.js"),Bt=require("../Connect/BridgeConnectButton.js"),yt=require("../Connect/MvxConnectButton.js"),Nt=require("../Connect/BridgeAccountDisplay.js"),Mt=require("../Connect/MvxAccountDisplay.js"),Et=require("../ToggleDirection/ToggleDirection.js"),ge=require("../TokenSelector/TokenSelector.js");let O;const wt=({mvxChainId:A,mvxAddress:a,username:xe,callbackRoute:_e="/",firstTokenIdentifier:fe,secondTokenIdentifier:je,firstTokenAmount:B,secondTokenAmount:_,refetchTrigger:Ce,showHistory:be,forcedDestinationTokenSymbol:ve,onSuccessfullySentTransaction:d,onFailedSentTransaction:q,onHistoryClose:y,onMvxConnect:J,onMvxDisconnect:Ie,onNavigate:Ae,onChangeDirection:Be})=>{var ce,le;const ye=i.useRef(null),[R,Ne]=i.useState(!1),[Me,Ee]=i.useState(1),[V,Z]=i.useState(0),[T,ee]=i.useState([]),we=pt.useAccount(),{switchNetwork:te}=lt.useAppKitNetwork(),ie=bt.useInvalidateHistoryQuery(),{options:se,supportedChains:f,nativeAuthToken:N,bridgeOnly:De}=me.useWeb3App(),F=_t.useGetChainId(),re=xt.useBridgeApiChainId(),ne=ft.useSendTransactions(),{signMvxTransactions:L,resetMvxTransactionHash:S,latestMvxTransactionHash:U}=me.useWeb3App(),{evmTokensWithBalances:ke,mvxTokensWithBalances:Oe,isTokensLoading:Re,isLoadingEvmTokensBalances:Ve,isLoadingMvxTokensBalances:Fe,chains:j=[],isChainsLoading:Le}=gt.useFetchBridgeData({refetchTrigger:Ce,mvxAddress:a,mvxApiURL:se.mvxApiURL}),G=Re||Ve||Fe||Le,Se=i.useMemo(()=>f.find(t=>k.sameBridgeApiChainId(t.id,F)),[F,f]),h=i.useMemo(()=>j.find(t=>t.chainId.toString()===A.toString()),[F,j]),{mutate:Ue,data:o,isPending:C,error:p}=vt.useGetRateMutation(),b=((ce=p==null?void 0:p.response)==null?void 0:ce.status)===400?(le=p==null?void 0:p.response)==null?void 0:le.data.message:void 0,Ge=i.useCallback(t=>{const x=f.find(at=>k.sameBridgeApiChainId(at.id,t.id));x&&te(x)},[f,te]),{firstToken:s,secondToken:r,fromOptions:He,toOptions:We,selectedChainOption:v,onChangeFirstSelect:Pe,onChangeSecondSelect:Qe,handleChangeDirection:Xe}=dt.useBridgeTokenSelection({chains:j,activeChain:Se,sdkChains:f,switchNetwork:Ge,fromTokens:Oe,toTokens:ke,firstTokenIdentifier:fe,secondTokenIdentifier:je,forcedDestinationTokenSymbol:ve,isTokensLoading:G,mvxChainId:A,callbackRoute:_e,onNavigate:Ae}),$e=()=>{Xe(),Be()},[l,ze]=i.useState(B??""),[M,E]=i.useState(_??""),Ke=i.useMemo(()=>s?de.MVX_CHAIN_IDS.includes(s.chainId.toString()):!1,[s==null?void 0:s.chainId]),Ye=i.useMemo(()=>r?de.MVX_CHAIN_IDS.includes(r.chainId.toString()):!1,[r==null?void 0:r.chainId]),n=i.useMemo(()=>r?j.find(t=>k.sameBridgeApiChainId(t.chainId,r.chainId))??v:v,[r==null?void 0:r.chainId,j,v]),w=i.useMemo(()=>k.toBridgeApiChainId(r==null?void 0:r.chainId)??re,[r==null?void 0:r.chainId,re]);jt.useDisconnectOnChainTypeChange(n==null?void 0:n.chainType);const c=Ct.useNamespaceAddress(n==null?void 0:n.chainType),Je=c,oe=we.isConnected&&!!c,H=l!==""&&M!=="",W=i.useCallback(ut(async t=>{!t||!Number(t)||!c||!(s!=null&&s.address)||!(r!=null&&r.address)||!v||!w||Ue({nativeAuthToken:N??"",body:{tokenIn:s.address,amountIn:t,fromChainId:A,tokenOut:r.address,toChainId:w}})},500),[c,w,s==null?void 0:s.address,r==null?void 0:r.address,v]),u=i.useCallback(t=>{ze(()=>t)},[]),g=i.useCallback(t=>{E(()=>t)},[]),Ze=i.useCallback(()=>{y==null||y()},[y]),Te=i.useCallback(()=>{const t=ct.formatAmount({decimals:s==null?void 0:s.decimals,input:(s==null?void 0:s.balance)??"0",addCommas:!1,digits:4});m.setFieldValue("firstAmount",t),u(t)},[s==null?void 0:s.balance,s==null?void 0:s.decimals,u]),et=i.useCallback(async t=>{u(""),g(""),ie(),ie(),d==null||d(t)},[u,g,d]),tt=i.useCallback(async({transactions:t})=>{Z(()=>t.length);try{if(!L)throw new Error("signMvxTransactions function is not provided");await L(t),ee(t)}catch(x){console.error(x),ue.toast.dismiss(),ue.toast.error("Transaction cancelled"),q==null||q("Transaction cancelled"),Z(0),st(),u(""),g("")}},[Je,u,g,N,et,L]),{formik:m,firstAmountError:P,secondAmountError:Q,fromChainError:X,senderAddressError:$,receiverAddressError:z,confirmRateError:K,handleBlur:D,handleChange:ae,handleSubmit:it,resetSwapForm:st}=I.useBridgeFormik({isMvxConnected:!!a,rate:o,sender:a??"",receiver:c??"",firstToken:s,firstAmount:l,fromChainId:A,toChainId:w,secondToken:r,secondAmount:M,setForceRefetchRate:Ee,senderChainType:qt.ChainType.mvx,receiverChainType:n==null?void 0:n.chainType,onSubmit:tt}),rt=!!(P||Q||X||b||$||z||K),nt=i.useMemo(()=>l!==""?b??P:void 0,[P,l,b]),ot=i.useMemo(()=>M!==""?X??Q:void 0,[X,Q,M]);return i.useEffect(()=>(l||E(""),W(l),O&&clearInterval(O),O=setInterval(()=>{W(l)},50*1e3),()=>clearInterval(O)),[l,Me,W]),i.useEffect(()=>{o!=null&&o.amountOut&&(m.setFieldValue(I.BridgeFormikValuesEnum.secondAmount,o.amountOut),E(o.amountOut))},[o==null?void 0:o.amountOut]),i.useEffect(()=>{b&&(m.setFieldValue(I.BridgeFormikValuesEnum.secondAmount,"0"),E("0"))},[b]),i.useEffect(()=>{B&&(m.setFieldValue(I.BridgeFormikValuesEnum.firstAmount,B),u(B))},[]),i.useEffect(()=>{_&&(m.setFieldValue(I.BridgeFormikValuesEnum.secondAmount,_),g(_))},[_]),i.useEffect(()=>{if(U)try{const t=U;ne({transactions:T.map(x=>({...x,txHash:t,receiver:c})),provider:(o==null?void 0:o.provider)??ht.ProviderType.None,url:mt.getApiURL()??"",token:N??""}),d==null||d([t])}catch(t){console.error("Error while sending transactions:",t),q==null||q("An error occurred while sending the transaction");return}finally{S==null||S(),ee([])}},[U,T,c,N,o==null?void 0:o.provider,ne]),e.jsx(e.Fragment,{children:e.jsxs("form",{ref:ye,noValidate:!0,className:"liq-flex liq-flex-col liq-gap-1 liq-relative",autoComplete:"off",onSubmit:it,children:[be&&e.jsx(At.BridgeHistory,{mvxAddress:a,onClose:Ze}),e.jsxs(he.AmountCard,{className:qe.mxClsx("liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",{"liq-pointer-events-none":R,"focus-within:liq-outline-neutral-700/75 hover:liq-outline-neutral-700/55 hover:focus-within:liq-outline-neutral-700/80":!R}),children:[e.jsxs("div",{className:"liq-flex liq-items-center liq-gap-1",children:[e.jsx("span",{children:"From"}),e.jsx(Mt.MvxAccountDisplay,{accountAddress:a,chainIcon:Y.safeImageUrl(h==null?void 0:h.pngUrl),username:xe,accountExplorerUrl:`${se.mvxExplorerAddress}/accounts/${a}`,showTag:!0,onDisconnect:Ie,onConnect:J})]}),$&&e.jsx("div",{className:"liq-text-red-400 liq-text-xs liq-mt-1",children:$}),e.jsxs("div",{className:"liq-flex liq-justify-between liq-gap-1",children:[e.jsx(pe.AmountInput,{inputName:"firstAmount",inputValue:m.values.firstAmount,amountError:nt,disabled:!1,onInputDebounceChange:u,onInputChange:ae,onBlur:D}),e.jsx(ge.TokenSelector,{name:"firstToken",disabled:C,options:He,areOptionsLoading:G,isMvxSelector:Ke,isDestination:!1,color:"neutral-850",onChange:Pe,onBlur:D,onMaxBtnClick:Te,selectedOption:s,onTokenSelectorDisplay:t=>Ne(t)})]})]}),e.jsx("div",{className:"liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10",children:De&&e.jsx(Et.ToggleDirection,{onChangeDirection:$e})}),e.jsxs(he.AmountCard,{className:qe.mxClsx("liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",{"liq-pointer-events-none":R}),children:[e.jsxs("div",{className:"liq-flex liq-items-center liq-gap-1",children:[e.jsx("span",{children:"To"}),e.jsx(Nt.BridgeAccountDisplay,{disabled:C,activeChain:n})]}),z&&e.jsx("div",{className:"liq-text-red-400 liq-text-xs liq-mt-1",children:z}),K&&e.jsx("div",{className:"liq-text-red-400 liq-text-xs liq-mt-1",children:K}),e.jsxs("div",{className:"liq-flex liq-justify-between liq-gap-1",children:[e.jsx(pe.AmountInput,{inputName:"secondAmount",inputValue:m.values.secondAmount,amountError:ot,disabled:!1,onInputDebounceChange:g,onInputChange:ae,onBlur:D}),e.jsx(ge.TokenSelector,{name:"secondToken",disabled:C,omitDisableClass:!0,options:We,areOptionsLoading:G,isMvxSelector:Ye,color:"neutral-850",onChange:Qe,onBlur:D,selectedOption:r})]})]}),e.jsxs("div",{className:"liq-flex liq-items-center liq-justify-center",children:[!a&&e.jsx(yt.MvxConnectButton,{mvxAccountAddress:a,icon:Y.safeImageUrl(h==null?void 0:h.pngUrl),onClick:J}),a&&!oe&&e.jsx(Bt.BridgeConnectButton,{className:"liq-w-full liq-rounded-xl liq-bg-neutral-850/50 liq-px-8 liq-py-3 liq-font-semibold liq-text-primary-200 liq-transition-colors liq-duration-200 hover:enabled:liq-bg-primary-700/80 disabled:liq-opacity-50",disabled:C,activeChain:n}),a&&oe&&e.jsxs(It.MxButton,{"data-testid":"submit-button",type:"submit",variant:"neutral-850",className:"liq-w-full disabled:liq-bg-neutral-850/50 liq-py-3 hover:enabled:liq-bg-primary !liq-text-primary-200",disabled:!H||C||!a||!c||rt,children:[H&&e.jsxs("div",{className:"liq-flex liq-justify-center liq-items-center liq-gap-2",children:[e.jsx("div",{children:"Transfer to "}),e.jsx("img",{src:Y.safeImageUrl(n==null?void 0:n.pngUrl),alt:"",className:"liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"}),e.jsx("div",{children:n==null?void 0:n.networkName})]}),!H&&e.jsx("span",{className:"liq-text-neutral-100",children:"Enter amount"})]})]}),c&&V>0&&e.jsx("div",{className:"liq-flex liq-items-center liq-justify-center liq-text-neutral-300 liq-text-sm",children:e.jsxs("div",{children:["You will be asked to sign ",V," ",V>1?"transactions":"transaction"," ","on your wallet"]})})]})})};exports.Transfer=wt;
|
|
@@ -21,7 +21,7 @@ import "@multiversx/sdk-dapp-utils/out/helpers/parseAmount";
|
|
|
21
21
|
import "bignumber.js";
|
|
22
22
|
import { useAccount as xi } from "../../hooks/useAccount.mjs";
|
|
23
23
|
import "axios";
|
|
24
|
-
import { useBridgeFormik as Ai, BridgeFormikValuesEnum as
|
|
24
|
+
import { useBridgeFormik as Ai, BridgeFormikValuesEnum as U } from "../../hooks/useBridgeFormik.mjs";
|
|
25
25
|
import { useFetchBridgeData as Ni } from "../../hooks/useFetchBridgeData.mjs";
|
|
26
26
|
import { useBridgeApiChainId as Bi } from "../../hooks/useBridgeApiChainId.mjs";
|
|
27
27
|
import "@tanstack/react-query";
|
|
@@ -54,7 +54,7 @@ import { BridgeAccountDisplay as Ui } from "../Connect/BridgeAccountDisplay.mjs"
|
|
|
54
54
|
import { MvxAccountDisplay as ji } from "../Connect/MvxAccountDisplay.mjs";
|
|
55
55
|
import { ToggleDirection as Pi } from "../ToggleDirection/ToggleDirection.mjs";
|
|
56
56
|
import { TokenSelector as Ce } from "../TokenSelector/TokenSelector.mjs";
|
|
57
|
-
let
|
|
57
|
+
let j;
|
|
58
58
|
const Qt = ({
|
|
59
59
|
mvxChainId: D,
|
|
60
60
|
mvxAddress: a,
|
|
@@ -76,10 +76,10 @@ const Qt = ({
|
|
|
76
76
|
onChangeDirection: Oe
|
|
77
77
|
}) => {
|
|
78
78
|
var pe, ue;
|
|
79
|
-
const Me = gi(null), [
|
|
79
|
+
const Me = gi(null), [P, Re] = C(!1), [Ve, Le] = C(1), [W, te] = C(0), [re, oe] = C([]), Fe = xi(), { switchNetwork: ne } = hi(), ae = Oi(), {
|
|
80
80
|
options: le,
|
|
81
81
|
supportedChains: A,
|
|
82
|
-
nativeAuthToken:
|
|
82
|
+
nativeAuthToken: M,
|
|
83
83
|
bridgeOnly: Ue
|
|
84
84
|
} = ge(), G = wi(), se = Bi(), ce = yi(), {
|
|
85
85
|
signMvxTransactions: Q,
|
|
@@ -137,29 +137,29 @@ const Qt = ({
|
|
|
137
137
|
onNavigate: Ee
|
|
138
138
|
}), Se = () => {
|
|
139
139
|
Ze(), Oe();
|
|
140
|
-
}, [
|
|
140
|
+
}, [c, ke] = C(E ?? ""), [R, V] = C(x ?? ""), Te = d(() => i ? fe.includes(i.chainId.toString()) : !1, [i == null ? void 0 : i.chainId]), ei = d(() => t ? fe.includes(t.chainId.toString()) : !1, [t == null ? void 0 : t.chainId]), o = d(() => t ? N.find(
|
|
141
141
|
(e) => ee(e.chainId, t.chainId)
|
|
142
|
-
) ?? y : y, [t == null ? void 0 : t.chainId, N, y]),
|
|
142
|
+
) ?? y : y, [t == null ? void 0 : t.chainId, N, y]), L = d(
|
|
143
143
|
() => Ii(t == null ? void 0 : t.chainId) ?? se,
|
|
144
144
|
[t == null ? void 0 : t.chainId, se]
|
|
145
145
|
);
|
|
146
146
|
Di(o == null ? void 0 : o.chainType);
|
|
147
|
-
const
|
|
147
|
+
const s = Ei(o == null ? void 0 : o.chainType), ii = s, me = Fe.isConnected && !!s, H = c !== "" && R !== "", K = p(
|
|
148
148
|
fi(async (e) => {
|
|
149
|
-
!e || !Number(e) || !
|
|
150
|
-
nativeAuthToken:
|
|
149
|
+
!e || !Number(e) || !s || !(i != null && i.address) || !(t != null && t.address) || !y || !L || ze({
|
|
150
|
+
nativeAuthToken: M ?? "",
|
|
151
151
|
body: {
|
|
152
152
|
tokenIn: i.address,
|
|
153
153
|
amountIn: e,
|
|
154
154
|
fromChainId: D,
|
|
155
155
|
tokenOut: t.address,
|
|
156
|
-
toChainId:
|
|
156
|
+
toChainId: L
|
|
157
157
|
}
|
|
158
158
|
});
|
|
159
159
|
}, 500),
|
|
160
160
|
[
|
|
161
|
-
|
|
162
|
-
|
|
161
|
+
s,
|
|
162
|
+
L,
|
|
163
163
|
i == null ? void 0 : i.address,
|
|
164
164
|
t == null ? void 0 : t.address,
|
|
165
165
|
y
|
|
@@ -167,7 +167,7 @@ const Qt = ({
|
|
|
167
167
|
), m = p((e) => {
|
|
168
168
|
ke(() => e);
|
|
169
169
|
}, []), v = p((e) => {
|
|
170
|
-
|
|
170
|
+
V(() => e);
|
|
171
171
|
}, []), ti = p(() => {
|
|
172
172
|
O == null || O();
|
|
173
173
|
}, [O]), ri = p(() => {
|
|
@@ -202,7 +202,7 @@ const Qt = ({
|
|
|
202
202
|
ii,
|
|
203
203
|
m,
|
|
204
204
|
v,
|
|
205
|
-
|
|
205
|
+
M,
|
|
206
206
|
oi,
|
|
207
207
|
Q
|
|
208
208
|
]
|
|
@@ -214,7 +214,7 @@ const Qt = ({
|
|
|
214
214
|
senderAddressError: Z,
|
|
215
215
|
receiverAddressError: S,
|
|
216
216
|
confirmRateError: k,
|
|
217
|
-
handleBlur:
|
|
217
|
+
handleBlur: F,
|
|
218
218
|
handleChange: de,
|
|
219
219
|
handleSubmit: ai,
|
|
220
220
|
resetSwapForm: li
|
|
@@ -222,32 +222,32 @@ const Qt = ({
|
|
|
222
222
|
isMvxConnected: !!a,
|
|
223
223
|
rate: n,
|
|
224
224
|
sender: a ?? "",
|
|
225
|
-
receiver:
|
|
225
|
+
receiver: s ?? "",
|
|
226
226
|
firstToken: i,
|
|
227
|
-
firstAmount:
|
|
227
|
+
firstAmount: c,
|
|
228
228
|
fromChainId: D,
|
|
229
|
-
toChainId:
|
|
229
|
+
toChainId: L,
|
|
230
230
|
secondToken: t,
|
|
231
|
-
secondAmount:
|
|
231
|
+
secondAmount: R,
|
|
232
232
|
setForceRefetchRate: Le,
|
|
233
233
|
senderChainType: bi.mvx,
|
|
234
234
|
receiverChainType: o == null ? void 0 : o.chainType,
|
|
235
235
|
onSubmit: ni
|
|
236
|
-
}), si = !!(X || Y || J || w || Z || S || k), ci = d(() =>
|
|
237
|
-
return I(() => (
|
|
238
|
-
K(
|
|
239
|
-
}, 50 * 1e3), () => clearInterval(
|
|
240
|
-
n != null && n.amountOut && (h.setFieldValue(
|
|
236
|
+
}), si = !!(X || Y || J || w || Z || S || k), ci = d(() => c !== "" ? w ?? X : void 0, [X, c, w]), mi = d(() => R !== "" ? J ?? Y : void 0, [J, Y, R]);
|
|
237
|
+
return I(() => (c || V(""), K(c), j && clearInterval(j), j = setInterval(() => {
|
|
238
|
+
K(c);
|
|
239
|
+
}, 50 * 1e3), () => clearInterval(j)), [c, Ve, K]), I(() => {
|
|
240
|
+
n != null && n.amountOut && (h.setFieldValue(U.secondAmount, n.amountOut), V(n.amountOut));
|
|
241
241
|
}, [n == null ? void 0 : n.amountOut]), I(() => {
|
|
242
|
-
w && (h.setFieldValue(
|
|
242
|
+
w && (h.setFieldValue(U.secondAmount, "0"), V("0"));
|
|
243
243
|
}, [w]), I(() => {
|
|
244
244
|
E && (h.setFieldValue(
|
|
245
|
-
|
|
245
|
+
U.firstAmount,
|
|
246
246
|
E
|
|
247
247
|
), m(E));
|
|
248
248
|
}, []), I(() => {
|
|
249
249
|
x && (h.setFieldValue(
|
|
250
|
-
|
|
250
|
+
U.secondAmount,
|
|
251
251
|
x
|
|
252
252
|
), v(x));
|
|
253
253
|
}, [x]), I(() => {
|
|
@@ -258,11 +258,11 @@ const Qt = ({
|
|
|
258
258
|
transactions: re.map((b) => ({
|
|
259
259
|
...b,
|
|
260
260
|
txHash: e,
|
|
261
|
-
receiver:
|
|
261
|
+
receiver: s
|
|
262
262
|
})),
|
|
263
263
|
provider: (n == null ? void 0 : n.provider) ?? Ci.None,
|
|
264
264
|
url: vi() ?? "",
|
|
265
|
-
token:
|
|
265
|
+
token: M ?? ""
|
|
266
266
|
}), u == null || u([e]);
|
|
267
267
|
} catch (e) {
|
|
268
268
|
console.error("Error while sending transactions:", e), f == null || f(
|
|
@@ -275,6 +275,8 @@ const Qt = ({
|
|
|
275
275
|
}, [
|
|
276
276
|
$,
|
|
277
277
|
re,
|
|
278
|
+
s,
|
|
279
|
+
M,
|
|
278
280
|
n == null ? void 0 : n.provider,
|
|
279
281
|
ce
|
|
280
282
|
]), /* @__PURE__ */ r(pi, { children: /* @__PURE__ */ l(
|
|
@@ -293,8 +295,8 @@ const Qt = ({
|
|
|
293
295
|
className: qe(
|
|
294
296
|
"liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",
|
|
295
297
|
{
|
|
296
|
-
"liq-pointer-events-none":
|
|
297
|
-
"focus-within:liq-outline-neutral-700/75 hover:liq-outline-neutral-700/55 hover:focus-within:liq-outline-neutral-700/80": !
|
|
298
|
+
"liq-pointer-events-none": P,
|
|
299
|
+
"focus-within:liq-outline-neutral-700/75 hover:liq-outline-neutral-700/55 hover:focus-within:liq-outline-neutral-700/80": !P
|
|
298
300
|
}
|
|
299
301
|
),
|
|
300
302
|
children: [
|
|
@@ -324,7 +326,7 @@ const Qt = ({
|
|
|
324
326
|
disabled: !1,
|
|
325
327
|
onInputDebounceChange: m,
|
|
326
328
|
onInputChange: de,
|
|
327
|
-
onBlur:
|
|
329
|
+
onBlur: F
|
|
328
330
|
}
|
|
329
331
|
),
|
|
330
332
|
/* @__PURE__ */ r(
|
|
@@ -338,7 +340,7 @@ const Qt = ({
|
|
|
338
340
|
isDestination: !1,
|
|
339
341
|
color: "neutral-850",
|
|
340
342
|
onChange: Ye,
|
|
341
|
-
onBlur:
|
|
343
|
+
onBlur: F,
|
|
342
344
|
onMaxBtnClick: ri,
|
|
343
345
|
selectedOption: i,
|
|
344
346
|
onTokenSelectorDisplay: (e) => Re(e)
|
|
@@ -355,7 +357,7 @@ const Qt = ({
|
|
|
355
357
|
className: qe(
|
|
356
358
|
"liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",
|
|
357
359
|
{
|
|
358
|
-
"liq-pointer-events-none":
|
|
360
|
+
"liq-pointer-events-none": P
|
|
359
361
|
}
|
|
360
362
|
),
|
|
361
363
|
children: [
|
|
@@ -381,7 +383,7 @@ const Qt = ({
|
|
|
381
383
|
disabled: !1,
|
|
382
384
|
onInputDebounceChange: v,
|
|
383
385
|
onInputChange: de,
|
|
384
|
-
onBlur:
|
|
386
|
+
onBlur: F
|
|
385
387
|
}
|
|
386
388
|
),
|
|
387
389
|
/* @__PURE__ */ r(
|
|
@@ -395,7 +397,7 @@ const Qt = ({
|
|
|
395
397
|
isMvxSelector: ei,
|
|
396
398
|
color: "neutral-850",
|
|
397
399
|
onChange: Je,
|
|
398
|
-
onBlur:
|
|
400
|
+
onBlur: F,
|
|
399
401
|
selectedOption: t
|
|
400
402
|
}
|
|
401
403
|
)
|
|
@@ -427,7 +429,7 @@ const Qt = ({
|
|
|
427
429
|
type: "submit",
|
|
428
430
|
variant: "neutral-850",
|
|
429
431
|
className: "liq-w-full disabled:liq-bg-neutral-850/50 liq-py-3 hover:enabled:liq-bg-primary !liq-text-primary-200",
|
|
430
|
-
disabled: !H || B || !a || !
|
|
432
|
+
disabled: !H || B || !a || !s || si,
|
|
431
433
|
children: [
|
|
432
434
|
H && /* @__PURE__ */ l("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
|
|
433
435
|
/* @__PURE__ */ r("div", { children: "Transfer to " }),
|
|
@@ -446,11 +448,11 @@ const Qt = ({
|
|
|
446
448
|
}
|
|
447
449
|
)
|
|
448
450
|
] }),
|
|
449
|
-
|
|
451
|
+
s && W > 0 && /* @__PURE__ */ r("div", { className: "liq-flex liq-items-center liq-justify-center liq-text-neutral-300 liq-text-sm", children: /* @__PURE__ */ l("div", { children: [
|
|
450
452
|
"You will be asked to sign ",
|
|
451
|
-
|
|
453
|
+
W,
|
|
452
454
|
" ",
|
|
453
|
-
|
|
455
|
+
W > 1 ? "transactions" : "transaction",
|
|
454
456
|
" ",
|
|
455
457
|
"on your wallet"
|
|
456
458
|
] }) })
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("@fortawesome/free-solid-svg-icons/faPowerOff"),g=require("@fortawesome/react-fontawesome"),j=require("@reown/appkit/react"),r=require("../../../helpers/getDisplayName.js"),y=require("./SwitchChainButton.js"),n=require("../../../types/chainType.js"),f=require("../../hooks/useAccount.js"),N=require("../../hooks/useNamespaceAddress.js"),b=require("../../hooks/useSuiConnect.js");require("clsx");require("tailwind-merge");require("../base/MxCard/MxCard.js");const _=require("../base/MxLink/MxLink.js");require("../base/MxSearch/MxSearch.js");require("@fortawesome/free-solid-svg-icons/faClose");require("@headlessui/react");require("react");require("react-dom");require("react-popper");require("../base/MxTooltip/components/TooltipContainer/TooltipContainer.js");require("../../constants/index.js");const w=require("../CopyButton/CopyButton.js"),h=require("../TrimAddress/TrimAddress.js"),k=({activeChain:s,disabled:t})=>{var d;const o=f.useAccount(),{disconnect:u}=j.useDisconnect(),l=b.useSuiConnect(),c=N.useNamespaceAddress(s==null?void 0:s.chainType),q=(s==null?void 0:s.chainType)===n.ChainType.sui,i=(s==null?void 0:s.chainType)===n.ChainType.evm||(s==null?void 0:s.chainType)===n.ChainType.sui?c:c??o.address,m=async a=>{try{a.preventDefault(),q?await l.disconnect():await u()}catch(x){console.error("Failed to disconnect:",x)}};return i?e.jsxs(e.Fragment,{children:[e.jsx("img",{src:s==null?void 0:s.pngUrl,alt:"",className:"liq-w-6 liq-h-6 liq-rounded-lg"}),e.jsx("span",{className:"liq-truncate liq-text-gray-400",children:r.getDisplayName(s)}),e.jsx("span",{className:"liq-ml-[-5px]",children:":"}),e.jsx("div",{className:"liq-flex liq-items-center liq-justify-between",children:e.jsxs("div",{className:"liq-flex liq-max-w-[10rem] liq-items-center liq-gap-1",children:[e.jsx(_.MxLink,{to:`${(d=s==null?void 0:s.blockExplorerUrls)==null?void 0:d[0]}/address/${i}`,target:"_blank",showExternalIcon:!1,className:"!liq-relative",children:e.jsx("div",{className:"liq-flex liq-min-w-0 liq-flex-grow liq-overflow-hidden liq-leading-none liq-max-w-[10rem]",children:e.jsx(h.TrimAddress,{address:i,"data-testid":"evm-address"})})}),e.jsx(w.CopyButton,{text:i,className:"liq-text-sm","data-testid":"evm-copy-button"})]})}),e.jsx("div",{className:"liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1",children:e.jsx("button",{className:"focus-primary liq-flex liq-items-center liq-gap-1 liq-rounded-xl liq-px-0 liq-py-2 liq-text-sm liq-font-semibold liq-text-neutral-400 liq-transition-colors liq-duration-200 hover:enabled:liq-text-white disabled:liq-opacity-50",onClick:m,"data-testid":"evm-disconnect-button",children:e.jsx(g.FontAwesomeIcon,{icon:p.faPowerOff})})})]}):q?e.jsxs("div",{className:"liq-flex liq-max-w-full liq-items-center liq-gap-2",children:[e.jsx("button",{disabled:t||l.isConnecting,onClick:()=>l.connect(),className:"liq-rounded-lg liq-font-semibold liq-transition-colors liq-duration-200 disabled:liq-opacity-50 liq-bg-neutral-750 !liq-text-primary-200 hover:enabled:liq-bg-primary liq-px-2",children:e.jsx("div",{className:"liq-flex liq-items-center",children:e.jsxs("div",{className:"liq-flex liq-justify-center liq-items-center liq-gap-2",children:[e.jsx("div",{children:l.isConnecting?"Connecting...":"Connect"}),e.jsx("img",{src:s==null?void 0:s.pngUrl,alt:"",className:"liq-w-4 liq-h-4 liq-rounded-sm"}),e.jsx("div",{className:"liq-truncate md:liq-text-clip",children:r.getDisplayName(s)})]})})}),l.isConnecting&&e.jsx("button",{type:"button",onClick:()=>void l.cancelPendingConnection(),className:"liq-shrink-0 liq-rounded-lg liq-px-2 liq-py-1 liq-text-xs liq-font-medium liq-text-neutral-400 hover:liq-text-white",children:"Cancel"})]}):e.jsx(y.SwitchChainButton,{disabled:t,className:"liq-rounded-lg liq-font-semibold liq-transition-colors liq-duration-200 disabled:liq-opacity-50 liq-bg-neutral-750 !liq-text-primary-200 hover:enabled:liq-bg-primary liq-px-2",children:e.jsx("div",{className:"liq-flex liq-items-center",children:e.jsxs("div",{className:"liq-flex liq-justify-center liq-items-center liq-gap-2",children:[e.jsx("div",{children:o.isConnecting?"Connecting...":"Connect"}),e.jsx("img",{src:s==null?void 0:s.pngUrl,alt:"",className:"liq-w-4 liq-h-4 liq-rounded-sm"}),e.jsx("div",{className:"liq-truncate md:liq-text-clip",children:r.getDisplayName(s)})]})})})};exports.BridgeAccountDisplay=k;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { jsxs as r, Fragment as
|
|
2
|
-
import { faPowerOff as
|
|
3
|
-
import { FontAwesomeIcon as
|
|
4
|
-
import { useDisconnect as
|
|
5
|
-
import { getDisplayName as
|
|
6
|
-
import { SwitchChainButton as
|
|
7
|
-
import { ChainType as
|
|
1
|
+
import { jsxs as r, Fragment as x, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { faPowerOff as g } from "@fortawesome/free-solid-svg-icons/faPowerOff";
|
|
3
|
+
import { FontAwesomeIcon as y } from "@fortawesome/react-fontawesome";
|
|
4
|
+
import { useDisconnect as N } from "@reown/appkit/react";
|
|
5
|
+
import { getDisplayName as t } from "../../../helpers/getDisplayName.mjs";
|
|
6
|
+
import { SwitchChainButton as b } from "./SwitchChainButton.mjs";
|
|
7
|
+
import { ChainType as o } from "../../../types/chainType.mjs";
|
|
8
8
|
import { useAccount as w } from "../../hooks/useAccount.mjs";
|
|
9
|
-
import { useNamespaceAddress as
|
|
10
|
-
import { useSuiConnect as
|
|
9
|
+
import { useNamespaceAddress as k } from "../../hooks/useNamespaceAddress.mjs";
|
|
10
|
+
import { useSuiConnect as A } from "../../hooks/useSuiConnect.mjs";
|
|
11
11
|
import "clsx";
|
|
12
12
|
import "tailwind-merge";
|
|
13
13
|
import "../base/MxCard/MxCard.mjs";
|
|
14
|
-
import { MxLink as
|
|
14
|
+
import { MxLink as T } from "../base/MxLink/MxLink.mjs";
|
|
15
15
|
import "../base/MxSearch/MxSearch.mjs";
|
|
16
16
|
import "@fortawesome/free-solid-svg-icons/faClose";
|
|
17
17
|
import "@headlessui/react";
|
|
@@ -22,86 +22,86 @@ import "../base/MxTooltip/components/TooltipContainer/TooltipContainer.mjs";
|
|
|
22
22
|
import "../../constants/index.mjs";
|
|
23
23
|
import { CopyButton as j } from "../CopyButton/CopyButton.mjs";
|
|
24
24
|
import { TrimAddress as D } from "../TrimAddress/TrimAddress.mjs";
|
|
25
|
-
const
|
|
26
|
-
activeChain:
|
|
27
|
-
disabled:
|
|
25
|
+
const v = ({
|
|
26
|
+
activeChain: l,
|
|
27
|
+
disabled: n
|
|
28
28
|
}) => {
|
|
29
|
-
var
|
|
30
|
-
const
|
|
29
|
+
var q;
|
|
30
|
+
const m = w(), { disconnect: p } = N(), i = A(), d = k(l == null ? void 0 : l.chainType), c = (l == null ? void 0 : l.chainType) === o.sui, s = (l == null ? void 0 : l.chainType) === o.evm || (l == null ? void 0 : l.chainType) === o.sui ? d : d ?? m.address, a = async (u) => {
|
|
31
31
|
try {
|
|
32
|
-
|
|
33
|
-
} catch (
|
|
34
|
-
console.error("Failed to disconnect:",
|
|
32
|
+
u.preventDefault(), c ? await i.disconnect() : await p();
|
|
33
|
+
} catch (f) {
|
|
34
|
+
console.error("Failed to disconnect:", f);
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
|
-
return
|
|
38
|
-
/* @__PURE__ */
|
|
37
|
+
return s ? /* @__PURE__ */ r(x, { children: [
|
|
38
|
+
/* @__PURE__ */ e(
|
|
39
39
|
"img",
|
|
40
40
|
{
|
|
41
|
-
src:
|
|
41
|
+
src: l == null ? void 0 : l.pngUrl,
|
|
42
42
|
alt: "",
|
|
43
43
|
className: "liq-w-6 liq-h-6 liq-rounded-lg"
|
|
44
44
|
}
|
|
45
45
|
),
|
|
46
|
-
/* @__PURE__ */
|
|
47
|
-
/* @__PURE__ */
|
|
48
|
-
/* @__PURE__ */
|
|
49
|
-
/* @__PURE__ */
|
|
50
|
-
|
|
46
|
+
/* @__PURE__ */ e("span", { className: "liq-truncate liq-text-gray-400", children: t(l) }),
|
|
47
|
+
/* @__PURE__ */ e("span", { className: "liq-ml-[-5px]", children: ":" }),
|
|
48
|
+
/* @__PURE__ */ e("div", { className: "liq-flex liq-items-center liq-justify-between", children: /* @__PURE__ */ r("div", { className: "liq-flex liq-max-w-[10rem] liq-items-center liq-gap-1", children: [
|
|
49
|
+
/* @__PURE__ */ e(
|
|
50
|
+
T,
|
|
51
51
|
{
|
|
52
|
-
to: `${(
|
|
52
|
+
to: `${(q = l == null ? void 0 : l.blockExplorerUrls) == null ? void 0 : q[0]}/address/${s}`,
|
|
53
53
|
target: "_blank",
|
|
54
54
|
showExternalIcon: !1,
|
|
55
55
|
className: "!liq-relative",
|
|
56
|
-
children: /* @__PURE__ */
|
|
56
|
+
children: /* @__PURE__ */ e("div", { className: "liq-flex liq-min-w-0 liq-flex-grow liq-overflow-hidden liq-leading-none liq-max-w-[10rem]", children: /* @__PURE__ */ e(
|
|
57
57
|
D,
|
|
58
58
|
{
|
|
59
|
-
address:
|
|
59
|
+
address: s,
|
|
60
60
|
"data-testid": "evm-address"
|
|
61
61
|
}
|
|
62
62
|
) })
|
|
63
63
|
}
|
|
64
64
|
),
|
|
65
|
-
/* @__PURE__ */
|
|
65
|
+
/* @__PURE__ */ e(
|
|
66
66
|
j,
|
|
67
67
|
{
|
|
68
|
-
text:
|
|
68
|
+
text: s,
|
|
69
69
|
className: "liq-text-sm",
|
|
70
70
|
"data-testid": "evm-copy-button"
|
|
71
71
|
}
|
|
72
72
|
)
|
|
73
73
|
] }) }),
|
|
74
|
-
/* @__PURE__ */
|
|
74
|
+
/* @__PURE__ */ e("div", { className: "liq-ml-auto liq-mr-0 liq-flex liq-items-center liq-gap-1", children: /* @__PURE__ */ e(
|
|
75
75
|
"button",
|
|
76
76
|
{
|
|
77
77
|
className: "focus-primary liq-flex liq-items-center liq-gap-1 liq-rounded-xl liq-px-0 liq-py-2 liq-text-sm liq-font-semibold liq-text-neutral-400 liq-transition-colors liq-duration-200 hover:enabled:liq-text-white disabled:liq-opacity-50",
|
|
78
78
|
onClick: a,
|
|
79
79
|
"data-testid": "evm-disconnect-button",
|
|
80
|
-
children: /* @__PURE__ */
|
|
80
|
+
children: /* @__PURE__ */ e(y, { icon: g })
|
|
81
81
|
}
|
|
82
82
|
) })
|
|
83
|
-
] }) :
|
|
84
|
-
/* @__PURE__ */
|
|
83
|
+
] }) : c ? /* @__PURE__ */ r("div", { className: "liq-flex liq-max-w-full liq-items-center liq-gap-2", children: [
|
|
84
|
+
/* @__PURE__ */ e(
|
|
85
85
|
"button",
|
|
86
86
|
{
|
|
87
|
-
disabled:
|
|
87
|
+
disabled: n || i.isConnecting,
|
|
88
88
|
onClick: () => i.connect(),
|
|
89
89
|
className: "liq-rounded-lg liq-font-semibold liq-transition-colors liq-duration-200 disabled:liq-opacity-50 liq-bg-neutral-750 !liq-text-primary-200 hover:enabled:liq-bg-primary liq-px-2",
|
|
90
|
-
children: /* @__PURE__ */
|
|
91
|
-
/* @__PURE__ */
|
|
92
|
-
/* @__PURE__ */
|
|
90
|
+
children: /* @__PURE__ */ e("div", { className: "liq-flex liq-items-center", children: /* @__PURE__ */ r("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
|
|
91
|
+
/* @__PURE__ */ e("div", { children: i.isConnecting ? "Connecting..." : "Connect" }),
|
|
92
|
+
/* @__PURE__ */ e(
|
|
93
93
|
"img",
|
|
94
94
|
{
|
|
95
|
-
src:
|
|
95
|
+
src: l == null ? void 0 : l.pngUrl,
|
|
96
96
|
alt: "",
|
|
97
97
|
className: "liq-w-4 liq-h-4 liq-rounded-sm"
|
|
98
98
|
}
|
|
99
99
|
),
|
|
100
|
-
/* @__PURE__ */
|
|
100
|
+
/* @__PURE__ */ e("div", { className: "liq-truncate md:liq-text-clip", children: t(l) })
|
|
101
101
|
] }) })
|
|
102
102
|
}
|
|
103
103
|
),
|
|
104
|
-
i.isConnecting && /* @__PURE__ */
|
|
104
|
+
i.isConnecting && /* @__PURE__ */ e(
|
|
105
105
|
"button",
|
|
106
106
|
{
|
|
107
107
|
type: "button",
|
|
@@ -110,26 +110,26 @@ const Z = ({
|
|
|
110
110
|
children: "Cancel"
|
|
111
111
|
}
|
|
112
112
|
)
|
|
113
|
-
] }) : /* @__PURE__ */
|
|
114
|
-
|
|
113
|
+
] }) : /* @__PURE__ */ e(
|
|
114
|
+
b,
|
|
115
115
|
{
|
|
116
|
-
disabled:
|
|
116
|
+
disabled: n,
|
|
117
117
|
className: "liq-rounded-lg liq-font-semibold liq-transition-colors liq-duration-200 disabled:liq-opacity-50 liq-bg-neutral-750 !liq-text-primary-200 hover:enabled:liq-bg-primary liq-px-2",
|
|
118
|
-
children: /* @__PURE__ */
|
|
119
|
-
/* @__PURE__ */
|
|
120
|
-
/* @__PURE__ */
|
|
118
|
+
children: /* @__PURE__ */ e("div", { className: "liq-flex liq-items-center", children: /* @__PURE__ */ r("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
|
|
119
|
+
/* @__PURE__ */ e("div", { children: m.isConnecting ? "Connecting..." : "Connect" }),
|
|
120
|
+
/* @__PURE__ */ e(
|
|
121
121
|
"img",
|
|
122
122
|
{
|
|
123
|
-
src:
|
|
123
|
+
src: l == null ? void 0 : l.pngUrl,
|
|
124
124
|
alt: "",
|
|
125
125
|
className: "liq-w-4 liq-h-4 liq-rounded-sm"
|
|
126
126
|
}
|
|
127
127
|
),
|
|
128
|
-
/* @__PURE__ */
|
|
128
|
+
/* @__PURE__ */ e("div", { className: "liq-truncate md:liq-text-clip", children: t(l) })
|
|
129
129
|
] }) })
|
|
130
130
|
}
|
|
131
131
|
);
|
|
132
132
|
};
|
|
133
133
|
export {
|
|
134
|
-
|
|
134
|
+
v as BridgeAccountDisplay
|
|
135
135
|
};
|
package/reactjs/init/init.d.ts
CHANGED
|
@@ -16,6 +16,7 @@ export type InitOptions = {
|
|
|
16
16
|
suiFeaturedWalletIds?: string[];
|
|
17
17
|
expectedSuiAddress?: string;
|
|
18
18
|
disableInjectedDiscoveryInMobileDapp?: boolean;
|
|
19
|
+
disableSuiAutoReconnect?: boolean;
|
|
19
20
|
};
|
|
20
21
|
export declare enum SuiMethods {
|
|
21
22
|
SIGN_TRANSACTION = "sui_signTransaction",
|
package/reactjs/init/init.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@reown/appkit/networks"),
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@reown/appkit/networks"),x=require("@reown/appkit/react"),h=require("@reown/appkit-adapter-wagmi"),N=require("viem/chains"),C=require("./isMobileInjectedDappBrowser.js"),U=require("../../constants/index.js"),k=require("../../store/inMemoryStore.js"),E=require("../adapters/SuiAdapter.js");function _(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const c=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(n,i,c.get?c:{enumerable:!0,get:()=>e[i]})}}return n.default=e,Object.freeze(n)}const y=_(N),j=a.defineChain({id:"mainnet",name:"SUI Mainnet",nativeCurrency:{name:"SUI",symbol:"SUI",decimals:9},rpcUrls:{default:{http:["https://fullnode.mainnet.sui.io:443"]}},blockExplorers:{default:{name:"SUI Explorer",url:"https://explorer.sui.io/"}},chainNamespace:"sui",caipNetworkId:"sui:mainnet"}),D=a.defineChain({id:"testnet",name:"SUI Testnet",nativeCurrency:{name:"SUI",symbol:"SUI",decimals:9},rpcUrls:{default:{http:["https://fullnode.testnet.sui.io:443"]}},blockExplorers:{default:{name:"SUI Explorer",url:"https://explorer.sui.io/?network=testnet"}},chainNamespace:"sui",caipNetworkId:"sui:testnet"}),O=a.defineChain({id:"devnet",name:"SUI Devnet",nativeCurrency:{name:"SUI",symbol:"SUI",decimals:9},rpcUrls:{default:{http:["https://fullnode.devnet.sui.io:443"]}},blockExplorers:{default:{name:"SUI Explorer",url:"https://explorer.sui.io/?network=devnet"}},chainNamespace:"sui",caipNetworkId:"sui:devnet"}),b={mainnet:j,testnet:D,devnet:O};var g=(e=>(e.SIGN_TRANSACTION="sui_signTransaction",e.SIGN_AND_EXECUTE_TRANSACTION="sui_signAndExecuteTransaction",e.SIGN_PERSONAL_MESSAGE="sui_signPersonalMessage",e))(g||{});async function M(e){var m,I,f,S,v;const n=k.InMemoryStore.getInstance();n.setItem("apiURL",e.apiURL),n.setItem("bridgeURL",e.bridgeURL),n.setItem("mvxApiURL",e.mvxApiURL),n.setItem("mvxExplorerAddress",e.mvxExplorerAddress),n.setItem("mvxChainId",e.mvxChainId);const i={...y},c=Object.values(i).filter(t=>e.acceptedChainIDs.includes(t.id.toString())&&!U.MVX_CHAIN_IDS.includes(t.id.toString())).map(t=>t),d=[a.mainnet,a.bsc,a.bscTestnet,...c],o=[...d];if(e.suiEnvironment){const t=b[e.suiEnvironment];o.push(t)}const u=!!e.disableInjectedDiscoveryInMobileDapp&&C.isMobileInjectedDappBrowser(),A=u||!!e.disableSuiAutoReconnect,l=new h.WagmiAdapter({...e.adapterConfig,ssr:e.adapterConfig.ssr??!0,projectId:e.appKitOptions.projectId,networks:d,...u?{multiInjectedProviderDiscovery:!1}:{}}),p=[l];if(e.suiEnvironment){const t=b[e.suiEnvironment],r=t.caipNetworkId??`sui:${t.id}`;p.push(new E.SuiAdapter({explicitCaipChains:[r],expectedSuiAddress:e.expectedSuiAddress}))}const s=x.createAppKit({...e.appKitOptions,adapters:p,networks:[o[0],...o.slice(1)],...u?{enableEIP6963:!1,enableInjected:!1}:{}});if(await s.ready(),e.suiEnvironment&&!A){const t=await s.getUniversalProvider(),r=(I=(m=t==null?void 0:t.session)==null?void 0:m.namespaces)==null?void 0:I.sui;if((f=r==null?void 0:r.accounts)!=null&&f.length&&!s.getCaipAddress("sui")){const w=(S=r.accounts[0])==null?void 0:S.split(":").pop();(!e.expectedSuiAddress||w===e.expectedSuiAddress)&&await((v=s.syncWalletConnectAccount)==null?void 0:v.call(s))}}return{config:l.wagmiConfig,appKit:s,options:e,supportedChains:o,reconnectOnMount:!u}}exports.SuiMethods=g;exports.init=M;
|