@powerhousedao/vetra 5.1.0-staging.0 → 5.2.0-dev.1

package/dist/document-models/vetra-package/src/tests/base-operations.test.js

@@ -2,10 +2,9 @@
  * This is a scaffold file meant for customization:
  * - change it by adding new tests or modifying the existing ones
  */
+import { generateMock } from "@powerhousedao/codegen";
+import { addPackageKeyword, AddPackageKeywordInputSchema, isVetraPackageDocument, reducer, removePackageKeyword, RemovePackageKeywordInputSchema, setPackageAuthor, SetPackageAuthorInputSchema, setPackageAuthorName, SetPackageAuthorNameInputSchema, setPackageAuthorWebsite, SetPackageAuthorWebsiteInputSchema, setPackageCategory, SetPackageCategoryInputSchema, setPackageDescription, SetPackageDescriptionInputSchema, setPackageGithubUrl, SetPackageGithubUrlInputSchema, setPackageName, SetPackageNameInputSchema, setPackageNpmUrl, SetPackageNpmUrlInputSchema, utils, } from "@powerhousedao/vetra/document-models/vetra-package";
 import { beforeEach, describe, expect, it } from "vitest";
-import * as creators from "../../gen/base-operations/creators.js";
-import { reducer } from "../../gen/reducer.js";
-import { utils } from "@powerhousedao/vetra/document-models/vetra-package";
 describe("BaseOperations Operations", () => {
     let document;
     beforeEach(() => {
@@ -14,7 +13,7 @@ describe("BaseOperations Operations", () => {
     describe("setPackageName", () => {
         it("should mutate state with new name", () => {
             const input = { name: "my-package" };
-            const updatedDocument = reducer(document, creators.setPackageName(input));
+            const updatedDocument = reducer(document, setPackageName(input));
             expect(updatedDocument.state.global.name).toBe("my-package");
         });
     });
@@ -23,14 +22,14 @@ describe("BaseOperations Operations", () => {
             const input = {
                 description: "A test package",
             };
-            const updatedDocument = reducer(document, creators.setPackageDescription(input));
+            const updatedDocument = reducer(document, setPackageDescription(input));
             expect(updatedDocument.state.global.description).toBe("A test package");
         });
     });
     describe("setPackageCategory", () => {
         it("should mutate state with new category", () => {
             const input = { category: "utility" };
-            const updatedDocument = reducer(document, creators.setPackageCategory(input));
+            const updatedDocument = reducer(document, setPackageCategory(input));
             expect(updatedDocument.state.global.category).toBe("utility");
         });
     });
@@ -40,17 +39,17 @@ describe("BaseOperations Operations", () => {
                 name: "John Doe",
                 website: "https://johndoe.com",
             };
-            const updatedDocument = reducer(document, creators.setPackageAuthor(input));
+            const updatedDocument = reducer(document, setPackageAuthor(input));
             expect(updatedDocument.state.global.author.name).toBe("John Doe");
             expect(updatedDocument.state.global.author.website).toBe("https://johndoe.com");
         });
         it("should handle partial author data (name only or website only)", () => {
             // Name only
-            let updatedDoc = reducer(document, creators.setPackageAuthor({ name: "Jane Doe" }));
+            let updatedDoc = reducer(document, setPackageAuthor({ name: "Jane Doe" }));
             expect(updatedDoc.state.global.author.name).toBe("Jane Doe");
             expect(updatedDoc.state.global.author.website).toBeNull();
             // Website only
-            updatedDoc = reducer(updatedDoc, creators.setPackageAuthor({ website: "https://janedoe.com" }));
+            updatedDoc = reducer(updatedDoc, setPackageAuthor({ website: "https://janedoe.com" }));
             expect(updatedDoc.state.global.author.name).toBeNull();
             expect(updatedDoc.state.global.author.website).toBe("https://janedoe.com");
         });
@@ -58,7 +57,7 @@ describe("BaseOperations Operations", () => {
     describe("setPackageAuthorName", () => {
         it("should mutate state with new author name", () => {
             const input = { name: "Alice" };
-            const updatedDocument = reducer(document, creators.setPackageAuthorName(input));
+            const updatedDocument = reducer(document, setPackageAuthorName(input));
             expect(updatedDocument.state.global.author.name).toBe("Alice");
         });
     });
@@ -67,7 +66,7 @@ describe("BaseOperations Operations", () => {
             const input = {
                 website: "https://example.com",
             };
-            const updatedDocument = reducer(document, creators.setPackageAuthorWebsite(input));
+            const updatedDocument = reducer(document, setPackageAuthorWebsite(input));
             expect(updatedDocument.state.global.author.website).toBe("https://example.com");
         });
     });
@@ -77,7 +76,7 @@ describe("BaseOperations Operations", () => {
                 id: "kw-1",
                 label: "react",
             };
-            const updatedDocument = reducer(document, creators.addPackageKeyword(input));
+            const updatedDocument = reducer(document, addPackageKeyword(input));
             expect(updatedDocument.state.global.keywords).toContainEqual({
                 id: "kw-1",
                 label: "react",
@@ -89,15 +88,15 @@ describe("BaseOperations Operations", () => {
                 id: "first-kw",
                 label: "typescript",
             };
-            const updatedDocument = reducer(document, creators.addPackageKeyword(input));
+            const updatedDocument = reducer(document, addPackageKeyword(input));
             expect(updatedDocument.state.global.keywords).toEqual([
                 { id: "first-kw", label: "typescript" },
             ]);
         });
         it("should add multiple keywords sequentially", () => {
-            let updatedDoc = reducer(document, creators.addPackageKeyword({ id: "kw-1", label: "react" }));
-            updatedDoc = reducer(updatedDoc, creators.addPackageKeyword({ id: "kw-2", label: "vue" }));
-            updatedDoc = reducer(updatedDoc, creators.addPackageKeyword({ id: "kw-3", label: "angular" }));
+            let updatedDoc = reducer(document, addPackageKeyword({ id: "kw-1", label: "react" }));
+            updatedDoc = reducer(updatedDoc, addPackageKeyword({ id: "kw-2", label: "vue" }));
+            updatedDoc = reducer(updatedDoc, addPackageKeyword({ id: "kw-3", label: "angular" }));
             expect(updatedDoc.state.global.keywords).toHaveLength(3);
             expect(updatedDoc.state.global.keywords[0]).toEqual({
                 id: "kw-1",
@@ -117,10 +116,10 @@ describe("BaseOperations Operations", () => {
                 id: "duplicate",
                 label: "first",
             };
-            let updatedDoc = reducer(document, creators.addPackageKeyword(input));
+            let updatedDoc = reducer(document, addPackageKeyword(input));
             expect(updatedDoc.state.global.keywords).toHaveLength(1);
             expect(updatedDoc.operations.global[0].error).toBeUndefined();
-            updatedDoc = reducer(updatedDoc, creators.addPackageKeyword({
+            updatedDoc = reducer(updatedDoc, addPackageKeyword({
                 id: "duplicate",
                 label: "second",
             }));
@@ -131,42 +130,42 @@ describe("BaseOperations Operations", () => {
     });
     describe("removePackageKeyword", () => {
         it("should mutate state by removing keyword from array", () => {
-            let updatedDoc = reducer(document, creators.addPackageKeyword({
+            let updatedDoc = reducer(document, addPackageKeyword({
                 id: "to-remove",
                 label: "test",
             }));
-            updatedDoc = reducer(updatedDoc, creators.removePackageKeyword({ id: "to-remove" }));
+            updatedDoc = reducer(updatedDoc, removePackageKeyword({ id: "to-remove" }));
             expect(updatedDoc.state.global.keywords).not.toContainEqual({
                 id: "to-remove",
                 label: "test",
             });
         });
         it("should remove existing ID", () => {
-            let updatedDoc = reducer(document, creators.addPackageKeyword({
+            let updatedDoc = reducer(document, addPackageKeyword({
                 id: "existing",
                 label: "test",
             }));
             const lengthBefore = updatedDoc.state.global.keywords.length;
-            updatedDoc = reducer(updatedDoc, creators.removePackageKeyword({ id: "existing" }));
+            updatedDoc = reducer(updatedDoc, removePackageKeyword({ id: "existing" }));
             expect(updatedDoc.state.global.keywords.length).toBe(lengthBefore - 1);
             expect(updatedDoc.state.global.keywords.find((kw) => kw.id === "existing")).toBeUndefined();
         });
         it("should gracefully handle non-existent ID", () => {
             const initialState = document.state.global.keywords;
-            const updatedDocument = reducer(document, creators.removePackageKeyword({ id: "non-existent-id" }));
+            const updatedDocument = reducer(document, removePackageKeyword({ id: "non-existent-id" }));
             expect(updatedDocument.state.global.keywords).toEqual(initialState);
         });
         it("should handle empty array gracefully", () => {
             expect(document.state.global.keywords).toEqual([]);
-            const updatedDocument = reducer(document, creators.removePackageKeyword({ id: "any-id" }));
+            const updatedDocument = reducer(document, removePackageKeyword({ id: "any-id" }));
             expect(updatedDocument.state.global.keywords).toEqual([]);
         });
         it("should add then immediately remove item", () => {
-            let updatedDoc = reducer(document, creators.addPackageKeyword({
+            let updatedDoc = reducer(document, addPackageKeyword({
                 id: "temp-kw",
                 label: "temp",
             }));
-            updatedDoc = reducer(updatedDoc, creators.removePackageKeyword({ id: "temp-kw" }));
+            updatedDoc = reducer(updatedDoc, removePackageKeyword({ id: "temp-kw" }));
             expect(updatedDoc.state.global.keywords.find((kw) => kw.id === "temp-kw")).toBeUndefined();
             expect(updatedDoc.operations.global).toHaveLength(2);
         });
@@ -176,7 +175,7 @@ describe("BaseOperations Operations", () => {
             const input = {
                 url: "https://github.com/user/repo",
             };
-            const updatedDocument = reducer(document, creators.setPackageGithubUrl(input));
+            const updatedDocument = reducer(document, setPackageGithubUrl(input));
             expect(updatedDocument.state.global.githubUrl).toBe("https://github.com/user/repo");
         });
     });
@@ -185,8 +184,108 @@ describe("BaseOperations Operations", () => {
             const input = {
                 url: "https://npmjs.com/package/my-package",
             };
-            const updatedDocument = reducer(document, creators.setPackageNpmUrl(input));
+            const updatedDocument = reducer(document, setPackageNpmUrl(input));
             expect(updatedDocument.state.global.npmUrl).toBe("https://npmjs.com/package/my-package");
         });
     });
+    it("should handle setPackageName operation", () => {
+        const document = utils.createDocument();
+        const input = generateMock(SetPackageNameInputSchema());
+        const updatedDocument = reducer(document, setPackageName(input));
+        expect(isVetraPackageDocument(updatedDocument)).toBe(true);
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe("SET_PACKAGE_NAME");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+    it("should handle setPackageDescription operation", () => {
+        const document = utils.createDocument();
+        const input = generateMock(SetPackageDescriptionInputSchema());
+        const updatedDocument = reducer(document, setPackageDescription(input));
+        expect(isVetraPackageDocument(updatedDocument)).toBe(true);
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe("SET_PACKAGE_DESCRIPTION");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+    it("should handle setPackageCategory operation", () => {
+        const document = utils.createDocument();
+        const input = generateMock(SetPackageCategoryInputSchema());
+        const updatedDocument = reducer(document, setPackageCategory(input));
+        expect(isVetraPackageDocument(updatedDocument)).toBe(true);
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe("SET_PACKAGE_CATEGORY");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+    it("should handle setPackageAuthor operation", () => {
+        const document = utils.createDocument();
+        const input = generateMock(SetPackageAuthorInputSchema());
+        const updatedDocument = reducer(document, setPackageAuthor(input));
+        expect(isVetraPackageDocument(updatedDocument)).toBe(true);
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe("SET_PACKAGE_AUTHOR");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+    it("should handle setPackageAuthorName operation", () => {
+        const document = utils.createDocument();
+        const input = generateMock(SetPackageAuthorNameInputSchema());
+        const updatedDocument = reducer(document, setPackageAuthorName(input));
+        expect(isVetraPackageDocument(updatedDocument)).toBe(true);
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe("SET_PACKAGE_AUTHOR_NAME");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+    it("should handle setPackageAuthorWebsite operation", () => {
+        const document = utils.createDocument();
+        const input = generateMock(SetPackageAuthorWebsiteInputSchema());
+        const updatedDocument = reducer(document, setPackageAuthorWebsite(input));
+        expect(isVetraPackageDocument(updatedDocument)).toBe(true);
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe("SET_PACKAGE_AUTHOR_WEBSITE");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+    it("should handle addPackageKeyword operation", () => {
+        const document = utils.createDocument();
+        const input = generateMock(AddPackageKeywordInputSchema());
+        const updatedDocument = reducer(document, addPackageKeyword(input));
+        expect(isVetraPackageDocument(updatedDocument)).toBe(true);
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe("ADD_PACKAGE_KEYWORD");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+    it("should handle removePackageKeyword operation", () => {
+        const document = utils.createDocument();
+        const input = generateMock(RemovePackageKeywordInputSchema());
+        const updatedDocument = reducer(document, removePackageKeyword(input));
+        expect(isVetraPackageDocument(updatedDocument)).toBe(true);
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe("REMOVE_PACKAGE_KEYWORD");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+    it("should handle setPackageGithubUrl operation", () => {
+        const document = utils.createDocument();
+        const input = generateMock(SetPackageGithubUrlInputSchema());
+        const updatedDocument = reducer(document, setPackageGithubUrl(input));
+        expect(isVetraPackageDocument(updatedDocument)).toBe(true);
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe("SET_PACKAGE_GITHUB_URL");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+    it("should handle setPackageNpmUrl operation", () => {
+        const document = utils.createDocument();
+        const input = generateMock(SetPackageNpmUrlInputSchema());
+        const updatedDocument = reducer(document, setPackageNpmUrl(input));
+        expect(isVetraPackageDocument(updatedDocument)).toBe(true);
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe("SET_PACKAGE_NPM_URL");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
 });

package/dist/editors/app-editor/components/AppEditorForm.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useDocumentTypesInSelectedDrive, useSupportedDocumentTypesInReactor, } from "@powerhousedao/reactor-browser";
 import { useCallback, useEffect, useState } from "react";
+import { useSelectedAppModuleDocument } from "../../../document-models/app-module/hooks.js";
 import { actions } from "../../../document-models/app-module/index.js";
 import { StatusPill } from "../../components/index.js";
 import { useDebounce } from "../../hooks/index.js";
-import { useSelectedAppModuleDocument } from "../../hooks/useVetraDocument.js";
 const ALL_IN_DRIVE = "all-in-drive";
 const ALL_IN_REACTOR = "all-in-reactor";
 const ALLOW_ANY = "allow-any";

package/dist/editors/app-editor/editor.test.js

@@ -2,9 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { render, screen, waitFor } from "@testing-library/react";
 import { userEvent } from "@testing-library/user-event";
 import { beforeEach, describe, expect, it, vi } from "vitest";
-import { useSelectedAppModuleDocument } from "../hooks/useVetraDocument.js";
+import { useSelectedAppModuleDocument } from "../../document-models/app-module/hooks.js";
 import Editor from "./editor.js";
-vi.mock("../hooks/useVetraDocument.js", () => ({
+vi.mock("../../document-models/app-module/hooks.js", () => ({
     useSelectedAppModuleDocument: vi.fn(),
 }));
 vi.mock("@powerhousedao/reactor-browser", async (importOriginal) => {
@@ -20,6 +20,7 @@ vi.mock("@powerhousedao/reactor-browser", async (importOriginal) => {
         useSetPHDocumentEditorConfig: vi.fn(),
         // These are needed by DocumentToolbar but mocked in setupTests
         useSelectedDocument: vi.fn(() => [null, vi.fn()]),
+        useSelectedDocumentSafe: vi.fn(() => [null, vi.fn()]),
         useDocumentById: vi.fn(() => [null, vi.fn()]),
         useDocumentTimeline: vi.fn(() => []),
         useNodeParentFolderById: vi.fn(() => null),

package/dist/editors/document-editor/components/DocumentEditorForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentEditorForm.d.ts","sourceRoot":"","sources":["../../../../editors/document-editor/components/DocumentEditorForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,oBAAoB,EACpB,gBAAgB,EAChB,uBAAuB,EACxB,MAAM,mDAAmD,CAAC;AAI3D,MAAM,WAAW,uBAAuB;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC1D,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmKhE,CAAC"}
+{"version":3,"file":"DocumentEditorForm.d.ts","sourceRoot":"","sources":["../../../../editors/document-editor/components/DocumentEditorForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,oBAAoB,EACpB,gBAAgB,EAChB,uBAAuB,EACxB,MAAM,mDAAmD,CAAC;AAI3D,MAAM,WAAW,uBAAuB;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC1D,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAqED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmIhE,CAAC"}

package/dist/editors/document-editor/components/DocumentEditorForm.js

@@ -1,14 +1,41 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
+import { Suspense, useEffect, useState } from "react";
 import { StatusPill } from "../../components/index.js";
 import { useAvailableDocumentTypes, useDebounce } from "../../hooks/index.js";
+function DocumentTypeSelectUI(props) {
+    return (_jsxs("select", { id: "supported-document-types", className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500", ...props, children: [_jsx("option", { value: "", children: "Select a document type" }), props.children] }));
+}
+function DocumentTypeSelect({ documentTypes, setDocumentTypes, onAddDocumentType, onRemoveDocumentType, }) {
+    // Get available document types from the hook (vetra drive only for document editor)
+    const availableDocumentTypes = useAvailableDocumentTypes(true);
+    const [selectedDocumentType, setSelectedDocumentType] = useState("");
+    return (_jsx(DocumentTypeSelectUI, { value: selectedDocumentType, onChange: (e) => {
+            const selectedValue = e.target.value;
+            if (selectedValue) {
+                // Remove existing document type if any
+                const existingType = documentTypes?.at(0);
+                if (existingType) {
+                    onRemoveDocumentType?.({ id: existingType.id });
+                }
+                // Add the new document type
+                const newTypeInput = {
+                    id: Date.now().toString(), // Generate a unique ID
+                    documentType: selectedValue,
+                };
+                const newType = {
+                    id: newTypeInput.id,
+                    documentType: newTypeInput.documentType,
+                };
+                setDocumentTypes([newType]); // Replace with single item array
+                onAddDocumentType?.(newTypeInput);
+            }
+            setSelectedDocumentType("");
+        }, children: availableDocumentTypes.map((docType) => (_jsx("option", { value: docType, children: docType }, docType))) }));
+}
 export const DocumentEditorForm = ({ editorName: initialEditorName = "", documentTypes: initialDocumentTypes = [], status = "DRAFT", onEditorNameChange, onAddDocumentType, onRemoveDocumentType, onConfirm, }) => {
     const [editorName, setEditorName] = useState(initialEditorName);
     const [documentTypes, setDocumentTypes] = useState(initialDocumentTypes);
-    const [selectedDocumentType, setSelectedDocumentType] = useState("");
     const [isConfirmed, setIsConfirmed] = useState(false);
-    // Get available document types from the hook (vetra drive only for document editor)
-    const availableDocumentTypes = useAvailableDocumentTypes(true);
     // Use the debounce hook for name changes
     useDebounce(editorName, onEditorNameChange, 300);
     // Update local state when initial values change
@@ -32,28 +59,7 @@ export const DocumentEditorForm = ({ editorName: initialEditorName = "", documen
             onConfirm?.();
         }
     };
-    return (_jsxs("div", { className: "space-y-6 bg-white p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-lg font-medium text-gray-900", children: "Editor Configuration" }), _jsx(StatusPill, { status: status === "CONFIRMED" ? "confirmed" : "draft", label: status === "CONFIRMED" ? "Confirmed" : "Draft" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "editor-name", className: "mb-2 block text-sm font-medium text-gray-700", children: "Editor Name" }), _jsx("input", { id: "editor-name", type: "text", value: editorName, onChange: (e) => setEditorName(e.target.value), disabled: isReadOnly, className: `w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500 ${isReadOnly ? "cursor-not-allowed bg-gray-100" : ""}` })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "supported-document-types", className: "mb-2 block text-sm font-medium text-gray-700", children: "Supported Document Types" }), _jsxs("div", { className: "space-y-2", children: [!isReadOnly && availableDocumentTypes.length > 0 && (_jsxs("select", { id: "supported-document-types", value: selectedDocumentType, onChange: (e) => {
-                                    const selectedValue = e.target.value;
-                                    if (selectedValue) {
-                                        // Remove existing document type if any
-                                        const existingType = documentTypes.at(0);
-                                        if (existingType) {
-                                            onRemoveDocumentType?.({ id: existingType.id });
-                                        }
-                                        // Add the new document type
-                                        const newTypeInput = {
-                                            id: Date.now().toString(), // Generate a unique ID
-                                            documentType: selectedValue,
-                                        };
-                                        const newType = {
-                                            id: newTypeInput.id,
-                                            documentType: newTypeInput.documentType,
-                                        };
-                                        setDocumentTypes([newType]); // Replace with single item array
-                                        onAddDocumentType?.(newTypeInput);
-                                    }
-                                    setSelectedDocumentType("");
-                                }, className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500", children: [_jsx("option", { value: "", children: "Select a document type" }), availableDocumentTypes.map((docType) => (_jsx("option", { value: docType, children: docType }, docType)))] })), _jsx("div", { className: "space-y-1", children: documentTypes.map((type) => (_jsxs("div", { className: "flex items-center py-1", children: [_jsx("span", { className: "text-sm text-gray-700", children: type.documentType }), !isReadOnly && (_jsx("button", { onClick: () => {
+    return (_jsxs("div", { className: "space-y-6 bg-white p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-lg font-medium text-gray-900", children: "Editor Configuration" }), _jsx(StatusPill, { status: status === "CONFIRMED" ? "confirmed" : "draft", label: status === "CONFIRMED" ? "Confirmed" : "Draft" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "editor-name", className: "mb-2 block text-sm font-medium text-gray-700", children: "Editor Name" }), _jsx("input", { id: "editor-name", type: "text", value: editorName, onChange: (e) => setEditorName(e.target.value), disabled: isReadOnly, className: `w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500 ${isReadOnly ? "cursor-not-allowed bg-gray-100" : ""}` })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "supported-document-types", className: "mb-2 block text-sm font-medium text-gray-700", children: "Supported Document Types" }), _jsxs("div", { className: "space-y-2", children: [!isReadOnly && (_jsx(Suspense, { fallback: _jsx(DocumentTypeSelectUI, {}), children: _jsx(DocumentTypeSelect, { documentTypes: documentTypes, setDocumentTypes: setDocumentTypes, onAddDocumentType: onAddDocumentType, onRemoveDocumentType: onRemoveDocumentType }) })), _jsx("div", { className: "space-y-1", children: documentTypes.map((type) => (_jsxs("div", { className: "flex items-center py-1", children: [_jsx("span", { className: "text-sm text-gray-700", children: type.documentType }), !isReadOnly && (_jsx("button", { onClick: () => {
                                                 setDocumentTypes([]);
                                                 onRemoveDocumentType?.({ id: type.id });
                                             }, className: "ml-2 text-gray-400 hover:text-gray-600 focus:outline-none", children: "\u00D7" }))] }, type.id))) })] })] }), !isReadOnly && (_jsx("div", { children: _jsx("button", { onClick: handleConfirm, disabled: !editorName.trim() || documentTypes.length === 0, className: "rounded-md bg-blue-600 px-4 py-2 text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:cursor-not-allowed disabled:bg-gray-300", children: "Confirm" }) }))] }));

package/dist/editors/document-editor/editor.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DocumentToolbar } from "@powerhousedao/design-system/connect";
 import { useSetPHDocumentEditorConfig } from "@powerhousedao/reactor-browser";
 import { useCallback } from "react";
+import { useSelectedDocumentEditorDocument } from "../../document-models/document-editor/hooks.js";
 import { actions } from "../../document-models/document-editor/index.js";
-import { useSelectedDocumentEditorDocument } from "../hooks/useVetraDocument.js";
 import { DocumentEditorForm } from "./components/DocumentEditorForm.js";
 import { editorConfig } from "./config.js";
 export default function Editor() {

package/dist/editors/document-editor/editor.test.js

@@ -2,9 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { render, screen, waitFor } from "@testing-library/react";
 import { userEvent } from "@testing-library/user-event";
 import { beforeEach, describe, expect, it, vi } from "vitest";
-import { useSelectedDocumentEditorDocument } from "../hooks/useVetraDocument.js";
+import { useSelectedDocumentEditorDocument } from "../../document-models/document-editor/hooks.js";
 import Editor from "./editor.js";
-vi.mock("../hooks/useVetraDocument.js", () => ({
+vi.mock("../../document-models/document-editor/hooks.js", () => ({
     useSelectedDocumentEditorDocument: vi.fn(),
 }));
 vi.mock("../hooks/useAvailableDocumentTypes.js", () => ({