@renown/sdk 4.1.0-dev.72 → 4.1.0-dev.74

package/dist/src/components/RenownLoginAvatar.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import type { LoginAvatarProps } from './types.js';
+/**
+ * Headless Renown Login Avatar component
+ * Provides login button when not authenticated, and user avatar when authenticated
+ *
+ * @example
+ * ```tsx
+ * <RenownLoginAvatar
+ *   isLoggedIn={true}
+ *   user={{ username: 'alice', avatar: 'https://...', ethAddress: '0x...' }}
+ *   onLoginClick={() => console.log('Login')}
+ *   profileBaseUrl="https://renown.io"
+ *   renderAvatar={({ user, onClick }) => (
+ *     <img src={user.avatar} alt={user.username} onClick={onClick} />
+ *   )}
+ *   renderButton={({ onClick }) => (
+ *     <button onClick={onClick}>Log in</button>
+ *   )}
+ * />
+ * ```
+ */
+export interface RenownLoginAvatarProps extends LoginAvatarProps {
+    /**
+     * Custom render function for the avatar when logged in
+     */
+    renderAvatar?: (props: {
+        user: NonNullable<LoginAvatarProps['user']>;
+        onClick: () => void;
+    }) => React.ReactNode;
+    /**
+     * Custom render function for the login button when not logged in
+     */
+    renderButton?: (props: {
+        onClick: () => void;
+    }) => React.ReactNode;
+    /**
+     * Base URL for the profile page (e.g., "https://renown.io/profile")
+     * Defaults to "https://renown.io/profile"
+     */
+    profileBaseUrl?: string;
+}
+export declare function RenownLoginAvatar({ isLoggedIn, user, onLoginClick, profileBaseUrl, renderAvatar, renderButton, }: RenownLoginAvatarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RenownLoginAvatar.d.ts.map

package/dist/src/components/RenownLoginAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenownLoginAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/RenownLoginAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB;IAC9D;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QACrB,IAAI,EAAE,WAAW,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAA;QAC3C,OAAO,EAAE,MAAM,IAAI,CAAA;KACpB,KAAK,KAAK,CAAC,SAAS,CAAA;IAErB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAA;IAElE;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,cAA4C,EAC5C,YAAY,EACZ,YAAY,GACb,EAAE,sBAAsB,2CA6ExB"}

package/dist/src/components/RenownLoginAvatar.js

@@ -0,0 +1,50 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+export function RenownLoginAvatar({ isLoggedIn, user, onLoginClick, profileBaseUrl = 'https://renown.io/profile', renderAvatar, renderButton, }) {
+    if (isLoggedIn && user) {
+        const handleProfileClick = () => {
+            const identifier = user.ethAddress || user.username;
+            window.open(`${profileBaseUrl}/${identifier}`, '_blank');
+        };
+        if (renderAvatar) {
+            return _jsx(_Fragment, { children: renderAvatar({ user, onClick: handleProfileClick }) });
+        }
+        // Default avatar rendering
+        return (_jsxs("div", { onClick: handleProfileClick, style: {
+                display: 'inline-flex',
+                alignItems: 'center',
+                gap: '0.5rem',
+                cursor: 'pointer',
+            }, children: [user.avatar ? (_jsx("img", { src: user.avatar, alt: user.username, style: {
+                        width: '2.5rem',
+                        height: '2.5rem',
+                        borderRadius: '50%',
+                        objectFit: 'cover',
+                    } })) : (_jsx("div", { style: {
+                        width: '2.5rem',
+                        height: '2.5rem',
+                        borderRadius: '50%',
+                        backgroundColor: '#9333ea',
+                        color: 'white',
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        fontWeight: 'bold',
+                        fontSize: '0.875rem',
+                    }, children: user.username.substring(0, 2).toUpperCase() })), _jsx("span", { style: { fontSize: '0.875rem', fontWeight: '500' }, children: user.username })] }));
+    }
+    if (renderButton) {
+        return _jsx(_Fragment, { children: renderButton({ onClick: onLoginClick || (() => { }) }) });
+    }
+    // Default button rendering
+    return (_jsx("button", { onClick: onLoginClick, style: {
+            padding: '0.5rem 1rem',
+            border: '1px solid #d1d5db',
+            borderRadius: '0.375rem',
+            backgroundColor: 'white',
+            cursor: 'pointer',
+            fontSize: '0.875rem',
+            fontWeight: '500',
+        }, children: "Log in" }));
+}
+//# sourceMappingURL=RenownLoginAvatar.js.map

package/dist/src/components/RenownLoginAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenownLoginAvatar.js","sourceRoot":"","sources":["../../../src/components/RenownLoginAvatar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AA4CzB,MAAM,UAAU,iBAAiB,CAAC,EAChC,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,cAAc,GAAG,2BAA2B,EAC5C,YAAY,EACZ,YAAY,GACW;IACvB,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;QACvB,MAAM,kBAAkB,GAAG,GAAG,EAAE;YAC9B,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,CAAA;YACnD,MAAM,CAAC,IAAI,CAAC,GAAG,cAAc,IAAI,UAAU,EAAE,EAAE,QAAQ,CAAC,CAAA;QAC1D,CAAC,CAAA;QAED,IAAI,YAAY,EAAE,CAAC;YACjB,OAAO,4BAAG,YAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,kBAAkB,EAAE,CAAC,GAAI,CAAA;QACnE,CAAC;QAED,2BAA2B;QAC3B,OAAO,CACL,eACE,OAAO,EAAE,kBAAkB,EAC3B,KAAK,EAAE;gBACL,OAAO,EAAE,aAAa;gBACtB,UAAU,EAAE,QAAQ;gBACpB,GAAG,EAAE,QAAQ;gBACb,MAAM,EAAE,SAAS;aAClB,aAEA,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACb,cACE,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,EAAE;wBACL,KAAK,EAAE,QAAQ;wBACf,MAAM,EAAE,QAAQ;wBAChB,YAAY,EAAE,KAAK;wBACnB,SAAS,EAAE,OAAO;qBACnB,GACD,CACH,CAAC,CAAC,CAAC,CACF,cACE,KAAK,EAAE;wBACL,KAAK,EAAE,QAAQ;wBACf,MAAM,EAAE,QAAQ;wBAChB,YAAY,EAAE,KAAK;wBACnB,eAAe,EAAE,SAAS;wBAC1B,KAAK,EAAE,OAAO;wBACd,OAAO,EAAE,MAAM;wBACf,UAAU,EAAE,QAAQ;wBACpB,cAAc,EAAE,QAAQ;wBACxB,UAAU,EAAE,MAAM;wBAClB,QAAQ,EAAE,UAAU;qBACrB,YAEA,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,GACxC,CACP,EACD,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,YAAG,IAAI,CAAC,QAAQ,GAAQ,IAC5E,CACP,CAAA;IACH,CAAC;IAED,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,4BAAG,YAAY,CAAC,EAAE,OAAO,EAAE,YAAY,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,EAAE,CAAC,GAAI,CAAA;IACrE,CAAC;IAED,2BAA2B;IAC3B,OAAO,CACL,iBACE,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,MAAM,EAAE,mBAAmB;YAC3B,YAAY,EAAE,UAAU;YACxB,eAAe,EAAE,OAAO;YACxB,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,UAAU;YACpB,UAAU,EAAE,KAAK;SAClB,uBAGM,CACV,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,4 @@
+export { RenownLoginAvatar } from './RenownLoginAvatar.js';
+export type { RenownLoginAvatarProps } from './RenownLoginAvatar.js';
+export type { RenownUser, LoginAvatarProps } from './types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,YAAY,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AACpE,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA"}

package/dist/src/components/index.js

@@ -0,0 +1,2 @@
+export { RenownLoginAvatar } from './RenownLoginAvatar.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA"}

package/dist/src/components/types.d.ts

@@ -0,0 +1,12 @@
+export interface RenownUser {
+    username: string;
+    avatar?: string;
+    ethAddress?: string;
+}
+export interface LoginAvatarProps {
+    isLoggedIn: boolean;
+    user?: RenownUser;
+    onLoginClick?: () => void;
+    profileBaseUrl?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/src/components/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB"}

package/dist/src/components/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/src/components/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/types.ts"],"names":[],"mappings":""}

package/dist/src/index.d.ts

@@ -2,4 +2,5 @@ export * from "./crypto/index.js";
 export { initRenown } from "./init.browser.js";
 export * from "./types.js";
 export * from "./utils.js";
+export * from "./components/index.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC"}

package/dist/src/index.js

@@ -2,4 +2,5 @@ export * from "./crypto/index.js";
 export { initRenown } from "./init.browser.js";
 export * from "./types.js";
 export * from "./utils.js";
+export * from "./components/index.js";
 //# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC"}