@commercetools-frontend-extensions/import-resources-modal 1.9.1 → 1.10.0

package/dist/{index-f01fd89f.cjs.prod.js → index-e08c812b.cjs.prod.js}

@@ -116,27 +116,26 @@ let CurrentStep$1 = /*#__PURE__*/function (CurrentStep) {
   return CurrentStep;
 }({});
 
-function ownKeys$j(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$j(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$j(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$j(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$k(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$k(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$k(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$k(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 
 // TODO: make this resource type specific
 
 function reducer(state, action) {
-  if (action.type === 'setCurrentStep') return _objectSpread$j(_objectSpread$j({}, state), {}, {
+  if (action.type === 'setCurrentStep') return _objectSpread$k(_objectSpread$k({}, state), {}, {
     currentStep: action.currentStep,
     progress: 0
   });
-  if (action.type === 'setUploadFileResponse') return _objectSpread$j(_objectSpread$j({}, state), {}, {
+  if (action.type === 'setUploadFileResponse') return _objectSpread$k(_objectSpread$k({}, state), {}, {
     uploadFileResponse: action.uploadFileResponse
   });
-  if (action.type === 'setResourceType') return _objectSpread$j(_objectSpread$j({}, state), {}, {
-    settings: undefined,
+  if (action.type === 'setResourceType') return _objectSpread$k(_objectSpread$k({}, state), {}, {
     resourceType: action.resourceType
   });
-  if (action.type === 'setContainerKey') return _objectSpread$j(_objectSpread$j({}, state), {}, {
+  if (action.type === 'setContainerKey') return _objectSpread$k(_objectSpread$k({}, state), {}, {
     containerKey: action.containerKey
   });
-  if (action.type === 'cancelImport') return _objectSpread$j(_objectSpread$j({}, state), {}, {
+  if (action.type === 'cancelImport') return _objectSpread$k(_objectSpread$k({}, state), {}, {
     currentStep: CurrentStep$1.Upload,
     containerKey: undefined,
     fileUploadErrors: [],
@@ -145,7 +144,7 @@ function reducer(state, action) {
     dropAreaState: 'disabled',
     progress: 0
   });
-  if (action.type === 'uploadNewFile') return _objectSpread$j(_objectSpread$j({}, state), {}, {
+  if (action.type === 'uploadNewFile') return _objectSpread$k(_objectSpread$k({}, state), {}, {
     currentStep: CurrentStep$1.Upload,
     containerKey: undefined,
     fileUploadErrors: [],
@@ -155,28 +154,28 @@ function reducer(state, action) {
     progress: 0
   });
   if (action.type === 'setDroppedFile') {
-    return _objectSpread$j(_objectSpread$j({}, state), {}, {
+    return _objectSpread$k(_objectSpread$k({}, state), {}, {
       droppedFile: action.droppedFile
     });
   }
   if (action.type === 'setFileUploadErrors') {
-    return _objectSpread$j(_objectSpread$j({}, state), {}, {
+    return _objectSpread$k(_objectSpread$k({}, state), {}, {
       fileUploadErrors: action.fileUploadErrors
     });
   }
   if (action.type === 'setAbortController') {
-    return _objectSpread$j(_objectSpread$j({}, state), {}, {
+    return _objectSpread$k(_objectSpread$k({}, state), {}, {
       abortController: action.abortController
     });
   }
   if (action.type === 'setProgress') {
-    return _objectSpread$j(_objectSpread$j({}, state), {}, {
+    return _objectSpread$k(_objectSpread$k({}, state), {}, {
       progress: action.progress
     });
   }
   if (action.type === 'setUploadSettings') {
-    return _objectSpread$j(_objectSpread$j({}, state), {}, {
-      settings: _objectSpread$j(_objectSpread$j({}, state.settings), action.settings)
+    return _objectSpread$k(_objectSpread$k({}, state), {}, {
+      settings: _objectSpread$k(_objectSpread$k({}, state.settings), action.settings)
     });
   }
   throw new Error(getUnknownActionError(action));
@@ -192,7 +191,10 @@ const initialState = {
   fileUploadErrors: [],
   resourceType: 'category',
   containerKey: undefined,
-  progress: 0
+  progress: 0,
+  settings: {
+    decimalSeparator: '.'
+  }
 };
 
 function _callSuper$2(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$2() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
@@ -241,8 +243,8 @@ let HttpError = /*#__PURE__*/function (_Error) {
   return _createClass(HttpError);
 }(/*#__PURE__*/_wrapNativeSuper(Error));
 
-function ownKeys$i(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$i(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$i(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$j(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$j(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$j(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$j(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const addProxyPrefixToUrl = (uri, proxy) => {
   return proxy ? `/proxy/${proxy}${uri}` : uri;
 };
@@ -254,7 +256,7 @@ const fetchUsingXhr = _ref2 => {
     onSuccess = _ref2.onSuccess,
     onError = _ref2.onError;
   const options = applicationShell.createHttpClientOptions({
-    headers: _objectSpread$i({
+    headers: _objectSpread$j({
       'Content-Type': 'application/json'
     }, config?.headers)
   });
@@ -298,7 +300,14 @@ const fetchUsingXhr = _ref2 => {
   return xhr;
 };
 
-const ALLOWED_DELIMITERS = [',', ';', '|', '\t'];
+const DELIMITERS = {
+  COMMA: ',',
+  SEMICOLON: ';',
+  POINT: '.',
+  TAB: '\t',
+  PIPE: '|'
+};
+const COLUMN_DELIMITERS = [DELIMITERS.COMMA, DELIMITERS.SEMICOLON, DELIMITERS.PIPE, DELIMITERS.TAB];
 const INITIAL_COLUMN_DISPLAY_COUNT = 8;
 const IMPORT_TAG_KEYS = {
   source: 'source'
@@ -399,11 +408,11 @@ const ACTION_RIGHTS = {
   }
 };
 
-function ownKeys$h(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$h(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$h(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$h(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$i(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$i(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$i(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const DEFAULT_SHORT_LIVED_FLAGS = {};
 const DEFAULT_LONG_LIVED_FLAGS = {};
-_objectSpread$h(_objectSpread$h({}, DEFAULT_SHORT_LIVED_FLAGS), DEFAULT_LONG_LIVED_FLAGS);
+_objectSpread$i(_objectSpread$i({}, DEFAULT_SHORT_LIVED_FLAGS), DEFAULT_LONG_LIVED_FLAGS);
 
 var sharedMessages = reactIntl.defineMessages({
   [`modalTitle.${IMPORTABLE_RESOURCES.CATEGORY}`]: {
@@ -655,13 +664,13 @@ var sharedMessages = reactIntl.defineMessages({
   //
 });
 
-function ownKeys$g(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$g(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$g(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$h(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$h(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$h(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 
 // Delimiters not included in this array may be treated as part of a column content
 // potentially causing the file to be parsed as a single-column CSV and pass this validation
-const NON_ALLOWED_DELIMITERS = ['%', '.', ' '];
-const DELIMITERS_TO_GUESS = [...ALLOWED_DELIMITERS, ...NON_ALLOWED_DELIMITERS];
+const NON_ALLOWED_COLUMN_DELIMITERS = ['%', '.', ' '];
+const DELIMITERS_TO_GUESS = [...COLUMN_DELIMITERS, ...NON_ALLOWED_COLUMN_DELIMITERS];
 const validateDelimiter = file => {
   return new _Promise__default["default"](resolve => {
     Papa__default["default"].parse(file, {
@@ -676,7 +685,7 @@ const validateDelimiter = file => {
         }
         const detectedDelimiter = result.meta.delimiter;
         let isValid = false;
-        if (detectedDelimiter !== null && _includesInstanceProperty__default["default"](ALLOWED_DELIMITERS).call(ALLOWED_DELIMITERS, detectedDelimiter)) {
+        if (detectedDelimiter !== null && _includesInstanceProperty__default["default"](COLUMN_DELIMITERS).call(COLUMN_DELIMITERS, detectedDelimiter)) {
           var _context;
           const isUndetectableDelimiter = _someInstanceProperty__default["default"](_context = result.errors).call(_context, error => error.code === 'UndetectableDelimiter');
           if (!isUndetectableDelimiter) {
@@ -705,7 +714,7 @@ const mapUploadFileErrorsResponseToUploadFileErrorRows = uploadFileErrorsRespons
 };
 const mapFileUploadErrorsToUploadFileErrorRows = uploadFileErrors => {
   let idCounter = 1;
-  return _mapInstanceProperty__default["default"](uploadFileErrors).call(uploadFileErrors, uploadFileError => _objectSpread$g(_objectSpread$g({}, uploadFileError), {}, {
+  return _mapInstanceProperty__default["default"](uploadFileErrors).call(uploadFileErrors, uploadFileError => _objectSpread$h(_objectSpread$h({}, uploadFileError), {}, {
     id: String(idCounter++)
   }));
 };
@@ -745,7 +754,7 @@ const getValidatedColumns = (columns, ignoredColumns) => {
 };
 const formatAllowedDelimitersForMessageDisplay = intl => {
   const localizedOr = intl.formatMessage(sharedMessages.listConjunctionOr);
-  const descriptions = _mapInstanceProperty__default["default"](ALLOWED_DELIMITERS).call(ALLOWED_DELIMITERS, delimiter => {
+  const descriptions = _mapInstanceProperty__default["default"](COLUMN_DELIMITERS).call(COLUMN_DELIMITERS, delimiter => {
     let nameDescriptor;
     switch (delimiter) {
       case ',':
@@ -903,8 +912,8 @@ function uploadFileForImport(_ref) {
   });
 }
 
-function ownKeys$f(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$f(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$f(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$f(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$g(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$g(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$g(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$g(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function createImportContainerForFileUpload(importContainerDraft, projectKey, asyncDispatch) {
   return asyncDispatch(sdk.actions.post({
     mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.IMPORT,
@@ -913,7 +922,7 @@ function createImportContainerForFileUpload(importContainerDraft, projectKey, as
       accept: 'application/json',
       'Content-Type': 'application/json'
     },
-    payload: _JSON$stringify__default["default"](_objectSpread$f({
+    payload: _JSON$stringify__default["default"](_objectSpread$g({
       retentionPolicy: {
         strategy: 'ttl',
         config: {
@@ -957,8 +966,8 @@ function assertProcessFileResponse(maybeProcessFileResponse) {
   throw new Error('Invalid response');
 }
 
-function ownKeys$e(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$e(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$e(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$f(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$f(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$f(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$f(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const ImportResourcesContext = /*#__PURE__*/React__default["default"].createContext();
 const ImportResourcesProvider = props => {
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
@@ -966,7 +975,7 @@ const ImportResourcesProvider = props => {
     })),
     projectKey = _useApplicationContex.projectKey;
   const asyncDispatch = sdk.useAsyncDispatch();
-  const _React$useReducer = React__default["default"].useReducer(reducer, _objectSpread$e(_objectSpread$e({}, initialState), {}, {
+  const _React$useReducer = React__default["default"].useReducer(reducer, _objectSpread$f(_objectSpread$f({}, initialState), {}, {
       resourceType: props.resourceTypes[0]
     })),
     _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
@@ -1103,13 +1112,13 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/react.css("" , "" );
 }
 
-var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-73dfaf5d.cjs.prod.js'); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-58179e9a.cjs.prod.js'); }));
 
-var DisabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./disabled-drop-area-ddd04658.cjs.prod.js'); }));
+var DisabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./disabled-drop-area-9c90609b.cjs.prod.js'); }));
 
-var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-20a79b9e.cjs.prod.js'); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-723eb5b8.cjs.prod.js'); }));
 
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-72914d0f.cjs.prod.js'); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-d451d883.cjs.prod.js'); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,
@@ -1147,7 +1156,7 @@ function getDropAreaState(flags) {
   return 'ready-for-drop';
 }
 
-var messages$7 = reactIntl.defineMessages({
+var messages$8 = reactIntl.defineMessages({
   dragAndDropCSV: {
     id: 'ImportResourcesModal.dragAndDropCSV',
     description: 'The message telling the user to drag and drop CSV file in the file drop area',
@@ -1212,7 +1221,7 @@ function useImportResourcesContext() {
   return context;
 }
 
-var messages$6 = reactIntl.defineMessages({
+var messages$7 = reactIntl.defineMessages({
   fileSizeExceededTitle: {
     id: 'ImportResourcesModal.sizeExceededTitle',
     defaultMessage: 'File size exceeded'
@@ -1272,8 +1281,8 @@ var messages$6 = reactIntl.defineMessages({
   }
 });
 
-function ownKeys$d(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$d(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$d(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$d(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$e(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$e(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$e(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const useUpload = () => {
   const intl = reactIntl.useIntl();
   const projectKey = applicationShellConnectors.useApplicationContext(context => context.project?.key);
@@ -1291,25 +1300,25 @@ const useUpload = () => {
     const errors = [];
     const isDelimiterValid = await validateDelimiter(file);
     if (!isDelimiterValid) errors.push({
-      title: intl.formatMessage(messages$6.wrongSeparatorTitle),
-      description: intl.formatMessage(messages$6.wrongSeparatorDescription, {
+      title: intl.formatMessage(messages$7.wrongSeparatorTitle),
+      description: intl.formatMessage(messages$7.wrongSeparatorDescription, {
         delimiterList: formatAllowedDelimitersForMessageDisplay(intl)
       })
     });
     const rowCount = await getRowCount(file);
     if (rowCount < 1) errors.push({
-      title: intl.formatMessage(messages$6.dropAreaNotEnoughRowsTitle),
-      description: intl.formatMessage(messages$6.dropAreaNotEnoughRowsDescription)
+      title: intl.formatMessage(messages$7.dropAreaNotEnoughRowsTitle),
+      description: intl.formatMessage(messages$7.dropAreaNotEnoughRowsDescription)
     });
     if (state.resourceType && file.size > toBytes(FILE_SIZE_LIMITS_MB[state.resourceType])) errors.push({
-      title: intl.formatMessage(messages$6.fileSizeExceededTitle),
-      description: intl.formatMessage(messages$6.fileSizeExceededDescription, {
+      title: intl.formatMessage(messages$7.fileSizeExceededTitle),
+      description: intl.formatMessage(messages$7.fileSizeExceededDescription, {
         fileSizeLimit: intl.formatNumber(FILE_SIZE_LIMITS_MB[state.resourceType])
       })
     });
     if (state.resourceType && rowCount > ROW_LIMITS[state.resourceType]) errors.push({
-      title: intl.formatMessage(messages$6.rowLimitExceededTitle),
-      description: intl.formatMessage(messages$6.rowLimitExceededDescription, {
+      title: intl.formatMessage(messages$7.rowLimitExceededTitle),
+      description: intl.formatMessage(messages$7.rowLimitExceededDescription, {
         rowLimit: intl.formatNumber(ROW_LIMITS[state.resourceType])
       })
     });
@@ -1328,16 +1337,16 @@ const useUpload = () => {
     if (error instanceof HttpError) {
       if (error.errorData?.code === 'MISSING_KEY_ERROR') {
         actions.setFileUploadErrors([{
-          title: intl.formatMessage(messages$6.missingRequiredField),
-          description: intl.formatMessage(messages$6.missingKeyError)
+          title: intl.formatMessage(messages$7.missingRequiredField),
+          description: intl.formatMessage(messages$7.missingKeyError)
         }]);
         actions.setCurrentStep(CurrentStep$1.UploadResult);
       } else if (error.errorData?.code === 'MissingCsvFieldIdentifier') {
         const MissingCsvFieldIdentifierError = error.errorData;
         const fieldNames = formatKeys(MissingCsvFieldIdentifierError.rowValue);
         actions.setFileUploadErrors([{
-          title: intl.formatMessage(messages$6.missingRequiredField),
-          description: intl.formatMessage(messages$6.missingRequiredKeys, {
+          title: intl.formatMessage(messages$7.missingRequiredField),
+          description: intl.formatMessage(messages$7.missingRequiredKeys, {
             fieldNames
           })
         }]);
@@ -1350,7 +1359,7 @@ const useUpload = () => {
         showNotification({
           kind: 'error',
           domain: constants.DOMAINS.PAGE,
-          text: intl.formatMessage(messages$6.unexpectedError)
+          text: intl.formatMessage(messages$7.unexpectedError)
         });
       }
     } else {
@@ -1379,21 +1388,21 @@ const useUpload = () => {
     const containerKey = encodeFileNameWithTimestampToContainerKey(state.droppedFile.name);
     actions.setContainerKey(containerKey);
     try {
-      // TODO: Temporarily apply settings only for products
-      const shouldApplySettings = state.resourceType === 'product';
-      await createImportContainerForFileUpload(_objectSpread$d({
+      const shouldApplyPublishSettings = state.resourceType === 'product';
+      await createImportContainerForFileUpload({
         key: containerKey,
         resourceType: state.resourceType,
-        tags: [TAG_KEY_SOURCE_FILE_UPLOAD]
-      }, shouldApplySettings ? {
-        settings: {
-          resourceType: state.resourceType === 'product' ? 'product-draft' : state.resourceType,
+        tags: [TAG_KEY_SOURCE_FILE_UPLOAD],
+        settings: _objectSpread$e({
           format: 'CSV',
+          decimalSeparator: state.settings?.decimalSeparator
+        }, shouldApplyPublishSettings ? {
+          resourceType: state.resourceType === 'product' ? 'product-draft' : state.resourceType,
           options: {
             publishAllChanges: state.settings?.publish ?? false
           }
-        }
-      } : {}), projectKey, asyncDispatch);
+        } : {})
+      }, projectKey, asyncDispatch);
       const newAbortController = uploadFileForImport({
         projectKey,
         containerKey,
@@ -1471,8 +1480,8 @@ const useImportPermission = () => {
   };
 };
 
-function ownKeys$c(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$c(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$c(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$d(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$d(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$d(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const FileDropArea = () => {
   const intl = reactIntl.useIntl();
   const _useImportResourcesCo = useImportResourcesContext(),
@@ -1502,7 +1511,7 @@ const FileDropArea = () => {
           showNotification({
             kind: 'error',
             domain: constants.DOMAINS.PAGE,
-            text: intl.formatMessage(messages$7.tooManyFilesError)
+            text: intl.formatMessage(messages$8.tooManyFilesError)
           });
           return;
         }
@@ -1510,13 +1519,13 @@ const FileDropArea = () => {
           showNotification({
             kind: 'error',
             domain: constants.DOMAINS.PAGE,
-            text: intl.formatMessage(messages$7.fileFormatNotSupported)
+            text: intl.formatMessage(messages$8.fileFormatNotSupported)
           });
         } else {
           showNotification({
             kind: 'error',
             domain: constants.DOMAINS.PAGE,
-            text: intl.formatMessage(messages$7.genericError)
+            text: intl.formatMessage(messages$8.genericError)
           });
         }
       }
@@ -1534,11 +1543,11 @@ const FileDropArea = () => {
     resourceType: 'category',
     isFileDropped: Boolean(state.droppedFile)
   });
-  return jsxRuntime.jsxs(DropWrapper, _objectSpread$c(_objectSpread$c({
+  return jsxRuntime.jsxs(DropWrapper, _objectSpread$d(_objectSpread$d({
     role: "presentation"
   }, getRootProps()), {}, {
     dropAreaState: dropAreaState,
-    children: [jsxRuntime.jsx("input", _objectSpread$c({
+    children: [jsxRuntime.jsx("input", _objectSpread$d({
       "data-testid": "file-input"
     }, getInputProps())), jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
       children: dropArea
@@ -1546,6 +1555,82 @@ const FileDropArea = () => {
   }));
 };
 
+var messages$6 = reactIntl.defineMessages({
+  separatorTitle: {
+    id: 'ImportResourcesModal.uploadSeparator.separatorTitle',
+    description: 'Title for the separator selection',
+    defaultMessage: 'Separator'
+  },
+  decimalsSeparatorDescription: {
+    id: 'ImportResourcesModal.uploadSeparator.decimalsSeparatorDescription',
+    description: 'Description for the decimals separator selection',
+    defaultMessage: 'Select the decimals separator that match your CSV file. The column separator is automatically detected.'
+  },
+  decimalSeparatorPoint: {
+    id: 'ImportResourcesModal.uploadSeparator.decimalSeparatorPoint',
+    description: 'Label for point decimal separator option',
+    defaultMessage: 'point (.)'
+  },
+  decimalSeparatorComma: {
+    id: 'ImportResourcesModal.uploadSeparator.decimalSeparatorComma',
+    description: 'Label for comma decimal separator option',
+    defaultMessage: 'comma (,)'
+  },
+  decimals: {
+    id: 'ImportResourcesModal.uploadSeparator.decimals',
+    description: 'Label for decimal separator select',
+    defaultMessage: 'Decimals'
+  }
+});
+
+function ownKeys$c(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$c(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$c(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$c(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const DECIMAL_DELIMITER_OPTIONS = [{
+  label: messages$6.decimalSeparatorPoint,
+  value: DELIMITERS.POINT
+}, {
+  label: messages$6.decimalSeparatorComma,
+  value: DELIMITERS.COMMA
+}];
+const decimalSeparatorOptions = _mapInstanceProperty__default["default"](DECIMAL_DELIMITER_OPTIONS).call(DECIMAL_DELIMITER_OPTIONS, option => _objectSpread$c(_objectSpread$c({}, option), {}, {
+  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$c({}, option.label))
+}));
+var _ref$1 = {
+  name: "lt3z56",
+  styles: "width:calc(50% - 16px)"
+} ;
+const UploadSeparator = () => {
+  const intl = reactIntl.useIntl();
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state,
+    actions = _useImportResourcesCo.actions;
+  return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+    scale: "m",
+    children: [jsxRuntime.jsxs("div", {
+      children: [jsxRuntime.jsx(uiKit.Text.Subheadline, {
+        as: "h4",
+        intlMessage: messages$6.separatorTitle
+      }), jsxRuntime.jsx(uiKit.Text.Caption, {
+        tone: "tertiary",
+        intlMessage: messages$6.decimalsSeparatorDescription
+      })]
+    }), jsxRuntime.jsx("div", {
+      css: _ref$1,
+      children: jsxRuntime.jsx(uiKit.SelectField, {
+        title: intl.formatMessage(messages$6.decimals),
+        isSearchable: false,
+        options: decimalSeparatorOptions,
+        value: state.settings?.decimalSeparator,
+        onChange: e => {
+          actions.setUploadSettings({
+            decimalSeparator: e.target.value
+          });
+        }
+      })
+    })]
+  });
+};
+
 var messages$5 = reactIntl.defineMessages({
   publishProducts: {
     id: 'ImportResourcesModal.settings.publishProducts',
@@ -1609,28 +1694,28 @@ const Upload = () => {
     },
     children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
       children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-        scale: "m",
+        scale: "l",
         children: [isMultipleResourceTypes ? jsxRuntime.jsxs(uiKit.Grid, {
           gridRowGap: uiKit.designTokens.spacingL,
           gridTemplateColumns: `calc(${uiKit.designTokens.constraint3} + ${uiKit.designTokens.spacingL}) auto`,
           children: [jsxRuntime.jsx(uiKit.Grid.Item, {
             children: jsxRuntime.jsx(uiKit.Text.Body, {
               isBold: true,
-              intlMessage: messages$7.dataType
+              intlMessage: messages$8.dataType
             })
           }), jsxRuntime.jsx(uiKit.Grid.Item, {
             children: jsxRuntime.jsx(ResourceTypeSelection, {})
           }), jsxRuntime.jsx(uiKit.Grid.Item, {
             children: jsxRuntime.jsx(uiKit.Text.Body, {
               isBold: true,
-              intlMessage: messages$7.instructions
+              intlMessage: messages$8.instructions
             })
           }), jsxRuntime.jsx(uiKit.Grid.Item, {
             children: jsxRuntime.jsx(Instructions, {})
           })]
         }) : jsxRuntime.jsx(jsxRuntime.Fragment, {
           children: jsxRuntime.jsx(Instructions, {})
-        }), jsxRuntime.jsx(InfoBox, {}), jsxRuntime.jsx(fullstory.Masking.Mask, {
+        }), jsxRuntime.jsx(InfoBox, {}), jsxRuntime.jsx(UploadSeparator, {}), jsxRuntime.jsx(fullstory.Masking.Mask, {
           children: jsxRuntime.jsx(FileDropArea, {})
         }), jsxRuntime.jsx(UploadSettings, {})]
       })
@@ -2517,7 +2602,7 @@ const getChunkImport = locale => {
   const intlLocale = i18n.mapLocaleToIntlLocale(locale);
   switch (intlLocale) {
     case 'de':
-      return Promise.resolve().then(function () { return require('./de-94201791.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require('./de-a33f40b4.cjs.prod.js'); });
     case 'es':
       return Promise.resolve().then(function () { return require('./es-02f8a321.cjs.prod.js'); });
     case 'fr-FR':
@@ -2611,6 +2696,6 @@ exports.EnabledDropArea = EnabledDropArea;
 exports.FileDropped = FileDropped;
 exports.FileIcon = FileIcon;
 exports.ImportResourcesModal = ImportResourcesModal;
-exports.messages = messages$7;
+exports.messages = messages$8;
 exports.useImportPermission = useImportPermission;
 exports.useImportResourcesContext = useImportResourcesContext;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-frontend-extensions/import-resources-modal",
   "description": "Shared import modal for importing resources",
-  "version": "1.9.1",
+  "version": "1.10.0",
   "license": "BSD-3-Clause",
   "publishConfig": {
     "access": "public"
@@ -15,8 +15,8 @@
     "README.md"
   ],
   "dependencies": {
-    "@babel/runtime": "7.27.6",
-    "@babel/runtime-corejs3": "7.28.0",
+    "@babel/runtime": "7.28.3",
+    "@babel/runtime-corejs3": "7.28.3",
     "@commercetools/importapi-sdk": "5.20.0",
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.1",
@@ -34,22 +34,22 @@
     "react-dropzone": "14.3.8"
   },
   "devDependencies": {
-    "@commercetools-frontend/actions-global": "24.2.1",
-    "@commercetools-frontend/application-components": "24.2.1",
-    "@commercetools-frontend/application-shell": "24.2.1",
-    "@commercetools-frontend/application-shell-connectors": "24.2.1",
-    "@commercetools-frontend/constants": "24.2.1",
+    "@commercetools-frontend/actions-global": "24.5.0",
+    "@commercetools-frontend/application-components": "24.5.0",
+    "@commercetools-frontend/application-shell": "24.5.0",
+    "@commercetools-frontend/application-shell-connectors": "24.5.0",
+    "@commercetools-frontend/constants": "24.5.0",
     "@commercetools-frontend/fullstory": "4.0.0",
-    "@commercetools-frontend/i18n": "24.2.1",
-    "@commercetools-frontend/jest-preset-mc-app": "24.2.1",
-    "@commercetools-frontend/permissions": "24.2.1",
-    "@commercetools-frontend/sdk": "24.2.1",
-    "@commercetools-frontend/sentry": "24.2.1",
-    "@commercetools-frontend/ui-kit": "20.2.2",
-    "@commercetools-uikit/data-table": "20.2.2",
-    "@commercetools-uikit/design-system": "20.2.2",
-    "@commercetools-uikit/icons": "20.2.2",
-    "@commercetools-uikit/select-field": "20.2.2",
+    "@commercetools-frontend/i18n": "24.5.0",
+    "@commercetools-frontend/jest-preset-mc-app": "24.5.0",
+    "@commercetools-frontend/permissions": "24.5.0",
+    "@commercetools-frontend/sdk": "24.5.0",
+    "@commercetools-frontend/sentry": "24.5.0",
+    "@commercetools-frontend/ui-kit": "20.2.3",
+    "@commercetools-uikit/data-table": "20.2.3",
+    "@commercetools-uikit/design-system": "20.2.3",
+    "@commercetools-uikit/icons": "20.2.3",
+    "@commercetools-uikit/select-field": "20.2.3",
     "@preconstruct/cli": "2.8.12",
     "@types/jest": "29.5.14",
     "@types/lodash.truncate": "^4.4.7",