@alpaca-editor/core 1.0.3767 → 1.0.3769

package/dist/editor/reviews/Comment.js

@@ -1,27 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Comment = Comment;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const editContext_1 = require("../client/editContext");
-const reviewsService_1 = require("../services/reviewsService");
-const button_1 = require("primereact/button");
-const utils_1 = require("../utils");
-const SimpleIconButton_1 = require("../ui/SimpleIconButton");
-const overlaypanel_1 = require("primereact/overlaypanel");
-const progressspinner_1 = require("primereact/progressspinner");
-function Comment({ comment }) {
-    const editContext = (0, editContext_1.useEditContext)();
-    const [commentText, setCommentText] = (0, react_1.useState)(comment.text);
-    const [isEditing, setIsEditing] = (0, react_1.useState)(false);
-    const [isSaving, setIsSaving] = (0, react_1.useState)(false);
-    const ref = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { useEditContext } from "../client/editContext";
+import { createOrUpdateComment, deleteComment, resolveComment, } from "../services/reviewsService";
+import { Button } from "primereact/button";
+import { formatDate } from "../utils";
+import { SimpleIconButton } from "../ui/SimpleIconButton";
+import { OverlayPanel } from "primereact/overlaypanel";
+import { ProgressSpinner } from "primereact/progressspinner";
+export function Comment({ comment }) {
+    const editContext = useEditContext();
+    const [commentText, setCommentText] = useState(comment.text);
+    const [isEditing, setIsEditing] = useState(false);
+    const [isSaving, setIsSaving] = useState(false);
+    const ref = useRef(null);
+    useEffect(() => {
         if (comment.isNew)
             setIsEditing(true);
     }, [comment]);
     const isSelected = comment.id === editContext?.selectedComment?.id;
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (isSelected) {
             if (ref.current) {
                 ref.current.scrollIntoView({ behavior: "smooth", block: "nearest" });
@@ -33,7 +30,7 @@ function Comment({ comment }) {
         const showFieldName = comment.fieldId;
         if (!showItemName && !showFieldName)
             return null;
-        return ((0, jsx_runtime_1.jsxs)("div", { className: "mt-3 flex items-center border-t pt-3", children: [showItemName && ((0, jsx_runtime_1.jsx)("div", { className: "text-2xs text-gray-500 ", children: comment.itemName })), showFieldName && showItemName && ((0, jsx_runtime_1.jsx)("div", { className: "text-2xs text-gray-500 mx-2", children: ">" })), showFieldName && ((0, jsx_runtime_1.jsx)("div", { className: "text-2xs text-gray-500 ", children: comment.fieldName }))] }));
+        return (_jsxs("div", { className: "mt-3 flex items-center border-t pt-3", children: [showItemName && (_jsx("div", { className: "text-2xs text-gray-500 ", children: comment.itemName })), showFieldName && showItemName && (_jsx("div", { className: "text-2xs text-gray-500 mx-2", children: ">" })), showFieldName && (_jsx("div", { className: "text-2xs text-gray-500 ", children: comment.fieldName }))] }));
     };
     const canDelete = !comment.isNew && comment.author === editContext?.user?.name;
     const canEdit = !comment.isNew &&
@@ -41,18 +38,18 @@ function Comment({ comment }) {
         comment.author === editContext?.user?.name;
     const canResolve = !comment.isNew && !editContext?.readonly;
     const renderHeader = () => {
-        const overlayPanelRef = (0, react_1.useRef)(null);
-        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-start mb-3", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-gray-900 font-bold", title: comment.author, children: comment.authorDisplayName }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-gray-500", children: comment.created ? (0, utils_1.formatDate)(new Date(comment.created)) : "" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-xs text-gray-500", children: [!isEditing && canEdit && ((0, jsx_runtime_1.jsx)(SimpleIconButton_1.SimpleIconButton, { icon: "pi pi-pencil", label: "Edit", onClick: () => setIsEditing(true) })), canDelete && ((0, jsx_runtime_1.jsx)(SimpleIconButton_1.SimpleIconButton, { icon: "pi pi-trash", label: "Delete", onClick: (e) => {
+        const overlayPanelRef = useRef(null);
+        return (_jsx(_Fragment, { children: _jsxs("div", { className: "flex justify-between items-start mb-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs text-gray-900 font-bold", title: comment.author, children: comment.authorDisplayName }), _jsx("div", { className: "text-xs text-gray-500", children: comment.created ? formatDate(new Date(comment.created)) : "" })] }), _jsxs("div", { className: "text-xs text-gray-500", children: [!isEditing && canEdit && (_jsx(SimpleIconButton, { icon: "pi pi-pencil", label: "Edit", onClick: () => setIsEditing(true) })), canDelete && (_jsx(SimpleIconButton, { icon: "pi pi-trash", label: "Delete", onClick: (e) => {
                                     overlayPanelRef.current?.toggle(e);
-                                } })), (0, jsx_runtime_1.jsx)(overlaypanel_1.OverlayPanel, { ref: overlayPanelRef, children: (0, jsx_runtime_1.jsx)(button_1.Button, { className: "m-2", icon: "pi pi-trash", label: "Delete", onClick: async () => {
-                                        await (0, reviewsService_1.deleteComment)(comment);
-                                    } }) }), canResolve && !comment.isResolved && ((0, jsx_runtime_1.jsx)(SimpleIconButton_1.SimpleIconButton, { icon: "pi pi-check", label: "Resolve", onClick: async () => {
-                                    await (0, reviewsService_1.resolveComment)(comment);
-                                } })), comment.isResolved && ((0, jsx_runtime_1.jsx)("i", { className: "pi pi-check text-green-500 text-xs px-1", style: { fontWeight: "bold" }, title: "Resolved by " +
+                                } })), _jsx(OverlayPanel, { ref: overlayPanelRef, children: _jsx(Button, { className: "m-2", icon: "pi pi-trash", label: "Delete", onClick: async () => {
+                                        await deleteComment(comment);
+                                    } }) }), canResolve && !comment.isResolved && (_jsx(SimpleIconButton, { icon: "pi pi-check", label: "Resolve", onClick: async () => {
+                                    await resolveComment(comment);
+                                } })), comment.isResolved && (_jsx("i", { className: "pi pi-check text-green-500 text-xs px-1", style: { fontWeight: "bold" }, title: "Resolved by " +
                                     comment.resolvedBy +
                                     " (" +
-                                    (0, utils_1.formatDate)(new Date(comment.resolvedDate)) +
-                                    ")" })), canResolve && !comment.isResolved && ((0, jsx_runtime_1.jsx)(SimpleIconButton_1.SimpleIconButton, { icon: "pi pi-sparkles", label: "AI", onClick: async (event) => {
+                                    formatDate(new Date(comment.resolvedDate)) +
+                                    ")" })), canResolve && !comment.isResolved && (_jsx(SimpleIconButton, { icon: "pi pi-sparkles", label: "AI", onClick: async (event) => {
                                     console.log("showing ai popup", comment.text);
                                     editContext?.showAiPopup(event, {
                                         initialPrompt: 'Please help me resolve this comment: "' +
@@ -62,7 +59,7 @@ function Comment({ comment }) {
                                     });
                                 } }))] })] }) }));
     };
-    return !isEditing ? ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: `bg-white rounded-lg p-3 mb-3 shadow-sm cursor-pointer hover:bg-gray-50 border-2 ${isSelected ? " border-blue-500" : "border-transparent"}`, onClick: () => {
+    return !isEditing ? (_jsxs("div", { ref: ref, className: `bg-white rounded-lg p-3 mb-3 shadow-sm cursor-pointer hover:bg-gray-50 border-2 ${isSelected ? " border-blue-500" : "border-transparent"}`, onClick: () => {
             editContext?.setSelectedComment(comment);
             editContext?.setScrollIntoView(comment.itemId);
             editContext?.select([comment.itemId]);
@@ -76,14 +73,14 @@ function Comment({ comment }) {
                     },
                 }, false);
             }
-        }, children: [renderHeader(), (0, jsx_runtime_1.jsx)("div", { className: "text-gray-700 text-sm whitespace-pre-wrap", children: comment.text }), renderContextInfo()] }, comment.id)) : ((0, jsx_runtime_1.jsxs)("div", { className: "bg-white rounded-lg p-3 mb-3 shadow-sm", children: [renderHeader(), (0, jsx_runtime_1.jsx)("textarea", { className: "w-full min-h-[100px] p-2 text-sm border border-gray-200 rounded focus:outline-none focus:ring-2 focus:ring-blue-500 mt-2", placeholder: "Add a comment...", value: commentText, onChange: async (e) => {
+        }, children: [renderHeader(), _jsx("div", { className: "text-gray-700 text-sm whitespace-pre-wrap", children: comment.text }), renderContextInfo()] }, comment.id)) : (_jsxs("div", { className: "bg-white rounded-lg p-3 mb-3 shadow-sm", children: [renderHeader(), _jsx("textarea", { className: "w-full min-h-[100px] p-2 text-sm border border-gray-200 rounded focus:outline-none focus:ring-2 focus:ring-blue-500 mt-2", placeholder: "Add a comment...", value: commentText, onChange: async (e) => {
                     if (!editContext)
                         return;
                     setCommentText(e.target.value);
                     if (editContext?.setComments) {
                         editContext.setComments([...editContext.comments]);
                     }
-                }, autoFocus: true }), isSaving && ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-end gap-2 mt-1", children: (0, jsx_runtime_1.jsxs)("div", { className: "text-xs text-gray-500 flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(progressspinner_1.ProgressSpinner, { className: "w-4 h-4" }), "Saving..."] }) })), !isSaving && ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-end gap-2 mt-1", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { severity: "secondary", onClick: () => {
+                }, autoFocus: true }), isSaving && (_jsx("div", { className: "flex justify-end gap-2 mt-1", children: _jsxs("div", { className: "text-xs text-gray-500 flex items-center gap-2", children: [_jsx(ProgressSpinner, { className: "w-4 h-4" }), "Saving..."] }) })), !isSaving && (_jsxs("div", { className: "flex justify-end gap-2 mt-1", children: [_jsx(Button, { severity: "secondary", onClick: () => {
                             if (comment.isNew) {
                                 if (editContext?.setComments) {
                                     editContext.setComments([
@@ -94,7 +91,7 @@ function Comment({ comment }) {
                             else {
                                 setIsEditing(false);
                             }
-                        }, label: "Cancel" }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "tour-submit-comment-button", onClick: async () => {
+                        }, label: "Cancel" }), _jsx(Button, { className: "tour-submit-comment-button", onClick: async () => {
                             comment.text = commentText;
                             setIsSaving(true);
                             const item = await editContext?.itemsRepository?.getItem({
@@ -105,7 +102,7 @@ function Comment({ comment }) {
                             if (item) {
                                 comment.fieldValue = item.fields.find((f) => f.id === comment.fieldId)?.rawValue;
                             }
-                            await (0, reviewsService_1.createOrUpdateComment)(comment);
+                            await createOrUpdateComment(comment);
                             setIsSaving(false);
                             setIsEditing(false);
                         }, label: comment.isNew ? "Comment" : "Save" })] })), renderContextInfo()] }, "new-comment"));

package/dist/editor/reviews/Comments.d.ts

@@ -0,0 +1 @@
+export declare function Comments(): import("react/jsx-runtime").JSX.Element;

package/dist/editor/reviews/Comments.js

@@ -1,24 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Comments = Comments;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = require("react");
-const editContext_1 = require("../client/editContext");
-const Comment_1 = require("./Comment");
-const SimpleToolbar_1 = require("../ui/SimpleToolbar");
-const SimpleIconButton_1 = require("../ui/SimpleIconButton");
-function Comments() {
-    const editContext = (0, editContext_1.useEditContext)();
-    const [comments, setComments] = (0, react_2.useState)([]);
-    (0, react_1.useEffect)(() => {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { useState } from "react";
+import { useEditContext } from "../client/editContext";
+import { Comment } from "./Comment";
+import { SimpleToolbar } from "../ui/SimpleToolbar";
+import { SimpleIconButton } from "../ui/SimpleIconButton";
+export function Comments() {
+    const editContext = useEditContext();
+    const [comments, setComments] = useState([]);
+    useEffect(() => {
         const comments = editContext?.comments || [];
         comments.sort((a, b) => a.position - b.position);
         setComments(comments);
     }, [editContext]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col h-full", children: [(0, jsx_runtime_1.jsxs)(SimpleToolbar_1.SimpleToolbar, { children: [(0, jsx_runtime_1.jsx)(SimpleIconButton_1.SimpleIconButton, { id: "add-comment", icon: "pi pi-plus", label: "Add Comment", onClick: () => {
+    return (_jsxs("div", { className: "flex flex-col h-full", children: [_jsxs(SimpleToolbar, { children: [_jsx(SimpleIconButton, { id: "add-comment", icon: "pi pi-plus", label: "Add Comment", onClick: () => {
                             editContext?.addComment();
-                        } }), (0, jsx_runtime_1.jsx)(SimpleIconButton_1.SimpleIconButton, { selected: editContext?.showComments, icon: "pi pi-eye", label: "Show Comments", onClick: () => {
+                        } }), _jsx(SimpleIconButton, { selected: editContext?.showComments, icon: "pi pi-eye", label: "Show Comments", onClick: () => {
                             editContext?.setShowComments((x) => !x);
-                        } })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1 overflow-auto", children: (0, jsx_runtime_1.jsx)("div", { className: "p-4 bg-gray-50 border-l border-gray-200 h-fill-available", children: comments.map((comment) => ((0, jsx_runtime_1.jsx)(Comment_1.Comment, { comment: comment }, comment.id))) }) })] }));
+                        } })] }), _jsx("div", { className: "flex-1 overflow-auto", children: _jsx("div", { className: "p-4 bg-gray-50 border-l border-gray-200 h-fill-available", children: comments.map((comment) => (_jsx(Comment, { comment: comment }, comment.id))) }) })] }));
 }

package/dist/editor/reviews/PreviewInfo.d.ts

@@ -0,0 +1 @@
+export declare function PreviewInfo(): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/reviews/PreviewInfo.js

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PreviewInfo = PreviewInfo;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const client_components_1 = require("../../client-components");
-const utils_1 = require("../utils");
-function PreviewInfo() {
-    const editContext = (0, client_components_1.useEditContext)();
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEditContext } from "../../client-components";
+import { formatDate } from "../utils";
+export function PreviewInfo() {
+    const editContext = useEditContext();
     if (!editContext)
         return null;
     const review = editContext.reviews.reviews.find((x) => x.reviewerEmail === editContext.user?.email);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-3 items-center", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-white", children: ["Welcome to your page ", (0, jsx_runtime_1.jsx)("b", { children: "preview" }), ", ", editContext.user?.displayName, "!", (0, jsx_runtime_1.jsxs)("div", { className: "text-gray-300 text-xs", children: [editContext.contentEditorItem?.path, " ", editContext.contentEditorItem?.language, " ", editContext.contentEditorItem?.version] })] }), review?.approvalDate && ((0, jsx_runtime_1.jsx)("i", { className: "pi pi-check text-green-400 text-2xl font-bold", title: "Approved " + (0, utils_1.formatDate)(new Date(review.approvalDate)) })), review?.rejectedDate && ((0, jsx_runtime_1.jsx)("i", { className: "pi pi-times text-red-400 text-2xl font-bold", title: "Rejected " + (0, utils_1.formatDate)(new Date(review.rejectedDate)) }))] }));
+    return (_jsxs("div", { className: "flex gap-3 items-center", children: [_jsxs("div", { className: "text-white", children: ["Welcome to your page ", _jsx("b", { children: "preview" }), ", ", editContext.user?.displayName, "!", _jsxs("div", { className: "text-gray-300 text-xs", children: [editContext.contentEditorItem?.path, " ", editContext.contentEditorItem?.language, " ", editContext.contentEditorItem?.version] })] }), review?.approvalDate && (_jsx("i", { className: "pi pi-check text-green-400 text-2xl font-bold", title: "Approved " + formatDate(new Date(review.approvalDate)) })), review?.rejectedDate && (_jsx("i", { className: "pi pi-times text-red-400 text-2xl font-bold", title: "Rejected " + formatDate(new Date(review.rejectedDate)) }))] }));
 }

package/dist/editor/reviews/Reviews.d.ts

@@ -0,0 +1 @@
+export declare function Reviews(): import("react/jsx-runtime").JSX.Element;

package/dist/editor/reviews/Reviews.js

@@ -1,33 +1,27 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Reviews = Reviews;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const SimpleToolbar_1 = require("../ui/SimpleToolbar");
-const react_1 = require("react");
-const SimpleTable_1 = require("../ui/SimpleTable");
-const reviewsService_1 = require("../services/reviewsService");
-const editContext_1 = require("../client/editContext");
-const checkbox_1 = require("primereact/checkbox");
-const utils_1 = require("../utils");
-const inputtext_1 = require("primereact/inputtext");
-const overlaypanel_1 = require("primereact/overlaypanel");
-const SimpleIconButton_1 = require("../ui/SimpleIconButton");
-const button_1 = require("primereact/button");
-const react_uuid_1 = __importDefault(require("react-uuid"));
-function Reviews() {
-    const [reviewData, setReviewData] = (0, react_1.useState)([]);
-    const [newReviewer, setNewReviewer] = (0, react_1.useState)({
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SimpleToolbar } from "../ui/SimpleToolbar";
+import { useEffect, useRef, useState } from "react";
+import { SimpleTable } from "../ui/SimpleTable";
+import { inviteReviewer, addReview } from "../services/reviewsService";
+import { useEditContext } from "../client/editContext";
+import { Checkbox } from "primereact/checkbox";
+import { formatDate } from "../utils";
+import { InputText } from "primereact/inputtext";
+import { OverlayPanel } from "primereact/overlaypanel";
+import { SimpleIconButton } from "../ui/SimpleIconButton";
+import { Button } from "primereact/button";
+import uuid from "react-uuid";
+export function Reviews() {
+    const [reviewData, setReviewData] = useState([]);
+    const [newReviewer, setNewReviewer] = useState({
         email: "",
         name: "",
     });
-    const overlayPanelRef = (0, react_1.useRef)(null);
-    const editContext = (0, editContext_1.useEditContext)();
-    const [showErrors, setShowErrors] = (0, react_1.useState)(false);
-    const [waiting, setWaiting] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
+    const overlayPanelRef = useRef(null);
+    const editContext = useEditContext();
+    const [showErrors, setShowErrors] = useState(false);
+    const [waiting, setWaiting] = useState(false);
+    useEffect(() => {
         if (editContext?.reviews) {
             setReviewData(editContext.reviews.reviews.map((x) => ({
                 review: x,
@@ -46,21 +40,21 @@ function Reviews() {
     };
     const getStatus = (reviewData) => {
         if (reviewData?.updating) {
-            return (0, jsx_runtime_1.jsx)("i", { className: "pi pi-spinner pi-spin" });
+            return _jsx("i", { className: "pi pi-spinner pi-spin" });
         }
         if (reviewData?.error) {
-            return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-times text-red-500 " }), " ", reviewData.error] }));
+            return (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("i", { className: "pi pi-times text-red-500 " }), " ", reviewData.error] }));
         }
         const review = reviewData?.review;
         if (review) {
             if (review.approvalDate) {
-                return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-1", children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-check text-green-500 " }), "Approved ", (0, utils_1.formatDate)(new Date(review.approvalDate))] }));
+                return (_jsxs("div", { className: "flex flex-row gap-1", children: [_jsx("i", { className: "pi pi-check text-green-500 " }), "Approved ", formatDate(new Date(review.approvalDate))] }));
             }
             if (review.rejectedDate) {
-                return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-1", children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-times text-red-500 " }), "Rejected ", (0, utils_1.formatDate)(new Date(review.rejectedDate))] }));
+                return (_jsxs("div", { className: "flex flex-row gap-1", children: [_jsx("i", { className: "pi pi-times text-red-500 " }), "Rejected ", formatDate(new Date(review.rejectedDate))] }));
             }
             if (review.invitationSentDate) {
-                return ("Invitation Sent " + (0, utils_1.formatDate)(new Date(review.invitationSentDate)));
+                return ("Invitation Sent " + formatDate(new Date(review.invitationSentDate)));
             }
         }
         return "Not yet invited";
@@ -78,7 +72,7 @@ function Reviews() {
             if (x.checked) {
                 x.updating = true;
                 setReviewData([...reviewData]);
-                const result = await (0, reviewsService_1.inviteReviewer)(x.review);
+                const result = await inviteReviewer(x.review);
                 if (result.response.status !== 200) {
                     x.error = "Error inviting reviewer";
                 }
@@ -88,22 +82,22 @@ function Reviews() {
             }
         });
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col h-full", children: [(0, jsx_runtime_1.jsxs)(SimpleToolbar_1.SimpleToolbar, { children: [(0, jsx_runtime_1.jsx)(SimpleIconButton_1.SimpleIconButton, { label: "Add Reviewer", icon: "pi pi-plus", onClick: (x) => {
+    return (_jsxs("div", { className: "flex flex-col h-full", children: [_jsxs(SimpleToolbar, { children: [_jsx(SimpleIconButton, { label: "Add Reviewer", icon: "pi pi-plus", onClick: (x) => {
                             overlayPanelRef.current?.toggle(x);
                             setTimeout(() => {
                                 document.getElementById("name")?.focus();
                             }, 100);
-                        } }), (0, jsx_runtime_1.jsx)(SimpleIconButton_1.SimpleIconButton, { label: "Send Invitations", icon: "pi pi-send", disabled: !reviewData.some((x) => x.checked), onClick: sendInvitations })] }), (0, jsx_runtime_1.jsx)(overlaypanel_1.OverlayPanel, { ref: overlayPanelRef, children: (0, jsx_runtime_1.jsx)("div", { className: "p-2 text-xs flex flex-col gap-2", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2", children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: "name", children: "Name" }), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { id: "name", className: "w-full", value: newReviewer?.name, onChange: (e) => {
+                        } }), _jsx(SimpleIconButton, { label: "Send Invitations", icon: "pi pi-send", disabled: !reviewData.some((x) => x.checked), onClick: sendInvitations })] }), _jsx(OverlayPanel, { ref: overlayPanelRef, children: _jsx("div", { className: "p-2 text-xs flex flex-col gap-2", children: _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("label", { htmlFor: "name", children: "Name" }), _jsx(InputText, { id: "name", className: "w-full", value: newReviewer?.name, onChange: (e) => {
                                     setNewReviewer((x) => ({
                                         ...x,
                                         name: e.target.value,
                                     }));
-                                }, autoFocus: true }), showErrors && !newReviewer?.name && ((0, jsx_runtime_1.jsx)("small", { style: { color: "red" }, children: "Name is required" })), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2", children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: "email", children: "Email" }), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { id: "email", className: "w-full", value: newReviewer?.email, onChange: (e) => {
+                                }, autoFocus: true }), showErrors && !newReviewer?.name && (_jsx("small", { style: { color: "red" }, children: "Name is required" })), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("label", { htmlFor: "email", children: "Email" }), _jsx(InputText, { id: "email", className: "w-full", value: newReviewer?.email, onChange: (e) => {
                                             setNewReviewer((x) => ({
                                                 ...x,
                                                 email: e.target.value,
                                             }));
-                                        } }), showErrors && !isValidEmail(newReviewer.email) && ((0, jsx_runtime_1.jsx)("small", { style: { color: "red" }, children: "Not a valid email address" })), showErrors && emailAlreadyExists(newReviewer.email) && ((0, jsx_runtime_1.jsx)("small", { style: { color: "red" }, children: "Email already exists" }))] }), (0, jsx_runtime_1.jsx)(button_1.Button, { label: "Add Reviewer", disabled: waiting, icon: "pi pi-plus", onClick: async () => {
+                                        } }), showErrors && !isValidEmail(newReviewer.email) && (_jsx("small", { style: { color: "red" }, children: "Not a valid email address" })), showErrors && emailAlreadyExists(newReviewer.email) && (_jsx("small", { style: { color: "red" }, children: "Email already exists" }))] }), _jsx(Button, { label: "Add Reviewer", disabled: waiting, icon: "pi pi-plus", onClick: async () => {
                                     if (!editContext?.contentEditorItem)
                                         return;
                                     setShowErrors(true);
@@ -114,8 +108,8 @@ function Reviews() {
                                         return;
                                     }
                                     setWaiting(true);
-                                    await (0, reviewsService_1.addReview)({
-                                        id: (0, react_uuid_1.default)(),
+                                    await addReview({
+                                        id: uuid(),
                                         reviewerName: newReviewer.name,
                                         reviewerEmail: newReviewer.email,
                                         itemId: editContext.contentEditorItem.id,
@@ -129,15 +123,15 @@ function Reviews() {
                                         name: "",
                                     });
                                     setWaiting(false);
-                                } })] }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1 relative", children: (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 overflow-auto", children: (0, jsx_runtime_1.jsx)(SimpleTable_1.SimpleTable, { columns: [
+                                } })] }) }) }), _jsx("div", { className: "flex-1 relative", children: _jsx("div", { className: "absolute inset-0 overflow-auto", children: _jsx(SimpleTable, { columns: [
                             {
-                                header: ((0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { checked: reviewData.every((x) => x.checked), onChange: (e) => {
+                                header: (_jsx(Checkbox, { checked: reviewData.every((x) => x.checked), onChange: (e) => {
                                         setReviewData((reviews) => reviews.map((x) => ({
                                             ...x,
                                             checked: e.checked ?? false,
                                         })));
                                     } })),
-                                body: (x) => ((0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { checked: x.checked, onChange: (e) => {
+                                body: (x) => (_jsx(Checkbox, { checked: x.checked, onChange: (e) => {
                                         setReviewData((reviews) => {
                                             // It’s safer to update by index or assign an id to each reviewer.
                                             // For brevity, we’re using the email to locate the reviewer.

package/dist/editor/reviews/reviewCommands.d.ts

@@ -0,0 +1,3 @@
+import { Command, CommandData } from "../commands/commands";
+export declare const approveReviewCommand: Command<CommandData>;
+export declare const rejectReviewCommand: Command<CommandData>;

package/dist/editor/reviews/reviewCommands.js

@@ -1,17 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.rejectReviewCommand = exports.approveReviewCommand = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const reviewsService_1 = require("../services/reviewsService");
-exports.approveReviewCommand = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { approveReview, rejectReview } from "../services/reviewsService";
+export const approveReviewCommand = {
     id: "approveReview",
     label: "Approve Page",
-    icon: (0, jsx_runtime_1.jsx)("i", { className: "pi pi-check text-green-500 mr-3" }),
+    icon: _jsx("i", { className: "pi pi-check text-green-500 mr-3" }),
     execute: async (context) => {
         if (!context.editContext.currentItemDescriptor) {
             return;
         }
-        await (0, reviewsService_1.approveReview)(context.editContext.currentItemDescriptor);
+        await approveReview(context.editContext.currentItemDescriptor);
         context.editContext.showToast({
             summary: "Page/item approved",
             severity: "success",
@@ -21,15 +18,15 @@ exports.approveReviewCommand = {
         return !isReviewer(context);
     },
 };
-exports.rejectReviewCommand = {
+export const rejectReviewCommand = {
     id: "rejectReview",
     label: "Reject Page",
-    icon: (0, jsx_runtime_1.jsx)("i", { className: "pi pi-times text-red-500 mr-3" }),
+    icon: _jsx("i", { className: "pi pi-times text-red-500 mr-3" }),
     execute: async (context) => {
         if (!context.editContext.currentItemDescriptor) {
             return;
         }
-        await (0, reviewsService_1.rejectReview)(context.editContext.currentItemDescriptor);
+        await rejectReview(context.editContext.currentItemDescriptor);
         context.editContext.showToast({
             summary: "Page/item rejected",
             severity: "error",

package/dist/editor/reviews/useReviews.d.ts

@@ -0,0 +1,12 @@
+import { Review } from "../../types";
+import { ItemDescriptor } from "../pageModel";
+export declare function useReviews({ currentItemDescriptor, addSocketMessageListener, }: {
+    currentItemDescriptor?: ItemDescriptor;
+    addSocketMessageListener: (callback: (message: {
+        type: string;
+        payload: any;
+    }) => void) => void;
+}): {
+    reviews: Review[];
+    loadReviews: () => Promise<void>;
+};

package/dist/editor/reviews/useReviews.js

@@ -1,19 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useReviews = useReviews;
-const react_1 = require("react");
-const reviewsService_1 = require("../services/reviewsService");
-const react_uuid_1 = __importDefault(require("react-uuid"));
-function useReviews({ currentItemDescriptor, addSocketMessageListener, }) {
-    const [reviews, setReviews] = (0, react_1.useState)([]);
+import { useEffect, useState, useMemo } from "react";
+import { getReviewers, getReviews } from "../services/reviewsService";
+import uuid from "react-uuid";
+export function useReviews({ currentItemDescriptor, addSocketMessageListener, }) {
+    const [reviews, setReviews] = useState([]);
     const loadReviews = async () => {
         if (!currentItemDescriptor)
             return;
-        const reviewers = await (0, reviewsService_1.getReviewers)(currentItemDescriptor.id, currentItemDescriptor.language);
-        const reviewsResult = await (0, reviewsService_1.getReviews)(currentItemDescriptor.id, currentItemDescriptor.language, currentItemDescriptor.version);
+        const reviewers = await getReviewers(currentItemDescriptor.id, currentItemDescriptor.language);
+        const reviewsResult = await getReviews(currentItemDescriptor.id, currentItemDescriptor.language, currentItemDescriptor.version);
         const reviews = reviewsResult.data;
         if (!reviews)
             return;
@@ -23,7 +17,7 @@ function useReviews({ currentItemDescriptor, addSocketMessageListener, }) {
             const existingReview = reviews.find((r) => r.reviewerEmail === reviewer.email);
             if (!existingReview) {
                 reviews.push({
-                    id: (0, react_uuid_1.default)(),
+                    id: uuid(),
                     itemId: currentItemDescriptor.id,
                     language: currentItemDescriptor.language,
                     version: currentItemDescriptor.version,
@@ -34,15 +28,15 @@ function useReviews({ currentItemDescriptor, addSocketMessageListener, }) {
         });
         setReviews(reviews);
     };
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         loadReviews();
     }, [currentItemDescriptor]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         return addSocketMessageListener((message) => {
             if (message.type === "reviews-updated") {
                 loadReviews();
             }
         });
     }, [currentItemDescriptor]);
-    return (0, react_1.useMemo)(() => ({ reviews, loadReviews }), [reviews]);
+    return useMemo(() => ({ reviews, loadReviews }), [reviews]);
 }

package/dist/editor/services/aiService.d.ts

@@ -0,0 +1,34 @@
+import { AiContext } from "../ai/AiTerminal";
+import { EditContextType } from "../client/editContext";
+import { ItemDescriptor } from "../pageModel";
+import { ExecutionResult } from "./serviceHelper";
+export type AiProfile = {
+    id: string;
+    name: string;
+    instructions: string;
+    defaultModel: string;
+    models: string[];
+    prompts: {
+        prompt: string;
+        title: string;
+    }[];
+    errorMessage?: string;
+};
+export declare function loadAiProfiles(item: ItemDescriptor): Promise<AiProfile[]>;
+type Message = {
+    content: string;
+    name: string;
+    role: string;
+};
+export declare function executePrompt(messages: Message[], editContext: EditContextType, createAiContext: ({ editContext }: {
+    editContext: any;
+}) => AiContext, allowedFunctions?: string[], addContextContent?: boolean, options?: RequestInit, model?: string, callback?: (response: any) => void): Promise<any>;
+export declare function executeSearch({ query, editContext, maxResults, index, rootItemIds, skipValidation, }: {
+    query: string;
+    editContext: EditContextType;
+    maxResults: number;
+    index: string;
+    rootItemIds?: string[];
+    skipValidation?: boolean;
+}): Promise<ExecutionResult<unknown>>;
+export {};

package/dist/editor/services/aiService.js

@@ -1,18 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadAiProfiles = loadAiProfiles;
-exports.executePrompt = executePrompt;
-exports.executeSearch = executeSearch;
-const serviceHelper_1 = require("./serviceHelper");
-async function loadAiProfiles(item) {
+import { post } from "./serviceHelper";
+export async function loadAiProfiles(item) {
     let url = "/alpaca/editor/ai/profiles";
-    const response = await (0, serviceHelper_1.post)(url, item);
+    const response = await post(url, item);
     if (response.type !== "success") {
         throw new Error("Error loading AI profiles");
     }
     return response.data || [];
 }
-async function executePrompt(messages, editContext, createAiContext, allowedFunctions, addContextContent, options, model, callback) {
+export async function executePrompt(messages, editContext, createAiContext, allowedFunctions, addContextContent, options, model, callback) {
     const context = createAiContext({ editContext });
     const response = await fetch(context.endpoint, {
         method: "POST",
@@ -73,7 +68,7 @@ async function executePrompt(messages, editContext, createAiContext, allowedFunc
     }
     return result;
 }
-async function executeSearch({ query, editContext, maxResults = 10, index, rootItemIds, skipValidation = false, }) {
+export async function executeSearch({ query, editContext, maxResults = 10, index, rootItemIds, skipValidation = false, }) {
     const response = await fetch("/alpaca/editor/ai/search", {
         method: "POST",
         body: JSON.stringify({

package/dist/editor/services/componentDesignerService.d.ts

@@ -0,0 +1,46 @@
+import { InsertOption, Rendering } from "../../types";
+import { ItemDescriptor } from "../pageModel";
+export declare function createNewComponent(name: string, contextItem: ItemDescriptor): Promise<string | Error>;
+export declare function createRendering(name: string, context: ItemDescriptor, componentTemplateId: string): Promise<{
+    id: string;
+} | Error>;
+export declare function getAllComponents(contextItemId: string): Promise<Array<Component>>;
+export declare function getFieldTypes(): Promise<Array<FieldTypeGroup>>;
+export type Component = {
+    templateId: string;
+    name: string;
+    svg: string;
+    icon: string;
+};
+export type PlaceholderDefinition = {
+    name: string;
+    components: InsertOption[];
+    insertOptionsNode?: ItemDescriptor;
+};
+export type ComponentDetails = Component & {
+    compatibleRenderings: Rendering[];
+    template: Template;
+    placeholders: PlaceholderDefinition[];
+};
+export declare function loadComponentDetails(id: string, contextItemId: string): Promise<ComponentDetails>;
+export declare function saveComponentDetails(component: ComponentDetails, contextItem: ItemDescriptor): Promise<boolean>;
+export type Template = {
+    sections: TemplateSection[];
+};
+export type TemplateSection = {
+    id?: string;
+    name: string;
+    fields: TemplateField[];
+    key?: string;
+};
+export type TemplateField = {
+    id?: string;
+    name: string;
+    type: string;
+    source: string;
+    key?: string;
+};
+export type FieldTypeGroup = {
+    name: string;
+    types: string[];
+};