@wordpress/editor 14.31.1-next.f56bd8138.0 → 14.32.0

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

@@ -7,8 +7,8 @@ import TextareaAutosize from 'react-autosize-textarea';
  * WordPress dependencies
  */
 import { useState } from '@wordpress/element';
-import { __experimentalHStack as HStack, Button, VisuallyHidden } from '@wordpress/components';
-import { _x, __ } from '@wordpress/i18n';
+import { __experimentalVStack as VStack, __experimentalHStack as HStack, __experimentalTruncate as Truncate, Button, VisuallyHidden } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
 import { useInstanceId } from '@wordpress/compose';
 
 /**
@@ -24,53 +24,57 @@ import { sanitizeCommentString } from './utils';
  * @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.placeholderText  - The placeholder text for the comment input.
- * @param {number?}  props.rows             - The number of rows for the comment input.
+ * @param {string?}  props.labelText        - The label text for the comment input.
  * @return {React.ReactNode} The CommentForm component.
  */
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function CommentForm({
   onSubmit,
   onCancel,
   thread,
   submitButtonText,
-  placeholderText,
-  rows = 4
+  labelText
 }) {
   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');
-  return /*#__PURE__*/_jsxs(_Fragment, {
+  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: __('Comment')
+      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: rows,
-      maxRows: 20,
-      placeholder: placeholderText || ''
+      rows: 1,
+      maxRows: 20
     }), /*#__PURE__*/_jsxs(HStack, {
-      spacing: "3",
-      justify: "flex-start",
+      spacing: "2",
+      justify: "flex-end",
       wrap: true,
       children: [/*#__PURE__*/_jsx(Button, {
-        __next40pxDefaultSize: true,
+        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: 0 === sanitizeCommentString(inputComment).length,
-        text: submitButtonText
-      }), /*#__PURE__*/_jsx(Button, {
-        __next40pxDefaultSize: true,
-        variant: "tertiary",
-        onClick: onCancel,
-        text: _x('Cancel', 'Cancel comment button')
+        disabled: isDisabled,
+        children: /*#__PURE__*/_jsx(Truncate, {
+          children: submitButtonText
+        })
       })]
     })]
   });

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

@@ -1 +1 @@
-{"version":3,"names":["TextareaAutosize","useState","__experimentalHStack","HStack","Button","VisuallyHidden","_x","__","useInstanceId","sanitizeCommentString","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","CommentForm","onSubmit","onCancel","thread","submitButtonText","placeholderText","rows","_thread$content$raw","inputComment","setInputComment","content","raw","inputId","children","as","htmlFor","id","value","onChange","comment","target","maxRows","placeholder","spacing","justify","wrap","__next40pxDefaultSize","accessibleWhenDisabled","variant","onClick","disabled","length","text"],"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__experimentalHStack as HStack,\n\tButton,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { _x, __ } 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.placeholderText  - The placeholder text for the comment input.\n * @param {number?}  props.rows             - The number of rows for the comment input.\n * @return {React.ReactNode} The CommentForm component.\n */\nfunction CommentForm( {\n\tonSubmit,\n\tonCancel,\n\tthread,\n\tsubmitButtonText,\n\tplaceholderText,\n\trows = 4,\n} ) {\n\tconst [ inputComment, setInputComment ] = useState(\n\t\tthread?.content?.raw ?? ''\n\t);\n\n\tconst inputId = useInstanceId( CommentForm, 'comment-input' );\n\n\treturn (\n\t\t<>\n\t\t\t<VisuallyHidden as=\"label\" htmlFor={ inputId }>\n\t\t\t\t{ __( '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={ rows }\n\t\t\t\tmaxRows={ 20 }\n\t\t\t\tplaceholder={ placeholderText || '' }\n\t\t\t></TextareaAutosize>\n\t\t\t<HStack spacing=\"3\" justify=\"flex-start\" wrap>\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\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={\n\t\t\t\t\t\t0 === sanitizeCommentString( inputComment ).length\n\t\t\t\t\t}\n\t\t\t\t\ttext={ submitButtonText }\n\t\t\t\t/>\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\tonClick={ onCancel }\n\t\t\t\t\ttext={ _x( 'Cancel', 'Cancel comment button' ) }\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t</>\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,MAAM,EACNC,cAAc,QACR,uBAAuB;AAC9B,SAASC,EAAE,EAAEC,EAAE,QAAQ,iBAAiB;AACxC,SAASC,aAAa,QAAQ,oBAAoB;;AAElD;AACA;AACA;AACA,SAASC,qBAAqB,QAAQ,SAAS;;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAXA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAYA,SAASC,WAAWA,CAAE;EACrBC,QAAQ;EACRC,QAAQ;EACRC,MAAM;EACNC,gBAAgB;EAChBC,eAAe;EACfC,IAAI,GAAG;AACR,CAAC,EAAG;EAAA,IAAAC,mBAAA;EACH,MAAM,CAAEC,YAAY,EAAEC,eAAe,CAAE,GAAGxB,QAAQ,EAAAsB,mBAAA,GACjDJ,MAAM,EAAEO,OAAO,EAAEC,GAAG,cAAAJ,mBAAA,cAAAA,mBAAA,GAAI,EACzB,CAAC;EAED,MAAMK,OAAO,GAAGpB,aAAa,CAAEQ,WAAW,EAAE,eAAgB,CAAC;EAE7D,oBACCH,KAAA,CAAAE,SAAA;IAAAc,QAAA,gBACClB,IAAA,CAACN,cAAc;MAACyB,EAAE,EAAC,OAAO;MAACC,OAAO,EAAGH,OAAS;MAAAC,QAAA,EAC3CtB,EAAE,CAAE,SAAU;IAAC,CACF,CAAC,eACjBI,IAAA,CAACX,gBAAgB;MAChBgC,EAAE,EAAGJ,OAAS;MACdK,KAAK,EAAGT,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAI,EAAI;MAC5BU,QAAQ,EAAKC,OAAO,IACnBV,eAAe,CAAEU,OAAO,CAACC,MAAM,CAACH,KAAM,CACtC;MACDX,IAAI,EAAGA,IAAM;MACbe,OAAO,EAAG,EAAI;MACdC,WAAW,EAAGjB,eAAe,IAAI;IAAI,CACnB,CAAC,eACpBR,KAAA,CAACV,MAAM;MAACoC,OAAO,EAAC,GAAG;MAACC,OAAO,EAAC,YAAY;MAACC,IAAI;MAAAZ,QAAA,gBAC5ClB,IAAA,CAACP,MAAM;QACNsC,qBAAqB;QACrBC,sBAAsB;QACtBC,OAAO,EAAC,SAAS;QACjBC,OAAO,EAAGA,CAAA,KAAM;UACf5B,QAAQ,CAAEO,YAAa,CAAC;UACxBC,eAAe,CAAE,EAAG,CAAC;QACtB,CAAG;QACHqB,QAAQ,EACP,CAAC,KAAKrC,qBAAqB,CAAEe,YAAa,CAAC,CAACuB,MAC5C;QACDC,IAAI,EAAG5B;MAAkB,CACzB,CAAC,eACFT,IAAA,CAACP,MAAM;QACNsC,qBAAqB;QACrBE,OAAO,EAAC,UAAU;QAClBC,OAAO,EAAG3B,QAAU;QACpB8B,IAAI,EAAG1C,EAAE,CAAE,QAAQ,EAAE,uBAAwB;MAAG,CAChD,CAAC;IAAA,CACK,CAAC;EAAA,CACR,CAAC;AAEL;AAEA,eAAeU,WAAW","ignoreList":[]}
+{"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":[]}

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

@@ -2,7 +2,7 @@
  * WordPress dependencies
  */
 import { ToolbarButton } from '@wordpress/components';
-import { _x, __, sprintf } from '@wordpress/i18n';
+import { _x, __, _n, sprintf } from '@wordpress/i18n';
 import { useMemo } from '@wordpress/element';
 import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 
@@ -15,6 +15,7 @@ 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
@@ -41,6 +42,7 @@ const CommentAvatarIndicator = ({
           participantsMap.set(authorKey, {
             name: comment.author_name,
             avatar: comment.author_avatar_urls?.['48'] || comment.author_avatar_urls?.['96'],
+            id: comment.author,
             isOriginalCommenter: comment.id === thread.id,
             date: comment.date
           });
@@ -66,11 +68,11 @@ const CommentAvatarIndicator = ({
 
   // If we hit the comment limit, show "100+" instead of exact overflow count.
   const overflowText = threadHasMoreParticipants && overflowCount > 0 ? __('100+') : sprintf(
-  // translators: %s: Number of comments.
+  // translators: %s: Number of participants.
   __('+%s'), overflowCount);
   const overflowTitle = threadHasMoreParticipants && overflowCount > 0 ? __('100+ participants') : sprintf(
-  // translators: %s: Number of comments.
-  __('+%s more participants'), overflowCount);
+  // 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', {
@@ -86,7 +88,8 @@ const CommentAvatarIndicator = ({
           alt: participant.name,
           className: "comment-avatar",
           style: {
-            zIndex: maxAvatars - index
+            zIndex: maxAvatars - index,
+            borderColor: getAvatarBorderColor(participant.id)
           }
         }, participant.name + index)), overflowCount > 0 && /*#__PURE__*/_jsx("div", {
           className: "comment-avatar-overflow",

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

@@ -1 +1 @@
-{"version":3,"names":["ToolbarButton","_x","__","sprintf","useMemo","privateApis","blockEditorPrivateApis","clsx","unlock","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","isOriginalCommenter","id","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","title"],"sources":["@wordpress/editor/src/components/collab-sidebar/comment-indicator-toolbar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarButton } from '@wordpress/components';\nimport { _x, __, 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';\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\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 comments.\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 comments.\n\t\t\t\t\t__( '+%s more participants' ),\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={ { zIndex: maxAvatars - index } }\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,"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":[]}