@layerswap/widget 0.1.4 → 0.1.14

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

@@ -1,15 +1,23 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { WalletProvider } from '@tronweb3/tronwallet-adapter-react-hooks';
-import { BitKeepAdapter, OkxWalletAdapter, TokenPocketAdapter, TronLinkAdapter, } from '../../../lib/wallets/tron/connectors';
-export default function TronProvider({ children }) {
-    const adapters = useMemo(() => {
-        return [
-            new TronLinkAdapter(),
-            new TokenPocketAdapter(),
-            new OkxWalletAdapter(),
-            new BitKeepAdapter(),
-        ];
-    }, []);
-    return (_jsx(WalletProvider, { adapters: adapters, disableAutoConnectOnLoad: true, autoConnect: false, children: children }));
-}
+// import { useMemo } from 'react';
+// import { WalletProvider } from '@tronweb3/tronwallet-adapter-react-hooks';
+// import {
+//     BitKeepAdapter,
+//     OkxWalletAdapter,
+//     TokenPocketAdapter,
+//     TronLinkAdapter,
+// } from '../../../lib/wallets/tron/connectors'
+// export default function TronProvider({ children }: { children: React.ReactNode }) {
+//     const adapters = useMemo(() => {
+//         return [
+//             new TronLinkAdapter(),
+//             new TokenPocketAdapter(),
+//             new OkxWalletAdapter(),
+//             new BitKeepAdapter(),
+//         ]
+//     }, [])
+//     return (
+//         <WalletProvider adapters={adapters} disableAutoConnectOnLoad={true} autoConnect={false}>
+//             {children}
+//         </WalletProvider>
+//     );
+// }

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

@@ -1,5 +1,5 @@
 type Props = {
     children: JSX.Element | JSX.Element[];
 };
-declare function WagmiComponent({ children }: Props): import("react/jsx-runtime").JSX.Element;
+declare function WagmiComponent({ children }: Props): import("react/jsx-runtime").JSX.Element | JSX.Element[];
 export default WagmiComponent;

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

@@ -3,7 +3,7 @@ import { useSettingsState } from "../../../context/settings";
 import { NetworkType } from "../../../Models/Network";
 import resolveChain from "../../../lib/resolveChain";
 import NetworkSettings from "../../../lib/NetworkSettings";
-import { WagmiProvider } from 'wagmi';
+import { WagmiContext, WagmiProvider } from 'wagmi';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { createConfig } from 'wagmi';
 import { http } from 'viem';
@@ -14,15 +14,26 @@ import { coinbaseWallet, walletConnect } from '@wagmi/connectors';
 import { hasInjectedProvider } from '../../../lib/wallets/connectors/getInjectedConnector';
 import { bitget } from '../../../lib/wallets/connectors/bitget';
 import { isMobile } from '../../../lib/isMobile';
-import FuelProviderWrapper from "./FuelProvider";
 import { browserInjected } from "../../../lib/wallets/connectors/browserInjected";
 import { useSyncProviders } from "../../../lib/wallets/connectors/useSyncProviders";
 import { okxWallet } from "../../../lib/wallets/connectors/okxWallet";
 import AppSettings from "../../../lib/AppSettings";
+import { useContext } from "react";
 const WALLETCONNECT_PROJECT_CONFIGS = AppSettings.WalletConnectConfig;
 const queryClient = new QueryClient();
+const wltcnnct_inited = walletConnect({ projectId: WALLETCONNECT_PROJECT_CONFIGS.projectId, showQrModal: isMobile(), customStoragePrefix: 'walletConnect' });
+const argent_inited = argent({ projectId: WALLETCONNECT_PROJECT_CONFIGS.projectId, showQrModal: false, customStoragePrefix: 'argent' });
+const metaMask_inited = metaMask({ projectId: WALLETCONNECT_PROJECT_CONFIGS.projectId, showQrModal: false, customStoragePrefix: 'metamask' });
+const rnbw_inited = rainbow({ projectId: WALLETCONNECT_PROJECT_CONFIGS.projectId, showQrModal: false, customStoragePrefix: 'rainbow' });
+const btgt_inited = bitget({ projectId: WALLETCONNECT_PROJECT_CONFIGS.projectId, showQrModal: false, customStoragePrefix: 'bitget' });
+const okx_inited = okxWallet({ projectId: WALLETCONNECT_PROJECT_CONFIGS.projectId, showQrModal: false, customStoragePrefix: 'okxWallet' });
 function WagmiComponent({ children }) {
+    const providers = useSyncProviders();
     const settings = useSettingsState();
+    const ctx = useContext(WagmiContext);
+    if (ctx) {
+        return children;
+    }
     const isChain = (c) => c != undefined;
     const settingsChains = settings?.networks
         .sort((a, b) => (NetworkSettings.KnownSettings[a.name]?.ChainOrder || Number(a.chain_id)) - (NetworkSettings.KnownSettings[b.name]?.ChainOrder || Number(b.chain_id)))
@@ -31,7 +42,6 @@ function WagmiComponent({ children }) {
         && net.token)
         .map(resolveChain).filter(isChain);
     const transports = {};
-    const providers = useSyncProviders();
     settingsChains.forEach(chain => {
         transports[chain.id] = chain.rpcUrls.default.http[0] ? http(chain.rpcUrls.default.http[0]) : http();
     });
@@ -48,17 +58,17 @@ function WagmiComponent({ children }) {
                 appName: WALLETCONNECT_PROJECT_CONFIGS.name,
                 appLogoUrl: WALLETCONNECT_PROJECT_CONFIGS.icons[0],
             }),
-            walletConnect({ projectId: WALLETCONNECT_PROJECT_CONFIGS.projectId, showQrModal: isMobile(), customStoragePrefix: 'walletConnect' }),
-            argent({ projectId: WALLETCONNECT_PROJECT_CONFIGS.projectId, showQrModal: false, customStoragePrefix: 'argent' }),
-            ...(!isMetaMaskInjected ? [metaMask({ projectId: WALLETCONNECT_PROJECT_CONFIGS.projectId, showQrModal: false, customStoragePrefix: 'metamask', providers })] : []),
-            ...(!isRainbowInjected ? [rainbow({ projectId: WALLETCONNECT_PROJECT_CONFIGS.projectId, showQrModal: false, customStoragePrefix: 'rainbow' })] : []),
-            ...(!isBitKeepInjected ? [bitget({ projectId: WALLETCONNECT_PROJECT_CONFIGS.projectId, showQrModal: false, customStoragePrefix: 'bitget' })] : []),
-            ...(!isOkxInjected ? [okxWallet({ projectId: WALLETCONNECT_PROJECT_CONFIGS.projectId, showQrModal: false, customStoragePrefix: 'okxWallet', providers })] : []),
+            wltcnnct_inited,
+            argent_inited,
+            ...(!isMetaMaskInjected ? [metaMask_inited] : []),
+            ...(!isRainbowInjected ? [rnbw_inited] : []),
+            ...(!isBitKeepInjected ? [btgt_inited] : []),
+            ...(!isOkxInjected ? [okx_inited] : []),
             browserInjected()
         ],
         chains: settingsChains,
         transports: transports,
     });
-    return (_jsx(WagmiProvider, { config: config, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(FuelProviderWrapper, { children: children }) }) }));
+    return (_jsx(WagmiProvider, { config: config, children: _jsx(QueryClientProvider, { client: queryClient, children: children }) }));
 }
 export default WagmiComponent;

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

@@ -1,11 +1,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import TonConnectProvider from "./TonConnectProvider";
-import SolanaProvider from "./SolanaProvider";
+// import TonConnectProvider from "./TonConnectProvider"
+// import SolanaProvider from "./SolanaProvider"
 import Wagmi from "./Wagmi";
-import StarknetProvider from "./StarknetProvider";
-import { ImtblPassportProvider } from "./ImtblPassportProvider";
-import TronProvider from "./TronProvider";
 const WalletsProviders = ({ children, themeData }) => {
-    return (_jsx(TonConnectProvider, { themeData: themeData, children: _jsx(SolanaProvider, { children: _jsx(TronProvider, { children: _jsx(StarknetProvider, { children: _jsx(Wagmi, { children: _jsx(ImtblPassportProvider, { children: children }) }) }) }) }) }));
+    return (
+    // <TonConnectProvider themeData={themeData}>
+    // <SolanaProvider>
+    // <TronProvider>
+    // <StarknetProvider>
+    _jsx(Wagmi, { children: children })
+    // </StarknetProvider>
+    // </TronProvider>
+    // </SolanaProvider>
+    // </TonConnectProvider>
+    );
 };
 export default WalletsProviders;

package/dist/components/Widget/Footer.d.ts

@@ -1,6 +1,7 @@
+import { ReactNode } from "react";
 type FooterProps = {
     hidden?: boolean;
-    children?: JSX.Element | JSX.Element[];
+    children?: ReactNode;
     sticky?: boolean;
 };
 declare const Footer: ({ children, hidden, sticky }: FooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Widget/Footer.js

@@ -1,7 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { motion } from "framer-motion";
 import GoHomeButton from "../utils/GoHome";
 import { useMeasure } from "@uidotdev/usehooks";
+import LayerSwapApiClient from "../../lib/layerSwapApiClient";
+import AppSettings from "../../lib/AppSettings";
 const variants = {
     enter: () => {
         return ({
@@ -23,10 +25,10 @@ const variants = {
         });
     },
 };
-const Footer = ({ children, hidden, sticky = true }) => {
+const Comp = ({ children, hidden, sticky = true }) => {
     let [footerRef, { height }] = useMeasure();
     return (sticky ?
-        _jsxs(_Fragment, { children: [_jsxs(motion.div, { ref: footerRef, transition: {
+        _jsxs(_Fragment, { children: [_jsx(motion.div, { ref: footerRef, transition: {
                         duration: 0.15,
                     }, custom: { direction: -1, width: 100 }, variants: variants, className: `text-primary-text text-base mt-3        
                         max-sm:fixed
@@ -37,11 +39,18 @@ const Footer = ({ children, hidden, sticky = true }) => {
                         max-sm:shadow-widget-footer 
                         max-sm:p-4 
                         max-sm:px-6 
-                        max-sm:w-full ${hidden ? 'animation-slide-out' : ''}`, children: [children, _jsxs("div", { className: "flex justify-center  text-primary-text-placeholder", children: [_jsx("span", { className: "text-xs content-center footerLogo mt-2.5", children: "Powered by" }), " ", _jsx(GoHomeButton, { className: 'footerLogo ml-1 mt-2.5 fill-primary-text-placeholder h-5 w-auto cursor-pointer' })] })] }), _jsx("div", { style: { height: `${height}px` }, className: `text-primary-text text-base mt-3        
+                        max-sm:w-full ${hidden ? 'animation-slide-out' : ''}`, children: children }), _jsx("div", { style: { height: `${height}px` }, className: `text-primary-text text-base mt-3        
                              max-sm:inset-x-0
                              max-sm:bottom-0 
                              max-sm:p-4 max-sm:w-full invisible sm:hidden` })] })
         :
             _jsx(_Fragment, { children: children }));
 };
+const Footer = ({ children, hidden, sticky }) => {
+    const isFooterVisible = LayerSwapApiClient.apiKey !== AppSettings.LayerswapApiKeys['mainnet'] &&
+        LayerSwapApiClient.apiKey !== AppSettings.LayerswapApiKeys['testnet'];
+    const isFooterSticky = AppSettings.ThemeData?.footerSticky ?? false;
+    return (_jsxs(Comp, { hidden: hidden, sticky: isFooterSticky ? sticky : false, children: [children, isFooterVisible &&
+                _jsxs("a", { target: "_blank", href: 'https://layerswap.io/', className: "flex justify-center text-primary-text-placeholder mt-3 -mb-1.5 sm:-mb-3", children: [_jsx("span", { className: "text-xs content-center", children: "Powered by" }), " ", _jsx(GoHomeButton, { className: 'ml-1 fill-primary-text-placeholder h-5 w-auto cursor-pointer' })] })] }));
+};
 export default Footer;

package/dist/components/Widget/Index.d.ts

@@ -11,7 +11,7 @@ declare const Widget: {
     }) => import("react/jsx-runtime").JSX.Element;
     Footer: ({ children, hidden, sticky }: {
         hidden?: boolean;
-        children?: JSX.Element | JSX.Element[];
+        children?: import("react").ReactNode;
         sticky?: boolean;
     }) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/components/Widget/Index.js

@@ -8,7 +8,7 @@ import { WalletModalProvider } from "../Wallet/WalletModal";
 const Widget = ({ children, className, hideMenu }) => {
     const wrapper = useRef(null);
     const handleBack = null;
-    return _jsx(WalletModalProvider, { children: _jsxs("div", { id: "widget", className: `bg-secondary-900 rounded-lg w-full sm:overflow-hidden relative `, children: [_jsx("div", { className: "relative z-20", children: AppSettings.ApiVersion === 'sandbox' &&
+    return _jsx(WalletModalProvider, { children: _jsxs("div", { id: "widget", className: "bg-secondary-900 rounded-lg w-full sm:overflow-hidden relative text-left", children: [_jsx("div", { className: "relative z-20", children: AppSettings.ApiVersion === 'sandbox' &&
                         _jsxs("div", { children: [_jsx("div", { className: "h-0.5 bg-[#D95E1B]" }), _jsx("div", { className: "absolute -top-0.5 right-[calc(50%-68px)] bg-[#D95E1B] py-0.5 px-10 rounded-b-md text-xs scale-75", children: "TESTNET" })] }) }), !hideMenu &&
                     _jsx(HeaderWithMenu, { goBack: handleBack }), _jsx("div", { className: 'text-center text-xl text-secondary-100' }), _jsx("div", { className: "relative px-6", children: _jsx("div", { className: "flex items-start", ref: wrapper, children: _jsx("div", { className: `flex flex-nowrap grow`, children: _jsx("div", { className: `w-full pb-6 flex flex-col justify-between space-y-5 text-secondary-text h-full ${className}`, children: children }) }) }) }), _jsx("div", { id: "widget_root" })] }) });
 };

package/dist/components/WidgetLoading.d.ts

@@ -0,0 +1 @@
+export default function WidgetLoading(): import("react/jsx-runtime").JSX.Element;

package/dist/components/WidgetLoading.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MenuIcon } from "lucide-react";
+export default function WidgetLoading() {
+    return (_jsx("div", { className: "w-full h-full max-w-lg z-[1] sm:mb-6 mx-auto", children: _jsx("div", { className: "flex h-full content-center items-center justify-center flex-col container mx-auto sm:px-6 max-w-lg", children: _jsx("div", { className: "flex h-full flex-col w-full", children: _jsx("div", { className: "bg-secondary-900 rounded-lg w-full sm:overflow-hidden relative text-left", children: _jsx("div", { className: "relative", children: _jsx("div", { className: "flex items-start", children: _jsx("div", { className: "flex flex-nowrap grow w-full", children: _jsx("div", { className: "w-full pb-6 flex flex-col justify-between text-secondary-500 sm:min-h-[500px] h-full", children: _jsxs("div", { className: "flex flex-col", children: [_jsx("div", { className: "w-full grid grid-cols-5 px-6 mt-3 pb-2", children: _jsx("div", { className: "col-start-5 justify-self-end self-center flex items-center gap-x-1 -mr-2", children: _jsx("div", { className: "mx-2 space-y-1 py-1.5", children: _jsx(MenuIcon, { strokeWidth: "2" }) }) }) }), _jsxs("div", { className: "px-6", children: [_jsxs("div", { className: "bg-secondary-700 pt-8 grid grid-cols-6 gap-2 space-y-1 items-end p-3 rounded-xl my-4 mb-12", children: [_jsx("div", { className: "col-span-4 h-12 bg-secondary-600 rounded-lg animate-pulse mt-6", children: "\u00A0" }), _jsx("div", { className: "col-span-2 h-12 bg-secondary-600 rounded-lg animate-pulse mt-6", children: "\u00A0" }), _jsx("div", { className: "col-start-4 col-span-1 flex justify-start items-center py-2", children: _jsx("div", { className: "w-8 h-8 bg-secondary-600 rounded-lg animate-pulse" }) }), _jsx("div", { className: "col-span-4 h-12 bg-secondary-600 rounded-lg animate-pulse", children: "\u00A0" }), _jsx("div", { className: "col-span-2 h-12 bg-secondary-600 rounded-lg animate-pulse", children: "\u00A0" })] }), _jsx("div", { className: "w-full h-12 bg-secondary-600 rounded-lg animate-pulse mt-2", children: "\u00A0" }), _jsx("div", { className: "mt-10", children: _jsx("div", { className: "w-full h-[50px] bg-primary animate-pulse rounded-lg" }) })] })] }) }) }) }) }) }) }) }) }));
+}

package/dist/components/Wizard/Wizard.js

@@ -18,6 +18,6 @@ const Wizard = ({ children, wizardId }) => {
         return () => window.removeEventListener("resize", handleResize);
     }, []);
     const width = positionPercent || 0;
-    return _jsx(_Fragment, { children: _jsxs("div", { id: 'widget', className: noToolBar ? `w-full h-full` : ` bg-secondary-900 rounded-lg w-full sm:overflow-hidden relative`, children: [_jsx("div", { className: "relative", children: !noToolBar && _jsx("div", { className: "overflow-hidden h-1 flex rounded-t-lg bg-secondary-500", children: _jsx("div", { style: { width: `${width}%`, transition: 'width 1s' }, className: "shadow-none flex flex-col whitespace-nowrap justify-center bg-primary" }) }) }), !hideMenu && _jsx(HeaderWithMenu, { goBack: goBack }), _jsx("div", { className: noToolBar ? 'relative w-full h-full' : `relative px-6 `, children: _jsx("div", { className: "flex items-start w-full h-full", ref: wrapper, children: _jsx(AnimatePresence, { initial: false, custom: { direction: moving === "forward" ? 1 : -1, width: wrapperWidth }, children: _jsx("div", { className: `flex flex-nowrap h-full`, children: children }, wizardId) }) }) }), _jsx("div", { id: "widget_root" })] }) });
+    return _jsx(_Fragment, { children: _jsxs("div", { id: 'widget', className: `text-left ${noToolBar ? `w-full h-full` : ` bg-secondary-900 rounded-lg w-full sm:overflow-hidden relative`}`, children: [_jsx("div", { className: "relative", children: !noToolBar && _jsx("div", { className: "overflow-hidden h-1 flex rounded-t-lg bg-secondary-500", children: _jsx("div", { style: { width: `${width}%`, transition: 'width 1s' }, className: "shadow-none flex flex-col whitespace-nowrap justify-center bg-primary" }) }) }), !hideMenu && _jsx(HeaderWithMenu, { goBack: goBack }), _jsx("div", { className: noToolBar ? 'relative w-full h-full' : `relative px-6 `, children: _jsx("div", { className: "flex items-start w-full h-full", ref: wrapper, children: _jsx(AnimatePresence, { initial: false, custom: { direction: moving === "forward" ? 1 : -1, width: wrapperWidth }, children: _jsx("div", { className: `flex flex-nowrap h-full`, children: children }, wizardId) }) }) }), _jsx("div", { id: "widget_root" })] }) });
 };
 export default Wizard;

package/dist/components/shadcn/command.js

@@ -9,7 +9,7 @@ Command.displayName = CommandPrimitive.displayName;
 const CommandWrapper = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(Command, { ...props, className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-secondary-text [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: children })));
 const CommandInput = React.forwardRef(({ className, ...props }, ref) => (_jsxs("div", { className: "relative z-0 flex items-center mt-1 mb-2 pl-2 border-b border-secondary-500", "cmdk-input-wrapper": "", children: [_jsx(CommandPrimitive.Input, { placeholder: " ", ref: ref, id: "floating_standard", ...props, className: classNames("peer/draft placeholder:text-transparent border-0 border-b-0 border-primary-text focus:border-primary-text appearance-none block py-2.5 px-0 w-full h-11 bg-transparent text-lg outline-none focus:outline-none focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50", className) }), _jsx("span", { className: "absolute left-1 font-thin animate-none peer-placeholder-shown/draft:animate-blinking text-lg peer-focus/draft:invisible invisible peer-placeholder-shown/draft:visible", children: "|" }), _jsx("label", { htmlFor: props.id, className: "absolute text-lg text-secondary-text duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-placeholder-shown/draft:scale-100 peer-placeholder-shown/draft:translate-y-0 peer-placeholder-shown/draft:text-secondary-text-muted", children: props.placeholder })] })));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-const CommandList = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.List, { ref: ref, className: classNames("overflow-y-auto styled-scroll rdxCommandList overflow-x-hidden", className), ...props })));
+const CommandList = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.List, { ref: ref, className: classNames("overflow-y-auto styled-scroll overflow-x-hidden", className), ...props })));
 CommandList.displayName = CommandPrimitive.List.displayName;
 const CommandEmpty = React.forwardRef((props, ref) => (_jsx(CommandPrimitive.Empty, { ref: ref, className: "py-6 text-center text-sm", ...props })));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;

package/dist/components/themeWrapper.js

@@ -2,13 +2,14 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { X } from "lucide-react";
 import toast, { ToastBar, Toaster } from "react-hot-toast";
 export default function ThemeWrapper({ children }) {
-    return _jsx("div", { className: 'styled-scroll', children: _jsx("main", { className: "styled-scroll", children: _jsxs("div", { className: `flex flex-col items-center overflow-hidden relative font-robo`, children: [_jsx(Toaster, { position: "top-center", toastOptions: {
+    return _jsx("div", { className: 'styled-scroll', children: _jsx("main", { className: "styled-scroll", children: _jsxs("div", { className: `flex flex-col items-center overflow-hidden relative font-robo`, children: [_jsx(Toaster, { containerStyle: {
+                            position: 'absolute',
+                        }, toastOptions: {
                             duration: 5000,
                             style: {
                                 background: '#131E36',
                                 color: '#a4afc8'
                             },
-                            position: 'top-center',
                             error: {
                                 duration: Infinity,
                             },

package/dist/context/{LayerswapContext.d.ts → LayerswapProvider.d.ts}

@@ -1,14 +1,10 @@
-import '../styles/globals.css';
-import '../styles/dialog-transition.css';
-import '../styles/manual-trasnfer-svg.css';
-import '../styles/vaul.css';
 import { FC } from "react";
 import { LayerSwapSettings } from "../Models/LayerSwapSettings";
 import { ThemeData } from "../Models/Theme";
 export type LayerswapContextProps = {
     children?: JSX.Element | JSX.Element[];
-    settings: LayerSwapSettings;
-    apiKey?: string;
+    settings?: LayerSwapSettings;
+    apiKey: string;
     themeData?: ThemeData | null;
     integrator: string;
     version?: 'mainnet' | 'testnet';
@@ -20,5 +16,4 @@ export type LayerswapContextProps = {
         icons?: string[];
     };
 };
-declare const LayerswapContext: FC<LayerswapContextProps>;
-export default LayerswapContext;
+export declare const LayerswapProvider: FC<LayerswapContextProps>;

package/dist/context/{LayerswapContext.js → LayerswapProvider.js}

@@ -1,8 +1,5 @@
+'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import '../styles/globals.css';
-import '../styles/dialog-transition.css';
-import '../styles/manual-trasnfer-svg.css';
-import '../styles/vaul.css';
 import { useEffect, useState } from "react";
 import ThemeWrapper from "../components/themeWrapper";
 import { ErrorBoundary } from "react-error-boundary";
@@ -19,13 +16,15 @@ import WalletsProviders from "../components/Wallet/WalletProviders";
 import { IntercomProvider } from 'react-use-intercom';
 import AppSettings from "../lib/AppSettings";
 import { getSettings } from "../helpers/getSettings";
+import WidgetLoading from "../components/WidgetLoading";
+import LayerSwapApiClient from "../lib/layerSwapApiClient";
 const INTERCOM_APP_ID = 'h5zisg78';
-const LayerswapContext = ({ children, settings: _settings, themeData, apiKey, integrator, version, walletConnect }) => {
+export const LayerswapProvider = ({ children, settings: _settings, themeData, apiKey, integrator, version, walletConnect }) => {
     const [fetchedSettings, setFetchedSettings] = useState(null);
     AppSettings.ApiVersion = version;
     AppSettings.Integrator = integrator;
-    if (apiKey)
-        AppSettings.apikey = apiKey;
+    AppSettings.ThemeData = themeData;
+    LayerSwapApiClient.apiKey = apiKey;
     useEffect(() => {
         if (!_settings) {
             (async () => {
@@ -38,11 +37,11 @@ const LayerswapContext = ({ children, settings: _settings, themeData, apiKey, in
     }, []);
     const settings = _settings || fetchedSettings;
     if (!settings) {
-        return _jsx("div", { children: "Loading..." });
+        return _jsxs(_Fragment, { children: [themeData &&
+                    _jsx(ColorSchema, { themeData: themeData }), _jsx(WidgetLoading, {})] });
     }
     let appSettings = new LayerSwapAppSettings(settings);
     themeData = themeData || THEME_COLORS.default;
     return (_jsxs(_Fragment, { children: [themeData &&
                 _jsx(ColorSchema, { themeData: themeData }), _jsx(IntercomProvider, { appId: INTERCOM_APP_ID, initializeDelay: 2500, children: _jsx(QueryProvider, { query: {}, children: _jsx(SettingsProvider, { data: appSettings, children: _jsx(AuthProvider, { children: _jsx(TooltipProvider, { delayDuration: 500, children: _jsx(ErrorBoundary, { FallbackComponent: ErrorFallback, children: _jsx(ThemeWrapper, { children: _jsx(WalletsProviders, { themeData: themeData, children: _jsx(AsyncModalProvider, { children: children }) }) }) }) }) }) }) }) })] }));
 };
-export default LayerswapContext;

package/dist/context/authContext.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useState } from 'react';
 import { parseJwt } from '../lib/jwtParser';

package/dist/context/walletHooksProvider.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
 export const WalletHooksProviderContext = createContext(null);

package/dist/hooks/useWallet.js

@@ -1,12 +1,8 @@
+'use client';
 import useEVM from "../lib/wallets/evm/useEVM";
-import useImtblX from "../lib/wallets/imtblX/useImtblX";
-import useSVM from "../lib/wallets/solana/useSVM";
-import useStarknet from "../lib/wallets/starknet/useStarknet";
-import useTON from "../lib/wallets/ton/useTON";
-import useFuel from "../lib/wallets/fuel/useFuel";
-import useTron from "../lib/wallets/tron/useTron";
+// import useTron from "../lib/wallets/tron/useTron";
 import { useMemo } from "react";
-import useParadex from "../lib/wallets/paradex/useParadex";
+// import useParadex from "../lib/wallets/paradex/useParadex";
 import { useSettingsState } from "../context/settings";
 import { useWalletProviderOverrides } from "../context/walletHooksProvider";
 export default function useWallet(network, purpose) {
@@ -14,13 +10,13 @@ export default function useWallet(network, purpose) {
     const overrides = useWalletProviderOverrides();
     const walletProviders = [
         overrides?.evm ?? useEVM({ network }),
-        useStarknet(),
-        useImtblX(),
-        useSVM({ network }),
-        useTON(),
-        useFuel(),
-        useTron(),
-        useParadex({ network })
+        // useStarknet(),
+        // useImtblX(),
+        // useSVM({ network }),
+        // useTON(),
+        // useFuel(),
+        // useTron(),
+        // useParadex({ network })
     ].filter(provider => networks.some(obj => provider?.autofillSupportedNetworks?.includes(obj.name) || provider?.withdrawalSupportedNetworks?.includes(obj.name) || provider?.asSourceSupportedNetworks?.includes(obj.name)));
     const provider = network && resolveProvider(network, walletProviders, purpose);
     const wallets = useMemo(() => {