@commercetools-frontend-extensions/import-resources-modal 1.0.7 → 1.1.0

package/dist/{index-28eb8566.cjs.prod.js → index-f801ad59.cjs.prod.js}

@@ -9,14 +9,13 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
 var reactIntl = require('react-intl');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var React = require('react');
 var sdk = require('@commercetools-frontend/sdk');
 var constants = require('@commercetools-frontend/constants');
-var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
-var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var pluralize = require('pluralize');
 var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
 var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
@@ -27,7 +26,6 @@ var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/i
 var Papa = require('papaparse');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
-var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('querystring');
 require('ramda');
@@ -35,15 +33,16 @@ var applicationShell = require('@commercetools-frontend/application-shell');
 var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
 var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
 var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
-var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
 var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
 var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
 var _wrapNativeSuper = require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var uiKit = require('@commercetools-frontend/ui-kit');
 var actionsGlobal = require('@commercetools-frontend/actions-global');
 var sentry = require('@commercetools-frontend/sentry');
+var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
 var reactDropzone = require('react-dropzone');
 var _styled = require('@emotion/styled/base');
 var react = require('@emotion/react');
@@ -61,9 +60,8 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
-var React__default = /*#__PURE__*/_interopDefault(React);
 var _everyInstanceProperty__default = /*#__PURE__*/_interopDefault(_everyInstanceProperty);
-var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
+var React__default = /*#__PURE__*/_interopDefault(React);
 var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
 var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
 var _flatMapInstanceProperty__default = /*#__PURE__*/_interopDefault(_flatMapInstanceProperty);
@@ -73,8 +71,8 @@ var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesI
 var Papa__default = /*#__PURE__*/_interopDefault(Papa);
 var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
-var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
+var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
 var DataTable__default = /*#__PURE__*/_interopDefault(DataTable);
@@ -89,7 +87,7 @@ function isResourceType(maybeResourceType) {
 }
 function assertResourceType(maybeResourceType) {
   if (isResourceType(maybeResourceType)) return;
-  throw new Error("Invalid value: ".concat(maybeResourceType));
+  throw new Error(`Invalid value: ${maybeResourceType}`);
 }
 function isError(maybeError) {
   if (maybeError instanceof Error) return true;
@@ -104,7 +102,6 @@ function hasRequiredFields(maybeValidObject, requiredFields) {
   return typeof maybeValidObject === 'object' && maybeValidObject !== null && _everyInstanceProperty__default["default"](requiredFields).call(requiredFields, property => hasOwnProperty(maybeValidObject, property));
 }
 
-var _context;
 const DEFAULT_DELIMITER = ',';
 const INITIAL_COLUMN_DISPLAY_COUNT = 8;
 const IMPORT_TAG_KEYS = {
@@ -113,7 +110,7 @@ const IMPORT_TAG_KEYS = {
 const IMPORT_TAG_VALUES = {
   fileUpload: 'file-upload'
 };
-const TAG_KEY_SOURCE_FILE_UPLOAD = _concatInstanceProperty__default["default"](_context = "".concat(IMPORT_TAG_KEYS.source, ":")).call(_context, IMPORT_TAG_VALUES.fileUpload);
+const TAG_KEY_SOURCE_FILE_UPLOAD = `${IMPORT_TAG_KEYS.source}:${IMPORT_TAG_VALUES.fileUpload}`;
 
 const FILE_SIZE_LIMITS_MB = {
   category: 10,
@@ -121,9 +118,9 @@ const FILE_SIZE_LIMITS_MB = {
   product: 35
 };
 const ROW_LIMITS = {
-  category: 5000,
-  inventory: 4000,
-  product: 70000
+  category: 5_000,
+  inventory: 4_000,
+  product: 70_000
 };
 const RESOURCE_TYPE_TEMPLATE_DOWNLOAD_LINKS = {
   category: 'https://docs.commercetools.com/merchant-center/downloads/category_import_template.csv',
@@ -251,76 +248,67 @@ const encodeFileNameWithTimestampToContainerKey = fileName => {
 };
 
 function getCreateImportContainerURL(projectKey) {
-  return "/".concat(projectKey, "/import-containers");
+  return `/${projectKey}/import-containers`;
 }
 function getDeleteImportContainerURL(projectKey, containerKey) {
-  var _context6;
-  return _concatInstanceProperty__default["default"](_context6 = "/".concat(projectKey, "/import-containers/")).call(_context6, containerKey);
+  return `/${projectKey}/import-containers/${containerKey}`;
 }
 function getFileUploadURL(projectKey, resourceType, containerKey) {
-  var _context8, _context9;
-  return _concatInstanceProperty__default["default"](_context8 = _concatInstanceProperty__default["default"](_context9 = "/".concat(projectKey, "/")).call(_context9, pluralize.plural(resourceType), "/import-containers/")).call(_context8, containerKey, "/file-upload");
+  return `/${projectKey}/${pluralize.plural(resourceType)}/import-containers/${containerKey}/file-upload`;
 }
 function getProccessFileURL(projectKey, resourceType, containerKey) {
-  var _context10, _context11;
-  return _concatInstanceProperty__default["default"](_context10 = _concatInstanceProperty__default["default"](_context11 = "/".concat(projectKey, "/")).call(_context11, pluralize.plural(resourceType), "/import-containers/")).call(_context10, containerKey, "/process-file");
+  return `/${projectKey}/${pluralize.plural(resourceType)}/import-containers/${containerKey}/process-file`;
 }
 
-function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _callSuper$3(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$3() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$3() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$3 = function () { return !!t; })(); }
 let UnexpectedResourceTypeError = /*#__PURE__*/function (_Error) {
-  _inherits(UnexpectedResourceTypeError, _Error);
-  var _super = _createSuper$3(UnexpectedResourceTypeError);
   function UnexpectedResourceTypeError(resourceType) {
     var _this;
     _classCallCheck(this, UnexpectedResourceTypeError);
-    _this = _super.call(this, "Unexpected resource type \"".concat(resourceType, "\""));
+    _this = _callSuper$3(this, UnexpectedResourceTypeError, [`Unexpected resource type "${resourceType}"`]);
     _this.name = 'UnexpectedResourceTypeError';
     return _this;
   }
+  _inherits(UnexpectedResourceTypeError, _Error);
   return _createClass(UnexpectedResourceTypeError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
-function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _callSuper$2(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$2() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function () { return !!t; })(); }
 let MissingImportResourceProviderError = /*#__PURE__*/function (_Error) {
-  _inherits(MissingImportResourceProviderError, _Error);
-  var _super = _createSuper$2(MissingImportResourceProviderError);
   function MissingImportResourceProviderError() {
     var _this;
     _classCallCheck(this, MissingImportResourceProviderError);
-    _this = _super.call(this, 'useImportResourcesContext must be used within ImportResourcesProvider');
+    _this = _callSuper$2(this, MissingImportResourceProviderError, ['useImportResourcesContext must be used within ImportResourcesProvider']);
     _this.name = 'MissingImportResourceProviderError';
     return _this;
   }
+  _inherits(MissingImportResourceProviderError, _Error);
   return _createClass(MissingImportResourceProviderError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
-function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _callSuper$1(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$1() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function () { return !!t; })(); }
 let UnexpectedColumnError = /*#__PURE__*/function (_Error) {
-  _inherits(UnexpectedColumnError, _Error);
-  var _super = _createSuper$1(UnexpectedColumnError);
   function UnexpectedColumnError(columnName) {
     var _this;
     _classCallCheck(this, UnexpectedColumnError);
-    _this = _super.call(this, "Unexpected column \"".concat(columnName, "\""));
+    _this = _callSuper$1(this, UnexpectedColumnError, [`Unexpected column "${columnName}"`]);
     _this.name = 'UnexpectedColumnError';
     return _this;
   }
+  _inherits(UnexpectedColumnError, _Error);
   return _createClass(UnexpectedColumnError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
 let HttpError = /*#__PURE__*/function (_Error) {
-  _inherits(HttpError, _Error);
-  var _super = _createSuper(HttpError);
   function HttpError(statusCode, statusText, errorData) {
-    var _context;
     var _this;
     _classCallCheck(this, HttpError);
-    _this = _super.call(this, _concatInstanceProperty__default["default"](_context = "HTTP Error! Status code: ".concat(statusCode, ", message: \"")).call(_context, statusText ? statusText : '', "\""));
+    _this = _callSuper(this, HttpError, [`HTTP Error! Status code: ${statusCode}, message: "${statusText ? statusText : ''}"`]);
     _this.statusCode = void 0;
     _this.errorData = void 0;
     _this.name = 'HttpError';
@@ -328,14 +316,14 @@ let HttpError = /*#__PURE__*/function (_Error) {
     _this.errorData = errorData;
     return _this;
   }
+  _inherits(HttpError, _Error);
   return _createClass(HttpError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
 function ownKeys$e(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$e(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$e(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$e(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$e(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$e(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const addProxyPrefixToUrl = (uri, proxy) => {
-  var _context;
-  return proxy ? _concatInstanceProperty__default["default"](_context = "/proxy/".concat(proxy)).call(_context, uri) : uri;
+  return proxy ? `/proxy/${proxy}${uri}` : uri;
 };
 const fetchUsingXhr = _ref2 => {
   let url = _ref2.url,
@@ -347,15 +335,15 @@ const fetchUsingXhr = _ref2 => {
   const options = applicationShell.createHttpClientOptions({
     headers: _objectSpread$e({
       'Content-Type': 'application/json'
-    }, config === null || config === void 0 ? void 0 : config.headers)
+    }, config?.headers)
   });
   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);
+  xhr.open(config?.method, applicationShell.buildApiUrl(addProxyPrefixToUrl(url, 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 => {
+    var _context;
+    _forEachInstanceProperty__default["default"](_context = _Object$keys__default["default"](options.headers)).call(_context, key => {
       xhr.setRequestHeader(key, options.headers[key]);
     });
   }
@@ -524,7 +512,7 @@ function reducer(state, action) {
   throw new Error(getUnknownActionError(action));
 }
 function getUnknownActionError(actionType) {
-  return "Unkown type: ".concat(actionType);
+  return `Unkown type: ${actionType}`;
 }
 const initialState = {
   currentStep: 1,
@@ -541,16 +529,13 @@ function ownKeys$b(e, r) { var t = _Object$keys__default["default"](e); if (_Obj
 function _objectSpread$b(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$b(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$b(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const ImportResourcesContext = /*#__PURE__*/React__default["default"].createContext();
 const ImportResourcesProvider = props => {
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => {
-      var _context$project;
-      return {
-        projectKey: (_context$project = context.project) === null || _context$project === void 0 ? void 0 : _context$project.key
-      };
-    }),
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
+      projectKey: context.project?.key
+    })),
     projectKey = _useApplicationContex.projectKey;
   const asyncDispatch = sdk.useAsyncDispatch();
   const _React$useReducer = React__default["default"].useReducer(reducer, _objectSpread$b(_objectSpread$b({}, initialState), {}, {
-      resourceType: props.resourceType
+      resourceType: props.resourceTypes[0]
     })),
     _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
     state = _React$useReducer2[0],
@@ -559,13 +544,13 @@ const ImportResourcesProvider = props => {
     type: 'setCurrentStep',
     currentStep
   });
-  const setUploadFileResponse = _uploadFileResponse => dispatch({
+  const setUploadFileResponse = uploadFileResponse => dispatch({
     type: 'setUploadFileResponse',
-    uploadFileResponse: _uploadFileResponse
+    uploadFileResponse: uploadFileResponse
   });
-  const setResourceType = nextResourceType => dispatch({
+  const setResourceType = resourceType => dispatch({
     type: 'setResourceType',
-    resourceType: nextResourceType
+    resourceType: resourceType
   });
   const setContainerKey = containerKey => dispatch({
     type: 'setContainerKey',
@@ -577,17 +562,17 @@ const ImportResourcesProvider = props => {
   const uploadNewFile = () => dispatch({
     type: 'uploadNewFile'
   });
-  const setDroppedFile = nextDroppedFile => dispatch({
+  const setDroppedFile = droppedFile => dispatch({
     type: 'setDroppedFile',
-    droppedFile: nextDroppedFile
+    droppedFile: droppedFile
   });
-  const setAbortController = nextAbortController => dispatch({
+  const setAbortController = abortController => dispatch({
     type: 'setAbortController',
-    abortController: nextAbortController
+    abortController: abortController
   });
-  const setFileUploadClientSideErrors = nextFileUploadClientSideErrors => dispatch({
+  const setFileUploadClientSideErrors = fileUploadClientSideErrors => dispatch({
     type: 'setFileUploadClientSideErrors',
-    fileUploadClientSideErrors: nextFileUploadClientSideErrors
+    fileUploadClientSideErrors: fileUploadClientSideErrors
   });
   const setProgress = progress => dispatch({
     type: 'setProgress',
@@ -607,6 +592,7 @@ const ImportResourcesProvider = props => {
   return jsxRuntime.jsx(ImportResourcesContext.Provider, {
     value: {
       state,
+      resourceTypes: props.resourceTypes,
       onClose: handleClose,
       onStartImportSuccess: handleStartImportSuccess,
       actions: {
@@ -634,7 +620,7 @@ function useImportResourcesContext() {
   return context;
 }
 
-var messages$3 = reactIntl.defineMessages({
+var messages$5 = reactIntl.defineMessages({
   fileSizeExceededTitle: {
     id: 'ImportResourcesModal.sizeExceededTitle',
     defaultMessage: 'File size exceeded'
@@ -681,10 +667,7 @@ var messages$3 = reactIntl.defineMessages({
 
 const useUpload = () => {
   const intl = reactIntl.useIntl();
-  const projectKey = applicationShellConnectors.useApplicationContext(context => {
-    var _context$project;
-    return (_context$project = context.project) === null || _context$project === void 0 ? void 0 : _context$project.key;
-  });
+  const projectKey = applicationShellConnectors.useApplicationContext(context => context.project?.key);
   const _useImportResourcesCo = useImportResourcesContext(),
     state = _useImportResourcesCo.state,
     actions = _useImportResourcesCo.actions;
@@ -699,25 +682,25 @@ const useUpload = () => {
     const errors = [];
     const delimiterCheck = await checkDelimiter(file);
     if (!delimiterCheck.isValid) errors.push({
-      title: intl.formatMessage(messages$3.dropAreaWrongDelimiterTitle),
-      description: intl.formatMessage(messages$3.dropAreaWrongDelimiterDescription, {
+      title: intl.formatMessage(messages$5.dropAreaWrongDelimiterTitle),
+      description: intl.formatMessage(messages$5.dropAreaWrongDelimiterDescription, {
         delimiter: delimiterCheck.delimiter
       })
     });
     const rowCount = await getRowCount(file);
     if (rowCount < 1) errors.push({
-      title: intl.formatMessage(messages$3.dropAreaNotEnoughRowsTitle),
-      description: intl.formatMessage(messages$3.dropAreaNotEnoughRowsDescription)
+      title: intl.formatMessage(messages$5.dropAreaNotEnoughRowsTitle),
+      description: intl.formatMessage(messages$5.dropAreaNotEnoughRowsDescription)
     });
     if (state.resourceType && file.size > toBytes(FILE_SIZE_LIMITS_MB[state.resourceType])) errors.push({
-      title: intl.formatMessage(messages$3.fileSizeExceededTitle),
-      description: intl.formatMessage(messages$3.fileSizeExceededDescription, {
+      title: intl.formatMessage(messages$5.fileSizeExceededTitle),
+      description: intl.formatMessage(messages$5.fileSizeExceededDescription, {
         fileSizeLimit: intl.formatNumber(FILE_SIZE_LIMITS_MB[state.resourceType])
       })
     });
     if (state.resourceType && rowCount > ROW_LIMITS[state.resourceType]) errors.push({
-      title: intl.formatMessage(messages$3.rowLimitExceededTitle),
-      description: intl.formatMessage(messages$3.rowLimitExceededDescription, {
+      title: intl.formatMessage(messages$5.rowLimitExceededTitle),
+      description: intl.formatMessage(messages$5.rowLimitExceededDescription, {
         rowLimit: intl.formatNumber(ROW_LIMITS[state.resourceType])
       })
     });
@@ -734,26 +717,24 @@ const useUpload = () => {
       return;
     }
     if (error instanceof HttpError) {
-      var _error$errorData, _error$errorData2;
-      if (((_error$errorData = error.errorData) === null || _error$errorData === void 0 ? void 0 : _error$errorData.code) === 'MISSING_KEY_ERROR') {
+      if (error.errorData?.code === 'MISSING_KEY_ERROR') {
         actions.cancelImport();
         showNotification({
           kind: 'error',
           domain: constants.DOMAINS.PAGE,
           text: error.errorData.message
         });
-      } else if (((_error$errorData2 = error.errorData) === null || _error$errorData2 === void 0 ? void 0 : _error$errorData2.invalid) > 0) {
+      } else if (error.errorData?.invalid > 0) {
         actions.setUploadFileResponse(error.errorData);
       } else {
         actions.cancelImport();
         showNotification({
           kind: 'error',
           domain: constants.DOMAINS.PAGE,
-          text: intl.formatMessage(messages$3.unexpectedError)
+          text: intl.formatMessage(messages$5.unexpectedError)
         });
       }
     } else {
-      var _state$droppedFile;
       actions.cancelImport();
       showNotification({
         kind: 'error',
@@ -766,7 +747,7 @@ const useUpload = () => {
           projectKey,
           containerKey: state.containerKey,
           resourceType: state.resourceType,
-          fileSizeInBytes: (_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.size
+          fileSizeInBytes: state.droppedFile?.size
         }
       });
     }
@@ -813,7 +794,7 @@ const useUpload = () => {
   };
 };
 
-function resourceTypeToDisplayName(_ref) {
+function resourceTypeToDisplayName$1(_ref) {
   let resourceType = _ref.resourceType,
     _ref$isUpperCase = _ref.isUpperCase,
     isUpperCase = _ref$isUpperCase === void 0 ? false : _ref$isUpperCase,
@@ -827,6 +808,9 @@ function resourceTypeToDisplayName(_ref) {
     case 'product':
       displayName = isPlural ? 'Products' : 'Product';
       break;
+    case 'inventory':
+      displayName = isPlural ? 'Inventories' : 'Inventory';
+      break;
     default:
       throw new UnexpectedResourceTypeError(resourceType);
   }
@@ -844,8 +828,12 @@ const getBorderColor = state => {
 const getDashedBorder = function () {
   let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
   const color = getBorderColor(state);
-  const svgContent = "\n    <svg width=\"100%\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\">\n      <rect width=\"100%\" height=\"100%\" fill=\"none\" stroke=\"".concat(color, "\" stroke-width=\"2px\" stroke-dasharray=\"6,6\" stroke-dashoffset=\"0\" stroke-linecap=\"square\"/>\n    </svg>\n  ");
-  return "data:image/svg+xml,".concat(encodeURIComponent(svgContent));
+  const svgContent = `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
+      <rect width="100%" height="100%" fill="none" stroke="${color}" stroke-width="2px" stroke-dasharray="6,6" stroke-dashoffset="0" stroke-linecap="square"/>
+    </svg>
+  `;
+  return `data:image/svg+xml,${encodeURIComponent(svgContent)}`;
 };
 const base = /*#__PURE__*/react.css("border-radius:", uiKit.customProperties.borderRadius6, ";min-height:136px;display:flex;justify-content:center;align-items:center;" + ("" ), "" );
 const disabled = /*#__PURE__*/react.css("" , "" );
@@ -881,13 +869,13 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/react.css("" , "" );
 }
 
-var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-f930d60d.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-1cac282b.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-6b9b6762.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-fd89b405.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
 
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-98af1296.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-da127fa5.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,
@@ -925,12 +913,7 @@ function getDropAreaState(flags) {
   return 'ready-for-drop';
 }
 
-var messages$2 = reactIntl.defineMessages({
-  modalDescription: {
-    id: 'ImportResourcesModal.modalDescription',
-    description: 'Label for the modal category description',
-    defaultMessage: 'Maximum file size is {fileSize} MB with a limit of {rowLimit} rows. Download <csvTemplateLink>the CSV template</csvTemplateLink> or refer to <documentationLink>the documentation</documentationLink>.'
-  },
+var messages$4 = reactIntl.defineMessages({
   dragAndDropCSV: {
     id: 'ImportResourcesModal.dragAndDropCSV',
     description: 'The message telling the user to drag and drop CSV file in the file drop area',
@@ -974,6 +957,16 @@ var messages$2 = reactIntl.defineMessages({
     id: 'ImportResourcesModal.genericError',
     description: 'Default error message for unexpected file upload issues (for unhandled cases)',
     defaultMessage: 'Error occurred: Please try uploading the file again or contact our support team for assistance.'
+  },
+  dataType: {
+    id: 'ImportResourcesModal.dataType',
+    description: 'Label for the data type selection dropdown',
+    defaultMessage: 'Data type'
+  },
+  instructions: {
+    id: 'ImportResourcesModal.instructions',
+    description: 'Label for the instructions section',
+    defaultMessage: 'Instructions'
   }
 });
 
@@ -1008,7 +1001,7 @@ const FileDropArea = () => {
           showNotification({
             kind: 'error',
             domain: constants.DOMAINS.PAGE,
-            text: intl.formatMessage(messages$2.tooManyFilesError)
+            text: intl.formatMessage(messages$4.tooManyFilesError)
           });
           return;
         }
@@ -1016,13 +1009,13 @@ const FileDropArea = () => {
           showNotification({
             kind: 'error',
             domain: constants.DOMAINS.PAGE,
-            text: intl.formatMessage(messages$2.fileFormatNotSupported)
+            text: intl.formatMessage(messages$4.fileFormatNotSupported)
           });
         } else {
           showNotification({
             kind: 'error',
             domain: constants.DOMAINS.PAGE,
-            text: intl.formatMessage(messages$2.genericError)
+            text: intl.formatMessage(messages$4.genericError)
           });
         }
       }
@@ -1075,21 +1068,19 @@ var sharedMessages = reactIntl.defineMessages({
   }
 });
 
-function ownKeys$9(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$9(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$9(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$9(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const Upload = () => {
   const _useImportResourcesCo = useImportResourcesContext(),
     state = _useImportResourcesCo.state,
-    onClose = _useImportResourcesCo.onClose;
+    onClose = _useImportResourcesCo.onClose,
+    resourceTypes = _useImportResourcesCo.resourceTypes;
   const intl = reactIntl.useIntl();
-  const resourceTypePlural = resourceTypeToDisplayName({
+  const resourceTypePlural = resourceTypeToDisplayName$1({
     resourceType: state.resourceType,
     isPlural: true
   });
   const _useUpload = useUpload(),
     handleUploadAndValidation = _useUpload.handleUploadAndValidation;
-  const templateLink = RESOURCE_TYPE_TEMPLATE_DOWNLOAD_LINKS[state.resourceType];
-  const documentationLink = RESOURCE_TYPE_DOCUMENTATION_LINKS[state.resourceType];
+  const isMultipleResourceTypes = resourceTypes.length > 1;
   return jsxRuntime.jsx(applicationComponents.FormDialog, {
     size: 16,
     isOpen: true,
@@ -1107,31 +1098,30 @@ const Upload = () => {
     }),
     children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
       scale: "l",
-      children: [jsxRuntime.jsx(uiKit.Text.Body, {
-        intlMessage: _objectSpread$9(_objectSpread$9({}, messages$2.modalDescription), {}, {
-          values: {
-            fileSize: intl.formatNumber(FILE_SIZE_LIMITS_MB[state.resourceType]),
-            rowLimit: intl.formatNumber(ROW_LIMITS[state.resourceType]),
-            csvTemplateLink: msg => jsxRuntime.jsx(uiKit.Link, {
-              tone: "secondary",
-              isExternal: true,
-              to: templateLink,
-              children: msg
-            }),
-            documentationLink: msg => jsxRuntime.jsx(uiKit.Link, {
-              tone: "secondary",
-              isExternal: true,
-              to: documentationLink,
-              children: msg
-            })
-          }
-        })
-      }), jsxRuntime.jsx(FileDropArea, {})]
+      children: [isMultipleResourceTypes ? jsxRuntime.jsxs(uiKit.Grid, {
+        gridRowGap: uiKit.designTokens.spacingL,
+        gridTemplateColumns: `calc(${uiKit.designTokens.constraint3} + ${uiKit.designTokens.spacingL}) auto`,
+        children: [jsxRuntime.jsx(uiKit.Grid.Item, {
+          children: jsxRuntime.jsx(uiKit.Text.Body, {
+            isBold: true,
+            intlMessage: messages$4.dataType
+          })
+        }), jsxRuntime.jsx(uiKit.Grid.Item, {
+          children: jsxRuntime.jsx(ResourceTypeSelection, {})
+        }), jsxRuntime.jsx(uiKit.Grid.Item, {
+          children: jsxRuntime.jsx(uiKit.Text.Body, {
+            isBold: true,
+            intlMessage: messages$4.instructions
+          })
+        }), jsxRuntime.jsx(uiKit.Grid.Item, {
+          children: jsxRuntime.jsx(Instructions, {})
+        })]
+      }) : jsxRuntime.jsx(Instructions, {}), jsxRuntime.jsx(FileDropArea, {})]
     })
   });
 };
 
-var messages$1 = reactIntl.defineMessages({
+var messages$3 = reactIntl.defineMessages({
   startImportButton: {
     id: 'ImportResourcesModal.startImportButton',
     description: 'Label for the modal Start import button',
@@ -1209,8 +1199,8 @@ var messages$1 = reactIntl.defineMessages({
   }
 });
 
-function ownKeys$8(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$8(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$8(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$8(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$9(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$9(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$9(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$9(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const truncate = (isExpanded, columns, columnsCount) => {
   return isExpanded ? columns.join(' | ') : _sliceInstanceProperty__default["default"](columns).call(columns, 0, columnsCount).join(' | ') + (columns.length > columnsCount ? '...' : '');
 };
@@ -1236,7 +1226,7 @@ const ColumnList = props => {
               e.preventDefault();
               setIsExpanded(!isExpanded);
             },
-            children: isExpanded ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$1.showLess)) : jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$1.showMore))
+            children: isExpanded ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$9({}, messages$3.showLess)) : jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$9({}, messages$3.showMore))
           })
         })]
       })
@@ -1244,8 +1234,8 @@ const ColumnList = props => {
   });
 };
 
-function ownKeys$7(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$7(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$7(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$7(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$8(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$8(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$8(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$8(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function UploadPreviewModal() {
   const _useImportResourcesCo = useImportResourcesContext(),
     state = _useImportResourcesCo.state;
@@ -1262,7 +1252,7 @@ function UploadPreviewModal() {
     title: intl.formatMessage(sharedMessages.modalTitle, {
       resourceType: state.resourceType
     }),
-    labelPrimary: intl.formatMessage(messages$1.continue),
+    labelPrimary: intl.formatMessage(messages$3.continue),
     onSecondaryButtonClick: () => onClose({
       shouldDeleteImportContainer: true
     }),
@@ -1280,7 +1270,7 @@ function UploadPreviewModal() {
           children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
             scale: "m",
             children: [jsxRuntime.jsx("div", {}), jsxRuntime.jsx(uiKit.Text.Body, {
-              intlMessage: messages$1.previewOfYourImport
+              intlMessage: messages$3.previewOfYourImport
             }), jsxRuntime.jsx(uiKit.Card, {
               insetScale: "xl",
               children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -1290,7 +1280,7 @@ function UploadPreviewModal() {
                   children: [jsxRuntime.jsx(uiKit.CheckBoldIcon, {
                     color: "success"
                   }), jsxRuntime.jsx(uiKit.Text.Body, {
-                    intlMessage: _objectSpread$7(_objectSpread$7({}, messages$1.rowsToBeImported), {}, {
+                    intlMessage: _objectSpread$8(_objectSpread$8({}, messages$3.rowsToBeImported), {}, {
                       values: {
                         rowCount: intl.formatNumber(state.uploadFileResponse.rowsCount),
                         b: getBold$3
@@ -1302,7 +1292,7 @@ function UploadPreviewModal() {
                   children: [jsxRuntime.jsx(uiKit.CheckBoldIcon, {
                     color: "success"
                   }), jsxRuntime.jsx(uiKit.Text.Body, {
-                    intlMessage: _objectSpread$7(_objectSpread$7({}, messages$1.columnsToBeImported), {}, {
+                    intlMessage: _objectSpread$8(_objectSpread$8({}, messages$3.columnsToBeImported), {}, {
                       values: {
                         columnCount: intl.formatNumber(validatedColumns.length),
                         b: getBold$3
@@ -1322,7 +1312,7 @@ function UploadPreviewModal() {
                   children: [jsxRuntime.jsx(uiKit.EyeCrossedIcon, {
                     color: "neutral60"
                   }), jsxRuntime.jsx(uiKit.Text.Body, {
-                    intlMessage: _objectSpread$7(_objectSpread$7({}, messages$1.columnsToBeIgnored), {}, {
+                    intlMessage: _objectSpread$8(_objectSpread$8({}, messages$3.columnsToBeIgnored), {}, {
                       values: {
                         columnCount: intl.formatNumber(ignoredColumns.length),
                         b: getBold$3
@@ -1348,33 +1338,29 @@ function getBold$3(msg) {
   });
 }
 
-function ownKeys$6(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$6(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$6(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$6(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$7(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$7(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$7(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$7(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const getNewLine = () => jsxRuntime.jsx("br", {});
 const getImportLogsLink = (msg, projectKey) => jsxRuntime.jsx(uiKit.Link, {
-  to: "/".concat(projectKey, "/operations/import/logs"),
+  to: `/${projectKey}/operations/import/logs`,
   children: msg
 });
 const ImportConfirmationModal = () => {
-  var _state$uploadFileResp;
   const intl = reactIntl.useIntl();
   const _useImportResourcesCo = useImportResourcesContext(),
     state = _useImportResourcesCo.state,
     onStartImportSuccess = _useImportResourcesCo.onStartImportSuccess,
     onClose = _useImportResourcesCo.onClose;
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => {
-      var _context$project, _context$project2;
-      return {
-        projectKey: (_context$project = context.project) === null || _context$project === void 0 ? void 0 : _context$project.key,
-        projectName: (_context$project2 = context.project) === null || _context$project2 === void 0 ? void 0 : _context$project2.name
-      };
-    }),
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
+      projectKey: context.project?.key,
+      projectName: context.project?.name
+    })),
     projectKey = _useApplicationContex.projectKey,
     projectName = _useApplicationContex.projectName;
   const asyncDispatch = sdk.useAsyncDispatch();
   const showNotification = actionsGlobal.useShowNotification();
   const ImportRunningTextNotification = () => jsxRuntime.jsx(uiKit.Text.Body, {
-    intlMessage: _objectSpread$6(_objectSpread$6({}, messages$1.uploadNotificationSuccessMessage), {}, {
+    intlMessage: _objectSpread$7(_objectSpread$7({}, messages$3.uploadNotificationSuccessMessage), {}, {
       values: {
         newline: getNewLine,
         logsLink: msg => getImportLogsLink(msg, projectKey),
@@ -1384,12 +1370,12 @@ const ImportConfirmationModal = () => {
   });
   return jsxRuntime.jsx(applicationComponents.ConfirmationDialog, {
     title: intl.formatMessage(sharedMessages.modalTitle, {
-      resourceType: resourceTypeToDisplayName({
+      resourceType: resourceTypeToDisplayName$1({
         resourceType: state.resourceType,
         isPlural: true
       })
     }),
-    labelPrimary: intl.formatMessage(messages$1.startImportButton),
+    labelPrimary: intl.formatMessage(messages$3.startImportButton),
     isOpen: true,
     onClose: () => onClose({
       shouldDeleteImportContainer: true
@@ -1405,8 +1391,7 @@ const ImportConfirmationModal = () => {
     },
     onConfirm: async () => {
       try {
-        var _state$droppedFile;
-        const canConfirm = projectKey && state.containerKey && ((_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.name) && state.resourceType;
+        const canConfirm = projectKey && state.containerKey && state.droppedFile?.name && state.resourceType;
         if (!canConfirm) return;
         onClose();
         await processUploadedFile({
@@ -1440,18 +1425,18 @@ const ImportConfirmationModal = () => {
       scale: "xl",
       children: [jsxRuntime.jsxs("div", {
         children: [jsxRuntime.jsx(uiKit.Text.Body, {
-          intlMessage: _objectSpread$6(_objectSpread$6({}, messages$1.confirmationBodyText), {}, {
+          intlMessage: _objectSpread$7(_objectSpread$7({}, messages$3.confirmationBodyText), {}, {
             values: {
               projectName: projectName,
-              count: intl.formatNumber((state === null || state === void 0 || (_state$uploadFileResp = state.uploadFileResponse) === null || _state$uploadFileResp === void 0 ? void 0 : _state$uploadFileResp.rowsCount) || 0),
+              count: intl.formatNumber(state?.uploadFileResponse?.rowsCount || 0),
               bold: getBold$2
             }
           })
         }), jsxRuntime.jsx(uiKit.Text.Body, {
-          intlMessage: messages$1.confirmationBodyNote
+          intlMessage: messages$3.confirmationBodyNote
         })]
       }), jsxRuntime.jsx(uiKit.Text.Body, {
-        intlMessage: messages$1.confirmationBodyQuestion
+        intlMessage: messages$3.confirmationBodyQuestion
       })]
     })
   });
@@ -1464,7 +1449,7 @@ function getBold$2(msg) {
   });
 }
 
-var messages = reactIntl.defineMessages({
+var messages$2 = reactIntl.defineMessages({
   row: {
     id: 'ImportResourcesModal.row',
     description: 'In Upload file error modal - "Row" column',
@@ -1497,15 +1482,15 @@ var messages = reactIntl.defineMessages({
   }
 });
 
-function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$5(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$5(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$6(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const getColumns$1 = () => [{
   key: 'errorType',
-  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$5({}, messages.errorType)),
+  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$6({}, messages$2.errorType)),
   width: 'max-content'
 }, {
   key: 'details',
-  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$5({}, messages.details))
+  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$6({}, messages$2.details))
 }];
 const UploadClientSideErrorTable = props => {
   var _context;
@@ -1548,10 +1533,9 @@ function itemRenderer$1(item, column) {
   }
 }
 
-function ownKeys$4(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$4(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$4(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$4(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$5(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$5(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$5(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$5(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const UploadClientSideErrorsModal = () => {
-  var _state$droppedFile;
   const intl = reactIntl.useIntl();
   const _useImportResourcesCo = useImportResourcesContext(),
     state = _useImportResourcesCo.state,
@@ -1562,7 +1546,7 @@ const UploadClientSideErrorsModal = () => {
     size: 16,
     isOpen: true,
     title: intl.formatMessage(sharedMessages.modalTitle, {
-      resourceType: resourceTypeToDisplayName({
+      resourceType: resourceTypeToDisplayName$1({
         resourceType: state.resourceType,
         isPlural: true
       })
@@ -1571,9 +1555,9 @@ const UploadClientSideErrorsModal = () => {
     children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
       scale: "l",
       children: [jsxRuntime.jsx(uiKit.Text.Body, {
-        intlMessage: _objectSpread$4(_objectSpread$4({}, messages.uploadingError), {}, {
+        intlMessage: _objectSpread$5(_objectSpread$5({}, messages$2.uploadingError), {}, {
           values: {
-            fileName: (_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.name,
+            fileName: state.droppedFile?.name,
             errorsCount: intl.formatNumber(errorsCount),
             b: getBold$1
           }
@@ -1588,7 +1572,7 @@ const UploadClientSideErrorsModal = () => {
           onClick: () => onClose()
         }), jsxRuntime.jsx(uiKit.PrimaryButton, {
           iconLeft: jsxRuntime.jsx(uiKit.ImportIcon, {}),
-          label: intl.formatMessage(messages.uploadNewFile),
+          label: intl.formatMessage(messages$2.uploadNewFile),
           onClick: () => actions.uploadNewFile()
         })]
       })]
@@ -1603,19 +1587,19 @@ function getBold$1(msg) {
   });
 }
 
-function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$3(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$4(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const getColumns = () => [{
   key: 'row',
-  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$3({}, messages.row)),
+  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages$2.row)),
   width: 'max-content'
 }, {
   key: 'errorType',
-  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$3({}, messages.errorType)),
+  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages$2.errorType)),
   width: 'max-content'
 }, {
   key: 'details',
-  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$3({}, messages.details))
+  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages$2.details))
 }];
 const UploadServerSideErrorTable = props => {
   var _context;
@@ -1666,22 +1650,21 @@ function itemRenderer(item, column) {
   }
 }
 
-function ownKeys$2(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$2(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$2(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$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$3(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$3(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$3(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$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const UploadServerSideErrorsModal = () => {
-  var _state$uploadFileResp, _state$droppedFile, _state$uploadFileResp2;
   const intl = reactIntl.useIntl();
   const _useImportResourcesCo = useImportResourcesContext(),
     state = _useImportResourcesCo.state,
     actions = _useImportResourcesCo.actions,
     onClose = _useImportResourcesCo.onClose;
-  const errorsCount = getFileUploadErrorsCount((_state$uploadFileResp = state.uploadFileResponse) === null || _state$uploadFileResp === void 0 ? void 0 : _state$uploadFileResp.results);
+  const errorsCount = getFileUploadErrorsCount(state.uploadFileResponse?.results);
   const documentationLink = RESOURCE_TYPE_DOCUMENTATION_LINKS[state.resourceType];
   return jsxRuntime.jsx(applicationComponents.InfoDialog, {
     size: 16,
     isOpen: true,
     title: intl.formatMessage(sharedMessages.modalTitle, {
-      resourceType: resourceTypeToDisplayName({
+      resourceType: resourceTypeToDisplayName$1({
         resourceType: state.resourceType,
         isPlural: true
       })
@@ -1692,15 +1675,15 @@ const UploadServerSideErrorsModal = () => {
       children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
         scale: "xs",
         children: [jsxRuntime.jsx(uiKit.Text.Body, {
-          intlMessage: _objectSpread$2(_objectSpread$2({}, messages.uploadingError), {}, {
+          intlMessage: _objectSpread$3(_objectSpread$3({}, messages$2.uploadingError), {}, {
             values: {
-              fileName: (_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.name,
+              fileName: state.droppedFile?.name,
               errorsCount: intl.formatNumber(errorsCount),
               b: getBold
             }
           })
         }), jsxRuntime.jsx(uiKit.Text.Body, {
-          intlMessage: _objectSpread$2(_objectSpread$2({}, messages.supportedValuesDocumentation), {}, {
+          intlMessage: _objectSpread$3(_objectSpread$3({}, messages$2.supportedValuesDocumentation), {}, {
             values: {
               documentationLink: msg => jsxRuntime.jsx(uiKit.Link, {
                 tone: "secondary",
@@ -1712,7 +1695,7 @@ const UploadServerSideErrorsModal = () => {
           })
         })]
       }), jsxRuntime.jsx(UploadServerSideErrorTable, {
-        rows: mapUploadFileErrorsResponseToUploadFileErrorRows((_state$uploadFileResp2 = state.uploadFileResponse) === null || _state$uploadFileResp2 === void 0 ? void 0 : _state$uploadFileResp2.results)
+        rows: mapUploadFileErrorsResponseToUploadFileErrorRows(state.uploadFileResponse?.results)
       }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
         scale: "m",
         justifyContent: "flex-end",
@@ -1721,7 +1704,7 @@ const UploadServerSideErrorsModal = () => {
           onClick: () => onClose()
         }), jsxRuntime.jsx(uiKit.PrimaryButton, {
           iconLeft: jsxRuntime.jsx(uiKit.ImportIcon, {}),
-          label: intl.formatMessage(messages.uploadNewFile),
+          label: intl.formatMessage(messages$2.uploadNewFile),
           onClick: () => actions.uploadNewFile()
         })]
       })]
@@ -1737,18 +1720,17 @@ function getBold(msg) {
 }
 
 const UploadResult = () => {
-  var _state$uploadFileResp;
   const _useImportResourcesCo = useImportResourcesContext(),
     state = _useImportResourcesCo.state;
   if (state.fileUploadClientSideErrors.length > 0) return jsxRuntime.jsx(UploadClientSideErrorsModal, {});
-  if (((_state$uploadFileResp = state.uploadFileResponse) === null || _state$uploadFileResp === void 0 ? void 0 : _state$uploadFileResp.invalid) > 0) return jsxRuntime.jsx(UploadServerSideErrorsModal, {});
+  if (state.uploadFileResponse?.invalid > 0) return jsxRuntime.jsx(UploadServerSideErrorsModal, {});
   return jsxRuntime.jsx(UploadPreviewModal, {});
 };
 
-function ownKeys$1(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$1(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$1(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$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$2(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$2(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$2(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$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 var FileIcon = function FileIcon(props) {
-  return jsxRuntime.jsxs("svg", _objectSpread$1(_objectSpread$1({}, props), {}, {
+  return jsxRuntime.jsxs("svg", _objectSpread$2(_objectSpread$2({}, props), {}, {
     children: [jsxRuntime.jsx("mask", {
       id: "a",
       style: {
@@ -1779,17 +1761,16 @@ FileIcon.defaultProps = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 const Uploading = () => {
-  var _state$droppedFile;
   const intl = reactIntl.useIntl();
   const _useImportResourcesCo = useImportResourcesContext(),
     state = _useImportResourcesCo.state,
     actions = _useImportResourcesCo.actions,
     onClose = _useImportResourcesCo.onClose;
-  const resourceTypePlural = resourceTypeToDisplayName({
+  const resourceTypePlural = resourceTypeToDisplayName$1({
     resourceType: state.resourceType,
     isPlural: true
   });
-  if ((_state$droppedFile = state.droppedFile) !== null && _state$droppedFile !== void 0 && _state$droppedFile.name) return jsxRuntime.jsx(applicationComponents.InfoDialog, {
+  if (state.droppedFile?.name) return jsxRuntime.jsx(applicationComponents.InfoDialog, {
     size: 16,
     isOpen: true,
     title: intl.formatMessage(sharedMessages.modalTitle, {
@@ -1849,6 +1830,97 @@ const CurrentStep = () => {
   return steps[state.currentStep] || null;
 };
 
+var messages$1 = reactIntl.defineMessages({
+  products: {
+    id: 'ImportResourcesModal.radio.products',
+    description: 'Label for the products radio button',
+    defaultMessage: 'Products (including variants, assets, prices and images)'
+  },
+  inventories: {
+    id: 'ImportResourcesModal.radio.inventories',
+    description: 'Label for the inventories radio button',
+    defaultMessage: 'Inventories'
+  },
+  categories: {
+    id: 'ImportResourcesModal.radio.categories',
+    description: 'Label for the categories radio button',
+    defaultMessage: 'Categories'
+  }
+});
+
+const resourceTypeToDisplayName = resourceType => {
+  switch (resourceType) {
+    case 'product':
+      return messages$1.products;
+    case 'inventory':
+      return messages$1.inventories;
+    case 'category':
+      return messages$1.categories;
+    default:
+      throw new Error(`Unknown resource type: ${resourceType}`);
+  }
+};
+const ResourceTypeSelection = () => {
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state,
+    actions = _useImportResourcesCo.actions,
+    resourceTypes = _useImportResourcesCo.resourceTypes;
+  return jsxRuntime.jsx(uiKit.RadioInput.Group, {
+    value: state.resourceType,
+    onChange: e => {
+      actions.setResourceType(e.target.value);
+    },
+    direction: "stack",
+    directionProps: {
+      scale: 's'
+    },
+    children: _mapInstanceProperty__default["default"](resourceTypes).call(resourceTypes, resourceType => jsxRuntime.jsx(uiKit.RadioInput.Option, {
+      value: resourceType,
+      children: jsxRuntime.jsx(uiKit.Text.Body, {
+        intlMessage: resourceTypeToDisplayName(resourceType)
+      })
+    }, resourceType))
+  });
+};
+
+var messages = reactIntl.defineMessages({
+  fileUploadInstructions: {
+    id: 'ImportResourcesModal.fileUploadInstructions',
+    description: 'Label for the modal category description',
+    defaultMessage: 'Maximum file size is {fileSize} MB with a limit of {rowLimit} rows. Download <csvTemplateLink>the CSV template</csvTemplateLink> or refer to <documentationLink>the documentation</documentationLink>.'
+  }
+});
+
+function ownKeys$1(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$1(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$1(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$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const Instructions = () => {
+  const intl = reactIntl.useIntl();
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state;
+  const templateLink = RESOURCE_TYPE_TEMPLATE_DOWNLOAD_LINKS[state.resourceType];
+  const documentationLink = RESOURCE_TYPE_DOCUMENTATION_LINKS[state.resourceType];
+  return jsxRuntime.jsx(uiKit.Text.Body, {
+    intlMessage: _objectSpread$1(_objectSpread$1({}, messages.fileUploadInstructions), {}, {
+      values: {
+        fileSize: intl.formatNumber(FILE_SIZE_LIMITS_MB[state.resourceType]),
+        rowLimit: intl.formatNumber(ROW_LIMITS[state.resourceType]),
+        csvTemplateLink: msg => jsxRuntime.jsx(uiKit.Link, {
+          tone: "secondary",
+          isExternal: true,
+          to: templateLink,
+          children: msg
+        }),
+        documentationLink: msg => jsxRuntime.jsx(uiKit.Link, {
+          tone: "secondary",
+          isExternal: true,
+          to: documentationLink,
+          children: msg
+        })
+      }
+    })
+  });
+};
+
 const getChunkImport = locale => {
   const intlLocale = i18n.mapLocaleToIntlLocale(locale);
   switch (intlLocale) {
@@ -1874,8 +1946,8 @@ const loadMessages = async locale => {
     return i18n.parseChunkImport(chunkImport);
   } catch (error) {
     // eslint-disable-next-line no-console
-    console.warn("Something went wrong while loading the import-resources-modal messages for ".concat(locale), error);
-    sentry.reportErrorToSentry(new Error("Something went wrong while loading the import-resources-modal messages for ".concat(locale)), {
+    console.warn(`Something went wrong while loading the import-resources-modal messages for ${locale}`, error);
+    sentry.reportErrorToSentry(new Error(`Something went wrong while loading the import-resources-modal messages for ${locale}`), {
       extra: error
     });
     return {};
@@ -1918,14 +1990,23 @@ const useAsyncIntlMessages = (locale, loader) => {
 };
 
 function ownKeys(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(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(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(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const ImportResourcesModal = props => {
+  var _context;
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
       locale: context.user && context.user.locale
     })),
     locale = _useApplicationContex.locale;
   const messages = useAsyncIntlMessages(locale, loadMessages);
   if (!props.isOpen || messages.isLoading) return null;
+  if (!props.resourceTypes?.length) {
+    console.error('No resource types provided for import resources modal');
+    return null;
+  }
+  if (!_everyInstanceProperty__default["default"](_context = props.resourceTypes).call(_context, isResourceType)) {
+    console.error('Invalid resource types provided for import resources modal');
+    return null;
+  }
   return jsxRuntime.jsx(reactIntl.IntlProvider, {
     locale: locale,
     messages: messages.messages,
@@ -1939,5 +2020,5 @@ ImportResourcesModal.displayName = 'ImportResourcesModal';
 exports.EnabledDropArea = EnabledDropArea;
 exports.FileDropped = FileDropped;
 exports.ImportResourcesModal = ImportResourcesModal;
-exports.messages = messages$2;
+exports.messages = messages$4;
 exports.useImportResourcesContext = useImportResourcesContext;