@commercetools-frontend-extensions/import-resources-modal 0.0.0-canary-20240613101315 → 0.0.0-canary-20240619085132

package/dist/{index-c4f11e0f.esm.js → index-206edb9b.esm.js}

@@ -7,13 +7,13 @@ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-st
 import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _everyInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/every';
 import { defineMessages, useIntl, FormattedMessage, IntlProvider } from 'react-intl';
 import { oidcStorage, useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
 import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import React, { useContext, lazy, useState, useEffect } from 'react';
 import { actions, useAsyncDispatch } from '@commercetools-frontend/sdk';
 import { MC_API_PROXY_TARGETS, DOMAINS } from '@commercetools-frontend/constants';
-import _everyInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/every';
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import { plural } from 'pluralize';
 import _Promise from '@babel/runtime-corejs3/core-js-stable/promise';
@@ -39,7 +39,7 @@ import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
 import _wrapNativeSuper from '@babel/runtime-corejs3/helpers/esm/wrapNativeSuper';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import { FormDialog, PageContentNarrow, ConfirmationDialog, InfoDialog } from '@commercetools-frontend/application-components';
-import { customProperties, Constraints, Spacings, Text, Link, Card, CheckBoldIcon, EyeCrossedIcon, usePaginationState, PageNavigator, Stamp, SecondaryButton, PrimaryButton, ImportIcon, ProgressBar } from '@commercetools-frontend/ui-kit';
+import { customProperties, Constraints, Spacings, Grid, designTokens, Text, Link, Card, CheckBoldIcon, EyeCrossedIcon, usePaginationState, PageNavigator, Stamp, SecondaryButton, PrimaryButton, ImportIcon, ProgressBar, RadioInput } from '@commercetools-frontend/ui-kit';
 import { useShowNotification } from '@commercetools-frontend/actions-global';
 import { reportErrorToSentry } from '@commercetools-frontend/sentry';
 import { useDropzone } from 'react-dropzone';
@@ -520,7 +520,7 @@ const ImportResourcesProvider = props => {
     projectKey = _useApplicationContex.projectKey;
   const asyncDispatch = useAsyncDispatch();
   const _React$useReducer = React.useReducer(reducer, _objectSpread$b(_objectSpread$b({}, initialState), {}, {
-      resourceType: props.resourceType
+      resourceType: props.resourceTypes[0]
     })),
     _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
     state = _React$useReducer2[0],
@@ -529,13 +529,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',
@@ -547,17 +547,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',
@@ -577,6 +577,7 @@ const ImportResourcesProvider = props => {
   return jsx(ImportResourcesContext.Provider, {
     value: {
       state,
+      resourceTypes: props.resourceTypes,
       onClose: handleClose,
       onStartImportSuccess: handleStartImportSuccess,
       actions: {
@@ -604,7 +605,7 @@ function useImportResourcesContext() {
   return context;
 }
 
-var messages$3 = defineMessages({
+var messages$5 = defineMessages({
   fileSizeExceededTitle: {
     id: 'ImportResourcesModal.sizeExceededTitle',
     defaultMessage: 'File size exceeded'
@@ -669,25 +670,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])
       })
     });
@@ -719,7 +720,7 @@ const useUpload = () => {
         showNotification({
           kind: 'error',
           domain: DOMAINS.PAGE,
-          text: intl.formatMessage(messages$3.unexpectedError)
+          text: intl.formatMessage(messages$5.unexpectedError)
         });
       }
     } else {
@@ -783,7 +784,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,
@@ -797,6 +798,9 @@ function resourceTypeToDisplayName(_ref) {
     case 'product':
       displayName = isPlural ? 'Products' : 'Product';
       break;
+    case 'inventory':
+      displayName = isPlural ? 'Inventories' : 'Inventory';
+      break;
     default:
       throw new UnexpectedResourceTypeError(resourceType);
   }
@@ -854,13 +858,13 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:getDefaultDropWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cGUgRHJvcHpvbmVSb290UHJvcHMgfSBmcm9tICdyZWFjdC1kcm9wem9uZSdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2Rpc2FibGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5kaXNhYmxlZFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ3JlYWR5LWZvci1kcm9wJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5yZWFkeUZvckRyb3BcbiAgICB9XG4gICAgaWYgKHByb3BzLmRyb3BBcmVhU3RhdGUgPT09ICdhY3RpdmUtZHJhZycpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuYWN0aXZlRHJhZ1xuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2ZpbGUtZHJvcHBlZCcpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuZmlsZURyb3BwZWRcbiAgICB9XG4gICAgcmV0dXJuIGdldERlZmF1bHREcm9wV3JhcHBlclN0eWxlcyhwcm9wcy5kcm9wQXJlYVN0YXRlKVxuICB9fVxuYFxuZnVuY3Rpb24gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKF9kcm9wQXJlYVN0YXRlOiBuZXZlcikge1xuICByZXR1cm4gY3NzYGBcbn1cbiJdfQ== */");
 }
 
-var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-f7b6d1a7.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
+var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-411713e9.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-20dad798.esm.js' /* webpackChunkName: "enabled-drop-area" */));
+var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-45d0624e.esm.js' /* webpackChunkName: "enabled-drop-area" */));
 
-var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-89f07d26.esm.js' /* webpackChunkName: "filed-dropped-area" */));
+var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-f586d767.esm.js' /* webpackChunkName: "filed-dropped-area" */));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,
@@ -898,12 +902,7 @@ function getDropAreaState(flags) {
   return 'ready-for-drop';
 }
 
-var messages$2 = 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 = defineMessages({
   dragAndDropCSV: {
     id: 'ImportResourcesModal.dragAndDropCSV',
     description: 'The message telling the user to drag and drop CSV file in the file drop area',
@@ -947,6 +946,16 @@ var messages$2 = 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'
   }
 });
 
@@ -981,7 +990,7 @@ const FileDropArea = () => {
           showNotification({
             kind: 'error',
             domain: DOMAINS.PAGE,
-            text: intl.formatMessage(messages$2.tooManyFilesError)
+            text: intl.formatMessage(messages$4.tooManyFilesError)
           });
           return;
         }
@@ -989,13 +998,13 @@ const FileDropArea = () => {
           showNotification({
             kind: 'error',
             domain: DOMAINS.PAGE,
-            text: intl.formatMessage(messages$2.fileFormatNotSupported)
+            text: intl.formatMessage(messages$4.fileFormatNotSupported)
           });
         } else {
           showNotification({
             kind: 'error',
             domain: DOMAINS.PAGE,
-            text: intl.formatMessage(messages$2.genericError)
+            text: intl.formatMessage(messages$4.genericError)
           });
         }
       }
@@ -1048,21 +1057,20 @@ var sharedMessages = defineMessages({
   }
 });
 
-function ownKeys$9(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$9(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$9(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$9(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const Upload = () => {
+  var _context;
   const _useImportResourcesCo = useImportResourcesContext(),
     state = _useImportResourcesCo.state,
-    onClose = _useImportResourcesCo.onClose;
+    onClose = _useImportResourcesCo.onClose,
+    resourceTypes = _useImportResourcesCo.resourceTypes;
   const intl = 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 jsx(FormDialog, {
     size: 16,
     isOpen: true,
@@ -1080,31 +1088,30 @@ const Upload = () => {
     }),
     children: jsxs(Spacings.Stack, {
       scale: "l",
-      children: [jsx(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 => jsx(Link, {
-              tone: "secondary",
-              isExternal: true,
-              to: templateLink,
-              children: msg
-            }),
-            documentationLink: msg => jsx(Link, {
-              tone: "secondary",
-              isExternal: true,
-              to: documentationLink,
-              children: msg
-            })
-          }
-        })
-      }), jsx(FileDropArea, {})]
+      children: [isMultipleResourceTypes ? jsxs(Grid, {
+        gridRowGap: designTokens.spacingL,
+        gridTemplateColumns: _concatInstanceProperty(_context = "calc(".concat(designTokens.constraint3, " + ")).call(_context, designTokens.spacingL, ") auto"),
+        children: [jsx(Grid.Item, {
+          children: jsx(Text.Body, {
+            isBold: true,
+            intlMessage: messages$4.dataType
+          })
+        }), jsx(Grid.Item, {
+          children: jsx(ResourceTypeSelection, {})
+        }), jsx(Grid.Item, {
+          children: jsx(Text.Body, {
+            isBold: true,
+            intlMessage: messages$4.instructions
+          })
+        }), jsx(Grid.Item, {
+          children: jsx(Instructions, {})
+        })]
+      }) : jsx(Instructions, {}), jsx(FileDropArea, {})]
     })
   });
 };
 
-var messages$1 = defineMessages({
+var messages$3 = defineMessages({
   startImportButton: {
     id: 'ImportResourcesModal.startImportButton',
     description: 'Label for the modal Start import button',
@@ -1182,8 +1189,8 @@ var messages$1 = defineMessages({
   }
 });
 
-function ownKeys$8(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$8(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$8(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$8(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$9(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$9(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$9(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$9(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const truncate = (isExpanded, columns, columnsCount) => {
   return isExpanded ? columns.join(' | ') : _sliceInstanceProperty(columns).call(columns, 0, columnsCount).join(' | ') + (columns.length > columnsCount ? '...' : '');
 };
@@ -1212,7 +1219,7 @@ const ColumnList = props => {
               e.preventDefault();
               setIsExpanded(!isExpanded);
             },
-            children: isExpanded ? jsx(FormattedMessage, _objectSpread$8({}, messages$1.showLess)) : jsx(FormattedMessage, _objectSpread$8({}, messages$1.showMore))
+            children: isExpanded ? jsx(FormattedMessage, _objectSpread$9({}, messages$3.showLess)) : jsx(FormattedMessage, _objectSpread$9({}, messages$3.showMore))
           })
         })]
       })
@@ -1220,8 +1227,8 @@ const ColumnList = props => {
   });
 };
 
-function ownKeys$7(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$7(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$7(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$7(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$8(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$8(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$8(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$8(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 function UploadPreviewModal() {
   const _useImportResourcesCo = useImportResourcesContext(),
     state = _useImportResourcesCo.state;
@@ -1238,7 +1245,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
     }),
@@ -1256,7 +1263,7 @@ function UploadPreviewModal() {
           children: jsxs(Spacings.Stack, {
             scale: "m",
             children: [jsx("div", {}), jsx(Text.Body, {
-              intlMessage: messages$1.previewOfYourImport
+              intlMessage: messages$3.previewOfYourImport
             }), jsx(Card, {
               insetScale: "xl",
               children: jsxs(Spacings.Stack, {
@@ -1266,7 +1273,7 @@ function UploadPreviewModal() {
                   children: [jsx(CheckBoldIcon, {
                     color: "success"
                   }), jsx(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
@@ -1278,7 +1285,7 @@ function UploadPreviewModal() {
                   children: [jsx(CheckBoldIcon, {
                     color: "success"
                   }), jsx(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
@@ -1298,7 +1305,7 @@ function UploadPreviewModal() {
                   children: [jsx(EyeCrossedIcon, {
                     color: "neutral60"
                   }), jsx(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
@@ -1324,8 +1331,8 @@ function getBold$3(msg) {
   });
 }
 
-function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$6(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$6(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$7(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$7(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$7(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$7(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const getNewLine = () => jsx("br", {});
 const getImportLogsLink = (msg, projectKey) => jsx(Link, {
   to: "/".concat(projectKey, "/operations/import/logs"),
@@ -1350,7 +1357,7 @@ const ImportConfirmationModal = () => {
   const asyncDispatch = useAsyncDispatch();
   const showNotification = useShowNotification();
   const ImportRunningTextNotification = () => jsx(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),
@@ -1360,12 +1367,12 @@ const ImportConfirmationModal = () => {
   });
   return jsx(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
@@ -1416,7 +1423,7 @@ const ImportConfirmationModal = () => {
       scale: "xl",
       children: [jsxs("div", {
         children: [jsx(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),
@@ -1424,10 +1431,10 @@ const ImportConfirmationModal = () => {
             }
           })
         }), jsx(Text.Body, {
-          intlMessage: messages$1.confirmationBodyNote
+          intlMessage: messages$3.confirmationBodyNote
         })]
       }), jsx(Text.Body, {
-        intlMessage: messages$1.confirmationBodyQuestion
+        intlMessage: messages$3.confirmationBodyQuestion
       })]
     })
   });
@@ -1440,7 +1447,7 @@ function getBold$2(msg) {
   });
 }
 
-var messages = defineMessages({
+var messages$2 = defineMessages({
   row: {
     id: 'ImportResourcesModal.row',
     description: 'In Upload file error modal - "Row" column',
@@ -1473,15 +1480,15 @@ var messages = defineMessages({
   }
 });
 
-function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$5(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$5(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$6(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$6(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const getColumns$1 = () => [{
   key: 'errorType',
-  label: jsx(FormattedMessage, _objectSpread$5({}, messages.errorType)),
+  label: jsx(FormattedMessage, _objectSpread$6({}, messages$2.errorType)),
   width: 'max-content'
 }, {
   key: 'details',
-  label: jsx(FormattedMessage, _objectSpread$5({}, messages.details))
+  label: jsx(FormattedMessage, _objectSpread$6({}, messages$2.details))
 }];
 const UploadClientSideErrorTable = props => {
   var _context;
@@ -1524,8 +1531,8 @@ function itemRenderer$1(item, column) {
   }
 }
 
-function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const UploadClientSideErrorsModal = () => {
   var _state$droppedFile;
   const intl = useIntl();
@@ -1538,7 +1545,7 @@ const UploadClientSideErrorsModal = () => {
     size: 16,
     isOpen: true,
     title: intl.formatMessage(sharedMessages.modalTitle, {
-      resourceType: resourceTypeToDisplayName({
+      resourceType: resourceTypeToDisplayName$1({
         resourceType: state.resourceType,
         isPlural: true
       })
@@ -1547,7 +1554,7 @@ const UploadClientSideErrorsModal = () => {
     children: jsxs(Spacings.Stack, {
       scale: "l",
       children: [jsx(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,
             errorsCount: intl.formatNumber(errorsCount),
@@ -1564,7 +1571,7 @@ const UploadClientSideErrorsModal = () => {
           onClick: () => onClose()
         }), jsx(PrimaryButton, {
           iconLeft: jsx(ImportIcon, {}),
-          label: intl.formatMessage(messages.uploadNewFile),
+          label: intl.formatMessage(messages$2.uploadNewFile),
           onClick: () => actions.uploadNewFile()
         })]
       })]
@@ -1579,19 +1586,19 @@ function getBold$1(msg) {
   });
 }
 
-function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$3(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$3(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$4(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$4(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const getColumns = () => [{
   key: 'row',
-  label: jsx(FormattedMessage, _objectSpread$3({}, messages.row)),
+  label: jsx(FormattedMessage, _objectSpread$4({}, messages$2.row)),
   width: 'max-content'
 }, {
   key: 'errorType',
-  label: jsx(FormattedMessage, _objectSpread$3({}, messages.errorType)),
+  label: jsx(FormattedMessage, _objectSpread$4({}, messages$2.errorType)),
   width: 'max-content'
 }, {
   key: 'details',
-  label: jsx(FormattedMessage, _objectSpread$3({}, messages.details))
+  label: jsx(FormattedMessage, _objectSpread$4({}, messages$2.details))
 }];
 const UploadServerSideErrorTable = props => {
   var _context;
@@ -1642,8 +1649,8 @@ function itemRenderer(item, column) {
   }
 }
 
-function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const UploadServerSideErrorsModal = () => {
   var _state$uploadFileResp, _state$droppedFile, _state$uploadFileResp2;
   const intl = useIntl();
@@ -1657,7 +1664,7 @@ const UploadServerSideErrorsModal = () => {
     size: 16,
     isOpen: true,
     title: intl.formatMessage(sharedMessages.modalTitle, {
-      resourceType: resourceTypeToDisplayName({
+      resourceType: resourceTypeToDisplayName$1({
         resourceType: state.resourceType,
         isPlural: true
       })
@@ -1668,7 +1675,7 @@ const UploadServerSideErrorsModal = () => {
       children: [jsxs(Spacings.Stack, {
         scale: "xs",
         children: [jsx(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,
               errorsCount: intl.formatNumber(errorsCount),
@@ -1676,7 +1683,7 @@ const UploadServerSideErrorsModal = () => {
             }
           })
         }), jsx(Text.Body, {
-          intlMessage: _objectSpread$2(_objectSpread$2({}, messages.supportedValuesDocumentation), {}, {
+          intlMessage: _objectSpread$3(_objectSpread$3({}, messages$2.supportedValuesDocumentation), {}, {
             values: {
               documentationLink: msg => jsx(Link, {
                 tone: "secondary",
@@ -1697,7 +1704,7 @@ const UploadServerSideErrorsModal = () => {
           onClick: () => onClose()
         }), jsx(PrimaryButton, {
           iconLeft: jsx(ImportIcon, {}),
-          label: intl.formatMessage(messages.uploadNewFile),
+          label: intl.formatMessage(messages$2.uploadNewFile),
           onClick: () => actions.uploadNewFile()
         })]
       })]
@@ -1721,10 +1728,10 @@ const UploadResult = () => {
   return jsx(UploadPreviewModal, {});
 };
 
-function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FileIcon = function FileIcon(props) {
-  return jsxs("svg", _objectSpread$1(_objectSpread$1({}, props), {}, {
+  return jsxs("svg", _objectSpread$2(_objectSpread$2({}, props), {}, {
     children: [jsx("mask", {
       id: "a",
       style: {
@@ -1761,7 +1768,7 @@ const Uploading = () => {
     state = _useImportResourcesCo.state,
     actions = _useImportResourcesCo.actions,
     onClose = _useImportResourcesCo.onClose;
-  const resourceTypePlural = resourceTypeToDisplayName({
+  const resourceTypePlural = resourceTypeToDisplayName$1({
     resourceType: state.resourceType,
     isPlural: true
   });
@@ -1825,6 +1832,97 @@ const CurrentStep = () => {
   return steps[state.currentStep] || null;
 };
 
+var messages$1 = 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: ".concat(resourceType));
+  }
+};
+const ResourceTypeSelection = () => {
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state,
+    actions = _useImportResourcesCo.actions,
+    resourceTypes = _useImportResourcesCo.resourceTypes;
+  return jsx(RadioInput.Group, {
+    value: state.resourceType,
+    onChange: e => {
+      actions.setResourceType(e.target.value);
+    },
+    direction: "stack",
+    directionProps: {
+      scale: 's'
+    },
+    children: _mapInstanceProperty(resourceTypes).call(resourceTypes, resourceType => jsx(RadioInput.Option, {
+      value: resourceType,
+      children: jsx(Text.Body, {
+        intlMessage: resourceTypeToDisplayName(resourceType)
+      })
+    }, resourceType))
+  });
+};
+
+var messages = 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(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$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const Instructions = () => {
+  const intl = 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 jsx(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 => jsx(Link, {
+          tone: "secondary",
+          isExternal: true,
+          to: templateLink,
+          children: msg
+        }),
+        documentationLink: msg => jsx(Link, {
+          tone: "secondary",
+          isExternal: true,
+          to: documentationLink,
+          children: msg
+        })
+      }
+    })
+  });
+};
+
 const getChunkImport = locale => {
   const intlLocale = mapLocaleToIntlLocale(locale);
   switch (intlLocale) {
@@ -1894,14 +1992,23 @@ const useAsyncIntlMessages = (locale, loader) => {
 };
 
 function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(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(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const ImportResourcesModal = props => {
+  var _props$resourceTypes, _context;
   const _useApplicationContex = 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 = props.resourceTypes) !== null && _props$resourceTypes !== void 0 && _props$resourceTypes.length)) {
+    console.error('No resource types provided for import resources modal');
+    return null;
+  }
+  if (!_everyInstanceProperty(_context = props.resourceTypes).call(_context, isResourceType)) {
+    console.error('Invalid resource types provided for import resources modal');
+    return null;
+  }
   return jsx(IntlProvider, {
     locale: locale,
     messages: messages.messages,
@@ -1912,4 +2019,4 @@ const ImportResourcesModal = props => {
 };
 ImportResourcesModal.displayName = 'ImportResourcesModal';
 
-export { EnabledDropArea as E, FileDropped as F, ImportResourcesModal as I, messages$2 as m, useImportResourcesContext as u };
+export { EnabledDropArea as E, FileDropped as F, ImportResourcesModal as I, messages$4 as m, useImportResourcesContext as u };