@layerswap/widget 0.1.4 → 0.1.14

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

@@ -1,20 +1,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-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 }) => {
-    const fuelConfig = {
-        connectors: [
-            new FuelWalletConnector(),
-            new BakoSafeConnector({
-                api: new BaskoRequestAPI(HOST_URL)
-            }),
-            new FueletWalletConnector(),
-        ]
-    };
-    return (_jsx(FuelProvider, { uiConfig: { suggestBridge: false }, theme: 'dark', fuelConfig: fuelConfig, children: children }));
-};
-export default FuelProviderWrapper;
+// 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.d.ts

@@ -1,5 +0,0 @@
-export declare const initilizePassport: (basePath: string) => Promise<void>;
-export declare var passportInstance: any;
-export declare function ImtblPassportProvider({ children }: {
-    children: JSX.Element | JSX.Element[];
-}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,36 +1,39 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-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) => {
-    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 = undefined;
-export function ImtblPassportProvider({ children }) {
-    useEffect(() => {
-        // if (!passportInstance) {
-        //     (async () => {
-        //         await initilizePassport('')
-        //         passportInstance.connectEvm() // EIP-6963
-        //     })()
-        // }
-    }, [passportInstance]);
-    return (_jsx(_Fragment, { children: children }));
-}
+// 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}
+//         </>
+//     )
+// }

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

@@ -1,5 +0,0 @@
-import { ReactNode } from "react";
-declare function SolanaProvider({ children }: {
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export default SolanaProvider;

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

@@ -1,38 +1,49 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { clusterApiUrl } from "@solana/web3.js";
-import { WalletAdapterNetwork } from "@solana/wallet-adapter-base";
-import { PhantomWalletAdapter } from "@solana/wallet-adapter-phantom";
-import { WalletConnectWalletAdapter } from "@solana/wallet-adapter-walletconnect";
-import { SolflareWalletAdapter } from "@solana/wallet-adapter-solflare";
-import { GlowWalletAdapter } from "@solana/wallet-adapter-glow";
-import { NightlyWalletAdapter } from '@solana/wallet-adapter-wallets';
-import { ConnectionProvider, WalletProvider, } from "@solana/wallet-adapter-react";
-import { useMemo } from "react";
-import { CoinbaseWalletAdapter } from "@solana/wallet-adapter-coinbase";
-import AppSettings from "../../../lib/AppSettings";
-const WALLETCONNECT_PROJECT_CONFIG = AppSettings.WalletConnectConfig;
-function SolanaProvider({ children }) {
-    const solNetwork = WalletAdapterNetwork.Mainnet;
-    const endpoint = useMemo(() => clusterApiUrl(solNetwork), [solNetwork]);
-    const wallets = useMemo(() => [
-        new PhantomWalletAdapter(),
-        new CoinbaseWalletAdapter(),
-        new SolflareWalletAdapter(),
-        new GlowWalletAdapter(),
-        new NightlyWalletAdapter(),
-        new WalletConnectWalletAdapter({
-            network: solNetwork,
-            options: {
-                projectId: WALLETCONNECT_PROJECT_CONFIG.projectId,
-                metadata: {
-                    name: WALLETCONNECT_PROJECT_CONFIG.name,
-                    description: WALLETCONNECT_PROJECT_CONFIG.description,
-                    url: WALLETCONNECT_PROJECT_CONFIG.url,
-                    icons: WALLETCONNECT_PROJECT_CONFIG.icons,
-                },
-            },
-        })
-    ], [solNetwork]);
-    return (_jsx(ConnectionProvider, { endpoint: endpoint, children: _jsx(WalletProvider, { wallets: wallets, autoConnect: true, children: children }) }));
-}
-export default SolanaProvider;
+// import { clusterApiUrl } from "@solana/web3.js";
+// import { WalletAdapterNetwork } from "@solana/wallet-adapter-base";
+// import { PhantomWalletAdapter } from "@solana/wallet-adapter-phantom";
+// import { WalletConnectWalletAdapter } from "@solana/wallet-adapter-walletconnect";
+// import { SolflareWalletAdapter } from "@solana/wallet-adapter-solflare";
+// import { GlowWalletAdapter } from "@solana/wallet-adapter-glow";
+// import { NightlyWalletAdapter } from '@solana/wallet-adapter-wallets';
+// import {
+//     ConnectionProvider,
+//     WalletProvider,
+// } from "@solana/wallet-adapter-react";
+// import { ReactNode, useMemo } from "react";
+// import { CoinbaseWalletAdapter } from "@solana/wallet-adapter-coinbase";
+// import AppSettings from "../../../lib/AppSettings";
+// const WALLETCONNECT_PROJECT_CONFIG = AppSettings.WalletConnectConfig;
+// function SolanaProvider({ children }: { children: ReactNode }) {
+//     const solNetwork = WalletAdapterNetwork.Mainnet;
+//     const endpoint = useMemo(() => clusterApiUrl(solNetwork), [solNetwork]);
+//     const wallets = useMemo(
+//         () => [
+//             new PhantomWalletAdapter(),
+//             new CoinbaseWalletAdapter(),
+//             new SolflareWalletAdapter(),
+//             new GlowWalletAdapter(),
+//             new NightlyWalletAdapter(),
+//             new WalletConnectWalletAdapter({
+//                 network: solNetwork,
+//                 options: {
+//                     projectId: WALLETCONNECT_PROJECT_CONFIG.projectId,
+//                     metadata: {
+//                         name: WALLETCONNECT_PROJECT_CONFIG.name,
+//                         description: WALLETCONNECT_PROJECT_CONFIG.description,
+//                         url: WALLETCONNECT_PROJECT_CONFIG.url,
+//                         icons: WALLETCONNECT_PROJECT_CONFIG.icons,
+//                     },
+//                 },
+//             })
+//         ],
+//         [solNetwork]
+//     );
+//     return (
+//         <ConnectionProvider endpoint={endpoint}>
+//             <WalletProvider wallets={wallets} autoConnect={true}>
+//                 {children}
+//             </WalletProvider>
+//         </ConnectionProvider>
+//     );
+// }
+// export default SolanaProvider;

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

@@ -1,5 +0,0 @@
-import { FC, ReactNode } from "react";
-declare const StarknetProvider: FC<{
-    children: ReactNode;
-}>;
-export default StarknetProvider;

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

@@ -1,117 +1,112 @@
-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';
-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 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 = [];
-        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;
+// 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;

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

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

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

@@ -1,50 +1,58 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { THEME, TonConnectUIProvider } from "@tonconnect/ui-react";
-const TonConnectProvider = ({ children, themeData }) => {
-    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]));
-    };
-    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: `https://layerswap.io/app/tonconnect-manifest.json`, children: children }));
-};
-export default TonConnectProvider;
+// 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

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

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