@layerswap/widget 0.1.18 → 1.0.0-alpha0.1

package/dist/components/Pages/SwapPages/Withdraw/Wallet/FuelWalletWithdrawal.js

@@ -1,159 +0,0 @@
-// import { FC, useCallback, useEffect, useState } from 'react'
-// import { BackendTransactionStatus } from '../../../../../lib/layerSwapApiClient';
-// import useWallet from '../../../../../hooks/useWallet';
-// import { useSwapTransactionStore } from '../../../../../stores/swapTransactionStore';
-// import WalletIcon from '../../../../Icons/WalletIcon';
-// import { WithdrawPageProps } from './WalletTransferContent';
-// import { ButtonWrapper, ChangeNetworkMessage, ConnectWalletButton } from './WalletTransfer/buttons';
-// import {
-//     useSelectNetwork,
-//     useFuel,
-//     useNetwork,
-// } from '@fuels/react';
-// import { useSwapDataState } from '../../../../../context/swap';
-// import { datadogRum } from '@datadog/browser-rum';
-// import { coinQuantityfy, CoinQuantityLike, Provider, ScriptTransactionRequest } from 'fuels';
-// import TransactionMessages from '../Messages/TransactionMessages';
-// const FuelWalletWithdrawStep: FC<WithdrawPageProps> = ({ network, callData, swapId, amount, depositAddress, sequenceNumber, token }) => {
-//     const [loading, setLoading] = useState(false);
-//     const [buttonClicked, setButtonClicked] = useState(false)
-//     const [error, setError] = useState<string | undefined>()
-//     const { setSwapTransaction } = useSwapTransactionStore()
-//     const { provider } = useWallet(network, 'withdrawal');
-//     const { network: fuelNetwork, refetch: refetchNetwork } = useNetwork()
-//     const networkChainId = Number(network?.chain_id)
-//     const { selectedSourceAccount } = useSwapDataState()
-//     const { fuel } = useFuel()
-//     const activeChainId = fuelNetwork?.chainId || (fuelNetwork?.url.includes('testnet') ? 0 : 9889)
-//     useEffect(() => {
-//         if (provider?.activeWallet && selectedSourceAccount) {
-//             provider?.switchAccount && provider?.switchAccount(selectedSourceAccount?.wallet, selectedSourceAccount?.address)
-//             refetchNetwork()
-//         }
-//     }, [selectedSourceAccount, provider?.activeWallet])
-//     const handleTransfer = useCallback(async () => {
-//         setButtonClicked(true)
-//         setError(undefined)
-//         try {
-//             setLoading(true)
-//             if (!network) throw Error("Network not found")
-//             if (!depositAddress) throw Error("Deposit address not found")
-//             if (!network.metadata.watchdog_contract) throw Error("Watchdog contract not found")
-//             if (!amount) throw Error("Amount not found")
-//             if (!token) throw Error("Token not found")
-//             if (!callData) throw Error("Call data not found")
-//             if (!selectedSourceAccount?.address) throw Error("No selected account")
-//             const fuelProvider = new Provider(network.node_url);
-//             const fuelWallet = await fuel.getWallet(selectedSourceAccount.address, fuelProvider);
-//             if (!fuelWallet) throw Error("Fuel wallet not found")
-//             type FuelPrepareData = {
-//                 script: ScriptTransactionRequest,
-//                 quantities: CoinQuantityLike[]
-//             }
-//             var parsedCallData: FuelPrepareData = JSON.parse(callData);
-//             var scriptTransaction = ScriptTransactionRequest.from(parsedCallData.script);
-//             var quantitiesParsed = parsedCallData.quantities.map(q => coinQuantityfy(q));
-//             await scriptTransaction.estimateAndFund(fuelWallet, {
-//                 quantities: quantitiesParsed
-//             });
-//             await fuelProvider.simulate(scriptTransaction);
-//             const transactionResponse = await fuelWallet.sendTransaction(scriptTransaction);
-//             if (swapId && transactionResponse) setSwapTransaction(swapId, BackendTransactionStatus.Completed, transactionResponse.id)
-//         }
-//         catch (e) {
-//             if (e?.message) {
-//                 setError(e.message)
-//                 if (e.message !== "User rejected the transaction!") {
-//                     const txError = new Error(e.message);
-//                     txError.name = `SwapWithdrawalError`;
-//                     txError.cause = e;
-//                     datadogRum.addError(txError);
-//                 }
-//                 return
-//             }
-//         }
-//         finally {
-//             setLoading(false)
-//         }
-//     }, [swapId, amount, depositAddress, network, selectedSourceAccount, token, sequenceNumber, fuel])
-//     if (!provider?.activeWallet) {
-//         return <ConnectWalletButton />
-//     }
-//     else if (network && activeChainId !== undefined && networkChainId !== activeChainId) {
-//         return <ChangeNetworkButton
-//             onChange={refetchNetwork}
-//             chainId={networkChainId}
-//             network={network.display_name}
-//         />
-//     }
-//     return (
-//         <div className="w-full space-y-3 flex flex-col justify-between h-full text-primary-text">
-//             {
-//                 buttonClicked &&
-//                 <TransactionMessage
-//                     error={error}
-//                     isLoading={loading}
-//                 />
-//             }
-//             {
-//                 !loading &&
-//                 <ButtonWrapper isDisabled={!!loading} isSubmitting={!!loading} onClick={handleTransfer} icon={<WalletIcon className="stroke-2 w-6 h-6" aria-hidden="true" />} >
-//                     Send from wallet
-//                 </ButtonWrapper>
-//             }
-//         </div>
-//     )
-// }
-// const ChangeNetworkButton: FC<{ chainId: number, network: string, onChange: () => void }> = ({ chainId, network, onChange }) => {
-//     const { selectNetworkAsync, error, isPending, isError } = useSelectNetwork();
-//     const clickHandler = useCallback(async () => {
-//         await selectNetworkAsync({ chainId });
-//         onChange();
-//     }, [selectNetworkAsync, chainId])
-//     return <div className="w-full space-y-3 flex flex-col justify-between h-full text-primary-text">
-//         {
-//             <ChangeNetworkMessage
-//                 data={{
-//                     isPending: isPending,
-//                     isError: isError,
-//                     error
-//                 }}
-//                 network={network}
-//             />
-//         }
-//         {
-//             !isPending &&
-//             <ButtonWrapper
-//                 onClick={clickHandler}
-//                 icon={<WalletIcon className="stroke-2 w-6 h-6" />}
-//             >
-//                 {
-//                     error ? <span>Try again</span>
-//                         : <span>Switch network</span>
-//                 }
-//             </ButtonWrapper>
-//         }
-//     </div>
-// }
-// const TransactionMessage: FC<{ isLoading: boolean, error: string | undefined }> = ({ isLoading, error }) => {
-//     if (isLoading) {
-//         return <TransactionMessages.ConfirmTransactionMessage />
-//     }
-//     else if (error === "The account(s) sending the transaction don't have enough funds to cover the transaction." 
-//         || error === "the target cannot be met due to no coins available or exceeding the 255 coin limit."
-//     ) {
-//         return <TransactionMessages.InsufficientFundsMessage />
-//     }
-//     else if (error === "Request cancelled without user response!" || error === "User rejected the transaction!" || error === "User canceled sending transaction") {
-//         return <TransactionMessages.TransactionRejectedMessage />
-//     }
-//     else if (error) {
-//         const renderingError = new Error(error);
-//         renderingError.name = `SwapWithdrawalError`;
-//         renderingError.cause = error;
-//         datadogRum.addError(renderingError);
-//         return <TransactionMessages.UexpectedErrorMessage message={error} />
-//     }
-//     else return <></>
-// }
-// export default FuelWalletWithdrawStep;

package/dist/components/Pages/SwapPages/Withdraw/Wallet/ImtblxWalletWithdrawStep.js

@@ -1,69 +0,0 @@
-// import { Link, ArrowLeftRight } from 'lucide-react';
-// import { FC, useCallback, useState } from 'react'
-// import toast from 'react-hot-toast';
-// import { BackendTransactionStatus } from '../../../../../lib/layerSwapApiClient';
-// import WarningMessage from '../../../../Common/WarningMessage';
-// import GuideLink from '../../../../Common/guideLink';
-// import useWallet from '../../../../../hooks/useWallet';
-// import { useSwapTransactionStore } from '../../../../../stores/swapTransactionStore';
-// import { WithdrawPageProps } from './WalletTransferContent';
-// import { ButtonWrapper, ConnectWalletButton } from './WalletTransfer/buttons';
-// const ImtblxWalletWithdrawStep: FC<WithdrawPageProps> = ({ amount, depositAddress, network, token, swapId }) => {
-//     const [loading, setLoading] = useState(false)
-//     const [transferDone, setTransferDone] = useState<boolean>()
-//     const { setSwapTransaction } = useSwapTransactionStore();
-//     const { provider } = useWallet(network, 'withdrawal')
-//     const imxAccount = provider?.activeWallet
-//     const handleTransfer = useCallback(async () => {
-//         if (!network || !depositAddress || !amount)
-//             return
-//         setLoading(true)
-//         try {
-//             const ImtblClient = (await import('../../../../../lib/imtbl')).default;
-//             const imtblClient = new ImtblClient(network?.name)
-//             if (!token) {
-//                 throw new Error("No source currency could be found");
-//             }
-//             const res = await imtblClient.Transfer(amount.toString(), token, depositAddress)
-//             const transactionRes = res?.result?.[0]
-//             if (!transactionRes)
-//                 toast('Transfer failed or terminated')
-//             else if (transactionRes.status == "error") {
-//                 toast(transactionRes.message)
-//             }
-//             else if (transactionRes && swapId) {
-//                 setSwapTransaction(swapId, BackendTransactionStatus.Pending, transactionRes.txId.toString());
-//                 setTransferDone(true)
-//             }
-//         }
-//         catch (e) {
-//             if (e?.message)
-//                 toast(e.message)
-//         }
-//         setLoading(false)
-//     }, [imxAccount, swapId, network, depositAddress, token, amount])
-//     if (!imxAccount) {
-//         return <ConnectWalletButton icon={<Link className="h-5 w-5 ml-2" aria-hidden="true" />} />
-//     }
-//     return (
-//         <>
-//             <div className="w-full space-y-5 flex flex-col justify-between h-full text-secondary-text">
-//                 <div className='space-y-4'>
-//                     <WarningMessage messageType='informing'>
-//                         <span className='flex-none'>
-//                             Learn how to send from
-//                         </span>
-//                         <GuideLink text={network?.display_name} userGuideUrl='https://docs.layerswap.io/user-docs/your-first-swap/off-ramp/send-assets-from-immutablex/' />
-//                     </WarningMessage>
-//                     {
-//                         imxAccount &&
-//                         <ButtonWrapper isDisabled={!!(loading || transferDone) || !depositAddress} isSubmitting={!!(loading || transferDone)} onClick={handleTransfer} icon={<ArrowLeftRight className="h-5 w-5 ml-2" aria-hidden="true" />} >
-//                             Send from wallet
-//                         </ButtonWrapper>
-//                     }
-//                 </div>
-//             </div>
-//         </>
-//     )
-// }
-// export default ImtblxWalletWithdrawStep;

package/dist/components/Pages/SwapPages/Withdraw/Wallet/Loopring/ActivationTokentPicker.js

@@ -1,87 +0,0 @@
-// import { FeeData, useLoopringTokens } from './hooks';
-// import { ISelectMenuItem } from '../../../Form/Select/Shared/Props/selectMenuItem';
-// import formatAmount from '../../../../../../lib/formatAmount';
-// import { useEffect, useState } from 'react';
-// import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from '../../../../../shadcn/select';
-// import { UserBalanceInfo } from '../../../../../../lib/loopring/defs';
-// import AppSettings from '../../../../../../lib/AppSettings';
-// export const ActivationTokenPicker = ({ availableBalances, defaultValue, onChange, feeData }: { availableBalances: UserBalanceInfo[] | undefined, defaultValue: UserBalanceInfo | undefined, feeData: FeeData | undefined, onChange: (v: string | undefined) => void }) => {
-//     const { tokens } = useLoopringTokens()
-//     const resource_storage_url = AppSettings.ResourseStorageUrl;
-//     const activationCurrencyValues: ISelectMenuItem[]
-//         = tokens && availableBalances?.map(b => {
-//             const loopringToken = tokens?.find(t => t.tokenId === b.tokenId)
-//             const symbol: string = loopringToken?.symbol || "-"
-//             const decimals = loopringToken?.decimals
-//             const details = <p className="text-primary-text-muted">
-//                 {decimals ? `${formatAmount(b.total, decimals)}` : ''}
-//             </p>
-//             return {
-//                 id: symbol,
-//                 name: symbol,
-//                 isAvailable: true,
-//                 type: 'currency',
-//                 imgSrc: `${resource_storage_url}layerswap/currencies/${symbol.toLowerCase()}.png`,
-//                 baseObject: symbol,
-//                 details,
-//                 order: 0,
-//             }
-//         }) || []
-//     const [selectedValue, setSelectedValue] = useState<string>(activationCurrencyValues?.[0]?.name)
-//     const handleChange = (v: string) => {
-//         onChange(v)
-//         setSelectedValue(v)
-//     }
-//     useEffect(() => {
-//         if (!selectedValue && defaultValue && tokens) {
-//             const loopringToken = tokens?.find(t => t.tokenId === defaultValue.tokenId)
-//             if (loopringToken)
-//                 handleChange(loopringToken?.symbol)
-//         }
-//     }, [defaultValue, tokens])
-//     const loopringToken = tokens?.find(t => t.symbol === selectedValue)
-//     const decimals = loopringToken?.decimals
-//     const selectedTokenFee = feeData?.fees?.find(f => f.token === selectedValue)?.fee
-//     const formattedFee = selectedTokenFee && decimals && formatAmount(selectedTokenFee, decimals)
-//     return <p className="break-allspace-x-1 flex mt-4 w-full justify-end items-center text-sm text-secondary-text">
-//         <span className='font-base sm:inline hidden'>One time activation fee</span>
-//         <span className='text-primary-text text-sm sm:text-base flex items-center'>
-//             <span className=' text-secondary-text text-sm ml-1'>
-//                 {
-//                     activationCurrencyValues.length > 0 ? <Select onValueChange={handleChange} value={selectedValue} >
-//                         <SelectTrigger className="w-fit border-none !text-primary-text !font-semibold !h-fit !p-0">
-//                             <SelectValue>
-//                                 <span className='space-x-1'><span>{formattedFee}</span><span>{selectedValue}</span></span>
-//                             </SelectValue>
-//                         </SelectTrigger>
-//                         <SelectContent>
-//                             <SelectGroup>
-//                                 <SelectLabel>Fee token</SelectLabel>
-//                                 {activationCurrencyValues?.map(cv => (
-//                                     <SelectItem key={cv.name} value={cv.name}>
-//                                         <div className="flex items-center">
-//                                             <div className="flex-shrink-0 h-5 w-5 relative">
-//                                                 {
-//                                                     cv &&
-//                                                     <img
-//                                                         src={cv.imgSrc}
-//                                                         alt="From Logo"
-//                                                         height="60"
-//                                                         width="60"
-//                                                         className="rounded-md object-contain"
-//                                                     />
-//                                                 }
-//                                             </div>
-//                                             <div className="mx-1 block"><span className='text-primary-text'>{cv.name}</span> <span>{cv.details}</span></div>
-//                                         </div>
-//                                     </SelectItem>
-//                                 ))}
-//                             </SelectGroup>
-//                         </SelectContent>
-//                     </Select>
-//                         : <></>
-//                 }
-//             </span>
-//         </span>
-//     </p>
-// }

package/dist/components/Pages/SwapPages/Withdraw/Wallet/Loopring/hooks.js

@@ -1,73 +0,0 @@
-// import useSWR from "swr";
-// import { LoopringAPI } from "../../../../../../lib/loopring/LoopringAPI";
-// import { AccountInfo, LOOPRING_URLs, OffchainFeeReqType, TokenInfo, UserBalanceInfo } from "../../../../../../lib/loopring/defs";
-// const fetcher = (url) => fetch(url).then((res) => res.json());
-// export const useLoopringAccountBalance = (accountId?: number) => {
-//     const url = `${LoopringAPI.BaseApi}${LOOPRING_URLs.GET_USER_EXCHANGE_BALANCES}?accountId=${accountId}`
-//     const { data, isLoading } =
-//         useSWR<[UserBalanceInfo]>(accountId ? url : null,
-//             fetcher);
-//     return { data, isLoading }
-// }
-// export const useLoopringTokens = () => {
-//     const url = `${LoopringAPI.BaseApi}${LOOPRING_URLs.GET_TOKENS}`
-//     const { data: tokens, isLoading } =
-//         useSWR<[TokenInfo]>(url,
-//             fetcher,
-//             {
-//                 dedupingInterval: 500000,
-//             });
-//     return { tokens, isLoading }
-// }
-// export const useLoopringAccount = ({ address }: { address?: `0x${string}` }) => {
-//     const url = `${LoopringAPI.BaseApi}${LOOPRING_URLs.ACCOUNT_ACTION}?owner=${address}`
-//     const { data: accountData, isLoading, mutate } =
-//         useSWR<AccountInfo>(address ? url : null,
-//             fetcher,
-//             {
-//                 dedupingInterval: 1000,
-//                 refreshInterval: (latestData) => latestData?.frozen ? 3000 : 0
-//             });
-//     const noAccount = (accountData as any)?.resultInfo?.code == 101002
-//     const account = noAccount ? undefined : accountData
-//     return { account, isLoading, noAccount, mutate }
-// }
-// const useAccountActivationFees = (accountId?: number) => {
-//     const url = `${LoopringAPI.BaseApi}${LOOPRING_URLs.GET_OFFCHAIN_FEE_AMT}?accountId=${accountId}&requestType=${OffchainFeeReqType.UPDATE_ACCOUNT}`
-//     const { data, isLoading } =
-//         useSWR<{
-//             fees: {
-//                 token: string,
-//                 tokenId: number,
-//                 fee: string,
-//                 discount: number
-//             }[],
-//             gasPrice: string
-//         }>(accountId ? url : null,
-//             fetcher, { dedupingInterval: 1000 });
-//     return { data, isLoading }
-// }
-// export const useActivationData = (accountId?: number) => {
-//     const { data: loopringBalnce, isLoading: lpBalanceIsLoading } = useLoopringAccountBalance(accountId)
-//     const { data: feeData, isLoading: feeDataIsLoading } = useAccountActivationFees(accountId)
-//     const availableBalances = feeData && loopringBalnce?.filter(b => {
-//         const tfee = feeData?.fees?.find(f => f.tokenId === b.tokenId)?.fee
-//         return Number(b.total) >= Number(tfee)
-//     })
-//     const defaultValue = availableBalances?.[0]
-//     return {
-//         availableBalances,
-//         defaultValue,
-//         loading: lpBalanceIsLoading || feeDataIsLoading,
-//         feeData
-//     }
-// }
-// export type FeeData = {
-//     fees: {
-//         token: string;
-//         tokenId: number;
-//         fee: string;
-//         discount: number;
-//     }[];
-//     gasPrice: string;
-// }

package/dist/components/Pages/SwapPages/Withdraw/Wallet/Loopring/index.js

@@ -1,175 +0,0 @@
-// import { ArrowLeftRight, Lock } from 'lucide-react';
-// import { FC, useCallback, useEffect, useState } from 'react'
-// import toast from 'react-hot-toast';
-// import { useAccount } from 'wagmi';
-// import { ButtonWrapper, ChangeNetworkButton, ConnectWalletButton } from '../WalletTransfer/buttons';
-// import { useSwapTransactionStore } from '../../../../../../stores/swapTransactionStore';
-// import SignatureIcon from '../../../../../Icons/SignatureIcon';
-// import { ActivationTokenPicker } from './ActivationTokentPicker';
-// import { useActivationData, useLoopringAccount, useLoopringTokens } from './hooks';
-// import { LoopringAPI } from '../../../../../../lib/loopring/LoopringAPI';
-// import { ChainId, UnlockedAccount } from '../../../../../../lib/loopring/defs';
-// import { BackendTransactionStatus } from '../../../../../../lib/layerSwapApiClient';
-// import { WithdrawPageProps } from '../WalletTransferContent';
-// import { useConfig } from 'wagmi'
-// import AppSettings from '../../../../../../lib/AppSettings';
-// import WalletMessage from '../../Messages/Message';
-// const LoopringWalletWithdraw: FC<WithdrawPageProps> = ({ network, token, swapId, callData, depositAddress, amount }) => {
-//     const [loading, setLoading] = useState(false);
-//     const [transferDone, setTransferDone] = useState<boolean>();
-//     const [activationPubKey, setActivationPubKey] = useState<{ x: string; y: string }>()
-//     const [selectedActivationAsset, setSelectedActivationAsset] = useState<string>()
-//     const { setSwapTransaction } = useSwapTransactionStore();
-//     const { isConnected, address: fromAddress, chain } = useAccount();
-//     const { account: accInfo, isLoading: loadingAccount, noAccount, mutate: refetchAccount } = useLoopringAccount({ address: fromAddress })
-//     const { availableBalances, defaultValue, loading: activationDataIsLoading, feeData } = useActivationData(accInfo?.accountId)
-//     const [unlockedAccount, setUnlockedAccount] = useState<UnlockedAccount | undefined>()
-//     const { tokens } = useLoopringTokens()
-//     const loopringToken = tokens?.find(t => t.symbol === selectedActivationAsset)
-//     const config = useConfig()
-//     useEffect(() => {
-//         if (fromAddress) {
-//             setUnlockedAccount(undefined)
-//         }
-//     }, [fromAddress])
-//     const handleUnlockAccount = useCallback(async () => {
-//         setLoading(true)
-//         try {
-//             if (!accInfo)
-//                 return
-//             const res = await LoopringAPI.userAPI.unlockAccount(accInfo, config)
-//             setUnlockedAccount(res)
-//         }
-//         catch (e) {
-//             toast(e.message)
-//         }
-//         finally {
-//             setLoading(false)
-//         }
-//     }, [accInfo, config])
-//     const activateAccout = useCallback(async () => {
-//         setLoading(true)
-//         try {
-//             if (!accInfo || !selectedActivationAsset || !loopringToken)
-//                 return
-//             const publicKey = await LoopringAPI.userAPI.activateAccount(
-//                 {
-//                     accInfo,
-//                     token: { id: loopringToken?.tokenId, symbol: loopringToken?.symbol }
-//                 }, config)
-//             setActivationPubKey(publicKey)
-//             await refetchAccount()
-//         }
-//         catch (e) {
-//             toast(e.message)
-//         }
-//         finally {
-//             setLoading(false)
-//         }
-//     }, [accInfo, selectedActivationAsset, refetchAccount, loopringToken])
-//     const handleTransfer = useCallback(async () => {
-//         setLoading(true)
-//         try {
-//             if (!swapId || !accInfo || !unlockedAccount || !token || !amount)
-//                 return
-//             const transferResult = await LoopringAPI.userAPI.transfer({
-//                 accInfo,
-//                 amount: amount.toString(),
-//                 depositAddress: depositAddress as `0x${string}`,
-//                 call_data: callData,
-//                 token,
-//                 unlockedAccount
-//             }, config)
-//             if (transferResult.hash) {
-//                 setSwapTransaction(swapId, BackendTransactionStatus.Pending, transferResult.hash);
-//                 setTransferDone(true)
-//             }
-//             else {
-//                 toast(transferResult.resultInfo?.message || "Unexpected error.")
-//             }
-//         }
-//         catch (e) {
-//             if (e?.message)
-//                 toast(e.message)
-//         }
-//         setLoading(false)
-//     }, [swapId, network, depositAddress, accInfo, unlockedAccount, token, amount, callData])
-//     if (noAccount) {
-//         //TODO fix text
-//         return <WalletMessage
-//             status="error"
-//             header='Account is not activated'
-//             details={`Make a deposit to your address for activating Loopring account`} />
-//     }
-//     if (accInfo?.frozen) {
-//         if (accInfo.publicKey.x === activationPubKey?.x
-//             && accInfo.publicKey.y === activationPubKey?.y) {
-//             return <WalletMessage
-//                 status="pending"
-//                 header='Your account is beeing activated'
-//                 details={`You will be able to make transfers in 3-5 minutes.`} />
-//         }
-//         else {
-//             return <WalletMessage
-//                 status="pending"
-//                 header='Your account is frozen'
-//                 details={`If you have just activated your account it will be unfrozen in couple of minutes.`} />
-//         }
-//     }
-//     if (!isConnected) {
-//         return <ConnectWalletButton />
-//     }
-//     let walletChainId = AppSettings.ApiVersion === "sandbox" ? ChainId.SEPOLIA : ChainId.MAINNET
-//     if (network && chain?.id !== Number(walletChainId)) {
-//         return (
-//             <ChangeNetworkButton
-//                 chainId={Number(walletChainId)}
-//                 network={network?.display_name}
-//             />
-//         )
-//     }
-//     const shouldActivate = accInfo && !(accInfo.publicKey.x
-//         || accInfo.publicKey.y)
-//     if (shouldActivate && !activationDataIsLoading && (!availableBalances || !defaultValue || !feeData))
-//         return <WalletMessage
-//             status="error"
-//             header='Not enough fee'
-//             details={`The balance of the account is not enough to activate it․`} />
-//     return (
-//         <>
-//             <div className="w-full space-y-5 flex flex-col justify-between h-full text-secondary-text">
-//                 <div className='space-y-4'>
-//                     {
-//                         (accInfo && unlockedAccount) ?
-//                             <ButtonWrapper isDisabled={!!(loading || transferDone)} isSubmitting={!!(loading || transferDone)} onClick={handleTransfer} icon={<ArrowLeftRight className="h-5 w-5 ml-2" aria-hidden="true" />} >
-//                                 Send from wallet
-//                             </ButtonWrapper>
-//                             :
-//                             <>
-//                                 {shouldActivate &&
-//                                     <ActivationTokenPicker
-//                                         onChange={setSelectedActivationAsset}
-//                                         availableBalances={availableBalances}
-//                                         defaultValue={defaultValue}
-//                                         feeData={feeData}
-//                                     />
-//                                 }
-//                                 <ButtonWrapper
-//                                     isDisabled={loadingAccount || !accInfo || loading || activationDataIsLoading}
-//                                     isSubmitting={loadingAccount || loading}
-//                                     onClick={shouldActivate ? activateAccout : handleUnlockAccount}
-//                                     icon={shouldActivate ?
-//                                         <SignatureIcon className="h-5 w-5 ml-2" aria-hidden="true" />
-//                                         : <Lock className="h-5 w-5 ml-2" aria-hidden="true" />
-//                                     }
-//                                 >
-//                                     {shouldActivate ? <>Activate account</> : <>Unlock account</>}
-//                                 </ButtonWrapper>
-//                             </>
-//                     }
-//                 </div>
-//             </div>
-//         </>
-//     )
-// }
-// export default LoopringWalletWithdraw