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

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

@@ -1 +1,7 @@
-{"version":3,"names":["_element","require","_coreData","_data","_blockEditor","useBlockComments","postId","queryArgs","post","type","status","per_page","records","threads","totalPages","useEntityRecords","enabled","blocksWithComments","useSelect","select","getBlockAttributes","getClientIdsWithDescendants","blockEditorStore","reduce","results","clientId","commentId","metadata","resultComments","unresolvedSortedThreads","useMemo","compare","result","allComments","forEach","item","id","reply","blockClientId","parent","push","length","updatedResult","map","reverse","threadIdMap","Map","thread","String","unresolvedSortedComments","Object","keys","get","filter","undefined"],"sources":["@wordpress/editor/src/components/collab-sidebar/hooks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\nexport function useBlockComments( postId ) {\n\tconst queryArgs = {\n\t\tpost: postId,\n\t\ttype: 'block_comment',\n\t\tstatus: 'all',\n\t\tper_page: 100,\n\t};\n\n\tconst { records: threads, totalPages } = useEntityRecords(\n\t\t'root',\n\t\t'comment',\n\t\tqueryArgs,\n\t\t{ enabled: !! postId && typeof postId === 'number' }\n\t);\n\n\tconst blocksWithComments = useSelect( ( select ) => {\n\t\tconst { getBlockAttributes, getClientIdsWithDescendants } =\n\t\t\tselect( blockEditorStore );\n\n\t\treturn getClientIdsWithDescendants().reduce( ( results, clientId ) => {\n\t\t\tconst commentId =\n\t\t\t\tgetBlockAttributes( clientId )?.metadata?.commentId;\n\t\t\tif ( commentId ) {\n\t\t\t\tresults[ commentId ] = clientId;\n\t\t\t}\n\t\t\treturn results;\n\t\t}, {} );\n\t}, [] );\n\n\t// Process comments to build the tree structure.\n\tconst { resultComments, unresolvedSortedThreads } = 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 allComments = threads ?? [];\n\n\t\t// Initialize each object with an empty `reply` array and map blockClientId.\n\t\tallComments.forEach( ( item ) => {\n\t\t\tcompare[ item.id ] = {\n\t\t\t\t...item,\n\t\t\t\treply: [],\n\t\t\t\tblockClientId:\n\t\t\t\t\titem.parent === 0 ? blocksWithComments[ item.id ] : null,\n\t\t\t};\n\t\t} );\n\n\t\t// Iterate over the data to build the tree structure.\n\t\tallComments.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\tif ( 0 === result?.length ) {\n\t\t\treturn { resultComments: [], unresolvedSortedThreads: [] };\n\t\t}\n\n\t\tconst updatedResult = result.map( ( item ) => ( {\n\t\t\t...item,\n\t\t\treply: [ ...item.reply ].reverse(),\n\t\t} ) );\n\n\t\tconst threadIdMap = new Map(\n\t\t\tupdatedResult.map( ( thread ) => [ String( thread.id ), thread ] )\n\t\t);\n\n\t\t// Get comments by block order, filter out undefined threads, and exclude resolved comments.\n\t\tconst unresolvedSortedComments = Object.keys( blocksWithComments )\n\t\t\t.map( ( id ) => threadIdMap.get( id ) )\n\t\t\t.filter(\n\t\t\t\t( thread ) =>\n\t\t\t\t\tthread !== undefined && thread.status !== 'approved'\n\t\t\t);\n\n\t\treturn {\n\t\t\tresultComments: updatedResult,\n\t\t\tunresolvedSortedThreads: unresolvedSortedComments,\n\t\t};\n\t}, [ threads, blocksWithComments ] );\n\n\treturn { resultComments, unresolvedSortedThreads, totalPages };\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AANA;AACA;AACA;;AAMO,SAASI,gBAAgBA,CAAEC,MAAM,EAAG;EAC1C,MAAMC,SAAS,GAAG;IACjBC,IAAI,EAAEF,MAAM;IACZG,IAAI,EAAE,eAAe;IACrBC,MAAM,EAAE,KAAK;IACbC,QAAQ,EAAE;EACX,CAAC;EAED,MAAM;IAAEC,OAAO,EAAEC,OAAO;IAAEC;EAAW,CAAC,GAAG,IAAAC,0BAAgB,EACxD,MAAM,EACN,SAAS,EACTR,SAAS,EACT;IAAES,OAAO,EAAE,CAAC,CAAEV,MAAM,IAAI,OAAOA,MAAM,KAAK;EAAS,CACpD,CAAC;EAED,MAAMW,kBAAkB,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACnD,MAAM;MAAEC,kBAAkB;MAAEC;IAA4B,CAAC,GACxDF,MAAM,CAAEG,kBAAiB,CAAC;IAE3B,OAAOD,2BAA2B,CAAC,CAAC,CAACE,MAAM,CAAE,CAAEC,OAAO,EAAEC,QAAQ,KAAM;MACrE,MAAMC,SAAS,GACdN,kBAAkB,CAAEK,QAAS,CAAC,EAAEE,QAAQ,EAAED,SAAS;MACpD,IAAKA,SAAS,EAAG;QAChBF,OAAO,CAAEE,SAAS,CAAE,GAAGD,QAAQ;MAChC;MACA,OAAOD,OAAO;IACf,CAAC,EAAE,CAAC,CAAE,CAAC;EACR,CAAC,EAAE,EAAG,CAAC;;EAEP;EACA,MAAM;IAAEI,cAAc;IAAEC;EAAwB,CAAC,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAClE;IACA,MAAMC,OAAO,GAAG,CAAC,CAAC;IAClB,MAAMC,MAAM,GAAG,EAAE;IAEjB,MAAMC,WAAW,GAAGpB,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,EAAE;;IAEjC;IACAoB,WAAW,CAACC,OAAO,CAAIC,IAAI,IAAM;MAChCJ,OAAO,CAAEI,IAAI,CAACC,EAAE,CAAE,GAAG;QACpB,GAAGD,IAAI;QACPE,KAAK,EAAE,EAAE;QACTC,aAAa,EACZH,IAAI,CAACI,MAAM,KAAK,CAAC,GAAGtB,kBAAkB,CAAEkB,IAAI,CAACC,EAAE,CAAE,GAAG;MACtD,CAAC;IACF,CAAE,CAAC;;IAEH;IACAH,WAAW,CAACC,OAAO,CAAIC,IAAI,IAAM;MAChC,IAAKA,IAAI,CAACI,MAAM,KAAK,CAAC,EAAG;QACxB;QACAP,MAAM,CAACQ,IAAI,CAAET,OAAO,CAAEI,IAAI,CAACC,EAAE,CAAG,CAAC;MAClC,CAAC,MAAM,IAAKL,OAAO,CAAEI,IAAI,CAACI,MAAM,CAAE,EAAG;QACpC;QACAR,OAAO,CAAEI,IAAI,CAACI,MAAM,CAAE,CAACF,KAAK,CAACG,IAAI,CAAET,OAAO,CAAEI,IAAI,CAACC,EAAE,CAAG,CAAC;MACxD;IACD,CAAE,CAAC;IAEH,IAAK,CAAC,KAAKJ,MAAM,EAAES,MAAM,EAAG;MAC3B,OAAO;QAAEb,cAAc,EAAE,EAAE;QAAEC,uBAAuB,EAAE;MAAG,CAAC;IAC3D;IAEA,MAAMa,aAAa,GAAGV,MAAM,CAACW,GAAG,CAAIR,IAAI,KAAQ;MAC/C,GAAGA,IAAI;MACPE,KAAK,EAAE,CAAE,GAAGF,IAAI,CAACE,KAAK,CAAE,CAACO,OAAO,CAAC;IAClC,CAAC,CAAG,CAAC;IAEL,MAAMC,WAAW,GAAG,IAAIC,GAAG,CAC1BJ,aAAa,CAACC,GAAG,CAAII,MAAM,IAAM,CAAEC,MAAM,CAAED,MAAM,CAACX,EAAG,CAAC,EAAEW,MAAM,CAAG,CAClE,CAAC;;IAED;IACA,MAAME,wBAAwB,GAAGC,MAAM,CAACC,IAAI,CAAElC,kBAAmB,CAAC,CAChE0B,GAAG,CAAIP,EAAE,IAAMS,WAAW,CAACO,GAAG,CAAEhB,EAAG,CAAE,CAAC,CACtCiB,MAAM,CACJN,MAAM,IACPA,MAAM,KAAKO,SAAS,IAAIP,MAAM,CAACrC,MAAM,KAAK,UAC5C,CAAC;IAEF,OAAO;MACNkB,cAAc,EAAEc,aAAa;MAC7Bb,uBAAuB,EAAEoB;IAC1B,CAAC;EACF,CAAC,EAAE,CAAEpC,OAAO,EAAEI,kBAAkB,CAAG,CAAC;EAEpC,OAAO;IAAEW,cAAc;IAAEC,uBAAuB;IAAEf;EAAW,CAAC;AAC/D","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/collab-sidebar/hooks.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport {\n\tuseFloating,\n\toffset as offsetMiddleware,\n\tautoUpdate,\n} from '@floating-ui/react-dom';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseCallback,\n\tuseReducer,\n} from '@wordpress/element';\nimport { useEntityRecords, store as coreStore } from '@wordpress/core-data';\nimport { useDispatch, useRegistry, useSelect } from '@wordpress/data';\nimport {\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { store as interfaceStore } from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\nimport { collabSidebarName } from './constants';\nimport { unlock } from '../../lock-unlock';\nimport { noop } from './utils';\n\nconst { useBlockElementRef, cleanEmptyObject } = unlock(\n\tblockEditorPrivateApis\n);\n\nexport function useBlockComments( postId ) {\n\tconst [ commentLastUpdated, reflowComments ] = useReducer(\n\t\t() => Date.now(),\n\t\t0\n\t);\n\n\tconst queryArgs = {\n\t\tpost: postId,\n\t\ttype: 'note',\n\t\tstatus: 'all',\n\t\tper_page: 100,\n\t};\n\n\tconst { records: threads, totalPages } = useEntityRecords(\n\t\t'root',\n\t\t'comment',\n\t\tqueryArgs,\n\t\t{ enabled: !! postId && typeof postId === 'number' }\n\t);\n\n\tconst { getBlockAttributes } = useSelect( blockEditorStore );\n\tconst { clientIds } = useSelect( ( select ) => {\n\t\tconst { getClientIdsWithDescendants } = select( blockEditorStore );\n\t\treturn {\n\t\t\tclientIds: getClientIdsWithDescendants(),\n\t\t};\n\t}, [] );\n\n\t// Process comments to build the tree structure.\n\tconst { resultComments, unresolvedSortedThreads } = useMemo( () => {\n\t\tconst blocksWithComments = clientIds.reduce( ( results, clientId ) => {\n\t\t\tconst commentId =\n\t\t\t\tgetBlockAttributes( clientId )?.metadata?.commentId;\n\t\t\tif ( commentId ) {\n\t\t\t\tresults[ clientId ] = commentId;\n\t\t\t}\n\t\t\treturn results;\n\t\t}, {} );\n\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 allComments = threads ?? [];\n\n\t\t// Initialize each object with an empty `reply` array and map blockClientId.\n\t\tallComments.forEach( ( item ) => {\n\t\t\tconst itemBlock = Object.keys( blocksWithComments ).find(\n\t\t\t\t( key ) => blocksWithComments[ key ] === item.id\n\t\t\t);\n\n\t\t\tcompare[ item.id ] = {\n\t\t\t\t...item,\n\t\t\t\treply: [],\n\t\t\t\tblockClientId: item.parent === 0 ? itemBlock : null,\n\t\t\t};\n\t\t} );\n\n\t\t// Iterate over the data to build the tree structure.\n\t\tallComments.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\tif ( 0 === result?.length ) {\n\t\t\treturn { resultComments: [], unresolvedSortedThreads: [] };\n\t\t}\n\n\t\tconst updatedResult = result.map( ( item ) => ( {\n\t\t\t...item,\n\t\t\treply: [ ...item.reply ].reverse(),\n\t\t} ) );\n\n\t\tconst threadIdMap = new Map(\n\t\t\tupdatedResult.map( ( thread ) => [ String( thread.id ), thread ] )\n\t\t);\n\n\t\t// Get comments by block order, first unresolved, then resolved.\n\t\tconst unresolvedSortedComments = Object.values( blocksWithComments )\n\t\t\t.map( ( commentId ) => threadIdMap.get( String( commentId ) ) )\n\t\t\t.filter(\n\t\t\t\t( thread ) => thread !== undefined && thread.status === 'hold'\n\t\t\t);\n\n\t\tconst resolvedSortedComments = Object.values( blocksWithComments )\n\t\t\t.map( ( commentId ) => threadIdMap.get( String( commentId ) ) )\n\t\t\t.filter(\n\t\t\t\t( thread ) =>\n\t\t\t\t\tthread !== undefined && thread.status === 'approved'\n\t\t\t);\n\n\t\t// Combine unresolved comments in block order with resolved comments at the end.\n\t\tconst allSortedComments = [\n\t\t\t...unresolvedSortedComments,\n\t\t\t...resolvedSortedComments,\n\t\t];\n\n\t\treturn {\n\t\t\tresultComments: allSortedComments,\n\t\t\tunresolvedSortedThreads: unresolvedSortedComments,\n\t\t};\n\t}, [ clientIds, threads, getBlockAttributes ] );\n\n\treturn {\n\t\tresultComments,\n\t\tunresolvedSortedThreads,\n\t\ttotalPages,\n\t\treflowComments,\n\t\tcommentLastUpdated,\n\t};\n}\n\nexport function useBlockCommentsActions( reflowComments = noop ) {\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst { saveEntityRecord, deleteEntityRecord } = useDispatch( coreStore );\n\tconst { getCurrentPostId } = useSelect( editorStore );\n\tconst { getBlockAttributes, getSelectedBlockClientId } =\n\t\tuseSelect( blockEditorStore );\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\tconst onError = ( error ) => {\n\t\tconst errorMessage =\n\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t? decodeEntities( error.message )\n\t\t\t\t: __( 'An error occurred while performing an update.' );\n\t\tcreateNotice( 'error', errorMessage, {\n\t\t\ttype: 'snackbar',\n\t\t\tisDismissible: true,\n\t\t} );\n\t};\n\n\tconst onCreate = async ( { content, parent } ) => {\n\t\ttry {\n\t\t\tconst savedRecord = await saveEntityRecord(\n\t\t\t\t'root',\n\t\t\t\t'comment',\n\t\t\t\t{\n\t\t\t\t\tpost: getCurrentPostId(),\n\t\t\t\t\tcontent,\n\t\t\t\t\tstatus: 'hold',\n\t\t\t\t\ttype: 'note',\n\t\t\t\t\tparent: parent || 0,\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\n\t\t\t// If it's a main comment, update the block attributes with the comment id.\n\t\t\tif ( ! parent && savedRecord?.id ) {\n\t\t\t\tconst clientId = getSelectedBlockClientId();\n\t\t\t\tconst metadata = getBlockAttributes( clientId )?.metadata;\n\t\t\t\tupdateBlockAttributes( clientId, {\n\t\t\t\t\tmetadata: {\n\t\t\t\t\t\t...metadata,\n\t\t\t\t\t\tcommentId: savedRecord.id,\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tcreateNotice(\n\t\t\t\t'snackbar',\n\t\t\t\tparent\n\t\t\t\t\t? __( 'Reply added successfully.' )\n\t\t\t\t\t: __( 'Note 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\tsetTimeout( reflowComments, 300 );\n\t\t\treturn savedRecord;\n\t\t} catch ( error ) {\n\t\t\treflowComments();\n\t\t\tonError( error );\n\t\t}\n\t};\n\n\tconst onEdit = async ( { id, content, status } ) => {\n\t\tconst messageType = status ? status : 'updated';\n\t\tconst messages = {\n\t\t\tapproved: __( 'Note marked as resolved.' ),\n\t\t\thold: __( 'Note reopened.' ),\n\t\t\tupdated: __( 'Note updated.' ),\n\t\t};\n\n\t\ttry {\n\t\t\t// For resolution or reopen actions, create a new note with metadata.\n\t\t\tif ( status === 'approved' || status === 'hold' ) {\n\t\t\t\t// First, update the thread status.\n\t\t\t\tawait saveEntityRecord(\n\t\t\t\t\t'root',\n\t\t\t\t\t'comment',\n\t\t\t\t\t{\n\t\t\t\t\t\tid,\n\t\t\t\t\t\tstatus,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tthrowOnError: true,\n\t\t\t\t\t}\n\t\t\t\t);\n\n\t\t\t\t// Then create a new comment with the metadata.\n\t\t\t\tconst newCommentData = {\n\t\t\t\t\tpost: getCurrentPostId(),\n\t\t\t\t\tcontent: content || '', // Empty content for resolve, content for reopen.\n\t\t\t\t\ttype: 'note',\n\t\t\t\t\tstatus,\n\t\t\t\t\tparent: id,\n\t\t\t\t\tmeta: {\n\t\t\t\t\t\t_wp_note_status:\n\t\t\t\t\t\t\tstatus === 'approved' ? 'resolved' : 'reopen',\n\t\t\t\t\t},\n\t\t\t\t};\n\n\t\t\t\tawait saveEntityRecord( 'root', 'comment', newCommentData, {\n\t\t\t\t\tthrowOnError: true,\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tconst updateData = {\n\t\t\t\t\tid,\n\t\t\t\t\tcontent,\n\t\t\t\t\tstatus,\n\t\t\t\t};\n\n\t\t\t\tawait saveEntityRecord( 'root', 'comment', updateData, {\n\t\t\t\t\tthrowOnError: true,\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tcreateNotice(\n\t\t\t\t'snackbar',\n\t\t\t\tmessages[ messageType ] ?? __( 'Note updated.' ),\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\treflowComments();\n\t\t} catch ( error ) {\n\t\t\treflowComments();\n\t\t\tonError( error );\n\t\t}\n\t};\n\n\tconst onDelete = async ( comment ) => {\n\t\ttry {\n\t\t\tawait deleteEntityRecord(\n\t\t\t\t'root',\n\t\t\t\t'comment',\n\t\t\t\tcomment.id,\n\t\t\t\tundefined,\n\t\t\t\t{\n\t\t\t\t\tthrowOnError: true,\n\t\t\t\t}\n\t\t\t);\n\n\t\t\tif ( ! comment.parent ) {\n\t\t\t\tconst clientId = getSelectedBlockClientId();\n\t\t\t\tconst metadata = getBlockAttributes( clientId )?.metadata;\n\t\t\t\tupdateBlockAttributes( clientId, {\n\t\t\t\t\tmetadata: cleanEmptyObject( {\n\t\t\t\t\t\t...metadata,\n\t\t\t\t\t\tcommentId: undefined,\n\t\t\t\t\t} ),\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tcreateNotice( 'snackbar', __( 'Note deleted successfully.' ), {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tisDismissible: true,\n\t\t\t} );\n\t\t\treflowComments();\n\t\t} catch ( error ) {\n\t\t\treflowComments();\n\t\t\tonError( error );\n\t\t}\n\t};\n\n\treturn { onCreate, onEdit, onDelete };\n}\n\nexport function useEnableFloatingSidebar( enabled = false ) {\n\tconst registry = useRegistry();\n\tuseEffect( () => {\n\t\tif ( ! enabled ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn registry.subscribe( () => {\n\t\t\tconst activeSidebar = registry\n\t\t\t\t.select( interfaceStore )\n\t\t\t\t.getActiveComplementaryArea( 'core' );\n\n\t\t\tif ( ! activeSidebar ) {\n\t\t\t\tregistry\n\t\t\t\t\t.dispatch( interfaceStore )\n\t\t\t\t\t.enableComplementaryArea( 'core', collabSidebarName );\n\t\t\t}\n\t\t} );\n\t}, [ enabled, registry ] );\n}\n\nexport function useFloatingThread( {\n\tthread,\n\tcalculatedOffset,\n\tsetHeights,\n\tselectedThread,\n\tsetBlockRef,\n\tcommentLastUpdated,\n} ) {\n\tconst blockRef = useRef();\n\tuseBlockElementRef( thread.blockClientId, blockRef );\n\n\tconst updateHeight = useCallback(\n\t\t( id, newHeight ) => {\n\t\t\tsetHeights( ( prev ) => {\n\t\t\t\tif ( prev[ id ] !== newHeight ) {\n\t\t\t\t\treturn { ...prev, [ id ]: newHeight };\n\t\t\t\t}\n\t\t\t\treturn prev;\n\t\t\t} );\n\t\t},\n\t\t[ setHeights ]\n\t);\n\n\t// Use floating-ui to track the block element's position with the calculated offset.\n\tconst { y, refs } = useFloating( {\n\t\tplacement: 'right-start',\n\t\tmiddleware: [\n\t\t\toffsetMiddleware( {\n\t\t\t\tcrossAxis: calculatedOffset || -16,\n\t\t\t} ),\n\t\t],\n\t\twhileElementsMounted: autoUpdate,\n\t} );\n\n\t// Store the block reference for each thread.\n\tuseEffect( () => {\n\t\tif ( blockRef.current ) {\n\t\t\trefs.setReference( blockRef.current );\n\t\t}\n\t}, [ blockRef, refs ] );\n\n\t// Track thread heights.\n\tuseEffect( () => {\n\t\tif ( refs.floating?.current ) {\n\t\t\tsetBlockRef( thread.id, blockRef.current );\n\t\t}\n\t}, [ thread.id, refs.floating, setBlockRef ] );\n\n\t// When the selected thread changes, update heights, triggering offset recalculation.\n\tuseEffect( () => {\n\t\tif ( refs.floating?.current ) {\n\t\t\tconst newHeight = refs.floating.current.scrollHeight;\n\t\t\tupdateHeight( thread.id, newHeight );\n\t\t}\n\t}, [\n\t\tthread.id,\n\t\tupdateHeight,\n\t\trefs.floating,\n\t\tselectedThread,\n\t\tcommentLastUpdated,\n\t] );\n\n\treturn {\n\t\tblockRef,\n\t\ty,\n\t\trefs,\n\t};\n}\n"],
+  "mappings": "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",
+  "names": ["blockEditorPrivateApis", "blockEditorStore", "noticesStore", "coreStore", "editorStore", "interfaceStore", "offsetMiddleware"]
+}

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

@@ -1,277 +1,208 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var collab_sidebar_exports = {};
+__export(collab_sidebar_exports, {
+  default: () => CollabSidebar
 });
-exports.default = CollabSidebar;
-var _i18n = require("@wordpress/i18n");
-var _data = require("@wordpress/data");
-var _components = require("@wordpress/components");
-var _element = require("@wordpress/element");
-var _compose = require("@wordpress/compose");
-var _icons = require("@wordpress/icons");
-var _notices = require("@wordpress/notices");
-var _coreData = require("@wordpress/core-data");
-var _blockEditor = require("@wordpress/block-editor");
-var _interface = require("@wordpress/interface");
-var _htmlEntities = require("@wordpress/html-entities");
-var _pluginSidebar = _interopRequireDefault(require("../plugin-sidebar"));
-var _constants = require("./constants");
-var _comments = require("./comments");
-var _addComment = require("./add-comment");
-var _store = require("../../store");
-var _commentButton = _interopRequireDefault(require("./comment-button"));
-var _commentIndicatorToolbar = _interopRequireDefault(require("./comment-indicator-toolbar"));
-var _globalStylesProvider = require("../global-styles-provider");
-var _hooks = require("./hooks");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(collab_sidebar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_i18n = require("@wordpress/i18n");
+var import_data = require("@wordpress/data");
+var import_components = require("@wordpress/components");
+var import_element = require("@wordpress/element");
+var import_compose = require("@wordpress/compose");
+var import_icons = require("@wordpress/icons");
+var import_block_editor = require("@wordpress/block-editor");
+var import_interface = require("@wordpress/interface");
+var import_plugin_sidebar = __toESM(require("../plugin-sidebar"));
+var import_constants = require("./constants");
+var import_comments = require("./comments");
+var import_add_comment = require("./add-comment");
+var import_store = require("../../store");
+var import_comment_menu_item = __toESM(require("./comment-menu-item"));
+var import_comment_indicator_toolbar = __toESM(require("./comment-indicator-toolbar"));
+var import_global_styles_provider = require("../global-styles-provider");
+var import_hooks = require("./hooks");
+var import_utils = require("./utils");
 function CollabSidebarContent({
   showCommentBoard,
   setShowCommentBoard,
   styles,
-  comments
+  comments,
+  commentSidebarRef,
+  reflowComments,
+  commentLastUpdated,
+  isFloating = false
 }) {
-  const {
-    createNotice
-  } = (0, _data.useDispatch)(_notices.store);
-  const {
-    saveEntityRecord,
-    deleteEntityRecord
-  } = (0, _data.useDispatch)(_coreData.store);
-  const {
-    updateBlockAttributes
-  } = (0, _data.useDispatch)(_blockEditor.store);
-  const {
-    currentPostId,
-    getSelectedBlockClientId,
-    getBlockAttributes
-  } = (0, _data.useSelect)(select => {
-    const {
-      getCurrentPostId
-    } = select(_store.store);
-    return {
-      getSelectedBlockClientId: select(_blockEditor.store).getSelectedBlockClientId,
-      getBlockAttributes: select(_blockEditor.store).getBlockAttributes,
-      currentPostId: getCurrentPostId()
-    };
-  }, []);
-  const onError = error => {
-    const errorMessage = error.message && error.code !== 'unknown_error' ? (0, _htmlEntities.decodeEntities)(error.message) : (0, _i18n.__)('An error occurred while performing an update.');
-    createNotice('error', errorMessage, {
-      type: 'snackbar',
-      isDismissible: true
-    });
-  };
-  const addNewComment = async ({
-    content,
-    parent
-  }) => {
-    try {
-      const savedRecord = await saveEntityRecord('root', 'comment', {
-        post: currentPostId,
-        content,
-        comment_type: 'block_comment',
-        comment_approved: 0,
-        parent: parent || 0
-      }, {
-        throwOnError: true
-      });
-
-      // If it's a main comment, update the block attributes with the comment id.
-      if (!parent && savedRecord?.id) {
-        const metadata = getBlockAttributes(getSelectedBlockClientId())?.metadata;
-        updateBlockAttributes(getSelectedBlockClientId(), {
-          metadata: {
-            ...metadata,
-            commentId: savedRecord.id
+  const { onCreate, onEdit, onDelete } = (0, import_hooks.useBlockCommentsActions)(reflowComments);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_components.__experimentalVStack,
+    {
+      className: "editor-collab-sidebar-panel",
+      style: styles,
+      role: "list",
+      spacing: "3",
+      ref: (node) => {
+        commentSidebarRef.current = node;
+      },
+      children: [
+        !isFloating && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_add_comment.AddComment,
+          {
+            onSubmit: onCreate,
+            showCommentBoard,
+            setShowCommentBoard,
+            commentSidebarRef
           }
-        });
-      }
-      createNotice('snackbar', parent ? (0, _i18n.__)('Reply added successfully.') : (0, _i18n.__)('Comment added successfully.'), {
-        type: 'snackbar',
-        isDismissible: true
-      });
-    } catch (error) {
-      onError(error);
-    }
-  };
-  const onEditComment = async ({
-    id,
-    content,
-    status
-  }) => {
-    const messageType = status ? status : 'updated';
-    const messages = {
-      approved: (0, _i18n.__)('Comment marked as resolved.'),
-      hold: (0, _i18n.__)('Comment reopened.'),
-      updated: (0, _i18n.__)('Comment updated.')
-    };
-    try {
-      var _messages$messageType;
-      await saveEntityRecord('root', 'comment', {
-        id,
-        content,
-        status
-      }, {
-        throwOnError: true
-      });
-      createNotice('snackbar', (_messages$messageType = messages[messageType]) !== null && _messages$messageType !== void 0 ? _messages$messageType : (0, _i18n.__)('Comment updated.'), {
-        type: 'snackbar',
-        isDismissible: true
-      });
-    } catch (error) {
-      onError(error);
-    }
-  };
-  const onCommentDelete = async comment => {
-    try {
-      await deleteEntityRecord('root', 'comment', comment.id, undefined, {
-        throwOnError: true
-      });
-      if (!comment.parent) {
-        const metadata = getBlockAttributes(getSelectedBlockClientId())?.metadata;
-        updateBlockAttributes(getSelectedBlockClientId(), {
-          metadata: {
-            ...metadata,
-            commentId: undefined
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_comments.Comments,
+          {
+            threads: comments,
+            onEditComment: onEdit,
+            onAddReply: onCreate,
+            onCommentDelete: onDelete,
+            showCommentBoard,
+            setShowCommentBoard,
+            commentSidebarRef,
+            reflowComments,
+            commentLastUpdated,
+            isFloating
           }
-        });
-      }
-      createNotice('snackbar', (0, _i18n.__)('Comment deleted successfully.'), {
-        type: 'snackbar',
-        isDismissible: true
-      });
-    } catch (error) {
-      onError(error);
+        )
+      ]
     }
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "editor-collab-sidebar-panel",
-    style: styles,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-      role: "list",
-      spacing: "3",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_addComment.AddComment, {
-        onSubmit: addNewComment,
-        showCommentBoard: showCommentBoard,
-        setShowCommentBoard: setShowCommentBoard
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_comments.Comments, {
-        threads: comments,
-        onEditComment: onEditComment,
-        onAddReply: addNewComment,
-        onCommentDelete: onCommentDelete,
-        showCommentBoard: showCommentBoard,
-        setShowCommentBoard: setShowCommentBoard
-      }, getSelectedBlockClientId())]
-    })
-  });
+  );
 }
-
-/**
- * Renders the Collab sidebar.
- */
 function CollabSidebar() {
-  const [showCommentBoard, setShowCommentBoard] = (0, _element.useState)(false);
-  const {
-    enableComplementaryArea
-  } = (0, _data.useDispatch)(_interface.store);
-  const {
-    getActiveComplementaryArea
-  } = (0, _data.useSelect)(_interface.store);
-  const isLargeViewport = (0, _compose.useViewportMatch)('medium');
-  const {
-    postId
-  } = (0, _data.useSelect)(select => {
-    const {
-      getCurrentPostId
-    } = select(_store.store);
+  const [showCommentBoard, setShowCommentBoard] = (0, import_element.useState)(false);
+  const { getActiveComplementaryArea } = (0, import_data.useSelect)(import_interface.store);
+  const { enableComplementaryArea } = (0, import_data.useDispatch)(import_interface.store);
+  const isLargeViewport = (0, import_compose.useViewportMatch)("medium");
+  const commentSidebarRef = (0, import_element.useRef)(null);
+  const { postId } = (0, import_data.useSelect)((select) => {
+    const { getCurrentPostId } = select(import_store.store);
     return {
       postId: getCurrentPostId()
     };
   }, []);
-  const blockCommentId = (0, _data.useSelect)(select => {
-    const {
-      getBlockAttributes,
-      getSelectedBlockClientId
-    } = select(_blockEditor.store);
-    const _clientId = getSelectedBlockClientId();
-    return _clientId ? getBlockAttributes(_clientId)?.metadata?.commentId : null;
+  const blockCommentId = (0, import_data.useSelect)((select) => {
+    const { getBlockAttributes, getSelectedBlockClientId } = select(import_block_editor.store);
+    const clientId = getSelectedBlockClientId();
+    return clientId ? getBlockAttributes(clientId)?.metadata?.commentId : null;
   }, []);
-  const openCollabBoard = () => {
-    setShowCommentBoard(true);
-    enableComplementaryArea('core', _constants.collabHistorySidebarName);
-  };
   const {
     resultComments,
     unresolvedSortedThreads,
-    totalPages
-  } = (0, _hooks.useBlockComments)(postId);
+    totalPages,
+    reflowComments,
+    commentLastUpdated
+  } = (0, import_hooks.useBlockComments)(postId);
+  (0, import_hooks.useEnableFloatingSidebar)(resultComments.length > 0);
   const hasMoreComments = totalPages && totalPages > 1;
-
-  // Get the global styles to set the background color of the sidebar.
-  const {
-    merged: GlobalStyles
-  } = (0, _globalStylesProvider.useGlobalStylesContext)();
+  const { merged: GlobalStyles } = (0, import_global_styles_provider.useGlobalStylesContext)();
   const backgroundColor = GlobalStyles?.styles?.color?.background;
-  if (0 < resultComments.length) {
-    const unsubscribe = (0, _data.subscribe)(() => {
-      const activeSidebar = getActiveComplementaryArea('core');
-      if (!activeSidebar) {
-        enableComplementaryArea('core', _constants.collabSidebarName);
-        unsubscribe();
-      }
-    });
-  }
-  const AddCommentComponent = blockCommentId ? _commentIndicatorToolbar.default : _commentButton.default;
-
-  // Find the current thread for the selected block.
-  const currentThread = blockCommentId ? resultComments.find(thread => thread.id === blockCommentId) : null;
-
-  // If postId is not a valid number, do not render the comment sidebar.
-  if (!(!!postId && typeof postId === 'number')) {
+  const currentThread = blockCommentId ? resultComments.find((thread) => thread.id === blockCommentId) : null;
+  if (!(!!postId && typeof postId === "number")) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(AddCommentComponent, {
-      onClick: openCollabBoard,
-      thread: currentThread,
-      hasMoreComments: hasMoreComments
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_pluginSidebar.default, {
-      identifier: _constants.collabHistorySidebarName
-      // translators: Comments sidebar title
-      ,
-      title: (0, _i18n.__)('Comments'),
-      icon: _icons.comment,
-      closeLabel: (0, _i18n.__)('Close Comments'),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CollabSidebarContent, {
-        comments: resultComments,
-        showCommentBoard: showCommentBoard,
-        setShowCommentBoard: setShowCommentBoard
-      })
-    }), isLargeViewport && /*#__PURE__*/(0, _jsxRuntime.jsx)(_pluginSidebar.default, {
-      isPinnable: false,
-      header: false,
-      identifier: _constants.collabSidebarName,
-      className: "editor-collab-sidebar",
-      headerClassName: "editor-collab-sidebar__header",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CollabSidebarContent, {
-        comments: unresolvedSortedThreads,
-        showCommentBoard: showCommentBoard,
-        setShowCommentBoard: setShowCommentBoard,
-        styles: {
-          backgroundColor
-        }
-      })
-    })]
-  });
+  async function openTheSidebar() {
+    enableComplementaryArea("core", import_constants.collabHistorySidebarName);
+    const activeArea = await getActiveComplementaryArea("core");
+    if ([import_constants.collabHistorySidebarName, import_constants.collabSidebarName].includes(
+      activeArea
+    )) {
+      setShowCommentBoard(!blockCommentId);
+      (0, import_utils.focusCommentThread)(
+        blockCommentId,
+        commentSidebarRef.current,
+        // Focus a comment thread when there's a selected block with a comment.
+        !blockCommentId ? "textarea" : void 0
+      );
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    blockCommentId && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_comment_indicator_toolbar.default,
+      {
+        thread: currentThread,
+        hasMoreComments,
+        onClick: openTheSidebar
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_comment_menu_item.default, { onClick: openTheSidebar }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_plugin_sidebar.default,
+      {
+        identifier: import_constants.collabHistorySidebarName,
+        title: (0, import_i18n.__)("Notes"),
+        icon: import_icons.comment,
+        closeLabel: (0, import_i18n.__)("Close Notes"),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          CollabSidebarContent,
+          {
+            comments: resultComments,
+            showCommentBoard,
+            setShowCommentBoard,
+            commentSidebarRef,
+            reflowComments,
+            commentLastUpdated
+          }
+        )
+      }
+    ),
+    isLargeViewport && unresolvedSortedThreads.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_plugin_sidebar.default,
+      {
+        isPinnable: false,
+        header: false,
+        identifier: import_constants.collabSidebarName,
+        className: "editor-collab-sidebar",
+        headerClassName: "editor-collab-sidebar__header",
+        backgroundColor,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          CollabSidebarContent,
+          {
+            comments: unresolvedSortedThreads,
+            showCommentBoard,
+            setShowCommentBoard,
+            commentSidebarRef,
+            reflowComments,
+            commentLastUpdated,
+            styles: {
+              backgroundColor
+            },
+            isFloating: true
+          }
+        )
+      }
+    )
+  ] });
 }
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_data","_components","_element","_compose","_icons","_notices","_coreData","_blockEditor","_interface","_htmlEntities","_pluginSidebar","_interopRequireDefault","_constants","_comments","_addComment","_store","_commentButton","_commentIndicatorToolbar","_globalStylesProvider","_hooks","_jsxRuntime","CollabSidebarContent","showCommentBoard","setShowCommentBoard","styles","comments","createNotice","useDispatch","noticesStore","saveEntityRecord","deleteEntityRecord","coreStore","updateBlockAttributes","blockEditorStore","currentPostId","getSelectedBlockClientId","getBlockAttributes","useSelect","select","getCurrentPostId","editorStore","onError","error","errorMessage","message","code","decodeEntities","__","type","isDismissible","addNewComment","content","parent","savedRecord","post","comment_type","comment_approved","throwOnError","id","metadata","commentId","onEditComment","status","messageType","messages","approved","hold","updated","_messages$messageType","onCommentDelete","comment","undefined","jsx","className","style","children","jsxs","__experimentalVStack","role","spacing","AddComment","onSubmit","Comments","threads","onAddReply","CollabSidebar","useState","enableComplementaryArea","interfaceStore","getActiveComplementaryArea","isLargeViewport","useViewportMatch","postId","blockCommentId","_clientId","openCollabBoard","collabHistorySidebarName","resultComments","unresolvedSortedThreads","totalPages","useBlockComments","hasMoreComments","merged","GlobalStyles","useGlobalStylesContext","backgroundColor","color","background","length","unsubscribe","subscribe","activeSidebar","collabSidebarName","AddCommentComponent","CommentAvatarIndicator","AddCommentButton","currentThread","find","thread","Fragment","onClick","default","identifier","title","icon","commentIcon","closeLabel","isPinnable","header","headerClassName"],"sources":["@wordpress/editor/src/components/collab-sidebar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch, subscribe } from '@wordpress/data';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { comment as commentIcon } from '@wordpress/icons';\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';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport PluginSidebar from '../plugin-sidebar';\nimport { collabHistorySidebarName, collabSidebarName } from './constants';\nimport { Comments } from './comments';\nimport { AddComment } from './add-comment';\nimport { store as editorStore } from '../../store';\nimport AddCommentButton from './comment-button';\nimport CommentAvatarIndicator from './comment-indicator-toolbar';\nimport { useGlobalStylesContext } from '../global-styles-provider';\nimport { useBlockComments } from './hooks';\n\nfunction CollabSidebarContent( {\n\tshowCommentBoard,\n\tsetShowCommentBoard,\n\tstyles,\n\tcomments,\n} ) {\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst { saveEntityRecord, deleteEntityRecord } = useDispatch( coreStore );\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\tconst { currentPostId, getSelectedBlockClientId, getBlockAttributes } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst { getCurrentPostId } = select( editorStore );\n\t\t\treturn {\n\t\t\t\tgetSelectedBlockClientId:\n\t\t\t\t\tselect( blockEditorStore ).getSelectedBlockClientId,\n\t\t\t\tgetBlockAttributes:\n\t\t\t\t\tselect( blockEditorStore ).getBlockAttributes,\n\t\t\t\tcurrentPostId: getCurrentPostId(),\n\t\t\t};\n\t\t}, [] );\n\n\tconst onError = ( error ) => {\n\t\tconst errorMessage =\n\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t? decodeEntities( error.message )\n\t\t\t\t: __( 'An error occurred while performing an update.' );\n\t\tcreateNotice( 'error', errorMessage, {\n\t\t\ttype: 'snackbar',\n\t\t\tisDismissible: true,\n\t\t} );\n\t};\n\n\tconst addNewComment = async ( { content, parent } ) => {\n\t\ttry {\n\t\t\tconst savedRecord = await saveEntityRecord(\n\t\t\t\t'root',\n\t\t\t\t'comment',\n\t\t\t\t{\n\t\t\t\t\tpost: currentPostId,\n\t\t\t\t\tcontent,\n\t\t\t\t\tcomment_type: 'block_comment',\n\t\t\t\t\tcomment_approved: 0,\n\t\t\t\t\tparent: parent || 0,\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\n\t\t\t// If it's a main comment, update the block attributes with the comment id.\n\t\t\tif ( ! parent && savedRecord?.id ) {\n\t\t\t\tconst metadata = getBlockAttributes(\n\t\t\t\t\tgetSelectedBlockClientId()\n\t\t\t\t)?.metadata;\n\t\t\t\tupdateBlockAttributes( getSelectedBlockClientId(), {\n\t\t\t\t\tmetadata: {\n\t\t\t\t\t\t...metadata,\n\t\t\t\t\t\tcommentId: savedRecord.id,\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tcreateNotice(\n\t\t\t\t'snackbar',\n\t\t\t\tparent\n\t\t\t\t\t? __( 'Reply 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} catch ( error ) {\n\t\t\tonError( error );\n\t\t}\n\t};\n\n\tconst onEditComment = async ( { id, content, status } ) => {\n\t\tconst messageType = status ? status : 'updated';\n\t\tconst messages = {\n\t\t\tapproved: __( 'Comment marked as resolved.' ),\n\t\t\thold: __( 'Comment reopened.' ),\n\t\t\tupdated: __( 'Comment updated.' ),\n\t\t};\n\n\t\ttry {\n\t\t\tawait saveEntityRecord(\n\t\t\t\t'root',\n\t\t\t\t'comment',\n\t\t\t\t{\n\t\t\t\t\tid,\n\t\t\t\t\tcontent,\n\t\t\t\t\tstatus,\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\t\t\tcreateNotice(\n\t\t\t\t'snackbar',\n\t\t\t\tmessages[ messageType ] ?? __( 'Comment updated.' ),\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} catch ( error ) {\n\t\t\tonError( error );\n\t\t}\n\t};\n\n\tconst onCommentDelete = async ( comment ) => {\n\t\ttry {\n\t\t\tawait deleteEntityRecord(\n\t\t\t\t'root',\n\t\t\t\t'comment',\n\t\t\t\tcomment.id,\n\t\t\t\tundefined,\n\t\t\t\t{\n\t\t\t\t\tthrowOnError: true,\n\t\t\t\t}\n\t\t\t);\n\n\t\t\tif ( ! comment.parent ) {\n\t\t\t\tconst metadata = getBlockAttributes(\n\t\t\t\t\tgetSelectedBlockClientId()\n\t\t\t\t)?.metadata;\n\t\t\t\tupdateBlockAttributes( getSelectedBlockClientId(), {\n\t\t\t\t\tmetadata: {\n\t\t\t\t\t\t...metadata,\n\t\t\t\t\t\tcommentId: undefined,\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tcreateNotice( 'snackbar', __( 'Comment deleted successfully.' ), {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tisDismissible: true,\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tonError( error );\n\t\t}\n\t};\n\n\treturn (\n\t\t<div className=\"editor-collab-sidebar-panel\" style={ styles }>\n\t\t\t<VStack role=\"list\" spacing=\"3\">\n\t\t\t\t<AddComment\n\t\t\t\t\tonSubmit={ addNewComment }\n\t\t\t\t\tshowCommentBoard={ showCommentBoard }\n\t\t\t\t\tsetShowCommentBoard={ setShowCommentBoard }\n\t\t\t\t/>\n\t\t\t\t<Comments\n\t\t\t\t\tkey={ getSelectedBlockClientId() }\n\t\t\t\t\tthreads={ comments }\n\t\t\t\t\tonEditComment={ onEditComment }\n\t\t\t\t\tonAddReply={ addNewComment }\n\t\t\t\t\tonCommentDelete={ onCommentDelete }\n\t\t\t\t\tshowCommentBoard={ showCommentBoard }\n\t\t\t\t\tsetShowCommentBoard={ setShowCommentBoard }\n\t\t\t\t/>\n\t\t\t</VStack>\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\tconst { getActiveComplementaryArea } = useSelect( interfaceStore );\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\tconst { postId } = useSelect( ( select ) => {\n\t\tconst { getCurrentPostId } = select( editorStore );\n\t\treturn {\n\t\t\tpostId: getCurrentPostId(),\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 _clientId\n\t\t\t? getBlockAttributes( _clientId )?.metadata?.commentId\n\t\t\t: null;\n\t}, [] );\n\n\tconst openCollabBoard = () => {\n\t\tsetShowCommentBoard( true );\n\t\tenableComplementaryArea( 'core', collabHistorySidebarName );\n\t};\n\n\tconst { resultComments, unresolvedSortedThreads, totalPages } =\n\t\tuseBlockComments( postId );\n\n\tconst hasMoreComments = totalPages && totalPages > 1;\n\n\t// Get the global styles to set the background color of the sidebar.\n\tconst { merged: GlobalStyles } = useGlobalStylesContext();\n\tconst backgroundColor = GlobalStyles?.styles?.color?.background;\n\n\tif ( 0 < resultComments.length ) {\n\t\tconst unsubscribe = subscribe( () => {\n\t\t\tconst activeSidebar = getActiveComplementaryArea( 'core' );\n\n\t\t\tif ( ! activeSidebar ) {\n\t\t\t\tenableComplementaryArea( 'core', collabSidebarName );\n\t\t\t\tunsubscribe();\n\t\t\t}\n\t\t} );\n\t}\n\n\tconst AddCommentComponent = blockCommentId\n\t\t? CommentAvatarIndicator\n\t\t: AddCommentButton;\n\n\t// Find the current thread for the selected block.\n\tconst currentThread = blockCommentId\n\t\t? resultComments.find( ( thread ) => thread.id === blockCommentId )\n\t\t: null;\n\n\t// If postId is not a valid number, do not render the comment sidebar.\n\tif ( ! ( !! postId && typeof postId === 'number' ) ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<AddCommentComponent\n\t\t\t\tonClick={ openCollabBoard }\n\t\t\t\tthread={ currentThread }\n\t\t\t\thasMoreComments={ hasMoreComments }\n\t\t\t/>\n\t\t\t<PluginSidebar\n\t\t\t\tidentifier={ collabHistorySidebarName }\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\tcloseLabel={ __( 'Close Comments' ) }\n\t\t\t>\n\t\t\t\t<CollabSidebarContent\n\t\t\t\t\tcomments={ resultComments }\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\t{ isLargeViewport && (\n\t\t\t\t<PluginSidebar\n\t\t\t\t\tisPinnable={ false }\n\t\t\t\t\theader={ false }\n\t\t\t\t\tidentifier={ collabSidebarName }\n\t\t\t\t\tclassName=\"editor-collab-sidebar\"\n\t\t\t\t\theaderClassName=\"editor-collab-sidebar__header\"\n\t\t\t\t>\n\t\t\t\t\t<CollabSidebarContent\n\t\t\t\t\t\tcomments={ unresolvedSortedThreads }\n\t\t\t\t\t\tshowCommentBoard={ showCommentBoard }\n\t\t\t\t\t\tsetShowCommentBoard={ setShowCommentBoard }\n\t\t\t\t\t\tstyles={ {\n\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</PluginSidebar>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/collab-sidebar/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { useState, useRef } from '@wordpress/element';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { comment as commentIcon } from '@wordpress/icons';\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 { collabHistorySidebarName, collabSidebarName } from './constants';\nimport { Comments } from './comments';\nimport { AddComment } from './add-comment';\nimport { store as editorStore } from '../../store';\nimport AddCommentMenuItem from './comment-menu-item';\nimport CommentAvatarIndicator from './comment-indicator-toolbar';\nimport { useGlobalStylesContext } from '../global-styles-provider';\nimport {\n\tuseBlockComments,\n\tuseBlockCommentsActions,\n\tuseEnableFloatingSidebar,\n} from './hooks';\nimport { focusCommentThread } from './utils';\n\nfunction CollabSidebarContent( {\n\tshowCommentBoard,\n\tsetShowCommentBoard,\n\tstyles,\n\tcomments,\n\tcommentSidebarRef,\n\treflowComments,\n\tcommentLastUpdated,\n\tisFloating = false,\n} ) {\n\tconst { onCreate, onEdit, onDelete } =\n\t\tuseBlockCommentsActions( reflowComments );\n\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"editor-collab-sidebar-panel\"\n\t\t\tstyle={ styles }\n\t\t\trole=\"list\"\n\t\t\tspacing=\"3\"\n\t\t\tref={ ( node ) => {\n\t\t\t\t// Keeps the ref fresh when switching between floating and pinned sidebar.\n\t\t\t\tcommentSidebarRef.current = node;\n\t\t\t} }\n\t\t>\n\t\t\t{ ! isFloating && (\n\t\t\t\t<AddComment\n\t\t\t\t\tonSubmit={ onCreate }\n\t\t\t\t\tshowCommentBoard={ showCommentBoard }\n\t\t\t\t\tsetShowCommentBoard={ setShowCommentBoard }\n\t\t\t\t\tcommentSidebarRef={ commentSidebarRef }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<Comments\n\t\t\t\tthreads={ comments }\n\t\t\t\tonEditComment={ onEdit }\n\t\t\t\tonAddReply={ onCreate }\n\t\t\t\tonCommentDelete={ onDelete }\n\t\t\t\tshowCommentBoard={ showCommentBoard }\n\t\t\t\tsetShowCommentBoard={ setShowCommentBoard }\n\t\t\t\tcommentSidebarRef={ commentSidebarRef }\n\t\t\t\treflowComments={ reflowComments }\n\t\t\t\tcommentLastUpdated={ commentLastUpdated }\n\t\t\t\tisFloating={ isFloating }\n\t\t\t/>\n\t\t</VStack>\n\t);\n}\n\n/**\n * Renders the Collab sidebar.\n */\nexport default function CollabSidebar() {\n\tconst [ showCommentBoard, setShowCommentBoard ] = useState( false );\n\tconst { getActiveComplementaryArea } = useSelect( interfaceStore );\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst commentSidebarRef = useRef( null );\n\n\tconst { postId } = useSelect( ( select ) => {\n\t\tconst { getCurrentPostId } = select( editorStore );\n\t\treturn {\n\t\t\tpostId: getCurrentPostId(),\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\t\treturn clientId\n\t\t\t? getBlockAttributes( clientId )?.metadata?.commentId\n\t\t\t: null;\n\t}, [] );\n\n\tconst {\n\t\tresultComments,\n\t\tunresolvedSortedThreads,\n\t\ttotalPages,\n\t\treflowComments,\n\t\tcommentLastUpdated,\n\t} = useBlockComments( postId );\n\tuseEnableFloatingSidebar( resultComments.length > 0 );\n\n\tconst hasMoreComments = totalPages && totalPages > 1;\n\n\t// Get the global styles to set the background color of the sidebar.\n\tconst { merged: GlobalStyles } = useGlobalStylesContext();\n\tconst backgroundColor = GlobalStyles?.styles?.color?.background;\n\n\t// Find the current thread for the selected block.\n\tconst currentThread = blockCommentId\n\t\t? resultComments.find( ( thread ) => thread.id === blockCommentId )\n\t\t: null;\n\n\t// If postId is not a valid number, do not render the comment sidebar.\n\tif ( ! ( !! postId && typeof postId === 'number' ) ) {\n\t\treturn null;\n\t}\n\n\tasync function openTheSidebar() {\n\t\tenableComplementaryArea( 'core', collabHistorySidebarName );\n\t\tconst activeArea = await getActiveComplementaryArea( 'core' );\n\n\t\t// Move focus to the target element after the sidebar has opened.\n\t\tif (\n\t\t\t[ collabHistorySidebarName, collabSidebarName ].includes(\n\t\t\t\tactiveArea\n\t\t\t)\n\t\t) {\n\t\t\tsetShowCommentBoard( ! blockCommentId );\n\t\t\tfocusCommentThread(\n\t\t\t\tblockCommentId,\n\t\t\t\tcommentSidebarRef.current,\n\t\t\t\t// Focus a comment thread when there's a selected block with a comment.\n\t\t\t\t! blockCommentId ? 'textarea' : undefined\n\t\t\t);\n\t\t}\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ blockCommentId && (\n\t\t\t\t<CommentAvatarIndicator\n\t\t\t\t\tthread={ currentThread }\n\t\t\t\t\thasMoreComments={ hasMoreComments }\n\t\t\t\t\tonClick={ openTheSidebar }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<AddCommentMenuItem onClick={ openTheSidebar } />\n\t\t\t<PluginSidebar\n\t\t\t\tidentifier={ collabHistorySidebarName }\n\t\t\t\ttitle={ __( 'Notes' ) }\n\t\t\t\ticon={ commentIcon }\n\t\t\t\tcloseLabel={ __( 'Close Notes' ) }\n\t\t\t>\n\t\t\t\t<CollabSidebarContent\n\t\t\t\t\tcomments={ resultComments }\n\t\t\t\t\tshowCommentBoard={ showCommentBoard }\n\t\t\t\t\tsetShowCommentBoard={ setShowCommentBoard }\n\t\t\t\t\tcommentSidebarRef={ commentSidebarRef }\n\t\t\t\t\treflowComments={ reflowComments }\n\t\t\t\t\tcommentLastUpdated={ commentLastUpdated }\n\t\t\t\t/>\n\t\t\t</PluginSidebar>\n\t\t\t{ isLargeViewport && unresolvedSortedThreads.length > 0 && (\n\t\t\t\t<PluginSidebar\n\t\t\t\t\tisPinnable={ false }\n\t\t\t\t\theader={ false }\n\t\t\t\t\tidentifier={ collabSidebarName }\n\t\t\t\t\tclassName=\"editor-collab-sidebar\"\n\t\t\t\t\theaderClassName=\"editor-collab-sidebar__header\"\n\t\t\t\t\tbackgroundColor={ backgroundColor }\n\t\t\t\t>\n\t\t\t\t\t<CollabSidebarContent\n\t\t\t\t\t\tcomments={ unresolvedSortedThreads }\n\t\t\t\t\t\tshowCommentBoard={ showCommentBoard }\n\t\t\t\t\t\tsetShowCommentBoard={ setShowCommentBoard }\n\t\t\t\t\t\tcommentSidebarRef={ commentSidebarRef }\n\t\t\t\t\t\treflowComments={ reflowComments }\n\t\t\t\t\t\tcommentLastUpdated={ commentLastUpdated }\n\t\t\t\t\t\tstyles={ {\n\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tisFloating\n\t\t\t\t\t/>\n\t\t\t\t</PluginSidebar>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": ["VStack", "interfaceStore", "editorStore", "blockEditorStore", "CommentAvatarIndicator", "AddCommentMenuItem", "PluginSidebar", "commentIcon"]
+}