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

package/dist/components/Privy/PrivyProtectedRoute.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import { usePrivy } from '@privy-io/react-auth';
+/**
+ * Privy Protected Route Component
+ *
+ * Wraps content that requires authentication.
+ * Shows login prompt if user is not authenticated.
+ *
+ * @example
+ * ```tsx
+ * <PrivyProtectedRoute>
+ *   <DashboardContent />
+ * </PrivyProtectedRoute>
+ * ```
+ */
+export function PrivyProtectedRoute({ children, fallback, loadingComponent, }) {
+    const { ready, authenticated, login } = usePrivy();
+    // Loading state
+    if (!ready) {
+        if (loadingComponent) {
+            return React.createElement(React.Fragment, null, loadingComponent);
+        }
+        return (React.createElement("div", { className: "flex items-center justify-center min-h-screen" },
+            React.createElement("div", { className: "text-center" },
+                React.createElement("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-indigo-600 mx-auto" }),
+                React.createElement("p", { className: "mt-4 text-gray-600" }, "Loading..."))));
+    }
+    // Not authenticated - show fallback or default login prompt
+    if (!authenticated) {
+        if (fallback) {
+            return React.createElement(React.Fragment, null, fallback);
+        }
+        return (React.createElement("div", { className: "flex items-center justify-center min-h-screen bg-gray-50" },
+            React.createElement("div", { className: "max-w-md w-full mx-auto p-8 bg-white rounded-xl shadow-lg text-center" },
+                React.createElement("div", { className: "mb-6" },
+                    React.createElement("svg", { className: "mx-auto h-16 w-16 text-indigo-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+                        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("h2", { className: "text-2xl font-bold text-gray-900 mb-2" }, "Authentication Required"),
+                React.createElement("p", { className: "text-gray-600 mb-6" }, "Please sign in to access this content"),
+                React.createElement("button", { onClick: login, className: "w-full px-6 py-3 bg-indigo-600 hover:bg-indigo-700 text-white font-medium rounded-lg transition-all shadow-md hover:shadow-lg" }, "Sign In"))));
+    }
+    // Authenticated - show protected content
+    return React.createElement(React.Fragment, null, children);
+}
+export default PrivyProtectedRoute;
+//# sourceMappingURL=PrivyProtectedRoute.js.map

package/dist/components/Privy/PrivyProtectedRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrivyProtectedRoute.js","sourceRoot":"","sources":["../../../src/components/Privy/PrivyProtectedRoute.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAQhD;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,QAAQ,EACR,gBAAgB,GACS;IACzB,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAEnD,gBAAgB;IAChB,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,IAAI,gBAAgB,EAAE,CAAC;YACrB,OAAO,0CAAG,gBAAgB,CAAI,CAAC;QACjC,CAAC;QAED,OAAO,CACL,6BAAK,SAAS,EAAC,+CAA+C;YAC5D,6BAAK,SAAS,EAAC,aAAa;gBAC1B,6BAAK,SAAS,EAAC,0EAA0E,GAAO;gBAChG,2BAAG,SAAS,EAAC,oBAAoB,iBAAe,CAC5C,CACF,CACP,CAAC;IACJ,CAAC;IAED,4DAA4D;IAC5D,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO,0CAAG,QAAQ,CAAI,CAAC;QACzB,CAAC;QAED,OAAO,CACL,6BAAK,SAAS,EAAC,0DAA0D;YACvE,6BAAK,SAAS,EAAC,uEAAuE;gBACpF,6BAAK,SAAS,EAAC,MAAM;oBACnB,6BACE,SAAS,EAAC,mCAAmC,EAC7C,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,cAAc;wBAErB,8BACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,sGAAsG,GACxG,CACE,CACF;gBAEN,4BAAI,SAAS,EAAC,uCAAuC,8BAEhD;gBACL,2BAAG,SAAS,EAAC,oBAAoB,4CAE7B;gBAEJ,gCACE,OAAO,EAAE,KAAK,EACd,SAAS,EAAC,+HAA+H,cAGlI,CACL,CACF,CACP,CAAC;IACJ,CAAC;IAED,yCAAyC;IACzC,OAAO,0CAAG,QAAQ,CAAI,CAAC;AACzB,CAAC;AAED,eAAe,mBAAmB,CAAC"}

package/dist/components/Privy/PrivyReadyGate.d.ts

@@ -0,0 +1,69 @@
+import { ReactNode } from 'react';
+export interface PrivyReadyGateProps {
+    /**
+     * The content to render once Privy is ready
+     */
+    children: ReactNode;
+    /**
+     * Timeout in milliseconds before showing the timeout screen
+     * @default 10000 (10 seconds)
+     */
+    timeout?: number;
+    /**
+     * Custom initializing screen component
+     */
+    initializingScreen?: ReactNode;
+    /**
+     * Custom timeout screen component
+     */
+    timeoutScreen?: ReactNode;
+}
+/**
+ * PrivyReadyGate - Waits for Privy to be ready before rendering children
+ *
+ * This component prevents the 15-second blank screen issue by showing a loading screen
+ * while Privy initializes. If initialization takes longer than the timeout (default 10s),
+ * it shows a timeout screen with retry options.
+ *
+ * **Production Pattern**: Extracted from generic-template-dashboard production deployment
+ *
+ * **Problem it solves**:
+ * - Without this gate, users see a blank screen for 5-15 seconds during Privy initialization
+ * - Reduces user confusion and abandonment during authentication setup
+ * - Provides clear feedback and recovery options if initialization hangs
+ *
+ * @example
+ * ```tsx
+ * import { PrivyReadyGate, VarityPrivyProvider } from '@varity-labs/ui-kit';
+ *
+ * function App() {
+ *   return (
+ *     <VarityPrivyProvider appId="your-privy-app-id">
+ *       <PrivyReadyGate>
+ *         <YourApp />
+ *       </PrivyReadyGate>
+ *     </VarityPrivyProvider>
+ *   );
+ * }
+ * ```
+ *
+ * @example With custom timeout
+ * ```tsx
+ * <PrivyReadyGate timeout={5000}>
+ *   <YourApp />
+ * </PrivyReadyGate>
+ * ```
+ *
+ * @example With custom screens
+ * ```tsx
+ * <PrivyReadyGate
+ *   initializingScreen={<CustomLoadingScreen />}
+ *   timeoutScreen={<CustomTimeoutScreen />}
+ * >
+ *   <YourApp />
+ * </PrivyReadyGate>
+ * ```
+ */
+export declare function PrivyReadyGate({ children, timeout, initializingScreen, timeoutScreen, }: PrivyReadyGateProps): JSX.Element;
+export default PrivyReadyGate;
+//# sourceMappingURL=PrivyReadyGate.d.ts.map

package/dist/components/Privy/PrivyReadyGate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrivyReadyGate.d.ts","sourceRoot":"","sources":["../../../src/components/Privy/PrivyReadyGate.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAuB,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9D,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,OAAe,EACf,kBAAkB,EAClB,aAAa,GACd,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAuCnC;AAED,eAAe,cAAc,CAAC"}

package/dist/components/Privy/PrivyReadyGate.js

@@ -0,0 +1,83 @@
+import React, { useState, useEffect } from 'react';
+import { usePrivy } from '@privy-io/react-auth';
+import { InitializingScreen } from './InitializingScreen';
+import { InitTimeoutScreen } from './InitTimeoutScreen';
+/**
+ * PrivyReadyGate - Waits for Privy to be ready before rendering children
+ *
+ * This component prevents the 15-second blank screen issue by showing a loading screen
+ * while Privy initializes. If initialization takes longer than the timeout (default 10s),
+ * it shows a timeout screen with retry options.
+ *
+ * **Production Pattern**: Extracted from generic-template-dashboard production deployment
+ *
+ * **Problem it solves**:
+ * - Without this gate, users see a blank screen for 5-15 seconds during Privy initialization
+ * - Reduces user confusion and abandonment during authentication setup
+ * - Provides clear feedback and recovery options if initialization hangs
+ *
+ * @example
+ * ```tsx
+ * import { PrivyReadyGate, VarityPrivyProvider } from '@varity-labs/ui-kit';
+ *
+ * function App() {
+ *   return (
+ *     <VarityPrivyProvider appId="your-privy-app-id">
+ *       <PrivyReadyGate>
+ *         <YourApp />
+ *       </PrivyReadyGate>
+ *     </VarityPrivyProvider>
+ *   );
+ * }
+ * ```
+ *
+ * @example With custom timeout
+ * ```tsx
+ * <PrivyReadyGate timeout={5000}>
+ *   <YourApp />
+ * </PrivyReadyGate>
+ * ```
+ *
+ * @example With custom screens
+ * ```tsx
+ * <PrivyReadyGate
+ *   initializingScreen={<CustomLoadingScreen />}
+ *   timeoutScreen={<CustomTimeoutScreen />}
+ * >
+ *   <YourApp />
+ * </PrivyReadyGate>
+ * ```
+ */
+export function PrivyReadyGate({ children, timeout = 10000, initializingScreen, timeoutScreen, }) {
+    const { ready } = usePrivy();
+    const [showTimeoutScreen, setShowTimeoutScreen] = useState(false);
+    useEffect(() => {
+        // Set timeout for specified duration
+        const timeoutId = setTimeout(() => {
+            if (!ready) {
+                setShowTimeoutScreen(true);
+            }
+        }, timeout);
+        return () => clearTimeout(timeoutId);
+    }, [ready, timeout]);
+    // If Privy is ready, render children immediately
+    if (ready) {
+        return React.createElement(React.Fragment, null, children);
+    }
+    // If timed out, show timeout screen (but continue waiting in background)
+    if (showTimeoutScreen) {
+        if (timeoutScreen) {
+            return React.createElement(React.Fragment, null, timeoutScreen);
+        }
+        return (React.createElement(InitTimeoutScreen, { onRetry: () => {
+                setShowTimeoutScreen(false);
+            } }));
+    }
+    // Show loading screen while waiting for Privy
+    if (initializingScreen) {
+        return React.createElement(React.Fragment, null, initializingScreen);
+    }
+    return React.createElement(InitializingScreen, null);
+}
+export default PrivyReadyGate;
+//# sourceMappingURL=PrivyReadyGate.js.map

package/dist/components/Privy/PrivyReadyGate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrivyReadyGate.js","sourceRoot":"","sources":["../../../src/components/Privy/PrivyReadyGate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAsBxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,kBAAkB,EAClB,aAAa,GACO;IACpB,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElE,SAAS,CAAC,GAAG,EAAE;QACb,qCAAqC;QACrC,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,oBAAoB,CAAC,IAAI,CAAC,CAAC;YAC7B,CAAC;QACH,CAAC,EAAE,OAAO,CAAC,CAAC;QAEZ,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAErB,iDAAiD;IACjD,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,0CAAG,QAAQ,CAAI,CAAC;IACzB,CAAC;IAED,yEAAyE;IACzE,IAAI,iBAAiB,EAAE,CAAC;QACtB,IAAI,aAAa,EAAE,CAAC;YAClB,OAAO,0CAAG,aAAa,CAAI,CAAC;QAC9B,CAAC;QACD,OAAO,CACL,oBAAC,iBAAiB,IAChB,OAAO,EAAE,GAAG,EAAE;gBACZ,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC,GACD,CACH,CAAC;IACJ,CAAC;IAED,8CAA8C;IAC9C,IAAI,kBAAkB,EAAE,CAAC;QACvB,OAAO,0CAAG,kBAAkB,CAAI,CAAC;IACnC,CAAC;IACD,OAAO,oBAAC,kBAAkB,OAAG,CAAC;AAChC,CAAC;AAED,eAAe,cAAc,CAAC"}

package/dist/components/Privy/PrivyUserProfile.d.ts

@@ -0,0 +1,25 @@
+export interface PrivyUserProfileProps {
+    showLogoutButton?: boolean;
+    onLogout?: () => void;
+    className?: string;
+}
+/**
+ * Privy User Profile Component
+ *
+ * Displays authenticated user information including:
+ * - Email or social account
+ * - Embedded wallet address
+ * - Account type
+ * - Logout functionality
+ *
+ * @example
+ * ```tsx
+ * <PrivyUserProfile
+ *   showLogoutButton={true}
+ *   onLogout={() => console.log('User logged out')}
+ * />
+ * ```
+ */
+export declare function PrivyUserProfile({ showLogoutButton, onLogout, className, }: PrivyUserProfileProps): JSX.Element | null;
+export default PrivyUserProfile;
+//# sourceMappingURL=PrivyUserProfile.d.ts.map

package/dist/components/Privy/PrivyUserProfile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrivyUserProfile.d.ts","sourceRoot":"","sources":["../../../src/components/Privy/PrivyUserProfile.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,qBAAqB;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,gBAAuB,EACvB,QAAQ,EACR,SAAgE,GACjE,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA6G5C;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/Privy/PrivyUserProfile.js

@@ -0,0 +1,98 @@
+import React from 'react';
+import { usePrivy, useWallets } from '@privy-io/react-auth';
+import toast from 'react-hot-toast';
+import { getErrorMessage } from '@varity-labs/types';
+/**
+ * Privy User Profile Component
+ *
+ * Displays authenticated user information including:
+ * - Email or social account
+ * - Embedded wallet address
+ * - Account type
+ * - Logout functionality
+ *
+ * @example
+ * ```tsx
+ * <PrivyUserProfile
+ *   showLogoutButton={true}
+ *   onLogout={() => console.log('User logged out')}
+ * />
+ * ```
+ */
+export function PrivyUserProfile({ showLogoutButton = true, onLogout, className = 'max-w-md mx-auto p-6 bg-white rounded-xl shadow-lg', }) {
+    const { ready, authenticated, user, logout: privyLogout } = usePrivy();
+    const { wallets } = useWallets();
+    const handleLogout = async () => {
+        try {
+            await privyLogout();
+            toast.success('Successfully logged out');
+            onLogout?.();
+        }
+        catch (error) {
+            const errorMessage = getErrorMessage(error);
+            console.error('Logout error:', errorMessage);
+            toast.error('Logout failed');
+        }
+    };
+    if (!ready || !authenticated || !user) {
+        return null;
+    }
+    // Get primary login method
+    const email = user.email?.address;
+    const google = user.google?.email;
+    const twitter = user.twitter?.username;
+    const discord = user.discord?.username;
+    const github = user.github?.username;
+    // Get wallet address
+    const primaryWallet = wallets[0];
+    const walletAddress = primaryWallet?.address;
+    // Determine account type
+    let accountType = 'Wallet';
+    let accountIdentifier = walletAddress;
+    if (email) {
+        accountType = 'Email';
+        accountIdentifier = email;
+    }
+    else if (google) {
+        accountType = 'Google';
+        accountIdentifier = google;
+    }
+    else if (twitter) {
+        accountType = 'Twitter';
+        accountIdentifier = `@${twitter}`;
+    }
+    else if (discord) {
+        accountType = 'Discord';
+        accountIdentifier = discord;
+    }
+    else if (github) {
+        accountType = 'GitHub';
+        accountIdentifier = github;
+    }
+    return (React.createElement("div", { className: className },
+        React.createElement("h2", { className: "text-2xl font-bold mb-4" }, "Profile"),
+        React.createElement("div", { className: "space-y-3 bg-gray-50 p-4 rounded-lg" },
+            React.createElement("div", { className: "flex justify-between items-center" },
+                React.createElement("span", { className: "text-gray-600 font-medium" }, "Account Type:"),
+                React.createElement("span", { className: "px-3 py-1 bg-indigo-100 text-indigo-700 rounded-full text-sm font-medium" }, accountType)),
+            accountIdentifier && (React.createElement("div", { className: "flex justify-between items-start" },
+                React.createElement("span", { className: "text-gray-600 font-medium" }, "Account:"),
+                React.createElement("span", { className: "text-right font-medium text-gray-900 break-all max-w-xs" }, accountIdentifier))),
+            walletAddress && (React.createElement("div", { className: "flex justify-between items-start" },
+                React.createElement("span", { className: "text-gray-600 font-medium" }, "Wallet:"),
+                React.createElement("code", { className: "text-xs font-mono bg-white px-2 py-1 rounded border border-gray-200" },
+                    walletAddress.slice(0, 6),
+                    "...",
+                    walletAddress.slice(-4)))),
+            React.createElement("div", { className: "flex justify-between items-center" },
+                React.createElement("span", { className: "text-gray-600 font-medium" }, "User ID:"),
+                React.createElement("code", { className: "text-xs font-mono bg-white px-2 py-1 rounded border border-gray-200" },
+                    user.id.slice(0, 8),
+                    "...")),
+            user.createdAt && (React.createElement("div", { className: "flex justify-between items-center" },
+                React.createElement("span", { className: "text-gray-600 font-medium" }, "Joined:"),
+                React.createElement("span", { className: "text-sm text-gray-700" }, new Date(user.createdAt).toLocaleDateString())))),
+        showLogoutButton && (React.createElement("button", { onClick: handleLogout, className: "w-full mt-4 px-6 py-3 bg-red-600 hover:bg-red-700 text-white font-medium rounded-lg transition-all shadow-md hover:shadow-lg" }, "Logout"))));
+}
+export default PrivyUserProfile;
+//# sourceMappingURL=PrivyUserProfile.js.map

package/dist/components/Privy/PrivyUserProfile.js.map

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

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

@@ -0,0 +1,21 @@
+/**
+ * Privy Authentication Components
+ *
+ * Components for email/social authentication with Privy.
+ * Ideal for non-crypto native users who don't have wallets.
+ *
+ * Production Patterns: Extracted from generic-template-dashboard
+ */
+export { PrivyLoginButton } from './PrivyLoginButton';
+export type { PrivyLoginButtonProps } from './PrivyLoginButton';
+export { PrivyUserProfile } from './PrivyUserProfile';
+export type { PrivyUserProfileProps } from './PrivyUserProfile';
+export { PrivyProtectedRoute } from './PrivyProtectedRoute';
+export type { PrivyProtectedRouteProps } from './PrivyProtectedRoute';
+export { PrivyReadyGate } from './PrivyReadyGate';
+export type { PrivyReadyGateProps } from './PrivyReadyGate';
+export { InitializingScreen } from './InitializingScreen';
+export type { InitializingScreenProps } from './InitializingScreen';
+export { InitTimeoutScreen } from './InitTimeoutScreen';
+export type { InitTimeoutScreenProps } from './InitTimeoutScreen';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Privy/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAGtE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAEpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/Privy/index.js

@@ -0,0 +1,16 @@
+/**
+ * Privy Authentication Components
+ *
+ * Components for email/social authentication with Privy.
+ * Ideal for non-crypto native users who don't have wallets.
+ *
+ * Production Patterns: Extracted from generic-template-dashboard
+ */
+export { PrivyLoginButton } from './PrivyLoginButton';
+export { PrivyUserProfile } from './PrivyUserProfile';
+export { PrivyProtectedRoute } from './PrivyProtectedRoute';
+// Production patterns for Privy initialization
+export { PrivyReadyGate } from './PrivyReadyGate';
+export { InitializingScreen } from './InitializingScreen';
+export { InitTimeoutScreen } from './InitTimeoutScreen';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Privy/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,+CAA+C;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+/**
+ * Auth Status Component
+ * Displays current authentication status and user information
+ */
+interface AuthStatusProps {
+    className?: string;
+    theme?: 'light' | 'dark';
+    showAddress?: boolean;
+    showChainId?: boolean;
+    compact?: boolean;
+}
+export declare const AuthStatus: React.FC<AuthStatusProps>;
+export default AuthStatus;
+//# sourceMappingURL=AuthStatus.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuthStatus.d.ts","sourceRoot":"","sources":["../../../src/components/SIWE/AuthStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;GAGG;AAEH,UAAU,eAAe;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoFhD,CAAC;AAUF,eAAe,UAAU,CAAC"}

package/dist/components/SIWE/AuthStatus.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import { useSIWE } from './SIWEProvider';
+import { useActiveAccount } from 'thirdweb/react';
+export const AuthStatus = ({ className = '', theme = 'dark', showAddress = true, showChainId = true, compact = false, }) => {
+    const { isAuthenticated, user, isLoading } = useSIWE();
+    const account = useActiveAccount();
+    if (isLoading) {
+        return (React.createElement("div", { className: `flex items-center gap-2 ${className}` },
+            React.createElement("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-blue-500" }),
+            React.createElement("span", { className: theme === 'dark' ? 'text-gray-400' : 'text-gray-600' }, "Checking authentication...")));
+    }
+    if (!account) {
+        return (React.createElement("div", { className: `flex items-center gap-2 ${className}` },
+            React.createElement("div", { className: `w-2 h-2 rounded-full ${theme === 'dark' ? 'bg-gray-500' : 'bg-gray-400'}` }),
+            React.createElement("span", { className: theme === 'dark' ? 'text-gray-400' : 'text-gray-600' }, "Wallet not connected")));
+    }
+    if (!isAuthenticated) {
+        return (React.createElement("div", { className: `flex items-center gap-2 ${className}` },
+            React.createElement("div", { className: "w-2 h-2 rounded-full bg-yellow-500 animate-pulse" }),
+            React.createElement("span", { className: theme === 'dark' ? 'text-gray-400' : 'text-gray-600' }, "Not authenticated")));
+    }
+    if (compact) {
+        return (React.createElement("div", { className: `flex items-center gap-2 ${className}` },
+            React.createElement("div", { className: "w-2 h-2 rounded-full bg-green-500" }),
+            React.createElement("span", { className: theme === 'dark' ? 'text-gray-300' : 'text-gray-700' }, formatAddress(user?.address || ''))));
+    }
+    return (React.createElement("div", { className: `flex flex-col gap-2 ${className}` },
+        React.createElement("div", { className: "flex items-center gap-2" },
+            React.createElement("div", { className: "w-2 h-2 rounded-full bg-green-500" }),
+            React.createElement("span", { className: `font-semibold ${theme === 'dark' ? 'text-white' : 'text-gray-900'}` }, "Authenticated")),
+        showAddress && user?.address && (React.createElement("div", { className: "flex items-center gap-2 text-sm" },
+            React.createElement("span", { className: theme === 'dark' ? 'text-gray-500' : 'text-gray-600' }, "Address:"),
+            React.createElement("code", { className: `px-2 py-1 rounded ${theme === 'dark' ? 'bg-gray-800 text-gray-300' : 'bg-gray-100 text-gray-700'}` }, formatAddress(user.address)))),
+        showChainId && user?.chainId && (React.createElement("div", { className: "flex items-center gap-2 text-sm" },
+            React.createElement("span", { className: theme === 'dark' ? 'text-gray-500' : 'text-gray-600' }, "Chain ID:"),
+            React.createElement("code", { className: `px-2 py-1 rounded ${theme === 'dark' ? 'bg-gray-800 text-gray-300' : 'bg-gray-100 text-gray-700'}` }, user.chainId)))));
+};
+/**
+ * Format Ethereum address for display
+ */
+function formatAddress(address) {
+    if (!address)
+        return '';
+    return `${address.substring(0, 6)}...${address.substring(address.length - 4)}`;
+}
+export default AuthStatus;
+//# sourceMappingURL=AuthStatus.js.map

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

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+/**
+ * Protected Route Component
+ * Wrapper for routes that require authentication
+ */
+interface ProtectedRouteProps {
+    children: React.ReactNode;
+    fallback?: React.ReactNode;
+    redirectTo?: string;
+    clientId: string;
+    onUnauthorized?: () => void;
+    requireAuth?: boolean;
+    loadingComponent?: React.ReactNode;
+}
+export declare const ProtectedRoute: React.FC<ProtectedRouteProps>;
+export default ProtectedRoute;
+//# sourceMappingURL=ProtectedRoute.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProtectedRoute.d.ts","sourceRoot":"","sources":["../../../src/components/SIWE/ProtectedRoute.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD;;;GAGG;AAEH,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuDxD,CAAC;AAiDF,eAAe,cAAc,CAAC"}

package/dist/components/SIWE/ProtectedRoute.js

@@ -0,0 +1,52 @@
+import React, { useEffect, useState } from 'react';
+import { useSIWE } from './SIWEProvider';
+import { SIWEModal } from './SIWEModal';
+export const ProtectedRoute = ({ children, fallback, redirectTo, clientId, onUnauthorized, requireAuth = true, loadingComponent, }) => {
+    const { isAuthenticated, isLoading } = useSIWE();
+    const [showAuthModal, setShowAuthModal] = useState(false);
+    useEffect(() => {
+        if (!isLoading && !isAuthenticated && requireAuth) {
+            if (redirectTo) {
+                window.location.href = redirectTo;
+            }
+            else if (onUnauthorized) {
+                onUnauthorized();
+            }
+            else {
+                setShowAuthModal(true);
+            }
+        }
+    }, [isAuthenticated, isLoading, requireAuth, redirectTo, onUnauthorized]);
+    // Show loading state
+    if (isLoading) {
+        return loadingComponent ? (React.createElement(React.Fragment, null, loadingComponent)) : (React.createElement(DefaultLoadingScreen, null));
+    }
+    // Show unauthorized fallback
+    if (!isAuthenticated && requireAuth) {
+        return (React.createElement(React.Fragment, null,
+            fallback || (React.createElement(DefaultUnauthorizedScreen, { onLogin: () => setShowAuthModal(true) })),
+            React.createElement(SIWEModal, { isOpen: showAuthModal, onClose: () => setShowAuthModal(false), clientId: clientId, requireAuth: requireAuth, onSuccess: () => setShowAuthModal(false) })));
+    }
+    // Render protected content
+    return React.createElement(React.Fragment, null, children);
+};
+/**
+ * Default Loading Screen
+ */
+const DefaultLoadingScreen = () => (React.createElement("div", { className: "min-h-screen flex items-center justify-center bg-gray-900" },
+    React.createElement("div", { className: "text-center" },
+        React.createElement("div", { className: "inline-block animate-spin rounded-full h-12 w-12 border-b-2 border-blue-500 mb-4" }),
+        React.createElement("p", { className: "text-gray-400" }, "Loading..."))));
+/**
+ * Default Unauthorized Screen
+ */
+const DefaultUnauthorizedScreen = ({ onLogin }) => (React.createElement("div", { className: "min-h-screen flex items-center justify-center bg-gray-900" },
+    React.createElement("div", { className: "text-center max-w-md px-4" },
+        React.createElement("div", { className: "mb-8" },
+            React.createElement("svg", { className: "w-20 h-20 text-gray-600 mx-auto mb-4", 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("h1", { className: "text-3xl font-bold text-white mb-4" }, "Authentication Required"),
+        React.createElement("p", { className: "text-gray-400 mb-8" }, "You need to sign in with your Ethereum wallet to access this page."),
+        React.createElement("button", { onClick: onLogin, className: "px-8 py-3 bg-blue-600 hover:bg-blue-700 text-white font-semibold rounded-lg transition-colors" }, "Sign In with Ethereum"))));
+export default ProtectedRoute;
+//# sourceMappingURL=ProtectedRoute.js.map

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

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

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

@@ -0,0 +1,22 @@
+import React from 'react';
+/**
+ * SIWE Button Component
+ * Combines wallet connection with SIWE authentication
+ */
+interface SIWEButtonProps {
+    clientId: string;
+    className?: string;
+    loginText?: string;
+    logoutText?: string;
+    connectWalletText?: string;
+    loadingText?: string;
+    onLoginStart?: () => void;
+    onLoginComplete?: () => void;
+    onLogoutComplete?: () => void;
+    theme?: 'light' | 'dark';
+    variant?: 'primary' | 'secondary' | 'outline';
+    size?: 'sm' | 'md' | 'lg';
+}
+export declare const SIWEButton: React.FC<SIWEButtonProps>;
+export default SIWEButton;
+//# sourceMappingURL=SIWEButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SIWEButton.d.ts","sourceRoot":"","sources":["../../../src/components/SIWE/SIWEButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC;;;GAGG;AAEH,UAAU,eAAe;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IAC9C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuIhD,CAAC;AAmEF,eAAe,UAAU,CAAC"}