npm - @renown/sdk - Versions diffs - 5.1.0 → 5.2.0-staging.2 - Mend

@renown/sdk 5.1.0 → 5.2.0-staging.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (117) hide show

package/README.md +487 -1
package/dist/e2e/fixtures/main.d.ts +2 -0
package/dist/e2e/fixtures/main.d.ts.map +1 -0
package/dist/e2e/fixtures/main.js +97 -0
package/dist/e2e/fixtures/main.js.map +1 -0
package/dist/e2e/fixtures/vite.config.d.ts +3 -0
package/dist/e2e/fixtures/vite.config.d.ts.map +1 -0
package/dist/e2e/fixtures/vite.config.js +10 -0
package/dist/e2e/fixtures/vite.config.js.map +1 -0
package/dist/e2e/renown-components.spec.d.ts +2 -0
package/dist/e2e/renown-components.spec.d.ts.map +1 -0
package/dist/e2e/renown-components.spec.js +155 -0
package/dist/e2e/renown-components.spec.js.map +1 -0
package/dist/playwright.config.d.ts +3 -0
package/dist/playwright.config.d.ts.map +1 -0
package/dist/playwright.config.js +25 -0
package/dist/playwright.config.js.map +1 -0
package/dist/src/assets/assets.d.ts +19 -0
package/dist/src/assets/renown-hover.svg +17 -0
package/dist/src/assets/renown-light.svg +15 -0
package/dist/src/assets/renown-short-hover.png +0 -0
package/dist/src/assets/renown-short.png +0 -0
package/dist/src/assets/renown.svg +16 -0
package/dist/src/common.d.ts +1 -1
package/dist/src/common.d.ts.map +1 -1
package/dist/src/components/RenownAuthButton.d.ts +62 -0
package/dist/src/components/RenownAuthButton.d.ts.map +1 -0
package/dist/src/components/RenownAuthButton.js +82 -0
package/dist/src/components/RenownAuthButton.js.map +1 -0
package/dist/src/components/RenownLoginButton.d.ts +48 -0
package/dist/src/components/RenownLoginButton.d.ts.map +1 -0
package/dist/src/components/RenownLoginButton.js +175 -0
package/dist/src/components/RenownLoginButton.js.map +1 -0
package/dist/src/components/RenownUserButton.d.ts +66 -0
package/dist/src/components/RenownUserButton.d.ts.map +1 -0
package/dist/src/components/RenownUserButton.js +216 -0
package/dist/src/components/RenownUserButton.js.map +1 -0
package/dist/src/components/icons.d.ts +25 -0
package/dist/src/components/icons.d.ts.map +1 -0
package/dist/src/components/icons.js +24 -0
package/dist/src/components/icons.js.map +1 -0
package/dist/src/components/image-data.d.ts +3 -0
package/dist/src/components/image-data.d.ts.map +1 -0
package/dist/src/components/image-data.js +4 -0
package/dist/src/components/image-data.js.map +1 -0
package/dist/src/components/index.d.ts +7 -3
package/dist/src/components/index.d.ts.map +1 -1
package/dist/src/components/index.js +4 -1
package/dist/src/components/index.js.map +1 -1
package/dist/src/constants.d.ts +1 -1
package/dist/src/constants.d.ts.map +1 -1
package/dist/src/constants.js +1 -1
package/dist/src/constants.js.map +1 -1
package/dist/src/hooks/index.d.ts +2 -0
package/dist/src/hooks/index.d.ts.map +1 -0
package/dist/src/hooks/index.js +2 -0
package/dist/src/hooks/index.js.map +1 -0
package/dist/src/hooks/use-user.d.ts +21 -0
package/dist/src/hooks/use-user.d.ts.map +1 -0
package/dist/src/hooks/use-user.js +30 -0
package/dist/src/hooks/use-user.js.map +1 -0
package/dist/src/index.d.ts +8 -1
package/dist/src/index.d.ts.map +1 -1
package/dist/src/index.js +8 -1
package/dist/src/index.js.map +1 -1
package/dist/src/lib/crypto/browser.d.ts +8 -0
package/dist/src/lib/crypto/browser.d.ts.map +1 -0
package/dist/src/lib/crypto/browser.js +73 -0
package/dist/src/lib/crypto/browser.js.map +1 -0
package/dist/src/lib/crypto/index.d.ts +36 -0
package/dist/src/lib/crypto/index.d.ts.map +1 -0
package/dist/src/lib/crypto/index.js +150 -0
package/dist/src/lib/crypto/index.js.map +1 -0
package/dist/src/lib/crypto/node.d.ts +8 -0
package/dist/src/lib/crypto/node.d.ts.map +1 -0
package/dist/src/lib/crypto/node.js +67 -0
package/dist/src/lib/crypto/node.js.map +1 -0
package/dist/src/lib/renown/constants.d.ts +130 -0
package/dist/src/lib/renown/constants.d.ts.map +1 -0
package/dist/src/lib/renown/constants.js +40 -0
package/dist/src/lib/renown/constants.js.map +1 -0
package/dist/src/lib/renown/did-parser.d.ts +28 -0
package/dist/src/lib/renown/did-parser.d.ts.map +1 -0
package/dist/src/lib/renown/did-parser.js +57 -0
package/dist/src/lib/renown/did-parser.js.map +1 -0
package/dist/src/lib/renown/index.d.ts +4 -0
package/dist/src/lib/renown/index.d.ts.map +1 -0
package/dist/src/lib/renown/index.js +4 -0
package/dist/src/lib/renown/index.js.map +1 -0
package/dist/src/lib/renown/utils.d.ts +33 -0
package/dist/src/lib/renown/utils.d.ts.map +1 -0
package/dist/src/lib/renown/utils.js +207 -0
package/dist/src/lib/renown/utils.js.map +1 -0
package/dist/src/lib/session-storage.d.ts +40 -0
package/dist/src/lib/session-storage.d.ts.map +1 -0
package/dist/src/lib/session-storage.js +107 -0
package/dist/src/lib/session-storage.js.map +1 -0
package/dist/src/providers/index.d.ts +3 -0
package/dist/src/providers/index.d.ts.map +1 -0
package/dist/src/providers/index.js +2 -0
package/dist/src/providers/index.js.map +1 -0
package/dist/src/providers/renown-user-provider.d.ts +72 -0
package/dist/src/providers/renown-user-provider.d.ts.map +1 -0
package/dist/src/providers/renown-user-provider.js +171 -0
package/dist/src/providers/renown-user-provider.js.map +1 -0
package/dist/src/types.d.ts +3 -2
package/dist/src/types.d.ts.map +1 -1
package/dist/tsconfig.tsbuildinfo +1 -1
package/package.json +26 -6
package/dist/src/components/RenownLoginAvatar.d.ts +0 -44
package/dist/src/components/RenownLoginAvatar.d.ts.map +0 -1
package/dist/src/components/RenownLoginAvatar.js +0 -50
package/dist/src/components/RenownLoginAvatar.js.map +0 -1
package/dist/src/components/types.d.ts +0 -12
package/dist/src/components/types.d.ts.map +0 -1
package/dist/src/components/types.js +0 -2
package/dist/src/components/types.js.map +0 -1

package/README.md CHANGED Viewed

@@ -1,3 +1,489 @@
 # Renown SDK
-This package contains methods to interact with Renown and manage the user's session.
+A comprehensive SDK for integrating Renown authentication and user profile management into your React applications.
+## Features
+- 🔐 **Authentication** - Complete authentication flow with session management
+- 👤 **User Profiles** - Fetch and manage user profile data
+- ⚛️ **React Integration** - Provider and hooks for seamless React integration
+- 🎨 **UI Components** - Ready-to-use login and auth components
+- 🔄 **Session Persistence** - Automatic session restoration across page reloads
+- 🌐 **Renown Portal** - Easy integration with Renown authentication portal
+- 📦 **Type-Safe** - Full TypeScript support
+## Installation
+```bash
+npm install @renown/sdk
+# or
+yarn add @renown/sdk
+# or
+pnpm add @renown/sdk
+```
+## Quick Start
+### 1. Wrap Your App with RenownUserProvider
+The SDK automatically initializes - just wrap your app!
+```typescript
+// app/layout.tsx or app.tsx
+import { RenownUserProvider } from '@renown/sdk'
+export default function RootLayout({ children }) {
+  return (
+    <html>
+      <body>
+        <RenownUserProvider>
+          {children}
+        </RenownUserProvider>
+      </body>
+    </html>
+  )
+}
+```
+### 2. Use Authentication in Components
+**Option A: Use the RenownAuthButton component**
+```typescript
+import { RenownAuthButton } from '@renown/sdk'
+export function Header() {
+  return (
+    <header>
+      <h1>My App</h1>
+      <RenownAuthButton showLogoutButton />
+    </header>
+  )
+}
+```
+**Option B: Build custom UI with useUser hook**
+```typescript
+import { useUser } from '@renown/sdk'
+export function CustomAuth() {
+  const { user, openRenown, logout } = useUser()
+  if (!user) return <button onClick={openRenown}>Login</button>
+  return <button onClick={logout}>Logout</button>
+}
+```
+## UI Components
+The SDK includes a ready-to-use React component for authentication:
+### RenownAuthButton
+Smart button that adapts to auth state - shows login button when not authenticated, and user info when authenticated:
+```typescript
+import { RenownAuthButton } from '@renown/sdk'
+<RenownAuthButton showLogoutButton />
+```
+For detailed component documentation and examples, see [COMPONENTS.md](./COMPONENTS.md).
+## API Reference
+### Components
+#### `<RenownUserProvider>`
+Central authentication provider that automatically initializes the SDK.
+**Props:**
+- `children`: React.ReactNode - **Required.** Your application components
+- `renownUrl?`: string - Renown service URL (default: 'https://www.renown.id')
+- `networkId?`: string - Network ID (default: 'eip155')
+- `chainId?`: string - Chain ID (default: '1')
+- `loadingComponent?`: React.ReactNode - Custom loading UI
+- `errorComponent?`: (error, retry) => React.ReactNode - Custom error UI
+**Example:**
+```typescript
+<RenownUserProvider>
+  <App />
+</RenownUserProvider>
+```
+**Custom Configuration:**
+```typescript
+<RenownUserProvider
+  renownUrl={process.env.NEXT_PUBLIC_RENOWN_URL}
+  loadingComponent={<Spinner />}
+  errorComponent={(error, retry) => <ErrorScreen error={error} onRetry={retry} />}
+>
+  <App />
+</RenownUserProvider>
+```
+### Hooks
+#### `useUser()`
+Access authentication state and methods throughout your application.
+**Returns:**
+```typescript
+{
+  user: User | null                      // Current authenticated user
+  loginStatus: LoginStatus               // 'initial' | 'checking' | 'authorized' | 'not-authorized'
+  isLoading: boolean                     // Loading state for auth operations
+  isInitialized: boolean                 // Whether auth system is initialized
+  login: (userDid?: string) => Promise<void>   // Login with optional DID
+  logout: () => Promise<void>            // Logout current user
+  openRenown: () => void                 // Open Renown portal
+}
+```
+**Example:**
+```typescript
+function UserProfile() {
+  const { user, loginStatus, openRenown, logout } = useUser()
+  switch (loginStatus) {
+    case 'authorized':
+      return (
+        <div>
+          <h1>{user?.name || 'User'}</h1>
+          <p>{user?.did}</p>
+          {user?.avatar && <img src={user.avatar} alt="Avatar" />}
+          <button onClick={logout}>Logout</button>
+        </div>
+      )
+    case 'not-authorized':
+      return <button onClick={openRenown}>Login</button>
+    default:
+      return <div>Checking auth...</div>
+  }
+}
+```
+### Types
+#### `User`
+```typescript
+interface User {
+  did: string              // Decentralized identifier
+  address: string          // Ethereum address
+  name?: string            // Display name from profile
+  email?: string           // Email address
+  avatar?: string          // Avatar image URL
+  ethAddress?: string      // Ethereum address
+}
+```
+#### `LoginStatus`
+```typescript
+type LoginStatus =
+  | 'initial'           // Not yet checked
+  | 'checking'          // Currently checking auth
+  | 'authorized'        // User is authenticated
+  | 'not-authorized'    // User is not authenticated
+```
+### Utility Functions
+#### `fetchProfileDataForUser(user: User): Promise<User>`
+Fetches additional profile data from the Renown API for a given user.
+```typescript
+import { fetchProfileDataForUser } from '@renown/sdk'
+const userWithProfile = await fetchProfileDataForUser(user)
+```
+#### `login(userDid: string, renown: IRenown, connectCrypto: IConnectCrypto)`
+Performs login and stores session data.
+#### `logout()`
+Logs out the current user and clears session data.
+#### `openRenown()`
+Opens the Renown authentication portal.
+#### `handleRenownReturn()`
+Handles return from Renown authentication flow.
+### Session Management
+#### `SessionStorageManager`
+Manages user session persistence in sessionStorage.
+**Methods:**
+- `setUserData(data)` - Store user data
+- `getUserData()` - Retrieve stored user data
+- `clearUserData()` - Clear session data
+- `isUserDataValid(data)` - Check if session data is valid
+```typescript
+import { SessionStorageManager } from '@renown/sdk'
+// Store user session
+SessionStorageManager.setUserData({
+  user: currentUser,
+  userDid: currentUser.did,
+  loginStatus: 'authorized',
+  timestamp: Date.now()
+})
+// Check session
+const storedData = SessionStorageManager.getUserData()
+if (storedData && SessionStorageManager.isUserDataValid(storedData)) {
+  // Session is valid
+}
+```
+## Advanced Usage
+### Custom Authentication Flow
+You can implement custom authentication flows by directly using the SDK functions:
+```typescript
+import { login, logout, initRenown, ConnectCrypto, BrowserKeyStorage } from '@renown/sdk'
+async function customLogin() {
+  // Initialize
+  const connectCrypto = new ConnectCrypto(new BrowserKeyStorage())
+  const renown = await initRenown(
+    await connectCrypto.did(),
+    'eip155',
+    'https://www.renown.id'
+  )
+  // Login
+  const userDid = await connectCrypto.did()
+  const user = await login(userDid, renown, connectCrypto)
+  return user
+}
+```
+### Conditional Rendering Based on Auth
+```typescript
+function ProtectedContent() {
+  const { user, loginStatus, openRenown } = useUser()
+  if (loginStatus !== 'authorized') {
+    return (
+      <div>
+        <h1>Please login to continue</h1>
+        <button onClick={openRenown}>Login</button>
+      </div>
+    )
+  }
+  return <div>Protected content for {user?.name}</div>
+}
+```
+### Handling Authentication Events
+```typescript
+function AuthListener() {
+  const { user, loginStatus } = useUser()
+  useEffect(() => {
+    if (loginStatus === 'authorized' && user) {
+      console.log('User logged in:', user)
+      // Analytics, notifications, etc.
+    }
+  }, [loginStatus, user])
+  return null
+}
+```
+## Configuration
+### RenownUserProvider Configuration
+The RenownUserProvider accepts optional configuration props:
+```typescript
+<RenownUserProvider
+  renownUrl="https://www.renown.id"  // Custom Renown URL
+  networkId="eip155"                            // Network ID (default)
+  chainId="1"                                   // Chain ID (default)
+>
+  <App />
+</RenownUserProvider>
+```
+### Environment Variables
+Use environment variables for dynamic configuration:
+```typescript
+<RenownUserProvider
+  renownUrl={process.env.NEXT_PUBLIC_RENOWN_URL || 'https://www.renown.id'}
+>
+  <App />
+</RenownUserProvider>
+```
+```bash
+# .env
+NEXT_PUBLIC_RENOWN_URL=https://www.renown.id
+```
+## Examples
+### Next.js App Router
+```typescript
+// app/layout.tsx
+import { RenownUserProvider } from '@renown/sdk'
+export default function RootLayout({ children }) {
+  return (
+    <html lang="en">
+      <body>
+        <RenownUserProvider>
+          {children}
+        </RenownUserProvider>
+      </body>
+    </html>
+  )
+}
+// components/Navbar.tsx - Using RenownAuthButton
+'use client'
+import { RenownAuthButton } from '@renown/sdk'
+export function Navbar() {
+  return (
+    <nav>
+      <h1>My App</h1>
+      <RenownAuthButton showLogoutButton />
+    </nav>
+  )
+}
+// app/profile/page.tsx - Using useUser hook
+'use client'
+import { useUser } from '@renown/sdk'
+export default function ProfilePage() {
+  const { user, openRenown, logout } = useUser()
+  if (!user) {
+    return (
+      <div>
+        <h1>Login Required</h1>
+        <button onClick={openRenown}>Login with Renown</button>
+      </div>
+    )
+  }
+  return (
+    <div>
+      <h1>Profile</h1>
+      <p>DID: {user.did}</p>
+      <p>Name: {user.name}</p>
+      <button onClick={logout}>Logout</button>
+    </div>
+  )
+}
+```
+### React SPA
+```typescript
+// main.tsx
+import { RenownUserProvider } from '@renown/sdk'
+import App from './App'
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <RenownUserProvider>
+      <App />
+    </RenownUserProvider>
+  </React.StrictMode>
+)
+// App.tsx - Using RenownAuthButton
+import { RenownAuthButton } from '@renown/sdk'
+function App() {
+  return (
+    <div>
+      <h1>My App</h1>
+      <RenownAuthButton showLogoutButton />
+    </div>
+  )
+}
+```
+## Troubleshooting
+### RenownUserProvider Context Error
+**Error:** `useUser must be used within an RenownUserProvider`
+**Solution:** Ensure your component is wrapped by `<RenownUserProvider>`:
+```typescript
+<RenownUserProvider>
+  <YourComponent /> {/* ✅ Can use useUser */}
+</RenownUserProvider>
+```
+### Custom Renown URL
+To use a different Renown instance:
+```typescript
+<RenownUserProvider renownUrl="https://your-renown-instance.com">
+  <App />
+</RenownUserProvider>
+```
+### Session Not Persisting
+If sessions aren't persisting across page reloads:
+1. Check that sessionStorage is available (not in incognito mode)
+2. Verify the session hasn't expired (24 hour timeout by default)
+3. Check browser console for any errors during initialization
+## Contributing
+Contributions are welcome! Please read our contributing guidelines before submitting PRs.
+## License
+AGPL-3.0-only
+## Documentation
+Full documentation is available in the Powerhouse Academy:
+- [Overview & Quick Start](../../apps/academy/docs/academy/04-APIReferences/renown-sdk/00-Overview.md)
+- [Authentication Guide](../../apps/academy/docs/academy/04-APIReferences/renown-sdk/01-Authentication.md)
+- [API Reference](../../apps/academy/docs/academy/04-APIReferences/renown-sdk/02-APIReference.md)
+## Support
+For issues and questions:
+- GitHub Issues: [powerhouse-inc/powerhouse](https://github.com/powerhouse-inc/powerhouse)
+- Documentation: [Powerhouse Academy](https://docs.powerhouse.io)

package/dist/e2e/fixtures/main.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=main.d.ts.map

package/dist/e2e/fixtures/main.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../e2e/fixtures/main.tsx"],"names":[],"mappings":""}

package/dist/e2e/fixtures/main.js ADDED Viewed

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { createRoot } from "react-dom/client";
+import { RenownAuthButton, RenownLoginButton, RenownLogo, RenownUserButton, } from "../../src/components/index.js";
+import { RenownUserProvider } from "../../src/providers/renown-user-provider.js";
+const styles = {
+    container: {
+        maxWidth: "800px",
+        margin: "0 auto",
+        padding: "40px 20px",
+    },
+    header: {
+        marginBottom: "40px",
+        textAlign: "center",
+    },
+    title: {
+        fontSize: "24px",
+        fontWeight: 600,
+        marginBottom: "8px",
+        color: "#111827",
+    },
+    subtitle: {
+        fontSize: "14px",
+        color: "#6b7280",
+    },
+    section: {
+        marginBottom: "40px",
+        padding: "24px",
+        backgroundColor: "white",
+        borderRadius: "12px",
+        boxShadow: "0 1px 3px rgba(0, 0, 0, 0.1)",
+    },
+    sectionTitle: {
+        fontSize: "16px",
+        fontWeight: 600,
+        marginBottom: "16px",
+        color: "#374151",
+        display: "flex",
+        alignItems: "center",
+        gap: "8px",
+    },
+    componentRow: {
+        display: "flex",
+        alignItems: "center",
+        gap: "16px",
+        padding: "16px",
+        backgroundColor: "#f9fafb",
+        borderRadius: "8px",
+        marginBottom: "12px",
+    },
+    label: {
+        fontSize: "14px",
+        color: "#4b5563",
+        minWidth: "160px",
+    },
+    code: {
+        fontFamily: "monospace",
+        fontSize: "12px",
+        backgroundColor: "#f3f4f6",
+        padding: "2px 6px",
+        borderRadius: "4px",
+    },
+    description: {
+        fontSize: "13px",
+        color: "#6b7280",
+        marginTop: "8px",
+        lineHeight: "1.5",
+    },
+};
+function App() {
+    const [mockUser] = useState({
+        address: "0x1234567890abcdef1234567890abcdef12345678",
+        username: "vitalik.eth",
+        avatarUrl: undefined,
+    });
+    return (_jsxs("div", { style: styles.container, children: [_jsxs("header", { style: styles.header, children: [_jsx("div", { style: {
+                            display: "flex",
+                            justifyContent: "center",
+                            marginBottom: "16px",
+                        }, children: _jsx(RenownLogo, { width: 142, height: 38, color: "#374151" }) }), _jsx("h1", { style: styles.title, children: "Renown SDK Components" }), _jsx("p", { style: styles.subtitle, children: "Visual test page for Renown authentication components" })] }), _jsxs("section", { style: styles.section, "data-testid": "login-button-section", children: [_jsx("h2", { style: styles.sectionTitle, children: _jsx("span", { style: styles.code, children: "RenownLoginButton" }) }), _jsxs("p", { style: styles.description, children: ["A login button with Renown branding. By default, clicking triggers login directly. Use ", _jsx("code", { style: styles.code, children: "showPopover" }), " to show a hover popover instead."] }), _jsxs("div", { style: styles.componentRow, children: [_jsx("span", { style: styles.label, children: "Default (direct login):" }), _jsx(RenownLoginButton, { onLogin: () => console.log("Login clicked!") })] }), _jsxs("div", { style: styles.componentRow, "data-testid": "popover-login", children: [_jsx("span", { style: styles.label, children: "With popover:" }), _jsx(RenownLoginButton, { onLogin: () => console.log("Login clicked!"), showPopover: true })] }), _jsxs("div", { style: styles.componentRow, children: [_jsx("span", { style: styles.label, children: "Custom trigger (with popover):" }), _jsx(RenownLoginButton, { onLogin: () => console.log("Login clicked!"), showPopover: true, renderTrigger: ({ onMouseEnter, onMouseLeave }) => (_jsx("button", { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, style: {
+                                        padding: "8px 16px",
+                                        borderRadius: "8px",
+                                        border: "1px solid #ccc",
+                                        cursor: "pointer",
+                                    }, children: "Sign In" })) })] }), _jsxs("div", { style: {
+                            ...styles.componentRow,
+                            backgroundColor: "#111827",
+                            padding: "16px",
+                            borderRadius: "8px",
+                        }, "data-testid": "dark-mode-login", children: [_jsx("span", { style: { ...styles.label, color: "#f9fafb" }, children: "Dark mode (with popover):" }), _jsx(RenownLoginButton, { onLogin: () => console.log("Login clicked!"), darkMode: true, showPopover: true })] })] }), _jsxs("section", { style: styles.section, "data-testid": "user-button-section", children: [_jsx("h2", { style: styles.sectionTitle, children: _jsx("span", { style: styles.code, children: "RenownUserButton" }) }), _jsx("p", { style: styles.description, children: "A user avatar button that shows account info in a popover with options to copy address, view profile, and disconnect. Click the avatar to see the popover." }), _jsxs("div", { style: styles.componentRow, children: [_jsx("span", { style: styles.label, children: "Without avatar:" }), _jsx(RenownUserButton, { address: mockUser.address, username: mockUser.username, userId: "mock-document-id-1", onDisconnect: () => console.log("Disconnect clicked!") })] }), _jsxs("div", { style: styles.componentRow, children: [_jsx("span", { style: styles.label, children: "With avatar:" }), _jsx(RenownUserButton, { address: mockUser.address, username: mockUser.username, avatarUrl: "https://unavatar.io/github/vitalik", userId: "mock-document-id-2", onDisconnect: () => console.log("Disconnect clicked!") })] }), _jsxs("div", { style: styles.componentRow, children: [_jsx("span", { style: styles.label, children: "No username:" }), _jsx(RenownUserButton, { address: mockUser.address, userId: "mock-document-id-3", onDisconnect: () => console.log("Disconnect clicked!") })] })] }), _jsxs("section", { style: styles.section, "data-testid": "auth-button-section", children: [_jsx("h2", { style: styles.sectionTitle, children: _jsx("span", { style: styles.code, children: "RenownAuthButton" }) }), _jsx("p", { style: styles.description, children: "Smart authentication button that adapts based on auth state. Shows RenownLoginButton when not authenticated, and RenownUserButton when authenticated. This component requires the RenownUserProvider to be initialized." }), _jsxs("div", { style: styles.componentRow, children: [_jsx("span", { style: styles.label, children: "With RenownUserProvider:" }), _jsx(RenownUserProvider, { renownUrl: "https://www.renown.id", children: _jsx(RenownAuthButton, {}) })] })] })] }));
+}
+const container = document.getElementById("root");
+if (container) {
+    const root = createRoot(container);
+    root.render(_jsx(App, {}));
+}
+//# sourceMappingURL=main.js.map

package/dist/e2e/fixtures/main.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"main.js","sourceRoot":"","sources":["../../../e2e/fixtures/main.tsx"],"names":[],"mappings":"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"}

package/dist/e2e/fixtures/vite.config.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+declare const _default: import("vite").UserConfig;
+export default _default;
+//# sourceMappingURL=vite.config.d.ts.map

package/dist/e2e/fixtures/vite.config.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"vite.config.d.ts","sourceRoot":"","sources":["../../../e2e/fixtures/vite.config.ts"],"names":[],"mappings":";AAGA,wBAMG"}

package/dist/e2e/fixtures/vite.config.js ADDED Viewed

@@ -0,0 +1,10 @@
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
+export default defineConfig({
+    plugins: [react()],
+    root: __dirname,
+    server: {
+        port: 5173,
+    },
+});
+//# sourceMappingURL=vite.config.js.map

package/dist/e2e/fixtures/vite.config.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"vite.config.js","sourceRoot":"","sources":["../../../e2e/fixtures/vite.config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,sBAAsB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAEpC,eAAe,YAAY,CAAC;IAC1B,OAAO,EAAE,CAAC,KAAK,EAAE,CAAC;IAClB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE;QACN,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC"}

package/dist/e2e/renown-components.spec.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=renown-components.spec.d.ts.map

package/dist/e2e/renown-components.spec.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"renown-components.spec.d.ts","sourceRoot":"","sources":["../../e2e/renown-components.spec.ts"],"names":[],"mappings":""}