@rnaga/wp-next-admin 1.0.1 → 1.0.2

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

@@ -39,6 +39,7 @@ export declare const Admin: {
         List: () => import("react/jsx-runtime").JSX.Element;
         Edit: (props?: {
             userId?: number;
+            isProfile?: boolean;
         }) => import("react/jsx-runtime").JSX.Element | null;
         Delete: () => import("react/jsx-runtime").JSX.Element | null;
     };

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

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

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

@@ -3,5 +3,5 @@ import { Users } from "../../../components/contents/users";
 import { useUser } from "@rnaga/wp-next-core/client/hooks/use-user";
 export const Profile = () => {
     const { user } = useUser();
-    return _jsx(Users.Edit, { userId: user?.ID });
+    return _jsx(Users.Edit, { userId: user?.ID, isProfile: true });
 };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionLink.d.ts","sourceRoot":"","sources":["../../../../../../../src/client/components/contents/users/Edit/ApplicationPasswords/ActionLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,WAAW,MAAM,2BAA2B,CAAC;AAU9D,eAAO,MAAM,UAAU,GAAI,OAAO;IAChC,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;CAC5D,4CAwCA,CAAC"}

package/client/components/contents/users/Edit/ApplicationPasswords/ActionLink.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+import { useServerActions } from "@rnaga/wp-next-core/client/hooks/use-server-actions";
+import { useWPAdmin } from "../../../../../wp-admin";
+import { useAdminNavigation } from "../../../../../hooks/use-admin-navigation";
+import { AdminLink } from "../../../../../components/utils/link";
+export const ActionLink = (props) => {
+    const { password } = props;
+    const { overlay } = useWPAdmin();
+    const { refresh } = useAdminNavigation();
+    const { actions, safeParse } = useServerActions();
+    const handleDelete = (uuid) => () => {
+        if (!password) {
+            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.applicationPasswords.del(uuid))
+                .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 (_jsx(Box, { sx: { display: "flex", gap: 0.5 }, children: _jsx(AdminLink, { color: "error", onClick: handleDelete(password.uuid), children: "Delete" }) }));
+};

package/client/components/contents/users/Edit/ApplicationPasswords/Create.d.ts

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

package/client/components/contents/users/Edit/ApplicationPasswords/Create.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Create.d.ts","sourceRoot":"","sources":["../../../../../../../src/client/components/contents/users/Edit/ApplicationPasswords/Create.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,MAAM,GAAI,OAAO;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,4CAmGA,CAAC"}

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

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { FormControl, FormLabel, Stack } from "@mui/material";
+import { useServerActions } from "@rnaga/wp-next-core/client/hooks";
+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 { LinkCopy } from "@rnaga/wp-next-ui/LinkCopy";
+import { Modal, ModalContent } from "@rnaga/wp-next-ui/Modal";
+import { Typography } from "@rnaga/wp-next-ui/Typography";
+export const Create = (props) => {
+    const { open, onClose, onCreate } = props;
+    const [loading, setLoading] = useState(false);
+    const { actions, safeParse } = useServerActions();
+    const { formData, setFormData, submit } = useFormData("application-password");
+    const [response, setResponse] = useState();
+    const handleSubmit = async (data) => {
+        setLoading(true);
+        const response = await actions.applicationPasswords
+            .create(data)
+            .then(safeParse);
+        if (response.success) {
+            setResponse({ success: true, data: response.data });
+            onCreate();
+        }
+        else {
+            setResponse({
+                success: false,
+                error: response.error || "Failed to create application password",
+            });
+        }
+        setLoading(false);
+    };
+    return (_jsx(Modal, { open: open, onClose: onClose, children: _jsxs(ModalContent, { sx: {
+                minWidth: 400,
+            }, children: [_jsx(Typography, { bold: true, fontSize: 18, mb: 2, children: "Create New Password" }), response?.error && (_jsx(Typography, { color: "error", mb: 2, children: response.error })), response?.success && response.data && (_jsxs(_Fragment, { children: [_jsx(Typography, { mb: 2, size: "medium", children: "Please copy your new application password." }), _jsxs(Typography, { sx: {
+                                wordBreak: "break-all",
+                                p: 2,
+                                backgroundColor: (theme) => theme.palette.mode === "light"
+                                    ? "rgba(0,0,0,.05)"
+                                    : "rgba(255,255,255,.05)",
+                                borderRadius: 1,
+                                display: "flex",
+                                justifyContent: "space-between",
+                                alignItems: "center",
+                            }, children: [response.data.password, _jsx(LinkCopy, { link: response.data.password, showIcon: true })] })] })), !response && (_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: formData?.name, required: true })] }), _jsx(Button, { size: "medium", type: "submit", loading: loading, children: "Submit" })] }) }))] }) }));
+};

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

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

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

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

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

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState, useTransition } from "react";
+import { useWPAdmin } from "@/client/wp-admin";
+import { Box } from "@mui/material";
+import { useServerActions, useUser } from "@rnaga/wp-next-core/client/hooks";
+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 { Typography } from "@rnaga/wp-next-ui/Typography";
+import { ActionLink } from "./ActionLink";
+import { Create } from "./Create";
+export const ApplicationPasswords = () => {
+    const { user } = useUser();
+    const { overlay, wp: { error }, } = useWPAdmin();
+    const { actions, safeParse } = useServerActions();
+    const [passwords, setPasswords] = useState([]);
+    const [openCreate, setOpenCreate] = useState(false);
+    const [loading, startTransition] = useTransition();
+    const userId = useMemo(() => user?.ID, [user?.ID]);
+    const fetchPasswords = async () => {
+        if (!userId) {
+            return;
+        }
+        startTransition(async () => {
+            const response = await actions.applicationPasswords
+                .list()
+                .then(safeParse);
+            if (!response.success || !response.data) {
+                error.throw(response.error ?? "Failed to get user data");
+            }
+            setPasswords(response.data);
+        });
+    };
+    useEffect(() => {
+        if (!userId) {
+            return;
+        }
+        fetchPasswords();
+    }, [userId]);
+    if (!userId) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsx(Create, { open: openCreate, onClose: () => {
+                    setOpenCreate(false);
+                }, onCreate: () => {
+                    fetchPasswords();
+                } }), _jsx(Box, { sx: {
+                    display: "flex",
+                    justifyContent: "flex-end",
+                }, children: _jsx(Button, { onClick: () => setOpenCreate(true), children: "Create New Password" }) }), _jsx(Loading, { loading: loading, children: _jsxs(Table, { sx: {
+                        mt: 2,
+                    }, children: [_jsxs(THead, { children: [_jsx(Th, { viewport: "desktop", children: "Name" }), _jsx(Th, { viewport: "desktop", children: "Created" }), _jsx(Th, { viewport: "desktop", children: "Last Used" }), _jsx(Th, { viewport: "desktop", children: "Last IP" })] }), _jsx("tbody", { children: passwords.map((password) => (_jsxs(Tr, { children: [_jsxs(ActionTd, { viewport: "desktop", style: {
+                                            minWidth: 200,
+                                        }, children: [_jsx(Typography, { size: "medium", bold: true, children: password.name }), _jsx(ActionLink, { password: password })] }), _jsx(Td, { children: new Date(password.created * 1000).toLocaleString() }), _jsx(Td, { children: password.last_used
+                                            ? new Date(password.last_used * 1000).toLocaleString()
+                                            : "Never" }), _jsx(Td, { children: password.last_ip || "Unknown" })] }, password.uuid))) })] }) })] }));
+};

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

@@ -1,4 +1,5 @@
 export declare const Edit: (props?: {
     userId?: number;
+    isProfile?: boolean;
 }) => import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/contents/users/Edit/index.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,IAAI,GAAI,QAAQ;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,mDA6E/C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/contents/users/Edit/index.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,IAAI,GAAI,QAAQ;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,mDA4FpE,CAAC"}

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

@@ -7,11 +7,12 @@ import { useUser } from "@rnaga/wp-next-core/client/hooks/use-user";
 import { Tabs } from "@rnaga/wp-next-ui/Tabs";
 import { useAdminNavigation } from "../../../../hooks/use-admin-navigation";
 import { useWPAdmin } from "../../../../wp-admin";
+import { ApplicationPasswords } from "./ApplicationPasswords";
 import { Profile } from "./Profile";
 import { Roles } from "./Roles/";
 export const Edit = (props) => {
-    const { overlay } = useWPAdmin();
     const { user } = useUser();
+    const { site } = useWPAdmin();
     const { searchParams, refreshValue } = useAdminNavigation();
     const { actions, safeParse } = useServerActions();
     const [canEditUser, setCanEditUser] = useState();
@@ -37,14 +38,25 @@ export const Edit = (props) => {
     }, []);
     const canUpdateRole = useMemo(() => user?.role.capabilities.has("promote_user") ||
         user?.role.capabilities.has("remove_users"), [user?.role.capabilities]);
+    const canManageApplicationPasswords = useMemo(() => props?.isProfile === true &&
+        (user?.role.capabilities.has("edit_users") ||
+            (site.isMultiSite && user?.role.names.has("superadmin")) ||
+            (!site.isMultiSite && user?.role.names.has("administrator"))), [user?.role.capabilities, props?.isProfile]);
     if (canEditUser === undefined) {
         return null;
     }
-    console.log("user.role.capabilities", user?.role.capabilities);
     const tabItems = [
         ...(canEditUser
             ? [{ label: "Profile", content: _jsx(Profile, { userId: userId }) }]
             : []),
+        ...(canManageApplicationPasswords
+            ? [
+                {
+                    label: "Application Passwords",
+                    content: _jsx(ApplicationPasswords, {}, `ap-${refreshContent}`),
+                },
+            ]
+            : []),
         ...(canUpdateRole
             ? [
                 {

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

@@ -3,6 +3,7 @@ export declare const Users: {
     List: () => import("react/jsx-runtime").JSX.Element;
     Edit: (props?: {
         userId?: number;
+        isProfile?: boolean;
     }) => import("react/jsx-runtime").JSX.Element | null;
     Delete: () => import("react/jsx-runtime").JSX.Element | null;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/contents/users/index.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK;;;;cAM0V,CAAC;;;CAD5W,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/contents/users/index.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK;;;;cAMyZ,CAAC;iBAAmB,CAAC;;;CAD/b,CAAC"}

package/client/hooks/use-admin-server-actions.d.ts

@@ -2,6 +2,7 @@ import * as actionsDashboard from "../../server/actions/dashboard";
 export declare const useAdminServerActions: () => {
     actions: {
         dashboard: typeof actionsDashboard;
+        applicationPasswords: typeof import("@rnaga/wp-next-core/server/actions/application-passwords");
         adminUser: typeof import("@rnaga/wp-next-core/server/actions/admin-user");
         site: typeof import("@rnaga/wp-next-core/server/actions/site");
         user: typeof import("@rnaga/wp-next-core/server/actions/user");

package/client/hooks/use-admin-server-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-admin-server-actions.d.ts","sourceRoot":"","sources":["../../../src/client/hooks/use-admin-server-actions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,gCAAgC,CAAC;AAInE,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYjC,CAAC"}
+{"version":3,"file":"use-admin-server-actions.d.ts","sourceRoot":"","sources":["../../../src/client/hooks/use-admin-server-actions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,gCAAgC,CAAC;AAInE,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYjC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rnaga/wp-next-admin",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "license": "MIT",
   "description": "Admin interface for WP Next",
   "author": "Ryohei Nagatsuka",