@rnaga/wp-next-admin 1.0.1

package/client/components/layout/sidebar/index.js

@@ -0,0 +1,86 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { List, Box } from "@mui/material";
+import { useWPTheme } from "@rnaga/wp-next-ui/ThemeRegistry";
+import { useSidebar } from "../../../hooks/use-sidebar";
+import { useWPAdmin } from "../../../wp-admin";
+import { Collapse } from "./Collapse";
+import { Menus } from "./Menus";
+export const Sidebar = () => {
+    const wpAdmin = useWPAdmin();
+    const { wpRawTheme } = useWPTheme();
+    const { wp: { viewport, globalState }, overlay, sidebar, } = wpAdmin;
+    const { menus } = useSidebar({ globalState, viewport });
+    const [mouseHover, setMouseHover] = useState(false);
+    // When collapse state changes
+    useEffect(() => {
+        if (viewport.isDesktop || sidebar.state.collapsed) {
+            overlay.backdrop.close();
+        }
+        if (viewport.isMobile && !sidebar.state.collapsed) {
+            overlay.backdrop.open({
+                onClick: () => {
+                    sidebar.close();
+                },
+            });
+        }
+    }, [sidebar.state.collapsed]);
+    // When viewport changes
+    useEffect(() => {
+        if (viewport.isMobile) {
+            sidebar.close();
+            return;
+        }
+        if (sidebar.state.collapsed) {
+            sidebar.open();
+        }
+        overlay.backdrop.close();
+    }, [viewport.isMobile]);
+    useEffect(() => {
+        if (true == sidebar.state.collapsed) {
+            sidebar.close();
+            return;
+        }
+        viewport.isMobile && sidebar.close();
+    }, []);
+    if (sidebar.state.collapsed && viewport.isMobile) {
+        return null;
+    }
+    const handleMouseHover = (enter, currentSidebar) => () => {
+        setMouseHover(enter);
+        const sidebar = currentSidebar;
+        if (viewport.isMobile || sidebar.state.sticked) {
+            return;
+        }
+        sidebar.setState({
+            ...sidebar.state,
+            collapsed: enter ? false : true,
+            width: enter ? sidebar.px.open : sidebar.px.collapsed,
+        });
+    };
+    if (!menus || menus?.length === 0) {
+        return null;
+    }
+    return (_jsxs(Box, { component: "div", className: "Sidebar", sx: {
+            position: "fixed",
+            zIndex: 1,
+            width: sidebar.state.width,
+            transition: "0.2s ease",
+            height: "100dvh",
+            flexShrink: 0,
+            display: "flex",
+            flexDirection: "column",
+            backgroundColor: wpRawTheme.global.colorScale[800],
+            borderRight: `1.5px solid ${wpRawTheme.global.colorScale[700]}`,
+        }, onMouseEnter: handleMouseHover(true, sidebar), onMouseLeave: handleMouseHover(false, sidebar), children: [_jsx(Box, { sx: {
+                    mt: 8,
+                    overflow: "hidden auto",
+                    flexGrow: 1,
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: sidebar.state.collapsed ? "center" : "inherit",
+                }, children: _jsx(List, { sx: {
+                        boxSizing: "border-box",
+                    }, children: _jsx(Menus, { menus: menus }) }) }), _jsx(Collapse, { open: mouseHover })] }));
+};

package/client/components/utils/ErrorFallback.d.ts

@@ -0,0 +1,6 @@
+export declare const ErrorFallback: (props: {
+    error: {
+        message: string;
+    };
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ErrorFallback.d.ts.map

package/client/components/utils/ErrorFallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorFallback.d.ts","sourceRoot":"","sources":["../../../../src/client/components/utils/ErrorFallback.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,aAAa,GAAI,OAAO;IAAE,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,4CAqElE,CAAC"}

package/client/components/utils/ErrorFallback.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { Box, Card, CardContent, Stack } from "@mui/material";
+import { Button } from "@rnaga/wp-next-ui/Button";
+import { useWPTheme } from "@rnaga/wp-next-ui/ThemeRegistry";
+import { Typography } from "@rnaga/wp-next-ui/Typography";
+import { useAdminNavigation } from "../../hooks/use-admin-navigation";
+import { useWPAdmin } from "../../wp-admin";
+export const ErrorFallback = (props) => {
+    const { overlay, wp: { error: { set }, }, } = useWPAdmin();
+    const { router, refresh } = useAdminNavigation();
+    const { wpTheme } = useWPTheme();
+    useEffect(() => {
+        overlay.circular.close();
+    }, []);
+    const { error } = props;
+    return (_jsx(_Fragment, { children: _jsx(Stack, { sx: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                width: "100%",
+                height: "100%",
+            }, children: _jsx(Card, { variant: "outlined", color: "danger", sx: {
+                    minWidth: 320,
+                    maxWidth: "100%",
+                    boxShadow: "lg",
+                    backgroundColor: wpTheme.background.error,
+                }, children: _jsxs(CardContent, { sx: { alignItems: "center", textAlign: "center" }, children: [_jsx(Typography, { size: "large", bold: true, color: "error", children: "Error!" }), _jsx(Typography, { size: "medium", color: "error", children: error.message }), _jsxs(Box, { sx: { display: "flex", justifyContent: "center", gap: 2 }, children: [_jsx(Button, { color: "error", onClick: () => {
+                                        set(undefined);
+                                        router.back();
+                                    }, children: "Go Back" }), _jsx(Button, { color: "error", onClick: () => {
+                                        set(undefined);
+                                        refresh(["main"]);
+                                    }, children: "Try Again" })] })] }) }) }) }));
+};

package/client/components/utils/dropdown/SelectWPAvailableSite.d.ts

@@ -0,0 +1,7 @@
+import { SxProps } from "@mui/material";
+export declare const SelectWPAvailableSite: (props: {
+    onClick: (siteId?: number, blogId?: number) => any;
+    capabilities?: string[];
+    sx?: SxProps;
+}) => import("react/jsx-runtime").JSX.Element | undefined;
+//# sourceMappingURL=SelectWPAvailableSite.d.ts.map

package/client/components/utils/dropdown/SelectWPAvailableSite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectWPAvailableSite.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/utils/dropdown/SelectWPAvailableSite.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,OAAO,EAAE,MAAM,eAAe,CAAC;AAO7C,eAAO,MAAM,qBAAqB,GAAI,OAAO;IAC3C,OAAO,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,GAAG,CAAC;IACnD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,wDAoFA,CAAC"}

package/client/components/utils/dropdown/SelectWPAvailableSite.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import HomeIcon from "@mui/icons-material/Home";
+import { Box } from "@mui/material";
+import { useAdminNavigation } from "../../../hooks/use-admin-navigation";
+import { useAdminUser } from "../../../hooks/use-admin-user";
+import { useWPAdmin } from "../../../wp-admin";
+import { Select } from "@rnaga/wp-next-ui/Select";
+export const SelectWPAvailableSite = (props) => {
+    const { onClick, capabilities, sx } = props;
+    const { site } = useWPAdmin();
+    const { adminUser } = useAdminUser();
+    const { queryObject } = useAdminNavigation();
+    const [siteList, setSiteList] = useState();
+    useEffect(() => {
+        if (!adminUser.availableSites || !site.isMultiSite) {
+            return;
+        }
+        const siteList = [];
+        for (const site of adminUser.availableSites?.sites ?? []) {
+            site.is_superadmin &&
+                siteList.push({
+                    name: site.sitename,
+                    site_id: site.site_id,
+                    isSite: true,
+                });
+            if (site.blogs && site.blogs?.length > 0) {
+                for (const blog of site.blogs ?? []) {
+                    if (!blog.blog_id) {
+                        continue;
+                    }
+                    if (capabilities &&
+                        !capabilities.some((v) => blog.capabilities.includes(v))) {
+                        continue;
+                    }
+                    const name = blog.blogname && blog.blogname.length > 0
+                        ? blog.blogname
+                        : `Blog Name Not Provided (blogId: ${blog.blog_id})`;
+                    siteList.push({
+                        name,
+                        blog_id: blog.blog_id,
+                        isSite: false,
+                    });
+                }
+            }
+        }
+        setSiteList(siteList);
+    }, [adminUser.availableSites]);
+    return (siteList && (_jsx(Select, { size: "medium", label: "Site / Blog", value: `${queryObject?.site_id}${queryObject?.blog_id ?? site.blogId}`, sx: { minWidth: 200, ...sx }, onChange: (value) => {
+            const [siteId, blogId] = value.split(",").map((v) => parseInt(v));
+            onClick(siteId || undefined, blogId || undefined);
+        }, enum: [
+            ...siteList.map((site) => ({
+                value: `${site.site_id ?? ""},${site.blog_id ?? ""}`,
+                label: (_jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, component: "span", children: [site.isSite && _jsx(HomeIcon, {}), " ", site.name] })),
+            })),
+        ] })));
+};

package/client/components/utils/dropdown/SelectWPSite.d.ts

@@ -0,0 +1,5 @@
+export declare const SelectWPSite: (props: {
+    size?: "small" | "medium";
+    onChange: (siteId: number, sitename: string) => any;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=SelectWPSite.d.ts.map

package/client/components/utils/dropdown/SelectWPSite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectWPSite.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/utils/dropdown/SelectWPSite.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,YAAY,GAAI,OAAO;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,GAAG,CAAC;CACrD,mDAgCA,CAAC"}

package/client/components/utils/dropdown/SelectWPSite.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Select } from "@rnaga/wp-next-ui/Select";
+import { useAdminNavigation } from "../../../hooks/use-admin-navigation";
+import { useSites } from "../../../hooks/use-sites";
+import { useWPAdmin } from "../../../wp-admin";
+export const SelectWPSite = (props) => {
+    const { size, onChange } = props;
+    const { site } = useWPAdmin();
+    const { queryObject } = useAdminNavigation();
+    const { sites: availableSites } = useSites({
+        capabilities: ["edit_user_roles"],
+    });
+    const siteId = queryObject?.site?.[0] ?? site.siteId;
+    if (!site.isMultiSite || !availableSites.sites) {
+        return null;
+    }
+    return (_jsx(Select, { size: size, enum: availableSites.sites.map((site) => ({
+            value: site.site_id,
+            label: site.sitename,
+        })), value: siteId, onChange: (value) => {
+            const siteId = parseInt(value);
+            const site = availableSites.sites.find((s) => s.site_id === siteId);
+            if (site) {
+                onChange(site.site_id, site.sitename);
+            }
+        } }));
+};

package/client/components/utils/dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SelectWPAvailableSite";
+//# sourceMappingURL=index.d.ts.map

package/client/components/utils/dropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/utils/dropdown/index.tsx"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/client/components/utils/dropdown/index.js

@@ -0,0 +1 @@
+export * from "./SelectWPAvailableSite";

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

@@ -0,0 +1,2 @@
+export * from "./ErrorFallback";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/client/components/utils/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/client/components/utils/index.js

@@ -0,0 +1 @@
+export * from "./ErrorFallback";

package/client/components/utils/link/AdminLink.d.ts

@@ -0,0 +1,46 @@
+import queryString from "querystring";
+import { ReactNode } from "react";
+import type * as types from "../../../../types";
+import { SxProps } from "@mui/material";
+export type Props = ({
+    href?: string;
+    blogId?: never;
+    segment?: never;
+    page?: never;
+    subPage?: never;
+    onClick?: never;
+} | {
+    blogId?: number;
+    segment?: keyof types.client.AdminPageSegmentMap;
+    page?: string;
+    subPage?: string;
+    href?: never;
+    onClick?: never;
+} | {
+    segment?: never;
+    blogId?: never;
+    page?: never;
+    subPage?: never;
+    href?: never;
+    onClick?: never;
+} | {
+    onClick: (...args: any) => any;
+    segment?: never;
+    blogId?: never;
+    page?: never;
+    href?: never;
+    subPage?: never;
+}) & {
+    queryParams?: queryString.ParsedUrlQueryInput;
+    color?: "primary" | "secondary" | "inherit" | "error" | "info" | "success" | "warning";
+    sx?: SxProps;
+    children: ReactNode | string;
+    disabled?: boolean;
+    slotSxProps?: {
+        typography?: SxProps;
+    };
+    size?: "small" | "medium" | "large";
+    bold?: boolean;
+};
+export declare const AdminLink: (props: Props) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+//# sourceMappingURL=AdminLink.d.ts.map

package/client/components/utils/link/AdminLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminLink.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/utils/link/AdminLink.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,aAAa,CAAC;AACtC,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAM9C,OAAO,KAAK,KAAK,KAAK,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAIxC,MAAM,MAAM,KAAK,GAAG,CAChB;IACE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,GACD;IACE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,KAAK,CAAC,MAAM,CAAC,mBAAmB,CAAC;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,GACD;IACE,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,GACD;IACE,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CACJ,GAAG;IACF,WAAW,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC;IAC9C,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,SAAS,GACT,OAAO,GACP,MAAM,GACN,SAAS,GACT,SAAS,CAAC;IAGd,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,QAAQ,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE;QACZ,UAAU,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAwBF,eAAO,MAAM,SAAS,GAAI,OAAO,KAAK,4UA8ErC,CAAC"}

package/client/components/utils/link/AdminLink.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import queryString from "querystring";
+import { useAdminNavigation } from "../../../hooks/use-admin-navigation";
+import { useWPAdmin } from "../../../wp-admin";
+import { Link } from "@rnaga/wp-next-ui/Link";
+import { Typography } from "@rnaga/wp-next-ui/Typography";
+import { useWPTheme } from "@rnaga/wp-next-ui/ThemeRegistry";
+const LinkContent = (props) => {
+    const { children, color = "primary", size = "small", bold = true } = props;
+    const { wpTheme } = useWPTheme();
+    return (_jsx(Typography, { component: "span", size: size, bold: bold, color: color, sx: {
+            "&:hover": {
+                backgroundColor: wpTheme.text.linkHoverColor,
+            },
+            ...props.slotSxProps?.typography,
+        }, children: children }));
+};
+export const AdminLink = (props) => {
+    const { queryParams, children, sx, color = "primary", disabled = false, } = props;
+    const { site } = useWPAdmin();
+    const { wpTheme } = useWPTheme();
+    const { goto, currentPath, blogBasePath, basePath } = useAdminNavigation();
+    if (disabled) {
+        return children;
+    }
+    const handleClick = (path) => (e) => {
+        e.preventDefault();
+        goto(path);
+    };
+    const appendQueryParams = (path) => {
+        return queryParams ? `${path}?${queryString.stringify(queryParams)}` : path;
+    };
+    if (props.href) {
+        const href = appendQueryParams(props.href);
+        return (_jsx(Link, { href: href, onClick: handleClick(href), color: color, children: _jsx(LinkContent, { ...props, children: children }) }));
+    }
+    if (typeof props.onClick === "function") {
+        return (_jsx(Link, { onClick: props.onClick, color: color, children: _jsx(LinkContent, { ...props, children: children }) }));
+    }
+    const blogBasePaths = blogBasePath.split("/");
+    const paths = currentPath.split("/");
+    const [, currentSegment, currentPage, currentSubPage] = paths;
+    const blogId = props.blogId ?? blogBasePaths[blogBasePaths.length - 1];
+    const segment = props.segment ?? currentSegment;
+    const page = props.page ?? currentPage;
+    const subPage = props.subPage ?? currentSubPage;
+    let path;
+    if (site.isMultiSite) {
+        path = `${basePath}/${blogId}/${segment}/${page}`;
+    }
+    else {
+        path = `${basePath}/${segment}/${page}`;
+    }
+    if (subPage) {
+        path = `${path}/${subPage}`;
+    }
+    path = appendQueryParams(path);
+    return (_jsx(Link, { href: path, onClick: handleClick(path), color: color, sx: {
+            ...sx,
+        }, children: _jsx(LinkContent, { ...props, children: children }) }));
+};

package/client/components/utils/link/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./AdminLink";
+//# sourceMappingURL=index.d.ts.map

package/client/components/utils/link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/utils/link/index.tsx"],"names":[],"mappings":"AAEA,cAAc,aAAa,CAAC"}

package/client/components/utils/link/index.js

@@ -0,0 +1,2 @@
+"use client";
+export * from "./AdminLink";

package/client/components/utils/modal/CommentModal.d.ts

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

package/client/components/utils/modal/CommentModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentModal.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/utils/modal/CommentModal.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,YAAY,+CA8HxB,CAAC"}

package/client/components/utils/modal/CommentModal.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, FormLabel, Stack } from "@mui/material";
+import { useServerActions } from "@rnaga/wp-next-core/client/hooks/use-server-actions";
+import { LightEditor } from "@rnaga/wp-next-rte/tiptap/LightEditor";
+import { Button } from "@rnaga/wp-next-ui/Button";
+import { useFormData } from "@rnaga/wp-next-ui/hooks/use-form-data";
+import { Input } from "@rnaga/wp-next-ui/Input";
+import { Modal, ModalContent } from "@rnaga/wp-next-ui/Modal";
+import { Select } from "@rnaga/wp-next-ui/Select";
+import { Typography } from "@rnaga/wp-next-ui/Typography";
+import { useWPAdmin } from "../../../wp-admin";
+export const CommentModal = () => {
+    const { overlay, comment: commentModal } = useWPAdmin();
+    const { actions, safeParse } = useServerActions();
+    const { comment, isReply, isOpen, onSave } = commentModal;
+    const { formData, submit, setFormData } = useFormData("comment");
+    const handleSubmit = async (data) => {
+        let commentData = {
+            ...data,
+            comment_post_ID: parseInt(`${data.comment_post_ID}`),
+        };
+        const commentId = parseInt(`${data.comment_ID}`);
+        if (!isReply && 0 >= commentId) {
+            return;
+        }
+        if (isReply) {
+            commentData = {
+                ...commentData,
+                comment_parent: parseInt(`${data.comment_parent}`),
+            };
+        }
+        const action = !isReply
+            ? actions.comment.update(commentId, commentData)
+            : actions.comment.create(commentData);
+        const result = await overlay.circular.promise(action.then(safeParse));
+        if (!result.success) {
+            overlay.snackbar.open("error", result.error);
+            return;
+        }
+        onSave?.(data);
+        commentModal.close();
+    };
+    return (_jsx(Modal, { open: isOpen, onClose: () => commentModal.close(), sx: { zIndex: 2 }, children: _jsxs(ModalContent, { minWidth: "50%", children: [_jsx(Typography, { size: "large", bold: true, children: isReply ? "Reply" : "Edit" }), _jsxs("form", { onSubmit: submit(handleSubmit), children: [_jsx("input", { type: "hidden", name: "comment_post_ID", defaultValue: comment?.comment_post_ID }), _jsxs(Stack, { spacing: 2, children: [isReply && (_jsxs(_Fragment, { children: [_jsx("input", { type: "hidden", name: "comment_parent", defaultValue: comment?.comment_ID }), _jsx("input", { type: "hidden", name: "comment_approve", defaultValue: "1" })] })), !isReply && (_jsxs(_Fragment, { children: [_jsx("input", { type: "hidden", name: "comment_ID", defaultValue: comment?.comment_ID }), _jsxs(FormControl, { children: [_jsx(FormLabel, { required: true, children: "Name" }), _jsx(Input, { size: "medium", name: "comment_author", value: comment?.comment_author, required: true })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { required: true, children: "Email" }), _jsx(Input, { size: "medium", name: "comment_email", required: true })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Status" }), _jsx(Select, { value: comment?.comment_approved ?? "0", size: "medium", enum: [
+                                                        { label: "Approve", value: "1" },
+                                                        { label: "Unapprove", value: "0" },
+                                                        { label: "Spam", value: "spam" },
+                                                        { label: "Trash", value: "trash" },
+                                                    ], onChange: (value) => setFormData({
+                                                        comment_approved: value,
+                                                    }) })] })] })), _jsx(FormControl, { children: _jsx(LightEditor, { defaultContent: isReply ? "" : comment?.comment_content, minHeight: 200, maxHeight: 300, onUpdate: (editor, transaction) => {
+                                            setFormData({ comment_content: editor.getHTML() });
+                                        } }) }), _jsx(Button, { type: "submit", children: "Submit" })] })] })] }) }));
+};

package/client/components/utils/modal/TermModal.d.ts

@@ -0,0 +1,10 @@
+import type * as wpTypes from "@rnaga/wp-node/types";
+import type * as wpCoreTypes from "@rnaga/wp-next-core/types";
+export declare const TermModal: (props: {
+    open: boolean;
+    taxonomy?: wpCoreTypes.actions.Taxonomies[number]["name"] | wpCoreTypes.actions.Taxonomies[number];
+    selected?: wpCoreTypes.actions.Terms[number];
+    onClose: () => void;
+    onSave: (term: wpTypes.crud.CrudReturnType<"term", "create">["data"]) => void;
+}) => import("react/jsx-runtime").JSX.Element | undefined;
+//# sourceMappingURL=TermModal.d.ts.map

package/client/components/utils/modal/TermModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TermModal.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/utils/modal/TermModal.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAErD,OAAO,KAAK,KAAK,WAAW,MAAM,2BAA2B,CAAC;AAC9D,eAAO,MAAM,SAAS,GAAI,OAAO;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EACL,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,GAC9C,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CAC/E,wDA2HA,CAAC"}

package/client/components/utils/modal/TermModal.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { FormControl, FormLabel, Stack } from "@mui/material";
+import { Button } from "@rnaga/wp-next-ui/Button";
+import { useFormData } from "@rnaga/wp-next-ui/hooks/use-form-data";
+import { Input } from "@rnaga/wp-next-ui/Input";
+import { Modal, ModalContent } from "@rnaga/wp-next-ui/Modal";
+import { SelectWPTerm } from "@rnaga/wp-next-ui/SelectWPTerm";
+import { Typography } from "@rnaga/wp-next-ui/Typography";
+import { useAdminServerActions } from "../../../hooks/use-admin-server-actions";
+import { useWPAdmin } from "../../../wp-admin";
+export const TermModal = (props) => {
+    const { open, selected, onClose, onSave } = props;
+    const { overlay } = useWPAdmin();
+    const { actions, safeParse } = useAdminServerActions();
+    const [taxonomy, setTaxonomy] = useState();
+    const { formData, setFormData, submit } = useFormData("term");
+    useEffect(() => {
+        if (!open) {
+            return;
+        }
+        if (typeof props.taxonomy !== "string") {
+            setTaxonomy(props.taxonomy);
+            return;
+        }
+        overlay.circular
+            .promise(actions.term.taxonomies().then(safeParse))
+            .then((response) => {
+            if (!response.success) {
+                overlay.snackbar.open("error", response.error);
+                onClose();
+                return;
+            }
+            response.data.forEach((taxonomy) => {
+                taxonomy.name == props.taxonomy && setTaxonomy(taxonomy);
+            });
+        });
+    }, [open, props.taxonomy]);
+    const handleSubmit = async (data) => {
+        if (!taxonomy?.name) {
+            return;
+        }
+        const termData = {
+            name: data.name,
+            parent: !taxonomy.hierarchical ? 0 : parseInt(`${data.parent ?? "0"}`),
+            slug: data.slug,
+            description: data.description,
+        };
+        const action = selected
+            ? actions.term.update(selected.term_id, taxonomy.name, termData)
+            : actions.term.create({
+                taxonomyName: taxonomy.name,
+                ...termData,
+            });
+        const result = await overlay.circular.promise(action.then(safeParse));
+        if (!result.success) {
+            overlay.snackbar.open("error", result.error);
+            return;
+        }
+        onSave(result.data);
+        onClose();
+    };
+    if (!open || !taxonomy) {
+        return;
+    }
+    return (_jsx(Modal, { open: open, onClose: onClose, sx: { zIndex: 2 }, children: _jsxs(ModalContent, { sx: {
+                minWidth: 500,
+            }, children: [_jsxs(Typography, { bold: true, fontSize: 20, children: [selected ? "Edit" : "New", " ", taxonomy?.name] }), _jsx("form", { onSubmit: submit(handleSubmit), children: _jsxs(Stack, { spacing: 2, children: [_jsxs(FormControl, { children: [_jsx(FormLabel, { required: true, children: "Name" }), _jsx(Input, { size: "medium", name: "name", value: selected?.name, required: true })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Slug" }), _jsx(Input, { size: "medium", name: "slug", value: selected?.slug })] }), taxonomy?.hierarchical && (_jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Parent" }), _jsx(SelectWPTerm, { size: "medium", taxonomy: taxonomy.name, defaultValue: selected?.parent, onChange: (term) => setFormData({ parent: term.term_id }) })] })), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Description" }), _jsx(Input, { size: "medium", multiline: true, name: "description", value: selected?.description, minRows: 3 })] }), _jsx(Button, { size: "medium", type: "submit", children: "Submit" })] }) })] }) }));
+};

package/client/components/utils/modal/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./CommentModal";
+export * from "./TermModal";
+//# sourceMappingURL=index.d.ts.map

package/client/components/utils/modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/utils/modal/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC"}

package/client/components/utils/modal/index.js

@@ -0,0 +1,2 @@
+export * from "./CommentModal";
+export * from "./TermModal";

package/client/components/utils/post/PostPanel.d.ts

@@ -0,0 +1,15 @@
+import { RefObject } from "react";
+import { ImperativePanelHandle } from "react-resizable-panels";
+export declare const usePanelContext: () => {
+    toggle: () => void;
+    ref: RefObject<ImperativePanelHandle | null>;
+};
+export declare const PostPanelWrapper: (props: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const PostPanel: (props: {
+    onCollapse?: () => void;
+    onExpand?: () => void;
+    children: [React.ReactNode, React.ReactNode];
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PostPanel.d.ts.map

package/client/components/utils/post/PostPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostPanel.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/utils/post/PostPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,SAAS,EAMV,MAAM,OAAO,CAAC;AACf,OAAO,EACL,qBAAqB,EAItB,MAAM,wBAAwB,CAAC;AAYhC,eAAO,MAAM,eAAe;YALhB,MAAM,IAAI;SACb,SAAS,CAAC,qBAAqB,GAAG,IAAI,CAAC;CAIa,CAAC;AAE9D,eAAO,MAAM,gBAAgB,GAAI,OAAO;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,4CAoBpE,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO;IAC/B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;CAC9C,4CAwEA,CAAC"}