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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/{active-drag-drop-area-7c0fb409.cjs.prod.js → active-drag-drop-area-8340b842.cjs.prod.js} +1 -1
  2. package/dist/{active-drag-drop-area-abad3c41.cjs.dev.js → active-drag-drop-area-ca5f76cc.cjs.dev.js} +1 -1
  3. package/dist/{active-drag-drop-area-bf8b7a30.esm.js → active-drag-drop-area-fda704be.esm.js} +1 -1
  4. package/dist/commercetools-frontend-extensions-import-resources-modal.cjs.dev.js +1 -1
  5. package/dist/commercetools-frontend-extensions-import-resources-modal.cjs.prod.js +1 -1
  6. package/dist/commercetools-frontend-extensions-import-resources-modal.esm.js +1 -1
  7. package/dist/declarations/src/@types/file-upload.d.ts +1 -0
  8. package/dist/{enabled-drop-area-db0fea7b.cjs.dev.js → enabled-drop-area-2ebd7852.cjs.dev.js} +1 -1
  9. package/dist/{enabled-drop-area-5e43f909.esm.js → enabled-drop-area-9e4288ea.esm.js} +1 -1
  10. package/dist/{enabled-drop-area-3ea78d44.cjs.prod.js → enabled-drop-area-a1a4aa0e.cjs.prod.js} +1 -1
  11. package/dist/{file-dropped-area-2a6284e9.esm.js → file-dropped-area-3b89854b.esm.js} +1 -1
  12. package/dist/{file-dropped-area-20f1d402.cjs.prod.js → file-dropped-area-4c06923d.cjs.prod.js} +1 -1
  13. package/dist/{file-dropped-area-c728d70e.cjs.dev.js → file-dropped-area-78d3771e.cjs.dev.js} +1 -1
  14. package/dist/{index-6e529a62.cjs.dev.js → index-5ca9f09a.cjs.dev.js} +19 -8
  15. package/dist/{index-b5df19c8.cjs.prod.js → index-5d350d4e.cjs.prod.js} +19 -8
  16. package/dist/{index-3765b5c8.esm.js → index-b00b8ce7.esm.js} +19 -8
  17. package/package.json +1 -1
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-b5df19c8.cjs.prod.js');
3
+ var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-5d350d4e.cjs.prod.js');
4
4
  var jsxRuntime = require('@emotion/react/jsx-runtime');
5
5
  require('@babel/runtime-corejs3/core-js-stable/object/keys');
6
6
  require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-6e529a62.cjs.dev.js');
3
+ var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-5ca9f09a.cjs.dev.js');
4
4
  var jsxRuntime = require('@emotion/react/jsx-runtime');
5
5
  require('@babel/runtime-corejs3/core-js-stable/object/keys');
6
6
  require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
@@ -1,4 +1,4 @@
1
- import { F as FileDropped, E as EnabledDropArea } from './index-3765b5c8.esm.js';
1
+ import { F as FileDropped, E as EnabledDropArea } from './index-b00b8ce7.esm.js';
2
2
  import { jsx } from '@emotion/react/jsx-runtime';
3
3
  import '@babel/runtime-corejs3/core-js-stable/object/keys';
4
4
  import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-6e529a62.cjs.dev.js');
5
+ var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-5ca9f09a.cjs.dev.js');
6
6
  require('@babel/runtime-corejs3/core-js-stable/object/keys');
7
7
  require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
8
8
  require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-b5df19c8.cjs.prod.js');
5
+ var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-5d350d4e.cjs.prod.js');
6
6
  require('@babel/runtime-corejs3/core-js-stable/object/keys');
7
7
  require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
8
8
  require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -1,4 +1,4 @@
1
- export { I as default } from './index-3765b5c8.esm.js';
1
+ export { I as default } from './index-b00b8ce7.esm.js';
2
2
  import '@babel/runtime-corejs3/core-js-stable/object/keys';
3
3
  import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
4
4
  import '@babel/runtime-corejs3/core-js-stable/instance/filter';
@@ -42,6 +42,7 @@ export interface FileUploadRequestParameters {
42
42
  abortSignal?: AbortSignal;
43
43
  onSuccess: (data: FileUploadResponse) => void;
44
44
  onProgress: (progress: number) => void;
45
+ onError: (error: Error) => void;
45
46
  }
46
47
  export interface ProcessUploadedFileRequestParameters {
47
48
  projectKey: string;
@@ -11,7 +11,7 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
11
11
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
12
12
  require('react');
13
13
  var uiKit = require('@commercetools-frontend/ui-kit');
14
- var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-6e529a62.cjs.dev.js');
14
+ var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-5ca9f09a.cjs.dev.js');
15
15
  var jsxRuntime = require('@emotion/react/jsx-runtime');
16
16
  require('react-intl');
17
17
  require('@commercetools-frontend/application-shell-connectors');
@@ -9,7 +9,7 @@ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object
9
9
  import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
10
10
  import 'react';
11
11
  import { Spacings, Text, Link } from '@commercetools-frontend/ui-kit';
12
- import { m as messages } from './index-3765b5c8.esm.js';
12
+ import { m as messages } from './index-b00b8ce7.esm.js';
13
13
  import { jsxs, jsx } from '@emotion/react/jsx-runtime';
14
14
  import 'react-intl';
15
15
  import '@commercetools-frontend/application-shell-connectors';
@@ -11,7 +11,7 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
11
11
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
12
12
  require('react');
13
13
  var uiKit = require('@commercetools-frontend/ui-kit');
14
- var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-b5df19c8.cjs.prod.js');
14
+ var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-5d350d4e.cjs.prod.js');
15
15
  var jsxRuntime = require('@emotion/react/jsx-runtime');
16
16
  require('react-intl');
17
17
  require('@commercetools-frontend/application-shell-connectors');
@@ -1,6 +1,6 @@
1
1
  import { useIntl } from 'react-intl';
2
2
  import { Spacings, PaperclipIcon, Constraints, Text, SecondaryButton } from '@commercetools-frontend/ui-kit';
3
- import { u as useImportResourcesContext, m as messages } from './index-3765b5c8.esm.js';
3
+ import { u as useImportResourcesContext, m as messages } from './index-b00b8ce7.esm.js';
4
4
  import 'react';
5
5
  import '@commercetools-frontend/application-shell-connectors';
6
6
  import '@commercetools-frontend/sdk';
@@ -2,7 +2,7 @@
2
2
 
3
3
  var reactIntl = require('react-intl');
4
4
  var uiKit = require('@commercetools-frontend/ui-kit');
5
- var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-b5df19c8.cjs.prod.js');
5
+ var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-5d350d4e.cjs.prod.js');
6
6
  require('react');
7
7
  require('@commercetools-frontend/application-shell-connectors');
8
8
  require('@commercetools-frontend/sdk');
@@ -2,7 +2,7 @@
2
2
 
3
3
  var reactIntl = require('react-intl');
4
4
  var uiKit = require('@commercetools-frontend/ui-kit');
5
- var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-6e529a62.cjs.dev.js');
5
+ var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-5ca9f09a.cjs.dev.js');
6
6
  require('react');
7
7
  require('@commercetools-frontend/application-shell-connectors');
8
8
  require('@commercetools-frontend/sdk');
@@ -339,7 +339,8 @@ const fetchUsingXhr = _ref2 => {
339
339
  payload = _ref2.payload,
340
340
  config = _ref2.config,
341
341
  onProgress = _ref2.onProgress,
342
- onSuccess = _ref2.onSuccess;
342
+ onSuccess = _ref2.onSuccess,
343
+ onError = _ref2.onError;
343
344
  const options = applicationShell.createHttpClientOptions({
344
345
  headers: _objectSpread$e({
345
346
  'Content-Type': 'application/json'
@@ -369,12 +370,15 @@ const fetchUsingXhr = _ref2 => {
369
370
  if (xhr.status >= 200 && xhr.status < 300) {
370
371
  onSuccess(data);
371
372
  } else {
372
- throw new HttpError(xhr.status, xhr.statusText, data);
373
+ onError(new HttpError(xhr.status, xhr.statusText, data));
373
374
  }
374
375
  };
375
376
  xhr.onerror = function () {
376
377
  const errorData = JSON.parse(xhr.responseText);
377
- throw new HttpError(xhr.status, xhr.statusText, errorData);
378
+ onError(new HttpError(xhr.status, xhr.statusText, errorData));
379
+ };
380
+ xhr.onabort = function () {
381
+ onError(new DOMException('Aborted', 'AbortError'));
378
382
  };
379
383
  xhr.send(payload);
380
384
  return xhr;
@@ -387,7 +391,8 @@ function uploadFileForImport(_ref) {
387
391
  file = _ref.file,
388
392
  abortSignal = _ref.abortSignal,
389
393
  onSuccess = _ref.onSuccess,
390
- onProgress = _ref.onProgress;
394
+ onProgress = _ref.onProgress,
395
+ onError = _ref.onError;
391
396
  const uri = getFileUploadURL(projectKey, resourceType, containerKey);
392
397
  const formData = new FormData();
393
398
  formData.append('file', file, file.name);
@@ -403,7 +408,8 @@ function uploadFileForImport(_ref) {
403
408
  }
404
409
  },
405
410
  onProgress,
406
- onSuccess
411
+ onSuccess,
412
+ onError
407
413
  });
408
414
  }
409
415
 
@@ -783,6 +789,11 @@ const useUpload = () => {
783
789
  },
784
790
  onProgress: progress => {
785
791
  actions.setProgress(progress);
792
+ },
793
+ onError: error => {
794
+ deleteImportContainer(projectKey, containerKey, asyncDispatch);
795
+ handleUploadError(error);
796
+ actions.setCurrentStep(3);
786
797
  }
787
798
  });
788
799
  actions.setAbortController(newAbortController);
@@ -868,13 +879,13 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
868
879
  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== */");
869
880
  }
870
881
 
871
- var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-abad3c41.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
882
+ var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-ca5f76cc.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
872
883
 
873
884
  var DisabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./disabled-drop-area-aa78075b.cjs.dev.js' /* webpackChunkName: "disabled-drop-area" */); }));
874
885
 
875
- var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-db0fea7b.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
886
+ var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-2ebd7852.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
876
887
 
877
- var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-c728d70e.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
888
+ var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-78d3771e.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
878
889
 
879
890
  function getDropArea(_ref) {
880
891
  let dropAreaState = _ref.dropAreaState,
@@ -339,7 +339,8 @@ const fetchUsingXhr = _ref2 => {
339
339
  payload = _ref2.payload,
340
340
  config = _ref2.config,
341
341
  onProgress = _ref2.onProgress,
342
- onSuccess = _ref2.onSuccess;
342
+ onSuccess = _ref2.onSuccess,
343
+ onError = _ref2.onError;
343
344
  const options = applicationShell.createHttpClientOptions({
344
345
  headers: _objectSpread$e({
345
346
  'Content-Type': 'application/json'
@@ -369,12 +370,15 @@ const fetchUsingXhr = _ref2 => {
369
370
  if (xhr.status >= 200 && xhr.status < 300) {
370
371
  onSuccess(data);
371
372
  } else {
372
- throw new HttpError(xhr.status, xhr.statusText, data);
373
+ onError(new HttpError(xhr.status, xhr.statusText, data));
373
374
  }
374
375
  };
375
376
  xhr.onerror = function () {
376
377
  const errorData = JSON.parse(xhr.responseText);
377
- throw new HttpError(xhr.status, xhr.statusText, errorData);
378
+ onError(new HttpError(xhr.status, xhr.statusText, errorData));
379
+ };
380
+ xhr.onabort = function () {
381
+ onError(new DOMException('Aborted', 'AbortError'));
378
382
  };
379
383
  xhr.send(payload);
380
384
  return xhr;
@@ -387,7 +391,8 @@ function uploadFileForImport(_ref) {
387
391
  file = _ref.file,
388
392
  abortSignal = _ref.abortSignal,
389
393
  onSuccess = _ref.onSuccess,
390
- onProgress = _ref.onProgress;
394
+ onProgress = _ref.onProgress,
395
+ onError = _ref.onError;
391
396
  const uri = getFileUploadURL(projectKey, resourceType, containerKey);
392
397
  const formData = new FormData();
393
398
  formData.append('file', file, file.name);
@@ -403,7 +408,8 @@ function uploadFileForImport(_ref) {
403
408
  }
404
409
  },
405
410
  onProgress,
406
- onSuccess
411
+ onSuccess,
412
+ onError
407
413
  });
408
414
  }
409
415
 
@@ -783,6 +789,11 @@ const useUpload = () => {
783
789
  },
784
790
  onProgress: progress => {
785
791
  actions.setProgress(progress);
792
+ },
793
+ onError: error => {
794
+ deleteImportContainer(projectKey, containerKey, asyncDispatch);
795
+ handleUploadError(error);
796
+ actions.setCurrentStep(3);
786
797
  }
787
798
  });
788
799
  actions.setAbortController(newAbortController);
@@ -865,13 +876,13 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
865
876
  return /*#__PURE__*/react.css("" , "" );
866
877
  }
867
878
 
868
- var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-7c0fb409.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
879
+ var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-8340b842.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
869
880
 
870
881
  var DisabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./disabled-drop-area-99c1fa0b.cjs.prod.js' /* webpackChunkName: "disabled-drop-area" */); }));
871
882
 
872
- var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-3ea78d44.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
883
+ var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-a1a4aa0e.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
873
884
 
874
- var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-20f1d402.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
885
+ var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-4c06923d.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
875
886
 
876
887
  function getDropArea(_ref) {
877
888
  let dropAreaState = _ref.dropAreaState,
@@ -308,7 +308,8 @@ const fetchUsingXhr = _ref2 => {
308
308
  payload = _ref2.payload,
309
309
  config = _ref2.config,
310
310
  onProgress = _ref2.onProgress,
311
- onSuccess = _ref2.onSuccess;
311
+ onSuccess = _ref2.onSuccess,
312
+ onError = _ref2.onError;
312
313
  const options = createHttpClientOptions({
313
314
  headers: _objectSpread$e({
314
315
  'Content-Type': 'application/json'
@@ -338,12 +339,15 @@ const fetchUsingXhr = _ref2 => {
338
339
  if (xhr.status >= 200 && xhr.status < 300) {
339
340
  onSuccess(data);
340
341
  } else {
341
- throw new HttpError(xhr.status, xhr.statusText, data);
342
+ onError(new HttpError(xhr.status, xhr.statusText, data));
342
343
  }
343
344
  };
344
345
  xhr.onerror = function () {
345
346
  const errorData = JSON.parse(xhr.responseText);
346
- throw new HttpError(xhr.status, xhr.statusText, errorData);
347
+ onError(new HttpError(xhr.status, xhr.statusText, errorData));
348
+ };
349
+ xhr.onabort = function () {
350
+ onError(new DOMException('Aborted', 'AbortError'));
347
351
  };
348
352
  xhr.send(payload);
349
353
  return xhr;
@@ -356,7 +360,8 @@ function uploadFileForImport(_ref) {
356
360
  file = _ref.file,
357
361
  abortSignal = _ref.abortSignal,
358
362
  onSuccess = _ref.onSuccess,
359
- onProgress = _ref.onProgress;
363
+ onProgress = _ref.onProgress,
364
+ onError = _ref.onError;
360
365
  const uri = getFileUploadURL(projectKey, resourceType, containerKey);
361
366
  const formData = new FormData();
362
367
  formData.append('file', file, file.name);
@@ -372,7 +377,8 @@ function uploadFileForImport(_ref) {
372
377
  }
373
378
  },
374
379
  onProgress,
375
- onSuccess
380
+ onSuccess,
381
+ onError
376
382
  });
377
383
  }
378
384
 
@@ -752,6 +758,11 @@ const useUpload = () => {
752
758
  },
753
759
  onProgress: progress => {
754
760
  actions.setProgress(progress);
761
+ },
762
+ onError: error => {
763
+ deleteImportContainer(projectKey, containerKey, asyncDispatch);
764
+ handleUploadError(error);
765
+ actions.setCurrentStep(3);
755
766
  }
756
767
  });
757
768
  actions.setAbortController(newAbortController);
@@ -837,13 +848,13 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
837
848
  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== */");
838
849
  }
839
850
 
840
- var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-bf8b7a30.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
851
+ var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-fda704be.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
841
852
 
842
853
  var DisabledDropArea = /*#__PURE__*/lazy(() => import('./disabled-drop-area-2c088477.esm.js' /* webpackChunkName: "disabled-drop-area" */));
843
854
 
844
- var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-5e43f909.esm.js' /* webpackChunkName: "enabled-drop-area" */));
855
+ var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-9e4288ea.esm.js' /* webpackChunkName: "enabled-drop-area" */));
845
856
 
846
- var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-2a6284e9.esm.js' /* webpackChunkName: "filed-dropped-area" */));
857
+ var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-3b89854b.esm.js' /* webpackChunkName: "filed-dropped-area" */));
847
858
 
848
859
  function getDropArea(_ref) {
849
860
  let dropAreaState = _ref.dropAreaState,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-frontend-extensions/import-resources-modal",
3
3
  "description": "Shared import modal for importing resources",
4
- "version": "1.0.2",
4
+ "version": "1.0.3",
5
5
  "license": "BSD-3-Clause",
6
6
  "publishConfig": {
7
7
  "access": "public"