@powerhousedao/contributor-billing 0.1.39 → 0.1.41

package/dist/editors/builder-team-admin/components/ResourcesServices.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { FileItem } from "@powerhousedao/design-system/connect";
+import { FolderItem } from "@powerhousedao/design-system/connect";
+import { isFolderNodeKind, isFileNodeKind, setSelectedNode, useSelectedNodePath, useNodesInSelectedDriveOrFolder, useUserPermissions, showCreateDocumentModal, } from "@powerhousedao/reactor-browser";
+import { useEffect, useRef, useState } from "react";
+import { Plus, FileText, Package } from "lucide-react";
+import { useResourcesServicesAutoPlacement } from "../hooks/useResourcesServicesAutoPlacement.js";
+const RESOURCE_TEMPLATES_FOLDER_NAME = "Resource Templates";
+const SERVICE_OFFERINGS_FOLDER_NAME = "Service Offerings";
+/**
+ * Component for the Resources & Services custom view.
+ * Shows two auto-generated folders: Resource Templates and Service Offerings.
+ * Users can create powerhouse/resource-template docs in Resource Templates
+ * and powerhouse/service-offering docs in Service Offerings.
+ */
+export function ResourcesServices() {
+    const hasNavigatedToFolder = useRef(false);
+    const selectedNodePath = useSelectedNodePath();
+    const nodesInCurrentFolder = useNodesInSelectedDriveOrFolder();
+    const { isAllowedToCreateDocuments } = useUserPermissions();
+    // Use the shared auto-placement hook - this handles:
+    // 1. Creating the "Resource Templates" folder if it doesn't exist
+    // 2. Creating the "Service Offerings" folder if it doesn't exist
+    const { resourceTemplatesFolder, serviceOfferingsFolder, resourceTemplateDocuments, serviceOfferingDocuments, } = useResourcesServicesAutoPlacement();
+    // Determine which folder we're currently in (if any)
+    const currentFolderId = selectedNodePath.at(-1)?.id;
+    const isInResourceTemplates = currentFolderId === resourceTemplatesFolder?.id;
+    const isInServiceOfferings = currentFolderId === serviceOfferingsFolder?.id;
+    const isInRootView = !isInResourceTemplates && !isInServiceOfferings;
+    // Navigate to root view initially (deselect any node)
+    useEffect(() => {
+        if (resourceTemplatesFolder &&
+            serviceOfferingsFolder &&
+            !hasNavigatedToFolder.current) {
+            hasNavigatedToFolder.current = true;
+            // Don't select any node so we show the root view with both folders
+            setSelectedNode("");
+        }
+    }, [resourceTemplatesFolder, serviceOfferingsFolder]);
+    // Show loading state while folders are being created
+    if (!resourceTemplatesFolder || !serviceOfferingsFolder) {
+        return (_jsx("div", { className: "flex items-center justify-center h-64", children: _jsx("div", { className: "text-gray-500", children: "Setting up Resources & Services folders..." }) }));
+    }
+    // Handler for creating new documents
+    const handleCreateDocument = (documentType, folderId) => {
+        setSelectedNode(folderId);
+        // Small delay to ensure the folder is selected before showing modal
+        setTimeout(() => {
+            showCreateDocumentModal(documentType);
+        }, 100);
+    };
+    // Get folder and file nodes from current selection
+    const folderNodes = nodesInCurrentFolder.filter((n) => isFolderNodeKind(n));
+    const fileNodes = nodesInCurrentFolder.filter((n) => isFileNodeKind(n));
+    // Render the root view with both folder cards
+    if (isInRootView) {
+        return (_jsxs("div", { children: [_jsx("div", { className: "text-2xl font-bold text-center mb-6", children: "Resources & Services" }), _jsxs("div", { className: "space-y-6 px-6", children: [_jsx("p", { className: "text-gray-600 text-center mb-8", children: "Manage your resource templates and service offerings. Click on a folder to view or create documents." }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { className: "border border-gray-200 rounded-lg p-6 hover:border-blue-400 hover:shadow-md transition-all cursor-pointer", onClick: () => setSelectedNode(resourceTemplatesFolder.id), children: [_jsxs("div", { className: "flex items-center gap-3 mb-4", children: [_jsx("div", { className: "p-2 bg-blue-50 rounded-lg", children: _jsx(FileText, { className: "w-6 h-6 text-blue-600" }) }), _jsx("h3", { className: "text-lg font-semibold", children: RESOURCE_TEMPLATES_FOLDER_NAME })] }), _jsx("p", { className: "text-gray-600 text-sm mb-4", children: "Define resource templates that can be used across service offerings." }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("span", { className: "text-sm text-gray-500", children: [resourceTemplateDocuments.length, " template", resourceTemplateDocuments.length !== 1 ? "s" : ""] }), isAllowedToCreateDocuments && (_jsxs("button", { type: "button", className: "flex items-center gap-1 text-sm text-blue-600 hover:text-blue-800", onClick: (e) => {
+                                                        e.stopPropagation();
+                                                        handleCreateDocument("powerhouse/resource-template", resourceTemplatesFolder.id);
+                                                    }, children: [_jsx(Plus, { size: 14 }), "Add new"] }))] })] }), _jsxs("div", { className: "border border-gray-200 rounded-lg p-6 hover:border-indigo-400 hover:shadow-md transition-all cursor-pointer", onClick: () => setSelectedNode(serviceOfferingsFolder.id), children: [_jsxs("div", { className: "flex items-center gap-3 mb-4", children: [_jsx("div", { className: "p-2 bg-indigo-50 rounded-lg", children: _jsx(Package, { className: "w-6 h-6 text-indigo-600" }) }), _jsx("h3", { className: "text-lg font-semibold", children: SERVICE_OFFERINGS_FOLDER_NAME })] }), _jsx("p", { className: "text-gray-600 text-sm mb-4", children: "Create and manage service offerings with pricing tiers and options." }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("span", { className: "text-sm text-gray-500", children: [serviceOfferingDocuments.length, " offering", serviceOfferingDocuments.length !== 1 ? "s" : ""] }), isAllowedToCreateDocuments && (_jsxs("button", { type: "button", className: "flex items-center gap-1 text-sm text-indigo-600 hover:text-indigo-800", onClick: (e) => {
+                                                        e.stopPropagation();
+                                                        handleCreateDocument("powerhouse/service-offering", serviceOfferingsFolder.id);
+                                                    }, children: [_jsx(Plus, { size: 14 }), "Add new"] }))] })] })] })] })] }));
+    }
+    // Render folder contents view (Resource Templates or Service Offerings)
+    const currentFolderName = isInResourceTemplates
+        ? RESOURCE_TEMPLATES_FOLDER_NAME
+        : SERVICE_OFFERINGS_FOLDER_NAME;
+    const documentType = isInResourceTemplates
+        ? "powerhouse/resource-template"
+        : "powerhouse/service-offering";
+    const hasFolders = folderNodes.length > 0;
+    const hasFiles = fileNodes.length > 0;
+    const isEmpty = !hasFolders && !hasFiles;
+    return (_jsxs("div", { children: [_jsx("div", { className: "text-2xl font-bold text-center mb-4", children: currentFolderName }), _jsxs("div", { className: "space-y-6 px-6", children: [_jsxs("div", { className: "flex h-9 flex-row items-center gap-2 text-gray-500 border-b border-gray-200 pb-3", children: [_jsx("div", { className: "transition-colors hover:text-gray-800 cursor-pointer", onClick: () => setSelectedNode(""), role: "button", children: "Resources & Services" }), _jsx("span", { children: "/" }), _jsx("div", { className: "text-gray-800", children: currentFolderName }), _jsx("span", { children: "/" }), isAllowedToCreateDocuments && (_jsxs("button", { type: "button", className: "ml-1 flex items-center justify-center gap-2 rounded-md bg-gray-50 px-2 py-1.5 transition-colors hover:bg-gray-200 hover:text-gray-800", onClick: () => showCreateDocumentModal(documentType), children: [_jsx(Plus, { size: 14 }), "Add new"] }))] }), hasFolders && (_jsxs("div", { children: [_jsx("h3", { className: "mb-2 text-sm font-bold text-gray-600", children: "Folders" }), _jsx("div", { className: "flex flex-wrap gap-4", children: folderNodes.map((folderNode) => (_jsx(FolderItem, { folderNode: folderNode }, folderNode.id))) })] })), hasFiles && (_jsxs("div", { children: [_jsx("h3", { className: "mb-2 text-sm font-semibold text-gray-600", children: "Documents" }), _jsx("div", { className: "flex flex-wrap gap-4", children: fileNodes.map((fileNode) => (_jsx(FileItem, { fileNode: fileNode }, fileNode.id))) })] })), isEmpty && (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [_jsx("div", { className: "text-gray-400 mb-2", children: isInResourceTemplates ? (_jsx(FileText, { className: "w-16 h-16 mx-auto" })) : (_jsx(Package, { className: "w-16 h-16 mx-auto" })) }), _jsxs("p", { className: "text-gray-500 text-sm", children: ["No ", currentFolderName.toLowerCase(), " yet.", isAllowedToCreateDocuments && (_jsxs(_Fragment, { children: [" ", "Click \"Add new\" to create your first", " ", isInResourceTemplates ? "resource template" : "service offering", "."] }))] })] }))] })] }));
+}

package/dist/editors/builder-team-admin/hooks/useResourcesServicesAutoPlacement.d.ts

@@ -0,0 +1,27 @@
+import type { FolderNode, FileNode } from "document-drive";
+interface UseResourcesServicesAutoPlacementResult {
+    /** The Resource Templates folder node, or null if it doesn't exist yet */
+    resourceTemplatesFolder: FolderNode | null;
+    /** The Service Offerings folder node, or null if it doesn't exist yet */
+    serviceOfferingsFolder: FolderNode | null;
+    /** Set of all node IDs within the Resource Templates folder tree */
+    resourceTemplatesNodeIds: Set<string>;
+    /** Set of all node IDs within the Service Offerings folder tree */
+    serviceOfferingsNodeIds: Set<string>;
+    /** All resource template documents within the Resource Templates folder */
+    resourceTemplateDocuments: FileNode[];
+    /** All service offering documents within the Service Offerings folder */
+    serviceOfferingDocuments: FileNode[];
+}
+/**
+ * Hook that handles automatic creation of "Resource Templates" and "Service Offerings" folders
+ * for the Resources & Services section.
+ *
+ * This hook:
+ * 1. Creates the "Resource Templates" folder if it doesn't exist
+ * 2. Creates the "Service Offerings" folder if it doesn't exist
+ * 3. Provides access to documents within each folder
+ */
+export declare function useResourcesServicesAutoPlacement(): UseResourcesServicesAutoPlacementResult;
+export {};
+//# sourceMappingURL=useResourcesServicesAutoPlacement.d.ts.map

package/dist/editors/builder-team-admin/hooks/useResourcesServicesAutoPlacement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResourcesServicesAutoPlacement.d.ts","sourceRoot":"","sources":["../../../../editors/builder-team-admin/hooks/useResourcesServicesAutoPlacement.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAQ,MAAM,gBAAgB,CAAC;AAKjE,UAAU,uCAAuC;IAC/C,0EAA0E;IAC1E,uBAAuB,EAAE,UAAU,GAAG,IAAI,CAAC;IAC3C,yEAAyE;IACzE,sBAAsB,EAAE,UAAU,GAAG,IAAI,CAAC;IAC1C,oEAAoE;IACpE,wBAAwB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACtC,mEAAmE;IACnE,uBAAuB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACrC,2EAA2E;IAC3E,yBAAyB,EAAE,QAAQ,EAAE,CAAC;IACtC,yEAAyE;IACzE,wBAAwB,EAAE,QAAQ,EAAE,CAAC;CACtC;AAED;;;;;;;;GAQG;AACH,wBAAgB,iCAAiC,IAAI,uCAAuC,CAiJ3F"}

package/dist/editors/builder-team-admin/hooks/useResourcesServicesAutoPlacement.js

@@ -0,0 +1,123 @@
+import { useEffect, useMemo, useRef } from "react";
+import { isFolderNodeKind, isFileNodeKind, addFolder, useSelectedDrive, useDocumentsInSelectedDrive, } from "@powerhousedao/reactor-browser";
+const RESOURCE_TEMPLATES_FOLDER_NAME = "Resource Templates";
+const SERVICE_OFFERINGS_FOLDER_NAME = "Service Offerings";
+/**
+ * Hook that handles automatic creation of "Resource Templates" and "Service Offerings" folders
+ * for the Resources & Services section.
+ *
+ * This hook:
+ * 1. Creates the "Resource Templates" folder if it doesn't exist
+ * 2. Creates the "Service Offerings" folder if it doesn't exist
+ * 3. Provides access to documents within each folder
+ */
+export function useResourcesServicesAutoPlacement() {
+    const [driveDocument] = useSelectedDrive();
+    const documentsInDrive = useDocumentsInSelectedDrive();
+    // Track folder creation to prevent duplicates
+    const hasCreatedResourceTemplatesFolder = useRef(false);
+    const hasCreatedServiceOfferingsFolder = useRef(false);
+    // Find the "Resource Templates" folder in the drive
+    const resourceTemplatesFolder = useMemo(() => {
+        if (!driveDocument)
+            return null;
+        const nodes = driveDocument.state.global.nodes;
+        return (nodes.find((node) => isFolderNodeKind(node) &&
+            node.name === RESOURCE_TEMPLATES_FOLDER_NAME) ?? null);
+    }, [driveDocument]);
+    // Find the "Service Offerings" folder in the drive
+    const serviceOfferingsFolder = useMemo(() => {
+        if (!driveDocument)
+            return null;
+        const nodes = driveDocument.state.global.nodes;
+        return (nodes.find((node) => isFolderNodeKind(node) && node.name === SERVICE_OFFERINGS_FOLDER_NAME) ?? null);
+    }, [driveDocument]);
+    // Build a set of all node IDs within the Resource Templates folder tree
+    const resourceTemplatesNodeIds = useMemo(() => {
+        const nodeIds = new Set();
+        if (!resourceTemplatesFolder || !driveDocument)
+            return nodeIds;
+        const allNodes = driveDocument.state.global.nodes;
+        const collectNodeIds = (parentId) => {
+            nodeIds.add(parentId);
+            for (const node of allNodes) {
+                if (isFolderNodeKind(node) && node.parentFolder === parentId) {
+                    collectNodeIds(node.id);
+                }
+                else if (isFileNodeKind(node) &&
+                    node.parentFolder === parentId &&
+                    node.documentType === "powerhouse/resource-template") {
+                    nodeIds.add(node.id);
+                }
+            }
+        };
+        collectNodeIds(resourceTemplatesFolder.id);
+        return nodeIds;
+    }, [resourceTemplatesFolder, driveDocument]);
+    // Build a set of all node IDs within the Service Offerings folder tree
+    const serviceOfferingsNodeIds = useMemo(() => {
+        const nodeIds = new Set();
+        if (!serviceOfferingsFolder || !driveDocument)
+            return nodeIds;
+        const allNodes = driveDocument.state.global.nodes;
+        const collectNodeIds = (parentId) => {
+            nodeIds.add(parentId);
+            for (const node of allNodes) {
+                if (isFolderNodeKind(node) && node.parentFolder === parentId) {
+                    collectNodeIds(node.id);
+                }
+                else if (isFileNodeKind(node) &&
+                    node.parentFolder === parentId &&
+                    node.documentType === "powerhouse/service-offering") {
+                    nodeIds.add(node.id);
+                }
+            }
+        };
+        collectNodeIds(serviceOfferingsFolder.id);
+        return nodeIds;
+    }, [serviceOfferingsFolder, driveDocument]);
+    // Get resource template documents within the Resource Templates folder
+    const resourceTemplateDocuments = useMemo(() => {
+        if (!driveDocument)
+            return [];
+        return driveDocument.state.global.nodes.filter((node) => isFileNodeKind(node) &&
+            node.documentType === "powerhouse/resource-template" &&
+            resourceTemplatesNodeIds.has(node.id));
+    }, [driveDocument, resourceTemplatesNodeIds]);
+    // Get service offering documents within the Service Offerings folder
+    const serviceOfferingDocuments = useMemo(() => {
+        if (!driveDocument)
+            return [];
+        return driveDocument.state.global.nodes.filter((node) => isFileNodeKind(node) &&
+            node.documentType === "powerhouse/service-offering" &&
+            serviceOfferingsNodeIds.has(node.id));
+    }, [driveDocument, serviceOfferingsNodeIds]);
+    // Create Resource Templates folder if it doesn't exist
+    useEffect(() => {
+        if (!driveDocument ||
+            resourceTemplatesFolder ||
+            hasCreatedResourceTemplatesFolder.current)
+            return;
+        hasCreatedResourceTemplatesFolder.current = true;
+        const driveId = driveDocument.header.id;
+        void addFolder(driveId, RESOURCE_TEMPLATES_FOLDER_NAME);
+    }, [driveDocument, resourceTemplatesFolder]);
+    // Create Service Offerings folder if it doesn't exist
+    useEffect(() => {
+        if (!driveDocument ||
+            serviceOfferingsFolder ||
+            hasCreatedServiceOfferingsFolder.current)
+            return;
+        hasCreatedServiceOfferingsFolder.current = true;
+        const driveId = driveDocument.header.id;
+        void addFolder(driveId, SERVICE_OFFERINGS_FOLDER_NAME);
+    }, [driveDocument, serviceOfferingsFolder]);
+    return {
+        resourceTemplatesFolder,
+        serviceOfferingsFolder,
+        resourceTemplatesNodeIds,
+        serviceOfferingsNodeIds,
+        resourceTemplateDocuments,
+        serviceOfferingDocuments,
+    };
+}

package/dist/editors/index.d.ts

@@ -8,4 +8,5 @@ export { SnapshotReportEditor } from "./snapshot-report-editor/module.js";
 export { ExpenseReport } from "./expense-report/module.js";
 export { ServiceSubscriptionsEditor } from "./service-subscriptions-editor/module.js";
 export { ServiceOfferingEditor } from "./service-offering-editor/module.js";
+export { ResourceTemplateEditor } from "./resource-template-editor/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,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,0BAA0B,EAAE,MAAM,0CAA0C,CAAC;AACtF,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../editors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,0BAA0B,EAAE,MAAM,0CAA0C,CAAC;AACtF,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC"}

package/dist/editors/index.js

@@ -8,3 +8,4 @@ export { SnapshotReportEditor } from "./snapshot-report-editor/module.js";
 export { ExpenseReport } from "./expense-report/module.js";
 export { ServiceSubscriptionsEditor } from "./service-subscriptions-editor/module.js";
 export { ServiceOfferingEditor } from "./service-offering-editor/module.js";
+export { ResourceTemplateEditor } from "./resource-template-editor/module.js";

package/dist/editors/resource-template-editor/components/FacetTargeting.d.ts

@@ -0,0 +1,9 @@
+import type { DocumentDispatch } from "@powerhousedao/reactor-browser";
+import type { ResourceTemplateDocument, ResourceTemplateAction } from "../../../document-models/resource-template/gen/types.js";
+interface FacetTargetingProps {
+    document: ResourceTemplateDocument;
+    dispatch: DocumentDispatch<ResourceTemplateAction>;
+}
+export declare function FacetTargeting({ document, dispatch }: FacetTargetingProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FacetTargeting.d.ts.map

package/dist/editors/resource-template-editor/components/FacetTargeting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FacetTargeting.d.ts","sourceRoot":"","sources":["../../../../editors/resource-template-editor/components/FacetTargeting.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EACV,wBAAwB,EACxB,sBAAsB,EACvB,MAAM,yDAAyD,CAAC;AAQjE,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,wBAAwB,CAAC;IACnC,QAAQ,EAAE,gBAAgB,CAAC,sBAAsB,CAAC,CAAC;CACpD;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAyTzE"}