enmi-conf.org: comparison wp/wp-includes/js/dist/media-utils.js

Mercurial Mercurial > enmi-conf.org / comparison

summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help

wp/wp-includes/js/dist/media-utils.js

changeset 21	48c4eec2b7e6
parent 19	3d72ae0968f4
child 22	8c2e4d02f4ef

equal deleted inserted replaced

-:7b1b88e27a20
+:48c4eec2b7e6
-/******/ (function() { // webpackBootstrap
+/******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	// The require scope
 /******/ 	var __webpack_require__ = {};
 /******/
 /************************************************************************/
 /******/ 	/* webpack/runtime/compat get default export */
-/******/ 	!function() {
+/******/ 	(() => {
 /******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = function(module) {
+/******/ 		__webpack_require__.n = (module) => {
 /******/ 			var getter = module && module.__esModule ?
-/******/ 				function() { return module['default']; } :
+/******/ 				() => (module['default']) :
-/******/ 				function() { return module; };
+/******/ 				() => (module);
 /******/ 			__webpack_require__.d(getter, { a: getter });
 /******/ 			return getter;
 /******/ 		};
-/******/ 	}();
+/******/ 	})();
 /******/
 /******/ 	/* webpack/runtime/define property getters */
-/******/ 	!function() {
+/******/ 	(() => {
 /******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = function(exports, definition) {
+/******/ 		__webpack_require__.d = (exports, definition) => {
 /******/ 			for(var key in definition) {
 /******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
 /******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
 /******/ 				}
 /******/ 			}
 /******/ 		};
-/******/ 	}();
+/******/ 	})();
 /******/
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	!function() {
+/******/ 	(() => {
-/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	}();
+/******/ 	})();
 /******/
 /******/ 	/* webpack/runtime/make namespace object */
-/******/ 	!function() {
+/******/ 	(() => {
 /******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = function(exports) {
+/******/ 		__webpack_require__.r = (exports) => {
 /******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
 /******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 /******/ 			}
 /******/ 			Object.defineProperty(exports, '__esModule', { value: true });
 /******/ 		};
-/******/ 	}();
+/******/ 	})();
 /******/
 /************************************************************************/
 var __webpack_exports__ = {};
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-"MediaUpload": function() { return /* reexport */ media_upload; },
+MediaUpload: () => (/* reexport */ media_upload),
-"uploadMedia": function() { return /* reexport */ uploadMedia; }
+uploadMedia: () => (/* reexport */ uploadMedia)
 });
-;// CONCATENATED MODULE: external "lodash"
-var external_lodash_namespaceObject = window["lodash"];
 ;// CONCATENATED MODULE: external ["wp","element"]
-var external_wp_element_namespaceObject = window["wp"]["element"];
+const external_wp_element_namespaceObject = window["wp"]["element"];
 ;// CONCATENATED MODULE: external ["wp","i18n"]
-var external_wp_i18n_namespaceObject = window["wp"]["i18n"];
+const external_wp_i18n_namespaceObject = window["wp"]["i18n"];
 ;// CONCATENATED MODULE: ./node_modules/@wordpress/media-utils/build-module/components/media-upload/index.js
-/**
-* External dependencies
-*/
 /**
 * WordPress dependencies
 */
-const {
-wp
-} = window;
 const DEFAULT_EMPTY_GALLERY = [];
 /**
 * Prepares the Featured Image toolbars and frames.
 *
-* @return {wp.media.view.MediaFrame.Select} The default media workflow.
+* @return {window.wp.media.view.MediaFrame.Select} The default media workflow.
 */
 const getFeaturedImageMediaFrame = () => {
+const {
+wp
+} = window;
 return wp.media.view.MediaFrame.Select.extend({
 /**
 * Enables the Set Featured Image Button.
 *
 * @param {Object} toolbar toolbar for featured image state
 this.createSelectToolbar(toolbar, {
 text: wp.media.view.l10n.setFeaturedImage,
 state: this.options.state
 });
 },
 /**
 * Handle the edit state requirements of selected media item.
 *
 * @return {void}
 */
 editState() {
 const selection = this.state('featured-image').get('selection');
 const view = new wp.media.view.EditImage({
 model: selection.single(),
 controller: this
-}).render(); // Set the view to the EditImage frame using the selected image.
+}).render();
-this.content.set(view); // After bringing in the frame, load the actual editor via an ajax call.
+// Set the view to the EditImage frame using the selected image.
+this.content.set(view);
+// After bringing in the frame, load the actual editor via an ajax call.
 view.loadEditor();
 },
 /**
 * Create the default states.
 *
 * @return {void}
 */
 model: this.options.editImage
 })]);
 }
 });
 };
 /**
 * Prepares the Gallery toolbars and frames.
 *
-* @return {wp.media.view.MediaFrame.Post} The default media workflow.
+* @return {window.wp.media.view.MediaFrame.Post} The default media workflow.
 */
 const getGalleryDetailsMediaFrame = () => {
+const {
+wp
+} = window;
 /**
 * Custom gallery details frame.
 *
 * @see https://github.com/xwp/wp-core-media-widgets/blob/905edbccfc2a623b73a93dac803c5335519d7837/wp-admin/js/widgets/media-gallery-widget.js
 * @class GalleryDetailsMediaFrame
 text: editing ? wp.media.view.l10n.updateGallery : wp.media.view.l10n.insertGallery,
 priority: 80,
 requires: {
 library: true
 },
 /**
 * @fires wp.media.controller.State#update
 */
 click() {
 const controller = this.controller,
 state = controller.state();
 controller.close();
-state.trigger('update', state.get('library')); // Restore and reset the default state.
+state.trigger('update', state.get('library'));
+// Restore and reset the default state.
 controller.setState(controller.options.state);
 controller.reset();
 }
 }
 }
 }));
 },
 /**
 * Handle the edit state requirements of selected media item.
 *
 * @return {void}
 */
 editState() {
 const selection = this.state('gallery').get('selection');
 const view = new wp.media.view.EditImage({
 model: selection.single(),
 controller: this
-}).render(); // Set the view to the EditImage frame using the selected image.
+}).render();
-this.content.set(view); // After bringing in the frame, load the actual editor via an ajax call.
+// Set the view to the EditImage frame using the selected image.
+this.content.set(view);
+// After bringing in the frame, load the actual editor via an ajax call.
 view.loadEditor();
 },
 /**
 * Create the default states.
 *
 * @return {void}
 */
 priority: 40,
 toolbar: 'main-gallery',
 filterable: 'uploaded',
 multiple: 'add',
 editable: false,
-library: wp.media.query((0,external_lodash_namespaceObject.defaults)({
+library: wp.media.query({
-type: 'image'
+type: 'image',
-}, this.options.library))
+...this.options.library
+})
 }), new wp.media.controller.EditImage({
 model: this.options.editImage
 }), new wp.media.controller.GalleryEdit({
 library: this.options.selection,
 editing: this.options.editing,
 displaySettings: false,
 multiple: true
 }), new wp.media.controller.GalleryAdd()]);
 }
 });
-}; // The media library image object contains numerous attributes
+};
+// The media library image object contains numerous attributes
 // we only need this set to display the image in the library.
 const slimImageObject = img => {
 const attrSet = ['sizes', 'mime', 'type', 'subtype', 'id', 'url', 'alt', 'link', 'caption'];
-return (0,external_lodash_namespaceObject.pick)(img, attrSet);
+return attrSet.reduce((result, key) => {
+if (img?.hasOwnProperty(key)) {
+result[key] = img[key];
+}
+return result;
+}, {});
 };
 const getAttachmentsCollection = ids => {
+const {
+wp
+} = window;
 return wp.media.query({
 order: 'ASC',
 orderby: 'post__in',
 post__in: ids,
 posts_per_page: -1,
 query: true,
 type: 'image'
 });
 };
 class MediaUpload extends external_wp_element_namespaceObject.Component {
-constructor(_ref) {
+constructor() {
-let {
-allowedTypes,
-gallery = false,
-unstableFeaturedImageFlow = false,
-modalClass,
-multiple = false,
-title = (0,external_wp_i18n_namespaceObject.__)('Select or Upload Media')
-} = _ref;
 super(...arguments);
 this.openModal = this.openModal.bind(this);
 this.onOpen = this.onOpen.bind(this);
 this.onSelect = this.onSelect.bind(this);
 this.onUpdate = this.onUpdate.bind(this);
 this.onClose = this.onClose.bind(this);
+}
-if (gallery) {
-this.buildAndSetGalleryFrame();
-} else {
-const frameConfig = {
-title,
-multiple
-};
-if (!!allowedTypes) {
-frameConfig.library = {
-type: allowedTypes
-};
-}
-this.frame = wp.media(frameConfig);
-}
-if (modalClass) {
-this.frame.$el.addClass(modalClass);
-}
-if (unstableFeaturedImageFlow) {
-this.buildAndSetFeatureImageFrame();
-}
-this.initializeListeners();
-}
 initializeListeners() {
 // When an image is selected in the media frame...
 this.frame.on('select', this.onSelect);
 this.frame.on('update', this.onUpdate);
 this.frame.on('open', this.onOpen);
 this.frame.on('close', this.onClose);
 }
 /**
 * Sets the Gallery frame and initializes listeners.
 *
 * @return {void}
 */
 buildAndSetGalleryFrame() {
 const {
 addToGallery = false,
 allowedTypes,
 multiple = false,
 value = DEFAULT_EMPTY_GALLERY
-} = this.props; // If the value did not changed there is no need to rebuild the frame,
+} = this.props;
+// If the value did not changed there is no need to rebuild the frame,
 // we can continue to use the existing one.
 if (value === this.lastGalleryValue) {
 return;
 }
+const {
-this.lastGalleryValue = value; // If a frame already existed remove it.
+wp
+} = window;
+this.lastGalleryValue = value;
+// If a frame already existed remove it.
 if (this.frame) {
 this.frame.remove();
 }
 let currentState;
 if (addToGallery) {
 currentState = 'gallery-library';
 } else {
 currentState = value && value.length ? 'gallery-edit' : 'gallery';
 }
 if (!this.GalleryDetailsMediaFrame) {
 this.GalleryDetailsMediaFrame = getGalleryDetailsMediaFrame();
 }
 const attachments = getAttachmentsCollection(value);
 const selection = new wp.media.model.Selection(attachments.models, {
 props: attachments.props.toJSON(),
 multiple
 });
 editing: value && value.length ? true : false
 });
 wp.media.frame = this.frame;
 this.initializeListeners();
 }
 /**
 * Initializes the Media Library requirements for the featured image flow.
 *
 * @return {void}
 */
 buildAndSetFeatureImageFrame() {
+const {
+wp
+} = window;
+const {
+value: featuredImageId,
+multiple,
+allowedTypes
+} = this.props;
 const featuredImageFrame = getFeaturedImageMediaFrame();
-const attachments = getAttachmentsCollection(this.props.value);
+const attachments = getAttachmentsCollection(featuredImageId);
 const selection = new wp.media.model.Selection(attachments.models, {
 props: attachments.props.toJSON()
 });
 this.frame = new featuredImageFrame({
-mimeType: this.props.allowedTypes,
+mimeType: allowedTypes,
 state: 'featured-image',
-multiple: this.props.multiple,
+multiple,
 selection,
-editing: this.props.value ? true : false
+editing: featuredImageId
 });
 wp.media.frame = this.frame;
-}
+// In order to select the current featured image when opening
+// the media library we have to set the appropriate settings.
+// Currently they are set in php for the post editor, but
+// not for site editor.
+wp.media.view.settings.post = {
+...wp.media.view.settings.post,
+featuredImageId: featuredImageId || -1
+};
+}
 componentWillUnmount() {
-this.frame.remove();
+this.frame?.remove();
 }
 onUpdate(selections) {
 const {
 onSelect,
 multiple = false
 } = this.props;
 const state = this.frame.state();
 const selectedImages = selections || state.get('selection');
 if (!selectedImages || !selectedImages.models.length) {
 return;
 }
 if (multiple) {
 onSelect(selectedImages.models.map(model => slimImageObject(model.toJSON())));
 } else {
 onSelect(slimImageObject(selectedImages.models[0].toJSON()));
 }
 }
 onSelect() {
 const {
 onSelect,
 multiple = false
-} = this.props; // Get media attachment details from the frame state.
+} = this.props;
+// Get media attachment details from the frame state.
 const attachment = this.frame.state().get('selection').toJSON();
 onSelect(multiple ? attachment : attachment[0]);
 }
 onOpen() {
-var _this$props$value;
+const {
+wp
-this.updateCollection(); // Handle both this.props.value being either (number[]) multiple ids
+} = window;
+const {
+value
+} = this.props;
+this.updateCollection();
+//Handle active tab in media model on model open.
+if (this.props.mode) {
+this.frame.content.mode(this.props.mode);
+}
+// Handle both this.props.value being either (number[]) multiple ids
 // (for galleries) or a (number) singular id (e.g. image block).
+const hasMedia = Array.isArray(value) ? !!value?.length : !!value;
-const hasMedia = Array.isArray(this.props.value) ? !!((_this$props$value = this.props.value) !== null && _this$props$value !== void 0 && _this$props$value.length) : !!this.props.value;
 if (!hasMedia) {
 return;
 }
 const isGallery = this.props.gallery;
 const selection = this.frame.state().get('selection');
+const valueArray = Array.isArray(value) ? value : [value];
 if (!isGallery) {
-(0,external_lodash_namespaceObject.castArray)(this.props.value).forEach(id => {
+valueArray.forEach(id => {
 selection.add(wp.media.attachment(id));
 });
-} // Load the images so they are available in the media modal.
+}
+// Load the images so they are available in the media modal.
-const attachments = getAttachmentsCollection((0,external_lodash_namespaceObject.castArray)(this.props.value)); // Once attachments are loaded, set the current selection.
+const attachments = getAttachmentsCollection(valueArray);
+// Once attachments are loaded, set the current selection.
 attachments.more().done(function () {
-var _attachments$models;
+if (isGallery && attachments?.models?.length) {
-if (isGallery && attachments !== null && attachments !== void 0 && (_attachments$models = attachments.models) !== null && _attachments$models !== void 0 && _attachments$models.length) {
 selection.add(attachments.models);
 }
 });
 }
 onClose() {
 const {
 onClose
 } = this.props;
 if (onClose) {
 onClose();
 }
 }
 updateCollection() {
 const frameContent = this.frame.content.get();
 if (frameContent && frameContent.collection) {
-const collection = frameContent.collection; // Clean all attachments we have in memory.
+const collection = frameContent.collection;
-collection.toArray().forEach(model => model.trigger('destroy', model)); // Reset has more flag, if library had small amount of items all items may have been loaded before.
+// Clean all attachments we have in memory.
+collection.toArray().forEach(model => model.trigger('destroy', model));
-collection.mirroring._hasMore = true; // Request items.
+// Reset has more flag, if library had small amount of items all items may have been loaded before.
+collection.mirroring._hasMore = true;
+// Request items.
 collection.more();
 }
 }
 openModal() {
-if (this.props.gallery) {
+const {
+allowedTypes,
+gallery = false,
+unstableFeaturedImageFlow = false,
+modalClass,
+multiple = false,
+title = (0,external_wp_i18n_namespaceObject.__)('Select or Upload Media')
+} = this.props;
+const {
+wp
+} = window;
+if (gallery) {
 this.buildAndSetGalleryFrame();
-}
+} else {
+const frameConfig = {
+title,
+multiple
+};
+if (!!allowedTypes) {
+frameConfig.library = {
+type: allowedTypes
+};
+}
+this.frame = wp.media(frameConfig);
+}
+if (modalClass) {
+this.frame.$el.addClass(modalClass);
+}
+if (unstableFeaturedImageFlow) {
+this.buildAndSetFeatureImageFrame();
+}
+this.initializeListeners();
 this.frame.open();
 }
 render() {
 return this.props.render({
 open: this.openModal
 });
 }
 }
+/* harmony default export */ const media_upload = (MediaUpload);
-/* harmony default export */ var media_upload = (MediaUpload);
 ;// CONCATENATED MODULE: ./node_modules/@wordpress/media-utils/build-module/components/index.js
 ;// CONCATENATED MODULE: external ["wp","apiFetch"]
-var external_wp_apiFetch_namespaceObject = window["wp"]["apiFetch"];
+const external_wp_apiFetch_namespaceObject = window["wp"]["apiFetch"];
 var external_wp_apiFetch_default = /*#__PURE__*/__webpack_require__.n(external_wp_apiFetch_namespaceObject);
 ;// CONCATENATED MODULE: external ["wp","blob"]
-var external_wp_blob_namespaceObject = window["wp"]["blob"];
+const external_wp_blob_namespaceObject = window["wp"]["blob"];
 ;// CONCATENATED MODULE: ./node_modules/@wordpress/media-utils/build-module/utils/upload-media.js
-/**
-* External dependencies
-*/
 /**
 * WordPress dependencies
 */
+const noop = () => {};
 /**
 * Browsers may use unexpected mime types, and they differ from browser to browser.
 * This function computes a flexible array of mime types from the mime type structured provided by the server.
 * Converts { jpg|jpeg|jpe: "image/jpeg" } into [ "image/jpeg", "image/jpg", "image/jpeg", "image/jpe" ]
 * @param {?Object} wpMimeTypesObject Mime type object received from the server.
 *                                    Extensions are keys separated by '|' and values are mime types associated with an extension.
 *
 * @return {?Array} An array of mime types or the parameter passed if it was "falsy".
 */
 function getMimeTypesArray(wpMimeTypesObject) {
 if (!wpMimeTypesObject) {
 return wpMimeTypesObject;
 }
+return Object.entries(wpMimeTypesObject).map(([extensionsString, mime]) => {
-return (0,external_lodash_namespaceObject.flatMap)(wpMimeTypesObject, (mime, extensionsString) => {
 const [type] = mime.split('/');
 const extensions = extensionsString.split('|');
-return [mime, ...(0,external_lodash_namespaceObject.map)(extensions, extension => `${type}/${extension}`)];
+return [mime, ...extensions.map(extension => `${type}/${extension}`)];
-});
+}).flat();
 }
 /**
 *	Media Upload is used by audio, image, gallery, video, and file blocks to
 *	handle uploading a media file when a file upload button is activated.
 *
 *	TODO: future enhancement to add an upload indicator.
 * @param {?number}  $0.maxUploadFileSize  Maximum upload size in bytes allowed for the site.
 * @param {Function} $0.onError            Function called when an error happens.
 * @param {Function} $0.onFileChange       Function called each time a file or a temporary representation of the file is available.
 * @param {?Object}  $0.wpAllowedMimeTypes List of allowed mime types and file extensions.
 */
+async function uploadMedia({
-async function uploadMedia(_ref) {
+allowedTypes,
-let {
+additionalData = {},
-allowedTypes,
+filesList,
-additionalData = {},
+maxUploadFileSize,
-filesList,
+onError = noop,
-maxUploadFileSize,
+onFileChange,
-onError = external_lodash_namespaceObject.noop,
+wpAllowedMimeTypes = null
-onFileChange,
+}) {
-wpAllowedMimeTypes = null
-} = _ref;
 // Cast filesList to array.
 const files = [...filesList];
 const filesSet = [];
 const setAndUpdateFiles = (idx, value) => {
-(0,external_wp_blob_namespaceObject.revokeBlobURL)((0,external_lodash_namespaceObject.get)(filesSet, [idx, 'url']));
+(0,external_wp_blob_namespaceObject.revokeBlobURL)(filesSet[idx]?.url);
 filesSet[idx] = value;
-onFileChange((0,external_lodash_namespaceObject.compact)(filesSet));
+onFileChange(filesSet.filter(Boolean));
-}; // Allowed type specified by consumer.
+};
+// Allowed type specified by consumer.
 const isAllowedType = fileType => {
 if (!allowedTypes) {
 return true;
 }
+return allowedTypes.some(allowedType => {
-return (0,external_lodash_namespaceObject.some)(allowedTypes, allowedType => {
 // If a complete mimetype is specified verify if it matches exactly the mime type of the file.
-if ((0,external_lodash_namespaceObject.includes)(allowedType, '/')) {
+if (allowedType.includes('/')) {
 return allowedType === fileType;
-} // Otherwise a general mime type is used and we should verify if the file mimetype starts with it.
+}
+// Otherwise a general mime type is used and we should verify if the file mimetype starts with it.
+return fileType.startsWith(`${allowedType}/`);
-return (0,external_lodash_namespaceObject.startsWith)(fileType, `${allowedType}/`);
 });
-}; // Allowed types for the current WP_User.
+};
+// Allowed types for the current WP_User.
 const allowedMimeTypesForUser = getMimeTypesArray(wpAllowedMimeTypes);
 const isAllowedMimeTypeForUser = fileType => {
-return (0,external_lodash_namespaceObject.includes)(allowedMimeTypesForUser, fileType);
+return allowedMimeTypesForUser.includes(fileType);
-}; // Build the error message including the filename.
-const triggerError = error => {
-error.message = [(0,external_wp_element_namespaceObject.createElement)("strong", {
-key: "filename"
-}, error.file.name), ': ', error.message];
-onError(error);
 };
 const validFiles = [];
 for (const mediaFile of files) {
 // Verify if user is allowed to upload this mime type.
 // Defer to the server when type not detected.
 if (allowedMimeTypesForUser && mediaFile.type && !isAllowedMimeTypeForUser(mediaFile.type)) {
-triggerError({
+onError({
 code: 'MIME_TYPE_NOT_ALLOWED_FOR_USER',
-message: (0,external_wp_i18n_namespaceObject.__)('Sorry, you are not allowed to upload this file type.'),
+message: (0,external_wp_i18n_namespaceObject.sprintf)(
+// translators: %s: file name.
+(0,external_wp_i18n_namespaceObject.__)('%s: Sorry, you are not allowed to upload this file type.'), mediaFile.name),
 file: mediaFile
 });
 continue;
-} // Check if the block supports this mime type.
+}
+// Check if the block supports this mime type.
 // Defer to the server when type not detected.
 if (mediaFile.type && !isAllowedType(mediaFile.type)) {
-triggerError({
+onError({
 code: 'MIME_TYPE_NOT_SUPPORTED',
-message: (0,external_wp_i18n_namespaceObject.__)('Sorry, this file type is not supported here.'),
+message: (0,external_wp_i18n_namespaceObject.sprintf)(
+// translators: %s: file name.
+(0,external_wp_i18n_namespaceObject.__)('%s: Sorry, this file type is not supported here.'), mediaFile.name),
 file: mediaFile
 });
 continue;
-} // Verify if file is greater than the maximum file upload size allowed for the site.
+}
+// Verify if file is greater than the maximum file upload size allowed for the site.
 if (maxUploadFileSize && mediaFile.size > maxUploadFileSize) {
-triggerError({
+onError({
 code: 'SIZE_ABOVE_LIMIT',
-message: (0,external_wp_i18n_namespaceObject.__)('This file exceeds the maximum upload size for this site.'),
+message: (0,external_wp_i18n_namespaceObject.sprintf)(
+// translators: %s: file name.
+(0,external_wp_i18n_namespaceObject.__)('%s: This file exceeds the maximum upload size for this site.'), mediaFile.name),
 file: mediaFile
 });
 continue;
-} // Don't allow empty files to be uploaded.
+}
+// Don't allow empty files to be uploaded.
 if (mediaFile.size <= 0) {
-triggerError({
+onError({
 code: 'EMPTY_FILE',
-message: (0,external_wp_i18n_namespaceObject.__)('This file is empty.'),
+message: (0,external_wp_i18n_namespaceObject.sprintf)(
+// translators: %s: file name.
+(0,external_wp_i18n_namespaceObject.__)('%s: This file is empty.'), mediaFile.name),
 file: mediaFile
 });
 continue;
 }
+validFiles.push(mediaFile);
-validFiles.push(mediaFile); // Set temporary URL to create placeholder media file, this is replaced
+// Set temporary URL to create placeholder media file, this is replaced
 // with final file from media gallery when upload is `done` below.
 filesSet.push({
 url: (0,external_wp_blob_namespaceObject.createBlobURL)(mediaFile)
 });
 onFileChange(filesSet);
 }
 for (let idx = 0; idx < validFiles.length; ++idx) {
 const mediaFile = validFiles[idx];
 try {
+var _savedMedia$caption$r;
 const savedMedia = await createMediaFromFile(mediaFile, additionalData);
-const mediaObject = { ...(0,external_lodash_namespaceObject.omit)(savedMedia, ['alt_text', 'source_url']),
+// eslint-disable-next-line camelcase
+const {
+alt_text,
+source_url,
+...savedMediaProps
+} = savedMedia;
+const mediaObject = {
+...savedMediaProps,
 alt: savedMedia.alt_text,
-caption: (0,external_lodash_namespaceObject.get)(savedMedia, ['caption', 'raw'], ''),
+caption: (_savedMedia$caption$r = savedMedia.caption?.raw) !== null && _savedMedia$caption$r !== void 0 ? _savedMedia$caption$r : '',
 title: savedMedia.title.raw,
 url: savedMedia.source_url
 };
 setAndUpdateFiles(idx, mediaObject);
 } catch (error) {
 // Reset to empty on failure.
 setAndUpdateFiles(idx, null);
 let message;
+if (error.message) {
-if ((0,external_lodash_namespaceObject.has)(error, ['message'])) {
+message = error.message;
-message = (0,external_lodash_namespaceObject.get)(error, ['message']);
 } else {
-message = (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: file name
+message = (0,external_wp_i18n_namespaceObject.sprintf)(
+// translators: %s: file name
 (0,external_wp_i18n_namespaceObject.__)('Error while uploading file %s to the media library.'), mediaFile.name);
 }
 onError({
 code: 'GENERAL',
 message,
 file: mediaFile
 });
 }
 }
 }
 /**
 * @param {File}    file           Media File to Save.
 * @param {?Object} additionalData Additional data to include in the request.
 *
 * @return {Promise} Media Object Promise.
 */
 function createMediaFromFile(file, additionalData) {
 // Create upload payload.
 const data = new window.FormData();
 data.append('file', file, file.name || file.type.replace('/', '.'));
-(0,external_lodash_namespaceObject.forEach)(additionalData, (value, key) => data.append(key, value));
+if (additionalData) {
+Object.entries(additionalData).forEach(([key, value]) => data.append(key, value));
+}
 return external_wp_apiFetch_default()({
 path: '/wp/v2/media',
 body: data,
 method: 'POST'
 });

enmi-conf.org