@wordpress/editor 14.13.1-next.cd6172eb0.0 → 14.14.0

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

@@ -1,3 +1,4 @@
+/* wp:polyfill */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -30,12 +31,14 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Renders the Comments component.
  *
- * @param {Object}   props                  - The component props.
- * @param {Array}    props.threads          - The array of comment threads.
- * @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 {Object}   props                     - The component props.
+ * @param {Array}    props.threads             - The array of comment threads.
+ * @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 {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.
  */
 function Comments({
@@ -43,101 +46,26 @@ function Comments({
   onEditComment,
   onAddReply,
   onCommentDelete,
-  onCommentResolve
+  onCommentResolve,
+  showCommentBoard,
+  setShowCommentBoard
 }) {
-  const [actionState, setActionState] = (0, _element.useState)(false);
-  const [isConfirmDialogOpen, setIsConfirmDialogOpen] = (0, _element.useState)(false);
-  const handleConfirmDelete = () => {
-    onCommentDelete(actionState.id);
-    setActionState(false);
-    setIsConfirmDialogOpen(false);
-  };
-  const handleConfirmResolve = () => {
-    onCommentResolve(actionState.id);
-    setActionState(false);
-    setIsConfirmDialogOpen(false);
-  };
-  const handleCancelDelete = () => {
-    setActionState(false);
-    setIsConfirmDialogOpen(false);
-  };
-  const blockCommentId = (0, _data.useSelect)(select => {
-    var _select$getBlock$attr;
-    const clientID = select(_blockEditor.store).getSelectedBlockClientId();
-    return (_select$getBlock$attr = select(_blockEditor.store).getBlock(clientID)?.attributes?.blockCommentId) !== null && _select$getBlock$attr !== void 0 ? _select$getBlock$attr : false;
+  const {
+    blockCommentId
+  } = (0, _data.useSelect)(select => {
+    const {
+      getBlockAttributes,
+      getSelectedBlockClientId
+    } = select(_blockEditor.store);
+    const _clientId = getSelectedBlockClientId();
+    return {
+      blockCommentId: _clientId ? getBlockAttributes(_clientId)?.blockCommentId : null
+    };
   }, []);
-  const CommentBoard = ({
-    thread,
-    parentThread
-  }) => {
-    var _parentThread$status;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CommentHeader, {
-        thread: thread,
-        onResolve: () => {
-          var _parentThread$id;
-          setActionState({
-            action: 'resolve',
-            id: (_parentThread$id = parentThread?.id) !== null && _parentThread$id !== void 0 ? _parentThread$id : thread.id
-          });
-          setIsConfirmDialogOpen(true);
-        },
-        onEdit: () => setActionState({
-          action: 'edit',
-          id: thread.id
-        }),
-        onDelete: () => {
-          setActionState({
-            action: 'delete',
-            id: thread.id
-          });
-          setIsConfirmDialogOpen(true);
-        },
-        onReply: !parentThread ? () => setActionState({
-          action: 'reply',
-          id: thread.id
-        }) : undefined,
-        status: (_parentThread$status = parentThread?.status) !== null && _parentThread$status !== void 0 ? _parentThread$status : thread.status
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHStack, {
-        alignment: "left",
-        spacing: "3",
-        justify: "flex-start",
-        className: "editor-collab-sidebar-panel__user-comment",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-          spacing: "3",
-          className: "editor-collab-sidebar-panel__comment-field",
-          children: ['edit' === actionState?.action && thread.id === actionState?.id && /*#__PURE__*/(0, _jsxRuntime.jsx)(_commentForm.default, {
-            onSubmit: value => {
-              onEditComment(thread.id, value);
-              setActionState(false);
-            },
-            onCancel: () => setActionState(false),
-            thread: thread,
-            submitButtonText: (0, _i18n._x)('Update', 'verb')
-          }), (!actionState || 'edit' !== actionState?.action) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_element.RawHTML, {
-            children: thread?.content?.raw
-          })]
-        })
-      }), 'resolve' === actionState?.action && thread.id === actionState?.id && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalConfirmDialog, {
-        isOpen: isConfirmDialogOpen,
-        onConfirm: handleConfirmResolve,
-        onCancel: handleCancelDelete,
-        confirmButtonText: "Yes",
-        cancelButtonText: "No",
-        children:
-        // translators: message displayed when confirming an action
-        (0, _i18n.__)('Are you sure you want to mark this comment as resolved?')
-      }), 'delete' === actionState?.action && thread.id === actionState?.id && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalConfirmDialog, {
-        isOpen: isConfirmDialogOpen,
-        onConfirm: handleConfirmDelete,
-        onCancel: handleCancelDelete,
-        confirmButtonText: "Yes",
-        cancelButtonText: "No",
-        children:
-        // translators: message displayed when confirming an action
-        (0, _i18n.__)('Are you sure you want to delete this comment?')
-      })]
-    });
+  const [focusThread, setFocusThread] = (0, _element.useState)(showCommentBoard && blockCommentId ? blockCommentId : null);
+  const clearThreadFocus = () => {
+    setFocusThread(null);
+    setShowCommentBoard(false);
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [
@@ -150,114 +78,200 @@ function Comments({
       children:
       // translators: message displayed when there are no comments available
       (0, _i18n.__)('No comments available')
-    }), Array.isArray(threads) && threads.length > 0 && threads.map(thread => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+    }), Array.isArray(threads) && threads.length > 0 && threads.map(thread => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalVStack, {
       className: (0, _clsx.default)('editor-collab-sidebar-panel__thread', {
-        'editor-collab-sidebar-panel__active-thread': blockCommentId && blockCommentId === thread.id
+        '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",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CommentBoard, {
-        thread: thread
-      }), 0 < thread?.reply?.length && thread.reply.map(reply => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalVStack, {
+      onClick: () => setFocusThread(thread.id),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Thread, {
+        thread: thread,
+        onAddReply: onAddReply,
+        onCommentDelete: onCommentDelete,
+        onCommentResolve: onCommentResolve,
+        onEditComment: onEditComment,
+        isFocused: focusThread === thread.id,
+        clearThreadFocus: clearThreadFocus
+      })
+    }, thread.id))]
+  });
+}
+function Thread({
+  thread,
+  onEditComment,
+  onAddReply,
+  onCommentDelete,
+  onCommentResolve,
+  isFocused,
+  clearThreadFocus
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CommentBoard, {
+      thread: thread,
+      onResolve: onCommentResolve,
+      onEdit: onEditComment,
+      onDelete: onCommentDelete,
+      status: thread.status
+    }), 0 < thread?.reply?.length && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [!isFocused && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalVStack, {
+        className: "editor-collab-sidebar-panel__show-more-reply",
+        children: (0, _i18n.sprintf)(
+        // translators: 1: number of replies.
+        (0, _i18n._x)('%s more replies..', 'Show replies button'), thread?.reply?.length)
+      }), isFocused && thread.reply.map(reply => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
         className: "editor-collab-sidebar-panel__child-thread",
         id: reply.id,
         spacing: "2",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CommentBoard, {
+        children: ['approved' !== thread.status && /*#__PURE__*/(0, _jsxRuntime.jsx)(CommentBoard, {
           thread: reply,
-          parentThread: thread
-        })
-      }, reply.id)), 'reply' === actionState?.action && thread.id === actionState?.id && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-        className: "editor-collab-sidebar-panel__child-thread",
-        spacing: "2",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHStack, {
-          alignment: "left",
-          spacing: "3",
-          justify: "flex-start",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_commentAuthorInfo.default, {})
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalVStack, {
-          spacing: "3",
-          className: "editor-collab-sidebar-panel__comment-field",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_commentForm.default, {
-            onSubmit: inputComment => {
-              onAddReply(inputComment, thread.id);
-              setActionState(false);
-            },
-            onCancel: () => setActionState(false),
-            submitButtonText: (0, _i18n._x)('Reply', 'Add reply comment')
-          })
+          onEdit: onEditComment,
+          onDelete: onCommentDelete
+        }), 'approved' === thread.status && /*#__PURE__*/(0, _jsxRuntime.jsx)(CommentBoard, {
+          thread: reply
         })]
+      }, reply.id))]
+    }), 'approved' !== thread.status && isFocused && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+      className: "editor-collab-sidebar-panel__child-thread",
+      spacing: "2",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHStack, {
+        alignment: "left",
+        spacing: "3",
+        justify: "flex-start",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_commentAuthorInfo.default, {})
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalVStack, {
+        spacing: "3",
+        className: "editor-collab-sidebar-panel__comment-field",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_commentForm.default, {
+          onSubmit: inputComment => {
+            onAddReply(inputComment, thread.id);
+          },
+          onCancel: event => {
+            event.stopPropagation(); // Prevent the parent onClick from being triggered
+            clearThreadFocus();
+          },
+          submitButtonText: (0, _i18n._x)('Reply', 'Add reply comment')
+        })
       })]
-    }, thread.id))]
+    })]
   });
 }
-
-/**
- * Renders the header of a comment in the collaboration sidebar.
- *
- * @param {Object}   props           - The component props.
- * @param {Object}   props.thread    - The comment thread object.
- * @param {Function} props.onResolve - The function to resolve the comment.
- * @param {Function} props.onEdit    - The function to edit the comment.
- * @param {Function} props.onDelete  - The function to delete the comment.
- * @param {Function} props.onReply   - The function to reply to the comment.
- * @param {string}   props.status    - The status of the comment.
- * @return {React.ReactNode} The rendered comment header.
- */
-function CommentHeader({
+const CommentBoard = ({
   thread,
   onResolve,
   onEdit,
   onDelete,
-  onReply,
   status
-}) {
-  const actions = [{
+}) => {
+  const [actionState, setActionState] = (0, _element.useState)(false);
+  const [showConfirmDialog, setShowConfirmDialog] = (0, _element.useState)(false);
+  const handleConfirmDelete = () => {
+    onDelete(thread.id);
+    setActionState(false);
+    setShowConfirmDialog(false);
+  };
+  const handleConfirmResolve = () => {
+    onResolve(thread.id);
+    setActionState(false);
+    setShowConfirmDialog(false);
+  };
+  const handleCancel = () => {
+    setActionState(false);
+    setShowConfirmDialog(false);
+  };
+  const actions = [onEdit && {
     title: (0, _i18n._x)('Edit', 'Edit comment'),
-    onClick: onEdit
-  }, {
+    onClick: () => {
+      setActionState('edit');
+    }
+  }, onDelete && {
     title: (0, _i18n._x)('Delete', 'Delete comment'),
-    onClick: onDelete
-  }, {
-    title: (0, _i18n._x)('Reply', 'Reply on a comment'),
-    onClick: onReply
+    onClick: () => {
+      setActionState('delete');
+      setShowConfirmDialog(true);
+    }
   }];
-  const moreActions = actions.filter(item => item.onClick);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-    alignment: "left",
-    spacing: "3",
-    justify: "flex-start",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_commentAuthorInfo.default, {
-      avatar: thread?.author_avatar_urls?.[48],
-      name: thread?.author_name,
-      date: thread?.date
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-      className: "editor-collab-sidebar-panel__comment-status",
-      children: [status !== 'approved' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-        alignment: "right",
-        justify: "flex-end",
-        spacing: "0",
-        children: [0 === thread?.parent && onResolve && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-          label: (0, _i18n._x)('Resolve', 'Mark comment as resolved'),
-          __next40pxDefaultSize: true,
-          icon: _icons.published,
-          onClick: onResolve,
-          showTooltip: true
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DropdownMenu, {
-          icon: _icons.moreVertical,
-          label: (0, _i18n._x)('Select an action', 'Select comment action'),
-          className: "editor-collab-sidebar-panel__comment-dropdown-menu",
-          controls: moreActions
+  const moreActions = actions.filter(item => item?.onClick);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+      alignment: "left",
+      spacing: "3",
+      justify: "flex-start",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_commentAuthorInfo.default, {
+        avatar: thread?.author_avatar_urls?.[48],
+        name: thread?.author_name,
+        date: thread?.date
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+        className: "editor-collab-sidebar-panel__comment-status",
+        children: [status !== 'approved' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+          alignment: "right",
+          justify: "flex-end",
+          spacing: "0",
+          children: [0 === thread?.parent && onResolve && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            label: (0, _i18n._x)('Resolve', 'Mark comment as resolved'),
+            __next40pxDefaultSize: true,
+            icon: _icons.published,
+            onClick: () => {
+              setActionState('resolve');
+              setShowConfirmDialog(true);
+            },
+            showTooltip: true
+          }), 0 < moreActions.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DropdownMenu, {
+            icon: _icons.moreVertical,
+            label: (0, _i18n._x)('Select an action', 'Select comment action'),
+            className: "editor-collab-sidebar-panel__comment-dropdown-menu",
+            controls: moreActions
+          })]
+        }), status === 'approved' &&
+        /*#__PURE__*/
+        // translators: tooltip for resolved comment
+        (0, _jsxRuntime.jsx)(_components.Tooltip, {
+          text: (0, _i18n.__)('Resolved'),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+            icon: _icons.check
+          })
         })]
-      }), status === 'approved' &&
-      /*#__PURE__*/
-      // translators: tooltip for resolved comment
-      (0, _jsxRuntime.jsx)(_components.Tooltip, {
-        text: (0, _i18n.__)('Resolved'),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
-          icon: _icons.check
-        })
       })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHStack, {
+      alignment: "left",
+      spacing: "3",
+      justify: "flex-start",
+      className: "editor-collab-sidebar-panel__user-comment",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+        spacing: "3",
+        className: "editor-collab-sidebar-panel__comment-field",
+        children: ['edit' === actionState && /*#__PURE__*/(0, _jsxRuntime.jsx)(_commentForm.default, {
+          onSubmit: value => {
+            onEdit(thread.id, value);
+            setActionState(false);
+          },
+          onCancel: () => handleCancel(),
+          thread: thread,
+          submitButtonText: (0, _i18n._x)('Update', 'verb')
+        }), 'edit' !== actionState && /*#__PURE__*/(0, _jsxRuntime.jsx)(_element.RawHTML, {
+          children: thread?.content?.raw
+        })]
+      })
+    }), 'resolve' === actionState && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalConfirmDialog, {
+      isOpen: showConfirmDialog,
+      onConfirm: handleConfirmResolve,
+      onCancel: handleCancel,
+      confirmButtonText: "Yes",
+      cancelButtonText: "No",
+      children:
+      // translators: message displayed when confirming an action
+      (0, _i18n.__)('Are you sure you want to mark this comment as resolved?')
+    }), 'delete' === actionState && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalConfirmDialog, {
+      isOpen: showConfirmDialog,
+      onConfirm: handleConfirmDelete,
+      onCancel: handleCancel,
+      confirmButtonText: "Yes",
+      cancelButtonText: "No",
+      children:
+      // translators: message displayed when confirming an action
+      (0, _i18n.__)('Are you sure you want to delete this comment?')
     })]
   });
-}
+};
 //# sourceMappingURL=comments.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_components","_icons","_i18n","_data","_blockEditor","_commentAuthorInfo","_commentForm","_jsxRuntime","Comments","threads","onEditComment","onAddReply","onCommentDelete","onCommentResolve","actionState","setActionState","useState","isConfirmDialogOpen","setIsConfirmDialogOpen","handleConfirmDelete","id","handleConfirmResolve","handleCancelDelete","blockCommentId","useSelect","select","_select$getBlock$attr","clientID","blockEditorStore","getSelectedBlockClientId","getBlock","attributes","CommentBoard","thread","parentThread","_parentThread$status","jsxs","Fragment","children","jsx","CommentHeader","onResolve","_parentThread$id","action","onEdit","onDelete","onReply","undefined","status","__experimentalHStack","alignment","spacing","justify","className","__experimentalVStack","default","onSubmit","value","onCancel","submitButtonText","_x","RawHTML","content","raw","__experimentalConfirmDialog","isOpen","onConfirm","confirmButtonText","cancelButtonText","__","Array","isArray","length","map","clsx","reply","inputComment","actions","title","onClick","moreActions","filter","item","avatar","author_avatar_urls","name","author_name","date","parent","Button","label","__next40pxDefaultSize","icon","published","showTooltip","DropdownMenu","moreVertical","controls","Tooltip","text","Icon","check"],"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\tTooltip,\n} from '@wordpress/components';\nimport { Icon, check, published, moreVertical } from '@wordpress/icons';\nimport { __, _x } 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 * @return {React.ReactNode} The rendered Comments component.\n */\nexport function Comments( {\n\tthreads,\n\tonEditComment,\n\tonAddReply,\n\tonCommentDelete,\n\tonCommentResolve,\n} ) {\n\tconst [ actionState, setActionState ] = useState( false );\n\tconst [ isConfirmDialogOpen, setIsConfirmDialogOpen ] = useState( false );\n\n\tconst handleConfirmDelete = () => {\n\t\tonCommentDelete( actionState.id );\n\t\tsetActionState( false );\n\t\tsetIsConfirmDialogOpen( false );\n\t};\n\n\tconst handleConfirmResolve = () => {\n\t\tonCommentResolve( actionState.id );\n\t\tsetActionState( false );\n\t\tsetIsConfirmDialogOpen( false );\n\t};\n\n\tconst handleCancelDelete = () => {\n\t\tsetActionState( false );\n\t\tsetIsConfirmDialogOpen( false );\n\t};\n\n\tconst blockCommentId = useSelect( ( select ) => {\n\t\tconst clientID = select( blockEditorStore ).getSelectedBlockClientId();\n\t\treturn (\n\t\t\tselect( blockEditorStore ).getBlock( clientID )?.attributes\n\t\t\t\t?.blockCommentId ?? false\n\t\t);\n\t}, [] );\n\n\tconst CommentBoard = ( { thread, parentThread } ) => {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<CommentHeader\n\t\t\t\t\tthread={ thread }\n\t\t\t\t\tonResolve={ () => {\n\t\t\t\t\t\tsetActionState( {\n\t\t\t\t\t\t\taction: 'resolve',\n\t\t\t\t\t\t\tid: parentThread?.id ?? thread.id,\n\t\t\t\t\t\t} );\n\t\t\t\t\t\tsetIsConfirmDialogOpen( true );\n\t\t\t\t\t} }\n\t\t\t\t\tonEdit={ () =>\n\t\t\t\t\t\tsetActionState( { action: 'edit', id: thread.id } )\n\t\t\t\t\t}\n\t\t\t\t\tonDelete={ () => {\n\t\t\t\t\t\tsetActionState( { action: 'delete', id: thread.id } );\n\t\t\t\t\t\tsetIsConfirmDialogOpen( true );\n\t\t\t\t\t} }\n\t\t\t\t\tonReply={\n\t\t\t\t\t\t! parentThread\n\t\t\t\t\t\t\t? () =>\n\t\t\t\t\t\t\t\t\tsetActionState( {\n\t\t\t\t\t\t\t\t\t\taction: 'reply',\n\t\t\t\t\t\t\t\t\t\tid: thread.id,\n\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tstatus={ parentThread?.status ?? thread.status }\n\t\t\t\t/>\n\t\t\t\t<HStack\n\t\t\t\t\talignment=\"left\"\n\t\t\t\t\tspacing=\"3\"\n\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__user-comment\"\n\t\t\t\t>\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{ 'edit' === actionState?.action &&\n\t\t\t\t\t\t\tthread.id === actionState?.id && (\n\t\t\t\t\t\t\t\t<CommentForm\n\t\t\t\t\t\t\t\t\tonSubmit={ ( value ) => {\n\t\t\t\t\t\t\t\t\t\tonEditComment( thread.id, value );\n\t\t\t\t\t\t\t\t\t\tsetActionState( false );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tonCancel={ () => setActionState( false ) }\n\t\t\t\t\t\t\t\t\tthread={ thread }\n\t\t\t\t\t\t\t\t\tsubmitButtonText={ _x( 'Update', 'verb' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ ( ! actionState ||\n\t\t\t\t\t\t\t'edit' !== actionState?.action ) && (\n\t\t\t\t\t\t\t<RawHTML>{ thread?.content?.raw }</RawHTML>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</VStack>\n\t\t\t\t</HStack>\n\t\t\t\t{ 'resolve' === actionState?.action &&\n\t\t\t\t\tthread.id === actionState?.id && (\n\t\t\t\t\t\t<ConfirmDialog\n\t\t\t\t\t\t\tisOpen={ isConfirmDialogOpen }\n\t\t\t\t\t\t\tonConfirm={ handleConfirmResolve }\n\t\t\t\t\t\t\tonCancel={ handleCancelDelete }\n\t\t\t\t\t\t\tconfirmButtonText=\"Yes\"\n\t\t\t\t\t\t\tcancelButtonText=\"No\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t// translators: message displayed when confirming an action\n\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t'Are you sure you want to mark this comment as resolved?'\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</ConfirmDialog>\n\t\t\t\t\t) }\n\t\t\t\t{ 'delete' === actionState?.action &&\n\t\t\t\t\tthread.id === actionState?.id && (\n\t\t\t\t\t\t<ConfirmDialog\n\t\t\t\t\t\t\tisOpen={ isConfirmDialogOpen }\n\t\t\t\t\t\t\tonConfirm={ handleConfirmDelete }\n\t\t\t\t\t\t\tonCancel={ handleCancelDelete }\n\t\t\t\t\t\t\tconfirmButtonText=\"Yes\"\n\t\t\t\t\t\t\tcancelButtonText=\"No\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t// translators: message displayed when confirming an action\n\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t'Are you sure you want to delete this comment?'\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</ConfirmDialog>\n\t\t\t\t\t) }\n\t\t\t</>\n\t\t);\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\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}\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>\n\t\t\t\t\t\t<CommentBoard thread={ thread } />\n\t\t\t\t\t\t{ 0 < thread?.reply?.length &&\n\t\t\t\t\t\t\tthread.reply.map( ( reply ) => (\n\t\t\t\t\t\t\t\t<VStack\n\t\t\t\t\t\t\t\t\tkey={ reply.id }\n\t\t\t\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__child-thread\"\n\t\t\t\t\t\t\t\t\tid={ reply.id }\n\t\t\t\t\t\t\t\t\tspacing=\"2\"\n\t\t\t\t\t\t\t\t>\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\tparentThread={ thread }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t{ 'reply' === actionState?.action &&\n\t\t\t\t\t\t\tthread.id === actionState?.id && (\n\t\t\t\t\t\t\t\t<VStack\n\t\t\t\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__child-thread\"\n\t\t\t\t\t\t\t\t\tspacing=\"2\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\t\t\talignment=\"left\"\n\t\t\t\t\t\t\t\t\t\tspacing=\"3\"\n\t\t\t\t\t\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<CommentAuthorInfo />\n\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t\t<VStack\n\t\t\t\t\t\t\t\t\t\tspacing=\"3\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__comment-field\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<CommentForm\n\t\t\t\t\t\t\t\t\t\t\tonSubmit={ ( inputComment ) => {\n\t\t\t\t\t\t\t\t\t\t\t\tonAddReply(\n\t\t\t\t\t\t\t\t\t\t\t\t\tinputComment,\n\t\t\t\t\t\t\t\t\t\t\t\t\tthread.id\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\tsetActionState( false );\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tonCancel={ () =>\n\t\t\t\t\t\t\t\t\t\t\t\tsetActionState( false )\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsubmitButtonText={ _x(\n\t\t\t\t\t\t\t\t\t\t\t\t'Reply',\n\t\t\t\t\t\t\t\t\t\t\t\t'Add reply comment'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t\t\t</VStack>\n\t\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\n/**\n * Renders the header of a comment in the collaboration sidebar.\n *\n * @param {Object}   props           - The component props.\n * @param {Object}   props.thread    - The comment thread object.\n * @param {Function} props.onResolve - The function to resolve the comment.\n * @param {Function} props.onEdit    - The function to edit the comment.\n * @param {Function} props.onDelete  - The function to delete the comment.\n * @param {Function} props.onReply   - The function to reply to the comment.\n * @param {string}   props.status    - The status of the comment.\n * @return {React.ReactNode} The rendered comment header.\n */\nfunction CommentHeader( {\n\tthread,\n\tonResolve,\n\tonEdit,\n\tonDelete,\n\tonReply,\n\tstatus,\n} ) {\n\tconst actions = [\n\t\t{\n\t\t\ttitle: _x( 'Edit', 'Edit comment' ),\n\t\t\tonClick: onEdit,\n\t\t},\n\t\t{\n\t\t\ttitle: _x( 'Delete', 'Delete comment' ),\n\t\t\tonClick: onDelete,\n\t\t},\n\t\t{\n\t\t\ttitle: _x( 'Reply', 'Reply on a comment' ),\n\t\t\tonClick: onReply,\n\t\t},\n\t];\n\n\tconst moreActions = actions.filter( ( item ) => item.onClick );\n\n\treturn (\n\t\t<HStack alignment=\"left\" spacing=\"3\" justify=\"flex-start\">\n\t\t\t<CommentAuthorInfo\n\t\t\t\tavatar={ thread?.author_avatar_urls?.[ 48 ] }\n\t\t\t\tname={ thread?.author_name }\n\t\t\t\tdate={ thread?.date }\n\t\t\t/>\n\t\t\t<span className=\"editor-collab-sidebar-panel__comment-status\">\n\t\t\t\t{ status !== 'approved' && (\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\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\ticon={ published }\n\t\t\t\t\t\t\t\tonClick={ onResolve }\n\t\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t'Select an action',\n\t\t\t\t\t\t\t\t'Select comment action'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__comment-dropdown-menu\"\n\t\t\t\t\t\t\tcontrols={ moreActions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</HStack>\n\t\t\t\t) }\n\t\t\t\t{ status === 'approved' && (\n\t\t\t\t\t// translators: tooltip for resolved comment\n\t\t\t\t\t<Tooltip text={ __( 'Resolved' ) }>\n\t\t\t\t\t\t<Icon icon={ check } />\n\t\t\t\t\t</Tooltip>\n\t\t\t\t) }\n\t\t\t</span>\n\t\t</HStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_components","_icons","_i18n","_data","_blockEditor","_commentAuthorInfo","_commentForm","_jsxRuntime","Comments","threads","onEditComment","onAddReply","onCommentDelete","onCommentResolve","showCommentBoard","setShowCommentBoard","blockCommentId","useSelect","select","getBlockAttributes","getSelectedBlockClientId","blockEditorStore","_clientId","focusThread","setFocusThread","useState","clearThreadFocus","jsxs","Fragment","children","Array","isArray","length","jsx","__experimentalVStack","alignment","className","justify","spacing","__","map","thread","clsx","id","onClick","Thread","isFocused","CommentBoard","onResolve","onEdit","onDelete","status","reply","sprintf","_x","__experimentalHStack","default","onSubmit","inputComment","onCancel","event","stopPropagation","submitButtonText","actionState","setActionState","showConfirmDialog","setShowConfirmDialog","handleConfirmDelete","handleConfirmResolve","handleCancel","actions","title","moreActions","filter","item","avatar","author_avatar_urls","name","author_name","date","parent","Button","label","__next40pxDefaultSize","icon","published","showTooltip","DropdownMenu","moreVertical","controls","Tooltip","text","Icon","check","value","RawHTML","content","raw","__experimentalConfirmDialog","isOpen","onConfirm","confirmButtonText","cancelButtonText"],"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\tTooltip,\n} from '@wordpress/components';\nimport { Icon, check, published, moreVertical } from '@wordpress/icons';\nimport { __, _x, 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 {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\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\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/>\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\tisFocused,\n\tclearThreadFocus,\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\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<VStack className=\"editor-collab-sidebar-panel__show-more-reply\">\n\t\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t\t// translators: 1: number of replies.\n\t\t\t\t\t\t\t\t_x(\n\t\t\t\t\t\t\t\t\t'%s more replies..',\n\t\t\t\t\t\t\t\t\t'Show replies button'\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</VStack>\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{ 'approved' !== thread.status && 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\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\tsubmitButtonText={ _x(\n\t\t\t\t\t\t\t\t'Reply',\n\t\t\t\t\t\t\t\t'Add reply comment'\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</>\n\t);\n}\n\nconst CommentBoard = ( { thread, onResolve, onEdit, onDelete, status } ) => {\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 handleConfirmResolve = () => {\n\t\tonResolve( 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\ttitle: _x( 'Edit', 'Edit comment' ),\n\t\t\tonClick: () => {\n\t\t\t\tsetActionState( 'edit' );\n\t\t\t},\n\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];\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{ status !== 'approved' && (\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\talignment=\"right\"\n\t\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\t\tspacing=\"0\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ 0 === thread?.parent && onResolve && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t\t\t'Resolve',\n\t\t\t\t\t\t\t\t\t\t'Mark comment as resolved'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\ticon={ published }\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tsetActionState( 'resolve' );\n\t\t\t\t\t\t\t\t\t\tsetShowConfirmDialog( true );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tshowTooltip\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{ 0 < moreActions.length && (\n\t\t\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t\t\t'Select an action',\n\t\t\t\t\t\t\t\t\t\t'Select comment action'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__comment-dropdown-menu\"\n\t\t\t\t\t\t\t\t\tcontrols={ moreActions }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t) }\n\t\t\t\t\t{ status === 'approved' && (\n\t\t\t\t\t\t// translators: tooltip for resolved comment\n\t\t\t\t\t\t<Tooltip text={ __( 'Resolved' ) }>\n\t\t\t\t\t\t\t<Icon icon={ check } />\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) }\n\t\t\t\t</span>\n\t\t\t</HStack>\n\t\t\t<HStack\n\t\t\t\talignment=\"left\"\n\t\t\t\tspacing=\"3\"\n\t\t\t\tjustify=\"flex-start\"\n\t\t\t\tclassName=\"editor-collab-sidebar-panel__user-comment\"\n\t\t\t>\n\t\t\t\t<VStack\n\t\t\t\t\tspacing=\"3\"\n\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__comment-field\"\n\t\t\t\t>\n\t\t\t\t\t{ 'edit' === actionState && (\n\t\t\t\t\t\t<CommentForm\n\t\t\t\t\t\t\tonSubmit={ ( value ) => {\n\t\t\t\t\t\t\t\tonEdit( thread.id, value );\n\t\t\t\t\t\t\t\tsetActionState( false );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonCancel={ () => handleCancel() }\n\t\t\t\t\t\t\tthread={ thread }\n\t\t\t\t\t\t\tsubmitButtonText={ _x( 'Update', 'verb' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ 'edit' !== actionState && (\n\t\t\t\t\t\t<RawHTML>{ thread?.content?.raw }</RawHTML>\n\t\t\t\t\t) }\n\t\t\t\t</VStack>\n\t\t\t</HStack>\n\t\t\t{ 'resolve' === actionState && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tisOpen={ showConfirmDialog }\n\t\t\t\t\tonConfirm={ handleConfirmResolve }\n\t\t\t\t\tonCancel={ handleCancel }\n\t\t\t\t\tconfirmButtonText=\"Yes\"\n\t\t\t\t\tcancelButtonText=\"No\"\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__(\n\t\t\t\t\t\t\t'Are you sure you want to mark this comment as resolved?'\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t</ConfirmDialog>\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=\"Yes\"\n\t\t\t\t\tcancelButtonText=\"No\"\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/components/collab-sidebar/index.js

@@ -1,3 +1,4 @@
+/* wp:polyfill */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -182,8 +183,10 @@ function CollabSidebarContent({
       onEditComment: onEditComment,
       onAddReply: addNewComment,
       onCommentDelete: onCommentDelete,
-      onCommentResolve: onCommentResolve
-    })]
+      onCommentResolve: onCommentResolve,
+      showCommentBoard: showCommentBoard,
+      setShowCommentBoard: setShowCommentBoard
+    }, getSelectedBlockClientId())]
   });
 }
 
@@ -276,11 +279,15 @@ function CollabSidebar() {
         sortedThreads: []
       };
     }
+    const updatedResult = result.map(item => ({
+      ...item,
+      reply: [...item.reply].reverse()
+    }));
     const blockCommentIds = (0, _utils.getCommentIdsFromBlocks)(blocks);
-    const threadIdMap = new Map(result.map(thread => [thread.id, thread]));
+    const threadIdMap = new Map(updatedResult.map(thread => [thread.id, thread]));
     const sortedComments = blockCommentIds.map(id => threadIdMap.get(id)).filter(thread => thread !== undefined);
     return {
-      resultComments: result,
+      resultComments: updatedResult,
       sortedThreads: sortedComments
     };
   }, [threads, blocks]);