@btst/stack 3.0.0-rc.2 → 3.0.0-rc.4

package/dist/packages/stack/src/plugins/comments/client/components/pages/moderation-page.internal.cjs

@@ -14,16 +14,22 @@ const avatar = require('../../../../../../../ui/src/components/avatar.cjs');
 const LucideIcons = require('lucide-react');
 const dateFns = require('date-fns');
 const context = require('@btst/stack/context');
-const client = require('@btst/stack/client');
+const hooks = require('@btst/stack/client/hooks');
 const context$1 = require('@btst/stack/plugins/ai-chat/client/context');
 const useComments = require('../../hooks/use-comments.cjs');
 const utils = require('../../utils.cjs');
 const pagination = require('../shared/pagination.cjs');
+const plugins_comments_permissions = require('../../../../../../../../plugins/comments/permissions.cjs');
+const moderationState = require('./moderation-state.cjs');
 
-const LIST_STATE_SCHEMA = {
-  tab: { type: "string", default: "pending" },
-  page: { type: "number", default: 1 }
-};
+function PermissionAccessAll({
+  permissions,
+  children
+}) {
+  const [permission, ...rest] = permissions;
+  if (!permission) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  return /* @__PURE__ */ jsxRuntime.jsx(context.PermissionAccess, { permission, children: /* @__PURE__ */ jsxRuntime.jsx(PermissionAccessAll, { permissions: rest, children }) });
+}
 function StatusBadge({ status }) {
   const variants = {
     pending: "secondary",
@@ -35,28 +41,35 @@ function StatusBadge({ status }) {
 function ModerationPage({ localization }) {
   const t = context.useTranslate();
   const notify = context.useNotify();
-  const { api } = context.useStack();
-  const [listState, setListState] = client.useListState(
+  const [listState, setListState] = hooks.useListState(
     "comments-moderation",
-    LIST_STATE_SCHEMA
+    moderationState.MODERATION_LIST_STATE_SCHEMA
   );
-  const activeTab = listState.tab === "approved" || listState.tab === "spam" ? listState.tab : "pending";
+  const activeTab = moderationState.resolveModerationStatus(listState.tab);
   const currentPage = Math.max(1, Math.floor(listState.page) || 1);
   const [selected, setSelected] = React.useState(/* @__PURE__ */ new Set());
   const [viewComment, setViewComment] = React.useState(
     null
   );
   const [deleteIds, setDeleteIds] = React.useState([]);
-  const config = {
-    apiBaseURL: api?.baseURL ?? "",
-    apiBasePath: api?.basePath ?? ""
-  };
-  const { comments, total, limit, offset, totalPages, refetch } = useComments.useSuspenseModerationComments(config, {
+  const { comments, total, limit, offset, totalPages, refetch } = useComments.useSuspenseModerationComments({
     status: activeTab,
     page: currentPage
   });
-  const updateStatus = useComments.useUpdateCommentStatus(config);
-  const deleteMutation = useComments.useDeleteComment(config);
+  const selectedComments = comments.filter(
+    (comment) => selected.has(comment.id)
+  );
+  const hasResolvedSelection = selected.size > 0 && selectedComments.length === selected.size;
+  const deleteComments = comments.filter(
+    (comment) => deleteIds.includes(comment.id)
+  );
+  const hasResolvedDeleteScope = deleteIds.length > 0 && deleteComments.length === deleteIds.length;
+  React.useEffect(() => {
+    setSelected(/* @__PURE__ */ new Set());
+    setDeleteIds([]);
+  }, [activeTab, currentPage]);
+  const updateStatus = useComments.useUpdateCommentStatus();
+  const deleteMutation = useComments.useDeleteComment();
   context$1.useRegisterPageAIContext({
     routeName: "comments-moderation",
     pageDescription: `${total} ${activeTab} comments in the moderation queue.
@@ -136,7 +149,7 @@ ${comments.slice(0, 5).map(
     }
   };
   const handleBulkApprove = async () => {
-    const ids = [...selected];
+    const ids = selectedComments.map((comment) => comment.id);
     try {
       await Promise.all(
         ids.map((id) => updateStatus.mutateAsync({ id, status: "approved" }))
@@ -178,34 +191,59 @@ ${comments.slice(0, 5).map(
         ] })
       }
     ),
-    selected.size > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 p-3 bg-muted rounded-lg", children: [
+    hasResolvedSelection && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 p-3 bg-muted rounded-lg", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: (localization?.COMMENTS_MODERATION_SELECTED ?? t("comments.moderation.selected", "{n} selected")).replace("{n}", String(selected.size)) }),
-      activeTab !== "approved" && /* @__PURE__ */ jsxRuntime.jsx(context.CanAccess, { resource: "comments:comment", action: "moderate", children: /* @__PURE__ */ jsxRuntime.jsxs(
-        button.Button,
+      activeTab !== "approved" && /* @__PURE__ */ jsxRuntime.jsx(
+        PermissionAccessAll,
         {
-          size: "sm",
-          variant: "outline",
-          onClick: handleBulkApprove,
-          disabled: updateStatus.isPending,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.CheckCircle, { className: "h-4 w-4 mr-1" }),
-            localization?.COMMENTS_MODERATION_APPROVE_SELECTED ?? t("comments.moderation.approveSelected", "Approve selected")
-          ]
+          permissions: selectedComments.map(
+            (comment) => plugins_comments_permissions.commentsPermissions.comment.moderate({
+              commentId: comment.id,
+              resourceId: comment.resourceId,
+              resourceType: comment.resourceType,
+              currentStatus: comment.status,
+              nextStatus: "approved"
+            })
+          ),
+          children: /* @__PURE__ */ jsxRuntime.jsxs(
+            button.Button,
+            {
+              size: "sm",
+              variant: "outline",
+              onClick: handleBulkApprove,
+              disabled: updateStatus.isPending,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.CheckCircle, { className: "h-4 w-4 mr-1" }),
+                localization?.COMMENTS_MODERATION_APPROVE_SELECTED ?? t("comments.moderation.approveSelected", "Approve selected")
+              ]
+            }
+          )
         }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(context.CanAccess, { resource: "comments:comment", action: "delete", children: /* @__PURE__ */ jsxRuntime.jsxs(
-        button.Button,
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        PermissionAccessAll,
         {
-          size: "sm",
-          variant: "outline",
-          className: "text-destructive border-destructive hover:bg-destructive hover:text-destructive-foreground",
-          onClick: () => setDeleteIds([...selected]),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Trash2, { className: "h-4 w-4 mr-1" }),
-            localization?.COMMENTS_MODERATION_DELETE_SELECTED ?? t("comments.moderation.deleteSelected", "Delete selected")
-          ]
+          permissions: selectedComments.map(
+            (comment) => plugins_comments_permissions.commentsPermissions.comment.delete({
+              commentId: comment.id,
+              authorId: comment.authorId
+            })
+          ),
+          children: /* @__PURE__ */ jsxRuntime.jsxs(
+            button.Button,
+            {
+              size: "sm",
+              variant: "outline",
+              className: "text-destructive border-destructive hover:bg-destructive hover:text-destructive-foreground",
+              onClick: () => setDeleteIds(selectedComments.map((comment) => comment.id)),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Trash2, { className: "h-4 w-4 mr-1" }),
+                localization?.COMMENTS_MODERATION_DELETE_SELECTED ?? t("comments.moderation.deleteSelected", "Delete selected")
+              ]
+            }
+          )
         }
-      ) })
+      )
     ] }),
     comments.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-2 py-16 text-muted-foreground", children: [
       /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.CheckCircle, { className: "h-8 w-8" }),
@@ -271,11 +309,15 @@ ${comments.slice(0, 5).map(
                   }
                 ),
                 activeTab !== "approved" && /* @__PURE__ */ jsxRuntime.jsx(
-                  context.CanAccess,
+                  context.PermissionAccess,
                   {
-                    resource: "comments:comment",
-                    action: "moderate",
-                    params: { id: comment.id },
+                    permission: plugins_comments_permissions.commentsPermissions.comment.moderate({
+                      commentId: comment.id,
+                      resourceId: comment.resourceId,
+                      resourceType: comment.resourceType,
+                      currentStatus: comment.status,
+                      nextStatus: "approved"
+                    }),
                     children: /* @__PURE__ */ jsxRuntime.jsx(
                       button.Button,
                       {
@@ -295,11 +337,15 @@ ${comments.slice(0, 5).map(
                   }
                 ),
                 activeTab !== "spam" && /* @__PURE__ */ jsxRuntime.jsx(
-                  context.CanAccess,
+                  context.PermissionAccess,
                   {
-                    resource: "comments:comment",
-                    action: "moderate",
-                    params: { id: comment.id },
+                    permission: plugins_comments_permissions.commentsPermissions.comment.moderate({
+                      commentId: comment.id,
+                      resourceId: comment.resourceId,
+                      resourceType: comment.resourceType,
+                      currentStatus: comment.status,
+                      nextStatus: "spam"
+                    }),
                     children: /* @__PURE__ */ jsxRuntime.jsx(
                       button.Button,
                       {
@@ -319,11 +365,12 @@ ${comments.slice(0, 5).map(
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  context.CanAccess,
+                  context.PermissionAccess,
                   {
-                    resource: "comments:comment",
-                    action: "delete",
-                    params: { id: comment.id },
+                    permission: plugins_comments_permissions.commentsPermissions.comment.delete({
+                      commentId: comment.id,
+                      authorId: comment.authorId
+                    }),
                     children: /* @__PURE__ */ jsxRuntime.jsx(
                       button.Button,
                       {
@@ -349,7 +396,10 @@ ${comments.slice(0, 5).map(
         {
           currentPage,
           totalPages,
-          onPageChange: (p) => setListState({ page: p }),
+          onPageChange: (p) => {
+            setListState({ page: p });
+            setSelected(/* @__PURE__ */ new Set());
+          },
           total,
           limit,
           offset
@@ -398,11 +448,15 @@ ${comments.slice(0, 5).map(
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
           viewComment.status !== "approved" && /* @__PURE__ */ jsxRuntime.jsx(
-            context.CanAccess,
+            context.PermissionAccess,
             {
-              resource: "comments:comment",
-              action: "moderate",
-              params: { id: viewComment.id },
+              permission: plugins_comments_permissions.commentsPermissions.comment.moderate({
+                commentId: viewComment.id,
+                resourceId: viewComment.resourceId,
+                resourceType: viewComment.resourceType,
+                currentStatus: viewComment.status,
+                nextStatus: "approved"
+              }),
               children: /* @__PURE__ */ jsxRuntime.jsxs(
                 button.Button,
                 {
@@ -422,11 +476,15 @@ ${comments.slice(0, 5).map(
             }
           ),
           viewComment.status !== "spam" && /* @__PURE__ */ jsxRuntime.jsx(
-            context.CanAccess,
+            context.PermissionAccess,
             {
-              resource: "comments:comment",
-              action: "moderate",
-              params: { id: viewComment.id },
+              permission: plugins_comments_permissions.commentsPermissions.comment.moderate({
+                commentId: viewComment.id,
+                resourceId: viewComment.resourceId,
+                resourceType: viewComment.resourceType,
+                currentStatus: viewComment.status,
+                nextStatus: "spam"
+              }),
               children: /* @__PURE__ */ jsxRuntime.jsxs(
                 button.Button,
                 {
@@ -446,11 +504,12 @@ ${comments.slice(0, 5).map(
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            context.CanAccess,
+            context.PermissionAccess,
             {
-              resource: "comments:comment",
-              action: "delete",
-              params: { id: viewComment.id },
+              permission: plugins_comments_permissions.commentsPermissions.comment.delete({
+                commentId: viewComment.id,
+                authorId: viewComment.authorId
+              }),
               children: /* @__PURE__ */ jsxRuntime.jsxs(
                 button.Button,
                 {
@@ -474,7 +533,7 @@ ${comments.slice(0, 5).map(
     /* @__PURE__ */ jsxRuntime.jsx(
       alertDialog.AlertDialog,
       {
-        open: deleteIds.length > 0,
+        open: hasResolvedDeleteScope,
         onOpenChange: (open) => !open && setDeleteIds([]),
         children: /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialogContent, { children: [
           /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialogHeader, { children: [
@@ -496,12 +555,23 @@ ${comments.slice(0, 5).map(
           /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialogFooter, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogCancel, { children: localization?.COMMENTS_MODERATION_DELETE_CANCEL ?? t("comments.moderation.deleteCancel", "Cancel") }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              alertDialog.AlertDialogAction,
+              PermissionAccessAll,
               {
-                className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-                onClick: () => handleDelete(deleteIds),
-                "data-testid": "confirm-delete-button",
-                children: deleteMutation.isPending ? localization?.COMMENTS_MODERATION_DELETE_DELETING ?? t("comments.moderation.deleteDeleting", "Deleting\u2026") : localization?.COMMENTS_MODERATION_DELETE_CONFIRM ?? t("comments.moderation.deleteConfirm", "Delete")
+                permissions: deleteComments.map(
+                  (comment) => plugins_comments_permissions.commentsPermissions.comment.delete({
+                    commentId: comment.id,
+                    authorId: comment.authorId
+                  })
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  alertDialog.AlertDialogAction,
+                  {
+                    className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+                    onClick: () => handleDelete(deleteComments.map((comment) => comment.id)),
+                    "data-testid": "confirm-delete-button",
+                    children: deleteMutation.isPending ? localization?.COMMENTS_MODERATION_DELETE_DELETING ?? t("comments.moderation.deleteDeleting", "Deleting\u2026") : localization?.COMMENTS_MODERATION_DELETE_CONFIRM ?? t("comments.moderation.deleteConfirm", "Delete")
+                  }
+                )
               }
             )
           ] })