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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/README.md +2 -2
  2. package/dist/{active-drag-drop-area-2628f8b5.esm.js → active-drag-drop-area-411713e9.esm.js} +2 -2
  3. package/dist/{active-drag-drop-area-14a9ac54.cjs.dev.js → active-drag-drop-area-afab9a53.cjs.dev.js} +2 -2
  4. package/dist/{active-drag-drop-area-1ce20a9e.cjs.prod.js → active-drag-drop-area-f3c34dec.cjs.prod.js} +2 -2
  5. package/dist/commercetools-frontend-extensions-import-resources-modal.cjs.dev.js +2 -2
  6. package/dist/commercetools-frontend-extensions-import-resources-modal.cjs.prod.js +2 -2
  7. package/dist/commercetools-frontend-extensions-import-resources-modal.esm.js +2 -2
  8. package/dist/declarations/src/@types/import-resources-modal-props.d.ts +1 -1
  9. package/dist/declarations/src/import-resources-modal.d.ts +1 -1
  10. package/dist/{enabled-drop-area-c976838f.cjs.prod.js → enabled-drop-area-1c5689e6.cjs.prod.js} +2 -2
  11. package/dist/{enabled-drop-area-859b8fca.esm.js → enabled-drop-area-45d0624e.esm.js} +2 -2
  12. package/dist/{enabled-drop-area-7280acfd.cjs.dev.js → enabled-drop-area-958a1553.cjs.dev.js} +2 -2
  13. package/dist/{file-dropped-area-d5448c72.cjs.dev.js → file-dropped-area-847a7088.cjs.dev.js} +1 -1
  14. package/dist/{file-dropped-area-9d536c9e.cjs.prod.js → file-dropped-area-cab83f88.cjs.prod.js} +1 -1
  15. package/dist/{file-dropped-area-61e339b0.esm.js → file-dropped-area-f586d767.esm.js} +1 -1
  16. package/dist/{index-75e4313b.esm.js → index-206edb9b.esm.js} +216 -109
  17. package/dist/{index-1582b8fc.cjs.dev.js → index-23d51703.cjs.dev.js} +216 -109
  18. package/dist/{index-f962601e.cjs.prod.js → index-3dfbefe0.cjs.prod.js} +216 -109
  19. package/package.json +1 -1
package/dist/{index-f962601e.cjs.prod.js → index-3dfbefe0.cjs.prod.js} RENAMED
@@ -9,13 +9,13 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
9
9
  var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
10
10
  var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
11
11
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
12
+ var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
12
13
  var reactIntl = require('react-intl');
13
14
  var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
14
15
  var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
15
16
  var React = require('react');
16
17
  var sdk = require('@commercetools-frontend/sdk');
17
18
  var constants = require('@commercetools-frontend/constants');
18
- var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
19
19
  var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
20
20
  var pluralize = require('pluralize');
21
21
  var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
@@ -61,8 +61,8 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
61
61
  var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
62
62
  var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
63
63
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
64
- var React__default = /*#__PURE__*/_interopDefault(React);
65
64
  var _everyInstanceProperty__default = /*#__PURE__*/_interopDefault(_everyInstanceProperty);
65
+ var React__default = /*#__PURE__*/_interopDefault(React);
66
66
  var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
67
67
  var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
68
68
  var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
@@ -122,7 +122,7 @@ const FILE_SIZE_LIMITS_MB = {
122
122
  };
123
123
  const ROW_LIMITS = {
124
124
  category: 5000,
125
- inventory: 5000,
125
+ inventory: 4000,
126
126
  product: 70000
127
127
  };
128
128
  const RESOURCE_TYPE_TEMPLATE_DOWNLOAD_LINKS = {
@@ -550,7 +550,7 @@ const ImportResourcesProvider = props => {
550
550
  projectKey = _useApplicationContex.projectKey;
551
551
  const asyncDispatch = sdk.useAsyncDispatch();
552
552
  const _React$useReducer = React__default["default"].useReducer(reducer, _objectSpread$b(_objectSpread$b({}, initialState), {}, {
553
- resourceType: props.resourceType
553
+ resourceType: props.resourceTypes[0]
554
554
  })),
555
555
  _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
556
556
  state = _React$useReducer2[0],
@@ -559,13 +559,13 @@ const ImportResourcesProvider = props => {
559
559
  type: 'setCurrentStep',
560
560
  currentStep
561
561
  });
562
- const setUploadFileResponse = _uploadFileResponse => dispatch({
562
+ const setUploadFileResponse = uploadFileResponse => dispatch({
563
563
  type: 'setUploadFileResponse',
564
- uploadFileResponse: _uploadFileResponse
564
+ uploadFileResponse: uploadFileResponse
565
565
  });
566
- const setResourceType = nextResourceType => dispatch({
566
+ const setResourceType = resourceType => dispatch({
567
567
  type: 'setResourceType',
568
- resourceType: nextResourceType
568
+ resourceType: resourceType
569
569
  });
570
570
  const setContainerKey = containerKey => dispatch({
571
571
  type: 'setContainerKey',
@@ -577,17 +577,17 @@ const ImportResourcesProvider = props => {
577
577
  const uploadNewFile = () => dispatch({
578
578
  type: 'uploadNewFile'
579
579
  });
580
- const setDroppedFile = nextDroppedFile => dispatch({
580
+ const setDroppedFile = droppedFile => dispatch({
581
581
  type: 'setDroppedFile',
582
- droppedFile: nextDroppedFile
582
+ droppedFile: droppedFile
583
583
  });
584
- const setAbortController = nextAbortController => dispatch({
584
+ const setAbortController = abortController => dispatch({
585
585
  type: 'setAbortController',
586
- abortController: nextAbortController
586
+ abortController: abortController
587
587
  });
588
- const setFileUploadClientSideErrors = nextFileUploadClientSideErrors => dispatch({
588
+ const setFileUploadClientSideErrors = fileUploadClientSideErrors => dispatch({
589
589
  type: 'setFileUploadClientSideErrors',
590
- fileUploadClientSideErrors: nextFileUploadClientSideErrors
590
+ fileUploadClientSideErrors: fileUploadClientSideErrors
591
591
  });
592
592
  const setProgress = progress => dispatch({
593
593
  type: 'setProgress',
@@ -607,6 +607,7 @@ const ImportResourcesProvider = props => {
607
607
  return jsxRuntime.jsx(ImportResourcesContext.Provider, {
608
608
  value: {
609
609
  state,
610
+ resourceTypes: props.resourceTypes,
610
611
  onClose: handleClose,
611
612
  onStartImportSuccess: handleStartImportSuccess,
612
613
  actions: {
@@ -634,7 +635,7 @@ function useImportResourcesContext() {
634
635
  return context;
635
636
  }
636
637
 
637
- var messages$3 = reactIntl.defineMessages({
638
+ var messages$5 = reactIntl.defineMessages({
638
639
  fileSizeExceededTitle: {
639
640
  id: 'ImportResourcesModal.sizeExceededTitle',
640
641
  defaultMessage: 'File size exceeded'
@@ -699,25 +700,25 @@ const useUpload = () => {
699
700
  const errors = [];
700
701
  const delimiterCheck = await checkDelimiter(file);
701
702
  if (!delimiterCheck.isValid) errors.push({
702
- title: intl.formatMessage(messages$3.dropAreaWrongDelimiterTitle),
703
- description: intl.formatMessage(messages$3.dropAreaWrongDelimiterDescription, {
703
+ title: intl.formatMessage(messages$5.dropAreaWrongDelimiterTitle),
704
+ description: intl.formatMessage(messages$5.dropAreaWrongDelimiterDescription, {
704
705
  delimiter: delimiterCheck.delimiter
705
706
  })
706
707
  });
707
708
  const rowCount = await getRowCount(file);
708
709
  if (rowCount < 1) errors.push({
709
- title: intl.formatMessage(messages$3.dropAreaNotEnoughRowsTitle),
710
- description: intl.formatMessage(messages$3.dropAreaNotEnoughRowsDescription)
710
+ title: intl.formatMessage(messages$5.dropAreaNotEnoughRowsTitle),
711
+ description: intl.formatMessage(messages$5.dropAreaNotEnoughRowsDescription)
711
712
  });
712
713
  if (state.resourceType && file.size > toBytes(FILE_SIZE_LIMITS_MB[state.resourceType])) errors.push({
713
- title: intl.formatMessage(messages$3.fileSizeExceededTitle),
714
- description: intl.formatMessage(messages$3.fileSizeExceededDescription, {
714
+ title: intl.formatMessage(messages$5.fileSizeExceededTitle),
715
+ description: intl.formatMessage(messages$5.fileSizeExceededDescription, {
715
716
  fileSizeLimit: intl.formatNumber(FILE_SIZE_LIMITS_MB[state.resourceType])
716
717
  })
717
718
  });
718
719
  if (state.resourceType && rowCount > ROW_LIMITS[state.resourceType]) errors.push({
719
- title: intl.formatMessage(messages$3.rowLimitExceededTitle),
720
- description: intl.formatMessage(messages$3.rowLimitExceededDescription, {
720
+ title: intl.formatMessage(messages$5.rowLimitExceededTitle),
721
+ description: intl.formatMessage(messages$5.rowLimitExceededDescription, {
721
722
  rowLimit: intl.formatNumber(ROW_LIMITS[state.resourceType])
722
723
  })
723
724
  });
@@ -749,7 +750,7 @@ const useUpload = () => {
749
750
  showNotification({
750
751
  kind: 'error',
751
752
  domain: constants.DOMAINS.PAGE,
752
- text: intl.formatMessage(messages$3.unexpectedError)
753
+ text: intl.formatMessage(messages$5.unexpectedError)
753
754
  });
754
755
  }
755
756
  } else {
@@ -813,7 +814,7 @@ const useUpload = () => {
813
814
  };
814
815
  };
815
816
 
816
- function resourceTypeToDisplayName(_ref) {
817
+ function resourceTypeToDisplayName$1(_ref) {
817
818
  let resourceType = _ref.resourceType,
818
819
  _ref$isUpperCase = _ref.isUpperCase,
819
820
  isUpperCase = _ref$isUpperCase === void 0 ? false : _ref$isUpperCase,
@@ -827,6 +828,9 @@ function resourceTypeToDisplayName(_ref) {
827
828
  case 'product':
828
829
  displayName = isPlural ? 'Products' : 'Product';
829
830
  break;
831
+ case 'inventory':
832
+ displayName = isPlural ? 'Inventories' : 'Inventory';
833
+ break;
830
834
  default:
831
835
  throw new UnexpectedResourceTypeError(resourceType);
832
836
  }
@@ -881,13 +885,13 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
881
885
  return /*#__PURE__*/react.css("" , "" );
882
886
  }
883
887
 
884
- var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-1ce20a9e.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
888
+ var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-f3c34dec.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
885
889
 
886
890
  var DisabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./disabled-drop-area-99c1fa0b.cjs.prod.js' /* webpackChunkName: "disabled-drop-area" */); }));
887
891
 
888
- var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-c976838f.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
892
+ var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-1c5689e6.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
889
893
 
890
- var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-9d536c9e.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
894
+ var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-cab83f88.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
891
895
 
892
896
  function getDropArea(_ref) {
893
897
  let dropAreaState = _ref.dropAreaState,
@@ -925,12 +929,7 @@ function getDropAreaState(flags) {
925
929
  return 'ready-for-drop';
926
930
  }
927
931
 
928
- var messages$2 = reactIntl.defineMessages({
929
- modalDescription: {
930
- id: 'ImportResourcesModal.modalDescription',
931
- description: 'Label for the modal category description',
932
- 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>.'
933
- },
932
+ var messages$4 = reactIntl.defineMessages({
934
933
  dragAndDropCSV: {
935
934
  id: 'ImportResourcesModal.dragAndDropCSV',
936
935
  description: 'The message telling the user to drag and drop CSV file in the file drop area',
@@ -974,6 +973,16 @@ var messages$2 = reactIntl.defineMessages({
974
973
  id: 'ImportResourcesModal.genericError',
975
974
  description: 'Default error message for unexpected file upload issues (for unhandled cases)',
976
975
  defaultMessage: 'Error occurred: Please try uploading the file again or contact our support team for assistance.'
976
+ },
977
+ dataType: {
978
+ id: 'ImportResourcesModal.dataType',
979
+ description: 'Label for the data type selection dropdown',
980
+ defaultMessage: 'Data type'
981
+ },
982
+ instructions: {
983
+ id: 'ImportResourcesModal.instructions',
984
+ description: 'Label for the instructions section',
985
+ defaultMessage: 'Instructions'
977
986
  }
978
987
  });
979
988
 
@@ -1008,7 +1017,7 @@ const FileDropArea = () => {
1008
1017
  showNotification({
1009
1018
  kind: 'error',
1010
1019
  domain: constants.DOMAINS.PAGE,
1011
- text: intl.formatMessage(messages$2.tooManyFilesError)
1020
+ text: intl.formatMessage(messages$4.tooManyFilesError)
1012
1021
  });
1013
1022
  return;
1014
1023
  }
@@ -1016,13 +1025,13 @@ const FileDropArea = () => {
1016
1025
  showNotification({
1017
1026
  kind: 'error',
1018
1027
  domain: constants.DOMAINS.PAGE,
1019
- text: intl.formatMessage(messages$2.fileFormatNotSupported)
1028
+ text: intl.formatMessage(messages$4.fileFormatNotSupported)
1020
1029
  });
1021
1030
  } else {
1022
1031
  showNotification({
1023
1032
  kind: 'error',
1024
1033
  domain: constants.DOMAINS.PAGE,
1025
- text: intl.formatMessage(messages$2.genericError)
1034
+ text: intl.formatMessage(messages$4.genericError)
1026
1035
  });
1027
1036
  }
1028
1037
  }
@@ -1075,21 +1084,20 @@ var sharedMessages = reactIntl.defineMessages({
1075
1084
  }
1076
1085
  });
1077
1086
 
1078
- 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; }
1079
- 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; }
1080
1087
  const Upload = () => {
1088
+ var _context;
1081
1089
  const _useImportResourcesCo = useImportResourcesContext(),
1082
1090
  state = _useImportResourcesCo.state,
1083
- onClose = _useImportResourcesCo.onClose;
1091
+ onClose = _useImportResourcesCo.onClose,
1092
+ resourceTypes = _useImportResourcesCo.resourceTypes;
1084
1093
  const intl = reactIntl.useIntl();
1085
- const resourceTypePlural = resourceTypeToDisplayName({
1094
+ const resourceTypePlural = resourceTypeToDisplayName$1({
1086
1095
  resourceType: state.resourceType,
1087
1096
  isPlural: true
1088
1097
  });
1089
1098
  const _useUpload = useUpload(),
1090
1099
  handleUploadAndValidation = _useUpload.handleUploadAndValidation;
1091
- const templateLink = RESOURCE_TYPE_TEMPLATE_DOWNLOAD_LINKS[state.resourceType];
1092
- const documentationLink = RESOURCE_TYPE_DOCUMENTATION_LINKS[state.resourceType];
1100
+ const isMultipleResourceTypes = resourceTypes.length > 1;
1093
1101
  return jsxRuntime.jsx(applicationComponents.FormDialog, {
1094
1102
  size: 16,
1095
1103
  isOpen: true,
@@ -1107,31 +1115,30 @@ const Upload = () => {
1107
1115
  }),
1108
1116
  children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
1109
1117
  scale: "l",
1110
- children: [jsxRuntime.jsx(uiKit.Text.Body, {
1111
- intlMessage: _objectSpread$9(_objectSpread$9({}, messages$2.modalDescription), {}, {
1112
- values: {
1113
- fileSize: intl.formatNumber(FILE_SIZE_LIMITS_MB[state.resourceType]),
1114
- rowLimit: intl.formatNumber(ROW_LIMITS[state.resourceType]),
1115
- csvTemplateLink: msg => jsxRuntime.jsx(uiKit.Link, {
1116
- tone: "secondary",
1117
- isExternal: true,
1118
- to: templateLink,
1119
- children: msg
1120
- }),
1121
- documentationLink: msg => jsxRuntime.jsx(uiKit.Link, {
1122
- tone: "secondary",
1123
- isExternal: true,
1124
- to: documentationLink,
1125
- children: msg
1126
- })
1127
- }
1128
- })
1129
- }), jsxRuntime.jsx(FileDropArea, {})]
1118
+ children: [isMultipleResourceTypes ? jsxRuntime.jsxs(uiKit.Grid, {
1119
+ gridRowGap: uiKit.designTokens.spacingL,
1120
+ gridTemplateColumns: _concatInstanceProperty__default["default"](_context = "calc(".concat(uiKit.designTokens.constraint3, " + ")).call(_context, uiKit.designTokens.spacingL, ") auto"),
1121
+ children: [jsxRuntime.jsx(uiKit.Grid.Item, {
1122
+ children: jsxRuntime.jsx(uiKit.Text.Body, {
1123
+ isBold: true,
1124
+ intlMessage: messages$4.dataType
1125
+ })
1126
+ }), jsxRuntime.jsx(uiKit.Grid.Item, {
1127
+ children: jsxRuntime.jsx(ResourceTypeSelection, {})
1128
+ }), jsxRuntime.jsx(uiKit.Grid.Item, {
1129
+ children: jsxRuntime.jsx(uiKit.Text.Body, {
1130
+ isBold: true,
1131
+ intlMessage: messages$4.instructions
1132
+ })
1133
+ }), jsxRuntime.jsx(uiKit.Grid.Item, {
1134
+ children: jsxRuntime.jsx(Instructions, {})
1135
+ })]
1136
+ }) : jsxRuntime.jsx(Instructions, {}), jsxRuntime.jsx(FileDropArea, {})]
1130
1137
  })
1131
1138
  });
1132
1139
  };
1133
1140
 
1134
- var messages$1 = reactIntl.defineMessages({
1141
+ var messages$3 = reactIntl.defineMessages({
1135
1142
  startImportButton: {
1136
1143
  id: 'ImportResourcesModal.startImportButton',
1137
1144
  description: 'Label for the modal Start import button',
@@ -1209,8 +1216,8 @@ var messages$1 = reactIntl.defineMessages({
1209
1216
  }
1210
1217
  });
1211
1218
 
1212
- 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; }
1213
- 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; }
1219
+ 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; }
1220
+ 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; }
1214
1221
  const truncate = (isExpanded, columns, columnsCount) => {
1215
1222
  return isExpanded ? columns.join(' | ') : _sliceInstanceProperty__default["default"](columns).call(columns, 0, columnsCount).join(' | ') + (columns.length > columnsCount ? '...' : '');
1216
1223
  };
@@ -1236,7 +1243,7 @@ const ColumnList = props => {
1236
1243
  e.preventDefault();
1237
1244
  setIsExpanded(!isExpanded);
1238
1245
  },
1239
- children: isExpanded ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$1.showLess)) : jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$1.showMore))
1246
+ children: isExpanded ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$9({}, messages$3.showLess)) : jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$9({}, messages$3.showMore))
1240
1247
  })
1241
1248
  })]
1242
1249
  })
@@ -1244,8 +1251,8 @@ const ColumnList = props => {
1244
1251
  });
1245
1252
  };
1246
1253
 
1247
- 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; }
1248
- 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; }
1254
+ 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; }
1255
+ 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; }
1249
1256
  function UploadPreviewModal() {
1250
1257
  const _useImportResourcesCo = useImportResourcesContext(),
1251
1258
  state = _useImportResourcesCo.state;
@@ -1262,7 +1269,7 @@ function UploadPreviewModal() {
1262
1269
  title: intl.formatMessage(sharedMessages.modalTitle, {
1263
1270
  resourceType: state.resourceType
1264
1271
  }),
1265
- labelPrimary: intl.formatMessage(messages$1.continue),
1272
+ labelPrimary: intl.formatMessage(messages$3.continue),
1266
1273
  onSecondaryButtonClick: () => onClose({
1267
1274
  shouldDeleteImportContainer: true
1268
1275
  }),
@@ -1280,7 +1287,7 @@ function UploadPreviewModal() {
1280
1287
  children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
1281
1288
  scale: "m",
1282
1289
  children: [jsxRuntime.jsx("div", {}), jsxRuntime.jsx(uiKit.Text.Body, {
1283
- intlMessage: messages$1.previewOfYourImport
1290
+ intlMessage: messages$3.previewOfYourImport
1284
1291
  }), jsxRuntime.jsx(uiKit.Card, {
1285
1292
  insetScale: "xl",
1286
1293
  children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -1290,7 +1297,7 @@ function UploadPreviewModal() {
1290
1297
  children: [jsxRuntime.jsx(uiKit.CheckBoldIcon, {
1291
1298
  color: "success"
1292
1299
  }), jsxRuntime.jsx(uiKit.Text.Body, {
1293
- intlMessage: _objectSpread$7(_objectSpread$7({}, messages$1.rowsToBeImported), {}, {
1300
+ intlMessage: _objectSpread$8(_objectSpread$8({}, messages$3.rowsToBeImported), {}, {
1294
1301
  values: {
1295
1302
  rowCount: intl.formatNumber(state.uploadFileResponse.rowsCount),
1296
1303
  b: getBold$3
@@ -1302,7 +1309,7 @@ function UploadPreviewModal() {
1302
1309
  children: [jsxRuntime.jsx(uiKit.CheckBoldIcon, {
1303
1310
  color: "success"
1304
1311
  }), jsxRuntime.jsx(uiKit.Text.Body, {
1305
- intlMessage: _objectSpread$7(_objectSpread$7({}, messages$1.columnsToBeImported), {}, {
1312
+ intlMessage: _objectSpread$8(_objectSpread$8({}, messages$3.columnsToBeImported), {}, {
1306
1313
  values: {
1307
1314
  columnCount: intl.formatNumber(validatedColumns.length),
1308
1315
  b: getBold$3
@@ -1322,7 +1329,7 @@ function UploadPreviewModal() {
1322
1329
  children: [jsxRuntime.jsx(uiKit.EyeCrossedIcon, {
1323
1330
  color: "neutral60"
1324
1331
  }), jsxRuntime.jsx(uiKit.Text.Body, {
1325
- intlMessage: _objectSpread$7(_objectSpread$7({}, messages$1.columnsToBeIgnored), {}, {
1332
+ intlMessage: _objectSpread$8(_objectSpread$8({}, messages$3.columnsToBeIgnored), {}, {
1326
1333
  values: {
1327
1334
  columnCount: intl.formatNumber(ignoredColumns.length),
1328
1335
  b: getBold$3
@@ -1348,8 +1355,8 @@ function getBold$3(msg) {
1348
1355
  });
1349
1356
  }
1350
1357
 
1351
- 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; }
1352
- 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; }
1358
+ 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; }
1359
+ 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; }
1353
1360
  const getNewLine = () => jsxRuntime.jsx("br", {});
1354
1361
  const getImportLogsLink = (msg, projectKey) => jsxRuntime.jsx(uiKit.Link, {
1355
1362
  to: "/".concat(projectKey, "/operations/import/logs"),
@@ -1374,7 +1381,7 @@ const ImportConfirmationModal = () => {
1374
1381
  const asyncDispatch = sdk.useAsyncDispatch();
1375
1382
  const showNotification = actionsGlobal.useShowNotification();
1376
1383
  const ImportRunningTextNotification = () => jsxRuntime.jsx(uiKit.Text.Body, {
1377
- intlMessage: _objectSpread$6(_objectSpread$6({}, messages$1.uploadNotificationSuccessMessage), {}, {
1384
+ intlMessage: _objectSpread$7(_objectSpread$7({}, messages$3.uploadNotificationSuccessMessage), {}, {
1378
1385
  values: {
1379
1386
  newline: getNewLine,
1380
1387
  logsLink: msg => getImportLogsLink(msg, projectKey),
@@ -1384,12 +1391,12 @@ const ImportConfirmationModal = () => {
1384
1391
  });
1385
1392
  return jsxRuntime.jsx(applicationComponents.ConfirmationDialog, {
1386
1393
  title: intl.formatMessage(sharedMessages.modalTitle, {
1387
- resourceType: resourceTypeToDisplayName({
1394
+ resourceType: resourceTypeToDisplayName$1({
1388
1395
  resourceType: state.resourceType,
1389
1396
  isPlural: true
1390
1397
  })
1391
1398
  }),
1392
- labelPrimary: intl.formatMessage(messages$1.startImportButton),
1399
+ labelPrimary: intl.formatMessage(messages$3.startImportButton),
1393
1400
  isOpen: true,
1394
1401
  onClose: () => onClose({
1395
1402
  shouldDeleteImportContainer: true
@@ -1440,7 +1447,7 @@ const ImportConfirmationModal = () => {
1440
1447
  scale: "xl",
1441
1448
  children: [jsxRuntime.jsxs("div", {
1442
1449
  children: [jsxRuntime.jsx(uiKit.Text.Body, {
1443
- intlMessage: _objectSpread$6(_objectSpread$6({}, messages$1.confirmationBodyText), {}, {
1450
+ intlMessage: _objectSpread$7(_objectSpread$7({}, messages$3.confirmationBodyText), {}, {
1444
1451
  values: {
1445
1452
  projectName: projectName,
1446
1453
  count: intl.formatNumber((state === null || state === void 0 || (_state$uploadFileResp = state.uploadFileResponse) === null || _state$uploadFileResp === void 0 ? void 0 : _state$uploadFileResp.rowsCount) || 0),
@@ -1448,10 +1455,10 @@ const ImportConfirmationModal = () => {
1448
1455
  }
1449
1456
  })
1450
1457
  }), jsxRuntime.jsx(uiKit.Text.Body, {
1451
- intlMessage: messages$1.confirmationBodyNote
1458
+ intlMessage: messages$3.confirmationBodyNote
1452
1459
  })]
1453
1460
  }), jsxRuntime.jsx(uiKit.Text.Body, {
1454
- intlMessage: messages$1.confirmationBodyQuestion
1461
+ intlMessage: messages$3.confirmationBodyQuestion
1455
1462
  })]
1456
1463
  })
1457
1464
  });
@@ -1464,7 +1471,7 @@ function getBold$2(msg) {
1464
1471
  });
1465
1472
  }
1466
1473
 
1467
- var messages = reactIntl.defineMessages({
1474
+ var messages$2 = reactIntl.defineMessages({
1468
1475
  row: {
1469
1476
  id: 'ImportResourcesModal.row',
1470
1477
  description: 'In Upload file error modal - "Row" column',
@@ -1497,15 +1504,15 @@ var messages = reactIntl.defineMessages({
1497
1504
  }
1498
1505
  });
1499
1506
 
1500
- 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; }
1501
- 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; }
1507
+ 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; }
1508
+ 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; }
1502
1509
  const getColumns$1 = () => [{
1503
1510
  key: 'errorType',
1504
- label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$5({}, messages.errorType)),
1511
+ label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$6({}, messages$2.errorType)),
1505
1512
  width: 'max-content'
1506
1513
  }, {
1507
1514
  key: 'details',
1508
- label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$5({}, messages.details))
1515
+ label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$6({}, messages$2.details))
1509
1516
  }];
1510
1517
  const UploadClientSideErrorTable = props => {
1511
1518
  var _context;
@@ -1548,8 +1555,8 @@ function itemRenderer$1(item, column) {
1548
1555
  }
1549
1556
  }
1550
1557
 
1551
- 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; }
1552
- 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; }
1558
+ 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; }
1559
+ 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; }
1553
1560
  const UploadClientSideErrorsModal = () => {
1554
1561
  var _state$droppedFile;
1555
1562
  const intl = reactIntl.useIntl();
@@ -1562,7 +1569,7 @@ const UploadClientSideErrorsModal = () => {
1562
1569
  size: 16,
1563
1570
  isOpen: true,
1564
1571
  title: intl.formatMessage(sharedMessages.modalTitle, {
1565
- resourceType: resourceTypeToDisplayName({
1572
+ resourceType: resourceTypeToDisplayName$1({
1566
1573
  resourceType: state.resourceType,
1567
1574
  isPlural: true
1568
1575
  })
@@ -1571,7 +1578,7 @@ const UploadClientSideErrorsModal = () => {
1571
1578
  children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
1572
1579
  scale: "l",
1573
1580
  children: [jsxRuntime.jsx(uiKit.Text.Body, {
1574
- intlMessage: _objectSpread$4(_objectSpread$4({}, messages.uploadingError), {}, {
1581
+ intlMessage: _objectSpread$5(_objectSpread$5({}, messages$2.uploadingError), {}, {
1575
1582
  values: {
1576
1583
  fileName: (_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.name,
1577
1584
  errorsCount: intl.formatNumber(errorsCount),
@@ -1588,7 +1595,7 @@ const UploadClientSideErrorsModal = () => {
1588
1595
  onClick: () => onClose()
1589
1596
  }), jsxRuntime.jsx(uiKit.PrimaryButton, {
1590
1597
  iconLeft: jsxRuntime.jsx(uiKit.ImportIcon, {}),
1591
- label: intl.formatMessage(messages.uploadNewFile),
1598
+ label: intl.formatMessage(messages$2.uploadNewFile),
1592
1599
  onClick: () => actions.uploadNewFile()
1593
1600
  })]
1594
1601
  })]
@@ -1603,19 +1610,19 @@ function getBold$1(msg) {
1603
1610
  });
1604
1611
  }
1605
1612
 
1606
- 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; }
1607
- 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; }
1613
+ 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; }
1614
+ 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; }
1608
1615
  const getColumns = () => [{
1609
1616
  key: 'row',
1610
- label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$3({}, messages.row)),
1617
+ label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages$2.row)),
1611
1618
  width: 'max-content'
1612
1619
  }, {
1613
1620
  key: 'errorType',
1614
- label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$3({}, messages.errorType)),
1621
+ label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages$2.errorType)),
1615
1622
  width: 'max-content'
1616
1623
  }, {
1617
1624
  key: 'details',
1618
- label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$3({}, messages.details))
1625
+ label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages$2.details))
1619
1626
  }];
1620
1627
  const UploadServerSideErrorTable = props => {
1621
1628
  var _context;
@@ -1666,8 +1673,8 @@ function itemRenderer(item, column) {
1666
1673
  }
1667
1674
  }
1668
1675
 
1669
- 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; }
1670
- 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; }
1676
+ 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; }
1677
+ 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; }
1671
1678
  const UploadServerSideErrorsModal = () => {
1672
1679
  var _state$uploadFileResp, _state$droppedFile, _state$uploadFileResp2;
1673
1680
  const intl = reactIntl.useIntl();
@@ -1681,7 +1688,7 @@ const UploadServerSideErrorsModal = () => {
1681
1688
  size: 16,
1682
1689
  isOpen: true,
1683
1690
  title: intl.formatMessage(sharedMessages.modalTitle, {
1684
- resourceType: resourceTypeToDisplayName({
1691
+ resourceType: resourceTypeToDisplayName$1({
1685
1692
  resourceType: state.resourceType,
1686
1693
  isPlural: true
1687
1694
  })
@@ -1692,7 +1699,7 @@ const UploadServerSideErrorsModal = () => {
1692
1699
  children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
1693
1700
  scale: "xs",
1694
1701
  children: [jsxRuntime.jsx(uiKit.Text.Body, {
1695
- intlMessage: _objectSpread$2(_objectSpread$2({}, messages.uploadingError), {}, {
1702
+ intlMessage: _objectSpread$3(_objectSpread$3({}, messages$2.uploadingError), {}, {
1696
1703
  values: {
1697
1704
  fileName: (_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.name,
1698
1705
  errorsCount: intl.formatNumber(errorsCount),
@@ -1700,7 +1707,7 @@ const UploadServerSideErrorsModal = () => {
1700
1707
  }
1701
1708
  })
1702
1709
  }), jsxRuntime.jsx(uiKit.Text.Body, {
1703
- intlMessage: _objectSpread$2(_objectSpread$2({}, messages.supportedValuesDocumentation), {}, {
1710
+ intlMessage: _objectSpread$3(_objectSpread$3({}, messages$2.supportedValuesDocumentation), {}, {
1704
1711
  values: {
1705
1712
  documentationLink: msg => jsxRuntime.jsx(uiKit.Link, {
1706
1713
  tone: "secondary",
@@ -1721,7 +1728,7 @@ const UploadServerSideErrorsModal = () => {
1721
1728
  onClick: () => onClose()
1722
1729
  }), jsxRuntime.jsx(uiKit.PrimaryButton, {
1723
1730
  iconLeft: jsxRuntime.jsx(uiKit.ImportIcon, {}),
1724
- label: intl.formatMessage(messages.uploadNewFile),
1731
+ label: intl.formatMessage(messages$2.uploadNewFile),
1725
1732
  onClick: () => actions.uploadNewFile()
1726
1733
  })]
1727
1734
  })]
@@ -1745,10 +1752,10 @@ const UploadResult = () => {
1745
1752
  return jsxRuntime.jsx(UploadPreviewModal, {});
1746
1753
  };
1747
1754
 
1748
- 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; }
1749
- 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; }
1755
+ 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; }
1756
+ 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; }
1750
1757
  var FileIcon = function FileIcon(props) {
1751
- return jsxRuntime.jsxs("svg", _objectSpread$1(_objectSpread$1({}, props), {}, {
1758
+ return jsxRuntime.jsxs("svg", _objectSpread$2(_objectSpread$2({}, props), {}, {
1752
1759
  children: [jsxRuntime.jsx("mask", {
1753
1760
  id: "a",
1754
1761
  style: {
@@ -1785,7 +1792,7 @@ const Uploading = () => {
1785
1792
  state = _useImportResourcesCo.state,
1786
1793
  actions = _useImportResourcesCo.actions,
1787
1794
  onClose = _useImportResourcesCo.onClose;
1788
- const resourceTypePlural = resourceTypeToDisplayName({
1795
+ const resourceTypePlural = resourceTypeToDisplayName$1({
1789
1796
  resourceType: state.resourceType,
1790
1797
  isPlural: true
1791
1798
  });
@@ -1849,6 +1856,97 @@ const CurrentStep = () => {
1849
1856
  return steps[state.currentStep] || null;
1850
1857
  };
1851
1858
 
1859
+ var messages$1 = reactIntl.defineMessages({
1860
+ products: {
1861
+ id: 'ImportResourcesModal.radio.products',
1862
+ description: 'Label for the products radio button',
1863
+ defaultMessage: 'Products (including variants, assets, prices and images)'
1864
+ },
1865
+ inventories: {
1866
+ id: 'ImportResourcesModal.radio.inventories',
1867
+ description: 'Label for the inventories radio button',
1868
+ defaultMessage: 'Inventories'
1869
+ },
1870
+ categories: {
1871
+ id: 'ImportResourcesModal.radio.categories',
1872
+ description: 'Label for the categories radio button',
1873
+ defaultMessage: 'Categories'
1874
+ }
1875
+ });
1876
+
1877
+ const resourceTypeToDisplayName = resourceType => {
1878
+ switch (resourceType) {
1879
+ case 'product':
1880
+ return messages$1.products;
1881
+ case 'inventory':
1882
+ return messages$1.inventories;
1883
+ case 'category':
1884
+ return messages$1.categories;
1885
+ default:
1886
+ throw new Error("Unknown resource type: ".concat(resourceType));
1887
+ }
1888
+ };
1889
+ const ResourceTypeSelection = () => {
1890
+ const _useImportResourcesCo = useImportResourcesContext(),
1891
+ state = _useImportResourcesCo.state,
1892
+ actions = _useImportResourcesCo.actions,
1893
+ resourceTypes = _useImportResourcesCo.resourceTypes;
1894
+ return jsxRuntime.jsx(uiKit.RadioInput.Group, {
1895
+ value: state.resourceType,
1896
+ onChange: e => {
1897
+ actions.setResourceType(e.target.value);
1898
+ },
1899
+ direction: "stack",
1900
+ directionProps: {
1901
+ scale: 's'
1902
+ },
1903
+ children: _mapInstanceProperty__default["default"](resourceTypes).call(resourceTypes, resourceType => jsxRuntime.jsx(uiKit.RadioInput.Option, {
1904
+ value: resourceType,
1905
+ children: jsxRuntime.jsx(uiKit.Text.Body, {
1906
+ intlMessage: resourceTypeToDisplayName(resourceType)
1907
+ })
1908
+ }, resourceType))
1909
+ });
1910
+ };
1911
+
1912
+ var messages = reactIntl.defineMessages({
1913
+ fileUploadInstructions: {
1914
+ id: 'ImportResourcesModal.fileUploadInstructions',
1915
+ description: 'Label for the modal category description',
1916
+ 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>.'
1917
+ }
1918
+ });
1919
+
1920
+ 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; }
1921
+ 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; }
1922
+ const Instructions = () => {
1923
+ const intl = reactIntl.useIntl();
1924
+ const _useImportResourcesCo = useImportResourcesContext(),
1925
+ state = _useImportResourcesCo.state;
1926
+ const templateLink = RESOURCE_TYPE_TEMPLATE_DOWNLOAD_LINKS[state.resourceType];
1927
+ const documentationLink = RESOURCE_TYPE_DOCUMENTATION_LINKS[state.resourceType];
1928
+ return jsxRuntime.jsx(uiKit.Text.Body, {
1929
+ intlMessage: _objectSpread$1(_objectSpread$1({}, messages.fileUploadInstructions), {}, {
1930
+ values: {
1931
+ fileSize: intl.formatNumber(FILE_SIZE_LIMITS_MB[state.resourceType]),
1932
+ rowLimit: intl.formatNumber(ROW_LIMITS[state.resourceType]),
1933
+ csvTemplateLink: msg => jsxRuntime.jsx(uiKit.Link, {
1934
+ tone: "secondary",
1935
+ isExternal: true,
1936
+ to: templateLink,
1937
+ children: msg
1938
+ }),
1939
+ documentationLink: msg => jsxRuntime.jsx(uiKit.Link, {
1940
+ tone: "secondary",
1941
+ isExternal: true,
1942
+ to: documentationLink,
1943
+ children: msg
1944
+ })
1945
+ }
1946
+ })
1947
+ });
1948
+ };
1949
+
1852
1950
  const getChunkImport = locale => {
1853
1951
  const intlLocale = i18n.mapLocaleToIntlLocale(locale);
1854
1952
  switch (intlLocale) {
@@ -1918,14 +2016,23 @@ const useAsyncIntlMessages = (locale, loader) => {
1918
2016
  };
1919
2017
 
1920
2018
  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; }
1921
- 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; }
2019
+ 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; }
1922
2020
  const ImportResourcesModal = props => {
2021
+ var _props$resourceTypes, _context;
1923
2022
  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
1924
2023
  locale: context.user && context.user.locale
1925
2024
  })),
1926
2025
  locale = _useApplicationContex.locale;
1927
2026
  const messages = useAsyncIntlMessages(locale, loadMessages);
1928
2027
  if (!props.isOpen || messages.isLoading) return null;
2028
+ if (!((_props$resourceTypes = props.resourceTypes) !== null && _props$resourceTypes !== void 0 && _props$resourceTypes.length)) {
2029
+ console.error('No resource types provided for import resources modal');
2030
+ return null;
2031
+ }
2032
+ if (!_everyInstanceProperty__default["default"](_context = props.resourceTypes).call(_context, isResourceType)) {
2033
+ console.error('Invalid resource types provided for import resources modal');
2034
+ return null;
2035
+ }
1929
2036
  return jsxRuntime.jsx(reactIntl.IntlProvider, {
1930
2037
  locale: locale,
1931
2038
  messages: messages.messages,
@@ -1939,5 +2046,5 @@ ImportResourcesModal.displayName = 'ImportResourcesModal';
1939
2046
  exports.EnabledDropArea = EnabledDropArea;
1940
2047
  exports.FileDropped = FileDropped;
1941
2048
  exports.ImportResourcesModal = ImportResourcesModal;
1942
- exports.messages = messages$2;
2049
+ exports.messages = messages$4;
1943
2050
  exports.useImportResourcesContext = useImportResourcesContext;