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

package/build/comments/deprecated.cjs

@@ -0,0 +1,64 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-library/src/comments/deprecated.js
+var deprecated_exports = {};
+__export(deprecated_exports, {
+  default: () => deprecated_default
+});
+module.exports = __toCommonJS(deprecated_exports);
+var import_block_editor = require("@wordpress/block-editor");
+var import_jsx_runtime = require("react/jsx-runtime");
+var v1 = {
+  attributes: {
+    tagName: {
+      type: "string",
+      default: "div"
+    }
+  },
+  apiVersion: 3,
+  supports: {
+    align: ["wide", "full"],
+    html: false,
+    color: {
+      gradients: true,
+      link: true,
+      __experimentalDefaultControls: {
+        background: true,
+        text: true,
+        link: true
+      }
+    }
+  },
+  save({ attributes: { tagName: Tag } }) {
+    const blockProps = import_block_editor.useBlockProps.save();
+    const { className } = blockProps;
+    const classes = className?.split(" ") || [];
+    const newClasses = classes?.filter(
+      (cls) => cls !== "wp-block-comments"
+    );
+    const newBlockProps = {
+      ...blockProps,
+      className: newClasses.join(" ")
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tag, { ...newBlockProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.InnerBlocks.Content, {}) });
+  }
+};
+var deprecated_default = [v1];
+//# sourceMappingURL=deprecated.cjs.map

package/build/comments/edit/comments-inspector-controls.cjs

@@ -0,0 +1,48 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-library/src/comments/edit/comments-inspector-controls.js
+var comments_inspector_controls_exports = {};
+__export(comments_inspector_controls_exports, {
+  default: () => CommentsInspectorControls
+});
+module.exports = __toCommonJS(comments_inspector_controls_exports);
+var import_i18n = require("@wordpress/i18n");
+var import_block_editor = require("@wordpress/block-editor");
+var import_lock_unlock = require("../../lock-unlock.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var { HTMLElementControl } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
+function CommentsInspectorControls({
+  attributes: { tagName },
+  setAttributes
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.InspectorControls, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.InspectorControls, { group: "advanced", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    HTMLElementControl,
+    {
+      tagName,
+      onChange: (value) => setAttributes({ tagName: value }),
+      options: [
+        { label: (0, import_i18n.__)("Default (<div>)"), value: "div" },
+        { label: "<section>", value: "section" },
+        { label: "<aside>", value: "aside" }
+      ]
+    }
+  ) }) });
+}
+//# sourceMappingURL=comments-inspector-controls.cjs.map

package/build/comments/edit/comments-legacy.cjs

@@ -0,0 +1,83 @@
+"use strict";
+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);
+
+// packages/block-library/src/comments/edit/comments-legacy.js
+var comments_legacy_exports = {};
+__export(comments_legacy_exports, {
+  default: () => CommentsLegacy
+});
+module.exports = __toCommonJS(comments_legacy_exports);
+var import_clsx = __toESM(require("clsx"), 1);
+var import_block_editor = require("@wordpress/block-editor");
+var import_i18n = require("@wordpress/i18n");
+var import_components = require("@wordpress/components");
+var import_placeholder = __toESM(require("./placeholder.cjs"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+function CommentsLegacy({
+  attributes,
+  setAttributes,
+  context: { postType, postId }
+}) {
+  const { textAlign } = attributes;
+  const actions = [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.Button,
+      {
+        __next40pxDefaultSize: true,
+        onClick: () => void setAttributes({ legacy: false }),
+        variant: "primary",
+        children: (0, import_i18n.__)("Switch to editable mode")
+      },
+      "convert"
+    )
+  ];
+  const blockProps = (0, import_block_editor.useBlockProps)({
+    className: (0, import_clsx.default)({
+      [`has-text-align-${textAlign}`]: textAlign
+    })
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.BlockControls, { group: "block", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_block_editor.AlignmentControl,
+      {
+        value: textAlign,
+        onChange: (nextAlign) => {
+          setAttributes({ textAlign: nextAlign });
+        }
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ...blockProps, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.Warning, { actions, children: (0, import_i18n.__)(
+        "Comments block: You\u2019re currently using the legacy version of the block. The following is just a placeholder - the final styling will likely look different. For a better representation and more customization options, switch the block to its editable mode."
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_placeholder.default, { postId, postType })
+    ] })
+  ] });
+}
+//# sourceMappingURL=comments-legacy.cjs.map

package/build/comments/edit/index.cjs

@@ -0,0 +1,63 @@
+"use strict";
+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);
+
+// packages/block-library/src/comments/edit/index.js
+var edit_exports = {};
+__export(edit_exports, {
+  default: () => CommentsEdit
+});
+module.exports = __toCommonJS(edit_exports);
+var import_block_editor = require("@wordpress/block-editor");
+var import_comments_inspector_controls = __toESM(require("./comments-inspector-controls.cjs"), 1);
+var import_comments_legacy = __toESM(require("./comments-legacy.cjs"), 1);
+var import_template = __toESM(require("./template.cjs"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+function CommentsEdit(props) {
+  const { attributes, setAttributes, clientId } = props;
+  const { tagName: TagName, legacy } = attributes;
+  const blockProps = (0, import_block_editor.useBlockProps)();
+  const innerBlocksProps = (0, import_block_editor.useInnerBlocksProps)(blockProps, {
+    template: import_template.default
+  });
+  if (legacy) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_comments_legacy.default, { ...props });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_comments_inspector_controls.default,
+      {
+        attributes,
+        setAttributes,
+        clientId
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TagName, { ...innerBlocksProps })
+  ] });
+}
+//# sourceMappingURL=index.cjs.map

package/build/comments/edit/placeholder.cjs

@@ -0,0 +1,143 @@
+"use strict";
+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);
+
+// packages/block-library/src/comments/edit/placeholder.js
+var placeholder_exports = {};
+__export(placeholder_exports, {
+  default: () => PostCommentsPlaceholder
+});
+module.exports = __toCommonJS(placeholder_exports);
+var import_block_editor = require("@wordpress/block-editor");
+var import_i18n = require("@wordpress/i18n");
+var import_data = require("@wordpress/data");
+var import_core_data = require("@wordpress/core-data");
+var import_element = require("@wordpress/element");
+var import_form = __toESM(require("../../post-comments-form/form.cjs"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+function PostCommentsPlaceholder({ postType, postId }) {
+  let [postTitle] = (0, import_core_data.useEntityProp)("postType", postType, "title", postId);
+  postTitle = postTitle || (0, import_i18n.__)("Post Title");
+  const avatarURL = (0, import_data.useSelect)(
+    (select) => select(import_block_editor.store).getSettings().__experimentalDiscussionSettings?.avatarURL,
+    []
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "wp-block-comments__legacy-placeholder", inert: "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+      /* translators: %s: Post title. */
+      children: (0, import_i18n.sprintf)((0, import_i18n.__)("One response to %s"), postTitle)
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "navigation", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "alignleft", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", { href: "#top", children: [
+        "\xAB ",
+        (0, import_i18n.__)("Older Comments")
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "alignright", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", { href: "#top", children: [
+        (0, import_i18n.__)("Newer Comments"),
+        " \xBB"
+      ] }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { className: "commentlist", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: "comment even thread-even depth-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { className: "comment-body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("footer", { className: "comment-meta", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "comment-author vcard", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "img",
+            {
+              alt: (0, import_i18n.__)("Commenter Avatar"),
+              src: avatarURL,
+              className: "avatar avatar-32 photo",
+              height: "32",
+              width: "32",
+              loading: "lazy"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { className: "fn", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: "#top", className: "url", children: (0, import_i18n.__)("A WordPress Commenter") }) }),
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "says", children: [
+            (0, import_i18n.__)("says"),
+            ":"
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "comment-metadata", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: "#top", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("time", { dateTime: "2000-01-01T00:00:00+00:00", children: (0, import_i18n.__)("January 1, 2000 at 00:00 am") }) }),
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "edit-link", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "a",
+            {
+              className: "comment-edit-link",
+              href: "#top",
+              children: (0, import_i18n.__)("Edit")
+            }
+          ) })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "comment-content", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
+        (0, import_i18n.__)("Hi, this is a comment."),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
+        (0, import_i18n.__)(
+          "To get started with moderating, editing, and deleting comments, please visit the Comments screen in the dashboard."
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
+        (0, import_element.createInterpolateElement)(
+          (0, import_i18n.__)(
+            "Commenter avatars come from <a>Gravatar</a>."
+          ),
+          {
+            a: (
+              // eslint-disable-next-line jsx-a11y/anchor-has-content
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: "https://gravatar.com/" })
+            )
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "reply", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "a",
+        {
+          className: "comment-reply-link",
+          href: "#top",
+          "aria-label": (0, import_i18n.__)(
+            "Reply to A WordPress Commenter"
+          ),
+          children: (0, import_i18n.__)("Reply")
+        }
+      ) })
+    ] }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "navigation", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "alignleft", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", { href: "#top", children: [
+        "\xAB ",
+        (0, import_i18n.__)("Older Comments")
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "alignright", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", { href: "#top", children: [
+        (0, import_i18n.__)("Newer Comments"),
+        " \xBB"
+      ] }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form.default, { postId, postType })
+  ] });
+}
+//# sourceMappingURL=placeholder.cjs.map

package/build/comments/edit/placeholder.cjs.map

@@ -0,0 +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?.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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,0BAA0C;AAC1C,kBAA4B;AAC5B,kBAA0B;AAC1B,uBAA8B;AAC9B,qBAAyC;AAKzC,kBAAyB;AAetB;AAbY,SAAR,wBAA0C,EAAE,UAAU,OAAO,GAAI;AACvE,MAAI,CAAE,SAAU,QAAI,gCAAe,YAAY,UAAU,SAAS,MAAO;AACzE,cAAY,iBAAa,gBAAI,YAAa;AAE1C,QAAM,gBAAY;AAAA,IACjB,CAAE,WACD,OAAQ,oBAAAA,KAAiB,EAAE,YAAY,EACrC,kCAAkC;AAAA,IACrC,CAAC;AAAA,EACF;AAEA,SACC,6CAAC,SAAI,WAAU,yCAAwC,OAAM,QAC5D;AAAA,gDAAC;AAAA;AAAA,MAGC,uCAAS,gBAAI,oBAAqB,GAAG,SAAU;AAAA,KAEjD;AAAA,IAEA,6CAAC,SAAI,WAAU,cACd;AAAA,kDAAC,SAAI,WAAU,aACd,uDAAC,OAAE,MAAK,QAAO;AAAA;AAAA,YAAI,gBAAI,gBAAiB;AAAA,SAAG,GAC5C;AAAA,MACA,4CAAC,SAAI,WAAU,cACd,uDAAC,OAAE,MAAK,QAAS;AAAA,4BAAI,gBAAiB;AAAA,QAAG;AAAA,SAAE,GAC5C;AAAA,OACD;AAAA,IAEA,4CAAC,QAAG,WAAU,eACb,sDAAC,QAAG,WAAU,oCACb,uDAAC,aAAQ,WAAU,gBAClB;AAAA,mDAAC,YAAO,WAAU,gBACjB;AAAA,qDAAC,SAAI,WAAU,wBACd;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,SAAM,gBAAI,kBAAmB;AAAA,cAC7B,KAAM;AAAA,cACN,WAAU;AAAA,cACV,QAAO;AAAA,cACP,OAAM;AAAA,cACN,SAAQ;AAAA;AAAA,UACT;AAAA,UACA,4CAAC,OAAE,WAAU,MACZ,sDAAC,OAAE,MAAK,QAAO,WAAU,OACtB,8BAAI,uBAAwB,GAC/B,GACD;AAAA,UAAM;AAAA,UACN,6CAAC,UAAK,WAAU,QAAS;AAAA,gCAAI,MAAO;AAAA,YAAG;AAAA,aAAC;AAAA,WACzC;AAAA,QAEA,6CAAC,SAAI,WAAU,oBACd;AAAA,sDAAC,OAAE,MAAK,QACP,sDAAC,UAAK,UAAS,6BACZ,8BAAI,6BAA8B,GACrC,GACD;AAAA,UAAM;AAAA,UACN,4CAAC,UAAK,WAAU,aACf;AAAA,YAAC;AAAA;AAAA,cACA,WAAU;AAAA,cACV,MAAK;AAAA,cAEH,8BAAI,MAAO;AAAA;AAAA,UACd,GACD;AAAA,WACD;AAAA,SACD;AAAA,MAEA,4CAAC,SAAI,WAAU,mBACd,uDAAC,OACE;AAAA,4BAAI,wBAAyB;AAAA,QAC/B,4CAAC,QAAG;AAAA,YACF;AAAA,UACD;AAAA,QACD;AAAA,QACA,4CAAC,QAAG;AAAA,YACF;AAAA,cACD;AAAA,YACC;AAAA,UACD;AAAA,UACA;AAAA,YACC;AAAA;AAAA,cAEC,4CAAC,OAAE,MAAK,yBAAwB;AAAA;AAAA,UAElC;AAAA,QACD;AAAA,SACD,GACD;AAAA,MAEA,4CAAC,SAAI,WAAU,SACd;AAAA,QAAC;AAAA;AAAA,UACA,WAAU;AAAA,UACV,MAAK;AAAA,UACL,kBAAa;AAAA,YACZ;AAAA,UACD;AAAA,UAEE,8BAAI,OAAQ;AAAA;AAAA,MACf,GACD;AAAA,OACD,GACD,GACD;AAAA,IAEA,6CAAC,SAAI,WAAU,cACd;AAAA,kDAAC,SAAI,WAAU,aACd,uDAAC,OAAE,MAAK,QAAO;AAAA;AAAA,YAAI,gBAAI,gBAAiB;AAAA,SAAG,GAC5C;AAAA,MACA,4CAAC,SAAI,WAAU,cACd,uDAAC,OAAE,MAAK,QAAS;AAAA,4BAAI,gBAAiB;AAAA,QAAG;AAAA,SAAE,GAC5C;AAAA,OACD;AAAA,IAEA,4CAAC,YAAAC,SAAA,EAAa,QAAkB,UAAsB;AAAA,KACvD;AAEF;",
+  "names": ["blockEditorStore", "CommentsForm"]
+}

package/build/comments/edit/template.cjs

@@ -0,0 +1,106 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-library/src/comments/edit/template.js
+var template_exports = {};
+__export(template_exports, {
+  default: () => template_default
+});
+module.exports = __toCommonJS(template_exports);
+var TEMPLATE = [
+  ["core/comments-title"],
+  [
+    "core/comment-template",
+    {},
+    [
+      [
+        "core/columns",
+        {},
+        [
+          [
+            "core/column",
+            { width: "40px" },
+            [
+              [
+                "core/avatar",
+                {
+                  size: 40,
+                  style: {
+                    border: { radius: "20px" }
+                  }
+                }
+              ]
+            ]
+          ],
+          [
+            "core/column",
+            {},
+            [
+              [
+                "core/comment-author-name",
+                {
+                  fontSize: "small"
+                }
+              ],
+              [
+                "core/group",
+                {
+                  layout: { type: "flex" },
+                  style: {
+                    spacing: {
+                      margin: {
+                        top: "0px",
+                        bottom: "0px"
+                      }
+                    }
+                  }
+                },
+                [
+                  [
+                    "core/comment-date",
+                    {
+                      fontSize: "small"
+                    }
+                  ],
+                  [
+                    "core/comment-edit-link",
+                    {
+                      fontSize: "small"
+                    }
+                  ]
+                ]
+              ],
+              ["core/comment-content"],
+              [
+                "core/comment-reply-link",
+                {
+                  fontSize: "small"
+                }
+              ]
+            ]
+          ]
+        ]
+      ]
+    ]
+  ],
+  ["core/comments-pagination"],
+  ["core/post-comments-form"]
+];
+var template_default = TEMPLATE;
+//# sourceMappingURL=template.cjs.map

package/build/comments/index.cjs

@@ -0,0 +1,61 @@
+"use strict";
+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 name2 in all)
+    __defProp(target, name2, { get: all[name2], 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);
+
+// packages/block-library/src/comments/index.js
+var comments_exports = {};
+__export(comments_exports, {
+  init: () => init,
+  metadata: () => import_block.default,
+  name: () => name,
+  settings: () => settings
+});
+module.exports = __toCommonJS(comments_exports);
+var import_icons = require("@wordpress/icons");
+var import_init_block = __toESM(require("../utils/init-block.cjs"), 1);
+var import_block = __toESM(require("./block.json"), 1);
+var import_deprecated = __toESM(require("./deprecated.cjs"), 1);
+var import_edit = __toESM(require("./edit/index.cjs"), 1);
+var import_save = __toESM(require("./save.cjs"), 1);
+var { name } = import_block.default;
+var settings = {
+  icon: import_icons.postComments,
+  example: {},
+  edit: import_edit.default,
+  save: import_save.default,
+  deprecated: import_deprecated.default
+};
+var init = () => (0, import_init_block.default)({ name, metadata: import_block.default, settings });
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  init,
+  metadata,
+  name,
+  settings
+});
+//# sourceMappingURL=index.cjs.map

package/build/comments/init.cjs

@@ -0,0 +1,28 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-library/src/comments/init.js
+var init_exports = {};
+__export(init_exports, {
+  default: () => init_default
+});
+module.exports = __toCommonJS(init_exports);
+var import__ = require("./index.cjs");
+var init_default = (0, import__.init)();
+//# sourceMappingURL=init.cjs.map

package/build/comments/save.cjs

@@ -0,0 +1,33 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-library/src/comments/save.js
+var save_exports = {};
+__export(save_exports, {
+  default: () => save
+});
+module.exports = __toCommonJS(save_exports);
+var import_block_editor = require("@wordpress/block-editor");
+var import_jsx_runtime = require("react/jsx-runtime");
+function save({ attributes: { tagName: Tag, legacy } }) {
+  const blockProps = import_block_editor.useBlockProps.save();
+  const innerBlocksProps = import_block_editor.useInnerBlocksProps.save(blockProps);
+  return legacy ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tag, { ...innerBlocksProps });
+}
+//# sourceMappingURL=save.cjs.map