@wordpress/editor 14.10.0 → 14.12.0

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

@@ -0,0 +1,113 @@
+/**
+ * WordPress dependencies
+ */
+import { __, _x } from '@wordpress/i18n';
+import { useSelect } from '@wordpress/data';
+import { useState, useEffect } from '@wordpress/element';
+import { __experimentalHStack as HStack, __experimentalVStack as VStack, Button, TextControl } from '@wordpress/components';
+import { store as blockEditorStore } from '@wordpress/block-editor';
+import { store as coreStore } from '@wordpress/core-data';
+
+/**
+ * Internal dependencies
+ */
+import { sanitizeCommentString } from './utils';
+
+/**
+ * Renders the UI for adding a comment in the Gutenberg editor's collaboration sidebar.
+ *
+ * @param {Object}   props                     - The component props.
+ * @param {Function} props.onSubmit            - A callback function to be called when the user submits a comment.
+ * @param {boolean}  props.showCommentBoard    - The function to edit the comment.
+ * @param {Function} props.setShowCommentBoard - The function to delete the comment.
+ * @return {JSX.Element} The rendered comment input UI.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function AddComment({
+  onSubmit,
+  showCommentBoard,
+  setShowCommentBoard
+}) {
+  var _currentUser$name;
+  // State to manage the comment thread.
+  const [inputComment, setInputComment] = useState('');
+  const {
+    defaultAvatar,
+    clientId,
+    blockCommentId,
+    currentUser
+  } = useSelect(select => {
+    const {
+      getSettings,
+      getSelectedBlock
+    } = select(blockEditorStore);
+    const {
+      __experimentalDiscussionSettings
+    } = getSettings();
+    const selectedBlock = getSelectedBlock();
+    const userData = select(coreStore).getCurrentUser();
+    return {
+      defaultAvatar: __experimentalDiscussionSettings?.avatarURL,
+      clientId: selectedBlock?.clientId,
+      blockCommentId: selectedBlock?.attributes?.blockCommentId,
+      currentUser: userData
+    };
+  }, []);
+  const userAvatar = currentUser && currentUser.avatar_urls && currentUser.avatar_urls[48] ? currentUser.avatar_urls[48] : defaultAvatar;
+  useEffect(() => {
+    setInputComment('');
+  }, [clientId]);
+  const handleCancel = () => {
+    setShowCommentBoard(false);
+    setInputComment('');
+  };
+  if (!showCommentBoard || !clientId || undefined !== blockCommentId) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(VStack, {
+    spacing: "3",
+    className: "editor-collab-sidebar-panel__thread editor-collab-sidebar-panel__active-thread",
+    children: [/*#__PURE__*/_jsxs(HStack, {
+      alignment: "left",
+      spacing: "3",
+      children: [/*#__PURE__*/_jsx("img", {
+        src: userAvatar
+        // translators: alt text for user avatar image
+        ,
+        alt: __('User Avatar'),
+        className: "editor-collab-sidebar-panel__user-avatar",
+        width: 32,
+        height: 32
+      }), /*#__PURE__*/_jsx("span", {
+        className: "editor-collab-sidebar-panel__user-name",
+        children: (_currentUser$name = currentUser?.name) !== null && _currentUser$name !== void 0 ? _currentUser$name : ''
+      })]
+    }), /*#__PURE__*/_jsx(TextControl, {
+      __next40pxDefaultSize: true,
+      __nextHasNoMarginBottom: true,
+      value: inputComment,
+      onChange: setInputComment,
+      placeholder: _x('Comment', 'noun')
+    }), /*#__PURE__*/_jsxs(HStack, {
+      alignment: "right",
+      spacing: "3",
+      children: [/*#__PURE__*/_jsx(Button, {
+        __next40pxDefaultSize: true,
+        variant: "tertiary",
+        text: _x('Cancel', 'Cancel comment button'),
+        onClick: handleCancel
+      }), /*#__PURE__*/_jsx(Button, {
+        __next40pxDefaultSize: true,
+        accessibleWhenDisabled: true,
+        variant: "primary",
+        text: _x('Comment', 'Add comment button'),
+        disabled: 0 === sanitizeCommentString(inputComment).length,
+        onClick: () => {
+          onSubmit(inputComment);
+          setInputComment('');
+        }
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=add-comment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__","_x","useSelect","useState","useEffect","__experimentalHStack","HStack","__experimentalVStack","VStack","Button","TextControl","store","blockEditorStore","coreStore","sanitizeCommentString","jsx","_jsx","jsxs","_jsxs","AddComment","onSubmit","showCommentBoard","setShowCommentBoard","_currentUser$name","inputComment","setInputComment","defaultAvatar","clientId","blockCommentId","currentUser","select","getSettings","getSelectedBlock","__experimentalDiscussionSettings","selectedBlock","userData","getCurrentUser","avatarURL","attributes","userAvatar","avatar_urls","handleCancel","undefined","spacing","className","children","alignment","src","alt","width","height","name","__next40pxDefaultSize","__nextHasNoMarginBottom","value","onChange","placeholder","variant","text","onClick","accessibleWhenDisabled","disabled","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-module/components/collab-sidebar/comment-button-toolbar.js

@@ -0,0 +1,30 @@
+/**
+ * WordPress dependencies
+ */
+import { ToolbarButton } from '@wordpress/components';
+import { _x } from '@wordpress/i18n';
+import { comment as commentIcon } from '@wordpress/icons';
+import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
+
+/**
+ * Internal dependencies
+ */
+import { unlock } from '../../lock-unlock';
+import { jsx as _jsx } from "react/jsx-runtime";
+const {
+  __unstableCommentIconToolbarFill
+} = unlock(blockEditorPrivateApis);
+const AddCommentToolbarButton = ({
+  onClick
+}) => {
+  return /*#__PURE__*/_jsx(__unstableCommentIconToolbarFill, {
+    children: /*#__PURE__*/_jsx(ToolbarButton, {
+      accessibleWhenDisabled: true,
+      icon: commentIcon,
+      label: _x('Comment', 'View comment'),
+      onClick: onClick
+    })
+  });
+};
+export default AddCommentToolbarButton;
+//# sourceMappingURL=comment-button-toolbar.js.map

package/build-module/components/collab-sidebar/comment-button-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ToolbarButton","_x","comment","commentIcon","privateApis","blockEditorPrivateApis","unlock","jsx","_jsx","__unstableCommentIconToolbarFill","AddCommentToolbarButton","onClick","children","accessibleWhenDisabled","icon","label"],"sources":["@wordpress/editor/src/components/collab-sidebar/comment-button-toolbar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarButton } from '@wordpress/components';\nimport { _x } from '@wordpress/i18n';\nimport { comment as commentIcon } from '@wordpress/icons';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { __unstableCommentIconToolbarFill } = unlock( blockEditorPrivateApis );\n\nconst AddCommentToolbarButton = ( { onClick } ) => {\n\treturn (\n\t\t<__unstableCommentIconToolbarFill>\n\t\t\t<ToolbarButton\n\t\t\t\taccessibleWhenDisabled\n\t\t\t\ticon={ commentIcon }\n\t\t\t\tlabel={ _x( 'Comment', 'View comment' ) }\n\t\t\t\tonClick={ onClick }\n\t\t\t/>\n\t\t</__unstableCommentIconToolbarFill>\n\t);\n};\n\nexport default AddCommentToolbarButton;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,uBAAuB;AACrD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,OAAO,IAAIC,WAAW,QAAQ,kBAAkB;AACzD,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;;AAE/E;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3C,MAAM;EAAEC;AAAiC,CAAC,GAAGH,MAAM,CAAED,sBAAuB,CAAC;AAE7E,MAAMK,uBAAuB,GAAGA,CAAE;EAAEC;AAAQ,CAAC,KAAM;EAClD,oBACCH,IAAA,CAACC,gCAAgC;IAAAG,QAAA,eAChCJ,IAAA,CAACR,aAAa;MACba,sBAAsB;MACtBC,IAAI,EAAGX,WAAa;MACpBY,KAAK,EAAGd,EAAE,CAAE,SAAS,EAAE,cAAe,CAAG;MACzCU,OAAO,EAAGA;IAAS,CACnB;EAAC,CAC+B,CAAC;AAErC,CAAC;AAED,eAAeD,uBAAuB","ignoreList":[]}

package/build-module/components/collab-sidebar/comment-button.js

@@ -0,0 +1,30 @@
+/**
+ * WordPress dependencies
+ */
+import { MenuItem } from '@wordpress/components';
+import { _x } from '@wordpress/i18n';
+import { comment as commentIcon } from '@wordpress/icons';
+import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
+
+/**
+ * Internal dependencies
+ */
+import { unlock } from '../../lock-unlock';
+import { jsx as _jsx } from "react/jsx-runtime";
+const {
+  __unstableCommentIconFill
+} = unlock(blockEditorPrivateApis);
+const AddCommentButton = ({
+  onClick
+}) => {
+  return /*#__PURE__*/_jsx(__unstableCommentIconFill, {
+    children: /*#__PURE__*/_jsx(MenuItem, {
+      icon: commentIcon,
+      onClick: onClick,
+      "aria-haspopup": "dialog",
+      children: _x('Comment', 'Add comment button')
+    })
+  });
+};
+export default AddCommentButton;
+//# sourceMappingURL=comment-button.js.map

package/build-module/components/collab-sidebar/comment-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MenuItem","_x","comment","commentIcon","privateApis","blockEditorPrivateApis","unlock","jsx","_jsx","__unstableCommentIconFill","AddCommentButton","onClick","children","icon"],"sources":["@wordpress/editor/src/components/collab-sidebar/comment-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MenuItem } from '@wordpress/components';\nimport { _x } from '@wordpress/i18n';\nimport { comment as commentIcon } from '@wordpress/icons';\n\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { __unstableCommentIconFill } = unlock( blockEditorPrivateApis );\n\nconst AddCommentButton = ( { onClick } ) => {\n\treturn (\n\t\t<__unstableCommentIconFill>\n\t\t\t<MenuItem\n\t\t\t\ticon={ commentIcon }\n\t\t\t\tonClick={ onClick }\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t>\n\t\t\t\t{ _x( 'Comment', 'Add comment button' ) }\n\t\t\t</MenuItem>\n\t\t</__unstableCommentIconFill>\n\t);\n};\n\nexport default AddCommentButton;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,OAAO,IAAIC,WAAW,QAAQ,kBAAkB;AAEzD,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;;AAE/E;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3C,MAAM;EAAEC;AAA0B,CAAC,GAAGH,MAAM,CAAED,sBAAuB,CAAC;AAEtE,MAAMK,gBAAgB,GAAGA,CAAE;EAAEC;AAAQ,CAAC,KAAM;EAC3C,oBACCH,IAAA,CAACC,yBAAyB;IAAAG,QAAA,eACzBJ,IAAA,CAACR,QAAQ;MACRa,IAAI,EAAGV,WAAa;MACpBQ,OAAO,EAAGA,OAAS;MACnB,iBAAc,QAAQ;MAAAC,QAAA,EAEpBX,EAAE,CAAE,SAAS,EAAE,oBAAqB;IAAC,CAC9B;EAAC,CACe,CAAC;AAE9B,CAAC;AAED,eAAeS,gBAAgB","ignoreList":[]}

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

@@ -0,0 +1,314 @@
+/**
+ * External dependencies
+ */
+import clsx from 'clsx';
+
+/**
+ * WordPress dependencies
+ */
+import { useState, RawHTML } from '@wordpress/element';
+import { __experimentalHStack as HStack, __experimentalVStack as VStack, __experimentalConfirmDialog as ConfirmDialog, Button, DropdownMenu, TextareaControl, Tooltip } from '@wordpress/components';
+import { dateI18n, format, getSettings as getDateSettings } from '@wordpress/date';
+import { Icon, check, published, moreVertical } from '@wordpress/icons';
+import { __, _x } from '@wordpress/i18n';
+import { useSelect } from '@wordpress/data';
+import { useEntityProp } from '@wordpress/core-data';
+import { store as blockEditorStore } from '@wordpress/block-editor';
+
+/**
+ * Internal dependencies
+ */
+import { sanitizeCommentString } from './utils';
+
+/**
+ * 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.
+ * @return {JSX.Element} The rendered Comments component.
+ */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function Comments({
+  threads,
+  onEditComment,
+  onAddReply,
+  onCommentDelete,
+  onCommentResolve
+}) {
+  const [actionState, setActionState] = useState(false);
+  const [isConfirmDialogOpen, setIsConfirmDialogOpen] = 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 = useSelect(select => {
+    var _select$getBlock$attr;
+    const clientID = select(blockEditorStore).getSelectedBlockClientId();
+    return (_select$getBlock$attr = select(blockEditorStore).getBlock(clientID)?.attributes?.blockCommentId) !== null && _select$getBlock$attr !== void 0 ? _select$getBlock$attr : false;
+  }, []);
+  const CommentBoard = ({
+    thread,
+    parentThread
+  }) => {
+    var _parentThread$status;
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_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__*/_jsx(HStack, {
+        alignment: "left",
+        spacing: "3",
+        justify: "flex-start",
+        className: "editor-collab-sidebar-panel__user-comment",
+        children: /*#__PURE__*/_jsxs(VStack, {
+          spacing: "3",
+          className: "editor-collab-sidebar-panel__comment-field",
+          children: ['edit' === actionState?.action && thread.id === actionState?.id && /*#__PURE__*/_jsx(CommentForm, {
+            onSubmit: value => {
+              onEditComment(thread.id, value);
+              setActionState(false);
+            },
+            onCancel: () => setActionState(false),
+            thread: thread
+          }), (!actionState || 'edit' !== actionState?.action) && /*#__PURE__*/_jsx(RawHTML, {
+            children: thread?.content?.raw
+          })]
+        })
+      }), 'resolve' === actionState?.action && thread.id === actionState?.id && /*#__PURE__*/_jsx(ConfirmDialog, {
+        isOpen: isConfirmDialogOpen,
+        onConfirm: handleConfirmResolve,
+        onCancel: handleCancelDelete,
+        confirmButtonText: "Yes",
+        cancelButtonText: "No",
+        children:
+        // translators: message displayed when confirming an action
+        __('Are you sure you want to mark this comment as resolved?')
+      }), 'delete' === actionState?.action && thread.id === actionState?.id && /*#__PURE__*/_jsx(ConfirmDialog, {
+        isOpen: isConfirmDialogOpen,
+        onConfirm: handleConfirmDelete,
+        onCancel: handleCancelDelete,
+        confirmButtonText: "Yes",
+        cancelButtonText: "No",
+        children:
+        // translators: message displayed when confirming an action
+        __('Are you sure you want to delete this comment?')
+      })]
+    });
+  };
+  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, {
+      alignment: "left",
+      className: "editor-collab-sidebar-panel__thread",
+      justify: "flex-start",
+      spacing: "3",
+      children:
+      // translators: message displayed when there are no comments available
+      __('No comments available')
+    }), Array.isArray(threads) && threads.length > 0 && threads.map(thread => /*#__PURE__*/_jsxs(VStack, {
+      className: clsx('editor-collab-sidebar-panel__thread', {
+        'editor-collab-sidebar-panel__active-thread': blockCommentId && blockCommentId === thread.id
+      }),
+      id: thread.id,
+      spacing: "3",
+      children: [/*#__PURE__*/_jsx(CommentBoard, {
+        thread: thread
+      }), 'reply' === actionState?.action && thread.id === actionState?.id && /*#__PURE__*/_jsx(HStack, {
+        alignment: "left",
+        spacing: "3",
+        justify: "flex-start",
+        className: "editor-collab-sidebar-panel__user-comment",
+        children: /*#__PURE__*/_jsx(VStack, {
+          spacing: "3",
+          className: "editor-collab-sidebar-panel__comment-field",
+          children: /*#__PURE__*/_jsx(CommentForm, {
+            onSubmit: inputComment => {
+              onAddReply(inputComment, thread.id);
+              setActionState(false);
+            },
+            onCancel: () => setActionState(false)
+          })
+        })
+      }), 0 < thread?.reply?.length && thread.reply.map(reply => /*#__PURE__*/_jsx(VStack, {
+        className: "editor-collab-sidebar-panel__child-thread",
+        id: reply.id,
+        spacing: "2",
+        children: /*#__PURE__*/_jsx(CommentBoard, {
+          thread: reply,
+          parentThread: thread
+        })
+      }, reply.id))]
+    }, thread.id))]
+  });
+}
+
+/**
+ * EditComment component.
+ *
+ * @param {Object}   props          - The component props.
+ * @param {Function} props.onSubmit - The function to call when updating the comment.
+ * @param {Function} props.onCancel - The function to call when canceling the comment update.
+ * @param {Object}   props.thread   - The comment thread object.
+ * @return {JSX.Element} The CommentForm component.
+ */
+function CommentForm({
+  onSubmit,
+  onCancel,
+  thread
+}) {
+  var _thread$content$raw;
+  const [inputComment, setInputComment] = useState((_thread$content$raw = thread?.content?.raw) !== null && _thread$content$raw !== void 0 ? _thread$content$raw : '');
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(TextareaControl, {
+      __nextHasNoMarginBottom: true,
+      value: inputComment !== null && inputComment !== void 0 ? inputComment : '',
+      onChange: setInputComment
+    }), /*#__PURE__*/_jsx(VStack, {
+      alignment: "left",
+      spacing: "3",
+      justify: "flex-start",
+      children: /*#__PURE__*/_jsxs(HStack, {
+        alignment: "left",
+        spacing: "3",
+        justify: "flex-start",
+        children: [/*#__PURE__*/_jsx(Button, {
+          __next40pxDefaultSize: true,
+          accessibleWhenDisabled: true,
+          variant: "primary",
+          onClick: () => onSubmit(inputComment),
+          disabled: 0 === sanitizeCommentString(inputComment).length,
+          children: thread ? _x('Update', 'verb') : _x('Reply', 'Add reply comment')
+        }), /*#__PURE__*/_jsx(Button, {
+          __next40pxDefaultSize: true,
+          onClick: onCancel,
+          children: _x('Cancel', 'Cancel comment edit')
+        })]
+      })
+    })]
+  });
+}
+
+/**
+ * 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 {JSX.Element} The rendered comment header.
+ */
+function CommentHeader({
+  thread,
+  onResolve,
+  onEdit,
+  onDelete,
+  onReply,
+  status
+}) {
+  const dateSettings = getDateSettings();
+  const [dateTimeFormat = dateSettings.formats.time] = useEntityProp('root', 'site', 'time_format');
+  const actions = [{
+    title: _x('Edit', 'Edit comment'),
+    onClick: onEdit
+  }, {
+    title: _x('Delete', 'Delete comment'),
+    onClick: onDelete
+  }, {
+    title: _x('Reply', 'Reply on a comment'),
+    onClick: onReply
+  }];
+  const moreActions = actions.filter(item => item.onClick);
+  return /*#__PURE__*/_jsxs(HStack, {
+    alignment: "left",
+    spacing: "3",
+    justify: "flex-start",
+    children: [/*#__PURE__*/_jsx("img", {
+      src: thread?.author_avatar_urls?.[48],
+      className: "editor-collab-sidebar-panel__user-avatar"
+      // translators: alt text for user avatar image
+      ,
+      alt: __('User avatar'),
+      width: 32,
+      height: 32
+    }), /*#__PURE__*/_jsxs(VStack, {
+      spacing: "0",
+      children: [/*#__PURE__*/_jsx("span", {
+        className: "editor-collab-sidebar-panel__user-name",
+        children: thread.author_name
+      }), /*#__PURE__*/_jsx("time", {
+        dateTime: format('h:i A', thread.date),
+        className: "editor-collab-sidebar-panel__user-time",
+        children: dateI18n(dateTimeFormat, thread.date)
+      })]
+    }), /*#__PURE__*/_jsxs("span", {
+      className: "editor-collab-sidebar-panel__comment-status",
+      children: [status !== 'approved' && /*#__PURE__*/_jsxs(HStack, {
+        alignment: "right",
+        justify: "flex-end",
+        spacing: "0",
+        children: [0 === thread.parent && onResolve && /*#__PURE__*/_jsx(Button, {
+          label: _x('Resolve', 'Mark comment as resolved'),
+          __next40pxDefaultSize: true,
+          icon: published,
+          onClick: onResolve,
+          showTooltip: true
+        }), /*#__PURE__*/_jsx(DropdownMenu, {
+          icon: moreVertical,
+          label: _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
+      _jsx(Tooltip, {
+        text: __('Resolved'),
+        children: /*#__PURE__*/_jsx(Icon, {
+          icon: check
+        })
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=comments.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["clsx","useState","RawHTML","__experimentalHStack","HStack","__experimentalVStack","VStack","__experimentalConfirmDialog","ConfirmDialog","Button","DropdownMenu","TextareaControl","Tooltip","dateI18n","format","getSettings","getDateSettings","Icon","check","published","moreVertical","__","_x","useSelect","useEntityProp","store","blockEditorStore","sanitizeCommentString","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Comments","threads","onEditComment","onAddReply","onCommentDelete","onCommentResolve","actionState","setActionState","isConfirmDialogOpen","setIsConfirmDialogOpen","handleConfirmDelete","id","handleConfirmResolve","handleCancelDelete","blockCommentId","select","_select$getBlock$attr","clientID","getSelectedBlockClientId","getBlock","attributes","CommentBoard","thread","parentThread","_parentThread$status","children","CommentHeader","onResolve","_parentThread$id","action","onEdit","onDelete","onReply","undefined","status","alignment","spacing","justify","className","CommentForm","onSubmit","value","onCancel","content","raw","isOpen","onConfirm","confirmButtonText","cancelButtonText","Array","isArray","length","map","inputComment","reply","_thread$content$raw","setInputComment","__nextHasNoMarginBottom","onChange","__next40pxDefaultSize","accessibleWhenDisabled","variant","onClick","disabled","dateSettings","dateTimeFormat","formats","time","actions","title","moreActions","filter","item","src","author_avatar_urls","alt","width","height","author_name","dateTime","date","parent","label","icon","showTooltip","controls","text"],"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\tTextareaControl,\n\tTooltip,\n} from '@wordpress/components';\nimport {\n\tdateI18n,\n\tformat,\n\tgetSettings as getDateSettings,\n} from '@wordpress/date';\nimport { Icon, check, published, moreVertical } from '@wordpress/icons';\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { useEntityProp } from '@wordpress/core-data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { sanitizeCommentString } from './utils';\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 {JSX.Element} 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/>\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{ 'reply' === actionState?.action &&\n\t\t\t\t\t\t\tthread.id === actionState?.id && (\n\t\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\t\talignment=\"left\"\n\t\t\t\t\t\t\t\t\tspacing=\"3\"\n\t\t\t\t\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__user-comment\"\n\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\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/>\n\t\t\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t) }\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</VStack>\n\t\t\t\t) ) }\n\t\t</>\n\t);\n}\n\n/**\n * EditComment component.\n *\n * @param {Object}   props          - The component props.\n * @param {Function} props.onSubmit - The function to call when updating the comment.\n * @param {Function} props.onCancel - The function to call when canceling the comment update.\n * @param {Object}   props.thread   - The comment thread object.\n * @return {JSX.Element} The CommentForm component.\n */\nfunction CommentForm( { onSubmit, onCancel, thread } ) {\n\tconst [ inputComment, setInputComment ] = useState(\n\t\tthread?.content?.raw ?? ''\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<TextareaControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tvalue={ inputComment ?? '' }\n\t\t\t\tonChange={ setInputComment }\n\t\t\t/>\n\t\t\t<VStack alignment=\"left\" spacing=\"3\" justify=\"flex-start\">\n\t\t\t\t<HStack alignment=\"left\" spacing=\"3\" justify=\"flex-start\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tonClick={ () => onSubmit( inputComment ) }\n\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t0 === sanitizeCommentString( inputComment ).length\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{ thread\n\t\t\t\t\t\t\t? _x( 'Update', 'verb' )\n\t\t\t\t\t\t\t: _x( 'Reply', 'Add reply comment' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button __next40pxDefaultSize onClick={ onCancel }>\n\t\t\t\t\t\t{ _x( 'Cancel', 'Cancel comment edit' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\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 {JSX.Element} The rendered comment header.\n */\nfunction CommentHeader( {\n\tthread,\n\tonResolve,\n\tonEdit,\n\tonDelete,\n\tonReply,\n\tstatus,\n} ) {\n\tconst dateSettings = getDateSettings();\n\tconst [ dateTimeFormat = dateSettings.formats.time ] = useEntityProp(\n\t\t'root',\n\t\t'site',\n\t\t'time_format'\n\t);\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<img\n\t\t\t\tsrc={ thread?.author_avatar_urls?.[ 48 ] }\n\t\t\t\tclassName=\"editor-collab-sidebar-panel__user-avatar\"\n\t\t\t\t// translators: alt text for user avatar image\n\t\t\t\talt={ __( 'User avatar' ) }\n\t\t\t\twidth={ 32 }\n\t\t\t\theight={ 32 }\n\t\t\t/>\n\t\t\t<VStack spacing=\"0\">\n\t\t\t\t<span className=\"editor-collab-sidebar-panel__user-name\">\n\t\t\t\t\t{ thread.author_name }\n\t\t\t\t</span>\n\t\t\t\t<time\n\t\t\t\t\tdateTime={ format( 'h:i A', thread.date ) }\n\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__user-time\"\n\t\t\t\t>\n\t\t\t\t\t{ dateI18n( dateTimeFormat, thread.date ) }\n\t\t\t\t</time>\n\t\t\t</VStack>\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":[]}

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

@@ -0,0 +1,2 @@
+export const collabSidebarName = 'edit-post/collab-sidebar';
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["collabSidebarName"],"sources":["@wordpress/editor/src/components/collab-sidebar/constants.js"],"sourcesContent":["export const collabSidebarName = 'edit-post/collab-sidebar';\n"],"mappings":"AAAA,OAAO,MAAMA,iBAAiB,GAAG,0BAA0B","ignoreList":[]}