@powerhousedao/network-admin 1.0.0-dev.6 → 1.0.0-dev.7

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

@@ -1,65 +1,222 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Sidebar, SidebarProvider, } from "@powerhousedao/document-engineering";
-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),
-        },
-    ];
-}
+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 { EarthIcon } from "./icons/EarthIcon.js";
+import {} from "document-model";
+const WorkstreamStatusEnums = [
+    "RFP_DRAFT",
+    "PREWORK_RFC",
+    "RFP_CANCELLED",
+    "OPEN_FOR_PROPOSALS",
+    "PROPOSAL_SUBMITTED",
+    "NOT_AWARDED",
+    "AWARDED",
+    "IN_PROGRESS",
+    "FINISHED",
+];
 /**
  * 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() {
-    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") {
+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((d) => d.header.id === sow);
+                            const rfpDoc = allDocuments?.find((d) => d.header.id === rfp);
+                            const pmtDoc = allDocuments?.find((d) => d.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, add a child with 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) => {
+                                            const proposalSowDoc = allDocuments?.find((d) => d.header.id === proposal.sow);
+                                            const proposalPaymentTermsDoc = allDocuments?.find((d) => d.header.id === proposal.paymentTerms);
+                                            const proposalChildDocs = [
+                                                proposalSowDoc,
+                                                proposalPaymentTermsDoc,
+                                            ].filter((d) => d !== undefined && d !== 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: [
+                ...networkProfileDocs.map((doc) => ({
+                    id: `editor-${doc.header.id}`,
+                    title: "Network Profile",
+                    icon: _jsx(EarthIcon, { className: "w-5 h-5" }),
+                })),
+            ],
+        };
+        const buildersNode = {
+            id: `editor-${buildersDoc?.header.id}`,
+            title: "Builders",
+            children: [],
+        };
+        return [workstreamsNode, networkInfoNode, buildersNode];
+    }, [networkAdminDocuments, allDocuments]);
+    const sidebarTitle = useMemo(() => {
+        const networkProfileDoc = networkAdminDocuments?.find((doc) => doc.header.documentType === "powerhouse/network-profile");
+        return networkProfileDoc?.state.global.name || "Network Admin";
+    }, [networkAdminDocuments]);
+    // Handle sidebar node selection
+    const handleActiveNodeChange = useCallback((nodeId) => {
+        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;
+        setActiveSidebarNodeId(newNode.id);
+        if (newNode.id === "workstreams") {
+            setSelectedNode(undefined);
+            setSelectedRootNode("workstreams");
+        }
+        else if (newNode.id === "network-information") {
             setSelectedNode(undefined);
+            setSelectedRootNode("network-information");
         }
-        else {
-            setSelectedNode(node.id);
+        else if (newNode.id.startsWith("editor-")) {
+            createBuildersDocument();
+            const fileId = newNode.id.replace("editor-", "");
+            setSelectedNode(fileId);
         }
-    };
-    // 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 }) }));
+    }, [
+        sidebarNodes,
+        setActiveSidebarNodeId,
+        setSelectedRootNode,
+        createBuildersDocument,
+    ]);
+    return (_jsx(SidebarProvider, { nodes: sidebarNodes, children: _jsx(Sidebar, { nodes: sidebarNodes, activeNodeId: activeSidebarNodeId, onActiveNodeChange: (node) => handleActiveNodeChange(node.id), sidebarTitle: sidebarTitle, showSearchBar: true, allowPinning: true, resizable: true, initialWidth: 300, maxWidth: 500, enableMacros: 4, handleOnTitleClick: () => {
+                setSelectedNode(undefined);
+                setActiveSidebarNodeId("workstreams");
+                setSelectedRootNode("workstreams");
+            } }) }));
 }

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

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

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

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

package/dist/editors/network-admin/components/icons/EarthIcon.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const EarthIcon = (props) => (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }), _jsx("path", { d: "M2 12h20" })] }));

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,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,CAqC/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,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,CAkB3D,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,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,CAc3D,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,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,CA4ClE,CAAC"}

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,eAAO,MAAM,YAAY,EAAE,mBAU1B,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,mBAW1B,CAAC"}

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

@@ -7,5 +7,6 @@ export const editorConfig = {
         "powerhouse/scopeofwork",
         "payment-terms",
         "powerhouse/rfp",
+        "powerhouse/builders",
     ],
 };

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

@@ -1,3 +1,3 @@
 import type { EditorProps } from "document-model";
-export declare function Editor(props: EditorProps): import("react/jsx-runtime").JSX.Element;
+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":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CAGxC"}
+{"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,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,2CAGhD"}

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

@@ -2,7 +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";
-export function Editor(props) {
+export default function Editor(props) {
     useSetPHDriveEditorConfig(editorConfig);
     return _jsx(DriveExplorer, { ...props });
 }

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

@@ -0,0 +1,4 @@
+import type { EditorModule } from "document-model";
+/** Document editor module for the "powerhouse/document-drive" document type */
+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,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,+EAA+E;AAC/E,eAAO,MAAM,YAAY,EAAE,YAO1B,CAAC"}

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

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

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

@@ -0,0 +1,8 @@
+export declare function ImageUrlInput({ label, value, onChange, placeholder, fileSize, }: {
+    label: string;
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    fileSize?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ImageUrlInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageUrlInput.d.ts","sourceRoot":"","sources":["../../../../editors/network-profile-editor/components/ImageUrlInput.tsx"],"names":[],"mappings":"AAgFA,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAkB,GACnB,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,2CAwGA"}

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

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { TextInput, Icon } from "@powerhousedao/document-engineering";
+import { useState, useEffect } from "react";
+// Image Modal Component
+function ImageModal({ isOpen, onClose, imageUrl, imageAlt, }) {
+    const [imageLoaded, setImageLoaded] = useState(false);
+    const [imageDimensions, setImageDimensions] = useState({
+        width: 0,
+        height: 0,
+    });
+    if (!isOpen)
+        return null;
+    const handleImageLoad = (e) => {
+        const img = e.target;
+        setImageDimensions({ width: img.naturalWidth, height: img.naturalHeight });
+        setImageLoaded(true);
+    };
+    // Calculate modal size based on image dimensions with padding
+    const getModalSize = () => {
+        if (!imageLoaded)
+            return { width: "auto", height: "auto" };
+        const maxWidth = Math.min(imageDimensions.width + 100, window.innerWidth * 0.8);
+        const maxHeight = Math.min(imageDimensions.height + 100, window.innerHeight * 0.8);
+        return {
+            width: `${maxWidth}px`,
+            height: `${maxHeight}px`,
+        };
+    };
+    return (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center backdrop-blur-sm", onClick: onClose, children: _jsxs("div", { className: "relative rounded-lg border-2 border-gray-700 bg-gray-900 shadow-2xl", style: getModalSize(), children: [_jsx("button", { onClick: onClose, className: "absolute -right-3 -top-3 z-10 flex h-8 w-8 items-center justify-center rounded-full bg-gray-800 text-white shadow-lg transition-all duration-200 hover:bg-gray-900", children: _jsx(Icon, { name: "ArrowLeft", size: 16 }) }), _jsx("div", { className: "flex h-full w-full items-center justify-center p-8", children: _jsx("img", { src: imageUrl, alt: imageAlt, className: `max-h-full max-w-full rounded-lg object-contain ${imageLoaded ? "opacity-100" : "opacity-0"} transition-opacity duration-200`, onClick: (e) => e.stopPropagation(), onLoad: handleImageLoad }) })] }) }));
+}
+// Image URL input component with preview
+export function ImageUrlInput({ label, value, onChange, placeholder, fileSize = "200KB", }) {
+    const [imageError, setImageError] = useState(false);
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    // Reset image error when value changes
+    useEffect(() => {
+        setImageError(false);
+    }, [value]);
+    const handleImageClick = () => {
+        if (value &&
+            !imageError &&
+            (value.startsWith("http://") || value.startsWith("https://"))) {
+            setIsModalOpen(true);
+        }
+    };
+    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: "rounded-lg border border-gray-300 p-4", children: [_jsxs("div", { className: "flex items-center justify-between overflow-hidden", children: [_jsxs("div", { className: "flex min-w-0 items-center space-x-3", children: [_jsx("div", { className: `flex h-12 w-12 flex-shrink-0 items-center justify-center overflow-hidden rounded border bg-gray-100 ${value &&
+                                                    !imageError &&
+                                                    (value.startsWith("http://") || value.startsWith("https://"))
+                                                    ? "cursor-pointer transition-opacity duration-200 hover:opacity-80"
+                                                    : ""}`, onClick: handleImageClick, children: value &&
+                                                    !imageError &&
+                                                    (value.startsWith("http://") ||
+                                                        value.startsWith("https://")) ? (_jsx("img", { src: value, alt: `${label} preview`, className: "h-full w-full object-cover", onError: () => setImageError(true), onLoad: () => setImageError(false) })) : (_jsx(Icon, { name: "Image", size: 24, className: "text-gray-400" })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate 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: "mt-1 text-red-500", children: "Failed to load image" })), value &&
+                                                                !imageError &&
+                                                                (value.startsWith("http://") ||
+                                                                    value.startsWith("https://")) && (_jsx("div", { className: "mt-1 text-blue-600", children: "Click image to view full size" }))] })] })] }), _jsx("div", { className: "flex-shrink-0", children: _jsx("div", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-gray-200", 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` })] }));
+}

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

@@ -0,0 +1,2 @@
+export default function Editor(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=editor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/network-profile-editor/editor.tsx"],"names":[],"mappings":"AA0BA,MAAM,CAAC,OAAO,UAAU,MAAM,4CAoO7B"}

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

@@ -0,0 +1,92 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TextInput, Textarea, Select, } from "@powerhousedao/document-engineering";
+import { useSelectedNetworkProfileDocument, actions, } from "@powerhousedao/network-admin/document-models/network-profile";
+import { DocumentToolbar, ToastContainer, } from "@powerhousedao/design-system/connect";
+import { useCallback } from "react";
+import { ImageUrlInput } from "./components/ImageUrlInput.js";
+// Category options for the dropdown
+const categoryOptions = [
+    { value: "DEFI", label: "DeFi" },
+    { value: "OSS", label: "Open Source Software" },
+    { value: "CRYPTO", label: "Crypto" },
+    { value: "NGO", label: "NGO" },
+    { value: "CHARITY", label: "Charity" },
+];
+export default function Editor() {
+    const [doc, dispatch] = useSelectedNetworkProfileDocument();
+    const state = doc.state.global;
+    // Handle field changes
+    const handleFieldChange = useCallback((field, value) => {
+        let action;
+        switch (field) {
+            case "name":
+                action = actions.setProfileName({ name: value });
+                break;
+            case "icon":
+                action = actions.setIcon({ icon: value });
+                break;
+            case "logo":
+                action = actions.setLogo({ logo: value });
+                break;
+            case "logoBig":
+                action = actions.setLogoBig({ logoBig: value });
+                break;
+            case "website":
+                action = actions.setWebsite({ website: value });
+                break;
+            case "description":
+                action = actions.setDescription({ description: value });
+                break;
+            case "category":
+                action = actions.setCategory({
+                    category: value,
+                });
+                break;
+            case "x":
+                action = actions.setX({ x: value });
+                break;
+            case "github":
+                action = actions.setGithub({ github: value });
+                break;
+            case "discord":
+                action = actions.setDiscord({ discord: value });
+                break;
+            case "youtube":
+                action = actions.setYoutube({ youtube: value });
+                break;
+            default:
+                console.error(`Unknown field: ${field}`);
+                return;
+        }
+        dispatch(action);
+    }, [dispatch]);
+    return (_jsxs("div", { className: "min-h-screen w-full bg-gray-50", children: [_jsx(DocumentToolbar, {}), _jsxs("div", { className: "mx-auto max-w-4xl p-6", children: [_jsx("div", { className: "mb-6 rounded-lg bg-white p-6 shadow-sm", children: _jsx("h1", { className: "mb-2 text-3xl font-bold text-gray-900", children: "Network Profile" }) }), _jsx("div", { className: "rounded-lg bg-white p-6 shadow-sm", children: _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { className: "mb-2 block text-sm font-medium text-gray-700", 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: "mb-2 block text-sm font-medium text-gray-700", 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: "mb-2 block text-sm font-medium text-gray-700", 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: "mb-2 block text-sm font-medium text-gray-700", 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: "mb-2 block text-sm font-medium text-gray-700", 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: "mb-2 block text-sm font-medium text-gray-700", 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-editor/module.d.ts

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

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

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

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

@@ -0,0 +1,9 @@
+import { lazy } from "react";
+export const NetworkProfileEditor = {
+    Component: lazy(() => import("./editor.js")),
+    documentTypes: ["powerhouse/network-profile"],
+    config: {
+        id: "network-profile-editor",
+        name: "Network Profile",
+    },
+};

package/dist/editors/payment-terms-editor/components/BasicTermsTab.d.ts

@@ -0,0 +1,8 @@
+import type { DocumentDispatch } from "@powerhousedao/reactor-browser";
+import { type PaymentTermsState, type PaymentTermsAction } from "@powerhousedao/network-admin/document-models/payment-terms";
+export interface BasicTermsTabProps {
+    state: PaymentTermsState;
+    dispatch: DocumentDispatch<PaymentTermsAction>;
+}
+export declare function BasicTermsTab({ state, dispatch }: BasicTermsTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BasicTermsTab.d.ts.map

package/dist/editors/payment-terms-editor/components/BasicTermsTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicTermsTab.d.ts","sourceRoot":"","sources":["../../../../editors/payment-terms-editor/components/BasicTermsTab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAEL,KAAK,iBAAiB,EAItB,KAAK,kBAAkB,EACxB,MAAM,4DAA4D,CAAC;AAEpE,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;CAChD;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CA6SpE"}