@commercetools-frontend-extensions/import-resources-modal 1.4.2 → 1.5.0

package/dist/{active-drag-drop-area-32d784b6.cjs.dev.js → active-drag-drop-area-41fee9e7.cjs.dev.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-b1c07316.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-98a32d1e.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/{active-drag-drop-area-df263c55.esm.js → active-drag-drop-area-ba4a3de3.esm.js}

@@ -1,4 +1,4 @@
-import { F as FileDropped, E as EnabledDropArea } from './index-b23dddac.esm.js';
+import { F as FileDropped, E as EnabledDropArea } from './index-417ba1cb.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-48b8e854.cjs.prod.js → active-drag-drop-area-f971a15f.cjs.prod.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-8bf7917d.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-27e1b5f7.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/commercetools-frontend-extensions-import-resources-modal.cjs.dev.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-b1c07316.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-98a32d1e.cjs.dev.js');
 require('react');
 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.prod.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-8bf7917d.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-27e1b5f7.cjs.prod.js');
 require('react');
 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.esm.js

@@ -1,4 +1,4 @@
-export { I as default, a as useImportPermission } from './index-b23dddac.esm.js';
+export { I as default, a as useImportPermission } from './index-417ba1cb.esm.js';
 import 'react';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';
 import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';

package/dist/declarations/src/@types/current-step.d.ts

@@ -0,0 +1,6 @@
+export declare enum CurrentStep {
+    Upload = "upload",
+    Uploading = "uploading",
+    UploadResult = "upload-result",
+    ImportConfirmationModal = "import-confirmation-modal"
+}

package/dist/declarations/src/@types/index.d.ts

@@ -7,3 +7,4 @@ export * from "./basic-error-data-type.js";
 export * from "./import-container.js";
 export * from "./import-summary.js";
 export * from "./import-states.js";
+export * from "./current-step.js";

package/dist/{enabled-drop-area-d08d5874.esm.js → enabled-drop-area-8f86bce2.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-b23dddac.esm.js';
+import { m as messages } from './index-417ba1cb.esm.js';
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 import '@babel/runtime-corejs3/core-js-stable/instance/every';
 import 'react-intl';

package/dist/{enabled-drop-area-ffc745c0.cjs.dev.js → enabled-drop-area-c92a8c96.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-b1c07316.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-98a32d1e.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/instance/every');
 require('react-intl');

package/dist/{enabled-drop-area-e432576d.cjs.prod.js → enabled-drop-area-f0ec971a.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-8bf7917d.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-27e1b5f7.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/instance/every');
 require('react-intl');

package/dist/{file-dropped-area-d4aa7d89.cjs.prod.js → file-dropped-area-369406e5.cjs.prod.js}

@@ -2,7 +2,7 @@
 
 var reactIntl = require('react-intl');
 var uiKit = require('@commercetools-frontend/ui-kit');
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-8bf7917d.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-27e1b5f7.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/{file-dropped-area-24e4301e.cjs.dev.js → file-dropped-area-3a4c29f4.cjs.dev.js}

@@ -2,7 +2,7 @@
 
 var reactIntl = require('react-intl');
 var uiKit = require('@commercetools-frontend/ui-kit');
-var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-b1c07316.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsImportResourcesModal = require('./index-98a32d1e.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/{file-dropped-area-db6c4aa8.esm.js → file-dropped-area-6b9d6fed.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-b23dddac.esm.js';
+import { u as useImportResourcesContext, m as messages } from './index-417ba1cb.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/{index-8bf7917d.cjs.prod.js → index-27e1b5f7.cjs.prod.js}

@@ -79,8 +79,46 @@ var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceP
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var DataTable__default = /*#__PURE__*/_interopDefault(DataTable);
 
+const EnabledResourceType = {
+  category: true,
+  product: true,
+  inventory: true,
+  'discount-code': true,
+  customer: false,
+  order: false,
+  'product-type': false
+};
+function isResourceType(maybeResourceType) {
+  return typeof maybeResourceType === 'string' && maybeResourceType in EnabledResourceType;
+}
+function assertResourceType(maybeResourceType) {
+  if (isResourceType(maybeResourceType)) return;
+  throw new Error(`Invalid value: ${maybeResourceType}`);
+}
+function isError(maybeError) {
+  if (maybeError instanceof Error) return true;
+  return false;
+}
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+function hasOwnProperty(obj, prop) {
+  return typeof obj === 'object' && obj !== null && obj.hasOwnProperty(prop);
+}
+function hasRequiredFields(maybeValidObject, requiredFields) {
+  return typeof maybeValidObject === 'object' && maybeValidObject !== null && _everyInstanceProperty__default["default"](requiredFields).call(requiredFields, property => hasOwnProperty(maybeValidObject, property));
+}
+
+let CurrentStep$1 = /*#__PURE__*/function (CurrentStep) {
+  CurrentStep["Upload"] = "upload";
+  CurrentStep["Uploading"] = "uploading";
+  CurrentStep["UploadResult"] = "upload-result";
+  CurrentStep["ImportConfirmationModal"] = "import-confirmation-modal";
+  return CurrentStep;
+}({});
+
 function ownKeys$i(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$i(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$i(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+
 // TODO: make this resource type specific
 
 function reducer(state, action) {
@@ -99,7 +137,7 @@ function reducer(state, action) {
     containerKey: action.containerKey
   });
   if (action.type === 'cancelImport') return _objectSpread$i(_objectSpread$i({}, state), {}, {
-    currentStep: 1,
+    currentStep: CurrentStep$1.Upload,
     containerKey: undefined,
     fileUploadErrors: [],
     uploadFileResponse: undefined,
@@ -108,7 +146,7 @@ function reducer(state, action) {
     progress: 0
   });
   if (action.type === 'uploadNewFile') return _objectSpread$i(_objectSpread$i({}, state), {}, {
-    currentStep: 1,
+    currentStep: CurrentStep$1.Upload,
     containerKey: undefined,
     fileUploadErrors: [],
     uploadFileResponse: undefined,
@@ -147,7 +185,7 @@ function getUnknownActionError(actionType) {
   return `Unkown type: ${actionType}`;
 }
 const initialState = {
-  currentStep: 1,
+  currentStep: CurrentStep$1.Upload,
   abortController: new AbortController(),
   dropAreaState: 'disabled',
   uploadFileResponse: undefined,
@@ -496,35 +534,6 @@ function getProccessFileURL(projectKey, resourceType, containerKey) {
   return `/${projectKey}/${pluralize.plural(resourceType)}/import-containers/${containerKey}/process-file`;
 }
 
-const EnabledResourceType = {
-  category: true,
-  product: true,
-  inventory: true,
-  'discount-code': true,
-  customer: false,
-  order: false,
-  'product-type': false
-};
-function isResourceType(maybeResourceType) {
-  return typeof maybeResourceType === 'string' && maybeResourceType in EnabledResourceType;
-}
-function assertResourceType(maybeResourceType) {
-  if (isResourceType(maybeResourceType)) return;
-  throw new Error(`Invalid value: ${maybeResourceType}`);
-}
-function isError(maybeError) {
-  if (maybeError instanceof Error) return true;
-  return false;
-}
-
-// eslint-disable-next-line @typescript-eslint/ban-types
-function hasOwnProperty(obj, prop) {
-  return typeof obj === 'object' && obj !== null && obj.hasOwnProperty(prop);
-}
-function hasRequiredFields(maybeValidObject, requiredFields) {
-  return typeof maybeValidObject === 'object' && maybeValidObject !== null && _everyInstanceProperty__default["default"](requiredFields).call(requiredFields, property => hasOwnProperty(maybeValidObject, property));
-}
-
 function uploadFileForImport(_ref) {
   let projectKey = _ref.projectKey,
     containerKey = _ref.containerKey,
@@ -745,13 +754,13 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/react.css("" , "" );
 }
 
-var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-48b8e854.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-f971a15f.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-e432576d.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-f0ec971a.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
 
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-d4aa7d89.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-369406e5.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,
@@ -955,7 +964,7 @@ const useUpload = () => {
     });
     if (errors.length > 0) {
       actions.setFileUploadErrors(errors);
-      actions.setCurrentStep(3);
+      actions.setCurrentStep(CurrentStep$1.UploadResult);
       return false;
     }
     return true;
@@ -971,7 +980,7 @@ const useUpload = () => {
           title: intl.formatMessage(messages$6.missingRequiredField),
           description: intl.formatMessage(messages$6.missingKeyError)
         }]);
-        actions.setCurrentStep(3);
+        actions.setCurrentStep(CurrentStep$1.UploadResult);
       } else if (error.errorData?.code === 'MissingCsvFieldIdentifier') {
         const MissingCsvFieldIdentifierError = error.errorData;
         const fieldNames = formatKeys(MissingCsvFieldIdentifierError.rowValue);
@@ -981,10 +990,10 @@ const useUpload = () => {
             fieldNames
           })
         }]);
-        actions.setCurrentStep(3);
+        actions.setCurrentStep(CurrentStep$1.UploadResult);
       } else if (error.errorData?.invalid > 0) {
         actions.setUploadFileResponse(error.errorData);
-        actions.setCurrentStep(3);
+        actions.setCurrentStep(CurrentStep$1.UploadResult);
       } else {
         actions.cancelImport();
         showNotification({
@@ -1015,7 +1024,7 @@ const useUpload = () => {
     if (!projectKey || !state.droppedFile || !state.resourceType) return;
     const canUpload = await isFileValid(state.droppedFile);
     if (!canUpload) return;
-    actions.setCurrentStep(2);
+    actions.setCurrentStep(CurrentStep$1.Uploading);
     const containerKey = encodeFileNameWithTimestampToContainerKey(state.droppedFile.name);
     actions.setContainerKey(containerKey);
     try {
@@ -1041,7 +1050,7 @@ const useUpload = () => {
         file: state.droppedFile,
         onSuccess: fileUploadResponse => {
           actions.setUploadFileResponse(fileUploadResponse);
-          actions.setCurrentStep(3);
+          actions.setCurrentStep(CurrentStep$1.UploadResult);
         },
         onProgress: progress => {
           actions.setProgress(progress);
@@ -1055,7 +1064,7 @@ const useUpload = () => {
     } catch (error) {
       deleteImportContainer(projectKey, containerKey, asyncDispatch);
       handleUploadError(error);
-      actions.setCurrentStep(3);
+      actions.setCurrentStep(CurrentStep$1.UploadResult);
     }
   };
   return {
@@ -1708,7 +1717,7 @@ function UploadPreviewModal() {
       shouldDeleteImportContainer: true
     }),
     onPrimaryButtonClick: () => {
-      actions.setCurrentStep(4);
+      actions.setCurrentStep(CurrentStep$1.ImportConfirmationModal);
     },
     onClose: () => onClose({
       shouldDeleteImportContainer: true
@@ -2017,7 +2026,7 @@ const Uploading = () => {
           size: "medium",
           label: intl.formatMessage(sharedMessages.cancel),
           onClick: () => {
-            actions.setCurrentStep(1);
+            actions.setCurrentStep(CurrentStep$1.Upload);
             state.abortController.abort();
           }
         })]
@@ -2035,10 +2044,10 @@ const CurrentStep = () => {
   const _useImportResourcesCo = useImportResourcesContext(),
     state = _useImportResourcesCo.state;
   const steps = {
-    1: jsxRuntime.jsx(Upload, {}),
-    2: jsxRuntime.jsx(Uploading, {}),
-    3: jsxRuntime.jsx(UploadResult, {}),
-    4: jsxRuntime.jsx(ImportConfirmationModal, {})
+    upload: jsxRuntime.jsx(Upload, {}),
+    uploading: jsxRuntime.jsx(Uploading, {}),
+    'upload-result': jsxRuntime.jsx(UploadResult, {}),
+    'import-confirmation-modal': jsxRuntime.jsx(ImportConfirmationModal, {})
   };
   return steps[state.currentStep] || null;
 };

package/dist/{index-b23dddac.esm.js → index-417ba1cb.esm.js}

@@ -50,8 +50,46 @@ import { useIsAuthorized } from '@commercetools-frontend/permissions';
 import DataTable from '@commercetools-uikit/data-table';
 import { parseChunkImport, mapLocaleToIntlLocale } from '@commercetools-frontend/i18n';
 
+const EnabledResourceType = {
+  category: true,
+  product: true,
+  inventory: true,
+  'discount-code': true,
+  customer: false,
+  order: false,
+  'product-type': false
+};
+function isResourceType(maybeResourceType) {
+  return typeof maybeResourceType === 'string' && maybeResourceType in EnabledResourceType;
+}
+function assertResourceType(maybeResourceType) {
+  if (isResourceType(maybeResourceType)) return;
+  throw new Error(`Invalid value: ${maybeResourceType}`);
+}
+function isError(maybeError) {
+  if (maybeError instanceof Error) return true;
+  return false;
+}
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+function hasOwnProperty(obj, prop) {
+  return typeof obj === 'object' && obj !== null && obj.hasOwnProperty(prop);
+}
+function hasRequiredFields(maybeValidObject, requiredFields) {
+  return typeof maybeValidObject === 'object' && maybeValidObject !== null && _everyInstanceProperty(requiredFields).call(requiredFields, property => hasOwnProperty(maybeValidObject, property));
+}
+
+let CurrentStep$1 = /*#__PURE__*/function (CurrentStep) {
+  CurrentStep["Upload"] = "upload";
+  CurrentStep["Uploading"] = "uploading";
+  CurrentStep["UploadResult"] = "upload-result";
+  CurrentStep["ImportConfirmationModal"] = "import-confirmation-modal";
+  return CurrentStep;
+}({});
+
 function ownKeys$i(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$i(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$i(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+
 // TODO: make this resource type specific
 
 function reducer(state, action) {
@@ -70,7 +108,7 @@ function reducer(state, action) {
     containerKey: action.containerKey
   });
   if (action.type === 'cancelImport') return _objectSpread$i(_objectSpread$i({}, state), {}, {
-    currentStep: 1,
+    currentStep: CurrentStep$1.Upload,
     containerKey: undefined,
     fileUploadErrors: [],
     uploadFileResponse: undefined,
@@ -79,7 +117,7 @@ function reducer(state, action) {
     progress: 0
   });
   if (action.type === 'uploadNewFile') return _objectSpread$i(_objectSpread$i({}, state), {}, {
-    currentStep: 1,
+    currentStep: CurrentStep$1.Upload,
     containerKey: undefined,
     fileUploadErrors: [],
     uploadFileResponse: undefined,
@@ -118,7 +156,7 @@ function getUnknownActionError(actionType) {
   return `Unkown type: ${actionType}`;
 }
 const initialState = {
-  currentStep: 1,
+  currentStep: CurrentStep$1.Upload,
   abortController: new AbortController(),
   dropAreaState: 'disabled',
   uploadFileResponse: undefined,
@@ -467,35 +505,6 @@ function getProccessFileURL(projectKey, resourceType, containerKey) {
   return `/${projectKey}/${plural(resourceType)}/import-containers/${containerKey}/process-file`;
 }
 
-const EnabledResourceType = {
-  category: true,
-  product: true,
-  inventory: true,
-  'discount-code': true,
-  customer: false,
-  order: false,
-  'product-type': false
-};
-function isResourceType(maybeResourceType) {
-  return typeof maybeResourceType === 'string' && maybeResourceType in EnabledResourceType;
-}
-function assertResourceType(maybeResourceType) {
-  if (isResourceType(maybeResourceType)) return;
-  throw new Error(`Invalid value: ${maybeResourceType}`);
-}
-function isError(maybeError) {
-  if (maybeError instanceof Error) return true;
-  return false;
-}
-
-// eslint-disable-next-line @typescript-eslint/ban-types
-function hasOwnProperty(obj, prop) {
-  return typeof obj === 'object' && obj !== null && obj.hasOwnProperty(prop);
-}
-function hasRequiredFields(maybeValidObject, requiredFields) {
-  return typeof maybeValidObject === 'object' && maybeValidObject !== null && _everyInstanceProperty(requiredFields).call(requiredFields, property => hasOwnProperty(maybeValidObject, property));
-}
-
 function uploadFileForImport(_ref) {
   let projectKey = _ref.projectKey,
     containerKey = _ref.containerKey,
@@ -719,13 +728,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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBEcm9wem9uZVJvb3RQcm9wcyB9IGZyb20gJ3JlYWN0LWRyb3B6b25lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2Rpc2FibGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5kaXNhYmxlZFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ3JlYWR5LWZvci1kcm9wJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5yZWFkeUZvckRyb3BcbiAgICB9XG4gICAgaWYgKHByb3BzLmRyb3BBcmVhU3RhdGUgPT09ICdhY3RpdmUtZHJhZycpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuYWN0aXZlRHJhZ1xuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2ZpbGUtZHJvcHBlZCcpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuZmlsZURyb3BwZWRcbiAgICB9XG4gICAgcmV0dXJuIGdldERlZmF1bHREcm9wV3JhcHBlclN0eWxlcyhwcm9wcy5kcm9wQXJlYVN0YXRlKVxuICB9fVxuYFxuZnVuY3Rpb24gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKF9kcm9wQXJlYVN0YXRlOiBuZXZlcikge1xuICByZXR1cm4gY3NzYGBcbn1cbiJdfQ== */");
 }
 
-var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-df263c55.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
+var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-ba4a3de3.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-d08d5874.esm.js' /* webpackChunkName: "enabled-drop-area" */));
+var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-8f86bce2.esm.js' /* webpackChunkName: "enabled-drop-area" */));
 
-var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-db6c4aa8.esm.js' /* webpackChunkName: "filed-dropped-area" */));
+var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-6b9d6fed.esm.js' /* webpackChunkName: "filed-dropped-area" */));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,
@@ -929,7 +938,7 @@ const useUpload = () => {
     });
     if (errors.length > 0) {
       actions.setFileUploadErrors(errors);
-      actions.setCurrentStep(3);
+      actions.setCurrentStep(CurrentStep$1.UploadResult);
       return false;
     }
     return true;
@@ -945,7 +954,7 @@ const useUpload = () => {
           title: intl.formatMessage(messages$6.missingRequiredField),
           description: intl.formatMessage(messages$6.missingKeyError)
         }]);
-        actions.setCurrentStep(3);
+        actions.setCurrentStep(CurrentStep$1.UploadResult);
       } else if (error.errorData?.code === 'MissingCsvFieldIdentifier') {
         const MissingCsvFieldIdentifierError = error.errorData;
         const fieldNames = formatKeys(MissingCsvFieldIdentifierError.rowValue);
@@ -955,10 +964,10 @@ const useUpload = () => {
             fieldNames
           })
         }]);
-        actions.setCurrentStep(3);
+        actions.setCurrentStep(CurrentStep$1.UploadResult);
       } else if (error.errorData?.invalid > 0) {
         actions.setUploadFileResponse(error.errorData);
-        actions.setCurrentStep(3);
+        actions.setCurrentStep(CurrentStep$1.UploadResult);
       } else {
         actions.cancelImport();
         showNotification({
@@ -989,7 +998,7 @@ const useUpload = () => {
     if (!projectKey || !state.droppedFile || !state.resourceType) return;
     const canUpload = await isFileValid(state.droppedFile);
     if (!canUpload) return;
-    actions.setCurrentStep(2);
+    actions.setCurrentStep(CurrentStep$1.Uploading);
     const containerKey = encodeFileNameWithTimestampToContainerKey(state.droppedFile.name);
     actions.setContainerKey(containerKey);
     try {
@@ -1015,7 +1024,7 @@ const useUpload = () => {
         file: state.droppedFile,
         onSuccess: fileUploadResponse => {
           actions.setUploadFileResponse(fileUploadResponse);
-          actions.setCurrentStep(3);
+          actions.setCurrentStep(CurrentStep$1.UploadResult);
         },
         onProgress: progress => {
           actions.setProgress(progress);
@@ -1029,7 +1038,7 @@ const useUpload = () => {
     } catch (error) {
       deleteImportContainer(projectKey, containerKey, asyncDispatch);
       handleUploadError(error);
-      actions.setCurrentStep(3);
+      actions.setCurrentStep(CurrentStep$1.UploadResult);
     }
   };
   return {
@@ -1699,7 +1708,7 @@ function UploadPreviewModal() {
       shouldDeleteImportContainer: true
     }),
     onPrimaryButtonClick: () => {
-      actions.setCurrentStep(4);
+      actions.setCurrentStep(CurrentStep$1.ImportConfirmationModal);
     },
     onClose: () => onClose({
       shouldDeleteImportContainer: true
@@ -2019,7 +2028,7 @@ const Uploading = () => {
           size: "medium",
           label: intl.formatMessage(sharedMessages.cancel),
           onClick: () => {
-            actions.setCurrentStep(1);
+            actions.setCurrentStep(CurrentStep$1.Upload);
             state.abortController.abort();
           }
         })]
@@ -2037,10 +2046,10 @@ const CurrentStep = () => {
   const _useImportResourcesCo = useImportResourcesContext(),
     state = _useImportResourcesCo.state;
   const steps = {
-    1: jsx(Upload, {}),
-    2: jsx(Uploading, {}),
-    3: jsx(UploadResult, {}),
-    4: jsx(ImportConfirmationModal, {})
+    upload: jsx(Upload, {}),
+    uploading: jsx(Uploading, {}),
+    'upload-result': jsx(UploadResult, {}),
+    'import-confirmation-modal': jsx(ImportConfirmationModal, {})
   };
   return steps[state.currentStep] || null;
 };

package/dist/{index-b1c07316.cjs.dev.js → index-98a32d1e.cjs.dev.js}

@@ -79,8 +79,46 @@ var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceP
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var DataTable__default = /*#__PURE__*/_interopDefault(DataTable);
 
+const EnabledResourceType = {
+  category: true,
+  product: true,
+  inventory: true,
+  'discount-code': true,
+  customer: false,
+  order: false,
+  'product-type': false
+};
+function isResourceType(maybeResourceType) {
+  return typeof maybeResourceType === 'string' && maybeResourceType in EnabledResourceType;
+}
+function assertResourceType(maybeResourceType) {
+  if (isResourceType(maybeResourceType)) return;
+  throw new Error(`Invalid value: ${maybeResourceType}`);
+}
+function isError(maybeError) {
+  if (maybeError instanceof Error) return true;
+  return false;
+}
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+function hasOwnProperty(obj, prop) {
+  return typeof obj === 'object' && obj !== null && obj.hasOwnProperty(prop);
+}
+function hasRequiredFields(maybeValidObject, requiredFields) {
+  return typeof maybeValidObject === 'object' && maybeValidObject !== null && _everyInstanceProperty__default["default"](requiredFields).call(requiredFields, property => hasOwnProperty(maybeValidObject, property));
+}
+
+let CurrentStep$1 = /*#__PURE__*/function (CurrentStep) {
+  CurrentStep["Upload"] = "upload";
+  CurrentStep["Uploading"] = "uploading";
+  CurrentStep["UploadResult"] = "upload-result";
+  CurrentStep["ImportConfirmationModal"] = "import-confirmation-modal";
+  return CurrentStep;
+}({});
+
 function ownKeys$i(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$i(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$i(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+
 // TODO: make this resource type specific
 
 function reducer(state, action) {
@@ -99,7 +137,7 @@ function reducer(state, action) {
     containerKey: action.containerKey
   });
   if (action.type === 'cancelImport') return _objectSpread$i(_objectSpread$i({}, state), {}, {
-    currentStep: 1,
+    currentStep: CurrentStep$1.Upload,
     containerKey: undefined,
     fileUploadErrors: [],
     uploadFileResponse: undefined,
@@ -108,7 +146,7 @@ function reducer(state, action) {
     progress: 0
   });
   if (action.type === 'uploadNewFile') return _objectSpread$i(_objectSpread$i({}, state), {}, {
-    currentStep: 1,
+    currentStep: CurrentStep$1.Upload,
     containerKey: undefined,
     fileUploadErrors: [],
     uploadFileResponse: undefined,
@@ -147,7 +185,7 @@ function getUnknownActionError(actionType) {
   return `Unkown type: ${actionType}`;
 }
 const initialState = {
-  currentStep: 1,
+  currentStep: CurrentStep$1.Upload,
   abortController: new AbortController(),
   dropAreaState: 'disabled',
   uploadFileResponse: undefined,
@@ -496,35 +534,6 @@ function getProccessFileURL(projectKey, resourceType, containerKey) {
   return `/${projectKey}/${pluralize.plural(resourceType)}/import-containers/${containerKey}/process-file`;
 }
 
-const EnabledResourceType = {
-  category: true,
-  product: true,
-  inventory: true,
-  'discount-code': true,
-  customer: false,
-  order: false,
-  'product-type': false
-};
-function isResourceType(maybeResourceType) {
-  return typeof maybeResourceType === 'string' && maybeResourceType in EnabledResourceType;
-}
-function assertResourceType(maybeResourceType) {
-  if (isResourceType(maybeResourceType)) return;
-  throw new Error(`Invalid value: ${maybeResourceType}`);
-}
-function isError(maybeError) {
-  if (maybeError instanceof Error) return true;
-  return false;
-}
-
-// eslint-disable-next-line @typescript-eslint/ban-types
-function hasOwnProperty(obj, prop) {
-  return typeof obj === 'object' && obj !== null && obj.hasOwnProperty(prop);
-}
-function hasRequiredFields(maybeValidObject, requiredFields) {
-  return typeof maybeValidObject === 'object' && maybeValidObject !== null && _everyInstanceProperty__default["default"](requiredFields).call(requiredFields, property => hasOwnProperty(maybeValidObject, property));
-}
-
 function uploadFileForImport(_ref) {
   let projectKey = _ref.projectKey,
     containerKey = _ref.containerKey,
@@ -748,13 +757,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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBEcm9wem9uZVJvb3RQcm9wcyB9IGZyb20gJ3JlYWN0LWRyb3B6b25lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2Rpc2FibGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5kaXNhYmxlZFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ3JlYWR5LWZvci1kcm9wJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5yZWFkeUZvckRyb3BcbiAgICB9XG4gICAgaWYgKHByb3BzLmRyb3BBcmVhU3RhdGUgPT09ICdhY3RpdmUtZHJhZycpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuYWN0aXZlRHJhZ1xuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2ZpbGUtZHJvcHBlZCcpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuZmlsZURyb3BwZWRcbiAgICB9XG4gICAgcmV0dXJuIGdldERlZmF1bHREcm9wV3JhcHBlclN0eWxlcyhwcm9wcy5kcm9wQXJlYVN0YXRlKVxuICB9fVxuYFxuZnVuY3Rpb24gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKF9kcm9wQXJlYVN0YXRlOiBuZXZlcikge1xuICByZXR1cm4gY3NzYGBcbn1cbiJdfQ== */");
 }
 
-var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-32d784b6.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-41fee9e7.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-ffc745c0.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-c92a8c96.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
 
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-24e4301e.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-3a4c29f4.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,
@@ -958,7 +967,7 @@ const useUpload = () => {
     });
     if (errors.length > 0) {
       actions.setFileUploadErrors(errors);
-      actions.setCurrentStep(3);
+      actions.setCurrentStep(CurrentStep$1.UploadResult);
       return false;
     }
     return true;
@@ -974,7 +983,7 @@ const useUpload = () => {
           title: intl.formatMessage(messages$6.missingRequiredField),
           description: intl.formatMessage(messages$6.missingKeyError)
         }]);
-        actions.setCurrentStep(3);
+        actions.setCurrentStep(CurrentStep$1.UploadResult);
       } else if (error.errorData?.code === 'MissingCsvFieldIdentifier') {
         const MissingCsvFieldIdentifierError = error.errorData;
         const fieldNames = formatKeys(MissingCsvFieldIdentifierError.rowValue);
@@ -984,10 +993,10 @@ const useUpload = () => {
             fieldNames
           })
         }]);
-        actions.setCurrentStep(3);
+        actions.setCurrentStep(CurrentStep$1.UploadResult);
       } else if (error.errorData?.invalid > 0) {
         actions.setUploadFileResponse(error.errorData);
-        actions.setCurrentStep(3);
+        actions.setCurrentStep(CurrentStep$1.UploadResult);
       } else {
         actions.cancelImport();
         showNotification({
@@ -1018,7 +1027,7 @@ const useUpload = () => {
     if (!projectKey || !state.droppedFile || !state.resourceType) return;
     const canUpload = await isFileValid(state.droppedFile);
     if (!canUpload) return;
-    actions.setCurrentStep(2);
+    actions.setCurrentStep(CurrentStep$1.Uploading);
     const containerKey = encodeFileNameWithTimestampToContainerKey(state.droppedFile.name);
     actions.setContainerKey(containerKey);
     try {
@@ -1044,7 +1053,7 @@ const useUpload = () => {
         file: state.droppedFile,
         onSuccess: fileUploadResponse => {
           actions.setUploadFileResponse(fileUploadResponse);
-          actions.setCurrentStep(3);
+          actions.setCurrentStep(CurrentStep$1.UploadResult);
         },
         onProgress: progress => {
           actions.setProgress(progress);
@@ -1058,7 +1067,7 @@ const useUpload = () => {
     } catch (error) {
       deleteImportContainer(projectKey, containerKey, asyncDispatch);
       handleUploadError(error);
-      actions.setCurrentStep(3);
+      actions.setCurrentStep(CurrentStep$1.UploadResult);
     }
   };
   return {
@@ -1728,7 +1737,7 @@ function UploadPreviewModal() {
       shouldDeleteImportContainer: true
     }),
     onPrimaryButtonClick: () => {
-      actions.setCurrentStep(4);
+      actions.setCurrentStep(CurrentStep$1.ImportConfirmationModal);
     },
     onClose: () => onClose({
       shouldDeleteImportContainer: true
@@ -2048,7 +2057,7 @@ const Uploading = () => {
           size: "medium",
           label: intl.formatMessage(sharedMessages.cancel),
           onClick: () => {
-            actions.setCurrentStep(1);
+            actions.setCurrentStep(CurrentStep$1.Upload);
             state.abortController.abort();
           }
         })]
@@ -2066,10 +2075,10 @@ const CurrentStep = () => {
   const _useImportResourcesCo = useImportResourcesContext(),
     state = _useImportResourcesCo.state;
   const steps = {
-    1: jsxRuntime.jsx(Upload, {}),
-    2: jsxRuntime.jsx(Uploading, {}),
-    3: jsxRuntime.jsx(UploadResult, {}),
-    4: jsxRuntime.jsx(ImportConfirmationModal, {})
+    upload: jsxRuntime.jsx(Upload, {}),
+    uploading: jsxRuntime.jsx(Uploading, {}),
+    'upload-result': jsxRuntime.jsx(UploadResult, {}),
+    'import-confirmation-modal': jsxRuntime.jsx(ImportConfirmationModal, {})
   };
   return steps[state.currentStep] || null;
 };

package/package.json

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