@powerhousedao/network-admin 0.0.36 → 0.0.38

package/dist/document-models/workstream/src/tests/workstream.test.js

@@ -2,55 +2,58 @@
  * This is a scaffold file meant for customization:
  * - change it by adding new tests or modifying the existing ones
  */
-import { describe, it, expect, beforeEach } from "vitest";
+import { describe, it, expect } from "vitest";
 import { generateMock } from "@powerhousedao/codegen";
-import utils from "../../gen/utils.js";
-import { z, } from "../../gen/schema/index.js";
-import { reducer } from "../../gen/reducer.js";
-import * as creators from "../../gen/workstream/creators.js";
+import { reducer, utils, isWorkstreamDocument, editWorkstream, EditWorkstreamInputSchema, editClientInfo, EditClientInfoInputSchema, setRequestForProposal, SetRequestForProposalInputSchema, addPaymentRequest, AddPaymentRequestInputSchema, removePaymentRequest, RemovePaymentRequestInputSchema, } from "../../index.js";
 describe("Workstream Operations", () => {
-    let document;
-    beforeEach(() => {
-        document = utils.createDocument();
-    });
     it("should handle editWorkstream operation", () => {
-        const input = generateMock(z.EditWorkstreamInputSchema());
-        const updatedDocument = reducer(document, creators.editWorkstream(input));
+        const document = utils.createDocument();
+        const input = generateMock(EditWorkstreamInputSchema());
+        const updatedDocument = reducer(document, editWorkstream(input));
+        expect(isWorkstreamDocument(updatedDocument)).toBe(true);
         expect(updatedDocument.operations.global).toHaveLength(1);
-        expect(updatedDocument.operations.global[0].type).toBe("EDIT_WORKSTREAM");
-        expect(updatedDocument.operations.global[0].input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].action.type).toBe("EDIT_WORKSTREAM");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
         expect(updatedDocument.operations.global[0].index).toEqual(0);
     });
     it("should handle editClientInfo operation", () => {
-        const input = generateMock(z.EditClientInfoInputSchema());
-        const updatedDocument = reducer(document, creators.editClientInfo(input));
+        const document = utils.createDocument();
+        const input = generateMock(EditClientInfoInputSchema());
+        const updatedDocument = reducer(document, editClientInfo(input));
+        expect(isWorkstreamDocument(updatedDocument)).toBe(true);
         expect(updatedDocument.operations.global).toHaveLength(1);
-        expect(updatedDocument.operations.global[0].type).toBe("EDIT_CLIENT_INFO");
-        expect(updatedDocument.operations.global[0].input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].action.type).toBe("EDIT_CLIENT_INFO");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
         expect(updatedDocument.operations.global[0].index).toEqual(0);
     });
     it("should handle setRequestForProposal operation", () => {
-        const input = generateMock(z.SetRequestForProposalInputSchema());
-        const updatedDocument = reducer(document, creators.setRequestForProposal(input));
+        const document = utils.createDocument();
+        const input = generateMock(SetRequestForProposalInputSchema());
+        const updatedDocument = reducer(document, setRequestForProposal(input));
+        expect(isWorkstreamDocument(updatedDocument)).toBe(true);
         expect(updatedDocument.operations.global).toHaveLength(1);
-        expect(updatedDocument.operations.global[0].type).toBe("SET_REQUEST_FOR_PROPOSAL");
-        expect(updatedDocument.operations.global[0].input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].action.type).toBe("SET_REQUEST_FOR_PROPOSAL");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
         expect(updatedDocument.operations.global[0].index).toEqual(0);
     });
     it("should handle addPaymentRequest operation", () => {
-        const input = generateMock(z.AddPaymentRequestInputSchema());
-        const updatedDocument = reducer(document, creators.addPaymentRequest(input));
+        const document = utils.createDocument();
+        const input = generateMock(AddPaymentRequestInputSchema());
+        const updatedDocument = reducer(document, addPaymentRequest(input));
+        expect(isWorkstreamDocument(updatedDocument)).toBe(true);
         expect(updatedDocument.operations.global).toHaveLength(1);
-        expect(updatedDocument.operations.global[0].type).toBe("ADD_PAYMENT_REQUEST");
-        expect(updatedDocument.operations.global[0].input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].action.type).toBe("ADD_PAYMENT_REQUEST");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
         expect(updatedDocument.operations.global[0].index).toEqual(0);
     });
     it("should handle removePaymentRequest operation", () => {
-        const input = generateMock(z.RemovePaymentRequestInputSchema());
-        const updatedDocument = reducer(document, creators.removePaymentRequest(input));
+        const document = utils.createDocument();
+        const input = generateMock(RemovePaymentRequestInputSchema());
+        const updatedDocument = reducer(document, removePaymentRequest(input));
+        expect(isWorkstreamDocument(updatedDocument)).toBe(true);
         expect(updatedDocument.operations.global).toHaveLength(1);
-        expect(updatedDocument.operations.global[0].type).toBe("REMOVE_PAYMENT_REQUEST");
-        expect(updatedDocument.operations.global[0].input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].action.type).toBe("REMOVE_PAYMENT_REQUEST");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
         expect(updatedDocument.operations.global[0].index).toEqual(0);
     });
 });

package/dist/document-models/workstream/utils.d.ts

@@ -0,0 +1,14 @@
+import type { WorkstreamPHState } from "./gen/types.js";
+/** Utils for the Workstream document model */
+export declare const utils: {
+    fileExtension: string;
+    createState: import("document-model").CreateState<WorkstreamPHState>;
+    createDocument: import("document-model").CreateDocument<WorkstreamPHState>;
+    loadFromInput: import("document-model").LoadFromInput<WorkstreamPHState>;
+    saveToFileHandle: import("document-model").SaveToFileHandle;
+    isStateOfType: import("document-model").IsStateOfType<WorkstreamPHState>;
+    assertIsStateOfType: import("document-model").AssertIsStateOfType<WorkstreamPHState>;
+    isDocumentOfType: import("document-model").IsDocumentOfType<WorkstreamPHState>;
+    assertIsDocumentOfType: import("document-model").AssertIsDocumentOfType<WorkstreamPHState>;
+};
+//# sourceMappingURL=utils.d.ts.map

package/dist/document-models/workstream/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../document-models/workstream/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIxD,8CAA8C;AAC9C,eAAO,MAAM,KAAK;;;;;;;;;;CAG+B,CAAC"}

package/dist/document-models/workstream/utils.js

@@ -0,0 +1,7 @@
+import { utils as genUtils } from "./gen/utils.js";
+import * as customUtils from "./src/utils.js";
+/** Utils for the Workstream document model */
+export const utils = {
+    ...genUtils,
+    ...customUtils,
+};

package/dist/editors/editors.d.ts

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

package/dist/editors/editors.d.ts.map

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

package/dist/editors/editors.js

@@ -0,0 +1,12 @@
+import { NetworkProfile } from "./network-profile/module.js";
+import { PaymentTerms } from "./payment-terms/module.js";
+import { RequestForProposals } from "./request-for-proposals/module.js";
+import { Workstream } from "./workstream/module.js";
+import { NetworkAdmin } from "./network-admin/module.js";
+export const editors = [
+    NetworkProfile,
+    PaymentTerms,
+    RequestForProposals,
+    Workstream,
+    NetworkAdmin,
+];

package/dist/editors/index.d.ts

@@ -1,7 +1,10 @@
-export {};
-export { module as Workstream } from "./workstream/index.js";
-export { module as RequestForProposals } from "./request-for-proposals/index.js";
-export { module as PaymentTerms } from "./payment-terms/index.js";
-export { module as NetworkProfile } from "./network-profile/index.js";
-export { module as NetworkAdmin } from "./network-admin/index.js";
+/**
+ * This is a scaffold file meant for customization.
+ * Delete the file and run the code generator again to have it reset
+ */
+export { NetworkProfile } from "./network-profile/module.js";
+export { PaymentTerms } from "./payment-terms/module.js";
+export { RequestForProposals } from "./request-for-proposals/module.js";
+export { Workstream } from "./workstream/module.js";
+export { NetworkAdmin } from "./network-admin/module.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/editors/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../editors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC;AACV,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../editors/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/editors/index.js

@@ -1,6 +1,9 @@
-export {};
-export { module as Workstream } from "./workstream/index.js";
-export { module as RequestForProposals } from "./request-for-proposals/index.js";
-export { module as PaymentTerms } from "./payment-terms/index.js";
-export { module as NetworkProfile } from "./network-profile/index.js";
-export { module as NetworkAdmin } from "./network-admin/index.js";
+/**
+ * This is a scaffold file meant for customization.
+ * Delete the file and run the code generator again to have it reset
+ */
+export { NetworkProfile } from "./network-profile/module.js";
+export { PaymentTerms } from "./payment-terms/module.js";
+export { RequestForProposals } from "./request-for-proposals/module.js";
+export { Workstream } from "./workstream/module.js";
+export { NetworkAdmin } from "./network-admin/module.js";

package/dist/editors/network-admin/components/DriveExplorer.d.ts

@@ -3,5 +3,5 @@ import type { EditorProps } from "document-model";
  * Main drive explorer component with sidebar navigation and content area.
  * Layout: Left sidebar (folder tree) + Right content area (files/folders + document editor)
  */
-export declare function DriveExplorer(props: EditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function DriveExplorer({ children }: EditorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DriveExplorer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DriveExplorer.d.ts","sourceRoot":"","sources":["../../../../editors/network-admin/components/DriveExplorer.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA2BlD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,WAAW,2CAymB/C"}
+{"version":3,"file":"DriveExplorer.d.ts","sourceRoot":"","sources":["../../../../editors/network-admin/components/DriveExplorer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAuDlD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAsmBtD"}

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

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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, } from "@powerhousedao/reactor-browser";
+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";
@@ -9,8 +10,7 @@ import { RfpIcon } from "./icons/RfpIcon.js";
 import { SowIcon } from "./icons/SowIcon.js";
 import { WorkstreamIcon } from "./icons/WorkstreamIcon.js";
 import { Earth } from "lucide-react";
-import { CreateDocument } from "./CreateDocument.js";
-import { FolderTree } from "./FolderTree.js";
+import { editClientInfo, editWorkstream, } from "../../../document-models/workstream/gen/creators.js";
 const WorkstreamStatusEnums = [
     "RFP_DRAFT",
     "PREWORK_RFC",
@@ -26,8 +26,7 @@ const WorkstreamStatusEnums = [
  * 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) {
-    const { children } = props;
+export function DriveExplorer({ children }) {
     const { isAllowedToCreateDocuments } = useUserPermissions();
     // === DOCUMENT EDITOR STATE ===
     const [activeSidebarNodeId, setActiveSidebarNodeId] = useState("workstreams");
@@ -259,14 +258,12 @@ export function DriveExplorer(props) {
                                                                     ? "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: "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);
-                                                    showCreateDocumentModal("powerhouse/workstream");
+                                                    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: "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);
-                                                    showCreateDocumentModal("powerhouse/network-profile");
+                                                    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) => {
                                                         // Find the corresponding file node for actions
                                                         const fileNode = fileChildren?.find((file) => file.id === document.header.id);
@@ -317,18 +314,16 @@ export function DriveExplorer(props) {
                 return;
             }
             if (documentType === "powerhouse/workstream") {
-                // const networkProfileDoc = networkAdminDocuments?.find(
-                //   (doc) => doc.header.documentType === "powerhouse/network-profile"
-                // ) as NetworkProfileDocument | undefined;
-                // const actionsToDispatch = [
-                //   editWorkstream({ title: fileName }),
-                //   editClientInfo({
-                //     clientId: networkProfileDoc?.header.id || "",
-                //     name: networkProfileDoc?.state.global.name || "",
-                //     icon: networkProfileDoc?.state.global.icon || "",
-                //   }),
-                // ];
-                // await dispatchActions(actionsToDispatch, node.id);
+                const networkProfileDoc = networkAdminDocuments?.find((doc) => doc.header.documentType === "powerhouse/network-profile");
+                const actionsToDispatch = [
+                    editWorkstream({ title: fileName }),
+                    editClientInfo({
+                        clientId: networkProfileDoc?.header.id || "",
+                        name: networkProfileDoc?.state.global.name || "",
+                        icon: networkProfileDoc?.state.global.icon || "",
+                    }),
+                ];
+                await dispatchActions(actionsToDispatch, node.id);
             }
             selectedDocumentModel.current = null;
             console.log("Created document node", node);
@@ -350,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 ||
-                            displayActiveNode(selectedFolder?.id || selectedRootNode) }) })] })) }));
+                    } }), _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/config.d.ts

@@ -1,3 +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

@@ -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,yCAAyC;AACzC,eAAO,MAAM,YAAY,EAAE,mBAU1B,CAAC"}

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

@@ -1,3 +1,4 @@
+/** Editor config for the NetworkAdmin */
 export const editorConfig = {
     isDragAndDropEnabled: true,
     allowedDocumentTypes: [

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

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

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

@@ -2,7 +2,10 @@ 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) {
+/** 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;AAoBlD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AA8MjC,MAAM,CAAC,OAAO,UAAU,MAAM,4CAqP7B"}
+{"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,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";
+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 { DocumentToolbar } from "@powerhousedao/design-system";
+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 = [
@@ -75,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) {

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.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useMemo } from "react";
-import { toast } from "@powerhousedao/design-system";
+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, }) {

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":"AAaA,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"}
+{"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"}

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

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useMemo } from "react";
 import { ObjectSetTable, TextInput, Textarea, Button, } from "@powerhousedao/document-engineering";
-import { Icon, toast } from "@powerhousedao/design-system";
+import { Icon } from "@powerhousedao/document-engineering";
+import { toast } from "@powerhousedao/design-system/connect";
 import { generateId } from "document-model/core";
 import {} from "../../document-models/payment-terms/index.js";
 export function ClausesTab({ bonusClauses, penaltyClauses, dispatch, actions, currency = "USD", }) {

package/dist/editors/payment-terms/cost-materials-tab.js

@@ -1,19 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
 import { TextInput, Select, Button } from "@powerhousedao/document-engineering";
-import { toast } from "@powerhousedao/design-system";
+import { toast } from "@powerhousedao/design-system/connect";
 import {} from "../../document-models/payment-terms/index.js";
 export function CostMaterialsTab({ state, dispatch, actions, }) {
     const [isEditing, setIsEditing] = useState(false);
     const [formData, setFormData] = useState({
-        hourlyRate: state.costAndMaterials?.hourlyRate?.value?.toString() || "",
-        variableCap: state.costAndMaterials?.variableCap?.value?.toString() || "",
-        billingFrequency: state.costAndMaterials?.billingFrequency || "MONTHLY",
-        timesheetRequired: state.costAndMaterials?.timesheetRequired || false,
+        hourlyRate: state.timeAndMaterials?.hourlyRate?.value?.toString() || "",
+        variableCap: state.timeAndMaterials?.variableCap?.value?.toString() || "",
+        billingFrequency: state.timeAndMaterials?.billingFrequency || "MONTHLY",
+        timesheetRequired: state.timeAndMaterials?.timesheetRequired || false,
     });
     const handleSubmit = useCallback((e) => {
         e.preventDefault();
-        dispatch(actions.setCostAndMaterials({
+        dispatch(actions.setTimeAndMaterials({
             hourlyRate: formData.hourlyRate
                 ? {
                     value: parseFloat(formData.hourlyRate),
@@ -36,21 +36,21 @@ export function CostMaterialsTab({ state, dispatch, actions, }) {
     }, [formData, dispatch, actions, state.currency]);
     const handleCancel = useCallback(() => {
         setFormData({
-            hourlyRate: state.costAndMaterials?.hourlyRate?.value?.toString() || "",
-            variableCap: state.costAndMaterials?.variableCap?.value?.toString() || "",
-            billingFrequency: state.costAndMaterials?.billingFrequency || "MONTHLY",
-            timesheetRequired: state.costAndMaterials?.timesheetRequired || false,
+            hourlyRate: state.timeAndMaterials?.hourlyRate?.value?.toString() || "",
+            variableCap: state.timeAndMaterials?.variableCap?.value?.toString() || "",
+            billingFrequency: state.timeAndMaterials?.billingFrequency || "MONTHLY",
+            timesheetRequired: state.timeAndMaterials?.timesheetRequired || false,
         });
         setIsEditing(false);
-    }, [state.costAndMaterials]);
+    }, [state.timeAndMaterials]);
     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 dark:text-white", children: "Cost & Materials Configuration" }), _jsx(Button, { onClick: () => setIsEditing(true), color: "light", size: "sm", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: state.costAndMaterials
+        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 dark:text-white", children: "Cost & Materials Configuration" }), _jsx(Button, { onClick: () => setIsEditing(true), color: "light", size: "sm", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: state.timeAndMaterials
                                 ? "Edit Configuration"
-                                : "Configure Cost & Materials" })] }), state.costAndMaterials ? (_jsxs("div", { className: "grid grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Hourly Rate" }), _jsx("p", { className: "text-lg dark:text-white", children: state.costAndMaterials.hourlyRate
-                                        ? `${state.costAndMaterials.hourlyRate.value} ${state.costAndMaterials.hourlyRate.unit}`
-                                        : "Not set" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Variable Cap" }), _jsx("p", { className: "text-lg dark:text-white", children: state.costAndMaterials.variableCap
-                                        ? `${state.costAndMaterials.variableCap.value} ${state.costAndMaterials.variableCap.unit}`
-                                        : "Not set" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Billing Frequency" }), _jsx("p", { className: "text-lg dark:text-white", children: state.costAndMaterials.billingFrequency })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Timesheet Required" }), _jsx("p", { className: "text-lg dark:text-white", children: state.costAndMaterials.timesheetRequired ? "Yes" : "No" })] })] })) : (_jsxs("div", { className: "text-center py-8 text-gray-500 dark:text-gray-400", children: [_jsx("p", { children: "No cost & materials configuration set up yet." }), _jsx("p", { className: "text-sm", children: "Click \"Configure Cost & Materials\" to get started." })] }))] }));
+                                : "Configure Cost & Materials" })] }), state.timeAndMaterials ? (_jsxs("div", { className: "grid grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Hourly Rate" }), _jsx("p", { className: "text-lg dark:text-white", children: state.timeAndMaterials.hourlyRate
+                                        ? `${state.timeAndMaterials.hourlyRate.value} ${state.timeAndMaterials.hourlyRate.unit}`
+                                        : "Not set" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Variable Cap" }), _jsx("p", { className: "text-lg dark:text-white", children: state.timeAndMaterials.variableCap
+                                        ? `${state.timeAndMaterials.variableCap.value} ${state.timeAndMaterials.variableCap.unit}`
+                                        : "Not set" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Billing Frequency" }), _jsx("p", { className: "text-lg dark:text-white", children: state.timeAndMaterials.billingFrequency })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Timesheet Required" }), _jsx("p", { className: "text-lg dark:text-white", children: state.timeAndMaterials.timesheetRequired ? "Yes" : "No" })] })] })) : (_jsxs("div", { className: "text-center py-8 text-gray-500 dark:text-gray-400", children: [_jsx("p", { children: "No cost & materials configuration set up yet." }), _jsx("p", { className: "text-sm", children: "Click \"Configure Cost & Materials\" to get started." })] }))] }));
     }
     return (_jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [_jsx("div", { className: "flex justify-between items-center mb-4", children: _jsx("h2", { className: "text-xl font-semibold dark:text-white", children: "Configure Cost & Materials" }) }), _jsxs("div", { className: "grid grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Hourly Rate" }), _jsx(TextInput, { value: formData.hourlyRate, onChange: (e) => setFormData({ ...formData, hourlyRate: e.target.value }), placeholder: "0.00", type: "number", step: "0.01" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Variable Cap" }), _jsx(TextInput, { value: formData.variableCap, onChange: (e) => setFormData({ ...formData, variableCap: e.target.value }), placeholder: "0.00", type: "number", step: "0.01" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Billing Frequency *" }), _jsx(Select, { value: formData.billingFrequency, onChange: (value) => setFormData({
                                     ...formData,

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

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/editor.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAU,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAgB1D,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAEjC,MAAM,CAAC,OAAO,UAAU,MAAM,4CA+W7B"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/editor.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAU,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAe1D,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAEjC,MAAM,CAAC,OAAO,UAAU,MAAM,4CA+W7B"}

package/dist/editors/payment-terms/editor.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { setSelectedNode, useDocumentById, useParentFolderForSelectedNode, } from "@powerhousedao/reactor-browser";
-import { Button, Icon, toast, ToastContainer, } from "@powerhousedao/design-system";
+import { toast, ToastContainer, DocumentToolbar, } from "@powerhousedao/design-system/connect";
 import { actions, } from "../../document-models/payment-terms/index.js";
 import { BasicTermsTab } from "./basic-terms-tab.js";
 import { MilestonesTab } from "./milestones-tab.js";
@@ -9,8 +9,8 @@ import { CostMaterialsTab } from "./cost-materials-tab.js";
 import { RetainerTab } from "./retainer-tab.js";
 import { EscrowTab } from "./escrow-tab.js";
 import { EvaluationTab } from "./evaluation-tab.js";
-import { useSelectedPaymentTermsDocument } from "../hooks/usePaymentTermsDocument.js";
-import { DocumentToolbar } from "@powerhousedao/design-system";
+import { useSelectedPaymentTermsDocument } from "../../document-models/payment-terms/hooks.js";
+import { Icon } from "@powerhousedao/document-engineering";
 export default function Editor() {
     // Getting dispatch from props or selected document
     const [doc, dispatch] = useSelectedPaymentTermsDocument();
@@ -56,9 +56,9 @@ export default function Editor() {
                                                         ? `${state.totalAmount.value} ${state.totalAmount.unit}`
                                                         : "Not set" })] }), _jsxs("div", { className: "bg-gray-50 dark:bg-gray-700 p-4 rounded-lg border border-gray-200 dark:border-gray-600", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx(Icon, { name: "BarChart", size: 16, className: "text-purple-600 dark:text-purple-400" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300 font-medium", children: "Progress" })] }), _jsx("p", { className: "text-lg font-semibold dark:text-white", children: state.paymentModel === "MILESTONE"
                                                         ? `${completedMilestones} / ${totalMilestones}`
-                                                        : "N/A" })] })] })] }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm", children: [_jsx("div", { className: "px-6 py-4 border-b border-gray-200 dark:border-gray-700", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Icon, { name: "CalendarTime", size: 20, className: "text-blue-600 dark:text-blue-400" }), _jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: "Basic Terms" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300 mt-1", children: "Configure the basic payment terms and details" })] })] }) }), _jsx("div", { className: "p-6", children: _jsx(BasicTermsTab, { state: state, dispatch: dispatch, actions: actions }) })] }), state.paymentModel === "MILESTONE" && (_jsxs("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm", children: [_jsx("div", { className: "px-6 py-4 border-b border-gray-200 dark:border-gray-700", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Icon, { name: "BarChart", size: 20, className: "text-green-600 dark:text-green-400" }), _jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: "Milestone Schedule" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300 mt-1", children: "Define project milestones and payment amounts" })] })] }) }), _jsx("div", { className: "p-6", children: _jsx(MilestonesTab, { milestones: state.milestoneSchedule, dispatch: dispatch, actions: actions, currency: state.currency }) })] })), state.paymentModel === "COST_AND_MATERIALS" && (_jsxs("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm", children: [_jsx("div", { className: "px-6 py-4 border-b border-gray-200 dark:border-gray-700", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Icon, { name: "BarChart", size: 20, className: "text-yellow-600 dark:text-yellow-400" }), _jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: "Cost & Materials" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300 mt-1", children: "Configure hourly rates, billing frequency, and caps" })] })] }) }), _jsx("div", { className: "p-6", children: _jsx(CostMaterialsTab, { state: state, dispatch: dispatch, actions: actions }) })] })), state.paymentModel === "RETAINER" && (_jsxs("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm", children: [_jsx("div", { className: "px-6 py-4 border-b border-gray-200 dark:border-gray-700", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Icon, { name: "BarChart", size: 20, className: "text-purple-600 dark:text-purple-400" }), _jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: "Retainer Details" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300 mt-1", children: "Configure retainer amount, frequency, and services" })] })] }) }), _jsx("div", { className: "p-6", children: _jsx(RetainerTab, { state: state, dispatch: dispatch, actions: actions }) })] })), state.escrowDetails &&
+                                                        : "N/A" })] })] })] }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm", children: [_jsx("div", { className: "px-6 py-4 border-b border-gray-200 dark:border-gray-700", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Icon, { name: "CalendarTime", size: 20, className: "text-blue-600 dark:text-blue-400" }), _jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: "Basic Terms" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300 mt-1", children: "Configure the basic payment terms and details" })] })] }) }), _jsx("div", { className: "p-6", children: _jsx(BasicTermsTab, { state: state, dispatch: dispatch, actions: actions }) })] }), state.paymentModel === "MILESTONE" && (_jsxs("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm", children: [_jsx("div", { className: "px-6 py-4 border-b border-gray-200 dark:border-gray-700", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Icon, { name: "BarChart", size: 20, className: "text-green-600 dark:text-green-400" }), _jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: "Milestone Schedule" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300 mt-1", children: "Define project milestones and payment amounts" })] })] }) }), _jsx("div", { className: "p-6", children: _jsx(MilestonesTab, { milestones: state.milestoneSchedule, dispatch: dispatch, actions: actions, currency: state.currency }) })] })), state.paymentModel === "TIME_AND_MATERIALS" && (_jsxs("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm", children: [_jsx("div", { className: "px-6 py-4 border-b border-gray-200 dark:border-gray-700", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Icon, { name: "BarChart", size: 20, className: "text-yellow-600 dark:text-yellow-400" }), _jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: "Cost & Materials" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300 mt-1", children: "Configure hourly rates, billing frequency, and caps" })] })] }) }), _jsx("div", { className: "p-6", children: _jsx(CostMaterialsTab, { state: state, dispatch: dispatch, actions: actions }) })] })), state.paymentModel === "TIME_AND_MATERIALS" && (_jsxs("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm", children: [_jsx("div", { className: "px-6 py-4 border-b border-gray-200 dark:border-gray-700", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Icon, { name: "BarChart", size: 20, className: "text-purple-600 dark:text-purple-400" }), _jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: "Retainer Details" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300 mt-1", children: "Configure retainer amount, frequency, and services" })] })] }) }), _jsx("div", { className: "p-6", children: _jsx(RetainerTab, { state: state, dispatch: dispatch, actions: actions }) })] })), state.escrowDetails &&
                                     state.escrowDetails.releaseConditions &&
                                     (state.paymentModel === "MILESTONE" ||
-                                        state.paymentModel === "COST_AND_MATERIALS" ||
+                                        state.paymentModel === "TIME_AND_MATERIALS" ||
                                         state.paymentModel === "RETAINER") && (_jsxs("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm", children: [_jsx("div", { className: "px-6 py-4 border-b border-gray-200 dark:border-gray-700", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Icon, { name: "BarChart", size: 20, className: "text-orange-600 dark:text-orange-400" }), _jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: "Escrow Details" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300 mt-1", children: "Configure escrow payment arrangements" })] })] }) }), _jsx("div", { className: "p-6", children: _jsx(EscrowTab, { state: state, dispatch: dispatch, actions: actions }) })] })), _jsxs("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm", children: [_jsx("div", { className: "px-6 py-4 border-b border-gray-200 dark:border-gray-700", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Icon, { name: "BarChart", size: 20, className: "text-red-600 dark:text-red-400" }), _jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: "Bonus & Penalty Clauses" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300 mt-1", children: "Add performance-based bonus and penalty conditions" })] })] }) }), _jsx("div", { className: "p-6", children: _jsx(ClausesTab, { bonusClauses: state.bonusClauses, penaltyClauses: state.penaltyClauses, dispatch: dispatch, actions: actions, currency: state.currency }) })] }), _jsxs("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-sm", children: [_jsx("div", { className: "px-6 py-4 border-b border-gray-200 dark:border-gray-700", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Icon, { name: "BarChart", size: 20, className: "text-indigo-600 dark:text-indigo-400" }), _jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: "Evaluation Terms" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300 mt-1", children: "Define performance evaluation criteria and processes" })] })] }) }), _jsx("div", { className: "p-6", children: _jsx(EvaluationTab, { state: state, dispatch: dispatch, actions: actions }) })] })] })] }) }), _jsx(ToastContainer, {})] }));
 }

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
 import { TextInput, Textarea, Button, } from "@powerhousedao/document-engineering";
-import { toast } from "@powerhousedao/design-system";
+import { toast } from "@powerhousedao/design-system/connect";
 import {} from "../../document-models/payment-terms/index.js";
 export function EscrowTab({ state, dispatch, actions }) {
     const [isEditing, setIsEditing] = useState(false);