@layerswap/widget 0.1.18 → 1.0.0-alpha0.1

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

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import useEVM from '../../../lib/wallets/evm/useEVM';
+import useStarknet from '../../../lib/wallets/starknet/useStarknet';
+import { useWalletStore } from '../../../stores/walletStore';
+import { createContext, useCallback, useContext, useMemo, useState } from 'react';
+export const ActiveParadexAccountContext = createContext(undefined);
+export const ActiveParadexAccountProvider = ({ children }) => {
+    const [selectedAccount, setSelectedAccount] = useState();
+    const evmProvider = useEVM();
+    const starknetProvider = useStarknet();
+    const paradexAccounts = useWalletStore((state) => state.paradexAccounts);
+    const activeConnection = useMemo(() => {
+        if (!paradexAccounts)
+            return undefined;
+        const l1Addresses = Object.keys(paradexAccounts || {});
+        const selectedProvider = selectedAccount && (selectedAccount.providerName === "EVM" ? evmProvider : starknetProvider);
+        const selectedAccountIsAvailable = selectedAccount && selectedProvider?.connectedWallets?.some(w => w.id === selectedAccount.id && w.addresses.some(wa => wa.toLowerCase() === selectedAccount.address.toLowerCase()));
+        if (selectedAccountIsAvailable) {
+            return selectedAccount;
+        }
+        else {
+            const evmWallet = evmProvider.connectedWallets?.find(w => w.addresses.some(wa => l1Addresses.some(pa => pa.toLowerCase() === wa.toLowerCase())));
+            const starknetWallet = starknetProvider.connectedWallets?.find(w => w.addresses.some(wa => l1Addresses.some(pa => pa.toLowerCase() === wa.toLowerCase())));
+            const defaultWallet = evmWallet || starknetWallet;
+            if (!defaultWallet)
+                return undefined;
+            return {
+                id: defaultWallet.id,
+                providerName: defaultWallet.providerName,
+                address: defaultWallet.addresses.find(wa => l1Addresses.some(pa => pa.toLowerCase() === wa.toLowerCase()))
+            };
+        }
+    }, [evmProvider, starknetProvider, paradexAccounts]);
+    const setActiveAddress = useCallback((account) => {
+        setSelectedAccount(account);
+    }, []);
+    return (_jsx(ActiveParadexAccountContext.Provider, { value: { activeConnection, setActiveAddress }, children: children }));
+};
+export function useActiveParadexAccount() {
+    const data = useContext(ActiveParadexAccountContext);
+    if (data === null) {
+        throw new Error('useActiveParadexAccount must be used within a ActiveParadexAccountProvider');
+    }
+    return data;
+}

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

@@ -0,0 +1,7 @@
+import { InternalConnector } from '../../../Models/WalletProvider';
+export declare const BitcoinProvider: ({ children }: {
+    children: JSX.Element | JSX.Element[];
+}) => import("react/jsx-runtime").JSX.Element;
+export declare function useBitcoinConnectors(): {
+    connectors: InternalConnector[];
+};

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

@@ -0,0 +1,125 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BigmiProvider, useConnect } from '@bigmi/react';
+import { createConfig, leather, onekey, phantom, unisat, xverse } from '@bigmi/client';
+import { http, bitcoin, createClient, defineChain } from '@bigmi/core';
+import { NetworkType } from '../../../Models/Network';
+import { useSettingsState } from '../../../context/settings';
+import { createContext, useContext, useEffect, useState } from 'react';
+export const BitcoinProvider = ({ children }) => {
+    const { networks } = useSettingsState();
+    const network = networks.find(n => n.type === NetworkType.Bitcoin);
+    const config = createDefaultBigmiConfig(network);
+    return (_jsx(BigmiProvider, { config: config, reconnectOnMount: true, children: _jsx(ConnectorsContext, { children: children }) }));
+};
+const ConnectorsContext = ({ children }) => {
+    const { connectors } = useConnect();
+    const [resolvedConnectors, setResolvedConnectors] = useState([]);
+    useEffect(() => {
+        (async () => {
+            const resolvedConnectors = await Promise.all(connectors.map(async (connector) => {
+                const provider = await connector.getProvider();
+                const isInjected = !!provider;
+                const installLink = !isInjected ? connectorsConfigs.find(c => c.id === connector.id)?.installLink : undefined;
+                const internalConnector = {
+                    name: connector.name,
+                    id: connector.id,
+                    icon: connector.icon,
+                    type: isInjected ? 'injected' : 'other',
+                    installUrl: installLink,
+                };
+                return internalConnector;
+            }));
+            setResolvedConnectors(resolvedConnectors);
+        })();
+    }, [connectors]);
+    return (_jsx(BitcoinConnectorsContext.Provider, { value: { connectors: resolvedConnectors }, children: children }));
+};
+const BitcoinConnectorsContext = createContext(null);
+export function useBitcoinConnectors() {
+    const context = useContext(BitcoinConnectorsContext);
+    if (!context) {
+        throw new Error('useBitcoinConnectors must be used within a BitcoinConnectorsProvider');
+    }
+    return context;
+}
+const connectorsConfigs = [
+    {
+        id: "XverseProviders.BitcoinProvider",
+        name: "Xverse",
+        installLink: "https://www.xverse.app/download"
+    },
+    {
+        id: "app.phantom.bitcoin",
+        name: 'Phantom',
+        installLink: "https://phantom.com/download"
+    },
+    {
+        id: "unisat",
+        name: 'UniSat',
+        installLink: "https://unisat.io/"
+    },
+    {
+        id: "io.xdefi.bitcoin",
+        name: 'Ctrl',
+        installLink: "https://ctrl.xyz/download/"
+    },
+    {
+        id: "com.okex.wallet.bitcoin",
+        name: 'OKX Wallet',
+        installLink: "https://web3.okx.com/"
+    },
+    {
+        id: "so.onekey.app.wallet.bitcoin",
+        name: 'OneKey',
+        installLink: "https://onekey.so/download/"
+    },
+    {
+        id: "LeatherProvider",
+        name: 'Leather',
+        installLink: "https://leather.io/"
+    }
+];
+function createDefaultBigmiConfig(network) {
+    let chain;
+    if (network?.name.toLowerCase().includes('testnet')) {
+        chain = bitcoinTestnet(network);
+    }
+    else {
+        chain = bitcoin;
+    }
+    const btcChainId = chain.id;
+    const connectors = [
+        phantom({ chainId: btcChainId }),
+        xverse({ chainId: btcChainId }),
+        unisat({ chainId: btcChainId }),
+        // ctrl({ chainId: btcChainId }),
+        // okx({ chainId: btcChainId }),
+        leather({ chainId: btcChainId }),
+        onekey({ chainId: btcChainId }),
+    ];
+    const config = createConfig({
+        chains: [chain],
+        connectors,
+        client({ chain }) {
+            return createClient({ chain, transport: http() });
+        },
+    });
+    return config;
+}
+const bitcoinTestnet = (network) => defineChain({
+    id: 20000000000002,
+    name: 'Bitcoin Testnet',
+    nativeCurrency: { name: 'Bitcoin', symbol: 'BTC', decimals: 8 },
+    rpcUrls: {
+        default: {
+            http: [network.node_url],
+        },
+    },
+    testnet: true,
+    blockExplorers: {
+        default: {
+            name: 'Mempool',
+            url: 'https://mempool.space/testnet',
+        },
+    },
+});

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

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

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

@@ -1,25 +1,27 @@
-// 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;
+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';
+import { useSettingsState } from '../../../context/settings';
+import { NetworkType } from '../../../Models/Network';
+import { useMemo } from 'react';
+const HOST_URL = 'https://api.bako.global';
+const FuelProviderWrapper = ({ children }) => {
+    const { networks } = useSettingsState();
+    const fuelConfig = {
+        connectors: [
+            new FuelWalletConnector(),
+            new BakoSafeConnector({
+                api: new BaskoRequestAPI(HOST_URL)
+            }),
+            new FueletWalletConnector(),
+        ]
+    };
+    const fuelNetworks = useMemo(() => networks.filter(n => n.type == NetworkType.Fuel).map((network) => ({
+        chainId: Number(network.chain_id)
+    })), [networks]);
+    return (_jsx(FuelProvider, { uiConfig: { suggestBridge: false }, theme: 'dark', fuelConfig: fuelConfig, networks: fuelNetworks, children: children }));
+};
+export default FuelProviderWrapper;

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

@@ -0,0 +1,6 @@
+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;
+export declare const ImtblPassportRedirect: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,39 +1,49 @@
-// 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}
-//         </>
-//     )
-// }
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import AppSettings from "../../../lib/AppSettings";
+import { useEffect } from "react";
+const PUBLISHABLE_KEY = AppSettings.ImtblPassportConfig?.publishableKey;
+const CLIENT_ID = AppSettings.ImtblPassportConfig?.clientId;
+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 () => {
+                if (AppSettings.ImtblPassportConfig) {
+                    await initilizePassport(AppSettings.ImtblPassportConfig.appBasePath);
+                    passportInstance.connectEvm(); // EIP-6963
+                }
+            })();
+        }
+    }, [passportInstance]);
+    return (_jsx(_Fragment, { children: children }));
+}
+export const ImtblPassportRedirect = () => {
+    useEffect(() => {
+        (async () => {
+            if (!passportInstance && AppSettings.ImtblPassportConfig?.appBasePath)
+                await initilizePassport(AppSettings.ImtblPassportConfig.appBasePath);
+            passportInstance.loginCallback();
+        })();
+    }, [passportInstance]);
+    return (_jsx("div", { children: _jsx("h1", { children: "Redirecting..." }) }));
+};

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

@@ -0,0 +1,5 @@
+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,49 +1,36 @@
-// 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;
+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 { GlowWalletAdapter } from "@solana/wallet-adapter-glow";
+import { NightlyWalletAdapter } from "@solana/wallet-adapter-nightly";
+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_ID = AppSettings.WalletConnectConfig.projectId;
+function SolanaProvider({ children }) {
+    const solNetwork = WalletAdapterNetwork.Mainnet;
+    const endpoint = useMemo(() => clusterApiUrl(solNetwork), [solNetwork]);
+    const wallets = useMemo(() => [
+        new PhantomWalletAdapter(),
+        new CoinbaseWalletAdapter(),
+        new GlowWalletAdapter(),
+        new NightlyWalletAdapter(),
+        new WalletConnectWalletAdapter({
+            network: solNetwork,
+            options: {
+                projectId: WALLETCONNECT_PROJECT_ID,
+                metadata: {
+                    name: 'Layerwap',
+                    description: 'Layerswap App',
+                    url: 'https://layerswap.io/app/',
+                    icons: ['https://www.layerswap.io/app/symbol.png'],
+                },
+            },
+        })
+    ], [solNetwork]);
+    return (_jsx(ConnectionProvider, { endpoint: endpoint, children: _jsx(WalletProvider, { wallets: wallets, autoConnect: true, children: children }) }));
+}
+export default SolanaProvider;

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

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