new Uppy(this.uppy_options)
	.use(AwsS3, this.uppy_aws_options)
	.use(XHRUpload, this.uppy_xhr_options)
	.on('file-added', (file) => {
		// THIS IS CALLED ONCE
		console.log('Added file', file);
	})
	.on('upload', (data) => {
		// THIS IS CALLED ONCE
		console.log(`Starting upload ${data.id} for files ${data.fileIDs}`);
	})
	.on('upload-progress', (file, progress) => {
		// THIS IS CALLED TWICE (for each progress)
		console.log(file, progress);
	})
	.on('upload-success', (file, response) => {
		// THIS IS CALLED TWICE
		console.log('Upload successful', file, response);
	});

const uppy_aws_options = {
	getUploadParameters (file:any) {
		return my_custom_method_that_return_a_presigned_url(file.name, file.size, file.type)
			.then((res) => {
				return {
					method: 'put',
					url: res.presignedURL,
					headers: {
						'Content-Type': file.type,
					}
				};
			});
		}
};

const uppy_options = {
	autoProceed: false,
	allowMultipleUploadBatches: true,
	debug: true,
	restrictions: {
		maxFileSize: null,
		minFileSize: null,
		maxTotalFileSize: null,
		maxNumberOfFiles: null,
		minNumberOfFiles: null,
		allowedFileTypes: null,
	}
};

const uppy_xhr_options = {
	endpoint: target,
	fieldName: 'file',
	formData: true
};