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

package/dist/{index-62b39c5f.esm.js → index-fd6bbcc5.esm.js}

@@ -39,7 +39,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, Spacings, Grid, designTokens, Text, usePaginationState, PageNavigator, Stamp, SecondaryButton, PrimaryButton, ImportIcon, Link, Card, CheckBoldIcon, EyeCrossedIcon, ProgressBar, RadioInput, ContentNotification } from '@commercetools-frontend/ui-kit';
+import { customProperties, Constraints, CheckboxInput, Spacings, Grid, designTokens, Text, usePaginationState, PageNavigator, Stamp, SecondaryButton, PrimaryButton, ImportIcon, Link, TagList, Card, CheckBoldIcon, EyeCrossedIcon, ProgressBar, RadioInput, ContentNotification } from '@commercetools-frontend/ui-kit';
 import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
 import { useDropzone } from 'react-dropzone';
 import { useShowNotification } from '@commercetools-frontend/actions-global';
@@ -50,23 +50,26 @@ import { useIsAuthorized } from '@commercetools-frontend/permissions';
 import DataTable from '@commercetools-uikit/data-table';
 import { parseChunkImport, mapLocaleToIntlLocale } from '@commercetools-frontend/i18n';
 
-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 _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$g(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$g(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; }
+// 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: [],
@@ -75,7 +78,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: [],
@@ -85,25 +88,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) {
@@ -166,8 +174,8 @@ let HttpError = /*#__PURE__*/function (_Error) {
   return _createClass(HttpError);
 }(/*#__PURE__*/_wrapNativeSuper(Error));
 
-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$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 _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$h(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$h(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;
 };
@@ -179,7 +187,7 @@ const fetchUsingXhr = _ref2 => {
     onSuccess = _ref2.onSuccess,
     onError = _ref2.onError;
   const options = createHttpClientOptions({
-    headers: _objectSpread$f({
+    headers: _objectSpread$h({
       'Content-Type': 'application/json'
     }, config?.headers)
   });
@@ -296,9 +304,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(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 _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$e(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$e(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 _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$g(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$g(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$g(_objectSpread$g({}, DEFAULT_SHORT_LIVED_FLAGS), DEFAULT_LONG_LIVED_FLAGS);
+
+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; }
 /**
  * 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`.
@@ -353,7 +377,7 @@ const mapUploadFileErrorsResponseToUploadFileErrorRows = uploadFileErrorsRespons
 };
 const mapFileUploadErrorsToUploadFileErrorRows = uploadFileErrors => {
   let idCounter = 1;
-  return _mapInstanceProperty(uploadFileErrors).call(uploadFileErrors, uploadFileError => _objectSpread$e(_objectSpread$e({}, uploadFileError), {}, {
+  return _mapInstanceProperty(uploadFileErrors).call(uploadFileErrors, uploadFileError => _objectSpread$f(_objectSpread$f({}, uploadFileError), {}, {
     id: String(idCounter++)
   }));
 };
@@ -498,8 +522,6 @@ function uploadFileForImport(_ref) {
   });
 }
 
-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 _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$d(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$d(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,
@@ -508,9 +530,7 @@ function createImportContainerForFileUpload(importContainerDraft, projectKey, as
       accept: 'application/json',
       'Content-Type': 'application/json'
     },
-    payload: _JSON$stringify(_objectSpread$d(_objectSpread$d({}, importContainerDraft), {}, {
-      tags: [TAG_KEY_SOURCE_FILE_UPLOAD]
-    }))
+    payload: _JSON$stringify(importContainerDraft)
   }));
 }
 function deleteImportContainer(projectKey, containerKey, asyncDispatch) {
@@ -547,8 +567,8 @@ function assertProcessFileResponse(maybeProcessFileResponse) {
   throw new Error('Invalid response');
 }
 
-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 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 ImportResourcesContext = /*#__PURE__*/React.createContext();
 const ImportResourcesProvider = props => {
   const _useApplicationContex = useApplicationContext(context => ({
@@ -556,7 +576,7 @@ const ImportResourcesProvider = props => {
     })),
     projectKey = _useApplicationContex.projectKey;
   const asyncDispatch = useAsyncDispatch();
-  const _React$useReducer = React.useReducer(reducer, _objectSpread$c(_objectSpread$c({}, initialState), {}, {
+  const _React$useReducer = React.useReducer(reducer, _objectSpread$e(_objectSpread$e({}, initialState), {}, {
       resourceType: props.resourceTypes[0]
     })),
     _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
@@ -600,6 +620,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;
@@ -627,7 +653,8 @@ const ImportResourcesProvider = props => {
         setContainerKey,
         setAbortController,
         setFileUploadErrors,
-        setProgress
+        setProgress,
+        setUploadSettings
       }
     },
     children: props.children
@@ -689,13 +716,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-9667523a.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
+var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-02862be1.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
 
 var DisabledDropArea = /*#__PURE__*/lazy(() => import('./disabled-drop-area-2c088477.esm.js' /* webpackChunkName: "disabled-drop-area" */));
 
-var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-e2c28a9e.esm.js' /* webpackChunkName: "enabled-drop-area" */));
+var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-cecad6d0.esm.js' /* webpackChunkName: "enabled-drop-area" */));
 
-var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-8a8a3de8.esm.js' /* webpackChunkName: "filed-dropped-area" */));
+var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-70859cc8.esm.js' /* webpackChunkName: "filed-dropped-area" */));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,
@@ -733,7 +760,7 @@ function getDropAreaState(flags) {
   return 'ready-for-drop';
 }
 
-var messages$6 = defineMessages({
+var messages$7 = defineMessages({
   dragAndDropCSV: {
     id: 'ImportResourcesModal.dragAndDropCSV',
     description: 'The message telling the user to drag and drop CSV file in the file drop area',
@@ -798,7 +825,7 @@ function useImportResourcesContext() {
   return context;
 }
 
-var messages$5 = defineMessages({
+var messages$6 = defineMessages({
   fileSizeExceededTitle: {
     id: 'ImportResourcesModal.sizeExceededTitle',
     defaultMessage: 'File size exceeded'
@@ -858,6 +885,8 @@ var messages$5 = 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; }
 const useUpload = () => {
   const intl = useIntl();
   const projectKey = useApplicationContext(context => context.project?.key);
@@ -875,23 +904,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])
       })
     });
@@ -910,16 +939,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
           })
         }]);
@@ -932,7 +961,7 @@ const useUpload = () => {
         showNotification({
           kind: 'error',
           domain: DOMAINS.PAGE,
-          text: intl.formatMessage(messages$5.unexpectedError)
+          text: intl.formatMessage(messages$6.unexpectedError)
         });
       }
     } else {
@@ -961,10 +990,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,
@@ -1025,8 +1065,8 @@ const useImportPermission = () => {
   };
 };
 
-function ownKeys$b(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$b(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys$b(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys$b(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+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; }
 const FileDropArea = () => {
   const intl = useIntl();
   const _useImportResourcesCo = useImportResourcesContext(),
@@ -1056,7 +1096,7 @@ const FileDropArea = () => {
           showNotification({
             kind: 'error',
             domain: DOMAINS.PAGE,
-            text: intl.formatMessage(messages$6.tooManyFilesError)
+            text: intl.formatMessage(messages$7.tooManyFilesError)
           });
           return;
         }
@@ -1064,13 +1104,13 @@ const FileDropArea = () => {
           showNotification({
             kind: 'error',
             domain: DOMAINS.PAGE,
-            text: intl.formatMessage(messages$6.fileFormatNotSupported)
+            text: intl.formatMessage(messages$7.fileFormatNotSupported)
           });
         } else {
           showNotification({
             kind: 'error',
             domain: DOMAINS.PAGE,
-            text: intl.formatMessage(messages$6.genericError)
+            text: intl.formatMessage(messages$7.genericError)
           });
         }
       }
@@ -1088,11 +1128,11 @@ const FileDropArea = () => {
     resourceType: 'category',
     isFileDropped: Boolean(state.droppedFile)
   });
-  return jsxs(DropWrapper, _objectSpread$b(_objectSpread$b({
+  return jsxs(DropWrapper, _objectSpread$c(_objectSpread$c({
     role: "presentation"
   }, getRootProps()), {}, {
     dropAreaState: dropAreaState,
-    children: [jsx("input", _objectSpread$b({
+    children: [jsx("input", _objectSpread$c({
       "data-testid": "file-input"
     }, getInputProps())), jsx(Constraints.Horizontal, {
       children: dropArea
@@ -1100,6 +1140,41 @@ const FileDropArea = () => {
   }));
 };
 
+var messages$5 = 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(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$b(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$b(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$b(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const UploadProductSettings = () => {
+  const _useImportResourcesCo = useImportResourcesContext(),
+    state = _useImportResourcesCo.state,
+    actions = _useImportResourcesCo.actions;
+  return jsx(CheckboxInput, {
+    isChecked: state.settings?.publish,
+    onChange: e => {
+      actions.setUploadSettings({
+        publish: e.target.checked
+      });
+    },
+    children: jsx(FormattedMessage, _objectSpread$b({}, messages$5.publishProducts))
+  });
+};
+const UploadSettings = () => {
+  const _useImportResourcesCo2 = useImportResourcesContext(),
+    state = _useImportResourcesCo2.state;
+  const canPublishProducts = useIsAuthorized({
+    demandedPermissions: [PERMISSIONS.ManageProducts],
+    demandedActionRights: [ACTION_RIGHTS.PublishProducts]
+  });
+  if (state.resourceType === 'product' && canPublishProducts) return jsx(UploadProductSettings, {});
+  return null;
+};
+
 var sharedMessages = defineMessages({
   [`modalTitle.${IMPORTABLE_RESOURCES.CATEGORY}`]: {
     id: 'ImportResourcesModal.modalTitle.category',
@@ -1184,21 +1259,23 @@ const Upload = () => {
           children: [jsx(Grid.Item, {
             children: jsx(Text.Body, {
               isBold: true,
-              intlMessage: messages$6.dataType
+              intlMessage: messages$7.dataType
             })
           }), jsx(Grid.Item, {
             children: jsx(ResourceTypeSelection, {})
           }), jsx(Grid.Item, {
             children: jsx(Text.Body, {
               isBold: true,
-              intlMessage: messages$6.instructions
+              intlMessage: messages$7.instructions
             })
           }), jsx(Grid.Item, {
             children: jsx(Instructions, {})
           })]
-        }) : jsx(Instructions, {}), jsx(InfoBox, {}), jsx(Masking.Mask, {
+        }) : jsx(Fragment, {
+          children: jsx(Instructions, {})
+        }), jsx(InfoBox, {}), jsx(Masking.Mask, {
           children: jsx(FileDropArea, {})
-        })]
+        }), jsx(UploadSettings, {})]
       })
     })
   });
@@ -1478,21 +1555,6 @@ var messages$3 = 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',
@@ -1511,7 +1573,7 @@ var messages$3 = 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',
@@ -1541,7 +1603,7 @@ var messages$3 = 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',
@@ -1556,38 +1618,57 @@ var messages$3 = defineMessages({
 });
 
 function ownKeys$6(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$6(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$6(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-const truncate = (isExpanded, columns, columnsCount) => {
-  return isExpanded ? columns.join(' | ') : _sliceInstanceProperty(columns).call(columns, 0, columnsCount).join(' | ') + (columns.length > columnsCount ? '...' : '');
-};
-const SpacedLink = /*#__PURE__*/_styled("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(_context2 = ownKeys$6(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$6(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+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("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(TagList, process.env.NODE_ENV === "production" ? {
   target: "e1amawj90"
 } : {
   target: "e1amawj90",
-  label: "SpacedLink"
-})("margin-left:", 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.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 jsxs(Spacings.Inline, {
-    scale: "xl",
-    children: [jsx("div", {}), jsx(Fragment, {
-      children: jsxs(Text.Body, {
+  const finalColumns = isExpanded ? props.columns : _sliceInstanceProperty(_context = props.columns).call(_context, 0, INITIAL_COLUMN_DISPLAY_COUNT);
+  return jsxs(ModifiedTagList, {
+    children: [_mapInstanceProperty(finalColumns).call(finalColumns, (column, index) => jsx(Stamp, {
+      label: column,
+      tone: "secondary"
+    }, index)), shouldShowExpandButton && jsx(AlignedContainer, {
+      children: jsx(Link, {
+        to: "",
         tone: "secondary",
-        children: [truncate(isExpanded, props.columns, INITIAL_COLUMN_DISPLAY_COUNT), shouldShowExpandButton && jsx(SpacedLink, {
-          children: jsx(Link, {
-            to: "",
-            tone: "secondary",
-            onClick: e => {
-              e.preventDefault();
-              setIsExpanded(!isExpanded);
-            },
-            children: isExpanded ? jsx(FormattedMessage, _objectSpread$6({}, messages$3.showLess)) : jsx(FormattedMessage, _objectSpread$6({}, messages$3.showMore))
-          })
-        })]
+        onClick: e => {
+          e.preventDefault();
+          setIsExpanded(!isExpanded);
+        },
+        children: isExpanded ? jsx(FormattedMessage, _objectSpread$6({}, messages$3.showLess)) : jsx(FormattedMessage, _objectSpread$6({}, messages$3.showMore))
       })
     })]
   });
@@ -1632,30 +1713,34 @@ function UploadPreviewModal() {
               }), jsx(Card, {
                 insetScale: "xl",
                 children: jsxs(Spacings.Stack, {
-                  scale: "xs",
-                  children: [jsxs(Spacings.Inline, {
-                    alignItems: "center",
-                    children: [jsx(CheckBoldIcon, {
-                      color: "success"
-                    }), jsx(Text.Body, {
-                      intlMessage: _objectSpread$5(_objectSpread$5({}, messages$3.rowsToBeImported), {}, {
-                        values: {
-                          rowCount: intl.formatNumber(state.uploadFileResponse.rowsCount),
-                          b: getBold$1
-                        }
-                      })
-                    })]
-                  }), jsxs(Spacings.Inline, {
-                    alignItems: "center",
-                    children: [jsx(CheckBoldIcon, {
-                      color: "success"
-                    }), jsx(Text.Body, {
-                      intlMessage: _objectSpread$5(_objectSpread$5({}, messages$3.columnsToBeImported), {}, {
-                        values: {
-                          columnCount: intl.formatNumber(validatedColumns.length),
-                          b: getBold$1
-                        }
-                      })
+                  scale: "s",
+                  children: [jsxs(Spacings.Stack, {
+                    scale: "xs",
+                    children: [jsxs(Spacings.Inline, {
+                      alignItems: "center",
+                      children: [jsx(CheckBoldIcon, {
+                        color: "success"
+                      }), jsx(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
+                          }
+                        })
+                      })]
+                    }), jsxs(Spacings.Inline, {
+                      alignItems: "center",
+                      children: [jsx(CheckBoldIcon, {
+                        color: "success"
+                      }), jsx(Text.Body, {
+                        intlMessage: _objectSpread$5(_objectSpread$5({}, messages$3.columnsToBeImported), {}, {
+                          values: {
+                            columnCount: intl.formatNumber(validatedColumns.length),
+                            b: getBold$1
+                          }
+                        })
+                      })]
                     })]
                   }), jsx(ColumnList, {
                     columns: validatedColumns
@@ -1664,7 +1749,7 @@ function UploadPreviewModal() {
               }), ignoredColumns.length > 0 && jsx(Card, {
                 insetScale: "xl",
                 children: jsxs(Spacings.Stack, {
-                  scale: "xs",
+                  scale: "s",
                   children: [jsxs(Spacings.Inline, {
                     alignItems: "center",
                     children: [jsx(EyeCrossedIcon, {
@@ -2096,19 +2181,19 @@ const getChunkImport = locale => {
   const intlLocale = mapLocaleToIntlLocale(locale);
   switch (intlLocale) {
     case 'de':
-      return import(/* webpackChunkName: "import-resources-modal-i18n-de" */'./de-cd6c45d3.esm.js');
+      return import(/* webpackChunkName: "import-resources-modal-i18n-de" */'./de-3d74f145.esm.js');
     case 'es':
-      return import(/* webpackChunkName: "import-resources-modal-i18n-es" */'./es-c6b4310c.esm.js');
+      return import(/* webpackChunkName: "import-resources-modal-i18n-es" */'./es-561e774f.esm.js');
     case 'fr-FR':
-      return import(/* webpackChunkName: "import-resources-modal-i18n-fr-FR" */'./fr-FR-9d9081ee.esm.js');
+      return import(/* webpackChunkName: "import-resources-modal-i18n-fr-FR" */'./fr-FR-1c33adf1.esm.js');
     case 'zh-CN':
       return import(/* webpackChunkName: "import-resources-modal-i18n-zh-CN" */'./zh-CN-4780d88e.esm.js');
     case 'ja':
       return import(/* webpackChunkName: "import-resources-modal-i18n-ja" */'./ja-73c088a7.esm.js');
     case 'pt-BR':
-      return import(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-b37d730b.esm.js');
+      return import(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-c09d735f.esm.js');
     default:
-      return import(/* webpackChunkName: "import-resources-modal-i18n-en" */'./en-3a9aa2d4.esm.js');
+      return import(/* webpackChunkName: "import-resources-modal-i18n-en" */'./en-bfc8cfec.esm.js');
   }
 };
 const loadMessages = async locale => {
@@ -2188,4 +2273,4 @@ const ImportResourcesModal = props => {
 };
 ImportResourcesModal.displayName = 'ImportResourcesModal';
 
-export { EnabledDropArea as E, FileDropped as F, ImportResourcesModal as I, useImportPermission as a, messages$6 as m, useImportResourcesContext as u };
+export { EnabledDropArea as E, FileDropped as F, ImportResourcesModal as I, useImportPermission as a, messages$7 as m, useImportResourcesContext as u };