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

package/dist/{index-ed334c08.cjs.prod.js → index-169848a9.cjs.prod.js}

@@ -48,6 +48,7 @@ var actionsGlobal = require('@commercetools-frontend/actions-global');
 var _styled = require('@emotion/styled/base');
 var react = require('@emotion/react');
 var sentry = require('@commercetools-frontend/sentry');
+var permissions = require('@commercetools-frontend/permissions');
 var DataTable = require('@commercetools-uikit/data-table');
 var i18n = require('@commercetools-frontend/i18n');
 
@@ -78,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: [],
@@ -103,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: [],
@@ -113,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) {
@@ -194,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;
 };
@@ -207,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)
   });
@@ -310,8 +319,39 @@ const RESOURCE_TYPE_DOCUMENTATION_LINKS = {
 
 const CT__API_DOCS_URL = 'https://docs.commercetools.com/api/';
 
-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; }
+const PERMISSIONS = {
+  // Categories
+  ManageCategories: 'ManageCategories',
+  ViewCategories: 'ViewCategories',
+  // Products
+  ManageProducts: 'ManageProducts',
+  ViewProducts: 'ViewProducts',
+  // ProductTypes
+  ManageProductTypes: 'ManageProductTypes',
+  ViewProductTypes: 'ViewProductTypes',
+  // DiscountCodes
+  ManageDiscountCodes: 'ManageDiscountCodes',
+  ViewDiscountCodes: 'ViewDiscountCodes'
+};
+const ACTION_RIGHTS = {
+  PublishProducts: {
+    group: 'products',
+    name: 'PublishProducts'
+  },
+  UnpublishProducts: {
+    group: 'products',
+    name: 'UnpublishProducts'
+  }
+};
+
+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`.
@@ -366,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++)
   }));
 };
@@ -511,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,
@@ -521,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) {
@@ -560,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 => ({
@@ -569,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),
@@ -613,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;
@@ -640,7 +682,8 @@ const ImportResourcesProvider = props => {
         setContainerKey,
         setAbortController,
         setFileUploadErrors,
-        setProgress
+        setProgress,
+        setUploadSettings
       }
     },
     children: props.children
@@ -699,13 +742,13 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/react.css("" , "" );
 }
 
-var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-7223062d.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-3353cf7c.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
 
 var DisabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./disabled-drop-area-99c1fa0b.cjs.prod.js' /* webpackChunkName: "disabled-drop-area" */); }));
 
-var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-f7df6932.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-71390280.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
 
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-b394c5b4.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-30e0efb8.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,
@@ -743,7 +786,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',
@@ -808,7 +851,7 @@ function useImportResourcesContext() {
   return context;
 }
 
-var messages$5 = reactIntl.defineMessages({
+var messages$6 = reactIntl.defineMessages({
   fileSizeExceededTitle: {
     id: 'ImportResourcesModal.sizeExceededTitle',
     defaultMessage: 'File size exceeded'
@@ -868,6 +911,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);
@@ -885,23 +930,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])
       })
     });
@@ -920,16 +965,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
           })
         }]);
@@ -942,7 +987,7 @@ const useUpload = () => {
         showNotification({
           kind: 'error',
           domain: constants.DOMAINS.PAGE,
-          text: intl.formatMessage(messages$5.unexpectedError)
+          text: intl.formatMessage(messages$6.unexpectedError)
         });
       }
     } else {
@@ -971,10 +1016,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,
@@ -1004,8 +1060,39 @@ const useUpload = () => {
   };
 };
 
-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; }
+const useImportPermission = () => {
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
+      actionRights: applicationContext.actionRights?.products
+    })),
+    actionRights = _useApplicationContex.actionRights;
+  const canManageProducts = permissions.useIsAuthorized({
+    demandedPermissions: [PERMISSIONS.ManageProducts]
+  });
+  const canImportCategories = permissions.useIsAuthorized({
+    demandedPermissions: [PERMISSIONS.ManageCategories]
+  });
+  const canImportDiscountCodes = permissions.useIsAuthorized({
+    demandedPermissions: [PERMISSIONS.ManageDiscountCodes]
+  });
+  const canImportProducts = React.useMemo(() => {
+    if (!actionRights) return false;
+    const canAddPrices = actionRights.canAddPrices,
+      canAddProducts = actionRights.canAddProducts,
+      canEditAttributesAll = actionRights['canEditAttributes:all'],
+      canEditPrices = actionRights.canEditPrices;
+    return canManageProducts && canAddPrices && canAddProducts && canEditAttributesAll && canEditPrices;
+  }, [canManageProducts, actionRights]);
+  return {
+    canImportProducts,
+    canImportCategories,
+    canImportDiscountCodes,
+    canImportInventories: canManageProducts,
+    canImportProductTypes: canManageProducts
+  };
+};
+
+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(),
@@ -1035,7 +1122,7 @@ const FileDropArea = () => {
           showNotification({
             kind: 'error',
             domain: constants.DOMAINS.PAGE,
-            text: intl.formatMessage(messages$6.tooManyFilesError)
+            text: intl.formatMessage(messages$7.tooManyFilesError)
           });
           return;
         }
@@ -1043,13 +1130,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)
           });
         }
       }
@@ -1067,11 +1154,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
@@ -1079,6 +1166,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',
@@ -1163,21 +1285,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, {})]
       })
     })
   });
@@ -1457,21 +1581,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',
@@ -1490,7 +1599,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',
@@ -1520,7 +1629,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',
@@ -1535,35 +1644,40 @@ 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", {
+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; }
+const AlignedContainer = /*#__PURE__*/_styled__default["default"]("div", {
+  target: "e1amawj91"
+} )({
+  name: "1x0d6yz",
+  styles: "padding-top:5px"
+} );
+const ModifiedTagList = /*#__PURE__*/_styled__default["default"](uiKit.TagList, {
   target: "e1amawj90"
-} )("margin-left:", uiKit.customProperties.spacingS, ";" + ("" ));
+} )({
+  name: "u9abxe",
+  styles: ">div{margin:8px 8px 0 0;}"
+} );
 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))
       })
     })]
   });
@@ -1608,30 +1722,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
@@ -1640,7 +1758,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, {
@@ -2061,19 +2179,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-d954fe3d.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "import-resources-modal-i18n-de" */'./de-22a8eb66.cjs.prod.js'); });
     case 'es':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "import-resources-modal-i18n-es" */'./es-9821e666.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "import-resources-modal-i18n-es" */'./es-01b24cea.cjs.prod.js'); });
     case 'fr-FR':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "import-resources-modal-i18n-fr-FR" */'./fr-FR-fce1ca96.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "import-resources-modal-i18n-fr-FR" */'./fr-FR-2a0f5518.cjs.prod.js'); });
     case 'zh-CN':
       return Promise.resolve().then(function () { return require(/* webpackChunkName: "import-resources-modal-i18n-zh-CN" */'./zh-CN-52baa549.cjs.prod.js'); });
     case 'ja':
       return Promise.resolve().then(function () { return require(/* webpackChunkName: "import-resources-modal-i18n-ja" */'./ja-37632763.cjs.prod.js'); });
     case 'pt-BR':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-ec2a1a11.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-6b7a389e.cjs.prod.js'); });
     default:
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "import-resources-modal-i18n-en" */'./en-c7757448.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "import-resources-modal-i18n-en" */'./en-8d84a827.cjs.prod.js'); });
   }
 };
 const loadMessages = async locale => {
@@ -2156,5 +2274,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;