@layerswap/widget 0.1.4 → 0.1.14

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

@@ -1,51 +1,69 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Link, ArrowLeftRight } from 'lucide-react';
-import { 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 { ButtonWrapper, ConnectWalletButton } from './WalletTransfer/buttons';
-const ImtblxWalletWithdrawStep = ({ amount, depositAddress, network, token, swapId }) => {
-    const [loading, setLoading] = useState(false);
-    const [transferDone, setTransferDone] = useState();
-    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 _jsx(ConnectWalletButton, { icon: _jsx(Link, { className: "h-5 w-5 ml-2", "aria-hidden": "true" }) });
-    }
-    return (_jsx(_Fragment, { children: _jsx("div", { className: "w-full space-y-5 flex flex-col justify-between h-full text-secondary-text", children: _jsxs("div", { className: 'space-y-4', children: [_jsxs(WarningMessage, { messageType: 'informing', children: [_jsx("span", { className: 'flex-none', children: "Learn how to send from" }), _jsx(GuideLink, { text: network?.display_name, userGuideUrl: 'https://docs.layerswap.io/user-docs/your-first-swap/off-ramp/send-assets-from-immutablex/' })] }), imxAccount &&
-                        _jsx(ButtonWrapper, { isDisabled: !!(loading || transferDone) || !depositAddress, isSubmitting: !!(loading || transferDone), onClick: handleTransfer, icon: _jsx(ArrowLeftRight, { className: "h-5 w-5 ml-2", "aria-hidden": "true" }), children: "Send from wallet" })] }) }) }));
-};
-export default ImtblxWalletWithdrawStep;
+// 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.d.ts

@@ -1,8 +0,0 @@
-import { FeeData } from './hooks';
-import { UserBalanceInfo } from '../../../../../../lib/loopring/defs';
-export declare const ActivationTokenPicker: ({ availableBalances, defaultValue, onChange, feeData }: {
-    availableBalances: UserBalanceInfo[] | undefined;
-    defaultValue: UserBalanceInfo | undefined;
-    feeData: FeeData | undefined;
-    onChange: (v: string | undefined) => void;
-}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,45 +1,87 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useLoopringTokens } from './hooks';
-import formatAmount from '../../../../../../lib/formatAmount';
-import { useEffect, useState } from 'react';
-import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from '../../../../../shadcn/select';
-import AppSettings from '../../../../../../lib/AppSettings';
-export const ActivationTokenPicker = ({ availableBalances, defaultValue, onChange, feeData }) => {
-    const { tokens } = useLoopringTokens();
-    const resource_storage_url = AppSettings.ResourseStorageUrl;
-    const activationCurrencyValues = tokens && availableBalances?.map(b => {
-        const loopringToken = tokens?.find(t => t.tokenId === b.tokenId);
-        const symbol = loopringToken?.symbol || "-";
-        const decimals = loopringToken?.decimals;
-        const details = _jsx("p", { className: "text-primary-text-muted", children: decimals ? `${formatAmount(b.total, decimals)}` : '' });
-        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(activationCurrencyValues?.[0]?.name);
-    const handleChange = (v) => {
-        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 _jsxs("p", { className: "break-allspace-x-1 flex mt-4 w-full justify-end items-center text-sm text-secondary-text", children: [_jsx("span", { className: 'font-base sm:inline hidden', children: "One time activation fee" }), _jsx("span", { className: 'text-primary-text text-sm sm:text-base flex items-center', children: _jsx("span", { className: ' text-secondary-text text-sm ml-1', children: activationCurrencyValues.length > 0 ? _jsxs(Select, { onValueChange: handleChange, value: selectedValue, children: [_jsx(SelectTrigger, { className: "w-fit border-none !text-primary-text !font-semibold !h-fit !p-0", children: _jsx(SelectValue, { children: _jsxs("span", { className: 'space-x-1', children: [_jsx("span", { children: formattedFee }), _jsx("span", { children: selectedValue })] }) }) }), _jsx(SelectContent, { children: _jsxs(SelectGroup, { children: [_jsx(SelectLabel, { children: "Fee token" }), activationCurrencyValues?.map(cv => (_jsx(SelectItem, { value: cv.name, children: _jsxs("div", { className: "flex items-center", children: [_jsx("div", { className: "flex-shrink-0 h-5 w-5 relative", children: cv &&
-                                                            _jsx("img", { src: cv.imgSrc, alt: "From Logo", height: "60", width: "60", className: "rounded-md object-contain" }) }), _jsxs("div", { className: "mx-1 block", children: [_jsx("span", { className: 'text-primary-text', children: cv.name }), " ", _jsx("span", { children: cv.details })] })] }) }, cv.name)))] }) })] })
-                        : _jsx(_Fragment, {}) }) })] });
-};
+// 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.d.ts

@@ -1,40 +0,0 @@
-import { AccountInfo, TokenInfo, UserBalanceInfo } from "../../../../../../lib/loopring/defs";
-export declare const useLoopringAccountBalance: (accountId?: number) => {
-    data: [UserBalanceInfo] | undefined;
-    isLoading: boolean;
-};
-export declare const useLoopringTokens: () => {
-    tokens: [TokenInfo] | undefined;
-    isLoading: boolean;
-};
-export declare const useLoopringAccount: ({ address }: {
-    address?: `0x${string}`;
-}) => {
-    account: AccountInfo | undefined;
-    isLoading: boolean;
-    noAccount: boolean;
-    mutate: import("swr").KeyedMutator<AccountInfo>;
-};
-export declare const useActivationData: (accountId?: number) => {
-    availableBalances: UserBalanceInfo[] | undefined;
-    defaultValue: UserBalanceInfo | undefined;
-    loading: boolean;
-    feeData: {
-        fees: {
-            token: string;
-            tokenId: number;
-            fee: string;
-            discount: number;
-        }[];
-        gasPrice: string;
-    } | undefined;
-};
-export type FeeData = {
-    fees: {
-        token: string;
-        tokenId: number;
-        fee: string;
-        discount: number;
-    }[];
-    gasPrice: string;
-};

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

@@ -1,46 +1,73 @@
-import useSWR from "swr";
-import { LoopringAPI } from "../../../../../../lib/loopring/LoopringAPI";
-import { LOOPRING_URLs, OffchainFeeReqType } from "../../../../../../lib/loopring/defs";
-const fetcher = (url) => fetch(url).then((res) => res.json());
-export const useLoopringAccountBalance = (accountId) => {
-    const url = `${LoopringAPI.BaseApi}${LOOPRING_URLs.GET_USER_EXCHANGE_BALANCES}?accountId=${accountId}`;
-    const { data, isLoading } = useSWR(accountId ? url : null, fetcher);
-    return { data, isLoading };
-};
-export const useLoopringTokens = () => {
-    const url = `${LoopringAPI.BaseApi}${LOOPRING_URLs.GET_TOKENS}`;
-    const { data: tokens, isLoading } = useSWR(url, fetcher, {
-        dedupingInterval: 500000,
-    });
-    return { tokens, isLoading };
-};
-export const useLoopringAccount = ({ address }) => {
-    const url = `${LoopringAPI.BaseApi}${LOOPRING_URLs.ACCOUNT_ACTION}?owner=${address}`;
-    const { data: accountData, isLoading, mutate } = useSWR(address ? url : null, fetcher, {
-        dedupingInterval: 1000,
-        refreshInterval: (latestData) => latestData?.frozen ? 3000 : 0
-    });
-    const noAccount = accountData?.resultInfo?.code == 101002;
-    const account = noAccount ? undefined : accountData;
-    return { account, isLoading, noAccount, mutate };
-};
-const useAccountActivationFees = (accountId) => {
-    const url = `${LoopringAPI.BaseApi}${LOOPRING_URLs.GET_OFFCHAIN_FEE_AMT}?accountId=${accountId}&requestType=${OffchainFeeReqType.UPDATE_ACCOUNT}`;
-    const { data, isLoading } = useSWR(accountId ? url : null, fetcher, { dedupingInterval: 1000 });
-    return { data, isLoading };
-};
-export const useActivationData = (accountId) => {
-    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
-    };
-};
+// 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.d.ts

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-import { WithdrawPageProps } from '../WalletTransferContent';
-declare const LoopringWalletWithdraw: FC<WithdrawPageProps>;
-export default LoopringWalletWithdraw;