added new state MEDIA_UPLOAD_STATE_RESET to reset associated mediaUrl…

… and fixed typo (#13610)

Added new state MEDIA_UPLOAD_STATE_RESET and fixed typo

packages/block-library/src/image/edit.native.js

@@ -23,9 +23,10 @@ import ImageSize from './image-size';
 import { isURL } from '@wordpress/url';
 import styles from './styles.scss';
 
-const MEDIA_ULOAD_STATE_UPLOADING = 1;
-const MEDIA_ULOAD_STATE_SUCCEEDED = 2;
-const MEDIA_ULOAD_STATE_FAILED = 3;
+const MEDIA_UPLOAD_STATE_UPLOADING = 1;
+const MEDIA_UPLOAD_STATE_SUCCEEDED = 2;
+const MEDIA_UPLOAD_STATE_FAILED = 3;
+const MEDIA_UPLOAD_STATE_RESET = 4;
 
 export default class ImageEdit extends React.Component {
 	constructor( props ) {
@@ -76,15 +77,18 @@ export default class ImageEdit extends React.Component {
 		}
 
 		switch ( payload.state ) {
-			case MEDIA_ULOAD_STATE_UPLOADING:
+			case MEDIA_UPLOAD_STATE_UPLOADING:
 				this.setState( { progress: payload.progress, isUploadInProgress: true, isUploadFailed: false } );
 				break;
-			case MEDIA_ULOAD_STATE_SUCCEEDED:
+			case MEDIA_UPLOAD_STATE_SUCCEEDED:
 				this.finishMediaUploadWithSuccess( payload );
 				break;
-			case MEDIA_ULOAD_STATE_FAILED:
+			case MEDIA_UPLOAD_STATE_FAILED:
 				this.finishMediaUploadWithFailure( payload );
 				break;
+			case MEDIA_UPLOAD_STATE_RESET:
+				this.mediaUploadStateReset( payload );
+				break;
 		}
 	}
 
@@ -104,6 +108,13 @@ export default class ImageEdit extends React.Component {
 		this.setState( { isUploadInProgress: false, isUploadFailed: true } );
 	}
 
+	mediaUploadStateReset( payload ) {
+		const { setAttributes } = this.props;
+
+		setAttributes( { id: payload.mediaId, url: null } );
+		this.setState( { isUploadInProgress: false, isUploadFailed: false } );
+	}
+
 	addMediaUploadListener() {
 		this.subscriptionParentMediaUpload = subscribeMediaUpload( ( payload ) => {
 			this.mediaUpload( payload );