npm - @wordpress/editor - Versions diffs - 14.11.0 → 14.12.1-next.082ed6819.0 - Mend

@wordpress/editor 14.11.0 → 14.12.1-next.082ed6819.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (842) hide show

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

	@@ -1 +1 @@
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":[]}
1	+ {"version":3,"names":["clsx","useState","RawHTML","__experimentalHStack","HStack","__experimentalVStack","VStack","__experimentalConfirmDialog","ConfirmDialog","Button","DropdownMenu","Tooltip","Icon","check","published","moreVertical","__","_x","useSelect","store","blockEditorStore","CommentAuthorInfo","CommentForm","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","onSubmit","value","onCancel","submitButtonText","content","raw","isOpen","onConfirm","confirmButtonText","cancelButtonText","Array","isArray","length","map","reply","inputComment","actions","title","onClick","moreActions","filter","item","avatar","author_avatar_urls","name","author_name","date","parent","label","__next40pxDefaultSize","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\tTooltip,\n} from '@wordpress/components';\nimport { Icon, check, published, moreVertical } from '@wordpress/icons';\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n /\nimport CommentAuthorInfo from './comment-author-info';\nimport CommentForm from './comment-form';\n\n/\n Renders the Comments component.\n \n @param {Object} props - The component props.\n * @param {Array} props.threads - The array of comment threads.\n * @param {Function} props.onEditComment - The function to handle comment editing.\n * @param {Function} props.onAddReply - The function to add a reply to a comment.\n * @param {Function} props.onCommentDelete - The function to delete a comment.\n * @param {Function} props.onCommentResolve - The function to mark a comment as resolved.\n * @return {React.ReactNode} The rendered Comments component.\n /\nexport function Comments( {\n\tthreads,\n\tonEditComment,\n\tonAddReply,\n\tonCommentDelete,\n\tonCommentResolve,\n} ) {\n\tconst [ actionState, setActionState ] = useState( false );\n\tconst [ isConfirmDialogOpen, setIsConfirmDialogOpen ] = useState( false );\n\n\tconst handleConfirmDelete = () => {\n\t\tonCommentDelete( actionState.id );\n\t\tsetActionState( false );\n\t\tsetIsConfirmDialogOpen( false );\n\t};\n\n\tconst handleConfirmResolve = () => {\n\t\tonCommentResolve( actionState.id );\n\t\tsetActionState( false );\n\t\tsetIsConfirmDialogOpen( false );\n\t};\n\n\tconst handleCancelDelete = () => {\n\t\tsetActionState( false );\n\t\tsetIsConfirmDialogOpen( false );\n\t};\n\n\tconst blockCommentId = useSelect( ( select ) => {\n\t\tconst clientID = select( blockEditorStore ).getSelectedBlockClientId();\n\t\treturn (\n\t\t\tselect( blockEditorStore ).getBlock( clientID )?.attributes\n\t\t\t\t?.blockCommentId ?? false\n\t\t);\n\t}, [] );\n\n\tconst CommentBoard = ( { thread, parentThread } ) => {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<CommentHeader\n\t\t\t\t\tthread={ thread }\n\t\t\t\t\tonResolve={ () => {\n\t\t\t\t\t\tsetActionState( {\n\t\t\t\t\t\t\taction: 'resolve',\n\t\t\t\t\t\t\tid: parentThread?.id ?? thread.id,\n\t\t\t\t\t\t} );\n\t\t\t\t\t\tsetIsConfirmDialogOpen( true );\n\t\t\t\t\t} }\n\t\t\t\t\tonEdit={ () =>\n\t\t\t\t\t\tsetActionState( { action: 'edit', id: thread.id } )\n\t\t\t\t\t}\n\t\t\t\t\tonDelete={ () => {\n\t\t\t\t\t\tsetActionState( { action: 'delete', id: thread.id } );\n\t\t\t\t\t\tsetIsConfirmDialogOpen( true );\n\t\t\t\t\t} }\n\t\t\t\t\tonReply={\n\t\t\t\t\t\t! parentThread\n\t\t\t\t\t\t\t? () =>\n\t\t\t\t\t\t\t\t\tsetActionState( {\n\t\t\t\t\t\t\t\t\t\taction: 'reply',\n\t\t\t\t\t\t\t\t\t\tid: thread.id,\n\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tstatus={ parentThread?.status ?? thread.status }\n\t\t\t\t/>\n\t\t\t\t<HStack\n\t\t\t\t\talignment=\"left\"\n\t\t\t\t\tspacing=\"3\"\n\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__user-comment\"\n\t\t\t\t>\n\t\t\t\t\t<VStack\n\t\t\t\t\t\tspacing=\"3\"\n\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__comment-field\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ 'edit' === actionState?.action &&\n\t\t\t\t\t\t\tthread.id === actionState?.id && (\n\t\t\t\t\t\t\t\t<CommentForm\n\t\t\t\t\t\t\t\t\tonSubmit={ ( value ) => {\n\t\t\t\t\t\t\t\t\t\tonEditComment( thread.id, value );\n\t\t\t\t\t\t\t\t\t\tsetActionState( false );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tonCancel={ () => setActionState( false ) }\n\t\t\t\t\t\t\t\t\tthread={ thread }\n\t\t\t\t\t\t\t\t\tsubmitButtonText={ _x( 'Update', 'verb' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ ( ! actionState \|\|\n\t\t\t\t\t\t\t'edit' !== actionState?.action ) && (\n\t\t\t\t\t\t\t<RawHTML>{ thread?.content?.raw }</RawHTML>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</VStack>\n\t\t\t\t</HStack>\n\t\t\t\t{ 'resolve' === actionState?.action &&\n\t\t\t\t\tthread.id === actionState?.id && (\n\t\t\t\t\t\t<ConfirmDialog\n\t\t\t\t\t\t\tisOpen={ isConfirmDialogOpen }\n\t\t\t\t\t\t\tonConfirm={ handleConfirmResolve }\n\t\t\t\t\t\t\tonCancel={ handleCancelDelete }\n\t\t\t\t\t\t\tconfirmButtonText=\"Yes\"\n\t\t\t\t\t\t\tcancelButtonText=\"No\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t// translators: message displayed when confirming an action\n\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t'Are you sure you want to mark this comment as resolved?'\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</ConfirmDialog>\n\t\t\t\t\t) }\n\t\t\t\t{ 'delete' === actionState?.action &&\n\t\t\t\t\tthread.id === actionState?.id && (\n\t\t\t\t\t\t<ConfirmDialog\n\t\t\t\t\t\t\tisOpen={ isConfirmDialogOpen }\n\t\t\t\t\t\t\tonConfirm={ handleConfirmDelete }\n\t\t\t\t\t\t\tonCancel={ handleCancelDelete }\n\t\t\t\t\t\t\tconfirmButtonText=\"Yes\"\n\t\t\t\t\t\t\tcancelButtonText=\"No\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t// translators: message displayed when confirming an action\n\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t'Are you sure you want to delete this comment?'\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</ConfirmDialog>\n\t\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{\n\t\t\t\t// If there are no comments, show a message indicating no comments are available.\n\t\t\t\t( ! Array.isArray( threads ) \|\| threads.length === 0 ) && (\n\t\t\t\t\t<VStack\n\t\t\t\t\t\talignment=\"left\"\n\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__thread\"\n\t\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\t\tspacing=\"3\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// translators: message displayed when there are no comments available\n\t\t\t\t\t\t\t__( 'No comments available' )\n\t\t\t\t\t\t}\n\t\t\t\t\t</VStack>\n\t\t\t\t)\n\t\t\t}\n\n\t\t\t{ Array.isArray( threads ) &&\n\t\t\t\tthreads.length > 0 &&\n\t\t\t\tthreads.map( ( thread ) => (\n\t\t\t\t\t<VStack\n\t\t\t\t\t\tkey={ thread.id }\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'editor-collab-sidebar-panel__thread',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'editor-collab-sidebar-panel__active-thread':\n\t\t\t\t\t\t\t\t\tblockCommentId &&\n\t\t\t\t\t\t\t\t\tblockCommentId === thread.id,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tid={ thread.id }\n\t\t\t\t\t\tspacing=\"3\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<CommentBoard thread={ thread } />\n\t\t\t\t\t\t{ 0 < thread?.reply?.length &&\n\t\t\t\t\t\t\tthread.reply.map( ( reply ) => (\n\t\t\t\t\t\t\t\t<VStack\n\t\t\t\t\t\t\t\t\tkey={ reply.id }\n\t\t\t\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__child-thread\"\n\t\t\t\t\t\t\t\t\tid={ reply.id }\n\t\t\t\t\t\t\t\t\tspacing=\"2\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<CommentBoard\n\t\t\t\t\t\t\t\t\t\tthread={ reply }\n\t\t\t\t\t\t\t\t\t\tparentThread={ thread }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t{ 'reply' === actionState?.action &&\n\t\t\t\t\t\t\tthread.id === actionState?.id && (\n\t\t\t\t\t\t\t\t<VStack\n\t\t\t\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__child-thread\"\n\t\t\t\t\t\t\t\t\tspacing=\"2\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\t\t\talignment=\"left\"\n\t\t\t\t\t\t\t\t\t\tspacing=\"3\"\n\t\t\t\t\t\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<CommentAuthorInfo />\n\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t\t<VStack\n\t\t\t\t\t\t\t\t\t\tspacing=\"3\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__comment-field\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<CommentForm\n\t\t\t\t\t\t\t\t\t\t\tonSubmit={ ( inputComment ) => {\n\t\t\t\t\t\t\t\t\t\t\t\tonAddReply(\n\t\t\t\t\t\t\t\t\t\t\t\t\tinputComment,\n\t\t\t\t\t\t\t\t\t\t\t\t\tthread.id\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\tsetActionState( false );\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tonCancel={ () =>\n\t\t\t\t\t\t\t\t\t\t\t\tsetActionState( false )\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsubmitButtonText={ _x(\n\t\t\t\t\t\t\t\t\t\t\t\t'Reply',\n\t\t\t\t\t\t\t\t\t\t\t\t'Add reply comment'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t</VStack>\n\t\t\t\t) ) }\n\t\t</>\n\t);\n}\n\n/\n Renders the header of a comment in the collaboration sidebar.\n \n @param {Object} props - The component props.\n * @param {Object} props.thread - The comment thread object.\n * @param {Function} props.onResolve - The function to resolve the comment.\n * @param {Function} props.onEdit - The function to edit the comment.\n * @param {Function} props.onDelete - The function to delete the comment.\n * @param {Function} props.onReply - The function to reply to the comment.\n * @param {string} props.status - The status of the comment.\n * @return {React.ReactNode} The rendered comment header.\n */\nfunction CommentHeader( {\n\tthread,\n\tonResolve,\n\tonEdit,\n\tonDelete,\n\tonReply,\n\tstatus,\n} ) {\n\tconst actions = [\n\t\t{\n\t\t\ttitle: _x( 'Edit', 'Edit comment' ),\n\t\t\tonClick: onEdit,\n\t\t},\n\t\t{\n\t\t\ttitle: _x( 'Delete', 'Delete comment' ),\n\t\t\tonClick: onDelete,\n\t\t},\n\t\t{\n\t\t\ttitle: _x( 'Reply', 'Reply on a comment' ),\n\t\t\tonClick: onReply,\n\t\t},\n\t];\n\n\tconst moreActions = actions.filter( ( item ) => item.onClick );\n\n\treturn (\n\t\t<HStack alignment=\"left\" spacing=\"3\" justify=\"flex-start\">\n\t\t\t<CommentAuthorInfo\n\t\t\t\tavatar={ thread?.author_avatar_urls?.[ 48 ] }\n\t\t\t\tname={ thread?.author_name }\n\t\t\t\tdate={ thread?.date }\n\t\t\t/>\n\t\t\t<span className=\"editor-collab-sidebar-panel__comment-status\">\n\t\t\t\t{ status !== 'approved' && (\n\t\t\t\t\t<HStack alignment=\"right\" justify=\"flex-end\" spacing=\"0\">\n\t\t\t\t\t\t{ 0 === thread?.parent && onResolve && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t\t'Resolve',\n\t\t\t\t\t\t\t\t\t'Mark comment as resolved'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\ticon={ published }\n\t\t\t\t\t\t\t\tonClick={ onResolve }\n\t\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t'Select an action',\n\t\t\t\t\t\t\t\t'Select comment action'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tclassName=\"editor-collab-sidebar-panel__comment-dropdown-menu\"\n\t\t\t\t\t\t\tcontrols={ moreActions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</HStack>\n\t\t\t\t) }\n\t\t\t\t{ status === 'approved' && (\n\t\t\t\t\t// translators: tooltip for resolved comment\n\t\t\t\t\t<Tooltip text={ __( 'Resolved' ) }>\n\t\t\t\t\t\t<Icon icon={ check } />\n\t\t\t\t\t</Tooltip>\n\t\t\t\t) }\n\t\t\t</span>\n\t\t</HStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/collab-sidebar/index.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 import { __ } from '@wordpress/i18n';
 import { useSelect, useDispatch, resolveSelect } from '@wordpress/data';
-import { useState, useEffect, useMemo } from '@wordpress/element';
+import { useState, useMemo } from '@wordpress/element';
 import { comment as commentIcon } from '@wordpress/icons';
 import { addFilter } from '@wordpress/hooks';
 import { store as noticesStore } from '@wordpress/notices';
@@ -22,7 +22,6 @@ import { store as editorStore } from '../../store';
 import AddCommentButton from './comment-button';
 import AddCommentToolbarButton from './comment-button-toolbar';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const threadsEmptyArray = [];
 const isBlockCommentExperimentEnabled = window?.__experimentalEnableBlockComment;
 const modifyBlockCommentAttributes = settings => {
   if (!settings.attributes.blockCommentId) {
@@ -38,11 +37,10 @@ const modifyBlockCommentAttributes = settings => {
 // Apply the filter to all core blocks
 addFilter('blocks.registerBlockType', 'block-comment/modify-core-block-attributes', modifyBlockCommentAttributes);
-/**
- * Renders the Collab sidebar.
- */
-export default function CollabSidebar() {
+function CollabSidebarContent({
+  showCommentBoard,
+  setShowCommentBoard
+}) {
   const {
     createNotice
   } = useDispatch(noticesStore);
@@ -54,49 +52,27 @@ export default function CollabSidebar() {
     getEntityRecord
   } = resolveSelect(coreStore);
   const {
-    enableComplementaryArea
-  } = useDispatch(interfaceStore);
-  const [blockCommentID, setBlockCommentID] = useState(null);
-  const [showCommentBoard, setShowCommentBoard] = useState(false);
-  const {
-    postId
+    postId,
+    threads
   } = useSelect(select => {
-    return {
-      postId: select(editorStore).getCurrentPostId()
-    };
-  }, []);
-  const postStatus = useSelect(select => {
-    const post = select(editorStore).getCurrentPost();
-    return {
-      postStatus: post?.status
-    };
-  }, []);
-  const threads = useSelect(select => {
-    if (!postId) {
-      return threadsEmptyArray;
-    }
     const {
-      getEntityRecords
-    } = select(coreStore);
-    const data = getEntityRecords('root', 'comment', {
-      post: postId,
+      getCurrentPostId
+    } = select(editorStore);
+    const _postId = getCurrentPostId();
+    const data = !!_postId ? select(coreStore).getEntityRecords('root', 'comment', {
+      post: _postId,
       type: 'block_comment',
       status: 'any',
       per_page: 100
-    });
-    return data || threadsEmptyArray;
-  }, [postId]);
-  const clientId = useSelect(select => {
-    const {
-      getSelectedBlockClientId
-    } = select(blockEditorStore);
-    return getSelectedBlockClientId();
+    }) : null;
+    return {
+      postId: _postId,
+      threads: data
+    };
   }, []);
-  const blockDetails = useSelect(select => {
-    return clientId ? select(blockEditorStore).getBlock(clientId) : null;
-  }, [clientId]);
-  // Get the dispatch functions to save the comment and update the block attributes.
+  const {
+    getSelectedBlockClientId
+  } = useSelect(blockEditorStore);
   const {
     updateBlockAttributes
   } = useDispatch(blockEditorStore);
@@ -106,7 +82,7 @@ export default function CollabSidebar() {
     // Create a compare to store the references to all objects by id
     const compare = {};
     const result = [];
-    const filteredComments = threads.filter(comment => comment.status !== 'trash');
+    const filteredComments = (threads !== null && threads !== void 0 ? threads : []).filter(comment => comment.status !== 'trash');
     // Initialize each object with an empty `reply` array
     filteredComments.forEach(item => {
@@ -128,10 +104,6 @@ export default function CollabSidebar() {
     });
     return result;
   }, [threads]);
-  const openCollabBoard = () => {
-    setShowCommentBoard(true);
-    enableComplementaryArea('core', 'edit-post/collab-sidebar');
-  };
   // Function to save the comment.
   const addNewComment = async (comment, parentCommentId) => {
@@ -153,7 +125,7 @@ export default function CollabSidebar() {
     if (savedRecord) {
       // If it's a main comment, update the block attributes with the comment id.
       if (!parentCommentId) {
-        updateBlockAttributes(clientId, {
+        updateBlockAttributes(getSelectedBlockClientId(), {
           blockCommentId: savedRecord?.id
         });
       }
@@ -211,7 +183,7 @@ export default function CollabSidebar() {
     const childComment = await getEntityRecord('root', 'comment', commentId);
     await deleteEntityRecord('root', 'comment', commentId);
     if (childComment && !childComment.parent) {
-      updateBlockAttributes(clientId, {
+      updateBlockAttributes(getSelectedBlockClientId(), {
         blockCommentId: undefined
       });
     }
@@ -222,20 +194,61 @@ export default function CollabSidebar() {
       isDismissible: true
     });
   };
-  useEffect(() => {
-    if (blockDetails) {
-      setBlockCommentID(blockDetails?.attributes.blockCommentId);
-    }
-  }, [postId, clientId]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: "editor-collab-sidebar-panel",
+    children: [/*#__PURE__*/_jsx(AddComment, {
+      onSubmit: addNewComment,
+      showCommentBoard: showCommentBoard,
+      setShowCommentBoard: setShowCommentBoard
+    }), /*#__PURE__*/_jsx(Comments, {
+      threads: resultComments,
+      onEditComment: onEditComment,
+      onAddReply: addNewComment,
+      onCommentDelete: onCommentDelete,
+      onCommentResolve: onCommentResolve
+    })]
+  });
+}
+/**
+ * Renders the Collab sidebar.
+ */
+export default function CollabSidebar() {
+  const [showCommentBoard, setShowCommentBoard] = useState(false);
+  const {
+    enableComplementaryArea
+  } = useDispatch(interfaceStore);
+  const {
+    postStatus
+  } = useSelect(select => {
+    return {
+      postStatus: select(editorStore).getEditedPostAttribute('status')
+    };
+  }, []);
+  const {
+    blockCommentId
+  } = useSelect(select => {
+    const {
+      getBlockAttributes,
+      getSelectedBlockClientId
+    } = select(blockEditorStore);
+    const _clientId = getSelectedBlockClientId();
+    return {
+      blockCommentId: _clientId ? getBlockAttributes(_clientId)?.blockCommentId : null
+    };
+  }, []);
+  const openCollabBoard = () => {
+    setShowCommentBoard(true);
+    enableComplementaryArea('core', 'edit-post/collab-sidebar');
+  };
   // Check if the experimental flag is enabled.
-  if (!isBlockCommentExperimentEnabled || postStatus.postStatus === 'publish') {
+  if (!isBlockCommentExperimentEnabled || postStatus === 'publish') {
     return null; // or maybe return some message indicating no threads are available.
   }
+  const AddCommentComponent = blockCommentId ? AddCommentToolbarButton : AddCommentButton;
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [!blockCommentID && /*#__PURE__*/_jsx(AddCommentButton, {
-      onClick: openCollabBoard
-    }), blockCommentID > 0 && /*#__PURE__*/_jsx(AddCommentToolbarButton, {
+    children: [/*#__PURE__*/_jsx(AddCommentComponent, {
       onClick: openCollabBoard
     }), /*#__PURE__*/_jsx(PluginSidebar, {
       identifier: collabSidebarName
@@ -243,20 +256,9 @@ export default function CollabSidebar() {
       ,
       title: __('Comments'),
       icon: commentIcon,
-      children: /*#__PURE__*/_jsxs("div", {
-        className: "editor-collab-sidebar-panel",
-        children: [/*#__PURE__*/_jsx(AddComment, {
-          threads: resultComments,
-          onSubmit: addNewComment,
-          showCommentBoard: showCommentBoard,
-          setShowCommentBoard: setShowCommentBoard
-        }), /*#__PURE__*/_jsx(Comments, {
-          threads: resultComments,
-          onEditComment: onEditComment,
-          onAddReply: addNewComment,
-          onCommentDelete: onCommentDelete,
-          onCommentResolve: onCommentResolve
-        })]
+      children: /*#__PURE__*/_jsx(CollabSidebarContent, {
+        showCommentBoard: showCommentBoard,
+        setShowCommentBoard: setShowCommentBoard
       })
     })]
   });

package/build-module/components/collab-sidebar/index.js.map CHANGED Viewed

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