@powerhousedao/network-admin 0.0.64 → 1.0.0-dev.2

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

@@ -1,226 +1,65 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Sidebar, SidebarProvider, } from "@powerhousedao/document-engineering";
-import { setSelectedNode, useSelectedDriveSafe, useDocumentsInSelectedDrive, } from "@powerhousedao/reactor-browser";
-import { useMemo, useCallback } from "react";
-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 {} from "document-model";
-const WorkstreamStatusEnums = [
-    "RFP_DRAFT",
-    "PREWORK_RFC",
-    "RFP_CANCELLED",
-    "OPEN_FOR_PROPOSALS",
-    "PROPOSAL_SUBMITTED",
-    "NOT_AWARDED",
-    "AWARDED",
-    "IN_PROGRESS",
-    "FINISHED",
-];
+import { setSelectedNode, useNodesInSelectedDrive, useSelectedDrive, useSelectedNode, } from "@powerhousedao/reactor-browser";
+import { useMemo } from "react";
+function buildSidebarNodes(nodes, parentId) {
+    return nodes
+        .filter((n) => {
+        if (parentId == null) {
+            return n.parentFolder == null;
+        }
+        return n.parentFolder === parentId;
+    })
+        .map((node) => {
+        if (node.kind === "folder") {
+            return {
+                id: node.id,
+                title: node.name,
+                icon: "FolderClose",
+                expandedIcon: "FolderOpen",
+                children: buildSidebarNodes(nodes, node.id),
+            };
+        }
+        return {
+            id: node.id,
+            title: node.name,
+            icon: "File",
+        };
+    });
+}
+function transformNodesToSidebarNodes(nodes, driveName) {
+    return [
+        {
+            id: "root",
+            title: driveName,
+            icon: "Drive",
+            children: buildSidebarNodes(nodes, null),
+        },
+    ];
+}
 /**
  * Hierarchical folder tree navigation component using Sidebar from document-engineering.
  * Displays folders and files in a tree structure with expand/collapse functionality, search, and resize support.
  */
-export function FolderTree({ activeSidebarNodeId, setActiveSidebarNodeId, setSelectedRootNode, createBuildersDocument, }) {
-    const [selectedDrive] = useSelectedDriveSafe();
-    const allDocuments = useDocumentsInSelectedDrive();
-    const networkAdminDocuments = useMemo(() => allDocuments?.filter((doc) => doc.header.documentType === "powerhouse/network-profile" ||
-        doc.header.documentType === "powerhouse/workstream" ||
-        doc.header.documentType === "powerhouse/scopeofwork" ||
-        doc.header.documentType === "powerhouse/rfp" ||
-        doc.header.documentType === "payment-terms" ||
-        doc.header.documentType === "powerhouse/builders"), [allDocuments]);
-    // Convert network admin documents to SidebarNode format
-    const sidebarNodes = useMemo(() => {
-        // Group documents by type
-        const workstreamDocs = (networkAdminDocuments?.filter((doc) => doc.header.documentType === "powerhouse/workstream") ?? []);
-        const networkProfileDocs = (networkAdminDocuments?.filter((doc) => doc.header.documentType === "powerhouse/network-profile") ?? []);
-        const [buildersDoc] = (networkAdminDocuments?.filter((doc) => doc.header.documentType === "powerhouse/builders") ?? []);
-        const workstreamsNode = {
-            id: "workstreams",
-            title: "Workstreams",
-            children: [
-                ...WorkstreamStatusEnums.map((status) => {
-                    const statusTitle = status
-                        .toLowerCase()
-                        .split("_")
-                        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
-                        .join(" ");
-                    return {
-                        id: `workstream-status-${status}`,
-                        title: statusTitle +
-                            (workstreamDocs.filter((doc) => doc.state.global.status === status).length > 0
-                                ? ` (${workstreamDocs.filter((doc) => doc.state.global.status === status).length})`
-                                : ""),
-                        children: workstreamDocs
-                            .filter((doc) => doc.state.global.status === status)
-                            .map((doc) => {
-                            let sow = null;
-                            let paymentTerms = null;
-                            let rfp = null;
-                            if (doc.state.global.initialProposal) {
-                                sow = doc.state.global.initialProposal.sow;
-                                paymentTerms = doc.state.global.initialProposal.paymentTerms;
-                            }
-                            if (doc.state.global.rfp) {
-                                rfp = doc.state.global.rfp.id;
-                            }
-                            const sowDoc = allDocuments?.find((doc) => doc.header.id === sow);
-                            const rfpDoc = allDocuments?.find((doc) => doc.header.id === rfp);
-                            const pmtDoc = allDocuments?.find((doc) => doc.header.id === paymentTerms);
-                            // get alternative proposals
-                            const alternativeProposals = doc.state.global.alternativeProposals;
-                            const returnableChildren = {
-                                id: `editor-${doc.header.id}`,
-                                title: `${doc.state.global.code ? doc.state.global.code + " - " : ""}${doc.state.global.title || doc.header.name}`,
-                                icon: _jsx(WorkstreamIcon, { className: "w-5 h-5" }),
-                                children: rfpDoc
-                                    ? [
-                                        {
-                                            id: `editor-${rfpDoc.header.id}`,
-                                            title: "Request For Proposal",
-                                            icon: _jsx(RfpIcon, { className: "w-5 h-5" }),
-                                        },
-                                    ]
-                                    : [],
-                            };
-                            // if sowDoc or pmtDoc is included in the wstrChildDocs, then add a child with the title "Initial Proposal"
-                            const children = [];
-                            if (sowDoc) {
-                                children.push({
-                                    id: `editor-${sowDoc.header.id}`,
-                                    title: "Scope of Work",
-                                    icon: _jsx(SowIcon, { className: "w-5 h-5" }),
-                                });
-                            }
-                            if (pmtDoc) {
-                                children.push({
-                                    id: `editor-${pmtDoc.header.id}`,
-                                    title: "Payment Terms",
-                                    icon: _jsx(PaymentIcon, { className: "w-5 h-5" }),
-                                });
-                            }
-                            if (children.length) {
-                                returnableChildren.children = [
-                                    ...(returnableChildren.children ?? []),
-                                    {
-                                        id: "initial-proposal",
-                                        title: "Initial Proposal",
-                                        children: children,
-                                    },
-                                ];
-                            }
-                            if (alternativeProposals.length > 0) {
-                                returnableChildren.children = [
-                                    ...(returnableChildren.children ?? []),
-                                    {
-                                        id: "alternative-proposals",
-                                        title: `Alternative Proposals (${alternativeProposals.length})`,
-                                        children: alternativeProposals.map((proposal) => {
-                                            // Find documents for this specific proposal
-                                            const proposalSowDoc = allDocuments?.find((doc) => doc.header.id === proposal.sow);
-                                            const proposalPaymentTermsDoc = allDocuments?.find((doc) => doc.header.id === proposal.paymentTerms);
-                                            // Filter to only include documents that exist
-                                            const proposalChildDocs = [
-                                                proposalSowDoc,
-                                                proposalPaymentTermsDoc,
-                                            ].filter((doc) => doc !== undefined && doc !== null);
-                                            return {
-                                                id: `alternative-proposal-${proposal.id}`,
-                                                title: `${proposal.author.name}`,
-                                                children: proposalChildDocs.map((childDoc) => {
-                                                    const dynamicTitle = childDoc.header.documentType ===
-                                                        "powerhouse/scopeofwork"
-                                                        ? "Scope of Work"
-                                                        : childDoc.header.documentType ===
-                                                            "payment-terms"
-                                                            ? "Payment Terms"
-                                                            : "";
-                                                    return {
-                                                        id: `editor-${childDoc.header.id}`,
-                                                        title: dynamicTitle,
-                                                        icon: childDoc.header.documentType ===
-                                                            "powerhouse/scopeofwork" ? (_jsx(SowIcon, { className: "w-5 h-5" })) : (_jsx(PaymentIcon, { className: "w-5 h-5" })),
-                                                    };
-                                                }),
-                                            };
-                                        }),
-                                    },
-                                ];
-                            }
-                            return returnableChildren;
-                        }),
-                    };
-                }),
-            ],
-        };
-        const networkInfoNode = {
-            id: "network-information",
-            title: "Network Information",
-            children: [
-                // Add network profile documents
-                ...networkProfileDocs.map((doc) => ({
-                    id: `editor-${doc.header.id}`,
-                    title: "Network Profile",
-                    icon: _jsx(Earth, { className: "w-5 h-5" }),
-                })),
-            ],
-        };
-        const buildersNode = {
-            id: `editor-${buildersDoc?.header.id}`,
-            title: "Builders",
-            children: [],
-        };
-        return [workstreamsNode, networkInfoNode, buildersNode];
-    }, [networkAdminDocuments, allDocuments]);
-    // Handle sidebar node selection
-    const handleActiveNodeChange = useCallback((nodeId) => {
-        // Find the node by ID
-        const findNodeById = (nodes, id) => {
-            for (const node of nodes) {
-                if (node.id === id) {
-                    return node;
-                }
-                if (node.children) {
-                    const found = findNodeById(node.children, id);
-                    if (found)
-                        return found;
-                }
-            }
-            return null;
-        };
-        const newNode = findNodeById(sidebarNodes, nodeId);
-        if (!newNode)
-            return;
-        // Always update the active sidebar node ID
-        setActiveSidebarNodeId(newNode.id);
-        if (newNode.id === "workstreams") {
-            setSelectedNode(undefined);
-            setSelectedRootNode("workstreams");
-        }
-        else if (newNode.id === "network-information") {
+export function FolderTree() {
+    const [selectedDrive] = useSelectedDrive();
+    const nodes = useNodesInSelectedDrive();
+    const selectedNode = useSelectedNode();
+    const driveName = selectedDrive.header.name;
+    // Transform Node[] to hierarchical SidebarNode structure
+    const sidebarNodes = useMemo(() => transformNodesToSidebarNodes(nodes || [], driveName), [nodes, driveName]);
+    const handleActiveNodeChange = (node) => {
+        // If root node is selected, pass undefined to match existing behavior
+        if (node.id === "root") {
             setSelectedNode(undefined);
-            setSelectedRootNode("network-information");
-            // Handle network information display
         }
-        else if (newNode.id.startsWith("editor-")) {
-            createBuildersDocument();
-            // Extract file ID from editor-{file.id} format
-            const fileId = newNode.id.replace("editor-", "");
-            setSelectedNode(fileId);
+        else {
+            setSelectedNode(node.id);
         }
-    }, [
-        setSelectedNode,
-        sidebarNodes,
-        setActiveSidebarNodeId,
-        setSelectedRootNode,
-        createBuildersDocument,
-    ]);
-    return (_jsx(SidebarProvider, { nodes: sidebarNodes, 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");
-            } }) }));
+    };
+    // Map selectedNodeId to activeNodeId (use "root" when undefined)
+    const activeNodeId = !selectedNode || selectedNode.id === selectedDrive.header.id
+        ? "root"
+        : selectedNode.id;
+    return (_jsx(SidebarProvider, { nodes: sidebarNodes, children: _jsx(Sidebar, { className: "pt-1", nodes: sidebarNodes, activeNodeId: activeNodeId, onActiveNodeChange: handleActiveNodeChange, sidebarTitle: "Drive Explorer", showSearchBar: true, resizable: true, allowPinning: false, showStatusFilter: false, initialWidth: 256, defaultLevel: 2 }) }));
 }

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,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAqC/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.map

@@ -1 +1 @@
-{"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,CAkB3D,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.map

@@ -1 +1 @@
-{"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,CAc3D,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.map

@@ -1 +1 @@
-{"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,CA4ClE,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

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

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

@@ -1 +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,6DAA6D;AAC7D,eAAO,MAAM,YAAY,EAAE,mBAS1B,CAAC"}
+{"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,eAAO,MAAM,YAAY,EAAE,mBAU1B,CAAC"}

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

@@ -1,7 +1,7 @@
-/** Editor config for the <%= pascalCaseDriveEditorName %> */
 export const editorConfig = {
     isDragAndDropEnabled: true,
     allowedDocumentTypes: [
+        // List all document types that can be dropped
         "powerhouse/network-profile",
         "powerhouse/workstream",
         "powerhouse/scopeofwork",

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

@@ -1,4 +1,3 @@
 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;
+export declare 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":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,yDAAyD;AACzD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,2CAKhD"}
+{"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,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CAGxC"}

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

@@ -2,10 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useSetPHDriveEditorConfig } from "@powerhousedao/reactor-browser";
 import { DriveExplorer } from "./components/DriveExplorer.js";
 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`
+export function Editor(props) {
     useSetPHDriveEditorConfig(editorConfig);
     return _jsx(DriveExplorer, { ...props });
 }

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

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

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

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

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

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

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 | null;
+export default function Editor(): import("react/jsx-runtime").JSX.Element;
 //# 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;AAoBlD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AA+RjC,MAAM,CAAC,OAAO,UAAU,MAAM,mDA+Q7B"}
+{"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,4CAqP7B"}

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

@@ -1,10 +1,10 @@
 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/connect";
+import { toast, ToastContainer } from "@powerhousedao/design-system";
 import { actions, } from "../../document-models/network-profile/index.js";
 import { useCallback, useState, useEffect } from "react";
-import { useSelectedNetworkProfileDocument } from "../../document-models/network-profile/hooks.js";
-import { DocumentToolbar } from "@powerhousedao/design-system/connect";
+import { useSelectedNetworkProfileDocument } from "../hooks/useNetworkProfileDocument.js";
+import { DocumentToolbar } from "@powerhousedao/design-system";
 import { setSelectedNode, useParentFolderForSelectedNode, } from "@powerhousedao/reactor-browser";
 // Category options for the dropdown
 const categoryOptions = [
@@ -42,20 +42,12 @@ function ImageModal({ isOpen, onClose, imageUrl, imageAlt, }) {
     return (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center backdrop-blur-sm", onClick: onClose, children: _jsxs("div", { className: "relative bg-gray-900 rounded-lg shadow-2xl border-2 border-gray-700", style: getModalSize(), children: [_jsx("button", { onClick: onClose, className: "absolute -top-3 -right-3 z-10 w-8 h-8 bg-gray-800 hover:bg-gray-900 rounded-full flex items-center justify-center text-white transition-all duration-200 shadow-lg", children: _jsx(Icon, { name: "ArrowLeft", size: 16 }) }), _jsx("div", { className: "w-full h-full flex items-center justify-center p-8", children: _jsx("img", { src: imageUrl, alt: imageAlt, className: `max-w-full max-h-full object-contain rounded-lg ${imageLoaded ? "opacity-100" : "opacity-0"} transition-opacity duration-200`, onClick: (e) => e.stopPropagation(), onLoad: handleImageLoad }) })] }) }));
 }
 // Image URL input component with preview
-function ImageUrlInput({ label, value, onChange, placeholder, }) {
+function ImageUrlInput({ label, value, onChange, placeholder, fileSize = "200KB", }) {
     const [imageError, setImageError] = useState(false);
     const [isModalOpen, setIsModalOpen] = useState(false);
-    // Initialize with the current value prop to ensure it's set correctly on mount
-    const [inputValue, setInputValue] = useState(() => value || "");
-    // Sync input value with prop value when it changes externally
-    // This is important when toggling between light/dark modes or when state updates
-    useEffect(() => {
-        setInputValue(value || "");
-    }, [value]);
-    // Reset image error when value changes (important for dark mode toggle and new URLs)
+    // Reset image error when value changes
     useEffect(() => {
         setImageError(false);
-        // Force image reload by clearing any cached error state
     }, [value]);
     const handleImageClick = () => {
         if (value &&
@@ -64,36 +56,26 @@ function ImageUrlInput({ label, value, onChange, placeholder, }) {
             setIsModalOpen(true);
         }
     };
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-2", children: [label && (_jsx("label", { className: "block text-sm font-medium text-gray-700", children: label })), _jsxs("div", { className: "border border-gray-300 rounded-lg p-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center space-x-3", children: [_jsx("div", { className: `flex-shrink-0 w-12 h-12 bg-gray-100 rounded border flex items-center justify-center overflow-hidden ${value &&
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "block text-sm font-medium text-gray-700", children: label }), _jsxs("div", { className: "border border-gray-300 rounded-lg p-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center space-x-3", children: [_jsx("div", { className: `flex-shrink-0 w-12 h-12 bg-gray-100 rounded border flex items-center justify-center overflow-hidden ${value &&
                                                     !imageError &&
                                                     (value.startsWith("http://") || value.startsWith("https://"))
                                                     ? "cursor-pointer hover:opacity-80 transition-opacity duration-200"
                                                     : ""}`, onClick: handleImageClick, children: value &&
                                                     !imageError &&
                                                     (value.startsWith("http://") ||
-                                                        value.startsWith("https://")) ? (_jsx("img", { src: value, alt: `${label} preview`, className: "w-full h-full object-cover", onError: () => setImageError(true), onLoad: () => setImageError(false) }, value)) : (_jsx(Icon, { name: "Image", size: 24, className: "text-gray-400" })) }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "text-sm font-medium text-gray-900", children: value || placeholder || `${label.replace(":", "")}.jpg` }), _jsxs("div", { className: "text-xs text-gray-500", children: [imageError && value && (_jsx("div", { className: "text-red-500 mt-1", children: "\u26A0 Failed to load image" })), value &&
+                                                        value.startsWith("https://")) ? (_jsx("img", { src: value, alt: `${label} preview`, className: "w-full h-full object-cover", onError: () => setImageError(true), onLoad: () => setImageError(false) })) : (_jsx(Icon, { name: "Image", size: 24, className: "text-gray-400" })) }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "text-sm font-medium text-gray-900", children: value || placeholder || `${label.replace(":", "")}.jpg` }), _jsxs("div", { className: "text-xs text-gray-500", children: ["File Type: jpg | File Size: ", value ? fileSize : "0KB", imageError && value && (_jsx("div", { className: "text-red-500 mt-1", children: "\u26A0 Failed to load image" })), value &&
                                                                 !imageError &&
                                                                 (value.startsWith("http://") ||
-                                                                    value.startsWith("https://")) && (_jsx("div", { className: "text-blue-600 mt-1", children: "\uD83D\uDCA1 Click image to view full size" }))] })] })] }), _jsx("div", { className: "flex-shrink-0", children: _jsx("div", { className: "w-6 h-6 rounded-full bg-gray-200 flex items-center justify-center", children: _jsx(Icon, { name: "Image", size: 16, className: "text-gray-600" }) }) })] }), _jsx("div", { className: "mt-3", children: _jsx("input", { type: "text", className: "w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500", value: inputValue, onChange: (e) => {
-                                        setInputValue(e.target.value);
-                                    }, onBlur: (e) => {
+                                                                    value.startsWith("https://")) && (_jsx("div", { className: "text-blue-600 mt-1", children: "\uD83D\uDCA1 Click image to view full size" }))] })] })] }), _jsx("div", { className: "flex-shrink-0", children: _jsx("div", { className: "w-6 h-6 rounded-full bg-gray-200 flex items-center justify-center", children: _jsx(Icon, { name: "Image", size: 16, className: "text-gray-600" }) }) })] }), _jsx("div", { className: "mt-3", children: _jsx(TextInput, { className: "w-full", defaultValue: value || "", onBlur: (e) => {
                                         if (e.target.value !== value) {
                                             onChange(e.target.value);
                                         }
                                     }, placeholder: placeholder || "Enter image URL" }) })] })] }), _jsx(ImageModal, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), imageUrl: value, imageAlt: `${label} full size` })] }));
 }
-// Toggle-enabled image input component for light/dark theme switching
-function ToggleableImageInput({ label, lightValue, darkValue, onLightChange, onDarkChange, lightPlaceholder, darkPlaceholder, }) {
-    const [isDarkMode, setIsDarkMode] = useState(false);
-    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsx("label", { className: "block text-sm font-medium text-gray-700", children: label }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("span", { className: `text-xs font-medium ${!isDarkMode ? "text-gray-900" : "text-gray-500"}`, children: "Light" }), _jsx("button", { type: "button", onClick: () => setIsDarkMode(!isDarkMode), className: `relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 ${isDarkMode ? "bg-gray-700" : "bg-gray-300"}`, children: _jsx("span", { className: `inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${isDarkMode ? "translate-x-6" : "translate-x-1"}` }) }), _jsx("span", { className: `text-xs font-medium ${isDarkMode ? "text-gray-900" : "text-gray-500"}`, children: "Dark" })] })] }), _jsx(ImageUrlInput, { label: "", value: isDarkMode ? darkValue : lightValue, onChange: isDarkMode ? onDarkChange : onLightChange, placeholder: isDarkMode ? darkPlaceholder : lightPlaceholder }, isDarkMode ? "dark" : "light")] }));
-}
 export default function Editor() {
     // Getting dispatch from selected document
     const [doc, dispatch] = useSelectedNetworkProfileDocument();
-    const state = doc?.state.global;
-    if (!doc) {
-        return null;
-    }
+    const state = doc.state.global;
     // Handle field changes
     const handleFieldChange = useCallback((field, value) => {
         if (!dispatch) {
@@ -109,24 +91,10 @@ export default function Editor() {
                 action = actions.setProfileName({ name: value });
                 break;
             case "icon":
-                action = actions.setIcon({
-                    icon: value,
-                });
-                break;
-            case "darkThemeIcon":
-                action = actions.setIcon({
-                    darkThemeIcon: value,
-                });
+                action = actions.setIcon({ icon: value });
                 break;
             case "logo":
-                action = actions.setLogo({
-                    logo: value,
-                });
-                break;
-            case "darkThemeLogo":
-                action = actions.setLogo({
-                    darkThemeLogo: value,
-                });
+                action = actions.setLogo({ logo: value });
                 break;
             case "logoBig":
                 action = actions.setLogoBig({ logoBig: value });
@@ -159,7 +127,7 @@ export default function Editor() {
                 return;
         }
         dispatch(action);
-    }, [dispatch, state]);
+    }, [dispatch]);
     // 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)
@@ -170,7 +138,7 @@ export default function Editor() {
                                                 if (e.target.value !== state?.name) {
                                                     handleFieldChange("name", e.target.value);
                                                 }
-                                            }, placeholder: "Enter network name" })] }), _jsx(ToggleableImageInput, { label: "Icon:", lightValue: state?.icon || "", darkValue: state?.darkThemeIcon || "", onLightChange: (value) => handleFieldChange("icon", value), onDarkChange: (value) => handleFieldChange("darkThemeIcon", value), lightPlaceholder: "icon.jpg", darkPlaceholder: "icon-dark.jpg", fileSize: "200KB" }), _jsx(ToggleableImageInput, { label: "Logo:", lightValue: state?.logo || "", darkValue: state?.darkThemeLogo || "", onLightChange: (value) => handleFieldChange("logo", value), onDarkChange: (value) => handleFieldChange("darkThemeLogo", value), lightPlaceholder: "logo.jpg", darkPlaceholder: "logo-dark.jpg", fileSize: "2MB" }), _jsx(ImageUrlInput, { label: "Large Logo:", value: state?.logoBig || "", onChange: (value) => handleFieldChange("logoBig", value), placeholder: "LargeLogo.jpg" }), _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) => {
+                                            }, 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);

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

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

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

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

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

@@ -0,0 +1,10 @@
+import Editor from "./editor.js";
+export const module = {
+    Component: Editor,
+    documentTypes: ["powerhouse/network-profile"],
+    config: {
+        id: "network-profile-editor",
+        name: "Network Profile Editor",
+    },
+};
+export default module;

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

@@ -0,0 +1,10 @@
+import type { PaymentTermsState } from "../../document-models/payment-terms/gen/types.js";
+import type { PaymentTermsAction } from "../../document-models/payment-terms/gen/actions.js";
+import { type actions as paymentTermsActions } from "../../document-models/payment-terms/index.js";
+export interface BasicTermsTabProps {
+    state: PaymentTermsState;
+    dispatch: (action: PaymentTermsAction) => void;
+    actions: typeof paymentTermsActions;
+}
+export declare function BasicTermsTab({ state, dispatch, actions, }: BasicTermsTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=basic-terms-tab.d.ts.map

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

@@ -0,0 +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,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"}