@rnaga/wp-next-admin 1.0.1

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

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+import { Box } from "@mui/material";
+import { useServerActions } from "@rnaga/wp-next-core/client/hooks/use-server-actions";
+import { AdminLink } from "../../../../components/utils/link";
+import { useAdminNavigation } from "../../../../hooks/use-admin-navigation";
+import { useWPAdmin } from "../../../../wp-admin";
+import { TermsContext } from "./";
+export const ActionLink = (props) => {
+    const { term } = props;
+    const { overlay } = useWPAdmin();
+    const { refresh } = useAdminNavigation();
+    const { actions, safeParse } = useServerActions();
+    const { edit, setEdit, permissions, taxonomy } = useContext(TermsContext);
+    const handleEditOpen = (term) => () => {
+        setEdit({
+            ...edit,
+            open: true,
+            selectedTerm: term,
+        });
+    };
+    const handleDelete = (term) => () => {
+        if (!taxonomy) {
+            return;
+        }
+        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.term.del(term.term_id, taxonomy.name))
+                .then(safeParse);
+            if (!result.success) {
+                overlay.snackbar.open("error", result.error);
+                return;
+            }
+            overlay.snackbar.open("success", "Item has been deleted Permanently");
+            refresh(["content"]);
+        }, title);
+    };
+    return (_jsxs(Box, { sx: { display: "flex", gap: 0.5 }, children: [permissions?.edit_terms && (_jsx(AdminLink, { onClick: handleEditOpen(term), children: "Edit" })), permissions?.delete_terms && (_jsx(AdminLink, { color: "error", onClick: handleDelete(term), children: "Delete" }))] }));
+};

package/client/components/contents/terms/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: {
+    terms?: wpCoreTypes.actions.Terms;
+    info?: wpCoreTypes.actions.TermsInfo;
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Toolbar.d.ts.map

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

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

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useContext } from "react";
+import { Box } from "@mui/material";
+import { Button } from "@rnaga/wp-next-ui/Button";
+import { InputSearch } from "@rnaga/wp-next-ui/InputSearch";
+import { Pagination } from "@rnaga/wp-next-ui/list/Pagination";
+import { useWPAdmin } from "../../../../wp-admin";
+import { TermsContext } from "./";
+export const Toolbar = (props) => {
+    const { info, children } = props;
+    const { wp: { viewport }, } = useWPAdmin();
+    const { edit: { addNew }, permissions, taxonomy, } = useContext(TermsContext);
+    const canCreate = (true === taxonomy?.hierarchical && permissions?.edit_terms) ||
+        (false === taxonomy?.hierarchical && permissions?.assign_terms);
+    return (_jsxs(_Fragment, { children: [_jsx(Box, { sx: { display: "flex", justifyContent: "flex-end" }, children: canCreate && _jsx(Button, { onClick: () => addNew(), children: "Create New Term" }) }), _jsxs(Box, { sx: {
+                    display: "grid",
+                    gap: 1,
+                    gridTemplateColumns: viewport.isMobile ? "1fr" : "repeat(2, 1fr) 2fr",
+                }, children: [children, " ", _jsx(InputSearch, { size: "medium" }), _jsx(Pagination, { pagination: info?.pagination })] })] }));
+};

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

@@ -0,0 +1,18 @@
+import { Dispatch, SetStateAction } from "react";
+import type * as wpCoreTypes from "@rnaga/wp-next-core/types";
+import type * as wpTypes from "@rnaga/wp-node/types";
+type Permissions = Record<wpTypes.TaxonomyCapability, boolean>;
+type EditState = {
+    open: boolean;
+    addNew: () => void;
+    selectedTerm?: wpCoreTypes.actions.Terms[number];
+};
+export declare const TermsContext: import("react").Context<{
+    edit: EditState;
+    setEdit: Dispatch<SetStateAction<EditState>>;
+    taxonomy?: wpCoreTypes.actions.Taxonomies[number];
+    permissions?: Permissions;
+}>;
+export declare const List: () => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/contents/terms/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,EACR,cAAc,EAKf,MAAM,OAAO,CAAC;AA2Bf,OAAO,KAAK,KAAK,WAAW,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAErD,KAAK,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;AAE/D,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,YAAY;UACjB,SAAS;aACN,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;eACjC,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC;kBACnC,WAAW;EACd,CAAC;AAEd,eAAO,MAAM,IAAI,+CAwLhB,CAAC"}

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

@@ -0,0 +1,94 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useEffect, useState, useTransition, } from "react";
+import { AccordionDetails, Stack } 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 { SelectWPTaxonomy } from "@rnaga/wp-next-ui/SelectWPTaxonomy";
+import { Typography } from "@rnaga/wp-next-ui/Typography";
+import { TermModal } from "../../../../components/utils/modal";
+import { useAdminNavigation } from "../../../../hooks/use-admin-navigation";
+import { useWPAdmin } from "../../../../wp-admin";
+import { ActionLink } from "./ActionLink";
+import { Toolbar } from "./Toolbar";
+export const TermsContext = createContext({});
+export const List = () => {
+    const { overlay } = useWPAdmin();
+    const { refresh, pushRouter } = useAdminNavigation();
+    const { actions, parse, safeParse } = useServerActions();
+    const { queryObject, navigationStatus, refreshValue } = useAdminNavigation();
+    const { taxonomy: taxonomyName = "category", ...listQueryObject } = queryObject;
+    const [{ terms, info }, setTerms] = useState({
+        terms: undefined,
+        info: undefined,
+    });
+    const [taxonomy, setTaxonomy] = useState();
+    const [permissions, setPermissions] = useState();
+    const [edit, setEdit] = useState({
+        open: false,
+        addNew: () => {
+            setEdit({ ...edit, open: true, selectedTerm: undefined });
+        },
+        selectedTerm: undefined,
+    });
+    const [loading, startTransition] = useTransition();
+    const fetchTerms = useCallback(async () => {
+        if (!taxonomy) {
+            return;
+        }
+        const [terms, info] = await actions.term
+            .list(taxonomyName, {
+            orderby: "term_id",
+            order: "desc",
+            ...listQueryObject,
+        })
+            .then(parse);
+        setTerms({ terms, info });
+    }, [taxonomy, navigationStatus, refreshValue().content]);
+    useEffect(() => {
+        startTransition(fetchTerms);
+    }, [taxonomy, navigationStatus]);
+    useEffect(() => {
+        fetchTerms();
+    }, [refreshValue().content]);
+    useEffect(() => {
+        if (!taxonomy) {
+            return;
+        }
+        const fetchPermissions = async () => {
+            let permissions = {
+                manage_terms: false,
+                assign_terms: false,
+                edit_terms: false,
+                delete_terms: false,
+            };
+            if (!taxonomy.capabilities) {
+                return permissions;
+            }
+            for (const key of Object.keys(permissions)) {
+                permissions[key] = (await actions.user.can(taxonomy.capabilities[key]).then(safeParse)).data;
+            }
+            return permissions;
+        };
+        fetchPermissions().then(setPermissions);
+    }, [taxonomy]);
+    const handleEditClose = () => {
+        setEdit({ ...edit, open: false, selectedTerm: undefined });
+    };
+    const handleOnSave = () => {
+        overlay.snackbar.open("success", "Term has been saved");
+        refresh(["content"]);
+    };
+    const handleClickTaxonomy = (taxonomy) => {
+        setTaxonomy(taxonomy);
+        pushRouter({ taxonomy: taxonomy.name });
+    };
+    const handleInitTaxonomy = (taxonomy) => {
+        setTaxonomy(taxonomy);
+    };
+    return (_jsxs(TermsContext.Provider, { value: { edit, setEdit, taxonomy, permissions }, children: [_jsx(TermModal, { open: edit.open, onClose: handleEditClose, onSave: handleOnSave, taxonomy: taxonomy, selected: edit.selectedTerm }), _jsxs(Stack, { spacing: 1, children: [_jsx(Toolbar, { terms: terms, info: info, children: _jsx(SelectWPTaxonomy, { size: "medium", onClick: handleClickTaxonomy, onInit: handleInitTaxonomy, defaultValue: taxonomyName }) }), _jsx(Loading, { loading: loading || !taxonomy, children: _jsxs(Table, { children: [_jsxs(THead, { children: [_jsx(SortableTh, { name: "Name", orderby: "name" }), _jsx(SortableTh, { viewport: "desktop", name: "Description", orderby: "description" }), _jsx(SortableTh, { viewport: "desktop", name: "Slug", orderby: "slug" }), _jsx(Th, { viewport: "desktop", style: { width: "80px" }, children: "Count" })] }), _jsx("tbody", { children: terms &&
+                                        terms.map((term) => {
+                                            return (_jsxs(Tr, { style: { paddingTop: "1em" }, children: [_jsxs(ActionTd, { viewport: "desktop", children: [_jsx(Typography, { size: "medium", bold: true, children: term.name }), _jsx(ActionLink, { term: term })] }), _jsx(Td, { viewport: "mobile", children: _jsxs(Accordion, { children: [_jsx(ListGridTitle, { title: term.name }), _jsxs(AccordionDetails, { children: [_jsx(ActionLink, { term: term }), _jsxs(ListGrid, { children: [_jsx(ListGridItem, { title: "Slug", children: term.slug }), _jsx(ListGridItem, { title: "Description", children: term.description })] })] })] }) }), _jsx(Td, { viewport: "desktop", children: term.description }), _jsx(Td, { viewport: "desktop", children: term.slug }), _jsx(Td, { viewport: "desktop", children: term.count })] }, `${term.term_id}`));
+                                        }) })] }) })] })] }));
+};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as _jsx, 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 { 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 { Typography } from "@rnaga/wp-next-ui/Typography";
+import { useAdminNavigation } from "../../../hooks";
+import { useWPAdmin } from "../../../wp-admin";
+import { useState } from "react";
+export const Create = () => {
+    const { overlay, wp: { globalState }, } = useWPAdmin();
+    const { gotoPath } = useAdminNavigation();
+    const { actions, safeParse } = useServerActions();
+    const [loading, setLoading] = useState(false);
+    const { formData, submit } = useFormData("user");
+    const open = globalState.get("user-create-user-modal")?.open;
+    const onClose = () => {
+        globalState.set("user-create-user-modal", { open: false });
+    };
+    const handleSubmit = async (data) => {
+        setLoading(true);
+        const result = await actions.user
+            .create({
+            user_login: data.user_login,
+            user_email: data.user_email,
+            nickname: data.nickname,
+        })
+            .then(safeParse);
+        if (!result.success) {
+            overlay.snackbar.open("error", result.error);
+            return;
+        }
+        gotoPath("/users/edit", {
+            queryParams: {
+                id: result.data.ID,
+            },
+        });
+        setLoading(false);
+        onClose();
+    };
+    return (_jsx(Modal, { open: !!open, onClose: onClose, sx: { zIndex: 2 }, children: _jsxs(ModalContent, { sx: {
+                minWidth: "30%",
+            }, children: [_jsx(Typography, { bold: true, fontSize: 20, children: "New User" }), _jsx("form", { onSubmit: submit(handleSubmit), children: _jsxs(Stack, { spacing: 2, children: [_jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Username" }), _jsx(Input, { size: "medium", name: "user_login", required: true })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Email " }), _jsx(Input, { size: "medium", name: "user_email", required: true })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Nickname" }), _jsx(Input, { size: "medium", name: "nickname", required: true })] }), _jsx(Button, { size: "medium", type: "submit", loading: loading, children: "Submit" })] }) })] }) }));
+};

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

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

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

@@ -0,0 +1,113 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { z } from "zod";
+import { Alert, Box, FormControl, List, ListItem, 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 { SelectWPUser } from "@rnaga/wp-next-ui/SelectWPUser";
+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 Delete = () => {
+    const { searchParams, gotoPath } = useAdminNavigation();
+    const { wp: { error }, overlay, } = useWPAdmin();
+    const { actions, parse } = useServerActions();
+    const { wpTheme } = useWPTheme();
+    const [author, setAuthor] = useState();
+    const [blogs, setBlogs] = useState();
+    const [disabledRecord, setDisabledRecord] = useState({});
+    const userIdMap = useRef(new Map());
+    const reassignMap = useRef(new Map());
+    const [selectRadioValue, setSelectRadioValue] = useState({});
+    const userId = z
+        .string()
+        .transform((v) => parseInt(v))
+        .parse(searchParams.get("id"));
+    useEffect(() => {
+        actions.user.get(userId).then((response) => {
+            const [user] = parse(response);
+            setAuthor(user);
+        });
+    }, []);
+    useEffect(() => {
+        const fetchBlogs = async () => {
+            const [result] = await actions.user
+                .can("delete_user", userId)
+                .then(parse);
+            if (!result) {
+                error.throw("Not permitted");
+            }
+            const [blogs] = await actions.user.getBlogs(userId).then(parse);
+            return blogs;
+        };
+        fetchBlogs().then((blogs) => {
+            setBlogs(blogs);
+        });
+    }, [userId]);
+    const handleReassign = (reassign, blogId) => (e) => {
+        if (!reassign) {
+            reassignMap.current.delete(blogId);
+            setDisabledRecord({ ...disabledRecord, [blogId]: true });
+        }
+        else {
+            const userId = userIdMap.current.get(blogId);
+            if (userId) {
+                reassignMap.current.set(blogId, userId);
+            }
+            setDisabledRecord({ ...disabledRecord, [blogId]: false });
+        }
+        setSelectRadioValue({ ...selectRadioValue, [blogId]: e.target.value });
+    };
+    const hanldeUserIdChange = (blogId) => (user) => {
+        reassignMap.current.set(blogId, user.ID);
+        userIdMap.current.set(blogId, user.ID);
+    };
+    const handleSubmit = () => {
+        overlay.confirm.open("This action cannot be undone. This will permanently delete the user.", async (confirm) => {
+            if (!confirm) {
+                return;
+            }
+            const [result] = await overlay.circular.promise(actions.user
+                .del(userId, {
+                reassignList: Object.fromEntries(reassignMap.current),
+            })
+                .then(parse));
+            if (result) {
+                gotoPath("/users");
+            }
+        });
+    };
+    const isDisabled = (blogId) => {
+        return typeof disabledRecord?.[blogId] !== "boolean"
+            ? true
+            : disabledRecord?.[blogId];
+    };
+    if (!blogs || !author) {
+        return null;
+    }
+    return (_jsxs(Stack, { sx: { pb: 10 }, children: [_jsx(Alert, { variant: "outlined", severity: "error", sx: { mb: 2 }, children: _jsx(Typography, { size: "medium", color: "error", bold: true, children: "You have chosen to delete the user from all networks and sites." }) }), 0 == blogs.length ? (_jsxs(Typography, { size: "medium", children: [_jsx("b", { children: author.display_name }), " has no sites or content and will be deleted."] })) : (_jsxs(_Fragment, { children: [_jsxs(Typography, { size: "medium", children: ["What should be done with content owned by", " ", _jsx("b", { children: author.display_name }), "?"] }), _jsx(Box, { sx: {
+                            // Set opacity to 0.5 on border
+                            border: "1px solid",
+                            borderColor: wpTheme.colorScale[400],
+                            borderRadius: 1,
+                            p: 2,
+                            display: "flex",
+                            flexDirection: "column",
+                            gap: 2,
+                        }, children: blogs.map((blog) => (_jsxs(FormControl, { children: [_jsxs(Typography, { size: "medium", children: ["Blog: ", blog.blogname] }), _jsx(RadioGroup, { defaultValue: "delete", name: blog.blogname, children: _jsxs(List, { children: [_jsx(ListItem, { children: _jsxs(Typography, { size: "medium", component: "div", children: [_jsx(Radio, { value: "delete", checked: !selectRadioValue[blog.blog_id] ||
+                                                                selectRadioValue[blog.blog_id] === "delete", onChange: handleReassign(false, blog.blog_id) }), "Delete all content."] }) }), _jsx(ListItem, { children: _jsxs(Typography, { size: "medium", component: "div", children: [_jsx(Radio, { value: "inherit", checked: selectRadioValue[blog.blog_id] === "inherit", onChange: handleReassign(true, blog.blog_id) }), "Inherit all content to another user."] }) }), selectRadioValue[blog.blog_id] === "inherit" && (_jsxs(ListItem, { sx: {
+                                                    pl: 7,
+                                                    display: "grid",
+                                                    gridTemplate: `
+                          auto 
+                          1fr`,
+                                                    alignItems: "center",
+                                                    gap: 1,
+                                                    py: 0,
+                                                }, children: [_jsx(Typography, { size: "medium", children: "Attribute all content to:" }), _jsx(SelectWPUser, { size: "medium", blogId: blog.blog_id, defaultValue: 1, onChange: hanldeUserIdChange(blog.blog_id), slotSxProps: {
+                                                            input: {
+                                                                minWidth: 250,
+                                                            },
+                                                        } })] }))] }) })] }, `${blog.blog_id}`))) })] })), _jsx(Box, { sx: { mt: 2 }, children: _jsx(Button, { size: "medium", sx: { mt: 2 }, onClick: handleSubmit, children: "Confirm Deletion" }) })] }));
+};

package/client/components/contents/users/Edit/Profile/GenerateResetLinkModal.d.ts

@@ -0,0 +1,6 @@
+export declare const GenerateResetLinkModal: (props: {
+    open: boolean;
+    onClose: (...args: any) => any;
+    userLogin?: string;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=GenerateResetLinkModal.d.ts.map

package/client/components/contents/users/Edit/Profile/GenerateResetLinkModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenerateResetLinkModal.d.ts","sourceRoot":"","sources":["../../../../../../../src/client/components/contents/users/Edit/Profile/GenerateResetLinkModal.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,sBAAsB,GAAI,OAAO;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,mDAgEA,CAAC"}

package/client/components/contents/users/Edit/Profile/GenerateResetLinkModal.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Box } from "@mui/material";
+import { useServerActions } from "@rnaga/wp-next-core/client/hooks/use-server-actions";
+import { Modal, ModalContent } from "@rnaga/wp-next-ui/Modal";
+import { Typography } from "@rnaga/wp-next-ui/Typography";
+import { LinkCopy } from "@rnaga/wp-next-ui/LinkCopy";
+import { useWPAdmin } from "../../../../../wp-admin";
+export const GenerateResetLinkModal = (props) => {
+    const { open, onClose, userLogin } = props;
+    const { site, overlay, wp: { viewport }, } = useWPAdmin();
+    const { actions, safeParse } = useServerActions();
+    const [resetKey, setResetKey] = useState();
+    useEffect(() => {
+        if (!open || !userLogin) {
+            return;
+        }
+        overlay.circular
+            .promise(actions.password.requestResetKey(userLogin))
+            .then((response) => {
+            const result = safeParse(response);
+            if (!result.success || typeof result.data !== "string") {
+                overlay.snackbar.open("error", result.error);
+                return;
+            }
+            setResetKey(result.data);
+        });
+    }, [open, userLogin]);
+    const resetLink = `${site.baseUrl}/auth/reset?key=${resetKey}&user_login=${userLogin}`;
+    if (!open || !resetKey) {
+        return null;
+    }
+    return (_jsx(Modal, { open: true, onClose: onClose, sx: { zIndex: 2 }, children: _jsxs(ModalContent, { sx: { minWidth: "50%" }, children: [_jsx(Typography, { component: "h2", size: "large", bold: true, children: "Reset link" }), _jsxs(Box, { children: [_jsxs(Typography, { component: "div", size: "medium", color: "primary", sx: {
+                                display: "flex",
+                                alignItems: "center",
+                                gap: 1,
+                                verticalAlign: "middle",
+                                my: 2,
+                            }, children: [_jsx(LinkCopy, { link: resetLink, showIcon: true }), " ", resetLink] }), _jsx(Typography, { bold: true, size: "medium", children: "The same link might have been sent out to the email." })] })] }) }));
+};

package/client/components/contents/users/Edit/Profile/ResetPasswordModal.d.ts

@@ -0,0 +1,6 @@
+export declare const ResetPasswordModal: (props: {
+    open: boolean;
+    userId: number;
+    onClose: (...args: any) => any;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ResetPasswordModal.d.ts.map

package/client/components/contents/users/Edit/Profile/ResetPasswordModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetPasswordModal.d.ts","sourceRoot":"","sources":["../../../../../../../src/client/components/contents/users/Edit/Profile/ResetPasswordModal.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,kBAAkB,GAAI,OAAO;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CAChC,4CAmFA,CAAC"}

package/client/components/contents/users/Edit/Profile/ResetPasswordModal.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import VisibilityIcon from "@mui/icons-material/Visibility";
+import VisibilityOffIcon from "@mui/icons-material/VisibilityOff";
+import { FormControl, FormLabel, IconButton, 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 { 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 { useWPAdmin } from "../../../../../wp-admin";
+export const ResetPasswordModal = (props) => {
+    const { open, userId, onClose } = props;
+    const { wp: { viewport }, overlay, } = useWPAdmin();
+    const { actions, safeParse } = useServerActions();
+    const { formData, submit, validation } = useFormData("reset-password");
+    const [visibility, setVisibility] = useState(false);
+    const validator = (data) => {
+        if (0 >= data.password.length ||
+            0 >= data.confirmed.length ||
+            data.password !== data.confirmed) {
+            return [false, "Confirmed password does not match"];
+        }
+        return true;
+    };
+    const handleSubmit = async (data) => {
+        const newPassword = data.password.trim();
+        const result = await overlay.circular
+            .promise(actions.user.updatePassword(userId, newPassword))
+            .then(safeParse);
+        if (!result.success) {
+            overlay.snackbar.open("error", result.error);
+            return;
+        }
+        onClose();
+    };
+    return (_jsx(Modal, { open: open, onClose: onClose, sx: { zIndex: 2 }, children: _jsx("form", { onSubmit: submit(handleSubmit, validator), children: _jsxs(ModalContent, { children: [_jsx(Typography, { size: "large", bold: true, children: "Reset Password" }), _jsxs(Stack, { spacing: 1.5, children: [!validation?.valid && (_jsx(Typography, { color: "danger", children: validation?.error })), _jsxs(FormControl, { focused: false, children: [_jsx(FormLabel, { children: "New Password" }), _jsx(Input, { name: "password", size: "large", autoFocus: true, required: true, type: visibility ? "text" : "password", endAdornment: _jsx(IconButton, { onClick: () => {
+                                                setVisibility(!visibility);
+                                            }, children: visibility ? _jsx(VisibilityOffIcon, {}) : _jsx(VisibilityIcon, {}) }) })] }), _jsxs(FormControl, { focused: false, children: [_jsx(FormLabel, { children: "Confirm Password" }), _jsx(Input, { type: "password", name: "confirmed", required: true, size: "large" })] }), _jsx(Button, { type: "submit", size: "large", children: "Submit" })] })] }) }) }));
+};

package/client/components/contents/users/Edit/Profile/index.d.ts

@@ -0,0 +1,4 @@
+export declare const Profile: (props: {
+    userId: number;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/client/components/contents/users/Edit/Profile/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/client/components/contents/users/Edit/Profile/index.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,OAAO,GAAI,OAAO;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,4CAyOhD,CAAC"}

package/client/components/contents/users/Edit/Profile/index.js

@@ -0,0 +1,111 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState, useTransition } from "react";
+import { Box, FormControl, FormLabel, Stack } from "@mui/material";
+import { useServerActions } from "@rnaga/wp-next-core/client/hooks/use-server-actions";
+import { BasicMenuButton } from "@rnaga/wp-next-ui/BasicMenuButton";
+import { Button } from "@rnaga/wp-next-ui/Button";
+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 { Loading } from "@rnaga/wp-next-ui/Loading";
+import { useAdminNavigation } from "../../../../../hooks/use-admin-navigation";
+import { useAdminUser } from "../../../../../hooks/use-admin-user";
+import { useWPAdmin } from "../../../../../wp-admin";
+import { GenerateResetLinkModal } from "./GenerateResetLinkModal";
+import { ResetPasswordModal } from "./ResetPasswordModal";
+export const Profile = (props) => {
+    const { userId } = props;
+    const { overlay, wp: { error }, } = useWPAdmin();
+    const { user, updateAdminUser } = useAdminUser();
+    const { goto } = useAdminNavigation();
+    const { actions, safeParse } = useServerActions();
+    const [loading, startTransition] = useTransition();
+    const [state, setState] = useState({
+        passwordModal: false,
+        showResetLink: false,
+        canDeleteUser: false,
+    });
+    const { formData, setFormData, submit } = useFormData("user");
+    useEffect(() => {
+        startTransition(async () => {
+            const response = await actions.user.get(userId).then(safeParse);
+            if (!response.success || !response.data) {
+                error.throw(response.error ?? "Failed to get user data");
+            }
+            const { user_pass, ...formData } = response.data;
+            const canDeleteUser = !!(await actions.user.can("delete_user", userId))
+                .data;
+            setFormData(formData);
+            setState({ ...state, canDeleteUser });
+        });
+    }, [userId]);
+    const toggleGenerateResetLink = (value) => {
+        setState({ ...state, showResetLink: value });
+    };
+    const toggleResetPassword = (value) => {
+        setState({ ...state, passwordModal: value });
+    };
+    const handleDelete = () => {
+        goto(`delete?id=${userId}`);
+    };
+    const handleSubmit = async (data) => {
+        data = {
+            ...data,
+            role: undefined, // Not to update role via profile page
+            meta_input: {
+                nickname: data.nickname,
+                last_name: data.last_name,
+                first_name: data.first_name,
+                description: data.description,
+            },
+        };
+        const result = await overlay.circular
+            .promise(actions.user.update(userId, data))
+            .then(safeParse);
+        if (!result.success) {
+            overlay.snackbar.open("error", result.error);
+            return;
+        }
+        if (userId == user?.ID) {
+            updateAdminUser();
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(GenerateResetLinkModal, { open: state.showResetLink, onClose: () => toggleGenerateResetLink(false), userLogin: formData.user_login }), _jsx(ResetPasswordModal, { open: state.passwordModal, userId: userId, onClose: () => toggleResetPassword(false) }), _jsx(Loading, { loading: loading, sx: {
+                    mt: 2,
+                }, children: _jsxs("form", { onSubmit: submit(handleSubmit), children: [_jsxs(Box, { sx: {
+                                display: "flex",
+                                justifyContent: "flex-end",
+                                gap: 1.5,
+                                height: 36,
+                                mt: 1,
+                            }, children: [_jsx(Button, { size: "medium", type: "submit", children: "Save" }), state.canDeleteUser && (_jsx(IconButtonDelete, { title: "Delete User", onClick: handleDelete })), _jsx(BasicMenuButton, { size: "medium", label: "Reset Password", showArrowIcon: false, items: [
+                                        {
+                                            label: "Generate Reset Link",
+                                            value: "generate",
+                                        },
+                                        {
+                                            label: "Set New Password",
+                                            value: "set",
+                                        },
+                                    ], onChange: (value) => {
+                                        if (value === "generate") {
+                                            toggleGenerateResetLink(true);
+                                        }
+                                        else if (value === "set") {
+                                            toggleResetPassword(true);
+                                        }
+                                    }, sx: {
+                                        minWidth: 200,
+                                        height: "100%",
+                                        backgroundColor: (theme) => theme.palette.background.paper,
+                                    } })] }), _jsxs(Stack, { spacing: 2, children: [_jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Username" }), _jsx(Input, { size: "large", name: "user_login", value: formData.user_login || "", disabled: true })] }), _jsxs(Box, { sx: {
+                                        display: "grid",
+                                        gap: 1.5,
+                                        gridTemplateColumns: "1fr 1fr",
+                                    }, children: [_jsxs(FormControl, { children: [_jsx(FormLabel, { required: true, children: "Nickname (required)" }), _jsx(Input, { size: "large", name: "nickname", value: formData.nickname })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Display Name" }), _jsx(Input, { size: "large", name: "display_name", value: formData.display_name })] })] }), _jsxs(Box, { sx: {
+                                        display: "grid",
+                                        gap: 1.5,
+                                        gridTemplateColumns: "1fr 1fr",
+                                    }, children: [_jsxs(FormControl, { children: [_jsx(FormLabel, { children: "First Name" }), _jsx(Input, { size: "large", name: "first_name", value: formData.first_name, placeholder: "First Name" })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Last Name" }), _jsx(Input, { size: "large", name: "last_name", value: formData.last_name, placeholder: "Last Name" })] })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { required: true, children: "Email (required)" }), _jsx(Input, { size: "large", name: "user_email", value: formData.user_email })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Website" }), _jsx(Input, { size: "large", name: "user_url", value: formData.user_url })] }), _jsxs(FormControl, { children: [_jsx(FormLabel, { children: "Biographical Info" }), _jsx(Input, { multiline: true, size: "large", name: "description", value: formData.description, minRows: 4, maxRows: 10 })] })] })] }) })] }));
+};

package/client/components/contents/users/Edit/Roles/ActionLink.d.ts

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

package/client/components/contents/users/Edit/Roles/ActionLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionLink.d.ts","sourceRoot":"","sources":["../../../../../../../src/client/components/contents/users/Edit/Roles/ActionLink.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,WAAW,MAAM,2BAA2B,CAAC;AAG9D,eAAO,MAAM,UAAU,GAAI,OAAO;IAChC,IAAI,EAAE,WAAW,CAAC,OAAO,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACpD,SAAS,EAAE,MAAM,CAAC;CACnB,mDAkHA,CAAC"}