@layerswap/widget 0.1.18 → 1.0.0-alpha0.1

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

@@ -1,112 +1,116 @@
-// import { FC, ReactNode, useEffect, useState } from "react";
-// import { mainnet, sepolia } from "@starknet-react/chains"
-// import { Connector, ConnectorNotConnectedError, UserNotConnectedError, StarknetConfig, publicProvider } from '@starknet-react/core';
-// import { RpcMessage, RequestFnCall, RpcTypeToMessageMap } from "starknet-types-07";
-// class DiscoveryConnector extends Connector {
-//     #wallet;
-//     #store;
-//     constructor(wallet, store) {
-//         super();
-//         this.#wallet = wallet;
-//         this.#store = store;
-//     }
-//     get id() {
-//         return `${this.#wallet.id}-mobile`;
-//     }
-//     get icon() {
-//         return {
-//             dark: this.#wallet.icon,
-//             light: this.#wallet.icon
-//         };
-//     }
-//     get name() {
-//         return `${this.#wallet.name} (mobile)`;
-//     }
-//     available() {
-//         return true;
-//     }
-//     connect(): any {
-//         window.open(this.#wallet.downloads[this.#store], "_blank");
-//         return undefined
-//     }
-//     get wallet() {
-//         throw new ConnectorNotConnectedError()
-//     }
-//     disconnect(): any {
-//         throw new UserNotConnectedError()
-//     }
-//     account(): any {
-//         throw new ConnectorNotConnectedError()
-//     }
-//     ready(): Promise<boolean> {
-//         throw new Error("Method not implemented.");
-//     }
-//     chainId(): Promise<bigint> {
-//         throw new Error("Method not implemented.");
-//     }
-//     request<T extends RpcMessage["type"]>(call: RequestFnCall<T>): Promise<RpcTypeToMessageMap[T]["result"]> {
-//         throw new Error("Method not implemented.");
-//     }
-// }
-// const StarknetProvider: FC<{ children: ReactNode }> = ({ children }) => {
-//     const [connectors, setConnectors] = useState<any[]>([])
-//     const resolveConnectors = async () => {
-//         // const InjectedConnector = (await import('../../../node_modules/starknetkit/dist/injectedConnector')).InjectedConnector
-//         // const ArgentMobileConnector = (await import('../../../node_modules/starknetkit/dist/argentMobile')).ArgentMobileConnector
-//         // const WebWalletConnector = (await import('../../../node_modules/starknetkit/dist/webwalletConnector')).WebWalletConnector
-//         const isSafari =
-//             typeof window !== "undefined"
-//                 ? /^((?!chrome|android).)*safari/i.test(navigator.userAgent)
-//                 : false
-//         const isAndroid = navigator.userAgent.match(/Android/i);
-//         const isIOS = navigator.userAgent.match(/iPhone|iPad|iPod/i);
-//         const defaultConnectors: any[] = []
-//         if (!isSafari) {
-//             if (!(isAndroid || isIOS)) {
-//                 defaultConnectors.push(
-//                     // new InjectedConnector({ options: { id: "argentX" } }),
-//                 )
-//                 defaultConnectors.push(
-//                     // new InjectedConnector({ options: { id: "keplr" } }),
-//                 )
-//             }
-//             defaultConnectors.push(
-//                 // new InjectedConnector({ options: { id: "braavos" } }),
-//             )
-//         }
-//         if ((isAndroid || isIOS) && !defaultConnectors.some(c => c.id === "braavos")) {
-//             const starknet = (await import('get-starknet-core')).default
-//             const discoverWallets = (await starknet.getDiscoveryWallets()).filter(w => {
-//                 return (isAndroid && w.downloads["android"]) || (isIOS && w.downloads["ios"]);
-//             })
-//             if (discoverWallets.length) defaultConnectors.push(...discoverWallets.map(w => new DiscoveryConnector(w, isAndroid ? "android" : "ios")))
-//         }
-//         // defaultConnectors.push(ArgentMobileConnector.init({
-//         //     options: {
-//         //         dappName: 'Layerswap',
-//         //         projectId: WALLETCONNECT_PROJECT_ID,
-//         //         url: 'https://www.layerswap.io/app/',
-//         //         description: 'Move crypto across exchanges, blockchains, and wallets.',
-//         //     }
-//         // }))
-//         // defaultConnectors.push(new WebWalletConnector())
-//         return defaultConnectors
-//     }
-//     useEffect(() => {
-//         (async () => {
-//             const result = await resolveConnectors()
-//             setConnectors(result)
-//         })()
-//     }, [])
-//     const chains = [mainnet, sepolia]
-//     return (
-//         <StarknetConfig
-//             chains={chains}
-//             provider={publicProvider()}
-//             connectors={connectors}
-//         >
-//             {children}
-//         </StarknetConfig>
-//     )
-// }
-// export default StarknetProvider;
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _DiscoveryConnector_wallet, _DiscoveryConnector_store;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { mainnet, sepolia } from "@starknet-react/chains";
+import { Connector, ConnectorNotConnectedError, UserNotConnectedError, StarknetConfig, publicProvider } from '@starknet-react/core';
+import AppSettings from "../../../lib/AppSettings";
+//@ts-ignore
+import { ArgentMobileConnector } from "starknetkit/argentMobile";
+// @ts-ignore
+import { InjectedConnector } from "starknetkit/injected";
+// @ts-ignore
+import { WebWalletConnector } from "starknetkit/webwallet";
+const WALLETCONNECT_PROJECT_ID = AppSettings.WalletConnectConfig.projectId;
+class DiscoveryConnector extends Connector {
+    constructor(wallet, store) {
+        super();
+        _DiscoveryConnector_wallet.set(this, void 0);
+        _DiscoveryConnector_store.set(this, void 0);
+        __classPrivateFieldSet(this, _DiscoveryConnector_wallet, wallet, "f");
+        __classPrivateFieldSet(this, _DiscoveryConnector_store, store, "f");
+    }
+    get id() {
+        return `${__classPrivateFieldGet(this, _DiscoveryConnector_wallet, "f").id}-mobile`;
+    }
+    get icon() {
+        return {
+            dark: __classPrivateFieldGet(this, _DiscoveryConnector_wallet, "f").icon,
+            light: __classPrivateFieldGet(this, _DiscoveryConnector_wallet, "f").icon
+        };
+    }
+    get name() {
+        return `${__classPrivateFieldGet(this, _DiscoveryConnector_wallet, "f").name} (mobile)`;
+    }
+    available() {
+        return true;
+    }
+    connect() {
+        window.open(__classPrivateFieldGet(this, _DiscoveryConnector_wallet, "f").downloads[__classPrivateFieldGet(this, _DiscoveryConnector_store, "f")], "_blank");
+        return undefined;
+    }
+    get wallet() {
+        throw new ConnectorNotConnectedError();
+    }
+    disconnect() {
+        throw new UserNotConnectedError();
+    }
+    account() {
+        throw new ConnectorNotConnectedError();
+    }
+    ready() {
+        throw new Error("Method not implemented.");
+    }
+    chainId() {
+        throw new Error("Method not implemented.");
+    }
+    request(call) {
+        throw new Error("Method not implemented.");
+    }
+}
+_DiscoveryConnector_wallet = new WeakMap(), _DiscoveryConnector_store = new WeakMap();
+const StarknetProvider = ({ children }) => {
+    const [connectors, setConnectors] = useState([]);
+    const resolveConnectors = async () => {
+        const isSafari = typeof window !== "undefined"
+            ? /^((?!chrome|android).)*safari/i.test(navigator.userAgent)
+            : false;
+        const isAndroid = navigator.userAgent.match(/Android/i);
+        const isIOS = navigator.userAgent.match(/iPhone|iPad|iPod/i);
+        const defaultConnectors = [];
+        if (!isSafari) {
+            if (!(isAndroid || isIOS)) {
+                defaultConnectors.push(new InjectedConnector({ options: { id: "argentX" } }));
+                defaultConnectors.push(new InjectedConnector({ options: { id: "keplr" } }));
+            }
+            defaultConnectors.push(new InjectedConnector({ options: { id: "braavos" } }));
+        }
+        if ((isAndroid || isIOS) && !defaultConnectors.some(c => c.id === "braavos")) {
+            const starknet = (await import('get-starknet-core')).default;
+            const discoverWallets = (await starknet.getDiscoveryWallets()).filter(w => {
+                return (isAndroid && w.downloads["android"]) || (isIOS && w.downloads["ios"]);
+            });
+            if (discoverWallets.length)
+                defaultConnectors.push(...discoverWallets.map(w => new DiscoveryConnector(w, isAndroid ? "android" : "ios")));
+        }
+        defaultConnectors.push(ArgentMobileConnector.init({
+            options: {
+                dappName: 'Layerswap',
+                projectId: WALLETCONNECT_PROJECT_ID,
+                url: 'https://www.layerswap.io/app/',
+                description: 'Move crypto across exchanges, blockchains, and wallets.',
+            }
+        }));
+        defaultConnectors.push(new WebWalletConnector());
+        return defaultConnectors;
+    };
+    useEffect(() => {
+        (async () => {
+            const result = await resolveConnectors();
+            setConnectors(result);
+        })();
+    }, []);
+    const chains = [mainnet, sepolia];
+    return (_jsx(StarknetConfig, { chains: chains, provider: publicProvider(), connectors: connectors, children: children }));
+};
+export default StarknetProvider;

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

@@ -0,0 +1,8 @@
+import { ThemeData } from "../../../Models/Theme";
+declare const TonConnectProvider: ({ children, basePath, themeData, appName }: {
+    children: JSX.Element | JSX.Element[];
+    basePath: string;
+    themeData: ThemeData;
+    appName: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default TonConnectProvider;

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

@@ -1,58 +1,55 @@
-// import { THEME, TonConnectUIProvider } from "@tonconnect/ui-react"
-// import { ThemeData } from "../../../Models/Theme";
-// const TonConnectProvider = ({ children, themeData }: { children: JSX.Element | JSX.Element[], themeData: ThemeData }) => {
-//     const rgbToHex = (rgb: string) => {
-//         const rgbArray = rgb.match(/\d+/g)
-//         function componentToHex(c: number) {
-//             var hex = c?.toString(16);
-//             return hex.length == 1 ? "0" + hex : hex;
-//         }
-//         if (!rgbArray) return
-//         return "#" + componentToHex(Number(rgbArray[0])) + componentToHex(Number(rgbArray[1])) + componentToHex(Number(rgbArray[2]));
-//     }
-//     return (
-//         <TonConnectUIProvider
-//             uiPreferences={
-//                 {
-//                     theme: THEME.DARK,
-//                     borderRadius: 's',
-//                     colorsSet: {
-//                         [THEME.DARK]: {
-//                             constant: {
-//                                 black: '#000000',
-//                                 white: '#f1f1f1f1',
-//                             },
-//                             connectButton: {
-//                                 background: rgbToHex(themeData.primary?.[500]),
-//                                 foreground: rgbToHex(themeData?.secondary?.[800] || ''),
-//                             },
-//                             accent: rgbToHex(themeData.primary?.[500]),
-//                             telegramButton: rgbToHex(themeData.primary?.[500]),
-//                             icon: {
-//                                 primary: rgbToHex(themeData.primary?.[500]),
-//                                 secondary: rgbToHex(themeData?.secondary?.text || ''),
-//                                 tertiary: rgbToHex(themeData.secondary?.[400] || ''),
-//                                 success: rgbToHex(themeData.primary?.[500]),
-//                             },
-//                             background: {
-//                                 primary: rgbToHex(themeData.secondary?.[900] || ''),
-//                                 secondary: rgbToHex(themeData.secondary?.[800] || ''),
-//                                 segment: rgbToHex(themeData.secondary?.[200] || ''),
-//                                 tint: rgbToHex(themeData.secondary?.[700] || ''),
-//                                 qr: '#f1f1f1f1',
-//                             },
-//                             text: {
-//                                 primary: rgbToHex(themeData.primary.text),
-//                                 secondary: rgbToHex(themeData?.secondary?.text || ''),
-//                             }
-//                         }
-//                     }
-//                 }
-//             }
-//             manifestUrl={`https://layerswap.io/app/tonconnect-manifest.json`}
-//         >
-//             {children}
-//         </TonConnectUIProvider>
-//     )
-// }
-// export default TonConnectProvider
+import { jsx as _jsx } from "react/jsx-runtime";
+import { THEME, TonConnectUIProvider } from "@tonconnect/ui-react";
+const TonConnectProvider = ({ children, basePath, themeData, appName }) => {
+    const rgbToHex = (rgb) => {
+        const rgbArray = rgb.match(/\d+/g);
+        function componentToHex(c) {
+            var hex = c?.toString(16);
+            return hex.length == 1 ? "0" + hex : hex;
+        }
+        if (!rgbArray)
+            return;
+        return "#" + componentToHex(Number(rgbArray[0])) + componentToHex(Number(rgbArray[1])) + componentToHex(Number(rgbArray[2]));
+    };
+    const manifestUrl = `https://layerswap.io/app/tonconnect-manifest.json`;
+    //TODO add dynamic url 
+    //const manifestUrl = `https://${process.env.NEXT_PUBLIC_VERCEL_URL ? `${process.env.NEXT_PUBLIC_VERCEL_URL}${basePath ? `${basePath}` : ''}` : 'layerswap.io/app'}/tonconnect-manifest.json`
+    return (_jsx(TonConnectUIProvider, { uiPreferences: {
+            theme: THEME.DARK,
+            borderRadius: 's',
+            colorsSet: {
+                [THEME.DARK]: {
+                    constant: {
+                        black: '#000000',
+                        white: '#f1f1f1f1',
+                    },
+                    connectButton: {
+                        background: rgbToHex(themeData.primary?.[500]),
+                        foreground: rgbToHex(themeData?.secondary?.[800] || ''),
+                    },
+                    accent: rgbToHex(themeData.primary?.[500]),
+                    telegramButton: rgbToHex(themeData.primary?.[500]),
+                    icon: {
+                        primary: rgbToHex(themeData.primary?.[500]),
+                        secondary: rgbToHex(themeData?.secondary?.text || ''),
+                        tertiary: rgbToHex(themeData.secondary?.[400] || ''),
+                        success: rgbToHex(themeData.primary?.[500]),
+                    },
+                    background: {
+                        primary: rgbToHex(themeData.secondary?.[900] || ''),
+                        secondary: rgbToHex(themeData.secondary?.[800] || ''),
+                        segment: rgbToHex(themeData.secondary?.[200] || ''),
+                        tint: rgbToHex(themeData.secondary?.[700] || ''),
+                        qr: '#f1f1f1f1',
+                    },
+                    text: {
+                        primary: rgbToHex(themeData.primary.text),
+                        secondary: rgbToHex(themeData?.secondary?.text || ''),
+                    }
+                }
+            }
+        }, manifestUrl: manifestUrl, actionsConfiguration: {
+            twaReturnUrl: appName === '4233c46e96e44017afae91537841cb46' ? 'https://t.me/layerswap_bridge_bot/bridge' : undefined
+        }, children: children }));
+};
+export default TonConnectProvider;

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

@@ -0,0 +1,3 @@
+export default function TronProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,23 +1,15 @@
-// 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>
-//     );
-// }
+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 }));
+}

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 | JSX.Element[];
+declare function WagmiComponent({ children }: Props): import("react/jsx-runtime").JSX.Element;
 export default WagmiComponent;

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

@@ -2,73 +2,43 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useSettingsState } from "../../../context/settings";
 import { NetworkType } from "../../../Models/Network";
 import resolveChain from "../../../lib/resolveChain";
+import { useContext } from "react";
 import NetworkSettings from "../../../lib/NetworkSettings";
 import { WagmiContext, WagmiProvider } from 'wagmi';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { createConfig } from 'wagmi';
 import { http } from 'viem';
-import { argent } from '../../../lib/wallets/connectors/argent';
-import { rainbow } from '../../../lib/wallets/connectors/rainbow';
-import { metaMask } from '../../../lib/wallets/connectors/metamask';
-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 { 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;
+import { useEvmConnectors } from "../../../context/evmConnectorsContext";
+import { ActiveEvmAccountProvider } from "./ActiveEvmAccount";
 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' });
+const chainsToFilter = [
+    70700,
+    70701
+];
 function WagmiComponent({ children }) {
-    const providers = useSyncProviders();
     const settings = useSettingsState();
     const ctx = useContext(WagmiContext);
     if (ctx) {
-        return children;
+        return _jsx(ActiveEvmAccountProvider, { children: 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)))
         .filter(net => net.type === NetworkType.EVM
         && net.node_url
-        && net.token)
+        && net.token
+        && net.chain_id && !chainsToFilter.includes(Number(net.chain_id)))
         .map(resolveChain).filter(isChain);
     const transports = {};
     settingsChains.forEach(chain => {
         transports[chain.id] = chain.rpcUrls.default.http[0] ? http(chain.rpcUrls.default.http[0]) : http();
     });
-    const isMetaMaskInjected = providers?.some(provider => provider.info.name.toLowerCase() === 'metamask');
-    const isOkxInjected = providers?.some(provider => provider.info.name.toLowerCase() === 'okx wallet');
-    const isRainbowInjected = hasInjectedProvider({ flag: 'isRainbow' });
-    const isBitKeepInjected = hasInjectedProvider({
-        namespace: 'bitkeep.ethereum',
-        flag: 'isBitKeep',
-    });
+    const { connectors } = useEvmConnectors();
     const config = createConfig({
-        connectors: [
-            coinbaseWallet({
-                appName: WALLETCONNECT_PROJECT_CONFIGS.name,
-                appLogoUrl: WALLETCONNECT_PROJECT_CONFIGS.icons[0],
-            }),
-            wltcnnct_inited,
-            argent_inited,
-            ...(!isMetaMaskInjected ? [metaMask_inited] : []),
-            ...(!isRainbowInjected ? [rnbw_inited] : []),
-            ...(!isBitKeepInjected ? [btgt_inited] : []),
-            ...(!isOkxInjected ? [okx_inited] : []),
-            browserInjected()
-        ],
+        connectors,
         chains: settingsChains,
         transports: transports,
     });
-    return (_jsx(WagmiProvider, { config: config, children: _jsx(QueryClientProvider, { client: queryClient, children: children }) }));
+    return (_jsx(WagmiProvider, { config: config, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(ActiveEvmAccountProvider, { children: children }) }) }));
 }
 export default WagmiComponent;

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

@@ -1,7 +1,9 @@
-import { FC } from "react";
+import { FC, ReactNode } from "react";
 import { ThemeData } from "../../../Models/Theme";
 declare const WalletsProviders: FC<{
-    children: JSX.Element | JSX.Element[];
+    children: ReactNode;
+    basePath: string;
     themeData: ThemeData;
+    appName: string | undefined;
 }>;
 export default WalletsProviders;

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

@@ -1,18 +1,17 @@
 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";
-const WalletsProviders = ({ children, themeData }) => {
-    return (
-    // <TonConnectProvider themeData={themeData}>
-    // <SolanaProvider>
-    // <TronProvider>
-    // <StarknetProvider>
-    _jsx(Wagmi, { children: children })
-    // </StarknetProvider>
-    // </TronProvider>
-    // </SolanaProvider>
-    // </TonConnectProvider>
-    );
+import StarknetProvider from "./StarknetProvider";
+import { ImtblPassportProvider } from "./ImtblPassportProvider";
+import TronProvider from "./TronProvider";
+import { WalletProvidersProvider } from "../../../context/walletProviders";
+import { WalletModalProvider } from "../WalletModal";
+import FuelProviderWrapper from "./FuelProvider";
+import { EvmConnectorsProvider } from "../../../context/evmConnectorsContext";
+import { BitcoinProvider } from "./BitcoinProvider";
+import { ActiveParadexAccountProvider } from "./ActiveParadexAccount";
+const WalletsProviders = ({ children, basePath, themeData, appName }) => {
+    return (_jsx(TonConnectProvider, { basePath: basePath, themeData: themeData, appName: appName, children: _jsx(SolanaProvider, { children: _jsx(TronProvider, { children: _jsx(StarknetProvider, { children: _jsx(EvmConnectorsProvider, { children: _jsx(Wagmi, { children: _jsx(ActiveParadexAccountProvider, { children: _jsx(FuelProviderWrapper, { children: _jsx(ImtblPassportProvider, { children: _jsx(BitcoinProvider, { children: _jsx(WalletModalProvider, { children: _jsx(WalletProvidersProvider, { children: children }) }) }) }) }) }) }) }) }) }) }) }));
 };
 export default WalletsProviders;

package/dist/components/Widget/Content.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 const Content = ({ children, center }) => {
     return center ?
-        _jsx("div", { className: 'flex flex-col self-center grow w-full', children: _jsx("div", { className: 'flex self-center grow w-full', children: _jsx("div", { className: 'flex flex-col self-center w-full', children: children }) }) })
-        : _jsx("div", { className: 'space-y-4 py-3', children: children });
+        _jsx("div", { className: 'flex flex-col self-center grow w-full h-full min-h-0', children: _jsx("div", { className: 'flex self-center grow w-full h-full min-h-0', children: _jsx("div", { className: 'flex flex-col self-center w-full grow h-full min-h-0', children: children }) }) })
+        : _jsx("div", { className: 'h-full min-h-0 grow', children: children });
 };
 export default Content;

package/dist/components/Widget/Footer.js

@@ -1,9 +1,9 @@
 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";
+import LogoWithDetails from "../Common/LogoWithDetails";
+import LayerSwapApiClient from "../../lib/apiClients/layerSwapApiClient";
 const variants = {
     enter: () => {
         return ({
@@ -30,15 +30,15 @@ const Comp = ({ children, hidden, sticky = true }) => {
     return (sticky ?
         _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        
+                    }, custom: { direction: -1, width: 100 }, variants: variants, className: `text-primary-text text-base mt-3        
                         max-sm:fixed
                         max-sm:inset-x-0
                         max-sm:bottom-0 
                         max-sm:z-30
-                        max-sm:bg-secondary-900 
+                        max-sm:bg-secondary-700 
                         max-sm:shadow-widget-footer 
                         max-sm:p-4 
-                        max-sm:px-6 
+                        max-sm:px-4 
                         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 
@@ -51,6 +51,6 @@ const Footer = ({ children, hidden, sticky }) => {
         LayerSwapApiClient.apiKey !== AppSettings.LayerswapApiKeys['testnet'];
     const isFooterSticky = (AppSettings.ThemeData?.enablePortal && AppSettings.ThemeData?.enablePortal == true) ?? 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' })] })] }));
+                _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(LogoWithDetails, { className: 'ml-1 fill-primary-text-placeholder h-5 w-auto cursor-pointer' })] })] }));
 };
 export default Footer;

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

@@ -1,10 +1,11 @@
 type Props = {
     children: JSX.Element | JSX.Element[];
-    className?: string;
     hideMenu?: boolean;
+    goBack?: () => void;
+    contextualMenu?: React.ReactNode;
 };
 declare const Widget: {
-    ({ children, className, hideMenu }: Props): import("react/jsx-runtime").JSX.Element;
+    ({ children, hideMenu, goBack, contextualMenu }: Props): import("react/jsx-runtime").JSX.Element;
     Content: ({ children, center }: {
         center?: boolean;
         children?: JSX.Element | JSX.Element[];