@wordpress/editor 14.11.0 → 14.12.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+## 14.12.0 (2024-11-16)
+
 ## 14.11.0 (2024-10-30)
 
 ### Bug Fixes

package/README.md

@@ -1631,10 +1631,6 @@ _Related_
 
 -   <https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore>
 
-_Type_
-
--   `Object`
-
 ### storeConfig
 
 Post editor data store configuration.
@@ -1643,10 +1639,6 @@ _Related_
 
 -   <https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#registerStore>
 
-_Type_
-
--   `Object`
-
 ### TableOfContents
 
 Renders a table of contents component.

package/build/components/collab-sidebar/add-comment.js

@@ -41,25 +41,24 @@ function AddComment({
     defaultAvatar,
     clientId,
     blockCommentId,
-    showAddCommentBoard,
     currentUser
   } = (0, _data.useSelect)(select => {
     const {
-      getSettings
+      getSettings,
+      getSelectedBlock
     } = select(_blockEditor.store);
     const {
       __experimentalDiscussionSettings
     } = getSettings();
-    const selectedBlock = select(_blockEditor.store).getSelectedBlock();
+    const selectedBlock = getSelectedBlock();
     const userData = select(_coreData.store).getCurrentUser();
     return {
       defaultAvatar: __experimentalDiscussionSettings?.avatarURL,
       clientId: selectedBlock?.clientId,
       blockCommentId: selectedBlock?.attributes?.blockCommentId,
-      showAddCommentBoard: showCommentBoard,
       currentUser: userData
     };
-  });
+  }, []);
   const userAvatar = currentUser && currentUser.avatar_urls && currentUser.avatar_urls[48] ? currentUser.avatar_urls[48] : defaultAvatar;
   (0, _element.useEffect)(() => {
     setInputComment('');
@@ -68,7 +67,7 @@ function AddComment({
     setShowCommentBoard(false);
     setInputComment('');
   };
-  if (!showAddCommentBoard || !clientId || undefined !== blockCommentId) {
+  if (!showCommentBoard || !clientId || undefined !== blockCommentId) {
     return null;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {

package/build/components/collab-sidebar/add-comment.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_data","_element","_components","_blockEditor","_coreData","_utils","_jsxRuntime","AddComment","onSubmit","showCommentBoard","setShowCommentBoard","_currentUser$name","inputComment","setInputComment","useState","defaultAvatar","clientId","blockCommentId","showAddCommentBoard","currentUser","useSelect","select","getSettings","blockEditorStore","__experimentalDiscussionSettings","selectedBlock","getSelectedBlock","userData","coreStore","getCurrentUser","avatarURL","attributes","userAvatar","avatar_urls","useEffect","handleCancel","undefined","jsxs","__experimentalVStack","spacing","className","children","__experimentalHStack","alignment","jsx","src","alt","__","width","height","name","TextControl","__next40pxDefaultSize","__nextHasNoMarginBottom","value","onChange","placeholder","_x","Button","variant","text","onClick","accessibleWhenDisabled","disabled","sanitizeCommentString","length"],"sources":["@wordpress/editor/src/components/collab-sidebar/add-comment.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { useState, useEffect } from '@wordpress/element';\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tButton,\n\tTextControl,\n} from '@wordpress/components';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { sanitizeCommentString } from './utils';\n\n/**\n * Renders the UI for adding a comment in the Gutenberg editor's collaboration sidebar.\n *\n * @param {Object}   props                     - The component props.\n * @param {Function} props.onSubmit            - A callback function to be called when the user submits a comment.\n * @param {boolean}  props.showCommentBoard    - The function to edit the comment.\n * @param {Function} props.setShowCommentBoard - The function to delete the comment.\n * @return {JSX.Element} The rendered comment input UI.\n */\nexport function AddComment( {\n\tonSubmit,\n\tshowCommentBoard,\n\tsetShowCommentBoard,\n} ) {\n\t// State to manage the comment thread.\n\tconst [ inputComment, setInputComment ] = useState( '' );\n\n\tconst {\n\t\tdefaultAvatar,\n\t\tclientId,\n\t\tblockCommentId,\n\t\tshowAddCommentBoard,\n\t\tcurrentUser,\n\t} = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\tconst { __experimentalDiscussionSettings } = getSettings();\n\t\tconst selectedBlock = select( blockEditorStore ).getSelectedBlock();\n\t\tconst userData = select( coreStore ).getCurrentUser();\n\t\treturn {\n\t\t\tdefaultAvatar: __experimentalDiscussionSettings?.avatarURL,\n\t\t\tclientId: selectedBlock?.clientId,\n\t\t\tblockCommentId: selectedBlock?.attributes?.blockCommentId,\n\t\t\tshowAddCommentBoard: showCommentBoard,\n\t\t\tcurrentUser: userData,\n\t\t};\n\t} );\n\n\tconst userAvatar =\n\t\tcurrentUser && currentUser.avatar_urls && currentUser.avatar_urls[ 48 ]\n\t\t\t? currentUser.avatar_urls[ 48 ]\n\t\t\t: defaultAvatar;\n\n\tuseEffect( () => {\n\t\tsetInputComment( '' );\n\t}, [ clientId ] );\n\n\tconst handleCancel = () => {\n\t\tsetShowCommentBoard( false );\n\t\tsetInputComment( '' );\n\t};\n\n\tif ( ! showAddCommentBoard || ! clientId || undefined !== blockCommentId ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack\n\t\t\tspacing=\"3\"\n\t\t\tclassName=\"editor-collab-sidebar-panel__thread editor-collab-sidebar-panel__active-thread\"\n\t\t>\n\t\t\t<HStack alignment=\"left\" spacing=\"3\">\n\t\t\t\t<img\n\t\t\t\t\tsrc={ userAvatar }\n\t\t\t\t\t// translators: alt text for user avatar image\n\t\t\t\t\talt={ __( 'User Avatar' ) }\n\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__user-avatar\"\n\t\t\t\t\twidth={ 32 }\n\t\t\t\t\theight={ 32 }\n\t\t\t\t/>\n\t\t\t\t<span className=\"editor-collab-sidebar-panel__user-name\">\n\t\t\t\t\t{ currentUser?.name ?? '' }\n\t\t\t\t</span>\n\t\t\t</HStack>\n\t\t\t<TextControl\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tvalue={ inputComment }\n\t\t\t\tonChange={ setInputComment }\n\t\t\t\tplaceholder={ _x( 'Comment', 'noun' ) }\n\t\t\t/>\n\t\t\t<HStack alignment=\"right\" spacing=\"3\">\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\ttext={ _x( 'Cancel', 'Cancel comment button' ) }\n\t\t\t\t\tonClick={ handleCancel }\n\t\t\t\t/>\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\ttext={ _x( 'Comment', 'Add comment button' ) }\n\t\t\t\t\tdisabled={\n\t\t\t\t\t\t0 === sanitizeCommentString( inputComment ).length\n\t\t\t\t\t}\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tonSubmit( inputComment );\n\t\t\t\t\t\tsetInputComment( '' );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_data","_element","_components","_blockEditor","_coreData","_utils","_jsxRuntime","AddComment","onSubmit","showCommentBoard","setShowCommentBoard","_currentUser$name","inputComment","setInputComment","useState","defaultAvatar","clientId","blockCommentId","currentUser","useSelect","select","getSettings","getSelectedBlock","blockEditorStore","__experimentalDiscussionSettings","selectedBlock","userData","coreStore","getCurrentUser","avatarURL","attributes","userAvatar","avatar_urls","useEffect","handleCancel","undefined","jsxs","__experimentalVStack","spacing","className","children","__experimentalHStack","alignment","jsx","src","alt","__","width","height","name","TextControl","__next40pxDefaultSize","__nextHasNoMarginBottom","value","onChange","placeholder","_x","Button","variant","text","onClick","accessibleWhenDisabled","disabled","sanitizeCommentString","length"],"sources":["@wordpress/editor/src/components/collab-sidebar/add-comment.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { useState, useEffect } from '@wordpress/element';\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tButton,\n\tTextControl,\n} from '@wordpress/components';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { sanitizeCommentString } from './utils';\n\n/**\n * Renders the UI for adding a comment in the Gutenberg editor's collaboration sidebar.\n *\n * @param {Object}   props                     - The component props.\n * @param {Function} props.onSubmit            - A callback function to be called when the user submits a comment.\n * @param {boolean}  props.showCommentBoard    - The function to edit the comment.\n * @param {Function} props.setShowCommentBoard - The function to delete the comment.\n * @return {JSX.Element} The rendered comment input UI.\n */\nexport function AddComment( {\n\tonSubmit,\n\tshowCommentBoard,\n\tsetShowCommentBoard,\n} ) {\n\t// State to manage the comment thread.\n\tconst [ inputComment, setInputComment ] = useState( '' );\n\n\tconst { defaultAvatar, clientId, blockCommentId, currentUser } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings, getSelectedBlock } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst { __experimentalDiscussionSettings } = getSettings();\n\t\t\tconst selectedBlock = getSelectedBlock();\n\t\t\tconst userData = select( coreStore ).getCurrentUser();\n\t\t\treturn {\n\t\t\t\tdefaultAvatar: __experimentalDiscussionSettings?.avatarURL,\n\t\t\t\tclientId: selectedBlock?.clientId,\n\t\t\t\tblockCommentId: selectedBlock?.attributes?.blockCommentId,\n\t\t\t\tcurrentUser: userData,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst userAvatar =\n\t\tcurrentUser && currentUser.avatar_urls && currentUser.avatar_urls[ 48 ]\n\t\t\t? currentUser.avatar_urls[ 48 ]\n\t\t\t: defaultAvatar;\n\n\tuseEffect( () => {\n\t\tsetInputComment( '' );\n\t}, [ clientId ] );\n\n\tconst handleCancel = () => {\n\t\tsetShowCommentBoard( false );\n\t\tsetInputComment( '' );\n\t};\n\n\tif ( ! showCommentBoard || ! clientId || undefined !== blockCommentId ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack\n\t\t\tspacing=\"3\"\n\t\t\tclassName=\"editor-collab-sidebar-panel__thread editor-collab-sidebar-panel__active-thread\"\n\t\t>\n\t\t\t<HStack alignment=\"left\" spacing=\"3\">\n\t\t\t\t<img\n\t\t\t\t\tsrc={ userAvatar }\n\t\t\t\t\t// translators: alt text for user avatar image\n\t\t\t\t\talt={ __( 'User Avatar' ) }\n\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__user-avatar\"\n\t\t\t\t\twidth={ 32 }\n\t\t\t\t\theight={ 32 }\n\t\t\t\t/>\n\t\t\t\t<span className=\"editor-collab-sidebar-panel__user-name\">\n\t\t\t\t\t{ currentUser?.name ?? '' }\n\t\t\t\t</span>\n\t\t\t</HStack>\n\t\t\t<TextControl\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tvalue={ inputComment }\n\t\t\t\tonChange={ setInputComment }\n\t\t\t\tplaceholder={ _x( 'Comment', 'noun' ) }\n\t\t\t/>\n\t\t\t<HStack alignment=\"right\" spacing=\"3\">\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\ttext={ _x( 'Cancel', 'Cancel comment button' ) }\n\t\t\t\t\tonClick={ handleCancel }\n\t\t\t\t/>\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\ttext={ _x( 'Comment', 'Add comment button' ) }\n\t\t\t\t\tdisabled={\n\t\t\t\t\t\t0 === sanitizeCommentString( inputComment ).length\n\t\t\t\t\t}\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tonSubmit( inputComment );\n\t\t\t\t\t\tsetInputComment( '' );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -30,7 +30,6 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Internal dependencies
  */
 
-const threadsEmptyArray = [];
 const isBlockCommentExperimentEnabled = window?.__experimentalEnableBlockComment;
 const modifyBlockCommentAttributes = settings => {
   if (!settings.attributes.blockCommentId) {
@@ -46,11 +45,10 @@ const modifyBlockCommentAttributes = settings => {
 
 // Apply the filter to all core blocks
 (0, _hooks.addFilter)('blocks.registerBlockType', 'block-comment/modify-core-block-attributes', modifyBlockCommentAttributes);
-
-/**
- * Renders the Collab sidebar.
- */
-function CollabSidebar() {
+function CollabSidebarContent({
+  showCommentBoard,
+  setShowCommentBoard
+}) {
   const {
     createNotice
   } = (0, _data.useDispatch)(_notices.store);
@@ -62,49 +60,27 @@ function CollabSidebar() {
     getEntityRecord
   } = (0, _data.resolveSelect)(_coreData.store);
   const {
-    enableComplementaryArea
-  } = (0, _data.useDispatch)(_interface.store);
-  const [blockCommentID, setBlockCommentID] = (0, _element.useState)(null);
-  const [showCommentBoard, setShowCommentBoard] = (0, _element.useState)(false);
-  const {
-    postId
+    postId,
+    threads
   } = (0, _data.useSelect)(select => {
-    return {
-      postId: select(_store.store).getCurrentPostId()
-    };
-  }, []);
-  const postStatus = (0, _data.useSelect)(select => {
-    const post = select(_store.store).getCurrentPost();
-    return {
-      postStatus: post?.status
-    };
-  }, []);
-  const threads = (0, _data.useSelect)(select => {
-    if (!postId) {
-      return threadsEmptyArray;
-    }
     const {
-      getEntityRecords
-    } = select(_coreData.store);
-    const data = getEntityRecords('root', 'comment', {
-      post: postId,
+      getCurrentPostId
+    } = select(_store.store);
+    const _postId = getCurrentPostId();
+    const data = !!_postId ? select(_coreData.store).getEntityRecords('root', 'comment', {
+      post: _postId,
       type: 'block_comment',
       status: 'any',
       per_page: 100
-    });
-    return data || threadsEmptyArray;
-  }, [postId]);
-  const clientId = (0, _data.useSelect)(select => {
-    const {
-      getSelectedBlockClientId
-    } = select(_blockEditor.store);
-    return getSelectedBlockClientId();
+    }) : null;
+    return {
+      postId: _postId,
+      threads: data
+    };
   }, []);
-  const blockDetails = (0, _data.useSelect)(select => {
-    return clientId ? select(_blockEditor.store).getBlock(clientId) : null;
-  }, [clientId]);
-
-  // Get the dispatch functions to save the comment and update the block attributes.
+  const {
+    getSelectedBlockClientId
+  } = (0, _data.useSelect)(_blockEditor.store);
   const {
     updateBlockAttributes
   } = (0, _data.useDispatch)(_blockEditor.store);
@@ -114,7 +90,7 @@ function CollabSidebar() {
     // Create a compare to store the references to all objects by id
     const compare = {};
     const result = [];
-    const filteredComments = threads.filter(comment => comment.status !== 'trash');
+    const filteredComments = (threads !== null && threads !== void 0 ? threads : []).filter(comment => comment.status !== 'trash');
 
     // Initialize each object with an empty `reply` array
     filteredComments.forEach(item => {
@@ -136,10 +112,6 @@ function CollabSidebar() {
     });
     return result;
   }, [threads]);
-  const openCollabBoard = () => {
-    setShowCommentBoard(true);
-    enableComplementaryArea('core', 'edit-post/collab-sidebar');
-  };
 
   // Function to save the comment.
   const addNewComment = async (comment, parentCommentId) => {
@@ -161,7 +133,7 @@ function CollabSidebar() {
     if (savedRecord) {
       // If it's a main comment, update the block attributes with the comment id.
       if (!parentCommentId) {
-        updateBlockAttributes(clientId, {
+        updateBlockAttributes(getSelectedBlockClientId(), {
           blockCommentId: savedRecord?.id
         });
       }
@@ -219,7 +191,7 @@ function CollabSidebar() {
     const childComment = await getEntityRecord('root', 'comment', commentId);
     await deleteEntityRecord('root', 'comment', commentId);
     if (childComment && !childComment.parent) {
-      updateBlockAttributes(clientId, {
+      updateBlockAttributes(getSelectedBlockClientId(), {
         blockCommentId: undefined
       });
     }
@@ -230,20 +202,61 @@ function CollabSidebar() {
       isDismissible: true
     });
   };
-  (0, _element.useEffect)(() => {
-    if (blockDetails) {
-      setBlockCommentID(blockDetails?.attributes.blockCommentId);
-    }
-  }, [postId, clientId]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "editor-collab-sidebar-panel",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_addComment.AddComment, {
+      onSubmit: addNewComment,
+      showCommentBoard: showCommentBoard,
+      setShowCommentBoard: setShowCommentBoard
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_comments.Comments, {
+      threads: resultComments,
+      onEditComment: onEditComment,
+      onAddReply: addNewComment,
+      onCommentDelete: onCommentDelete,
+      onCommentResolve: onCommentResolve
+    })]
+  });
+}
+
+/**
+ * Renders the Collab sidebar.
+ */
+function CollabSidebar() {
+  const [showCommentBoard, setShowCommentBoard] = (0, _element.useState)(false);
+  const {
+    enableComplementaryArea
+  } = (0, _data.useDispatch)(_interface.store);
+  const {
+    postStatus
+  } = (0, _data.useSelect)(select => {
+    return {
+      postStatus: select(_store.store).getEditedPostAttribute('status')
+    };
+  }, []);
+  const {
+    blockCommentId
+  } = (0, _data.useSelect)(select => {
+    const {
+      getBlockAttributes,
+      getSelectedBlockClientId
+    } = select(_blockEditor.store);
+    const _clientId = getSelectedBlockClientId();
+    return {
+      blockCommentId: _clientId ? getBlockAttributes(_clientId)?.blockCommentId : null
+    };
+  }, []);
+  const openCollabBoard = () => {
+    setShowCommentBoard(true);
+    enableComplementaryArea('core', 'edit-post/collab-sidebar');
+  };
 
   // Check if the experimental flag is enabled.
-  if (!isBlockCommentExperimentEnabled || postStatus.postStatus === 'publish') {
+  if (!isBlockCommentExperimentEnabled || postStatus === 'publish') {
     return null; // or maybe return some message indicating no threads are available.
   }
+  const AddCommentComponent = blockCommentId ? _commentButtonToolbar.default : _commentButton.default;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [!blockCommentID && /*#__PURE__*/(0, _jsxRuntime.jsx)(_commentButton.default, {
-      onClick: openCollabBoard
-    }), blockCommentID > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_commentButtonToolbar.default, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(AddCommentComponent, {
       onClick: openCollabBoard
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_pluginSidebar.default, {
       identifier: _constants.collabSidebarName
@@ -251,20 +264,9 @@ function CollabSidebar() {
       ,
       title: (0, _i18n.__)('Comments'),
       icon: _icons.comment,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "editor-collab-sidebar-panel",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_addComment.AddComment, {
-          threads: resultComments,
-          onSubmit: addNewComment,
-          showCommentBoard: showCommentBoard,
-          setShowCommentBoard: setShowCommentBoard
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_comments.Comments, {
-          threads: resultComments,
-          onEditComment: onEditComment,
-          onAddReply: addNewComment,
-          onCommentDelete: onCommentDelete,
-          onCommentResolve: onCommentResolve
-        })]
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CollabSidebarContent, {
+        showCommentBoard: showCommentBoard,
+        setShowCommentBoard: setShowCommentBoard
       })
     })]
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_data","_element","_icons","_hooks","_notices","_coreData","_blockEditor","_interface","_pluginSidebar","_interopRequireDefault","_constants","_comments","_addComment","_store","_commentButton","_commentButtonToolbar","_jsxRuntime","threadsEmptyArray","isBlockCommentExperimentEnabled","window","__experimentalEnableBlockComment","modifyBlockCommentAttributes","settings","attributes","blockCommentId","type","addFilter","CollabSidebar","createNotice","useDispatch","noticesStore","saveEntityRecord","deleteEntityRecord","coreStore","getEntityRecord","resolveSelect","enableComplementaryArea","interfaceStore","blockCommentID","setBlockCommentID","useState","showCommentBoard","setShowCommentBoard","postId","useSelect","select","editorStore","getCurrentPostId","postStatus","post","getCurrentPost","status","threads","getEntityRecords","data","per_page","clientId","getSelectedBlockClientId","blockEditorStore","blockDetails","getBlock","updateBlockAttributes","resultComments","useMemo","compare","result","filteredComments","filter","comment","forEach","item","id","reply","parent","push","openCollabBoard","addNewComment","parentCommentId","args","content","comment_type","comment_approved","updatedArgs","savedRecord","__","isDismissible","onError","onCommentResolve","commentId","onEditComment","onCommentDelete","childComment","undefined","useEffect","jsxs","Fragment","children","jsx","default","onClick","identifier","collabSidebarName","title","icon","commentIcon","className","AddComment","onSubmit","Comments","onAddReply"],"sources":["@wordpress/editor/src/components/collab-sidebar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch, resolveSelect } from '@wordpress/data';\nimport { useState, useEffect, useMemo } from '@wordpress/element';\nimport { comment as commentIcon } from '@wordpress/icons';\nimport { addFilter } from '@wordpress/hooks';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as interfaceStore } from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport PluginSidebar from '../plugin-sidebar';\nimport { collabSidebarName } from './constants';\nimport { Comments } from './comments';\nimport { AddComment } from './add-comment';\nimport { store as editorStore } from '../../store';\nimport AddCommentButton from './comment-button';\nimport AddCommentToolbarButton from './comment-button-toolbar';\n\nconst threadsEmptyArray = [];\n\nconst isBlockCommentExperimentEnabled =\n\twindow?.__experimentalEnableBlockComment;\nconst modifyBlockCommentAttributes = ( settings ) => {\n\tif ( ! settings.attributes.blockCommentId ) {\n\t\tsettings.attributes = {\n\t\t\t...settings.attributes,\n\t\t\tblockCommentId: {\n\t\t\t\ttype: 'number',\n\t\t\t},\n\t\t};\n\t}\n\n\treturn settings;\n};\n\n// Apply the filter to all core blocks\naddFilter(\n\t'blocks.registerBlockType',\n\t'block-comment/modify-core-block-attributes',\n\tmodifyBlockCommentAttributes\n);\n\n/**\n * Renders the Collab sidebar.\n */\nexport default function CollabSidebar() {\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst { saveEntityRecord, deleteEntityRecord } = useDispatch( coreStore );\n\tconst { getEntityRecord } = resolveSelect( coreStore );\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\tconst [ blockCommentID, setBlockCommentID ] = useState( null );\n\tconst [ showCommentBoard, setShowCommentBoard ] = useState( false );\n\tconst { postId } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tpostId: select( editorStore ).getCurrentPostId(),\n\t\t};\n\t}, [] );\n\n\tconst postStatus = useSelect( ( select ) => {\n\t\tconst post = select( editorStore ).getCurrentPost();\n\t\treturn { postStatus: post?.status };\n\t}, [] );\n\n\tconst threads = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! postId ) {\n\t\t\t\treturn threadsEmptyArray;\n\t\t\t}\n\t\t\tconst { getEntityRecords } = select( coreStore );\n\t\t\tconst data = getEntityRecords( 'root', 'comment', {\n\t\t\t\tpost: postId,\n\t\t\t\ttype: 'block_comment',\n\t\t\t\tstatus: 'any',\n\t\t\t\tper_page: 100,\n\t\t\t} );\n\t\t\treturn data || threadsEmptyArray;\n\t\t},\n\t\t[ postId ]\n\t);\n\n\tconst clientId = useSelect( ( select ) => {\n\t\tconst { getSelectedBlockClientId } = select( blockEditorStore );\n\t\treturn getSelectedBlockClientId();\n\t}, [] );\n\n\tconst blockDetails = useSelect(\n\t\t( select ) => {\n\t\t\treturn clientId\n\t\t\t\t? select( blockEditorStore ).getBlock( clientId )\n\t\t\t\t: null;\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\t// Get the dispatch functions to save the comment and update the block attributes.\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\t// Process comments to build the tree structure\n\tconst resultComments = 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 filteredComments = threads.filter(\n\t\t\t( comment ) => comment.status !== 'trash'\n\t\t);\n\n\t\t// Initialize each object with an empty `reply` array\n\t\tfilteredComments.forEach( ( item ) => {\n\t\t\tcompare[ item.id ] = { ...item, reply: [] };\n\t\t} );\n\n\t\t// Iterate over the data to build the tree structure\n\t\tfilteredComments.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\treturn result;\n\t}, [ threads ] );\n\n\tconst openCollabBoard = () => {\n\t\tsetShowCommentBoard( true );\n\t\tenableComplementaryArea( 'core', 'edit-post/collab-sidebar' );\n\t};\n\n\t// Function to save the comment.\n\tconst addNewComment = async ( comment, parentCommentId ) => {\n\t\tconst args = {\n\t\t\tpost: postId,\n\t\t\tcontent: comment,\n\t\t\tcomment_type: 'block_comment',\n\t\t\tcomment_approved: 0,\n\t\t};\n\n\t\t// Create a new object, conditionally including the parent property\n\t\tconst updatedArgs = {\n\t\t\t...args,\n\t\t\t...( parentCommentId ? { parent: parentCommentId } : {} ),\n\t\t};\n\n\t\tconst savedRecord = await saveEntityRecord(\n\t\t\t'root',\n\t\t\t'comment',\n\t\t\tupdatedArgs\n\t\t);\n\n\t\tif ( savedRecord ) {\n\t\t\t// If it's a main comment, update the block attributes with the comment id.\n\t\t\tif ( ! parentCommentId ) {\n\t\t\t\tupdateBlockAttributes( clientId, {\n\t\t\t\t\tblockCommentId: savedRecord?.id,\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tcreateNotice(\n\t\t\t\t'snackbar',\n\t\t\t\tparentCommentId\n\t\t\t\t\t? // translators: Reply added successfully\n\t\t\t\t\t  __( 'Reply added successfully.' )\n\t\t\t\t\t: // translators: Comment added successfully\n\t\t\t\t\t  __( 'Comment added successfully.' ),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tisDismissible: true,\n\t\t\t\t}\n\t\t\t);\n\t\t} else {\n\t\t\tonError();\n\t\t}\n\t};\n\n\tconst onCommentResolve = async ( commentId ) => {\n\t\tconst savedRecord = await saveEntityRecord( 'root', 'comment', {\n\t\t\tid: commentId,\n\t\t\tstatus: 'approved',\n\t\t} );\n\n\t\tif ( savedRecord ) {\n\t\t\t// translators: Comment resolved successfully\n\t\t\tcreateNotice( 'snackbar', __( 'Comment marked as resolved.' ), {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tisDismissible: true,\n\t\t\t} );\n\t\t} else {\n\t\t\tonError();\n\t\t}\n\t};\n\n\tconst onEditComment = async ( commentId, comment ) => {\n\t\tconst savedRecord = await saveEntityRecord( 'root', 'comment', {\n\t\t\tid: commentId,\n\t\t\tcontent: comment,\n\t\t} );\n\n\t\tif ( savedRecord ) {\n\t\t\tcreateNotice(\n\t\t\t\t'snackbar',\n\t\t\t\t// translators: Comment edited successfully\n\t\t\t\t__( 'Comment edited successfully.' ),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tisDismissible: true,\n\t\t\t\t}\n\t\t\t);\n\t\t} else {\n\t\t\tonError();\n\t\t}\n\t};\n\n\tconst onError = () => {\n\t\tcreateNotice(\n\t\t\t'error',\n\t\t\t// translators: Error message when comment submission fails\n\t\t\t__(\n\t\t\t\t'Something went wrong. Please try publishing the post, or you may have already submitted your comment earlier.'\n\t\t\t),\n\t\t\t{\n\t\t\t\tisDismissible: true,\n\t\t\t}\n\t\t);\n\t};\n\n\tconst onCommentDelete = async ( commentId ) => {\n\t\tconst childComment = await getEntityRecord(\n\t\t\t'root',\n\t\t\t'comment',\n\t\t\tcommentId\n\t\t);\n\t\tawait deleteEntityRecord( 'root', 'comment', commentId );\n\n\t\tif ( childComment && ! childComment.parent ) {\n\t\t\tupdateBlockAttributes( clientId, {\n\t\t\t\tblockCommentId: undefined,\n\t\t\t} );\n\t\t}\n\n\t\tcreateNotice(\n\t\t\t'snackbar',\n\t\t\t// translators: Comment deleted successfully\n\t\t\t__( 'Comment deleted successfully.' ),\n\t\t\t{\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tisDismissible: true,\n\t\t\t}\n\t\t);\n\t};\n\n\tuseEffect( () => {\n\t\tif ( blockDetails ) {\n\t\t\tsetBlockCommentID( blockDetails?.attributes.blockCommentId );\n\t\t}\n\t}, [ postId, clientId ] );\n\n\t// Check if the experimental flag is enabled.\n\tif (\n\t\t! isBlockCommentExperimentEnabled ||\n\t\tpostStatus.postStatus === 'publish'\n\t) {\n\t\treturn null; // or maybe return some message indicating no threads are available.\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ ! blockCommentID && (\n\t\t\t\t<AddCommentButton onClick={ openCollabBoard } />\n\t\t\t) }\n\n\t\t\t{ blockCommentID > 0 && (\n\t\t\t\t<AddCommentToolbarButton onClick={ openCollabBoard } />\n\t\t\t) }\n\t\t\t<PluginSidebar\n\t\t\t\tidentifier={ collabSidebarName }\n\t\t\t\t// translators: Comments sidebar title\n\t\t\t\ttitle={ __( 'Comments' ) }\n\t\t\t\ticon={ commentIcon }\n\t\t\t>\n\t\t\t\t<div className=\"editor-collab-sidebar-panel\">\n\t\t\t\t\t<AddComment\n\t\t\t\t\t\tthreads={ resultComments }\n\t\t\t\t\t\tonSubmit={ addNewComment }\n\t\t\t\t\t\tshowCommentBoard={ showCommentBoard }\n\t\t\t\t\t\tsetShowCommentBoard={ setShowCommentBoard }\n\t\t\t\t\t/>\n\t\t\t\t\t<Comments\n\t\t\t\t\t\tthreads={ resultComments }\n\t\t\t\t\t\tonEditComment={ onEditComment }\n\t\t\t\t\t\tonAddReply={ addNewComment }\n\t\t\t\t\t\tonCommentDelete={ onCommentDelete }\n\t\t\t\t\t\tonCommentResolve={ onCommentResolve }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</PluginSidebar>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_data","_element","_icons","_hooks","_notices","_coreData","_blockEditor","_interface","_pluginSidebar","_interopRequireDefault","_constants","_comments","_addComment","_store","_commentButton","_commentButtonToolbar","_jsxRuntime","isBlockCommentExperimentEnabled","window","__experimentalEnableBlockComment","modifyBlockCommentAttributes","settings","attributes","blockCommentId","type","addFilter","CollabSidebarContent","showCommentBoard","setShowCommentBoard","createNotice","useDispatch","noticesStore","saveEntityRecord","deleteEntityRecord","coreStore","getEntityRecord","resolveSelect","postId","threads","useSelect","select","getCurrentPostId","editorStore","_postId","data","getEntityRecords","post","status","per_page","getSelectedBlockClientId","blockEditorStore","updateBlockAttributes","resultComments","useMemo","compare","result","filteredComments","filter","comment","forEach","item","id","reply","parent","push","addNewComment","parentCommentId","args","content","comment_type","comment_approved","updatedArgs","savedRecord","__","isDismissible","onError","onCommentResolve","commentId","onEditComment","onCommentDelete","childComment","undefined","jsxs","className","children","jsx","AddComment","onSubmit","Comments","onAddReply","CollabSidebar","useState","enableComplementaryArea","interfaceStore","postStatus","getEditedPostAttribute","getBlockAttributes","_clientId","openCollabBoard","AddCommentComponent","AddCommentToolbarButton","AddCommentButton","Fragment","onClick","default","identifier","collabSidebarName","title","icon","commentIcon"],"sources":["@wordpress/editor/src/components/collab-sidebar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch, resolveSelect } from '@wordpress/data';\nimport { useState, useMemo } from '@wordpress/element';\nimport { comment as commentIcon } from '@wordpress/icons';\nimport { addFilter } from '@wordpress/hooks';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as interfaceStore } from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport PluginSidebar from '../plugin-sidebar';\nimport { collabSidebarName } from './constants';\nimport { Comments } from './comments';\nimport { AddComment } from './add-comment';\nimport { store as editorStore } from '../../store';\nimport AddCommentButton from './comment-button';\nimport AddCommentToolbarButton from './comment-button-toolbar';\n\nconst isBlockCommentExperimentEnabled =\n\twindow?.__experimentalEnableBlockComment;\nconst modifyBlockCommentAttributes = ( settings ) => {\n\tif ( ! settings.attributes.blockCommentId ) {\n\t\tsettings.attributes = {\n\t\t\t...settings.attributes,\n\t\t\tblockCommentId: {\n\t\t\t\ttype: 'number',\n\t\t\t},\n\t\t};\n\t}\n\n\treturn settings;\n};\n\n// Apply the filter to all core blocks\naddFilter(\n\t'blocks.registerBlockType',\n\t'block-comment/modify-core-block-attributes',\n\tmodifyBlockCommentAttributes\n);\n\nfunction CollabSidebarContent( { showCommentBoard, setShowCommentBoard } ) {\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst { saveEntityRecord, deleteEntityRecord } = useDispatch( coreStore );\n\tconst { getEntityRecord } = resolveSelect( coreStore );\n\n\tconst { postId, threads } = useSelect( ( select ) => {\n\t\tconst { getCurrentPostId } = select( editorStore );\n\t\tconst _postId = getCurrentPostId();\n\t\tconst data = !! _postId\n\t\t\t? select( coreStore ).getEntityRecords( 'root', 'comment', {\n\t\t\t\t\tpost: _postId,\n\t\t\t\t\ttype: 'block_comment',\n\t\t\t\t\tstatus: 'any',\n\t\t\t\t\tper_page: 100,\n\t\t\t  } )\n\t\t\t: null;\n\n\t\treturn {\n\t\t\tpostId: _postId,\n\t\t\tthreads: data,\n\t\t};\n\t}, [] );\n\n\tconst { getSelectedBlockClientId } = useSelect( blockEditorStore );\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\t// Process comments to build the tree structure\n\tconst resultComments = 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 filteredComments = ( threads ?? [] ).filter(\n\t\t\t( comment ) => comment.status !== 'trash'\n\t\t);\n\n\t\t// Initialize each object with an empty `reply` array\n\t\tfilteredComments.forEach( ( item ) => {\n\t\t\tcompare[ item.id ] = { ...item, reply: [] };\n\t\t} );\n\n\t\t// Iterate over the data to build the tree structure\n\t\tfilteredComments.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\treturn result;\n\t}, [ threads ] );\n\n\t// Function to save the comment.\n\tconst addNewComment = async ( comment, parentCommentId ) => {\n\t\tconst args = {\n\t\t\tpost: postId,\n\t\t\tcontent: comment,\n\t\t\tcomment_type: 'block_comment',\n\t\t\tcomment_approved: 0,\n\t\t};\n\n\t\t// Create a new object, conditionally including the parent property\n\t\tconst updatedArgs = {\n\t\t\t...args,\n\t\t\t...( parentCommentId ? { parent: parentCommentId } : {} ),\n\t\t};\n\n\t\tconst savedRecord = await saveEntityRecord(\n\t\t\t'root',\n\t\t\t'comment',\n\t\t\tupdatedArgs\n\t\t);\n\n\t\tif ( savedRecord ) {\n\t\t\t// If it's a main comment, update the block attributes with the comment id.\n\t\t\tif ( ! parentCommentId ) {\n\t\t\t\tupdateBlockAttributes( getSelectedBlockClientId(), {\n\t\t\t\t\tblockCommentId: savedRecord?.id,\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tcreateNotice(\n\t\t\t\t'snackbar',\n\t\t\t\tparentCommentId\n\t\t\t\t\t? // translators: Reply added successfully\n\t\t\t\t\t  __( 'Reply added successfully.' )\n\t\t\t\t\t: // translators: Comment added successfully\n\t\t\t\t\t  __( 'Comment added successfully.' ),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tisDismissible: true,\n\t\t\t\t}\n\t\t\t);\n\t\t} else {\n\t\t\tonError();\n\t\t}\n\t};\n\n\tconst onCommentResolve = async ( commentId ) => {\n\t\tconst savedRecord = await saveEntityRecord( 'root', 'comment', {\n\t\t\tid: commentId,\n\t\t\tstatus: 'approved',\n\t\t} );\n\n\t\tif ( savedRecord ) {\n\t\t\t// translators: Comment resolved successfully\n\t\t\tcreateNotice( 'snackbar', __( 'Comment marked as resolved.' ), {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tisDismissible: true,\n\t\t\t} );\n\t\t} else {\n\t\t\tonError();\n\t\t}\n\t};\n\n\tconst onEditComment = async ( commentId, comment ) => {\n\t\tconst savedRecord = await saveEntityRecord( 'root', 'comment', {\n\t\t\tid: commentId,\n\t\t\tcontent: comment,\n\t\t} );\n\n\t\tif ( savedRecord ) {\n\t\t\tcreateNotice(\n\t\t\t\t'snackbar',\n\t\t\t\t// translators: Comment edited successfully\n\t\t\t\t__( 'Comment edited successfully.' ),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tisDismissible: true,\n\t\t\t\t}\n\t\t\t);\n\t\t} else {\n\t\t\tonError();\n\t\t}\n\t};\n\n\tconst onError = () => {\n\t\tcreateNotice(\n\t\t\t'error',\n\t\t\t// translators: Error message when comment submission fails\n\t\t\t__(\n\t\t\t\t'Something went wrong. Please try publishing the post, or you may have already submitted your comment earlier.'\n\t\t\t),\n\t\t\t{\n\t\t\t\tisDismissible: true,\n\t\t\t}\n\t\t);\n\t};\n\n\tconst onCommentDelete = async ( commentId ) => {\n\t\tconst childComment = await getEntityRecord(\n\t\t\t'root',\n\t\t\t'comment',\n\t\t\tcommentId\n\t\t);\n\t\tawait deleteEntityRecord( 'root', 'comment', commentId );\n\n\t\tif ( childComment && ! childComment.parent ) {\n\t\t\tupdateBlockAttributes( getSelectedBlockClientId(), {\n\t\t\t\tblockCommentId: undefined,\n\t\t\t} );\n\t\t}\n\n\t\tcreateNotice(\n\t\t\t'snackbar',\n\t\t\t// translators: Comment deleted successfully\n\t\t\t__( 'Comment deleted successfully.' ),\n\t\t\t{\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tisDismissible: true,\n\t\t\t}\n\t\t);\n\t};\n\n\treturn (\n\t\t<div className=\"editor-collab-sidebar-panel\">\n\t\t\t<AddComment\n\t\t\t\tonSubmit={ addNewComment }\n\t\t\t\tshowCommentBoard={ showCommentBoard }\n\t\t\t\tsetShowCommentBoard={ setShowCommentBoard }\n\t\t\t/>\n\t\t\t<Comments\n\t\t\t\tthreads={ resultComments }\n\t\t\t\tonEditComment={ onEditComment }\n\t\t\t\tonAddReply={ addNewComment }\n\t\t\t\tonCommentDelete={ onCommentDelete }\n\t\t\t\tonCommentResolve={ onCommentResolve }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\n/**\n * Renders the Collab sidebar.\n */\nexport default function CollabSidebar() {\n\tconst [ showCommentBoard, setShowCommentBoard ] = useState( false );\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\n\tconst { postStatus } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tpostStatus:\n\t\t\t\tselect( editorStore ).getEditedPostAttribute( 'status' ),\n\t\t};\n\t}, [] );\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 openCollabBoard = () => {\n\t\tsetShowCommentBoard( true );\n\t\tenableComplementaryArea( 'core', 'edit-post/collab-sidebar' );\n\t};\n\n\t// Check if the experimental flag is enabled.\n\tif ( ! isBlockCommentExperimentEnabled || postStatus === 'publish' ) {\n\t\treturn null; // or maybe return some message indicating no threads are available.\n\t}\n\n\tconst AddCommentComponent = blockCommentId\n\t\t? AddCommentToolbarButton\n\t\t: AddCommentButton;\n\n\treturn (\n\t\t<>\n\t\t\t<AddCommentComponent onClick={ openCollabBoard } />\n\t\t\t<PluginSidebar\n\t\t\t\tidentifier={ collabSidebarName }\n\t\t\t\t// translators: Comments sidebar title\n\t\t\t\ttitle={ __( 'Comments' ) }\n\t\t\t\ticon={ commentIcon }\n\t\t\t>\n\t\t\t\t<CollabSidebarContent\n\t\t\t\t\tshowCommentBoard={ showCommentBoard }\n\t\t\t\t\tsetShowCommentBoard={ setShowCommentBoard }\n\t\t\t\t/>\n\t\t\t</PluginSidebar>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}