@wordpress/editor 14.47.0 → 14.48.1

package/build/components/upload-progress-snackbar/index.cjs

@@ -0,0 +1,161 @@
+"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/upload-progress-snackbar/index.js
+var upload_progress_snackbar_exports = {};
+__export(upload_progress_snackbar_exports, {
+  UPLOAD_DONE: () => UPLOAD_DONE,
+  UPLOAD_SPINNER: () => UPLOAD_SPINNER,
+  default: () => UploadProgressSnackbar
+});
+module.exports = __toCommonJS(upload_progress_snackbar_exports);
+var import_data = require("@wordpress/data");
+var import_element = require("@wordpress/element");
+var import_i18n = require("@wordpress/i18n");
+var import_a11y = require("@wordpress/a11y");
+var import_upload_media = require("@wordpress/upload-media");
+var import_notices = require("@wordpress/notices");
+var import_components = require("@wordpress/components");
+var import_icons = require("@wordpress/icons");
+var import_tracker = require("./tracker.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var NOTICE_ID = "upload-progress";
+var COMPLETION_DISPLAY_MS = 3e3;
+var MAX_FILENAME_LENGTH = 40;
+function truncateFilename(filename) {
+  if (filename.length <= MAX_FILENAME_LENGTH) {
+    return filename;
+  }
+  const ellipsis = "\u2026";
+  const visible = MAX_FILENAME_LENGTH - ellipsis.length;
+  const front = Math.ceil(visible / 2);
+  const back = Math.floor(visible / 2);
+  return filename.slice(0, front) + ellipsis + filename.slice(filename.length - back);
+}
+var UPLOAD_SPINNER = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "span",
+  {
+    className: "editor-upload-progress-snackbar__spinner",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Spinner, {})
+  }
+);
+var UPLOAD_DONE = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "editor-upload-progress-snackbar__check", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Icon, { icon: import_icons.check }) });
+function UploadProgressSnackbar() {
+  const items = (0, import_data.useSelect)(
+    (select) => select(import_upload_media.store).getItems(),
+    []
+  );
+  const tracker = (0, import_tracker.useTracker)();
+  const csmOriginals = (0, import_element.useMemo)(
+    () => items.filter((item) => !item.parentId),
+    [items]
+  );
+  const csmRemaining = csmOriginals.length;
+  const trackedRemaining = tracker ? tracker.total - tracker.completed : 0;
+  const remaining = csmRemaining + trackedRemaining;
+  const [peak, setPeak] = (0, import_element.useState)(0);
+  const sessionTotal = csmRemaining + (tracker ? tracker.total : 0);
+  if (sessionTotal > peak) {
+    setPeak(sessionTotal);
+  }
+  const { createNotice, removeNotice } = (0, import_data.useDispatch)(import_notices.store);
+  const dismissedRef = (0, import_element.useRef)(false);
+  const wasUploadingRef = (0, import_element.useRef)(false);
+  const completionTimeoutRef = (0, import_element.useRef)(null);
+  (0, import_element.useEffect)(() => {
+    return () => {
+      if (completionTimeoutRef.current) {
+        clearTimeout(completionTimeoutRef.current);
+      }
+    };
+  }, []);
+  (0, import_element.useEffect)(() => {
+    const isUploading = remaining > 0;
+    if (isUploading && !wasUploadingRef.current) {
+      dismissedRef.current = false;
+      (0, import_a11y.speak)((0, import_i18n.__)("Media upload started"), "polite");
+      if (completionTimeoutRef.current) {
+        clearTimeout(completionTimeoutRef.current);
+        completionTimeoutRef.current = null;
+        setPeak(0);
+      }
+    } else if (!isUploading && wasUploadingRef.current) {
+      (0, import_a11y.speak)((0, import_i18n.__)("Media upload complete"), "polite");
+      if (!dismissedRef.current) {
+        createNotice("info", (0, import_i18n.__)("Upload complete"), {
+          id: NOTICE_ID,
+          type: "snackbar",
+          isDismissible: false,
+          explicitDismiss: false,
+          speak: false,
+          icon: UPLOAD_DONE,
+          onDismiss: () => {
+            dismissedRef.current = true;
+          }
+        });
+        completionTimeoutRef.current = setTimeout(() => {
+          removeNotice(NOTICE_ID);
+          completionTimeoutRef.current = null;
+          setPeak(0);
+        }, COMPLETION_DISPLAY_MS);
+      } else {
+        setPeak(0);
+      }
+    }
+    wasUploadingRef.current = isUploading;
+    if (!isUploading || dismissedRef.current) {
+      return;
+    }
+    const total = peak;
+    const current = total - remaining + 1;
+    const filename = truncateFilename(
+      csmOriginals[0]?.sourceFile?.name || tracker?.pending[0] || (0, import_i18n.__)("Uploading")
+    );
+    const content = total === 1 ? (0, import_i18n.sprintf)(
+      /* translators: %s: filename. */
+      (0, import_i18n.__)("Uploading \u2014 %s"),
+      filename
+    ) : (0, import_i18n.sprintf)(
+      /* translators: 1: current upload number, 2: total uploads, 3: filename. */
+      (0, import_i18n.__)("Uploading %1$d of %2$d \u2014 %3$s"),
+      current,
+      total,
+      filename
+    );
+    createNotice("info", content, {
+      id: NOTICE_ID,
+      type: "snackbar",
+      isDismissible: false,
+      explicitDismiss: true,
+      speak: false,
+      icon: UPLOAD_SPINNER,
+      onDismiss: () => {
+        dismissedRef.current = true;
+      }
+    });
+  }, [remaining, peak, csmOriginals, tracker, createNotice, removeNotice]);
+  return null;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  UPLOAD_DONE,
+  UPLOAD_SPINNER
+});
+//# sourceMappingURL=index.cjs.map

package/build/components/upload-progress-snackbar/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/upload-progress-snackbar/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useMemo, useRef, useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { speak } from '@wordpress/a11y';\nimport { store as uploadStore } from '@wordpress/upload-media';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { Icon as WCIcon, Spinner } from '@wordpress/components';\nimport { check } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { useTracker } from './tracker';\n\nconst NOTICE_ID = 'upload-progress';\n\n// How long the completion checkmark is shown before the snackbar dismisses.\nconst COMPLETION_DISPLAY_MS = 3000;\n\n// Longest filename shown before it is middle-truncated. Long names (e.g. the\n// UUID-style names some sources produce) would otherwise stretch the snackbar.\nconst MAX_FILENAME_LENGTH = 40;\n\n/**\n * Middle-truncates a filename that exceeds `MAX_FILENAME_LENGTH`, keeping the\n * start and the end (so the file extension stays visible).\n *\n * @param {string} filename The filename to truncate.\n * @return {string} The original or middle-truncated filename.\n */\nfunction truncateFilename( filename ) {\n\tif ( filename.length <= MAX_FILENAME_LENGTH ) {\n\t\treturn filename;\n\t}\n\tconst ellipsis = '\u2026';\n\tconst visible = MAX_FILENAME_LENGTH - ellipsis.length;\n\tconst front = Math.ceil( visible / 2 );\n\tconst back = Math.floor( visible / 2 );\n\treturn (\n\t\tfilename.slice( 0, front ) +\n\t\tellipsis +\n\t\tfilename.slice( filename.length - back )\n\t);\n}\n\n// Exported so the Storybook story can render the exact icon markup the notice\n// uses, keeping the visual review faithful to what ships.\nexport const UPLOAD_SPINNER = (\n\t<span\n\t\tclassName=\"editor-upload-progress-snackbar__spinner\"\n\t\taria-hidden=\"true\"\n\t>\n\t\t<Spinner />\n\t</span>\n);\n\nexport const UPLOAD_DONE = (\n\t<span className=\"editor-upload-progress-snackbar__check\" aria-hidden=\"true\">\n\t\t<WCIcon icon={ check } />\n\t</span>\n);\n\n/**\n * Manages a snackbar notice that shows media upload progress while uploads are\n * in progress. It creates/updates a notice via the notices store so that it\n * positions and stacks with every other snackbar in the editor.\n *\n * Reads from two sources to cover both upload paths:\n *  - `@wordpress/upload-media` store (client-side media processing path).\n *  - An editor-local tracker populated by the traditional `mediaUpload`\n *    wrapper (non-CSM path \u2014 e.g. Safari, or when a filter disables CSM).\n *\n * Only counts original user-uploaded files (items without a `parentId`),\n * ignoring generated subsizes/thumbnails.\n *\n * @return {null} This component renders nothing \u2014 it only manages a notice.\n */\nexport default function UploadProgressSnackbar() {\n\tconst items = useSelect(\n\t\t( select ) => select( uploadStore ).getItems(),\n\t\t[]\n\t);\n\tconst tracker = useTracker();\n\n\t// CSM path: originals in the upload-media queue (subsizes excluded). Memoized\n\t// so its reference is stable across renders where `items` is unchanged, since\n\t// it's a dependency of the effect below.\n\tconst csmOriginals = useMemo(\n\t\t() => items.filter( ( item ) => ! item.parentId ),\n\t\t[ items ]\n\t);\n\tconst csmRemaining = csmOriginals.length;\n\n\t// Non-CSM path: files tracked by the editor's mediaUpload wrapper.\n\tconst trackedRemaining = tracker ? tracker.total - tracker.completed : 0;\n\n\tconst remaining = csmRemaining + trackedRemaining;\n\n\t// Track peak total across sources during a session. The CSM queue removes\n\t// items on completion, and the tracker tops out at its recorded total, so\n\t// `total` has to be tracked as the high-water mark.\n\tconst [ peak, setPeak ] = useState( 0 );\n\tconst sessionTotal = csmRemaining + ( tracker ? tracker.total : 0 );\n\tif ( sessionTotal > peak ) {\n\t\tsetPeak( sessionTotal );\n\t}\n\n\tconst { createNotice, removeNotice } = useDispatch( noticesStore );\n\n\t// Track whether the user has dismissed the notice. If so, don't re-create\n\t// it until the current batch finishes and a new one starts.\n\tconst dismissedRef = useRef( false );\n\tconst wasUploadingRef = useRef( false );\n\n\t// Timeout that removes the completion-state (checkmark) notice after a\n\t// brief display. Held so a new upload can cancel it.\n\tconst completionTimeoutRef = useRef( null );\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tif ( completionTimeoutRef.current ) {\n\t\t\t\tclearTimeout( completionTimeoutRef.current );\n\t\t\t}\n\t\t};\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tconst isUploading = remaining > 0;\n\n\t\tif ( isUploading && ! wasUploadingRef.current ) {\n\t\t\tdismissedRef.current = false;\n\t\t\tspeak( __( 'Media upload started' ), 'polite' );\n\t\t\t// A new batch started during the completion display: cancel the\n\t\t\t// pending dismissal so the snackbar transitions straight back\n\t\t\t// into the uploading state, and reset the peak so the new batch\n\t\t\t// counts from `1 of N` rather than resuming the previous total.\n\t\t\tif ( completionTimeoutRef.current ) {\n\t\t\t\tclearTimeout( completionTimeoutRef.current );\n\t\t\t\tcompletionTimeoutRef.current = null;\n\t\t\t\tsetPeak( 0 );\n\t\t\t}\n\t\t} else if ( ! isUploading && wasUploadingRef.current ) {\n\t\t\tspeak( __( 'Media upload complete' ), 'polite' );\n\n\t\t\tif ( ! dismissedRef.current ) {\n\t\t\t\tcreateNotice( 'info', __( 'Upload complete' ), {\n\t\t\t\t\tid: NOTICE_ID,\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tisDismissible: false,\n\t\t\t\t\texplicitDismiss: false,\n\t\t\t\t\tspeak: false,\n\t\t\t\t\ticon: UPLOAD_DONE,\n\t\t\t\t\tonDismiss: () => {\n\t\t\t\t\t\tdismissedRef.current = true;\n\t\t\t\t\t},\n\t\t\t\t} );\n\n\t\t\t\tcompletionTimeoutRef.current = setTimeout( () => {\n\t\t\t\t\tremoveNotice( NOTICE_ID );\n\t\t\t\t\tcompletionTimeoutRef.current = null;\n\t\t\t\t\tsetPeak( 0 );\n\t\t\t\t}, COMPLETION_DISPLAY_MS );\n\t\t\t} else {\n\t\t\t\tsetPeak( 0 );\n\t\t\t}\n\t\t}\n\n\t\twasUploadingRef.current = isUploading;\n\n\t\tif ( ! isUploading || dismissedRef.current ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst total = peak;\n\t\tconst current = total - remaining + 1;\n\n\t\t// Prefer the CSM queue's first original filename, then fall back to\n\t\t// the tracker's first pending filename.\n\t\tconst filename = truncateFilename(\n\t\t\tcsmOriginals[ 0 ]?.sourceFile?.name ||\n\t\t\t\ttracker?.pending[ 0 ] ||\n\t\t\t\t__( 'Uploading' )\n\t\t);\n\n\t\tconst content =\n\t\t\ttotal === 1\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t/* translators: %s: filename. */\n\t\t\t\t\t\t__( 'Uploading \u2014 %s' ),\n\t\t\t\t\t\tfilename\n\t\t\t\t  )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/* translators: 1: current upload number, 2: total uploads, 3: filename. */\n\t\t\t\t\t\t__( 'Uploading %1$d of %2$d \u2014 %3$s' ),\n\t\t\t\t\t\tcurrent,\n\t\t\t\t\t\ttotal,\n\t\t\t\t\t\tfilename\n\t\t\t\t  );\n\n\t\tcreateNotice( 'info', content, {\n\t\t\tid: NOTICE_ID,\n\t\t\ttype: 'snackbar',\n\t\t\tisDismissible: false,\n\t\t\texplicitDismiss: true,\n\t\t\tspeak: false,\n\t\t\ticon: UPLOAD_SPINNER,\n\t\t\tonDismiss: () => {\n\t\t\t\tdismissedRef.current = true;\n\t\t\t},\n\t\t} );\n\t}, [ remaining, peak, csmOriginals, tracker, createNotice, removeNotice ] );\n\n\treturn null;\n}\n"],
+  "mappings": "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",
+  "names": ["WCIcon", "uploadStore", "noticesStore"]
+}

package/build/components/upload-progress-snackbar/tracker.cjs

@@ -0,0 +1,90 @@
+"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/upload-progress-snackbar/tracker.js
+var tracker_exports = {};
+__export(tracker_exports, {
+  addFiles: () => addFiles,
+  advance: () => advance,
+  getState: () => getState,
+  reset: () => reset,
+  useTracker: () => useTracker
+});
+module.exports = __toCommonJS(tracker_exports);
+var import_element = require("@wordpress/element");
+var state = null;
+var listeners = /* @__PURE__ */ new Set();
+function notify() {
+  listeners.forEach((listener) => listener());
+}
+function addFiles(filenames) {
+  if (!filenames.length) {
+    return;
+  }
+  if (!state) {
+    state = { total: 0, completed: 0, pending: [] };
+  }
+  state = {
+    total: state.total + filenames.length,
+    completed: state.completed,
+    pending: [...state.pending, ...filenames]
+  };
+  notify();
+}
+function advance(count) {
+  if (!state || count <= 0) {
+    return;
+  }
+  const completed = Math.min(state.total, state.completed + count);
+  const pending = state.pending.slice(count);
+  if (completed >= state.total) {
+    state = null;
+  } else {
+    state = { total: state.total, completed, pending };
+  }
+  notify();
+}
+function reset() {
+  if (state === null) {
+    return;
+  }
+  state = null;
+  notify();
+}
+function getState() {
+  return state;
+}
+function subscribe(listener) {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+function useTracker() {
+  return (0, import_element.useSyncExternalStore)(subscribe, getState, getState);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addFiles,
+  advance,
+  getState,
+  reset,
+  useTracker
+});
+//# sourceMappingURL=tracker.cjs.map

package/build/components/upload-progress-snackbar/tracker.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/upload-progress-snackbar/tracker.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSyncExternalStore } from '@wordpress/element';\n\n/**\n * A minimal in-memory tracker for in-flight media uploads that happen outside\n * the `@wordpress/upload-media` store (i.e. the traditional / non-CSM upload\n * path). The editor's `mediaUpload` wrapper writes to it; the\n * `UploadProgressSnackbar` reads from it.\n *\n * State shape: { total, completed, pending: string[] }\n * - `total`: total files registered in the current session.\n * - `completed`: files that have finished (succeeded OR errored).\n * - `pending`: remaining filenames in submission order.\n *\n * The tracker holds at most one \"session\" at a time \u2014 if a new batch starts\n * while one is in progress, its files are appended to the existing session.\n */\n\nlet state = null;\nconst listeners = new Set();\n\nfunction notify() {\n\tlisteners.forEach( ( listener ) => listener() );\n}\n\n/**\n * Registers a new batch of files that have started uploading.\n *\n * @param {string[]} filenames Filenames in submission order.\n */\nexport function addFiles( filenames ) {\n\tif ( ! filenames.length ) {\n\t\treturn;\n\t}\n\tif ( ! state ) {\n\t\tstate = { total: 0, completed: 0, pending: [] };\n\t}\n\tstate = {\n\t\ttotal: state.total + filenames.length,\n\t\tcompleted: state.completed,\n\t\tpending: [ ...state.pending, ...filenames ],\n\t};\n\tnotify();\n}\n\n/**\n * Advances the tracker by a number of finished files (success or error).\n *\n * @param {number} count Number of files that finished since the last call.\n */\nexport function advance( count ) {\n\tif ( ! state || count <= 0 ) {\n\t\treturn;\n\t}\n\tconst completed = Math.min( state.total, state.completed + count );\n\tconst pending = state.pending.slice( count );\n\tif ( completed >= state.total ) {\n\t\tstate = null;\n\t} else {\n\t\tstate = { total: state.total, completed, pending };\n\t}\n\tnotify();\n}\n\n/**\n * Resets the tracker to its empty state.\n *\n * Test-only helper: `state` is a module-level singleton, so tests call this in\n * `beforeEach` to isolate cases from one another. Not used in production -\n * `advance` clears the state on its own once every file in a batch finishes.\n */\nexport function reset() {\n\tif ( state === null ) {\n\t\treturn;\n\t}\n\tstate = null;\n\tnotify();\n}\n\n/**\n * Returns the current tracker state, or `null` when idle.\n *\n * @return {?{total: number, completed: number, pending: string[]}} Tracker state.\n */\nexport function getState() {\n\treturn state;\n}\n\nfunction subscribe( listener ) {\n\tlisteners.add( listener );\n\treturn () => {\n\t\tlisteners.delete( listener );\n\t};\n}\n\n/**\n * React hook that subscribes to the tracker.\n *\n * @return {?{total: number, completed: number, pending: string[]}} Tracker state.\n */\nexport function useTracker() {\n\treturn useSyncExternalStore( subscribe, getState, getState );\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAqC;AAiBrC,IAAI,QAAQ;AACZ,IAAM,YAAY,oBAAI,IAAI;AAE1B,SAAS,SAAS;AACjB,YAAU,QAAS,CAAE,aAAc,SAAS,CAAE;AAC/C;AAOO,SAAS,SAAU,WAAY;AACrC,MAAK,CAAE,UAAU,QAAS;AACzB;AAAA,EACD;AACA,MAAK,CAAE,OAAQ;AACd,YAAQ,EAAE,OAAO,GAAG,WAAW,GAAG,SAAS,CAAC,EAAE;AAAA,EAC/C;AACA,UAAQ;AAAA,IACP,OAAO,MAAM,QAAQ,UAAU;AAAA,IAC/B,WAAW,MAAM;AAAA,IACjB,SAAS,CAAE,GAAG,MAAM,SAAS,GAAG,SAAU;AAAA,EAC3C;AACA,SAAO;AACR;AAOO,SAAS,QAAS,OAAQ;AAChC,MAAK,CAAE,SAAS,SAAS,GAAI;AAC5B;AAAA,EACD;AACA,QAAM,YAAY,KAAK,IAAK,MAAM,OAAO,MAAM,YAAY,KAAM;AACjE,QAAM,UAAU,MAAM,QAAQ,MAAO,KAAM;AAC3C,MAAK,aAAa,MAAM,OAAQ;AAC/B,YAAQ;AAAA,EACT,OAAO;AACN,YAAQ,EAAE,OAAO,MAAM,OAAO,WAAW,QAAQ;AAAA,EAClD;AACA,SAAO;AACR;AASO,SAAS,QAAQ;AACvB,MAAK,UAAU,MAAO;AACrB;AAAA,EACD;AACA,UAAQ;AACR,SAAO;AACR;AAOO,SAAS,WAAW;AAC1B,SAAO;AACR;AAEA,SAAS,UAAW,UAAW;AAC9B,YAAU,IAAK,QAAS;AACxB,SAAO,MAAM;AACZ,cAAU,OAAQ,QAAS;AAAA,EAC5B;AACD;AAOO,SAAS,aAAa;AAC5B,aAAO,qCAAsB,WAAW,UAAU,QAAS;AAC5D;",
+  "names": []
+}

package/build/private-apis.cjs

@@ -53,6 +53,7 @@ var import_global_styles = __toESM(require("./components/global-styles/index.cjs
 var import_style_book = require("./components/style-book/index.cjs");
 var import_hooks = require("./components/global-styles/hooks.cjs");
 var import_menu = require("./components/global-styles/menu.cjs");
+var import_upload_progress_snackbar = __toESM(require("./components/upload-progress-snackbar/index.cjs"));
 var { store: interfaceStore, ...remainingInterfaceApis } = interfaceApis;
 var privateApis = {};
 (0, import_lock_unlock.lock)(privateApis, {
@@ -70,6 +71,7 @@ var privateApis = {};
   ToolsMoreMenuGroup: import_tools_more_menu_group.default,
   ViewMoreMenuGroup: import_view_more_menu_group.default,
   ResizableEditor: import_resizable_editor.default,
+  UploadProgressSnackbar: import_upload_progress_snackbar.default,
   registerCoreBlockBindingsSources: import_api.registerCoreBlockBindingsSources,
   getTemplateInfo: import_get_template_info.getTemplateInfo,
   // Global Styles

package/build/private-apis.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/private-apis.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tCreateTemplatePartModal,\n\tpatternTitleField,\n\ttemplateTitleField,\n} from '@wordpress/fields';\nimport * as interfaceApis from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport { lock } from './lock-unlock';\nimport { EntitiesSavedStatesExtensible } from './components/entities-saved-states';\nimport BackButton from './components/header/back-button';\nimport Editor from './components/editor';\nimport PluginPostExcerpt from './components/post-excerpt/plugin';\nimport PostCardPanel from './components/post-card-panel';\nimport PreferencesModal from './components/preferences-modal';\nimport { usePostActions } from './components/post-actions/actions';\nimport usePostFields from './components/post-fields';\nimport ToolsMoreMenuGroup from './components/more-menu/tools-more-menu-group';\nimport ViewMoreMenuGroup from './components/more-menu/view-more-menu-group';\nimport ResizableEditor from './components/resizable-editor';\nimport { registerCoreBlockBindingsSources } from './bindings/api';\nimport { getTemplateInfo } from './utils/get-template-info';\nimport GlobalStylesUIWrapper from './components/global-styles';\nimport { StyleBookPreview } from './components/style-book';\nimport { useGlobalStyles, useStyle } from './components/global-styles/hooks';\nimport { GlobalStylesActionMenu } from './components/global-styles/menu';\n\nconst { store: interfaceStore, ...remainingInterfaceApis } = interfaceApis;\n\nexport const privateApis = {};\nlock( privateApis, {\n\tCreateTemplatePartModal,\n\tpatternTitleField,\n\ttemplateTitleField,\n\tBackButton,\n\tEntitiesSavedStatesExtensible,\n\tEditor,\n\tPluginPostExcerpt,\n\tPostCardPanel,\n\tPreferencesModal,\n\tusePostActions,\n\tusePostFields,\n\tToolsMoreMenuGroup,\n\tViewMoreMenuGroup,\n\tResizableEditor,\n\tregisterCoreBlockBindingsSources,\n\tgetTemplateInfo,\n\t// Global Styles\n\tGlobalStylesUIWrapper,\n\tGlobalStylesActionMenu,\n\tStyleBookPreview,\n\tuseGlobalStyles,\n\tuseStyle,\n\t// This is a temporary private API while we're updating the site editor to use EditorProvider.\n\tinterfaceStore,\n\t...remainingInterfaceApis,\n} );\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,oBAIO;AACP,oBAA+B;AAK/B,yBAAqB;AACrB,mCAA8C;AAC9C,yBAAuB;AACvB,oBAAmB;AACnB,oBAA8B;AAC9B,6BAA0B;AAC1B,+BAA6B;AAC7B,qBAA+B;AAC/B,yBAA0B;AAC1B,mCAA+B;AAC/B,kCAA8B;AAC9B,8BAA4B;AAC5B,iBAAiD;AACjD,+BAAgC;AAChC,2BAAkC;AAClC,wBAAiC;AACjC,mBAA0C;AAC1C,kBAAuC;AAEvC,IAAM,EAAE,OAAO,gBAAgB,GAAG,uBAAuB,IAAI;AAEtD,IAAM,cAAc,CAAC;AAAA,IAC5B,yBAAM,aAAa;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,+BAAAA;AAAA,EACA;AAAA,EACA,sBAAAC;AAAA,EACA,iCAAAC;AAAA,EACA,sCAAAC;AAAA,EACA,2CAAAC;AAAA,EACA;AAAA,EACA,kCAAAC;AAAA,EACA,iDAAAC;AAAA,EACA,+CAAAC;AAAA,EACA,yCAAAC;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA,4CAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA,GAAG;AACJ,CAAE;",
-  "names": ["BackButton", "Editor", "PluginPostExcerpt", "PostCardPanel", "PreferencesModal", "usePostFields", "ToolsMoreMenuGroup", "ViewMoreMenuGroup", "ResizableEditor", "GlobalStylesUIWrapper"]
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tCreateTemplatePartModal,\n\tpatternTitleField,\n\ttemplateTitleField,\n} from '@wordpress/fields';\nimport * as interfaceApis from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport { lock } from './lock-unlock';\nimport { EntitiesSavedStatesExtensible } from './components/entities-saved-states';\nimport BackButton from './components/header/back-button';\nimport Editor from './components/editor';\nimport PluginPostExcerpt from './components/post-excerpt/plugin';\nimport PostCardPanel from './components/post-card-panel';\nimport PreferencesModal from './components/preferences-modal';\nimport { usePostActions } from './components/post-actions/actions';\nimport usePostFields from './components/post-fields';\nimport ToolsMoreMenuGroup from './components/more-menu/tools-more-menu-group';\nimport ViewMoreMenuGroup from './components/more-menu/view-more-menu-group';\nimport ResizableEditor from './components/resizable-editor';\nimport { registerCoreBlockBindingsSources } from './bindings/api';\nimport { getTemplateInfo } from './utils/get-template-info';\nimport GlobalStylesUIWrapper from './components/global-styles';\nimport { StyleBookPreview } from './components/style-book';\nimport { useGlobalStyles, useStyle } from './components/global-styles/hooks';\nimport { GlobalStylesActionMenu } from './components/global-styles/menu';\nimport UploadProgressSnackbar from './components/upload-progress-snackbar';\n\nconst { store: interfaceStore, ...remainingInterfaceApis } = interfaceApis;\n\nexport const privateApis = {};\nlock( privateApis, {\n\tCreateTemplatePartModal,\n\tpatternTitleField,\n\ttemplateTitleField,\n\tBackButton,\n\tEntitiesSavedStatesExtensible,\n\tEditor,\n\tPluginPostExcerpt,\n\tPostCardPanel,\n\tPreferencesModal,\n\tusePostActions,\n\tusePostFields,\n\tToolsMoreMenuGroup,\n\tViewMoreMenuGroup,\n\tResizableEditor,\n\tUploadProgressSnackbar,\n\tregisterCoreBlockBindingsSources,\n\tgetTemplateInfo,\n\t// Global Styles\n\tGlobalStylesUIWrapper,\n\tGlobalStylesActionMenu,\n\tStyleBookPreview,\n\tuseGlobalStyles,\n\tuseStyle,\n\t// This is a temporary private API while we're updating the site editor to use EditorProvider.\n\tinterfaceStore,\n\t...remainingInterfaceApis,\n} );\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,oBAIO;AACP,oBAA+B;AAK/B,yBAAqB;AACrB,mCAA8C;AAC9C,yBAAuB;AACvB,oBAAmB;AACnB,oBAA8B;AAC9B,6BAA0B;AAC1B,+BAA6B;AAC7B,qBAA+B;AAC/B,yBAA0B;AAC1B,mCAA+B;AAC/B,kCAA8B;AAC9B,8BAA4B;AAC5B,iBAAiD;AACjD,+BAAgC;AAChC,2BAAkC;AAClC,wBAAiC;AACjC,mBAA0C;AAC1C,kBAAuC;AACvC,sCAAmC;AAEnC,IAAM,EAAE,OAAO,gBAAgB,GAAG,uBAAuB,IAAI;AAEtD,IAAM,cAAc,CAAC;AAAA,IAC5B,yBAAM,aAAa;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,+BAAAA;AAAA,EACA;AAAA,EACA,sBAAAC;AAAA,EACA,iCAAAC;AAAA,EACA,sCAAAC;AAAA,EACA,2CAAAC;AAAA,EACA;AAAA,EACA,kCAAAC;AAAA,EACA,iDAAAC;AAAA,EACA,+CAAAC;AAAA,EACA,yCAAAC;AAAA,EACA,wDAAAC;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA,4CAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA,GAAG;AACJ,CAAE;",
+  "names": ["BackButton", "Editor", "PluginPostExcerpt", "PostCardPanel", "PreferencesModal", "usePostFields", "ToolsMoreMenuGroup", "ViewMoreMenuGroup", "ResizableEditor", "UploadProgressSnackbar", "GlobalStylesUIWrapper"]
 }

package/build/store/selectors.cjs

@@ -160,7 +160,6 @@ var import_date = require("@wordpress/date");
 var import_url = require("@wordpress/url");
 var import_data = require("@wordpress/data");
 var import_deprecated = __toESM(require("@wordpress/deprecated"));
-var import_element = require("@wordpress/element");
 var import_block_editor = require("@wordpress/block-editor");
 var import_core_data = require("@wordpress/core-data");
 var import_preferences = require("@wordpress/preferences");
@@ -341,7 +340,7 @@ function isEditedPostSaveable(state) {
   if (isSavingPost(state)) {
     return false;
   }
-  return !!getEditedPostAttribute(state, "title") || !!getEditedPostAttribute(state, "excerpt") || !isEditedPostEmpty(state) || import_element.Platform.OS === "native";
+  return !!getEditedPostAttribute(state, "title") || !!getEditedPostAttribute(state, "excerpt") || !isEditedPostEmpty(state);
 }
 var isEditedPostEmpty = (0, import_data.createRegistrySelector)(
   (select) => (state) => {