@wordpress/editor 14.32.0 → 14.32.1-next.ff1cebbba.0

package/build-module/components/collab-sidebar/comment-author-info.js

@@ -1,99 +1,77 @@
-/**
- * WordPress dependencies
- */
-import { Tooltip, __experimentalVStack as VStack } from '@wordpress/components';
-import { __, _x } from '@wordpress/i18n';
-import { dateI18n, getSettings as getDateSettings, humanTimeDiff, getDate } from '@wordpress/date';
-import { store as coreStore } from '@wordpress/core-data';
-import { useSelect } from '@wordpress/data';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import { getAvatarBorderColor } from './utils';
-
-/**
- * Render author information for a comment.
- *
- * @param {Object} props        - Component properties.
- * @param {string} props.avatar - URL of the author's avatar.
- * @param {string} props.name   - Name of the author.
- * @param {string} props.date   - Date of the comment.
- * @param {string} props.userId - User ID of the author.
- *
- * @return {React.ReactNode} The JSX element representing the author's information.
- */
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-function CommentAuthorInfo({
-  avatar,
-  name,
-  date,
-  userId
-}) {
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip, __experimentalVStack as VStack } from "@wordpress/components";
+import { __, _x } from "@wordpress/i18n";
+import {
+  dateI18n,
+  getSettings as getDateSettings,
+  humanTimeDiff,
+  getDate
+} from "@wordpress/date";
+import { store as coreStore } from "@wordpress/core-data";
+import { useSelect } from "@wordpress/data";
+import { store as blockEditorStore } from "@wordpress/block-editor";
+import { getAvatarBorderColor } from "./utils";
+function CommentAuthorInfo({ avatar, name, date, userId }) {
   const dateSettings = getDateSettings();
   const {
     currentUserAvatar,
     currentUserName,
     currentUserId,
     dateFormat = dateSettings.formats.date
-  } = useSelect(select => {
-    var _userData$avatar_urls;
-    const {
-      getCurrentUser,
-      getEntityRecord
-    } = select(coreStore);
-    const {
-      getSettings
-    } = select(blockEditorStore);
+  } = useSelect((select) => {
+    const { getCurrentUser, getEntityRecord } = select(coreStore);
+    const { getSettings } = select(blockEditorStore);
     const userData = getCurrentUser();
-    const {
-      __experimentalDiscussionSettings
-    } = getSettings();
+    const { __experimentalDiscussionSettings } = getSettings();
     const defaultAvatar = __experimentalDiscussionSettings?.avatarURL;
-    const siteSettings = getEntityRecord('root', 'site');
+    const siteSettings = getEntityRecord("root", "site");
     return {
-      currentUserAvatar: (_userData$avatar_urls = userData?.avatar_urls?.[48]) !== null && _userData$avatar_urls !== void 0 ? _userData$avatar_urls : defaultAvatar,
+      currentUserAvatar: userData?.avatar_urls?.[48] ?? defaultAvatar,
       currentUserName: userData?.name,
       currentUserId: userData?.id,
       dateFormat: siteSettings?.date_format
     };
   }, []);
   const commentDate = getDate(date);
-  const commentDateTime = dateI18n('c', commentDate);
-  const shouldShowHumanTimeDiff = Math.floor((new Date() - commentDate) / (1000 * 60 * 60 * 24)) < 30;
+  const commentDateTime = dateI18n("c", commentDate);
+  const shouldShowHumanTimeDiff = Math.floor((/* @__PURE__ */ new Date() - commentDate) / (1e3 * 60 * 60 * 24)) < 30;
   const commentDateText = shouldShowHumanTimeDiff ? humanTimeDiff(commentDate) : dateI18n(dateFormat, commentDate);
   const tooltipText = dateI18n(
-  // translators: Use a non-breaking space between 'g:i' and 'a' if appropriate.
-  _x('F j, Y g:i\xa0a', 'Comment date full date format'), date);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx("img", {
-      src: avatar !== null && avatar !== void 0 ? avatar : currentUserAvatar,
-      className: "editor-collab-sidebar-panel__user-avatar"
-      // translators: alt text for user avatar image
-      ,
-      alt: __('User avatar'),
-      width: 32,
-      height: 32,
-      style: {
-        borderColor: getAvatarBorderColor(userId !== null && userId !== void 0 ? userId : currentUserId)
+    // translators: Use a non-breaking space between 'g:i' and 'a' if appropriate.
+    _x("F j, Y g:i\xA0a", "Note date full date format"),
+    date
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: avatar || currentUserAvatar,
+        className: "editor-collab-sidebar-panel__user-avatar",
+        alt: __("User avatar"),
+        width: 32,
+        height: 32,
+        style: {
+          borderColor: getAvatarBorderColor(
+            userId ?? currentUserId
+          )
+        }
       }
-    }), /*#__PURE__*/_jsxs(VStack, {
-      spacing: "0",
-      children: [/*#__PURE__*/_jsx("span", {
-        className: "editor-collab-sidebar-panel__user-name",
-        children: name !== null && name !== void 0 ? name : currentUserName
-      }), date && /*#__PURE__*/_jsx(Tooltip, {
-        placement: "top",
-        text: tooltipText,
-        children: /*#__PURE__*/_jsx("time", {
+    ),
+    /* @__PURE__ */ jsxs(VStack, { spacing: "0", children: [
+      /* @__PURE__ */ jsx("span", { className: "editor-collab-sidebar-panel__user-name", children: name ?? currentUserName }),
+      date && /* @__PURE__ */ jsx(Tooltip, { placement: "top", text: tooltipText, children: /* @__PURE__ */ jsx(
+        "time",
+        {
           dateTime: commentDateTime,
           className: "editor-collab-sidebar-panel__user-time",
           children: commentDateText
-        })
-      })]
-    })]
-  });
+        }
+      ) })
+    ] })
+  ] });
 }
-export default CommentAuthorInfo;
-//# sourceMappingURL=comment-author-info.js.map
+var comment_author_info_default = CommentAuthorInfo;
+export {
+  comment_author_info_default as default
+};
+//# sourceMappingURL=comment-author-info.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["Tooltip","__experimentalVStack","VStack","__","_x","dateI18n","getSettings","getDateSettings","humanTimeDiff","getDate","store","coreStore","useSelect","blockEditorStore","getAvatarBorderColor","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","CommentAuthorInfo","avatar","name","date","userId","dateSettings","currentUserAvatar","currentUserName","currentUserId","dateFormat","formats","select","_userData$avatar_urls","getCurrentUser","getEntityRecord","userData","__experimentalDiscussionSettings","defaultAvatar","avatarURL","siteSettings","avatar_urls","id","date_format","commentDate","commentDateTime","shouldShowHumanTimeDiff","Math","floor","Date","commentDateText","tooltipText","children","src","className","alt","width","height","style","borderColor","spacing","placement","text","dateTime"],"sources":["@wordpress/editor/src/components/collab-sidebar/comment-author-info.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Tooltip, __experimentalVStack as VStack } from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tdateI18n,\n\tgetSettings as getDateSettings,\n\thumanTimeDiff,\n\tgetDate,\n} from '@wordpress/date';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { getAvatarBorderColor } from './utils';\n\n/**\n * Render author information for a comment.\n *\n * @param {Object} props        - Component properties.\n * @param {string} props.avatar - URL of the author's avatar.\n * @param {string} props.name   - Name of the author.\n * @param {string} props.date   - Date of the comment.\n * @param {string} props.userId - User ID of the author.\n *\n * @return {React.ReactNode} The JSX element representing the author's information.\n */\nfunction CommentAuthorInfo( { avatar, name, date, userId } ) {\n\tconst dateSettings = getDateSettings();\n\tconst {\n\t\tcurrentUserAvatar,\n\t\tcurrentUserName,\n\t\tcurrentUserId,\n\t\tdateFormat = dateSettings.formats.date,\n\t} = useSelect( ( select ) => {\n\t\tconst { getCurrentUser, getEntityRecord } = select( coreStore );\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\tconst userData = getCurrentUser();\n\t\tconst { __experimentalDiscussionSettings } = getSettings();\n\t\tconst defaultAvatar = __experimentalDiscussionSettings?.avatarURL;\n\t\tconst siteSettings = getEntityRecord( 'root', 'site' );\n\t\treturn {\n\t\t\tcurrentUserAvatar: userData?.avatar_urls?.[ 48 ] ?? defaultAvatar,\n\t\t\tcurrentUserName: userData?.name,\n\t\t\tcurrentUserId: userData?.id,\n\t\t\tdateFormat: siteSettings?.date_format,\n\t\t};\n\t}, [] );\n\n\tconst commentDate = getDate( date );\n\tconst commentDateTime = dateI18n( 'c', commentDate );\n\tconst shouldShowHumanTimeDiff =\n\t\tMath.floor( ( new Date() - commentDate ) / ( 1000 * 60 * 60 * 24 ) ) <\n\t\t30;\n\n\tconst commentDateText = shouldShowHumanTimeDiff\n\t\t? humanTimeDiff( commentDate )\n\t\t: dateI18n( dateFormat, commentDate );\n\n\tconst tooltipText = dateI18n(\n\t\t// translators: Use a non-breaking space between 'g:i' and 'a' if appropriate.\n\t\t_x( 'F j, Y g:i\\xa0a', 'Comment date full date format' ),\n\t\tdate\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<img\n\t\t\t\tsrc={ avatar ?? currentUserAvatar }\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\tstyle={ {\n\t\t\t\t\tborderColor: getAvatarBorderColor(\n\t\t\t\t\t\tuserId ?? currentUserId\n\t\t\t\t\t),\n\t\t\t\t} }\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{ name ?? currentUserName }\n\t\t\t\t</span>\n\t\t\t\t{ date && (\n\t\t\t\t\t<Tooltip placement=\"top\" text={ tooltipText }>\n\t\t\t\t\t\t<time\n\t\t\t\t\t\t\tdateTime={ commentDateTime }\n\t\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__user-time\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ commentDateText }\n\t\t\t\t\t\t</time>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</>\n\t);\n}\n\nexport default CommentAuthorInfo;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/collab-sidebar/comment-author-info.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Tooltip, __experimentalVStack as VStack } from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tdateI18n,\n\tgetSettings as getDateSettings,\n\thumanTimeDiff,\n\tgetDate,\n} from '@wordpress/date';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { getAvatarBorderColor } from './utils';\n\n/**\n * Render author information for a comment.\n *\n * @param {Object} props        - Component properties.\n * @param {string} props.avatar - URL of the author's avatar.\n * @param {string} props.name   - Name of the author.\n * @param {string} props.date   - Date of the comment.\n * @param {string} props.userId - User ID of the author.\n *\n * @return {React.ReactNode} The JSX element representing the author's information.\n */\nfunction CommentAuthorInfo( { avatar, name, date, userId } ) {\n\tconst dateSettings = getDateSettings();\n\tconst {\n\t\tcurrentUserAvatar,\n\t\tcurrentUserName,\n\t\tcurrentUserId,\n\t\tdateFormat = dateSettings.formats.date,\n\t} = useSelect( ( select ) => {\n\t\tconst { getCurrentUser, getEntityRecord } = select( coreStore );\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\tconst userData = getCurrentUser();\n\t\tconst { __experimentalDiscussionSettings } = getSettings();\n\t\tconst defaultAvatar = __experimentalDiscussionSettings?.avatarURL;\n\t\tconst siteSettings = getEntityRecord( 'root', 'site' );\n\t\treturn {\n\t\t\tcurrentUserAvatar: userData?.avatar_urls?.[ 48 ] ?? defaultAvatar,\n\t\t\tcurrentUserName: userData?.name,\n\t\t\tcurrentUserId: userData?.id,\n\t\t\tdateFormat: siteSettings?.date_format,\n\t\t};\n\t}, [] );\n\n\tconst commentDate = getDate( date );\n\tconst commentDateTime = dateI18n( 'c', commentDate );\n\tconst shouldShowHumanTimeDiff =\n\t\tMath.floor( ( new Date() - commentDate ) / ( 1000 * 60 * 60 * 24 ) ) <\n\t\t30;\n\n\tconst commentDateText = shouldShowHumanTimeDiff\n\t\t? humanTimeDiff( commentDate )\n\t\t: dateI18n( dateFormat, commentDate );\n\n\tconst tooltipText = dateI18n(\n\t\t// translators: Use a non-breaking space between 'g:i' and 'a' if appropriate.\n\t\t_x( 'F j, Y g:i\\xa0a', 'Note date full date format' ),\n\t\tdate\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<img\n\t\t\t\tsrc={ avatar || currentUserAvatar }\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\tstyle={ {\n\t\t\t\t\tborderColor: getAvatarBorderColor(\n\t\t\t\t\t\tuserId ?? currentUserId\n\t\t\t\t\t),\n\t\t\t\t} }\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{ name ?? currentUserName }\n\t\t\t\t</span>\n\t\t\t\t{ date && (\n\t\t\t\t\t<Tooltip placement=\"top\" text={ tooltipText }>\n\t\t\t\t\t\t<time\n\t\t\t\t\t\t\tdateTime={ commentDateTime }\n\t\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__user-time\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ commentDateText }\n\t\t\t\t\t\t</time>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</>\n\t);\n}\n\nexport default CommentAuthorInfo;\n"],
+  "mappings": "AAsEE,mBACC,KAaA,YAdD;AAnEF,SAAS,SAAS,wBAAwB,cAAc;AACxD,SAAS,IAAI,UAAU;AACvB;AAAA,EACC;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,OACM;AACP,SAAS,SAAS,iBAAiB;AACnC,SAAS,iBAAiB;AAC1B,SAAS,SAAS,wBAAwB;AAK1C,SAAS,4BAA4B;AAarC,SAAS,kBAAmB,EAAE,QAAQ,MAAM,MAAM,OAAO,GAAI;AAC5D,QAAM,eAAe,gBAAgB;AACrC,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,aAAa,QAAQ;AAAA,EACnC,IAAI,UAAW,CAAE,WAAY;AAC5B,UAAM,EAAE,gBAAgB,gBAAgB,IAAI,OAAQ,SAAU;AAC9D,UAAM,EAAE,YAAY,IAAI,OAAQ,gBAAiB;AACjD,UAAM,WAAW,eAAe;AAChC,UAAM,EAAE,iCAAiC,IAAI,YAAY;AACzD,UAAM,gBAAgB,kCAAkC;AACxD,UAAM,eAAe,gBAAiB,QAAQ,MAAO;AACrD,WAAO;AAAA,MACN,mBAAmB,UAAU,cAAe,EAAG,KAAK;AAAA,MACpD,iBAAiB,UAAU;AAAA,MAC3B,eAAe,UAAU;AAAA,MACzB,YAAY,cAAc;AAAA,IAC3B;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,QAAM,cAAc,QAAS,IAAK;AAClC,QAAM,kBAAkB,SAAU,KAAK,WAAY;AACnD,QAAM,0BACL,KAAK,OAAS,oBAAI,KAAK,IAAI,gBAAkB,MAAO,KAAK,KAAK,GAAK,IACnE;AAED,QAAM,kBAAkB,0BACrB,cAAe,WAAY,IAC3B,SAAU,YAAY,WAAY;AAErC,QAAM,cAAc;AAAA;AAAA,IAEnB,GAAI,mBAAmB,4BAA6B;AAAA,IACpD;AAAA,EACD;AAEA,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,KAAM,UAAU;AAAA,QAChB,WAAU;AAAA,QAEV,KAAM,GAAI,aAAc;AAAA,QACxB,OAAQ;AAAA,QACR,QAAS;AAAA,QACT,OAAQ;AAAA,UACP,aAAa;AAAA,YACZ,UAAU;AAAA,UACX;AAAA,QACD;AAAA;AAAA,IACD;AAAA,IACA,qBAAC,UAAO,SAAQ,KACf;AAAA,0BAAC,UAAK,WAAU,0CACb,kBAAQ,iBACX;AAAA,MACE,QACD,oBAAC,WAAQ,WAAU,OAAM,MAAO,aAC/B;AAAA,QAAC;AAAA;AAAA,UACA,UAAW;AAAA,UACX,WAAU;AAAA,UAER;AAAA;AAAA,MACH,GACD;AAAA,OAEF;AAAA,KACD;AAEF;AAEA,IAAO,8BAAQ;",
+  "names": []
+}

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

@@ -1,83 +1,76 @@
-/**
- * External dependencies
- */
-import TextareaAutosize from 'react-autosize-textarea';
-
-/**
- * WordPress dependencies
- */
-import { useState } from '@wordpress/element';
-import { __experimentalVStack as VStack, __experimentalHStack as HStack, __experimentalTruncate as Truncate, Button, VisuallyHidden } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { useInstanceId } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import { sanitizeCommentString } from './utils';
-
-/**
- * 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.
- * @param {string}   props.submitButtonText - The text to display on the submit button.
- * @param {string?}  props.labelText        - The label text for the comment input.
- * @return {React.ReactNode} The CommentForm component.
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import TextareaAutosize from "react-autosize-textarea";
+import { useState } from "@wordpress/element";
+import {
+  __experimentalVStack as VStack,
+  __experimentalHStack as HStack,
+  __experimentalTruncate as Truncate,
+  Button,
+  VisuallyHidden
+} from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
+import { useInstanceId, useDebounce } from "@wordpress/compose";
+import { sanitizeCommentString, noop } from "./utils";
 function CommentForm({
   onSubmit,
   onCancel,
   thread,
   submitButtonText,
-  labelText
+  labelText,
+  reflowComments = noop
 }) {
-  var _thread$content$raw;
-  const [inputComment, setInputComment] = useState((_thread$content$raw = thread?.content?.raw) !== null && _thread$content$raw !== void 0 ? _thread$content$raw : '');
-  const inputId = useInstanceId(CommentForm, 'comment-input');
+  const [inputComment, setInputComment] = useState(
+    thread?.content?.raw ?? ""
+  );
+  const debouncedCommentUpdated = useDebounce(reflowComments, 100);
+  const updateComment = (value) => {
+    setInputComment(value);
+  };
+  const inputId = useInstanceId(CommentForm, "comment-input");
   const isDisabled = inputComment === thread?.content?.raw || !sanitizeCommentString(inputComment).length;
-  return /*#__PURE__*/_jsxs(VStack, {
-    className: "editor-collab-sidebar-panel__comment-form",
-    spacing: "4",
-    children: [/*#__PURE__*/_jsx(VisuallyHidden, {
-      as: "label",
-      htmlFor: inputId,
-      children: labelText !== null && labelText !== void 0 ? labelText : __('Comment')
-    }), /*#__PURE__*/_jsx(TextareaAutosize, {
-      id: inputId,
-      value: inputComment !== null && inputComment !== void 0 ? inputComment : '',
-      onChange: comment => setInputComment(comment.target.value),
-      rows: 1,
-      maxRows: 20
-    }), /*#__PURE__*/_jsxs(HStack, {
-      spacing: "2",
-      justify: "flex-end",
-      wrap: true,
-      children: [/*#__PURE__*/_jsx(Button, {
-        size: "compact",
-        variant: "tertiary",
-        onClick: onCancel,
-        children: /*#__PURE__*/_jsx(Truncate, {
-          children: __('Cancel')
-        })
-      }), /*#__PURE__*/_jsx(Button, {
-        size: "compact",
-        accessibleWhenDisabled: true,
-        variant: "primary",
-        onClick: () => {
-          onSubmit(inputComment);
-          setInputComment('');
-        },
-        disabled: isDisabled,
-        children: /*#__PURE__*/_jsx(Truncate, {
-          children: submitButtonText
-        })
-      })]
-    })]
-  });
+  return /* @__PURE__ */ jsxs(
+    VStack,
+    {
+      className: "editor-collab-sidebar-panel__comment-form",
+      spacing: "4",
+      children: [
+        /* @__PURE__ */ jsx(VisuallyHidden, { as: "label", htmlFor: inputId, children: labelText ?? __("Note") }),
+        /* @__PURE__ */ jsx(
+          TextareaAutosize,
+          {
+            id: inputId,
+            value: inputComment ?? "",
+            onChange: (comment) => {
+              updateComment(comment.target.value);
+              debouncedCommentUpdated();
+            },
+            rows: 1,
+            maxRows: 20
+          }
+        ),
+        /* @__PURE__ */ jsxs(HStack, { spacing: "2", justify: "flex-end", wrap: true, children: [
+          /* @__PURE__ */ jsx(Button, { size: "compact", variant: "tertiary", onClick: onCancel, children: /* @__PURE__ */ jsx(Truncate, { children: __("Cancel") }) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "compact",
+              accessibleWhenDisabled: true,
+              variant: "primary",
+              onClick: () => {
+                onSubmit(inputComment);
+                setInputComment("");
+              },
+              disabled: isDisabled,
+              children: /* @__PURE__ */ jsx(Truncate, { children: submitButtonText })
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }
-export default CommentForm;
-//# sourceMappingURL=comment-form.js.map
+var comment_form_default = CommentForm;
+export {
+  comment_form_default as default
+};
+//# sourceMappingURL=comment-form.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["TextareaAutosize","useState","__experimentalVStack","VStack","__experimentalHStack","HStack","__experimentalTruncate","Truncate","Button","VisuallyHidden","__","useInstanceId","sanitizeCommentString","jsx","_jsx","jsxs","_jsxs","CommentForm","onSubmit","onCancel","thread","submitButtonText","labelText","_thread$content$raw","inputComment","setInputComment","content","raw","inputId","isDisabled","length","className","spacing","children","as","htmlFor","id","value","onChange","comment","target","rows","maxRows","justify","wrap","size","variant","onClick","accessibleWhenDisabled","disabled"],"sources":["@wordpress/editor/src/components/collab-sidebar/comment-form.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport TextareaAutosize from 'react-autosize-textarea';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\t__experimentalTruncate as Truncate,\n\tButton,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { sanitizeCommentString } from './utils';\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 * @param {string}   props.submitButtonText - The text to display on the submit button.\n * @param {string?}  props.labelText        - The label text for the comment input.\n * @return {React.ReactNode} The CommentForm component.\n */\nfunction CommentForm( {\n\tonSubmit,\n\tonCancel,\n\tthread,\n\tsubmitButtonText,\n\tlabelText,\n} ) {\n\tconst [ inputComment, setInputComment ] = useState(\n\t\tthread?.content?.raw ?? ''\n\t);\n\n\tconst inputId = useInstanceId( CommentForm, 'comment-input' );\n\tconst isDisabled =\n\t\tinputComment === thread?.content?.raw ||\n\t\t! sanitizeCommentString( inputComment ).length;\n\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"editor-collab-sidebar-panel__comment-form\"\n\t\t\tspacing=\"4\"\n\t\t>\n\t\t\t<VisuallyHidden as=\"label\" htmlFor={ inputId }>\n\t\t\t\t{ labelText ?? __( 'Comment' ) }\n\t\t\t</VisuallyHidden>\n\t\t\t<TextareaAutosize\n\t\t\t\tid={ inputId }\n\t\t\t\tvalue={ inputComment ?? '' }\n\t\t\t\tonChange={ ( comment ) =>\n\t\t\t\t\tsetInputComment( comment.target.value )\n\t\t\t\t}\n\t\t\t\trows={ 1 }\n\t\t\t\tmaxRows={ 20 }\n\t\t\t/>\n\t\t\t<HStack spacing=\"2\" justify=\"flex-end\" wrap>\n\t\t\t\t<Button size=\"compact\" variant=\"tertiary\" onClick={ onCancel }>\n\t\t\t\t\t<Truncate>{ __( 'Cancel' ) }</Truncate>\n\t\t\t\t</Button>\n\t\t\t\t<Button\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\tvariant=\"primary\"\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\tdisabled={ isDisabled }\n\t\t\t\t>\n\t\t\t\t\t<Truncate>{ submitButtonText }</Truncate>\n\t\t\t\t</Button>\n\t\t\t</HStack>\n\t\t</VStack>\n\t);\n}\n\nexport default CommentForm;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,gBAAgB,MAAM,yBAAyB;;AAEtD;AACA;AACA;AACA,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SACCC,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,EAC9BC,sBAAsB,IAAIC,QAAQ,EAClCC,MAAM,EACNC,cAAc,QACR,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,aAAa,QAAQ,oBAAoB;;AAElD;AACA;AACA;AACA,SAASC,qBAAqB,QAAQ,SAAS;;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWA,SAASC,WAAWA,CAAE;EACrBC,QAAQ;EACRC,QAAQ;EACRC,MAAM;EACNC,gBAAgB;EAChBC;AACD,CAAC,EAAG;EAAA,IAAAC,mBAAA;EACH,MAAM,CAAEC,YAAY,EAAEC,eAAe,CAAE,GAAGxB,QAAQ,EAAAsB,mBAAA,GACjDH,MAAM,EAAEM,OAAO,EAAEC,GAAG,cAAAJ,mBAAA,cAAAA,mBAAA,GAAI,EACzB,CAAC;EAED,MAAMK,OAAO,GAAGjB,aAAa,CAAEM,WAAW,EAAE,eAAgB,CAAC;EAC7D,MAAMY,UAAU,GACfL,YAAY,KAAKJ,MAAM,EAAEM,OAAO,EAAEC,GAAG,IACrC,CAAEf,qBAAqB,CAAEY,YAAa,CAAC,CAACM,MAAM;EAE/C,oBACCd,KAAA,CAACb,MAAM;IACN4B,SAAS,EAAC,2CAA2C;IACrDC,OAAO,EAAC,GAAG;IAAAC,QAAA,gBAEXnB,IAAA,CAACL,cAAc;MAACyB,EAAE,EAAC,OAAO;MAACC,OAAO,EAAGP,OAAS;MAAAK,QAAA,EAC3CX,SAAS,aAATA,SAAS,cAATA,SAAS,GAAIZ,EAAE,CAAE,SAAU;IAAC,CACf,CAAC,eACjBI,IAAA,CAACd,gBAAgB;MAChBoC,EAAE,EAAGR,OAAS;MACdS,KAAK,EAAGb,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAI,EAAI;MAC5Bc,QAAQ,EAAKC,OAAO,IACnBd,eAAe,CAAEc,OAAO,CAACC,MAAM,CAACH,KAAM,CACtC;MACDI,IAAI,EAAG,CAAG;MACVC,OAAO,EAAG;IAAI,CACd,CAAC,eACF1B,KAAA,CAACX,MAAM;MAAC2B,OAAO,EAAC,GAAG;MAACW,OAAO,EAAC,UAAU;MAACC,IAAI;MAAAX,QAAA,gBAC1CnB,IAAA,CAACN,MAAM;QAACqC,IAAI,EAAC,SAAS;QAACC,OAAO,EAAC,UAAU;QAACC,OAAO,EAAG5B,QAAU;QAAAc,QAAA,eAC7DnB,IAAA,CAACP,QAAQ;UAAA0B,QAAA,EAAGvB,EAAE,CAAE,QAAS;QAAC,CAAY;MAAC,CAChC,CAAC,eACTI,IAAA,CAACN,MAAM;QACNqC,IAAI,EAAC,SAAS;QACdG,sBAAsB;QACtBF,OAAO,EAAC,SAAS;QACjBC,OAAO,EAAGA,CAAA,KAAM;UACf7B,QAAQ,CAAEM,YAAa,CAAC;UACxBC,eAAe,CAAE,EAAG,CAAC;QACtB,CAAG;QACHwB,QAAQ,EAAGpB,UAAY;QAAAI,QAAA,eAEvBnB,IAAA,CAACP,QAAQ;UAAA0B,QAAA,EAAGZ;QAAgB,CAAY;MAAC,CAClC,CAAC;IAAA,CACF,CAAC;EAAA,CACF,CAAC;AAEX;AAEA,eAAeJ,WAAW","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/collab-sidebar/comment-form.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport TextareaAutosize from 'react-autosize-textarea';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\t__experimentalTruncate as Truncate,\n\tButton,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useInstanceId, useDebounce } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { sanitizeCommentString, noop } from './utils';\n\nfunction CommentForm( {\n\tonSubmit,\n\tonCancel,\n\tthread,\n\tsubmitButtonText,\n\tlabelText,\n\treflowComments = noop,\n} ) {\n\tconst [ inputComment, setInputComment ] = useState(\n\t\tthread?.content?.raw ?? ''\n\t);\n\n\t// Regularly trigger a reflow as the user types since the textarea may grow or shrink.\n\tconst debouncedCommentUpdated = useDebounce( reflowComments, 100 );\n\n\tconst updateComment = ( value ) => {\n\t\tsetInputComment( value );\n\t};\n\n\tconst inputId = useInstanceId( CommentForm, 'comment-input' );\n\tconst isDisabled =\n\t\tinputComment === thread?.content?.raw ||\n\t\t! sanitizeCommentString( inputComment ).length;\n\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"editor-collab-sidebar-panel__comment-form\"\n\t\t\tspacing=\"4\"\n\t\t>\n\t\t\t<VisuallyHidden as=\"label\" htmlFor={ inputId }>\n\t\t\t\t{ labelText ?? __( 'Note' ) }\n\t\t\t</VisuallyHidden>\n\t\t\t<TextareaAutosize\n\t\t\t\tid={ inputId }\n\t\t\t\tvalue={ inputComment ?? '' }\n\t\t\t\tonChange={ ( comment ) => {\n\t\t\t\t\tupdateComment( comment.target.value );\n\t\t\t\t\tdebouncedCommentUpdated();\n\t\t\t\t} }\n\t\t\t\trows={ 1 }\n\t\t\t\tmaxRows={ 20 }\n\t\t\t/>\n\t\t\t<HStack spacing=\"2\" justify=\"flex-end\" wrap>\n\t\t\t\t<Button size=\"compact\" variant=\"tertiary\" onClick={ onCancel }>\n\t\t\t\t\t<Truncate>{ __( 'Cancel' ) }</Truncate>\n\t\t\t\t</Button>\n\t\t\t\t<Button\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\tvariant=\"primary\"\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\tdisabled={ isDisabled }\n\t\t\t\t>\n\t\t\t\t\t<Truncate>{ submitButtonText }</Truncate>\n\t\t\t\t</Button>\n\t\t\t</HStack>\n\t\t</VStack>\n\t);\n}\n\nexport default CommentForm;\n"],
+  "mappings": "AAqDG,cAaA,YAbA;AAlDH,OAAO,sBAAsB;AAK7B,SAAS,gBAAgB;AACzB;AAAA,EACC,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,0BAA0B;AAAA,EAC1B;AAAA,EACA;AAAA,OACM;AACP,SAAS,UAAU;AACnB,SAAS,eAAe,mBAAmB;AAK3C,SAAS,uBAAuB,YAAY;AAE5C,SAAS,YAAa;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAClB,GAAI;AACH,QAAM,CAAE,cAAc,eAAgB,IAAI;AAAA,IACzC,QAAQ,SAAS,OAAO;AAAA,EACzB;AAGA,QAAM,0BAA0B,YAAa,gBAAgB,GAAI;AAEjE,QAAM,gBAAgB,CAAE,UAAW;AAClC,oBAAiB,KAAM;AAAA,EACxB;AAEA,QAAM,UAAU,cAAe,aAAa,eAAgB;AAC5D,QAAM,aACL,iBAAiB,QAAQ,SAAS,OAClC,CAAE,sBAAuB,YAAa,EAAE;AAEzC,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,SAAQ;AAAA,MAER;AAAA,4BAAC,kBAAe,IAAG,SAAQ,SAAU,SAClC,uBAAa,GAAI,MAAO,GAC3B;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,IAAK;AAAA,YACL,OAAQ,gBAAgB;AAAA,YACxB,UAAW,CAAE,YAAa;AACzB,4BAAe,QAAQ,OAAO,KAAM;AACpC,sCAAwB;AAAA,YACzB;AAAA,YACA,MAAO;AAAA,YACP,SAAU;AAAA;AAAA,QACX;AAAA,QACA,qBAAC,UAAO,SAAQ,KAAI,SAAQ,YAAW,MAAI,MAC1C;AAAA,8BAAC,UAAO,MAAK,WAAU,SAAQ,YAAW,SAAU,UACnD,8BAAC,YAAW,aAAI,QAAS,GAAG,GAC7B;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACA,MAAK;AAAA,cACL,wBAAsB;AAAA,cACtB,SAAQ;AAAA,cACR,SAAU,MAAM;AACf,yBAAU,YAAa;AACvB,gCAAiB,EAAG;AAAA,cACrB;AAAA,cACA,UAAW;AAAA,cAEX,8BAAC,YAAW,4BAAkB;AAAA;AAAA,UAC/B;AAAA,WACD;AAAA;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,uBAAQ;",
+  "names": []
+}

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

@@ -1,47 +1,27 @@
-/**
- * WordPress dependencies
- */
-import { ToolbarButton } from '@wordpress/components';
-import { _x, __, _n, sprintf } from '@wordpress/i18n';
-import { useMemo } from '@wordpress/element';
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-import { getAvatarBorderColor } from './utils';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  CommentIconToolbarSlotFill
-} = unlock(blockEditorPrivateApis);
-const CommentAvatarIndicator = ({
-  onClick,
-  thread,
-  hasMoreComments
-}) => {
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ToolbarButton } from "@wordpress/components";
+import { __, _n, sprintf } from "@wordpress/i18n";
+import { useMemo } from "@wordpress/element";
+import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
+import clsx from "clsx";
+import { unlock } from "../../lock-unlock";
+import { getAvatarBorderColor } from "./utils";
+const { CommentIconToolbarSlotFill } = unlock(blockEditorPrivateApis);
+const CommentAvatarIndicator = ({ onClick, thread, hasMoreComments }) => {
   const threadParticipants = useMemo(() => {
     if (!thread) {
       return [];
     }
-    const participantsMap = new Map();
+    const participantsMap = /* @__PURE__ */ new Map();
     const allComments = [thread, ...thread.reply];
-
-    // Sort by date to show participants in chronological order.
     allComments.sort((a, b) => new Date(a.date) - new Date(b.date));
-    allComments.forEach(comment => {
-      // Track thread participants (original commenter + repliers).
+    allComments.forEach((comment) => {
       if (comment.author_name && comment.author_avatar_urls) {
         const authorKey = `${comment.author}-${comment.author_name}`;
         if (!participantsMap.has(authorKey)) {
           participantsMap.set(authorKey, {
             name: comment.author_name,
-            avatar: comment.author_avatar_urls?.['48'] || comment.author_avatar_urls?.['96'],
+            avatar: comment.author_avatar_urls?.["48"] || comment.author_avatar_urls?.["96"],
             id: comment.author,
             isOriginalCommenter: comment.id === thread.id,
             date: comment.date
@@ -51,57 +31,68 @@ const CommentAvatarIndicator = ({
     });
     return Array.from(participantsMap.values());
   }, [thread]);
-  const hasUnresolved = thread?.status !== 'approved';
-
-  // Check if this specific thread has more participants due to pagination.
-  // If we have pagination AND this thread + its replies equals or exceeds the API limit,
-  // then this thread likely has more participants that weren't loaded.
+  const hasUnresolved = thread?.status !== "approved";
   const threadHasMoreParticipants = hasMoreComments && thread?.reply && 1 + thread.reply.length >= 100;
   if (!threadParticipants.length) {
     return null;
   }
-
-  // Show up to 3 avatars, with overflow indicator.
   const maxAvatars = 3;
   const visibleParticipants = threadParticipants.slice(0, maxAvatars);
   const overflowCount = Math.max(0, threadParticipants.length - maxAvatars);
-
-  // If we hit the comment limit, show "100+" instead of exact overflow count.
-  const overflowText = threadHasMoreParticipants && overflowCount > 0 ? __('100+') : sprintf(
-  // translators: %s: Number of participants.
-  __('+%s'), overflowCount);
-  const overflowTitle = threadHasMoreParticipants && overflowCount > 0 ? __('100+ participants') : sprintf(
-  // translators: %s: Number of participants.
-  _n('+%s more participant', '+%s more participants', overflowCount), overflowCount);
-  return /*#__PURE__*/_jsx(CommentIconToolbarSlotFill.Fill, {
-    children: /*#__PURE__*/_jsx(ToolbarButton, {
-      className: clsx('comment-avatar-indicator', {
-        'has-unresolved': hasUnresolved
+  const overflowText = threadHasMoreParticipants && overflowCount > 0 ? __("100+") : sprintf(
+    // translators: %s: Number of participants.
+    __("+%s"),
+    overflowCount
+  );
+  const overflowTitle = threadHasMoreParticipants && overflowCount > 0 ? __("100+ participants") : sprintf(
+    // translators: %s: Number of participants.
+    _n(
+      "+%s more participant",
+      "+%s more participants",
+      overflowCount
+    ),
+    overflowCount
+  );
+  return /* @__PURE__ */ jsx(CommentIconToolbarSlotFill.Fill, { children: /* @__PURE__ */ jsx(
+    ToolbarButton,
+    {
+      className: clsx("comment-avatar-indicator", {
+        "has-unresolved": hasUnresolved
       }),
-      label: _x('View comments', 'View comment thread'),
-      onClick: onClick,
+      label: __("View notes"),
+      onClick,
       showTooltip: true,
-      children: /*#__PURE__*/_jsxs("div", {
-        className: "comment-avatar-stack",
-        children: [visibleParticipants.map((participant, index) => /*#__PURE__*/_jsx("img", {
-          src: participant.avatar,
-          alt: participant.name,
-          className: "comment-avatar",
-          style: {
-            zIndex: maxAvatars - index,
-            borderColor: getAvatarBorderColor(participant.id)
-          }
-        }, participant.name + index)), overflowCount > 0 && /*#__PURE__*/_jsx("div", {
-          className: "comment-avatar-overflow",
-          style: {
-            zIndex: 0
+      children: /* @__PURE__ */ jsxs("div", { className: "comment-avatar-stack", children: [
+        visibleParticipants.map((participant, index) => /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: participant.avatar,
+            alt: participant.name,
+            className: "comment-avatar",
+            style: {
+              zIndex: maxAvatars - index,
+              borderColor: getAvatarBorderColor(
+                participant.id
+              )
+            }
           },
-          title: overflowTitle,
-          children: overflowText
-        })]
-      })
-    })
-  });
+          participant.name + index
+        )),
+        overflowCount > 0 && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "comment-avatar-overflow",
+            style: { zIndex: 0 },
+            title: overflowTitle,
+            children: overflowText
+          }
+        )
+      ] })
+    }
+  ) });
+};
+var comment_indicator_toolbar_default = CommentAvatarIndicator;
+export {
+  comment_indicator_toolbar_default as default
 };
-export default CommentAvatarIndicator;
-//# sourceMappingURL=comment-indicator-toolbar.js.map
+//# sourceMappingURL=comment-indicator-toolbar.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["ToolbarButton","_x","__","_n","sprintf","useMemo","privateApis","blockEditorPrivateApis","clsx","unlock","getAvatarBorderColor","jsx","_jsx","jsxs","_jsxs","CommentIconToolbarSlotFill","CommentAvatarIndicator","onClick","thread","hasMoreComments","threadParticipants","participantsMap","Map","allComments","reply","sort","a","b","Date","date","forEach","comment","author_name","author_avatar_urls","authorKey","author","has","set","name","avatar","id","isOriginalCommenter","Array","from","values","hasUnresolved","status","threadHasMoreParticipants","length","maxAvatars","visibleParticipants","slice","overflowCount","Math","max","overflowText","overflowTitle","Fill","children","className","label","showTooltip","map","participant","index","src","alt","style","zIndex","borderColor","title"],"sources":["@wordpress/editor/src/components/collab-sidebar/comment-indicator-toolbar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarButton } from '@wordpress/components';\nimport { _x, __, _n, sprintf } from '@wordpress/i18n';\nimport { useMemo } from '@wordpress/element';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { getAvatarBorderColor } from './utils';\n\nconst { CommentIconToolbarSlotFill } = unlock( blockEditorPrivateApis );\n\nconst CommentAvatarIndicator = ( { onClick, thread, hasMoreComments } ) => {\n\tconst threadParticipants = useMemo( () => {\n\t\tif ( ! thread ) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst participantsMap = new Map();\n\t\tconst allComments = [ thread, ...thread.reply ];\n\n\t\t// Sort by date to show participants in chronological order.\n\t\tallComments.sort( ( a, b ) => new Date( a.date ) - new Date( b.date ) );\n\n\t\tallComments.forEach( ( comment ) => {\n\t\t\t// Track thread participants (original commenter + repliers).\n\t\t\tif ( comment.author_name && comment.author_avatar_urls ) {\n\t\t\t\tconst authorKey = `${ comment.author }-${ comment.author_name }`;\n\t\t\t\tif ( ! participantsMap.has( authorKey ) ) {\n\t\t\t\t\tparticipantsMap.set( authorKey, {\n\t\t\t\t\t\tname: comment.author_name,\n\t\t\t\t\t\tavatar:\n\t\t\t\t\t\t\tcomment.author_avatar_urls?.[ '48' ] ||\n\t\t\t\t\t\t\tcomment.author_avatar_urls?.[ '96' ],\n\t\t\t\t\t\tid: comment.author,\n\t\t\t\t\t\tisOriginalCommenter: comment.id === thread.id,\n\t\t\t\t\t\tdate: comment.date,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\treturn Array.from( participantsMap.values() );\n\t}, [ thread ] );\n\n\tconst hasUnresolved = thread?.status !== 'approved';\n\n\t// Check if this specific thread has more participants due to pagination.\n\t// If we have pagination AND this thread + its replies equals or exceeds the API limit,\n\t// then this thread likely has more participants that weren't loaded.\n\tconst threadHasMoreParticipants =\n\t\thasMoreComments && thread?.reply && 1 + thread.reply.length >= 100;\n\n\tif ( ! threadParticipants.length ) {\n\t\treturn null;\n\t}\n\n\t// Show up to 3 avatars, with overflow indicator.\n\tconst maxAvatars = 3;\n\tconst visibleParticipants = threadParticipants.slice( 0, maxAvatars );\n\tconst overflowCount = Math.max( 0, threadParticipants.length - maxAvatars );\n\n\t// If we hit the comment limit, show \"100+\" instead of exact overflow count.\n\tconst overflowText =\n\t\tthreadHasMoreParticipants && overflowCount > 0\n\t\t\t? __( '100+' )\n\t\t\t: sprintf(\n\t\t\t\t\t// translators: %s: Number of participants.\n\t\t\t\t\t__( '+%s' ),\n\t\t\t\t\toverflowCount\n\t\t\t  );\n\n\tconst overflowTitle =\n\t\tthreadHasMoreParticipants && overflowCount > 0\n\t\t\t? __( '100+ participants' )\n\t\t\t: sprintf(\n\t\t\t\t\t// translators: %s: Number of participants.\n\t\t\t\t\t_n(\n\t\t\t\t\t\t'+%s more participant',\n\t\t\t\t\t\t'+%s more participants',\n\t\t\t\t\t\toverflowCount\n\t\t\t\t\t),\n\t\t\t\t\toverflowCount\n\t\t\t  );\n\n\treturn (\n\t\t<CommentIconToolbarSlotFill.Fill>\n\t\t\t<ToolbarButton\n\t\t\t\tclassName={ clsx( 'comment-avatar-indicator', {\n\t\t\t\t\t'has-unresolved': hasUnresolved,\n\t\t\t\t} ) }\n\t\t\t\tlabel={ _x( 'View comments', 'View comment thread' ) }\n\t\t\t\tonClick={ onClick }\n\t\t\t\tshowTooltip\n\t\t\t>\n\t\t\t\t<div className=\"comment-avatar-stack\">\n\t\t\t\t\t{ visibleParticipants.map( ( participant, index ) => (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tkey={ participant.name + index }\n\t\t\t\t\t\t\tsrc={ participant.avatar }\n\t\t\t\t\t\t\talt={ participant.name }\n\t\t\t\t\t\t\tclassName=\"comment-avatar\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tzIndex: maxAvatars - index,\n\t\t\t\t\t\t\t\tborderColor: getAvatarBorderColor(\n\t\t\t\t\t\t\t\t\tparticipant.id\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t\t{ overflowCount > 0 && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"comment-avatar-overflow\"\n\t\t\t\t\t\t\tstyle={ { zIndex: 0 } }\n\t\t\t\t\t\t\ttitle={ overflowTitle }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ overflowText }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</ToolbarButton>\n\t\t</CommentIconToolbarSlotFill.Fill>\n\t);\n};\n\nexport default CommentAvatarIndicator;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/collab-sidebar/comment-indicator-toolbar.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { ToolbarButton } from '@wordpress/components';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { useMemo } from '@wordpress/element';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { getAvatarBorderColor } from './utils';\n\nconst { CommentIconToolbarSlotFill } = unlock( blockEditorPrivateApis );\n\nconst CommentAvatarIndicator = ( { onClick, thread, hasMoreComments } ) => {\n\tconst threadParticipants = useMemo( () => {\n\t\tif ( ! thread ) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst participantsMap = new Map();\n\t\tconst allComments = [ thread, ...thread.reply ];\n\n\t\t// Sort by date to show participants in chronological order.\n\t\tallComments.sort( ( a, b ) => new Date( a.date ) - new Date( b.date ) );\n\n\t\tallComments.forEach( ( comment ) => {\n\t\t\t// Track thread participants (original commenter + repliers).\n\t\t\tif ( comment.author_name && comment.author_avatar_urls ) {\n\t\t\t\tconst authorKey = `${ comment.author }-${ comment.author_name }`;\n\t\t\t\tif ( ! participantsMap.has( authorKey ) ) {\n\t\t\t\t\tparticipantsMap.set( authorKey, {\n\t\t\t\t\t\tname: comment.author_name,\n\t\t\t\t\t\tavatar:\n\t\t\t\t\t\t\tcomment.author_avatar_urls?.[ '48' ] ||\n\t\t\t\t\t\t\tcomment.author_avatar_urls?.[ '96' ],\n\t\t\t\t\t\tid: comment.author,\n\t\t\t\t\t\tisOriginalCommenter: comment.id === thread.id,\n\t\t\t\t\t\tdate: comment.date,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\treturn Array.from( participantsMap.values() );\n\t}, [ thread ] );\n\n\tconst hasUnresolved = thread?.status !== 'approved';\n\n\t// Check if this specific thread has more participants due to pagination.\n\t// If we have pagination AND this thread + its replies equals or exceeds the API limit,\n\t// then this thread likely has more participants that weren't loaded.\n\tconst threadHasMoreParticipants =\n\t\thasMoreComments && thread?.reply && 1 + thread.reply.length >= 100;\n\n\tif ( ! threadParticipants.length ) {\n\t\treturn null;\n\t}\n\n\t// Show up to 3 avatars, with overflow indicator.\n\tconst maxAvatars = 3;\n\tconst visibleParticipants = threadParticipants.slice( 0, maxAvatars );\n\tconst overflowCount = Math.max( 0, threadParticipants.length - maxAvatars );\n\n\t// If we hit the comment limit, show \"100+\" instead of exact overflow count.\n\tconst overflowText =\n\t\tthreadHasMoreParticipants && overflowCount > 0\n\t\t\t? __( '100+' )\n\t\t\t: sprintf(\n\t\t\t\t\t// translators: %s: Number of participants.\n\t\t\t\t\t__( '+%s' ),\n\t\t\t\t\toverflowCount\n\t\t\t  );\n\n\tconst overflowTitle =\n\t\tthreadHasMoreParticipants && overflowCount > 0\n\t\t\t? __( '100+ participants' )\n\t\t\t: sprintf(\n\t\t\t\t\t// translators: %s: Number of participants.\n\t\t\t\t\t_n(\n\t\t\t\t\t\t'+%s more participant',\n\t\t\t\t\t\t'+%s more participants',\n\t\t\t\t\t\toverflowCount\n\t\t\t\t\t),\n\t\t\t\t\toverflowCount\n\t\t\t  );\n\n\treturn (\n\t\t<CommentIconToolbarSlotFill.Fill>\n\t\t\t<ToolbarButton\n\t\t\t\tclassName={ clsx( 'comment-avatar-indicator', {\n\t\t\t\t\t'has-unresolved': hasUnresolved,\n\t\t\t\t} ) }\n\t\t\t\tlabel={ __( 'View notes' ) }\n\t\t\t\tonClick={ onClick }\n\t\t\t\tshowTooltip\n\t\t\t>\n\t\t\t\t<div className=\"comment-avatar-stack\">\n\t\t\t\t\t{ visibleParticipants.map( ( participant, index ) => (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tkey={ participant.name + index }\n\t\t\t\t\t\t\tsrc={ participant.avatar }\n\t\t\t\t\t\t\talt={ participant.name }\n\t\t\t\t\t\t\tclassName=\"comment-avatar\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tzIndex: maxAvatars - index,\n\t\t\t\t\t\t\t\tborderColor: getAvatarBorderColor(\n\t\t\t\t\t\t\t\t\tparticipant.id\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t\t{ overflowCount > 0 && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"comment-avatar-overflow\"\n\t\t\t\t\t\t\tstyle={ { zIndex: 0 } }\n\t\t\t\t\t\t\ttitle={ overflowTitle }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ overflowText }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</ToolbarButton>\n\t\t</CommentIconToolbarSlotFill.Fill>\n\t);\n};\n\nexport default CommentAvatarIndicator;\n"],
+  "mappings": "AAwGI,SAEE,KAFF;AArGJ,SAAS,qBAAqB;AAC9B,SAAS,IAAI,IAAI,eAAe;AAChC,SAAS,eAAe;AACxB,SAAS,eAAe,8BAA8B;AAKtD,OAAO,UAAU;AAKjB,SAAS,cAAc;AACvB,SAAS,4BAA4B;AAErC,MAAM,EAAE,2BAA2B,IAAI,OAAQ,sBAAuB;AAEtE,MAAM,yBAAyB,CAAE,EAAE,SAAS,QAAQ,gBAAgB,MAAO;AAC1E,QAAM,qBAAqB,QAAS,MAAM;AACzC,QAAK,CAAE,QAAS;AACf,aAAO,CAAC;AAAA,IACT;AAEA,UAAM,kBAAkB,oBAAI,IAAI;AAChC,UAAM,cAAc,CAAE,QAAQ,GAAG,OAAO,KAAM;AAG9C,gBAAY,KAAM,CAAE,GAAG,MAAO,IAAI,KAAM,EAAE,IAAK,IAAI,IAAI,KAAM,EAAE,IAAK,CAAE;AAEtE,gBAAY,QAAS,CAAE,YAAa;AAEnC,UAAK,QAAQ,eAAe,QAAQ,oBAAqB;AACxD,cAAM,YAAY,GAAI,QAAQ,MAAO,IAAK,QAAQ,WAAY;AAC9D,YAAK,CAAE,gBAAgB,IAAK,SAAU,GAAI;AACzC,0BAAgB,IAAK,WAAW;AAAA,YAC/B,MAAM,QAAQ;AAAA,YACd,QACC,QAAQ,qBAAsB,IAAK,KACnC,QAAQ,qBAAsB,IAAK;AAAA,YACpC,IAAI,QAAQ;AAAA,YACZ,qBAAqB,QAAQ,OAAO,OAAO;AAAA,YAC3C,MAAM,QAAQ;AAAA,UACf,CAAE;AAAA,QACH;AAAA,MACD;AAAA,IACD,CAAE;AAEF,WAAO,MAAM,KAAM,gBAAgB,OAAO,CAAE;AAAA,EAC7C,GAAG,CAAE,MAAO,CAAE;AAEd,QAAM,gBAAgB,QAAQ,WAAW;AAKzC,QAAM,4BACL,mBAAmB,QAAQ,SAAS,IAAI,OAAO,MAAM,UAAU;AAEhE,MAAK,CAAE,mBAAmB,QAAS;AAClC,WAAO;AAAA,EACR;AAGA,QAAM,aAAa;AACnB,QAAM,sBAAsB,mBAAmB,MAAO,GAAG,UAAW;AACpE,QAAM,gBAAgB,KAAK,IAAK,GAAG,mBAAmB,SAAS,UAAW;AAG1E,QAAM,eACL,6BAA6B,gBAAgB,IAC1C,GAAI,MAAO,IACX;AAAA;AAAA,IAEA,GAAI,KAAM;AAAA,IACV;AAAA,EACA;AAEJ,QAAM,gBACL,6BAA6B,gBAAgB,IAC1C,GAAI,mBAAoB,IACxB;AAAA;AAAA,IAEA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAAA,IACA;AAAA,EACA;AAEJ,SACC,oBAAC,2BAA2B,MAA3B,EACA;AAAA,IAAC;AAAA;AAAA,MACA,WAAY,KAAM,4BAA4B;AAAA,QAC7C,kBAAkB;AAAA,MACnB,CAAE;AAAA,MACF,OAAQ,GAAI,YAAa;AAAA,MACzB;AAAA,MACA,aAAW;AAAA,MAEX,+BAAC,SAAI,WAAU,wBACZ;AAAA,4BAAoB,IAAK,CAAE,aAAa,UACzC;AAAA,UAAC;AAAA;AAAA,YAEA,KAAM,YAAY;AAAA,YAClB,KAAM,YAAY;AAAA,YAClB,WAAU;AAAA,YACV,OAAQ;AAAA,cACP,QAAQ,aAAa;AAAA,cACrB,aAAa;AAAA,gBACZ,YAAY;AAAA,cACb;AAAA,YACD;AAAA;AAAA,UATM,YAAY,OAAO;AAAA,QAU1B,CACC;AAAA,QACA,gBAAgB,KACjB;AAAA,UAAC;AAAA;AAAA,YACA,WAAU;AAAA,YACV,OAAQ,EAAE,QAAQ,EAAE;AAAA,YACpB,OAAQ;AAAA,YAEN;AAAA;AAAA,QACH;AAAA,SAEF;AAAA;AAAA,EACD,GACD;AAEF;AAEA,IAAO,oCAAQ;",
+  "names": []
+}

package/build-module/components/collab-sidebar/comment-menu-item.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { MenuItem } from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
+import { comment as commentIcon } from "@wordpress/icons";
+import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
+import { unlock } from "../../lock-unlock";
+const { CommentIconSlotFill } = unlock(blockEditorPrivateApis);
+const AddCommentMenuItem = ({ onClick }) => {
+  return /* @__PURE__ */ jsx(CommentIconSlotFill.Fill, { children: ({ onClose }) => /* @__PURE__ */ jsx(
+    MenuItem,
+    {
+      icon: commentIcon,
+      onClick: () => {
+        onClick();
+        onClose();
+      },
+      "aria-haspopup": "dialog",
+      children: __("Note")
+    }
+  ) });
+};
+var comment_menu_item_default = AddCommentMenuItem;
+export {
+  comment_menu_item_default as default
+};
+//# sourceMappingURL=comment-menu-item.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/collab-sidebar/comment-menu-item.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { MenuItem } from '@wordpress/components';\nimport { __ } 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 { CommentIconSlotFill } = unlock( blockEditorPrivateApis );\n\nconst AddCommentMenuItem = ( { onClick } ) => {\n\treturn (\n\t\t<CommentIconSlotFill.Fill>\n\t\t\t{ ( { onClose } ) => (\n\t\t\t\t<MenuItem\n\t\t\t\t\ticon={ commentIcon }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tonClick();\n\t\t\t\t\t\tonClose();\n\t\t\t\t\t} }\n\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Note' ) }\n\t\t\t\t</MenuItem>\n\t\t\t) }\n\t\t</CommentIconSlotFill.Fill>\n\t);\n};\n\nexport default AddCommentMenuItem;\n"],
+  "mappings": "AAoBI;AAjBJ,SAAS,gBAAgB;AACzB,SAAS,UAAU;AACnB,SAAS,WAAW,mBAAmB;AAEvC,SAAS,eAAe,8BAA8B;AAKtD,SAAS,cAAc;AAEvB,MAAM,EAAE,oBAAoB,IAAI,OAAQ,sBAAuB;AAE/D,MAAM,qBAAqB,CAAE,EAAE,QAAQ,MAAO;AAC7C,SACC,oBAAC,oBAAoB,MAApB,EACE,WAAE,EAAE,QAAQ,MACb;AAAA,IAAC;AAAA;AAAA,MACA,MAAO;AAAA,MACP,SAAU,MAAM;AACf,gBAAQ;AACR,gBAAQ;AAAA,MACT;AAAA,MACA,iBAAc;AAAA,MAEZ,aAAI,MAAO;AAAA;AAAA,EACd,GAEF;AAEF;AAEA,IAAO,4BAAQ;",
+  "names": []
+}