@wordpress/editor 14.36.0 → 14.36.1-next.738bb1424.0

package/build/components/post-publish-panel/maybe-tags-panel.cjs

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

package/build/components/post-publish-panel/maybe-tags-panel.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/post-publish-panel/maybe-tags-panel.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { PanelBody } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport FlatTermSelector from '../post-taxonomies/flat-term-selector';\nimport { store as editorStore } from '../../store';\n\nconst TagsPanel = () => {\n\tconst tagLabels = useSelect( ( select ) => {\n\t\tconst taxonomy = select( coreStore ).getTaxonomy( 'post_tag' );\n\t\treturn taxonomy?.labels;\n\t}, [] );\n\n\tconst addNewItem = tagLabels?.add_new_item ?? __( 'Add tag' );\n\tconst tagLabel = tagLabels?.name ?? __( 'Tags' );\n\n\tconst panelBodyTitle = [\n\t\t__( 'Suggestion:' ),\n\t\t<span className=\"editor-post-publish-panel__link\" key=\"label\">\n\t\t\t{ addNewItem }\n\t\t</span>,\n\t];\n\n\treturn (\n\t\t<PanelBody initialOpen={ false } title={ panelBodyTitle }>\n\t\t\t<p>\n\t\t\t\t{ sprintf(\n\t\t\t\t\t// translators: %s is the taxonomy name (e.g., \"Tags\").\n\t\t\t\t\t__(\n\t\t\t\t\t\t'%s help users and search engines navigate your site and find your content. Add a few keywords to describe your post.'\n\t\t\t\t\t),\n\t\t\t\t\ttagLabel\n\t\t\t\t) }\n\t\t\t</p>\n\t\t\t<FlatTermSelector slug=\"post_tag\" />\n\t\t</PanelBody>\n\t);\n};\n\nconst MaybeTagsPanel = () => {\n\tconst { postHasTags, siteHasTags, isPostTypeSupported } = useSelect(\n\t\t( select ) => {\n\t\t\tconst postType = select( editorStore ).getCurrentPostType();\n\t\t\tconst tagsTaxonomy = select( coreStore ).getEntityRecord(\n\t\t\t\t'root',\n\t\t\t\t'taxonomy',\n\t\t\t\t'post_tag'\n\t\t\t);\n\t\t\tconst _isPostTypeSupported =\n\t\t\t\ttagsTaxonomy?.types?.includes( postType );\n\t\t\tconst areTagsFetched = tagsTaxonomy !== undefined;\n\t\t\tconst tags =\n\t\t\t\ttagsTaxonomy &&\n\t\t\t\tselect( editorStore ).getEditedPostAttribute(\n\t\t\t\t\ttagsTaxonomy.rest_base\n\t\t\t\t);\n\t\t\tconst siteTags = _isPostTypeSupported\n\t\t\t\t? !! select( coreStore ).getEntityRecords(\n\t\t\t\t\t\t'taxonomy',\n\t\t\t\t\t\t'post_tag',\n\t\t\t\t\t\t{ per_page: 1 }\n\t\t\t\t  )?.length\n\t\t\t\t: false;\n\n\t\t\treturn {\n\t\t\t\tpostHasTags: !! tags?.length,\n\t\t\t\tsiteHasTags: siteTags,\n\t\t\t\tisPostTypeSupported: areTagsFetched && _isPostTypeSupported,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst [ hadTagsWhenOpeningThePanel ] = useState( postHasTags );\n\n\t/**\n\t * We only want to show the tag panel if the post type supports\n\t * tags and the site has tags.\n\t */\n\tif ( ! isPostTypeSupported || ! siteHasTags ) {\n\t\treturn null;\n\t}\n\n\t/*\n\t * We only want to show the tag panel if the post didn't have\n\t * any tags when the user hit the Publish button.\n\t *\n\t * We can't use the prop.postHasTags because it'll change to true\n\t * if the user adds a new tag within the pre-publish panel.\n\t * This would force a re-render and a new prop.postHasTags check,\n\t * hiding this panel and keeping the user from adding\n\t * more than one tag.\n\t */\n\tif ( ! hadTagsWhenOpeningThePanel ) {\n\t\treturn <TagsPanel />;\n\t}\n\n\treturn null;\n};\n\nexport default MaybeTagsPanel;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAA4B;AAC5B,qBAAyB;AACzB,kBAA0B;AAC1B,wBAA0B;AAC1B,uBAAmC;AAKnC,gCAA6B;AAC7B,mBAAqC;AAanC;AAXF,IAAM,YAAY,MAAM;AACvB,QAAM,gBAAY,uBAAW,CAAE,WAAY;AAC1C,UAAM,WAAW,OAAQ,iBAAAA,KAAU,EAAE,YAAa,UAAW;AAC7D,WAAO,UAAU;AAAA,EAClB,GAAG,CAAC,CAAE;AAEN,QAAM,aAAa,WAAW,oBAAgB,gBAAI,SAAU;AAC5D,QAAM,WAAW,WAAW,YAAQ,gBAAI,MAAO;AAE/C,QAAM,iBAAiB;AAAA,QACtB,gBAAI,aAAc;AAAA,IAClB,4CAAC,UAAK,WAAU,mCACb,wBADmD,OAEtD;AAAA,EACD;AAEA,SACC,6CAAC,+BAAU,aAAc,OAAQ,OAAQ,gBACxC;AAAA,gDAAC,OACE;AAAA;AAAA,UAED;AAAA,QACC;AAAA,MACD;AAAA,MACA;AAAA,IACD,GACD;AAAA,IACA,4CAAC,0BAAAC,SAAA,EAAiB,MAAK,YAAW;AAAA,KACnC;AAEF;AAEA,IAAM,iBAAiB,MAAM;AAC5B,QAAM,EAAE,aAAa,aAAa,oBAAoB,QAAI;AAAA,IACzD,CAAE,WAAY;AACb,YAAM,WAAW,OAAQ,aAAAC,KAAY,EAAE,mBAAmB;AAC1D,YAAM,eAAe,OAAQ,iBAAAF,KAAU,EAAE;AAAA,QACxC;AAAA,QACA;AAAA,QACA;AAAA,MACD;AACA,YAAM,uBACL,cAAc,OAAO,SAAU,QAAS;AACzC,YAAM,iBAAiB,iBAAiB;AACxC,YAAM,OACL,gBACA,OAAQ,aAAAE,KAAY,EAAE;AAAA,QACrB,aAAa;AAAA,MACd;AACD,YAAM,WAAW,uBACd,CAAC,CAAE,OAAQ,iBAAAF,KAAU,EAAE;AAAA,QACvB;AAAA,QACA;AAAA,QACA,EAAE,UAAU,EAAE;AAAA,MACd,GAAG,SACH;AAEH,aAAO;AAAA,QACN,aAAa,CAAC,CAAE,MAAM;AAAA,QACtB,aAAa;AAAA,QACb,qBAAqB,kBAAkB;AAAA,MACxC;AAAA,IACD;AAAA,IACA,CAAC;AAAA,EACF;AACA,QAAM,CAAE,0BAA2B,QAAI,yBAAU,WAAY;AAM7D,MAAK,CAAE,uBAAuB,CAAE,aAAc;AAC7C,WAAO;AAAA,EACR;AAYA,MAAK,CAAE,4BAA6B;AACnC,WAAO,4CAAC,aAAU;AAAA,EACnB;AAEA,SAAO;AACR;AAEA,IAAO,2BAAQ;",
+  "names": ["coreStore", "FlatTermSelector", "editorStore"]
+}

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

@@ -0,0 +1,220 @@
+"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/editor/src/components/post-publish-panel/maybe-upload-media.js
+var maybe_upload_media_exports = {};
+__export(maybe_upload_media_exports, {
+  default: () => MaybeUploadMediaPanel
+});
+module.exports = __toCommonJS(maybe_upload_media_exports);
+var import_components = require("@wordpress/components");
+var import_data = require("@wordpress/data");
+var import_i18n = require("@wordpress/i18n");
+var import_block_editor = require("@wordpress/block-editor");
+var import_element = require("@wordpress/element");
+var import_blob = require("@wordpress/blob");
+var import_media_util = require("./media-util.cjs");
+var import_jsx_runtime = require("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 } = (0, import_data.useDispatch)(import_block_editor.store);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.__unstableMotion.img,
+    {
+      tabIndex: 0,
+      role: "button",
+      "aria-label": (0, import_i18n.__)("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] = (0, import_element.useState)(false);
+  const [isAnimating, setIsAnimating] = (0, import_element.useState)(false);
+  const [hadUploadError, setHadUploadError] = (0, import_element.useState)(false);
+  const { editorBlocks, mediaUpload } = (0, import_data.useSelect)(
+    (select) => ({
+      editorBlocks: select(import_block_editor.store).getBlocks(),
+      mediaUpload: select(import_block_editor.store).getSettings().mediaUpload
+    }),
+    []
+  );
+  const blocksWithExternalMedia = flattenBlocks(editorBlocks).filter(
+    (block) => hasExternalMedia(block)
+  );
+  const { updateBlockAttributes } = (0, import_data.useDispatch)(import_block_editor.store);
+  if (!mediaUpload || !blocksWithExternalMedia.length) {
+    return null;
+  }
+  const panelBodyTitle = [
+    (0, import_i18n.__)("Suggestion:"),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "editor-post-publish-panel__link", children: (0, import_i18n.__)("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((0, import_media_util.fetchMedia)([...mediaUrls])).map(
+        ([url, filePromise]) => {
+          const uploadPromise = filePromise.then(
+            (blob) => new Promise((resolve, reject) => {
+              mediaUpload({
+                filesList: [blob],
+                onFileChange: ([media]) => {
+                  if ((0, import_blob.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__ */ (0, import_jsx_runtime.jsxs)(import_components.PanelBody, { initialOpen: true, title: panelBodyTitle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: (0, import_i18n.__)(
+      "Upload external images to the Media Library. Images from different domains may load slowly, display incorrectly, or be removed unexpectedly."
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        style: {
+          display: "inline-flex",
+          flexWrap: "wrap",
+          gap: "8px"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.__unstableAnimatePresence,
+            {
+              onExitComplete: () => setIsAnimating(false),
+              children: blocksWithExternalMedia.map((block) => {
+                const { url, alt } = getMediaInfo(block);
+                return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  Image,
+                  {
+                    clientId: block.clientId,
+                    url,
+                    alt
+                  },
+                  block.clientId
+                );
+              })
+            }
+          ),
+          isUploading || isAnimating ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Spinner, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.Button,
+            {
+              size: "compact",
+              variant: "primary",
+              onClick: uploadImages,
+              children: (0, import_i18n._x)("Upload", "verb")
+            }
+          )
+        ]
+      }
+    ),
+    hadUploadError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: (0, import_i18n.__)("Upload failed, try again.") })
+  ] });
+}
+//# sourceMappingURL=maybe-upload-media.cjs.map

package/build/components/post-publish-panel/media-util.cjs

@@ -0,0 +1,72 @@
+"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/editor/src/components/post-publish-panel/media-util.js
+var media_util_exports = {};
+__export(media_util_exports, {
+  fetchMedia: () => fetchMedia,
+  generateUniqueBasenames: () => generateUniqueBasenames
+});
+module.exports = __toCommonJS(media_util_exports);
+var import_uuid = require("uuid");
+var import_url = require("@wordpress/url");
+function generateUniqueBasenames(urls) {
+  const basenames = /* @__PURE__ */ new Set();
+  return Object.fromEntries(
+    urls.map((url) => {
+      const filename = (0, import_url.getFilename)(url);
+      let basename = "";
+      if (filename) {
+        const parts = filename.split(".");
+        if (parts.length > 1) {
+          parts.pop();
+        }
+        basename = parts.join(".");
+      }
+      if (!basename) {
+        basename = (0, import_uuid.v4)();
+      }
+      if (basenames.has(basename)) {
+        basename = `${basename}-${(0, import_uuid.v4)()}`;
+      }
+      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];
+      }
+    )
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  fetchMedia,
+  generateUniqueBasenames
+});
+//# sourceMappingURL=media-util.cjs.map

package/build/components/post-publish-panel/postpublish.cjs

@@ -0,0 +1,179 @@
+"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/editor/src/components/post-publish-panel/postpublish.js
+var postpublish_exports = {};
+__export(postpublish_exports, {
+  default: () => PostPublishPanelPostpublish
+});
+module.exports = __toCommonJS(postpublish_exports);
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_element = require("@wordpress/element");
+var import_data = require("@wordpress/data");
+var import_url = require("@wordpress/url");
+var import_html_entities = require("@wordpress/html-entities");
+var import_compose = require("@wordpress/compose");
+var import_core_data = require("@wordpress/core-data");
+var import_icons = require("@wordpress/icons");
+var import_label = __toESM(require("../post-schedule/label.cjs"), 1);
+var import_store = require("../../store/index.cjs");
+var import_jsx_runtime = require("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] = (0, import_element.useState)(false);
+  const timeoutIdRef = (0, import_element.useRef)();
+  const ref = (0, import_compose.useCopyToClipboard)(text, () => {
+    setShowCopyConfirmation(true);
+    if (timeoutIdRef.current) {
+      clearTimeout(timeoutIdRef.current);
+    }
+    timeoutIdRef.current = setTimeout(() => {
+      setShowCopyConfirmation(false);
+    }, 4e3);
+  });
+  (0, import_element.useEffect)(() => {
+    return () => {
+      if (timeoutIdRef.current) {
+        clearTimeout(timeoutIdRef.current);
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Button, { __next40pxDefaultSize: true, variant: "secondary", ref, children: showCopyConfirmation ? (0, import_i18n.__)("Copied!") : (0, import_i18n.__)("Copy") });
+}
+function PostPublishPanelPostpublish({
+  focusOnMount,
+  children
+}) {
+  const { post, postType, isScheduled } = (0, import_data.useSelect)((select) => {
+    const {
+      getEditedPostAttribute,
+      getCurrentPost,
+      isCurrentPostScheduled
+    } = select(import_store.store);
+    const { getPostType } = select(import_core_data.store);
+    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 = (0, import_url.addQueryArgs)("post-new.php", {
+    post_type: post.type
+  });
+  const postLinkRef = (0, import_element.useCallback)(
+    (node) => {
+      if (focusOnMount && node) {
+        node.focus();
+      }
+    },
+    [focusOnMount]
+  );
+  const postPublishNonLinkHeader = isScheduled ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    (0, import_i18n.__)("is now scheduled. It will go live on"),
+    " ",
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.default, {}),
+    "."
+  ] }) : (0, import_i18n.__)("is now live.");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "post-publish-panel__postpublish", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.PanelBody, { className: "post-publish-panel__postpublish-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.ExternalLink, { ref: postLinkRef, href: link, children: (0, import_html_entities.decodeEntities)(post.title) || (0, import_i18n.__)("(no title)") }),
+      " ",
+      postPublishNonLinkHeader
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.PanelBody, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "post-publish-panel__postpublish-subheader", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: (0, import_i18n.__)("What\u2019s next?") }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "post-publish-panel__postpublish-post-address-container", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.TextControl,
+          {
+            __next40pxDefaultSize: true,
+            className: "post-publish-panel__postpublish-post-address",
+            readOnly: true,
+            label: (0, import_i18n.sprintf)(
+              /* translators: %s: post type singular name */
+              (0, import_i18n.__)("%s address"),
+              postLabel
+            ),
+            value: (0, import_url.safeDecodeURIComponent)(link),
+            onFocus: (event) => event.target.select()
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "post-publish-panel__postpublish-post-address__copy-button-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, { text: link }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "post-publish-panel__postpublish-buttons", children: [
+        !isScheduled && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_components.Button,
+          {
+            variant: "primary",
+            href: link,
+            __next40pxDefaultSize: true,
+            icon: import_icons.external,
+            iconPosition: "right",
+            target: "_blank",
+            children: [
+              viewPostLabel,
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.VisuallyHidden, {
+                as: "span",
+                /* translators: accessibility text */
+                children: (0, import_i18n.__)("(opens in a new tab)")
+              })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.Button,
+          {
+            variant: isScheduled ? "primary" : "secondary",
+            __next40pxDefaultSize: true,
+            href: addLink,
+            children: addNewPostLabel
+          }
+        )
+      ] })
+    ] }),
+    children
+  ] });
+}
+//# sourceMappingURL=postpublish.cjs.map

package/build/components/post-publish-panel/postpublish.cjs.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": ["editorStore", "coreStore", "PostScheduleLabel"]
+}