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

package/dist/components/SIWE/SIWEButton.js

@@ -0,0 +1,106 @@
+import React, { useState } from 'react';
+import { ConnectButton, useActiveAccount } from 'thirdweb/react';
+import { createThirdwebClient } from 'thirdweb';
+import { useSIWE } from './SIWEProvider';
+export const SIWEButton = ({ clientId, className = '', loginText = 'Sign In with Ethereum', logoutText = 'Sign Out', connectWalletText = 'Connect Wallet', loadingText = 'Signing in...', onLoginStart, onLoginComplete, onLogoutComplete, theme = 'dark', variant = 'primary', size = 'md', }) => {
+    const { isAuthenticated, isLoading, login, logout, error } = useSIWE();
+    const account = useActiveAccount();
+    const [isProcessing, setIsProcessing] = useState(false);
+    const client = createThirdwebClient({ clientId });
+    // Handle SIWE login
+    const handleLogin = async () => {
+        setIsProcessing(true);
+        onLoginStart?.();
+        try {
+            await login();
+            onLoginComplete?.();
+        }
+        catch (error) {
+            console.error('SIWE login failed:', error);
+        }
+        finally {
+            setIsProcessing(false);
+        }
+    };
+    // Handle logout
+    const handleLogout = async () => {
+        setIsProcessing(true);
+        try {
+            await logout();
+            onLogoutComplete?.();
+        }
+        catch (error) {
+            console.error('Logout failed:', error);
+        }
+        finally {
+            setIsProcessing(false);
+        }
+    };
+    // Get button styles based on variant and size
+    const getButtonStyles = () => {
+        const baseStyles = 'font-semibold rounded-lg transition-all duration-200 flex items-center justify-center gap-2';
+        const sizeStyles = {
+            sm: 'px-4 py-2 text-sm',
+            md: 'px-6 py-3 text-base',
+            lg: 'px-8 py-4 text-lg',
+        };
+        const variantStyles = {
+            primary: theme === 'dark'
+                ? 'bg-blue-600 hover:bg-blue-700 text-white'
+                : 'bg-blue-500 hover:bg-blue-600 text-white',
+            secondary: theme === 'dark'
+                ? 'bg-gray-700 hover:bg-gray-600 text-white'
+                : 'bg-gray-200 hover:bg-gray-300 text-gray-900',
+            outline: theme === 'dark'
+                ? 'border-2 border-blue-600 text-blue-600 hover:bg-blue-600 hover:text-white'
+                : 'border-2 border-blue-500 text-blue-500 hover:bg-blue-500 hover:text-white',
+        };
+        return `${baseStyles} ${sizeStyles[size]} ${variantStyles[variant]} ${className}`;
+    };
+    // If wallet is not connected, show connect button
+    if (!account) {
+        return (React.createElement("div", { className: className },
+            React.createElement(ConnectButton, { client: client, theme: theme, connectButton: {
+                    label: connectWalletText,
+                } })));
+    }
+    // If authenticated, show sign out button
+    if (isAuthenticated) {
+        return (React.createElement("button", { onClick: handleLogout, disabled: isProcessing, className: getButtonStyles() }, isProcessing ? (React.createElement(React.Fragment, null,
+            React.createElement(LoadingSpinner, null),
+            loadingText)) : (React.createElement(React.Fragment, null,
+            React.createElement(CheckIcon, null),
+            logoutText))));
+    }
+    // If wallet connected but not authenticated, show SIWE button
+    return (React.createElement("div", { className: "space-y-2" },
+        React.createElement("button", { onClick: handleLogin, disabled: isLoading || isProcessing, className: getButtonStyles() }, isLoading || isProcessing ? (React.createElement(React.Fragment, null,
+            React.createElement(LoadingSpinner, null),
+            loadingText)) : (React.createElement(React.Fragment, null,
+            React.createElement(EthereumIcon, null),
+            loginText))),
+        error && (React.createElement("p", { className: "text-sm text-red-500 mt-2" }, error))));
+};
+/**
+ * Loading Spinner Icon
+ */
+const LoadingSpinner = () => (React.createElement("svg", { className: "animate-spin h-5 w-5", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24" },
+    React.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+    React.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })));
+/**
+ * Ethereum Icon
+ */
+const EthereumIcon = () => (React.createElement("svg", { className: "h-5 w-5", viewBox: "0 0 256 417", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" },
+    React.createElement("path", { d: "M127.961 0l-2.795 9.5v275.668l2.795 2.79 127.962-75.638z", fillOpacity: ".602" }),
+    React.createElement("path", { d: "M127.962 0L0 212.32l127.962 75.639V0z" }),
+    React.createElement("path", { d: "M127.961 312.187l-1.575 1.92v98.199l1.575 4.6L256 236.587z", fillOpacity: ".602" }),
+    React.createElement("path", { d: "M127.962 416.905v-104.72L0 236.585z" }),
+    React.createElement("path", { d: "M127.961 287.958l127.96-75.637-127.96-58.162z", fillOpacity: ".2" }),
+    React.createElement("path", { d: "M0 212.32l127.96 75.638v-133.8z", fillOpacity: ".602" })));
+/**
+ * Check Icon
+ */
+const CheckIcon = () => (React.createElement("svg", { className: "h-5 w-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" })));
+export default SIWEButton;
+//# sourceMappingURL=SIWEButton.js.map

package/dist/components/SIWE/SIWEButton.js.map

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

package/dist/components/SIWE/SIWEModal.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+/**
+ * SIWE Modal Component
+ * Full-screen authentication modal with SIWE flow
+ */
+interface SIWEModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    clientId: string;
+    title?: string;
+    description?: string;
+    logoUrl?: string;
+    onSuccess?: () => void;
+    theme?: 'light' | 'dark';
+    requireAuth?: boolean;
+}
+export declare const SIWEModal: React.FC<SIWEModalProps>;
+export default SIWEModal;
+//# sourceMappingURL=SIWEModal.d.ts.map

package/dist/components/SIWE/SIWEModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SIWEModal.d.ts","sourceRoot":"","sources":["../../../src/components/SIWE/SIWEModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD;;;GAGG;AAEH,UAAU,cAAc;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmJ9C,CAAC;AA+CF,eAAe,SAAS,CAAC"}

package/dist/components/SIWE/SIWEModal.js

@@ -0,0 +1,75 @@
+import React, { useState, useEffect } from 'react';
+import { useActiveAccount } from 'thirdweb/react';
+import { useSIWE } from './SIWEProvider';
+import { SIWEButton } from './SIWEButton';
+export const SIWEModal = ({ isOpen, onClose, clientId, title = 'Sign In to Varity', description = 'Connect your wallet and sign the message to authenticate', logoUrl, onSuccess, theme = 'dark', requireAuth = false, }) => {
+    const { isAuthenticated } = useSIWE();
+    const account = useActiveAccount();
+    const [showSuccess, setShowSuccess] = useState(false);
+    // Close modal when authenticated
+    useEffect(() => {
+        if (isAuthenticated && isOpen) {
+            setShowSuccess(true);
+            setTimeout(() => {
+                onSuccess?.();
+                onClose();
+                setShowSuccess(false);
+            }, 2000);
+        }
+    }, [isAuthenticated, isOpen, onSuccess, onClose]);
+    // Don't render if not open
+    if (!isOpen)
+        return null;
+    const bgColor = theme === 'dark' ? 'bg-gray-900' : 'bg-white';
+    const textColor = theme === 'dark' ? 'text-white' : 'text-gray-900';
+    const borderColor = theme === 'dark' ? 'border-gray-700' : 'border-gray-200';
+    return (React.createElement("div", { className: "fixed inset-0 z-50 flex items-center justify-center" },
+        React.createElement("div", { className: "absolute inset-0 bg-black bg-opacity-50", onClick: !requireAuth ? onClose : undefined }),
+        React.createElement("div", { className: `relative w-full max-w-md mx-4 rounded-2xl shadow-2xl ${bgColor} ${textColor} border ${borderColor}` },
+            !requireAuth && (React.createElement("button", { onClick: onClose, className: "absolute top-4 right-4 text-gray-400 hover:text-gray-600 transition-colors" },
+                React.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+                    React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" })))),
+            React.createElement("div", { className: "p-8" },
+                logoUrl && (React.createElement("div", { className: "flex justify-center mb-6" },
+                    React.createElement("img", { src: logoUrl, alt: "Logo", className: "h-16 w-auto" }))),
+                React.createElement("h2", { className: "text-2xl font-bold text-center mb-2" }, title),
+                React.createElement("p", { className: `text-center mb-8 ${theme === 'dark' ? 'text-gray-400' : 'text-gray-600'}` }, description),
+                showSuccess ? (React.createElement("div", { className: "text-center py-8" },
+                    React.createElement("div", { className: "inline-flex items-center justify-center w-16 h-16 rounded-full bg-green-500 text-white mb-4" },
+                        React.createElement("svg", { className: "w-8 h-8", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+                            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }))),
+                    React.createElement("p", { className: "text-xl font-semibold text-green-500" }, "Successfully Authenticated!"))) : (React.createElement(React.Fragment, null,
+                    React.createElement("div", { className: "space-y-4 mb-8" },
+                        React.createElement(Step, { number: 1, title: "Connect Wallet", description: "Connect your Ethereum wallet", isComplete: !!account, theme: theme }),
+                        React.createElement(Step, { number: 2, title: "Sign Message", description: "Sign the authentication message", isComplete: isAuthenticated, isActive: !!account && !isAuthenticated, theme: theme }),
+                        React.createElement(Step, { number: 3, title: "Access Dashboard", description: "Start using the platform", isComplete: isAuthenticated, theme: theme })),
+                    React.createElement("div", { className: "flex justify-center" },
+                        React.createElement(SIWEButton, { clientId: clientId, theme: theme, variant: "primary", size: "lg", className: "w-full", onLoginComplete: () => {
+                                setShowSuccess(true);
+                            } })))),
+                React.createElement("div", { className: `mt-6 p-4 rounded-lg ${theme === 'dark' ? 'bg-gray-800' : 'bg-gray-100'}` },
+                    React.createElement("div", { className: "flex items-start gap-3" },
+                        React.createElement("svg", { className: "w-5 h-5 text-blue-500 mt-0.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+                            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" })),
+                        React.createElement("div", null,
+                            React.createElement("p", { className: `text-sm font-semibold mb-1 ${theme === 'dark' ? 'text-gray-300' : 'text-gray-700'}` }, "Secure Authentication"),
+                            React.createElement("p", { className: `text-xs ${theme === 'dark' ? 'text-gray-500' : 'text-gray-600'}` }, "Your wallet signature is used to verify ownership. We never have access to your private keys."))))))));
+};
+const Step = ({ number, title, description, isComplete, isActive, theme }) => {
+    const bgColor = isComplete
+        ? 'bg-green-500'
+        : isActive
+            ? 'bg-blue-500'
+            : theme === 'dark'
+                ? 'bg-gray-700'
+                : 'bg-gray-300';
+    const textColor = theme === 'dark' ? 'text-gray-400' : 'text-gray-600';
+    return (React.createElement("div", { className: "flex items-center gap-4" },
+        React.createElement("div", { className: `flex-shrink-0 w-10 h-10 rounded-full ${bgColor} flex items-center justify-center text-white font-bold` }, isComplete ? (React.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }))) : (number)),
+        React.createElement("div", { className: "flex-1" },
+            React.createElement("p", { className: `font-semibold ${isComplete || isActive ? 'text-current' : textColor}` }, title),
+            React.createElement("p", { className: `text-sm ${textColor}` }, description))));
+};
+export default SIWEModal;
+//# sourceMappingURL=SIWEModal.js.map

package/dist/components/SIWE/SIWEModal.js.map

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

package/dist/components/SIWE/SIWEProvider.d.ts

@@ -0,0 +1,38 @@
+import React, { ReactNode } from 'react';
+interface AuthUser {
+    address: string;
+    chainId: number;
+    ens?: string;
+}
+interface AuthState {
+    isAuthenticated: boolean;
+    isLoading: boolean;
+    user: AuthUser | null;
+    accessToken: string | null;
+    refreshToken: string | null;
+    error: string | null;
+}
+interface AuthContextValue extends AuthState {
+    login: () => Promise<void>;
+    logout: () => Promise<void>;
+    refreshAccessToken: () => Promise<void>;
+}
+interface SIWEProviderProps {
+    children: ReactNode;
+    apiUrl: string;
+    chainId?: number;
+    onLoginSuccess?: (user: AuthUser) => void;
+    onLoginError?: (error: Error) => void;
+    onLogoutSuccess?: () => void;
+}
+/**
+ * SIWE Provider Component
+ * Manages authentication state and provides login/logout functionality
+ */
+export declare const SIWEProvider: React.FC<SIWEProviderProps>;
+/**
+ * Custom hook to use SIWE authentication context
+ */
+export declare const useSIWE: () => AuthContextValue;
+export default SIWEProvider;
+//# sourceMappingURL=SIWEProvider.d.ts.map

package/dist/components/SIWE/SIWEProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SIWEProvider.d.ts","sourceRoot":"","sources":["../../../src/components/SIWE/SIWEProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA+D,SAAS,EAAE,MAAM,OAAO,CAAC;AAqBtG,UAAU,QAAQ;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,UAAU,SAAS;IACjB,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IACtB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,UAAU,gBAAiB,SAAQ,SAAS;IAC1C,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,kBAAkB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACzC;AAED,UAAU,iBAAiB;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACtC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAID;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmOpD,CAAC;AAkBF;;GAEG;AACH,eAAO,MAAM,OAAO,wBAMnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/SIWE/SIWEProvider.js

@@ -0,0 +1,227 @@
+import React, { createContext, useContext, useState, useEffect, useCallback } from 'react';
+import axios from 'axios';
+import { useActiveAccount, useActiveWallet } from 'thirdweb/react';
+const AuthContext = createContext(undefined);
+/**
+ * SIWE Provider Component
+ * Manages authentication state and provides login/logout functionality
+ */
+export const SIWEProvider = ({ children, apiUrl, chainId = 33529, // Varity L3 Chain ID
+onLoginSuccess, onLoginError, onLogoutSuccess, }) => {
+    const [authState, setAuthState] = useState({
+        isAuthenticated: false,
+        isLoading: false,
+        user: null,
+        accessToken: null,
+        refreshToken: null,
+        error: null,
+    });
+    const account = useActiveAccount();
+    const wallet = useActiveWallet();
+    const apiClient = axios.create({ baseURL: apiUrl });
+    const clearStoredAuth = useCallback(() => {
+        localStorage.removeItem('varity_access_token');
+        localStorage.removeItem('varity_refresh_token');
+        localStorage.removeItem('varity_user');
+    }, []);
+    // Load tokens from localStorage on mount
+    useEffect(() => {
+        const loadStoredAuth = () => {
+            try {
+                const accessToken = localStorage.getItem('varity_access_token');
+                const refreshToken = localStorage.getItem('varity_refresh_token');
+                const userStr = localStorage.getItem('varity_user');
+                if (accessToken && refreshToken && userStr) {
+                    const user = JSON.parse(userStr);
+                    setAuthState({
+                        isAuthenticated: true,
+                        isLoading: false,
+                        user,
+                        accessToken,
+                        refreshToken,
+                        error: null,
+                    });
+                }
+            }
+            catch (error) {
+                console.error('Failed to load stored auth:', error);
+                clearStoredAuth();
+            }
+        };
+        loadStoredAuth();
+    }, [clearStoredAuth]);
+    // Setup axios interceptor for adding auth token
+    useEffect(() => {
+        if (authState.accessToken) {
+            const interceptorId = apiClient.interceptors.request.use((config) => {
+                config.headers.Authorization = `Bearer ${authState.accessToken}`;
+                return config;
+            }, (error) => Promise.reject(error));
+            return () => {
+                apiClient.interceptors.request.eject(interceptorId);
+            };
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [authState.accessToken]);
+    const saveAuthToStorage = useCallback((accessToken, refreshToken, user) => {
+        localStorage.setItem('varity_access_token', accessToken);
+        localStorage.setItem('varity_refresh_token', refreshToken);
+        localStorage.setItem('varity_user', JSON.stringify(user));
+    }, []);
+    /**
+     * Login with SIWE
+     * 1. Get nonce from backend
+     * 2. Sign SIWE message with wallet
+     * 3. Submit signature to backend
+     * 4. Receive JWT tokens
+     */
+    const login = useCallback(async () => {
+        if (!account || !wallet) {
+            const error = new Error('Wallet not connected');
+            setAuthState(prev => ({ ...prev, error: error.message }));
+            onLoginError?.(error);
+            return;
+        }
+        try {
+            setAuthState(prev => ({ ...prev, isLoading: true, error: null }));
+            // Step 1: Get nonce from backend
+            const nonceResponse = await apiClient.post('/api/v1/auth/nonce', {
+                address: account.address,
+                chainId,
+            });
+            const siweMessage = nonceResponse.data.data.message;
+            // Step 2: Create EIP-4361 formatted message
+            const messageToSign = formatSiweMessage(siweMessage);
+            // Step 3: Sign message with wallet (v5 API uses account.signMessage)
+            const signature = await account.signMessage({
+                message: messageToSign,
+            });
+            // Step 4: Submit signature to backend for verification
+            const loginResponse = await apiClient.post('/api/v1/auth/login', {
+                message: siweMessage,
+                signature,
+            });
+            const { accessToken, refreshToken, user } = loginResponse.data.data;
+            // Save tokens to localStorage
+            saveAuthToStorage(accessToken, refreshToken, user);
+            // Update state
+            setAuthState({
+                isAuthenticated: true,
+                isLoading: false,
+                user,
+                accessToken,
+                refreshToken,
+                error: null,
+            });
+            onLoginSuccess?.(user);
+        }
+        catch (error) {
+            const errorMessage = error.response?.data?.message || error.message || 'Authentication failed';
+            setAuthState({
+                isAuthenticated: false,
+                isLoading: false,
+                user: null,
+                accessToken: null,
+                refreshToken: null,
+                error: errorMessage,
+            });
+            onLoginError?.(new Error(errorMessage));
+            clearStoredAuth();
+        }
+    }, [account, wallet, chainId, apiClient, onLoginSuccess, onLoginError, saveAuthToStorage, clearStoredAuth]);
+    /**
+     * Logout
+     * Clears authentication state and localStorage
+     */
+    const logout = useCallback(async () => {
+        try {
+            // Call backend logout endpoint
+            if (authState.accessToken) {
+                await apiClient.post('/api/v1/auth/logout', {}, {
+                    headers: { Authorization: `Bearer ${authState.accessToken}` }
+                });
+            }
+        }
+        catch (error) {
+            console.error('Logout error:', error);
+        }
+        finally {
+            // Clear state regardless of backend response
+            setAuthState({
+                isAuthenticated: false,
+                isLoading: false,
+                user: null,
+                accessToken: null,
+                refreshToken: null,
+                error: null,
+            });
+            clearStoredAuth();
+            onLogoutSuccess?.();
+        }
+    }, [authState.accessToken, apiClient, clearStoredAuth, onLogoutSuccess]);
+    /**
+     * Refresh access token using refresh token
+     */
+    const refreshAccessToken = useCallback(async () => {
+        if (!authState.refreshToken) {
+            return;
+        }
+        try {
+            const response = await apiClient.post('/api/v1/auth/refresh', {
+                refreshToken: authState.refreshToken,
+            });
+            const { accessToken } = response.data.data;
+            // Update access token
+            localStorage.setItem('varity_access_token', accessToken);
+            setAuthState(prev => ({ ...prev, accessToken }));
+        }
+        catch (error) {
+            console.error('Token refresh failed:', error);
+            // If refresh fails, logout
+            await logout();
+        }
+    }, [authState.refreshToken, apiClient, logout]);
+    // Auto-refresh token every 30 minutes
+    useEffect(() => {
+        if (authState.isAuthenticated && authState.refreshToken) {
+            const interval = setInterval(() => {
+                refreshAccessToken();
+            }, 30 * 60 * 1000); // 30 minutes
+            return () => clearInterval(interval);
+        }
+    }, [authState.isAuthenticated, authState.refreshToken, refreshAccessToken]);
+    const contextValue = {
+        ...authState,
+        login,
+        logout,
+        refreshAccessToken,
+    };
+    return (React.createElement(AuthContext.Provider, { value: contextValue }, children));
+};
+/**
+ * Format SIWE message according to EIP-4361
+ */
+function formatSiweMessage(message) {
+    return `${message.domain} wants you to sign in with your Ethereum account:
+${message.address}
+
+${message.statement}
+
+URI: ${message.uri}
+Version: ${message.version}
+Chain ID: ${message.chainId}
+Nonce: ${message.nonce}
+Issued At: ${message.issuedAt}${message.expirationTime ? `\nExpiration Time: ${message.expirationTime}` : ''}`;
+}
+/**
+ * Custom hook to use SIWE authentication context
+ */
+export const useSIWE = () => {
+    const context = useContext(AuthContext);
+    if (!context) {
+        throw new Error('useSIWE must be used within SIWEProvider');
+    }
+    return context;
+};
+export default SIWEProvider;
+//# sourceMappingURL=SIWEProvider.js.map

package/dist/components/SIWE/SIWEProvider.js.map

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

package/dist/components/SIWE/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * SIWE (Sign-In with Ethereum) Components
+ * EIP-4361 compliant authentication components for Web3 applications
+ */
+export { SIWEProvider, useSIWE } from './SIWEProvider';
+export { SIWEButton } from './SIWEButton';
+export { SIWEModal } from './SIWEModal';
+export { ProtectedRoute } from './ProtectedRoute';
+export { AuthStatus } from './AuthStatus';
+export type { default as SIWEProviderProps } from './SIWEProvider';
+export type { default as SIWEButtonProps } from './SIWEButton';
+export type { default as SIWEModalProps } from './SIWEModal';
+export type { default as ProtectedRouteProps } from './ProtectedRoute';
+export type { default as AuthStatusProps } from './AuthStatus';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SIWE/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SIWE/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,YAAY,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnE,YAAY,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/D,YAAY,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,YAAY,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvE,YAAY,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/SIWE/index.js

@@ -0,0 +1,10 @@
+/**
+ * SIWE (Sign-In with Ethereum) Components
+ * EIP-4361 compliant authentication components for Web3 applications
+ */
+export { SIWEProvider, useSIWE } from './SIWEProvider';
+export { SIWEButton } from './SIWEButton';
+export { SIWEModal } from './SIWEModal';
+export { ProtectedRoute } from './ProtectedRoute';
+export { AuthStatus } from './AuthStatus';
+//# sourceMappingURL=index.js.map

package/dist/components/SIWE/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SIWE/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Varity UI Kit - React Components
+ *
+ * Complete component library for building Varity-powered dashboards.
+ */
+export * from './Dashboard';
+export * from './Analytics';
+export * from './AI';
+export * from './Branding';
+export * from './templates';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,aAAa,CAAA;AAG3B,cAAc,aAAa,CAAA;AAG3B,cAAc,MAAM,CAAA;AAGpB,cAAc,YAAY,CAAA;AAG1B,cAAc,aAAa,CAAA"}

package/dist/components/index.js

@@ -0,0 +1,16 @@
+/**
+ * Varity UI Kit - React Components
+ *
+ * Complete component library for building Varity-powered dashboards.
+ */
+// Dashboard Components
+export * from './Dashboard';
+// Analytics Components
+export * from './Analytics';
+// AI Components
+export * from './AI';
+// Branding Components
+export * from './Branding';
+// Industry Template Components (NEW in v2.0)
+export * from './templates';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,uBAAuB;AACvB,cAAc,aAAa,CAAA;AAE3B,uBAAuB;AACvB,cAAc,aAAa,CAAA;AAE3B,gBAAgB;AAChB,cAAc,MAAM,CAAA;AAEpB,sBAAsB;AACtB,cAAc,YAAY,CAAA;AAE1B,6CAA6C;AAC7C,cAAc,aAAa,CAAA"}

package/dist/components/templates/Finance/FinanceDashboard.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Finance Industry Dashboard Template
+ *
+ * Pre-configured dashboard for financial services industry
+ * Features: Banking, Compliance, Transactions, Risk Management
+ */
+import React from 'react';
+import { DeployedDashboard } from '../../../modules/templates';
+export interface FinanceDashboardProps {
+    dashboard: DeployedDashboard;
+    onCustomize?: (customization: any) => void;
+    className?: string;
+}
+export declare const FinanceDashboard: React.FC<FinanceDashboardProps>;
+//# sourceMappingURL=FinanceDashboard.d.ts.map

package/dist/components/templates/Finance/FinanceDashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinanceDashboard.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/Finance/FinanceDashboard.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAE9D,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,iBAAiB,CAAA;IAC5B,WAAW,CAAC,EAAE,CAAC,aAAa,EAAE,GAAG,KAAK,IAAI,CAAA;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA8I5D,CAAA"}