@layerswap/widget 0.1.4 → 0.1.14

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

@@ -1,18 +1,18 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useSwapDataState } from "../../../../../context/swap";
 import KnownInternalNames from "../../../../../lib/knownIds";
-import ImtblxWalletWithdrawStep from "./ImtblxWalletWithdrawStep";
-import StarknetWalletWithdrawStep from "./StarknetWalletWithdraw";
+// import ImtblxWalletWithdrawStep from "./ImtblxWalletWithdrawStep";
+// import StarknetWalletWithdrawStep from "./StarknetWalletWithdraw";
 import TransferFromWallet from "./WalletTransfer";
-import ZkSyncWalletWithdrawStep from "./ZKsyncWalletWithdraw";
-import LoopringWalletWithdraw from "./Loopring";
+// import ZkSyncWalletWithdrawStep from "./ZKsyncWalletWithdraw";
+// import LoopringWalletWithdraw from "./Loopring";
 import { NetworkType } from "../../../../../Models/Network";
-import TonWalletWithdrawStep from "./TonWalletWithdraw";
-import ParadexWalletWithdrawStep from "./paradex/index";
-import FuelWalletWithdrawStep from "./FuelWalletWithdrawal";
-import SophonWalletWithdraw from "./SophonWalletWithdraw";
-import TronWalletWithdraw from "./TronWalletWithdraw";
-import SVMWalletWithdrawStep from "./SVMWalletWithdraw";
+// import TonWalletWithdrawStep from "./TonWalletWithdraw";
+// import ParadexWalletWithdrawStep from "./paradex/index";
+// import FuelWalletWithdrawStep from "./FuelWalletWithdrawal";
+// import SophonWalletWithdraw from "./SophonWalletWithdraw";
+// import TronWalletWithdraw from "./TronWalletWithdraw";
+// import SVMWalletWithdrawStep from "./SVMWalletWithdraw";
 //TODO have separate components for evm and none_evm as others are sweepless anyway
 export const WalletTransferContent = () => {
     const { swapResponse, depositActionsResponse } = useSwapDataState();
@@ -41,27 +41,95 @@ export const WalletTransferContent = () => {
     const depositAddress = depositActionsResponse?.find(da => true)?.to_address;
     const amount = depositActionsResponse?.find(da => true)?.amount || 0;
     const callData = depositActionsResponse?.find(da => true)?.call_data;
-    if (sourceIsImmutableX)
-        return _jsx(ImtblxWalletWithdrawStep, { amount: amount, depositAddress: depositAddress, network: swap?.source_network, token: swap?.source_token, swapId: swap?.id });
-    else if (sourceIsStarknet)
-        return _jsx(StarknetWalletWithdrawStep, { network: swap?.source_network, token: swap?.source_token, swapId: swap?.id, callData: callData });
-    else if (sourceIsZkSync)
-        return _jsx(ZkSyncWalletWithdrawStep, { amount: amount, depositAddress: depositAddress, network: swap?.source_network, token: swap?.source_token, swapId: swap?.id, sequenceNumber: swap.metadata.sequence_number });
-    else if (sourceIsLoopring)
-        return _jsx(LoopringWalletWithdraw, { amount: amount, depositAddress: depositAddress, network: swap?.source_network, token: swap?.source_token, swapId: swap?.id, callData: callData });
-    else if (sourceIsSVM)
-        return _jsx(SVMWalletWithdrawStep, { amount: amount, depositAddress: depositAddress, network: swap?.source_network, token: swap?.source_token, swapId: swap?.id, callData: callData });
-    else if (sourceIsTon)
-        return _jsx(TonWalletWithdrawStep, { amount: amount, depositAddress: depositAddress, network: swap?.source_network, token: swap?.source_token, swapId: swap?.id, callData: callData });
-    else if (sourceIsParadex)
-        return _jsx(ParadexWalletWithdrawStep, { amount: amount, depositAddress: depositAddress, network: swap?.source_network, token: swap?.source_token, swapId: swap?.id, callData: callData });
-    else if (sourceIsFuel)
-        return _jsx(FuelWalletWithdrawStep, { amount: amount, depositAddress: depositAddress, network: swap?.source_network, token: swap?.source_token, sequenceNumber: swap?.metadata.sequence_number, swapId: swap?.id, callData: callData });
-    else if (sourceIsSophon)
-        return _jsx(SophonWalletWithdraw, { amount: amount, depositAddress: depositAddress, network: swap?.source_network, token: swap?.source_token, swapId: swap?.id, callData: callData });
-    else if (sourceIsTron)
-        return _jsx(TronWalletWithdraw, { amount: amount, depositAddress: depositAddress, network: swap?.source_network, token: swap?.source_token, swapId: swap?.id, callData: callData });
-    else
-        return _jsx(_Fragment, { children: swap &&
-                _jsx(TransferFromWallet, { sequenceNumber: swap?.metadata.sequence_number, swapId: swap.id, network: swap.source_network, token: swap.source_token, depositAddress: depositAddress, userDestinationAddress: swap.destination_address, amount: amount }) });
+    // if (sourceIsImmutableX)
+    //     return <ImtblxWalletWithdrawStep
+    //         amount={amount}
+    //         depositAddress={depositAddress}
+    //         network={swap?.source_network}
+    //         token={swap?.source_token}
+    //         swapId={swap?.id}
+    //     />;
+    // else if (sourceIsStarknet)
+    //     return <StarknetWalletWithdrawStep
+    //         network={swap?.source_network}
+    //         token={swap?.source_token}
+    //         swapId={swap?.id}
+    //         callData={callData}
+    //     />;
+    // else if (sourceIsZkSync)
+    //     return <ZkSyncWalletWithdrawStep
+    //         amount={amount}
+    //         depositAddress={depositAddress}
+    //         network={swap?.source_network}
+    //         token={swap?.source_token}
+    //         swapId={swap?.id}
+    //         sequenceNumber={swap.metadata.sequence_number}
+    //     />;
+    // else if (sourceIsLoopring)
+    //     return <LoopringWalletWithdraw
+    //         amount={amount}
+    //         depositAddress={depositAddress}
+    //         network={swap?.source_network}
+    //         token={swap?.source_token}
+    //         swapId={swap?.id}
+    //         callData={callData}
+    //     />;
+    // else if (sourceIsSVM)
+    //     return <SVMWalletWithdrawStep
+    //         amount={amount}
+    //         depositAddress={depositAddress}
+    //         network={swap?.source_network}
+    //         token={swap?.source_token}
+    //         swapId={swap?.id}
+    //         callData={callData}
+    //     />;
+    // else if (sourceIsTon)
+    //     return <TonWalletWithdrawStep
+    //         amount={amount}
+    //         depositAddress={depositAddress}
+    //         network={swap?.source_network}
+    //         token={swap?.source_token}
+    //         swapId={swap?.id}
+    //         callData={callData}
+    //     />;
+    // else if (sourceIsParadex)
+    //     return <ParadexWalletWithdrawStep
+    //         amount={amount}
+    //         depositAddress={depositAddress}
+    //         network={swap?.source_network}
+    //         token={swap?.source_token}
+    //         swapId={swap?.id}
+    //         callData={callData}
+    //     />;
+    // else if (sourceIsFuel)
+    //     return <FuelWalletWithdrawStep
+    //         amount={amount}
+    //         depositAddress={depositAddress}
+    //         network={swap?.source_network}
+    //         token={swap?.source_token}
+    //         sequenceNumber={swap?.metadata.sequence_number}
+    //         swapId={swap?.id}
+    //         callData={callData}
+    //     />
+    // else if (sourceIsSophon)
+    //     return <SophonWalletWithdraw
+    //         amount={amount}
+    //         depositAddress={depositAddress}
+    //         network={swap?.source_network}
+    //         token={swap?.source_token}
+    //         swapId={swap?.id}
+    //         callData={callData}
+    //     />;
+    // else if (sourceIsTron)
+    //     return <TronWalletWithdraw
+    //         amount={amount}
+    //         depositAddress={depositAddress}
+    //         network={swap?.source_network}
+    //         token={swap?.source_token}
+    //         swapId={swap?.id}
+    //         callData={callData}
+    //     />;
+    // else
+    return _jsx(_Fragment, { children: swap &&
+            _jsx(TransferFromWallet, { sequenceNumber: swap?.metadata.sequence_number, swapId: swap.id, network: swap.source_network, token: swap.source_token, depositAddress: depositAddress, userDestinationAddress: swap.destination_address, amount: amount }) });
 };

package/dist/components/Pages/SwapPages/Withdraw/Wallet/paradex/Evm.d.ts

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

package/dist/components/Pages/SwapPages/Withdraw/Wallet/paradex/Evm.js

@@ -1,55 +1,60 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { ButtonWrapper, ChangeNetworkButton, ConnectWalletButton } from '../WalletTransfer/buttons';
-import useWallet from '../../../../../../hooks/useWallet';
-import { useAccount } from 'wagmi';
-import { useSettingsState } from '../../../../../../context/settings';
-import KnownInternalNames from '../../../../../../lib/knownIds';
-import { useSwapTransactionStore } from '../../../../../../stores/swapTransactionStore';
-import { BackendTransactionStatus } from '../../../../../../lib/layerSwapApiClient';
-import { useEthersSigner } from '../../../../../../lib/ethersToViem/ethers';
-import toast from 'react-hot-toast';
-import WalletIcon from '../../../../../Icons/WalletIcon';
-import AuhorizeEthereum from '../../../../../../lib/wallets/paradex/Authorize/Ethereum';
-const ParadexWalletWithdrawStep = ({ amount, token, callData, swapId }) => {
-    const [loading, setLoading] = useState(false);
-    const { networks } = useSettingsState();
-    const l1Network = networks.find(n => n.name === KnownInternalNames.Networks.EthereumMainnet || n.name === KnownInternalNames.Networks.EthereumSepolia);
-    const { setSwapTransaction } = useSwapTransactionStore();
-    const { provider } = useWallet(l1Network, 'withdrawal');
-    const { chain } = useAccount();
-    const wallet = provider?.activeWallet;
-    const ethersSigner = useEthersSigner();
-    const handleTransfer = async () => {
-        if (!token || !amount || !callData || !swapId || !ethersSigner)
-            return;
-        setLoading(true);
-        try {
-            const account = await AuhorizeEthereum(ethersSigner);
-            if (!account)
-                throw new Error('Account not found');
-            const res = await account.execute(JSON.parse(callData || ""), undefined, { maxFee: '1000000000000000' });
-            if (res.transaction_hash) {
-                setSwapTransaction(swapId, BackendTransactionStatus.Pending, res.transaction_hash);
-            }
-        }
-        catch (e) {
-            if (e.message.includes('Contract not found')) {
-                toast.error('Account not found', { duration: 30000 });
-                return;
-            }
-            toast.error(e.message, { duration: 30000 });
-        }
-        finally {
-            setLoading(false);
-        }
-    };
-    if (!wallet) {
-        return _jsx(ConnectWalletButton, {});
-    }
-    if (l1Network && chain?.id !== Number(l1Network.chain_id)) {
-        return (_jsx(ChangeNetworkButton, { chainId: Number(l1Network?.chain_id), network: l1Network?.display_name }));
-    }
-    return (_jsx(ButtonWrapper, { isDisabled: !!(loading || !ethersSigner || !callData), isSubmitting: !!(loading || !ethersSigner || !callData), onClick: handleTransfer, icon: _jsx(WalletIcon, { className: "h-5 w-5 stroke-2", "aria-hidden": "true" }), children: "Send from EVM wallet" }));
-};
-export default ParadexWalletWithdrawStep;
+// import { FC, useState } from 'react'
+// import { ButtonWrapper, ChangeNetworkButton, ConnectWalletButton } from '../WalletTransfer/buttons';
+// import useWallet from '../../../../../../hooks/useWallet';
+// import { WithdrawPageProps } from '../WalletTransferContent';
+// import { useAccount } from 'wagmi';
+// import { useSettingsState } from '../../../../../../context/settings';
+// import KnownInternalNames from '../../../../../../lib/knownIds';
+// import { useSwapTransactionStore } from '../../../../../../stores/swapTransactionStore';
+// import { BackendTransactionStatus } from '../../../../../../lib/layerSwapApiClient';
+// import { useEthersSigner } from '../../../../../../lib/ethersToViem/ethers';
+// import toast from 'react-hot-toast';
+// import WalletIcon from '../../../../../Icons/WalletIcon';
+// import AuhorizeEthereum from '../../../../../../lib/wallets/paradex/Authorize/Ethereum';
+// const ParadexWalletWithdrawStep: FC<WithdrawPageProps> = ({ amount, token, callData, swapId }) => {
+//     const [loading, setLoading] = useState(false)
+//     const { networks } = useSettingsState();
+//     const l1Network = networks.find(n => n.name === KnownInternalNames.Networks.EthereumMainnet || n.name === KnownInternalNames.Networks.EthereumSepolia);
+//     const { setSwapTransaction } = useSwapTransactionStore();
+//     const { provider } = useWallet(l1Network, 'withdrawal')
+//     const { chain } = useAccount();
+//     const wallet = provider?.activeWallet
+//     const ethersSigner = useEthersSigner()
+//     const handleTransfer = async () => {
+//         if (!token || !amount || !callData || !swapId || !ethersSigner) return
+//         setLoading(true)
+//         try {
+//             const account = await AuhorizeEthereum(ethersSigner)
+//             if (!account) throw new Error('Account not found')
+//             const res = await account.execute(JSON.parse(callData || ""), undefined, { maxFee: '1000000000000000' });
+//             if (res.transaction_hash) {
+//                 setSwapTransaction(swapId, BackendTransactionStatus.Pending, res.transaction_hash);
+//             }
+//         } catch (e) {
+//             if (e.message.includes('Contract not found')) {
+//                 toast.error('Account not found', { duration: 30000 })
+//                 return
+//             }
+//             toast.error(e.message, { duration: 30000 })
+//         } finally {
+//             setLoading(false)
+//         }
+//     }
+//     if (!wallet) {
+//         return <ConnectWalletButton />
+//     }
+//     if (l1Network && chain?.id !== Number(l1Network.chain_id)) {
+//         return (
+//             <ChangeNetworkButton
+//                 chainId={Number(l1Network?.chain_id)}
+//                 network={l1Network?.display_name}
+//             />
+//         )
+//     }
+//     return (
+//         <ButtonWrapper isDisabled={!!(loading || !ethersSigner || !callData)} isSubmitting={!!(loading || !ethersSigner || !callData)} onClick={handleTransfer} icon={<WalletIcon className="h-5 w-5 stroke-2" aria-hidden="true" />} >
+//             Send from EVM wallet
+//         </ButtonWrapper>
+//     )
+// }
+// export default ParadexWalletWithdrawStep;

package/dist/components/Pages/SwapPages/Withdraw/Wallet/paradex/Starknet.d.ts

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

package/dist/components/Pages/SwapPages/Withdraw/Wallet/paradex/Starknet.js

@@ -1,55 +1,71 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { WalletIcon } from 'lucide-react';
-import { useCallback, useState } from 'react';
-import useWallet from '../../../../../../hooks/useWallet';
-import { useSettingsState } from '../../../../../../context/settings';
-import KnownInternalNames from '../../../../../../lib/knownIds';
-import { useSwapTransactionStore } from '../../../../../../stores/swapTransactionStore';
-import { BackendTransactionStatus } from '../../../../../../lib/layerSwapApiClient';
-import toast from 'react-hot-toast';
-import SubmitButton from '../../../../../Buttons/submitButton';
-import { AuthorizeStarknet } from '../../../../../../lib/wallets/paradex/Authorize/Starknet';
-const StarknetComponent = ({ amount, token, callData, swapId }) => {
-    const [loading, setLoading] = useState(false);
-    const { networks } = useSettingsState();
-    const starknet = networks.find(n => n.name === KnownInternalNames.Networks.StarkNetMainnet || n.name === KnownInternalNames.Networks.StarkNetGoerli || n.name === KnownInternalNames.Networks.StarkNetSepolia);
-    const { setSwapTransaction } = useSwapTransactionStore();
-    const { provider } = useWallet(starknet, 'withdrawal');
-    const wallet = provider?.activeWallet;
-    const handleTransfer = useCallback(async () => {
-        if (!swapId || !token) {
-            return;
-        }
-        setLoading(true);
-        try {
-            if (!wallet) {
-                throw Error("Starknet wallet not connected");
-            }
-            if (amount == undefined && !amount)
-                throw Error("No amount");
-            try {
-                const snAccount = wallet?.metadata?.starknetAccount;
-                if (!snAccount) {
-                    throw Error("Starknet account not found");
-                }
-                const paradexAccount = await AuthorizeStarknet(snAccount);
-                const parsedCallData = JSON.parse(callData || "");
-                const res = await paradexAccount.execute(parsedCallData, undefined, { maxFee: '1000000000000000' });
-                if (res.transaction_hash) {
-                    setSwapTransaction(swapId, BackendTransactionStatus.Pending, res.transaction_hash);
-                }
-            }
-            catch (e) {
-                toast(e.message);
-            }
-        }
-        catch (e) {
-            if (e?.message)
-                toast(e.message);
-        }
-        setLoading(false);
-    }, [wallet?.address, swapId, starknet, token, callData, amount]);
-    return (_jsx("div", { className: "w-full space-y-5 flex flex-col justify-between h-full text-secondary-text", children: wallet &&
-            _jsx("div", { className: "flex flex-row\n                    text-primary-text text-base space-x-2", children: _jsx(SubmitButton, { isDisabled: !!(loading || !callData), isSubmitting: !!(loading), onClick: handleTransfer, icon: _jsx(WalletIcon, { className: "h-5 w-5 ml-2", "aria-hidden": "true" }), children: "Send from Starknet wallet" }) }) }));
-};
-export default StarknetComponent;
+// import { WalletIcon } from 'lucide-react';
+// import { FC, useCallback, useState } from 'react'
+// import useWallet from '../../../../../../hooks/useWallet';
+// import { WithdrawPageProps } from '../WalletTransferContent';
+// import * as Paradex from "../../../../../../lib/wallets/paradex/lib";
+// import { useSettingsState } from '../../../../../../context/settings';
+// import KnownInternalNames from '../../../../../../lib/knownIds';
+// import { useSwapTransactionStore } from '../../../../../../stores/swapTransactionStore';
+// import { BackendTransactionStatus } from '../../../../../../lib/layerSwapApiClient';
+// import toast from 'react-hot-toast';
+// import SubmitButton from '../../../../../Buttons/submitButton';
+// import { AuthorizeStarknet } from '../../../../../../lib/wallets/paradex/Authorize/Starknet';
+// const StarknetComponent: FC<WithdrawPageProps> = ({ amount, token, callData, swapId }) => {
+//     const [loading, setLoading] = useState(false)
+//     const { networks } = useSettingsState();
+//     const starknet = networks.find(n => n.name === KnownInternalNames.Networks.StarkNetMainnet || n.name === KnownInternalNames.Networks.StarkNetGoerli || n.name === KnownInternalNames.Networks.StarkNetSepolia);
+//     const { setSwapTransaction } = useSwapTransactionStore();
+//     const { provider } = useWallet(starknet, 'withdrawal')
+//     const wallet = provider?.activeWallet
+//     const handleTransfer = useCallback(async () => {
+//         if (!swapId || !token) {
+//             return
+//         }
+//         setLoading(true)
+//         try {
+//             if (!wallet) {
+//                 throw Error("Starknet wallet not connected")
+//             }
+//             if (amount == undefined && !amount)
+//                 throw Error("No amount")
+//             try {
+//                 const snAccount = wallet?.metadata?.starknetAccount
+//                 if (!snAccount) {
+//                     throw Error("Starknet account not found")
+//                 }
+//                 const paradexAccount = await AuthorizeStarknet(snAccount)
+//                 const parsedCallData = JSON.parse(callData || "")
+//                 const res = await paradexAccount.execute(parsedCallData, undefined, { maxFee: '1000000000000000' });
+//                 if (res.transaction_hash) {
+//                     setSwapTransaction(swapId, BackendTransactionStatus.Pending, res.transaction_hash);
+//                 }
+//             }
+//             catch (e) {
+//                 toast(e.message)
+//             }
+//         }
+//         catch (e) {
+//             if (e?.message)
+//                 toast(e.message)
+//         }
+//         setLoading(false)
+//     }, [wallet?.address, swapId, starknet, token, callData, amount])
+//     return (
+//         <div className="w-full space-y-5 flex flex-col justify-between h-full text-secondary-text">
+//             {
+//                 wallet &&
+//                 <div className="flex flex-row
+//                     text-primary-text text-base space-x-2">
+//                     <SubmitButton
+//                         isDisabled={!!(loading || !callData)}
+//                         isSubmitting={!!(loading)}
+//                         onClick={handleTransfer}
+//                         icon={<WalletIcon className="h-5 w-5 ml-2" aria-hidden="true" />} >
+//                         Send from Starknet wallet
+//                     </SubmitButton>
+//                 </div>
+//             }
+//         </div >
+//     )
+// }
+// export default StarknetComponent;

package/dist/components/Pages/SwapPages/Withdraw/Wallet/paradex/buttons.js

@@ -13,6 +13,7 @@ export const ChangeNetworkMessage = ({ data, network }) => {
     else if (data.isError) {
         return _jsx(WalletMessage, { status: "error", header: 'Network switch failed', details: `Please try again or switch your wallet network manually to ${network}` });
     }
+    return null;
 };
 export const ChangeNetworkButton = ({ chainId, network }) => {
     const { switchChain, error, isPending, isError } = useSwitchChain();

package/dist/components/Pages/SwapPages/Withdraw/Wallet/paradex/index.d.ts

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

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

@@ -1,52 +1,56 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import useWallet from '../../../../../../hooks/useWallet';
-import { useSettingsState } from '../../../../../../context/settings';
-import KnownInternalNames from '../../../../../../lib/knownIds';
-import Evm from './Evm';
-import Starknet from './Starknet';
-import { useWalletStore } from '../../../../../../stores/walletStore';
-import { useSwapDataState, useSwapDataUpdate } from '../../../../../../context/swap';
-import SubmitButton from '../../../../../Buttons/submitButton';
-import { WalletIcon } from 'lucide-react';
-const ParadexWalletWithdraw = ({ amount, token, callData, swapId }) => {
-    const { networks } = useSettingsState();
-    const l1Network = networks.find(n => n.name === KnownInternalNames.Networks.EthereumMainnet || n.name === KnownInternalNames.Networks.EthereumSepolia);
-    const starknet = networks.find(n => n.name === KnownInternalNames.Networks.StarkNetMainnet || n.name === KnownInternalNames.Networks.StarkNetGoerli || n.name === KnownInternalNames.Networks.StarkNetSepolia);
-    const selectedProvider = useWalletStore((state) => state.selectedProveder);
-    const { provider: evmProvider } = useWallet(l1Network, 'withdrawal');
-    const { provider: starknetProvider } = useWallet(starknet, 'withdrawal');
-    const evmWallet = evmProvider?.activeWallet;
-    const starknetWallet = starknetProvider?.activeWallet;
-    if (selectedProvider === evmProvider?.name && evmWallet) {
-        return _jsx(Evm, { amount: amount, callData: callData, token: token, swapId: swapId });
-    }
-    if (selectedProvider === starknetProvider?.name && starknetWallet) {
-        return _jsx(Starknet, { amount: amount, callData: callData, token: token, swapId: swapId });
-    }
-    return _jsx(ConnectWalletModal, {});
-};
-const ConnectWalletModal = () => {
-    const { swapResponse } = useSwapDataState();
-    const { source_network } = swapResponse?.swap || {};
-    const { provider } = useWallet(source_network, 'withdrawal');
-    const { setSelectedSourceAccount } = useSwapDataUpdate();
-    const handleSelectWallet = (wallet, address) => {
-        if (wallet && address) {
-            setSelectedSourceAccount({
-                wallet,
-                address
-            });
-        }
-        else {
-            setSelectedSourceAccount(undefined);
-        }
-    };
-    const connect = async () => {
-        const result = await provider?.connectWallet();
-        if (result) {
-            handleSelectWallet(result, result.address);
-        }
-    };
-    return _jsx(SubmitButton, { onClick: connect, type: "button", icon: _jsx(WalletIcon, { className: "h-6 w-6", strokeWidth: 2 }), children: "Connect a wallet" });
-};
-export default ParadexWalletWithdraw;
+// import { FC } from 'react'
+// import useWallet from '../../../../../../hooks/useWallet';
+// import { WithdrawPageProps } from '../WalletTransferContent';
+// import { useSettingsState } from '../../../../../../context/settings';
+// import KnownInternalNames from '../../../../../../lib/knownIds';
+// import Evm from './Evm';
+// import Starknet from './Starknet';
+// import { useWalletStore } from '../../../../../../stores/walletStore';
+// import { useSwapDataState, useSwapDataUpdate } from '../../../../../../context/swap';
+// import { Wallet } from '../../../../../../Models/WalletProvider';
+// import SubmitButton from '../../../../../Buttons/submitButton';
+// import { WalletIcon } from 'lucide-react';
+// const ParadexWalletWithdraw: FC<WithdrawPageProps> = ({ amount, token, callData, swapId }) => {
+//     const { networks } = useSettingsState();
+//     const l1Network = networks.find(n => n.name === KnownInternalNames.Networks.EthereumMainnet || n.name === KnownInternalNames.Networks.EthereumSepolia);
+//     const starknet = networks.find(n => n.name === KnownInternalNames.Networks.StarkNetMainnet || n.name === KnownInternalNames.Networks.StarkNetGoerli || n.name === KnownInternalNames.Networks.StarkNetSepolia);
+//     const selectedProvider = useWalletStore((state) => state.selectedProveder)
+//     const { provider: evmProvider } = useWallet(l1Network, 'withdrawal')
+//     const { provider: starknetProvider } = useWallet(starknet, 'withdrawal')
+//     const evmWallet = evmProvider?.activeWallet
+//     const starknetWallet = starknetProvider?.activeWallet
+//     if (selectedProvider === evmProvider?.name && evmWallet) {
+//         return <Evm amount={amount} callData={callData} token={token} swapId={swapId} />
+//     }
+//     if (selectedProvider === starknetProvider?.name && starknetWallet) {
+//         return <Starknet amount={amount} callData={callData} token={token} swapId={swapId} />
+//     }
+//     return <ConnectWalletModal />
+// }
+// const ConnectWalletModal = () => {
+//     const { swapResponse } = useSwapDataState()
+//     const { source_network } = swapResponse?.swap || {}
+//     const { provider } = useWallet(source_network, 'withdrawal')
+//     const { setSelectedSourceAccount } = useSwapDataUpdate()
+//     const handleSelectWallet = (wallet?: Wallet | undefined, address?: string | undefined) => {
+//         if (wallet && address) {
+//             setSelectedSourceAccount({
+//                 wallet,
+//                 address
+//             })
+//         }
+//         else {
+//             setSelectedSourceAccount(undefined)
+//         }
+//     }
+//     const connect = async () => {
+//         const result = await provider?.connectWallet()
+//         if (result) {
+//             handleSelectWallet(result, result.address)
+//         }
+//     }
+//     return <SubmitButton onClick={connect} type="button" icon={<WalletIcon className="h-6 w-6" strokeWidth={2} />} >
+//         Connect a wallet
+//     </SubmitButton>
+// }
+// export default ParadexWalletWithdraw;

package/dist/components/Pages/SwapPages/Withdraw/index.d.ts

@@ -1,3 +1,3 @@
 import { FC } from "react";
-import { LayerswapContextProps } from "../../../../context/LayerswapContext";
+import { LayerswapContextProps } from "../../../../context/LayerswapProvider";
 export declare const SwapWithdrawal: FC<LayerswapContextProps>;

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

@@ -1,10 +1,11 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { Widget } from "../../../Widget/Index";
 import { SwapDataProvider, useSwapDataState, useSwapDataUpdate } from "../../../../context/swap";
 import NotFound from "./NotFound";
 import SwapDetails from "./SwapDetails";
-import LayerswapContext from "../../../../context/LayerswapContext";
+import { LayerswapProvider } from "../../../../context/LayerswapProvider";
 import { TimerProvider } from "../../../../context/timerContext";
 import { DepositMethodProvider } from "../../../../context/depositMethodContext";
 const Comp = () => {
@@ -19,5 +20,5 @@ const Comp = () => {
     return (_jsx(SwapDetails, { type: "widget" }));
 };
 export const SwapWithdrawal = (props) => {
-    return (_jsx(LayerswapContext, { ...props, children: _jsx(SwapDataProvider, { children: _jsx(TimerProvider, { children: _jsx(DepositMethodProvider, { children: _jsx(Comp, {}) }) }) }) }));
+    return (_jsx(LayerswapProvider, { ...props, children: _jsx(SwapDataProvider, { children: _jsx(TimerProvider, { children: _jsx(DepositMethodProvider, { children: _jsx(Comp, {}) }) }) }) }));
 };

package/dist/components/Wallet/WalletModal/Connector.js

@@ -8,7 +8,7 @@ const Connector = ({ connector, connectingConnector, onClick, isRecent, ...props
     const isLoading = connectingConnector?.name === connectorName;
     return (_jsx(_Fragment, { children: _jsx("button", { type: "button", disabled: !!connectingConnector, className: "w-full h-fit flex items-center justify-between bg-secondary-700 hover:bg-secondary-500 transition-colors duration-200 rounded-xl p-3", onClick: onClick, ...props, children: _jsxs("div", { className: "grid grid-cols-3 gap-3 items-center font-medium w-full", children: [_jsx(Icon, { className: "w-9 sm:w-11 h-auto p-0.5 rounded-[10px] bg-secondary-800" }), _jsxs("div", { className: 'flex flex-col items-start justify-center col-start-2 col-span-3 min-h-[40px]', children: [_jsx("p", { className: 'text-base text-left truncate w-full', children: connectorName }), connector.type === 'injected' && !isRecent &&
                                 _jsx("p", { className: 'text-xs text-secondary-text font-medium', children: "Installed" }), isRecent &&
-                                _jsx("p", { className: 'text-xs text-primary-text font-semibold bg-primary-700 px-1 py-0.5 rounded-md', children: "Recent" })] }), isLoading &&
+                                _jsx("p", { className: 'text-xs text-primary-actionButtonText font-semibold bg-primary-700 px-1.5 py-0.5 rounded-md', children: "Recent" })] }), isLoading &&
                         _jsx("div", { className: 'absolute right-0 bg-secondary-800 rounded-lg p-1', children: _jsx(Loader, { className: 'h-4 w-4 animate-spin' }) })] }) }) }));
 };
 export default Connector;

package/dist/components/Wallet/WalletProviders/FuelProvider.d.ts

@@ -1,5 +0,0 @@
-export declare const HOST_URL = "https://api.bako.global";
-declare const FuelProviderWrapper: ({ children }: {
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export default FuelProviderWrapper;