@powerhousedao/network-admin 0.0.37 → 0.0.39

package/dist/editors/network-admin/components/DriveExplorer.js

@@ -1,14 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, CreateDocumentModal } from "@powerhousedao/design-system";
-import { Sidebar, SidebarProvider, } from "@powerhousedao/document-engineering";
-import { addDocument, setSelectedNode, useAllFolderNodes, useFileChildNodes, useSelectedDrive, useSelectedFolder, dispatchActions, useSelectedDocument, useSelectedDriveDocuments, showDeleteNodeModal, useNodeActions, } from "@powerhousedao/reactor-browser";
-import { useCallback, useRef, useState, useMemo, useEffect } from "react";
-import { editClientInfo, editWorkstream, } from "../../../document-models/workstream/gen/creators.js";
+import { useState, useEffect, useMemo, useCallback, useRef } from "react";
+import { Sidebar, SidebarProvider, Button, } from "@powerhousedao/document-engineering";
+import { setSelectedNode, isFileNodeKind, isFolderNodeKind, useNodesInSelectedDriveOrFolder, useSelectedDrive, useSelectedFolder, useUserPermissions, useDocumentsInSelectedDrive, useFileNodesInSelectedDrive, useNodeActions, useSelectedDocument, showDeleteNodeModal, addDocument, showCreateDocumentModal, dispatchActions, } from "@powerhousedao/reactor-browser";
+import { CreateDocumentModal } from "@powerhousedao/design-system/connect";
+import {} from "document-drive";
+import {} from "document-model";
 import { PaymentIcon } from "./icons/PaymentIcon.js";
 import { RfpIcon } from "./icons/RfpIcon.js";
 import { SowIcon } from "./icons/SowIcon.js";
 import { WorkstreamIcon } from "./icons/WorkstreamIcon.js";
 import { Earth } from "lucide-react";
+import { editClientInfo, editWorkstream, } from "../../../document-models/workstream/gen/creators.js";
 const WorkstreamStatusEnums = [
     "RFP_DRAFT",
     "PREWORK_RFC",
@@ -20,11 +22,12 @@ const WorkstreamStatusEnums = [
     "IN_PROGRESS",
     "FINISHED",
 ];
-/**1
+/**
  * Main drive explorer component with sidebar navigation and content area.
  * Layout: Left sidebar (folder tree) + Right content area (files/folders + document editor)
  */
-export function DriveExplorer(props) {
+export function DriveExplorer({ children }) {
+    const { isAllowedToCreateDocuments } = useUserPermissions();
     // === DOCUMENT EDITOR STATE ===
     const [activeSidebarNodeId, setActiveSidebarNodeId] = useState("workstreams");
     const [openModal, setOpenModal] = useState(false);
@@ -35,13 +38,11 @@ export function DriveExplorer(props) {
     // Core state hooks for drive navigation
     const [selectedDrive] = useSelectedDrive(); // Currently selected drive
     const selectedFolder = useSelectedFolder(); // Currently selected folder
-    const allDocuments = useSelectedDriveDocuments();
+    const allDocuments = useDocumentsInSelectedDrive();
+    const fileChildren = useFileNodesInSelectedDrive();
     const { onRenameNode } = useNodeActions();
     // Listen to global selected document state (for external editors like Scope of Work)
     const [globalSelectedDocument] = useSelectedDocument();
-    // All folders for the sidebar tree view
-    const allFolders = useAllFolderNodes();
-    const fileChildren = useFileChildNodes();
     const networkAdminDocuments = allDocuments?.filter((doc) => doc.header.documentType === "powerhouse/network-profile" ||
         doc.header.documentType === "powerhouse/workstream" ||
         doc.header.documentType === "powerhouse/scopeofwork" ||
@@ -231,7 +232,7 @@ export function DriveExplorer(props) {
             const fileId = newNode.id.replace("editor-", "");
             setSelectedNode(fileId);
         }
-    }, [allFolders, fileChildren, setSelectedNode, sidebarNodes]);
+    }, [setSelectedNode, sidebarNodes]);
     // === EVENT HANDLERS ===
     // Display function that switches views based on active node ID
     const displayActiveNode = (activeNodeId) => {
@@ -248,21 +249,6 @@ export function DriveExplorer(props) {
             nodeType = "file";
             actualId = activeNodeId.replace("editor-", "");
         }
-        else {
-            // Check if it's a folder
-            const folder = allFolders.find((f) => f.id === activeNodeId);
-            if (folder) {
-                nodeType = "folder";
-            }
-            else {
-                // Check if it's a file (direct ID)
-                const file = fileChildren.find((f) => f.id === activeNodeId);
-                if (file) {
-                    nodeType = "file";
-                    actualId = activeNodeId; // Use the ID as-is for files
-                }
-            }
-        }
         const networkProfileDoc = networkAdminDocuments?.find((doc) => doc.header.documentType === "powerhouse/network-profile");
         switch (nodeType) {
             case "workstreams":
@@ -271,11 +257,11 @@ export function DriveExplorer(props) {
                                                                 : category.toLowerCase() === "defi"
                                                                     ? "bg-blue-600/30 text-blue-600 border-blue-600/70"
                                                                     : "bg-gray-500/30 text-gray-500 border-gray-500/70"}`, children: category }, category))) })] }), _jsx("p", { className: "mt-4", children: networkProfileDoc?.state.global.description })] })), _jsxs("div", { className: "flex flex-wrap gap-3 justify-center", children: [_jsx(Button, { color: "dark" // Customize button appearance
-                                                , size: "medium", className: "cursor-pointer hover:bg-gray-600 hover:text-white", title: "Create Workstream Document", "aria-description": "Create Workstream Document", onClick: () => {
+                                                , size: "sm", className: "cursor-pointer hover:bg-gray-600 hover:text-white", title: "Create Workstream Document", "aria-description": "Create Workstream Document", onClick: () => {
                                                     setModalDocumentType("powerhouse/workstream");
                                                     setOpenModal(true);
                                                 }, disabled: !isNetworkProfileCreated, children: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx(WorkstreamIcon, { className: "w-7 h-7 text-white" }), "Create Workstream Document"] }) }), _jsx(Button, { color: "dark" // Customize button appearance
-                                                , size: "medium", className: "cursor-pointer hover:bg-gray-600 hover:text-white", title: "Create Network Profile Document", "aria-description": "Create Network Profile Document", onClick: () => {
+                                                , size: "sm", className: "cursor-pointer hover:bg-gray-600 hover:text-white", title: "Create Network Profile Document", "aria-description": "Create Network Profile Document", onClick: () => {
                                                     setModalDocumentType("powerhouse/network-profile");
                                                     setOpenModal(true);
                                                 }, disabled: isNetworkProfileCreated, children: _jsx("span", { className: "flex items-center gap-2", children: "Create Network Profile Document" }) })] })] }), networkAdminDocuments && networkAdminDocuments.length > 0 && (_jsxs("div", { className: "w-full", children: [_jsx("h3", { className: "mb-4 text-lg font-medium text-gray-700", children: "\uD83D\uDCC4 Documents" }), _jsx("div", { className: "overflow-x-auto rounded-lg border border-gray-200 shadow-sm", children: _jsxs("table", { className: "w-full bg-white", children: [_jsx("thead", { className: "bg-gray-50", children: _jsxs("tr", { children: [_jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider w-1/4", children: "Name" }), _jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider w-1/4", children: "Type" }), _jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider w-1/4", children: "Actions" })] }) }), _jsx("tbody", { className: "bg-white divide-y divide-gray-200", children: networkAdminDocuments.map((document) => {
@@ -359,12 +345,12 @@ export function DriveExplorer(props) {
         }
     }, [selectedDrive?.header.id, modalDocumentType]);
     // === RENDER ===
-    return (_jsx(SidebarProvider, { nodes: sidebarNodes, children: isScopeOfWorkFullView && props.children ? (_jsx("div", { className: "h-full w-full", children: props.children })) : (
+    return (_jsx(SidebarProvider, { nodes: sidebarNodes, children: isScopeOfWorkFullView && children ? (_jsx("div", { className: "h-full w-full", children: children })) : (
         /* === NORMAL VIEW WITH SIDEBAR === */
         _jsxs("div", { className: "flex h-full", children: [_jsx(Sidebar, { nodes: sidebarNodes, activeNodeId: activeSidebarNodeId, onActiveNodeChange: (node) => handleActiveNodeChange(node.id), sidebarTitle: "Network Admin", showSearchBar: true, allowPinning: true, resizable: true, initialWidth: 300, maxWidth: 500, enableMacros: 4, handleOnTitleClick: () => {
                         setSelectedNode(undefined);
                         setActiveSidebarNodeId("workstreams");
                         setSelectedRootNode("workstreams");
-                    } }), _jsx("div", { className: "flex-1 overflow-y-auto", children: _jsx("div", { className: "h-full", children: props.children ||
+                    } }), _jsx("div", { className: "flex-1 overflow-y-auto", children: _jsx("div", { className: "h-full", children: children ||
                             displayActiveNode(selectedFolder?.id || selectedRootNode) }) }), _jsx(CreateDocumentModal, { onContinue: onCreateDocument, onOpenChange: (open) => setOpenModal(open), open: openModal })] })) }));
 }

package/dist/editors/network-admin/components/icons/PaymentIcon.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
+import type React from "react";
 export declare const PaymentIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 //# sourceMappingURL=PaymentIcon.d.ts.map

package/dist/editors/network-admin/components/icons/PaymentIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentIcon.d.ts","sourceRoot":"","sources":["../../../../../editors/network-admin/components/icons/PaymentIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAe/D,CAAC"}
+{"version":3,"file":"PaymentIcon.d.ts","sourceRoot":"","sources":["../../../../../editors/network-admin/components/icons/PaymentIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAe/D,CAAC"}

package/dist/editors/network-admin/components/icons/RfpIcon.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
+import type React from "react";
 export declare const RfpIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 //# sourceMappingURL=RfpIcon.d.ts.map

package/dist/editors/network-admin/components/icons/RfpIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RfpIcon.d.ts","sourceRoot":"","sources":["../../../../../editors/network-admin/components/icons/RfpIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAK3D,CAAC"}
+{"version":3,"file":"RfpIcon.d.ts","sourceRoot":"","sources":["../../../../../editors/network-admin/components/icons/RfpIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAK3D,CAAC"}

package/dist/editors/network-admin/components/icons/SowIcon.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
+import type React from "react";
 export declare const SowIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 //# sourceMappingURL=SowIcon.d.ts.map

package/dist/editors/network-admin/components/icons/SowIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SowIcon.d.ts","sourceRoot":"","sources":["../../../../../editors/network-admin/components/icons/SowIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAI3D,CAAC"}
+{"version":3,"file":"SowIcon.d.ts","sourceRoot":"","sources":["../../../../../editors/network-admin/components/icons/SowIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAI3D,CAAC"}

package/dist/editors/network-admin/components/icons/WorkstreamIcon.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
+import type React from "react";
 export declare const WorkstreamIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 //# sourceMappingURL=WorkstreamIcon.d.ts.map

package/dist/editors/network-admin/components/icons/WorkstreamIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkstreamIcon.d.ts","sourceRoot":"","sources":["../../../../../editors/network-admin/components/icons/WorkstreamIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAWlE,CAAC"}
+{"version":3,"file":"WorkstreamIcon.d.ts","sourceRoot":"","sources":["../../../../../editors/network-admin/components/icons/WorkstreamIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAWlE,CAAC"}

package/dist/editors/network-admin/config.d.ts

@@ -0,0 +1,4 @@
+import type { PHDriveEditorConfig } from "@powerhousedao/reactor-browser";
+/** Editor config for the NetworkAdmin */
+export declare const editorConfig: PHDriveEditorConfig;
+//# sourceMappingURL=config.d.ts.map

package/dist/editors/network-admin/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../editors/network-admin/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAE1E,yCAAyC;AACzC,eAAO,MAAM,YAAY,EAAE,mBAU1B,CAAC"}

package/dist/editors/network-admin/config.js

@@ -0,0 +1,12 @@
+/** Editor config for the NetworkAdmin */
+export const editorConfig = {
+    isDragAndDropEnabled: true,
+    allowedDocumentTypes: [
+        // List all document types that can be dropped
+        "powerhouse/network-profile",
+        "powerhouse/workstream",
+        "powerhouse/scopeofwork",
+        "payment-terms",
+        "powerhouse/rfp",
+    ],
+};

package/dist/editors/network-admin/editor.d.ts

@@ -1,4 +1,4 @@
-export declare const Editor: import("react").ComponentType<{
-    children?: any;
-}>;
+import type { EditorProps } from "document-model";
+/** Editor component for the NetworkAdmin drive editor */
+export default function Editor(props: EditorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=editor.d.ts.map

package/dist/editors/network-admin/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/network-admin/editor.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM;;EAA8B,CAAC"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/network-admin/editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,yDAAyD;AACzD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,2CAKhD"}

package/dist/editors/network-admin/editor.js

@@ -1,3 +1,11 @@
-import { withDropZone } from "@powerhousedao/design-system";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useSetPHDriveEditorConfig } from "@powerhousedao/reactor-browser";
 import { DriveExplorer } from "./components/DriveExplorer.js";
-export const Editor = withDropZone(DriveExplorer);
+import { editorConfig } from "./config.js";
+/** Editor component for the NetworkAdmin drive editor */
+export default function Editor(props) {
+    // set the config for this drive editor
+    // you can update these configs in `./config.ts`
+    useSetPHDriveEditorConfig(editorConfig);
+    return _jsx(DriveExplorer, { ...props });
+}

package/dist/editors/network-admin/module.d.ts

@@ -0,0 +1,3 @@
+import { type EditorModule } from "document-model";
+export declare const NetworkAdmin: EditorModule;
+//# sourceMappingURL=module.d.ts.map

package/dist/editors/network-admin/module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../editors/network-admin/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,eAAO,MAAM,YAAY,EAAE,YAO1B,CAAC"}

package/dist/editors/network-admin/module.js

@@ -0,0 +1,10 @@
+import {} from "document-model";
+import { lazy } from "react";
+export const NetworkAdmin = {
+    Component: lazy(() => import("./editor.js")),
+    documentTypes: ["powerhouse/document-drive"],
+    config: {
+        id: "network-admin",
+        name: "Network Admin",
+    },
+};

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

@@ -1,4 +1,4 @@
 import type { EditorProps } from "document-model";
 export type IProps = EditorProps;
-export default function Editor(): import("react/jsx-runtime").JSX.Element;
+export default function Editor(): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=editor.d.ts.map

package/dist/editors/network-profile/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/network-profile/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAelD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AA8MjC,MAAM,CAAC,OAAO,UAAU,MAAM,4CA4O7B"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/network-profile/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAoBlD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AA8MjC,MAAM,CAAC,OAAO,UAAU,MAAM,mDAwP7B"}

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

@@ -1,9 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { TextInput, Textarea, Select, Icon, } from "@powerhousedao/document-engineering";
-import { toast, ToastContainer } from "@powerhousedao/design-system";
+import { toast, ToastContainer } from "@powerhousedao/design-system/connect";
 import { actions, } from "../../document-models/network-profile/index.js";
 import { useCallback, useState, useEffect } from "react";
-import { useSelectedNetworkProfileDocument } from "../hooks/useNetworkProfileDocument.js";
+import { useSelectedNetworkProfileDocument } from "../../document-models/network-profile/hooks.js";
+import { DocumentToolbar } from "@powerhousedao/design-system/connect";
+import { setSelectedNode, useParentFolderForSelectedNode, } from "@powerhousedao/reactor-browser";
 // Category options for the dropdown
 const categoryOptions = [
     { value: "DEFI", label: "DeFi" },
@@ -73,7 +75,10 @@ function ImageUrlInput({ label, value, onChange, placeholder, fileSize = "200KB"
 export default function Editor() {
     // Getting dispatch from selected document
     const [doc, dispatch] = useSelectedNetworkProfileDocument();
-    const state = doc.state.global;
+    const state = doc?.state.global;
+    if (!doc) {
+        return null;
+    }
     // Handle field changes
     const handleFieldChange = useCallback((field, value) => {
         if (!dispatch) {
@@ -126,33 +131,39 @@ export default function Editor() {
         }
         dispatch(action);
     }, [dispatch]);
-    return (_jsx("div", { className: "w-full bg-gray-50 min-h-screen", children: _jsxs("div", { className: "p-6 max-w-4xl mx-auto", children: [_jsx("div", { className: "bg-white rounded-lg p-6 mb-6 shadow-sm", children: _jsx("h1", { className: "text-3xl font-bold text-gray-900 mb-2", children: "Network Profile" }) }), _jsx("div", { className: "bg-white rounded-lg p-6 shadow-sm", children: _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Network Name:" }), _jsx(TextInput, { className: "w-full", defaultValue: state?.name || "", onBlur: (e) => {
-                                            if (e.target.value !== state?.name) {
-                                                handleFieldChange("name", e.target.value);
-                                            }
-                                        }, placeholder: "Enter network name" })] }), _jsx(ImageUrlInput, { label: "Icon:", value: state?.icon || "", onChange: (value) => handleFieldChange("icon", value), placeholder: "PowerhouseIcon.jpg", fileSize: "200KB" }), _jsx(ImageUrlInput, { label: "Logo:", value: state?.logo || "", onChange: (value) => handleFieldChange("logo", value), placeholder: "PowerhouseLogo.jpg", fileSize: "2MB" }), _jsx(ImageUrlInput, { label: "Large Logo:", value: state?.logoBig || "", onChange: (value) => handleFieldChange("logoBig", value), placeholder: "LargeLogo.jpg", fileSize: "10MB" }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Website:" }), _jsx(TextInput, { className: "w-full", defaultValue: state?.website || "", onBlur: (e) => {
-                                            const value = e.target.value || null;
-                                            if (value !== state?.website) {
-                                                handleFieldChange("website", value);
-                                            }
-                                        }, placeholder: "Enter website URL" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Description:" }), _jsx(Textarea, { className: "w-full", defaultValue: state?.description || "", onBlur: (e) => {
-                                            if (e.target.value !== state?.description) {
-                                                handleFieldChange("description", e.target.value);
-                                            }
-                                        }, placeholder: "Enter network description", rows: 4 })] }), _jsx("div", { children: _jsx(Select, { label: "Category:", options: categoryOptions, value: state?.category?.[0] || undefined, onChange: (value) => handleFieldChange("category", [value]) }) }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-medium text-gray-900", children: "Social Media Links" }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "X Link:" }), _jsx(TextInput, { className: "w-full", defaultValue: state?.x || "", onBlur: (e) => {
-                                                    const value = e.target.value || null;
-                                                    if (value !== state?.x) {
-                                                        handleFieldChange("x", value);
-                                                    }
-                                                }, placeholder: "https://x.com/YourHandle" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Discord Link:" }), _jsx(TextInput, { className: "w-full", defaultValue: state?.discord || "", onBlur: (e) => {
-                                                    const value = e.target.value || null;
-                                                    if (value !== state?.discord) {
-                                                        handleFieldChange("discord", value);
-                                                    }
-                                                }, placeholder: "https://discord.com/invite/YourServer" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "YouTube Link:" }), _jsx(TextInput, { className: "w-full", defaultValue: state?.youtube || "", onBlur: (e) => {
-                                                    const value = e.target.value || null;
-                                                    if (value !== state?.youtube) {
-                                                        handleFieldChange("youtube", value);
-                                                    }
-                                                }, placeholder: "https://www.youtube.com/YourChannel" })] })] })] }) }), _jsx(ToastContainer, {})] }) }));
+    // Get the parent folder node for the currently selected node
+    const parentFolder = useParentFolderForSelectedNode();
+    // Set the selected node to the parent folder node (close the editor)
+    function handleClose() {
+        setSelectedNode(parentFolder?.id);
+    }
+    return (_jsxs("div", { className: "w-full bg-gray-50 min-h-screen", children: [_jsx(DocumentToolbar, { document: doc, onClose: handleClose }), _jsxs("div", { className: "p-6 max-w-4xl mx-auto", children: [_jsx("div", { className: "bg-white rounded-lg p-6 mb-6 shadow-sm", children: _jsx("h1", { className: "text-3xl font-bold text-gray-900 mb-2", children: "Network Profile" }) }), _jsx("div", { className: "bg-white rounded-lg p-6 shadow-sm", children: _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Network Name:" }), _jsx(TextInput, { className: "w-full", defaultValue: state?.name || "", onBlur: (e) => {
+                                                if (e.target.value !== state?.name) {
+                                                    handleFieldChange("name", e.target.value);
+                                                }
+                                            }, placeholder: "Enter network name" })] }), _jsx(ImageUrlInput, { label: "Icon:", value: state?.icon || "", onChange: (value) => handleFieldChange("icon", value), placeholder: "PowerhouseIcon.jpg", fileSize: "200KB" }), _jsx(ImageUrlInput, { label: "Logo:", value: state?.logo || "", onChange: (value) => handleFieldChange("logo", value), placeholder: "PowerhouseLogo.jpg", fileSize: "2MB" }), _jsx(ImageUrlInput, { label: "Large Logo:", value: state?.logoBig || "", onChange: (value) => handleFieldChange("logoBig", value), placeholder: "LargeLogo.jpg", fileSize: "10MB" }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Website:" }), _jsx(TextInput, { className: "w-full", defaultValue: state?.website || "", onBlur: (e) => {
+                                                const value = e.target.value || null;
+                                                if (value !== state?.website) {
+                                                    handleFieldChange("website", value);
+                                                }
+                                            }, placeholder: "Enter website URL" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Description:" }), _jsx(Textarea, { className: "w-full", defaultValue: state?.description || "", onBlur: (e) => {
+                                                if (e.target.value !== state?.description) {
+                                                    handleFieldChange("description", e.target.value);
+                                                }
+                                            }, placeholder: "Enter network description", rows: 4 })] }), _jsx("div", { children: _jsx(Select, { label: "Category:", options: categoryOptions, value: state?.category?.[0] || undefined, onChange: (value) => handleFieldChange("category", [value]) }) }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-medium text-gray-900", children: "Social Media Links" }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "X Link:" }), _jsx(TextInput, { className: "w-full", defaultValue: state?.x || "", onBlur: (e) => {
+                                                        const value = e.target.value || null;
+                                                        if (value !== state?.x) {
+                                                            handleFieldChange("x", value);
+                                                        }
+                                                    }, placeholder: "https://x.com/YourHandle" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Discord Link:" }), _jsx(TextInput, { className: "w-full", defaultValue: state?.discord || "", onBlur: (e) => {
+                                                        const value = e.target.value || null;
+                                                        if (value !== state?.discord) {
+                                                            handleFieldChange("discord", value);
+                                                        }
+                                                    }, placeholder: "https://discord.com/invite/YourServer" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "YouTube Link:" }), _jsx(TextInput, { className: "w-full", defaultValue: state?.youtube || "", onBlur: (e) => {
+                                                        const value = e.target.value || null;
+                                                        if (value !== state?.youtube) {
+                                                            handleFieldChange("youtube", value);
+                                                        }
+                                                    }, placeholder: "https://www.youtube.com/YourChannel" })] })] })] }) }), _jsx(ToastContainer, {})] })] }));
 }

package/dist/editors/network-profile/module.d.ts

@@ -0,0 +1,4 @@
+import type { EditorModule } from "document-model";
+/** Document editor module for the Todo List document type */
+export declare const NetworkProfile: EditorModule;
+//# sourceMappingURL=module.d.ts.map

package/dist/editors/network-profile/module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../editors/network-profile/module.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,6DAA6D;AAC7D,eAAO,MAAM,cAAc,EAAE,YAO5B,CAAC"}

package/dist/editors/network-profile/module.js

@@ -0,0 +1,10 @@
+import { lazy } from "react";
+/** Document editor module for the Todo List document type */
+export const NetworkProfile = {
+    Component: lazy(() => import("./editor.js")),
+    documentTypes: ["powerhouse/network-profile"],
+    config: {
+        id: "network-profile-editor",
+        name: "Network Profile Editor",
+    },
+};

package/dist/editors/payment-terms/basic-terms-tab.d.ts

@@ -1,6 +1,6 @@
 import type { PaymentTermsState } from "../../document-models/payment-terms/gen/types.js";
 import type { PaymentTermsAction } from "../../document-models/payment-terms/gen/actions.js";
-import { actions as paymentTermsActions } from "../../document-models/payment-terms/index.js";
+import { type actions as paymentTermsActions } from "../../document-models/payment-terms/index.js";
 export interface BasicTermsTabProps {
     state: PaymentTermsState;
     dispatch: (action: PaymentTermsAction) => void;

package/dist/editors/payment-terms/basic-terms-tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"basic-terms-tab.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/basic-terms-tab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,iBAAiB,EAIlB,MAAM,kDAAkD,CAAC;AAC1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAE9F,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,OAAO,mBAAmB,CAAC;CACrC;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,OAAO,GACR,EAAE,kBAAkB,2CA4SpB"}
+{"version":3,"file":"basic-terms-tab.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/basic-terms-tab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,iBAAiB,EAIlB,MAAM,kDAAkD,CAAC;AAC1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AAC7F,OAAO,EAAE,KAAK,OAAO,IAAI,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAEnG,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,OAAO,mBAAmB,CAAC;CACrC;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,OAAO,GACR,EAAE,kBAAkB,2CA4SpB"}

package/dist/editors/payment-terms/basic-terms-tab.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback } from "react";
-import { toast, Button } from "@powerhousedao/design-system";
-import { Select, TextInput } from "@powerhousedao/document-engineering";
+import { useState, useCallback, useMemo } from "react";
+import { toast } from "@powerhousedao/design-system/connect";
+import { Select, TextInput, Button } from "@powerhousedao/document-engineering";
+import {} from "../../document-models/payment-terms/index.js";
 export function BasicTermsTab({ state, dispatch, actions, }) {
     const [isEditing, setIsEditing] = useState(false);
     const [formData, setFormData] = useState({
@@ -65,7 +66,7 @@ export function BasicTermsTab({ state, dispatch, actions, }) {
         setIsEditing(false);
     }, [state]);
     if (!isEditing) {
-        return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex justify-between items-center mb-4", children: [_jsx("h2", { className: "text-xl font-semibold", children: "Basic Information" }), _jsx(Button, { onClick: () => setIsEditing(true), color: "light", size: "small", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: "Edit Terms" })] }), _jsxs("div", { className: "grid grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Proposer" }), _jsx("p", { className: "text-lg", children: state.proposer || "Not set" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Payer" }), _jsx("p", { className: "text-lg", children: state.payer || "Not set" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Currency" }), _jsx("p", { className: "text-lg", children: state.currency })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Payment Model" }), _jsx("p", { className: "text-lg", children: state.paymentModel.replace(/_/g, " ") })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Total Amount" }), _jsx("p", { className: "text-lg", children: state.totalAmount
+        return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex justify-between items-center mb-4", children: [_jsx("h2", { className: "text-xl font-semibold", children: "Basic Information" }), _jsx(Button, { onClick: () => setIsEditing(true), color: "light", size: "sm", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: "Edit Terms" })] }), _jsxs("div", { className: "grid grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Proposer" }), _jsx("p", { className: "text-lg", children: state.proposer || "Not set" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Payer" }), _jsx("p", { className: "text-lg", children: state.payer || "Not set" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Currency" }), _jsx("p", { className: "text-lg", children: state.currency })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Payment Model" }), _jsx("p", { className: "text-lg", children: state.paymentModel.replace(/_/g, " ") })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Total Amount" }), _jsx("p", { className: "text-lg", children: state.totalAmount
                                         ? `${state.totalAmount.value} ${state.totalAmount.unit}`
                                         : "Not set" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Status" }), _jsx("p", { className: "text-lg", children: state.status })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Escrow" }), _jsx("p", { className: "text-lg", children: state.escrowDetails && state.escrowDetails.releaseConditions
                                         ? "Enabled"
@@ -84,5 +85,5 @@ export function BasicTermsTab({ state, dispatch, actions, }) {
                                     { value: "SUBMITTED", label: "Submitted" },
                                     { value: "ACCEPTED", label: "Accepted" },
                                     { value: "CANCELLED", label: "Cancelled" },
-                                ], placeholder: "Select status", required: true })] }), _jsx("div", { className: "col-span-2", children: _jsxs("div", { className: "flex items-center", children: [_jsx("input", { type: "checkbox", id: "useEscrow", checked: formData.useEscrow, onChange: (e) => setFormData({ ...formData, useEscrow: e.target.checked }), className: "mr-2 h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded" }), _jsx("label", { htmlFor: "useEscrow", className: "text-sm font-medium text-gray-700", children: "Use Escrow" })] }) })] }), _jsxs("div", { className: "flex gap-3", children: [_jsx(Button, { type: "submit", color: "light", size: "small", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: "Save Terms" }), _jsx(Button, { type: "button", onClick: handleCancel, color: "light", size: "small", className: "cursor-pointer hover:bg-gray-600 hover:text-white", children: "Cancel" })] })] }));
+                                ], placeholder: "Select status", required: true })] }), _jsx("div", { className: "col-span-2", children: _jsxs("div", { className: "flex items-center", children: [_jsx("input", { type: "checkbox", id: "useEscrow", checked: formData.useEscrow, onChange: (e) => setFormData({ ...formData, useEscrow: e.target.checked }), className: "mr-2 h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded" }), _jsx("label", { htmlFor: "useEscrow", className: "text-sm font-medium text-gray-700", children: "Use Escrow" })] }) })] }), _jsxs("div", { className: "flex gap-3", children: [_jsx(Button, { type: "submit", color: "light", size: "sm", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: "Save Terms" }), _jsx(Button, { type: "button", onClick: handleCancel, color: "light", size: "sm", className: "cursor-pointer hover:bg-gray-600 hover:text-white", children: "Cancel" })] })] }));
 }

package/dist/editors/payment-terms/clauses-tab.d.ts

@@ -1,6 +1,6 @@
 import type { BonusClause, PenaltyClause } from "../../document-models/payment-terms/gen/types.js";
 import type { PaymentTermsAction } from "../../document-models/payment-terms/gen/actions.js";
-import { actions as paymentTermsActions } from "../../document-models/payment-terms/index.js";
+import { type actions as paymentTermsActions } from "../../document-models/payment-terms/index.js";
 export interface ClausesTabProps {
     bonusClauses: BonusClause[];
     penaltyClauses: PenaltyClause[];
@@ -8,5 +8,5 @@ export interface ClausesTabProps {
     actions: typeof paymentTermsActions;
     currency: string;
 }
-export declare function ClausesTab({ bonusClauses, penaltyClauses, dispatch, actions, currency }: ClausesTabProps): import("react/jsx-runtime").JSX.Element;
+export declare function ClausesTab({ bonusClauses, penaltyClauses, dispatch, actions, currency, }: ClausesTabProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=clauses-tab.d.ts.map

package/dist/editors/payment-terms/clauses-tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"clauses-tab.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/clauses-tab.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,WAAW,EACX,aAAa,EACd,MAAM,kDAAkD,CAAC;AAC1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAE9F,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,OAAO,mBAAmB,CAAC;IACpC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,UAAU,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAgB,EAAE,EAAE,eAAe,2CAoVhH"}
+{"version":3,"file":"clauses-tab.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/clauses-tab.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACV,WAAW,EACX,aAAa,EACd,MAAM,kDAAkD,CAAC;AAC1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AAC7F,OAAO,EAAE,KAAK,OAAO,IAAI,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAEnG,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,OAAO,mBAAmB,CAAC;IACpC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,UAAU,CAAC,EACzB,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,OAAO,EACP,QAAgB,GACjB,EAAE,eAAe,2CA+XjB"}