@layerswap/widget 0.1.20 → 1.0.0-alpha1.1

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

@@ -1,42 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import WalletTransfer from './Wallet';
-import ManualTransfer from './ManualTransfer';
-import { useSwapDataState } from '../../../../context/swap';
-import KnownInternalNames from '../../../../lib/knownIds';
-import SwapSummary from './Summary';
-import External from './External';
-import { useQueryState } from '../../../../context/query';
-import { Widget } from '../../../Widget/Index';
-import WalletTransferContent from './WalletTransferContent';
-const Withdraw = () => {
-    const { swapResponse } = useSwapDataState();
-    const { swap } = swapResponse || {};
-    const { appName, signature } = useQueryState();
-    const sourceIsImmutableX = swap?.source_network.name?.toUpperCase() === KnownInternalNames.Networks.ImmutableXMainnet?.toUpperCase()
-        || swap?.source_network.name === KnownInternalNames.Networks.ImmutableXGoerli?.toUpperCase();
-    const sourceIsArbitrumOne = swap?.source_network.name?.toUpperCase() === KnownInternalNames.Networks.ArbitrumMainnet?.toUpperCase()
-        || swap?.source_network.name === KnownInternalNames.Networks.ArbitrumGoerli?.toUpperCase();
-    const isImtblMarketplace = (signature && appName === "imxMarketplace" && sourceIsImmutableX);
-    const sourceIsSynquote = appName === "ea7df14a1597407f9f755f05e25bab42" && sourceIsArbitrumOne;
-    let withdraw = {};
-    if (swap?.use_deposit_address === false) {
-        withdraw = {
-            content: _jsx(WalletTransferContent, {}),
-            footer: _jsx(WalletTransfer, {})
-        };
-    }
-    else if (swap?.use_deposit_address === true) {
-        withdraw = {
-            footer: _jsx(ManualTransfer, {}),
-            content: _jsx(_Fragment, {})
-        };
-    }
-    if (isImtblMarketplace || sourceIsSynquote) {
-        withdraw = {
-            content: _jsx(External, {})
-        };
-    }
-    return (_jsxs(_Fragment, { children: [_jsx(Widget.Content, { children: _jsx("div", { className: "w-full flex flex-col justify-between  text-secondary-text", children: _jsxs("div", { className: 'grid grid-cols-1 gap-4 ', children: [_jsx("div", { className: "bg-secondary-700 rounded-lg px-3 py-4 border border-secondary-500 w-full relative z-10 space-y-4", children: _jsx(SwapSummary, {}) }), _jsx("span", { children: withdraw?.content })] }) }) }), withdraw?.footer &&
-                _jsx(Widget.Footer, { sticky: true, children: withdraw?.footer })] }));
-};
-export default Withdraw;

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

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

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

@@ -1,24 +0,0 @@
-'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 { LayerswapProvider } from "../../../../context/LayerswapProvider";
-import { TimerProvider } from "../../../../context/timerContext";
-import { DepositMethodProvider } from "../../../../context/depositMethodContext";
-const Comp = () => {
-    const { swapResponse: swap, swapApiError } = useSwapDataState();
-    const { mutateSwap } = useSwapDataUpdate();
-    useEffect(() => {
-        mutateSwap();
-    }, []);
-    if (!swap)
-        return _jsx(Widget, { children: _jsx("div", { className: `pb-6 rounded-lg w-full overflow-hidden relative h-[548px]`, children: swapApiError &&
-                    _jsx(NotFound, {}) }) });
-    return (_jsx(SwapDetails, { type: "widget" }));
-};
-export const SwapWithdrawal = (props) => {
-    return (_jsx(LayerswapProvider, { ...props, children: _jsx(SwapDataProvider, { children: _jsx(TimerProvider, { children: _jsx(DepositMethodProvider, { children: _jsx(Comp, {}) }) }) }) }));
-};

package/dist/components/Wallet/WalletComponents/ConnectedWallets.d.ts

@@ -1,2 +0,0 @@
-export declare const WalletsHeader: () => import("react/jsx-runtime").JSX.Element;
-export declare const WalletsMenu: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Wallet/WalletComponents/ConnectedWallets.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import WalletIcon from "../../Icons/WalletIcon";
-import shortenAddress from "../../utils/ShortenAddress";
-import useWallet from "../../../hooks/useWallet";
-import ConnectButton from "../../Buttons/connectButton";
-import { useState } from "react";
-import WalletsList from "./WalletsList";
-import VaulDrawer from "../../Modal/vaulModal";
-export const WalletsHeader = () => {
-    const { wallets } = useWallet();
-    if (wallets.length > 0) {
-        return (_jsx(WalletsHeaderWalletsList, { wallets: wallets }));
-    }
-    return (_jsx(ConnectButton, { children: _jsx("div", { className: "p-1.5 justify-self-start text-secondary-text hover:bg-secondary-500 hover:text-primary-text focus:outline-none inline-flex rounded-lg items-center", children: _jsx(WalletIcon, { className: "h-6 w-6 mx-0.5", strokeWidth: "2" }) }) }));
-};
-const WalletsHeaderWalletsList = ({ wallets }) => {
-    const [openModal, setOpenModal] = useState(false);
-    return _jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: () => setOpenModal(true), className: "p-1.5 justify-self-start text-secondary-text hover:bg-secondary-500 hover:text-primary-text focus:outline-none inline-flex rounded-lg items-center", children: _jsx(WalletsIcons, { wallets: wallets }) }), _jsx(VaulDrawer, { show: openModal, setShow: setOpenModal, header: `Connected wallets`, modalId: "connectedWallets", children: _jsx(VaulDrawer.Snap, { id: "item-1", children: _jsx(WalletsList, { wallets: wallets }) }) })] });
-};
-const WalletsIcons = ({ wallets }) => {
-    const uniqueWallets = wallets.filter((wallet, index, self) => index === self.findIndex((t) => t.id === wallet.id));
-    const firstWallet = uniqueWallets[0];
-    const secondWallet = uniqueWallets[1];
-    return (_jsxs("div", { className: "-space-x-2 flex", children: [firstWallet?.displayName &&
-                _jsx(firstWallet.icon, { className: "rounded-full border-2 border-secondary-600 bg-secondary-700 flex-shrink-0 h-6 w-6" }), secondWallet?.displayName &&
-                _jsx(secondWallet.icon, { className: "rounded-full border-2 border-secondary-600 bg-secondary-700 flex-shrink-0 h-6 w-6" }), uniqueWallets.length > 2 &&
-                _jsx("div", { className: "h-6 w-6 flex-shrink-0 rounded-full justify-center p-1 bg-secondary-600 text-primary-text overlfow-hidden text-xs", children: _jsxs("span", { children: [_jsx("span", { children: "+" }), uniqueWallets.length - 2] }) })] }));
-};
-export const WalletsMenu = () => {
-    const { wallets } = useWallet();
-    if (wallets.length > 0) {
-        return (_jsx(WalletsMenuWalletsList, { wallets: wallets }));
-    }
-    return (_jsx(ConnectButton, { children: _jsxs("div", { className: " border border-primary disabled:border-primary-900 items-center space-x-1 disabled:text-opacity-40 disabled:bg-primary-900 disabled:cursor-not-allowed relative w-full flex justify-center font-semibold rounded-md transform hover:brightness-125 transition duration-200 ease-in-out bg-primary py-3 md:px-3 bg-primary/20 border-none !text-primary !px-4", children: [_jsx("span", { className: "order-first absolute left-0 inset-y-0 flex items-center pl-3", children: _jsx(WalletIcon, { className: "h-6 w-6", strokeWidth: "2" }) }), _jsx("span", { className: "grow text-center", children: "Connect a wallet" })] }) }));
-};
-const WalletsMenuWalletsList = ({ wallets }) => {
-    const wallet = wallets[0];
-    const [openModal, setOpenModal] = useState(false);
-    return _jsxs(_Fragment, { children: [_jsx("button", { onClick: () => setOpenModal(true), type: "button", className: "py-3 px-4 bg-secondary-700 flex items-center w-full rounded-md space-x-1 disabled:text-opacity-40 disabled:bg-primary-900 disabled:cursor-not-allowed relative font-semibold transform border border-secondary-500 hover:bg-secondary-600 transition duration-200 ease-in-out", children: wallets.length === 1 ?
-                    _jsxs("div", { className: "flex gap-4 items-start", children: [_jsx(wallet.icon, { className: 'h-5 w-5' }), !wallet.isLoading && wallet.address && _jsx("p", { children: shortenAddress(wallet.address) })] })
-                    :
-                        _jsxs(_Fragment, { children: [_jsx("div", { className: "flex justify-center w-full", children: "Connected wallets" }), _jsx("div", { className: "place-items-end absolute left-2.5", children: _jsx(WalletsIcons, { wallets: wallets }) })] }) }), _jsx(VaulDrawer, { show: openModal, setShow: setOpenModal, header: `Connected wallets`, modalId: "connectedWallets", children: _jsx(VaulDrawer.Snap, { id: "item-1", children: _jsx(WalletsList, { wallets: wallets }) }) })] });
-};

package/dist/components/Wallet/WalletComponents/WalletsList.d.ts

@@ -1,22 +0,0 @@
-import { Wallet, WalletProvider } from "../../../Models/WalletProvider";
-import { FC, HTMLAttributes } from "react";
-import { Network, Token } from "../../../Models/Network";
-type Props = {
-    selectable?: boolean;
-    wallets: Wallet[];
-    token?: Token;
-    network?: Network;
-    provider?: WalletProvider | undefined;
-    onSelect?: (wallet: Wallet, address: string) => void;
-};
-declare const WalletsList: FC<Props>;
-type WalletItemProps = {
-    wallet: Wallet;
-    selectable?: boolean;
-    token?: Token;
-    network?: Network;
-    selectedAddress: string | undefined;
-    onWalletSelect?: (wallet: Wallet, address: string) => void;
-};
-export declare const WalletItem: FC<HTMLAttributes<HTMLDivElement> & WalletItemProps>;
-export default WalletsList;

package/dist/components/Wallet/WalletComponents/WalletsList.js

@@ -1,68 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Plus, Power } from "lucide-react";
-import AddressIcon from "../../Common/AddressIcon";
-import { ExtendedAddress } from "../../Input/Address/AddressPicker/AddressWithIcon";
-import { clsx } from 'clsx';
-import { useConnectModal } from "../WalletModal";
-import { useSwapDataState } from "../../../context/swap";
-import FilledCheck from "../../Icons/FilledCheck";
-import { truncateDecimals } from "../../utils/RoundDecimals";
-import useSWRBalance from "../../../lib/balances/useSWRBalance";
-import { useSettingsState } from "../../../context/settings";
-import { Tooltip, TooltipContent, TooltipTrigger } from "../../shadcn/tooltip";
-const WalletsList = (props) => {
-    const { wallets, token, network, provider, selectable, onSelect } = props;
-    const { connect } = useConnectModal();
-    const connectWallet = async () => {
-        const result = await connect(provider);
-        if (result && onSelect && result.withdrawalSupportedNetworks?.some(n => n === network?.name)) {
-            onSelect(result, result.address);
-        }
-    };
-    const { selectedSourceAccount } = useSwapDataState();
-    return (_jsxs("div", { className: "space-y-3", children: [_jsx("button", { type: 'button', onClick: connectWallet, className: "w-full flex justify-center p-2 bg-secondary-700 rounded-md hover:bg-secondary-600", children: _jsxs("div", { className: "flex items-center text-secondary-text gap-1 px-3 py-1", children: [_jsx(Plus, { className: "h-4 w-4" }), _jsx("span", { className: "text-sm", children: "Connect new wallet" })] }) }), wallets.length > 0 &&
-                _jsx("div", { className: "flex flex-col justify-start space-y-3", children: wallets.map((wallet, index) => _jsx(WalletItem, { wallet: wallet, selectable: selectable, token: token, network: network, onWalletSelect: onSelect, selectedAddress: selectedSourceAccount?.address }, `${index}${wallet.providerName}`)) })] }));
-};
-export const WalletItem = ({ selectable, wallet, network, onWalletSelect, token, selectedAddress, ...props }) => {
-    const { networks } = useSettingsState();
-    const networkWithTokens = networks.find(n => n.name === network?.name);
-    const { balance, isBalanceLoading } = useSWRBalance(wallet.address, networkWithTokens);
-    const walletBalance = balance?.find(b => b?.token === token?.symbol);
-    const isSelected = selectable && (wallet.addresses.length == 1 && wallet.address == selectedAddress);
-    const walletBalanceAmount = walletBalance?.amount !== undefined ? truncateDecimals(walletBalance.amount, token?.precision) : '';
-    return (_jsxs("div", { ...props, className: "rounded-md outline-none text-primary-tex", children: [_jsxs("div", { onClick: () => (selectable && wallet.addresses.length == 1 && onWalletSelect) && onWalletSelect(wallet, wallet.address), className: clsx('w-full relative items-center justify-between gap-2 flex rounded-lg outline-none bg-secondary-700 text-primary-text p-3 group/addressItem', {
-                    'hover:bg-secondary-600 cursor-pointer': selectable && wallet.addresses.length == 1,
-                    'bg-secondary-800 py-2': wallet.addresses.length > 1
-                }), children: [_jsxs("div", { className: "flex space-x-2 items-center grow", children: [wallet &&
-                                _jsxs("div", { className: "inline-flex items-center relative", children: [_jsx(wallet.icon, { className: clsx('w-9 h-9 p-0.5 rounded-md bg-secondary-800', {
-                                                '!w-6 !h-6': wallet.addresses.length > 1,
-                                            }) }), wallet?.networkIcon && _jsx("div", { className: "h-5 w-5 absolute -right-1 -bottom-1", children: _jsx("img", { src: wallet?.networkIcon || '', alt: "Wallet default network icon", height: "40", width: "40", loading: "eager", className: "object-contain rounded-md border-2 border-secondary-800" }) })] }), wallet.addresses.length > 1 ?
-                                _jsx("div", { children: _jsx("span", { className: "text-sm", children: wallet.displayName }) })
-                                :
-                                    _jsxs("div", { className: "w-full inline-flex items-center justify-between grow", children: [_jsxs("div", { children: [!wallet.isLoading && wallet.address &&
-                                                        _jsx(ExtendedAddress, { address: wallet.address, network: network, addressClassNames: "font-normal text-sm", onDisconnect: () => wallet && wallet.disconnect() }), _jsx("p", { className: "text-xs text-secondary-text", children: wallet.displayName })] }), walletBalanceAmount !== undefined && token &&
-                                                _jsx("span", { className: "text-sm flex space-x-2 justif-end", children: walletBalanceAmount ?
-                                                        _jsx("div", { className: "text-right text-secondary-text font-normal text-sm", children: isBalanceLoading ?
-                                                                _jsx("div", { className: 'h-[14px] w-20 inline-flex bg-gray-500 rounded-sm animate-pulse' })
-                                                                :
-                                                                    _jsxs(_Fragment, { children: [_jsx("span", { children: walletBalanceAmount }), " ", _jsx("span", { children: token?.symbol })] }) })
-                                                        :
-                                                            _jsx(_Fragment, {}) })] })] }), !selectable &&
-                        _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: wallet.disconnect, className: "text-xs text-secondary-text hover:text-primary-text rounded-full p-1.5 bg-secondary-900 hover:bg-secondary-950 transition-colors duration-200 ", children: _jsx(Power, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: _jsx("p", { children: "Disconnect" }) })] }), isSelected &&
-                        _jsx("div", { className: "flex h-6 items-center px-1", children: _jsx(FilledCheck, {}) })] }), wallet.addresses.length > 1 &&
-                _jsx("div", { className: 'w-full grow py-1 mt-1 bg-secondary-700 rounded-lg', children: wallet.addresses.map((address, index) => _jsx(NestedWalletAddress, { address: address, selectable: selectable, wallet: wallet, network: network, onWalletSelect: onWalletSelect, selectedAddress: selectedAddress, token: token }, index)) })] }));
-};
-const NestedWalletAddress = ({ selectable, address, network, onWalletSelect, token, wallet, selectedAddress, ...props }) => {
-    const { networks } = useSettingsState();
-    const networkWithTokens = networks.find(n => n.name === network?.name);
-    const { balance, isBalanceLoading } = useSWRBalance(address, networkWithTokens);
-    const isNestedSelected = selectable && address == selectedAddress;
-    const nestedWalletBalance = balance?.find(b => b?.token === token?.symbol);
-    const nestedWalletBalanceAmount = nestedWalletBalance?.amount !== undefined ? truncateDecimals(nestedWalletBalance.amount, token?.precision) : '';
-    return (_jsxs("div", { ...props, onClick: () => (selectable && onWalletSelect) && onWalletSelect(wallet, address), className: clsx('flex w-full justify-between gap-3 items-center pl-6 pr-4 py-2 group/addressItem', {
-            'hover:bg-secondary-600 cursor-pointer': selectable
-        }), children: [_jsxs("div", { className: 'flex items-center w-fit gap-3', children: [_jsx("div", { className: "flex bg-secondary-400  items-center justify-center rounded-md h-8 w-8 overflow-hidden", children: _jsx(AddressIcon, { className: "scale-150 h-8 w-8 p-0.5", address: address, size: 32 }) }), _jsx("div", { children: !wallet.isLoading && address &&
-                            _jsx(ExtendedAddress, { address: address, network: network, addressClassNames: "font-normal text-sm", onDisconnect: () => wallet && wallet.disconnect() }) })] }), _jsxs("div", { className: "inline-flex gap-2", children: [nestedWalletBalanceAmount && token && (_jsx("span", { className: "text-sm flex space-x-2 justify-end", children: _jsx("div", { className: "text-right text-secondary-text font-normal text-sm", children: isBalanceLoading ? (_jsx("div", { className: "h-[14px] w-20 inline-flex bg-gray-500 rounded-sm animate-pulse" })) : (_jsxs(_Fragment, { children: [_jsx("span", { children: nestedWalletBalanceAmount }), " ", _jsx("span", { children: token?.symbol })] })) }) })), isNestedSelected &&
-                        _jsx("div", { className: "flex h-6 items-center", children: _jsx(FilledCheck, {}) })] })] }));
-};
-export default WalletsList;

package/dist/components/Wallet/WalletModal/Connector.d.ts

@@ -1,11 +0,0 @@
-import { ButtonHTMLAttributes, DetailedHTMLProps, FC } from "react";
-import { WalletModalConnector } from ".";
-import { InternalConnector } from "../../../Models/WalletProvider";
-type Connector = DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
-    connector: InternalConnector;
-    connectingConnector?: WalletModalConnector;
-    isRecent?: boolean;
-    onClick: () => void;
-};
-declare const Connector: FC<Connector>;
-export default Connector;

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

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Loader } from "lucide-react";
-import { resolveWalletConnectorIcon } from "../../../lib/wallets/utils/resolveWalletIcon";
-const Connector = ({ connector, connectingConnector, onClick, isRecent, ...props }) => {
-    const connectorName = connector?.name;
-    const connectorId = connector?.id;
-    const Icon = resolveWalletConnectorIcon({ connector: connectorId, iconUrl: connector.icon });
-    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-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/WalletModal/ConnectorsList.d.ts

@@ -1,6 +0,0 @@
-import { FC } from "react";
-import { Wallet } from "../../../Models/WalletProvider";
-declare const ConnectorsLsit: FC<{
-    onFinish: (result: Wallet | undefined) => void;
-}>;
-export default ConnectorsLsit;

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

@@ -1,147 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef, useState } from "react";
-import useWallet from "../../../hooks/useWallet";
-import { useConnectModal } from ".";
-import { CircleX, Link2Off, RotateCw, Search, SlidersHorizontal, XCircle } from "lucide-react";
-import { resolveWalletConnectorIcon } from "../../../lib/wallets/utils/resolveWalletIcon";
-import { QRCodeSVG } from "qrcode.react";
-import clsx from "clsx";
-import useWindowDimensions from "../../../hooks/useWindowDimensions";
-import Connector from "./Connector";
-import { removeDuplicatesWithKey } from "./utils";
-import { usePersistedState } from "../../../hooks/usePersistedState";
-import { Popover, PopoverContent, PopoverTrigger } from "../../shadcn/popover";
-import { Checkbox } from "../../shadcn/checkbox";
-import VaulDrawer from "../../Modal/vaulModal";
-import CopyButton from "../../Buttons/copyButton";
-import LayerSwapLogoSmall from "../../Icons/layerSwapLogoSmall";
-const ConnectorsLsit = ({ onFinish }) => {
-    const { isMobileWithPortal: isMobile } = useWindowDimensions();
-    const { providers } = useWallet();
-    const { setSelectedConnector, selectedProvider, setSelectedProvider, selectedConnector } = useConnectModal();
-    let [recentConnectors, setRecentConnectors] = usePersistedState([], 'recentConnectors', 'localStorage');
-    const [connectionError, setConnectionError] = useState(undefined);
-    const [searchValue, setSearchValue] = useState(undefined);
-    const [isFocused, setIsFocused] = useState(false);
-    const [showEcosystemSeletion, setShowEcosystemSelection] = useState(false);
-    const [selectedMultiChainConnector, setSelectedMultiChainConnector] = useState(undefined);
-    const [isScrolling, setIsScrolling] = useState(false);
-    const scrollTimeout = useRef(null);
-    const handleScroll = () => {
-        setIsScrolling(true);
-        if (scrollTimeout.current)
-            clearTimeout(scrollTimeout.current);
-        scrollTimeout.current = setTimeout(() => {
-            setIsScrolling(false);
-        }, 1000);
-    };
-    useEffect(() => {
-        return () => clearTimeout(scrollTimeout.current);
-    }, []);
-    const connect = async (connector, provider) => {
-        try {
-            setConnectionError(undefined);
-            if (connector.isMultiChain) {
-                setSelectedMultiChainConnector(connector);
-                return setShowEcosystemSelection(true);
-            }
-            setSelectedConnector(connector);
-            if (connector.installUrl)
-                return;
-            const result = provider?.connectConnector && await provider.connectConnector({ connector });
-            if (result && connector && provider) {
-                setRecentConnectors((prev) => [...(prev?.filter(v => v.providerName !== provider.name) || []), { providerName: provider.name, connectorName: connector.name }]);
-                onFinish(result);
-            }
-            setSelectedConnector(undefined);
-        }
-        catch (e) {
-            console.log(e);
-            if (e?.message?.toLowerCase().includes('rejected') || e?.details?.toLowerCase().includes('rejected')) {
-                setConnectionError("You've declined the wallet connection request");
-            }
-            else {
-                setConnectionError(e.message || e.details || 'Something went wrong');
-            }
-        }
-    };
-    const filteredProviders = providers.filter(p => !p.hideFromList);
-    const featuredProviders = selectedProvider ? [selectedProvider] : filteredProviders;
-    const allConnectors = featuredProviders.filter(g => g.availableWalletsForConnect && g.availableWalletsForConnect?.length > 0).map((provider) => provider.availableWalletsForConnect?.filter(v => (isFocused || searchValue) ? (searchValue ? v.name.toLowerCase().includes(searchValue?.toLowerCase()) : false) : true).map((connector) => ({ ...connector, providerName: provider.name }))).flat();
-    const resolvedConnectors = useMemo(() => removeDuplicatesWithKey(allConnectors, 'name'), [allConnectors]);
-    if (selectedConnector?.qr?.state) {
-        const ConnectorIcon = resolveWalletConnectorIcon({ connector: selectedConnector?.name, iconUrl: selectedConnector.icon });
-        return _jsxs("div", { className: "flex flex-col justify-start space-y-2", children: [_jsx("p", { className: "text-secondary-text", children: "Scan the QR code with your phone" }), _jsx("div", { className: "w-full h-full bg-secondary-700 pb-3 pt-5 rounded-lg", children: _jsxs("div", { className: 'flex flex-col justify-center items-center pt-2 w-fit mx-auto', children: [selectedConnector?.qr.state == 'fetched' ?
-                                _jsx(QRCodeSVG, { className: "rounded-lg", value: selectedConnector?.qr.value, includeMargin: true, size: 264, level: "H", imageSettings: selectedConnector.icon
-                                        ? {
-                                            src: selectedConnector.icon,
-                                            height: 50,
-                                            width: 50,
-                                            excavate: true,
-                                        }
-                                        : undefined })
-                                :
-                                    _jsxs("div", { className: "w-[264px] h-[264px] relative", children: [_jsx("div", { className: "w-full h-full bg-secondary-500 animate-pulse rounded-xl" }), _jsx(ConnectorIcon, { className: 'h-[50px] w-[50px] absolute top-[calc(50%-25px)] right-[calc(50%-25px)]' })] }), _jsx("div", { className: 'bg-secondary-500 text-secondary-text w-full px-2 py-1.5 rounded-md mt-3 flex justify-center items-center', children: _jsx(CopyButton, { toCopy: selectedConnector?.qr.value || '', children: "Copy QR URL" }) })] }) })] });
-    }
-    if (selectedConnector) {
-        const connector = allConnectors.find(c => c?.name === selectedConnector.name);
-        const provider = featuredProviders.find(p => p.name === connector?.providerName);
-        return _jsx(LoadingConnect, { isMobile: isMobile, onRetry: () => { connect(connector, provider); }, selectedConnector: selectedConnector, connectionError: connectionError });
-    }
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "text-primary-text space-y-3", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "relative z-0 flex items-center px-3 rounded-lg bg-secondary-700 border border-secondary-500 w-full", children: [_jsx(Search, { className: "w-6 h-6 mr-2 text-primary-text-placeholder" }), _jsx("input", { value: searchValue, onChange: (e) => setSearchValue(e.target.value), onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), placeholder: "Search wallet", autoComplete: "off", className: "placeholder:text-primary-text-placeholder border-0 border-b-0 border-primary-text focus:border-primary-text appearance-none block py-2.5 px-0 w-full h-10 bg-transparent text-base outline-none focus:outline-none focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50" }), searchValue &&
-                                        _jsx("button", { type: "button", onClick: () => setSearchValue(''), className: "absolute right-3", children: _jsx(XCircle, { className: "w-4 h-4 text-primary-text-placeholder" }) })] }), _jsx(ProviderPicker, { providers: filteredProviders, selectedProviderName: selectedProvider?.name, setSelectedProviderName: (v) => setSelectedProvider(filteredProviders.find(p => p.name === v)) })] }), _jsx("div", { onScroll: handleScroll, className: clsx('overflow-y-scroll -mr-4 pr-2 scrollbar:!w-1.5 scrollbar:!h-1.5 scrollbar-thumb:bg-transparent', {
-                            'h-[55vh]': isMobile,
-                            'h-[265px]': !isMobile,
-                            'styled-scroll': isScrolling
-                        }), children: _jsx("div", { className: 'grid grid-cols-2 gap-2', children: resolvedConnectors.sort((a, b) => a.type && b.type ? a.type.localeCompare(b.type) : 0)?.map(item => {
-                                const provider = featuredProviders.find(p => p.name === item.providerName);
-                                const isRecent = recentConnectors?.some(v => v.connectorName === item.name);
-                                return (_jsx(Connector, { connector: item, onClick: () => connect(item, provider), connectingConnector: selectedConnector, isRecent: isRecent }, item.id));
-                            }) }) })] }), selectedMultiChainConnector &&
-                _jsx(MultichainConnectorModal, { selectedConnector: selectedMultiChainConnector, allConnectors: allConnectors, providers: featuredProviders, showEcosystemSelection: showEcosystemSeletion, setShowEcosystemSelection: setShowEcosystemSelection, connect: connect })] }));
-};
-const LoadingConnect = ({ onRetry, selectedConnector, connectionError, isMobile }) => {
-    const ConnectorIcon = resolveWalletConnectorIcon({ connector: selectedConnector?.name, iconUrl: selectedConnector.icon });
-    if (selectedConnector.installUrl) {
-        return _jsx("div", { className: clsx('w-full flex flex-col justify-center items-center font-semibold relative', {
-                'h-[60vh]': isMobile,
-                'h-[360px]': !isMobile,
-            }), children: _jsxs("div", { className: "flex flex-col gap-4 items-center justify-end row-start-2 row-span-1", children: [_jsxs("div", { className: "flex-col flex items-center gap-1", children: [_jsx(ConnectorIcon, { className: "w-11 h-auto p-0.5 rounded-md bg-secondary-800" }), _jsxs("p", { className: 'text-base font-semibold', children: [_jsx("span", { children: selectedConnector?.name }), " ", _jsx("span", { children: "is not installed" })] })] }), _jsx("button", { onClick: () => window.open(selectedConnector.installUrl, '_blank'), className: "px-3 py-1 rounded-full bg-secondary-600 text-primary-500 font-semibold text-base hover:brightness-125 transition-all duration-200", children: "INSTALL" })] }) });
-    }
-    return (_jsxs("div", { className: clsx('w-full flex flex-col justify-center items-center font-semibold relative', {
-            'h-[60vh]': isMobile,
-            'h-[360px]': !isMobile,
-            'pb-20': connectionError
-        }), children: [selectedConnector &&
-                _jsxs("div", { className: "flex flex-col gap-3 items-center justify-end row-start-2 row-span-1", children: [_jsx("div", { className: "flex-col flex items-center", children: _jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [_jsx("div", { className: "p-3 bg-secondary-700 rounded-lg z-10", children: _jsx(LayerSwapLogoSmall, { className: "w-11 h-auto" }) }), connectionError ?
-                                        _jsx(Link2Off, { className: "w-auto h-auto place-self-center" })
-                                        :
-                                            _jsx("div", { className: "loader !text-[3px] place-self-center" }), _jsx("div", { className: "p-3 bg-secondary-700 rounded-lg z-10", children: _jsx(ConnectorIcon, { className: "w-11 h-auto" }) })] }) }), !connectionError &&
-                            _jsxs("div", { className: "py-1 text-center", children: [_jsx("p", { className: "text-base font-medium", children: "Click connect in your wallet popup" }), _jsx("p", { className: "text-sm font-normal text-secondary-text", children: "Don't see a pop up? Check your other browser windows" })] })] }), connectionError &&
-                _jsxs("div", { className: `bg-secondary-700 rounded-lg flex flex-col gap-1.5 items-center p-3 w-full absolute bottom-0`, children: [_jsxs("div", { className: "flex w-full gap-1 text-sm text-secondary-text justify-start", children: [_jsx(CircleX, { className: "w-5 h-5 stroke-primary-500 mr-1 mt-0.5 flex-shrink-0" }), _jsxs("div", { className: 'flex flex-col gap-1', children: [_jsx("p", { className: 'text-base text-white', children: "Failed to connect" }), _jsx("p", { className: "text-sm font-normal", children: connectionError })] })] }), _jsxs("button", { type: "button", className: "flex gap-1.5 items-center justify-center bg-secondary-500 w-full text-primary-text p-4 border-none rounded-lg cursor-pointer text-sm font-medium leading-4", onClick: onRetry, children: [_jsx(RotateCw, { className: 'h-4 w-4' }), _jsx("span", { children: "Try again" })] })] })] }));
-};
-const ProviderPicker = ({ providers, selectedProviderName, setSelectedProviderName }) => {
-    const values = providers.map(p => p.name);
-    const onSelect = (item) => {
-        setOpen(false);
-        if (selectedProviderName === item)
-            return setSelectedProviderName(undefined);
-        setSelectedProviderName(item);
-    };
-    const [open, setOpen] = useState(false);
-    return (_jsxs(Popover, { open: open, onOpenChange: () => setOpen(!open), children: [_jsx(PopoverTrigger, { className: clsx('p-3 border border-secondary-500 rounded-lg bg-secondary-700 hover:brightness-125', {
-                    '!bg-secondary-500 brightness-125': !!selectedProviderName,
-                }), children: _jsx(SlidersHorizontal, { className: "h-4 w-4 text-secondary-text" }) }), _jsx(PopoverContent, { align: "end", className: "min-w-40 !text-primary-text p-2 space-y-1 !bg-secondary-600 !rounded-xl", children: values.sort().map((item, index) => (_jsxs("div", { onClick: () => onSelect(item), className: "px-3 py-1 text-left flex items-center w-full gap-3 hover:bg-secondary-800 rounded-lg transition-colors duration-200 text-secondary-text cursor-pointer", children: [_jsx(Checkbox, { id: item, checked: selectedProviderName === item }), item] }, index))) })] }));
-};
-const MultichainConnectorModal = ({ selectedConnector, allConnectors, providers, setShowEcosystemSelection, showEcosystemSelection, connect }) => {
-    const Icon = resolveWalletConnectorIcon({ connector: selectedConnector.name, iconUrl: selectedConnector.icon });
-    return (_jsx(VaulDrawer, { show: showEcosystemSelection, setShow: setShowEcosystemSelection, modalId: "selectEcosystem", header: _jsx("div", { children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Icon, { className: "w-5 h-auto" }), _jsxs("p", { className: "text-xl font-semibold", children: [_jsx("span", { children: "Connect" }), " ", _jsx("span", { children: selectedConnector.name })] })] }) }), children: _jsxs(VaulDrawer.Snap, { id: "item-1", className: "flex flex-col items-center gap-4 pb-6", children: [_jsxs("p", { className: "text-base text-left text-secondary-text", children: [_jsx("span", { children: selectedConnector.name }), " ", _jsx("span", { children: "supports multiple network types. Please select the one you'd like to use." })] }), _jsx("div", { className: "flex flex-col gap-2 w-full", children: allConnectors.filter(c => c?.name === selectedConnector.name)?.map((connector, index) => {
-                        const provider = providers.find(p => p.name === connector?.providerName);
-                        return (_jsxs("button", { onClick: async () => {
-                                setShowEcosystemSelection(false);
-                                await connect(connector, provider);
-                            }, className: "w-full h-fit flex items-center gap-3 bg-secondary-700 hover:bg-secondary-500 transition-colors duration-200 rounded-xl p-3", children: [provider?.providerIcon &&
-                                    _jsx("img", { className: "w-8 h-8 rounded-md", width: 30, height: 30, src: provider.providerIcon, alt: provider.name }), _jsx("p", { children: connector?.providerName })] }, index));
-                    }) })] }) }));
-};
-export default ConnectorsLsit;

package/dist/components/Wallet/WalletModal/index.d.ts

@@ -1,22 +0,0 @@
-import { InternalConnector, Wallet, WalletProvider } from '../../../Models/WalletProvider';
-export type WalletModalConnector = InternalConnector & {
-    qr?: ({
-        state: 'loading';
-        value: undefined;
-    } | {
-        state: 'fetched';
-        value: string;
-    });
-};
-export declare function WalletModalProvider({ children }: {
-    children: any;
-}): import("react/jsx-runtime").JSX.Element;
-export declare const useConnectModal: () => {
-    connect: (provider?: WalletProvider) => Promise<Wallet | undefined>;
-    cancel: () => void;
-    selectedProvider: WalletProvider | undefined;
-    setSelectedProvider: (value: WalletProvider | undefined) => void;
-    isWalletModalOpen?: boolean;
-    selectedConnector: WalletModalConnector | undefined;
-    setSelectedConnector: (value: WalletModalConnector | undefined) => void;
-};

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

@@ -1,62 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useEffect, useState } from 'react';
-import { ChevronLeft } from 'lucide-react';
-import ConnectorsList from './ConnectorsList';
-import VaulDrawer from '../../Modal/vaulModal';
-import IconButton from '../../Buttons/iconButton';
-const ConnectModalContext = createContext(null);
-export function WalletModalProvider({ children }) {
-    const [connectConfig, setConnectConfig] = useState(undefined);
-    const [selectedProvider, setSelectedProvider] = useState(undefined);
-    const [selectedConnector, setSelectedConnector] = useState(undefined);
-    const [open, setOpen] = useState(false);
-    const [isWalletModalOpen, setIsWalletModalOpen] = useState(false);
-    const connect = async ({ provider, connectCallback }) => {
-        if (!provider?.availableWalletsForConnect) {
-            await provider?.connectWallet();
-        }
-        setSelectedProvider(provider);
-        setOpen(true);
-        setConnectConfig({ provider, connectCallback });
-        return;
-    };
-    const cancel = () => {
-        if (connectConfig) {
-            connectConfig.connectCallback(undefined);
-            setConnectConfig(undefined);
-        }
-        setOpen(false);
-    };
-    const onFinish = (connectedWallet) => {
-        if (connectConfig) {
-            connectConfig.connectCallback(connectedWallet);
-            setConnectConfig(undefined);
-        }
-        setOpen(false);
-    };
-    const goBack = useCallback(() => {
-        if (selectedConnector) {
-            setSelectedConnector(undefined);
-            return;
-        }
-    }, [setSelectedConnector, selectedConnector]);
-    useEffect(() => {
-        if (!open && selectedConnector) {
-            setSelectedConnector(undefined);
-            setSelectedProvider(undefined);
-        }
-        setIsWalletModalOpen(open);
-    }, [open]);
-    return (_jsxs(ConnectModalContext.Provider, { value: { connect, cancel, selectedProvider, setSelectedProvider, selectedConnector, setSelectedConnector, isWalletModalOpen }, children: [children, _jsx(VaulDrawer, { show: open, setShow: setOpen, onClose: onFinish, modalId: "connectNewWallet", header: _jsxs("div", { className: "flex items-center gap-1", children: [selectedConnector &&
-                            _jsx("div", { className: '-ml-2', children: _jsx(IconButton, { onClick: goBack, icon: _jsx(ChevronLeft, { className: "h-6 w-6" }) }) }), _jsx("p", { children: "Connect wallet" })] }), children: _jsx(VaulDrawer.Snap, { id: 'item-1', children: _jsx(ConnectorsList, { onFinish: onFinish }) }) })] }));
-}
-export const useConnectModal = () => {
-    const context = useContext(ConnectModalContext);
-    if (context === undefined) {
-        throw new Error('useConnectModal must be used within a ConnectModalProvider');
-    }
-    const connect = (provider) => new Promise((res) => {
-        context.connect({ provider, connectCallback: res });
-    });
-    return { ...context, connect };
-};

package/dist/components/Wallet/WalletModal/utils.d.ts

@@ -1 +0,0 @@
-export declare function removeDuplicatesWithKey(arr: any[], key: string): any[];

package/dist/components/Wallet/WalletProviders/FuelProvider.js

@@ -1,25 +0,0 @@
-// import { BaskoRequestAPI } from '../../../lib/wallets/fuel/Bako';
-// import { BakoSafeConnector } from '../../../lib/fuels/connectors/bako-safe';
-// import { FuelProvider } from '@fuels/react';
-// import { FueletWalletConnector } from '../../../lib/fuels/connectors/fuelet-wallet';
-// import { FuelWalletConnector } from '../../../lib/fuels/connectors/fuel-wallet';
-// export const HOST_URL = 'https://api.bako.global';
-// const FuelProviderWrapper = ({
-//     children
-// }: { children: React.ReactNode }) => {
-//     const fuelConfig = {
-//         connectors: [
-//             new FuelWalletConnector(),
-//             new BakoSafeConnector({
-//                 api: new BaskoRequestAPI(HOST_URL)
-//             }),
-//             new FueletWalletConnector(),
-//         ]
-//     }
-//     return (
-//         <FuelProvider uiConfig={{ suggestBridge: false }} theme={'dark'} fuelConfig={fuelConfig}>
-//             {children}
-//         </FuelProvider>
-//     );
-// };
-// export default FuelProviderWrapper;

package/dist/components/Wallet/WalletProviders/ImtblPassportProvider.js

@@ -1,39 +0,0 @@
-// import { useEffect } from "react"
-// const PUBLISHABLE_KEY = ""//process.env.NEXT_PUBLIC_IMMUTABLE_PUBLISHABLE_KEY;
-// const CLIENT_ID = ""//process.env.NEXT_PUBLIC_IMMUTABLE_CLIENT_ID;
-// export const initilizePassport = async (basePath: string) => {
-//     const passport = (await import('@imtbl/sdk')).passport
-//     const config = (await import('@imtbl/sdk')).config
-//     const redirectUri = basePath ? `${window.location.origin}${basePath}/imtblRedirect` : `${window.location.origin}/imtblRedirect`
-//     const logoutRedirectUri = basePath ? `${window.location.origin}${basePath}/` : `${window.location.origin}/`
-//     if (PUBLISHABLE_KEY && CLIENT_ID) {
-//         passportInstance = new passport.Passport({
-//             baseConfig: {
-//                 environment: config.Environment.PRODUCTION,
-//                 publishableKey: PUBLISHABLE_KEY,
-//             },
-//             clientId: CLIENT_ID,
-//             audience: 'platform_api',
-//             scope: 'openid offline_access email transact',
-//             redirectUri,
-//             logoutRedirectUri,
-//             logoutMode: 'silent',
-//         });
-//     }
-// }
-// export var passportInstance: any = undefined
-// export function ImtblPassportProvider({ children }: { children: JSX.Element | JSX.Element[] }) {
-//     useEffect(() => {
-//         // if (!passportInstance) {
-//         //     (async () => {
-//         //         await initilizePassport('')
-//         //         passportInstance.connectEvm() // EIP-6963
-//         //     })()
-//         // }
-//     }, [passportInstance])
-//     return (
-//         <>
-//             {children}
-//         </>
-//     )
-// }