@wordpress/editor 14.37.0 → 14.37.1-next.06ee73755.0

package/build-module/components/post-publish-panel/maybe-tags-panel.mjs

@@ -0,0 +1,72 @@
+// packages/editor/src/components/post-publish-panel/maybe-tags-panel.js
+import { __, sprintf } from "@wordpress/i18n";
+import { useState } from "@wordpress/element";
+import { useSelect } from "@wordpress/data";
+import { PanelBody } from "@wordpress/components";
+import { store as coreStore } from "@wordpress/core-data";
+import FlatTermSelector from "../post-taxonomies/flat-term-selector.mjs";
+import { store as editorStore } from "../../store/index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TagsPanel = () => {
+  const tagLabels = useSelect((select) => {
+    const taxonomy = select(coreStore).getTaxonomy("post_tag");
+    return taxonomy?.labels;
+  }, []);
+  const addNewItem = tagLabels?.add_new_item ?? __("Add tag");
+  const tagLabel = tagLabels?.name ?? __("Tags");
+  const panelBodyTitle = [
+    __("Suggestion:"),
+    /* @__PURE__ */ jsx("span", { className: "editor-post-publish-panel__link", children: addNewItem }, "label")
+  ];
+  return /* @__PURE__ */ jsxs(PanelBody, { initialOpen: false, title: panelBodyTitle, children: [
+    /* @__PURE__ */ jsx("p", { children: sprintf(
+      // translators: %s is the taxonomy name (e.g., "Tags").
+      __(
+        "%s help users and search engines navigate your site and find your content. Add a few keywords to describe your post."
+      ),
+      tagLabel
+    ) }),
+    /* @__PURE__ */ jsx(FlatTermSelector, { slug: "post_tag" })
+  ] });
+};
+var MaybeTagsPanel = () => {
+  const { postHasTags, siteHasTags, isPostTypeSupported } = useSelect(
+    (select) => {
+      const postType = select(editorStore).getCurrentPostType();
+      const tagsTaxonomy = select(coreStore).getEntityRecord(
+        "root",
+        "taxonomy",
+        "post_tag"
+      );
+      const _isPostTypeSupported = tagsTaxonomy?.types?.includes(postType);
+      const areTagsFetched = tagsTaxonomy !== void 0;
+      const tags = tagsTaxonomy && select(editorStore).getEditedPostAttribute(
+        tagsTaxonomy.rest_base
+      );
+      const siteTags = _isPostTypeSupported ? !!select(coreStore).getEntityRecords(
+        "taxonomy",
+        "post_tag",
+        { per_page: 1 }
+      )?.length : false;
+      return {
+        postHasTags: !!tags?.length,
+        siteHasTags: siteTags,
+        isPostTypeSupported: areTagsFetched && _isPostTypeSupported
+      };
+    },
+    []
+  );
+  const [hadTagsWhenOpeningThePanel] = useState(postHasTags);
+  if (!isPostTypeSupported || !siteHasTags) {
+    return null;
+  }
+  if (!hadTagsWhenOpeningThePanel) {
+    return /* @__PURE__ */ jsx(TagsPanel, {});
+  }
+  return null;
+};
+var maybe_tags_panel_default = MaybeTagsPanel;
+export {
+  maybe_tags_panel_default as default
+};
+//# sourceMappingURL=maybe-tags-panel.mjs.map

package/build-module/components/post-publish-panel/maybe-upload-media.mjs

@@ -0,0 +1,205 @@
+// packages/editor/src/components/post-publish-panel/maybe-upload-media.js
+import {
+  PanelBody,
+  Button,
+  Spinner,
+  __unstableMotion as motion,
+  __unstableAnimatePresence as AnimatePresence
+} from "@wordpress/components";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { __, _x } from "@wordpress/i18n";
+import { store as blockEditorStore } from "@wordpress/block-editor";
+import { useState } from "@wordpress/element";
+import { isBlobURL } from "@wordpress/blob";
+import { fetchMedia } from "./media-util.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function flattenBlocks(blocks) {
+  const result = [];
+  blocks.forEach((block) => {
+    result.push(block);
+    result.push(...flattenBlocks(block.innerBlocks));
+  });
+  return result;
+}
+function hasExternalMedia(block) {
+  if (block.name === "core/image" || block.name === "core/cover") {
+    return block.attributes.url && !block.attributes.id;
+  }
+  if (block.name === "core/media-text") {
+    return block.attributes.mediaUrl && !block.attributes.mediaId;
+  }
+  return void 0;
+}
+function getMediaInfo(block) {
+  if (block.name === "core/image" || block.name === "core/cover") {
+    const { url, alt, id } = block.attributes;
+    return { url, alt, id };
+  }
+  if (block.name === "core/media-text") {
+    const { mediaUrl: url, mediaAlt: alt, mediaId: id } = block.attributes;
+    return { url, alt, id };
+  }
+  return {};
+}
+function Image({ clientId, alt, url }) {
+  const { selectBlock } = useDispatch(blockEditorStore);
+  return /* @__PURE__ */ jsx(
+    motion.img,
+    {
+      tabIndex: 0,
+      role: "button",
+      "aria-label": __("Select image block."),
+      onClick: () => {
+        selectBlock(clientId);
+      },
+      onKeyDown: (event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          selectBlock(clientId);
+          event.preventDefault();
+        }
+      },
+      alt,
+      src: url,
+      animate: { opacity: 1 },
+      exit: { opacity: 0, scale: 0 },
+      style: {
+        width: "32px",
+        height: "32px",
+        objectFit: "cover",
+        borderRadius: "2px",
+        cursor: "pointer"
+      },
+      whileHover: { scale: 1.08 }
+    },
+    clientId
+  );
+}
+function MaybeUploadMediaPanel() {
+  const [isUploading, setIsUploading] = useState(false);
+  const [isAnimating, setIsAnimating] = useState(false);
+  const [hadUploadError, setHadUploadError] = useState(false);
+  const { editorBlocks, mediaUpload } = useSelect(
+    (select) => ({
+      editorBlocks: select(blockEditorStore).getBlocks(),
+      mediaUpload: select(blockEditorStore).getSettings().mediaUpload
+    }),
+    []
+  );
+  const blocksWithExternalMedia = flattenBlocks(editorBlocks).filter(
+    (block) => hasExternalMedia(block)
+  );
+  const { updateBlockAttributes } = useDispatch(blockEditorStore);
+  if (!mediaUpload || !blocksWithExternalMedia.length) {
+    return null;
+  }
+  const panelBodyTitle = [
+    __("Suggestion:"),
+    /* @__PURE__ */ jsx("span", { className: "editor-post-publish-panel__link", children: __("External media") }, "label")
+  ];
+  function updateBlockWithUploadedMedia(block, media) {
+    if (block.name === "core/image" || block.name === "core/cover") {
+      updateBlockAttributes(block.clientId, {
+        id: media.id,
+        url: media.url
+      });
+    }
+    if (block.name === "core/media-text") {
+      updateBlockAttributes(block.clientId, {
+        mediaId: media.id,
+        mediaUrl: media.url
+      });
+    }
+  }
+  function uploadImages() {
+    setIsUploading(true);
+    setHadUploadError(false);
+    const mediaUrls = new Set(
+      blocksWithExternalMedia.map((block) => {
+        const { url } = getMediaInfo(block);
+        return url;
+      })
+    );
+    const uploadPromises = Object.fromEntries(
+      Object.entries(fetchMedia([...mediaUrls])).map(
+        ([url, filePromise]) => {
+          const uploadPromise = filePromise.then(
+            (blob) => new Promise((resolve, reject) => {
+              mediaUpload({
+                filesList: [blob],
+                onFileChange: ([media]) => {
+                  if (isBlobURL(media.url)) {
+                    return;
+                  }
+                  resolve(media);
+                },
+                onError() {
+                  reject();
+                }
+              });
+            })
+          );
+          return [url, uploadPromise];
+        }
+      )
+    );
+    Promise.allSettled(
+      blocksWithExternalMedia.map((block) => {
+        const { url } = getMediaInfo(block);
+        return uploadPromises[url].then(
+          (media) => updateBlockWithUploadedMedia(block, media)
+        ).then(() => setIsAnimating(true)).catch(() => setHadUploadError(true));
+      })
+    ).finally(() => {
+      setIsUploading(false);
+    });
+  }
+  return /* @__PURE__ */ jsxs(PanelBody, { initialOpen: true, title: panelBodyTitle, children: [
+    /* @__PURE__ */ jsx("p", { children: __(
+      "Upload external images to the Media Library. Images from different domains may load slowly, display incorrectly, or be removed unexpectedly."
+    ) }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          display: "inline-flex",
+          flexWrap: "wrap",
+          gap: "8px"
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            AnimatePresence,
+            {
+              onExitComplete: () => setIsAnimating(false),
+              children: blocksWithExternalMedia.map((block) => {
+                const { url, alt } = getMediaInfo(block);
+                return /* @__PURE__ */ jsx(
+                  Image,
+                  {
+                    clientId: block.clientId,
+                    url,
+                    alt
+                  },
+                  block.clientId
+                );
+              })
+            }
+          ),
+          isUploading || isAnimating ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "compact",
+              variant: "primary",
+              onClick: uploadImages,
+              children: _x("Upload", "verb")
+            }
+          )
+        ]
+      }
+    ),
+    hadUploadError && /* @__PURE__ */ jsx("p", { children: __("Upload failed, try again.") })
+  ] });
+}
+export {
+  MaybeUploadMediaPanel as default
+};
+//# sourceMappingURL=maybe-upload-media.mjs.map

package/build-module/components/post-publish-panel/media-util.mjs

@@ -0,0 +1,46 @@
+// packages/editor/src/components/post-publish-panel/media-util.js
+import { v4 as uuid } from "uuid";
+import { getFilename } from "@wordpress/url";
+function generateUniqueBasenames(urls) {
+  const basenames = /* @__PURE__ */ new Set();
+  return Object.fromEntries(
+    urls.map((url) => {
+      const filename = getFilename(url);
+      let basename = "";
+      if (filename) {
+        const parts = filename.split(".");
+        if (parts.length > 1) {
+          parts.pop();
+        }
+        basename = parts.join(".");
+      }
+      if (!basename) {
+        basename = uuid();
+      }
+      if (basenames.has(basename)) {
+        basename = `${basename}-${uuid()}`;
+      }
+      basenames.add(basename);
+      return [url, basename];
+    })
+  );
+}
+function fetchMedia(urls) {
+  return Object.fromEntries(
+    Object.entries(generateUniqueBasenames(urls)).map(
+      ([url, basename]) => {
+        const filePromise = window.fetch(url.includes("?") ? url : url + "?").then((response) => response.blob()).then((blob) => {
+          return new File([blob], `${basename}.png`, {
+            type: blob.type
+          });
+        });
+        return [url, filePromise];
+      }
+    )
+  );
+}
+export {
+  fetchMedia,
+  generateUniqueBasenames
+};
+//# sourceMappingURL=media-util.mjs.map

package/build-module/components/post-publish-panel/postpublish.mjs

@@ -0,0 +1,154 @@
+// packages/editor/src/components/post-publish-panel/postpublish.js
+import {
+  PanelBody,
+  Button,
+  TextControl,
+  ExternalLink,
+  VisuallyHidden
+} from "@wordpress/components";
+import { __, sprintf } from "@wordpress/i18n";
+import { useCallback, useEffect, useState, useRef } from "@wordpress/element";
+import { useSelect } from "@wordpress/data";
+import { addQueryArgs, safeDecodeURIComponent } from "@wordpress/url";
+import { decodeEntities } from "@wordpress/html-entities";
+import { useCopyToClipboard } from "@wordpress/compose";
+import { store as coreStore } from "@wordpress/core-data";
+import { external } from "@wordpress/icons";
+import PostScheduleLabel from "../post-schedule/label.mjs";
+import { store as editorStore } from "../../store/index.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var POSTNAME = "%postname%";
+var PAGENAME = "%pagename%";
+var getFuturePostUrl = (post) => {
+  const { slug } = post;
+  if (post.permalink_template.includes(POSTNAME)) {
+    return post.permalink_template.replace(POSTNAME, slug);
+  }
+  if (post.permalink_template.includes(PAGENAME)) {
+    return post.permalink_template.replace(PAGENAME, slug);
+  }
+  return post.permalink_template;
+};
+function CopyButton({ text }) {
+  const [showCopyConfirmation, setShowCopyConfirmation] = useState(false);
+  const timeoutIdRef = useRef();
+  const ref = useCopyToClipboard(text, () => {
+    setShowCopyConfirmation(true);
+    if (timeoutIdRef.current) {
+      clearTimeout(timeoutIdRef.current);
+    }
+    timeoutIdRef.current = setTimeout(() => {
+      setShowCopyConfirmation(false);
+    }, 4e3);
+  });
+  useEffect(() => {
+    return () => {
+      if (timeoutIdRef.current) {
+        clearTimeout(timeoutIdRef.current);
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(Button, { __next40pxDefaultSize: true, variant: "secondary", ref, children: showCopyConfirmation ? __("Copied!") : __("Copy") });
+}
+function PostPublishPanelPostpublish({
+  focusOnMount,
+  children
+}) {
+  const { post, postType, isScheduled } = useSelect((select) => {
+    const {
+      getEditedPostAttribute,
+      getCurrentPost,
+      isCurrentPostScheduled
+    } = select(editorStore);
+    const { getPostType } = select(coreStore);
+    return {
+      post: getCurrentPost(),
+      postType: getPostType(getEditedPostAttribute("type")),
+      isScheduled: isCurrentPostScheduled()
+    };
+  }, []);
+  const postLabel = postType?.labels?.singular_name;
+  const viewPostLabel = postType?.labels?.view_item;
+  const addNewPostLabel = postType?.labels?.add_new_item;
+  const link = post.status === "future" ? getFuturePostUrl(post) : post.link;
+  const addLink = addQueryArgs("post-new.php", {
+    post_type: post.type
+  });
+  const postLinkRef = useCallback(
+    (node) => {
+      if (focusOnMount && node) {
+        node.focus();
+      }
+    },
+    [focusOnMount]
+  );
+  const postPublishNonLinkHeader = isScheduled ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    __("is now scheduled. It will go live on"),
+    " ",
+    /* @__PURE__ */ jsx(PostScheduleLabel, {}),
+    "."
+  ] }) : __("is now live.");
+  return /* @__PURE__ */ jsxs("div", { className: "post-publish-panel__postpublish", children: [
+    /* @__PURE__ */ jsxs(PanelBody, { className: "post-publish-panel__postpublish-header", children: [
+      /* @__PURE__ */ jsx(ExternalLink, { ref: postLinkRef, href: link, children: decodeEntities(post.title) || __("(no title)") }),
+      " ",
+      postPublishNonLinkHeader
+    ] }),
+    /* @__PURE__ */ jsxs(PanelBody, { children: [
+      /* @__PURE__ */ jsx("p", { className: "post-publish-panel__postpublish-subheader", children: /* @__PURE__ */ jsx("strong", { children: __("What\u2019s next?") }) }),
+      /* @__PURE__ */ jsxs("div", { className: "post-publish-panel__postpublish-post-address-container", children: [
+        /* @__PURE__ */ jsx(
+          TextControl,
+          {
+            __next40pxDefaultSize: true,
+            className: "post-publish-panel__postpublish-post-address",
+            readOnly: true,
+            label: sprintf(
+              /* translators: %s: post type singular name */
+              __("%s address"),
+              postLabel
+            ),
+            value: safeDecodeURIComponent(link),
+            onFocus: (event) => event.target.select()
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "post-publish-panel__postpublish-post-address__copy-button-wrap", children: /* @__PURE__ */ jsx(CopyButton, { text: link }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "post-publish-panel__postpublish-buttons", children: [
+        !isScheduled && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "primary",
+            href: link,
+            __next40pxDefaultSize: true,
+            icon: external,
+            iconPosition: "right",
+            target: "_blank",
+            children: [
+              viewPostLabel,
+              /* @__PURE__ */ jsx(VisuallyHidden, {
+                as: "span",
+                /* translators: accessibility text */
+                children: __("(opens in a new tab)")
+              })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: isScheduled ? "primary" : "secondary",
+            __next40pxDefaultSize: true,
+            href: addLink,
+            children: addNewPostLabel
+          }
+        )
+      ] })
+    ] }),
+    children
+  ] });
+}
+export {
+  PostPublishPanelPostpublish as default
+};
+//# sourceMappingURL=postpublish.mjs.map

package/build-module/components/post-publish-panel/postpublish.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/post-publish-panel/postpublish.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tPanelBody,\n\tButton,\n\tTextControl,\n\tExternalLink,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useCallback, useEffect, useState, useRef } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { addQueryArgs, safeDecodeURIComponent } from '@wordpress/url';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { external } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport PostScheduleLabel from '../post-schedule/label';\nimport { store as editorStore } from '../../store';\n\nconst POSTNAME = '%postname%';\nconst PAGENAME = '%pagename%';\n\n/**\n * Returns URL for a future post.\n *\n * @param {Object} post Post object.\n *\n * @return {string} PostPublish URL.\n */\n\nconst getFuturePostUrl = ( post ) => {\n\tconst { slug } = post;\n\n\tif ( post.permalink_template.includes( POSTNAME ) ) {\n\t\treturn post.permalink_template.replace( POSTNAME, slug );\n\t}\n\n\tif ( post.permalink_template.includes( PAGENAME ) ) {\n\t\treturn post.permalink_template.replace( PAGENAME, slug );\n\t}\n\n\treturn post.permalink_template;\n};\n\nfunction CopyButton( { text } ) {\n\tconst [ showCopyConfirmation, setShowCopyConfirmation ] = useState( false );\n\tconst timeoutIdRef = useRef();\n\tconst ref = useCopyToClipboard( text, () => {\n\t\tsetShowCopyConfirmation( true );\n\t\tif ( timeoutIdRef.current ) {\n\t\t\tclearTimeout( timeoutIdRef.current );\n\t\t}\n\t\ttimeoutIdRef.current = setTimeout( () => {\n\t\t\tsetShowCopyConfirmation( false );\n\t\t}, 4000 );\n\t} );\n\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tif ( timeoutIdRef.current ) {\n\t\t\t\tclearTimeout( timeoutIdRef.current );\n\t\t\t}\n\t\t};\n\t}, [] );\n\n\treturn (\n\t\t<Button __next40pxDefaultSize variant=\"secondary\" ref={ ref }>\n\t\t\t{ showCopyConfirmation ? __( 'Copied!' ) : __( 'Copy' ) }\n\t\t</Button>\n\t);\n}\n\nexport default function PostPublishPanelPostpublish( {\n\tfocusOnMount,\n\tchildren,\n} ) {\n\tconst { post, postType, isScheduled } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetEditedPostAttribute,\n\t\t\tgetCurrentPost,\n\t\t\tisCurrentPostScheduled,\n\t\t} = select( editorStore );\n\t\tconst { getPostType } = select( coreStore );\n\n\t\treturn {\n\t\t\tpost: getCurrentPost(),\n\t\t\tpostType: getPostType( getEditedPostAttribute( 'type' ) ),\n\t\t\tisScheduled: isCurrentPostScheduled(),\n\t\t};\n\t}, [] );\n\n\tconst postLabel = postType?.labels?.singular_name;\n\tconst viewPostLabel = postType?.labels?.view_item;\n\tconst addNewPostLabel = postType?.labels?.add_new_item;\n\tconst link =\n\t\tpost.status === 'future' ? getFuturePostUrl( post ) : post.link;\n\tconst addLink = addQueryArgs( 'post-new.php', {\n\t\tpost_type: post.type,\n\t} );\n\n\tconst postLinkRef = useCallback(\n\t\t( node ) => {\n\t\t\tif ( focusOnMount && node ) {\n\t\t\t\tnode.focus();\n\t\t\t}\n\t\t},\n\t\t[ focusOnMount ]\n\t);\n\n\tconst postPublishNonLinkHeader = isScheduled ? (\n\t\t<>\n\t\t\t{ __( 'is now scheduled. It will go live on' ) }{ ' ' }\n\t\t\t<PostScheduleLabel />.\n\t\t</>\n\t) : (\n\t\t__( 'is now live.' )\n\t);\n\n\treturn (\n\t\t<div className=\"post-publish-panel__postpublish\">\n\t\t\t<PanelBody className=\"post-publish-panel__postpublish-header\">\n\t\t\t\t<ExternalLink ref={ postLinkRef } href={ link }>\n\t\t\t\t\t{ decodeEntities( post.title ) || __( '(no title)' ) }\n\t\t\t\t</ExternalLink>{ ' ' }\n\t\t\t\t{ postPublishNonLinkHeader }\n\t\t\t</PanelBody>\n\t\t\t<PanelBody>\n\t\t\t\t<p className=\"post-publish-panel__postpublish-subheader\">\n\t\t\t\t\t<strong>{ __( 'What\u2019s next?' ) }</strong>\n\t\t\t\t</p>\n\t\t\t\t<div className=\"post-publish-panel__postpublish-post-address-container\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tclassName=\"post-publish-panel__postpublish-post-address\"\n\t\t\t\t\t\treadOnly\n\t\t\t\t\t\tlabel={ sprintf(\n\t\t\t\t\t\t\t/* translators: %s: post type singular name */\n\t\t\t\t\t\t\t__( '%s address' ),\n\t\t\t\t\t\t\tpostLabel\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tvalue={ safeDecodeURIComponent( link ) }\n\t\t\t\t\t\tonFocus={ ( event ) => event.target.select() }\n\t\t\t\t\t/>\n\n\t\t\t\t\t<div className=\"post-publish-panel__postpublish-post-address__copy-button-wrap\">\n\t\t\t\t\t\t<CopyButton text={ link } />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"post-publish-panel__postpublish-buttons\">\n\t\t\t\t\t{ ! isScheduled && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\thref={ link }\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\ticonPosition=\"right\"\n\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ viewPostLabel }\n\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t/* translators: accessibility text */\n\t\t\t\t\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant={ isScheduled ? 'primary' : 'secondary' }\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\thref={ addLink }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ addNewPostLabel }\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</PanelBody>\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/components/post-publish-panel/prepublish.mjs

@@ -0,0 +1,134 @@
+// packages/editor/src/components/post-publish-panel/prepublish.js
+import { __ } from "@wordpress/i18n";
+import { Icon, PanelBody } from "@wordpress/components";
+import { useSelect } from "@wordpress/data";
+import { wordpress } from "@wordpress/icons";
+import { filterURLForDisplay } from "@wordpress/url";
+import { store as coreStore } from "@wordpress/core-data";
+import { decodeEntities } from "@wordpress/html-entities";
+import PostVisibility from "../post-visibility/index.mjs";
+import PostVisibilityLabel from "../post-visibility/label.mjs";
+import PostSchedule from "../post-schedule/index.mjs";
+import PostScheduleLabel from "../post-schedule/label.mjs";
+import MaybeTagsPanel from "./maybe-tags-panel.mjs";
+import MaybePostFormatPanel from "./maybe-post-format-panel.mjs";
+import { store as editorStore } from "../../store/index.mjs";
+import MaybeCategoryPanel from "./maybe-category-panel.mjs";
+import MaybeUploadMedia from "./maybe-upload-media.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function PostPublishPanelPrepublish({ children }) {
+  const {
+    isBeingScheduled,
+    isRequestingSiteIcon,
+    hasPublishAction,
+    siteIconUrl,
+    siteTitle,
+    siteHome
+  } = useSelect((select) => {
+    const { getCurrentPost, isEditedPostBeingScheduled } = select(editorStore);
+    const { getEntityRecord, isResolving } = select(coreStore);
+    const siteData = getEntityRecord("root", "__unstableBase", void 0) || {};
+    return {
+      hasPublishAction: getCurrentPost()._links?.["wp:action-publish"] ?? false,
+      isBeingScheduled: isEditedPostBeingScheduled(),
+      isRequestingSiteIcon: isResolving("getEntityRecord", [
+        "root",
+        "__unstableBase",
+        void 0
+      ]),
+      siteIconUrl: siteData.site_icon_url,
+      siteTitle: siteData.name,
+      siteHome: siteData.home && filterURLForDisplay(siteData.home)
+    };
+  }, []);
+  let siteIcon = /* @__PURE__ */ jsx(Icon, { className: "components-site-icon", size: "36px", icon: wordpress });
+  if (siteIconUrl) {
+    siteIcon = /* @__PURE__ */ jsx(
+      "img",
+      {
+        alt: __("Site Icon"),
+        className: "components-site-icon",
+        src: siteIconUrl
+      }
+    );
+  }
+  if (isRequestingSiteIcon) {
+    siteIcon = null;
+  }
+  let prePublishTitle, prePublishBodyText;
+  if (!hasPublishAction) {
+    prePublishTitle = __("Are you ready to submit for review?");
+    prePublishBodyText = __(
+      "Your work will be reviewed and then approved."
+    );
+  } else if (isBeingScheduled) {
+    prePublishTitle = __("Are you ready to schedule?");
+    prePublishBodyText = __(
+      "Your work will be published at the specified date and time."
+    );
+  } else {
+    prePublishTitle = __("Are you ready to publish?");
+    prePublishBodyText = __(
+      "Double-check your settings before publishing."
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "editor-post-publish-panel__prepublish", children: [
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("strong", { children: prePublishTitle }) }),
+    /* @__PURE__ */ jsx("p", { children: prePublishBodyText }),
+    /* @__PURE__ */ jsxs("div", { className: "components-site-card", children: [
+      siteIcon,
+      /* @__PURE__ */ jsxs("div", { className: "components-site-info", children: [
+        /* @__PURE__ */ jsx("span", { className: "components-site-name", children: decodeEntities(siteTitle) || __("(Untitled)") }),
+        /* @__PURE__ */ jsx("span", { className: "components-site-home", children: siteHome })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(MaybeUploadMedia, {}),
+    hasPublishAction && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        PanelBody,
+        {
+          initialOpen: false,
+          title: [
+            __("Visibility:"),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "editor-post-publish-panel__link",
+                children: /* @__PURE__ */ jsx(PostVisibilityLabel, {})
+              },
+              "label"
+            )
+          ],
+          children: /* @__PURE__ */ jsx(PostVisibility, {})
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        PanelBody,
+        {
+          initialOpen: false,
+          title: [
+            __("Publish:"),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "editor-post-publish-panel__link",
+                children: /* @__PURE__ */ jsx(PostScheduleLabel, {})
+              },
+              "label"
+            )
+          ],
+          children: /* @__PURE__ */ jsx(PostSchedule, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(MaybePostFormatPanel, {}),
+    /* @__PURE__ */ jsx(MaybeTagsPanel, {}),
+    /* @__PURE__ */ jsx(MaybeCategoryPanel, {}),
+    children
+  ] });
+}
+var prepublish_default = PostPublishPanelPrepublish;
+export {
+  prepublish_default as default
+};
+//# sourceMappingURL=prepublish.mjs.map