@wordpress/editor 14.31.0 → 14.31.1-next.233ccab9b.0

package/build-module/components/collab-sidebar/comments.js

@@ -7,17 +7,25 @@ import clsx from 'clsx';
  * WordPress dependencies
  */
 import { useState, RawHTML } from '@wordpress/element';
-import { __experimentalHStack as HStack, __experimentalVStack as VStack, __experimentalConfirmDialog as ConfirmDialog, Button, DropdownMenu } from '@wordpress/components';
+import { __experimentalHStack as HStack, __experimentalVStack as VStack, __experimentalConfirmDialog as ConfirmDialog, Button, privateApis as componentsPrivateApis } from '@wordpress/components';
 import { published, moreVertical } from '@wordpress/icons';
-import { __, _x, _n, sprintf } from '@wordpress/i18n';
-import { useSelect } from '@wordpress/data';
-import { store as blockEditorStore } from '@wordpress/block-editor';
+import { __, _x, sprintf, _n } from '@wordpress/i18n';
+import { useSelect, useDispatch } from '@wordpress/data';
+import { store as blockEditorStore, privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 
 /**
  * Internal dependencies
  */
+import { unlock } from '../../lock-unlock';
 import CommentAuthorInfo from './comment-author-info';
 import CommentForm from './comment-form';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const {
+  useBlockElement
+} = unlock(blockEditorPrivateApis);
+const {
+  Menu
+} = unlock(componentsPrivateApis);
 
 /**
  * Renders the Comments component.
@@ -27,21 +35,14 @@ import CommentForm from './comment-form';
  * @param {Function} props.onEditComment       - The function to handle comment editing.
  * @param {Function} props.onAddReply          - The function to add a reply to a comment.
  * @param {Function} props.onCommentDelete     - The function to delete a comment.
- * @param {Function} props.onCommentResolve    - The function to mark a comment as resolved.
- * @param {Function} props.onCommentReopen     - The function to reopen a resolved comment.
- * @param {boolean}  props.showCommentBoard    - Whether to show the comment board.
  * @param {Function} props.setShowCommentBoard - The function to set the comment board visibility.
  * @return {React.ReactNode} The rendered Comments component.
  */
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export function Comments({
   threads,
   onEditComment,
   onAddReply,
   onCommentDelete,
-  onCommentResolve,
-  onCommentReopen,
-  showCommentBoard,
   setShowCommentBoard
 }) {
   const {
@@ -51,89 +52,104 @@ export function Comments({
       getBlockAttributes,
       getSelectedBlockClientId
     } = select(blockEditorStore);
-    const _clientId = getSelectedBlockClientId();
+    const clientId = getSelectedBlockClientId();
     return {
-      blockCommentId: _clientId ? getBlockAttributes(_clientId)?.blockCommentId : null
+      blockCommentId: clientId ? getBlockAttributes(clientId)?.blockCommentId : null
     };
   }, []);
-  const [focusThread, setFocusThread] = useState(showCommentBoard && blockCommentId ? blockCommentId : null);
-  const clearThreadFocus = () => {
-    setFocusThread(null);
-    setShowCommentBoard(false);
-  };
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [
-    // If there are no comments, show a message indicating no comments are available.
-    (!Array.isArray(threads) || threads.length === 0) && /*#__PURE__*/_jsx(VStack, {
+  const [focusThread = blockCommentId, setFocusThread] = useState();
+  const hasThreads = Array.isArray(threads) && threads.length > 0;
+  if (!hasThreads) {
+    return /*#__PURE__*/_jsx(VStack, {
       alignment: "left",
       className: "editor-collab-sidebar-panel__thread",
       justify: "flex-start",
-      spacing: "3",
+      spacing: "2",
       children:
       // translators: message displayed when there are no comments available
       __('No comments available')
-    }), Array.isArray(threads) && threads.length > 0 && threads.map(thread => /*#__PURE__*/_jsx(VStack, {
-      className: clsx('editor-collab-sidebar-panel__thread', {
-        'editor-collab-sidebar-panel__active-thread': blockCommentId && blockCommentId === thread.id,
-        'editor-collab-sidebar-panel__focus-thread': focusThread && focusThread === thread.id
-      }),
-      id: thread.id,
-      spacing: "3",
-      onClick: () => setFocusThread(thread.id),
-      children: /*#__PURE__*/_jsx(Thread, {
-        thread: thread,
-        onAddReply: onAddReply,
-        onCommentDelete: onCommentDelete,
-        onCommentResolve: onCommentResolve,
-        onCommentReopen: onCommentReopen,
-        onEditComment: onEditComment,
-        isFocused: focusThread === thread.id,
-        clearThreadFocus: clearThreadFocus,
-        setFocusThread: setFocusThread
-      })
-    }, thread.id))]
-  });
+    });
+  }
+  return threads.map(thread => /*#__PURE__*/_jsx(Thread, {
+    thread: thread,
+    onAddReply: onAddReply,
+    onCommentDelete: onCommentDelete,
+    onEditComment: onEditComment,
+    isFocused: focusThread === thread.id,
+    setFocusThread: setFocusThread,
+    setShowCommentBoard: setShowCommentBoard
+  }, thread.id));
 }
 function Thread({
   thread,
   onEditComment,
   onAddReply,
   onCommentDelete,
-  onCommentResolve,
-  onCommentReopen,
   isFocused,
-  clearThreadFocus,
-  setFocusThread
+  setFocusThread,
+  setShowCommentBoard
 }) {
-  return /*#__PURE__*/_jsxs(_Fragment, {
+  const {
+    flashBlock
+  } = useDispatch(blockEditorStore);
+  const relatedBlockElement = useBlockElement(thread.blockClientId);
+  const handleCommentSelect = ({
+    id,
+    blockClientId
+  }) => {
+    setShowCommentBoard(false);
+    setFocusThread(id);
+    if (blockClientId && relatedBlockElement) {
+      relatedBlockElement.scrollIntoView({
+        behavior: 'instant',
+        block: 'center'
+      });
+      flashBlock(blockClientId);
+    }
+  };
+  const clearThreadFocus = () => {
+    setFocusThread(null);
+    setShowCommentBoard(false);
+  };
+  const replies = thread?.reply;
+  const lastReply = !!replies.length ? replies[replies.length - 1] : undefined;
+  const restReplies = !!replies.length ? replies.slice(0, -1) : [];
+  return /*#__PURE__*/_jsxs(VStack, {
+    className: clsx('editor-collab-sidebar-panel__thread', {
+      'editor-collab-sidebar-panel__focus-thread': isFocused
+    }),
+    id: thread.id,
+    spacing: "2",
+    onClick: () => handleCommentSelect(thread),
     children: [/*#__PURE__*/_jsx(CommentBoard, {
       thread: thread,
-      onResolve: onCommentResolve,
-      onReopen: onCommentReopen,
       onEdit: onEditComment,
       onDelete: onCommentDelete,
       status: thread.status
-    }), 0 < thread?.reply?.length && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [!isFocused && /*#__PURE__*/_jsx(Button, {
-        __next40pxDefaultSize: true,
-        variant: "link",
-        className: "editor-collab-sidebar-panel__show-more-reply",
+    }), isFocused && replies.map(reply => /*#__PURE__*/_jsx(VStack, {
+      className: "editor-collab-sidebar-panel__child-thread",
+      id: reply.id,
+      spacing: "2",
+      children: /*#__PURE__*/_jsx(CommentBoard, {
+        thread: reply,
+        onEdit: 'approved' !== thread.status ? onEditComment : undefined,
+        onDelete: 'approved' !== thread.status ? onCommentDelete : undefined
+      })
+    }, reply.id)), !isFocused && restReplies.length > 0 && /*#__PURE__*/_jsx(HStack, {
+      className: "editor-collab-sidebar-panel__more-reply-separator",
+      children: /*#__PURE__*/_jsx(Button, {
+        size: "compact",
+        variant: "tertiary",
+        className: "editor-collab-sidebar-panel__more-reply-button",
         onClick: () => setFocusThread(thread.id),
         children: sprintf(
         // translators: %s: number of replies.
-        _n('%s more reply', '%s more replies', thread?.reply?.length), thread?.reply?.length)
-      }), isFocused && thread.reply.map(reply => /*#__PURE__*/_jsxs(VStack, {
-        className: "editor-collab-sidebar-panel__child-thread",
-        id: reply.id,
-        spacing: "2",
-        children: ['approved' !== thread.status && /*#__PURE__*/_jsx(CommentBoard, {
-          thread: reply,
-          onEdit: onEditComment,
-          onDelete: onCommentDelete
-        }), 'approved' === thread.status && /*#__PURE__*/_jsx(CommentBoard, {
-          thread: reply
-        })]
-      }, reply.id))]
+        _n('%s more reply', '%s more replies', restReplies.length), restReplies.length)
+      })
+    }), !isFocused && lastReply && /*#__PURE__*/_jsx(CommentBoard, {
+      thread: lastReply,
+      onEdit: 'approved' !== thread.status ? onEditComment : undefined,
+      onDelete: 'approved' !== thread.status ? onCommentDelete : undefined
     }), isFocused && /*#__PURE__*/_jsxs(VStack, {
       className: "editor-collab-sidebar-panel__child-thread",
       spacing: "2",
@@ -143,22 +159,29 @@ function Thread({
         justify: "flex-start",
         children: /*#__PURE__*/_jsx(CommentAuthorInfo, {})
       }), /*#__PURE__*/_jsx(VStack, {
-        spacing: "3",
-        className: "editor-collab-sidebar-panel__comment-field",
+        spacing: "2",
         children: /*#__PURE__*/_jsx(CommentForm, {
           onSubmit: inputComment => {
             if ('approved' === thread.status) {
-              onCommentReopen(thread.id);
+              onEditComment({
+                id: thread.id,
+                status: 'hold'
+              });
             }
-            onAddReply(inputComment, thread.id);
+            onAddReply({
+              content: inputComment,
+              parent: thread.id
+            });
           },
           onCancel: event => {
             event.stopPropagation(); // Prevent the parent onClick from being triggered
             clearThreadFocus();
           },
-          placeholderText: 'approved' === thread.status && __('Adding a comment will re-open this discussion….'),
-          submitButtonText: 'approved' === thread.status ? _x('Reopen & Reply', 'Reopen comment and add reply') : _x('Reply', 'Add reply comment'),
-          rows: 'approved' === thread.status ? 2 : 4
+          submitButtonText: 'approved' === thread.status ? __('Reopen & Reply') : __('Reply'),
+          rows: 'approved' === thread.status ? 2 : 4,
+          labelText: sprintf(
+          // translators: %1$s: comment identifier, %2$s: author name
+          __('Reply to Comment %1$s by %2$s'), thread.id, thread?.author_name || 'Unknown')
         })
       })]
     })]
@@ -166,8 +189,6 @@ function Thread({
 }
 const CommentBoard = ({
   thread,
-  onResolve,
-  onReopen,
   onEdit,
   onDelete,
   status
@@ -175,7 +196,7 @@ const CommentBoard = ({
   const [actionState, setActionState] = useState(false);
   const [showConfirmDialog, setShowConfirmDialog] = useState(false);
   const handleConfirmDelete = () => {
-    onDelete(thread.id);
+    onDelete(thread);
     setActionState(false);
     setShowConfirmDialog(false);
   };
@@ -184,22 +205,29 @@ const CommentBoard = ({
     setShowConfirmDialog(false);
   };
   const actions = [onEdit && status !== 'approved' && {
+    id: 'edit',
     title: _x('Edit', 'Edit comment'),
     onClick: () => {
       setActionState('edit');
     }
   }, onDelete && {
+    id: 'delete',
     title: _x('Delete', 'Delete comment'),
     onClick: () => {
       setActionState('delete');
       setShowConfirmDialog(true);
     }
-  }, onReopen && status === 'approved' && {
+  }, onEdit && status === 'approved' && {
+    id: 'reopen',
     title: _x('Reopen', 'Reopen comment'),
     onClick: () => {
-      onReopen(thread.id);
+      onEdit({
+        id: thread.id,
+        status: 'hold'
+      });
     }
   }];
+  const canResolve = thread?.parent === 0;
   const moreActions = actions.filter(item => item?.onClick);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsxs(HStack, {
@@ -209,38 +237,64 @@ const CommentBoard = ({
       children: [/*#__PURE__*/_jsx(CommentAuthorInfo, {
         avatar: thread?.author_avatar_urls?.[48],
         name: thread?.author_name,
-        date: thread?.date
+        date: thread?.date,
+        userId: thread?.author
       }), /*#__PURE__*/_jsx("span", {
         className: "editor-collab-sidebar-panel__comment-status",
         children: /*#__PURE__*/_jsxs(HStack, {
           alignment: "right",
           justify: "flex-end",
           spacing: "0",
-          children: [0 === thread?.parent && onResolve && /*#__PURE__*/_jsx(Button, {
+          children: [canResolve && /*#__PURE__*/_jsx(Button, {
             label: _x('Resolve', 'Mark comment as resolved'),
             size: "small",
             icon: published,
             disabled: status === 'approved',
             accessibleWhenDisabled: status === 'approved',
             onClick: () => {
-              onResolve(thread.id);
+              onEdit({
+                id: thread.id,
+                status: 'approved'
+              });
             }
-          }), 0 < moreActions.length && /*#__PURE__*/_jsx(DropdownMenu, {
-            icon: moreVertical,
-            label: _x('Select an action', 'Select comment action'),
-            className: "editor-collab-sidebar-panel__comment-dropdown-menu",
-            controls: moreActions
+          }), /*#__PURE__*/_jsxs(Menu, {
+            placement: "bottom-end",
+            children: [/*#__PURE__*/_jsx(Menu.TriggerButton, {
+              render: /*#__PURE__*/_jsx(Button, {
+                size: "small",
+                icon: moreVertical,
+                label: __('Actions'),
+                disabled: !moreActions.length,
+                accessibleWhenDisabled: true
+              })
+            }), /*#__PURE__*/_jsx(Menu.Popover, {
+              children: moreActions.map(action => /*#__PURE__*/_jsx(Menu.Item, {
+                onClick: event => {
+                  event.stopPropagation();
+                  action.onClick();
+                },
+                children: /*#__PURE__*/_jsx(Menu.ItemLabel, {
+                  children: action.title
+                })
+              }, action.id))
+            })]
           })]
         })
       })]
     }), 'edit' === actionState ? /*#__PURE__*/_jsx(CommentForm, {
       onSubmit: value => {
-        onEdit(thread.id, value);
+        onEdit({
+          id: thread.id,
+          content: value
+        });
         setActionState(false);
       },
       onCancel: () => handleCancel(),
       thread: thread,
-      submitButtonText: _x('Update', 'verb')
+      submitButtonText: _x('Update', 'verb'),
+      labelText: sprintf(
+      // translators: %1$s: comment identifier, %2$s: author name.
+      __('Edit Comment %1$s by %2$s'), thread.id, thread?.author_name || 'Unknown')
     }) : /*#__PURE__*/_jsx(RawHTML, {
       className: "editor-collab-sidebar-panel__user-comment",
       children: thread?.content?.rendered

package/build-module/components/collab-sidebar/comments.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","useState","RawHTML","__experimentalHStack","HStack","__experimentalVStack","VStack","__experimentalConfirmDialog","ConfirmDialog","Button","DropdownMenu","published","moreVertical","__","_x","_n","sprintf","useSelect","store","blockEditorStore","CommentAuthorInfo","CommentForm","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Comments","threads","onEditComment","onAddReply","onCommentDelete","onCommentResolve","onCommentReopen","showCommentBoard","setShowCommentBoard","blockCommentId","select","getBlockAttributes","getSelectedBlockClientId","_clientId","focusThread","setFocusThread","clearThreadFocus","children","Array","isArray","length","alignment","className","justify","spacing","map","thread","id","onClick","Thread","isFocused","CommentBoard","onResolve","onReopen","onEdit","onDelete","status","reply","__next40pxDefaultSize","variant","onSubmit","inputComment","onCancel","event","stopPropagation","placeholderText","submitButtonText","rows","actionState","setActionState","showConfirmDialog","setShowConfirmDialog","handleConfirmDelete","handleCancel","actions","title","moreActions","filter","item","avatar","author_avatar_urls","name","author_name","date","parent","label","size","icon","disabled","accessibleWhenDisabled","controls","value","content","rendered","isOpen","onConfirm","confirmButtonText"],"sources":["@wordpress/editor/src/components/collab-sidebar/comments.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState, RawHTML } from '@wordpress/element';\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tButton,\n\tDropdownMenu,\n} from '@wordpress/components';\nimport { published, moreVertical } from '@wordpress/icons';\nimport { __, _x, _n, sprintf } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport CommentAuthorInfo from './comment-author-info';\nimport CommentForm from './comment-form';\n\n/**\n * Renders the Comments component.\n *\n * @param {Object}   props                     - The component props.\n * @param {Array}    props.threads             - The array of comment threads.\n * @param {Function} props.onEditComment       - The function to handle comment editing.\n * @param {Function} props.onAddReply          - The function to add a reply to a comment.\n * @param {Function} props.onCommentDelete     - The function to delete a comment.\n * @param {Function} props.onCommentResolve    - The function to mark a comment as resolved.\n * @param {Function} props.onCommentReopen     - The function to reopen a resolved comment.\n * @param {boolean}  props.showCommentBoard    - Whether to show the comment board.\n * @param {Function} props.setShowCommentBoard - The function to set the comment board visibility.\n * @return {React.ReactNode} The rendered Comments component.\n */\nexport function Comments( {\n\tthreads,\n\tonEditComment,\n\tonAddReply,\n\tonCommentDelete,\n\tonCommentResolve,\n\tonCommentReopen,\n\tshowCommentBoard,\n\tsetShowCommentBoard,\n} ) {\n\tconst { blockCommentId } = useSelect( ( select ) => {\n\t\tconst { getBlockAttributes, getSelectedBlockClientId } =\n\t\t\tselect( blockEditorStore );\n\t\tconst _clientId = getSelectedBlockClientId();\n\n\t\treturn {\n\t\t\tblockCommentId: _clientId\n\t\t\t\t? getBlockAttributes( _clientId )?.blockCommentId\n\t\t\t\t: null,\n\t\t};\n\t}, [] );\n\n\tconst [ focusThread, setFocusThread ] = useState(\n\t\tshowCommentBoard && blockCommentId ? blockCommentId : null\n\t);\n\n\tconst clearThreadFocus = () => {\n\t\tsetFocusThread( null );\n\t\tsetShowCommentBoard( false );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{\n\t\t\t\t// If there are no comments, show a message indicating no comments are available.\n\t\t\t\t( ! Array.isArray( threads ) || threads.length === 0 ) && (\n\t\t\t\t\t<VStack\n\t\t\t\t\t\talignment=\"left\"\n\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__thread\"\n\t\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\t\tspacing=\"3\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// translators: message displayed when there are no comments available\n\t\t\t\t\t\t\t__( 'No comments available' )\n\t\t\t\t\t\t}\n\t\t\t\t\t</VStack>\n\t\t\t\t)\n\t\t\t}\n\t\t\t{ Array.isArray( threads ) &&\n\t\t\t\tthreads.length > 0 &&\n\t\t\t\tthreads.map( ( thread ) => (\n\t\t\t\t\t<VStack\n\t\t\t\t\t\tkey={ thread.id }\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'editor-collab-sidebar-panel__thread',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'editor-collab-sidebar-panel__active-thread':\n\t\t\t\t\t\t\t\t\tblockCommentId &&\n\t\t\t\t\t\t\t\t\tblockCommentId === thread.id,\n\t\t\t\t\t\t\t\t'editor-collab-sidebar-panel__focus-thread':\n\t\t\t\t\t\t\t\t\tfocusThread && focusThread === thread.id,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tid={ thread.id }\n\t\t\t\t\t\tspacing=\"3\"\n\t\t\t\t\t\tonClick={ () => setFocusThread( thread.id ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Thread\n\t\t\t\t\t\t\tthread={ thread }\n\t\t\t\t\t\t\tonAddReply={ onAddReply }\n\t\t\t\t\t\t\tonCommentDelete={ onCommentDelete }\n\t\t\t\t\t\t\tonCommentResolve={ onCommentResolve }\n\t\t\t\t\t\t\tonCommentReopen={ onCommentReopen }\n\t\t\t\t\t\t\tonEditComment={ onEditComment }\n\t\t\t\t\t\t\tisFocused={ focusThread === thread.id }\n\t\t\t\t\t\t\tclearThreadFocus={ clearThreadFocus }\n\t\t\t\t\t\t\tsetFocusThread={ setFocusThread }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</VStack>\n\t\t\t\t) ) }\n\t\t</>\n\t);\n}\n\nfunction Thread( {\n\tthread,\n\tonEditComment,\n\tonAddReply,\n\tonCommentDelete,\n\tonCommentResolve,\n\tonCommentReopen,\n\tisFocused,\n\tclearThreadFocus,\n\tsetFocusThread,\n} ) {\n\treturn (\n\t\t<>\n\t\t\t<CommentBoard\n\t\t\t\tthread={ thread }\n\t\t\t\tonResolve={ onCommentResolve }\n\t\t\t\tonReopen={ onCommentReopen }\n\t\t\t\tonEdit={ onEditComment }\n\t\t\t\tonDelete={ onCommentDelete }\n\t\t\t\tstatus={ thread.status }\n\t\t\t/>\n\t\t\t{ 0 < thread?.reply?.length && (\n\t\t\t\t<>\n\t\t\t\t\t{ ! isFocused && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__show-more-reply\"\n\t\t\t\t\t\t\tonClick={ () => setFocusThread( thread.id ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t\t// translators: %s: number of replies.\n\t\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t\t'%s more reply',\n\t\t\t\t\t\t\t\t\t'%s more replies',\n\t\t\t\t\t\t\t\t\tthread?.reply?.length\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\tthread?.reply?.length\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ isFocused &&\n\t\t\t\t\t\tthread.reply.map( ( reply ) => (\n\t\t\t\t\t\t\t<VStack\n\t\t\t\t\t\t\t\tkey={ reply.id }\n\t\t\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__child-thread\"\n\t\t\t\t\t\t\t\tid={ reply.id }\n\t\t\t\t\t\t\t\tspacing=\"2\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ 'approved' !== thread.status && (\n\t\t\t\t\t\t\t\t\t<CommentBoard\n\t\t\t\t\t\t\t\t\t\tthread={ reply }\n\t\t\t\t\t\t\t\t\t\tonEdit={ onEditComment }\n\t\t\t\t\t\t\t\t\t\tonDelete={ onCommentDelete }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t{ 'approved' === thread.status && (\n\t\t\t\t\t\t\t\t\t<CommentBoard thread={ reply } />\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t) ) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ isFocused && (\n\t\t\t\t<VStack\n\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__child-thread\"\n\t\t\t\t\tspacing=\"2\"\n\t\t\t\t>\n\t\t\t\t\t<HStack alignment=\"left\" spacing=\"3\" justify=\"flex-start\">\n\t\t\t\t\t\t<CommentAuthorInfo />\n\t\t\t\t\t</HStack>\n\t\t\t\t\t<VStack\n\t\t\t\t\t\tspacing=\"3\"\n\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__comment-field\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<CommentForm\n\t\t\t\t\t\t\tonSubmit={ ( inputComment ) => {\n\t\t\t\t\t\t\t\tif ( 'approved' === thread.status ) {\n\t\t\t\t\t\t\t\t\tonCommentReopen( thread.id );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonAddReply( inputComment, thread.id );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonCancel={ ( event ) => {\n\t\t\t\t\t\t\t\tevent.stopPropagation(); // Prevent the parent onClick from being triggered\n\t\t\t\t\t\t\t\tclearThreadFocus();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tplaceholderText={\n\t\t\t\t\t\t\t\t'approved' === thread.status &&\n\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t'Adding a comment will re-open this discussion….'\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsubmitButtonText={\n\t\t\t\t\t\t\t\t'approved' === thread.status\n\t\t\t\t\t\t\t\t\t? _x(\n\t\t\t\t\t\t\t\t\t\t\t'Reopen & Reply',\n\t\t\t\t\t\t\t\t\t\t\t'Reopen comment and add reply'\n\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t: _x( 'Reply', 'Add reply comment' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\trows={ 'approved' === thread.status ? 2 : 4 }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</VStack>\n\t\t\t\t</VStack>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nconst CommentBoard = ( {\n\tthread,\n\tonResolve,\n\tonReopen,\n\tonEdit,\n\tonDelete,\n\tstatus,\n} ) => {\n\tconst [ actionState, setActionState ] = useState( false );\n\tconst [ showConfirmDialog, setShowConfirmDialog ] = useState( false );\n\n\tconst handleConfirmDelete = () => {\n\t\tonDelete( thread.id );\n\t\tsetActionState( false );\n\t\tsetShowConfirmDialog( false );\n\t};\n\n\tconst handleCancel = () => {\n\t\tsetActionState( false );\n\t\tsetShowConfirmDialog( false );\n\t};\n\n\tconst actions = [\n\t\tonEdit &&\n\t\t\tstatus !== 'approved' && {\n\t\t\t\ttitle: _x( 'Edit', 'Edit comment' ),\n\t\t\t\tonClick: () => {\n\t\t\t\t\tsetActionState( 'edit' );\n\t\t\t\t},\n\t\t\t},\n\t\tonDelete && {\n\t\t\ttitle: _x( 'Delete', 'Delete comment' ),\n\t\t\tonClick: () => {\n\t\t\t\tsetActionState( 'delete' );\n\t\t\t\tsetShowConfirmDialog( true );\n\t\t\t},\n\t\t},\n\t\tonReopen &&\n\t\t\tstatus === 'approved' && {\n\t\t\t\ttitle: _x( 'Reopen', 'Reopen comment' ),\n\t\t\t\tonClick: () => {\n\t\t\t\t\tonReopen( thread.id );\n\t\t\t\t},\n\t\t\t},\n\t];\n\n\tconst moreActions = actions.filter( ( item ) => item?.onClick );\n\n\treturn (\n\t\t<>\n\t\t\t<HStack alignment=\"left\" spacing=\"3\" justify=\"flex-start\">\n\t\t\t\t<CommentAuthorInfo\n\t\t\t\t\tavatar={ thread?.author_avatar_urls?.[ 48 ] }\n\t\t\t\t\tname={ thread?.author_name }\n\t\t\t\t\tdate={ thread?.date }\n\t\t\t\t/>\n\t\t\t\t<span className=\"editor-collab-sidebar-panel__comment-status\">\n\t\t\t\t\t<HStack alignment=\"right\" justify=\"flex-end\" spacing=\"0\">\n\t\t\t\t\t\t{ 0 === thread?.parent && onResolve && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t\t'Resolve',\n\t\t\t\t\t\t\t\t\t'Mark comment as resolved'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\ticon={ published }\n\t\t\t\t\t\t\t\tdisabled={ status === 'approved' }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled={ status === 'approved' }\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonResolve( thread.id );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ 0 < moreActions.length && (\n\t\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t\t'Select an action',\n\t\t\t\t\t\t\t\t\t'Select comment action'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__comment-dropdown-menu\"\n\t\t\t\t\t\t\t\tcontrols={ moreActions }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</HStack>\n\t\t\t\t</span>\n\t\t\t</HStack>\n\t\t\t{ 'edit' === actionState ? (\n\t\t\t\t<CommentForm\n\t\t\t\t\tonSubmit={ ( value ) => {\n\t\t\t\t\t\tonEdit( thread.id, value );\n\t\t\t\t\t\tsetActionState( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonCancel={ () => handleCancel() }\n\t\t\t\t\tthread={ thread }\n\t\t\t\t\tsubmitButtonText={ _x( 'Update', 'verb' ) }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<RawHTML className=\"editor-collab-sidebar-panel__user-comment\">\n\t\t\t\t\t{ thread?.content?.rendered }\n\t\t\t\t</RawHTML>\n\t\t\t) }\n\t\t\t{ 'delete' === actionState && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tisOpen={ showConfirmDialog }\n\t\t\t\t\tonConfirm={ handleConfirmDelete }\n\t\t\t\t\tonCancel={ handleCancel }\n\t\t\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t\t\t>\n\t\t\t\t\t{\n\t\t\t\t\t\t// translators: message displayed when confirming an action\n\t\t\t\t\t\t__( 'Are you sure you want to delete this comment?' )\n\t\t\t\t\t}\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t</>\n\t);\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","useState","RawHTML","__experimentalHStack","HStack","__experimentalVStack","VStack","__experimentalConfirmDialog","ConfirmDialog","Button","privateApis","componentsPrivateApis","published","moreVertical","__","_x","sprintf","_n","useSelect","useDispatch","store","blockEditorStore","blockEditorPrivateApis","unlock","CommentAuthorInfo","CommentForm","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useBlockElement","Menu","Comments","threads","onEditComment","onAddReply","onCommentDelete","setShowCommentBoard","blockCommentId","select","getBlockAttributes","getSelectedBlockClientId","clientId","focusThread","setFocusThread","hasThreads","Array","isArray","length","alignment","className","justify","spacing","children","map","thread","Thread","isFocused","id","flashBlock","relatedBlockElement","blockClientId","handleCommentSelect","scrollIntoView","behavior","block","clearThreadFocus","replies","reply","lastReply","undefined","restReplies","slice","onClick","CommentBoard","onEdit","onDelete","status","size","variant","onSubmit","inputComment","content","parent","onCancel","event","stopPropagation","submitButtonText","rows","labelText","author_name","actionState","setActionState","showConfirmDialog","setShowConfirmDialog","handleConfirmDelete","handleCancel","actions","title","canResolve","moreActions","filter","item","avatar","author_avatar_urls","name","date","userId","author","label","icon","disabled","accessibleWhenDisabled","placement","TriggerButton","render","Popover","action","Item","ItemLabel","value","rendered","isOpen","onConfirm","confirmButtonText"],"sources":["@wordpress/editor/src/components/collab-sidebar/comments.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState, RawHTML } from '@wordpress/element';\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tButton,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\n\nimport { published, moreVertical } from '@wordpress/icons';\nimport { __, _x, sprintf, _n } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport CommentAuthorInfo from './comment-author-info';\nimport CommentForm from './comment-form';\n\nconst { useBlockElement } = unlock( blockEditorPrivateApis );\nconst { Menu } = unlock( componentsPrivateApis );\n\n/**\n * Renders the Comments component.\n *\n * @param {Object}   props                     - The component props.\n * @param {Array}    props.threads             - The array of comment threads.\n * @param {Function} props.onEditComment       - The function to handle comment editing.\n * @param {Function} props.onAddReply          - The function to add a reply to a comment.\n * @param {Function} props.onCommentDelete     - The function to delete a comment.\n * @param {Function} props.setShowCommentBoard - The function to set the comment board visibility.\n * @return {React.ReactNode} The rendered Comments component.\n */\nexport function Comments( {\n\tthreads,\n\tonEditComment,\n\tonAddReply,\n\tonCommentDelete,\n\tsetShowCommentBoard,\n} ) {\n\tconst { blockCommentId } = useSelect( ( select ) => {\n\t\tconst { getBlockAttributes, getSelectedBlockClientId } =\n\t\t\tselect( blockEditorStore );\n\t\tconst clientId = getSelectedBlockClientId();\n\t\treturn {\n\t\t\tblockCommentId: clientId\n\t\t\t\t? getBlockAttributes( clientId )?.blockCommentId\n\t\t\t\t: null,\n\t\t};\n\t}, [] );\n\tconst [ focusThread = blockCommentId, setFocusThread ] = useState();\n\n\tconst hasThreads = Array.isArray( threads ) && threads.length > 0;\n\tif ( ! hasThreads ) {\n\t\treturn (\n\t\t\t<VStack\n\t\t\t\talignment=\"left\"\n\t\t\t\tclassName=\"editor-collab-sidebar-panel__thread\"\n\t\t\t\tjustify=\"flex-start\"\n\t\t\t\tspacing=\"2\"\n\t\t\t>\n\t\t\t\t{\n\t\t\t\t\t// translators: message displayed when there are no comments available\n\t\t\t\t\t__( 'No comments available' )\n\t\t\t\t}\n\t\t\t</VStack>\n\t\t);\n\t}\n\n\treturn threads.map( ( thread ) => (\n\t\t<Thread\n\t\t\tkey={ thread.id }\n\t\t\tthread={ thread }\n\t\t\tonAddReply={ onAddReply }\n\t\t\tonCommentDelete={ onCommentDelete }\n\t\t\tonEditComment={ onEditComment }\n\t\t\tisFocused={ focusThread === thread.id }\n\t\t\tsetFocusThread={ setFocusThread }\n\t\t\tsetShowCommentBoard={ setShowCommentBoard }\n\t\t/>\n\t) );\n}\n\nfunction Thread( {\n\tthread,\n\tonEditComment,\n\tonAddReply,\n\tonCommentDelete,\n\tisFocused,\n\tsetFocusThread,\n\tsetShowCommentBoard,\n} ) {\n\tconst { flashBlock } = useDispatch( blockEditorStore );\n\tconst relatedBlockElement = useBlockElement( thread.blockClientId );\n\n\tconst handleCommentSelect = ( { id, blockClientId } ) => {\n\t\tsetShowCommentBoard( false );\n\t\tsetFocusThread( id );\n\t\tif ( blockClientId && relatedBlockElement ) {\n\t\t\trelatedBlockElement.scrollIntoView( {\n\t\t\t\tbehavior: 'instant',\n\t\t\t\tblock: 'center',\n\t\t\t} );\n\t\t\tflashBlock( blockClientId );\n\t\t}\n\t};\n\n\tconst clearThreadFocus = () => {\n\t\tsetFocusThread( null );\n\t\tsetShowCommentBoard( false );\n\t};\n\n\tconst replies = thread?.reply;\n\tconst lastReply = !! replies.length\n\t\t? replies[ replies.length - 1 ]\n\t\t: undefined;\n\tconst restReplies = !! replies.length ? replies.slice( 0, -1 ) : [];\n\n\treturn (\n\t\t<VStack\n\t\t\tclassName={ clsx( 'editor-collab-sidebar-panel__thread', {\n\t\t\t\t'editor-collab-sidebar-panel__focus-thread': isFocused,\n\t\t\t} ) }\n\t\t\tid={ thread.id }\n\t\t\tspacing=\"2\"\n\t\t\tonClick={ () => handleCommentSelect( thread ) }\n\t\t>\n\t\t\t<CommentBoard\n\t\t\t\tthread={ thread }\n\t\t\t\tonEdit={ onEditComment }\n\t\t\t\tonDelete={ onCommentDelete }\n\t\t\t\tstatus={ thread.status }\n\t\t\t/>\n\t\t\t{ isFocused &&\n\t\t\t\treplies.map( ( reply ) => (\n\t\t\t\t\t<VStack\n\t\t\t\t\t\tkey={ reply.id }\n\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__child-thread\"\n\t\t\t\t\t\tid={ reply.id }\n\t\t\t\t\t\tspacing=\"2\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<CommentBoard\n\t\t\t\t\t\t\tthread={ reply }\n\t\t\t\t\t\t\tonEdit={\n\t\t\t\t\t\t\t\t'approved' !== thread.status\n\t\t\t\t\t\t\t\t\t? onEditComment\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonDelete={\n\t\t\t\t\t\t\t\t'approved' !== thread.status\n\t\t\t\t\t\t\t\t\t? onCommentDelete\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</VStack>\n\t\t\t\t) ) }\n\t\t\t{ ! isFocused && restReplies.length > 0 && (\n\t\t\t\t<HStack className=\"editor-collab-sidebar-panel__more-reply-separator\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__more-reply-button\"\n\t\t\t\t\t\tonClick={ () => setFocusThread( thread.id ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t// translators: %s: number of replies.\n\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t'%s more reply',\n\t\t\t\t\t\t\t\t'%s more replies',\n\t\t\t\t\t\t\t\trestReplies.length\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\trestReplies.length\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t) }\n\t\t\t{ ! isFocused && lastReply && (\n\t\t\t\t<CommentBoard\n\t\t\t\t\tthread={ lastReply }\n\t\t\t\t\tonEdit={\n\t\t\t\t\t\t'approved' !== thread.status ? onEditComment : undefined\n\t\t\t\t\t}\n\t\t\t\t\tonDelete={\n\t\t\t\t\t\t'approved' !== thread.status\n\t\t\t\t\t\t\t? onCommentDelete\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ isFocused && (\n\t\t\t\t<VStack\n\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__child-thread\"\n\t\t\t\t\tspacing=\"2\"\n\t\t\t\t>\n\t\t\t\t\t<HStack alignment=\"left\" spacing=\"3\" justify=\"flex-start\">\n\t\t\t\t\t\t<CommentAuthorInfo />\n\t\t\t\t\t</HStack>\n\t\t\t\t\t<VStack spacing=\"2\">\n\t\t\t\t\t\t<CommentForm\n\t\t\t\t\t\t\tonSubmit={ ( inputComment ) => {\n\t\t\t\t\t\t\t\tif ( 'approved' === thread.status ) {\n\t\t\t\t\t\t\t\t\tonEditComment( {\n\t\t\t\t\t\t\t\t\t\tid: thread.id,\n\t\t\t\t\t\t\t\t\t\tstatus: 'hold',\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonAddReply( {\n\t\t\t\t\t\t\t\t\tcontent: inputComment,\n\t\t\t\t\t\t\t\t\tparent: thread.id,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonCancel={ ( event ) => {\n\t\t\t\t\t\t\t\tevent.stopPropagation(); // Prevent the parent onClick from being triggered\n\t\t\t\t\t\t\t\tclearThreadFocus();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tsubmitButtonText={\n\t\t\t\t\t\t\t\t'approved' === thread.status\n\t\t\t\t\t\t\t\t\t? __( 'Reopen & Reply' )\n\t\t\t\t\t\t\t\t\t: __( 'Reply' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\trows={ 'approved' === thread.status ? 2 : 4 }\n\t\t\t\t\t\t\tlabelText={ sprintf(\n\t\t\t\t\t\t\t\t// translators: %1$s: comment identifier, %2$s: author name\n\t\t\t\t\t\t\t\t__( 'Reply to Comment %1$s by %2$s' ),\n\t\t\t\t\t\t\t\tthread.id,\n\t\t\t\t\t\t\t\tthread?.author_name || 'Unknown'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</VStack>\n\t\t\t\t</VStack>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nconst CommentBoard = ( { thread, onEdit, onDelete, status } ) => {\n\tconst [ actionState, setActionState ] = useState( false );\n\tconst [ showConfirmDialog, setShowConfirmDialog ] = useState( false );\n\n\tconst handleConfirmDelete = () => {\n\t\tonDelete( thread );\n\t\tsetActionState( false );\n\t\tsetShowConfirmDialog( false );\n\t};\n\n\tconst handleCancel = () => {\n\t\tsetActionState( false );\n\t\tsetShowConfirmDialog( false );\n\t};\n\n\tconst actions = [\n\t\tonEdit &&\n\t\t\tstatus !== 'approved' && {\n\t\t\t\tid: 'edit',\n\t\t\t\ttitle: _x( 'Edit', 'Edit comment' ),\n\t\t\t\tonClick: () => {\n\t\t\t\t\tsetActionState( 'edit' );\n\t\t\t\t},\n\t\t\t},\n\t\tonDelete && {\n\t\t\tid: 'delete',\n\t\t\ttitle: _x( 'Delete', 'Delete comment' ),\n\t\t\tonClick: () => {\n\t\t\t\tsetActionState( 'delete' );\n\t\t\t\tsetShowConfirmDialog( true );\n\t\t\t},\n\t\t},\n\t\tonEdit &&\n\t\t\tstatus === 'approved' && {\n\t\t\t\tid: 'reopen',\n\t\t\t\ttitle: _x( 'Reopen', 'Reopen comment' ),\n\t\t\t\tonClick: () => {\n\t\t\t\t\tonEdit( { id: thread.id, status: 'hold' } );\n\t\t\t\t},\n\t\t\t},\n\t];\n\n\tconst canResolve = thread?.parent === 0;\n\tconst moreActions = actions.filter( ( item ) => item?.onClick );\n\n\treturn (\n\t\t<>\n\t\t\t<HStack alignment=\"left\" spacing=\"3\" justify=\"flex-start\">\n\t\t\t\t<CommentAuthorInfo\n\t\t\t\t\tavatar={ thread?.author_avatar_urls?.[ 48 ] }\n\t\t\t\t\tname={ thread?.author_name }\n\t\t\t\t\tdate={ thread?.date }\n\t\t\t\t\tuserId={ thread?.author }\n\t\t\t\t/>\n\t\t\t\t<span className=\"editor-collab-sidebar-panel__comment-status\">\n\t\t\t\t\t<HStack alignment=\"right\" justify=\"flex-end\" spacing=\"0\">\n\t\t\t\t\t\t{ canResolve && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t\t'Resolve',\n\t\t\t\t\t\t\t\t\t'Mark comment as resolved'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\ticon={ published }\n\t\t\t\t\t\t\t\tdisabled={ status === 'approved' }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled={ status === 'approved' }\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonEdit( {\n\t\t\t\t\t\t\t\t\t\tid: thread.id,\n\t\t\t\t\t\t\t\t\t\tstatus: 'approved',\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<Menu placement=\"bottom-end\">\n\t\t\t\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t\t\t\t\t\t\tdisabled={ ! moreActions.length }\n\t\t\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Menu.Popover>\n\t\t\t\t\t\t\t\t{ moreActions.map( ( action ) => (\n\t\t\t\t\t\t\t\t\t<Menu.Item\n\t\t\t\t\t\t\t\t\t\tkey={ action.id }\n\t\t\t\t\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\taction.onClick();\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t{ action.title }\n\t\t\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</Menu.Popover>\n\t\t\t\t\t\t</Menu>\n\t\t\t\t\t</HStack>\n\t\t\t\t</span>\n\t\t\t</HStack>\n\t\t\t{ 'edit' === actionState ? (\n\t\t\t\t<CommentForm\n\t\t\t\t\tonSubmit={ ( value ) => {\n\t\t\t\t\t\tonEdit( {\n\t\t\t\t\t\t\tid: thread.id,\n\t\t\t\t\t\t\tcontent: value,\n\t\t\t\t\t\t} );\n\t\t\t\t\t\tsetActionState( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonCancel={ () => handleCancel() }\n\t\t\t\t\tthread={ thread }\n\t\t\t\t\tsubmitButtonText={ _x( 'Update', 'verb' ) }\n\t\t\t\t\tlabelText={ sprintf(\n\t\t\t\t\t\t// translators: %1$s: comment identifier, %2$s: author name.\n\t\t\t\t\t\t__( 'Edit Comment %1$s by %2$s' ),\n\t\t\t\t\t\tthread.id,\n\t\t\t\t\t\tthread?.author_name || 'Unknown'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<RawHTML className=\"editor-collab-sidebar-panel__user-comment\">\n\t\t\t\t\t{ thread?.content?.rendered }\n\t\t\t\t</RawHTML>\n\t\t\t) }\n\t\t\t{ 'delete' === actionState && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tisOpen={ showConfirmDialog }\n\t\t\t\t\tonConfirm={ handleConfirmDelete }\n\t\t\t\t\tonCancel={ handleCancel }\n\t\t\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t\t\t>\n\t\t\t\t\t{\n\t\t\t\t\t\t// translators: message displayed when confirming an action\n\t\t\t\t\t\t__( 'Are you sure you want to delete this comment?' )\n\t\t\t\t\t}\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t</>\n\t);\n};\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/collab-sidebar/hooks.js

@@ -0,0 +1,89 @@
+/**
+ * WordPress dependencies
+ */
+import { useMemo } from '@wordpress/element';
+import { useEntityRecords } from '@wordpress/core-data';
+import { useSelect } from '@wordpress/data';
+import { store as blockEditorStore } from '@wordpress/block-editor';
+export function useBlockComments(postId) {
+  const queryArgs = {
+    post: postId,
+    type: 'block_comment',
+    status: 'all',
+    per_page: 100
+  };
+  const {
+    records: threads,
+    totalPages
+  } = useEntityRecords('root', 'comment', queryArgs, {
+    enabled: !!postId && typeof postId === 'number'
+  });
+  const blocksWithComments = useSelect(select => {
+    const {
+      getBlockAttributes,
+      getClientIdsWithDescendants
+    } = select(blockEditorStore);
+    return getClientIdsWithDescendants().reduce((results, clientId) => {
+      const commentId = getBlockAttributes(clientId)?.blockCommentId;
+      if (commentId) {
+        results[commentId] = clientId;
+      }
+      return results;
+    }, {});
+  }, []);
+
+  // Process comments to build the tree structure.
+  const {
+    resultComments,
+    unresolvedSortedThreads
+  } = useMemo(() => {
+    // Create a compare to store the references to all objects by id.
+    const compare = {};
+    const result = [];
+    const allComments = threads !== null && threads !== void 0 ? threads : [];
+
+    // Initialize each object with an empty `reply` array and map blockClientId.
+    allComments.forEach(item => {
+      compare[item.id] = {
+        ...item,
+        reply: [],
+        blockClientId: item.parent === 0 ? blocksWithComments[item.id] : null
+      };
+    });
+
+    // Iterate over the data to build the tree structure.
+    allComments.forEach(item => {
+      if (item.parent === 0) {
+        // If parent is 0, it's a root item, push it to the result array.
+        result.push(compare[item.id]);
+      } else if (compare[item.parent]) {
+        // Otherwise, find its parent and push it to the parent's `reply` array.
+        compare[item.parent].reply.push(compare[item.id]);
+      }
+    });
+    if (0 === result?.length) {
+      return {
+        resultComments: [],
+        unresolvedSortedThreads: []
+      };
+    }
+    const updatedResult = result.map(item => ({
+      ...item,
+      reply: [...item.reply].reverse()
+    }));
+    const threadIdMap = new Map(updatedResult.map(thread => [String(thread.id), thread]));
+
+    // Get comments by block order, filter out undefined threads, and exclude resolved comments.
+    const unresolvedSortedComments = Object.keys(blocksWithComments).map(id => threadIdMap.get(id)).filter(thread => thread !== undefined && thread.status !== 'approved');
+    return {
+      resultComments: updatedResult,
+      unresolvedSortedThreads: unresolvedSortedComments
+    };
+  }, [threads, blocksWithComments]);
+  return {
+    resultComments,
+    unresolvedSortedThreads,
+    totalPages
+  };
+}
+//# sourceMappingURL=hooks.js.map

package/build-module/components/collab-sidebar/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useEntityRecords","useSelect","store","blockEditorStore","useBlockComments","postId","queryArgs","post","type","status","per_page","records","threads","totalPages","enabled","blocksWithComments","select","getBlockAttributes","getClientIdsWithDescendants","reduce","results","clientId","commentId","blockCommentId","resultComments","unresolvedSortedThreads","compare","result","allComments","forEach","item","id","reply","blockClientId","parent","push","length","updatedResult","map","reverse","threadIdMap","Map","thread","String","unresolvedSortedComments","Object","keys","get","filter","undefined"],"sources":["@wordpress/editor/src/components/collab-sidebar/hooks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\nexport function useBlockComments( postId ) {\n\tconst queryArgs = {\n\t\tpost: postId,\n\t\ttype: 'block_comment',\n\t\tstatus: 'all',\n\t\tper_page: 100,\n\t};\n\n\tconst { records: threads, totalPages } = useEntityRecords(\n\t\t'root',\n\t\t'comment',\n\t\tqueryArgs,\n\t\t{ enabled: !! postId && typeof postId === 'number' }\n\t);\n\n\tconst blocksWithComments = useSelect( ( select ) => {\n\t\tconst { getBlockAttributes, getClientIdsWithDescendants } =\n\t\t\tselect( blockEditorStore );\n\n\t\treturn getClientIdsWithDescendants().reduce( ( results, clientId ) => {\n\t\t\tconst commentId = getBlockAttributes( clientId )?.blockCommentId;\n\t\t\tif ( commentId ) {\n\t\t\t\tresults[ commentId ] = clientId;\n\t\t\t}\n\t\t\treturn results;\n\t\t}, {} );\n\t}, [] );\n\n\t// Process comments to build the tree structure.\n\tconst { resultComments, unresolvedSortedThreads } = useMemo( () => {\n\t\t// Create a compare to store the references to all objects by id.\n\t\tconst compare = {};\n\t\tconst result = [];\n\n\t\tconst allComments = threads ?? [];\n\n\t\t// Initialize each object with an empty `reply` array and map blockClientId.\n\t\tallComments.forEach( ( item ) => {\n\t\t\tcompare[ item.id ] = {\n\t\t\t\t...item,\n\t\t\t\treply: [],\n\t\t\t\tblockClientId:\n\t\t\t\t\titem.parent === 0 ? blocksWithComments[ item.id ] : null,\n\t\t\t};\n\t\t} );\n\n\t\t// Iterate over the data to build the tree structure.\n\t\tallComments.forEach( ( item ) => {\n\t\t\tif ( item.parent === 0 ) {\n\t\t\t\t// If parent is 0, it's a root item, push it to the result array.\n\t\t\t\tresult.push( compare[ item.id ] );\n\t\t\t} else if ( compare[ item.parent ] ) {\n\t\t\t\t// Otherwise, find its parent and push it to the parent's `reply` array.\n\t\t\t\tcompare[ item.parent ].reply.push( compare[ item.id ] );\n\t\t\t}\n\t\t} );\n\n\t\tif ( 0 === result?.length ) {\n\t\t\treturn { resultComments: [], unresolvedSortedThreads: [] };\n\t\t}\n\n\t\tconst updatedResult = result.map( ( item ) => ( {\n\t\t\t...item,\n\t\t\treply: [ ...item.reply ].reverse(),\n\t\t} ) );\n\n\t\tconst threadIdMap = new Map(\n\t\t\tupdatedResult.map( ( thread ) => [ String( thread.id ), thread ] )\n\t\t);\n\n\t\t// Get comments by block order, filter out undefined threads, and exclude resolved comments.\n\t\tconst unresolvedSortedComments = Object.keys( blocksWithComments )\n\t\t\t.map( ( id ) => threadIdMap.get( id ) )\n\t\t\t.filter(\n\t\t\t\t( thread ) =>\n\t\t\t\t\tthread !== undefined && thread.status !== 'approved'\n\t\t\t);\n\n\t\treturn {\n\t\t\tresultComments: updatedResult,\n\t\t\tunresolvedSortedThreads: unresolvedSortedComments,\n\t\t};\n\t}, [ threads, blocksWithComments ] );\n\n\treturn { resultComments, unresolvedSortedThreads, totalPages };\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,gBAAgB,QAAQ,sBAAsB;AACvD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,yBAAyB;AAEnE,OAAO,SAASC,gBAAgBA,CAAEC,MAAM,EAAG;EAC1C,MAAMC,SAAS,GAAG;IACjBC,IAAI,EAAEF,MAAM;IACZG,IAAI,EAAE,eAAe;IACrBC,MAAM,EAAE,KAAK;IACbC,QAAQ,EAAE;EACX,CAAC;EAED,MAAM;IAAEC,OAAO,EAAEC,OAAO;IAAEC;EAAW,CAAC,GAAGb,gBAAgB,CACxD,MAAM,EACN,SAAS,EACTM,SAAS,EACT;IAAEQ,OAAO,EAAE,CAAC,CAAET,MAAM,IAAI,OAAOA,MAAM,KAAK;EAAS,CACpD,CAAC;EAED,MAAMU,kBAAkB,GAAGd,SAAS,CAAIe,MAAM,IAAM;IACnD,MAAM;MAAEC,kBAAkB;MAAEC;IAA4B,CAAC,GACxDF,MAAM,CAAEb,gBAAiB,CAAC;IAE3B,OAAOe,2BAA2B,CAAC,CAAC,CAACC,MAAM,CAAE,CAAEC,OAAO,EAAEC,QAAQ,KAAM;MACrE,MAAMC,SAAS,GAAGL,kBAAkB,CAAEI,QAAS,CAAC,EAAEE,cAAc;MAChE,IAAKD,SAAS,EAAG;QAChBF,OAAO,CAAEE,SAAS,CAAE,GAAGD,QAAQ;MAChC;MACA,OAAOD,OAAO;IACf,CAAC,EAAE,CAAC,CAAE,CAAC;EACR,CAAC,EAAE,EAAG,CAAC;;EAEP;EACA,MAAM;IAAEI,cAAc;IAAEC;EAAwB,CAAC,GAAG1B,OAAO,CAAE,MAAM;IAClE;IACA,MAAM2B,OAAO,GAAG,CAAC,CAAC;IAClB,MAAMC,MAAM,GAAG,EAAE;IAEjB,MAAMC,WAAW,GAAGhB,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,EAAE;;IAEjC;IACAgB,WAAW,CAACC,OAAO,CAAIC,IAAI,IAAM;MAChCJ,OAAO,CAAEI,IAAI,CAACC,EAAE,CAAE,GAAG;QACpB,GAAGD,IAAI;QACPE,KAAK,EAAE,EAAE;QACTC,aAAa,EACZH,IAAI,CAACI,MAAM,KAAK,CAAC,GAAGnB,kBAAkB,CAAEe,IAAI,CAACC,EAAE,CAAE,GAAG;MACtD,CAAC;IACF,CAAE,CAAC;;IAEH;IACAH,WAAW,CAACC,OAAO,CAAIC,IAAI,IAAM;MAChC,IAAKA,IAAI,CAACI,MAAM,KAAK,CAAC,EAAG;QACxB;QACAP,MAAM,CAACQ,IAAI,CAAET,OAAO,CAAEI,IAAI,CAACC,EAAE,CAAG,CAAC;MAClC,CAAC,MAAM,IAAKL,OAAO,CAAEI,IAAI,CAACI,MAAM,CAAE,EAAG;QACpC;QACAR,OAAO,CAAEI,IAAI,CAACI,MAAM,CAAE,CAACF,KAAK,CAACG,IAAI,CAAET,OAAO,CAAEI,IAAI,CAACC,EAAE,CAAG,CAAC;MACxD;IACD,CAAE,CAAC;IAEH,IAAK,CAAC,KAAKJ,MAAM,EAAES,MAAM,EAAG;MAC3B,OAAO;QAAEZ,cAAc,EAAE,EAAE;QAAEC,uBAAuB,EAAE;MAAG,CAAC;IAC3D;IAEA,MAAMY,aAAa,GAAGV,MAAM,CAACW,GAAG,CAAIR,IAAI,KAAQ;MAC/C,GAAGA,IAAI;MACPE,KAAK,EAAE,CAAE,GAAGF,IAAI,CAACE,KAAK,CAAE,CAACO,OAAO,CAAC;IAClC,CAAC,CAAG,CAAC;IAEL,MAAMC,WAAW,GAAG,IAAIC,GAAG,CAC1BJ,aAAa,CAACC,GAAG,CAAII,MAAM,IAAM,CAAEC,MAAM,CAAED,MAAM,CAACX,EAAG,CAAC,EAAEW,MAAM,CAAG,CAClE,CAAC;;IAED;IACA,MAAME,wBAAwB,GAAGC,MAAM,CAACC,IAAI,CAAE/B,kBAAmB,CAAC,CAChEuB,GAAG,CAAIP,EAAE,IAAMS,WAAW,CAACO,GAAG,CAAEhB,EAAG,CAAE,CAAC,CACtCiB,MAAM,CACJN,MAAM,IACPA,MAAM,KAAKO,SAAS,IAAIP,MAAM,CAACjC,MAAM,KAAK,UAC5C,CAAC;IAEF,OAAO;MACNe,cAAc,EAAEa,aAAa;MAC7BZ,uBAAuB,EAAEmB;IAC1B,CAAC;EACF,CAAC,EAAE,CAAEhC,OAAO,EAAEG,kBAAkB,CAAG,CAAC;EAEpC,OAAO;IAAES,cAAc;IAAEC,uBAAuB;IAAEZ;EAAW,CAAC;AAC/D","ignoreList":[]}