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

package/dist/{index-943152ea.esm.js → index-7a93797c.esm.js}

@@ -41,7 +41,7 @@ import '@babel/runtime-corejs3/core-js-stable/object/entries';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import { FormDialog, InfoDialog, PageContentNarrow, ConfirmationDialog } from '@commercetools-frontend/application-components';
 import { Masking } from '@commercetools-frontend/fullstory';
-import { customProperties, Constraints, CheckboxInput, Spacings, Grid, designTokens, Text, usePaginationState, DataTable, PageNavigator, Stamp, SecondaryButton, PrimaryButton, ImportIcon, Link, TagList, Card, CheckBoldIcon, EyeCrossedIcon, ProgressBar, RadioInput, ContentNotification } from '@commercetools-frontend/ui-kit';
+import { customProperties, Constraints, Spacings, Text, SelectField, CheckboxInput, Grid, designTokens, usePaginationState, DataTable, PageNavigator, Stamp, SecondaryButton, PrimaryButton, ImportIcon, Link, TagList, Card, CheckBoldIcon, EyeCrossedIcon, ProgressBar, RadioInput, ContentNotification } from '@commercetools-frontend/ui-kit';
 import { useDropzone } from 'react-dropzone';
 import { useShowNotification } from '@commercetools-frontend/actions-global';
 import _styled from '@emotion/styled/base';
@@ -88,27 +88,26 @@ let CurrentStep$1 = /*#__PURE__*/function (CurrentStep) {
   return CurrentStep;
 }({});
 
-function ownKeys$j(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$j(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$j(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$k(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$k(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$k(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 
 // TODO: make this resource type specific
 
 function reducer(state, action) {
-  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: [],
@@ -117,7 +116,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: [],
@@ -127,28 +126,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));
@@ -164,7 +163,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(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
@@ -213,8 +215,8 @@ let HttpError = /*#__PURE__*/function (_Error) {
   return _createClass(HttpError);
 }(/*#__PURE__*/_wrapNativeSuper(Error));
 
-function ownKeys$i(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$i(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$i(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$j(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$j(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$j(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const addProxyPrefixToUrl = (uri, proxy) => {
   return proxy ? `/proxy/${proxy}${uri}` : uri;
 };
@@ -226,7 +228,7 @@ const fetchUsingXhr = _ref2 => {
     onSuccess = _ref2.onSuccess,
     onError = _ref2.onError;
   const options = createHttpClientOptions({
-    headers: _objectSpread$i({
+    headers: _objectSpread$j({
       'Content-Type': 'application/json'
     }, config?.headers)
   });
@@ -270,7 +272,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'
@@ -371,11 +380,11 @@ const ACTION_RIGHTS = {
   }
 };
 
-function ownKeys$h(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$h(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$h(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$i(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$i(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$i(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 = defineMessages({
   [`modalTitle.${IMPORTABLE_RESOURCES.CATEGORY}`]: {
@@ -627,13 +636,13 @@ var sharedMessages = defineMessages({
   //
 });
 
-function ownKeys$g(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys$g(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys$g(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$h(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys$h(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys$h(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(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(resolve => {
     Papa.parse(file, {
@@ -648,7 +657,7 @@ const validateDelimiter = file => {
         }
         const detectedDelimiter = result.meta.delimiter;
         let isValid = false;
-        if (detectedDelimiter !== null && _includesInstanceProperty(ALLOWED_DELIMITERS).call(ALLOWED_DELIMITERS, detectedDelimiter)) {
+        if (detectedDelimiter !== null && _includesInstanceProperty(COLUMN_DELIMITERS).call(COLUMN_DELIMITERS, detectedDelimiter)) {
           var _context;
           const isUndetectableDelimiter = _someInstanceProperty(_context = result.errors).call(_context, error => error.code === 'UndetectableDelimiter');
           if (!isUndetectableDelimiter) {
@@ -677,7 +686,7 @@ const mapUploadFileErrorsResponseToUploadFileErrorRows = uploadFileErrorsRespons
 };
 const mapFileUploadErrorsToUploadFileErrorRows = uploadFileErrors => {
   let idCounter = 1;
-  return _mapInstanceProperty(uploadFileErrors).call(uploadFileErrors, uploadFileError => _objectSpread$g(_objectSpread$g({}, uploadFileError), {}, {
+  return _mapInstanceProperty(uploadFileErrors).call(uploadFileErrors, uploadFileError => _objectSpread$h(_objectSpread$h({}, uploadFileError), {}, {
     id: String(idCounter++)
   }));
 };
@@ -717,7 +726,7 @@ const getValidatedColumns = (columns, ignoredColumns) => {
 };
 const formatAllowedDelimitersForMessageDisplay = intl => {
   const localizedOr = intl.formatMessage(sharedMessages.listConjunctionOr);
-  const descriptions = _mapInstanceProperty(ALLOWED_DELIMITERS).call(ALLOWED_DELIMITERS, delimiter => {
+  const descriptions = _mapInstanceProperty(COLUMN_DELIMITERS).call(COLUMN_DELIMITERS, delimiter => {
     let nameDescriptor;
     switch (delimiter) {
       case ',':
@@ -875,8 +884,8 @@ function uploadFileForImport(_ref) {
   });
 }
 
-function ownKeys$f(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$f(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$f(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$g(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$g(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$g(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 function createImportContainerForFileUpload(importContainerDraft, projectKey, asyncDispatch) {
   return asyncDispatch(actions.post({
     mcApiProxyTarget: MC_API_PROXY_TARGETS.IMPORT,
@@ -885,7 +894,7 @@ function createImportContainerForFileUpload(importContainerDraft, projectKey, as
       accept: 'application/json',
       'Content-Type': 'application/json'
     },
-    payload: _JSON$stringify(_objectSpread$f({
+    payload: _JSON$stringify(_objectSpread$g({
       retentionPolicy: {
         strategy: 'ttl',
         config: {
@@ -929,8 +938,8 @@ function assertProcessFileResponse(maybeProcessFileResponse) {
   throw new Error('Invalid response');
 }
 
-function ownKeys$e(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$e(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$e(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$f(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$f(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$f(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const ImportResourcesContext = /*#__PURE__*/React.createContext();
 const ImportResourcesProvider = props => {
   const _useApplicationContex = useApplicationContext(context => ({
@@ -938,7 +947,7 @@ const ImportResourcesProvider = props => {
     })),
     projectKey = _useApplicationContex.projectKey;
   const asyncDispatch = useAsyncDispatch();
-  const _React$useReducer = React.useReducer(reducer, _objectSpread$e(_objectSpread$e({}, initialState), {}, {
+  const _React$useReducer = React.useReducer(reducer, _objectSpread$f(_objectSpread$f({}, initialState), {}, {
       resourceType: props.resourceTypes[0]
     })),
     _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
@@ -1078,13 +1087,13 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:getDefaultDropWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBEcm9wem9uZVJvb3RQcm9wcyB9IGZyb20gJ3JlYWN0LWRyb3B6b25lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2Rpc2FibGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5kaXNhYmxlZFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ3JlYWR5LWZvci1kcm9wJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5yZWFkeUZvckRyb3BcbiAgICB9XG4gICAgaWYgKHByb3BzLmRyb3BBcmVhU3RhdGUgPT09ICdhY3RpdmUtZHJhZycpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuYWN0aXZlRHJhZ1xuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2ZpbGUtZHJvcHBlZCcpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuZmlsZURyb3BwZWRcbiAgICB9XG4gICAgcmV0dXJuIGdldERlZmF1bHREcm9wV3JhcHBlclN0eWxlcyhwcm9wcy5kcm9wQXJlYVN0YXRlKVxuICB9fVxuYFxuZnVuY3Rpb24gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKF9kcm9wQXJlYVN0YXRlOiBuZXZlcikge1xuICByZXR1cm4gY3NzYGBcbn1cbiJdfQ== */");
 }
 
-var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-8e57dd40.esm.js'));
+var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-5983aeff.esm.js'));
 
-var DisabledDropArea = /*#__PURE__*/lazy(() => import('./disabled-drop-area-034e0448.esm.js'));
+var DisabledDropArea = /*#__PURE__*/lazy(() => import('./disabled-drop-area-67de59ef.esm.js'));
 
-var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-89b5985e.esm.js'));
+var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-5f322d0a.esm.js'));
 
-var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-58e15030.esm.js'));
+var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-724a3d30.esm.js'));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,
@@ -1122,7 +1131,7 @@ function getDropAreaState(flags) {
   return 'ready-for-drop';
 }
 
-var messages$7 = defineMessages({
+var messages$8 = defineMessages({
   dragAndDropCSV: {
     id: 'ImportResourcesModal.dragAndDropCSV',
     description: 'The message telling the user to drag and drop CSV file in the file drop area',
@@ -1187,7 +1196,7 @@ function useImportResourcesContext() {
   return context;
 }
 
-var messages$6 = defineMessages({
+var messages$7 = defineMessages({
   fileSizeExceededTitle: {
     id: 'ImportResourcesModal.sizeExceededTitle',
     defaultMessage: 'File size exceeded'
@@ -1247,8 +1256,8 @@ var messages$6 = defineMessages({
   }
 });
 
-function ownKeys$d(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$d(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$d(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$e(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$e(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$e(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const useUpload = () => {
   const intl = useIntl();
   const projectKey = useApplicationContext(context => context.project?.key);
@@ -1266,25 +1275,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])
       })
     });
@@ -1303,16 +1312,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
           })
         }]);
@@ -1325,7 +1334,7 @@ const useUpload = () => {
         showNotification({
           kind: 'error',
           domain: DOMAINS.PAGE,
-          text: intl.formatMessage(messages$6.unexpectedError)
+          text: intl.formatMessage(messages$7.unexpectedError)
         });
       }
     } else {
@@ -1354,21 +1363,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,
@@ -1446,8 +1455,8 @@ const useImportPermission = () => {
   };
 };
 
-function ownKeys$c(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys$c(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys$c(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$d(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys$d(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys$d(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const FileDropArea = () => {
   const intl = useIntl();
   const _useImportResourcesCo = useImportResourcesContext(),
@@ -1477,7 +1486,7 @@ const FileDropArea = () => {
           showNotification({
             kind: 'error',
             domain: DOMAINS.PAGE,
-            text: intl.formatMessage(messages$7.tooManyFilesError)
+            text: intl.formatMessage(messages$8.tooManyFilesError)
           });
           return;
         }
@@ -1485,13 +1494,13 @@ const FileDropArea = () => {
           showNotification({
             kind: 'error',
             domain: DOMAINS.PAGE,
-            text: intl.formatMessage(messages$7.fileFormatNotSupported)
+            text: intl.formatMessage(messages$8.fileFormatNotSupported)
           });
         } else {
           showNotification({
             kind: 'error',
             domain: DOMAINS.PAGE,
-            text: intl.formatMessage(messages$7.genericError)
+            text: intl.formatMessage(messages$8.genericError)
           });
         }
       }
@@ -1509,11 +1518,11 @@ const FileDropArea = () => {
     resourceType: 'category',
     isFileDropped: Boolean(state.droppedFile)
   });
-  return jsxs(DropWrapper, _objectSpread$c(_objectSpread$c({
+  return jsxs(DropWrapper, _objectSpread$d(_objectSpread$d({
     role: "presentation"
   }, getRootProps()), {}, {
     dropAreaState: dropAreaState,
-    children: [jsx("input", _objectSpread$c({
+    children: [jsx("input", _objectSpread$d({
       "data-testid": "file-input"
     }, getInputProps())), jsx(Constraints.Horizontal, {
       children: dropArea
@@ -1521,6 +1530,87 @@ const FileDropArea = () => {
   }));
 };
 
+var messages$6 = 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(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$c(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$c(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__$2() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const DECIMAL_DELIMITER_OPTIONS = [{
+  label: messages$6.decimalSeparatorPoint,
+  value: DELIMITERS.POINT
+}, {
+  label: messages$6.decimalSeparatorComma,
+  value: DELIMITERS.COMMA
+}];
+const decimalSeparatorOptions = _mapInstanceProperty(DECIMAL_DELIMITER_OPTIONS).call(DECIMAL_DELIMITER_OPTIONS, option => _objectSpread$c(_objectSpread$c({}, option), {}, {
+  label: jsx(FormattedMessage, _objectSpread$c({}, option.label))
+}));
+var _ref$1 = process.env.NODE_ENV === "production" ? {
+  name: "lt3z56",
+  styles: "width:calc(50% - 16px)"
+} : {
+  name: "1vfe1dp-UploadSeparator",
+  styles: "width:calc(50% - 16px);label:UploadSeparator;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInVwbG9hZC1zZXBhcmF0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDZ0IiLCJmaWxlIjoidXBsb2FkLXNlcGFyYXRvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlLCB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCdcbmltcG9ydCB7IFNlbGVjdEZpZWxkLCBTcGFjaW5ncywgVGV4dCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3VpLWtpdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4vbWVzc2FnZXMnXG5pbXBvcnQgeyBERUxJTUlURVJTIH0gZnJvbSAnLi4vLi4vLi4vQGNvbnN0YW50cydcbmltcG9ydCB7IHVzZUltcG9ydFJlc291cmNlc0NvbnRleHQgfSBmcm9tICcuLi8uLi8uLi9AaG9va3MnXG5pbXBvcnQgeyB0eXBlIERlY2ltYWxTZXBhcmF0b3IgfSBmcm9tICcuLi8uLi8uLi9AdHlwZXMnXG5cbmV4cG9ydCBjb25zdCBERUNJTUFMX0RFTElNSVRFUl9PUFRJT05TID0gW1xuICB7XG4gICAgbGFiZWw6IG1lc3NhZ2VzLmRlY2ltYWxTZXBhcmF0b3JQb2ludCxcbiAgICB2YWx1ZTogREVMSU1JVEVSUy5QT0lOVCxcbiAgfSxcbiAge1xuICAgIGxhYmVsOiBtZXNzYWdlcy5kZWNpbWFsU2VwYXJhdG9yQ29tbWEsXG4gICAgdmFsdWU6IERFTElNSVRFUlMuQ09NTUEsXG4gIH0sXG5dXG5cbmNvbnN0IGRlY2ltYWxTZXBhcmF0b3JPcHRpb25zID0gREVDSU1BTF9ERUxJTUlURVJfT1BUSU9OUy5tYXAoKG9wdGlvbikgPT4gKHtcbiAgLi4ub3B0aW9uLFxuICBsYWJlbDogPEZvcm1hdHRlZE1lc3NhZ2Ugey4uLm9wdGlvbi5sYWJlbH0gLz4sXG59KSlcblxuZXhwb3J0IGNvbnN0IFVwbG9hZFNlcGFyYXRvciA9ICgpID0+IHtcbiAgY29uc3QgaW50bCA9IHVzZUludGwoKVxuICBjb25zdCB7IHN0YXRlLCBhY3Rpb25zIH0gPSB1c2VJbXBvcnRSZXNvdXJjZXNDb250ZXh0KClcblxuICByZXR1cm4gKFxuICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cIm1cIj5cbiAgICAgIDxkaXY+XG4gICAgICAgIDxUZXh0LlN1YmhlYWRsaW5lIGFzPVwiaDRcIiBpbnRsTWVzc2FnZT17bWVzc2FnZXMuc2VwYXJhdG9yVGl0bGV9IC8+XG4gICAgICAgIDxUZXh0LkNhcHRpb25cbiAgICAgICAgICB0b25lPVwidGVydGlhcnlcIlxuICAgICAgICAgIGludGxNZXNzYWdlPXttZXNzYWdlcy5kZWNpbWFsc1NlcGFyYXRvckRlc2NyaXB0aW9ufVxuICAgICAgICAvPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHdpZHRoOiBjYWxjKDUwJSAtIDE2cHgpO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8U2VsZWN0RmllbGRcbiAgICAgICAgICB0aXRsZT17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLmRlY2ltYWxzKX1cbiAgICAgICAgICBpc1NlYXJjaGFibGU9e2ZhbHNlfVxuICAgICAgICAgIG9wdGlvbnM9e2RlY2ltYWxTZXBhcmF0b3JPcHRpb25zfVxuICAgICAgICAgIHZhbHVlPXtzdGF0ZS5zZXR0aW5ncz8uZGVjaW1hbFNlcGFyYXRvcn1cbiAgICAgICAgICBvbkNoYW5nZT17KGUpID0+IHtcbiAgICAgICAgICAgIGFjdGlvbnMuc2V0VXBsb2FkU2V0dGluZ3Moe1xuICAgICAgICAgICAgICBkZWNpbWFsU2VwYXJhdG9yOiBlLnRhcmdldC52YWx1ZSBhcyBEZWNpbWFsU2VwYXJhdG9yLFxuICAgICAgICAgICAgfSlcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgPC9kaXY+XG4gICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
+};
+const UploadSeparator = () => {
+  const intl = useIntl();
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state,
+    actions = _useImportResourcesCo.actions;
+  return jsxs(Spacings.Stack, {
+    scale: "m",
+    children: [jsxs("div", {
+      children: [jsx(Text.Subheadline, {
+        as: "h4",
+        intlMessage: messages$6.separatorTitle
+      }), jsx(Text.Caption, {
+        tone: "tertiary",
+        intlMessage: messages$6.decimalsSeparatorDescription
+      })]
+    }), jsx("div", {
+      css: _ref$1,
+      children: jsx(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 = defineMessages({
   publishProducts: {
     id: 'ImportResourcesModal.settings.publishProducts',
@@ -1584,28 +1674,28 @@ const Upload = () => {
     },
     children: jsx(Masking.Unmask, {
       children: jsxs(Spacings.Stack, {
-        scale: "m",
+        scale: "l",
         children: [isMultipleResourceTypes ? jsxs(Grid, {
           gridRowGap: designTokens.spacingL,
           gridTemplateColumns: `calc(${designTokens.constraint3} + ${designTokens.spacingL}) auto`,
           children: [jsx(Grid.Item, {
             children: jsx(Text.Body, {
               isBold: true,
-              intlMessage: messages$7.dataType
+              intlMessage: messages$8.dataType
             })
           }), jsx(Grid.Item, {
             children: jsx(ResourceTypeSelection, {})
           }), jsx(Grid.Item, {
             children: jsx(Text.Body, {
               isBold: true,
-              intlMessage: messages$7.instructions
+              intlMessage: messages$8.instructions
             })
           }), jsx(Grid.Item, {
             children: jsx(Instructions, {})
           })]
         }) : jsx(Fragment, {
           children: jsx(Instructions, {})
-        }), jsx(InfoBox, {}), jsx(Masking.Mask, {
+        }), jsx(InfoBox, {}), jsx(UploadSeparator, {}), jsx(Masking.Mask, {
           children: jsx(FileDropArea, {})
         }), jsx(UploadSettings, {})]
       })
@@ -2516,7 +2606,7 @@ const getChunkImport = locale => {
   const intlLocale = mapLocaleToIntlLocale(locale);
   switch (intlLocale) {
     case 'de':
-      return import('./de-cf302015.esm.js');
+      return import('./de-67bd98c5.esm.js');
     case 'es':
       return import('./es-21c30725.esm.js');
     case 'fr-FR':
@@ -2606,4 +2696,4 @@ const ImportResourcesModal = props => {
 };
 ImportResourcesModal.displayName = 'ImportResourcesModal';
 
-export { EnabledDropArea as E, FileDropped as F, ImportResourcesModal as I, FileIcon as a, useImportPermission as b, messages$7 as m, useImportResourcesContext as u };
+export { EnabledDropArea as E, FileDropped as F, ImportResourcesModal as I, FileIcon as a, useImportPermission as b, messages$8 as m, useImportResourcesContext as u };