@rnaga/wp-next-admin 1.0.1

package/client/components/contents/comments/ActionLink.d.ts

@@ -0,0 +1,5 @@
+import type { Comment } from "./List";
+export declare const ActionLink: (props: {
+    comment: Comment;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ActionLink.d.ts.map

package/client/components/contents/comments/ActionLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionLink.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/contents/comments/ActionLink.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,eAAO,MAAM,UAAU,GAAI,OAAO;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,4CAsHrD,CAAC"}

package/client/components/contents/comments/ActionLink.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+import { useServerActions } from "@rnaga/wp-next-core/client/hooks/use-server-actions";
+import { useAdminNavigation } from "../../../hooks/use-admin-navigation";
+import { useWPAdmin } from "../../../wp-admin";
+import { AdminLink } from "../../utils/link/AdminLink";
+export const ActionLink = (props) => {
+    const { comment } = props;
+    const { overlay, comment: commentModal } = useWPAdmin();
+    const { actions, safeParse } = useServerActions();
+    const { refresh } = useAdminNavigation();
+    let commentStatus = "0";
+    switch (`${comment.comment_approved}`) {
+        case "1":
+        case "approve":
+            commentStatus = "1";
+            break;
+        case "spam":
+            commentStatus = "spam";
+            break;
+        case "trash":
+        case "post-trashed":
+            commentStatus = "trash";
+            break;
+        case "0":
+        case "hold":
+        default:
+            commentStatus = "0";
+            break;
+    }
+    const handleApprove = (approve) => async () => {
+        const result = await overlay.circular.promise(actions.comment
+            .update(comment.comment_ID, {
+            comment_approved: approve,
+            comment_type: comment.comment_type,
+        })
+            .then(safeParse));
+        if (result.error) {
+            overlay.snackbar.open("error", result.error);
+            return;
+        }
+        overlay.snackbar.open("success", "Item has been updated");
+        refresh(["content"]);
+    };
+    const handleEditOpen = (isReply) => async () => {
+        commentModal.open(comment, isReply, () => refresh(["content"]));
+    };
+    const handleDelete = () => {
+        const message = "This action cannot be undone. This will permanently delete your item.";
+        const title = "Are you absolutely sure?";
+        overlay.confirm.open(message, async (confirm) => {
+            if (!confirm) {
+                return;
+            }
+            const result = await overlay.circular
+                .promise(actions.comment.del(comment.comment_ID, true))
+                .then(safeParse);
+            if (!result.success) {
+                overlay.snackbar.open("error", result.error);
+                return;
+            }
+            overlay.snackbar.open("error", "Item has been deleted Permanently");
+            refresh(["content"]);
+        }, title);
+    };
+    return (_jsxs(Box, { sx: { display: "flex", gap: 0.5 }, children: [commentStatus == "1" && (_jsx(AdminLink, { color: "warning", onClick: handleApprove("0"), children: "Unapprove" })), commentStatus == "0" && (_jsx(AdminLink, { color: "success", onClick: handleApprove("1"), children: "Approve" })), commentStatus.match(/^0|1$/) && (_jsx(AdminLink, { onClick: handleEditOpen(true), children: "Reply" })), commentStatus.match(/^0|1$/) && (_jsx(AdminLink, { onClick: handleEditOpen(false), children: "Edit" })), commentStatus.match(/^0|1|trash$/) && (_jsx(AdminLink, { color: "error", onClick: handleApprove("spam"), children: "Spam" })), commentStatus.match(/^0|1$/) && (_jsx(AdminLink, { color: "error", onClick: handleApprove("trash"), children: "Trash" })), commentStatus == "spam" && (_jsx(AdminLink, { color: "warning", onClick: handleApprove("0"), children: "Not Spam" })), commentStatus == "trash" && (_jsx(AdminLink, { color: "success", onClick: handleApprove("0"), children: "Restore" })), commentStatus.match(/^trash|spam$/) && (_jsx(AdminLink, { color: "error", onClick: handleDelete, children: "Delete Permanently" }))] }));
+};

package/client/components/contents/comments/List/Reply.d.ts

@@ -0,0 +1,5 @@
+import type * as wpCoreTypes from "@rnaga/wp-next-core/types";
+export declare const Reply: (props: {
+    comment: NonNullable<wpCoreTypes.actions.Comments[number]>;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Reply.d.ts.map

package/client/components/contents/comments/List/Reply.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reply.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/contents/comments/List/Reply.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,KAAK,WAAW,MAAM,2BAA2B,CAAC;AAE9D,eAAO,MAAM,KAAK,GAAI,OAAO;IAC3B,OAAO,EAAE,WAAW,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;CAC5D,mDAyFA,CAAC"}

package/client/components/contents/comments/List/Reply.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box, Stack } from "@mui/material";
+import { SimpleTreeView, TreeItem } from "@mui/x-tree-view";
+import { useUser } from "@rnaga/wp-next-core/client/hooks/use-user";
+import { Typography } from "@rnaga/wp-next-ui/Typography";
+import { comments as toCommentHierarchy } from "@rnaga/wp-node/common/hierarchy";
+import { AdminLink } from "../../../../components/utils/link";
+import { useAdminNavigation } from "../../../../hooks/use-admin-navigation";
+import { ActionLink } from "../ActionLink";
+export const Reply = (props) => {
+    const { comment: parentComment } = props;
+    const replies = parentComment.children;
+    const { updateRouter } = useAdminNavigation();
+    const { userCan } = useUser();
+    const [expandedItems, setExpandedItems] = useState([]);
+    if (!replies) {
+        return null;
+    }
+    const handleExpandedItemsChange = (event, itemIds) => {
+        setExpandedItems(itemIds);
+    };
+    const handleExpandClick = () => {
+        setExpandedItems((oldExpanded) => oldExpanded.length === 0
+            ? replies.flatMap((comment) => `${comment.comment_ID}`)
+            : []);
+    };
+    const hierarchy = toCommentHierarchy(replies);
+    const items = (comments) => comments.map((comment) => (_jsx(TreeItem, { itemId: `${comment.comment_ID}`, label: _jsxs(Typography, { children: ["Replied by", " ", _jsxs(Typography, { fontWeight: 600, component: "span", children: [comment.comment_author ?? comment.display_name, " "] }), "on", " ", _jsx(Typography, { fontWeight: 600, component: "span", children: comment.comment_date?.split(" ")[0] })] }), children: _jsxs(Stack, { spacing: 1, children: [userCan("edit_comment", parentComment) && (_jsx(ActionLink, { comment: comment })), _jsx(Box, { children: _jsx(Typography, { sx: { mx: 1 }, children: comment.comment_content }) }), comment.children &&
+                    comment.children.length > 0 &&
+                    items(comment.children)] }) }, `${comment.comment_ID}`)));
+    return (_jsxs(_Fragment, { children: [parentComment.children && parentComment.children?.length > 1 && (_jsxs(Box, { sx: { mb: 1, display: "flex", gap: 1 }, children: [_jsx(AdminLink, { onClick: handleExpandClick, children: expandedItems.length === 0 ? "Expand All" : "Collapse All" }), parentComment.count_children > 10 && (_jsx(AdminLink, { onClick: () => updateRouter({ parent: [parentComment.comment_ID] }), children: "View All Replies" }))] })), _jsx(SimpleTreeView, { sx: { overflowY: "auto" }, expandedItems: expandedItems, onExpandedItemsChange: handleExpandedItemsChange, children: items(hierarchy) })] }));
+};

package/client/components/contents/comments/List/Row.d.ts

@@ -0,0 +1,5 @@
+import type * as wpCoreTypes from "@rnaga/wp-next-core/types";
+export declare const Row: (props: {
+    comment: wpCoreTypes.actions.Comments[number];
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Row.d.ts.map

package/client/components/contents/comments/List/Row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/contents/comments/List/Row.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,KAAK,WAAW,MAAM,2BAA2B,CAAC;AAE9D,eAAO,MAAM,GAAG,GAAI,OAAO;IACzB,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;CAC/C,4CA0FA,CAAC"}

package/client/components/contents/comments/List/Row.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+import { useUser } from "@rnaga/wp-next-core/client/hooks/use-user";
+import { CardImage } from "@rnaga/wp-next-ui/CardImage";
+import { Chip } from "@rnaga/wp-next-ui/Chip";
+import { Typography } from "@rnaga/wp-next-ui/Typography";
+import { Viewport } from "@rnaga/wp-next-ui/Viewport";
+import { ActionTd, Table, Td, Tr } from "@rnaga/wp-next-ui/list";
+import { useAdminNavigation } from "../../../../hooks/use-admin-navigation";
+import { useWPAdmin } from "../../../../wp-admin";
+import { ActionLink } from "../ActionLink";
+import { Reply } from "./Reply";
+export const Row = (props) => {
+    const { comment } = props;
+    const { wp: { viewport }, } = useWPAdmin();
+    const { userCan } = useUser();
+    const { updateRouter } = useAdminNavigation();
+    return (_jsx(Table, { sx: { backgroundColor: "inherit" }, children: _jsxs("tbody", { children: [_jsxs(Tr, { style: { backgroundColor: "inherit" }, children: [_jsxs(Td, { style: { width: "20%" }, children: [_jsx(Box, { children: _jsx(Typography, { bold: true, children: comment.user_display_name ?? comment.comment_author }) }), _jsx(Viewport, { device: "mobile", children: _jsxs(Typography, { sx: { display: "block", mt: 1, mb: 2 }, component: "div", children: [comment.comment_content, userCan("edit_comment", comment) && (_jsx(ActionLink, { comment: comment }))] }) })] }), _jsxs(ActionTd, { style: { width: "40%" }, children: [_jsx(Typography, { sx: { display: "block" }, children: comment.comment_content }), userCan("edit_comment", comment) && (_jsx(ActionLink, { comment: comment }))] }), _jsxs(Td, { viewport: "desktop", style: { width: "20%" }, children: [comment.post_type == "attachment" && (_jsx(CardImage, { src: comment.post_guid, alt: comment.post_title, sx: { width: 80, height: 80 } })
+                                // <AspectRatio sx={{ width: 80 }} ratio={4 / 3}>
+                                //   <MediaThumbnail uri={comment.post_guid} />
+                                // </AspectRatio>
+                                ), _jsx(Typography, { bold: true, children: comment.post_title }), comment.post_comment_count > 0 && (_jsx(Box, { children: _jsx(Chip, { onClick: () => updateRouter({
+                                            post: [comment.comment_post_ID],
+                                            page: 1,
+                                        }), label: `${comment.post_comment_count} Comments` }) }))] }), _jsx(Td, { viewport: "desktop", children: comment.comment_date })] }), comment.children && (_jsx(Tr, { style: {
+                        borderBottom: "0px solid transparent",
+                        backgroundColor: "inherit",
+                    }, children: _jsxs(Td, { colSpan: viewport.isMobile ? 1 : 4, children: [_jsx(Box, { sx: { height: 0, position: "absolute" }, children: _jsx(Chip, { sx: { position: "relative", top: -25 }, label: `${comment.children.length} Replies` }) }), _jsx(Reply, { comment: comment })] }) }))] }) }));
+};

package/client/components/contents/comments/List/Toolbar.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+import type * as wpCoreTypes from "@rnaga/wp-next-core/types";
+export declare const Toolbar: (props: {
+    comments?: wpCoreTypes.actions.Comments;
+    info?: wpCoreTypes.actions.CommentsInfo;
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Toolbar.d.ts.map

package/client/components/contents/comments/List/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/contents/comments/List/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASlC,OAAO,KAAK,KAAK,WAAW,MAAM,2BAA2B,CAAC;AAE9D,eAAO,MAAM,OAAO,GAAI,OAAO;IAC7B,QAAQ,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC;IACxC,IAAI,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,4CAqBA,CAAC"}

package/client/components/contents/comments/List/Toolbar.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+import { InputSearch } from "@rnaga/wp-next-ui/InputSearch";
+import { Pagination } from "@rnaga/wp-next-ui/list/Pagination";
+import { useWPAdmin } from "../../../../wp-admin";
+export const Toolbar = (props) => {
+    const { info, children } = props;
+    const { wp: { viewport }, } = useWPAdmin();
+    return (_jsxs(_Fragment, { children: [children, _jsxs(Box, { sx: {
+                    display: "grid",
+                    gap: 1,
+                    gridTemplateColumns: viewport.isMobile ? "1fr" : "repeat(2, 1fr)",
+                }, children: [_jsx(InputSearch, { size: "medium", sx: { flexGrow: 1 } }), _jsx(Pagination, { pagination: info?.pagination })] })] }));
+};

package/client/components/contents/comments/List/index.d.ts

@@ -0,0 +1,5 @@
+import type * as wpCoreTypes from "@rnaga/wp-next-core/types";
+import type * as wpTypes from "@rnaga/wp-node/types";
+export type Comment = wpTypes.Tables["comments"] | wpCoreTypes.actions.Comments[number];
+export declare const List: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/client/components/contents/comments/List/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/contents/comments/List/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,KAAK,WAAW,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAErD,MAAM,MAAM,OAAO,GACf,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC,GAC1B,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;AAEzC,eAAO,MAAM,IAAI,+CA6EhB,CAAC"}

package/client/components/contents/comments/List/index.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState, useTransition } from "react";
+import { Stack } from "@mui/material";
+import { useServerActions } from "@rnaga/wp-next-core/client/hooks/use-server-actions";
+import { SortableTh, Table, Td, Th, THead, Tr } from "@rnaga/wp-next-ui/list";
+import { Loading } from "@rnaga/wp-next-ui/Loading";
+import { useAdminNavigation } from "../../../../hooks/use-admin-navigation";
+import { Row } from "./Row";
+import { Toolbar } from "./Toolbar";
+export const List = () => {
+    const { actions, parse } = useServerActions();
+    const [loading, startTransition] = useTransition();
+    const [{ comments, info }, setComments] = useState({
+        comments: undefined,
+        info: undefined,
+    });
+    const { navigationStatus, queryObject, refresh, refreshValue } = useAdminNavigation();
+    const fetchComments = useCallback(async () => {
+        const [comments, info] = await actions.comment
+            .list({ parent: [0], ...queryObject })
+            .then(parse);
+        setComments({ comments, info });
+    }, [navigationStatus, refreshValue().content]);
+    useEffect(() => {
+        startTransition(fetchComments);
+    }, [navigationStatus]);
+    useEffect(() => {
+        fetchComments();
+    }, [refreshValue().content]);
+    return (_jsxs(Stack, { spacing: 1, children: [_jsx(Toolbar, { comments: comments, info: info }), _jsx(Loading, { loading: loading, children: _jsxs(Table, { children: [_jsxs(THead, { children: [_jsx(SortableTh, { name: "Author", orderby: "comment_author", style: {
+                                        width: "20%",
+                                    } }), _jsx(Th, { viewport: "desktop", style: { width: "40%" }, children: "Comment" }), _jsx(Th, { viewport: "desktop", style: {
+                                        width: "20%",
+                                    }, children: "In Response To" }), _jsx(SortableTh, { name: "Submitted on", orderby: "comment_date", viewport: "desktop", style: {
+                                        width: "20%",
+                                    } })] }), _jsx("tbody", { children: comments?.map((comment) => (_jsx(Tr, { children: _jsx(Td, { colSpan: 4, children: _jsx(Row, { comment: comment }) }) }, `${comment.comment_ID}`))) })] }) })] }));
+};

package/client/components/contents/comments/index.d.ts

@@ -0,0 +1,7 @@
+export declare const Comments: {
+    ActionLink: (props: {
+        comment: import("./List").Comment;
+    }) => import("react/jsx-runtime").JSX.Element;
+    List: () => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=index.d.ts.map

package/client/components/contents/comments/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/contents/comments/index.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;;;CAGpB,CAAC"}

package/client/components/contents/comments/index.js

@@ -0,0 +1,6 @@
+import { ActionLink } from "./ActionLink";
+import { List } from "./List";
+export const Comments = {
+    ActionLink,
+    List,
+};

package/client/components/contents/dashboard/index.d.ts

@@ -0,0 +1,2 @@
+export declare const Dashboard: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/client/components/contents/dashboard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/contents/dashboard/index.tsx"],"names":[],"mappings":"AAgDA,eAAO,MAAM,SAAS,+CA6QrB,CAAC"}

package/client/components/contents/dashboard/index.js

@@ -0,0 +1,123 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState, useTransition } from "react";
+import { Box, Divider, FormControl, FormLabel, Grid, Stack, } from "@mui/material";
+import { useUser } from "@rnaga/wp-next-core/client/hooks/use-user";
+import { LightEditor } from "@rnaga/wp-next-rte/tiptap/LightEditor";
+import { Button } from "@rnaga/wp-next-ui/Button";
+import { Card } from "@rnaga/wp-next-ui/Card";
+import { useFormData } from "@rnaga/wp-next-ui/hooks/use-form-data";
+import { Input } from "@rnaga/wp-next-ui/Input";
+import { Table, Td, Tr } from "@rnaga/wp-next-ui/list";
+import { Loading } from "@rnaga/wp-next-ui/Loading";
+import { Typography } from "@rnaga/wp-next-ui/Typography";
+import { formatting } from "@rnaga/wp-node/common/formatting";
+import { Comments } from "../../../components/contents/comments";
+import { AdminLink } from "../../../components/utils/link";
+import { useAdminNavigation } from "../../../hooks";
+import { useAdminServerActions } from "../../../hooks/use-admin-server-actions";
+import { useWPAdmin } from "../../../wp-admin";
+function PostEditLink(props) {
+    const { post } = props;
+    const { userCan } = useUser();
+    return (_jsx(AdminLink, { segment: "blog", page: "posts", subPage: "/edit", queryParams: { id: post.ID }, disabled: !userCan("edit_post", post), children: post.post_title || "(No Title)" }));
+}
+export const Dashboard = () => {
+    const { overlay } = useWPAdmin();
+    const { user, userCan } = useUser();
+    const { refresh, refreshValue } = useAdminNavigation();
+    const { actions, parse, safeParse } = useAdminServerActions();
+    const { formData, setFormData, submit } = useFormData("post");
+    const [dashboard, setDasboard] = useState();
+    const [loading, startTransition] = useTransition();
+    const fetchActivity = useCallback(async () => {
+        const [counts] = await actions.dashboard.counts().then(parse);
+        const [activity, activityInfo] = await actions.dashboard
+            .activity()
+            .then(parse);
+        const [postDrafts] = (await actions.post
+            .list({ status: ["draft"], per_page: 5, author: [user?.ID ?? 0] })
+            .then(parse)) ?? [];
+        setDasboard({
+            counts,
+            activity,
+            activityInfo,
+            postDrafts,
+        });
+    }, [refreshValue().content]);
+    useEffect(() => {
+        startTransition(fetchActivity);
+    }, []);
+    useEffect(() => {
+        fetchActivity();
+    }, [refreshValue().content]);
+    const handleSubmit = async (data) => {
+        console.log(formData);
+        formData.post_author = user?.ID;
+        formData.post_title = data.post_title;
+        formData.post_content = data.post_content;
+        // Covert Date object to string
+        formData.post_date = formatting.dateMySQL(formData.post_date, {
+            withGMTOffset: true,
+        });
+        formData.post_date_gmt = formatting.dateMySQL(formData.post_date);
+        const result = await overlay.circular
+            .promise(actions.post.create({
+            ...formData,
+            post_type: "post",
+            post_status: "draft",
+        }))
+            .then(safeParse);
+        if (!result.success) {
+            overlay.snackbar.open("error", result.error);
+            return;
+        }
+        overlay.snackbar.open("success", "Post has been saved");
+        refresh(["content"]);
+    };
+    return (_jsx(Loading, { loading: loading, children: _jsxs(Grid, { container: true, spacing: 2, sx: { flexGrow: 1 }, children: [_jsx(Grid, { size: { xs: 12, md: userCan("edit_posts") ? 6 : 12 }, children: _jsxs(Stack, { spacing: 2, children: [_jsxs(Card, { sx: {
+                                    p: 2,
+                                    display: "flex",
+                                    flexDirection: "column",
+                                    justifyContent: "space-between",
+                                    gap: 2,
+                                }, variant: "outlined", children: [_jsx(Typography, { size: "large", bold: true, children: "At a Glance" }), _jsx(Divider, {}), _jsxs(Box, { sx: {
+                                            display: "grid",
+                                            gridTemplateColumns: "repeat(2, 1fr)",
+                                        }, children: [_jsx(AdminLink, { segment: "blog", page: "posts", disabled: !userCan("edit_posts"), children: _jsxs(Typography, { size: "medium", sx: { px: 1.5 }, children: [dashboard?.counts.posts, " Posts"] }) }), _jsx(AdminLink, { segment: "blog", page: "pages", disabled: !userCan("edit_pages"), children: _jsxs(Typography, { size: "medium", sx: { px: 1.5 }, children: [dashboard?.counts.pages, " Pages"] }) }), _jsx(AdminLink, { segment: "blog", page: "comments", disabled: !userCan("edit_posts"), children: _jsxs(Typography, { size: "medium", sx: { px: 1.5 }, children: [dashboard?.counts.comments, " comments"] }) })] })] }), _jsxs(Card, { sx: {
+                                    p: 2,
+                                    display: "flex",
+                                    flexDirection: "column",
+                                    justifyContent: "space-between",
+                                    gap: 2,
+                                }, variant: "outlined", children: [_jsx(Typography, { size: "large", bold: true, children: "Activity" }), _jsx(Divider, {}), _jsx(Typography, { size: "medium", children: "Recently Published" }), _jsx(Table, { children: _jsx("tbody", { children: dashboard?.activity.posts.map((post) => (_jsxs(Tr, { children: [_jsx(Td, { children: formatting.date(post.post_date, {
+                                                            format: "MMM Do YY, h:mm a",
+                                                        }) }), _jsx(Td, { children: _jsx(PostEditLink, { post: post }) })] }, `posts-${post.ID}`))) }) }), _jsx(Divider, {}), _jsx(Typography, { size: "medium", bold: true, children: "Recent Comments" }), _jsx(Table, { stripe: "even", ariaLabel: "table variants", sx: { borderCollapse: "inherit" }, children: _jsx("tbody", { children: dashboard?.activity.comments.map((comment) => (_jsx(Tr, { children: _jsx(Td, { children: _jsxs(Stack, { spacing: 0.5, children: [_jsxs(Typography, { children: ["From ", _jsx("b", { children: comment.comment_author }), " on", " ", _jsx("b", { children: comment.post_title })] }), _jsx(Typography, { sx: {
+                                                                    p: 1,
+                                                                }, children: comment.comment_content }), userCan("edit_comment", comment) && (_jsx(Comments.ActionLink, { comment: comment }))] }) }) }, `comments-${comment.comment_ID}`))) }) })] })] }) }), userCan("edit_posts") && (_jsx(Grid, { size: { xs: 12, md: 6 }, children: _jsxs(Card, { variant: "outlined", children: [_jsx(Typography, { size: "large", bold: true, children: "Quick Drafts" }), _jsx(Divider, {}), _jsx("form", { onSubmit: submit(handleSubmit), children: _jsxs(Stack, { spacing: 1, sx: { display: "grid", gridTemplateColumns: "1fr" }, children: [_jsxs(FormControl, { children: [_jsx(FormLabel, { children: _jsx(Typography, { size: "medium", children: "Title" }) }), _jsx(Input, { size: "medium", name: "post_title" })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: _jsx(Typography, { size: "medium", children: "Content" }) }), _jsx(LightEditor
+                                                //editorKey="post-draft"
+                                                //initialValue=""
+                                                // minHeight={200}
+                                                // onChange={(content) => {
+                                                //   console.log(content);
+                                                //   setFormData({ post_content: content });
+                                                // }}
+                                                , { 
+                                                    //editorKey="post-draft"
+                                                    //initialValue=""
+                                                    // minHeight={200}
+                                                    // onChange={(content) => {
+                                                    //   console.log(content);
+                                                    //   setFormData({ post_content: content });
+                                                    // }}
+                                                    minHeight: 200, onUpdate: (editor, transaction) => {
+                                                        setFormData({ post_content: editor.getHTML() });
+                                                    } })] }), _jsx(Button, { type: "submit", children: "Save Draft" })] }) }), _jsx(Divider, {}), _jsx(Typography, { size: "medium", children: "Your Recent Drafts" }), _jsx(Table, { children: _jsx("tbody", { children: dashboard?.postDrafts.map((post) => (_jsx(Tr, { children: _jsxs(Td, { children: [_jsxs(Typography, { display: "block", children: [_jsx(PostEditLink, { post: post }), " ", formatting.date(post.post_date, {
+                                                            format: "MMM Do YY",
+                                                        })] }), _jsx(Box, { sx: {
+                                                        overflow: "hidden",
+                                                        textOverflow: "ellipsis",
+                                                        whiteSpace: "nowrap",
+                                                        ml: 0.5,
+                                                    }, children: _jsx(Typography, { noWrap: true, children: post.post_content }) })] }) }, `drafts-${post.ID}`))) }) })] }) }))] }) }));
+};

package/client/components/contents/index.d.ts

@@ -0,0 +1,46 @@
+export declare const Admin: {
+    Blogs: {
+        Create: () => import("react/jsx-runtime").JSX.Element | null;
+        Edit: () => import("react/jsx-runtime").JSX.Element | null;
+        List: () => import("react/jsx-runtime").JSX.Element | null;
+    };
+    Comments: {
+        ActionLink: (props: {
+            comment: import("./comments/List").Comment;
+        }) => import("react/jsx-runtime").JSX.Element;
+        List: () => import("react/jsx-runtime").JSX.Element;
+    };
+    Dashboard: () => import("react/jsx-runtime").JSX.Element;
+    Media: {
+        List: () => import("react/jsx-runtime").JSX.Element;
+        Edit: () => import("react/jsx-runtime").JSX.Element | null;
+    };
+    Pages: {
+        Edit: () => import("react/jsx-runtime").JSX.Element | null;
+        List: () => import("react/jsx-runtime").JSX.Element;
+    };
+    Posts: {
+        Edit: () => import("react/jsx-runtime").JSX.Element | null;
+        List: () => import("react/jsx-runtime").JSX.Element;
+    };
+    Profile: () => import("react/jsx-runtime").JSX.Element;
+    Revisions: () => import("react/jsx-runtime").JSX.Element;
+    Roles: () => import("react/jsx-runtime").JSX.Element;
+    Settings: () => import("react/jsx-runtime").JSX.Element | null;
+    Sites: {
+        Create: () => import("react/jsx-runtime").JSX.Element;
+        List: () => import("react/jsx-runtime").JSX.Element | null;
+        Edit: () => import("react/jsx-runtime").JSX.Element | null;
+        Delete: () => import("react/jsx-runtime").JSX.Element | null;
+    };
+    Terms: () => import("react/jsx-runtime").JSX.Element;
+    Users: {
+        Create: () => import("react/jsx-runtime").JSX.Element;
+        List: () => import("react/jsx-runtime").JSX.Element;
+        Edit: (props?: {
+            userId?: number;
+        }) => import("react/jsx-runtime").JSX.Element | null;
+        Delete: () => import("react/jsx-runtime").JSX.Element | null;
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/client/components/contents/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/client/components/contents/index.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAQhB,CAAC;;;;CAMF,CAAC"}

package/client/components/contents/index.js

@@ -0,0 +1,28 @@
+import { Blogs } from "./blogs";
+import { Comments } from "./comments";
+import { Dashboard } from "./dashboard";
+import { Media } from "./media";
+import { Pages } from "./pages";
+import { Posts } from "./posts";
+import { Profile } from "./profile";
+import { Revisions } from "./revisions";
+import { Roles } from "./roles";
+import { Settings } from "./settings";
+import { Sites } from "./sites";
+import { Terms } from "./terms";
+import { Users } from "./users";
+export const Admin = {
+    Blogs,
+    Comments,
+    Dashboard,
+    Media,
+    Pages,
+    Posts,
+    Profile,
+    Revisions,
+    Roles,
+    Settings,
+    Sites,
+    Terms,
+    Users,
+};

package/client/components/contents/media/Edit.d.ts

@@ -0,0 +1,2 @@
+export declare const Edit: () => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Edit.d.ts.map

package/client/components/contents/media/Edit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Edit.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/contents/media/Edit.tsx"],"names":[],"mappings":"AA2CA,eAAO,MAAM,IAAI,sDAuLhB,CAAC"}

package/client/components/contents/media/Edit.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useEffect, useState } from "react";
+import DeleteIcon from "@mui/icons-material/Delete";
+import FileDownloadIcon from "@mui/icons-material/FileDownload";
+import PreviewIcon from "@mui/icons-material/Preview";
+import { Box, DialogContent, DialogTitle, Divider, Grid, IconButton, List, ListItem, Tooltip, } from "@mui/material";
+import { Modal, ModalContent } from "@rnaga/wp-next-ui/Modal";
+import { Typography } from "@rnaga/wp-next-ui/Typography";
+import { getMetadaList } from "@rnaga/wp-next-core/client/utils/media";
+import { MediaGridForm } from "@rnaga/wp-next-ui/media/MediaGridForm";
+import { MediaTag } from "@rnaga/wp-next-ui/MediaTag";
+import { useAdminNavigation } from "../../../hooks/use-admin-navigation";
+import { useAdminServerActions } from "../../../hooks/use-admin-server-actions";
+import { useWPAdmin } from "../../../wp-admin";
+const ButtonTooltip = (props) => {
+    const { title, children, color, href = undefined, onClick } = props;
+    return (_jsx(Tooltip, { title: title, placement: "top", children: _jsx(IconButton, { color: color, component: "a", href: href, onClick: onClick, children: children }) }));
+};
+export const Edit = () => {
+    const { overlay, wp: { viewport, globalState }, } = useWPAdmin();
+    const { actions, safeParse } = useAdminServerActions();
+    const mediaEditModalState = globalState.get("media-edit-modal");
+    const mediaTargetItemState = globalState.get("media-target-item");
+    const { refresh } = useAdminNavigation();
+    const post = mediaTargetItemState?.post;
+    const [metadataList, setMedataList] = useState();
+    useEffect(() => {
+        if (!post)
+            return;
+        getMetadaList(post).then((medataList) => {
+            setMedataList(medataList);
+        });
+    }, [post?.ID]);
+    const handleTrash = () => {
+        if (!post) {
+            return;
+        }
+        overlay.confirm.open("This action cannot be undone. This will permanently delete your item.", async (confirm) => {
+            if (!confirm) {
+                return;
+            }
+            const result = await overlay.circular.promise(actions.post.trash(post.ID).then(safeParse));
+            if (!result.success) {
+                overlay.snackbar.open("error", result.error);
+                return;
+            }
+            globalState.set({
+                "media-edit-modal": { open: false },
+                "media-target-item": { post: undefined },
+            });
+            refresh(["main"]);
+        });
+    };
+    if (!post || !metadataList) {
+        return null;
+    }
+    return (_jsx(Modal, { open: mediaEditModalState?.open ?? false, onClose: () => {
+            globalState.set({
+                "media-target-item": { post: undefined },
+                "media-edit-modal": { open: false },
+            });
+        }, sx: { zIndex: 2 }, children: _jsxs(ModalContent, { sx: {
+                minWidth: "80%",
+            }, children: [_jsx(DialogTitle, { children: "Attachment details" }), _jsx(DialogContent, { sx: {
+                        maxHeight: "70vh",
+                        overflowY: "auto",
+                    }, children: _jsxs(Grid, { container: true, spacing: 2, sx: {
+                            flexGrow: 1,
+                        }, children: [_jsx(Grid, { size: { xs: viewport.isMobile ? 12 : 7 }, children: _jsx(Box, { sx: {
+                                        display: "flex",
+                                        justifyContent: "center",
+                                        alignItems: "center",
+                                        width: "100%",
+                                        maxWidth: "700px",
+                                    }, children: _jsx(MediaTag, { post: post, slotSxProps: { icon: { fontSize: 200 } } }) }) }), _jsx(Grid, { size: { xs: viewport.isMobile ? 12 : 5 }, children: _jsxs(List, { sx: {
+                                        border: "1px solid",
+                                        borderColor: "divider",
+                                        borderRadius: 1,
+                                    }, children: [_jsx(ListItem, { sx: {
+                                                justifyContent: "flex-end",
+                                            }, children: _jsx(Box, { children: _jsx(List, { children: _jsxs(ListItem, { children: [_jsx(ButtonTooltip, { title: "Preview", color: "inherit", href: post.guid, children: _jsx(PreviewIcon, {}) }), _jsx(ButtonTooltip, { title: "Download", color: "primary", href: post.guid, children: _jsx(FileDownloadIcon, {}) }), _jsx(ButtonTooltip, { title: "Delete permanently", color: "error", onClick: handleTrash, children: _jsx(DeleteIcon, {}) })] }) }) }) }), _jsx(ListItem, { children: _jsx(Grid, { container: true, spacing: 2, sx: {
+                                                    flexGrow: 1,
+                                                }, children: metadataList.map(([key, value]) => (_jsxs(Fragment, { children: [_jsx(Grid, { size: { xs: 4 }, children: _jsxs(Typography, { children: [key, ":"] }) }), _jsx(Grid, { size: { xs: 8 }, children: _jsx(Typography, { fontWeight: 300, sx: {
+                                                                    overflowWrap: "break-word",
+                                                                }, children: value }) })] }, key))) }) }), _jsx(Divider, {}), _jsx(ListItem, { children: _jsx(MediaGridForm, {}) })] }) })] }) })] }) }));
+};

package/client/components/contents/media/List/ActionLink.d.ts

@@ -0,0 +1,5 @@
+import type * as wpCoreTypes from "@rnaga/wp-next-core/types";
+export declare const ActionLink: (props: {
+    post: wpCoreTypes.actions.Posts[number];
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ActionLink.d.ts.map

package/client/components/contents/media/List/ActionLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionLink.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/contents/media/List/ActionLink.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,WAAW,MAAM,2BAA2B,CAAC;AAE9D,eAAO,MAAM,UAAU,GAAI,OAAO;IAChC,IAAI,EAAE,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;CACzC,mDA4BA,CAAC"}

package/client/components/contents/media/List/ActionLink.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useUser } from "@rnaga/wp-next-core/client/hooks/use-user";
+import { PostActionLink } from "../../../../components/utils/post";
+import { useWPAdmin } from "../../../../wp-admin";
+export const ActionLink = (props) => {
+    const { post } = props;
+    const { wp: { globalState }, } = useWPAdmin();
+    const { userCan } = useUser();
+    // Check if user has permission to edit other posts
+    if (!userCan("edit_post", post)) {
+        return null;
+    }
+    return (_jsx(PostActionLink, { actionLinks: ["edit", "delete", "view", "copy"], post: post, onClickEdit: () => {
+            globalState.set({
+                "media-edit-modal": {
+                    open: true,
+                },
+                "media-target-item": {
+                    post,
+                },
+            });
+        } }));
+};

package/client/components/contents/media/List/Table.d.ts

@@ -0,0 +1,5 @@
+import type * as wpCoreTypes from "@rnaga/wp-next-core/types";
+export declare const Table: (props: {
+    posts: wpCoreTypes.actions.Posts | undefined;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Table.d.ts.map