@wordpress/media-utils 5.7.0 → 5.8.0

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

@@ -1,137 +1,75 @@
 /**
  * WordPress dependencies
  */
-import apiFetch from '@wordpress/api-fetch';
-import { createBlobURL, revokeBlobURL } from '@wordpress/blob';
 import { __, sprintf } from '@wordpress/i18n';
-const noop = () => {};
+import { createBlobURL, revokeBlobURL } from '@wordpress/blob';
 
 /**
- * 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" ]
- * The computation of this array instead of directly using the object,
- * solves the problem in chrome where mp3 files have audio/mp3 as mime type instead of audio/mpeg.
- * https://bugs.chromium.org/p/chromium/issues/detail?id=227004
- *
- * @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".
+ * Internal dependencies
  */
-export 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();
-}
 
+import { uploadToServer } from './upload-to-server';
+import { validateMimeType } from './validate-mime-type';
+import { validateMimeTypeForUser } from './validate-mime-type-for-user';
+import { validateFileSize } from './validate-file-size';
+import { UploadError } from './upload-error';
 /**
- *	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.
+ * Upload a media file when the file upload button is activated
+ * or when adding a file to the editor via drag & drop.
  *
- *	TODO: future enhancement to add an upload indicator.
- *
- * @param {Object}   $0                    Parameters object passed to the function.
- * @param {?Array}   $0.allowedTypes       Array with the types of media that can be uploaded, if unset all types are allowed.
- * @param {?Object}  $0.additionalData     Additional data to include in the request.
- * @param {Array}    $0.filesList          List of files.
- * @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.
+ * @param $0                    Parameters object passed to the function.
+ * @param $0.allowedTypes       Array with the types of media that can be uploaded, if unset all types are allowed.
+ * @param $0.additionalData     Additional data to include in the request.
+ * @param $0.filesList          List of files.
+ * @param $0.maxUploadFileSize  Maximum upload size in bytes allowed for the site.
+ * @param $0.onError            Function called when an error happens.
+ * @param $0.onFileChange       Function called each time a file or a temporary representation of the file is available.
+ * @param $0.wpAllowedMimeTypes List of allowed mime types and file extensions.
+ * @param $0.signal             Abort signal.
  */
-export async function uploadMedia({
+export function uploadMedia({
+  wpAllowedMimeTypes,
   allowedTypes,
   additionalData = {},
   filesList,
   maxUploadFileSize,
-  onError = noop,
+  onError,
   onFileChange,
-  wpAllowedMimeTypes = null
+  signal
 }) {
-  // Cast filesList to array.
-  const files = [...filesList];
+  const validFiles = [];
   const filesSet = [];
-  const setAndUpdateFiles = (idx, value) => {
-    revokeBlobURL(filesSet[idx]?.url);
-    filesSet[idx] = value;
-    onFileChange(filesSet.filter(Boolean));
-  };
-
-  // Allowed type specified by consumer.
-  const isAllowedType = fileType => {
-    if (!allowedTypes) {
-      return true;
+  const setAndUpdateFiles = (index, value) => {
+    if (filesSet[index]?.url) {
+      revokeBlobURL(filesSet[index].url);
     }
-    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.
-      return fileType.startsWith(`${allowedType}/`);
-    });
+    filesSet[index] = value;
+    onFileChange?.(filesSet.filter(attachment => attachment !== null));
   };
-
-  // 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) {
+  for (const mediaFile of filesList) {
     // 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: sprintf(
-        // translators: %s: file name.
-        __('%s: Sorry, you are not allowed to upload this file type.'), mediaFile.name),
-        file: mediaFile
-      });
+    try {
+      validateMimeTypeForUser(mediaFile, wpAllowedMimeTypes);
+    } catch (error) {
+      onError?.(error);
       continue;
     }
 
-    // Check if the block supports this mime type.
+    // Check if the caller (e.g. a 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: sprintf(
-        // translators: %s: file name.
-        __('%s: Sorry, this file type is not supported here.'), mediaFile.name),
-        file: mediaFile
-      });
+    try {
+      validateMimeType(mediaFile, allowedTypes);
+    } catch (error) {
+      onError?.(error);
       continue;
     }
 
     // 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: sprintf(
-        // translators: %s: file name.
-        __('%s: This file exceeds the maximum upload size for this site.'), mediaFile.name),
-        file: mediaFile
-      });
-      continue;
-    }
-
-    // Don't allow empty files to be uploaded.
-    if (mediaFile.size <= 0) {
-      onError({
-        code: 'EMPTY_FILE',
-        message: sprintf(
-        // translators: %s: file name.
-        __('%s: This file is empty.'), mediaFile.name),
-        file: mediaFile
-      });
+    try {
+      validateFileSize(mediaFile, maxUploadFileSize);
+    } catch (error) {
+      onError?.(error);
       continue;
     }
     validFiles.push(mediaFile);
@@ -141,64 +79,30 @@ export async function uploadMedia({
     filesSet.push({
       url: createBlobURL(mediaFile)
     });
-    onFileChange(filesSet);
+    onFileChange?.(filesSet);
   }
-  for (let idx = 0; idx < validFiles.length; ++idx) {
-    const mediaFile = validFiles[idx];
+  validFiles.map(async (file, index) => {
     try {
-      var _savedMedia$caption$r;
-      const savedMedia = await createMediaFromFile(mediaFile, additionalData);
-      // eslint-disable-next-line camelcase
-      const {
-        alt_text,
-        source_url,
-        ...savedMediaProps
-      } = savedMedia;
-      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,
-        url: savedMedia.source_url
-      };
-      setAndUpdateFiles(idx, mediaObject);
+      const attachment = await uploadToServer(file, additionalData, signal);
+      setAndUpdateFiles(index, attachment);
     } catch (error) {
       // Reset to empty on failure.
-      setAndUpdateFiles(idx, null);
+      setAndUpdateFiles(index, null);
       let message;
-      if (error.message) {
+      if (error instanceof Error) {
         message = error.message;
       } else {
         message = sprintf(
         // translators: %s: file name
-        __('Error while uploading file %s to the media library.'), mediaFile.name);
+        __('Error while uploading file %s to the media library.'), file.name);
       }
-      onError({
+      onError?.(new UploadError({
         code: 'GENERAL',
         message,
-        file: mediaFile
-      });
+        file,
+        cause: error instanceof Error ? error : undefined
+      }));
     }
-  }
-}
-
-/**
- * @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 apiFetch({
-    path: '/wp/v2/media',
-    body: data,
-    method: 'POST'
   });
 }
 //# sourceMappingURL=upload-media.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["apiFetch","createBlobURL","revokeBlobURL","__","sprintf","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$caption$r","savedMedia","createMediaFromFile","alt_text","source_url","savedMediaProps","mediaObject","alt","caption","raw","title","error","data","window","FormData","append","replace","forEach","key","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":"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","ignoreList":[]}
+{"version":3,"names":["__","sprintf","createBlobURL","revokeBlobURL","uploadToServer","validateMimeType","validateMimeTypeForUser","validateFileSize","UploadError","uploadMedia","wpAllowedMimeTypes","allowedTypes","additionalData","filesList","maxUploadFileSize","onError","onFileChange","signal","validFiles","filesSet","setAndUpdateFiles","index","value","url","filter","attachment","mediaFile","error","push","map","file","message","Error","name","code","cause","undefined"],"sources":["@wordpress/media-utils/src/utils/upload-media.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { createBlobURL, revokeBlobURL } from '@wordpress/blob';\n\n/**\n * Internal dependencies\n */\nimport type {\n\tAdditionalData,\n\tAttachment,\n\tOnChangeHandler,\n\tOnErrorHandler,\n\tOnSuccessHandler,\n} from './types';\nimport { uploadToServer } from './upload-to-server';\nimport { validateMimeType } from './validate-mime-type';\nimport { validateMimeTypeForUser } from './validate-mime-type-for-user';\nimport { validateFileSize } from './validate-file-size';\nimport { UploadError } from './upload-error';\n\ninterface UploadMediaArgs {\n\t// Additional data to include in the request.\n\tadditionalData?: AdditionalData;\n\t// Array with the types of media that can be uploaded, if unset all types are allowed.\n\tallowedTypes?: string[];\n\t// List of files.\n\tfilesList: File[];\n\t// Maximum upload size in bytes allowed for the site.\n\tmaxUploadFileSize?: number;\n\t// Function called when an error happens.\n\tonError?: OnErrorHandler;\n\t// Function called each time a file or a temporary representation of the file is available.\n\tonFileChange?: OnChangeHandler;\n\t// Function called once a file has completely finished uploading, including thumbnails.\n\tonSuccess?: OnSuccessHandler;\n\t// List of allowed mime types and file extensions.\n\twpAllowedMimeTypes?: Record< string, string > | null;\n\t// Abort signal.\n\tsignal?: AbortSignal;\n}\n\n/**\n * Upload a media file when the file upload button is activated\n * or when adding a file to the editor via drag & drop.\n *\n * @param $0                    Parameters object passed to the function.\n * @param $0.allowedTypes       Array with the types of media that can be uploaded, if unset all types are allowed.\n * @param $0.additionalData     Additional data to include in the request.\n * @param $0.filesList          List of files.\n * @param $0.maxUploadFileSize  Maximum upload size in bytes allowed for the site.\n * @param $0.onError            Function called when an error happens.\n * @param $0.onFileChange       Function called each time a file or a temporary representation of the file is available.\n * @param $0.wpAllowedMimeTypes List of allowed mime types and file extensions.\n * @param $0.signal             Abort signal.\n */\nexport function uploadMedia( {\n\twpAllowedMimeTypes,\n\tallowedTypes,\n\tadditionalData = {},\n\tfilesList,\n\tmaxUploadFileSize,\n\tonError,\n\tonFileChange,\n\tsignal,\n}: UploadMediaArgs ) {\n\tconst validFiles = [];\n\n\tconst filesSet: Array< Partial< Attachment > | null > = [];\n\tconst setAndUpdateFiles = ( index: number, value: Attachment | null ) => {\n\t\tif ( filesSet[ index ]?.url ) {\n\t\t\trevokeBlobURL( filesSet[ index ].url );\n\t\t}\n\t\tfilesSet[ index ] = value;\n\t\tonFileChange?.(\n\t\t\tfilesSet.filter( ( attachment ) => attachment !== null )\n\t\t);\n\t};\n\n\tfor ( const mediaFile of filesList ) {\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\ttry {\n\t\t\tvalidateMimeTypeForUser( mediaFile, wpAllowedMimeTypes );\n\t\t} catch ( error: unknown ) {\n\t\t\tonError?.( error as Error );\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Check if the caller (e.g. a block) supports this mime type.\n\t\t// Defer to the server when type not detected.\n\t\ttry {\n\t\t\tvalidateMimeType( mediaFile, allowedTypes );\n\t\t} catch ( error: unknown ) {\n\t\t\tonError?.( error as Error );\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\ttry {\n\t\t\tvalidateFileSize( mediaFile, maxUploadFileSize );\n\t\t} catch ( error: unknown ) {\n\t\t\tonError?.( error as Error );\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 as Array< Partial< Attachment > > );\n\t}\n\n\tvalidFiles.map( async ( file, index ) => {\n\t\ttry {\n\t\t\tconst attachment = await uploadToServer(\n\t\t\t\tfile,\n\t\t\t\tadditionalData,\n\t\t\t\tsignal\n\t\t\t);\n\t\t\tsetAndUpdateFiles( index, attachment );\n\t\t} catch ( error ) {\n\t\t\t// Reset to empty on failure.\n\t\t\tsetAndUpdateFiles( index, null );\n\n\t\t\tlet message;\n\t\t\tif ( error instanceof Error ) {\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\tfile.name\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tonError?.(\n\t\t\t\tnew UploadError( {\n\t\t\t\t\tcode: 'GENERAL',\n\t\t\t\t\tmessage,\n\t\t\t\t\tfile,\n\t\t\t\t\tcause: error instanceof Error ? error : undefined,\n\t\t\t\t} )\n\t\t\t);\n\t\t}\n\t} );\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/utils/upload-to-server.js

@@ -0,0 +1,26 @@
+/**
+ * WordPress dependencies
+ */
+import apiFetch from '@wordpress/api-fetch';
+
+/**
+ * Internal dependencies
+ */
+import { flattenFormData } from './flatten-form-data';
+import { transformAttachment } from './transform-attachment';
+export async function uploadToServer(file, additionalData = {}, signal) {
+  // Create upload payload.
+  const data = new FormData();
+  data.append('file', file, file.name || file.type.replace('/', '.'));
+  for (const [key, value] of Object.entries(additionalData)) {
+    flattenFormData(data, key, value);
+  }
+  return transformAttachment(await apiFetch({
+    // This allows the video block to directly get a video's poster image.
+    path: '/wp/v2/media?_embed=wp:featuredmedia',
+    body: data,
+    method: 'POST',
+    signal
+  }));
+}
+//# sourceMappingURL=upload-to-server.js.map

package/build-module/utils/upload-to-server.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["apiFetch","flattenFormData","transformAttachment","uploadToServer","file","additionalData","signal","data","FormData","append","name","type","replace","key","value","Object","entries","path","body","method"],"sources":["@wordpress/media-utils/src/utils/upload-to-server.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport apiFetch from '@wordpress/api-fetch';\n\n/**\n * Internal dependencies\n */\nimport { flattenFormData } from './flatten-form-data';\nimport { transformAttachment } from './transform-attachment';\nimport type { CreateRestAttachment, RestAttachment } from './types';\n\nexport async function uploadToServer(\n\tfile: File,\n\tadditionalData: CreateRestAttachment = {},\n\tsignal?: AbortSignal\n) {\n\t// Create upload payload.\n\tconst data = new FormData();\n\tdata.append( 'file', file, file.name || file.type.replace( '/', '.' ) );\n\tfor ( const [ key, value ] of Object.entries( additionalData ) ) {\n\t\tflattenFormData(\n\t\t\tdata,\n\t\t\tkey,\n\t\t\tvalue as string | Record< string, string > | undefined\n\t\t);\n\t}\n\n\treturn transformAttachment(\n\t\tawait apiFetch< RestAttachment >( {\n\t\t\t// This allows the video block to directly get a video's poster image.\n\t\t\tpath: '/wp/v2/media?_embed=wp:featuredmedia',\n\t\t\tbody: data,\n\t\t\tmethod: 'POST',\n\t\t\tsignal,\n\t\t} )\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,QAAQ,MAAM,sBAAsB;;AAE3C;AACA;AACA;AACA,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,mBAAmB,QAAQ,wBAAwB;AAG5D,OAAO,eAAeC,cAAcA,CACnCC,IAAU,EACVC,cAAoC,GAAG,CAAC,CAAC,EACzCC,MAAoB,EACnB;EACD;EACA,MAAMC,IAAI,GAAG,IAAIC,QAAQ,CAAC,CAAC;EAC3BD,IAAI,CAACE,MAAM,CAAE,MAAM,EAAEL,IAAI,EAAEA,IAAI,CAACM,IAAI,IAAIN,IAAI,CAACO,IAAI,CAACC,OAAO,CAAE,GAAG,EAAE,GAAI,CAAE,CAAC;EACvE,KAAM,MAAM,CAAEC,GAAG,EAAEC,KAAK,CAAE,IAAIC,MAAM,CAACC,OAAO,CAAEX,cAAe,CAAC,EAAG;IAChEJ,eAAe,CACdM,IAAI,EACJM,GAAG,EACHC,KACD,CAAC;EACF;EAEA,OAAOZ,mBAAmB,CACzB,MAAMF,QAAQ,CAAoB;IACjC;IACAiB,IAAI,EAAE,sCAAsC;IAC5CC,IAAI,EAAEX,IAAI;IACVY,MAAM,EAAE,MAAM;IACdb;EACD,CAAE,CACH,CAAC;AACF","ignoreList":[]}

package/build-module/utils/validate-file-size.js

@@ -0,0 +1,38 @@
+/**
+ * WordPress dependencies
+ */
+import { __, sprintf } from '@wordpress/i18n';
+
+/**
+ * Internal dependencies
+ */
+import { UploadError } from './upload-error';
+
+/**
+ * Verifies whether the file is within the file upload size limits for the site.
+ *
+ * @param file              File object.
+ * @param maxUploadFileSize Maximum upload size in bytes allowed for the site.
+ */
+export function validateFileSize(file, maxUploadFileSize) {
+  // Don't allow empty files to be uploaded.
+  if (file.size <= 0) {
+    throw new UploadError({
+      code: 'EMPTY_FILE',
+      message: sprintf(
+      // translators: %s: file name.
+      __('%s: This file is empty.'), file.name),
+      file
+    });
+  }
+  if (maxUploadFileSize && file.size > maxUploadFileSize) {
+    throw new UploadError({
+      code: 'SIZE_ABOVE_LIMIT',
+      message: sprintf(
+      // translators: %s: file name.
+      __('%s: This file exceeds the maximum upload size for this site.'), file.name),
+      file
+    });
+  }
+}
+//# sourceMappingURL=validate-file-size.js.map

package/build-module/utils/validate-file-size.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__","sprintf","UploadError","validateFileSize","file","maxUploadFileSize","size","code","message","name"],"sources":["@wordpress/media-utils/src/utils/validate-file-size.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { UploadError } from './upload-error';\n\n/**\n * Verifies whether the file is within the file upload size limits for the site.\n *\n * @param file              File object.\n * @param maxUploadFileSize Maximum upload size in bytes allowed for the site.\n */\nexport function validateFileSize( file: File, maxUploadFileSize?: number ) {\n\t// Don't allow empty files to be uploaded.\n\tif ( file.size <= 0 ) {\n\t\tthrow new UploadError( {\n\t\t\tcode: 'EMPTY_FILE',\n\t\t\tmessage: sprintf(\n\t\t\t\t// translators: %s: file name.\n\t\t\t\t__( '%s: This file is empty.' ),\n\t\t\t\tfile.name\n\t\t\t),\n\t\t\tfile,\n\t\t} );\n\t}\n\n\tif ( maxUploadFileSize && file.size > maxUploadFileSize ) {\n\t\tthrow new UploadError( {\n\t\t\tcode: 'SIZE_ABOVE_LIMIT',\n\t\t\tmessage: sprintf(\n\t\t\t\t// translators: %s: file name.\n\t\t\t\t__(\n\t\t\t\t\t'%s: This file exceeds the maximum upload size for this site.'\n\t\t\t\t),\n\t\t\t\tfile.name\n\t\t\t),\n\t\t\tfile,\n\t\t} );\n\t}\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;;AAE7C;AACA;AACA;AACA,SAASC,WAAW,QAAQ,gBAAgB;;AAE5C;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAEC,IAAU,EAAEC,iBAA0B,EAAG;EAC1E;EACA,IAAKD,IAAI,CAACE,IAAI,IAAI,CAAC,EAAG;IACrB,MAAM,IAAIJ,WAAW,CAAE;MACtBK,IAAI,EAAE,YAAY;MAClBC,OAAO,EAAEP,OAAO;MACf;MACAD,EAAE,CAAE,yBAA0B,CAAC,EAC/BI,IAAI,CAACK,IACN,CAAC;MACDL;IACD,CAAE,CAAC;EACJ;EAEA,IAAKC,iBAAiB,IAAID,IAAI,CAACE,IAAI,GAAGD,iBAAiB,EAAG;IACzD,MAAM,IAAIH,WAAW,CAAE;MACtBK,IAAI,EAAE,kBAAkB;MACxBC,OAAO,EAAEP,OAAO;MACf;MACAD,EAAE,CACD,8DACD,CAAC,EACDI,IAAI,CAACK,IACN,CAAC;MACDL;IACD,CAAE,CAAC;EACJ;AACD","ignoreList":[]}

package/build-module/utils/validate-mime-type-for-user.js

@@ -0,0 +1,35 @@
+/**
+ * WordPress dependencies
+ */
+import { __, sprintf } from '@wordpress/i18n';
+
+/**
+ * Internal dependencies
+ */
+import { UploadError } from './upload-error';
+import { getMimeTypesArray } from './get-mime-types-array';
+
+/**
+ * Verifies if the user is allowed to upload this mime type.
+ *
+ * @param file               File object.
+ * @param wpAllowedMimeTypes List of allowed mime types and file extensions.
+ */
+export function validateMimeTypeForUser(file, wpAllowedMimeTypes) {
+  // Allowed types for the current WP_User.
+  const allowedMimeTypesForUser = getMimeTypesArray(wpAllowedMimeTypes);
+  if (!allowedMimeTypesForUser) {
+    return;
+  }
+  const isAllowedMimeTypeForUser = allowedMimeTypesForUser.includes(file.type);
+  if (file.type && !isAllowedMimeTypeForUser) {
+    throw new UploadError({
+      code: 'MIME_TYPE_NOT_ALLOWED_FOR_USER',
+      message: sprintf(
+      // translators: %s: file name.
+      __('%s: Sorry, you are not allowed to upload this file type.'), file.name),
+      file
+    });
+  }
+}
+//# sourceMappingURL=validate-mime-type-for-user.js.map

package/build-module/utils/validate-mime-type-for-user.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__","sprintf","UploadError","getMimeTypesArray","validateMimeTypeForUser","file","wpAllowedMimeTypes","allowedMimeTypesForUser","isAllowedMimeTypeForUser","includes","type","code","message","name"],"sources":["@wordpress/media-utils/src/utils/validate-mime-type-for-user.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { UploadError } from './upload-error';\nimport { getMimeTypesArray } from './get-mime-types-array';\n\n/**\n * Verifies if the user is allowed to upload this mime type.\n *\n * @param file               File object.\n * @param wpAllowedMimeTypes List of allowed mime types and file extensions.\n */\nexport function validateMimeTypeForUser(\n\tfile: File,\n\twpAllowedMimeTypes?: Record< string, string > | null\n) {\n\t// Allowed types for the current WP_User.\n\tconst allowedMimeTypesForUser = getMimeTypesArray( wpAllowedMimeTypes );\n\n\tif ( ! allowedMimeTypesForUser ) {\n\t\treturn;\n\t}\n\n\tconst isAllowedMimeTypeForUser = allowedMimeTypesForUser.includes(\n\t\tfile.type\n\t);\n\n\tif ( file.type && ! isAllowedMimeTypeForUser ) {\n\t\tthrow new UploadError( {\n\t\t\tcode: 'MIME_TYPE_NOT_ALLOWED_FOR_USER',\n\t\t\tmessage: sprintf(\n\t\t\t\t// translators: %s: file name.\n\t\t\t\t__(\n\t\t\t\t\t'%s: Sorry, you are not allowed to upload this file type.'\n\t\t\t\t),\n\t\t\t\tfile.name\n\t\t\t),\n\t\t\tfile,\n\t\t} );\n\t}\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;;AAE7C;AACA;AACA;AACA,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,iBAAiB,QAAQ,wBAAwB;;AAE1D;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,uBAAuBA,CACtCC,IAAU,EACVC,kBAAoD,EACnD;EACD;EACA,MAAMC,uBAAuB,GAAGJ,iBAAiB,CAAEG,kBAAmB,CAAC;EAEvE,IAAK,CAAEC,uBAAuB,EAAG;IAChC;EACD;EAEA,MAAMC,wBAAwB,GAAGD,uBAAuB,CAACE,QAAQ,CAChEJ,IAAI,CAACK,IACN,CAAC;EAED,IAAKL,IAAI,CAACK,IAAI,IAAI,CAAEF,wBAAwB,EAAG;IAC9C,MAAM,IAAIN,WAAW,CAAE;MACtBS,IAAI,EAAE,gCAAgC;MACtCC,OAAO,EAAEX,OAAO;MACf;MACAD,EAAE,CACD,0DACD,CAAC,EACDK,IAAI,CAACQ,IACN,CAAC;MACDR;IACD,CAAE,CAAC;EACJ;AACD","ignoreList":[]}

package/build-module/utils/validate-mime-type.js

@@ -0,0 +1,41 @@
+/**
+ * WordPress dependencies
+ */
+import { __, sprintf } from '@wordpress/i18n';
+
+/**
+ * Internal dependencies
+ */
+import { UploadError } from './upload-error';
+
+/**
+ * Verifies if the caller (e.g. a block) supports this mime type.
+ *
+ * @param file         File object.
+ * @param allowedTypes List of allowed mime types.
+ */
+export function validateMimeType(file, allowedTypes) {
+  if (!allowedTypes) {
+    return;
+  }
+
+  // Allowed type specified by consumer.
+  const isAllowedType = 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 === file.type;
+    }
+    // Otherwise a general mime type is used, and we should verify if the file mimetype starts with it.
+    return file.type.startsWith(`${allowedType}/`);
+  });
+  if (file.type && !isAllowedType) {
+    throw new UploadError({
+      code: 'MIME_TYPE_NOT_SUPPORTED',
+      message: sprintf(
+      // translators: %s: file name.
+      __('%s: Sorry, this file type is not supported here.'), file.name),
+      file
+    });
+  }
+}
+//# sourceMappingURL=validate-mime-type.js.map

package/build-module/utils/validate-mime-type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__","sprintf","UploadError","validateMimeType","file","allowedTypes","isAllowedType","some","allowedType","includes","type","startsWith","code","message","name"],"sources":["@wordpress/media-utils/src/utils/validate-mime-type.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { UploadError } from './upload-error';\n\n/**\n * Verifies if the caller (e.g. a block) supports this mime type.\n *\n * @param file         File object.\n * @param allowedTypes List of allowed mime types.\n */\nexport function validateMimeType( file: File, allowedTypes?: string[] ) {\n\tif ( ! allowedTypes ) {\n\t\treturn;\n\t}\n\n\t// Allowed type specified by consumer.\n\tconst isAllowedType = allowedTypes.some( ( allowedType ) => {\n\t\t// If a complete mimetype is specified verify if it matches exactly the mime type of the file.\n\t\tif ( allowedType.includes( '/' ) ) {\n\t\t\treturn allowedType === file.type;\n\t\t}\n\t\t// Otherwise a general mime type is used, and we should verify if the file mimetype starts with it.\n\t\treturn file.type.startsWith( `${ allowedType }/` );\n\t} );\n\n\tif ( file.type && ! isAllowedType ) {\n\t\tthrow new UploadError( {\n\t\t\tcode: 'MIME_TYPE_NOT_SUPPORTED',\n\t\t\tmessage: sprintf(\n\t\t\t\t// translators: %s: file name.\n\t\t\t\t__( '%s: Sorry, this file type is not supported here.' ),\n\t\t\t\tfile.name\n\t\t\t),\n\t\t\tfile,\n\t\t} );\n\t}\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;;AAE7C;AACA;AACA;AACA,SAASC,WAAW,QAAQ,gBAAgB;;AAE5C;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAEC,IAAU,EAAEC,YAAuB,EAAG;EACvE,IAAK,CAAEA,YAAY,EAAG;IACrB;EACD;;EAEA;EACA,MAAMC,aAAa,GAAGD,YAAY,CAACE,IAAI,CAAIC,WAAW,IAAM;IAC3D;IACA,IAAKA,WAAW,CAACC,QAAQ,CAAE,GAAI,CAAC,EAAG;MAClC,OAAOD,WAAW,KAAKJ,IAAI,CAACM,IAAI;IACjC;IACA;IACA,OAAON,IAAI,CAACM,IAAI,CAACC,UAAU,CAAG,GAAGH,WAAa,GAAG,CAAC;EACnD,CAAE,CAAC;EAEH,IAAKJ,IAAI,CAACM,IAAI,IAAI,CAAEJ,aAAa,EAAG;IACnC,MAAM,IAAIJ,WAAW,CAAE;MACtBU,IAAI,EAAE,yBAAyB;MAC/BC,OAAO,EAAEZ,OAAO;MACf;MACAD,EAAE,CAAE,kDAAmD,CAAC,EACxDI,IAAI,CAACU,IACN,CAAC;MACDV;IACD,CAAE,CAAC;EACJ;AACD","ignoreList":[]}

package/build-types/components/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MediaUpload } from "./media-upload";
+//# sourceMappingURL=index.d.ts.map

package/build-types/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.js"],"names":[],"mappings":""}

package/build-types/components/media-upload/index.d.ts

@@ -0,0 +1,30 @@
+export default MediaUpload;
+declare class MediaUpload extends Component<any, any, any> {
+    constructor(...args: any[]);
+    openModal(): void;
+    onOpen(): void;
+    onSelect(): void;
+    onUpdate(selections: any): void;
+    onClose(): void;
+    initializeListeners(): void;
+    /**
+     * Sets the Gallery frame and initializes listeners.
+     *
+     * @return {void}
+     */
+    buildAndSetGalleryFrame(): void;
+    lastGalleryValue: any;
+    GalleryDetailsMediaFrame: any;
+    frame: any;
+    /**
+     * Initializes the Media Library requirements for the featured image flow.
+     *
+     * @return {void}
+     */
+    buildAndSetFeatureImageFrame(): void;
+    componentWillUnmount(): void;
+    updateCollection(): void;
+    render(): any;
+}
+import { Component } from '@wordpress/element';
+//# sourceMappingURL=index.d.ts.map

package/build-types/components/media-upload/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/media-upload/index.js"],"names":[],"mappings":";AAiOA;IACC,4BAOC;IA+LD,kBAkCC;IArGD,eAqCC;IA5CD,iBAKC;IAzBD,gCAkBC;IAgDD,gBAQC;IAzKD,4BAMC;IAED;;;;OAIG;IACH,2BAFY,IAAI,CA+Cf;IA7BA,sBAA6B;IAa5B,8BAA6D;IAO9D,WAMG;IAKJ;;;;OAIG;IACH,gCAFY,IAAI,CA0Bf;IAED,6BAEC;IA8ED,yBAgBC;IAsCD,cAEC;CACD;0BA5cyB,oBAAoB"}

package/build-types/index.d.ts

@@ -0,0 +1,8 @@
+export * from './components';
+export { uploadMedia } from './utils/upload-media';
+export { transformAttachment } from './utils/transform-attachment';
+export { validateFileSize } from './utils/validate-file-size';
+export { validateMimeType } from './utils/validate-mime-type';
+export { validateMimeTypeForUser } from './utils/validate-mime-type-for-user';
+export type { Attachment, RestAttachment } from './utils/types';
+//# sourceMappingURL=index.d.ts.map

package/build-types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE9E,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC"}

package/build-types/utils/flatten-form-data.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Recursively flatten data passed to form data, to allow using multi-level objects.
+ *
+ * @param {FormData}      formData Form data object.
+ * @param {string}        key      Key to amend to form data object
+ * @param {string|Object} data     Data to be amended to form data.
+ */
+export declare function flattenFormData(formData: FormData, key: string, data: string | undefined | Record<string, string>): void;
+//# sourceMappingURL=flatten-form-data.d.ts.map

package/build-types/utils/flatten-form-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flatten-form-data.d.ts","sourceRoot":"","sources":["../../src/utils/flatten-form-data.ts"],"names":[],"mappings":"AAaA;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC9B,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAE,MAAM,EAAE,MAAM,CAAE,QASnD"}

package/build-types/utils/get-mime-types-array.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 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 An array of mime types or null
+ */
+export declare function getMimeTypesArray(wpMimeTypesObject?: Record<string, string> | null): string[] | null;
+//# sourceMappingURL=get-mime-types-array.d.ts.map

package/build-types/utils/get-mime-types-array.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-mime-types-array.d.ts","sourceRoot":"","sources":["../../src/utils/get-mime-types-array.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAChC,iBAAiB,CAAC,EAAE,MAAM,CAAE,MAAM,EAAE,MAAM,CAAE,GAAG,IAAI,mBAiBnD"}

package/build-types/utils/transform-attachment.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Internal dependencies
+ */
+import type { Attachment, RestAttachment } from './types';
+/**
+ * Transforms an attachment object from the REST API shape into the shape expected by the block editor and other consumers.
+ *
+ * @param attachment REST API attachment object.
+ */
+export declare function transformAttachment(attachment: RestAttachment): Attachment;
+//# sourceMappingURL=transform-attachment.d.ts.map

package/build-types/utils/transform-attachment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform-attachment.d.ts","sourceRoot":"","sources":["../../src/utils/transform-attachment.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE1D;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAE,UAAU,EAAE,cAAc,GAAI,UAAU,CAa5E"}