@powerhousedao/contributor-billing 0.1.31 → 0.1.33

package/dist/editors/snapshot-report-editor/components/SetOwner.js

@@ -0,0 +1,98 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useDrives } from "@powerhousedao/reactor-browser";
+import { setOwnerId } from "../../../document-models/snapshot-report/gen/configuration/creators.js";
+import { useAddReportToRemoteDrive, useOwnerDriveActions, } from "./AddReportToRemoteDrive.js";
+export function SetOwner({ ownerId, dispatch }) {
+    const drives = useDrives();
+    const [query, setQuery] = useState("");
+    const [isPickerOpen, setIsPickerOpen] = useState(false);
+    const pickerRef = useRef(null);
+    const { ownerDriveId, ownerId: resolvedOwnerId, selectedDocument, } = useAddReportToRemoteDrive(ownerId);
+    const builderProfiles = useMemo(() => {
+        if (!drives)
+            return [];
+        return drives
+            .filter((drive) => drive.header.documentType === "powerhouse/document-drive" &&
+            drive.header.meta?.preferredEditor === "builder-team-admin")
+            .flatMap((drive) => (drive.state.global.nodes ?? [])
+            .filter((node) => node.kind === "file" &&
+            "documentType" in node &&
+            node.documentType === "powerhouse/builder-profile")
+            .map((node) => ({
+            id: node.id,
+            name: node.name || "Untitled builder",
+            driveId: drive.header.id,
+        })));
+    }, [drives]);
+    const selectedProfile = useMemo(() => builderProfiles.find((profile) => profile.id === ownerId), [builderProfiles, ownerId]);
+    const showPicker = !ownerId || isPickerOpen;
+    const normalizedQuery = query.trim().toLowerCase();
+    const filteredProfiles = normalizedQuery
+        ? builderProfiles.filter((profile) => profile.name.toLowerCase().includes(normalizedQuery))
+        : builderProfiles.slice(0, 5);
+    const shouldShowOptions = isPickerOpen;
+    const handleSelect = (profile) => {
+        dispatch(setOwnerId({ ownerId: profile.id }));
+        setQuery("");
+        setIsPickerOpen(false);
+    };
+    const handleManualSelect = (value) => {
+        const trimmed = value.trim();
+        if (!trimmed)
+            return;
+        dispatch(setOwnerId({ ownerId: trimmed }));
+        setQuery("");
+        setIsPickerOpen(false);
+    };
+    useEffect(() => {
+        if (!isPickerOpen)
+            return;
+        const handleClickOutside = (event) => {
+            if (pickerRef.current &&
+                event.target instanceof Node &&
+                !pickerRef.current.contains(event.target)) {
+                setIsPickerOpen(false);
+            }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, [isPickerOpen]);
+    const ownerDriveMissing = !!resolvedOwnerId && !ownerDriveId;
+    return (_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "pt-2 text-sm font-medium text-gray-500 dark:text-gray-400", children: "Owner:" }), _jsx("div", { className: "w-full max-w-lg", children: showPicker ? (_jsxs("div", { className: "relative", ref: pickerRef, children: [_jsx("input", { type: "text", value: query, onChange: (event) => setQuery(event.target.value), onFocus: () => setIsPickerOpen(true), placeholder: "Search builder name", className: "w-full min-w-[320px] rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 shadow-sm focus:border-gray-500 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 dark:focus:border-gray-400 dark:focus:ring-gray-800" }), shouldShowOptions ? (filteredProfiles.length > 0 ? (_jsx("div", { className: "absolute z-10 mt-2 w-full rounded-md border border-gray-200 bg-white shadow-lg dark:border-gray-700 dark:bg-gray-900", children: filteredProfiles.map((profile) => (_jsxs("button", { type: "button", onClick: () => handleSelect(profile), className: "flex w-full flex-col px-3 py-2 text-left text-sm text-gray-900 hover:bg-gray-50 dark:text-gray-100 dark:hover:bg-gray-800", children: [_jsx("span", { className: "font-medium", children: profile.name }), _jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: profile.id })] }, `${profile.driveId}-${profile.id}`))) })) : (_jsxs("div", { className: "absolute z-10 mt-2 w-full rounded-md border border-gray-200 bg-white shadow-lg dark:border-gray-700 dark:bg-gray-900", children: [_jsx("div", { className: "px-3 py-2 text-sm text-gray-500 dark:text-gray-400", children: "No matching builders" }), normalizedQuery ? (_jsxs("button", { type: "button", onClick: () => handleManualSelect(query), className: "flex w-full flex-col px-3 py-2 text-left text-sm text-gray-900 hover:bg-gray-50 dark:text-gray-100 dark:hover:bg-gray-800", children: [_jsx("span", { className: "font-medium", children: "Use this ID" }), _jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: query })] })) : null] }))) : null] })) : (_jsxs("div", { className: "rounded-md border border-gray-200 bg-white px-3 py-2 shadow-sm dark:border-gray-700 dark:bg-gray-900", children: [_jsx("div", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: selectedProfile?.name || "Unknown builder" }), _jsx("div", { className: "mt-2", children: _jsx("input", { type: "text", value: ownerId || "", readOnly: true, className: "w-full min-w-[320px] rounded-md border border-gray-200 bg-gray-50 px-3 py-1.5 text-xs font-mono text-gray-700 shadow-sm focus:outline-none dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200" }) }), _jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-3", children: [_jsx("button", { type: "button", onClick: () => setIsPickerOpen(true), className: "text-xs font-medium text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-white", children: "Change owner" }), ownerDriveMissing ? (_jsx("span", { className: "text-xs font-medium text-amber-600 dark:text-amber-400", children: "Owner Drive Not Found" })) : ownerDriveId ? (_jsx(OwnerDriveActions, { ownerDriveId: ownerDriveId, selectedDocument: selectedDocument, ownerName: selectedProfile?.name || "owner" })) : null] })] })) })] }));
+}
+function OwnerDriveActions({ ownerDriveId, selectedDocument, ownerName, }) {
+    const { addReportToOwnerDrive, canAddReportToOwnerDrive, driveDocumentId, snapshotReportNodeIds, } = useOwnerDriveActions(ownerDriveId, selectedDocument);
+    const [addStatus, setAddStatus] = useState("idle");
+    const selectedDocumentId = selectedDocument?.header?.id || "";
+    const isAlreadyAdded = !!selectedDocumentId &&
+        driveDocumentId === ownerDriveId &&
+        snapshotReportNodeIds.includes(selectedDocumentId);
+    useEffect(() => {
+        if (isAlreadyAdded) {
+            setAddStatus("added");
+            return;
+        }
+        setAddStatus("idle");
+    }, [
+        isAlreadyAdded,
+        selectedDocumentId,
+        snapshotReportNodeIds,
+        ownerDriveId,
+        driveDocumentId,
+    ]);
+    const handleAddReport = useCallback(() => {
+        setAddStatus("adding");
+        addReportToOwnerDrive().then((didAdd) => {
+            if (!didAdd) {
+                setAddStatus("idle");
+            }
+        });
+    }, [addReportToOwnerDrive]);
+    if (addStatus === "added") {
+        return (_jsxs("span", { className: "text-xs font-medium text-green-600 dark:text-green-400", children: ["Snapshot Report is added to ", ownerName] }));
+    }
+    return (_jsx("button", { type: "button", onClick: handleAddReport, disabled: !canAddReportToOwnerDrive || addStatus !== "idle", className: "text-xs font-medium text-blue-600 hover:text-blue-700 disabled:cursor-not-allowed disabled:opacity-50 dark:text-blue-400 dark:hover:text-blue-300", children: addStatus === "adding"
+            ? "Adding report..."
+            : `Add Report to ${ownerName}` }));
+}

package/dist/editors/snapshot-report-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/snapshot-report-editor/editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/snapshot-report-editor/editor.tsx"],"names":[],"mappings":"AAyEA,MAAM,CAAC,OAAO,UAAU,MAAM,4CA8qC7B"}