@commercetools-frontend-extensions/import-resources-modal 1.0.2 → 1.0.4

package/dist/{active-drag-drop-area-bf8b7a30.esm.js → active-drag-drop-area-7a3902f2.esm.js}

@@ -1,4 +1,4 @@
-import { F as FileDropped, E as EnabledDropArea } from './index-3765b5c8.esm.js';
+import { F as FileDropped, E as EnabledDropArea } from './index-79c6f7aa.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';
 import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';

package/dist/{active-drag-drop-area-7c0fb409.cjs.prod.js → active-drag-drop-area-8bf22e12.cjs.prod.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-b5df19c8.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-d9677b40.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');

package/dist/{active-drag-drop-area-abad3c41.cjs.dev.js → active-drag-drop-area-ece62c7b.cjs.dev.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-6e529a62.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-7d9e5d37.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');

package/dist/commercetools-frontend-extensions-import-resources-modal.cjs.dev.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-6e529a62.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-7d9e5d37.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');

package/dist/commercetools-frontend-extensions-import-resources-modal.cjs.prod.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-b5df19c8.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-d9677b40.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');

package/dist/commercetools-frontend-extensions-import-resources-modal.esm.js

@@ -1,4 +1,4 @@
-export { I as default } from './index-3765b5c8.esm.js';
+export { I as default } from './index-79c6f7aa.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';
 import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
 import '@babel/runtime-corejs3/core-js-stable/instance/filter';

package/dist/declarations/src/@types/file-upload.d.ts

@@ -42,6 +42,7 @@ export interface FileUploadRequestParameters {
     abortSignal?: AbortSignal;
     onSuccess: (data: FileUploadResponse) => void;
     onProgress: (progress: number) => void;
+    onError: (error: Error) => void;
 }
 export interface ProcessUploadedFileRequestParameters {
     projectKey: string;

package/dist/{enabled-drop-area-5e43f909.esm.js → enabled-drop-area-67f623e3.esm.js}

@@ -9,7 +9,7 @@ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import 'react';
 import { Spacings, Text, Link } from '@commercetools-frontend/ui-kit';
-import { m as messages } from './index-3765b5c8.esm.js';
+import { m as messages } from './index-79c6f7aa.esm.js';
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 import 'react-intl';
 import '@commercetools-frontend/application-shell-connectors';

package/dist/{enabled-drop-area-db0fea7b.cjs.dev.js → enabled-drop-area-7f724328.cjs.dev.js}

@@ -11,7 +11,7 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 require('react');
 var uiKit = require('@commercetools-frontend/ui-kit');
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-6e529a62.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-7d9e5d37.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('react-intl');
 require('@commercetools-frontend/application-shell-connectors');

package/dist/{enabled-drop-area-3ea78d44.cjs.prod.js → enabled-drop-area-adb83264.cjs.prod.js}

@@ -11,7 +11,7 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 require('react');
 var uiKit = require('@commercetools-frontend/ui-kit');
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-b5df19c8.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-d9677b40.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('react-intl');
 require('@commercetools-frontend/application-shell-connectors');

package/dist/{file-dropped-area-2a6284e9.esm.js → file-dropped-area-0c929826.esm.js}

@@ -1,6 +1,6 @@
 import { useIntl } from 'react-intl';
 import { Spacings, PaperclipIcon, Constraints, Text, SecondaryButton } from '@commercetools-frontend/ui-kit';
-import { u as useImportResourcesContext, m as messages } from './index-3765b5c8.esm.js';
+import { u as useImportResourcesContext, m as messages } from './index-79c6f7aa.esm.js';
 import 'react';
 import '@commercetools-frontend/application-shell-connectors';
 import '@commercetools-frontend/sdk';

package/dist/{file-dropped-area-20f1d402.cjs.prod.js → file-dropped-area-9d71f68d.cjs.prod.js}

@@ -2,7 +2,7 @@
 
 var reactIntl = require('react-intl');
 var uiKit = require('@commercetools-frontend/ui-kit');
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-b5df19c8.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-d9677b40.cjs.prod.js');
 require('react');
 require('@commercetools-frontend/application-shell-connectors');
 require('@commercetools-frontend/sdk');

package/dist/{file-dropped-area-c728d70e.cjs.dev.js → file-dropped-area-9f77a61b.cjs.dev.js}

@@ -2,7 +2,7 @@
 
 var reactIntl = require('react-intl');
 var uiKit = require('@commercetools-frontend/ui-kit');
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-6e529a62.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-7d9e5d37.cjs.dev.js');
 require('react');
 require('@commercetools-frontend/application-shell-connectors');
 require('@commercetools-frontend/sdk');

package/dist/{index-3765b5c8.esm.js → index-79c6f7aa.esm.js}

@@ -308,7 +308,8 @@ const fetchUsingXhr = _ref2 => {
     payload = _ref2.payload,
     config = _ref2.config,
     onProgress = _ref2.onProgress,
-    onSuccess = _ref2.onSuccess;
+    onSuccess = _ref2.onSuccess,
+    onError = _ref2.onError;
   const options = createHttpClientOptions({
     headers: _objectSpread$e({
       'Content-Type': 'application/json'
@@ -316,6 +317,8 @@ const fetchUsingXhr = _ref2 => {
   });
   const xhr = new XMLHttpRequest();
   xhr.open(config === null || config === void 0 ? void 0 : config.method, buildApiUrl(addProxyPrefixToUrl(url, config === null || config === void 0 ? void 0 : config.proxy)), true);
+  // Include cookies in the request
+  xhr.withCredentials = true;
   if (options.headers) {
     var _context2;
     _forEachInstanceProperty(_context2 = _Object$keys(options.headers)).call(_context2, key => {
@@ -338,12 +341,15 @@ const fetchUsingXhr = _ref2 => {
     if (xhr.status >= 200 && xhr.status < 300) {
       onSuccess(data);
     } else {
-      throw new HttpError(xhr.status, xhr.statusText, data);
+      onError(new HttpError(xhr.status, xhr.statusText, data));
     }
   };
   xhr.onerror = function () {
     const errorData = JSON.parse(xhr.responseText);
-    throw new HttpError(xhr.status, xhr.statusText, errorData);
+    onError(new HttpError(xhr.status, xhr.statusText, errorData));
+  };
+  xhr.onabort = function () {
+    onError(new DOMException('Aborted', 'AbortError'));
   };
   xhr.send(payload);
   return xhr;
@@ -356,7 +362,8 @@ function uploadFileForImport(_ref) {
     file = _ref.file,
     abortSignal = _ref.abortSignal,
     onSuccess = _ref.onSuccess,
-    onProgress = _ref.onProgress;
+    onProgress = _ref.onProgress,
+    onError = _ref.onError;
   const uri = getFileUploadURL(projectKey, resourceType, containerKey);
   const formData = new FormData();
   formData.append('file', file, file.name);
@@ -372,7 +379,8 @@ function uploadFileForImport(_ref) {
       }
     },
     onProgress,
-    onSuccess
+    onSuccess,
+    onError
   });
 }
 
@@ -752,6 +760,11 @@ const useUpload = () => {
         },
         onProgress: progress => {
           actions.setProgress(progress);
+        },
+        onError: error => {
+          deleteImportContainer(projectKey, containerKey, asyncDispatch);
+          handleUploadError(error);
+          actions.setCurrentStep(3);
         }
       });
       actions.setAbortController(newAbortController);
@@ -837,13 +850,13 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:getDefaultDropWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cGUgRHJvcHpvbmVSb290UHJvcHMgfSBmcm9tICdyZWFjdC1kcm9wem9uZSdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2Rpc2FibGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5kaXNhYmxlZFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ3JlYWR5LWZvci1kcm9wJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5yZWFkeUZvckRyb3BcbiAgICB9XG4gICAgaWYgKHByb3BzLmRyb3BBcmVhU3RhdGUgPT09ICdhY3RpdmUtZHJhZycpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuYWN0aXZlRHJhZ1xuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2ZpbGUtZHJvcHBlZCcpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuZmlsZURyb3BwZWRcbiAgICB9XG4gICAgcmV0dXJuIGdldERlZmF1bHREcm9wV3JhcHBlclN0eWxlcyhwcm9wcy5kcm9wQXJlYVN0YXRlKVxuICB9fVxuYFxuZnVuY3Rpb24gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKF9kcm9wQXJlYVN0YXRlOiBuZXZlcikge1xuICByZXR1cm4gY3NzYGBcbn1cbiJdfQ== */");
 }
 
-var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-bf8b7a30.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
+var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-7a3902f2.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
 
 var DisabledDropArea = /*#__PURE__*/lazy(() => import('./disabled-drop-area-2c088477.esm.js' /* webpackChunkName: "disabled-drop-area" */));
 
-var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-5e43f909.esm.js' /* webpackChunkName: "enabled-drop-area" */));
+var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-67f623e3.esm.js' /* webpackChunkName: "enabled-drop-area" */));
 
-var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-2a6284e9.esm.js' /* webpackChunkName: "filed-dropped-area" */));
+var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-0c929826.esm.js' /* webpackChunkName: "filed-dropped-area" */));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,

package/dist/{index-6e529a62.cjs.dev.js → index-7d9e5d37.cjs.dev.js}

@@ -339,7 +339,8 @@ const fetchUsingXhr = _ref2 => {
     payload = _ref2.payload,
     config = _ref2.config,
     onProgress = _ref2.onProgress,
-    onSuccess = _ref2.onSuccess;
+    onSuccess = _ref2.onSuccess,
+    onError = _ref2.onError;
   const options = applicationShell.createHttpClientOptions({
     headers: _objectSpread$e({
       'Content-Type': 'application/json'
@@ -347,6 +348,8 @@ const fetchUsingXhr = _ref2 => {
   });
   const xhr = new XMLHttpRequest();
   xhr.open(config === null || config === void 0 ? void 0 : config.method, applicationShell.buildApiUrl(addProxyPrefixToUrl(url, config === null || config === void 0 ? void 0 : config.proxy)), true);
+  // Include cookies in the request
+  xhr.withCredentials = true;
   if (options.headers) {
     var _context2;
     _forEachInstanceProperty__default["default"](_context2 = _Object$keys__default["default"](options.headers)).call(_context2, key => {
@@ -369,12 +372,15 @@ const fetchUsingXhr = _ref2 => {
     if (xhr.status >= 200 && xhr.status < 300) {
       onSuccess(data);
     } else {
-      throw new HttpError(xhr.status, xhr.statusText, data);
+      onError(new HttpError(xhr.status, xhr.statusText, data));
     }
   };
   xhr.onerror = function () {
     const errorData = JSON.parse(xhr.responseText);
-    throw new HttpError(xhr.status, xhr.statusText, errorData);
+    onError(new HttpError(xhr.status, xhr.statusText, errorData));
+  };
+  xhr.onabort = function () {
+    onError(new DOMException('Aborted', 'AbortError'));
   };
   xhr.send(payload);
   return xhr;
@@ -387,7 +393,8 @@ function uploadFileForImport(_ref) {
     file = _ref.file,
     abortSignal = _ref.abortSignal,
     onSuccess = _ref.onSuccess,
-    onProgress = _ref.onProgress;
+    onProgress = _ref.onProgress,
+    onError = _ref.onError;
   const uri = getFileUploadURL(projectKey, resourceType, containerKey);
   const formData = new FormData();
   formData.append('file', file, file.name);
@@ -403,7 +410,8 @@ function uploadFileForImport(_ref) {
       }
     },
     onProgress,
-    onSuccess
+    onSuccess,
+    onError
   });
 }
 
@@ -783,6 +791,11 @@ const useUpload = () => {
         },
         onProgress: progress => {
           actions.setProgress(progress);
+        },
+        onError: error => {
+          deleteImportContainer(projectKey, containerKey, asyncDispatch);
+          handleUploadError(error);
+          actions.setCurrentStep(3);
         }
       });
       actions.setAbortController(newAbortController);
@@ -868,13 +881,13 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/react.css(process.env.NODE_ENV === "production" ? "" : ";label:getDefaultDropWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cGUgRHJvcHpvbmVSb290UHJvcHMgfSBmcm9tICdyZWFjdC1kcm9wem9uZSdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2Rpc2FibGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5kaXNhYmxlZFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ3JlYWR5LWZvci1kcm9wJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5yZWFkeUZvckRyb3BcbiAgICB9XG4gICAgaWYgKHByb3BzLmRyb3BBcmVhU3RhdGUgPT09ICdhY3RpdmUtZHJhZycpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuYWN0aXZlRHJhZ1xuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2ZpbGUtZHJvcHBlZCcpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuZmlsZURyb3BwZWRcbiAgICB9XG4gICAgcmV0dXJuIGdldERlZmF1bHREcm9wV3JhcHBlclN0eWxlcyhwcm9wcy5kcm9wQXJlYVN0YXRlKVxuICB9fVxuYFxuZnVuY3Rpb24gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKF9kcm9wQXJlYVN0YXRlOiBuZXZlcikge1xuICByZXR1cm4gY3NzYGBcbn1cbiJdfQ== */");
 }
 
-var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-abad3c41.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-ece62c7b.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
 
 var DisabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./disabled-drop-area-aa78075b.cjs.dev.js' /* webpackChunkName: "disabled-drop-area" */); }));
 
-var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-db0fea7b.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-7f724328.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
 
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-c728d70e.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-9f77a61b.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,

package/dist/{index-b5df19c8.cjs.prod.js → index-d9677b40.cjs.prod.js}

@@ -339,7 +339,8 @@ const fetchUsingXhr = _ref2 => {
     payload = _ref2.payload,
     config = _ref2.config,
     onProgress = _ref2.onProgress,
-    onSuccess = _ref2.onSuccess;
+    onSuccess = _ref2.onSuccess,
+    onError = _ref2.onError;
   const options = applicationShell.createHttpClientOptions({
     headers: _objectSpread$e({
       'Content-Type': 'application/json'
@@ -347,6 +348,8 @@ const fetchUsingXhr = _ref2 => {
   });
   const xhr = new XMLHttpRequest();
   xhr.open(config === null || config === void 0 ? void 0 : config.method, applicationShell.buildApiUrl(addProxyPrefixToUrl(url, config === null || config === void 0 ? void 0 : config.proxy)), true);
+  // Include cookies in the request
+  xhr.withCredentials = true;
   if (options.headers) {
     var _context2;
     _forEachInstanceProperty__default["default"](_context2 = _Object$keys__default["default"](options.headers)).call(_context2, key => {
@@ -369,12 +372,15 @@ const fetchUsingXhr = _ref2 => {
     if (xhr.status >= 200 && xhr.status < 300) {
       onSuccess(data);
     } else {
-      throw new HttpError(xhr.status, xhr.statusText, data);
+      onError(new HttpError(xhr.status, xhr.statusText, data));
     }
   };
   xhr.onerror = function () {
     const errorData = JSON.parse(xhr.responseText);
-    throw new HttpError(xhr.status, xhr.statusText, errorData);
+    onError(new HttpError(xhr.status, xhr.statusText, errorData));
+  };
+  xhr.onabort = function () {
+    onError(new DOMException('Aborted', 'AbortError'));
   };
   xhr.send(payload);
   return xhr;
@@ -387,7 +393,8 @@ function uploadFileForImport(_ref) {
     file = _ref.file,
     abortSignal = _ref.abortSignal,
     onSuccess = _ref.onSuccess,
-    onProgress = _ref.onProgress;
+    onProgress = _ref.onProgress,
+    onError = _ref.onError;
   const uri = getFileUploadURL(projectKey, resourceType, containerKey);
   const formData = new FormData();
   formData.append('file', file, file.name);
@@ -403,7 +410,8 @@ function uploadFileForImport(_ref) {
       }
     },
     onProgress,
-    onSuccess
+    onSuccess,
+    onError
   });
 }
 
@@ -783,6 +791,11 @@ const useUpload = () => {
         },
         onProgress: progress => {
           actions.setProgress(progress);
+        },
+        onError: error => {
+          deleteImportContainer(projectKey, containerKey, asyncDispatch);
+          handleUploadError(error);
+          actions.setCurrentStep(3);
         }
       });
       actions.setAbortController(newAbortController);
@@ -865,13 +878,13 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/react.css("" , "" );
 }
 
-var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-7c0fb409.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-8bf22e12.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
 
 var DisabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./disabled-drop-area-99c1fa0b.cjs.prod.js' /* webpackChunkName: "disabled-drop-area" */); }));
 
-var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-3ea78d44.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-adb83264.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
 
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-20f1d402.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-9d71f68d.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-frontend-extensions/import-resources-modal",
   "description": "Shared import modal for importing resources",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "license": "BSD-3-Clause",
   "publishConfig": {
     "access": "public"