@wordpress/block-library 9.36.0 → 9.36.1-next.738bb1424.0

package/build-module/comment-template/hooks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/comment-template/hooks.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useState, useEffect, useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { addQueryArgs } from '@wordpress/url';\nimport apiFetch from '@wordpress/api-fetch';\n\n// This is limited by WP REST API\nconst MAX_COMMENTS_PER_PAGE = 100;\n\n/**\n * Return an object with the query args needed to fetch the default page of\n * comments.\n *\n * @param {Object} props        Hook props.\n * @param {number} props.postId ID of the post that contains the comments.\n *                              discussion settings.\n *\n * @return {Object} Query args to retrieve the comments.\n */\nexport const useCommentQueryArgs = ( { postId } ) => {\n\t// Initialize the query args that are not going to change.\n\tconst queryArgs = {\n\t\tstatus: 'approve',\n\t\torder: 'asc',\n\t\tcontext: 'embed',\n\t\tparent: 0,\n\t\t_embed: 'children',\n\t};\n\n\t// Get the Discussion settings that may be needed to query the comments.\n\tconst {\n\t\tpageComments,\n\t\tcommentsPerPage,\n\t\tdefaultCommentsPage: defaultPage,\n\t} = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\tconst { __experimentalDiscussionSettings } = getSettings();\n\t\treturn __experimentalDiscussionSettings;\n\t} );\n\n\t// WP REST API doesn't allow fetching more than max items limit set per single page of data.\n\t// As for the editor performance is more important than completeness of data and fetching only the\n\t// max allowed for single page should be enough for the purpose of design and laying out the page.\n\t// Fetching over the limit would return an error here but would work with backend query.\n\tconst perPage = pageComments\n\t\t? Math.min( commentsPerPage, MAX_COMMENTS_PER_PAGE )\n\t\t: MAX_COMMENTS_PER_PAGE;\n\n\t// Get the number of the default page.\n\tconst page = useDefaultPageIndex( {\n\t\tdefaultPage,\n\t\tpostId,\n\t\tperPage,\n\t\tqueryArgs,\n\t} );\n\n\t// Merge, memoize and return all query arguments, unless the default page's\n\t// number is not known yet.\n\treturn useMemo( () => {\n\t\treturn page\n\t\t\t? {\n\t\t\t\t\t...queryArgs,\n\t\t\t\t\tpost: postId,\n\t\t\t\t\tper_page: perPage,\n\t\t\t\t\tpage,\n\t\t\t  }\n\t\t\t: null;\n\t}, [ postId, perPage, page ] );\n};\n\n/**\n * Return the index of the default page, depending on whether `defaultPage` is\n * `newest` or `oldest`. In the first case, the only way to know the page's\n * index is by using the `X-WP-TotalPages` header, which forces to make an\n * additional request.\n *\n * @param {Object} props             Hook props.\n * @param {string} props.defaultPage Page shown by default (newest/oldest).\n * @param {number} props.postId      ID of the post that contains the comments.\n * @param {number} props.perPage     The number of comments included per page.\n * @param {Object} props.queryArgs   Other query args.\n *\n * @return {number} Index of the default comments page.\n */\nconst useDefaultPageIndex = ( { defaultPage, postId, perPage, queryArgs } ) => {\n\t// Store the default page indices.\n\tconst [ defaultPages, setDefaultPages ] = useState( {} );\n\tconst key = `${ postId }_${ perPage }`;\n\tconst page = defaultPages[ key ] || 0;\n\n\tuseEffect( () => {\n\t\t// Do nothing if the page is already known or not the newest page.\n\t\tif ( page || defaultPage !== 'newest' ) {\n\t\t\treturn;\n\t\t}\n\t\t// We need to fetch comments to know the index. Use HEAD and limit\n\t\t// fields just to ID, to make this call as light as possible.\n\t\tapiFetch( {\n\t\t\tpath: addQueryArgs( '/wp/v2/comments', {\n\t\t\t\t...queryArgs,\n\t\t\t\tpost: postId,\n\t\t\t\tper_page: perPage,\n\t\t\t\t_fields: 'id',\n\t\t\t} ),\n\t\t\tmethod: 'HEAD',\n\t\t\tparse: false,\n\t\t} )\n\t\t\t.then( ( res ) => {\n\t\t\t\tconst pages = parseInt( res.headers.get( 'X-WP-TotalPages' ) );\n\t\t\t\tsetDefaultPages( {\n\t\t\t\t\t...defaultPages,\n\t\t\t\t\t[ key ]: pages <= 1 ? 1 : pages, // If there are 0 pages, it means that there are no comments, but there is no 0th page.\n\t\t\t\t} );\n\t\t\t} )\n\t\t\t.catch( () => {\n\t\t\t\t// There's no 0th page, but we can't know the number of pages, fallback to 1.\n\t\t\t\tsetDefaultPages( {\n\t\t\t\t\t...defaultPages,\n\t\t\t\t\t[ key ]: 1,\n\t\t\t\t} );\n\t\t\t} );\n\t}, [ defaultPage, postId, perPage, setDefaultPages ] );\n\n\t// The oldest one is always the first one.\n\treturn defaultPage === 'newest' ? page : 1;\n};\n\n/**\n * Generate a tree structure of comment IDs from a list of comment entities. The\n * children of each comment are obtained from `_embedded`.\n *\n * @typedef {{ commentId: number, children: CommentNode }} CommentNode\n *\n * @param {Object[]} topLevelComments List of comment entities.\n * @return {{ commentTree: CommentNode[]}} Tree of comment IDs.\n */\nexport const useCommentTree = ( topLevelComments ) => {\n\tconst commentTree = useMemo(\n\t\t() =>\n\t\t\ttopLevelComments?.map( ( { id, _embedded } ) => {\n\t\t\t\tconst [ children ] = _embedded?.children || [ [] ];\n\t\t\t\treturn {\n\t\t\t\t\tcommentId: id,\n\t\t\t\t\tchildren: children.map( ( child ) => ( {\n\t\t\t\t\t\tcommentId: child.id,\n\t\t\t\t\t} ) ),\n\t\t\t\t};\n\t\t\t} ),\n\t\t[ topLevelComments ]\n\t);\n\n\treturn commentTree;\n};\n"],
-  "mappings": ";AAGA,SAAS,UAAU,WAAW,eAAe;AAC7C,SAAS,iBAAiB;AAC1B,SAAS,SAAS,wBAAwB;AAC1C,SAAS,oBAAoB;AAC7B,OAAO,cAAc;AAGrB,IAAM,wBAAwB;AAYvB,IAAM,sBAAsB,CAAE,EAAE,OAAO,MAAO;AAEpD,QAAM,YAAY;AAAA,IACjB,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,EACT;AAGA,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,EACtB,IAAI,UAAW,CAAE,WAAY;AAC5B,UAAM,EAAE,YAAY,IAAI,OAAQ,gBAAiB;AACjD,UAAM,EAAE,iCAAiC,IAAI,YAAY;AACzD,WAAO;AAAA,EACR,CAAE;AAMF,QAAM,UAAU,eACb,KAAK,IAAK,iBAAiB,qBAAsB,IACjD;AAGH,QAAM,OAAO,oBAAqB;AAAA,IACjC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAE;AAIF,SAAO,QAAS,MAAM;AACrB,WAAO,OACJ;AAAA,MACA,GAAG;AAAA,MACH,MAAM;AAAA,MACN,UAAU;AAAA,MACV;AAAA,IACA,IACA;AAAA,EACJ,GAAG,CAAE,QAAQ,SAAS,IAAK,CAAE;AAC9B;AAgBA,IAAM,sBAAsB,CAAE,EAAE,aAAa,QAAQ,SAAS,UAAU,MAAO;AAE9E,QAAM,CAAE,cAAc,eAAgB,IAAI,SAAU,CAAC,CAAE;AACvD,QAAM,MAAM,GAAI,MAAO,IAAK,OAAQ;AACpC,QAAM,OAAO,aAAc,GAAI,KAAK;AAEpC,YAAW,MAAM;AAEhB,QAAK,QAAQ,gBAAgB,UAAW;AACvC;AAAA,IACD;AAGA,aAAU;AAAA,MACT,MAAM,aAAc,mBAAmB;AAAA,QACtC,GAAG;AAAA,QACH,MAAM;AAAA,QACN,UAAU;AAAA,QACV,SAAS;AAAA,MACV,CAAE;AAAA,MACF,QAAQ;AAAA,MACR,OAAO;AAAA,IACR,CAAE,EACA,KAAM,CAAE,QAAS;AACjB,YAAM,QAAQ,SAAU,IAAI,QAAQ,IAAK,iBAAkB,CAAE;AAC7D,sBAAiB;AAAA,QAChB,GAAG;AAAA,QACH,CAAE,GAAI,GAAG,SAAS,IAAI,IAAI;AAAA;AAAA,MAC3B,CAAE;AAAA,IACH,CAAE,EACD,MAAO,MAAM;AAEb,sBAAiB;AAAA,QAChB,GAAG;AAAA,QACH,CAAE,GAAI,GAAG;AAAA,MACV,CAAE;AAAA,IACH,CAAE;AAAA,EACJ,GAAG,CAAE,aAAa,QAAQ,SAAS,eAAgB,CAAE;AAGrD,SAAO,gBAAgB,WAAW,OAAO;AAC1C;AAWO,IAAM,iBAAiB,CAAE,qBAAsB;AACrD,QAAM,cAAc;AAAA,IACnB,MACC,kBAAkB,IAAK,CAAE,EAAE,IAAI,UAAU,MAAO;AAC/C,YAAM,CAAE,QAAS,IAAI,WAAW,YAAY,CAAE,CAAC,CAAE;AACjD,aAAO;AAAA,QACN,WAAW;AAAA,QACX,UAAU,SAAS,IAAK,CAAE,WAAa;AAAA,UACtC,WAAW,MAAM;AAAA,QAClB,EAAI;AAAA,MACL;AAAA,IACD,CAAE;AAAA,IACH,CAAE,gBAAiB;AAAA,EACpB;AAEA,SAAO;AACR;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useState, useEffect, useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { addQueryArgs } from '@wordpress/url';\nimport apiFetch from '@wordpress/api-fetch';\n\n// This is limited by WP REST API\nconst MAX_COMMENTS_PER_PAGE = 100;\n\n/**\n * Return an object with the query args needed to fetch the default page of\n * comments.\n *\n * @param {Object} props        Hook props.\n * @param {number} props.postId ID of the post that contains the comments.\n *                              discussion settings.\n *\n * @return {Object} Query args to retrieve the comments.\n */\nexport const useCommentQueryArgs = ( { postId } ) => {\n\t// Initialize the query args that are not going to change.\n\tconst queryArgs = {\n\t\tstatus: 'approve',\n\t\torder: 'asc',\n\t\tcontext: 'embed',\n\t\tparent: 0,\n\t\t_embed: 'children',\n\t};\n\n\t// Get the Discussion settings that may be needed to query the comments.\n\tconst {\n\t\tpageComments,\n\t\tcommentsPerPage,\n\t\tdefaultCommentsPage: defaultPage,\n\t} = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\tconst { __experimentalDiscussionSettings } = getSettings();\n\t\treturn __experimentalDiscussionSettings ?? {};\n\t}, [] );\n\n\t// WP REST API doesn't allow fetching more than max items limit set per single page of data.\n\t// As for the editor performance is more important than completeness of data and fetching only the\n\t// max allowed for single page should be enough for the purpose of design and laying out the page.\n\t// Fetching over the limit would return an error here but would work with backend query.\n\tconst perPage = pageComments\n\t\t? Math.min( commentsPerPage, MAX_COMMENTS_PER_PAGE )\n\t\t: MAX_COMMENTS_PER_PAGE;\n\n\t// Get the number of the default page.\n\tconst page = useDefaultPageIndex( {\n\t\tdefaultPage,\n\t\tpostId,\n\t\tperPage,\n\t\tqueryArgs,\n\t} );\n\n\t// Merge, memoize and return all query arguments, unless the default page's\n\t// number is not known yet.\n\treturn useMemo( () => {\n\t\treturn page\n\t\t\t? {\n\t\t\t\t\t...queryArgs,\n\t\t\t\t\tpost: postId,\n\t\t\t\t\tper_page: perPage,\n\t\t\t\t\tpage,\n\t\t\t  }\n\t\t\t: null;\n\t}, [ postId, perPage, page ] );\n};\n\n/**\n * Return the index of the default page, depending on whether `defaultPage` is\n * `newest` or `oldest`. In the first case, the only way to know the page's\n * index is by using the `X-WP-TotalPages` header, which forces to make an\n * additional request.\n *\n * @param {Object} props             Hook props.\n * @param {string} props.defaultPage Page shown by default (newest/oldest).\n * @param {number} props.postId      ID of the post that contains the comments.\n * @param {number} props.perPage     The number of comments included per page.\n * @param {Object} props.queryArgs   Other query args.\n *\n * @return {number} Index of the default comments page.\n */\nconst useDefaultPageIndex = ( { defaultPage, postId, perPage, queryArgs } ) => {\n\t// Store the default page indices.\n\tconst [ defaultPages, setDefaultPages ] = useState( {} );\n\tconst key = `${ postId }_${ perPage }`;\n\tconst page = defaultPages[ key ] || 0;\n\n\tuseEffect( () => {\n\t\t// Do nothing if the page is already known or not the newest page.\n\t\tif ( page || defaultPage !== 'newest' ) {\n\t\t\treturn;\n\t\t}\n\t\t// We need to fetch comments to know the index. Use HEAD and limit\n\t\t// fields just to ID, to make this call as light as possible.\n\t\tapiFetch( {\n\t\t\tpath: addQueryArgs( '/wp/v2/comments', {\n\t\t\t\t...queryArgs,\n\t\t\t\tpost: postId,\n\t\t\t\tper_page: perPage,\n\t\t\t\t_fields: 'id',\n\t\t\t} ),\n\t\t\tmethod: 'HEAD',\n\t\t\tparse: false,\n\t\t} )\n\t\t\t.then( ( res ) => {\n\t\t\t\tconst pages = parseInt( res.headers.get( 'X-WP-TotalPages' ) );\n\t\t\t\tsetDefaultPages( {\n\t\t\t\t\t...defaultPages,\n\t\t\t\t\t[ key ]: pages <= 1 ? 1 : pages, // If there are 0 pages, it means that there are no comments, but there is no 0th page.\n\t\t\t\t} );\n\t\t\t} )\n\t\t\t.catch( () => {\n\t\t\t\t// There's no 0th page, but we can't know the number of pages, fallback to 1.\n\t\t\t\tsetDefaultPages( {\n\t\t\t\t\t...defaultPages,\n\t\t\t\t\t[ key ]: 1,\n\t\t\t\t} );\n\t\t\t} );\n\t}, [ defaultPage, postId, perPage, setDefaultPages ] );\n\n\t// The oldest one is always the first one.\n\treturn defaultPage === 'newest' ? page : 1;\n};\n\n/**\n * Generate a tree structure of comment IDs from a list of comment entities. The\n * children of each comment are obtained from `_embedded`.\n *\n * @typedef {{ commentId: number, children: CommentNode }} CommentNode\n *\n * @param {Object[]} topLevelComments List of comment entities.\n * @return {{ commentTree: CommentNode[]}} Tree of comment IDs.\n */\nexport const useCommentTree = ( topLevelComments ) => {\n\tconst commentTree = useMemo(\n\t\t() =>\n\t\t\ttopLevelComments?.map( ( { id, _embedded } ) => {\n\t\t\t\tconst [ children ] = _embedded?.children || [ [] ];\n\t\t\t\treturn {\n\t\t\t\t\tcommentId: id,\n\t\t\t\t\tchildren: children.map( ( child ) => ( {\n\t\t\t\t\t\tcommentId: child.id,\n\t\t\t\t\t} ) ),\n\t\t\t\t};\n\t\t\t} ),\n\t\t[ topLevelComments ]\n\t);\n\n\treturn commentTree;\n};\n"],
+  "mappings": ";AAGA,SAAS,UAAU,WAAW,eAAe;AAC7C,SAAS,iBAAiB;AAC1B,SAAS,SAAS,wBAAwB;AAC1C,SAAS,oBAAoB;AAC7B,OAAO,cAAc;AAGrB,IAAM,wBAAwB;AAYvB,IAAM,sBAAsB,CAAE,EAAE,OAAO,MAAO;AAEpD,QAAM,YAAY;AAAA,IACjB,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,EACT;AAGA,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,EACtB,IAAI,UAAW,CAAE,WAAY;AAC5B,UAAM,EAAE,YAAY,IAAI,OAAQ,gBAAiB;AACjD,UAAM,EAAE,iCAAiC,IAAI,YAAY;AACzD,WAAO,oCAAoC,CAAC;AAAA,EAC7C,GAAG,CAAC,CAAE;AAMN,QAAM,UAAU,eACb,KAAK,IAAK,iBAAiB,qBAAsB,IACjD;AAGH,QAAM,OAAO,oBAAqB;AAAA,IACjC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAE;AAIF,SAAO,QAAS,MAAM;AACrB,WAAO,OACJ;AAAA,MACA,GAAG;AAAA,MACH,MAAM;AAAA,MACN,UAAU;AAAA,MACV;AAAA,IACA,IACA;AAAA,EACJ,GAAG,CAAE,QAAQ,SAAS,IAAK,CAAE;AAC9B;AAgBA,IAAM,sBAAsB,CAAE,EAAE,aAAa,QAAQ,SAAS,UAAU,MAAO;AAE9E,QAAM,CAAE,cAAc,eAAgB,IAAI,SAAU,CAAC,CAAE;AACvD,QAAM,MAAM,GAAI,MAAO,IAAK,OAAQ;AACpC,QAAM,OAAO,aAAc,GAAI,KAAK;AAEpC,YAAW,MAAM;AAEhB,QAAK,QAAQ,gBAAgB,UAAW;AACvC;AAAA,IACD;AAGA,aAAU;AAAA,MACT,MAAM,aAAc,mBAAmB;AAAA,QACtC,GAAG;AAAA,QACH,MAAM;AAAA,QACN,UAAU;AAAA,QACV,SAAS;AAAA,MACV,CAAE;AAAA,MACF,QAAQ;AAAA,MACR,OAAO;AAAA,IACR,CAAE,EACA,KAAM,CAAE,QAAS;AACjB,YAAM,QAAQ,SAAU,IAAI,QAAQ,IAAK,iBAAkB,CAAE;AAC7D,sBAAiB;AAAA,QAChB,GAAG;AAAA,QACH,CAAE,GAAI,GAAG,SAAS,IAAI,IAAI;AAAA;AAAA,MAC3B,CAAE;AAAA,IACH,CAAE,EACD,MAAO,MAAM;AAEb,sBAAiB;AAAA,QAChB,GAAG;AAAA,QACH,CAAE,GAAI,GAAG;AAAA,MACV,CAAE;AAAA,IACH,CAAE;AAAA,EACJ,GAAG,CAAE,aAAa,QAAQ,SAAS,eAAgB,CAAE;AAGrD,SAAO,gBAAgB,WAAW,OAAO;AAC1C;AAWO,IAAM,iBAAiB,CAAE,qBAAsB;AACrD,QAAM,cAAc;AAAA,IACnB,MACC,kBAAkB,IAAK,CAAE,EAAE,IAAI,UAAU,MAAO;AAC/C,YAAM,CAAE,QAAS,IAAI,WAAW,YAAY,CAAE,CAAC,CAAE;AACjD,aAAO;AAAA,QACN,WAAW;AAAA,QACX,UAAU,SAAS,IAAK,CAAE,WAAa;AAAA,UACtC,WAAW,MAAM;AAAA,QAClB,EAAI;AAAA,MACL;AAAA,IACD,CAAE;AAAA,IACH,CAAE,gBAAiB;AAAA,EACpB;AAEA,SAAO;AACR;",
   "names": []
 }

package/build-module/comment-template/index.js

@@ -1,9 +1,9 @@
 // packages/block-library/src/comment-template/index.js
 import { layout as icon } from "@wordpress/icons";
-import initBlock from "../utils/init-block";
+import initBlock from "../utils/init-block.js";
 import metadata from "./block.json";
-import edit from "./edit";
-import save from "./save";
+import edit from "./edit.js";
+import save from "./save.js";
 var { name } = metadata;
 var settings = {
   icon,

package/build-module/comment-template/init.js

@@ -1,5 +1,5 @@
 // packages/block-library/src/comment-template/init.js
-import { init } from "./";
+import { init } from "./index.js";
 var init_default = init();
 export {
   init_default as default

package/build-module/comments/edit/comments-inspector-controls.js

@@ -4,7 +4,7 @@ import {
   InspectorControls,
   privateApis as blockEditorPrivateApis
 } from "@wordpress/block-editor";
-import { unlock } from "../../lock-unlock";
+import { unlock } from "../../lock-unlock.js";
 import { jsx } from "react/jsx-runtime";
 var { HTMLElementControl } = unlock(blockEditorPrivateApis);
 function CommentsInspectorControls({

package/build-module/comments/edit/comments-legacy.js

@@ -8,7 +8,7 @@ import {
 } from "@wordpress/block-editor";
 import { __ } from "@wordpress/i18n";
 import { Button } from "@wordpress/components";
-import Placeholder from "./placeholder";
+import Placeholder from "./placeholder.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function CommentsLegacy({
   attributes,

package/build-module/comments/edit/index.js

@@ -1,8 +1,8 @@
 // packages/block-library/src/comments/edit/index.js
 import { useBlockProps, useInnerBlocksProps } from "@wordpress/block-editor";
-import CommentsInspectorControls from "./comments-inspector-controls";
-import CommentsLegacy from "./comments-legacy";
-import TEMPLATE from "./template";
+import CommentsInspectorControls from "./comments-inspector-controls.js";
+import CommentsLegacy from "./comments-legacy.js";
+import TEMPLATE from "./template.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function CommentsEdit(props) {
   const { attributes, setAttributes, clientId } = props;

package/build-module/comments/edit/placeholder.js

@@ -4,13 +4,14 @@ import { __, sprintf } from "@wordpress/i18n";
 import { useSelect } from "@wordpress/data";
 import { useEntityProp } from "@wordpress/core-data";
 import { createInterpolateElement } from "@wordpress/element";
-import CommentsForm from "../../post-comments-form/form";
+import CommentsForm from "../../post-comments-form/form.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 function PostCommentsPlaceholder({ postType, postId }) {
   let [postTitle] = useEntityProp("postType", postType, "title", postId);
   postTitle = postTitle || __("Post Title");
-  const { avatarURL } = useSelect(
-    (select) => select(blockEditorStore).getSettings().__experimentalDiscussionSettings
+  const avatarURL = useSelect(
+    (select) => select(blockEditorStore).getSettings().__experimentalDiscussionSettings?.avatarURL,
+    []
   );
   return /* @__PURE__ */ jsxs("div", { className: "wp-block-comments__legacy-placeholder", inert: "true", children: [
     /* @__PURE__ */ jsx("h3", {

package/build-module/comments/edit/placeholder.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/comments/edit/placeholder.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { useEntityProp } from '@wordpress/core-data';\nimport { createInterpolateElement } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport CommentsForm from '../../post-comments-form/form';\n\nexport default function PostCommentsPlaceholder( { postType, postId } ) {\n\tlet [ postTitle ] = useEntityProp( 'postType', postType, 'title', postId );\n\tpostTitle = postTitle || __( 'Post Title' );\n\n\tconst { avatarURL } = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getSettings()\n\t\t\t\t.__experimentalDiscussionSettings\n\t);\n\n\treturn (\n\t\t<div className=\"wp-block-comments__legacy-placeholder\" inert=\"true\">\n\t\t\t<h3>\n\t\t\t\t{\n\t\t\t\t\t/* translators: %s: Post title. */\n\t\t\t\t\tsprintf( __( 'One response to %s' ), postTitle )\n\t\t\t\t}\n\t\t\t</h3>\n\n\t\t\t<div className=\"navigation\">\n\t\t\t\t<div className=\"alignleft\">\n\t\t\t\t\t<a href=\"#top\">\u00AB { __( 'Older Comments' ) }</a>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"alignright\">\n\t\t\t\t\t<a href=\"#top\">{ __( 'Newer Comments' ) } \u00BB</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<ol className=\"commentlist\">\n\t\t\t\t<li className=\"comment even thread-even depth-1\">\n\t\t\t\t\t<article className=\"comment-body\">\n\t\t\t\t\t\t<footer className=\"comment-meta\">\n\t\t\t\t\t\t\t<div className=\"comment-author vcard\">\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\talt={ __( 'Commenter Avatar' ) }\n\t\t\t\t\t\t\t\t\tsrc={ avatarURL }\n\t\t\t\t\t\t\t\t\tclassName=\"avatar avatar-32 photo\"\n\t\t\t\t\t\t\t\t\theight=\"32\"\n\t\t\t\t\t\t\t\t\twidth=\"32\"\n\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<b className=\"fn\">\n\t\t\t\t\t\t\t\t\t<a href=\"#top\" className=\"url\">\n\t\t\t\t\t\t\t\t\t\t{ __( 'A WordPress Commenter' ) }\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t</b>{ ' ' }\n\t\t\t\t\t\t\t\t<span className=\"says\">{ __( 'says' ) }:</span>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className=\"comment-metadata\">\n\t\t\t\t\t\t\t\t<a href=\"#top\">\n\t\t\t\t\t\t\t\t\t<time dateTime=\"2000-01-01T00:00:00+00:00\">\n\t\t\t\t\t\t\t\t\t\t{ __( 'January 1, 2000 at 00:00 am' ) }\n\t\t\t\t\t\t\t\t\t</time>\n\t\t\t\t\t\t\t\t</a>{ ' ' }\n\t\t\t\t\t\t\t\t<span className=\"edit-link\">\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\tclassName=\"comment-edit-link\"\n\t\t\t\t\t\t\t\t\t\thref=\"#top\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</footer>\n\n\t\t\t\t\t\t<div className=\"comment-content\">\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t{ __( 'Hi, this is a comment.' ) }\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'To get started with moderating, editing, and deleting comments, please visit the Comments screen in the dashboard.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t'Commenter avatars come from <a>Gravatar</a>.'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\ta: (\n\t\t\t\t\t\t\t\t\t\t\t// eslint-disable-next-line jsx-a11y/anchor-has-content\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https://gravatar.com/\" />\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className=\"reply\">\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tclassName=\"comment-reply-link\"\n\t\t\t\t\t\t\t\thref=\"#top\"\n\t\t\t\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t\t\t\t'Reply to A WordPress Commenter'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Reply' ) }\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</article>\n\t\t\t\t</li>\n\t\t\t</ol>\n\n\t\t\t<div className=\"navigation\">\n\t\t\t\t<div className=\"alignleft\">\n\t\t\t\t\t<a href=\"#top\">\u00AB { __( 'Older Comments' ) }</a>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"alignright\">\n\t\t\t\t\t<a href=\"#top\">{ __( 'Newer Comments' ) } \u00BB</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<CommentsForm postId={ postId } postType={ postType } />\n\t\t</div>\n\t);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { useEntityProp } from '@wordpress/core-data';\nimport { createInterpolateElement } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport CommentsForm from '../../post-comments-form/form';\n\nexport default function PostCommentsPlaceholder( { postType, postId } ) {\n\tlet [ postTitle ] = useEntityProp( 'postType', postType, 'title', postId );\n\tpostTitle = postTitle || __( 'Post Title' );\n\n\tconst avatarURL = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getSettings()\n\t\t\t\t.__experimentalDiscussionSettings?.avatarURL,\n\t\t[]\n\t);\n\n\treturn (\n\t\t<div className=\"wp-block-comments__legacy-placeholder\" inert=\"true\">\n\t\t\t<h3>\n\t\t\t\t{\n\t\t\t\t\t/* translators: %s: Post title. */\n\t\t\t\t\tsprintf( __( 'One response to %s' ), postTitle )\n\t\t\t\t}\n\t\t\t</h3>\n\n\t\t\t<div className=\"navigation\">\n\t\t\t\t<div className=\"alignleft\">\n\t\t\t\t\t<a href=\"#top\">\u00AB { __( 'Older Comments' ) }</a>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"alignright\">\n\t\t\t\t\t<a href=\"#top\">{ __( 'Newer Comments' ) } \u00BB</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<ol className=\"commentlist\">\n\t\t\t\t<li className=\"comment even thread-even depth-1\">\n\t\t\t\t\t<article className=\"comment-body\">\n\t\t\t\t\t\t<footer className=\"comment-meta\">\n\t\t\t\t\t\t\t<div className=\"comment-author vcard\">\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\talt={ __( 'Commenter Avatar' ) }\n\t\t\t\t\t\t\t\t\tsrc={ avatarURL }\n\t\t\t\t\t\t\t\t\tclassName=\"avatar avatar-32 photo\"\n\t\t\t\t\t\t\t\t\theight=\"32\"\n\t\t\t\t\t\t\t\t\twidth=\"32\"\n\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<b className=\"fn\">\n\t\t\t\t\t\t\t\t\t<a href=\"#top\" className=\"url\">\n\t\t\t\t\t\t\t\t\t\t{ __( 'A WordPress Commenter' ) }\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t</b>{ ' ' }\n\t\t\t\t\t\t\t\t<span className=\"says\">{ __( 'says' ) }:</span>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className=\"comment-metadata\">\n\t\t\t\t\t\t\t\t<a href=\"#top\">\n\t\t\t\t\t\t\t\t\t<time dateTime=\"2000-01-01T00:00:00+00:00\">\n\t\t\t\t\t\t\t\t\t\t{ __( 'January 1, 2000 at 00:00 am' ) }\n\t\t\t\t\t\t\t\t\t</time>\n\t\t\t\t\t\t\t\t</a>{ ' ' }\n\t\t\t\t\t\t\t\t<span className=\"edit-link\">\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\tclassName=\"comment-edit-link\"\n\t\t\t\t\t\t\t\t\t\thref=\"#top\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</footer>\n\n\t\t\t\t\t\t<div className=\"comment-content\">\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t{ __( 'Hi, this is a comment.' ) }\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'To get started with moderating, editing, and deleting comments, please visit the Comments screen in the dashboard.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t'Commenter avatars come from <a>Gravatar</a>.'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\ta: (\n\t\t\t\t\t\t\t\t\t\t\t// eslint-disable-next-line jsx-a11y/anchor-has-content\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https://gravatar.com/\" />\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className=\"reply\">\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tclassName=\"comment-reply-link\"\n\t\t\t\t\t\t\t\thref=\"#top\"\n\t\t\t\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t\t\t\t'Reply to A WordPress Commenter'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Reply' ) }\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</article>\n\t\t\t\t</li>\n\t\t\t</ol>\n\n\t\t\t<div className=\"navigation\">\n\t\t\t\t<div className=\"alignleft\">\n\t\t\t\t\t<a href=\"#top\">\u00AB { __( 'Older Comments' ) }</a>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"alignright\">\n\t\t\t\t\t<a href=\"#top\">{ __( 'Newer Comments' ) } \u00BB</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<CommentsForm postId={ postId } postType={ postType } />\n\t\t</div>\n\t);\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/build-module/comments/index.js

@@ -1,10 +1,10 @@
 // packages/block-library/src/comments/index.js
 import { postComments as icon } from "@wordpress/icons";
-import initBlock from "../utils/init-block";
+import initBlock from "../utils/init-block.js";
 import metadata from "./block.json";
-import deprecated from "./deprecated";
-import edit from "./edit";
-import save from "./save";
+import deprecated from "./deprecated.js";
+import edit from "./edit/index.js";
+import save from "./save.js";
 var { name } = metadata;
 var settings = {
   icon,

package/build-module/comments/init.js

@@ -1,5 +1,5 @@
 // packages/block-library/src/comments/init.js
-import { init } from "./";
+import { init } from "./index.js";
 var init_default = init();
 export {
   init_default as default

package/build-module/comments-pagination/comments-pagination-arrow-controls.js

@@ -10,7 +10,6 @@ function CommentsPaginationArrowControls({ value, onChange }) {
     ToggleGroupControl,
     {
       __next40pxDefaultSize: true,
-      __nextHasNoMarginBottom: true,
       label: __("Arrow"),
       value,
       onChange,

package/build-module/comments-pagination/comments-pagination-arrow-controls.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/comments-pagination/comments-pagination-arrow-controls.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n} from '@wordpress/components';\n\nexport function CommentsPaginationArrowControls( { value, onChange } ) {\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\t__next40pxDefaultSize\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Arrow' ) }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\thelp={ __(\n\t\t\t\t'A decorative arrow appended to the next and previous comments link.'\n\t\t\t) }\n\t\t\tisBlock\n\t\t>\n\t\t\t<ToggleGroupControlOption\n\t\t\t\tvalue=\"none\"\n\t\t\t\tlabel={ _x(\n\t\t\t\t\t'None',\n\t\t\t\t\t'Arrow option for Comments Pagination Next/Previous blocks'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<ToggleGroupControlOption\n\t\t\t\tvalue=\"arrow\"\n\t\t\t\tlabel={ _x(\n\t\t\t\t\t'Arrow',\n\t\t\t\t\t'Arrow option for Comments Pagination Next/Previous blocks'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<ToggleGroupControlOption\n\t\t\t\tvalue=\"chevron\"\n\t\t\t\tlabel={ _x(\n\t\t\t\t\t'Chevron',\n\t\t\t\t\t'Arrow option for Comments Pagination Next/Previous blocks'\n\t\t\t\t) }\n\t\t\t/>\n\t\t</ToggleGroupControl>\n\t);\n}\n"],
-  "mappings": ";AAGA,SAAS,IAAI,UAAU;AACvB;AAAA,EACC,oCAAoC;AAAA,EACpC,0CAA0C;AAAA,OACpC;AAIL,SAWC,KAXD;AAFK,SAAS,gCAAiC,EAAE,OAAO,SAAS,GAAI;AACtE,SACC;AAAA,IAAC;AAAA;AAAA,MACA,uBAAqB;AAAA,MACrB,yBAAuB;AAAA,MACvB,OAAQ,GAAI,OAAQ;AAAA,MACpB;AAAA,MACA;AAAA,MACA,MAAO;AAAA,QACN;AAAA,MACD;AAAA,MACA,SAAO;AAAA,MAEP;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,OAAM;AAAA,YACN,OAAQ;AAAA,cACP;AAAA,cACA;AAAA,YACD;AAAA;AAAA,QACD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,OAAM;AAAA,YACN,OAAQ;AAAA,cACP;AAAA,cACA;AAAA,YACD;AAAA;AAAA,QACD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,OAAM;AAAA,YACN,OAAQ;AAAA,cACP;AAAA,cACA;AAAA,YACD;AAAA;AAAA,QACD;AAAA;AAAA;AAAA,EACD;AAEF;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n} from '@wordpress/components';\n\nexport function CommentsPaginationArrowControls( { value, onChange } ) {\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\t__next40pxDefaultSize\n\t\t\tlabel={ __( 'Arrow' ) }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\thelp={ __(\n\t\t\t\t'A decorative arrow appended to the next and previous comments link.'\n\t\t\t) }\n\t\t\tisBlock\n\t\t>\n\t\t\t<ToggleGroupControlOption\n\t\t\t\tvalue=\"none\"\n\t\t\t\tlabel={ _x(\n\t\t\t\t\t'None',\n\t\t\t\t\t'Arrow option for Comments Pagination Next/Previous blocks'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<ToggleGroupControlOption\n\t\t\t\tvalue=\"arrow\"\n\t\t\t\tlabel={ _x(\n\t\t\t\t\t'Arrow',\n\t\t\t\t\t'Arrow option for Comments Pagination Next/Previous blocks'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<ToggleGroupControlOption\n\t\t\t\tvalue=\"chevron\"\n\t\t\t\tlabel={ _x(\n\t\t\t\t\t'Chevron',\n\t\t\t\t\t'Arrow option for Comments Pagination Next/Previous blocks'\n\t\t\t\t) }\n\t\t\t/>\n\t\t</ToggleGroupControl>\n\t);\n}\n"],
+  "mappings": ";AAGA,SAAS,IAAI,UAAU;AACvB;AAAA,EACC,oCAAoC;AAAA,EACpC,0CAA0C;AAAA,OACpC;AAIL,SAUC,KAVD;AAFK,SAAS,gCAAiC,EAAE,OAAO,SAAS,GAAI;AACtE,SACC;AAAA,IAAC;AAAA;AAAA,MACA,uBAAqB;AAAA,MACrB,OAAQ,GAAI,OAAQ;AAAA,MACpB;AAAA,MACA;AAAA,MACA,MAAO;AAAA,QACN;AAAA,MACD;AAAA,MACA,SAAO;AAAA,MAEP;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,OAAM;AAAA,YACN,OAAQ;AAAA,cACP;AAAA,cACA;AAAA,YACD;AAAA;AAAA,QACD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,OAAM;AAAA,YACN,OAAQ;AAAA,cACP;AAAA,cACA;AAAA,YACD;AAAA;AAAA,QACD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,OAAM;AAAA,YACN,OAAQ;AAAA,cACP;AAAA,cACA;AAAA,YACD;AAAA;AAAA,QACD;AAAA;AAAA;AAAA,EACD;AAEF;",
   "names": []
 }

package/build-module/comments-pagination/edit.js

@@ -12,8 +12,8 @@ import {
   __experimentalToolsPanel as ToolsPanel,
   __experimentalToolsPanelItem as ToolsPanelItem
 } from "@wordpress/components";
-import { CommentsPaginationArrowControls } from "./comments-pagination-arrow-controls";
-import { useToolsPanelDropdownMenuProps } from "../utils/hooks";
+import { CommentsPaginationArrowControls } from "./comments-pagination-arrow-controls.js";
+import { useToolsPanelDropdownMenuProps } from "../utils/hooks.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var TEMPLATE = [
   ["core/comments-pagination-previous"],

package/build-module/comments-pagination/index.js

@@ -1,9 +1,9 @@
 // packages/block-library/src/comments-pagination/index.js
 import { queryPagination as icon } from "@wordpress/icons";
-import initBlock from "../utils/init-block";
+import initBlock from "../utils/init-block.js";
 import metadata from "./block.json";
-import edit from "./edit";
-import save from "./save";
+import edit from "./edit.js";
+import save from "./save.js";
 var { name } = metadata;
 var settings = {
   icon,

package/build-module/comments-pagination/init.js

@@ -1,5 +1,5 @@
 // packages/block-library/src/comments-pagination/init.js
-import { init } from "./";
+import { init } from "./index.js";
 var init_default = init();
 export {
   init_default as default

package/build-module/comments-pagination-next/index.js

@@ -1,9 +1,9 @@
 // packages/block-library/src/comments-pagination-next/index.js
 import { __ } from "@wordpress/i18n";
 import { queryPaginationNext as icon } from "@wordpress/icons";
-import initBlock from "../utils/init-block";
+import initBlock from "../utils/init-block.js";
 import metadata from "./block.json";
-import edit from "./edit";
+import edit from "./edit.js";
 var { name } = metadata;
 var settings = {
   icon,

package/build-module/comments-pagination-next/init.js

@@ -1,5 +1,5 @@
 // packages/block-library/src/comments-pagination-next/init.js
-import { init } from "./";
+import { init } from "./index.js";
 var init_default = init();
 export {
   init_default as default

package/build-module/comments-pagination-numbers/block.json

@@ -33,6 +33,13 @@
 		},
 		"interactivity": {
 			"clientNavigation": true
+		},
+		"spacing": {
+			"margin": true,
+			"padding": true,
+			"__experimentalDefaultControls": {
+				"padding": true
+			}
 		}
 	}
 }

package/build-module/comments-pagination-numbers/index.js

@@ -1,8 +1,8 @@
 // packages/block-library/src/comments-pagination-numbers/index.js
 import { queryPaginationNumbers as icon } from "@wordpress/icons";
-import initBlock from "../utils/init-block";
+import initBlock from "../utils/init-block.js";
 import metadata from "./block.json";
-import edit from "./edit";
+import edit from "./edit.js";
 var { name } = metadata;
 var settings = {
   icon,

package/build-module/comments-pagination-numbers/init.js

@@ -1,5 +1,5 @@
 // packages/block-library/src/comments-pagination-numbers/init.js
-import { init } from "./";
+import { init } from "./index.js";
 var init_default = init();
 export {
   init_default as default

package/build-module/comments-pagination-previous/index.js

@@ -1,9 +1,9 @@
 // packages/block-library/src/comments-pagination-previous/index.js
 import { __ } from "@wordpress/i18n";
 import { queryPaginationPrevious as icon } from "@wordpress/icons";
-import initBlock from "../utils/init-block";
+import initBlock from "../utils/init-block.js";
 import metadata from "./block.json";
-import edit from "./edit";
+import edit from "./edit.js";
 var { name } = metadata;
 var settings = {
   icon,

package/build-module/comments-pagination-previous/init.js

@@ -1,5 +1,5 @@
 // packages/block-library/src/comments-pagination-previous/init.js
-import { init } from "./";
+import { init } from "./index.js";
 var init_default = init();
 export {
   init_default as default

package/build-module/comments-title/edit.js

@@ -19,7 +19,7 @@ import { useState, useEffect } from "@wordpress/element";
 import { useSelect } from "@wordpress/data";
 import apiFetch from "@wordpress/api-fetch";
 import { addQueryArgs } from "@wordpress/url";
-import { useToolsPanelDropdownMenuProps } from "../utils/hooks";
+import { useToolsPanelDropdownMenuProps } from "../utils/hooks.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function Edit({
   attributes: {
@@ -48,8 +48,8 @@ function Edit({
     pageComments
   } = useSelect((select) => {
     const { getSettings } = select(blockEditorStore);
-    return getSettings().__experimentalDiscussionSettings;
-  });
+    return getSettings().__experimentalDiscussionSettings ?? {};
+  }, []);
   const dropdownMenuProps = useToolsPanelDropdownMenuProps();
   useEffect(() => {
     if (isSiteEditor) {
@@ -116,7 +116,6 @@ function Edit({
             children: /* @__PURE__ */ jsx(
               ToggleControl,
               {
-                __nextHasNoMarginBottom: true,
                 label: __("Show post title"),
                 checked: showPostTitle,
                 onChange: (value) => setAttributes({ showPostTitle: value })
@@ -134,7 +133,6 @@ function Edit({
             children: /* @__PURE__ */ jsx(
               ToggleControl,
               {
-                __nextHasNoMarginBottom: true,
                 label: __("Show comments count"),
                 checked: showCommentsCount,
                 onChange: (value) => setAttributes({ showCommentsCount: value })

package/build-module/comments-title/edit.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/comments-title/edit.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tuseBlockProps,\n\tInspectorControls,\n\tstore as blockEditorStore,\n\tHeadingLevelDropdown,\n} from '@wordpress/block-editor';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { useEntityProp } from '@wordpress/core-data';\nimport {\n\tToggleControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { useState, useEffect } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport apiFetch from '@wordpress/api-fetch';\nimport { addQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nexport default function Edit( {\n\tattributes: {\n\t\ttextAlign,\n\t\tshowPostTitle,\n\t\tshowCommentsCount,\n\t\tlevel,\n\t\tlevelOptions,\n\t},\n\tsetAttributes,\n\tcontext: { postType, postId },\n} ) {\n\tconst TagName = 'h' + level;\n\tconst [ commentsCount, setCommentsCount ] = useState();\n\tconst [ rawTitle ] = useEntityProp( 'postType', postType, 'title', postId );\n\tconst isSiteEditor = typeof postId === 'undefined';\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\n\tconst {\n\t\tthreadCommentsDepth,\n\t\tthreadComments,\n\t\tcommentsPerPage,\n\t\tpageComments,\n\t} = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn getSettings().__experimentalDiscussionSettings;\n\t} );\n\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\tuseEffect( () => {\n\t\tif ( isSiteEditor ) {\n\t\t\t// Match the number of comments that will be shown in the comment-template/edit.js placeholder\n\n\t\t\tconst nestedCommentsNumber = threadComments\n\t\t\t\t? Math.min( threadCommentsDepth, 3 ) - 1\n\t\t\t\t: 0;\n\t\t\tconst topLevelCommentsNumber = pageComments ? commentsPerPage : 3;\n\n\t\t\tconst commentsNumber =\n\t\t\t\tparseInt( nestedCommentsNumber ) +\n\t\t\t\tparseInt( topLevelCommentsNumber );\n\n\t\t\tsetCommentsCount( Math.min( commentsNumber, 3 ) );\n\t\t\treturn;\n\t\t}\n\t\tconst currentPostId = postId;\n\t\tapiFetch( {\n\t\t\tpath: addQueryArgs( '/wp/v2/comments', {\n\t\t\t\tpost: postId,\n\t\t\t\t_fields: 'id',\n\t\t\t} ),\n\t\t\tmethod: 'HEAD',\n\t\t\tparse: false,\n\t\t} )\n\t\t\t.then( ( res ) => {\n\t\t\t\t// Stale requests will have the `currentPostId` of an older closure.\n\t\t\t\tif ( currentPostId === postId ) {\n\t\t\t\t\tsetCommentsCount(\n\t\t\t\t\t\tparseInt( res.headers.get( 'X-WP-Total' ) )\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} )\n\t\t\t.catch( () => {\n\t\t\t\tsetCommentsCount( 0 );\n\t\t\t} );\n\t}, [ postId ] );\n\n\tconst blockControls = (\n\t\t<BlockControls group=\"block\">\n\t\t\t<AlignmentControl\n\t\t\t\tvalue={ textAlign }\n\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\tsetAttributes( { textAlign: newAlign } )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<HeadingLevelDropdown\n\t\t\t\tvalue={ level }\n\t\t\t\toptions={ levelOptions }\n\t\t\t\tonChange={ ( newLevel ) =>\n\t\t\t\t\tsetAttributes( { level: newLevel } )\n\t\t\t\t}\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n\n\tconst inspectorControls = (\n\t\t<InspectorControls>\n\t\t\t<ToolsPanel\n\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\tresetAll={ () => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tshowPostTitle: true,\n\t\t\t\t\t\tshowCommentsCount: true,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t>\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Show post title' ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\thasValue={ () => ! showPostTitle }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( { showPostTitle: true } )\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Show post title' ) }\n\t\t\t\t\t\tchecked={ showPostTitle }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { showPostTitle: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Show comments count' ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\thasValue={ () => ! showCommentsCount }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( { showCommentsCount: true } )\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Show comments count' ) }\n\t\t\t\t\t\tchecked={ showCommentsCount }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { showCommentsCount: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t</ToolsPanel>\n\t\t</InspectorControls>\n\t);\n\n\tconst postTitle = isSiteEditor ? __( '\u201CPost Title\u201D' ) : `\"${ rawTitle }\"`;\n\n\tlet placeholder;\n\tif ( showCommentsCount && commentsCount !== undefined ) {\n\t\tif ( showPostTitle ) {\n\t\t\tif ( commentsCount === 1 ) {\n\t\t\t\t/* translators: %s: Post title. */\n\t\t\t\tplaceholder = sprintf( __( 'One response to %s' ), postTitle );\n\t\t\t} else {\n\t\t\t\tplaceholder = sprintf(\n\t\t\t\t\t/* translators: 1: Number of comments, 2: Post title. */\n\t\t\t\t\t_n(\n\t\t\t\t\t\t'%1$s response to %2$s',\n\t\t\t\t\t\t'%1$s responses to %2$s',\n\t\t\t\t\t\tcommentsCount\n\t\t\t\t\t),\n\t\t\t\t\tcommentsCount,\n\t\t\t\t\tpostTitle\n\t\t\t\t);\n\t\t\t}\n\t\t} else if ( commentsCount === 1 ) {\n\t\t\tplaceholder = __( 'One response' );\n\t\t} else {\n\t\t\tplaceholder = sprintf(\n\t\t\t\t/* translators: %s: Number of comments. */\n\t\t\t\t_n( '%s response', '%s responses', commentsCount ),\n\t\t\t\tcommentsCount\n\t\t\t);\n\t\t}\n\t} else if ( showPostTitle ) {\n\t\tif ( commentsCount === 1 ) {\n\t\t\t/* translators: %s: Post title. */\n\t\t\tplaceholder = sprintf( __( 'Response to %s' ), postTitle );\n\t\t} else {\n\t\t\t/* translators: %s: Post title. */\n\t\t\tplaceholder = sprintf( __( 'Responses to %s' ), postTitle );\n\t\t}\n\t} else if ( commentsCount === 1 ) {\n\t\tplaceholder = __( 'Response' );\n\t} else {\n\t\tplaceholder = __( 'Responses' );\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ blockControls }\n\t\t\t{ inspectorControls }\n\t\t\t<TagName { ...blockProps }>{ placeholder }</TagName>\n\t\t</>\n\t);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tuseBlockProps,\n\tInspectorControls,\n\tstore as blockEditorStore,\n\tHeadingLevelDropdown,\n} from '@wordpress/block-editor';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { useEntityProp } from '@wordpress/core-data';\nimport {\n\tToggleControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { useState, useEffect } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport apiFetch from '@wordpress/api-fetch';\nimport { addQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nexport default function Edit( {\n\tattributes: {\n\t\ttextAlign,\n\t\tshowPostTitle,\n\t\tshowCommentsCount,\n\t\tlevel,\n\t\tlevelOptions,\n\t},\n\tsetAttributes,\n\tcontext: { postType, postId },\n} ) {\n\tconst TagName = 'h' + level;\n\tconst [ commentsCount, setCommentsCount ] = useState();\n\tconst [ rawTitle ] = useEntityProp( 'postType', postType, 'title', postId );\n\tconst isSiteEditor = typeof postId === 'undefined';\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\n\tconst {\n\t\tthreadCommentsDepth,\n\t\tthreadComments,\n\t\tcommentsPerPage,\n\t\tpageComments,\n\t} = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn getSettings().__experimentalDiscussionSettings ?? {};\n\t}, [] );\n\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\tuseEffect( () => {\n\t\tif ( isSiteEditor ) {\n\t\t\t// Match the number of comments that will be shown in the comment-template/edit.js placeholder\n\n\t\t\tconst nestedCommentsNumber = threadComments\n\t\t\t\t? Math.min( threadCommentsDepth, 3 ) - 1\n\t\t\t\t: 0;\n\t\t\tconst topLevelCommentsNumber = pageComments ? commentsPerPage : 3;\n\n\t\t\tconst commentsNumber =\n\t\t\t\tparseInt( nestedCommentsNumber ) +\n\t\t\t\tparseInt( topLevelCommentsNumber );\n\n\t\t\tsetCommentsCount( Math.min( commentsNumber, 3 ) );\n\t\t\treturn;\n\t\t}\n\t\tconst currentPostId = postId;\n\t\tapiFetch( {\n\t\t\tpath: addQueryArgs( '/wp/v2/comments', {\n\t\t\t\tpost: postId,\n\t\t\t\t_fields: 'id',\n\t\t\t} ),\n\t\t\tmethod: 'HEAD',\n\t\t\tparse: false,\n\t\t} )\n\t\t\t.then( ( res ) => {\n\t\t\t\t// Stale requests will have the `currentPostId` of an older closure.\n\t\t\t\tif ( currentPostId === postId ) {\n\t\t\t\t\tsetCommentsCount(\n\t\t\t\t\t\tparseInt( res.headers.get( 'X-WP-Total' ) )\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} )\n\t\t\t.catch( () => {\n\t\t\t\tsetCommentsCount( 0 );\n\t\t\t} );\n\t}, [ postId ] );\n\n\tconst blockControls = (\n\t\t<BlockControls group=\"block\">\n\t\t\t<AlignmentControl\n\t\t\t\tvalue={ textAlign }\n\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\tsetAttributes( { textAlign: newAlign } )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<HeadingLevelDropdown\n\t\t\t\tvalue={ level }\n\t\t\t\toptions={ levelOptions }\n\t\t\t\tonChange={ ( newLevel ) =>\n\t\t\t\t\tsetAttributes( { level: newLevel } )\n\t\t\t\t}\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n\n\tconst inspectorControls = (\n\t\t<InspectorControls>\n\t\t\t<ToolsPanel\n\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\tresetAll={ () => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tshowPostTitle: true,\n\t\t\t\t\t\tshowCommentsCount: true,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t>\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Show post title' ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\thasValue={ () => ! showPostTitle }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( { showPostTitle: true } )\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Show post title' ) }\n\t\t\t\t\t\tchecked={ showPostTitle }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { showPostTitle: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Show comments count' ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\thasValue={ () => ! showCommentsCount }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( { showCommentsCount: true } )\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Show comments count' ) }\n\t\t\t\t\t\tchecked={ showCommentsCount }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { showCommentsCount: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t</ToolsPanel>\n\t\t</InspectorControls>\n\t);\n\n\tconst postTitle = isSiteEditor ? __( '\u201CPost Title\u201D' ) : `\"${ rawTitle }\"`;\n\n\tlet placeholder;\n\tif ( showCommentsCount && commentsCount !== undefined ) {\n\t\tif ( showPostTitle ) {\n\t\t\tif ( commentsCount === 1 ) {\n\t\t\t\t/* translators: %s: Post title. */\n\t\t\t\tplaceholder = sprintf( __( 'One response to %s' ), postTitle );\n\t\t\t} else {\n\t\t\t\tplaceholder = sprintf(\n\t\t\t\t\t/* translators: 1: Number of comments, 2: Post title. */\n\t\t\t\t\t_n(\n\t\t\t\t\t\t'%1$s response to %2$s',\n\t\t\t\t\t\t'%1$s responses to %2$s',\n\t\t\t\t\t\tcommentsCount\n\t\t\t\t\t),\n\t\t\t\t\tcommentsCount,\n\t\t\t\t\tpostTitle\n\t\t\t\t);\n\t\t\t}\n\t\t} else if ( commentsCount === 1 ) {\n\t\t\tplaceholder = __( 'One response' );\n\t\t} else {\n\t\t\tplaceholder = sprintf(\n\t\t\t\t/* translators: %s: Number of comments. */\n\t\t\t\t_n( '%s response', '%s responses', commentsCount ),\n\t\t\t\tcommentsCount\n\t\t\t);\n\t\t}\n\t} else if ( showPostTitle ) {\n\t\tif ( commentsCount === 1 ) {\n\t\t\t/* translators: %s: Post title. */\n\t\t\tplaceholder = sprintf( __( 'Response to %s' ), postTitle );\n\t\t} else {\n\t\t\t/* translators: %s: Post title. */\n\t\t\tplaceholder = sprintf( __( 'Responses to %s' ), postTitle );\n\t\t}\n\t} else if ( commentsCount === 1 ) {\n\t\tplaceholder = __( 'Response' );\n\t} else {\n\t\tplaceholder = __( 'Responses' );\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ blockControls }\n\t\t\t{ inspectorControls }\n\t\t\t<TagName { ...blockProps }>{ placeholder }</TagName>\n\t\t</>\n\t);\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/build-module/comments-title/index.js

@@ -1,9 +1,9 @@
 // packages/block-library/src/comments-title/index.js
 import { title as icon } from "@wordpress/icons";
-import initBlock from "../utils/init-block";
+import initBlock from "../utils/init-block.js";
 import metadata from "./block.json";
-import edit from "./edit";
-import deprecated from "./deprecated";
+import edit from "./edit.js";
+import deprecated from "./deprecated.js";
 var { name } = metadata;
 var settings = {
   icon,

package/build-module/comments-title/init.js

@@ -1,5 +1,5 @@
 // packages/block-library/src/comments-title/init.js
-import { init } from "./";
+import { init } from "./index.js";
 var init_default = init();
 export {
   init_default as default

package/build-module/cover/deprecated.js

@@ -18,7 +18,7 @@ import {
   isContentPositionCenter,
   dimRatioToClass,
   mediaPosition
-} from "./shared";
+} from "./shared.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 function backgroundImageStyles(url) {
   return url ? { backgroundImage: `url(${url})` } : {};

package/build-module/cover/edit/block-controls.js

@@ -10,9 +10,9 @@ import {
 import { __ } from "@wordpress/i18n";
 import { MenuItem } from "@wordpress/components";
 import { link } from "@wordpress/icons";
-import { ALLOWED_MEDIA_TYPES } from "../shared";
-import { unlock } from "../../lock-unlock";
-import EmbedVideoUrlInput from "./embed-video-url-input";
+import { ALLOWED_MEDIA_TYPES } from "../shared.js";
+import { unlock } from "../../lock-unlock.js";
+import EmbedVideoUrlInput from "./embed-video-url-input.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var { cleanEmptyObject } = unlock(blockEditorPrivateApis);
 function CoverBlockControls({

package/build-module/cover/edit/cover-placeholder.js

@@ -2,7 +2,7 @@
 import { BlockIcon, MediaPlaceholder } from "@wordpress/block-editor";
 import { __ } from "@wordpress/i18n";
 import { cover as icon } from "@wordpress/icons";
-import { ALLOWED_MEDIA_TYPES } from "../shared";
+import { ALLOWED_MEDIA_TYPES } from "../shared.js";
 import { jsx } from "react/jsx-runtime";
 function CoverPlaceholder({
   disableMediaButtons = false,

package/build-module/cover/edit/embed-video-url-input.js

@@ -7,7 +7,7 @@ import {
   Notice
 } from "@wordpress/components";
 import { __ } from "@wordpress/i18n";
-import { isValidVideoEmbedUrl } from "../embed-video-utils";
+import { isValidVideoEmbedUrl } from "../embed-video-utils.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 function EmbedVideoUrlInput({ onSubmit, onClose }) {
   const [url, setUrl] = useState("");
@@ -51,7 +51,6 @@ function EmbedVideoUrlInput({ onSubmit, onClose }) {
             placeholder: __(
               "Enter YouTube, Vimeo, or other video URL"
             ),
-            __nextHasNoMarginBottom: true,
             help: __(
               "Add a background video to the cover block that will autoplay in a loop."
             )

package/build-module/cover/edit/embed-video-url-input.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/cover/edit/embed-video-url-input.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport {\n\t__experimentalConfirmDialog as ConfirmDialog,\n\t__experimentalVStack as VStack,\n\tTextControl,\n\tNotice,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { isValidVideoEmbedUrl } from '../embed-video-utils';\n\nexport default function EmbedVideoUrlInput( { onSubmit, onClose } ) {\n\tconst [ url, setUrl ] = useState( '' );\n\tconst [ error, setError ] = useState( '' );\n\n\tconst handleConfirm = () => {\n\t\tif ( ! url ) {\n\t\t\tsetError( __( 'Please enter a URL.' ) );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( ! isValidVideoEmbedUrl( url ) ) {\n\t\t\tsetError(\n\t\t\t\t__(\n\t\t\t\t\t'This URL is not supported. Please enter a valid video link from a supported provider.'\n\t\t\t\t)\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\tonSubmit( url );\n\t\tonClose();\n\t};\n\n\treturn (\n\t\t<ConfirmDialog\n\t\t\tisOpen\n\t\t\tonConfirm={ handleConfirm }\n\t\t\tonCancel={ onClose }\n\t\t\tconfirmButtonText={ __( 'Add video' ) }\n\t\t\tsize=\"medium\"\n\t\t>\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t{ error && (\n\t\t\t\t\t<Notice status=\"error\" isDismissible={ false }>\n\t\t\t\t\t\t{ error }\n\t\t\t\t\t</Notice>\n\t\t\t\t) }\n\t\t\t\t<TextControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tlabel={ __( 'Video URL' ) }\n\t\t\t\t\tvalue={ url }\n\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\tsetUrl( value );\n\t\t\t\t\t\tsetError( '' );\n\t\t\t\t\t} }\n\t\t\t\t\tplaceholder={ __(\n\t\t\t\t\t\t'Enter YouTube, Vimeo, or other video URL'\n\t\t\t\t\t) }\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t'Add a background video to the cover block that will autoplay in a loop.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</VStack>\n\t\t</ConfirmDialog>\n\t);\n}\n"],
-  "mappings": ";AAGA,SAAS,gBAAgB;AACzB;AAAA,EACC,+BAA+B;AAAA,EAC/B,wBAAwB;AAAA,EACxB;AAAA,EACA;AAAA,OACM;AACP,SAAS,UAAU;AAKnB,SAAS,4BAA4B;AAiClC,SAEE,KAFF;AA/BY,SAAR,mBAAqC,EAAE,UAAU,QAAQ,GAAI;AACnE,QAAM,CAAE,KAAK,MAAO,IAAI,SAAU,EAAG;AACrC,QAAM,CAAE,OAAO,QAAS,IAAI,SAAU,EAAG;AAEzC,QAAM,gBAAgB,MAAM;AAC3B,QAAK,CAAE,KAAM;AACZ,eAAU,GAAI,qBAAsB,CAAE;AACtC;AAAA,IACD;AAEA,QAAK,CAAE,qBAAsB,GAAI,GAAI;AACpC;AAAA,QACC;AAAA,UACC;AAAA,QACD;AAAA,MACD;AACA;AAAA,IACD;AAEA,aAAU,GAAI;AACd,YAAQ;AAAA,EACT;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,QAAM;AAAA,MACN,WAAY;AAAA,MACZ,UAAW;AAAA,MACX,mBAAoB,GAAI,WAAY;AAAA,MACpC,MAAK;AAAA,MAEL,+BAAC,UAAO,SAAU,GACf;AAAA,iBACD,oBAAC,UAAO,QAAO,SAAQ,eAAgB,OACpC,iBACH;AAAA,QAED;AAAA,UAAC;AAAA;AAAA,YACA,uBAAqB;AAAA,YACrB,OAAQ,GAAI,WAAY;AAAA,YACxB,OAAQ;AAAA,YACR,UAAW,CAAE,UAAW;AACvB,qBAAQ,KAAM;AACd,uBAAU,EAAG;AAAA,YACd;AAAA,YACA,aAAc;AAAA,cACb;AAAA,YACD;AAAA,YACA,yBAAuB;AAAA,YACvB,MAAO;AAAA,cACN;AAAA,YACD;AAAA;AAAA,QACD;AAAA,SACD;AAAA;AAAA,EACD;AAEF;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport {\n\t__experimentalConfirmDialog as ConfirmDialog,\n\t__experimentalVStack as VStack,\n\tTextControl,\n\tNotice,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { isValidVideoEmbedUrl } from '../embed-video-utils';\n\nexport default function EmbedVideoUrlInput( { onSubmit, onClose } ) {\n\tconst [ url, setUrl ] = useState( '' );\n\tconst [ error, setError ] = useState( '' );\n\n\tconst handleConfirm = () => {\n\t\tif ( ! url ) {\n\t\t\tsetError( __( 'Please enter a URL.' ) );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( ! isValidVideoEmbedUrl( url ) ) {\n\t\t\tsetError(\n\t\t\t\t__(\n\t\t\t\t\t'This URL is not supported. Please enter a valid video link from a supported provider.'\n\t\t\t\t)\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\tonSubmit( url );\n\t\tonClose();\n\t};\n\n\treturn (\n\t\t<ConfirmDialog\n\t\t\tisOpen\n\t\t\tonConfirm={ handleConfirm }\n\t\t\tonCancel={ onClose }\n\t\t\tconfirmButtonText={ __( 'Add video' ) }\n\t\t\tsize=\"medium\"\n\t\t>\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t{ error && (\n\t\t\t\t\t<Notice status=\"error\" isDismissible={ false }>\n\t\t\t\t\t\t{ error }\n\t\t\t\t\t</Notice>\n\t\t\t\t) }\n\t\t\t\t<TextControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tlabel={ __( 'Video URL' ) }\n\t\t\t\t\tvalue={ url }\n\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\tsetUrl( value );\n\t\t\t\t\t\tsetError( '' );\n\t\t\t\t\t} }\n\t\t\t\t\tplaceholder={ __(\n\t\t\t\t\t\t'Enter YouTube, Vimeo, or other video URL'\n\t\t\t\t\t) }\n\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t'Add a background video to the cover block that will autoplay in a loop.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</VStack>\n\t\t</ConfirmDialog>\n\t);\n}\n"],
+  "mappings": ";AAGA,SAAS,gBAAgB;AACzB;AAAA,EACC,+BAA+B;AAAA,EAC/B,wBAAwB;AAAA,EACxB;AAAA,EACA;AAAA,OACM;AACP,SAAS,UAAU;AAKnB,SAAS,4BAA4B;AAiClC,SAEE,KAFF;AA/BY,SAAR,mBAAqC,EAAE,UAAU,QAAQ,GAAI;AACnE,QAAM,CAAE,KAAK,MAAO,IAAI,SAAU,EAAG;AACrC,QAAM,CAAE,OAAO,QAAS,IAAI,SAAU,EAAG;AAEzC,QAAM,gBAAgB,MAAM;AAC3B,QAAK,CAAE,KAAM;AACZ,eAAU,GAAI,qBAAsB,CAAE;AACtC;AAAA,IACD;AAEA,QAAK,CAAE,qBAAsB,GAAI,GAAI;AACpC;AAAA,QACC;AAAA,UACC;AAAA,QACD;AAAA,MACD;AACA;AAAA,IACD;AAEA,aAAU,GAAI;AACd,YAAQ;AAAA,EACT;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,QAAM;AAAA,MACN,WAAY;AAAA,MACZ,UAAW;AAAA,MACX,mBAAoB,GAAI,WAAY;AAAA,MACpC,MAAK;AAAA,MAEL,+BAAC,UAAO,SAAU,GACf;AAAA,iBACD,oBAAC,UAAO,QAAO,SAAQ,eAAgB,OACpC,iBACH;AAAA,QAED;AAAA,UAAC;AAAA;AAAA,YACA,uBAAqB;AAAA,YACrB,OAAQ,GAAI,WAAY;AAAA,YACxB,OAAQ;AAAA,YACR,UAAW,CAAE,UAAW;AACvB,qBAAQ,KAAM;AACd,uBAAU,EAAG;AAAA,YACd;AAAA,YACA,aAAc;AAAA,cACb;AAAA,YACD;AAAA,YACA,MAAO;AAAA,cACN;AAAA,YACD;AAAA;AAAA,QACD;AAAA,SACD;AAAA;AAAA,EACD;AAEF;",
   "names": []
 }

package/build-module/cover/edit/index.js

@@ -27,26 +27,30 @@ import {
   isContentPositionCenter,
   getPositionClassName,
   mediaPosition
-} from "../shared";
-import CoverInspectorControls from "./inspector-controls";
-import CoverBlockControls from "./block-controls";
-import CoverPlaceholder from "./cover-placeholder";
-import ResizableCoverPopover from "./resizable-cover-popover";
+} from "../shared.js";
+import CoverInspectorControls from "./inspector-controls.js";
+import CoverBlockControls from "./block-controls.js";
+import CoverPlaceholder from "./cover-placeholder.js";
+import ResizableCoverPopover from "./resizable-cover-popover.js";
 import {
   getMediaColor,
   compositeIsDark,
   DEFAULT_BACKGROUND_COLOR,
   DEFAULT_OVERLAY_COLOR
-} from "./color-utils";
-import { DEFAULT_MEDIA_SIZE_SLUG } from "../constants";
-import { getIframeSrc, getBackgroundVideoSrc } from "../embed-video-utils";
+} from "./color-utils.js";
+import { DEFAULT_MEDIA_SIZE_SLUG } from "../constants.js";
+import { getIframeSrc, getBackgroundVideoSrc } from "../embed-video-utils.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function getInnerBlocksTemplate(attributes) {
   return [
     [
       "core/paragraph",
       {
-        align: "center",
+        style: {
+          typography: {
+            textAlign: "center"
+          }
+        },
         placeholder: __("Write title\u2026"),
         ...attributes
       }