@varity-labs/ui-kit 2.0.0-alpha.1

package/dist/providers/PrivyStack.js

@@ -0,0 +1,295 @@
+import React, { useState, useEffect } from 'react';
+import { PrivyProvider } from '@privy-io/react-auth';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { ThirdwebProvider } from 'thirdweb/react';
+import { PrivyReadyGate } from '../components/Privy/PrivyReadyGate';
+import { WalletSyncProvider } from './WalletSyncProvider';
+import { resolveCredentials, VARITY_DEV_CREDENTIALS, resolveCredentialsWithProxy } from '@varity-labs/sdk';
+/**
+ * Create React Query client (memoized singleton)
+ */
+const queryClient = new QueryClient({
+    defaultOptions: {
+        queries: {
+            staleTime: 1000 * 60 * 5, // 5 minutes
+            retry: 1,
+        },
+    },
+});
+/**
+ * Convert thirdweb Chain to Privy Chain format
+ */
+function toPrivyChain(chain) {
+    // Ensure nativeCurrency properties are never undefined
+    const nativeCurrency = {
+        name: chain.nativeCurrency?.name ?? 'Ether',
+        symbol: chain.nativeCurrency?.symbol ?? 'ETH',
+        decimals: chain.nativeCurrency?.decimals ?? 18,
+    };
+    // Convert blockExplorers array to Privy format (object with default key)
+    let blockExplorers;
+    if (chain.blockExplorers && Array.isArray(chain.blockExplorers) && chain.blockExplorers.length > 0) {
+        const explorer = chain.blockExplorers[0];
+        blockExplorers = {
+            default: {
+                name: explorer.name,
+                url: explorer.url,
+            },
+        };
+    }
+    return {
+        id: chain.id,
+        name: chain.name || `Chain ${chain.id}`,
+        network: `chain-${chain.id}`,
+        nativeCurrency,
+        rpcUrls: {
+            default: { http: [chain.rpc] },
+            public: { http: [chain.rpc] },
+        },
+        blockExplorers,
+        testnet: chain.testnet,
+    };
+}
+/**
+ * PrivyStack - All-in-one provider for Privy + thirdweb + Varity L3
+ *
+ * This component combines all necessary providers in the correct order:
+ * 1. QueryClientProvider - For React Query (required by Privy)
+ * 2. PrivyProvider - Authentication (email, social, wallet)
+ * 3. PrivyReadyGate - Prevents blank screen during initialization
+ * 4. ThirdwebProvider - Wallet management and contracts
+ * 5. WalletSyncProvider - Syncs Privy embedded wallets with thirdweb
+ *
+ * **Security**: By default, uses Varity Credential Proxy for server-side credential storage.
+ * Real credentials NEVER reach client bundles.
+ *
+ * **Key Features**:
+ * - Secure server-side credentials (via credential proxy)
+ * - No blank screen during initialization (PrivyReadyGate)
+ * - Seamless wallet sync between Privy and thirdweb
+ * - Support for email/social login (embedded wallets)
+ * - Support for external wallets (MetaMask, WalletConnect, etc.)
+ * - Optimized for Varity L3 by default
+ *
+ * **Stack Order** (critical - do not change):
+ * ```
+ * QueryClientProvider         # React Query for data fetching
+ *   └─ PrivyProvider           # Authentication layer
+ *       └─ PrivyReadyGate       # Loading state management
+ *           └─ ThirdwebProvider # Blockchain operations
+ *               └─ WalletSyncProvider # Wallet synchronization
+ *                   └─ YourApp       # Your application
+ * ```
+ *
+ * @example Zero-config setup (secure proxy credentials)
+ * ```tsx
+ * import { PrivyStack } from '@varity-labs/ui-kit';
+ *
+ * function App() {
+ *   return (
+ *     <PrivyStack>
+ *       <YourApp />
+ *     </PrivyStack>
+ *   );
+ * }
+ * ```
+ *
+ * @example Production with credential proxy (RECOMMENDED)
+ * ```tsx
+ * import { PrivyStack } from '@varity-labs/ui-kit';
+ *
+ * function App() {
+ *   return (
+ *     <PrivyStack useCredentialProxy={true}>
+ *       <YourApp />
+ *     </PrivyStack>
+ *   );
+ * }
+ * ```
+ *
+ * @example Custom credentials (without proxy)
+ * ```tsx
+ * import { PrivyStack } from '@varity-labs/ui-kit';
+ *
+ * function App() {
+ *   return (
+ *     <PrivyStack
+ *       useCredentialProxy={false}
+ *       appId={process.env.PRIVY_APP_ID}
+ *       thirdwebClientId={process.env.THIRDWEB_CLIENT_ID}
+ *     >
+ *       <YourApp />
+ *     </PrivyStack>
+ *   );
+ * }
+ * ```
+ *
+ * @example With custom chains and appearance
+ * ```tsx
+ * import { PrivyStack } from '@varity-labs/ui-kit';
+ * import { varityL3Testnet, arbitrumSepolia } from '@varity-labs/sdk';
+ *
+ * function App() {
+ *   return (
+ *     <PrivyStack
+ *       chains={[varityL3Testnet, arbitrumSepolia]}
+ *       loginMethods={['email', 'google', 'wallet']}
+ *       appearance={{
+ *         theme: 'light',
+ *         accentColor: '#2563EB',
+ *         logo: '/logo.png'
+ *       }}
+ *       onAddressChange={(address) => {
+ *         console.log('Wallet connected:', address);
+ *       }}
+ *     >
+ *       <YourApp />
+ *     </PrivyStack>
+ *   );
+ * }
+ * ```
+ */
+export function PrivyStack({ appId, thirdwebClientId, useCredentialProxy = true, credentialProxyUrl, chains, children, loginMethods = ['email', 'google', 'wallet'], appearance = {
+    theme: 'light',
+    accentColor: '#2563EB',
+}, onAddressChange, }) {
+    // State for async credential loading
+    const [credentials, setCredentials] = useState(null);
+    const [isLoading, setIsLoading] = useState(true);
+    const [error, setError] = useState(null);
+    // Load credentials on mount
+    useEffect(() => {
+        async function loadCredentials() {
+            try {
+                setIsLoading(true);
+                setError(null);
+                let resolvedCredentials;
+                if (useCredentialProxy) {
+                    // Use credential proxy (RECOMMENDED)
+                    resolvedCredentials = await resolveCredentialsWithProxy(appId, thirdwebClientId, {
+                        proxyUrl: credentialProxyUrl,
+                        debug: process.env.NODE_ENV === 'development',
+                    });
+                }
+                else {
+                    // Use manual credentials or fallback to dev credentials
+                    // Pass usingProxy=true to suppress warnings (proxy handles messaging)
+                    resolvedCredentials = resolveCredentials(appId || VARITY_DEV_CREDENTIALS.privy.appId, thirdwebClientId || VARITY_DEV_CREDENTIALS.thirdweb.clientId, true // Using Varity-managed credentials
+                    );
+                }
+                setCredentials(resolvedCredentials);
+            }
+            catch (err) {
+                const errorMessage = err instanceof Error ? err.message : 'Failed to load credentials';
+                setError(errorMessage);
+                console.error('Failed to load credentials:', err);
+            }
+            finally {
+                setIsLoading(false);
+            }
+        }
+        loadCredentials();
+    }, [appId, thirdwebClientId, useCredentialProxy, credentialProxyUrl]);
+    // Show loading state
+    if (isLoading) {
+        return (React.createElement("div", { style: {
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                height: '100vh',
+                fontFamily: 'system-ui, -apple-system, sans-serif',
+            } },
+            React.createElement("div", { style: { textAlign: 'center' } },
+                React.createElement("div", { style: {
+                        width: '48px',
+                        height: '48px',
+                        border: '4px solid #f3f3f3',
+                        borderTop: '4px solid #2563EB',
+                        borderRadius: '50%',
+                        animation: 'spin 1s linear infinite',
+                        margin: '0 auto 16px',
+                    } }),
+                React.createElement("p", { style: { color: '#666' } }, "Initializing authentication...")),
+            React.createElement("style", null, `
+          @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+          }
+        `)));
+    }
+    // Show error state
+    if (error || !credentials) {
+        return (React.createElement("div", { style: {
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                height: '100vh',
+                fontFamily: 'system-ui, -apple-system, sans-serif',
+                padding: '24px',
+            } },
+            React.createElement("div", { style: {
+                    maxWidth: '600px',
+                    padding: '32px',
+                    backgroundColor: '#FEE2E2',
+                    border: '1px solid #EF4444',
+                    borderRadius: '8px',
+                } },
+                React.createElement("h2", { style: { margin: '0 0 16px', color: '#991B1B' } }, "Failed to Load Credentials"),
+                React.createElement("p", { style: { margin: '0 0 16px', color: '#7F1D1D' } }, error || 'Unknown error occurred while loading credentials'),
+                React.createElement("p", { style: { margin: '0', color: '#7F1D1D', fontSize: '14px' } }, "Please check:"),
+                React.createElement("ul", { style: { margin: '8px 0 0', color: '#7F1D1D', fontSize: '14px' } },
+                    React.createElement("li", null, "Credential proxy is deployed and accessible"),
+                    React.createElement("li", null, "Manual credentials are provided if proxy is disabled"),
+                    React.createElement("li", null, "Network connectivity is working")))));
+    }
+    // Use Varity L3 Testnet as default chain if none provided
+    const supportedChains = React.useMemo(() => {
+        if (chains && chains.length > 0) {
+            return chains.map(toPrivyChain);
+        }
+        // Default to Varity L3 Testnet
+        return [
+            {
+                id: 33529,
+                name: 'Varity L3 Testnet',
+                network: 'varity-testnet',
+                nativeCurrency: {
+                    name: 'USDC',
+                    symbol: 'USDC',
+                    decimals: 6,
+                },
+                rpcUrls: {
+                    default: {
+                        http: ['https://rpc-varity-testnet-rroe52pwjp.t.conduit.xyz'],
+                    },
+                    public: {
+                        http: ['https://rpc-varity-testnet-rroe52pwjp.t.conduit.xyz'],
+                    },
+                },
+                blockExplorers: {
+                    default: {
+                        name: 'Varity Explorer',
+                        url: 'https://explorer-varity-testnet-rroe52pwjp.t.conduit.xyz',
+                    },
+                },
+                testnet: true,
+            },
+        ];
+    }, [chains]);
+    return (React.createElement(QueryClientProvider, { client: queryClient },
+        React.createElement(PrivyProvider, { appId: credentials.privy.appId, config: {
+                loginMethods,
+                appearance: {
+                    theme: appearance.theme || 'light',
+                    accentColor: (appearance.accentColor || '#2563EB'),
+                    logo: appearance.logo,
+                },
+                supportedChains,
+                defaultChain: supportedChains[0],
+            } },
+            React.createElement(PrivyReadyGate, null,
+                React.createElement(ThirdwebProvider, null,
+                    React.createElement(WalletSyncProvider, { onAddressChange: onAddressChange }, children))))));
+}
+export default PrivyStack;
+//# sourceMappingURL=PrivyStack.js.map

package/dist/providers/PrivyStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrivyStack.js","sourceRoot":"","sources":["../../src/providers/PrivyStack.tsx"],"names":[],"mappings":"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"}

package/dist/providers/VarityDashboardProvider.d.ts

@@ -0,0 +1,90 @@
+import React, { ReactNode } from 'react';
+import { useWalletSync, WalletSyncState } from './WalletSyncProvider';
+export interface VarityDashboardProviderProps {
+    children: ReactNode;
+    /**
+     * Privy App ID (from Privy Dashboard)
+     * Can also be set via NEXT_PUBLIC_PRIVY_APP_ID environment variable
+     */
+    privyAppId?: string;
+    /**
+     * Thirdweb Client ID (from thirdweb Dashboard)
+     * Can also be set via NEXT_PUBLIC_THIRDWEB_CLIENT_ID environment variable
+     */
+    thirdwebClientId?: string;
+    /**
+     * Appearance configuration
+     */
+    appearance?: {
+        theme?: 'light' | 'dark';
+        accentColor?: `#${string}`;
+        logo?: string;
+    };
+    /**
+     * Login methods to enable
+     * @default ['email', 'google', 'wallet']
+     */
+    loginMethods?: ('email' | 'google' | 'twitter' | 'discord' | 'github' | 'wallet' | 'sms')[];
+    /**
+     * Initialization timeout in milliseconds
+     * @default 10000
+     */
+    initTimeout?: number;
+    /**
+     * Callback when wallet address changes
+     */
+    onAddressChange?: (address: string | null) => void;
+    /**
+     * Callback when wallet sync state changes
+     */
+    onWalletSyncChange?: (state: WalletSyncState) => void;
+    /**
+     * Custom error boundary component
+     */
+    errorBoundary?: React.ComponentType<{
+        children: React.ReactNode;
+    }>;
+}
+/**
+ * VarityDashboardProvider - Complete provider setup for Varity L3 dashboards
+ *
+ * Combines:
+ * - Privy (authentication: email, social, wallet)
+ * - Thirdweb (wallet management, contracts)
+ * - WalletSync (unified wallet state)
+ * - React Query (data fetching)
+ * - Wagmi (Ethereum interactions)
+ *
+ * Features:
+ * - Embedded wallets for non-crypto users
+ * - Gasless transactions support (when configured)
+ * - NFT-based licensing support
+ * - Cross-chain functionality
+ * - Loading states and error handling
+ *
+ * @example
+ * ```tsx
+ * import { VarityDashboardProvider } from '@varity-labs/ui-kit';
+ *
+ * function App() {
+ *   return (
+ *     <VarityDashboardProvider
+ *       privyAppId="your-privy-app-id"
+ *       thirdwebClientId="your-thirdweb-client-id"
+ *       appearance={{
+ *         theme: 'light',
+ *         accentColor: '#2563EB',
+ *         logo: '/logo.png'
+ *       }}
+ *     >
+ *       <YourDashboard />
+ *     </VarityDashboardProvider>
+ *   );
+ * }
+ * ```
+ */
+export declare function VarityDashboardProvider({ children, privyAppId, thirdwebClientId, appearance, loginMethods, initTimeout, onAddressChange, onWalletSyncChange, errorBoundary: ErrorBoundary, }: VarityDashboardProviderProps): React.JSX.Element;
+export { useWalletSync };
+export type { WalletSyncState };
+export default VarityDashboardProvider;
+//# sourceMappingURL=VarityDashboardProvider.d.ts.map

package/dist/providers/VarityDashboardProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VarityDashboardProvider.d.ts","sourceRoot":"","sources":["../../src/providers/VarityDashboardProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAuB,SAAS,EAAW,MAAM,OAAO,CAAC;AASvE,OAAO,EAAsB,aAAa,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAwM1F,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE;QACX,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;QACzB,WAAW,CAAC,EAAE,IAAI,MAAM,EAAE,CAAC;QAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC,EAAE,CAAC;IAC5F;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IACtD;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;CACpE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,UAGC,EACD,YAA4C,EAC5C,WAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,aAAa,EAAE,aAAa,GAC7B,EAAE,4BAA4B,qBAgF9B;AAGD,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,eAAe,EAAE,CAAC;AAEhC,eAAe,uBAAuB,CAAC"}

package/dist/providers/VarityDashboardProvider.js

@@ -0,0 +1,242 @@
+'use client';
+import React, { useState, useEffect, useMemo } from 'react';
+import { PrivyProvider, usePrivy } from '@privy-io/react-auth';
+import { WagmiProvider } from '@privy-io/wagmi';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { ThirdwebProvider } from 'thirdweb/react';
+import { createThirdwebClient } from 'thirdweb';
+import { http } from 'viem';
+import { arbitrumSepolia, arbitrum } from 'viem/chains';
+import { createConfig } from 'wagmi';
+import { WalletSyncProvider, useWalletSync } from './WalletSyncProvider';
+/**
+ * Varity L3 Chain Configuration (Arbitrum Orbit Testnet)
+ * CRITICAL: Uses correct RPC URL for Conduit deployment
+ */
+const varityL3Testnet = {
+    id: 33529,
+    name: 'Varity L3 Testnet',
+    network: 'varity-testnet',
+    nativeCurrency: {
+        decimals: 6, // USDC has 6 decimals - NOT 18!
+        name: 'USDC',
+        symbol: 'USDC',
+    },
+    rpcUrls: {
+        default: {
+            http: ['https://rpc-varity-testnet-rroe52pwjp.t.conduit.xyz'],
+        },
+        public: {
+            http: ['https://rpc-varity-testnet-rroe52pwjp.t.conduit.xyz'],
+        },
+    },
+    blockExplorers: {
+        default: {
+            name: 'Varity Explorer',
+            url: 'https://explorer-varity-testnet-rroe52pwjp.t.conduit.xyz',
+        },
+    },
+    testnet: true,
+};
+// Create Wagmi config for Privy
+const wagmiConfig = createConfig({
+    chains: [varityL3Testnet, arbitrumSepolia, arbitrum],
+    transports: {
+        [varityL3Testnet.id]: http(),
+        [arbitrumSepolia.id]: http(),
+        [arbitrum.id]: http(),
+    },
+});
+// Create React Query client
+const queryClient = new QueryClient();
+/**
+ * InitializingScreen - Shows while Privy and thirdweb providers initialize
+ */
+function InitializingScreen({ logo }) {
+    return (React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 flex items-center justify-center p-4" },
+        React.createElement("div", { className: "bg-white rounded-lg shadow-xl p-8 max-w-md text-center" },
+            React.createElement("div", { className: "flex justify-center mb-4" },
+                React.createElement("div", { className: "relative" },
+                    React.createElement("div", { className: "animate-spin rounded-full h-16 w-16 border-b-4 border-blue-600" }),
+                    logo && (React.createElement("img", { src: logo, alt: "Logo", className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-8 h-8" })))),
+            React.createElement("h1", { className: "text-2xl font-bold text-gray-900 mb-2" }, "Initializing Dashboard..."),
+            React.createElement("p", { className: "text-gray-600 mb-4" }, "Setting up Web3 providers and authentication."),
+            React.createElement("div", { className: "text-sm text-gray-500 space-y-1" },
+                React.createElement("p", { className: "flex items-center justify-center gap-2" },
+                    React.createElement("span", { className: "w-4 h-4 text-green-500" }, "\u2713"),
+                    "Loading authentication"),
+                React.createElement("p", { className: "flex items-center justify-center gap-2" },
+                    React.createElement("span", { className: "w-4 h-4 text-green-500" }, "\u2713"),
+                    "Connecting to Varity L3"),
+                React.createElement("p", { className: "flex items-center justify-center gap-2" },
+                    React.createElement("span", { className: "w-4 h-4 text-green-500" }, "\u2713"),
+                    "Preparing wallet connection")))));
+}
+/**
+ * InitTimeoutScreen - Shows if initialization takes too long
+ */
+function InitTimeoutScreen({ onRetry }) {
+    return (React.createElement("div", { className: "min-h-screen bg-gray-50 flex items-center justify-center p-4" },
+        React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-8 max-w-md" },
+            React.createElement("div", { className: "w-16 h-16 bg-yellow-100 rounded-full flex items-center justify-center mx-auto mb-4" },
+                React.createElement("span", { className: "text-2xl" }, "\u23F1")),
+            React.createElement("h1", { className: "text-2xl font-bold text-gray-900 mb-2" }, "Taking Longer Than Expected"),
+            React.createElement("p", { className: "text-gray-600 mb-4" }, "The Web3 providers are taking longer than usual to initialize."),
+            React.createElement("ul", { className: "text-sm text-gray-700 space-y-2 mb-4" },
+                React.createElement("li", { className: "flex items-start gap-2" },
+                    React.createElement("span", { className: "text-yellow-600 mt-0.5" }, "\u2022"),
+                    React.createElement("span", null, "Check your internet connection")),
+                React.createElement("li", { className: "flex items-start gap-2" },
+                    React.createElement("span", { className: "text-yellow-600 mt-0.5" }, "\u2022"),
+                    React.createElement("span", null, "Services may be experiencing delays"))),
+            React.createElement("div", { className: "flex gap-2" },
+                React.createElement("button", { onClick: onRetry, className: "flex-1 bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors" }, "Retry"),
+                React.createElement("button", { onClick: () => window.location.reload(), className: "flex-1 bg-gray-200 text-gray-700 px-4 py-2 rounded-lg hover:bg-gray-300 transition-colors" }, "Refresh Page")))));
+}
+/**
+ * ConfigErrorScreen - Shows when required env vars are missing
+ */
+function ConfigErrorScreen({ error }) {
+    return (React.createElement("div", { className: "min-h-screen bg-gray-50 flex items-center justify-center p-4" },
+        React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-8 max-w-md" },
+            React.createElement("div", { className: "w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mx-auto mb-4" },
+                React.createElement("span", { className: "text-2xl" }, "\u26A0")),
+            React.createElement("h1", { className: "text-2xl font-bold text-gray-900 mb-2" }, "Configuration Error"),
+            React.createElement("p", { className: "text-gray-600 mb-4" },
+                "Missing required configuration: ",
+                React.createElement("strong", null, error)),
+            React.createElement("ul", { className: "text-sm text-gray-700 space-y-2 mb-4" },
+                React.createElement("li", null, "\u2022 Check your .env.local file"),
+                React.createElement("li", null, "\u2022 Ensure all environment variables are set"),
+                React.createElement("li", null, "\u2022 Restart the development server")),
+            React.createElement("button", { onClick: () => window.location.reload(), className: "w-full bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors" }, "Retry"))));
+}
+/**
+ * PrivyReadyGate - Waits for Privy to be ready before rendering children
+ */
+function PrivyReadyGate({ children, logo, initTimeout = 10000, }) {
+    const { ready } = usePrivy();
+    const [showTimeoutScreen, setShowTimeoutScreen] = useState(false);
+    useEffect(() => {
+        const timeout = setTimeout(() => {
+            if (!ready) {
+                setShowTimeoutScreen(true);
+            }
+        }, initTimeout);
+        return () => clearTimeout(timeout);
+    }, [ready, initTimeout]);
+    if (ready) {
+        return React.createElement(React.Fragment, null, children);
+    }
+    if (showTimeoutScreen) {
+        return (React.createElement(InitTimeoutScreen, { onRetry: () => setShowTimeoutScreen(false) }));
+    }
+    return React.createElement(InitializingScreen, { logo: logo });
+}
+/**
+ * VarityDashboardProvider - Complete provider setup for Varity L3 dashboards
+ *
+ * Combines:
+ * - Privy (authentication: email, social, wallet)
+ * - Thirdweb (wallet management, contracts)
+ * - WalletSync (unified wallet state)
+ * - React Query (data fetching)
+ * - Wagmi (Ethereum interactions)
+ *
+ * Features:
+ * - Embedded wallets for non-crypto users
+ * - Gasless transactions support (when configured)
+ * - NFT-based licensing support
+ * - Cross-chain functionality
+ * - Loading states and error handling
+ *
+ * @example
+ * ```tsx
+ * import { VarityDashboardProvider } from '@varity-labs/ui-kit';
+ *
+ * function App() {
+ *   return (
+ *     <VarityDashboardProvider
+ *       privyAppId="your-privy-app-id"
+ *       thirdwebClientId="your-thirdweb-client-id"
+ *       appearance={{
+ *         theme: 'light',
+ *         accentColor: '#2563EB',
+ *         logo: '/logo.png'
+ *       }}
+ *     >
+ *       <YourDashboard />
+ *     </VarityDashboardProvider>
+ *   );
+ * }
+ * ```
+ */
+export function VarityDashboardProvider({ children, privyAppId, thirdwebClientId, appearance = {
+    theme: 'light',
+    accentColor: '#2563EB',
+}, loginMethods = ['email', 'google', 'wallet'], initTimeout = 10000, onAddressChange, onWalletSyncChange, errorBoundary: ErrorBoundary, }) {
+    // Get config from props or environment variables
+    const appId = privyAppId || process.env.NEXT_PUBLIC_PRIVY_APP_ID;
+    const clientId = thirdwebClientId || process.env.NEXT_PUBLIC_THIRDWEB_CLIENT_ID;
+    // Validate required config
+    const [configError, setConfigError] = useState(null);
+    useEffect(() => {
+        if (!appId) {
+            setConfigError('Privy App ID is required (pass privyAppId prop or set NEXT_PUBLIC_PRIVY_APP_ID)');
+        }
+        else if (!clientId) {
+            setConfigError('Thirdweb Client ID is required (pass thirdwebClientId prop or set NEXT_PUBLIC_THIRDWEB_CLIENT_ID)');
+        }
+        else {
+            setConfigError(null);
+        }
+    }, [appId, clientId]);
+    // Create thirdweb client
+    const thirdwebClient = useMemo(() => {
+        if (!clientId)
+            return null;
+        try {
+            return createThirdwebClient({ clientId });
+        }
+        catch (error) {
+            console.error('Failed to create thirdweb client:', error);
+            return null;
+        }
+    }, [clientId]);
+    // Show config error
+    if (configError) {
+        return React.createElement(ConfigErrorScreen, { error: configError });
+    }
+    // Show thirdweb error
+    if (!thirdwebClient) {
+        return React.createElement(ConfigErrorScreen, { error: "Failed to initialize thirdweb client" });
+    }
+    const content = (React.createElement(PrivyProvider, { appId: appId, config: {
+            loginMethods,
+            appearance: {
+                theme: appearance.theme,
+                accentColor: appearance.accentColor,
+                logo: appearance.logo,
+                showWalletLoginFirst: false,
+            },
+            embeddedWallets: {
+                createOnLogin: 'users-without-wallets',
+            },
+            defaultChain: varityL3Testnet,
+            supportedChains: [varityL3Testnet, arbitrumSepolia, arbitrum],
+        } },
+        React.createElement(QueryClientProvider, { client: queryClient },
+            React.createElement(WagmiProvider, { config: wagmiConfig },
+                React.createElement(PrivyReadyGate, { logo: appearance.logo, initTimeout: initTimeout },
+                    React.createElement(ThirdwebProvider, null,
+                        React.createElement(WalletSyncProvider, { onAddressChange: onAddressChange, onSyncStateChange: onWalletSyncChange }, children)))))));
+    // Wrap with error boundary if provided
+    if (ErrorBoundary) {
+        return React.createElement(ErrorBoundary, null, content);
+    }
+    return content;
+}
+// Re-export hooks for convenience
+export { useWalletSync };
+export default VarityDashboardProvider;
+//# sourceMappingURL=VarityDashboardProvider.js.map

package/dist/providers/VarityDashboardProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VarityDashboardProvider.js","sourceRoot":"","sources":["../../src/providers/VarityDashboardProvider.tsx"],"names":[],"mappings":"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"}