@powerhousedao/vetra-builder-package 0.0.13 → 0.0.15

package/dist/document-models/renown-profile/gen/schema/types.d.ts

@@ -0,0 +1,174 @@
+export type Maybe<T> = T | null;
+export type InputMaybe<T> = T | null | undefined;
+export type Exact<T extends {
+    [key: string]: unknown;
+}> = {
+    [K in keyof T]: T[K];
+};
+export type MakeOptional<T, K extends keyof T> = Omit<T, K> & {
+    [SubKey in K]?: Maybe<T[SubKey]>;
+};
+export type MakeMaybe<T, K extends keyof T> = Omit<T, K> & {
+    [SubKey in K]: Maybe<T[SubKey]>;
+};
+export type MakeEmpty<T extends {
+    [key: string]: unknown;
+}, K extends keyof T> = {
+    [_ in K]?: never;
+};
+export type Incremental<T> = T | {
+    [P in keyof T]?: P extends " $fragmentName" | "__typename" ? T[P] : never;
+};
+/** All built-in and custom scalars, mapped to their actual values */
+export type Scalars = {
+    ID: {
+        input: string;
+        output: string;
+    };
+    String: {
+        input: string;
+        output: string;
+    };
+    Boolean: {
+        input: boolean;
+        output: boolean;
+    };
+    Int: {
+        input: number;
+        output: number;
+    };
+    Float: {
+        input: number;
+        output: number;
+    };
+    Amount: {
+        input: {
+            unit?: string;
+            value?: number;
+        };
+        output: {
+            unit?: string;
+            value?: number;
+        };
+    };
+    Amount_Crypto: {
+        input: {
+            unit: string;
+            value: string;
+        };
+        output: {
+            unit: string;
+            value: string;
+        };
+    };
+    Amount_Currency: {
+        input: {
+            unit: string;
+            value: string;
+        };
+        output: {
+            unit: string;
+            value: string;
+        };
+    };
+    Amount_Fiat: {
+        input: {
+            unit: string;
+            value: number;
+        };
+        output: {
+            unit: string;
+            value: number;
+        };
+    };
+    Amount_Money: {
+        input: number;
+        output: number;
+    };
+    Amount_Percentage: {
+        input: number;
+        output: number;
+    };
+    Amount_Tokens: {
+        input: number;
+        output: number;
+    };
+    Currency: {
+        input: string;
+        output: string;
+    };
+    Date: {
+        input: string;
+        output: string;
+    };
+    DateTime: {
+        input: string;
+        output: string;
+    };
+    EmailAddress: {
+        input: string;
+        output: string;
+    };
+    EthereumAddress: {
+        input: string;
+        output: string;
+    };
+    OID: {
+        input: string;
+        output: string;
+    };
+    OLabel: {
+        input: string;
+        output: string;
+    };
+    PHID: {
+        input: string;
+        output: string;
+    };
+    URL: {
+        input: string;
+        output: string;
+    };
+    Upload: {
+        input: File;
+        output: File;
+    };
+};
+export type AddAuthorizationInput = {
+    audience?: InputMaybe<Scalars["String"]["input"]>;
+    expiry?: InputMaybe<Scalars["Int"]["input"]>;
+    /** Add your inputs here */
+    id: Scalars["OID"]["input"];
+    issuer: Scalars["String"]["input"];
+    subject: Scalars["String"]["input"];
+};
+export type RenownAuthorization = {
+    audience: Maybe<Scalars["String"]["output"]>;
+    expiry: Maybe<Scalars["Int"]["output"]>;
+    id: Scalars["OID"]["output"];
+    issuer: Scalars["String"]["output"];
+    subject: Scalars["String"]["output"];
+};
+export type RenownProfileState = {
+    authorizations: Array<RenownAuthorization>;
+    ethAddress: Maybe<Scalars["EthereumAddress"]["output"]>;
+    userImage: Maybe<Scalars["String"]["output"]>;
+    /** Add your global state fields here */
+    username: Maybe<Scalars["String"]["output"]>;
+};
+export type RevokeAuthorizationInput = {
+    /** Add your inputs here */
+    authorizationId: Scalars["OID"]["input"];
+};
+export type SetEthAddressInput = {
+    /** Add your inputs here */
+    ethAddress: Scalars["EthereumAddress"]["input"];
+};
+export type SetUserImageInput = {
+    /** Add your inputs here */
+    userImage?: InputMaybe<Scalars["String"]["input"]>;
+};
+export type SetUsernameInput = {
+    /** Add your inputs here */
+    username: Scalars["String"]["input"];
+};

package/dist/document-models/renown-profile/gen/schema/types.js

@@ -0,0 +1 @@
+export {};

package/dist/document-models/renown-profile/gen/schema/zod.d.ts

@@ -0,0 +1,16 @@
+import { z } from "zod";
+import type { AddAuthorizationInput, RenownAuthorization, RenownProfileState, RevokeAuthorizationInput, SetEthAddressInput, SetUserImageInput, SetUsernameInput } from "./types.js";
+type Properties<T> = Required<{
+    [K in keyof T]: z.ZodType<T[K], any, T[K]>;
+}>;
+type definedNonNullAny = {};
+export declare const isDefinedNonNullAny: (v: any) => v is definedNonNullAny;
+export declare const definedNonNullAnySchema: z.ZodEffects<z.ZodAny, definedNonNullAny, any>;
+export declare function AddAuthorizationInputSchema(): z.ZodObject<Properties<AddAuthorizationInput>>;
+export declare function RenownAuthorizationSchema(): z.ZodObject<Properties<RenownAuthorization>>;
+export declare function RenownProfileStateSchema(): z.ZodObject<Properties<RenownProfileState>>;
+export declare function RevokeAuthorizationInputSchema(): z.ZodObject<Properties<RevokeAuthorizationInput>>;
+export declare function SetEthAddressInputSchema(): z.ZodObject<Properties<SetEthAddressInput>>;
+export declare function SetUserImageInputSchema(): z.ZodObject<Properties<SetUserImageInput>>;
+export declare function SetUsernameInputSchema(): z.ZodObject<Properties<SetUsernameInput>>;
+export {};

package/dist/document-models/renown-profile/gen/schema/zod.js

@@ -0,0 +1,62 @@
+import { z } from "zod";
+export const isDefinedNonNullAny = (v) => v !== undefined && v !== null;
+export const definedNonNullAnySchema = z
+    .any()
+    .refine((v) => isDefinedNonNullAny(v));
+export function AddAuthorizationInputSchema() {
+    return z.object({
+        audience: z.string().nullish(),
+        expiry: z.number().nullish(),
+        id: z.string(),
+        issuer: z.string(),
+        subject: z.string(),
+    });
+}
+export function RenownAuthorizationSchema() {
+    return z.object({
+        __typename: z.literal("RenownAuthorization").optional(),
+        audience: z.string().nullable(),
+        expiry: z.number().nullable(),
+        id: z.string(),
+        issuer: z.string(),
+        subject: z.string(),
+    });
+}
+export function RenownProfileStateSchema() {
+    return z.object({
+        __typename: z.literal("RenownProfileState").optional(),
+        authorizations: z.array(RenownAuthorizationSchema()),
+        ethAddress: z
+            .string()
+            .regex(/^0x[a-fA-F0-9]{40}$/, {
+            message: "Invalid Ethereum address format",
+        })
+            .nullable(),
+        userImage: z.string().nullable(),
+        username: z.string().nullable(),
+    });
+}
+export function RevokeAuthorizationInputSchema() {
+    return z.object({
+        authorizationId: z.string(),
+    });
+}
+export function SetEthAddressInputSchema() {
+    return z.object({
+        ethAddress: z
+            .string()
+            .regex(/^0x[a-fA-F0-9]{40}$/, {
+            message: "Invalid Ethereum address format",
+        }),
+    });
+}
+export function SetUserImageInputSchema() {
+    return z.object({
+        userImage: z.string().nullish(),
+    });
+}
+export function SetUsernameInputSchema() {
+    return z.object({
+        username: z.string(),
+    });
+}

package/dist/document-models/renown-profile/gen/types.d.ts

@@ -0,0 +1,9 @@
+import type { PHDocument } from "document-model";
+import type { RenownProfileAction } from "./actions.js";
+import type { RenownProfilePHState } from "./ph-factories.js";
+import type { RenownProfileState } from "./schema/types.js";
+export { z } from "./schema/index.js";
+export type * from "./schema/types.js";
+type RenownProfileLocalState = Record<PropertyKey, never>;
+export type RenownProfileDocument = PHDocument<RenownProfilePHState>;
+export type { RenownProfileState, RenownProfileLocalState, RenownProfileAction, };

package/dist/document-models/renown-profile/gen/types.js

@@ -0,0 +1 @@
+export { z } from "./schema/index.js";

package/dist/document-models/renown-profile/gen/utils.d.ts

@@ -0,0 +1,21 @@
+import { type CreateDocument, type CreateState, type LoadFromFile, type LoadFromInput } from "document-model";
+import { type RenownProfileState, type RenownProfileLocalState } from "./types.js";
+import { RenownProfilePHState } from "./ph-factories.js";
+export declare const initialGlobalState: RenownProfileState;
+export declare const initialLocalState: RenownProfileLocalState;
+export declare const createState: CreateState<RenownProfilePHState>;
+export declare const createDocument: CreateDocument<RenownProfilePHState>;
+export declare const saveToFile: (document: any, path: string, name?: string) => Promise<string>;
+export declare const saveToFileHandle: (document: any, input: any) => Promise<void>;
+export declare const loadFromFile: LoadFromFile<RenownProfilePHState>;
+export declare const loadFromInput: LoadFromInput<RenownProfilePHState>;
+declare const utils: {
+    fileExtension: string;
+    createState: CreateState<RenownProfilePHState>;
+    createDocument: CreateDocument<RenownProfilePHState>;
+    saveToFile: (document: any, path: string, name?: string) => Promise<string>;
+    saveToFileHandle: (document: any, input: any) => Promise<void>;
+    loadFromFile: LoadFromFile<RenownProfilePHState>;
+    loadFromInput: LoadFromInput<RenownProfilePHState>;
+};
+export default utils;

package/dist/document-models/renown-profile/gen/utils.js

@@ -0,0 +1,45 @@
+import { baseCreateDocument, baseSaveToFile, baseSaveToFileHandle, baseLoadFromFile, baseLoadFromInput, defaultBaseState, generateId, } from "document-model";
+import { reducer } from "./reducer.js";
+export const initialGlobalState = {
+    username: null,
+    ethAddress: null,
+    userImage: null,
+    authorizations: [],
+};
+export const initialLocalState = {};
+export const createState = (state) => {
+    return {
+        ...defaultBaseState(),
+        global: { ...initialGlobalState, ...(state?.global ?? {}) },
+        local: { ...initialLocalState, ...(state?.local ?? {}) },
+    };
+};
+export const createDocument = (state) => {
+    const document = baseCreateDocument(createState, state);
+    document.header.documentType = "powerhouse/renown-profile";
+    // for backwards compatibility, but this is NOT a valid signed document id
+    document.header.id = generateId();
+    return document;
+};
+export const saveToFile = (document, path, name) => {
+    return baseSaveToFile(document, path, "renown-profile", name);
+};
+export const saveToFileHandle = (document, input) => {
+    return baseSaveToFileHandle(document, input);
+};
+export const loadFromFile = (path) => {
+    return baseLoadFromFile(path, reducer);
+};
+export const loadFromInput = (input) => {
+    return baseLoadFromInput(input, reducer);
+};
+const utils = {
+    fileExtension: "renown-profile",
+    createState,
+    createDocument,
+    saveToFile,
+    saveToFileHandle,
+    loadFromFile,
+    loadFromInput,
+};
+export default utils;

package/dist/document-models/renown-profile/index.d.ts

@@ -0,0 +1,28 @@
+/**
+ * This is a scaffold file meant for customization.
+ * Delete the file and run the code generator again to have it reset
+ */
+import { type DocumentModelModule } from "document-model";
+import { reducer } from "./gen/reducer.js";
+import { documentModel } from "./gen/document-model.js";
+import type { RenownProfilePHState } from "./gen/ph-factories.js";
+declare const utils: {
+    fileExtension: string;
+    createState: import("document-model").CreateState<RenownProfilePHState>;
+    createDocument: import("document-model").CreateDocument<RenownProfilePHState>;
+    saveToFile: (document: any, path: string, name?: string) => Promise<string>;
+    saveToFileHandle: (document: any, input: any) => Promise<void>;
+    loadFromFile: import("document-model").LoadFromFile<RenownProfilePHState>;
+    loadFromInput: import("document-model").LoadFromInput<RenownProfilePHState>;
+};
+declare const actions: {
+    setUsername: (input: import("./index.js").SetUsernameInput) => import("./gen/actions.js").SetUsernameAction;
+    setEthAddress: (input: import("./index.js").SetEthAddressInput) => import("./gen/actions.js").SetEthAddressAction;
+    setUserImage: (input: import("./index.js").SetUserImageInput) => import("./gen/actions.js").SetUserImageAction;
+    addAuthorization: (input: import("./index.js").AddAuthorizationInput) => import("./gen/actions.js").AddAuthorizationAction;
+    revokeAuthorization: (input: import("./index.js").RevokeAuthorizationInput) => import("./gen/actions.js").RevokeAuthorizationAction;
+};
+export declare const module: DocumentModelModule<RenownProfilePHState>;
+export { reducer, actions, utils, documentModel };
+export * from "./gen/types.js";
+export * from "./src/utils.js";

package/dist/document-models/renown-profile/index.js

@@ -0,0 +1,21 @@
+/**
+ * This is a scaffold file meant for customization.
+ * Delete the file and run the code generator again to have it reset
+ */
+import { actions as BaseActions, } from "document-model";
+import { actions as RenownProfileActions } from "./gen/index.js";
+import { reducer } from "./gen/reducer.js";
+import { documentModel } from "./gen/document-model.js";
+import genUtils from "./gen/utils.js";
+import * as customUtils from "./src/utils.js";
+const utils = { ...genUtils, ...customUtils };
+const actions = { ...BaseActions, ...RenownProfileActions };
+export const module = {
+    reducer,
+    actions,
+    utils,
+    documentModel,
+};
+export { reducer, actions, utils, documentModel };
+export * from "./gen/types.js";
+export * from "./src/utils.js";

package/dist/document-models/renown-profile/src/reducers/authorization.d.ts

@@ -0,0 +1,2 @@
+import type { RenownProfileAuthorizationOperations } from "../../gen/authorization/operations.js";
+export declare const reducer: RenownProfileAuthorizationOperations;

package/dist/document-models/renown-profile/src/reducers/authorization.js

@@ -0,0 +1,8 @@
+export const reducer = {
+    addAuthorizationOperation(state, action, dispatch) {
+        state.authorizations.push(action.input);
+    },
+    revokeAuthorizationOperation(state, action, dispatch) {
+        state.authorizations = state.authorizations.filter((authorization) => authorization.id !== action.input.authorizationId);
+    },
+};

package/dist/document-models/renown-profile/src/reducers/profile.d.ts

@@ -0,0 +1,2 @@
+import type { RenownProfileProfileOperations } from "../../gen/profile/operations.js";
+export declare const reducer: RenownProfileProfileOperations;

package/dist/document-models/renown-profile/src/reducers/profile.js

@@ -0,0 +1,11 @@
+export const reducer = {
+    setUsernameOperation(state, action, dispatch) {
+        state.username = action.input.username;
+    },
+    setEthAddressOperation(state, action, dispatch) {
+        state.ethAddress = action.input.ethAddress;
+    },
+    setUserImageOperation(state, action, dispatch) {
+        state.userImage = action.input.userImage ?? null;
+    },
+};

package/dist/document-models/renown-profile/src/tests/authorization.test.d.ts

@@ -0,0 +1,5 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - change it by adding new tests or modifying the existing ones
+ */
+export {};

package/dist/document-models/renown-profile/src/tests/authorization.test.js

@@ -0,0 +1,24 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - change it by adding new tests or modifying the existing ones
+ */
+import { describe, it, expect, beforeEach } from "vitest";
+import { generateMock } from "@powerhousedao/codegen";
+import utils from "../../gen/utils.js";
+import { z } from "../../gen/schema/index.js";
+import { reducer } from "../../gen/reducer.js";
+import * as creators from "../../gen/authorization/creators.js";
+describe("Authorization Operations", () => {
+    let document;
+    beforeEach(() => {
+        document = utils.createDocument();
+    });
+    it("should handle addAuthorization operation", () => {
+        const input = generateMock(z.AddAuthorizationInputSchema());
+        const updatedDocument = reducer(document, creators.addAuthorization(input));
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe("ADD_AUTHORIZATION");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+});

package/dist/document-models/renown-profile/src/tests/document-model.test.d.ts

@@ -0,0 +1,5 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - change it by adding new tests or modifying the existing ones
+ */
+export {};

package/dist/document-models/renown-profile/src/tests/document-model.test.js

@@ -0,0 +1,18 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - change it by adding new tests or modifying the existing ones
+ */
+import { describe, it, expect } from "vitest";
+import utils, { initialGlobalState, initialLocalState, } from "../../gen/utils.js";
+describe("Renown Profile Document Model", () => {
+    it("should create a new Renown Profile document", () => {
+        const document = utils.createDocument();
+        expect(document).toBeDefined();
+        expect(document.header.documentType).toBe("powerhouse/renown-profile");
+    });
+    it("should create a new Renown Profile document with a valid initial state", () => {
+        const document = utils.createDocument();
+        expect(document.state.global).toStrictEqual(initialGlobalState);
+        expect(document.state.local).toStrictEqual(initialLocalState);
+    });
+});

package/dist/document-models/renown-profile/src/tests/profile.test.d.ts

@@ -0,0 +1,5 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - change it by adding new tests or modifying the existing ones
+ */
+export {};

package/dist/document-models/renown-profile/src/tests/profile.test.js

@@ -0,0 +1,24 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - change it by adding new tests or modifying the existing ones
+ */
+import { describe, it, expect, beforeEach } from "vitest";
+import { generateMock } from "@powerhousedao/codegen";
+import utils from "../../gen/utils.js";
+import { z } from "../../gen/schema/index.js";
+import { reducer } from "../../gen/reducer.js";
+import * as creators from "../../gen/profile/creators.js";
+describe("Profile Operations", () => {
+    let document;
+    beforeEach(() => {
+        document = utils.createDocument();
+    });
+    it("should handle setUsername operation", () => {
+        const input = generateMock(z.SetUsernameInputSchema());
+        const updatedDocument = reducer(document, creators.setUsername(input));
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe("SET_USERNAME");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+});

package/dist/document-models/renown-profile/src/utils.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/document-models/renown-profile/src/utils.js

@@ -0,0 +1 @@
+export {};

package/dist/editors/builder-account-editor/editor.js

@@ -1,11 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useDocumentById } from "@powerhousedao/reactor-browser";
+import { useSelectedDocument } from "@powerhousedao/reactor-browser";
 import { useCallback, useState } from "react";
 import { actions, } from "../../document-models/builder-account/index.js";
 import { Form, StringField, UrlField, Button } from "@powerhousedao/document-engineering";
 export default function Editor(props) {
-    const { document: initialDocument } = props;
-    const [document, dispatch] = useDocumentById(initialDocument.header.id);
+    const [document, dispatch] = useSelectedDocument();
     const typedDocument = document;
     // Local form state
     const [isEditingProfile, setIsEditingProfile] = useState(false);

package/dist/editors/hooks/useRenownProfileDocument.d.ts

@@ -0,0 +1,3 @@
+import type { RenownProfileAction, RenownProfileDocument } from "../../document-models/renown-profile/index.js";
+export declare function useRenownProfileDocument(documentId: string | null | undefined): never[] | [RenownProfileDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<RenownProfileAction>];
+export declare function useSelectedRenownProfileDocument(): never[] | [RenownProfileDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<RenownProfileAction>];

package/dist/editors/hooks/useRenownProfileDocument.js

@@ -0,0 +1,8 @@
+import { useDocumentOfType, useSelectedDocumentId, } from "@powerhousedao/reactor-browser";
+export function useRenownProfileDocument(documentId) {
+    return useDocumentOfType(documentId, "powerhouse/renown-profile");
+}
+export function useSelectedRenownProfileDocument() {
+    const selectedDocumentId = useSelectedDocumentId();
+    return useRenownProfileDocument(selectedDocumentId);
+}

package/dist/editors/index.d.ts

@@ -1,2 +1,3 @@
 export {};
 export { module as BuilderAccountEditor } from "./builder-account-editor/index.js";
+export { module as RenownProfileEditor } from "./renown-profile-editor/index.js";

package/dist/editors/index.js

@@ -1 +1,2 @@
 export { module as BuilderAccountEditor } from "./builder-account-editor/index.js";
+export { module as RenownProfileEditor } from "./renown-profile-editor/index.js";

package/dist/editors/renown-profile-editor/editor.d.ts

@@ -0,0 +1,3 @@
+import type { EditorProps } from "document-model";
+export type IProps = EditorProps;
+export default function Editor(props: IProps): import("react/jsx-runtime").JSX.Element;

package/dist/editors/renown-profile-editor/editor.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSelectedDocument } from "@powerhousedao/reactor-browser";
+import { useCallback, useState } from "react";
+import { actions, } from "../../document-models/renown-profile/index.js";
+import { Form, StringField, UrlField, Button } from "@powerhousedao/document-engineering";
+export default function Editor(props) {
+    const [document, dispatch] = useSelectedDocument();
+    if (!document) {
+        return _jsx("div", { children: "Loading..." });
+    }
+    const typedDocument = document;
+    // Local form state
+    const [isEditingProfile, setIsEditingProfile] = useState(false);
+    const { state: { global } } = typedDocument;
+    const { username, ethAddress, userImage } = global;
+    // Profile handlers
+    const handleSetUsername = useCallback((newUsername) => {
+        if (newUsername.trim() && newUsername !== username) {
+            dispatch(actions.setUsername({ username: newUsername.trim() }));
+        }
+    }, [username, dispatch]);
+    const handleSetEthAddress = useCallback((address) => {
+        if (address.trim() && address !== ethAddress) {
+            dispatch(actions.setEthAddress({ ethAddress: address.trim() }));
+        }
+    }, [ethAddress, dispatch]);
+    const handleSetUserImage = useCallback((imageUrl) => {
+        if (imageUrl !== userImage) {
+            dispatch(actions.setUserImage({ userImage: imageUrl.trim() || null }));
+        }
+    }, [userImage, dispatch]);
+    return (_jsxs("div", { className: "html-defaults-container min-h-screen bg-gray-50", children: [_jsx("div", { className: "bg-white shadow-sm border-b", children: _jsx("div", { className: "max-w-5xl mx-auto px-4 sm:px-6 lg:px-8", children: _jsx("div", { className: "py-6", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center space-x-4", children: [_jsx("div", { className: "flex-shrink-0", children: userImage ? (_jsx("img", { className: "w-16 h-16 rounded-full object-cover border-2 border-blue-500", src: userImage, alt: username || "User" })) : (_jsx("div", { className: "w-16 h-16 bg-gradient-to-br from-blue-500 to-purple-600 rounded-full flex items-center justify-center", children: _jsx("svg", { className: "w-8 h-8 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" }) }) })) }), _jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-bold text-gray-900", children: username || "Renown Profile" }), _jsx("p", { className: "text-sm text-gray-500 font-mono", children: ethAddress || "No Ethereum address set" })] })] }), _jsx("div", { className: "flex items-center space-x-3", children: _jsx(Button, { color: "light", onClick: () => setIsEditingProfile(!isEditingProfile), children: isEditingProfile ? "Cancel" : "Edit Profile" }) })] }) }) }) }), _jsx("div", { className: "max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-8", children: _jsxs("div", { className: "grid grid-cols-1 gap-8", children: [_jsxs("div", { className: "bg-white rounded-lg shadow-sm border", children: [_jsxs("div", { className: "px-6 py-4 border-b border-gray-200", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Profile Information" }), _jsx("p", { className: "text-sm text-gray-500", children: "Manage your renown profile details" })] }), _jsx("div", { className: "p-6", children: isEditingProfile ? (_jsx(Form, { onSubmit: (e) => e.preventDefault(), children: _jsxs("div", { className: "space-y-6", children: [_jsx(StringField, { name: "username", label: "Username", value: username || "", onChange: (e) => handleSetUsername(e.target.value), placeholder: "Enter your username", description: "Your display name on the platform" }), _jsx(StringField, { name: "ethAddress", label: "Ethereum Address", value: ethAddress || "", onChange: (e) => handleSetEthAddress(e.target.value), placeholder: "0x...", description: "Your Ethereum wallet address" }), _jsx(UrlField, { name: "userImage", label: "Profile Image URL", value: userImage || "", onChange: (e) => handleSetUserImage(e.target.value), placeholder: "https://example.com/avatar.png", description: "URL to your profile image" }), _jsxs("div", { className: "flex justify-end space-x-3 pt-4 border-t", children: [_jsx(Button, { color: "light", onClick: () => setIsEditingProfile(false), children: "Cancel" }), _jsx(Button, { onClick: () => setIsEditingProfile(false), children: "Save Changes" })] })] }) })) : (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Username" }), _jsx("div", { className: "flex items-center", children: _jsx("p", { className: "text-base text-gray-900", children: username || _jsx("span", { className: "text-gray-400 italic", children: "Not set" }) }) })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Ethereum Address" }), _jsx("div", { className: "flex items-center", children: _jsx("p", { className: "text-sm font-mono text-gray-900 break-all", children: ethAddress || _jsx("span", { className: "text-gray-400 italic", children: "Not set" }) }) })] })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Profile Image" }), userImage ? (_jsxs("div", { className: "flex items-center space-x-4", children: [_jsx("img", { src: userImage, alt: "Profile", className: "w-20 h-20 rounded-lg object-cover border border-gray-200" }), _jsx("div", { className: "flex-1", children: _jsx("a", { href: userImage, target: "_blank", rel: "noopener noreferrer", className: "text-sm text-blue-600 hover:text-blue-800 hover:underline break-all", children: userImage }) })] })) : (_jsx("p", { className: "text-gray-400 italic", children: "No image set" }))] }), _jsx("div", { className: "pt-4 border-t", children: _jsx(Button, { onClick: () => setIsEditingProfile(true), children: "Edit Profile" }) })] })) })] }), _jsxs("div", { className: "bg-gradient-to-br from-blue-50 to-purple-50 rounded-lg shadow-sm border border-blue-100", children: [_jsx("div", { className: "px-6 py-4 border-b border-blue-100", children: _jsx("h3", { className: "text-lg font-semibold text-gray-900", children: "Profile Summary" }) }), _jsx("div", { className: "p-6", children: _jsxs("div", { className: "flex items-center space-x-6", children: [_jsx("div", { className: "flex-shrink-0", children: userImage ? (_jsx("img", { src: userImage, alt: username || "User", className: "w-24 h-24 rounded-full object-cover border-4 border-white shadow-lg" })) : (_jsx("div", { className: "w-24 h-24 bg-gradient-to-br from-blue-400 to-purple-500 rounded-full flex items-center justify-center shadow-lg", children: _jsx("span", { className: "text-3xl text-white font-bold", children: username ? username.charAt(0).toUpperCase() : "?" }) })) }), _jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "text-2xl font-bold text-gray-900 mb-2", children: username || "Anonymous User" }), ethAddress && (_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("svg", { className: "w-5 h-5 text-gray-500", fill: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { d: "M11.944 17.97L4.58 13.62 11.943 24l7.37-10.38-7.372 4.35h.003zM12.056 0L4.69 12.223l7.365 4.354 7.365-4.35L12.056 0z" }) }), _jsx("span", { className: "text-sm font-mono text-gray-600", children: ethAddress })] })), !username && !ethAddress && (_jsx("p", { className: "text-gray-500 italic", children: "No profile information available. Click \"Edit Profile\" to get started." }))] })] }) })] })] }) })] }));
+}

package/dist/editors/renown-profile-editor/index.d.ts

@@ -0,0 +1,2 @@
+import type { EditorModule } from "document-model";
+export declare const module: EditorModule;

package/dist/editors/renown-profile-editor/index.js

@@ -0,0 +1,11 @@
+import Editor from "./editor.js";
+export const module = {
+    Component: Editor,
+    documentTypes: ["powerhouse/renown-profile"],
+    config: {
+        id: "renown-profile-editor",
+        disableExternalControls: true,
+        documentToolbarEnabled: true,
+        showSwitchboardLink: true,
+    },
+};

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 import type { Manifest } from "document-model";
 export declare const manifest: Manifest;
-export declare const documentModels: import("document-model").DocumentModelModule<import("./document-models/builder-account/gen").BuilderAccountPHState>[];
+export declare const documentModels: (import("document-model").DocumentModelModule<import("./document-models/builder-account/gen").BuilderAccountPHState> | import("document-model").DocumentModelModule<import("./document-models/renown-profile/gen").RenownProfilePHState>)[];
 export declare const editors: import("document-model").EditorModule[];