@silentswap/react 0.0.41

package/dist/stories/SilentSwapOverview.stories.js

@@ -0,0 +1,364 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from 'react';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { WagmiProvider, createConfig, http } from 'wagmi';
+import { mainnet, avalanche } from 'wagmi/chains';
+import { injected } from 'wagmi/connectors';
+import { SilentSwapProvider, useSilentSwap } from '../index.js';
+import { useSilentOrders } from '../hooks/silent/useSilentOrders.js';
+import { useAuth } from '../hooks/silent/useAuth.js';
+import { createViemSigner, DeliveryMethod, FacilitatorKeyType, createHdFacilitatorGroupFromEntropy, caip19FungibleEvmToken, PublicKeyArgGroups, ENVIRONMENT, createSilentSwapClient } from '@silentswap/sdk';
+import { useWalletClient, useAccount, useConnect, useDisconnect, useChainId } from 'wagmi';
+import { switchChain } from 'viem/actions';
+function WalletConnectionSection({ isConnected, connectedAddress, connectors, isPending, onConnect, onDisconnect, }) {
+    return (_jsxs("div", { style: {
+            marginBottom: '20px',
+            padding: '15px',
+            border: '2px solid #e0e0e0',
+            borderRadius: '8px',
+            background: isConnected ? '#d4edda' : '#fff3cd',
+        }, children: [_jsx("h3", { children: "\uD83D\uDD17 Wallet Connection" }), isConnected ? (_jsxs("div", { children: [_jsxs("p", { children: [_jsx("strong", { children: "Status:" }), " \u2705 Connected"] }), _jsxs("p", { children: [_jsx("strong", { children: "Address:" }), " ", connectedAddress] }), _jsx("button", { onClick: onDisconnect, style: {
+                            padding: '8px 16px',
+                            background: '#dc3545',
+                            color: 'white',
+                            border: 'none',
+                            borderRadius: '4px',
+                            cursor: 'pointer',
+                            marginTop: '10px',
+                        }, children: "Disconnect Wallet" })] })) : (_jsxs("div", { children: [_jsxs("p", { children: [_jsx("strong", { children: "Status:" }), " \u274C Not Connected"] }), _jsx("p", { children: "Please connect your wallet to continue." }), _jsx("div", { style: { display: 'flex', gap: '10px', flexWrap: 'wrap', marginTop: '10px' }, children: connectors.map((connector) => (_jsx("button", { onClick: () => onConnect(connector), disabled: isPending, style: {
+                                padding: '8px 16px',
+                                background: '#007bff',
+                                color: 'white',
+                                border: 'none',
+                                borderRadius: '4px',
+                                cursor: isPending ? 'not-allowed' : 'pointer',
+                                opacity: isPending ? 0.6 : 1,
+                            }, children: isPending ? 'Connecting...' : `Connect ${connector.name}` }, connector.uid))) })] }))] }));
+}
+function StatusSection({ step, isLoading, error }) {
+    return (_jsxs("div", { style: {
+            marginBottom: '20px',
+            padding: '15px',
+            border: '2px solid #e0e0e0',
+            borderRadius: '8px',
+            background: '#fafafa',
+        }, children: [_jsx("h3", { children: "Status" }), _jsxs("p", { children: [_jsx("strong", { children: "Current Step:" }), " ", step.toUpperCase()] }), _jsxs("p", { children: [_jsx("strong", { children: "Loading:" }), " ", isLoading ? '⏳ Processing...' : '✅ Ready'] }), _jsxs("p", { children: [_jsx("strong", { children: "Error:" }), " ", error ? `❌ ${error.message}` : '✅ None'] })] }));
+}
+function FlowStepsSection({ step, isLoading, isActionLoading, isConnected, hasNonce, hasAuth, hasQuote, onGetNonce, onAuthenticate, onGetQuote, onCreateOrder, onReset, }) {
+    const isDisabled = isLoading || isActionLoading;
+    const buttonStyle = (isActive, disabled) => ({
+        padding: '8px 16px',
+        background: isActive ? '#007bff' : '#f8f9fa',
+        color: isActive ? 'white' : 'black',
+        border: '1px solid #ddd',
+        borderRadius: '4px',
+        cursor: disabled ? 'not-allowed' : 'pointer',
+        opacity: disabled ? 0.6 : 1,
+    });
+    return (_jsxs("div", { style: { marginBottom: '20px' }, children: [_jsx("h3", { children: "Swap Flow Steps" }), _jsxs("div", { style: { display: 'flex', gap: '10px', flexWrap: 'wrap', marginBottom: '15px' }, children: [_jsx("button", { onClick: onGetNonce, disabled: isDisabled || step !== 'idle' || !isConnected, style: buttonStyle(step === 'nonce', isDisabled || step !== 'idle' || !isConnected), children: isActionLoading && step === 'nonce' ? '⏳ Loading...' : '1. Get Nonce' }), _jsx("button", { onClick: onAuthenticate, disabled: isDisabled || !hasNonce || step === 'idle', style: buttonStyle(step === 'auth', isDisabled || !hasNonce || step === 'idle'), children: isActionLoading && step === 'auth' ? '⏳ Loading...' : '2. Authenticate' }), _jsx("button", { onClick: onGetQuote, disabled: isDisabled || !hasAuth, style: buttonStyle(step === 'quote', isDisabled || !hasAuth), children: isActionLoading && step === 'quote' ? '⏳ Loading...' : '3. Get Quote' }), _jsx("button", { onClick: onCreateOrder, disabled: isDisabled || !hasQuote, style: buttonStyle(step === 'order', isDisabled || !hasQuote), children: isActionLoading && step === 'order' ? '⏳ Loading...' : '4. Create Order' }), _jsx("button", { onClick: onReset, disabled: isDisabled, style: {
+                            padding: '8px 16px',
+                            background: '#dc3545',
+                            color: 'white',
+                            border: '1px solid #ddd',
+                            borderRadius: '4px',
+                            cursor: isDisabled ? 'not-allowed' : 'pointer',
+                            opacity: isDisabled ? 0.6 : 1,
+                        }, children: "\uD83D\uDD04 Reset" })] })] }));
+}
+function ResultsSection({ results }) {
+    return (_jsxs("div", { children: [_jsx("h3", { children: "Results" }), Object.entries(results).map(([key, value]) => (_jsxs("details", { style: { marginBottom: '10px' }, children: [_jsxs("summary", { children: [key.charAt(0).toUpperCase() + key.slice(1), " Result"] }), _jsx("pre", { style: {
+                            background: '#f8f9fa',
+                            padding: '10px',
+                            borderRadius: '4px',
+                            border: '1px solid #dee2e6',
+                            overflow: 'auto',
+                            maxHeight: '200px',
+                        }, children: JSON.stringify(value, null, 2) })] }, key)))] }));
+}
+function HookUsageSummary() {
+    return (_jsxs("details", { style: { marginTop: '20px' }, children: [_jsx("summary", { children: "Hook Usage Summary" }), _jsxs("div", { style: { padding: '10px', background: '#f8f9fa', borderRadius: '4px' }, children: [_jsx("h4", { children: "\uD83D\uDD17 useSilentClient" }), _jsx("p", { children: "Creates and manages the SilentSwap client instance with your configuration." }), _jsx("h4", { children: "\uD83D\uDCE6 useSilentOrders" }), _jsx("p", { children: "Provides methods for nonce retrieval, authentication, quote fetching, and order creation with built-in loading and error states." }), _jsx("h4", { children: "\uD83D\uDD10 useAuth" }), _jsx("p", { children: "Offers utility functions for creating sign-in messages and EIP-712 typed data for secure authentication." })] })] }));
+}
+function useSilentQuoteHandlers({ client, getNonce, authenticate, createSignInMessage, createEip712DocForOrder, walletClient, connectedAddress, chainId, setStep, setResults, results, setIsActionLoading, }) {
+    const handleGetNonce = async () => {
+        if (!connectedAddress) {
+            alert('Please connect your wallet first');
+            return;
+        }
+        setIsActionLoading(true);
+        try {
+            setStep('nonce');
+            const nonce = await getNonce(connectedAddress);
+            setResults((prev) => ({ ...prev, nonce }));
+            if (nonce)
+                setStep('auth');
+        }
+        finally {
+            setIsActionLoading(false);
+        }
+    };
+    const handleAuthenticate = async () => {
+        if (!results.nonce)
+            return;
+        if (!connectedAddress) {
+            alert('Please connect your wallet first');
+            return;
+        }
+        setIsActionLoading(true);
+        setStep('auth');
+        const signInMessage = createSignInMessage(connectedAddress, results.nonce.nonce, window.location.host);
+        if (!walletClient) {
+            alert('Wallet client not available. Please try reconnecting your wallet.');
+            setIsActionLoading(false);
+            return;
+        }
+        try {
+            const signer = createViemSigner({ address: connectedAddress, type: 'json-rpc' }, walletClient);
+            const signature = await signer.signEip191Message(signInMessage.message);
+            const authRequest = {
+                siwe: {
+                    message: signInMessage.message,
+                    signature: signature,
+                },
+            };
+            const authResult = await authenticate(authRequest);
+            setResults((prev) => ({ ...prev, auth: authResult, signInMessage, signature }));
+            if (authResult)
+                setStep('quote');
+        }
+        catch (error) {
+            console.error('Authentication failed:', error);
+            alert('Authentication failed. Please try again.');
+        }
+        finally {
+            setIsActionLoading(false);
+        }
+    };
+    const handleGetQuote = async () => {
+        if (!connectedAddress) {
+            alert('Please connect your wallet first');
+            return;
+        }
+        setIsActionLoading(true);
+        setStep('quote');
+        try {
+            // Switch to Mainnet if not already on it
+            if (!walletClient) {
+                throw new Error('Wallet client not available');
+            }
+            // Generate entropy (in a real app, this would come from a secure source)
+            const entropy = new Uint8Array(32);
+            const random = crypto.getRandomValues(entropy);
+            // Create HD facilitator group from entropy
+            const group = await createHdFacilitatorGroupFromEntropy(random, 0);
+            // Derive viewer account
+            const viewer = await group.viewer();
+            // Export its public key
+            const { publicKeyBytes: pk65_viewer } = viewer.exportPublicKey('*', FacilitatorKeyType.SECP256K1);
+            // Export public keys for the facilitator group
+            const groupPublicKeys = await group.exportPublicKeys(1, [...PublicKeyArgGroups.GENERIC]);
+            // Define outputs
+            const outputs = [
+                {
+                    method: DeliveryMethod.SNIP,
+                    asset: caip19FungibleEvmToken(1, '0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48'),
+                    facilitatorPublicKeys: groupPublicKeys[0],
+                    recipient: connectedAddress,
+                    value: '10000000',
+                },
+            ];
+            // Ensure outputs
+            if (!((outputs?.length ?? 0) >= 1))
+                throw Error('No outputs specified');
+            // Request a quote
+            const [error, quote] = await client.quote({
+                signer: connectedAddress,
+                viewer: pk65_viewer,
+                outputs: outputs,
+            });
+            if (error) {
+                throw new Error(`Failed to get quote: ${error.error}`);
+            }
+            setResults((prev) => ({ ...prev, quote, group }));
+            if (quote)
+                setStep('order');
+        }
+        catch (error) {
+            console.error('Quote request failed:', error);
+            alert(`Failed to get quote: ${error instanceof Error ? error.message : 'Unknown error'}`);
+        }
+        finally {
+            setIsActionLoading(false);
+        }
+    };
+    const handleCreateOrder = async () => {
+        if (!results.quote || !results.group)
+            return;
+        if (!connectedAddress || !walletClient) {
+            alert('Please connect your wallet first');
+            return;
+        }
+        setIsActionLoading(true);
+        setStep('order');
+        try {
+            const quoteResponse = results.quote;
+            const group = results.group;
+            if (!walletClient) {
+                throw new Error('Wallet client not available');
+            }
+            const signer = createViemSigner({ address: connectedAddress, type: 'json-rpc' }, walletClient);
+            // Switch to Avalanche if not already on it
+            if (chainId !== avalanche.id) {
+                await switchChain(walletClient, { id: avalanche.id });
+            }
+            // Sign authorizations
+            const signedAuths = await Promise.all(quoteResponse.authorizations.map(async (g_auth) => ({
+                ...g_auth,
+                signature: await (async () => {
+                    if ('eip3009_deposit' === g_auth.type) {
+                        return await signer.signEip712TypedData(g_auth.eip712);
+                    }
+                    throw Error(`Authorization instruction type not implemented: ${g_auth.type}`);
+                })(),
+            })));
+            // Switch to Mainnet if not already on it
+            if (chainId !== mainnet.id) {
+                await switchChain(walletClient, { id: mainnet.id });
+            }
+            // Sign the order's EIP-712
+            const orderDoc = createEip712DocForOrder(quoteResponse);
+            const signedQuote = await signer.signEip712TypedData(orderDoc);
+            // Approve proxy authorizations
+            const facilitatorReplies = await group.approveProxyAuthorizations(quoteResponse.facilitators, {
+                proxyPublicKey: client.proxyPublicKey,
+            });
+            // Place the order
+            const [orderError, orderResponse] = await client.order({
+                quote: quoteResponse.quote,
+                quoteId: quoteResponse.quoteId,
+                authorizations: signedAuths,
+                eip712Domain: orderDoc.domain,
+                signature: signedQuote,
+                facilitators: facilitatorReplies,
+            });
+            if (orderError || !orderResponse) {
+                throw new Error(`Failed to place order: ${orderError?.type}: ${orderError?.error}`);
+            }
+            setResults((prev) => ({ ...prev, order: orderResponse }));
+            if (orderResponse) {
+                console.log(`Placed order ${orderResponse.response.orderId}`);
+                setStep('idle');
+            }
+        }
+        catch (error) {
+            console.error('Order creation failed:', error);
+            alert(`Failed to create order: ${error instanceof Error ? error.message : 'Unknown error'}`);
+        }
+        finally {
+            setIsActionLoading(false);
+        }
+    };
+    const reset = () => {
+        setStep('idle');
+        setResults({});
+    };
+    return {
+        handleGetNonce,
+        handleAuthenticate,
+        handleGetQuote,
+        handleCreateOrder,
+        reset,
+    };
+}
+// ============================================================================
+// Main Component
+// ============================================================================
+// Inner component that uses the new provider flow
+function SilentSwapCompleteDemoInner({ config }) {
+    // Use the new useSilentSwap hook (same as web-app-example)
+    const { client, wallet, walletLoading, swapLoading, swapError, quote, } = useSilentSwap();
+    // For backward compatibility with the demo, we still need useSilentOrders for getNonce, authenticate, etc.
+    // But we can use useSilentSwap for client and other shared state
+    const { isLoading, error, getNonce, authenticate, getQuote, createOrder } = useSilentOrders({ client });
+    const { createSignInMessage, createEip712DocForOrder } = useAuth();
+    const [step, setStep] = useState('idle');
+    const [results, setResults] = useState({});
+    const [isActionLoading, setIsActionLoading] = useState(false);
+    const { data: walletClient } = useWalletClient();
+    const { address: connectedAddress, isConnected } = useAccount();
+    const { connect, connectors, isPending } = useConnect();
+    const { disconnect } = useDisconnect();
+    const chainId = useChainId();
+    const { handleGetNonce, handleAuthenticate, handleGetQuote, handleCreateOrder, reset } = useSilentQuoteHandlers({
+        client,
+        getNonce,
+        authenticate,
+        createSignInMessage,
+        createEip712DocForOrder,
+        walletClient,
+        connectedAddress,
+        chainId,
+        setStep,
+        setResults,
+        results,
+        setIsActionLoading,
+    });
+    return (_jsxs("div", { style: { maxWidth: '800px', fontFamily: 'Arial, sans-serif' }, children: [_jsx("h2", { children: "\uD83D\uDE80 SilentSwap Complete Flow Demo" }), _jsx("p", { children: "This demo shows how all SilentSwap React hooks work together in a complete swap flow." }), _jsx(WalletConnectionSection, { isConnected: isConnected, connectedAddress: connectedAddress, connectors: connectors, isPending: isPending, onConnect: (connector) => connect({ connector }), onDisconnect: disconnect }), _jsx(StatusSection, { step: step, isLoading: isLoading, error: error }), _jsx(FlowStepsSection, { step: step, isLoading: isLoading, isActionLoading: isActionLoading, isConnected: isConnected, hasNonce: !!results.nonce, hasAuth: !!results.auth, hasQuote: !!results.quote, onGetNonce: handleGetNonce, onAuthenticate: handleAuthenticate, onGetQuote: handleGetQuote, onCreateOrder: handleCreateOrder, onReset: reset }), _jsx(ResultsSection, { results: results }), _jsx(HookUsageSummary, {})] }));
+}
+// ============================================================================
+// Storybook Configuration
+// ============================================================================
+// Create providers for Storybook
+const queryClient = new QueryClient();
+const wagmiConfig = createConfig({
+    chains: [mainnet, avalanche],
+    connectors: [injected()],
+    transports: {
+        [mainnet.id]: http(),
+        [avalanche.id]: http(),
+    },
+});
+// Wrapper component that provides SilentSwapProvider
+function SilentSwapCompleteDemo({ config }) {
+    const { address, isConnected, connector } = useAccount();
+    const { data: walletClient } = useWalletClient();
+    // Create client instance for the provider
+    const client = useMemo(() => createSilentSwapClient({ environment: config.environment }), [config.environment]);
+    return (_jsx(SilentSwapProvider, { client: client, environment: config.environment, solanaRpcUrl: undefined, evmAddress: address, solAddress: undefined, solanaConnector: undefined, solanaConnection: undefined, connector: connector, walletClient: walletClient, isConnected: isConnected, children: _jsx(SilentSwapCompleteDemoInner, { config: config }) }));
+}
+const meta = {
+    title: 'Overview/Complete SilentSwap Flow',
+    component: ({ config }) => {
+        return (_jsx(QueryClientProvider, { client: queryClient, children: _jsx(WagmiProvider, { config: wagmiConfig, children: _jsx(SilentSwapCompleteDemo, { config: config }) }) }));
+    },
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: 'Complete demonstration of all SilentSwap React hooks working together in a typical swap flow.',
+            },
+        },
+    },
+    argTypes: {
+        config: {
+            description: 'Configuration object for the SilentSwap client',
+            control: { type: 'object' },
+        },
+    },
+};
+export default meta;
+export const DefaultFlow = {
+    args: {
+        config: {
+            baseUrl: 'https://api.silentswap.com',
+            environment: ENVIRONMENT.MAINNET,
+        },
+    },
+};
+export const StagingEnvironment = {
+    args: {
+        config: {
+            baseUrl: 'https://api-staging.silentswap.com',
+            environment: ENVIRONMENT.MAINNET,
+        },
+    },
+};

package/dist/stories/useAuth.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare function AuthDemo(): import("react/jsx-runtime").JSX.Element;
+declare const meta: Meta<typeof AuthDemo>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/stories/useAuth.stories.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useAuth } from '../hooks/silent/useAuth.js';
+// Mock component to demonstrate the auth hook
+function AuthDemo() {
+    const { createSignInMessage, createEip712DocForOrder, createEip712DocForWalletGeneration } = useAuth();
+    const [signInMessage, setSignInMessage] = useState(null);
+    const [eip712OrderDoc, setEip712OrderDoc] = useState('');
+    const [eip712WalletDoc, setEip712WalletDoc] = useState('');
+    const handleCreateSignInMessage = () => {
+        const address = '0x461ddCA267968eB7A8191c0cDb1684a45b9250c9';
+        const nonce = '5iUbxyv4Hw2G7BFib2ymjD6atpdmX7ob1Lp3QKM8ZAsqXYsDrHzVRFUk4FmgeaFJXYSaMobX2ep2MZYCKef6vVtj9fAjpWpBfiWXkFh9im61dAC8rxGa4yMCn1ikPYPsyuV1xuiuCA6KjTugKrv5Q3gw6C6ssVvhVBDmAtM2X7VoSwY24KmDmA9yL915wmuPtwfYrBDukTUrdYXdwaCg31GsXrei2AhtB9YJaodf9mFQdCyW3sLU1C3PMj6iqz9ZdSdMCX5CAq9RZuv';
+        const domain = 'app.silentswap.com';
+        const message = createSignInMessage(address, nonce, domain);
+        setSignInMessage(message);
+    };
+    const handleCreateEip712OrderDoc = () => {
+        // Mock quote response
+        const mockQuoteResponse = {
+            quoteId: 'quote-123',
+            sellToken: '0xA0b86a33E6441e88C5F2712C3E9b74B8F7c6F5F5',
+            buyToken: '0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2',
+            sellAmount: '1000000000000000000',
+            buyAmount: '2500000000000000000',
+            feeAmount: '25000000000000000',
+            expiration: Date.now() + 3600000, // 1 hour from now
+        };
+        const doc = createEip712DocForOrder(mockQuoteResponse);
+        setEip712OrderDoc(JSON.stringify(doc, null, 2));
+    };
+    const handleCreateEip712WalletDoc = () => {
+        const scope = 'wallet-generation';
+        const token = 'token-456';
+        const doc = createEip712DocForWalletGeneration(scope, token);
+        setEip712WalletDoc(JSON.stringify(doc, null, 2));
+    };
+    return (_jsxs("div", { children: [_jsx("h3", { children: "SilentSwap Auth Utilities Demo" }), _jsxs("div", { style: { marginBottom: '20px' }, children: [_jsx("button", { onClick: handleCreateSignInMessage, style: { marginRight: '10px' }, children: "Create Sign-In Message" }), _jsx("button", { onClick: handleCreateEip712OrderDoc, style: { marginRight: '10px' }, children: "Create EIP-712 Order Doc" }), _jsx("button", { onClick: handleCreateEip712WalletDoc, children: "Create EIP-712 Wallet Doc" })] }), signInMessage && (_jsxs("details", { style: { marginBottom: '10px' }, children: [_jsx("summary", { children: "Sign-In Message" }), _jsx("pre", { style: { background: '#f5f5f5', padding: '10px', borderRadius: '4px' }, children: JSON.stringify(signInMessage, null, 2) })] })), eip712OrderDoc && (_jsxs("details", { style: { marginBottom: '10px' }, children: [_jsx("summary", { children: "EIP-712 Order Document" }), _jsx("pre", { style: { background: '#f5f5f5', padding: '10px', borderRadius: '4px' }, children: eip712OrderDoc })] })), eip712WalletDoc && (_jsxs("details", { style: { marginBottom: '10px' }, children: [_jsx("summary", { children: "EIP-712 Wallet Document" }), _jsx("pre", { style: { background: '#f5f5f5', padding: '10px', borderRadius: '4px' }, children: eip712WalletDoc })] })), _jsxs("details", { style: { marginTop: '20px' }, children: [_jsx("summary", { children: "Available Methods:" }), _jsxs("ul", { children: [_jsxs("li", { children: [_jsx("code", { children: "createSignInMessage(address, nonce, domain?)" }), " - Create sign-in message for authentication"] }), _jsxs("li", { children: [_jsx("code", { children: "createEip712DocForOrder(quoteResponse)" }), " - Create EIP-712 typed data for order signing"] }), _jsxs("li", { children: [_jsx("code", { children: "createEip712DocForWalletGeneration(scope, token)" }), " - Create EIP-712 typed data for wallet generation"] })] })] })] }));
+}
+const meta = {
+    title: 'Hooks/useAuth',
+    component: AuthDemo,
+    //👇 Enables auto-generated documentation for this component and includes all stories in this file
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: 'React hook providing authentication utilities for SilentSwap, including sign-in messages and EIP-712 typed data creation.',
+            },
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {},
+};

package/dist/stories/useSilentClient.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { type SilentSwapClientConfig } from '@silentswap/sdk';
+declare function ClientDemo({ config }: {
+    config: SilentSwapClientConfig;
+}): import("react/jsx-runtime").JSX.Element;
+declare const meta: Meta<typeof ClientDemo>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/stories/useSilentClient.stories.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSilentClient } from '../hooks/silent/useSilentClient.js';
+import { ENVIRONMENT } from '@silentswap/sdk';
+// Mock component to demonstrate the hook
+function ClientDemo({ config }) {
+    const { client } = useSilentClient({ config });
+    return (_jsxs("div", { children: [_jsx("h3", { children: "SilentSwap Client Demo" }), _jsxs("p", { children: [_jsx("strong", { children: "Client created:" }), " ", client ? '✅' : '❌'] }), _jsxs("p", { children: [_jsx("strong", { children: "Client type:" }), " ", client?.constructor?.name || 'Unknown'] }), _jsxs("details", { children: [_jsx("summary", { children: "Client methods available:" }), _jsx("ul", { children: client &&
+                            Object.getOwnPropertyNames(client.constructor.prototype)
+                                .filter((name) => name !== 'constructor')
+                                .map((method) => _jsx("li", { children: method }, method)) })] })] }));
+}
+const meta = {
+    title: 'Hooks/useSilentClient',
+    component: ClientDemo,
+    //👇 Enables auto-generated documentation for this component and includes all stories in this file
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: 'React hook for creating and managing a SilentSwap client instance.',
+            },
+        },
+    },
+    argTypes: {
+        config: {
+            description: 'Configuration object for the SilentSwap client',
+            control: { type: 'object' },
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        config: {
+            baseUrl: 'https://api-staging.silentswap.com',
+            environment: ENVIRONMENT.MAINNET,
+        },
+    },
+};

package/dist/stories/useSilentOrders.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/stories/useSilentOrders.stories.js

@@ -0,0 +1 @@
+export {};

package/dist/stories/useSilentQuote.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare function BridgeQuoteDemo(): import("react/jsx-runtime").JSX.Element;
+declare const meta: Meta<typeof BridgeQuoteDemo>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;