@rnaga/wp-next-admin 1.0.1

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

@@ -0,0 +1,7 @@
+import type * as wpTypes from "@rnaga/wp-node/types";
+export type EditState = undefined | {
+    role: wpTypes.Role | undefined;
+    roleName: string | undefined;
+};
+export declare const List: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/contents/roles/List/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAGrD,MAAM,MAAM,SAAS,GACjB,SAAS,GACT;IACE,IAAI,EAAE,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC;IAC/B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B,CAAC;AAEN,eAAO,MAAM,IAAI,+CAwNhB,CAAC"}

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

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState, useTransition } from "react";
+import { Box, Stack } from "@mui/material";
+import { useServerActions } from "@rnaga/wp-next-core/client/hooks/use-server-actions";
+import { Button } from "@rnaga/wp-next-ui/Button";
+import { ActionTd, Table, Td, Th, THead, Tr } from "@rnaga/wp-next-ui/list";
+import { Loading } from "@rnaga/wp-next-ui/Loading";
+import { Select } from "@rnaga/wp-next-ui/Select";
+import { Typography } from "@rnaga/wp-next-ui/Typography";
+import * as wpDefaults from "@rnaga/wp-node/defaults";
+import { AdminLink } from "../../../../components/utils/link";
+import { useAdminNavigation, useSites } from "../../../../hooks/";
+import { useWPAdmin } from "../../../../wp-admin";
+import { EditModal } from "./EditModal";
+export const List = () => {
+    const defaultRoleNames = Object.keys(wpDefaults.roles);
+    const { site, overlay } = useWPAdmin();
+    const { actions, safeParse, parse } = useServerActions();
+    const { queryObject, pushRouter } = useAdminNavigation();
+    const { sites: availableSites, blogs: availableBlogs, updateSites, } = useSites();
+    const [loading, startTransition] = useTransition();
+    const [state, setState] = useState({
+        openEditModal: false,
+        edit: undefined,
+        selectedBlog: undefined,
+        selectedRoleName: undefined,
+        roleCount: undefined,
+    });
+    const blogId = parseInt(`${queryObject.blog_id}`) > 0
+        ? parseInt(`${queryObject.blog_id}`)
+        : availableSites.primary_blog?.blog_id ?? site.blogId;
+    useEffect(() => {
+        if (!availableBlogs || !blogId) {
+            return;
+        }
+        const blog = !site.isMultiSite
+            ? availableSites.primary_blog
+            : (() => {
+                const blogs = availableBlogs.filter((blog) => blog?.blog_id == queryObject.blog_id);
+                return 0 >= blogs.length ? availableBlogs[0] : blogs[0];
+            })();
+        startTransition(async () => {
+            const [roleCount] = await actions.roles
+                .count({ blog_id: blogId })
+                .then(parse);
+            setState({
+                ...state,
+                selectedBlog: blog,
+                roleCount,
+            });
+        });
+    }, [availableBlogs, queryObject.blog_id]);
+    const roles = Object.entries(state?.selectedBlog?.blog_roles || {}).filter(([roleName]) => !["anonymous", "superadmin"].includes(roleName));
+    const handleSetState = (newState) => () => {
+        setState({ ...state, ...newState });
+    };
+    const handleEdit = (roleName, role) => {
+        setState({
+            ...state,
+            openEditModal: true,
+            edit: {
+                role,
+                roleName,
+            },
+        });
+    };
+    const handleDelete = (roleName, role) => {
+        overlay.confirm.open(`You are about to delete the ${role.name} role. This action cannot be undone`, async (confirm) => {
+            if (!confirm)
+                return;
+            const result = await actions.roles
+                .del(roleName, { blogId })
+                .then(safeParse);
+            if (!result.success) {
+                overlay.snackbar.open("error", result.error);
+                return;
+            }
+            overlay.snackbar.open("success", "Role has been deleted");
+            await updateSites();
+        });
+    };
+    const handleClickAddNewRole = () => {
+        blogId &&
+            setState({
+                ...state,
+                openEditModal: true,
+                edit: {
+                    role: undefined,
+                    roleName: undefined,
+                },
+            });
+    };
+    const handleSelectBlog = (blogId) => {
+        pushRouter({
+            blog_id: blogId,
+        });
+    };
+    const showBlogDropdown = site.isMultiSite && availableBlogs && availableBlogs?.length > 0;
+    return (_jsxs(_Fragment, { children: [_jsx(EditModal, { open: state.openEditModal, editState: state.edit, blogId: blogId, onClose: handleSetState({ openEditModal: false, edit: undefined }) }), showBlogDropdown && (_jsx(Box, { sx: { display: "flex", mb: 2 }, children: _jsx(Select, { size: "medium", sx: { maxWidth: 400 }, enum: [
+                        ...availableBlogs.map((blog) => ({
+                            label: blog?.blogname || "Unknown",
+                            value: `${blog?.blog_id || 0}`,
+                        })),
+                    ], value: `${blogId}`, onChange: (value) => {
+                        handleSelectBlog(parseInt(value));
+                    } }) })), _jsx(Loading, { loading: loading, children: _jsxs(Stack, { spacing: 1, children: [_jsxs(Table, { children: [_jsxs(THead, { children: [_jsx(Th, { children: "Name" }), _jsx(Th, { children: "Role" }), _jsx(Th, { children: "Capabilities" }), _jsx(Th, { children: "Users" })] }), _jsx("tbody", { children: roles.map(([roleName, role]) => (_jsxs(Tr, { children: [defaultRoleNames.includes(roleName) ? (_jsx(Td, { style: {
+                                                    paddingLeft: 10,
+                                                    paddingTop: 5,
+                                                    paddingBottom: 5,
+                                                }, children: _jsx(Typography, { size: "medium", bold: true, children: role.name }) })) : (_jsxs(ActionTd, { children: [_jsx(Typography, { size: "medium", bold: true, children: role.name }), _jsxs(Typography, { children: [_jsx(AdminLink, { onClick: () => handleEdit(roleName, role), children: "Edit" }), " ", _jsx(AdminLink, { color: "error", onClick: () => handleDelete(roleName, role), children: "Delete" })] })] })), _jsx(Td, { children: _jsx(Typography, { children: roleName }) }), _jsx(Td, { children: role.capabilities.length }), _jsx(Td, { children: state?.roleCount?.[roleName] ?? 0 })] }, role.name))) })] }), _jsx(Box, { children: _jsx(Button, { size: "medium", onClick: handleClickAddNewRole, children: "Add New Role" }) })] }) })] }));
+};

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

@@ -0,0 +1,2 @@
+export { List as Roles } from "./List";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/contents/roles/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,KAAK,EAAE,MAAM,QAAQ,CAAC"}

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

@@ -0,0 +1 @@
+export { List as Roles } from "./List";

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

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

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

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

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

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import moment from "moment-timezone";
+import { useEffect, useState } from "react";
+import { Box, Stack } from "@mui/material";
+import { useServerActions } from "@rnaga/wp-next-core/client/hooks/use-server-actions";
+import { Button } from "@rnaga/wp-next-ui/Button";
+import { Checkbox } from "@rnaga/wp-next-ui/Checkbox";
+import { FormControl, FormLabel } from "@rnaga/wp-next-ui/Form";
+import { useFormData } from "@rnaga/wp-next-ui/hooks/use-form-data";
+import { Input } from "@rnaga/wp-next-ui/Input";
+import { InputMultiple } from "@rnaga/wp-next-ui/InputMultiple";
+import { SelectAutocomplete } from "@rnaga/wp-next-ui/SelectAutocomplete";
+import { SelectWPTerm } from "@rnaga/wp-next-ui/SelectWPTerm";
+import { useAdminNavigation, useSites } from "../../../hooks";
+import { useWPAdmin } from "../../../wp-admin";
+export const Settings = () => {
+    const { site, overlay } = useWPAdmin();
+    const { refresh } = useAdminNavigation();
+    const { actions, safeParse, parse } = useServerActions();
+    const { updateSites } = useSites();
+    const { setFormData, formData, submit, setFormReady, formReady } = useFormData("options");
+    const [options, setOptions] = useState();
+    useEffect(() => {
+        (async () => {
+            const [options] = await overlay.circular
+                .promise(actions.options.getAll())
+                .then(parse);
+            setOptions(options);
+            setFormReady(true);
+        })();
+    }, []);
+    const handleSubmit = async (data) => {
+        const result = await overlay.circular
+            .promise(actions.options.update(data))
+            .then(safeParse);
+        if (!result.success) {
+            overlay.snackbar.open("error", result.error);
+            return;
+        }
+        overlay.snackbar.open("success", "Settings have been updated");
+        updateSites();
+        refresh(["header"]);
+    };
+    const handleCheckbox = (name) => (e) => {
+        setFormData({ [name]: e.target.checked ? 1 : 0 });
+    };
+    if (!options || !formReady)
+        return null;
+    return (_jsx(Box, { sx: { pb: 10 }, children: _jsxs("form", { onSubmit: submit(handleSubmit), children: [_jsx(Box, { sx: {
+                        display: "flex",
+                        justifyContent: "flex-end",
+                        gap: 1.5,
+                    }, children: _jsx(Button, { size: "medium", type: "submit", children: "Save" }) }), _jsxs(Stack, { spacing: 2, sx: { rowGap: 1, display: "flex" }, children: [_jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Blog Name" }), _jsx(Input, { size: "large", name: "blogname", value: options.blogname, placeholder: "Blog Name" })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Blog Description" }), _jsx(Input, { size: "large", name: "blogdescription", value: options.blogdescription, placeholder: "Blog Description" })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Administration Email Address" }), _jsx(Input, { size: "large", name: "admin_email", value: options.admin_email, placeholder: "Administration Email Address" })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Timezone" }), _jsx(SelectAutocomplete, { size: "medium", onChange: (value) => {
+                                        setFormData({ timezone_string: value });
+                                    }, value: options.timezone_string || "Etc/UTC", items: moment.tz.names().map((name) => ({
+                                        label: name,
+                                        value: name,
+                                    })), disableClearable: true })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Default Post Category" }), _jsx(SelectWPTerm, { size: "medium", taxonomy: "category", defaultValue: options.default_category, onChange: (term) => setFormData({ default_category: term.term_id }) })] }), !site.isMultiSite && (_jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Membership" }), _jsx(Checkbox, { size: "medium", defaultChecked: options.users_can_register == "1", onChange: handleCheckbox("users_can_register"), label: "Anyone can register" })] })), _jsxs(Stack, { spacing: 1.5, children: [_jsx(FormLabel, { children: "Comments Settings" }), _jsx(Checkbox, { size: "medium", defaultChecked: options.require_name_email == "1", onChange: handleCheckbox("require_name_email"), label: "Comment author must fill out name and email" }), _jsx(Checkbox, { size: "medium", value: 1, name: "comment_registration", defaultChecked: options.comment_registration == "1", onChange: (e) => console.log(e.target.checked), label: "Users must be registered and logged in to comment" }), _jsx(Checkbox, { size: "medium", value: 1, defaultChecked: options.comment_moderation == "1", onChange: handleCheckbox("comment_moderation"), label: "Comment must be manually approved" }), _jsx(Checkbox, { size: "medium", value: 1, defaultChecked: options.comment_previously_approved == "1", onChange: handleCheckbox("comment_previously_approved"), label: "Comment author must have a previously approved comment" }), _jsx(FormLabel, { children: "Comment Moderation" }), _jsx(InputMultiple, { size: "medium", onChange: (value) => {
+                                        setFormData({ moderation_keys: value.join("\n") });
+                                    }, value: 0 >= options?.moderation_keys.length
+                                        ? undefined
+                                        : options?.moderation_keys.split("\n") }), _jsx(FormLabel, { children: "Disallowed Comment Keys" }), _jsx(InputMultiple, { size: "medium", onChange: (value) => {
+                                        setFormData({ disallowed_keys: value.join("\n") });
+                                    }, value: 0 >= options?.disallowed_keys.length
+                                        ? undefined
+                                        : options?.disallowed_keys.split("\n") })] })] })] }) }));
+};

package/client/components/contents/sites/Create.d.ts

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

package/client/components/contents/sites/Create.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Create.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/contents/sites/Create.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,MAAM,+CAsFlB,CAAC"}

package/client/components/contents/sites/Create.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Stack } from "@mui/material";
+import { useServerActions } from "@rnaga/wp-next-core/client/hooks/use-server-actions";
+import { Button } from "@rnaga/wp-next-ui/Button";
+import { FormControl, FormLabel } from "@rnaga/wp-next-ui/Form";
+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 { Typography } from "@rnaga/wp-next-ui/Typography";
+import { useAdminNavigation, useSites } from "../../../hooks";
+import { useWPAdmin } from "../../../wp-admin";
+export const Create = () => {
+    const wpAdmin = useWPAdmin();
+    const { updateSites } = useSites();
+    const { wp: { viewport, globalState: { get: globalStateGet, set: globalStateSet }, }, overlay, } = wpAdmin;
+    const { formData, submit, validation } = useFormData("site-create");
+    const { actions, safeParse } = useServerActions();
+    const [loading, setLoading] = useState(false);
+    const open = globalStateGet("site-create-site-modal").open;
+    const { gotoPath } = useAdminNavigation();
+    const validate = (data) => {
+        if (data.path.length > 0 && !/^\//.test(data.path)) {
+            return [false, "Invalid path"];
+        }
+        return true;
+    };
+    const handleSubmit = async (data) => {
+        setLoading(true);
+        const result = await actions.site.create(data).then(safeParse);
+        if (!result.success) {
+            overlay.snackbar.open("error", result.error);
+            setLoading(false);
+            return;
+        }
+        if (await updateSites()) {
+            globalStateSet("site-create-site-modal", { open: false });
+            gotoPath("/sites/edit", {
+                segment: "site",
+                queryParams: {
+                    id: result.data.siteId,
+                },
+            });
+        }
+        setLoading(false);
+    };
+    const handleClose = () => {
+        globalStateSet("site-create-site-modal", { open: false });
+    };
+    return (_jsx(Modal, { open: open, onClose: handleClose, sx: { zIndex: 2 }, children: _jsxs(ModalContent, { sx: {
+                minWidth: 350,
+            }, children: [_jsx(Typography, { size: "large", bold: true, sx: { mb: 2 }, children: "New Site" }), _jsx(Typography, { color: "error", children: validation?.error }), _jsx("form", { onSubmit: submit(handleSubmit, validate), children: _jsxs(Stack, { spacing: 2, children: [_jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Domain" }), _jsx(Input, { size: "medium", name: "domain", required: true })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Path " }), _jsx(Input, { size: "medium", name: "path", value: "/", required: true })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Site Name" }), _jsx(Input, { size: "medium", name: "siteName", required: true })] }), _jsx(Button, { size: "medium", type: "submit", loading: loading, children: "Submit" })] }) })] }) }));
+};

package/client/components/contents/sites/Delete.d.ts

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

package/client/components/contents/sites/Delete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Delete.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/contents/sites/Delete.tsx"],"names":[],"mappings":"AAwBA,eAAO,MAAM,MAAM,sDAmOlB,CAAC"}

package/client/components/contents/sites/Delete.js

@@ -0,0 +1,125 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { z } from "zod";
+import { Alert, Box, List, ListItem, ListItemText, Radio, RadioGroup, Stack, } from "@mui/material";
+import { useServerActions } from "@rnaga/wp-next-core/client/hooks/use-server-actions";
+import { Button } from "@rnaga/wp-next-ui/Button";
+import { useFormData } from "@rnaga/wp-next-ui/hooks/use-form-data";
+import { SelectAutocomplete } from "@rnaga/wp-next-ui/SelectAutocomplete";
+import { useWPTheme } from "@rnaga/wp-next-ui/ThemeRegistry";
+import { Typography } from "@rnaga/wp-next-ui/Typography";
+import { useAdminNavigation, useSites } from "../../../hooks";
+import { useWPAdmin } from "../../../wp-admin";
+export const Delete = () => {
+    const { searchParams, gotoPath } = useAdminNavigation();
+    const wpContext = useWPAdmin();
+    const { wp: { error }, overlay, } = wpContext;
+    const { sites: availableSites } = useSites();
+    const { wpTheme } = useWPTheme();
+    const { formData, setFormData, submit } = useFormData("site-delete", {
+        initialValue: {
+            deleteAll: true,
+            newSiteId: 1,
+        },
+    });
+    const { actions, safeParse, parse } = useServerActions();
+    const [blogs, setBlogs] = useState();
+    const [site, setSite] = useState();
+    const [otherSites, setOtherSites] = useState([]);
+    const siteId = z
+        .string()
+        .transform((v) => parseInt(v))
+        .parse(searchParams.get("id"));
+    useEffect(() => {
+        if (1 >= siteId) {
+            error.throw("Invalid site id");
+            return;
+        }
+        if (!availableSites.sites?.some((site) => site.site_id == siteId && site.is_superadmin)) {
+            error.throw("Not permitted");
+            return;
+        }
+        const otherSites = availableSites.sites?.filter((site) => site.site_id !== siteId);
+        if (!otherSites) {
+            return;
+        }
+        setOtherSites(otherSites);
+        const fetchData = async () => {
+            const resultBlogs = await actions.blog
+                .list({
+                site: [siteId],
+                per_page: 999,
+            })
+                .then(safeParse);
+            if (!resultBlogs.success) {
+                error.throw(resultBlogs.error);
+            }
+            const resultSite = await actions.site.get(siteId).then(safeParse);
+            if (!resultSite.success) {
+                error.throw(resultSite.error);
+            }
+            return { blogs: resultBlogs.data, site: resultSite.data };
+        };
+        overlay.circular.promise(fetchData().then((data) => {
+            setBlogs(data.blogs);
+            setSite(data.site);
+        }));
+        setFormData({ newSiteId: otherSites[0].site_id });
+    }, []);
+    const handleChange = (siteId) => {
+        const newSiteId = availableSites.sites?.filter((site) => site.site_id == siteId)[0].site_id;
+        if (!newSiteId) {
+            error.throw("Unknown error - please try again");
+            return;
+        }
+        setFormData({ deleteAll: false, newSiteId });
+    };
+    const handleChangeRadio = (v) => {
+        console.log(v);
+        setFormData({ deleteAll: v === "delete" });
+    };
+    const validate = (data) => {
+        if (!data.deleteAll && 1 >= data.newSiteId) {
+            error.throw("Invalid formData");
+            return false;
+        }
+        return true;
+    };
+    const handleSubmit = () => {
+        overlay.confirm.open("This action cannot be undone. This will permanently delete the site.", async (confirm) => {
+            if (!confirm) {
+                return;
+            }
+            const serverAction = formData.deleteAll
+                ? actions.site.del(siteId)
+                : actions.site.del(siteId, { newSiteId: formData.newSiteId });
+            await overlay.circular.promise(serverAction).then(parse);
+            gotoPath("/sites");
+        });
+    };
+    const handleCancel = () => {
+        gotoPath("/sites/edit", {
+            queryParams: { id: siteId },
+        });
+    };
+    if (!site) {
+        return null;
+    }
+    return (_jsx("form", { onSubmit: submit(handleSubmit, validate), children: _jsxs(Stack, { children: [_jsx(Alert, { variant: "outlined", severity: "error", sx: { mb: 2 }, children: _jsxs(Typography, { component: "div", size: "medium", color: "error", bold: true, children: [_jsx("b", { children: site.site_meta?.["site_name"] }), " will be deleted."] }) }), blogs && otherSites && (_jsxs(_Fragment, { children: [_jsx(Typography, { size: "medium", children: "The following blogs are associated with this site:" }), _jsx(List, { sx: { listStyleType: "disc" }, children: blogs.map((blog) => (_jsx(ListItemText, { sx: {
+                                    display: "list-item",
+                                    ml: 4,
+                                }, children: _jsx(Typography, { size: "medium", bold: true, children: blog.blog_meta.blogname ?? `${blog.domain} ${blog.path}` }) }, `${blog.blog_id}`))) }), _jsx(Typography, { children: "What should be done with these blogs?" }), _jsx(Box, { sx: {
+                                border: "1px solid",
+                                borderColor: wpTheme.colorScale[400],
+                                borderRadius: 1,
+                            }, children: _jsx(RadioGroup, { defaultValue: "delete", name: "site", onChange: (e) => handleChangeRadio(e.target.value), children: _jsxs(List, { children: [_jsxs(ListItem, { children: [_jsx(Radio, { value: "delete" }), _jsx(Typography, { size: "medium", children: "Delete all blogs." })] }), _jsxs(ListItem, { children: [_jsx(Radio, { value: "inherit" }), _jsx(Typography, { size: "medium", children: "Attribute all blogs to:" })] }), formData.deleteAll === false && (_jsx(ListItem, { sx: { pl: 7 }, children: _jsx(SelectAutocomplete, { size: "medium", onChange: (value) => {
+                                                    handleChange(parseInt(value));
+                                                }, value: `${formData.newSiteId ?? 1}`, items: otherSites.map((site) => ({
+                                                    label: site.sitename,
+                                                    value: `${site.site_id}`,
+                                                })), disableClearable: true, slotProps: {
+                                                    input: {
+                                                        minWidth: 250,
+                                                    },
+                                                } }, siteId) }))] }) }) })] })), _jsxs(Box, { sx: { display: "flex", gap: 1, mt: 2 }, children: [_jsx(Button, { size: "medium", type: "submit", children: "Confirm Deletion" }), _jsx(Button, { color: "error", onClick: handleCancel, children: "Cancel" })] })] }) }));
+};

package/client/components/contents/sites/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/sites/Edit.d.ts.map

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

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

@@ -0,0 +1,120 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { z } from "zod";
+import { Box, Stack } from "@mui/material";
+import { useServerActions } from "@rnaga/wp-next-core/client/hooks/use-server-actions";
+import { Button } from "@rnaga/wp-next-ui/Button";
+import { Checkbox } from "@rnaga/wp-next-ui/Checkbox";
+import { FormControl, FormLabel } from "@rnaga/wp-next-ui/Form";
+import { useFormData } from "@rnaga/wp-next-ui/hooks/use-form-data";
+import { IconButtonDelete } from "@rnaga/wp-next-ui/IconButtonDelete";
+import { Input } from "@rnaga/wp-next-ui/Input";
+import { InputMultiple } from "@rnaga/wp-next-ui/InputMultiple";
+import { Loading } from "@rnaga/wp-next-ui/Loading";
+import { Select } from "@rnaga/wp-next-ui/Select";
+import { useAdminNavigation, useSites } from "../../../hooks";
+import { useWPAdmin } from "../../../wp-admin";
+export const Edit = () => {
+    const wpContext = useWPAdmin();
+    const { wp: { error }, overlay, } = wpContext;
+    const { formData, setFormData, submit } = useFormData("site");
+    const { actions, execute, parse, safeParse, loading } = useServerActions();
+    const { searchParams, refresh, goto, resolvePath } = useAdminNavigation();
+    const { sites: availableSites } = useSites();
+    const [site, setSite] = useState();
+    const siteMetaKeys = [
+        "site_name",
+        "admin_email",
+        "illegal_names",
+        "limited_email_domains",
+        "banned_email_domains",
+        "add_new_users",
+        "registration",
+    ];
+    const siteId = z
+        .string()
+        .transform((v) => parseInt(v))
+        .parse(searchParams.get("id"));
+    useEffect(() => {
+        if (!availableSites.sites?.some((site) => site.site_id == siteId && site.is_superadmin)) {
+            error.throw("Not permitted");
+            return;
+        }
+        execute(actions.site.get(siteId)).then((response) => {
+            const [data] = parse(response);
+            setSite(data);
+            setFormData({
+                ...data,
+                meta_input: siteMetaKeys.reduce((acc, key) => {
+                    acc[key] = data.site_meta?.[key];
+                    return acc;
+                }, {}),
+            });
+        });
+    }, [siteId]);
+    const handleFormMetaChange = (key, value) => {
+        console.log("handleFormMetaChange", key, value);
+        setFormData({
+            ...formData,
+            meta_input: {
+                ...formData.meta_input,
+                [key]: value,
+            },
+        });
+    };
+    const handleSubmit = async (data) => {
+        console.log("data", data);
+        const result = await execute(actions.site.update(siteId, data)).then(safeParse);
+        if (!result.success) {
+            overlay.snackbar.open("error", result.error);
+            return;
+        }
+        refresh(["main"]);
+    };
+    const handleDelete = () => {
+        goto(resolvePath("site", {
+            append: "/sites/delete",
+            queryParams: { id: siteId },
+        }));
+    };
+    const validateDomain = (value) => {
+        return /^(?!:\/\/)([a-zA-Z0-9]+\.)?[a-zA-Z0-9][a-zA-Z0-9-]+\.[a-zA-Z]{2,6}?$/.test(value)
+            ? [true]
+            : [false, "Invalid domain"];
+    };
+    const validateName = (value) => {
+        return /^([a-z0-9]+)/.test(value)
+            ? [true]
+            : [false, "Value can only contain lowercase letters (a-z) and numbers"];
+    };
+    useEffect(() => {
+        console.log("Edit useEffect", formData);
+    }, [formData]);
+    if (!site) {
+        return null;
+    }
+    return (_jsx(Loading, { loading: loading, children: _jsxs("form", { onSubmit: submit(handleSubmit), children: [_jsxs(Box, { sx: {
+                        display: "flex",
+                        justifyContent: "flex-end",
+                        gap: 1.5,
+                    }, children: [_jsx(Button, { size: "medium", type: "submit", children: "Save" }), siteId > 1 && (_jsx(IconButtonDelete, { title: "Delete Site", onClick: handleDelete }))] }), _jsxs(Stack, { spacing: 2, sx: { rowGap: 1, display: "flex" }, children: [_jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Site Name" }), _jsx(Input, { size: "medium", value: formData.meta_input?.["site_name"], placeholder: "Site Name", onChange: (value) => handleFormMetaChange("site_name", value) })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Site Admin Email" }), _jsx(Input, { size: "medium", value: formData.meta_input?.["admin_email"], placeholder: "Site Admin Email", onChange: (value) => handleFormMetaChange("admin_email", value) })] }), _jsxs(Box, { sx: { display: "grid", gap: 1.5, gridTemplateColumns: "1fr 1fr" }, children: [_jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Domain" }), _jsx(Input, { size: "medium", value: site.domain })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Path" }), _jsx(Input, { size: "medium", name: "path", value: site.path })] })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Add New Users" }), _jsx(Checkbox, { size: "medium", defaultChecked: site.site_meta.add_new_users == "1", onChange: (e) => {
+                                        console.log(e.target.checked);
+                                        handleFormMetaChange("add_new_users", e.target.checked ? 1 : 0);
+                                    }, label: "Allow administrators to add new users" })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Allow new registrations" }), _jsx(Select, { size: "medium", value: formData.meta_input?.["registration"] || "none", onChange: (value) => handleFormMetaChange("registration", value), enum: [
+                                        { value: "none", label: "Registration is disabled" },
+                                        { value: "user", label: "User accounts may be registered" },
+                                        {
+                                            value: "blog",
+                                            label: "Logged in users may register new sites",
+                                        },
+                                        {
+                                            value: "all",
+                                            label: "Both sites and user accounts can be registered",
+                                        },
+                                    ] })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Banned Names" }), _jsx(InputMultiple, { onChange: (value) => handleFormMetaChange("illegal_names", value), validate: validateName, value: formData.meta_input?.["illegal_names"] || [], limitTags: 15 })] }), _jsxs(Box, { sx: { display: "grid", gap: 1.5, gridTemplateColumns: "1fr 1fr" }, children: [_jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Limited Email Registrations" }), _jsx(InputMultiple, { size: "medium", onChange: (value) => {
+                                                console.log("value", value);
+                                                handleFormMetaChange("limited_email_domains", value);
+                                            }, value: formData.meta_input?.["limited_email_domains"] || [], validate: validateDomain, limitTags: 5 })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Banned Email Domains" }), _jsx(InputMultiple, { size: "medium", onChange: (value) => {
+                                                handleFormMetaChange("banned_email_domains", value);
+                                            }, value: formData.meta_input?.["banned_email_domains"] || [], validate: validateDomain, limitTags: 5 })] })] })] })] }) }));
+};

package/client/components/contents/sites/List.d.ts

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

package/client/components/contents/sites/List.d.ts.map

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

package/client/components/contents/sites/List.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, useTransition } from "react";
+import { AccordionDetails } from "@mui/material";
+import { useServerActions } from "@rnaga/wp-next-core/client/hooks/use-server-actions";
+import { Accordion } from "@rnaga/wp-next-ui/Accordion";
+import { ActionTd, ListGrid, ListGridItem, ListGridTitle, SortableTh, Table, Td, Th, THead, Tr, } from "@rnaga/wp-next-ui/list";
+import { Loading } from "@rnaga/wp-next-ui/Loading";
+import { Typography } from "@rnaga/wp-next-ui/Typography";
+import { useAdminNavigation } from "../../../hooks/use-admin-navigation";
+import { useAdminUser } from "../../../hooks/use-admin-user";
+import { AdminLink } from "../../utils/link";
+export const List = () => {
+    const { navigationStatus, queryObject } = useAdminNavigation();
+    const { actions, parse } = useServerActions();
+    const { adminUser } = useAdminUser();
+    const [sites, setSites] = useState();
+    const [loading, startTransition] = useTransition();
+    useEffect(() => {
+        startTransition(async () => {
+            const [sites] = await actions.site
+                .list({ per_page: 999, ...queryObject })
+                .then(parse);
+            setSites(sites);
+        });
+    }, [navigationStatus]);
+    const canEditSite = (siteId) => {
+        return adminUser.availableSites.sites?.some((site) => site.site_id == siteId && site.is_superadmin);
+    };
+    if (!sites) {
+        return null;
+    }
+    return (_jsx(Loading, { loading: loading, children: _jsxs(Table, { children: [_jsxs(THead, { children: [_jsx(SortableTh, { name: "Name", orderby: "id" }), _jsx(SortableTh, { name: "Domain", orderby: "domain", viewport: "desktop" }), _jsx(Th, { viewport: "desktop", children: "Path" })] }), _jsx("tbody", { children: sites?.map((site) => (_jsxs(Tr, { style: { paddingTop: "1em" }, children: [_jsxs(ActionTd, { children: [_jsx(Typography, { children: site.site_name }), canEditSite(site.id) && (_jsx(AdminLink, { subPage: "edit", queryParams: { id: site.id }, children: "Edit" }))] }), _jsx(Td, { viewport: "mobile", children: _jsxs(Accordion, { children: [_jsx(ListGridTitle, { title: site.site_name }), _jsxs(AccordionDetails, { children: [canEditSite(site.id) && (_jsx(AdminLink, { subPage: "edit", queryParams: { id: site.id }, children: "Edit" })), _jsxs(ListGrid, { children: [_jsx(ListGridItem, { title: "Domain", children: site.domain }), _jsx(ListGridItem, { title: "Path", children: site.path })] })] })] }) }), _jsx(Td, { viewport: "desktop", children: site.domain }), _jsx(Td, { viewport: "desktop", children: site.path })] }, `${site.id}`))) })] }) }));
+};

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

@@ -0,0 +1,7 @@
+export declare const 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;
+};
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,10 @@
+import { Create } from "./Create";
+import { List } from "./List";
+import { Edit } from "./Edit";
+import { Delete } from "./Delete";
+export const Sites = {
+    Create,
+    List,
+    Edit,
+    Delete,
+};

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

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

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

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