@wordpress/media-utils 4.30.0 → 4.31.1

package/build/utils/upload-media.js

@@ -1,23 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getMimeTypesArray = getMimeTypesArray;
 exports.uploadMedia = uploadMedia;
-
 var _apiFetch = _interopRequireDefault(require("@wordpress/api-fetch"));
-
 var _blob = require("@wordpress/blob");
-
 var _i18n = require("@wordpress/i18n");
-
 /**
  * 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.
@@ -31,19 +28,17 @@ const noop = () => {};
  *
  * @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]) => {
     const [type] = mime.split('/');
     const extensions = extensionsString.split('|');
     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.
@@ -59,8 +54,6 @@ function getMimeTypesArray(wpMimeTypesObject) {
  * @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({
   allowedTypes,
   additionalData = {},
@@ -73,109 +66,105 @@ async function uploadMedia({
   // Cast filesList to array.
   const files = [...filesList];
   const filesSet = [];
-
   const setAndUpdateFiles = (idx, value) => {
     (0, _blob.revokeBlobURL)(filesSet[idx]?.url);
     filesSet[idx] = value;
     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 => {
       // If a complete mimetype is specified verify if it matches exactly the mime type of the file.
       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}/`);
     });
-  }; // Allowed types for the current WP_User.
-
+  };
 
+  // Allowed types for the current WP_User.
   const allowedMimeTypesForUser = getMimeTypesArray(wpAllowedMimeTypes);
-
   const isAllowedMimeTypeForUser = fileType => {
     return allowedMimeTypesForUser.includes(fileType);
   };
-
   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)) {
       onError({
         code: 'MIME_TYPE_NOT_ALLOWED_FOR_USER',
-        message: (0, _i18n.sprintf)( // translators: %s: file name.
+        message: (0, _i18n.sprintf)(
+        // translators: %s: file name.
         (0, _i18n.__)('%s: Sorry, you are not allowed to upload this file type.'), mediaFile.name),
         file: mediaFile
       });
       continue;
-    } // Check if the block supports this mime type.
-    // Defer to the server when type not detected.
-
+    }
 
+    // Check if the block supports this mime type.
+    // Defer to the server when type not detected.
     if (mediaFile.type && !isAllowedType(mediaFile.type)) {
       onError({
         code: 'MIME_TYPE_NOT_SUPPORTED',
-        message: (0, _i18n.sprintf)( // translators: %s: file name.
+        message: (0, _i18n.sprintf)(
+        // translators: %s: file name.
         (0, _i18n.__)('%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) {
       onError({
         code: 'SIZE_ABOVE_LIMIT',
-        message: (0, _i18n.sprintf)( // translators: %s: file name.
+        message: (0, _i18n.sprintf)(
+        // translators: %s: file name.
         (0, _i18n.__)('%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) {
       onError({
         code: 'EMPTY_FILE',
-        message: (0, _i18n.sprintf)( // translators: %s: file name.
+        message: (0, _i18n.sprintf)(
+        // translators: %s: file name.
         (0, _i18n.__)('%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, _blob.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); // eslint-disable-next-line camelcase
-
+      const savedMedia = await createMediaFromFile(mediaFile, additionalData);
+      // eslint-disable-next-line camelcase
       const {
         alt_text,
         source_url,
         ...savedMediaProps
       } = savedMedia;
-      const mediaObject = { ...savedMediaProps,
+      const mediaObject = {
+        ...savedMediaProps,
         alt: savedMedia.alt_text,
         caption: (_savedMedia$caption$r = savedMedia.caption?.raw) !== null && _savedMedia$caption$r !== void 0 ? _savedMedia$caption$r : '',
         title: savedMedia.title.raw,
@@ -186,14 +175,13 @@ async function uploadMedia({
       // Reset to empty on failure.
       setAndUpdateFiles(idx, null);
       let message;
-
       if (error.message) {
         message = error.message;
       } else {
-        message = (0, _i18n.sprintf)( // translators: %s: file name
+        message = (0, _i18n.sprintf)(
+        // translators: %s: file name
         (0, _i18n.__)('Error while uploading file %s to the media library.'), mediaFile.name);
       }
-
       onError({
         code: 'GENERAL',
         message,
@@ -202,23 +190,20 @@ async function uploadMedia({
     }
   }
 }
+
 /**
  * @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('/', '.'));
-
   if (additionalData) {
     Object.entries(additionalData).forEach(([key, value]) => data.append(key, value));
   }
-
   return (0, _apiFetch.default)({
     path: '/wp/v2/media',
     body: data,

package/build/utils/upload-media.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/media-utils/src/utils/upload-media.js"],"names":["noop","getMimeTypesArray","wpMimeTypesObject","Object","entries","map","extensionsString","mime","type","split","extensions","extension","flat","uploadMedia","allowedTypes","additionalData","filesList","maxUploadFileSize","onError","onFileChange","wpAllowedMimeTypes","files","filesSet","setAndUpdateFiles","idx","value","url","filter","Boolean","isAllowedType","fileType","some","allowedType","includes","startsWith","allowedMimeTypesForUser","isAllowedMimeTypeForUser","validFiles","mediaFile","code","message","name","file","size","push","length","savedMedia","createMediaFromFile","alt_text","source_url","savedMediaProps","mediaObject","alt","caption","raw","title","error","data","window","FormData","append","replace","forEach","key","path","body","method"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport apiFetch from '@wordpress/api-fetch';\nimport { createBlobURL, revokeBlobURL } from '@wordpress/blob';\nimport { __, sprintf } from '@wordpress/i18n';\n\nconst noop = () => {};\n\n/**\n * Browsers may use unexpected mime types, and they differ from browser to browser.\n * This function computes a flexible array of mime types from the mime type structured provided by the server.\n * Converts { jpg|jpeg|jpe: \"image/jpeg\" } into [ \"image/jpeg\", \"image/jpg\", \"image/jpeg\", \"image/jpe\" ]\n * The computation of this array instead of directly using the object,\n * solves the problem in chrome where mp3 files have audio/mp3 as mime type instead of audio/mpeg.\n * https://bugs.chromium.org/p/chromium/issues/detail?id=227004\n *\n * @param {?Object} wpMimeTypesObject Mime type object received from the server.\n *                                    Extensions are keys separated by '|' and values are mime types associated with an extension.\n *\n * @return {?Array} An array of mime types or the parameter passed if it was \"falsy\".\n */\nexport function getMimeTypesArray( wpMimeTypesObject ) {\n\tif ( ! wpMimeTypesObject ) {\n\t\treturn wpMimeTypesObject;\n\t}\n\treturn Object.entries( wpMimeTypesObject )\n\t\t.map( ( [ extensionsString, mime ] ) => {\n\t\t\tconst [ type ] = mime.split( '/' );\n\t\t\tconst extensions = extensionsString.split( '|' );\n\t\t\treturn [\n\t\t\t\tmime,\n\t\t\t\t...extensions.map(\n\t\t\t\t\t( extension ) => `${ type }/${ extension }`\n\t\t\t\t),\n\t\t\t];\n\t\t} )\n\t\t.flat();\n}\n\n/**\n *\tMedia Upload is used by audio, image, gallery, video, and file blocks to\n *\thandle uploading a media file when a file upload button is activated.\n *\n *\tTODO: future enhancement to add an upload indicator.\n *\n * @param {Object}   $0                    Parameters object passed to the function.\n * @param {?Array}   $0.allowedTypes       Array with the types of media that can be uploaded, if unset all types are allowed.\n * @param {?Object}  $0.additionalData     Additional data to include in the request.\n * @param {Array}    $0.filesList          List of files.\n * @param {?number}  $0.maxUploadFileSize  Maximum upload size in bytes allowed for the site.\n * @param {Function} $0.onError            Function called when an error happens.\n * @param {Function} $0.onFileChange       Function called each time a file or a temporary representation of the file is available.\n * @param {?Object}  $0.wpAllowedMimeTypes List of allowed mime types and file extensions.\n */\nexport async function uploadMedia( {\n\tallowedTypes,\n\tadditionalData = {},\n\tfilesList,\n\tmaxUploadFileSize,\n\tonError = noop,\n\tonFileChange,\n\twpAllowedMimeTypes = null,\n} ) {\n\t// Cast filesList to array.\n\tconst files = [ ...filesList ];\n\n\tconst filesSet = [];\n\tconst setAndUpdateFiles = ( idx, value ) => {\n\t\trevokeBlobURL( filesSet[ idx ]?.url );\n\t\tfilesSet[ idx ] = value;\n\t\tonFileChange( filesSet.filter( Boolean ) );\n\t};\n\n\t// Allowed type specified by consumer.\n\tconst isAllowedType = ( fileType ) => {\n\t\tif ( ! allowedTypes ) {\n\t\t\treturn true;\n\t\t}\n\t\treturn allowedTypes.some( ( allowedType ) => {\n\t\t\t// If a complete mimetype is specified verify if it matches exactly the mime type of the file.\n\t\t\tif ( allowedType.includes( '/' ) ) {\n\t\t\t\treturn allowedType === fileType;\n\t\t\t}\n\t\t\t// Otherwise a general mime type is used and we should verify if the file mimetype starts with it.\n\t\t\treturn fileType.startsWith( `${ allowedType }/` );\n\t\t} );\n\t};\n\n\t// Allowed types for the current WP_User.\n\tconst allowedMimeTypesForUser = getMimeTypesArray( wpAllowedMimeTypes );\n\tconst isAllowedMimeTypeForUser = ( fileType ) => {\n\t\treturn allowedMimeTypesForUser.includes( fileType );\n\t};\n\n\tconst validFiles = [];\n\n\tfor ( const mediaFile of files ) {\n\t\t// Verify if user is allowed to upload this mime type.\n\t\t// Defer to the server when type not detected.\n\t\tif (\n\t\t\tallowedMimeTypesForUser &&\n\t\t\tmediaFile.type &&\n\t\t\t! isAllowedMimeTypeForUser( mediaFile.type )\n\t\t) {\n\t\t\tonError( {\n\t\t\t\tcode: 'MIME_TYPE_NOT_ALLOWED_FOR_USER',\n\t\t\t\tmessage: sprintf(\n\t\t\t\t\t// translators: %s: file name.\n\t\t\t\t\t__(\n\t\t\t\t\t\t'%s: Sorry, you are not allowed to upload this file type.'\n\t\t\t\t\t),\n\t\t\t\t\tmediaFile.name\n\t\t\t\t),\n\t\t\t\tfile: mediaFile,\n\t\t\t} );\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Check if the block supports this mime type.\n\t\t// Defer to the server when type not detected.\n\t\tif ( mediaFile.type && ! isAllowedType( mediaFile.type ) ) {\n\t\t\tonError( {\n\t\t\t\tcode: 'MIME_TYPE_NOT_SUPPORTED',\n\t\t\t\tmessage: sprintf(\n\t\t\t\t\t// translators: %s: file name.\n\t\t\t\t\t__( '%s: Sorry, this file type is not supported here.' ),\n\t\t\t\t\tmediaFile.name\n\t\t\t\t),\n\t\t\t\tfile: mediaFile,\n\t\t\t} );\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Verify if file is greater than the maximum file upload size allowed for the site.\n\t\tif ( maxUploadFileSize && mediaFile.size > maxUploadFileSize ) {\n\t\t\tonError( {\n\t\t\t\tcode: 'SIZE_ABOVE_LIMIT',\n\t\t\t\tmessage: sprintf(\n\t\t\t\t\t// translators: %s: file name.\n\t\t\t\t\t__(\n\t\t\t\t\t\t'%s: This file exceeds the maximum upload size for this site.'\n\t\t\t\t\t),\n\t\t\t\t\tmediaFile.name\n\t\t\t\t),\n\t\t\t\tfile: mediaFile,\n\t\t\t} );\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Don't allow empty files to be uploaded.\n\t\tif ( mediaFile.size <= 0 ) {\n\t\t\tonError( {\n\t\t\t\tcode: 'EMPTY_FILE',\n\t\t\t\tmessage: sprintf(\n\t\t\t\t\t// translators: %s: file name.\n\t\t\t\t\t__( '%s: This file is empty.' ),\n\t\t\t\t\tmediaFile.name\n\t\t\t\t),\n\t\t\t\tfile: mediaFile,\n\t\t\t} );\n\t\t\tcontinue;\n\t\t}\n\n\t\tvalidFiles.push( mediaFile );\n\n\t\t// Set temporary URL to create placeholder media file, this is replaced\n\t\t// with final file from media gallery when upload is `done` below.\n\t\tfilesSet.push( { url: createBlobURL( mediaFile ) } );\n\t\tonFileChange( filesSet );\n\t}\n\n\tfor ( let idx = 0; idx < validFiles.length; ++idx ) {\n\t\tconst mediaFile = validFiles[ idx ];\n\t\ttry {\n\t\t\tconst savedMedia = await createMediaFromFile(\n\t\t\t\tmediaFile,\n\t\t\t\tadditionalData\n\t\t\t);\n\t\t\t// eslint-disable-next-line camelcase\n\t\t\tconst { alt_text, source_url, ...savedMediaProps } = savedMedia;\n\t\t\tconst mediaObject = {\n\t\t\t\t...savedMediaProps,\n\t\t\t\talt: savedMedia.alt_text,\n\t\t\t\tcaption: savedMedia.caption?.raw ?? '',\n\t\t\t\ttitle: savedMedia.title.raw,\n\t\t\t\turl: savedMedia.source_url,\n\t\t\t};\n\t\t\tsetAndUpdateFiles( idx, mediaObject );\n\t\t} catch ( error ) {\n\t\t\t// Reset to empty on failure.\n\t\t\tsetAndUpdateFiles( idx, null );\n\t\t\tlet message;\n\t\t\tif ( error.message ) {\n\t\t\t\tmessage = error.message;\n\t\t\t} else {\n\t\t\t\tmessage = sprintf(\n\t\t\t\t\t// translators: %s: file name\n\t\t\t\t\t__( 'Error while uploading file %s to the media library.' ),\n\t\t\t\t\tmediaFile.name\n\t\t\t\t);\n\t\t\t}\n\t\t\tonError( {\n\t\t\t\tcode: 'GENERAL',\n\t\t\t\tmessage,\n\t\t\t\tfile: mediaFile,\n\t\t\t} );\n\t\t}\n\t}\n}\n\n/**\n * @param {File}    file           Media File to Save.\n * @param {?Object} additionalData Additional data to include in the request.\n *\n * @return {Promise} Media Object Promise.\n */\nfunction createMediaFromFile( file, additionalData ) {\n\t// Create upload payload.\n\tconst data = new window.FormData();\n\tdata.append( 'file', file, file.name || file.type.replace( '/', '.' ) );\n\tif ( additionalData ) {\n\t\tObject.entries( additionalData ).forEach( ( [ key, value ] ) =>\n\t\t\tdata.append( key, value )\n\t\t);\n\t}\n\treturn apiFetch( {\n\t\tpath: '/wp/v2/media',\n\t\tbody: data,\n\t\tmethod: 'POST',\n\t} );\n}\n"]}
+{"version":3,"names":["_apiFetch","_interopRequireDefault","require","_blob","_i18n","noop","getMimeTypesArray","wpMimeTypesObject","Object","entries","map","extensionsString","mime","type","split","extensions","extension","flat","uploadMedia","allowedTypes","additionalData","filesList","maxUploadFileSize","onError","onFileChange","wpAllowedMimeTypes","files","filesSet","setAndUpdateFiles","idx","value","revokeBlobURL","url","filter","Boolean","isAllowedType","fileType","some","allowedType","includes","startsWith","allowedMimeTypesForUser","isAllowedMimeTypeForUser","validFiles","mediaFile","code","message","sprintf","__","name","file","size","push","createBlobURL","length","_savedMedia$caption$r","savedMedia","createMediaFromFile","alt_text","source_url","savedMediaProps","mediaObject","alt","caption","raw","title","error","data","window","FormData","append","replace","forEach","key","apiFetch","path","body","method"],"sources":["@wordpress/media-utils/src/utils/upload-media.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport apiFetch from '@wordpress/api-fetch';\nimport { createBlobURL, revokeBlobURL } from '@wordpress/blob';\nimport { __, sprintf } from '@wordpress/i18n';\n\nconst noop = () => {};\n\n/**\n * Browsers may use unexpected mime types, and they differ from browser to browser.\n * This function computes a flexible array of mime types from the mime type structured provided by the server.\n * Converts { jpg|jpeg|jpe: \"image/jpeg\" } into [ \"image/jpeg\", \"image/jpg\", \"image/jpeg\", \"image/jpe\" ]\n * The computation of this array instead of directly using the object,\n * solves the problem in chrome where mp3 files have audio/mp3 as mime type instead of audio/mpeg.\n * https://bugs.chromium.org/p/chromium/issues/detail?id=227004\n *\n * @param {?Object} wpMimeTypesObject Mime type object received from the server.\n *                                    Extensions are keys separated by '|' and values are mime types associated with an extension.\n *\n * @return {?Array} An array of mime types or the parameter passed if it was \"falsy\".\n */\nexport function getMimeTypesArray( wpMimeTypesObject ) {\n\tif ( ! wpMimeTypesObject ) {\n\t\treturn wpMimeTypesObject;\n\t}\n\treturn Object.entries( wpMimeTypesObject )\n\t\t.map( ( [ extensionsString, mime ] ) => {\n\t\t\tconst [ type ] = mime.split( '/' );\n\t\t\tconst extensions = extensionsString.split( '|' );\n\t\t\treturn [\n\t\t\t\tmime,\n\t\t\t\t...extensions.map(\n\t\t\t\t\t( extension ) => `${ type }/${ extension }`\n\t\t\t\t),\n\t\t\t];\n\t\t} )\n\t\t.flat();\n}\n\n/**\n *\tMedia Upload is used by audio, image, gallery, video, and file blocks to\n *\thandle uploading a media file when a file upload button is activated.\n *\n *\tTODO: future enhancement to add an upload indicator.\n *\n * @param {Object}   $0                    Parameters object passed to the function.\n * @param {?Array}   $0.allowedTypes       Array with the types of media that can be uploaded, if unset all types are allowed.\n * @param {?Object}  $0.additionalData     Additional data to include in the request.\n * @param {Array}    $0.filesList          List of files.\n * @param {?number}  $0.maxUploadFileSize  Maximum upload size in bytes allowed for the site.\n * @param {Function} $0.onError            Function called when an error happens.\n * @param {Function} $0.onFileChange       Function called each time a file or a temporary representation of the file is available.\n * @param {?Object}  $0.wpAllowedMimeTypes List of allowed mime types and file extensions.\n */\nexport async function uploadMedia( {\n\tallowedTypes,\n\tadditionalData = {},\n\tfilesList,\n\tmaxUploadFileSize,\n\tonError = noop,\n\tonFileChange,\n\twpAllowedMimeTypes = null,\n} ) {\n\t// Cast filesList to array.\n\tconst files = [ ...filesList ];\n\n\tconst filesSet = [];\n\tconst setAndUpdateFiles = ( idx, value ) => {\n\t\trevokeBlobURL( filesSet[ idx ]?.url );\n\t\tfilesSet[ idx ] = value;\n\t\tonFileChange( filesSet.filter( Boolean ) );\n\t};\n\n\t// Allowed type specified by consumer.\n\tconst isAllowedType = ( fileType ) => {\n\t\tif ( ! allowedTypes ) {\n\t\t\treturn true;\n\t\t}\n\t\treturn allowedTypes.some( ( allowedType ) => {\n\t\t\t// If a complete mimetype is specified verify if it matches exactly the mime type of the file.\n\t\t\tif ( allowedType.includes( '/' ) ) {\n\t\t\t\treturn allowedType === fileType;\n\t\t\t}\n\t\t\t// Otherwise a general mime type is used and we should verify if the file mimetype starts with it.\n\t\t\treturn fileType.startsWith( `${ allowedType }/` );\n\t\t} );\n\t};\n\n\t// Allowed types for the current WP_User.\n\tconst allowedMimeTypesForUser = getMimeTypesArray( wpAllowedMimeTypes );\n\tconst isAllowedMimeTypeForUser = ( fileType ) => {\n\t\treturn allowedMimeTypesForUser.includes( fileType );\n\t};\n\n\tconst validFiles = [];\n\n\tfor ( const mediaFile of files ) {\n\t\t// Verify if user is allowed to upload this mime type.\n\t\t// Defer to the server when type not detected.\n\t\tif (\n\t\t\tallowedMimeTypesForUser &&\n\t\t\tmediaFile.type &&\n\t\t\t! isAllowedMimeTypeForUser( mediaFile.type )\n\t\t) {\n\t\t\tonError( {\n\t\t\t\tcode: 'MIME_TYPE_NOT_ALLOWED_FOR_USER',\n\t\t\t\tmessage: sprintf(\n\t\t\t\t\t// translators: %s: file name.\n\t\t\t\t\t__(\n\t\t\t\t\t\t'%s: Sorry, you are not allowed to upload this file type.'\n\t\t\t\t\t),\n\t\t\t\t\tmediaFile.name\n\t\t\t\t),\n\t\t\t\tfile: mediaFile,\n\t\t\t} );\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Check if the block supports this mime type.\n\t\t// Defer to the server when type not detected.\n\t\tif ( mediaFile.type && ! isAllowedType( mediaFile.type ) ) {\n\t\t\tonError( {\n\t\t\t\tcode: 'MIME_TYPE_NOT_SUPPORTED',\n\t\t\t\tmessage: sprintf(\n\t\t\t\t\t// translators: %s: file name.\n\t\t\t\t\t__( '%s: Sorry, this file type is not supported here.' ),\n\t\t\t\t\tmediaFile.name\n\t\t\t\t),\n\t\t\t\tfile: mediaFile,\n\t\t\t} );\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Verify if file is greater than the maximum file upload size allowed for the site.\n\t\tif ( maxUploadFileSize && mediaFile.size > maxUploadFileSize ) {\n\t\t\tonError( {\n\t\t\t\tcode: 'SIZE_ABOVE_LIMIT',\n\t\t\t\tmessage: sprintf(\n\t\t\t\t\t// translators: %s: file name.\n\t\t\t\t\t__(\n\t\t\t\t\t\t'%s: This file exceeds the maximum upload size for this site.'\n\t\t\t\t\t),\n\t\t\t\t\tmediaFile.name\n\t\t\t\t),\n\t\t\t\tfile: mediaFile,\n\t\t\t} );\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Don't allow empty files to be uploaded.\n\t\tif ( mediaFile.size <= 0 ) {\n\t\t\tonError( {\n\t\t\t\tcode: 'EMPTY_FILE',\n\t\t\t\tmessage: sprintf(\n\t\t\t\t\t// translators: %s: file name.\n\t\t\t\t\t__( '%s: This file is empty.' ),\n\t\t\t\t\tmediaFile.name\n\t\t\t\t),\n\t\t\t\tfile: mediaFile,\n\t\t\t} );\n\t\t\tcontinue;\n\t\t}\n\n\t\tvalidFiles.push( mediaFile );\n\n\t\t// Set temporary URL to create placeholder media file, this is replaced\n\t\t// with final file from media gallery when upload is `done` below.\n\t\tfilesSet.push( { url: createBlobURL( mediaFile ) } );\n\t\tonFileChange( filesSet );\n\t}\n\n\tfor ( let idx = 0; idx < validFiles.length; ++idx ) {\n\t\tconst mediaFile = validFiles[ idx ];\n\t\ttry {\n\t\t\tconst savedMedia = await createMediaFromFile(\n\t\t\t\tmediaFile,\n\t\t\t\tadditionalData\n\t\t\t);\n\t\t\t// eslint-disable-next-line camelcase\n\t\t\tconst { alt_text, source_url, ...savedMediaProps } = savedMedia;\n\t\t\tconst mediaObject = {\n\t\t\t\t...savedMediaProps,\n\t\t\t\talt: savedMedia.alt_text,\n\t\t\t\tcaption: savedMedia.caption?.raw ?? '',\n\t\t\t\ttitle: savedMedia.title.raw,\n\t\t\t\turl: savedMedia.source_url,\n\t\t\t};\n\t\t\tsetAndUpdateFiles( idx, mediaObject );\n\t\t} catch ( error ) {\n\t\t\t// Reset to empty on failure.\n\t\t\tsetAndUpdateFiles( idx, null );\n\t\t\tlet message;\n\t\t\tif ( error.message ) {\n\t\t\t\tmessage = error.message;\n\t\t\t} else {\n\t\t\t\tmessage = sprintf(\n\t\t\t\t\t// translators: %s: file name\n\t\t\t\t\t__( 'Error while uploading file %s to the media library.' ),\n\t\t\t\t\tmediaFile.name\n\t\t\t\t);\n\t\t\t}\n\t\t\tonError( {\n\t\t\t\tcode: 'GENERAL',\n\t\t\t\tmessage,\n\t\t\t\tfile: mediaFile,\n\t\t\t} );\n\t\t}\n\t}\n}\n\n/**\n * @param {File}    file           Media File to Save.\n * @param {?Object} additionalData Additional data to include in the request.\n *\n * @return {Promise} Media Object Promise.\n */\nfunction createMediaFromFile( file, additionalData ) {\n\t// Create upload payload.\n\tconst data = new window.FormData();\n\tdata.append( 'file', file, file.name || file.type.replace( '/', '.' ) );\n\tif ( additionalData ) {\n\t\tObject.entries( additionalData ).forEach( ( [ key, value ] ) =>\n\t\t\tdata.append( key, value )\n\t\t);\n\t}\n\treturn apiFetch( {\n\t\tpath: '/wp/v2/media',\n\t\tbody: data,\n\t\tmethod: 'POST',\n\t} );\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKA,MAAMG,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,iBAAiBA,CAAEC,iBAAiB,EAAG;EACtD,IAAK,CAAEA,iBAAiB,EAAG;IAC1B,OAAOA,iBAAiB;EACzB;EACA,OAAOC,MAAM,CAACC,OAAO,CAAEF,iBAAkB,CAAC,CACxCG,GAAG,CAAE,CAAE,CAAEC,gBAAgB,EAAEC,IAAI,CAAE,KAAM;IACvC,MAAM,CAAEC,IAAI,CAAE,GAAGD,IAAI,CAACE,KAAK,CAAE,GAAI,CAAC;IAClC,MAAMC,UAAU,GAAGJ,gBAAgB,CAACG,KAAK,CAAE,GAAI,CAAC;IAChD,OAAO,CACNF,IAAI,EACJ,GAAGG,UAAU,CAACL,GAAG,CACdM,SAAS,IAAO,GAAGH,IAAM,IAAIG,SAAW,EAC3C,CAAC,CACD;EACF,CAAE,CAAC,CACFC,IAAI,CAAC,CAAC;AACT;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,eAAeC,WAAWA,CAAE;EAClCC,YAAY;EACZC,cAAc,GAAG,CAAC,CAAC;EACnBC,SAAS;EACTC,iBAAiB;EACjBC,OAAO,GAAGlB,IAAI;EACdmB,YAAY;EACZC,kBAAkB,GAAG;AACtB,CAAC,EAAG;EACH;EACA,MAAMC,KAAK,GAAG,CAAE,GAAGL,SAAS,CAAE;EAE9B,MAAMM,QAAQ,GAAG,EAAE;EACnB,MAAMC,iBAAiB,GAAGA,CAAEC,GAAG,EAAEC,KAAK,KAAM;IAC3C,IAAAC,mBAAa,EAAEJ,QAAQ,CAAEE,GAAG,CAAE,EAAEG,GAAI,CAAC;IACrCL,QAAQ,CAAEE,GAAG,CAAE,GAAGC,KAAK;IACvBN,YAAY,CAAEG,QAAQ,CAACM,MAAM,CAAEC,OAAQ,CAAE,CAAC;EAC3C,CAAC;;EAED;EACA,MAAMC,aAAa,GAAKC,QAAQ,IAAM;IACrC,IAAK,CAAEjB,YAAY,EAAG;MACrB,OAAO,IAAI;IACZ;IACA,OAAOA,YAAY,CAACkB,IAAI,CAAIC,WAAW,IAAM;MAC5C;MACA,IAAKA,WAAW,CAACC,QAAQ,CAAE,GAAI,CAAC,EAAG;QAClC,OAAOD,WAAW,KAAKF,QAAQ;MAChC;MACA;MACA,OAAOA,QAAQ,CAACI,UAAU,CAAG,GAAGF,WAAa,GAAG,CAAC;IAClD,CAAE,CAAC;EACJ,CAAC;;EAED;EACA,MAAMG,uBAAuB,GAAGnC,iBAAiB,CAAEmB,kBAAmB,CAAC;EACvE,MAAMiB,wBAAwB,GAAKN,QAAQ,IAAM;IAChD,OAAOK,uBAAuB,CAACF,QAAQ,CAAEH,QAAS,CAAC;EACpD,CAAC;EAED,MAAMO,UAAU,GAAG,EAAE;EAErB,KAAM,MAAMC,SAAS,IAAIlB,KAAK,EAAG;IAChC;IACA;IACA,IACCe,uBAAuB,IACvBG,SAAS,CAAC/B,IAAI,IACd,CAAE6B,wBAAwB,CAAEE,SAAS,CAAC/B,IAAK,CAAC,EAC3C;MACDU,OAAO,CAAE;QACRsB,IAAI,EAAE,gCAAgC;QACtCC,OAAO,EAAE,IAAAC,aAAO;QACf;QACA,IAAAC,QAAE,EACD,0DACD,CAAC,EACDJ,SAAS,CAACK,IACX,CAAC;QACDC,IAAI,EAAEN;MACP,CAAE,CAAC;MACH;IACD;;IAEA;IACA;IACA,IAAKA,SAAS,CAAC/B,IAAI,IAAI,CAAEsB,aAAa,CAAES,SAAS,CAAC/B,IAAK,CAAC,EAAG;MAC1DU,OAAO,CAAE;QACRsB,IAAI,EAAE,yBAAyB;QAC/BC,OAAO,EAAE,IAAAC,aAAO;QACf;QACA,IAAAC,QAAE,EAAE,kDAAmD,CAAC,EACxDJ,SAAS,CAACK,IACX,CAAC;QACDC,IAAI,EAAEN;MACP,CAAE,CAAC;MACH;IACD;;IAEA;IACA,IAAKtB,iBAAiB,IAAIsB,SAAS,CAACO,IAAI,GAAG7B,iBAAiB,EAAG;MAC9DC,OAAO,CAAE;QACRsB,IAAI,EAAE,kBAAkB;QACxBC,OAAO,EAAE,IAAAC,aAAO;QACf;QACA,IAAAC,QAAE,EACD,8DACD,CAAC,EACDJ,SAAS,CAACK,IACX,CAAC;QACDC,IAAI,EAAEN;MACP,CAAE,CAAC;MACH;IACD;;IAEA;IACA,IAAKA,SAAS,CAACO,IAAI,IAAI,CAAC,EAAG;MAC1B5B,OAAO,CAAE;QACRsB,IAAI,EAAE,YAAY;QAClBC,OAAO,EAAE,IAAAC,aAAO;QACf;QACA,IAAAC,QAAE,EAAE,yBAA0B,CAAC,EAC/BJ,SAAS,CAACK,IACX,CAAC;QACDC,IAAI,EAAEN;MACP,CAAE,CAAC;MACH;IACD;IAEAD,UAAU,CAACS,IAAI,CAAER,SAAU,CAAC;;IAE5B;IACA;IACAjB,QAAQ,CAACyB,IAAI,CAAE;MAAEpB,GAAG,EAAE,IAAAqB,mBAAa,EAAET,SAAU;IAAE,CAAE,CAAC;IACpDpB,YAAY,CAAEG,QAAS,CAAC;EACzB;EAEA,KAAM,IAAIE,GAAG,GAAG,CAAC,EAAEA,GAAG,GAAGc,UAAU,CAACW,MAAM,EAAE,EAAEzB,GAAG,EAAG;IACnD,MAAMe,SAAS,GAAGD,UAAU,CAAEd,GAAG,CAAE;IACnC,IAAI;MAAA,IAAA0B,qBAAA;MACH,MAAMC,UAAU,GAAG,MAAMC,mBAAmB,CAC3Cb,SAAS,EACTxB,cACD,CAAC;MACD;MACA,MAAM;QAAEsC,QAAQ;QAAEC,UAAU;QAAE,GAAGC;MAAgB,CAAC,GAAGJ,UAAU;MAC/D,MAAMK,WAAW,GAAG;QACnB,GAAGD,eAAe;QAClBE,GAAG,EAAEN,UAAU,CAACE,QAAQ;QACxBK,OAAO,GAAAR,qBAAA,GAAEC,UAAU,CAACO,OAAO,EAAEC,GAAG,cAAAT,qBAAA,cAAAA,qBAAA,GAAI,EAAE;QACtCU,KAAK,EAAET,UAAU,CAACS,KAAK,CAACD,GAAG;QAC3BhC,GAAG,EAAEwB,UAAU,CAACG;MACjB,CAAC;MACD/B,iBAAiB,CAAEC,GAAG,EAAEgC,WAAY,CAAC;IACtC,CAAC,CAAC,OAAQK,KAAK,EAAG;MACjB;MACAtC,iBAAiB,CAAEC,GAAG,EAAE,IAAK,CAAC;MAC9B,IAAIiB,OAAO;MACX,IAAKoB,KAAK,CAACpB,OAAO,EAAG;QACpBA,OAAO,GAAGoB,KAAK,CAACpB,OAAO;MACxB,CAAC,MAAM;QACNA,OAAO,GAAG,IAAAC,aAAO;QAChB;QACA,IAAAC,QAAE,EAAE,qDAAsD,CAAC,EAC3DJ,SAAS,CAACK,IACX,CAAC;MACF;MACA1B,OAAO,CAAE;QACRsB,IAAI,EAAE,SAAS;QACfC,OAAO;QACPI,IAAI,EAAEN;MACP,CAAE,CAAC;IACJ;EACD;AACD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,SAASa,mBAAmBA,CAAEP,IAAI,EAAE9B,cAAc,EAAG;EACpD;EACA,MAAM+C,IAAI,GAAG,IAAIC,MAAM,CAACC,QAAQ,CAAC,CAAC;EAClCF,IAAI,CAACG,MAAM,CAAE,MAAM,EAAEpB,IAAI,EAAEA,IAAI,CAACD,IAAI,IAAIC,IAAI,CAACrC,IAAI,CAAC0D,OAAO,CAAE,GAAG,EAAE,GAAI,CAAE,CAAC;EACvE,IAAKnD,cAAc,EAAG;IACrBZ,MAAM,CAACC,OAAO,CAAEW,cAAe,CAAC,CAACoD,OAAO,CAAE,CAAE,CAAEC,GAAG,EAAE3C,KAAK,CAAE,KACzDqC,IAAI,CAACG,MAAM,CAAEG,GAAG,EAAE3C,KAAM,CACzB,CAAC;EACF;EACA,OAAO,IAAA4C,iBAAQ,EAAE;IAChBC,IAAI,EAAE,cAAc;IACpBC,IAAI,EAAET,IAAI;IACVU,MAAM,EAAE;EACT,CAAE,CAAC;AACJ"}

package/build-module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/media-utils/src/components/index.js"],"names":["default","MediaUpload"],"mappings":"AAAA,SAASA,OAAO,IAAIC,WAApB,QAAuC,gBAAvC","sourcesContent":["export { default as MediaUpload } from './media-upload';\n"]}
+{"version":3,"names":["default","MediaUpload"],"sources":["@wordpress/media-utils/src/components/index.js"],"sourcesContent":["export { default as MediaUpload } from './media-upload';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,WAAW,QAAQ,gBAAgB"}

package/build-module/components/media-upload/index.js

@@ -4,12 +4,12 @@
 import { Component } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 const DEFAULT_EMPTY_GALLERY = [];
+
 /**
  * Prepares the Featured Image toolbars and frames.
  *
  * @return {window.wp.media.view.MediaFrame.Select} The default media workflow.
  */
-
 const getFeaturedImageMediaFrame = () => {
   const {
     wp
@@ -27,7 +27,6 @@ const getFeaturedImageMediaFrame = () => {
         state: this.options.state
       });
     },
-
     /**
      * Handle the edit state requirements of selected media item.
      *
@@ -38,13 +37,14 @@ const getFeaturedImageMediaFrame = () => {
       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.
      *
@@ -59,13 +59,12 @@ const getFeaturedImageMediaFrame = () => {
     }
   });
 };
+
 /**
  * Prepares the Gallery toolbars and frames.
  *
  * @return {window.wp.media.view.MediaFrame.Post} The default media workflow.
  */
-
-
 const getGalleryDetailsMediaFrame = () => {
   const {
     wp
@@ -77,7 +76,6 @@ const getGalleryDetailsMediaFrame = () => {
    * @class GalleryDetailsMediaFrame
    * @class
    */
-
   return wp.media.view.MediaFrame.Post.extend({
     /**
      * Set up gallery toolbar.
@@ -96,25 +94,23 @@ const getGalleryDetailsMediaFrame = () => {
             requires: {
               library: true
             },
-
             /**
              * @fires wp.media.controller.State#update
              */
             click() {
               const controller = this.controller,
-                    state = controller.state();
+                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.
      *
@@ -125,13 +121,14 @@ const getGalleryDetailsMediaFrame = () => {
       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.
      *
@@ -163,21 +160,19 @@ const getGalleryDetailsMediaFrame = () => {
       }), new wp.media.controller.GalleryAdd()]);
     }
   });
-}; // The media library image object contains numerous attributes
-// we only need this set to display the image in the library.
-
+};
 
+// 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 attrSet.reduce((result, key) => {
     if (img?.hasOwnProperty(key)) {
       result[key] = img[key];
     }
-
     return result;
   }, {});
 };
-
 const getAttachmentsCollection = ids => {
   const {
     wp
@@ -191,7 +186,6 @@ const getAttachmentsCollection = ids => {
     type: 'image'
   });
 };
-
 class MediaUpload extends Component {
   constructor({
     allowedTypes,
@@ -210,7 +204,6 @@ class MediaUpload extends Component {
     const {
       wp
     } = window;
-
     if (gallery) {
       this.buildAndSetGalleryFrame();
     } else {
@@ -218,27 +211,21 @@ class MediaUpload extends Component {
         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);
@@ -246,47 +233,43 @@ class MediaUpload extends Component {
     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,
-    // we can continue to use the existing one.
+    } = 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 {
       wp
     } = window;
-    this.lastGalleryValue = value; // If a frame already existed remove it.
+    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(),
@@ -302,13 +285,12 @@ class MediaUpload extends Component {
     wp.media.frame = this.frame;
     this.initializeListeners();
   }
+
   /**
    * Initializes the Media Library requirements for the featured image flow.
    *
    * @return {void}
    */
-
-
   buildAndSetFeatureImageFrame() {
     const {
       wp
@@ -327,11 +309,9 @@ class MediaUpload extends Component {
     });
     wp.media.frame = this.frame;
   }
-
   componentWillUnmount() {
     this.frame.remove();
   }
-
   onUpdate(selections) {
     const {
       onSelect,
@@ -339,28 +319,24 @@ class MediaUpload extends Component {
     } = 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() {
     const {
       wp
@@ -368,79 +344,72 @@ class MediaUpload extends Component {
     const {
       value
     } = this.props;
-    this.updateCollection(); //Handle active tab in media model on model open.
+    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).
-
+    }
 
+    // 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;
-
     if (!hasMedia) {
       return;
     }
-
     const isGallery = this.props.gallery;
     const selection = this.frame.state().get('selection');
     const valueArray = Array.isArray(value) ? value : [value];
-
     if (!isGallery) {
       valueArray.forEach(id => {
         selection.add(wp.media.attachment(id));
       });
-    } // Load the images so they are available in the media modal.
-
+    }
 
-    const attachments = getAttachmentsCollection(valueArray); // Once attachments are loaded, set the current selection.
+    // Load the images so they are available in the media modal.
+    const attachments = getAttachmentsCollection(valueArray);
 
+    // Once attachments are loaded, set the current selection.
     attachments.more().done(function () {
       if (isGallery && 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) {
       this.buildAndSetGalleryFrame();
     }
-
     this.frame.open();
   }
-
   render() {
     return this.props.render({
       open: this.openModal
     });
   }
-
 }
-
 export default MediaUpload;
 //# sourceMappingURL=index.js.map