@commercetools-frontend-extensions/import-resources-modal 1.3.19 → 1.4.1

package/dist/{index-0bd38b3d.cjs.dev.js → index-53c3ff29.cjs.dev.js}

@@ -79,23 +79,26 @@ var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceP
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var DataTable__default = /*#__PURE__*/_interopDefault(DataTable);
 
-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 _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$g(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$g(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; }
+// TODO: make this resource type specific
+
 function reducer(state, action) {
-  if (action.type === 'setCurrentStep') return _objectSpread$g(_objectSpread$g({}, state), {}, {
+  if (action.type === 'setCurrentStep') return _objectSpread$i(_objectSpread$i({}, state), {}, {
     currentStep: action.currentStep,
     progress: 0
   });
-  if (action.type === 'setUploadFileResponse') return _objectSpread$g(_objectSpread$g({}, state), {}, {
+  if (action.type === 'setUploadFileResponse') return _objectSpread$i(_objectSpread$i({}, state), {}, {
     uploadFileResponse: action.uploadFileResponse
   });
-  if (action.type === 'setResourceType') return _objectSpread$g(_objectSpread$g({}, state), {}, {
+  if (action.type === 'setResourceType') return _objectSpread$i(_objectSpread$i({}, state), {}, {
+    settings: undefined,
     resourceType: action.resourceType
   });
-  if (action.type === 'setContainerKey') return _objectSpread$g(_objectSpread$g({}, state), {}, {
+  if (action.type === 'setContainerKey') return _objectSpread$i(_objectSpread$i({}, state), {}, {
     containerKey: action.containerKey
   });
-  if (action.type === 'cancelImport') return _objectSpread$g(_objectSpread$g({}, state), {}, {
+  if (action.type === 'cancelImport') return _objectSpread$i(_objectSpread$i({}, state), {}, {
     currentStep: 1,
     containerKey: undefined,
     fileUploadErrors: [],
@@ -104,7 +107,7 @@ function reducer(state, action) {
     dropAreaState: 'disabled',
     progress: 0
   });
-  if (action.type === 'uploadNewFile') return _objectSpread$g(_objectSpread$g({}, state), {}, {
+  if (action.type === 'uploadNewFile') return _objectSpread$i(_objectSpread$i({}, state), {}, {
     currentStep: 1,
     containerKey: undefined,
     fileUploadErrors: [],
@@ -114,25 +117,30 @@ function reducer(state, action) {
     progress: 0
   });
   if (action.type === 'setDroppedFile') {
-    return _objectSpread$g(_objectSpread$g({}, state), {}, {
+    return _objectSpread$i(_objectSpread$i({}, state), {}, {
       droppedFile: action.droppedFile
     });
   }
   if (action.type === 'setFileUploadErrors') {
-    return _objectSpread$g(_objectSpread$g({}, state), {}, {
+    return _objectSpread$i(_objectSpread$i({}, state), {}, {
       fileUploadErrors: action.fileUploadErrors
     });
   }
   if (action.type === 'setAbortController') {
-    return _objectSpread$g(_objectSpread$g({}, state), {}, {
+    return _objectSpread$i(_objectSpread$i({}, state), {}, {
       abortController: action.abortController
     });
   }
   if (action.type === 'setProgress') {
-    return _objectSpread$g(_objectSpread$g({}, state), {}, {
+    return _objectSpread$i(_objectSpread$i({}, state), {}, {
       progress: action.progress
     });
   }
+  if (action.type === 'setUploadSettings') {
+    return _objectSpread$i(_objectSpread$i({}, state), {}, {
+      settings: _objectSpread$i(_objectSpread$i({}, state.settings), action.settings)
+    });
+  }
   throw new Error(getUnknownActionError(action));
 }
 function getUnknownActionError(actionType) {
@@ -195,8 +203,8 @@ let HttpError = /*#__PURE__*/function (_Error) {
   return _createClass(HttpError);
 }(/*#__PURE__*/_wrapNativeSuper(Error));
 
-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$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 _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$h(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$h(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;
 };
@@ -208,7 +216,7 @@ const fetchUsingXhr = _ref2 => {
     onSuccess = _ref2.onSuccess,
     onError = _ref2.onError;
   const options = applicationShell.createHttpClientOptions({
-    headers: _objectSpread$f({
+    headers: _objectSpread$h({
       'Content-Type': 'application/json'
     }, config?.headers)
   });
@@ -325,9 +333,25 @@ const PERMISSIONS = {
   ManageDiscountCodes: 'ManageDiscountCodes',
   ViewDiscountCodes: 'ViewDiscountCodes'
 };
+const ACTION_RIGHTS = {
+  PublishProducts: {
+    group: 'products',
+    name: 'PublishProducts'
+  },
+  UnpublishProducts: {
+    group: 'products',
+    name: 'UnpublishProducts'
+  }
+};
 
-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 _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$e(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$e(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+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 _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$g(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$g(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$g(_objectSpread$g({}, DEFAULT_SHORT_LIVED_FLAGS), DEFAULT_LONG_LIVED_FLAGS);
+
+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; }
 /**
  * This function checks if the provided `expectedDelimiter` is used consistently in the first 10 lines of a CSV file.
  * Returns a Promise that resolves to an object containing a boolean `isValid` property and the detected delimiter `delimiter`.
@@ -382,7 +406,7 @@ const mapUploadFileErrorsResponseToUploadFileErrorRows = uploadFileErrorsRespons
 };
 const mapFileUploadErrorsToUploadFileErrorRows = uploadFileErrors => {
   let idCounter = 1;
-  return _mapInstanceProperty__default["default"](uploadFileErrors).call(uploadFileErrors, uploadFileError => _objectSpread$e(_objectSpread$e({}, uploadFileError), {}, {
+  return _mapInstanceProperty__default["default"](uploadFileErrors).call(uploadFileErrors, uploadFileError => _objectSpread$f(_objectSpread$f({}, uploadFileError), {}, {
     id: String(idCounter++)
   }));
 };
@@ -527,8 +551,6 @@ function uploadFileForImport(_ref) {
   });
 }
 
-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 _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$d(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$d(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,
@@ -537,9 +559,7 @@ function createImportContainerForFileUpload(importContainerDraft, projectKey, as
       accept: 'application/json',
       'Content-Type': 'application/json'
     },
-    payload: _JSON$stringify__default["default"](_objectSpread$d(_objectSpread$d({}, importContainerDraft), {}, {
-      tags: [TAG_KEY_SOURCE_FILE_UPLOAD]
-    }))
+    payload: _JSON$stringify__default["default"](importContainerDraft)
   }));
 }
 function deleteImportContainer(projectKey, containerKey, asyncDispatch) {
@@ -576,8 +596,8 @@ function assertProcessFileResponse(maybeProcessFileResponse) {
   throw new Error('Invalid response');
 }
 
-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; }
+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 ImportResourcesContext = /*#__PURE__*/React__default["default"].createContext();
 const ImportResourcesProvider = props => {
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
@@ -585,7 +605,7 @@ const ImportResourcesProvider = props => {
     })),
     projectKey = _useApplicationContex.projectKey;
   const asyncDispatch = sdk.useAsyncDispatch();
-  const _React$useReducer = React__default["default"].useReducer(reducer, _objectSpread$c(_objectSpread$c({}, initialState), {}, {
+  const _React$useReducer = React__default["default"].useReducer(reducer, _objectSpread$e(_objectSpread$e({}, initialState), {}, {
       resourceType: props.resourceTypes[0]
     })),
     _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
@@ -629,6 +649,12 @@ const ImportResourcesProvider = props => {
     type: 'setProgress',
     progress
   });
+  const setUploadSettings = nextSettings => {
+    dispatch({
+      type: 'setUploadSettings',
+      settings: nextSettings
+    });
+  };
   const handleClose = function () {
     let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
       shouldDeleteImportContainer = _ref.shouldDeleteImportContainer;
@@ -656,7 +682,8 @@ const ImportResourcesProvider = props => {
         setContainerKey,
         setAbortController,
         setFileUploadErrors,
-        setProgress
+        setProgress,
+        setUploadSettings
       }
     },
     children: props.children
@@ -718,13 +745,13 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/react.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__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-af12a9b1.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-cef224e3.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
 
 var DisabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./disabled-drop-area-aa78075b.cjs.dev.js' /* webpackChunkName: "disabled-drop-area" */); }));
 
-var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-ed0fd3ba.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-7e676557.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
 
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-b3ce24a7.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-f4f37cd4.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,
@@ -762,7 +789,7 @@ function getDropAreaState(flags) {
   return 'ready-for-drop';
 }
 
-var messages$6 = reactIntl.defineMessages({
+var messages$7 = reactIntl.defineMessages({
   dragAndDropCSV: {
     id: 'ImportResourcesModal.dragAndDropCSV',
     description: 'The message telling the user to drag and drop CSV file in the file drop area',
@@ -827,7 +854,7 @@ function useImportResourcesContext() {
   return context;
 }
 
-var messages$5 = reactIntl.defineMessages({
+var messages$6 = reactIntl.defineMessages({
   fileSizeExceededTitle: {
     id: 'ImportResourcesModal.sizeExceededTitle',
     defaultMessage: 'File size exceeded'
@@ -887,6 +914,8 @@ var messages$5 = 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; }
 const useUpload = () => {
   const intl = reactIntl.useIntl();
   const projectKey = applicationShellConnectors.useApplicationContext(context => context.project?.key);
@@ -904,23 +933,23 @@ const useUpload = () => {
     const errors = [];
     const delimiterCheck = await checkDelimiter(file);
     if (!delimiterCheck.isValid) errors.push({
-      title: intl.formatMessage(messages$5.dropAreaWrongDelimiterTitle),
-      description: intl.formatMessage(messages$5.dropAreaWrongDelimiterDescription)
+      title: intl.formatMessage(messages$6.dropAreaWrongDelimiterTitle),
+      description: intl.formatMessage(messages$6.dropAreaWrongDelimiterDescription)
     });
     const rowCount = await getRowCount(file);
     if (rowCount < 1) errors.push({
-      title: intl.formatMessage(messages$5.dropAreaNotEnoughRowsTitle),
-      description: intl.formatMessage(messages$5.dropAreaNotEnoughRowsDescription)
+      title: intl.formatMessage(messages$6.dropAreaNotEnoughRowsTitle),
+      description: intl.formatMessage(messages$6.dropAreaNotEnoughRowsDescription)
     });
     if (state.resourceType && file.size > toBytes(FILE_SIZE_LIMITS_MB[state.resourceType])) errors.push({
-      title: intl.formatMessage(messages$5.fileSizeExceededTitle),
-      description: intl.formatMessage(messages$5.fileSizeExceededDescription, {
+      title: intl.formatMessage(messages$6.fileSizeExceededTitle),
+      description: intl.formatMessage(messages$6.fileSizeExceededDescription, {
         fileSizeLimit: intl.formatNumber(FILE_SIZE_LIMITS_MB[state.resourceType])
       })
     });
     if (state.resourceType && rowCount > ROW_LIMITS[state.resourceType]) errors.push({
-      title: intl.formatMessage(messages$5.rowLimitExceededTitle),
-      description: intl.formatMessage(messages$5.rowLimitExceededDescription, {
+      title: intl.formatMessage(messages$6.rowLimitExceededTitle),
+      description: intl.formatMessage(messages$6.rowLimitExceededDescription, {
         rowLimit: intl.formatNumber(ROW_LIMITS[state.resourceType])
       })
     });
@@ -939,16 +968,16 @@ const useUpload = () => {
     if (error instanceof HttpError) {
       if (error.errorData?.code === 'MISSING_KEY_ERROR') {
         actions.setFileUploadErrors([{
-          title: intl.formatMessage(messages$5.missingRequiredField),
-          description: intl.formatMessage(messages$5.missingKeyError)
+          title: intl.formatMessage(messages$6.missingRequiredField),
+          description: intl.formatMessage(messages$6.missingKeyError)
         }]);
         actions.setCurrentStep(3);
       } else if (error.errorData?.code === 'MissingCsvFieldIdentifier') {
         const MissingCsvFieldIdentifierError = error.errorData;
         const fieldNames = formatKeys(MissingCsvFieldIdentifierError.rowValue);
         actions.setFileUploadErrors([{
-          title: intl.formatMessage(messages$5.missingRequiredField),
-          description: intl.formatMessage(messages$5.missingRequiredKeys, {
+          title: intl.formatMessage(messages$6.missingRequiredField),
+          description: intl.formatMessage(messages$6.missingRequiredKeys, {
             fieldNames
           })
         }]);
@@ -961,7 +990,7 @@ const useUpload = () => {
         showNotification({
           kind: 'error',
           domain: constants.DOMAINS.PAGE,
-          text: intl.formatMessage(messages$5.unexpectedError)
+          text: intl.formatMessage(messages$6.unexpectedError)
         });
       }
     } else {
@@ -990,10 +1019,21 @@ const useUpload = () => {
     const containerKey = encodeFileNameWithTimestampToContainerKey(state.droppedFile.name);
     actions.setContainerKey(containerKey);
     try {
-      await createImportContainerForFileUpload({
+      // TODO: Temporarily apply settings only for products
+      const shouldApplySettings = state.resourceType === 'product';
+      await createImportContainerForFileUpload(_objectSpread$d({
         key: containerKey,
-        resourceType: state.resourceType
-      }, projectKey, asyncDispatch);
+        resourceType: state.resourceType,
+        tags: [TAG_KEY_SOURCE_FILE_UPLOAD]
+      }, shouldApplySettings ? {
+        settings: {
+          resourceType: state.resourceType === 'product' ? 'product-draft' : state.resourceType,
+          format: 'CSV',
+          options: {
+            publishAllChanges: state.settings?.publish ?? false
+          }
+        }
+      } : {}), projectKey, asyncDispatch);
       const newAbortController = uploadFileForImport({
         projectKey,
         containerKey,
@@ -1054,8 +1094,8 @@ const useImportPermission = () => {
   };
 };
 
-function ownKeys$b(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$b(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$b(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$b(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+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; }
 const FileDropArea = () => {
   const intl = reactIntl.useIntl();
   const _useImportResourcesCo = useImportResourcesContext(),
@@ -1085,7 +1125,7 @@ const FileDropArea = () => {
           showNotification({
             kind: 'error',
             domain: constants.DOMAINS.PAGE,
-            text: intl.formatMessage(messages$6.tooManyFilesError)
+            text: intl.formatMessage(messages$7.tooManyFilesError)
           });
           return;
         }
@@ -1093,13 +1133,13 @@ const FileDropArea = () => {
           showNotification({
             kind: 'error',
             domain: constants.DOMAINS.PAGE,
-            text: intl.formatMessage(messages$6.fileFormatNotSupported)
+            text: intl.formatMessage(messages$7.fileFormatNotSupported)
           });
         } else {
           showNotification({
             kind: 'error',
             domain: constants.DOMAINS.PAGE,
-            text: intl.formatMessage(messages$6.genericError)
+            text: intl.formatMessage(messages$7.genericError)
           });
         }
       }
@@ -1117,11 +1157,11 @@ const FileDropArea = () => {
     resourceType: 'category',
     isFileDropped: Boolean(state.droppedFile)
   });
-  return jsxRuntime.jsxs(DropWrapper, _objectSpread$b(_objectSpread$b({
+  return jsxRuntime.jsxs(DropWrapper, _objectSpread$c(_objectSpread$c({
     role: "presentation"
   }, getRootProps()), {}, {
     dropAreaState: dropAreaState,
-    children: [jsxRuntime.jsx("input", _objectSpread$b({
+    children: [jsxRuntime.jsx("input", _objectSpread$c({
       "data-testid": "file-input"
     }, getInputProps())), jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
       children: dropArea
@@ -1129,6 +1169,41 @@ const FileDropArea = () => {
   }));
 };
 
+var messages$5 = reactIntl.defineMessages({
+  publishProducts: {
+    id: 'ImportResourcesModal.settings.publishProducts',
+    description: 'Label for the publish products checkbox',
+    defaultMessage: 'Publish all products in the file'
+  }
+});
+
+function ownKeys$b(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$b(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$b(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$b(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const UploadProductSettings = () => {
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state,
+    actions = _useImportResourcesCo.actions;
+  return jsxRuntime.jsx(uiKit.CheckboxInput, {
+    isChecked: state.settings?.publish,
+    onChange: e => {
+      actions.setUploadSettings({
+        publish: e.target.checked
+      });
+    },
+    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$b({}, messages$5.publishProducts))
+  });
+};
+const UploadSettings = () => {
+  const _useImportResourcesCo2 = useImportResourcesContext(),
+    state = _useImportResourcesCo2.state;
+  const canPublishProducts = permissions.useIsAuthorized({
+    demandedPermissions: [PERMISSIONS.ManageProducts],
+    demandedActionRights: [ACTION_RIGHTS.PublishProducts]
+  });
+  if (state.resourceType === 'product' && canPublishProducts) return jsxRuntime.jsx(UploadProductSettings, {});
+  return null;
+};
+
 var sharedMessages = reactIntl.defineMessages({
   [`modalTitle.${IMPORTABLE_RESOURCES.CATEGORY}`]: {
     id: 'ImportResourcesModal.modalTitle.category',
@@ -1213,21 +1288,23 @@ const Upload = () => {
           children: [jsxRuntime.jsx(uiKit.Grid.Item, {
             children: jsxRuntime.jsx(uiKit.Text.Body, {
               isBold: true,
-              intlMessage: messages$6.dataType
+              intlMessage: messages$7.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$6.instructions
+              intlMessage: messages$7.instructions
             })
           }), jsxRuntime.jsx(uiKit.Grid.Item, {
             children: jsxRuntime.jsx(Instructions, {})
           })]
-        }) : jsxRuntime.jsx(Instructions, {}), jsxRuntime.jsx(InfoBox, {}), jsxRuntime.jsx(fullstory.Masking.Mask, {
+        }) : jsxRuntime.jsx(jsxRuntime.Fragment, {
+          children: jsxRuntime.jsx(Instructions, {})
+        }), jsxRuntime.jsx(InfoBox, {}), jsxRuntime.jsx(fullstory.Masking.Mask, {
           children: jsxRuntime.jsx(FileDropArea, {})
-        })]
+        }), jsxRuntime.jsx(UploadSettings, {})]
       })
     })
   });
@@ -1507,21 +1584,6 @@ var messages$3 = reactIntl.defineMessages({
     description: 'Label for the modal Start import button',
     defaultMessage: 'Start import'
   },
-  BodyText: {
-    id: 'ImportResourcesModal.BodyText',
-    description: 'Confirmation dialog text',
-    defaultMessage: 'You are about to import <bold>{count}</bold> rows to the project: <bold>{projectName}</bold>.'
-  },
-  BodyNote: {
-    id: 'ImportResourcesModal.BodyNote',
-    description: 'Confirmation dialog text',
-    defaultMessage: 'Please be aware that existing values with the same keys will be overwritten by the data included in the CSV.'
-  },
-  BodyQuestion: {
-    id: 'ImportResourcesModal.BodyQuestion',
-    description: 'Confirmation question',
-    defaultMessage: 'Proceed with the import?'
-  },
   importNotificationSuccessMessage: {
     id: 'ImportResourcesModal.successMessage',
     description: 'Notification success message',
@@ -1540,7 +1602,7 @@ var messages$3 = reactIntl.defineMessages({
   rowsToBeImported: {
     id: 'ImportResourcesModal.rowsToBeImported',
     description: 'This message indicates the number of rows that are ready to be imported into the system.',
-    defaultMessage: '<b>{rowCount}</b> rows to be imported'
+    defaultMessage: '{rowCount, plural, one {<b>1</b> row to be imported} other {<b>{rowCount}</b> rows to be imported}}{publish, select, true { and published} other {}}'
   },
   columnsToBeImported: {
     id: 'ImportResourcesModal.columnsToBeImported',
@@ -1570,7 +1632,7 @@ var messages$3 = reactIntl.defineMessages({
   confirmationBodyText: {
     id: 'ImportResourcesModal.confirmationBodyText',
     description: 'Confirmation dialog text',
-    defaultMessage: 'You are about to import <bold>{count}</bold> rows to the project: <bold>{projectName}</bold>.'
+    defaultMessage: 'You are about to import {count, plural, one {<bold>1</bold> row} other {<bold>{count}</bold> rows}} in the project: <bold>{projectName}</bold>.'
   },
   confirmationBodyNote: {
     id: 'ImportResourcesModal.confirmationBodyNote',
@@ -1585,38 +1647,57 @@ var messages$3 = reactIntl.defineMessages({
 });
 
 function ownKeys$6(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$6(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const truncate = (isExpanded, columns, columnsCount) => {
-  return isExpanded ? columns.join(' | ') : _sliceInstanceProperty__default["default"](columns).call(columns, 0, columnsCount).join(' | ') + (columns.length > columnsCount ? '...' : '');
-};
-const SpacedLink = /*#__PURE__*/_styled__default["default"]("span", process.env.NODE_ENV === "production" ? {
+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; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { 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 AlignedContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+  target: "e1amawj91"
+} : {
+  target: "e1amawj91",
+  label: "AlignedContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1x0d6yz",
+  styles: "padding-top:5px"
+} : {
+  name: "1x0d6yz",
+  styles: "padding-top:5px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbHVtbi1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXMEMiLCJmaWxlIjoiY29sdW1uLWxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRm9ybWF0dGVkTWVzc2FnZSB9IGZyb20gJ3JlYWN0LWludGwnXG5pbXBvcnQgeyBMaW5rLCBTdGFtcCwgVGFnTGlzdCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3VpLWtpdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4vbWVzc2FnZXMnXG5pbXBvcnQgeyBJTklUSUFMX0NPTFVNTl9ESVNQTEFZX0NPVU5UIH0gZnJvbSAnLi4vLi4vQGNvbnN0YW50cydcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY29sdW1uczogQXJyYXk8c3RyaW5nPlxufVxuXG5leHBvcnQgY29uc3QgQWxpZ25lZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmctdG9wOiA1cHg7XG5gXG5cbmV4cG9ydCBjb25zdCBNb2RpZmllZFRhZ0xpc3QgPSBzdHlsZWQoVGFnTGlzdClgXG4gID4gZGl2IHtcbiAgICBtYXJnaW46IDhweCA4cHggMCAwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBDb2x1bW5MaXN0ID0gKHByb3BzOiBSZWFjdC5Qcm9wc1dpdGhDaGlsZHJlbjxQcm9wcz4pID0+IHtcbiAgY29uc3QgW2lzRXhwYW5kZWQsIHNldElzRXhwYW5kZWRdID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IHNob3VsZFNob3dFeHBhbmRCdXR0b24gPVxuICAgIHByb3BzLmNvbHVtbnMubGVuZ3RoID4gSU5JVElBTF9DT0xVTU5fRElTUExBWV9DT1VOVFxuICBjb25zdCBmaW5hbENvbHVtbnMgPSBpc0V4cGFuZGVkXG4gICAgPyBwcm9wcy5jb2x1bW5zXG4gICAgOiBwcm9wcy5jb2x1bW5zLnNsaWNlKDAsIElOSVRJQUxfQ09MVU1OX0RJU1BMQVlfQ09VTlQpXG5cbiAgcmV0dXJuIChcbiAgICA8TW9kaWZpZWRUYWdMaXN0PlxuICAgICAge2ZpbmFsQ29sdW1ucy5tYXAoKGNvbHVtbjogc3RyaW5nLCBpbmRleDogbnVtYmVyKSA9PiAoXG4gICAgICAgIDxTdGFtcCBrZXk9e2luZGV4fSBsYWJlbD17Y29sdW1ufSB0b25lPVwic2Vjb25kYXJ5XCIgLz5cbiAgICAgICkpfVxuICAgICAge3Nob3VsZFNob3dFeHBhbmRCdXR0b24gJiYgKFxuICAgICAgICA8QWxpZ25lZENvbnRhaW5lcj5cbiAgICAgICAgICA8TGlua1xuICAgICAgICAgICAgdG89XCJcIlxuICAgICAgICAgICAgdG9uZT1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICBvbkNsaWNrPXsoZSkgPT4ge1xuICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICAgICAgc2V0SXNFeHBhbmRlZCghaXNFeHBhbmRlZClcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2lzRXhwYW5kZWQgPyAoXG4gICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5tZXNzYWdlcy5zaG93TGVzc30gLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5tZXNzYWdlcy5zaG93TW9yZX0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9MaW5rPlxuICAgICAgICA8L0FsaWduZWRDb250YWluZXI+XG4gICAgICApfVxuICAgIDwvTW9kaWZpZWRUYWdMaXN0PlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
+});
+const ModifiedTagList = /*#__PURE__*/_styled__default["default"](uiKit.TagList, process.env.NODE_ENV === "production" ? {
   target: "e1amawj90"
 } : {
   target: "e1amawj90",
-  label: "SpacedLink"
-})("margin-left:", uiKit.customProperties.spacingS, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbHVtbi1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQnFDIiwiZmlsZSI6ImNvbHVtbi1saXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEZvcm1hdHRlZE1lc3NhZ2UgfSBmcm9tICdyZWFjdC1pbnRsJ1xuaW1wb3J0IHtcbiAgTGluayxcbiAgU3BhY2luZ3MsXG4gIFRleHQsXG4gIGN1c3RvbVByb3BlcnRpZXMsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3VpLWtpdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4vbWVzc2FnZXMnXG5pbXBvcnQgeyBJTklUSUFMX0NPTFVNTl9ESVNQTEFZX0NPVU5UIH0gZnJvbSAnLi4vLi4vQGNvbnN0YW50cydcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY29sdW1uczogQXJyYXk8c3RyaW5nPlxufVxuXG5jb25zdCB0cnVuY2F0ZSA9IChcbiAgaXNFeHBhbmRlZDogYm9vbGVhbixcbiAgY29sdW1uczogQXJyYXk8c3RyaW5nPixcbiAgY29sdW1uc0NvdW50OiBudW1iZXJcbik6IHN0cmluZyA9PiB7XG4gIHJldHVybiBpc0V4cGFuZGVkXG4gICAgPyBjb2x1bW5zLmpvaW4oJyB8ICcpXG4gICAgOiBjb2x1bW5zLnNsaWNlKDAsIGNvbHVtbnNDb3VudCkuam9pbignIHwgJykgK1xuICAgICAgICAoY29sdW1ucy5sZW5ndGggPiBjb2x1bW5zQ291bnQgPyAnLi4uJyA6ICcnKVxufVxuXG5leHBvcnQgY29uc3QgU3BhY2VkTGluayA9IHN0eWxlZC5zcGFuYFxuICBtYXJnaW4tbGVmdDogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfTtcbmBcblxuZXhwb3J0IGNvbnN0IENvbHVtbkxpc3QgPSAocHJvcHM6IFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPFByb3BzPikgPT4ge1xuICBjb25zdCBbaXNFeHBhbmRlZCwgc2V0SXNFeHBhbmRlZF0gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSlcbiAgY29uc3Qgc2hvdWxkU2hvd0V4cGFuZEJ1dHRvbiA9XG4gICAgcHJvcHMuY29sdW1ucy5sZW5ndGggPiBJTklUSUFMX0NPTFVNTl9ESVNQTEFZX0NPVU5UXG5cbiAgcmV0dXJuIChcbiAgICA8U3BhY2luZ3MuSW5saW5lIHNjYWxlPVwieGxcIj5cbiAgICAgIHsvKiBFbXB0eSBkaXYgaXMgcmVxdWlyZWQgZm9yIHNwYWNpbmcgKi99XG4gICAgICA8ZGl2IC8+XG4gICAgICA8PlxuICAgICAgICA8VGV4dC5Cb2R5IHRvbmU9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAgICB7dHJ1bmNhdGUoaXNFeHBhbmRlZCwgcHJvcHMuY29sdW1ucywgSU5JVElBTF9DT0xVTU5fRElTUExBWV9DT1VOVCl9XG4gICAgICAgICAge3Nob3VsZFNob3dFeHBhbmRCdXR0b24gJiYgKFxuICAgICAgICAgICAgPFNwYWNlZExpbms+XG4gICAgICAgICAgICAgIDxMaW5rXG4gICAgICAgICAgICAgICAgdG89XCJcIlxuICAgICAgICAgICAgICAgIHRvbmU9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhlKSA9PiB7XG4gICAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICAgICAgICAgIHNldElzRXhwYW5kZWQoIWlzRXhwYW5kZWQpXG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtpc0V4cGFuZGVkID8gKFxuICAgICAgICAgICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2Ugey4uLm1lc3NhZ2VzLnNob3dMZXNzfSAvPlxuICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ubWVzc2FnZXMuc2hvd01vcmV9IC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9MaW5rPlxuICAgICAgICAgICAgPC9TcGFjZWRMaW5rPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVGV4dC5Cb2R5PlxuICAgICAgPC8+XG4gICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gIClcbn1cbiJdfQ== */"));
+  label: "ModifiedTagList"
+})(process.env.NODE_ENV === "production" ? {
+  name: "u9abxe",
+  styles: ">div{margin:8px 8px 0 0;}"
+} : {
+  name: "u9abxe",
+  styles: ">div{margin:8px 8px 0 0;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbHVtbi1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlOEMiLCJmaWxlIjoiY29sdW1uLWxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRm9ybWF0dGVkTWVzc2FnZSB9IGZyb20gJ3JlYWN0LWludGwnXG5pbXBvcnQgeyBMaW5rLCBTdGFtcCwgVGFnTGlzdCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3VpLWtpdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4vbWVzc2FnZXMnXG5pbXBvcnQgeyBJTklUSUFMX0NPTFVNTl9ESVNQTEFZX0NPVU5UIH0gZnJvbSAnLi4vLi4vQGNvbnN0YW50cydcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY29sdW1uczogQXJyYXk8c3RyaW5nPlxufVxuXG5leHBvcnQgY29uc3QgQWxpZ25lZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmctdG9wOiA1cHg7XG5gXG5cbmV4cG9ydCBjb25zdCBNb2RpZmllZFRhZ0xpc3QgPSBzdHlsZWQoVGFnTGlzdClgXG4gID4gZGl2IHtcbiAgICBtYXJnaW46IDhweCA4cHggMCAwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBDb2x1bW5MaXN0ID0gKHByb3BzOiBSZWFjdC5Qcm9wc1dpdGhDaGlsZHJlbjxQcm9wcz4pID0+IHtcbiAgY29uc3QgW2lzRXhwYW5kZWQsIHNldElzRXhwYW5kZWRdID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IHNob3VsZFNob3dFeHBhbmRCdXR0b24gPVxuICAgIHByb3BzLmNvbHVtbnMubGVuZ3RoID4gSU5JVElBTF9DT0xVTU5fRElTUExBWV9DT1VOVFxuICBjb25zdCBmaW5hbENvbHVtbnMgPSBpc0V4cGFuZGVkXG4gICAgPyBwcm9wcy5jb2x1bW5zXG4gICAgOiBwcm9wcy5jb2x1bW5zLnNsaWNlKDAsIElOSVRJQUxfQ09MVU1OX0RJU1BMQVlfQ09VTlQpXG5cbiAgcmV0dXJuIChcbiAgICA8TW9kaWZpZWRUYWdMaXN0PlxuICAgICAge2ZpbmFsQ29sdW1ucy5tYXAoKGNvbHVtbjogc3RyaW5nLCBpbmRleDogbnVtYmVyKSA9PiAoXG4gICAgICAgIDxTdGFtcCBrZXk9e2luZGV4fSBsYWJlbD17Y29sdW1ufSB0b25lPVwic2Vjb25kYXJ5XCIgLz5cbiAgICAgICkpfVxuICAgICAge3Nob3VsZFNob3dFeHBhbmRCdXR0b24gJiYgKFxuICAgICAgICA8QWxpZ25lZENvbnRhaW5lcj5cbiAgICAgICAgICA8TGlua1xuICAgICAgICAgICAgdG89XCJcIlxuICAgICAgICAgICAgdG9uZT1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICBvbkNsaWNrPXsoZSkgPT4ge1xuICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICAgICAgc2V0SXNFeHBhbmRlZCghaXNFeHBhbmRlZClcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2lzRXhwYW5kZWQgPyAoXG4gICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5tZXNzYWdlcy5zaG93TGVzc30gLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5tZXNzYWdlcy5zaG93TW9yZX0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9MaW5rPlxuICAgICAgICA8L0FsaWduZWRDb250YWluZXI+XG4gICAgICApfVxuICAgIDwvTW9kaWZpZWRUYWdMaXN0PlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
+});
 const ColumnList = props => {
+  var _context;
   const _React$useState = React__default["default"].useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isExpanded = _React$useState2[0],
     setIsExpanded = _React$useState2[1];
   const shouldShowExpandButton = props.columns.length > INITIAL_COLUMN_DISPLAY_COUNT;
-  return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-    scale: "xl",
-    children: [jsxRuntime.jsx("div", {}), jsxRuntime.jsx(jsxRuntime.Fragment, {
-      children: jsxRuntime.jsxs(uiKit.Text.Body, {
+  const finalColumns = isExpanded ? props.columns : _sliceInstanceProperty__default["default"](_context = props.columns).call(_context, 0, INITIAL_COLUMN_DISPLAY_COUNT);
+  return jsxRuntime.jsxs(ModifiedTagList, {
+    children: [_mapInstanceProperty__default["default"](finalColumns).call(finalColumns, (column, index) => jsxRuntime.jsx(uiKit.Stamp, {
+      label: column,
+      tone: "secondary"
+    }, index)), shouldShowExpandButton && jsxRuntime.jsx(AlignedContainer, {
+      children: jsxRuntime.jsx(uiKit.Link, {
+        to: "",
         tone: "secondary",
-        children: [truncate(isExpanded, props.columns, INITIAL_COLUMN_DISPLAY_COUNT), shouldShowExpandButton && jsxRuntime.jsx(SpacedLink, {
-          children: jsxRuntime.jsx(uiKit.Link, {
-            to: "",
-            tone: "secondary",
-            onClick: e => {
-              e.preventDefault();
-              setIsExpanded(!isExpanded);
-            },
-            children: isExpanded ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$6({}, messages$3.showLess)) : jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$6({}, messages$3.showMore))
-          })
-        })]
+        onClick: e => {
+          e.preventDefault();
+          setIsExpanded(!isExpanded);
+        },
+        children: isExpanded ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$6({}, messages$3.showLess)) : jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$6({}, messages$3.showMore))
       })
     })]
   });
@@ -1661,30 +1742,34 @@ function UploadPreviewModal() {
               }), jsxRuntime.jsx(uiKit.Card, {
                 insetScale: "xl",
                 children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-                  scale: "xs",
-                  children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-                    alignItems: "center",
-                    children: [jsxRuntime.jsx(uiKit.CheckBoldIcon, {
-                      color: "success"
-                    }), jsxRuntime.jsx(uiKit.Text.Body, {
-                      intlMessage: _objectSpread$5(_objectSpread$5({}, messages$3.rowsToBeImported), {}, {
-                        values: {
-                          rowCount: intl.formatNumber(state.uploadFileResponse.rowsCount),
-                          b: getBold$1
-                        }
-                      })
-                    })]
-                  }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-                    alignItems: "center",
-                    children: [jsxRuntime.jsx(uiKit.CheckBoldIcon, {
-                      color: "success"
-                    }), jsxRuntime.jsx(uiKit.Text.Body, {
-                      intlMessage: _objectSpread$5(_objectSpread$5({}, messages$3.columnsToBeImported), {}, {
-                        values: {
-                          columnCount: intl.formatNumber(validatedColumns.length),
-                          b: getBold$1
-                        }
-                      })
+                  scale: "s",
+                  children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+                    scale: "xs",
+                    children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+                      alignItems: "center",
+                      children: [jsxRuntime.jsx(uiKit.CheckBoldIcon, {
+                        color: "success"
+                      }), jsxRuntime.jsx(uiKit.Text.Body, {
+                        intlMessage: _objectSpread$5(_objectSpread$5({}, messages$3.rowsToBeImported), {}, {
+                          values: {
+                            rowCount: intl.formatNumber(state.uploadFileResponse.rowsCount),
+                            publish: state.resourceType === 'product' && state.settings?.publish,
+                            b: getBold$1
+                          }
+                        })
+                      })]
+                    }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+                      alignItems: "center",
+                      children: [jsxRuntime.jsx(uiKit.CheckBoldIcon, {
+                        color: "success"
+                      }), jsxRuntime.jsx(uiKit.Text.Body, {
+                        intlMessage: _objectSpread$5(_objectSpread$5({}, messages$3.columnsToBeImported), {}, {
+                          values: {
+                            columnCount: intl.formatNumber(validatedColumns.length),
+                            b: getBold$1
+                          }
+                        })
+                      })]
                     })]
                   }), jsxRuntime.jsx(ColumnList, {
                     columns: validatedColumns
@@ -1693,7 +1778,7 @@ function UploadPreviewModal() {
               }), ignoredColumns.length > 0 && jsxRuntime.jsx(uiKit.Card, {
                 insetScale: "xl",
                 children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-                  scale: "xs",
+                  scale: "s",
                   children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
                     alignItems: "center",
                     children: [jsxRuntime.jsx(uiKit.EyeCrossedIcon, {
@@ -2125,19 +2210,19 @@ const getChunkImport = locale => {
   const intlLocale = i18n.mapLocaleToIntlLocale(locale);
   switch (intlLocale) {
     case 'de':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "import-resources-modal-i18n-de" */'./de-a34c5dd4.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "import-resources-modal-i18n-de" */'./de-fd3b70e4.cjs.dev.js'); });
     case 'es':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "import-resources-modal-i18n-es" */'./es-c3c63de8.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "import-resources-modal-i18n-es" */'./es-a45120de.cjs.dev.js'); });
     case 'fr-FR':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "import-resources-modal-i18n-fr-FR" */'./fr-FR-e7126fcc.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "import-resources-modal-i18n-fr-FR" */'./fr-FR-d51f6a8e.cjs.dev.js'); });
     case 'zh-CN':
       return Promise.resolve().then(function () { return require(/* webpackChunkName: "import-resources-modal-i18n-zh-CN" */'./zh-CN-d4bc6d26.cjs.dev.js'); });
     case 'ja':
       return Promise.resolve().then(function () { return require(/* webpackChunkName: "import-resources-modal-i18n-ja" */'./ja-9bd5f452.cjs.dev.js'); });
     case 'pt-BR':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-ea6b3251.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-8b999c2f.cjs.dev.js'); });
     default:
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "import-resources-modal-i18n-en" */'./en-6b3694f6.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "import-resources-modal-i18n-en" */'./en-c12caec6.cjs.dev.js'); });
   }
 };
 const loadMessages = async locale => {
@@ -2220,6 +2305,6 @@ ImportResourcesModal.displayName = 'ImportResourcesModal';
 exports.EnabledDropArea = EnabledDropArea;
 exports.FileDropped = FileDropped;
 exports.ImportResourcesModal = ImportResourcesModal;
-exports.messages = messages$6;
+exports.messages = messages$7;
 exports.useImportPermission = useImportPermission;
 exports.useImportResourcesContext = useImportResourcesContext;