@rs-pk/asset-management 1.0.30 → 1.0.32

package/esm5/lib/services/upload-assets.service.js

@@ -16,6 +16,7 @@ var UploadAssetsService = /** @class */ (function () {
         this._api = _api;
         this.files = [];
         this.fileNames = [];
+        this.uploadErrors = new Map();
         this.supportedSize = 10 * 1024 * 1024; // 10MB
         // 10MB
         this.documentExtension = ['.pdf', '.csv'];
@@ -118,9 +119,25 @@ var UploadAssetsService = /** @class */ (function () {
      * @return {?}
      */
     function (index) {
+        this.uploadErrors.delete(this.files[index]);
         this.files.splice(index, 1);
         this.fileNames.splice(index, 1);
     };
+    /**
+     * @param {?} index
+     * @return {?}
+     */
+    UploadAssetsService.prototype.getUploadName = /**
+     * @param {?} index
+     * @return {?}
+     */
+    function (index) {
+        /** @type {?} */
+        var nameSplit = this.files[index].name.split('.');
+        /** @type {?} */
+        var ext = "." + nameSplit.splice(nameSplit.length - 1, 1)[0];
+        return "" + this.fileNames[index].name + ext;
+    };
     /**
      * @param {?} parentAssetId
      * @return {?}
@@ -132,21 +149,11 @@ var UploadAssetsService = /** @class */ (function () {
     function (parentAssetId) {
         var files = this.files;
         /** @type {?} */
-        var fileNames = this.fileNames.map((/**
-         * @param {?} file
-         * @return {?}
-         */
-        function (file) { return file.name; }));
-        /** @type {?} */
         var formData = new FormData();
         formData.append('parentAssetId', parentAssetId);
         formData.append('companyId', '732DA8D2-04EC-4BE0-A168-63EE0DCF50D8');
         for (var i = 0; i < files.length; i++) {
-            /** @type {?} */
-            var nameSplit = files[i].name.split('.');
-            /** @type {?} */
-            var ext = "." + nameSplit.splice(nameSplit.length - 1, 1)[0];
-            formData.append('files', files[i], "" + fileNames[i] + ext);
+            formData.append('files', files[i], this.getUploadName(i));
         }
         return this._api.post(this.baseUrl + "/File/Upload", formData);
     };
@@ -171,6 +178,8 @@ if (false) {
     /** @type {?} */
     UploadAssetsService.prototype.fileNames;
     /** @type {?} */
+    UploadAssetsService.prototype.uploadErrors;
+    /** @type {?} */
     UploadAssetsService.prototype.supportedSize;
     /** @type {?} */
     UploadAssetsService.prototype.documentExtension;
@@ -205,4 +214,4 @@ if (false) {
      */
     UploadAssetsService.prototype._api;
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWFzc2V0cy5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHJzLXBrL2Fzc2V0LW1hbmFnZW1lbnQvIiwic291cmNlcyI6WyJsaWIvc2VydmljZXMvdXBsb2FkLWFzc2V0cy5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLE9BQU8sRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsZUFBZSxFQUFjLE1BQU0sTUFBTSxDQUFDO0FBQ25ELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNoRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFFakQ7SUEwQkUsNkJBQzZCLElBQUksRUFDeEIsTUFBaUIsRUFDaEIsSUFBb0I7UUFGRCxTQUFJLEdBQUosSUFBSSxDQUFBO1FBQ3hCLFdBQU0sR0FBTixNQUFNLENBQVc7UUFDaEIsU0FBSSxHQUFKLElBQUksQ0FBZ0I7UUEzQnRCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDcEIsY0FBUyxHQUEwQyxFQUFFLENBQUM7UUFDdEQsa0JBQWEsR0FBRyxFQUFFLEdBQUcsSUFBSSxHQUFHLElBQUksQ0FBQyxDQUFDLE9BQU87O1FBQ2hDLHNCQUFpQixHQUFHLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQ3JDLHdCQUFtQixHQUFHLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDL0IsbUJBQWMsR0FBRztZQUMvQixNQUFNO1lBQ04sTUFBTTtZQUNOLE9BQU87WUFDUCxNQUFNO1lBQ04sTUFBTTtZQUNOLFVBQVU7U0FDWCxDQUFDO1FBQ0ssbUJBQWMsWUFBTyxJQUFJLENBQUMsY0FBYyxFQUFLLElBQUksQ0FBQyxtQkFBbUIsRUFBSyxJQUFJLENBQUMsaUJBQWlCLEVBQUU7UUFDekYsa0JBQWEsR0FB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QUFPLGlCQUFjLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDdEUsQ0FBQzs7Z0JBOUVGLFVBQVU7Ozs7Z0RBMkJOLE1BQU0sU0FBQyxTQUFTO2dCQWhDWixTQUFTO2dCQUVULGNBQWM7O0lBa0Z2QiwwQkFBQztDQUFBLEFBL0VELElBK0VDO1NBOUVZLG1CQUFtQjs7Ozs7O0lBQzlCLG9DQUEyQjs7SUFDM0Isd0NBQTZEOztJQUM3RCw0Q0FBd0M7O0lBQ3hDLGdEQUFxRDs7SUFDckQsa0RBQStDOztJQUMvQyw2Q0FPRTs7SUFDRiw2Q0FBeUc7O0lBQ3pHLDRDQUtFOzs7OztJQUVGLHdDQUFvRTs7Ozs7SUFDcEUsc0NBQXdCOzs7OztJQUd0QixtQ0FBK0I7O0lBQy9CLHFDQUF3Qjs7Ozs7SUFDeEIsbUNBQTRCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0LCBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXREaWFsb2cgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBCYXNlSHR0cENsaWVudCB9IGZyb20gJy4vYmFzZS5zZXJ2aWNlJztcbmltcG9ydCB7IEFNX0NPTkZJRyB9IGZyb20gJy4vZW52LWNvbmZpZy5zZXJ2aWNlJztcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIFVwbG9hZEFzc2V0c1NlcnZpY2Uge1xuICBwcml2YXRlIGZpbGVzOiBGaWxlW10gPSBbXTtcbiAgcHVibGljIGZpbGVOYW1lczogeyBba2V5OiBzdHJpbmddOiBzdHJpbmcgfCBib29sZWFuIH1bXSA9IFtdO1xuICBwdWJsaWMgc3VwcG9ydGVkU2l6ZSA9IDEwICogMTAyNCAqIDEwMjQ7IC8vIDEwTUJcbiAgcHVibGljIHJlYWRvbmx5IGRvY3VtZW50RXh0ZW5zaW9uID0gWycucGRmJywgJy5jc3YnXTtcbiAgcHVibGljIHJlYWRvbmx5IGNvbXByZXNzZWRFeHRlbnNpb24gPSBbJy56aXAnXTtcbiAgcHVibGljIHJlYWRvbmx5IGltYWdlRXh0ZW5zaW9uID0gW1xuICAgICcucG5nJyxcbiAgICAnLmdpZicsXG4gICAgJy5qcGVnJyxcbiAgICAnLmpwZycsXG4gICAgJy5zdmcnLFxuICAgICcuc3ZnK3htbCcsXG4gIF07XG4gIHB1YmxpYyBzdXBwb3J0ZWRUeXBlcyA9IFsuLi50aGlzLmltYWdlRXh0ZW5zaW9uLCAuLi50aGlzLmNvbXByZXNzZWRFeHRlbnNpb24sIC4uLnRoaXMuZG9jdW1lbnRFeHRlbnNpb25dO1xuICBwdWJsaWMgcmVhZG9ubHkgbWVzc2FnZUVycm9ycyA9IHtcbiAgICBzaXplOiBgRmlsZSBzaXplIHNob3VsZCBiZSB1cHRvYCxcbiAgICBleHQ6IGBPbmx5IHN1cHBvcnRlZCBmaWxlIGV4dGVuc2lvbjpgLFxuICAgIHJlcGxhY2U6IGBUaGUgcmVwbGFjZW1lbnQgZmlsZSBzaG91bGQgYmUgdGhlIHNhbWUgZXh0ZW5zaW9uIHdpdGggb2xkIG9uZTpgLFxuICAgIG1heExlbmd0aDogYFRoZSBjaGFyYWN0ZXIgbGltaXQgaXMgMjAwIGNoYXJhY3RlcnNgLFxuICB9O1xuXG4gIHByaXZhdGUgZXJyb3JPYnMkOiBCZWhhdmlvclN1YmplY3Q8YW55PiA9IG5ldyBCZWhhdmlvclN1YmplY3QodHJ1ZSk7XG4gIHByaXZhdGUgYmFzZVVybDogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoQU1fQ09ORklHKSBwcml2YXRlIF9lbnYsXG4gICAgcHVibGljIGRpYWxvZzogTWF0RGlhbG9nLFxuICAgIHByaXZhdGUgX2FwaTogQmFzZUh0dHBDbGllbnRcbiAgKSB7XG4gICAgdGhpcy5iYXNlVXJsID0gdGhpcy5fZW52LmFzc2V0MlVybDtcbiAgfVxuXG4gIGdldEVycm9yT2JzKCk6IE9ic2VydmFibGU8YW55PiB7XG4gICAgcmV0dXJuIHRoaXMuZXJyb3JPYnMkLmFzT2JzZXJ2YWJsZSgpO1xuICB9XG5cbiAgc2V0RXJyb3JPYnMoZXJyb3I6IGJvb2xlYW4pIHtcbiAgICB0aGlzLmVycm9yT2JzJC5uZXh0KGVycm9yKTtcbiAgfVxuXG4gIGdldCBnZXRGaWxlcygpOiBGaWxlW10ge1xuICAgIHJldHVybiB0aGlzLmZpbGVzO1xuICB9XG5cbiAgc2V0IHNldEZpbGVzKGZpbGVzOiBGaWxlW10pIHtcbiAgICB0aGlzLmZpbGVzID0gZmlsZXM7XG4gIH1cblxuICBnZXQgZXJyb3JGaWxlcygpOiBib29sZWFuIHtcbiAgICBjb25zdCBpbnZhbGlkRmlsZXMgPSB0aGlzLmZpbGVOYW1lcy5maWx0ZXIoZmlsZSA9PiAhZmlsZS52YWxpZCk7XG4gICAgcmV0dXJuIHRoaXMuZmlsZU5hbWVzLmxlbmd0aCAmJiBpbnZhbGlkRmlsZXMubGVuZ3RoID4gMDtcbiAgfVxuXG4gIGdldCBlcnJvckxlbmd0aCgpIHtcbiAgICByZXR1cm4gdGhpcy5maWxlTmFtZXMuZmlsdGVyKGZpbGUgPT4gIWZpbGUudmFsaWQpLmxlbmd0aDtcbiAgfVxuXG4gIHB1YmxpYyBkZWxldGVGaWxlKGluZGV4OiBudW1iZXIpIHtcbiAgICB0aGlzLmZpbGVzLnNwbGljZShpbmRleCwgMSk7XG4gICAgdGhpcy5maWxlTmFtZXMuc3BsaWNlKGluZGV4LCAxKTtcbiAgfVxuXG4gIHVwbG9hZE11bHRpcGxlQXNzZXRzKHBhcmVudEFzc2V0SWQ6IHN0cmluZykge1xuICAgIGNvbnN0IHsgZmlsZXMgfSA9IHRoaXM7XG4gICAgY29uc3QgZmlsZU5hbWVzID0gdGhpcy5maWxlTmFtZXMubWFwKGZpbGUgPT4gZmlsZS5uYW1lKTtcbiAgICBjb25zdCBmb3JtRGF0YSA9IG5ldyBGb3JtRGF0YSgpO1xuICAgIGZvcm1EYXRhLmFwcGVuZCgncGFyZW50QXNzZXRJZCcsIHBhcmVudEFzc2V0SWQpO1xuICAgIGZvcm1EYXRhLmFwcGVuZCgnY29tcGFueUlkJywgJzczMkRBOEQyLTA0RUMtNEJFMC1BMTY4LTYzRUUwRENGNTBEOCcpO1xuXG4gICAgZm9yIChsZXQgaSA9IDA7IGkgPCBmaWxlcy5sZW5ndGg7IGkrKykge1xuICAgICAgY29uc3QgbmFtZVNwbGl0ID0gZmlsZXNbaV0ubmFtZS5zcGxpdCgnLicpO1xuICAgICAgY29uc3QgZXh0ID0gYC4ke25hbWVTcGxpdC5zcGxpY2UobmFtZVNwbGl0Lmxlbmd0aCAtIDEsIDEpWzBdfWA7XG4gICAgICBmb3JtRGF0YS5hcHBlbmQoJ2ZpbGVzJywgZmlsZXNbaV0sIGAke2ZpbGVOYW1lc1tpXX0ke2V4dH1gKTtcbiAgICB9XG5cbiAgICByZXR1cm4gdGhpcy5fYXBpLnBvc3Q8YW55PihgJHt0aGlzLmJhc2VVcmx9L0ZpbGUvVXBsb2FkYCwgZm9ybURhdGEpO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWFzc2V0cy5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHJzLXBrL2Fzc2V0LW1hbmFnZW1lbnQvIiwic291cmNlcyI6WyJsaWIvc2VydmljZXMvdXBsb2FkLWFzc2V0cy5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLE9BQU8sRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsZUFBZSxFQUFjLE1BQU0sTUFBTSxDQUFDO0FBQ25ELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNoRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFFakQ7SUEyQkUsNkJBQzZCLElBQUksRUFDeEIsTUFBaUIsRUFDaEIsSUFBb0I7UUFGRCxTQUFJLEdBQUosSUFBSSxDQUFBO1FBQ3hCLFdBQU0sR0FBTixNQUFNLENBQVc7UUFDaEIsU0FBSSxHQUFKLElBQUksQ0FBZ0I7UUE1QnRCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDcEIsY0FBUyxHQUEwQyxFQUFFLENBQUM7UUFDdEQsaUJBQVksR0FBRyxJQUFJLEdBQUcsRUFBa0IsQ0FBQztRQUN6QyxrQkFBYSxHQUFHLEVBQUUsR0FBRyxJQUFJLEdBQUcsSUFBSSxDQUFDLENBQUMsT0FBTzs7UUFDaEMsc0JBQWlCLEdBQUcsQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFDckMsd0JBQW1CLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUMvQixtQkFBYyxHQUFHO1lBQy9CLE1BQU07WUFDTixNQUFNO1lBQ04sT0FBTztZQUNQLE1BQU07WUFDTixNQUFNO1lBQ04sVUFBVTtTQUNYLENBQUM7UUFDSyxtQkFBYyxZQUFPLElBQUksQ0FBQyxjQUFjLEVBQUssSUFBSSxDQUFDLG1CQUFtQixFQUFL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QyxPQUFPLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUMzRDtRQUVELE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQVMsSUFBSSxDQUFDLE9BQU8saUJBQWMsRUFBRSxRQUFRLENBQUMsQ0FBQztJQUN0RSxDQUFDOztnQkFuRkYsVUFBVTs7OztnREE0Qk4sTUFBTSxTQUFDLFNBQVM7Z0JBakNaLFNBQVM7Z0JBRVQsY0FBYzs7SUF1RnZCLDBCQUFDO0NBQUEsQUFwRkQsSUFvRkM7U0FuRlksbUJBQW1COzs7Ozs7SUFDOUIsb0NBQTJCOztJQUMzQix3Q0FBNkQ7O0lBQzdELDJDQUFnRDs7SUFDaEQsNENBQXdDOztJQUN4QyxnREFBcUQ7O0lBQ3JELGtEQUErQzs7SUFDL0MsNkNBT0U7O0lBQ0YsNkNBQXlHOztJQUN6Ryw0Q0FLRTs7Ozs7SUFFRix3Q0FBb0U7Ozs7O0lBQ3BFLHNDQUF3Qjs7Ozs7SUFHdEIsbUNBQStCOztJQUMvQixxQ0FBd0I7Ozs7O0lBQ3hCLG1DQUE0QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdCwgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0RGlhbG9nIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgQmFzZUh0dHBDbGllbnQgfSBmcm9tICcuL2Jhc2Uuc2VydmljZSc7XG5pbXBvcnQgeyBBTV9DT05GSUcgfSBmcm9tICcuL2Vudi1jb25maWcuc2VydmljZSc7XG5cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBVcGxvYWRBc3NldHNTZXJ2aWNlIHtcbiAgcHJpdmF0ZSBmaWxlczogRmlsZVtdID0gW107XG4gIHB1YmxpYyBmaWxlTmFtZXM6IHsgW2tleTogc3RyaW5nXTogc3RyaW5nIHwgYm9vbGVhbiB9W10gPSBbXTtcbiAgcHVibGljIHVwbG9hZEVycm9ycyA9IG5ldyBNYXA8RmlsZSwgc3RyaW5nW10+KCk7XG4gIHB1YmxpYyBzdXBwb3J0ZWRTaXplID0gMTAgKiAxMDI0ICogMTAyNDsgLy8gMTBNQlxuICBwdWJsaWMgcmVhZG9ubHkgZG9jdW1lbnRFeHRlbnNpb24gPSBbJy5wZGYnLCAnLmNzdiddO1xuICBwdWJsaWMgcmVhZG9ubHkgY29tcHJlc3NlZEV4dGVuc2lvbiA9IFsnLnppcCddO1xuICBwdWJsaWMgcmVhZG9ubHkgaW1hZ2VFeHRlbnNpb24gPSBbXG4gICAgJy5wbmcnLFxuICAgICcuZ2lmJyxcbiAgICAnLmpwZWcnLFxuICAgICcuanBnJyxcbiAgICAnLnN2ZycsXG4gICAgJy5zdmcreG1sJyxcbiAgXTtcbiAgcHVibGljIHN1cHBvcnRlZFR5cGVzID0gWy4uLnRoaXMuaW1hZ2VFeHRlbnNpb24sIC4uLnRoaXMuY29tcHJlc3NlZEV4dGVuc2lvbiwgLi4udGhpcy5kb2N1bWVudEV4dGVuc2lvbl07XG4gIHB1YmxpYyByZWFkb25seSBtZXNzYWdlRXJyb3JzID0ge1xuICAgIHNpemU6IGBGaWxlIHNpemUgc2hvdWxkIGJlIHVwdG9gLFxuICAgIGV4dDogYE9ubHkgc3VwcG9ydGVkIGZpbGUgZXh0ZW5zaW9uOmAsXG4gICAgcmVwbGFjZTogYFRoZSByZXBsYWNlbWVudCBmaWxlIHNob3VsZCBiZSB0aGUgc2FtZSBleHRlbnNpb24gd2l0aCBvbGQgb25lOmAsXG4gICAgbWF4TGVuZ3RoOiBgVGhlIGNoYXJhY3RlciBsaW1pdCBpcyAyMDAgY2hhcmFjdGVyc2AsXG4gIH07XG5cbiAgcHJpdmF0ZSBlcnJvck9icyQ6IEJlaGF2aW9yU3ViamVjdDxhbnk+ID0gbmV3IEJlaGF2aW9yU3ViamVjdCh0cnVlKTtcbiAgcHJpdmF0ZSBiYXNlVXJsOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdChBTV9DT05GSUcpIHByaXZhdGUgX2VudixcbiAgICBwdWJsaWMgZGlhbG9nOiBNYXREaWFsb2csXG4gICAgcHJpdmF0ZSBfYXBpOiBCYXNlSHR0cENsaWVudFxuICApIHtcbiAgICB0aGlzLmJhc2VVcmwgPSB0aGlzLl9lbnYuYXNzZXQyVXJsO1xuICB9XG5cbiAgZ2V0RXJyb3JPYnMoKTogT2JzZXJ2YWJsZTxhbnk+IHtcbiAgICByZXR1cm4gdGhpcy5lcnJvck9icyQuYXNPYnNlcnZhYmxlKCk7XG4gIH1cblxuICBzZXRFcnJvck9icyhlcnJvcjogYm9vbGVhbikge1xuICAgIHRoaXMuZXJyb3JPYnMkLm5leHQoZXJyb3IpO1xuICB9XG5cbiAgZ2V0IGdldEZpbGVzKCk6IEZpbGVbXSB7XG4gICAgcmV0dXJuIHRoaXMuZmlsZXM7XG4gIH1cblxuICBzZXQgc2V0RmlsZXMoZmlsZXM6IEZpbGVbXSkge1xuICAgIHRoaXMuZmlsZXMgPSBmaWxlcztcbiAgfVxuXG4gIGdldCBlcnJvckZpbGVzKCk6IGJvb2xlYW4ge1xuICAgIGNvbnN0IGludmFsaWRGaWxlcyA9IHRoaXMuZmlsZU5hbWVzLmZpbHRlcihmaWxlID0+ICFmaWxlLnZhbGlkKTtcbiAgICByZXR1cm4gdGhpcy5maWxlTmFtZXMubGVuZ3RoICYmIGludmFsaWRGaWxlcy5sZW5ndGggPiAwO1xuICB9XG5cbiAgZ2V0IGVycm9yTGVuZ3RoKCkge1xuICAgIHJldHVybiB0aGlzLmZpbGVOYW1lcy5maWx0ZXIoZmlsZSA9PiAhZmlsZS52YWxpZCkubGVuZ3RoO1xuICB9XG5cbiAgcHVibGljIGRlbGV0ZUZpbGUoaW5kZXg6IG51bWJlcikge1xuICAgIHRoaXMudXBsb2FkRXJyb3JzLmRlbGV0ZSh0aGlzLmZpbGVzW2luZGV4XSk7XG4gICAgdGhpcy5maWxlcy5zcGxpY2UoaW5kZXgsIDEpO1xuICAgIHRoaXMuZmlsZU5hbWVzLnNwbGljZShpbmRleCwgMSk7XG4gIH1cblxuICBwdWJsaWMgZ2V0VXBsb2FkTmFtZShpbmRleDogbnVtYmVyKTogc3RyaW5nIHtcbiAgICBjb25zdCBuYW1lU3BsaXQgPSB0aGlzLmZpbGVzW2luZGV4XS5uYW1lLnNwbGl0KCcuJyk7XG4gICAgY29uc3QgZXh0ID0gYC4ke25hbWVTcGxpdC5zcGxpY2UobmFtZVNwbGl0Lmxlbmd0aCAtIDEsIDEpWzBdfWA7XG4gICAgcmV0dXJuIGAke3RoaXMuZmlsZU5hbWVzW2luZGV4XS5uYW1lfSR7ZXh0fWA7XG4gIH1cblxuICB1cGxvYWRNdWx0aXBsZUFzc2V0cyhwYXJlbnRBc3NldElkOiBzdHJpbmcpIHtcbiAgICBjb25zdCB7IGZpbGVzIH0gPSB0aGlzO1xuICAgIGNvbnN0IGZvcm1EYXRhID0gbmV3IEZvcm1EYXRhKCk7XG4gICAgZm9ybURhdGEuYXBwZW5kKCdwYXJlbnRBc3NldElkJywgcGFyZW50QXNzZXRJZCk7XG4gICAgZm9ybURhdGEuYXBwZW5kKCdjb21wYW55SWQnLCAnNzMyREE4RDItMDRFQy00QkUwLUExNjgtNjNFRTBEQ0Y1MEQ4Jyk7XG5cbiAgICBmb3IgKGxldCBpID0gMDsgaSA8IGZpbGVzLmxlbmd0aDsgaSsrKSB7XG4gICAgICBmb3JtRGF0YS5hcHBlbmQoJ2ZpbGVzJywgZmlsZXNbaV0sIHRoaXMuZ2V0VXBsb2FkTmFtZShpKSk7XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoaXMuX2FwaS5wb3N0PGFueT4oYCR7dGhpcy5iYXNlVXJsfS9GaWxlL1VwbG9hZGAsIGZvcm1EYXRhKTtcbiAgfVxufVxuIl19

package/fesm2015/rs-pk-asset-management.js

@@ -1263,6 +1263,7 @@ class UploadAssetsService {
         this._api = _api;
         this.files = [];
         this.fileNames = [];
+        this.uploadErrors = new Map();
         this.supportedSize = 10 * 1024 * 1024; // 10MB
         // 10MB
         this.documentExtension = ['.pdf', '.csv'];
@@ -1338,9 +1339,21 @@ class UploadAssetsService {
      * @return {?}
      */
     deleteFile(index) {
+        this.uploadErrors.delete(this.files[index]);
         this.files.splice(index, 1);
         this.fileNames.splice(index, 1);
     }
+    /**
+     * @param {?} index
+     * @return {?}
+     */
+    getUploadName(index) {
+        /** @type {?} */
+        const nameSplit = this.files[index].name.split('.');
+        /** @type {?} */
+        const ext = `.${nameSplit.splice(nameSplit.length - 1, 1)[0]}`;
+        return `${this.fileNames[index].name}${ext}`;
+    }
     /**
      * @param {?} parentAssetId
      * @return {?}
@@ -1348,21 +1361,11 @@ class UploadAssetsService {
     uploadMultipleAssets(parentAssetId) {
         const { files } = this;
         /** @type {?} */
-        const fileNames = this.fileNames.map((/**
-         * @param {?} file
-         * @return {?}
-         */
-        file => file.name));
-        /** @type {?} */
         const formData = new FormData();
         formData.append('parentAssetId', parentAssetId);
         formData.append('companyId', '732DA8D2-04EC-4BE0-A168-63EE0DCF50D8');
         for (let i = 0; i < files.length; i++) {
-            /** @type {?} */
-            const nameSplit = files[i].name.split('.');
-            /** @type {?} */
-            const ext = `.${nameSplit.splice(nameSplit.length - 1, 1)[0]}`;
-            formData.append('files', files[i], `${fileNames[i]}${ext}`);
+            formData.append('files', files[i], this.getUploadName(i));
         }
         return this._api.post(`${this.baseUrl}/File/Upload`, formData);
     }
@@ -1385,6 +1388,8 @@ if (false) {
     /** @type {?} */
     UploadAssetsService.prototype.fileNames;
     /** @type {?} */
+    UploadAssetsService.prototype.uploadErrors;
+    /** @type {?} */
     UploadAssetsService.prototype.supportedSize;
     /** @type {?} */
     UploadAssetsService.prototype.documentExtension;
@@ -2103,6 +2108,12 @@ class FileItemComponent {
     ngOnInit() {
         this.initDataFile();
     }
+    /**
+     * @return {?}
+     */
+    get uploadErrors() {
+        return this.uploadAssetService.uploadErrors.get(this.file);
+    }
     /**
      * @private
      * @return {?}
@@ -2202,8 +2213,8 @@ class FileItemComponent {
 FileItemComponent.decorators = [
     { type: Component, args: [{
                 selector: 'lib-file-item',
-                template: "<div class=\"file-item__img\">\n  <ng-container\n    *ngIf=\"\n      file.type.indexOf('image') > -1 || documentExts.indexOf(dataFile.ext) > -1;\n      else defaultFile\n    \"\n  >\n    <img\n      [class.image]=\"file.type.indexOf('image') > -1\"\n      *ngIf=\"documentExts.indexOf(dataFile.ext) > -1 || dataFile.data\"\n      [src]=\"documentExts.indexOf(dataFile.ext) > -1 ? base64PNG[dataFile.ext] : dataFile.data\"\n    />\n  </ng-container>\n  <ng-template #defaultFile>\n    <mat-icon>attach_file</mat-icon>\n  </ng-template>\n</div>\n<div class=\"file-item__content\">\n  <input\n    class=\"file-item__content--name\"\n    matInput\n    placeholder=\"Enter file name\"\n    [value]=\"dataFile.name\"\n    required\n    (input)=\"onChange($event)\"\n  />\n  <div class=\"file-item__content--info\">\n    <div class=\"file-item__content--info__item\">\n      Extension: <span>{{ dataFile.ext }}</span>\n    </div>\n    <div class=\"file-item__content--info__item\">\n      Size: <span>{{ dataFile.size | fileSize }}</span>\n    </div>\n  </div>\n  <div *ngIf=\"dataFile.errors.ext\" class=\"file-item__error\">\n    {{ uploadAssetService.messageErrors['ext'] }}\n    {{ uploadAssetService.supportedTypes.join(', ') }}\n  </div>\n  <div *ngIf=\"dataFile.errors.size\" class=\"file-item__error\">\n    {{ uploadAssetService.messageErrors['size'] }}\n    {{ uploadAssetService.supportedSize | fileSize: 0 }}\n  </div>\n  <div *ngIf=\"dataFile.errors.maxLength\" class=\"file-item__error\">\n    {{ uploadAssetService.messageErrors['maxLength'] }}\n  </div>\n</div>\n<div class=\"file-item__action\">\n  <mat-icon (click)=\"onRemove()\">delete_outline</mat-icon>\n</div>\n",
-                styles: [":host::ng-deep{padding:10px 5%;display:flex;justify-content:space-between;align-items:center;background-color:#f9f9f9;border-radius:10px}:host::ng-deep .file-item__img{display:flex;justify-content:center;align-items:center;width:250px;height:150px;border-radius:10px}:host::ng-deep .file-item__img img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}:host::ng-deep .file-item__img img.image{background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAUABQDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+/ivFPFOf+EjvxzjbBgdv+PeDp+OfxzSt4q18AkageASB9ntu3OM+Vn8c5rsdG0fT9d06DVdUgN1f3XmefP5ksO/ypXhj/dwvHGu2ONF+VF3bQSM0AeYUV7IPCWgjgWRA/wCvi4P85SaKAPGm5Vh7H+VeyeERjQLEDoPP/WeQ/wAzRRQB0tFFFAH/2Q==)}:host::ng-deep .file-item__img mat-icon{font-size:100px;width:auto;height:auto}:host::ng-deep .file-item__content{flex:1;padding-left:5%;padding-right:5%}:host::ng-deep .file-item__content--name{width:100%;padding:10px;border:1px solid #d8d8d8;border-radius:5px}:host::ng-deep .file-item__content--info{margin-top:10px;display:flex}:host::ng-deep .file-item__content--info__item:not(:last-child){margin-right:50px}:host::ng-deep .file-item__content--info__item span{color:#000;text-transform:uppercase}:host::ng-deep .file-item__error{margin-top:10px;color:#f44336}:host::ng-deep .file-item__action{color:#f44336;cursor:pointer}"]
+                template: "<div class=\"file-item__img\">\n  <ng-container\n    *ngIf=\"\n      file.type.indexOf('image') > -1 || documentExts.indexOf(dataFile.ext) > -1;\n      else defaultFile\n    \"\n  >\n    <img\n      [class.image]=\"file.type.indexOf('image') > -1\"\n      *ngIf=\"documentExts.indexOf(dataFile.ext) > -1 || dataFile.data\"\n      [src]=\"documentExts.indexOf(dataFile.ext) > -1 ? base64PNG[dataFile.ext] : dataFile.data\"\n    />\n  </ng-container>\n  <ng-template #defaultFile>\n    <mat-icon>attach_file</mat-icon>\n  </ng-template>\n</div>\n<div class=\"file-item__content\">\n  <input\n    class=\"file-item__content--name\"\n    matInput\n    placeholder=\"Enter file name\"\n    [value]=\"dataFile.name\"\n    required\n    (input)=\"onChange($event)\"\n  />\n  <div class=\"file-item__content--info\">\n    <div class=\"file-item__content--info__item\">\n      Extension: <span>{{ dataFile.ext }}</span>\n    </div>\n    <div class=\"file-item__content--info__item\">\n      Size: <span>{{ dataFile.size | fileSize }}</span>\n    </div>\n  </div>\n  <div *ngIf=\"dataFile.errors.ext\" class=\"file-item__error\">\n    <mat-icon class=\"file-item__error--icon\">error_outline</mat-icon>\n    <span>\n      {{ uploadAssetService.messageErrors['ext'] }}\n      {{ uploadAssetService.supportedTypes.join(', ') }}\n    </span>\n  </div>\n  <div *ngIf=\"dataFile.errors.size\" class=\"file-item__error\">\n    <mat-icon class=\"file-item__error--icon\">error_outline</mat-icon>\n    <span>\n      {{ uploadAssetService.messageErrors['size'] }}\n      {{ uploadAssetService.supportedSize | fileSize: 0 }}\n    </span>\n  </div>\n  <div *ngIf=\"dataFile.errors.maxLength\" class=\"file-item__error\">\n    <mat-icon class=\"file-item__error--icon\">error_outline</mat-icon>\n    <span>{{ uploadAssetService.messageErrors['maxLength'] }}</span>\n  </div>\n  <div *ngFor=\"let message of uploadErrors\" class=\"file-item__error\" role=\"alert\">\n    <mat-icon class=\"file-item__error--icon\">error_outline</mat-icon>\n    <span>{{ message }}</span>\n  </div>\n</div>\n<div class=\"file-item__action\">\n  <mat-icon (click)=\"onRemove()\">delete_outline</mat-icon>\n</div>\n",
+                styles: [":host::ng-deep{padding:10px 5%;display:flex;justify-content:space-between;align-items:center;background-color:#f9f9f9;border-radius:10px}:host::ng-deep .file-item__img{display:flex;justify-content:center;align-items:center;width:250px;height:150px;border-radius:10px}:host::ng-deep .file-item__img img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}:host::ng-deep .file-item__img img.image{background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAUABQDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+/ivFPFOf+EjvxzjbBgdv+PeDp+OfxzSt4q18AkageASB9ntu3OM+Vn8c5rsdG0fT9d06DVdUgN1f3XmefP5ksO/ypXhj/dwvHGu2ONF+VF3bQSM0AeYUV7IPCWgjgWRA/wCvi4P85SaKAPGm5Vh7H+VeyeERjQLEDoPP/WeQ/wAzRRQB0tFFFAH/2Q==)}:host::ng-deep .file-item__img mat-icon{font-size:100px;width:auto;height:auto}:host::ng-deep .file-item__content{flex:1;padding-left:5%;padding-right:5%}:host::ng-deep .file-item__content--name{width:100%;padding:10px;border:1px solid #d8d8d8;border-radius:5px}:host::ng-deep .file-item__content--info{margin-top:10px;display:flex}:host::ng-deep .file-item__content--info__item:not(:last-child){margin-right:50px}:host::ng-deep .file-item__content--info__item span{color:#000;text-transform:uppercase}:host::ng-deep .file-item__error{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;max-width:100%;margin-top:8px;padding:4px 10px;border-radius:6px;background-color:#fdecea;color:#d32f2f;font-size:13px;line-height:18px;word-break:break-word}:host::ng-deep .file-item__error--icon{flex-shrink:0;margin-right:6px;font-size:16px;width:16px;height:16px}:host::ng-deep .file-item__action{color:#f44336;cursor:pointer}"]
             }] }
 ];
 /** @nocollapse */
@@ -2847,6 +2858,9 @@ class UploadDialogComponent {
         this.uploadAssetsService = uploadAssetsService;
         this.isLoading = false;
         this.disabled = true;
+        this.errorMessages = [];
+        this.defaultErrorMessage = 'Something went wrong while uploading. Please try again.';
+        this.isDestroyed = false;
         this.destroy$ = new Subject();
         if (this.data.fileType) {
             this.uploadAssetsService.supportedTypes =
@@ -2871,6 +2885,7 @@ class UploadDialogComponent {
          */
         error => {
             this.disabled = error;
+            this.clearErrors();
             this.changeDetectorRef.detectChanges();
         }));
     }
@@ -2880,12 +2895,15 @@ class UploadDialogComponent {
      */
     onValidate(hasError) {
         this.disabled = hasError;
+        this.clearErrors();
     }
     /**
      * @return {?}
      */
     uploadFiles() {
         this.isLoading = true;
+        this.clearErrors();
+        this.dialogRef.disableClose = true;
         this.uploadAssetsService
             .uploadMultipleAssets(this.data.currentAssetId)
             .pipe(takeUntil(this.destroy$))
@@ -2897,8 +2915,106 @@ class UploadDialogComponent {
             if (res) {
                 this.closeDialog(true);
             }
+        }), (/**
+         * @param {?} err
+         * @return {?}
+         */
+        err => {
+            this.setUploadErrors(this.getErrorMessages(err));
+            this.stopLoading();
+        }), (
+        // the request can complete without a truthy response (or be swallowed by an interceptor)
+        /**
+         * @return {?}
+         */
+        () => this.stopLoading()));
+    }
+    /**
+     * @private
+     * @return {?}
+     */
+    stopLoading() {
+        // takeUntil also completes the upload when the dialog is destroyed, its view can't be checked anymore
+        if (this.isDestroyed) {
+            return;
+        }
+        this.isLoading = false;
+        this.dialogRef.disableClose = false;
+        this.changeDetectorRef.detectChanges();
+    }
+    /**
+     * @private
+     * @return {?}
+     */
+    clearErrors() {
+        this.errorMessages = [];
+        this.uploadAssetsService.uploadErrors.clear();
+    }
+    // show each message on the file it mentions, the rest stay under the list
+    /**
+     * @private
+     * @param {?} messages
+     * @return {?}
+     */
+    setUploadErrors(messages) {
+        const { getFiles: files, uploadErrors } = this.uploadAssetsService;
+        /** @type {?} */
+        const uploadNames = files.map((/**
+         * @param {?} file
+         * @param {?} index
+         * @return {?}
+         */
+        (file, index) => this.uploadAssetsService.getUploadName(index)));
+        this.errorMessages = messages.filter((/**
+         * @param {?} message
+         * @return {?}
+         */
+        message => {
+            /** @type {?} */
+            let index = uploadNames.findIndex((/**
+             * @param {?} name
+             * @return {?}
+             */
+            name => message.indexOf(name) > -1));
+            if (index < 0 && files.length === 1) {
+                index = 0;
+            }
+            if (index < 0) {
+                return true;
+            }
+            uploadErrors.set(files[index], [...(uploadErrors.get(files[index]) || []), message]);
+            return false;
         }));
     }
+    /**
+     * @private
+     * @param {?} err
+     * @return {?}
+     */
+    getErrorMessages(err) {
+        // HttpErrorResponse keeps the API body in `error`, an interceptor may already unwrap it
+        /** @type {?} */
+        const body = err && err.error && typeof err.error === 'object' ? err.error : err || {};
+        /** @type {?} */
+        const messages = (body.Messages || [])
+            .map((/**
+         * @param {?} message
+         * @return {?}
+         */
+        message => (typeof message === 'string' ? message : message && message.Text)))
+            .filter(Boolean);
+        if (!messages.length && body.ResponseMessage) {
+            messages.push(body.ResponseMessage);
+        }
+        return messages.length
+            ? messages.filter((/**
+             * @param {?} message
+             * @param {?} index
+             * @return {?}
+             */
+            (message, index) => messages.indexOf(message) === index))
+            : [this.defaultErrorMessage];
+    }
     /**
      * @param {?=} res
      * @return {?}
@@ -2910,6 +3026,7 @@ class UploadDialogComponent {
      * @return {?}
      */
     ngOnDestroy() {
+        this.isDestroyed = true;
         this.destroy$.next(true);
         this.destroy$.complete();
     }
@@ -2917,9 +3034,9 @@ class UploadDialogComponent {
 UploadDialogComponent.decorators = [
     { type: Component, args: [{
                 selector: 'lib-upload-dialog',
-                template: "<lib-modal heading=\"Add new assets\">\n  <ng-container content>\n    <lib-upload-file\n      *ngIf=\"!uploadAssetsService?.getFiles?.length\"\n      (revalidate)=\"onValidate($event)\"\n    ></lib-upload-file>\n    <lib-file-list\n      *ngIf=\"uploadAssetsService?.getFiles?.length\"\n      (revalidate)=\"onValidate($event)\"\n    ></lib-file-list>\n  </ng-container>\n  <ng-container actions>\n    <button mat-raised-button mat-dialog-close>Cancel</button>\n    <button\n      class=\"upload__action\"\n      [class.loading]=\"isLoading\"\n      mat-raised-button\n      color=\"primary\"\n      (click)=\"uploadFiles()\"\n      [disabled]=\"disabled || isLoading\"\n    >\n      <ng-container *ngIf=\"isLoading\">\n        <mat-spinner [diameter]=\"20\"></mat-spinner>\n      </ng-container>\n      <span>Upload</span>\n    </button>\n  </ng-container>\n</lib-modal>\n",
+                template: "<lib-modal heading=\"Add new assets\">\n  <ng-container content>\n    <lib-upload-file\n      *ngIf=\"!uploadAssetsService?.getFiles?.length\"\n      (revalidate)=\"onValidate($event)\"\n    ></lib-upload-file>\n    <lib-file-list\n      *ngIf=\"uploadAssetsService?.getFiles?.length\"\n      (revalidate)=\"onValidate($event)\"\n    ></lib-file-list>\n    <div *ngFor=\"let message of errorMessages\" class=\"upload__error\" role=\"alert\">\n      <mat-icon class=\"upload__error--icon\">error_outline</mat-icon>\n      <span>{{ message }}</span>\n    </div>\n  </ng-container>\n  <ng-container actions>\n    <button mat-raised-button mat-dialog-close [disabled]=\"isLoading\">Cancel</button>\n    <button\n      class=\"upload__action\"\n      [class.loading]=\"isLoading\"\n      mat-raised-button\n      color=\"primary\"\n      (click)=\"uploadFiles()\"\n      [disabled]=\"disabled || isLoading\"\n    >\n      <ng-container *ngIf=\"isLoading\">\n        <mat-spinner [diameter]=\"20\"></mat-spinner>\n      </ng-container>\n      <span>Upload</span>\n    </button>\n  </ng-container>\n</lib-modal>\n",
                 providers: [UploadAssetsService],
-                styles: [":host::ng-deep{display:block;width:1200px;max-width:100%;font-size:14px;line-height:16px;color:#979797;letter-spacing:.15px}:host::ng-deep .mat-dialog-title{position:relative;margin-bottom:0;padding-bottom:24px;color:#000}:host::ng-deep .mat-dialog-actions{justify-content:flex-end;padding:24px 0 0}:host::ng-deep .upload__action{min-width:100px}:host::ng-deep .upload__action.loading{padding:0 5px}:host::ng-deep .upload__action.loading .mat-button-wrapper{display:flex;width:100%;justify-content:center;align-items:center}:host::ng-deep .upload__action.loading .mat-spinner{margin-right:10px}"]
+                styles: [":host::ng-deep{display:block;width:1200px;max-width:100%;font-size:14px;line-height:16px;color:#979797;letter-spacing:.15px}:host::ng-deep .mat-dialog-title{position:relative;margin-bottom:0;padding-bottom:24px;color:#000}:host::ng-deep .mat-dialog-actions{justify-content:flex-end;padding:24px 0 0}:host::ng-deep .upload__error{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;max-width:100%;margin-top:8px;padding:4px 10px;border-radius:6px;background-color:#fdecea;color:#d32f2f;font-size:13px;line-height:18px;word-break:break-word}:host::ng-deep .upload__error--icon{flex-shrink:0;margin-right:6px;font-size:16px;width:16px;height:16px}:host::ng-deep .upload__action{min-width:100px}:host::ng-deep .upload__action.loading{padding:0 5px}:host::ng-deep .upload__action.loading .mat-button-wrapper{display:flex;width:100%;justify-content:center;align-items:center}:host::ng-deep .upload__action.loading .mat-spinner{margin-right:10px}"]
             }] }
 ];
 /** @nocollapse */
@@ -2934,6 +3051,18 @@ if (false) {
     UploadDialogComponent.prototype.isLoading;
     /** @type {?} */
     UploadDialogComponent.prototype.disabled;
+    /** @type {?} */
+    UploadDialogComponent.prototype.errorMessages;
+    /**
+     * @type {?}
+     * @private
+     */
+    UploadDialogComponent.prototype.defaultErrorMessage;
+    /**
+     * @type {?}
+     * @private
+     */
+    UploadDialogComponent.prototype.isDestroyed;
     /**
      * @type {?}
      * @private
@@ -3194,6 +3323,7 @@ class AssetListComponent {
         this.hasAccessPermission = true;
         this.hasArchivePermission = true;
         this.backgroundProcessingNum = BackgroudProcessingStatus;
+        this.processingCheckDelay = 5000;
         this.unsubscribe$ = new Subject();
         this.selectedAssets = [];
     }
@@ -3209,15 +3339,7 @@ class AssetListComponent {
      */
     ngOnChanges(changes) {
         if (changes.assets) {
-            // Check if asset is uploading
-            if (this.assets && this.assets.find((/**
-             * @param {?} x
-             * @return {?}
-             */
-            x => x.BackgroudProcessingStatus === this.backgroundProcessingNum.InProcessing))) {
-                this._resetUploadingAssets();
-            }
-            ;
+            this.checkProcessingAssets();
             this.paginator.pageIndex = this.assetService.pageIndex;
             this.paginator.pageSize = this.assetService.pageSize;
             this.paginator.length = this.assetService.fileTotal;
@@ -3352,15 +3474,8 @@ class AssetListComponent {
          * @param {?} res
          * @return {?}
          */
-        (res) => {
-            /** @type {?} */
-            const pagination = res && res.Meta || {};
-            /** @type {?} */
-            const assets = res && res.Data && res.Data.Children || [];
-            /** @type {?} */
-            const totalFile = res && res.Data && res.Data.TotalFile || 0;
-            this.assetService.setAssetList(assets, pagination, totalFile);
-        })).add((/**
+        (res) => this.setAssetList(res)))
+            .add((/**
          * @return {?}
          */
         () => {
@@ -3370,31 +3485,73 @@ class AssetListComponent {
             });
         }));
     }
+    /**
+     * @private
+     * @param {?} res
+     * @return {?}
+     */
+    setAssetList(res) {
+        /** @type {?} */
+        const pagination = res && res.Meta || {};
+        /** @type {?} */
+        const assets = res && res.Data && res.Data.Children || [];
+        /** @type {?} */
+        const totalFile = res && res.Data && res.Data.TotalFile || 0;
+        this.assetService.setAssetList(assets, pagination, totalFile);
+    }
+    // Called on every new asset list: while some files are still processed in the background,
+    // reload the list once after a delay. The reloaded list calls this again, until nothing is processing.
     /**
      * @private
      * @return {?}
      */
-    _resetUploadingAssets() {
+    checkProcessingAssets() {
+        this.stopProcessingCheck();
         /** @type {?} */
-        const reload = setInterval((/**
+        const hasProcessingAssets = this.assets && this.assets.some((/**
+         * @param {?} asset
          * @return {?}
          */
-        () => {
-            this.fetchChildrenAssets();
-            if (this.assets.find((/**
-             * @param {?} x
+        (asset) => asset.BackgroudProcessingStatus === this.backgroundProcessingNum.InProcessing));
+        if (hasProcessingAssets) {
+            this.processingCheckTimer = setTimeout((/**
              * @return {?}
              */
-            x => x.BackgroudProcessingStatus === this.backgroundProcessingNum.Processed))) {
-                clearInterval(reload);
-            }
-            console.log('Upload Successfully!'); // interval will be cleared after completing this whole block
-        }), 5000);
+            () => this.reloadProcessingAssets()), this.processingCheckDelay);
+        }
+    }
+    // Silent reload, without the global loading bar
+    /**
+     * @private
+     * @return {?}
+     */
+    reloadProcessingAssets() {
+        if (!this.currentFolderId) {
+            return;
+        }
+        this.processingCheckRequest = this.assetService
+            .getChildrenAssets({ assetId: this.currentFolderId })
+            .subscribe((/**
+         * @param {?} res
+         * @return {?}
+         */
+        (res) => this.setAssetList(res)));
+    }
+    /**
+     * @private
+     * @return {?}
+     */
+    stopProcessingCheck() {
+        clearTimeout(this.processingCheckTimer);
+        if (this.processingCheckRequest) {
+            this.processingCheckRequest.unsubscribe();
+        }
     }
     /**
      * @return {?}
      */
     ngOnDestroy() {
+        this.stopProcessingCheck();
         this.unsubscribe$.next();
         this.unsubscribe$.complete();
     }
@@ -3434,6 +3591,21 @@ if (false) {
     AssetListComponent.prototype.assets;
     /** @type {?} */
     AssetListComponent.prototype.backgroundProcessingNum;
+    /**
+     * @type {?}
+     * @private
+     */
+    AssetListComponent.prototype.processingCheckDelay;
+    /**
+     * @type {?}
+     * @private
+     */
+    AssetListComponent.prototype.processingCheckTimer;
+    /**
+     * @type {?}
+     * @private
+     */
+    AssetListComponent.prototype.processingCheckRequest;
     /**
      * @type {?}
      * @private