@powerhousedao/network-admin 0.0.1

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

@@ -0,0 +1,193 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useMemo } from "react";
+import { ObjectSetTable, TextInput, DatePicker } from "@powerhousedao/document-engineering";
+import { Button, Icon, toast } from "@powerhousedao/design-system";
+import { generateId } from "document-model";
+export function MilestonesTab({ milestones, dispatch, actions, currency = "USD" }) {
+    const [isAddingNew, setIsAddingNew] = useState(false);
+    const [newMilestone, setNewMilestone] = useState({
+        name: "",
+        amount: "",
+        expectedCompletionDate: "",
+        requiresApproval: true
+    });
+    const columns = useMemo(() => [
+        {
+            field: "name",
+            title: "Name",
+            editable: true,
+            align: "left",
+            onSave: (newValue, context) => {
+                if (newValue !== context.row.name) {
+                    dispatch(actions.updateMilestone({
+                        id: context.row.id,
+                        name: newValue
+                    }));
+                    toast("Milestone name updated", {
+                        type: "success",
+                    });
+                    return true;
+                }
+                return false;
+            },
+        },
+        {
+            field: "amount",
+            title: `Amount (${currency})`,
+            editable: true,
+            align: "right",
+            renderCell: (value) => {
+                return value ? `${value.value} ${value.unit}` : "";
+            },
+            onSave: (newValue, context) => {
+                const amount = parseFloat(newValue);
+                if (isNaN(amount)) {
+                    toast("Please enter a valid amount", {
+                        type: "error",
+                    });
+                    return false;
+                }
+                dispatch(actions.updateMilestone({
+                    id: context.row.id,
+                    amount: { value: amount, unit: currency }
+                }));
+                toast("Milestone amount updated", {
+                    type: "success",
+                });
+                return true;
+            },
+        },
+        {
+            field: "expectedCompletionDate",
+            title: "Expected Completion",
+            editable: true,
+            align: "center",
+            renderCell: (value) => {
+                return value ? new Date(value).toLocaleDateString() : "Not set";
+            },
+            onSave: (newValue, context) => {
+                const dateValue = newValue;
+                dispatch(actions.updateMilestone({
+                    id: context.row.id,
+                    expectedCompletionDate: dateValue || undefined
+                }));
+                toast("Expected completion date updated", {
+                    type: "success",
+                });
+                return true;
+            },
+        },
+        {
+            field: "requiresApproval",
+            title: "Requires Approval",
+            editable: true,
+            align: "center",
+            renderCell: (value) => value ? "Yes" : "No",
+            onSave: (newValue, context) => {
+                const approved = newValue === "true" || newValue === true;
+                dispatch(actions.updateMilestone({
+                    id: context.row.id,
+                    requiresApproval: approved
+                }));
+                toast("Approval requirement updated", {
+                    type: "success",
+                });
+                return true;
+            },
+        },
+        {
+            field: "payoutStatus",
+            title: "Status",
+            editable: true,
+            align: "center",
+            renderCell: (value) => {
+                const statusMap = {
+                    PENDING: "Pending",
+                    READY_FOR_REVIEW: "Ready for Review",
+                    APPROVED: "Approved",
+                    PAID: "Paid",
+                    REJECTED: "Rejected"
+                };
+                return statusMap[value] || value;
+            },
+            onSave: (newValue, context) => {
+                dispatch(actions.updateMilestone({
+                    id: context.row.id,
+                    payoutStatus: newValue
+                }));
+                toast("Milestone status updated", {
+                    type: "success",
+                });
+                return true;
+            },
+        },
+        {
+            field: "actions",
+            title: "Actions",
+            editable: false,
+            align: "center",
+            renderCell: (_, context) => (_jsx(Button, { onClick: () => {
+                    dispatch(actions.deleteMilestone({ id: context.row.id }));
+                    toast("Milestone deleted", {
+                        type: "success",
+                    });
+                }, size: "small", className: "text-red-600 hover:text-red-800", children: _jsx(Icon, { name: "Trash", size: 16 }) })),
+        }
+    ], [actions, currency, dispatch]);
+    const handleAddMilestone = useCallback((e) => {
+        e.preventDefault();
+        if (!newMilestone.name.trim()) {
+            toast('Name is required', {
+                type: "error",
+            });
+            return;
+        }
+        if (!newMilestone.amount || isNaN(parseFloat(newMilestone.amount))) {
+            toast('Valid amount is required', {
+                type: "error",
+            });
+            return;
+        }
+        const milestoneData = {
+            id: generateId(),
+            name: newMilestone.name,
+            amount: {
+                value: parseFloat(newMilestone.amount),
+                unit: currency
+            },
+            requiresApproval: newMilestone.requiresApproval
+        };
+        if (newMilestone.expectedCompletionDate) {
+            milestoneData.expectedCompletionDate = new Date(newMilestone.expectedCompletionDate).toISOString();
+        }
+        dispatch(actions.addMilestone(milestoneData));
+        toast("Milestone added successfully", {
+            type: "success",
+        });
+        // Reset form and close edit section
+        setNewMilestone({
+            name: "",
+            amount: "",
+            expectedCompletionDate: "",
+            requiresApproval: true
+        });
+        setIsAddingNew(false);
+    }, [newMilestone, dispatch, actions, currency]);
+    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold dark:text-white", children: "Milestones" }), _jsxs("p", { className: "text-sm text-gray-600 dark:text-gray-300 mt-1", children: [milestones.length, " milestone(s) defined"] })] }), _jsxs(Button, { onClick: () => setIsAddingNew(!isAddingNew), color: "light", size: "small", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: [_jsx(Icon, { name: "Plus", size: 16, className: "mr-2" }), "Add Milestone"] })] }), isAddingNew && (_jsxs("div", { className: "bg-gray-50 dark:bg-gray-700 p-4 rounded-lg border dark:border-gray-600", children: [_jsx("h3", { className: "text-lg font-medium mb-4 dark:text-white", children: "Add New Milestone" }), _jsxs("form", { onSubmit: handleAddMilestone, className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(TextInput, { label: "Name *", value: newMilestone.name, onChange: (e) => setNewMilestone({ ...newMilestone, name: e.target.value }), className: "w-full", required: true }), _jsx(TextInput, { label: `Amount (${currency}) *`, type: "number", value: newMilestone.amount, onChange: (e) => setNewMilestone({ ...newMilestone, amount: e.target.value }), className: "w-full", placeholder: "0.00", step: "0.01", required: true }), _jsx(DatePicker, { value: newMilestone.expectedCompletionDate ? new Date(newMilestone.expectedCompletionDate) : undefined, onChange: (e) => {
+                                            const date = e.target.value ? new Date(e.target.value) : null;
+                                            setNewMilestone({ ...newMilestone, expectedCompletionDate: date?.toISOString() || "" });
+                                        }, name: "expected-completion-date", placeholder: "Select expected completion date" }), _jsxs("div", { className: "flex items-center pt-6", children: [_jsx("input", { type: "checkbox", id: "requiresApproval", checked: newMilestone.requiresApproval, onChange: (e) => setNewMilestone({ ...newMilestone, requiresApproval: e.target.checked }), className: "mr-2 h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded" }), _jsx("label", { htmlFor: "requiresApproval", className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: "Requires Approval" })] })] }), _jsxs("div", { className: "flex gap-3", children: [_jsx(Button, { type: "submit", color: "light", size: "small", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: "Add Milestone" }), _jsx(Button, { type: "button", onClick: () => {
+                                            setIsAddingNew(false);
+                                            setNewMilestone({
+                                                name: "",
+                                                amount: "",
+                                                expectedCompletionDate: "",
+                                                requiresApproval: true
+                                            });
+                                        }, color: "light", size: "small", className: "cursor-pointer hover:bg-gray-600 hover:text-white", children: "Cancel" })] })] })] })), milestones.length > 0 ? (_jsx(ObjectSetTable, { data: milestones, columns: columns, onAdd: () => setIsAddingNew(true), onDelete: (row) => {
+                    dispatch(actions.deleteMilestone({ id: row.id }));
+                    toast("Milestone deleted", {
+                        type: "success",
+                    });
+                } })) : (_jsxs("div", { className: "text-center py-8 text-gray-500 dark:text-gray-400 border-2 border-dashed border-gray-300 dark:border-gray-600 rounded-lg", children: [_jsx(Icon, { name: "Calendar", size: 48, className: "mx-auto mb-4 text-gray-400" }), _jsx("p", { className: "text-lg font-medium", children: "No milestones defined yet" }), _jsx("p", { className: "text-sm", children: "Add your first milestone to get started" })] }))] }));
+}

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

@@ -0,0 +1,8 @@
+import type { PaymentTermsState } from "../../document-models/payment-terms/gen/schema/types.js";
+export interface RetainerTabProps {
+    state: PaymentTermsState;
+    dispatch: (action: any) => void;
+    actions: any;
+}
+export declare function RetainerTab({ state, dispatch, actions }: RetainerTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=retainer-tab.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"retainer-tab.d.ts","sourceRoot":"","sources":["../../../editors/payment-terms/retainer-tab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,iBAAiB,EAElB,MAAM,yDAAyD,CAAC;AAEjE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,OAAO,EAAE,GAAG,CAAC;CACd;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,gBAAgB,2CAoOzE"}

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

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useMemo } from "react";
+import { TextInput, Select, Textarea, DatePicker } from "@powerhousedao/document-engineering";
+import { Button, toast } from "@powerhousedao/design-system";
+export function RetainerTab({ state, dispatch, actions }) {
+    const [isEditing, setIsEditing] = useState(false);
+    const [formData, setFormData] = useState({
+        retainerAmount: state.retainerDetails?.retainerAmount?.value?.toString() || "",
+        billingFrequency: state.retainerDetails?.billingFrequency || "MONTHLY",
+        startDate: state.retainerDetails?.startDate || "",
+        endDate: state.retainerDetails?.endDate || "",
+        autoRenew: state.retainerDetails?.autoRenew || false,
+        servicesIncluded: state.retainerDetails?.servicesIncluded || ""
+    });
+    const billingFrequencyOptions = useMemo(() => [
+        { label: "Weekly", value: "WEEKLY" },
+        { label: "Biweekly", value: "BIWEEKLY" },
+        { label: "Monthly", value: "MONTHLY" }
+    ], []);
+    const handleSubmit = useCallback((e) => {
+        e.preventDefault();
+        if (!formData.retainerAmount || isNaN(parseFloat(formData.retainerAmount))) {
+            toast("Please enter a valid retainer amount", {
+                type: "error",
+            });
+            return;
+        }
+        if (!formData.startDate) {
+            toast("Start date is required", {
+                type: "error",
+            });
+            return;
+        }
+        if (!formData.servicesIncluded.trim()) {
+            toast("Services included description is required", {
+                type: "error",
+            });
+            return;
+        }
+        // Convert date strings to ISO format for the schema
+        const startDate = new Date(formData.startDate).toISOString();
+        const endDate = formData.endDate ? new Date(formData.endDate).toISOString() : undefined;
+        dispatch(actions.setRetainerDetails({
+            retainerAmount: {
+                value: parseFloat(formData.retainerAmount),
+                unit: state.currency
+            },
+            billingFrequency: formData.billingFrequency,
+            startDate: startDate,
+            endDate: endDate,
+            autoRenew: formData.autoRenew,
+            servicesIncluded: formData.servicesIncluded
+        }));
+        toast("Retainer configuration saved", {
+            type: "success",
+        });
+        setIsEditing(false);
+    }, [formData, dispatch, actions, state.currency]);
+    const handleCancel = useCallback(() => {
+        setFormData({
+            retainerAmount: state.retainerDetails?.retainerAmount?.value?.toString() || "",
+            billingFrequency: state.retainerDetails?.billingFrequency || "MONTHLY",
+            startDate: state.retainerDetails?.startDate || "",
+            endDate: state.retainerDetails?.endDate || "",
+            autoRenew: state.retainerDetails?.autoRenew || false,
+            servicesIncluded: state.retainerDetails?.servicesIncluded || ""
+        });
+        setIsEditing(false);
+    }, [state.retainerDetails]);
+    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: "Retainer Configuration" }), _jsx(Button, { onClick: () => setIsEditing(true), color: "light", size: "small", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: state.retainerDetails ? "Edit Configuration" : "Configure Retainer" })] }), state.retainerDetails ? (_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: "Retainer Amount" }), _jsx("p", { className: "text-lg dark:text-white", children: state.retainerDetails.retainerAmount
+                                        ? `${state.retainerDetails.retainerAmount.value} ${state.retainerDetails.retainerAmount.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.retainerDetails.billingFrequency })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Start Date" }), _jsx("p", { className: "text-lg dark:text-white", children: state.retainerDetails.startDate })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "End Date" }), _jsx("p", { className: "text-lg dark:text-white", children: state.retainerDetails.endDate || "Ongoing" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Auto Renew" }), _jsx("p", { className: "text-lg dark:text-white", children: state.retainerDetails.autoRenew ? "Yes" : "No" })] }), _jsxs("div", { className: "col-span-2", children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Services Included" }), _jsx("div", { className: "bg-gray-50 dark:bg-gray-700 p-3 rounded border dark:border-gray-600", children: _jsx("p", { className: "text-sm dark:text-white", children: state.retainerDetails.servicesIncluded }) })] })] })) : (_jsxs("div", { className: "text-center py-8 text-gray-500 dark:text-gray-400", children: [_jsx("p", { children: "No retainer configuration set up yet." }), _jsx("p", { className: "text-sm", children: "Click \"Configure Retainer\" 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 Retainer" }) }), _jsxs("div", { className: "grid grid-cols-2 gap-6", children: [_jsx(TextInput, { label: "Retainer Amount *", type: "number", value: formData.retainerAmount, onChange: (e) => setFormData({ ...formData, retainerAmount: e.target.value }), className: "w-full", placeholder: "0.00", step: "0.01", required: true }), _jsx(Select, { label: "Billing Frequency *", options: billingFrequencyOptions, value: formData.billingFrequency, onChange: (value) => setFormData({ ...formData, billingFrequency: value }) }), _jsx(DatePicker, { value: formData.startDate ? new Date(formData.startDate) : undefined, onChange: (e) => {
+                            const date = e.target.value ? new Date(e.target.value) : null;
+                            setFormData({ ...formData, startDate: date?.toISOString() || "" });
+                        }, name: "start-date", placeholder: "Select start date", required: true }), _jsx(DatePicker, { value: formData.endDate ? new Date(formData.endDate) : undefined, onChange: (e) => {
+                            const date = e.target.value ? new Date(e.target.value) : null;
+                            setFormData({ ...formData, endDate: date?.toISOString() || "" });
+                        }, name: "end-date", placeholder: "Select end date (optional)" }), _jsx("div", { className: "col-span-2", children: _jsx(Textarea, { label: "Services Included *", value: formData.servicesIncluded, onChange: (e) => setFormData({ ...formData, servicesIncluded: e.target.value }), className: "w-full", rows: 4, placeholder: "Describe the services included in the retainer...", required: true }) }), _jsx("div", { className: "col-span-2", children: _jsxs("div", { className: "flex items-center", children: [_jsx("input", { type: "checkbox", id: "autoRenew", checked: formData.autoRenew, onChange: (e) => setFormData({ ...formData, autoRenew: e.target.checked }), className: "mr-2 h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded" }), _jsx("label", { htmlFor: "autoRenew", className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: "Auto-Renew Retainer" })] }) })] }), _jsxs("div", { className: "flex gap-3", children: [_jsx(Button, { type: "submit", color: "light", size: "small", className: "cursor-pointer hover:bg-blue-600 hover:text-white", children: "Save Configuration" }), _jsx(Button, { type: "button", onClick: handleCancel, color: "light", size: "small", className: "cursor-pointer hover:bg-gray-600 hover:text-white", children: "Cancel" })] })] }));
+}

package/dist/editors/request-for-proposals/editor.d.ts

@@ -0,0 +1,4 @@
+import type { EditorProps } from "document-model";
+export type IProps = EditorProps;
+export default function Editor(props: any): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=editor.d.ts.map

package/dist/editors/request-for-proposals/editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/request-for-proposals/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAgBlD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAYjC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,GAAG,2CAuIxC"}

package/dist/editors/request-for-proposals/editor.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { actions, } from "../../document-models/request-for-proposals/index.js";
+import { useSelectedDocument } from "@powerhousedao/reactor-browser";
+import { DatePicker, Select, TextInput, } from "@powerhousedao/document-engineering";
+import { MarkdownEditor } from "./markdown-editor.js";
+const statusOptions = [
+    { label: "DRAFT", value: "DRAFT" },
+    { label: "REQUEST_FOR_COMMMENTS", value: "REQUEST_FOR_COMMMENTS" },
+    { label: "CANCELED", value: "CANCELED" },
+    { label: "OPEN_FOR_PROPOSALS", value: "OPEN_FOR_PROPOSALS" },
+    { label: "AWARDED", value: "AWARDED" },
+    { label: "NOT_AWARDED", value: "NOT_AWARDED" },
+    { label: "CLOSED", value: "CLOSED" },
+];
+export default function Editor(props) {
+    let dispatch;
+    const { document } = props;
+    const state = document?.state
+        .global;
+    if (!document) {
+        return _jsx("div", { children: "No document selected" });
+    }
+    if (props.dispatch) {
+        dispatch = props.dispatch;
+    }
+    else {
+        const selectedDocument = useSelectedDocument();
+        dispatch = selectedDocument[1];
+    }
+    return (_jsx("div", { className: "w-full bg-gray-50", children: _jsxs("div", { className: "p-6 max-w-4xl mx-auto min-h-screen", children: [_jsx("div", { className: "bg-white rounded-lg p-6 mb-6 shadow-sm", children: _jsx("h1", { className: "text-3xl font-bold text-gray-900 mb-2", children: "Request for Proposals" }) }), _jsx("div", { className: "bg-white rounded-lg p-6 mb-6 shadow-sm", children: _jsxs("div", { className: "flex flex-row gap-6", children: [_jsxs("div", { className: "flex-1", children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Code" }), _jsx(TextInput, { className: "w-full", defaultValue: state.code || "", onBlur: (e) => {
+                                            if (e.target.value !== state.code) {
+                                                dispatch(actions.editRfp({ code: e.target.value }));
+                                            }
+                                        }, placeholder: "Enter rfp code" })] }), _jsxs("div", { className: "flex-1", children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Title" }), _jsx(TextInput, { className: "w-full", defaultValue: state.title || "", onBlur: (e) => {
+                                            if (e.target.value !== state.title) {
+                                                dispatch(actions.editRfp({ title: e.target.value }));
+                                            }
+                                        }, placeholder: "Enter rfp title" })] }), _jsx("div", { className: "w-[150px]", children: _jsx(Select, { label: "Status", options: statusOptions, value: state.status, onChange: (value) => dispatch(actions.editRfp({ status: value })) }) })] }) }), _jsx("div", { className: "bg-white rounded-lg p-6 mb-6 shadow-sm", children: _jsx(MarkdownEditor, { height: 200, label: "Summary", value: state.summary ?? "", onChange: () => { }, onBlur: (value) => dispatch(actions.editRfp({ summary: value })) }) }), _jsxs("div", { className: "bg-white rounded-lg p-6 mb-6 shadow-sm", children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Submission Deadline" }), _jsx("div", { className: "w-[250px]", children: _jsx(DatePicker, { value: state.deadline ? new Date(state.deadline) : undefined, onChange: (e) => {
+                                    const date = e.target.value ? new Date(e.target.value) : null;
+                                    dispatch(actions.editRfp({ deadline: date?.toISOString() }));
+                                }, name: "submission-deadline", placeholder: "Select submission deadline" }) })] }), _jsx("div", { className: "bg-white rounded-lg p-6 mb-6 shadow-sm", children: _jsx(MarkdownEditor, { height: 200, label: "Eligibility Criteria", value: state.eligibilityCriteria ?? "", onChange: () => { }, onBlur: (value) => dispatch(actions.editRfp({ eligibilityCriteria: value })) }) }), _jsx("div", { className: "bg-white rounded-lg p-6 mb-6 shadow-sm", children: _jsx(MarkdownEditor, { height: 200, label: "Evaluation Criteria", value: state.evaluationCriteria ?? "", onChange: () => { }, onBlur: (value) => dispatch(actions.editRfp({ evaluationCriteria: value })) }) })] }) }));
+}

package/dist/editors/request-for-proposals/index.d.ts

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

package/dist/editors/request-for-proposals/index.d.ts.map

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

package/dist/editors/request-for-proposals/index.js

@@ -0,0 +1,12 @@
+import Editor from "./editor.js";
+export const module = {
+    Component: Editor,
+    documentTypes: ["powerhouse/rfp"],
+    config: {
+        id: "request-for-proposals-editor",
+        disableExternalControls: true,
+        documentToolbarEnabled: true,
+        showSwitchboardLink: true,
+    },
+};
+export default module;

package/dist/editors/request-for-proposals/markdown-editor.d.ts

@@ -0,0 +1,12 @@
+export type MarkdownEditorMode = "preview" | "edit" | "live";
+interface MarkdownEditorProps {
+    value: string;
+    onChange: (value: string) => void;
+    onBlur?: (value: string) => void;
+    height?: number;
+    label?: string;
+    labelClassName?: string;
+}
+export declare function MarkdownEditor({ value, onChange, onBlur, height, label, labelClassName, }: MarkdownEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=markdown-editor.d.ts.map

package/dist/editors/request-for-proposals/markdown-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-editor.d.ts","sourceRoot":"","sources":["../../../editors/request-for-proposals/markdown-editor.tsx"],"names":[],"mappings":"AAeA,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAE7D,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAY,EACZ,KAAiB,EACjB,cAAqD,GACtD,EAAE,mBAAmB,2CAsJrB"}

package/dist/editors/request-for-proposals/markdown-editor.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import remarkGfm from "remark-gfm";
+import rehypeSlug from "rehype-slug";
+import { useLocalStorage } from "usehooks-ts";
+// Custom preview renderer to make links open in new tabs and ensure proper list rendering
+const previewOptions = {
+    components: {
+        a: ({ ...props }) => (_jsx("a", { ...props, target: "_blank", rel: "noopener noreferrer" })),
+    },
+    rehypePlugins: [rehypeSlug],
+    remarkPlugins: [remarkGfm],
+};
+export function MarkdownEditor({ value, onChange, onBlur, height = 350, label = "Content", labelClassName = "text-sm leading-4 mb-3 font-medium", }) {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+    const [MDEditor, setMDEditor] = useState(null);
+    const [contentValue, setContentValue] = useState(" ");
+    const [isLoaded, setIsLoaded] = useState(false);
+    const [viewMarkdownMode, setViewMarkdownMode] = useLocalStorage("markdown-editor-view-mode", "live");
+    // Load the MDEditor component dynamically
+    useEffect(() => {
+        import("@uiw/react-md-editor").then((module) => {
+            setMDEditor(() => module.default);
+            setIsLoaded(true);
+        }).catch((error) => {
+            console.error("Failed to load MDEditor:", error);
+        });
+    }, []);
+    // Update contentValue when value prop changes
+    useEffect(() => {
+        if (isLoaded) {
+            const stringValue = typeof value === 'string' ? value : '';
+            const safeValue = stringValue.trim() || " ";
+            setContentValue(safeValue);
+        }
+    }, [value, isLoaded]);
+    useEffect(() => {
+        if (!MDEditor)
+            return;
+        const handleViewButtonClick = () => {
+            const buttonLive = document.querySelector("button[data-name='live']");
+            const buttonEdit = document.querySelector("button[data-name='edit']");
+            const buttonPreview = document.querySelector("button[data-name='preview']");
+            const liveLi = buttonLive?.closest("li");
+            const editLi = buttonEdit?.closest("li");
+            const previewLi = buttonPreview?.closest("li");
+            if (previewLi && previewLi.classList.contains("active")) {
+                setViewMarkdownMode("preview");
+            }
+            if (editLi && editLi.classList.contains("active")) {
+                setViewMarkdownMode("edit");
+            }
+            if (liveLi && liveLi.classList.contains("active")) {
+                setViewMarkdownMode("live");
+            }
+        };
+        document.addEventListener("click", handleViewButtonClick, true);
+        return () => {
+            document.removeEventListener("click", handleViewButtonClick, true);
+        };
+    }, [MDEditor, setViewMarkdownMode]);
+    // Handle content changes
+    const handleContentChange = (newValue) => {
+        if (newValue !== undefined) {
+            const stringValue = typeof newValue === 'string' ? newValue : '';
+            // Only replace completely empty strings with a space, preserve all other content
+            const safeValue = stringValue === '' ? " " : stringValue;
+            setContentValue(safeValue);
+            onChange(newValue); // Keep the original value for the parent component
+        }
+    };
+    // Handle content blur
+    const handleContentBlur = (e) => {
+        if (onBlur) {
+            onBlur(e.target.value);
+        }
+    };
+    return (_jsxs("div", { className: "w-full", children: [_jsx("style", { children: `
+          .w-md-editor-preview ul {
+            list-style-type: disc !important;
+            padding-left: 2em !important;
+          }
+
+          .w-md-editor-preview ol {
+            list-style-type: decimal !important;
+            padding-left: 2em !important;
+          }
+
+          /* Ensure proper table styling */
+          .w-md-editor-preview table {
+            border-collapse: collapse;
+            width: 100%;
+            margin: 1em 0;
+          }
+
+          .w-md-editor-preview th,
+          .w-md-editor-preview td {
+            border: 1px solid #ddd;
+            padding: 8px;
+            text-align: left;
+          }
+
+          .w-md-editor-preview th {
+            background-color: #f5f5f5;
+          }
+         
+        .w-md-editor-text-pre code, .w-md-editor-text-pre div {
+            font-size: 16px !important;
+            line-height: 24px !important;
+          }
+          .w-md-editor-text-input {
+            font-size: 16px !important;
+            line-height: 24px !important;
+          }
+            
+        ` }), label && _jsx("p", { className: labelClassName, children: label }), !isLoaded && (_jsx("div", { className: "w-full border border-gray-300 rounded-md p-3 bg-white", style: { height: `${height}px` }, children: _jsx("div", { className: "w-full h-full flex items-center justify-center text-gray-500", children: "Loading editor..." }) })), isLoaded && MDEditor && (_jsx("div", { "data-color-mode": "light", className: "w-full", children: _jsx(MDEditor, { height: height, value: contentValue, onChange: handleContentChange, onBlur: handleContentBlur, previewOptions: previewOptions, enableScroll: true, preview: viewMarkdownMode, textareaProps: {
+                        placeholder: "Write your content here...",
+                    } }) }))] }));
+}

package/dist/editors/workstream/editor.d.ts

@@ -0,0 +1,4 @@
+import type { EditorProps } from "document-model";
+export type IProps = EditorProps;
+export default function Editor(props: any): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=editor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/workstream/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAkClD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAejC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,GAAG,2CAqzBxC"}