@atlaskit/media-picker 64.3.0 → 64.4.0

package/dist/es2019/service/uploadServiceImpl.js

@@ -71,7 +71,7 @@ export class UploadServiceImpl {
       replaceFileId
     }]);
   }
-  addFilesWithSource(files, featureFlags) {
+  async addFilesWithSource(files, featureFlags) {
     if (files.length === 0) {
       return;
     }
@@ -93,47 +93,68 @@ export class UploadServiceImpl {
     const touchFileDescriptors = [];
     for (let i = 0; i < files.length; i++) {
       const {
-        replaceFileId
+        replaceFileId,
+        file
       } = files[i];
       touchFileDescriptors.push({
         fileId: replaceFileId || uuidV4(),
         occurrenceKey: uuidV4(),
         collection,
+        size: file.size,
         expireAfter
       });
     }
     const traceContext = {
       traceId: getRandomHex(8)
     };
-    const promisedTouchFiles = mediaClient.file.touchFiles(touchFileDescriptors, collection, traceContext);
-    const cancellableFileUploads = files.map((fileWithSource, i) => {
-      const {
-        file,
-        source
-      } = fileWithSource;
+    let touchedFiles;
+    let caughtError;
+    try {
+      touchedFiles = await mediaClient.file.touchFiles(touchFileDescriptors, collection, traceContext);
+    } catch (error) {
+      caughtError = error;
+    }
+    const cancellableFileUploads = files.map(({
+      file,
+      source
+    }, i) => {
+      var _touchedFiles, _touchedFiles2;
       const {
         fileId: id,
         occurrenceKey
       } = touchFileDescriptors[i];
-      const deferredUploadId = promisedTouchFiles.then(touchedFiles => {
-        const touchedFile = touchedFiles.created.find(touchedFile => touchedFile.fileId === id);
-        if (!touchedFile) {
-          // TODO No one seems to be caring about this error
-          throw new Error('Cant retrieve uploadId from result of touch endpoint call');
-        }
-        return touchedFile.uploadId;
-      }).catch(error => {
-        // note: any failures in this block will result in an error event being bubbled as required
-        if (error instanceof RequestError) {
-          const requestError = error;
-          if (requestError.metadata && requestError.metadata.statusCode === 409) {
-            return mediaClient.mediaStore.createUpload(1, collection, traceContext).then(res => {
-              return res.data[0].id;
-            });
-          }
+
+      // exclude rejected files from being uploaded
+      const rejectedFile = (_touchedFiles = touchedFiles) === null || _touchedFiles === void 0 ? void 0 : _touchedFiles.rejected.find(({
+        fileId: rejectedFileId
+      }) => rejectedFileId === id);
+      if (rejectedFile) {
+        if (this.fileRejectionHandler) {
+          this.fileRejectionHandler({
+            reason: 'fileSizeLimitExceeded',
+            file,
+            limit: rejectedFile.error.limit
+          });
         }
-        throw error;
-      });
+        return null;
+      }
+      const touchedFile = (_touchedFiles2 = touchedFiles) === null || _touchedFiles2 === void 0 ? void 0 : _touchedFiles2.created.find(touchedFile => touchedFile.fileId === id);
+      let deferredUploadId;
+      const isIdConflictError = caughtError && caughtError instanceof RequestError && caughtError.metadata && caughtError.metadata.statusCode === 409;
+      if (touchedFile) {
+        deferredUploadId = Promise.resolve(touchedFile.uploadId);
+      } else if (isIdConflictError) {
+        // will occur when the backend receives a fileId that already exists in which case
+        // we will create a single upload session for that file and use that uploadId
+        deferredUploadId = mediaClient.mediaStore.createUpload(1, collection, traceContext).then(res => {
+          return res.data[0].id;
+        });
+      } else {
+        // in the case of unexpected errors, we want to defer the throwing of the error
+        // until after the files-added has been emitted,
+        // allows editor to show a broken media card for unexpected errors
+        deferredUploadId = Promise.reject(caughtError);
+      }
       const uploadableFile = {
         collection,
         content: file,
@@ -164,16 +185,17 @@ export class UploadServiceImpl {
           controller.abort();
         }
       };
-      const onFileSuccess = this.onFileSuccess.bind(this);
-      sourceFileObservable.subscribe({
-        next(state) {
+      const {
+        unsubscribe
+      } = sourceFileObservable.subscribe({
+        next: state => {
           if (state.status === 'processing') {
-            this.unsubscribe();
+            unsubscribe();
             if (shouldCopyFileToRecents) {
               mediaClient.emit('file-added', state);
               globalMediaEventEmitter.emit('file-added', state);
             }
-            onFileSuccess(cancellableFileUpload, id, traceContext);
+            this.onFileSuccess(cancellableFileUpload, id, traceContext);
           }
         },
         error: error => {
@@ -183,12 +205,16 @@ export class UploadServiceImpl {
       this.cancellableFilesUploads[id] = cancellableFileUpload;
       return cancellableFileUpload;
     });
-    const mediaFiles = cancellableFileUploads.map(cancellableFileUpload => cancellableFileUpload.mediaFile);
+    const filteredCancellableFileUploads = cancellableFileUploads.filter(this.isCancellableFileUpload);
+    const mediaFiles = filteredCancellableFileUploads.map(cancellableFileUpload => cancellableFileUpload.mediaFile);
     this.emit('files-added', {
       files: mediaFiles,
       traceContext
     });
-    this.emitPreviews(cancellableFileUploads);
+    this.emitPreviews(filteredCancellableFileUploads);
+  }
+  isCancellableFileUpload(fileUpload) {
+    return fileUpload !== null;
   }
   cancel(id) {
     if (id) {
@@ -258,4 +284,7 @@ export class UploadServiceImpl {
   releaseCancellableFile(mediaFile) {
     delete this.cancellableFilesUploads[mediaFile.id];
   }
+  onFileRejection(handler) {
+    this.fileRejectionHandler = handler;
+  }
 }

package/dist/es2019/util/analytics.js

@@ -1,6 +1,9 @@
 import { isRequestError } from '@atlaskit/media-client';
+
+// Component name will be prefixed with "media-picker-" in logs. Check ufoExperiences in utils files
+
 const packageName = "@atlaskit/media-picker";
-const packageVersion = "64.3.0";
+const packageVersion = "64.4.0";
 export function getPackageAttributes(componentName) {
   return {
     packageName,

package/dist/es2019/util/ufoExperiences.js

@@ -2,7 +2,7 @@ import { ConcurrentExperience, ExperiencePerformanceTypes, ExperienceTypes } fro
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-picker";
-const packageVersion = "64.3.0";
+const packageVersion = "64.4.0";
 let ufoExperience;
 const initExperience = (id, componentName) => {
   if (!ufoExperience) {

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/media-picker",
-	"version": "64.3.0"
+	"version": "64.4.0"
 }

package/dist/esm/components/browser/index.js

@@ -43,30 +43,28 @@ export var BrowserLoader = /*#__PURE__*/function (_React$PureComponent) {
       var _UNSAFE_componentWillMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var _yield$Promise$all, _yield$Promise$all2, mediaClient, browserModule;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (this.state.Browser) {
-                  _context.next = 9;
-                  break;
-                }
-                _context.next = 3;
-                return Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client" */'@atlaskit/media-client'), import( /* webpackChunkName: "@atlaskit-internal_media-browser" */'./browser')]);
-              case 3:
-                _yield$Promise$all = _context.sent;
-                _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 2);
-                mediaClient = _yield$Promise$all2[0];
-                browserModule = _yield$Promise$all2[1];
-                BrowserLoader.Browser = mediaClient.withMediaClient(browserModule.Browser, this.props.featureFlags);
-                if (this.mounted) {
-                  this.setState({
-                    Browser: BrowserLoader.Browser
-                  });
-                }
-              case 9:
-              case "end":
-                return _context.stop();
-            }
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (this.state.Browser) {
+                _context.next = 9;
+                break;
+              }
+              _context.next = 3;
+              return Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client" */'@atlaskit/media-client'), import( /* webpackChunkName: "@atlaskit-internal_media-browser" */'./browser')]);
+            case 3:
+              _yield$Promise$all = _context.sent;
+              _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 2);
+              mediaClient = _yield$Promise$all2[0];
+              browserModule = _yield$Promise$all2[1];
+              BrowserLoader.Browser = mediaClient.withMediaClient(browserModule.Browser, this.props.featureFlags);
+              if (this.mounted) {
+                this.setState({
+                  Browser: BrowserLoader.Browser
+                });
+              }
+            case 9:
+            case "end":
+              return _context.stop();
           }
         }, _callee, this);
       }));

package/dist/esm/components/clipboard/index.js

@@ -32,28 +32,26 @@ export var ClipboardLoader = /*#__PURE__*/function (_React$PureComponent) {
       var _UNSAFE_componentWillMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var _yield$Promise$all, _yield$Promise$all2, mediaClient, clipboardModule;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (this.state.Clipboard) {
-                  _context.next = 9;
-                  break;
-                }
-                _context.next = 3;
-                return Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client" */'@atlaskit/media-client'), import( /* webpackChunkName: "@atlaskit-internal_media-clipboard" */'./clipboard')]);
-              case 3:
-                _yield$Promise$all = _context.sent;
-                _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 2);
-                mediaClient = _yield$Promise$all2[0];
-                clipboardModule = _yield$Promise$all2[1];
-                ClipboardLoader.Clipboard = mediaClient.withMediaClient(clipboardModule.Clipboard, this.props.featureFlags);
-                this.setState({
-                  Clipboard: ClipboardLoader.Clipboard
-                });
-              case 9:
-              case "end":
-                return _context.stop();
-            }
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (this.state.Clipboard) {
+                _context.next = 9;
+                break;
+              }
+              _context.next = 3;
+              return Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client" */'@atlaskit/media-client'), import( /* webpackChunkName: "@atlaskit-internal_media-clipboard" */'./clipboard')]);
+            case 3:
+              _yield$Promise$all = _context.sent;
+              _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 2);
+              mediaClient = _yield$Promise$all2[0];
+              clipboardModule = _yield$Promise$all2[1];
+              ClipboardLoader.Clipboard = mediaClient.withMediaClient(clipboardModule.Clipboard, this.props.featureFlags);
+              this.setState({
+                Clipboard: ClipboardLoader.Clipboard
+              });
+            case 9:
+            case "end":
+              return _context.stop();
           }
         }, _callee, this);
       }));

package/dist/esm/components/dropzone/dropzone.js

@@ -78,45 +78,43 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(dragEvent) {
         var featureFlags, flattenedDirectoryFiles, files;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (dragEvent.dataTransfer) {
-                  _context.next = 2;
-                  break;
-                }
-                return _context.abrupt("return");
-              case 2:
-                dragEvent.preventDefault();
-                dragEvent.stopPropagation();
-                featureFlags = _this.props.featureFlags; // refreshes uploadParams as only set once in parent constructor
-                _this.setUploadParams(_this.props.config.uploadParams);
-                /*
-                 * Only enable support for folders if (1) the browser is supported (2) feature flag is enabled
-                 * The file flattening library used to add support for Folders uses a function called webkitEntry.
-                 * Some browser types are not supported https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitEntries
-                 */
-                if (!(isWebkitSupported() && getMediaFeatureFlag('folderUploads', featureFlags))) {
-                  _context.next = 15;
-                  break;
-                }
-                _this.fireAnalyticsForFolders(dragEvent.dataTransfer.items);
-                _context.next = 10;
-                return _this.getFilesFromDragEvent(dragEvent.dataTransfer.items);
-              case 10:
-                flattenedDirectoryFiles = _context.sent;
-                _this.onDropFolders(flattenedDirectoryFiles.length);
-                _this.uploadService.addFiles(flattenedDirectoryFiles, featureFlags);
-                _context.next = 18;
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (dragEvent.dataTransfer) {
+                _context.next = 2;
                 break;
-              case 15:
-                _this.onDrop(dragEvent);
-                files = Array.from(dragEvent.dataTransfer.files);
-                _this.uploadService.addFiles(files, featureFlags);
-              case 18:
-              case "end":
-                return _context.stop();
-            }
+              }
+              return _context.abrupt("return");
+            case 2:
+              dragEvent.preventDefault();
+              dragEvent.stopPropagation();
+              featureFlags = _this.props.featureFlags; // refreshes uploadParams as only set once in parent constructor
+              _this.setUploadParams(_this.props.config.uploadParams);
+              /*
+               * Only enable support for folders if (1) the browser is supported (2) feature flag is enabled
+               * The file flattening library used to add support for Folders uses a function called webkitEntry.
+               * Some browser types are not supported https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitEntries
+               */
+              if (!(isWebkitSupported() && getMediaFeatureFlag('folderUploads', featureFlags))) {
+                _context.next = 15;
+                break;
+              }
+              _this.fireAnalyticsForFolders(dragEvent.dataTransfer.items);
+              _context.next = 10;
+              return _this.getFilesFromDragEvent(dragEvent.dataTransfer.items);
+            case 10:
+              flattenedDirectoryFiles = _context.sent;
+              _this.onDropFolders(flattenedDirectoryFiles.length);
+              _this.uploadService.addFiles(flattenedDirectoryFiles, featureFlags);
+              _context.next = 18;
+              break;
+            case 15:
+              _this.onDrop(dragEvent);
+              files = Array.from(dragEvent.dataTransfer.files);
+              _this.uploadService.addFiles(files, featureFlags);
+            case 18:
+            case "end":
+              return _context.stop();
           }
         }, _callee);
       }));
@@ -124,6 +122,9 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
         return _ref.apply(this, arguments);
       };
     }());
+    /*
+     * Checks how many folders are uploaded in a single drag and drop. Then, fires an analytic event in accordance to this.
+     */
     _defineProperty(_assertThisInitialized(_this), "fireAnalyticsForFolders", function (items) {
       //convert DataTransferItemList into an array of DataTransferItem(s)
       var toArray = Array.from(items);
@@ -144,27 +145,28 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
         _this.fireAnalyticsEvent('folderDroppedInto', folderCount);
       }
     });
+    /*
+     * Files dropped contains a directory. Thus, flatten the directory to return an array of Files.
+     */
     _defineProperty(_assertThisInitialized(_this), "getFilesFromDragEvent", /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(dragEventItemList) {
         var items, fileSystemEntries, files;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                items = dragEventItemList; //If items consist of directory or directories, flatten it to grab the files only. Else, just get the files
-                _context2.next = 3;
-                return getFilesFromItems(items);
-              case 3:
-                fileSystemEntries = _context2.sent;
-                _context2.next = 6;
-                return getFilesFromFileSystemEntries(fileSystemEntries);
-              case 6:
-                files = _context2.sent;
-                return _context2.abrupt("return", _this.filterFilesAgainstBlacklist(files));
-              case 8:
-              case "end":
-                return _context2.stop();
-            }
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              items = dragEventItemList; //If items consist of directory or directories, flatten it to grab the files only. Else, just get the files
+              _context2.next = 3;
+              return getFilesFromItems(items);
+            case 3:
+              fileSystemEntries = _context2.sent;
+              _context2.next = 6;
+              return getFilesFromFileSystemEntries(fileSystemEntries);
+            case 6:
+              files = _context2.sent;
+              return _context2.abrupt("return", _this.filterFilesAgainstBlacklist(files));
+            case 8:
+            case "end":
+              return _context2.stop();
           }
         }, _callee2);
       }));
@@ -181,6 +183,7 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
         return !blacklist.includes(file.name);
       });
     });
+    // Similar to the onDrop event, but for folders.
     _defineProperty(_assertThisInitialized(_this), "onDropFolders", function (fileCount) {
       if (fileCount > 0) {
         _this.sendAnalyticsAndEmitDragLeave(fileCount);
@@ -252,8 +255,6 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
       // This is required for IE11
       return dataTransfer.files.length;
     }
-
-    // Similar to the onDrop event, but for folders.
   }, {
     key: "emitDragOver",
     value: function emitDragOver(payload) {

package/dist/esm/components/dropzone/index.js

@@ -33,37 +33,35 @@ export var DropzoneLoader = /*#__PURE__*/function (_React$PureComponent) {
       var _UNSAFE_componentWillMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var _yield$Promise$all, _yield$Promise$all2, mediaClient, dropzoneModule, mediaPickerErrorBoundaryModule;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (!(!this.state.Dropzone || !this.state.MediaPickerErrorBoundary)) {
-                  _context.next = 16;
-                  break;
-                }
-                _context.prev = 1;
-                _context.next = 4;
-                return Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client" */'@atlaskit/media-client'), import( /* webpackChunkName: "@atlaskit-internal_media-dropzone" */'./dropzone'), import( /* webpackChunkName: "@atlaskit-internal_media-picker-error-boundary" */'../media-picker-analytics-error-boundary')]);
-              case 4:
-                _yield$Promise$all = _context.sent;
-                _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 3);
-                mediaClient = _yield$Promise$all2[0];
-                dropzoneModule = _yield$Promise$all2[1];
-                mediaPickerErrorBoundaryModule = _yield$Promise$all2[2];
-                DropzoneLoader.Dropzone = mediaClient.withMediaClient(dropzoneModule.Dropzone, this.props.featureFlags);
-                DropzoneLoader.MediaPickerErrorBoundary = mediaPickerErrorBoundaryModule.default;
-                this.setState({
-                  Dropzone: DropzoneLoader.Dropzone,
-                  MediaPickerErrorBoundary: DropzoneLoader.MediaPickerErrorBoundary
-                });
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (!(!this.state.Dropzone || !this.state.MediaPickerErrorBoundary)) {
                 _context.next = 16;
                 break;
-              case 14:
-                _context.prev = 14;
-                _context.t0 = _context["catch"](1);
-              case 16:
-              case "end":
-                return _context.stop();
-            }
+              }
+              _context.prev = 1;
+              _context.next = 4;
+              return Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client" */'@atlaskit/media-client'), import( /* webpackChunkName: "@atlaskit-internal_media-dropzone" */'./dropzone'), import( /* webpackChunkName: "@atlaskit-internal_media-picker-error-boundary" */'../media-picker-analytics-error-boundary')]);
+            case 4:
+              _yield$Promise$all = _context.sent;
+              _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 3);
+              mediaClient = _yield$Promise$all2[0];
+              dropzoneModule = _yield$Promise$all2[1];
+              mediaPickerErrorBoundaryModule = _yield$Promise$all2[2];
+              DropzoneLoader.Dropzone = mediaClient.withMediaClient(dropzoneModule.Dropzone, this.props.featureFlags);
+              DropzoneLoader.MediaPickerErrorBoundary = mediaPickerErrorBoundaryModule.default;
+              this.setState({
+                Dropzone: DropzoneLoader.Dropzone,
+                MediaPickerErrorBoundary: DropzoneLoader.MediaPickerErrorBoundary
+              });
+              _context.next = 16;
+              break;
+            case 14:
+              _context.prev = 14;
+              _context.t0 = _context["catch"](1);
+            case 16:
+            case "end":
+              return _context.stop();
           }
         }, _callee, this, [[1, 14]]);
       }));

package/dist/esm/components/localUploadReact.js

@@ -89,43 +89,41 @@ export var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(payload) {
         var fileId, _payload$error, errorName, rawError, traceContext, _end2, _end2$duration, uploadDurationMsec;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                fileId = payload.fileId, _payload$error = payload.error, errorName = _payload$error.name, rawError = _payload$error.rawError, traceContext = payload.traceContext;
-                _end2 = end("MediaPicker.fireUpload.".concat(fileId)), _end2$duration = _end2.duration, uploadDurationMsec = _end2$duration === void 0 ? -1 : _end2$duration;
-                _this.createAndFireAnalyticsEvent({
-                  eventType: 'operational',
-                  action: 'failed',
-                  actionSubject: 'mediaUpload',
-                  actionSubjectId: 'localMedia',
-                  attributes: {
-                    sourceType: 'local',
-                    serviceName: 'upload',
-                    status: 'fail',
-                    failReason: errorName,
-                    error: !!rawError ? getMediaClientErrorReason(rawError) : 'unknown',
-                    request: !!rawError ? getRequestMetadata(rawError) : undefined,
-                    fileAttributes: {
-                      fileId: fileId
-                    },
-                    uploadDurationMsec: uploadDurationMsec,
-                    traceContext: traceContext
-                  }
-                });
-                failMediaUploadUfoExperience(fileId, {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              fileId = payload.fileId, _payload$error = payload.error, errorName = _payload$error.name, rawError = _payload$error.rawError, traceContext = payload.traceContext;
+              _end2 = end("MediaPicker.fireUpload.".concat(fileId)), _end2$duration = _end2.duration, uploadDurationMsec = _end2$duration === void 0 ? -1 : _end2$duration;
+              _this.createAndFireAnalyticsEvent({
+                eventType: 'operational',
+                action: 'failed',
+                actionSubject: 'mediaUpload',
+                actionSubjectId: 'localMedia',
+                attributes: {
+                  sourceType: 'local',
+                  serviceName: 'upload',
+                  status: 'fail',
                   failReason: errorName,
                   error: !!rawError ? getMediaClientErrorReason(rawError) : 'unknown',
                   request: !!rawError ? getRequestMetadata(rawError) : undefined,
                   fileAttributes: {
                     fileId: fileId
                   },
-                  uploadDurationMsec: uploadDurationMsec
-                });
-              case 4:
-              case "end":
-                return _context.stop();
-            }
+                  uploadDurationMsec: uploadDurationMsec,
+                  traceContext: traceContext
+                }
+              });
+              failMediaUploadUfoExperience(fileId, {
+                failReason: errorName,
+                error: !!rawError ? getMediaClientErrorReason(rawError) : 'unknown',
+                request: !!rawError ? getRequestMetadata(rawError) : undefined,
+                fileAttributes: {
+                  fileId: fileId
+                },
+                uploadDurationMsec: uploadDurationMsec
+              });
+            case 4:
+            case "end":
+              return _context.stop();
           }
         }, _callee);
       }));

package/dist/esm/service/types.js

@@ -1,8 +1,8 @@
 export var MAX_FILE_SIZE_FOR_PREVIEW = 10e6; // 10 MB
 
-export var LocalFileSource;
-(function (LocalFileSource) {
+export var LocalFileSource = /*#__PURE__*/function (LocalFileSource) {
   LocalFileSource["PastedFile"] = "pastedFile";
   LocalFileSource["PastedScreenshot"] = "pastedScreenshot";
   LocalFileSource["LocalUpload"] = "localUpload";
-})(LocalFileSource || (LocalFileSource = {}));
+  return LocalFileSource;
+}({});