@commercetools-frontend-extensions/import-resources-modal 1.11.2 → 1.11.4

package/dist/index-f96fadf7.cjs.prod.js

@@ -1,2701 +0,0 @@
-'use strict';
-
-var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
-var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
-var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
-var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
-var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
-var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
-var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
-var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
-var reactIntl = require('react-intl');
-var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
-var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
-var React = require('react');
-var sdk = require('@commercetools-frontend/sdk');
-var constants = require('@commercetools-frontend/constants');
-var applicationShell = require('@commercetools-frontend/application-shell');
-var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
-var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
-var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
-var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
-var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
-var _wrapNativeSuper = require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
-var pluralize = require('pluralize');
-var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
-var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
-var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
-var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
-var _flatMapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/flat-map');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
-var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
-var Papa = require('papaparse');
-var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
-var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
-var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
-require('@babel/runtime-corejs3/core-js-stable/instance/bind');
-require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
-require('@babel/runtime-corejs3/core-js-stable/url-search-params');
-require('@babel/runtime-corejs3/core-js-stable/object/entries');
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var applicationComponents = require('@commercetools-frontend/application-components');
-var fullstory = require('@commercetools-frontend/fullstory');
-var uiKit = require('@commercetools-frontend/ui-kit');
-var reactDropzone = require('react-dropzone');
-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 i18n = require('@commercetools-frontend/i18n');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
-var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
-var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
-var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
-var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
-var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
-var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
-var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
-var _everyInstanceProperty__default = /*#__PURE__*/_interopDefault(_everyInstanceProperty);
-var React__default = /*#__PURE__*/_interopDefault(React);
-var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
-var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
-var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
-var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
-var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
-var _flatMapInstanceProperty__default = /*#__PURE__*/_interopDefault(_flatMapInstanceProperty);
-var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
-var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
-var Papa__default = /*#__PURE__*/_interopDefault(Papa);
-var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
-var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
-var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
-var _styled__default = /*#__PURE__*/_interopDefault(_styled);
-
-const EnabledResourceType = {
-  category: true,
-  product: true,
-  inventory: true,
-  'discount-code': true,
-  customer: false,
-  order: false,
-  'product-type': false,
-  'business-unit': true
-};
-function isResourceType(maybeResourceType) {
-  return typeof maybeResourceType === 'string' && maybeResourceType in EnabledResourceType;
-}
-function assertResourceType(maybeResourceType) {
-  if (isResourceType(maybeResourceType)) return;
-  throw new Error(`Invalid value: ${maybeResourceType}`);
-}
-function isError(maybeError) {
-  if (maybeError instanceof Error) return true;
-  return false;
-}
-
-// eslint-disable-next-line @typescript-eslint/ban-types
-function hasOwnProperty(obj, prop) {
-  return typeof obj === 'object' && obj !== null && obj.hasOwnProperty(prop);
-}
-function hasRequiredFields(maybeValidObject, requiredFields) {
-  return typeof maybeValidObject === 'object' && maybeValidObject !== null && _everyInstanceProperty__default["default"](requiredFields).call(requiredFields, property => hasOwnProperty(maybeValidObject, property));
-}
-
-let CurrentStep$1 = /*#__PURE__*/function (CurrentStep) {
-  CurrentStep["Upload"] = "upload";
-  CurrentStep["Uploading"] = "uploading";
-  CurrentStep["UploadResult"] = "upload-result";
-  CurrentStep["ImportConfirmationModal"] = "import-confirmation-modal";
-  return CurrentStep;
-}({});
-
-function ownKeys$k(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$k(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$k(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-
-// TODO: make this resource type specific
-
-function reducer(state, action) {
-  if (action.type === 'setCurrentStep') return _objectSpread$k(_objectSpread$k({}, state), {}, {
-    currentStep: action.currentStep,
-    progress: 0
-  });
-  if (action.type === 'setUploadFileResponse') return _objectSpread$k(_objectSpread$k({}, state), {}, {
-    uploadFileResponse: action.uploadFileResponse
-  });
-  if (action.type === 'setResourceType') return _objectSpread$k(_objectSpread$k({}, state), {}, {
-    resourceType: action.resourceType
-  });
-  if (action.type === 'setContainerKey') return _objectSpread$k(_objectSpread$k({}, state), {}, {
-    containerKey: action.containerKey
-  });
-  if (action.type === 'cancelImport') return _objectSpread$k(_objectSpread$k({}, state), {}, {
-    currentStep: CurrentStep$1.Upload,
-    containerKey: undefined,
-    fileUploadErrors: [],
-    uploadFileResponse: undefined,
-    droppedFile: undefined,
-    dropAreaState: 'disabled',
-    progress: 0
-  });
-  if (action.type === 'uploadNewFile') return _objectSpread$k(_objectSpread$k({}, state), {}, {
-    currentStep: CurrentStep$1.Upload,
-    containerKey: undefined,
-    fileUploadErrors: [],
-    uploadFileResponse: undefined,
-    droppedFile: undefined,
-    dropAreaState: 'ready-for-drop',
-    progress: 0
-  });
-  if (action.type === 'setDroppedFile') {
-    return _objectSpread$k(_objectSpread$k({}, state), {}, {
-      droppedFile: action.droppedFile
-    });
-  }
-  if (action.type === 'setFileUploadErrors') {
-    return _objectSpread$k(_objectSpread$k({}, state), {}, {
-      fileUploadErrors: action.fileUploadErrors
-    });
-  }
-  if (action.type === 'setAbortController') {
-    return _objectSpread$k(_objectSpread$k({}, state), {}, {
-      abortController: action.abortController
-    });
-  }
-  if (action.type === 'setProgress') {
-    return _objectSpread$k(_objectSpread$k({}, state), {}, {
-      progress: action.progress
-    });
-  }
-  if (action.type === 'setUploadSettings') {
-    return _objectSpread$k(_objectSpread$k({}, state), {}, {
-      settings: _objectSpread$k(_objectSpread$k({}, state.settings), action.settings)
-    });
-  }
-  throw new Error(getUnknownActionError(action));
-}
-function getUnknownActionError(actionType) {
-  return `Unkown type: ${actionType}`;
-}
-const initialState = {
-  currentStep: CurrentStep$1.Upload,
-  abortController: new AbortController(),
-  dropAreaState: 'disabled',
-  uploadFileResponse: undefined,
-  fileUploadErrors: [],
-  resourceType: 'category',
-  containerKey: undefined,
-  progress: 0,
-  settings: {
-    decimalSeparator: '.'
-  }
-};
-
-function _callSuper$2(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$2() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function () { return !!t; })(); }
-let MissingImportResourceProviderError = /*#__PURE__*/function (_Error) {
-  function MissingImportResourceProviderError() {
-    var _this;
-    _classCallCheck(this, MissingImportResourceProviderError);
-    _this = _callSuper$2(this, MissingImportResourceProviderError, ['useImportResourcesContext must be used within ImportResourcesProvider']);
-    _this.name = 'MissingImportResourceProviderError';
-    return _this;
-  }
-  _inherits(MissingImportResourceProviderError, _Error);
-  return _createClass(MissingImportResourceProviderError);
-}(/*#__PURE__*/_wrapNativeSuper(Error));
-
-function _callSuper$1(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$1() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function () { return !!t; })(); }
-let UnexpectedColumnError = /*#__PURE__*/function (_Error) {
-  function UnexpectedColumnError(columnName) {
-    var _this;
-    _classCallCheck(this, UnexpectedColumnError);
-    _this = _callSuper$1(this, UnexpectedColumnError, [`Unexpected column "${columnName}"`]);
-    _this.name = 'UnexpectedColumnError';
-    return _this;
-  }
-  _inherits(UnexpectedColumnError, _Error);
-  return _createClass(UnexpectedColumnError);
-}(/*#__PURE__*/_wrapNativeSuper(Error));
-
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
-let HttpError = /*#__PURE__*/function (_Error) {
-  function HttpError(statusCode, statusText, errorData) {
-    var _this;
-    _classCallCheck(this, HttpError);
-    _this = _callSuper(this, HttpError, [`HTTP Error! Status code: ${statusCode}, message: "${statusText ? statusText : ''}"`]);
-    _this.statusCode = void 0;
-    _this.errorData = void 0;
-    _this.name = 'HttpError';
-    _this.statusCode = statusCode;
-    _this.errorData = errorData;
-    return _this;
-  }
-  _inherits(HttpError, _Error);
-  return _createClass(HttpError);
-}(/*#__PURE__*/_wrapNativeSuper(Error));
-
-function ownKeys$j(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$j(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$j(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const addProxyPrefixToUrl = (uri, proxy) => {
-  return proxy ? `/proxy/${proxy}${uri}` : uri;
-};
-const fetchUsingXhr = _ref2 => {
-  let url = _ref2.url,
-    payload = _ref2.payload,
-    config = _ref2.config,
-    onProgress = _ref2.onProgress,
-    onSuccess = _ref2.onSuccess,
-    onError = _ref2.onError;
-  const options = applicationShell.createHttpClientOptions({
-    headers: _objectSpread$j({
-      'Content-Type': 'application/json'
-    }, config?.headers)
-  });
-  const xhr = new XMLHttpRequest();
-  xhr.open(config?.method, applicationShell.buildApiUrl(addProxyPrefixToUrl(url, config?.proxy)), true);
-  // Include cookies in the request
-  xhr.withCredentials = true;
-  if (options.headers) {
-    var _context;
-    _forEachInstanceProperty__default["default"](_context = _Object$keys__default["default"](options.headers)).call(_context, key => {
-      xhr.setRequestHeader(key, options.headers[key]);
-    });
-  }
-  xhr.upload.onprogress = function (event) {
-    if (event.lengthComputable) {
-      const percentComplete = event.loaded / event.total * 100;
-      onProgress(percentComplete);
-    }
-  };
-  xhr.onload = function () {
-    const data = JSON.parse(xhr.responseText);
-    // Code copied from `executeHttpClientRequest` to replicate the same behavior
-    const refreshedSessionToken = xhr.getResponseHeader('x-refreshed-session-token');
-    if (refreshedSessionToken) {
-      applicationShellConnectors.oidcStorage.setActiveSession(refreshedSessionToken);
-    }
-    if (xhr.status >= 200 && xhr.status < 300) {
-      onSuccess(data);
-    } else {
-      onError(new HttpError(xhr.status, xhr.statusText, data));
-    }
-  };
-  xhr.onerror = function () {
-    const errorData = JSON.parse(xhr.responseText);
-    onError(new HttpError(xhr.status, xhr.statusText, errorData));
-  };
-  xhr.onabort = function () {
-    onError(new DOMException('Aborted', 'AbortError'));
-  };
-  xhr.send(payload);
-  return xhr;
-};
-
-const DELIMITERS = {
-  COMMA: ',',
-  SEMICOLON: ';',
-  POINT: '.',
-  TAB: '\t',
-  PIPE: '|'
-};
-const COLUMN_DELIMITERS = [DELIMITERS.COMMA, DELIMITERS.SEMICOLON, DELIMITERS.PIPE, DELIMITERS.TAB];
-const INITIAL_COLUMN_DISPLAY_COUNT = 8;
-const IMPORT_TAG_KEYS = {
-  source: 'source'
-};
-const IMPORT_TAG_VALUES = {
-  fileUpload: 'file-upload'
-};
-const TAG_KEY_SOURCE_FILE_UPLOAD = `${IMPORT_TAG_KEYS.source}:${IMPORT_TAG_VALUES.fileUpload}`;
-
-const IMPORTABLE_RESOURCES = {
-  CATEGORY: 'category',
-  PRODUCT: 'product',
-  INVENTORY: 'inventory',
-  DISCOUNT_CODE: 'discount-code',
-  CUSTOMER: 'customer',
-  ORDER: 'order',
-  PRODUCT_TYPE: 'product-type',
-  BUSINESS_UNIT: 'business-unit'
-};
-
-const FILE_SIZE_LIMITS_MB = {
-  [IMPORTABLE_RESOURCES.CATEGORY]: 35,
-  [IMPORTABLE_RESOURCES.INVENTORY]: 35,
-  [IMPORTABLE_RESOURCES.PRODUCT]: 35,
-  [IMPORTABLE_RESOURCES.DISCOUNT_CODE]: 35,
-  [IMPORTABLE_RESOURCES.CUSTOMER]: 0,
-  [IMPORTABLE_RESOURCES.ORDER]: 0,
-  [IMPORTABLE_RESOURCES.PRODUCT_TYPE]: 35,
-  [IMPORTABLE_RESOURCES.BUSINESS_UNIT]: 35
-};
-const ROW_LIMITS = {
-  [IMPORTABLE_RESOURCES.CATEGORY]: 80_000,
-  [IMPORTABLE_RESOURCES.INVENTORY]: 80_000,
-  [IMPORTABLE_RESOURCES.PRODUCT]: 80_000,
-  [IMPORTABLE_RESOURCES.DISCOUNT_CODE]: 80_000,
-  [IMPORTABLE_RESOURCES.CUSTOMER]: 0,
-  [IMPORTABLE_RESOURCES.ORDER]: 0,
-  [IMPORTABLE_RESOURCES.PRODUCT_TYPE]: 80_000,
-  [IMPORTABLE_RESOURCES.BUSINESS_UNIT]: 80_000
-};
-const RESOURCE_TYPE_TEMPLATE_DOWNLOAD_LINKS = {
-  [IMPORTABLE_RESOURCES.CATEGORY]: 'https://docs.commercetools.com/merchant-center/downloads/category_import_template.csv',
-  [IMPORTABLE_RESOURCES.PRODUCT]: 'https://docs.commercetools.com/merchant-center/import-data#download-a-template',
-  [IMPORTABLE_RESOURCES.INVENTORY]: 'https://docs.commercetools.com/merchant-center/downloads/inventory_entry_import_template.csv',
-  [IMPORTABLE_RESOURCES.DISCOUNT_CODE]: 'https://docs.commercetools.com/merchant-center/downloads/discount_code_import_template.csv',
-  [IMPORTABLE_RESOURCES.CUSTOMER]: 'https://docs.commercetools.com/merchant-center/import-data#download-a-template',
-  [IMPORTABLE_RESOURCES.ORDER]: 'https://docs.commercetools.com/merchant-center/import-data#download-a-template',
-  [IMPORTABLE_RESOURCES.PRODUCT_TYPE]: 'https://docs.commercetools.com/merchant-center/downloads/product_type_import_template.csv',
-  [IMPORTABLE_RESOURCES.BUSINESS_UNIT]: 'https://docs.commercetools.com/merchant-center/downloads/business_unit_import_template.csv'
-};
-const RESOURCE_TYPE_DOCUMENTATION_LINKS = {
-  [IMPORTABLE_RESOURCES.CATEGORY]: 'https://docs.commercetools.com/merchant-center/import-categories#supported-headers-and-values',
-  [IMPORTABLE_RESOURCES.PRODUCT]: 'https://docs.commercetools.com/merchant-center/import-products#supported-headers-and-values',
-  [IMPORTABLE_RESOURCES.INVENTORY]: 'https://docs.commercetools.com/merchant-center/import-inventory#supported-headers-and-values',
-  [IMPORTABLE_RESOURCES.DISCOUNT_CODE]: 'https://docs.commercetools.com/merchant-center/import-discount-codes#supported-headers-and-values',
-  [IMPORTABLE_RESOURCES.CUSTOMER]: 'https://docs.commercetools.com/merchant-center/import-customers#supported-headers-and-values',
-  [IMPORTABLE_RESOURCES.ORDER]: 'https://docs.commercetools.com/merchant-center/import-orders#supported-headers-and-values',
-  [IMPORTABLE_RESOURCES.PRODUCT_TYPE]: 'https://docs.commercetools.com/merchant-center/import-product-types#supported-headers-and-values',
-  [IMPORTABLE_RESOURCES.BUSINESS_UNIT]: 'https://docs.commercetools.com/merchant-center/import-business-units#supported-headers-and-values'
-};
-
-const CT_API_DOCS_URL = 'https://docs.commercetools.com/api/';
-
-const PERMISSIONS = {
-  // Categories
-  ManageCategories: 'ManageCategories',
-  ViewCategories: 'ViewCategories',
-  // Products
-  ManageProducts: 'ManageProducts',
-  ViewProducts: 'ViewProducts',
-  // ProductTypes
-  ManageProductTypes: 'ManageProductTypes',
-  ViewProductTypes: 'ViewProductTypes',
-  // DiscountCodes
-  ManageDiscountCodes: 'ManageDiscountCodes',
-  ViewDiscountCodes: 'ViewDiscountCodes',
-  // Customers
-  ManageCustomers: 'ManageCustomers',
-  ViewCustomers: 'ViewCustomers',
-  // Orders
-  ManageOrders: 'ManageOrders',
-  ViewOrders: 'ViewOrders',
-  // KeyValueDocuments
-  ManageKeyValueDocuments: 'ManageKeyValueDocuments',
-  ViewKeyValueDocuments: 'ViewKeyValueDocuments',
-  // BusinessUnits
-  ManageBusinessUnits: 'ManageBusinessUnits',
-  ViewBusinessUnits: 'ViewBusinessUnits'
-};
-const ACTION_RIGHTS = {
-  PublishProducts: {
-    group: 'products',
-    name: 'PublishProducts'
-  },
-  UnpublishProducts: {
-    group: 'products',
-    name: 'UnpublishProducts'
-  }
-};
-
-function ownKeys$i(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$i(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$i(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const DEFAULT_SHORT_LIVED_FLAGS = {};
-const DEFAULT_LONG_LIVED_FLAGS = {};
-_objectSpread$i(_objectSpread$i({}, DEFAULT_SHORT_LIVED_FLAGS), DEFAULT_LONG_LIVED_FLAGS);
-
-var sharedMessages = reactIntl.defineMessages({
-  [`modalTitle.${IMPORTABLE_RESOURCES.CATEGORY}`]: {
-    id: 'ImportResourcesModal.modalTitle.category',
-    description: 'Label for the categories modal title',
-    defaultMessage: 'Import categories by CSV'
-  },
-  [`modalTitle.${IMPORTABLE_RESOURCES.PRODUCT}`]: {
-    id: 'ImportResourcesModal.modalTitle.product',
-    description: 'Label for the products modal title',
-    defaultMessage: 'Import products by CSV'
-  },
-  [`modalTitle.${IMPORTABLE_RESOURCES.INVENTORY}`]: {
-    id: 'ImportResourcesModal.modalTitle.inventoryEntry',
-    description: 'Label for the inventories modal title',
-    defaultMessage: 'Import inventories by CSV'
-  },
-  [`modalTitle.${IMPORTABLE_RESOURCES.DISCOUNT_CODE}`]: {
-    id: 'ImportResourcesModal.modalTitle.discountCode',
-    description: 'Label for the inventories modal title',
-    defaultMessage: 'Import discount codes by CSV'
-  },
-  [`modalTitle.${IMPORTABLE_RESOURCES.BUSINESS_UNIT}`]: {
-    id: 'ImportResourcesModal.modalTitle.businessUnit',
-    description: 'Label for the business units modal title',
-    defaultMessage: 'Import business units by CSV'
-  },
-  [`modalTitle.${IMPORTABLE_RESOURCES.CUSTOMER}`]: {
-    id: 'ImportResourcesModal.modalTitle.customer',
-    description: 'Label for the customers modal title',
-    defaultMessage: 'Import customers by CSV'
-  },
-  [`modalTitle.${IMPORTABLE_RESOURCES.ORDER}`]: {
-    id: 'ImportResourcesModal.modalTitle.order',
-    description: 'Label for the order modal title',
-    defaultMessage: 'Import orders by CSV'
-  },
-  [`modalTitle.${IMPORTABLE_RESOURCES.PRODUCT_TYPE}`]: {
-    id: 'ImportResourcesModal.modalTitle.productType',
-    description: 'Label for the product type modal title',
-    defaultMessage: 'Import product types by CSV'
-  },
-  uploadButton: {
-    id: 'ImportResourcesModal.uploadButton',
-    description: 'Label for the upload button',
-    defaultMessage: 'Upload and preview'
-  },
-  cancel: {
-    id: 'ImportResourcesModal.cancel',
-    description: 'Label for the cancel button',
-    defaultMessage: 'Cancel'
-  },
-  close: {
-    id: 'ImportResourcesModal.close',
-    description: 'Label for the close button',
-    defaultMessage: 'Close'
-  },
-  listConjunctionOr: {
-    id: 'ImportResourcesModal.listConjunctionOr',
-    description: 'Label for the list conjunction or',
-    defaultMessage: 'or'
-  },
-  delimiterComma: {
-    id: 'ImportResourcesModal.delimiterComma',
-    description: 'Label for the delimiter name comma',
-    defaultMessage: 'comma'
-  },
-  delimiterSemicolon: {
-    id: 'ImportResourcesModal.delimiterSemicolon',
-    description: 'Label for the delimiter name semicolon',
-    defaultMessage: 'semicolon'
-  },
-  delimiterPipe: {
-    id: 'ImportResourcesModal.delimiterPipe',
-    description: 'Label for the delimiter name pipe',
-    defaultMessage: 'pipe'
-  },
-  delimiterTab: {
-    id: 'ImportResourcesModal.delimiterTab',
-    description: 'Label for the delimiter name tab',
-    defaultMessage: 'tab'
-  },
-  // Resource types
-  product: {
-    id: 'ImportResourcesModal.product',
-    description: 'Label for the product resource type',
-    defaultMessage: 'Product'
-  },
-  products: {
-    id: 'ImportResourcesModal.products',
-    description: 'Label for the products resource type',
-    defaultMessage: 'Products'
-  },
-  inventory: {
-    id: 'ImportResourcesModal.inventory',
-    description: 'Label for the inventory entry resource type',
-    defaultMessage: 'Inventory'
-  },
-  inventories: {
-    id: 'ImportResourcesModal.inventories',
-    description: 'Label for the inventories entry resource type',
-    defaultMessage: 'Inventories'
-  },
-  category: {
-    id: 'ImportResourcesModal.category',
-    description: 'Label for the category resource type',
-    defaultMessage: 'Category'
-  },
-  categories: {
-    id: 'ImportResourcesModal.categories',
-    description: 'Label for the categories resource type',
-    defaultMessage: 'Categories'
-  },
-  'custom-object': {
-    id: 'ImportResourcesModal.custom-object',
-    description: 'Label for the custom-object resource type',
-    defaultMessage: 'Custom object'
-  },
-  'custom-objects': {
-    id: 'ImportResourcesModal.custom-objects',
-    description: 'Label for the custom-objects resource type',
-    defaultMessage: 'Custom objects'
-  },
-  customer: {
-    id: 'ImportResourcesModal.customer',
-    description: 'Label for the customer resource type',
-    defaultMessage: 'Customer'
-  },
-  customers: {
-    id: 'ImportResourcesModal.customers',
-    description: 'Label for the customers resource type',
-    defaultMessage: 'Customers'
-  },
-  order: {
-    id: 'ImportResourcesModal.order',
-    description: 'Label for the order resource type',
-    defaultMessage: 'Order'
-  },
-  orders: {
-    id: 'ImportResourcesModal.orders',
-    description: 'Label for the orders resource type',
-    defaultMessage: 'Orders'
-  },
-  'order-patch': {
-    id: 'ImportResourcesModal.order-patch',
-    description: 'Label for the order-patch resource type',
-    defaultMessage: 'Order patch'
-  },
-  'order-patches': {
-    id: 'ImportResourcesModal.order-patches',
-    description: 'Label for the order-patches resource type',
-    defaultMessage: 'Order patches'
-  },
-  price: {
-    id: 'ImportResourcesModal.price',
-    description: 'Label for the price resource type',
-    defaultMessage: 'Price'
-  },
-  prices: {
-    id: 'ImportResourcesModal.prices',
-    description: 'Label for the prices resource type',
-    defaultMessage: 'Prices'
-  },
-  'product-draft': {
-    id: 'ImportResourcesModal.product-draft',
-    description: 'Label for the product-draft resource type',
-    defaultMessage: 'Product draft'
-  },
-  'product-drafts': {
-    id: 'ImportResourcesModal.product-drafts',
-    description: 'Label for the product-drafts resource type',
-    defaultMessage: 'Product drafts'
-  },
-  'product-type': {
-    id: 'ImportResourcesModal.product-type',
-    description: 'Label for the product-type resource type',
-    defaultMessage: 'Product type'
-  },
-  'product-types': {
-    id: 'ImportResourcesModal.product-types',
-    description: 'Label for the product-types resource type',
-    defaultMessage: 'Product types'
-  },
-  'product-variant': {
-    id: 'ImportResourcesModal.product-variant',
-    description: 'Label for the product-variant resource type',
-    defaultMessage: 'Product variant'
-  },
-  'product-variants': {
-    id: 'ImportResourcesModal.product-variants',
-    description: 'Label for the product-variants resource type',
-    defaultMessage: 'Product variants'
-  },
-  'product-variant-patch': {
-    id: 'ImportResourcesModal.product-variant-patch',
-    description: 'Label for the product-variant-patch resource type',
-    defaultMessage: 'Product variant patch'
-  },
-  'product-variant-patches': {
-    id: 'ImportResourcesModal.product-variant-patches',
-    description: 'Label for the product-variant-patches resource type',
-    defaultMessage: 'Product variant patches'
-  },
-  'standalone-price': {
-    id: 'ImportResourcesModal.standalone-price',
-    description: 'Label for the standalone-price resource type',
-    defaultMessage: 'Standalone price'
-  },
-  'standalone-prices': {
-    id: 'ImportResourcesModal.standalone-prices',
-    description: 'Label for the standalone-prices resource type',
-    defaultMessage: 'Standalone prices'
-  },
-  type: {
-    id: 'ImportResourcesModal.type',
-    description: 'Label for the type resource type',
-    defaultMessage: 'Type'
-  },
-  types: {
-    id: 'ImportResourcesModal.types',
-    description: 'Label for the types resource type',
-    defaultMessage: 'Types'
-  },
-  'discount-code': {
-    id: 'ImportResourcesModal.discount-code',
-    description: 'Label for the discount-code resource type',
-    defaultMessage: 'Discount code'
-  },
-  'discount-codes': {
-    id: 'ImportResourcesModal.discount-codes',
-    description: 'Label for the discount-codes resource type',
-    defaultMessage: 'Discount codes'
-  },
-  'business-unit': {
-    id: 'ImportResourcesModal.business-unit',
-    description: 'Label for the business-unit resource type',
-    defaultMessage: 'Business unit'
-  },
-  'business-units': {
-    id: 'ImportResourcesModal.business-units',
-    description: 'Label for the business-units resource type',
-    defaultMessage: 'Business units'
-  },
-  unknownResourceType: {
-    id: 'ImportResourcesModal.unknown-resource-type',
-    description: 'Label for the unknown resource type',
-    defaultMessage: 'Unknown resource type'
-  }
-  //
-});
-
-function ownKeys$h(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$h(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$h(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-
-// Delimiters not included in this array may be treated as part of a column content
-// potentially causing the file to be parsed as a single-column CSV and pass this validation
-const NON_ALLOWED_COLUMN_DELIMITERS = ['%', '.', ' '];
-const DELIMITERS_TO_GUESS = [...COLUMN_DELIMITERS, ...NON_ALLOWED_COLUMN_DELIMITERS];
-const validateDelimiter = file => {
-  return new _Promise__default["default"](resolve => {
-    Papa__default["default"].parse(file, {
-      delimitersToGuess: DELIMITERS_TO_GUESS,
-      preview: 10,
-      complete: result => {
-        const headerRow = result.data?.[0];
-        const isOnlyOneColumn = _Array$isArray__default["default"](headerRow) && headerRow.length === 1;
-        if (isOnlyOneColumn) {
-          resolve(true);
-          return;
-        }
-        const detectedDelimiter = result.meta.delimiter;
-        let isValid = false;
-        if (detectedDelimiter !== null && _includesInstanceProperty__default["default"](COLUMN_DELIMITERS).call(COLUMN_DELIMITERS, detectedDelimiter)) {
-          var _context;
-          const isUndetectableDelimiter = _someInstanceProperty__default["default"](_context = result.errors).call(_context, error => error.code === 'UndetectableDelimiter');
-          if (!isUndetectableDelimiter) {
-            isValid = true;
-          }
-        }
-        resolve(isValid);
-      }
-    });
-  });
-};
-const mapUploadFileErrorsResponseToUploadFileErrorRows = uploadFileErrorsResponse => {
-  if (!uploadFileErrorsResponse || !_Array$isArray__default["default"](uploadFileErrorsResponse)) return [];
-  let idCounter = 1;
-  return _flatMapInstanceProperty__default["default"](uploadFileErrorsResponse).call(uploadFileErrorsResponse, rowErrorsResponse => {
-    var _context2;
-    return _mapInstanceProperty__default["default"](_context2 = rowErrorsResponse.errors).call(_context2, rowError => ({
-      // DataTable component requires unique `id` field
-      id: String(idCounter++),
-      row: rowErrorsResponse.row,
-      field: rowError.field,
-      code: rowError.code,
-      validationMessage: rowError.message
-    }));
-  });
-};
-const mapFileUploadErrorsToUploadFileErrorRows = uploadFileErrors => {
-  let idCounter = 1;
-  return _mapInstanceProperty__default["default"](uploadFileErrors).call(uploadFileErrors, uploadFileError => _objectSpread$h(_objectSpread$h({}, uploadFileError), {}, {
-    id: String(idCounter++)
-  }));
-};
-const extractErrorDescriptionFromValidationMessage = message => {
-  return message.split('"').pop();
-};
-
-/**
- * Returns the number of rows in a CSV file excluding the header
- * @param file The CSV file to process.
- * @returns A promise that resolves to the number of rows
- */
-const getRowCount = file => {
-  return new _Promise__default["default"](resolve => {
-    let lineCount = 0;
-    Papa__default["default"].parse(file, {
-      step: _ref => {
-        let data = _ref.data;
-        // empty lines at the end of the file should not be counted
-        if (_Array$isArray__default["default"](data) && _findInstanceProperty__default["default"](data).call(data, Boolean)) lineCount++;
-      },
-      complete: () => {
-        // Subtract 1 for the header row
-        // We use Math.max to make sure the count is not less than 0, this is needed for empty files
-        resolve(Math.max(0, lineCount - 1));
-      }
-    });
-  });
-};
-const toBytes = megabytes => megabytes * 1024 * 1024;
-
-/**
- * Returns columns from the provided `columns` excluding those specified in the `ignoredColumns`
- */
-const getValidatedColumns = (columns, ignoredColumns) => {
-  return _filterInstanceProperty__default["default"](columns).call(columns, column => !_includesInstanceProperty__default["default"](ignoredColumns).call(ignoredColumns, column));
-};
-const formatAllowedDelimitersForMessageDisplay = intl => {
-  const localizedOr = intl.formatMessage(sharedMessages.listConjunctionOr);
-  const descriptions = _mapInstanceProperty__default["default"](COLUMN_DELIMITERS).call(COLUMN_DELIMITERS, delimiter => {
-    let nameDescriptor;
-    switch (delimiter) {
-      case ',':
-        nameDescriptor = sharedMessages.delimiterComma;
-        break;
-      case ';':
-        nameDescriptor = sharedMessages.delimiterSemicolon;
-        break;
-      case '|':
-        nameDescriptor = sharedMessages.delimiterPipe;
-        break;
-      case '\t':
-        nameDescriptor = sharedMessages.delimiterTab;
-        break;
-      default:
-        nameDescriptor = undefined;
-    }
-    const name = nameDescriptor ? intl.formatMessage(nameDescriptor) : delimiter;
-    return delimiter === '\t' ? name : `${name} (${delimiter})`;
-  });
-  if (descriptions.length === 1) {
-    return descriptions[0];
-  }
-  const lastDescription = descriptions.pop();
-  return `${descriptions.join(', ')} ${localizedOr} ${lastDescription}`;
-};
-
-function getFileUploadErrorsCount(errors) {
-  if (!errors || !_Array$isArray__default["default"](errors)) return 0;
-  return _reduceInstanceProperty__default["default"](errors).call(errors, (acc, curr) => acc += curr.errors.length, 0);
-}
-function convertFileSizeToKB(sizeInBytes) {
-  return sizeInBytes / 1000;
-}
-function isAbortError(error) {
-  return error instanceof DOMException && error.name === 'AbortError';
-}
-function formatKeys(obj) {
-  var _context;
-  if (typeof obj !== 'object' || obj === null) return '';
-  const keys = _mapInstanceProperty__default["default"](_context = _Object$keys__default["default"](obj)).call(_context, key => key.replace(/([a-z])([A-Z])/g, '$1 $2').toLowerCase());
-  if (keys.length === 0) return '';
-  if (keys.length === 1) return keys[0];
-  return `${_sliceInstanceProperty__default["default"](keys).call(keys, 0, -1).join(', ')} and ${keys[keys.length - 1]}`;
-}
-function formatErrorCode(code) {
-  try {
-    const formattedCode = code.replace(/([a-z])([A-Z])/g, '$1 $2').replace(/([A-Z])([A-Z][a-z])/g, '$1 $2').toLowerCase();
-    let result = formattedCode.charAt(0).toUpperCase() + _sliceInstanceProperty__default["default"](formattedCode).call(formattedCode, 1);
-    return result;
-  } catch (error) {
-    return code;
-  }
-}
-function resourceTypeToMessage(resourceType) {
-  const resourceTypeMap = {
-    category: sharedMessages.category,
-    product: sharedMessages.product,
-    'product-type': sharedMessages['product-type'],
-    order: sharedMessages.order,
-    customer: sharedMessages.customer,
-    'discount-code': sharedMessages['discount-code'],
-    inventory: sharedMessages.inventory,
-    // TODO: remove `inventory` after aligning the resource type names in the file upload API
-    'inventory-entry': sharedMessages.inventory,
-    'order-patch': sharedMessages['order-patch'],
-    price: sharedMessages.price,
-    'product-draft': sharedMessages['product-draft'],
-    'product-variant': sharedMessages['product-variant'],
-    'product-variant-patch': sharedMessages['product-variant-patch'],
-    'standalone-price': sharedMessages['standalone-price'],
-    'custom-object': sharedMessages['custom-object'],
-    'business-unit': sharedMessages['business-unit'],
-    type: sharedMessages.type
-  };
-  const message = resourceTypeMap[resourceType];
-  if (!message) {
-    return sharedMessages.unknownResourceType;
-  }
-  return message;
-}
-function resourceTypeToPluralMessage(resourceType) {
-  const resourceTypePluralMap = {
-    category: sharedMessages.categories,
-    'custom-object': sharedMessages['custom-objects'],
-    product: sharedMessages.products,
-    'product-type': sharedMessages['product-types'],
-    order: sharedMessages.orders,
-    customer: sharedMessages.customers,
-    'discount-code': sharedMessages['discount-codes'],
-    inventory: sharedMessages.inventories,
-    // TODO: remove `inventory` after aligning the resource type names in the file upload API
-    'inventory-entry': sharedMessages.inventories,
-    'order-patch': sharedMessages['order-patches'],
-    price: sharedMessages.prices,
-    'product-draft': sharedMessages['product-drafts'],
-    'product-variant': sharedMessages['product-variants'],
-    'product-variant-patch': sharedMessages['product-variant-patches'],
-    'standalone-price': sharedMessages['standalone-prices'],
-    'business-unit': sharedMessages['business-units']
-  };
-  const message = resourceTypePluralMap[resourceType];
-  if (!message) {
-    return sharedMessages.unknownResourceType;
-  }
-  return message;
-}
-
-const encodeFileNameWithTimestampToContainerKey = fileName => {
-  return btoa(_JSON$stringify__default["default"]({
-    timestamp: new Date().getTime(),
-    fileName
-  })).replace(/=+$/g, '');
-};
-
-function getCreateImportContainerURL(projectKey) {
-  return `/${projectKey}/import-containers`;
-}
-function getDeleteImportContainerURL(projectKey, containerKey) {
-  return `/${projectKey}/import-containers/${containerKey}`;
-}
-function getFileUploadURL(projectKey, resourceType, containerKey) {
-  return `/${projectKey}/${pluralize.plural(resourceType)}/import-containers/${containerKey}/file-upload`;
-}
-function getProccessFileURL(projectKey, resourceType, containerKey) {
-  return `/${projectKey}/${pluralize.plural(resourceType)}/import-containers/${containerKey}/process-file`;
-}
-
-function uploadFileForImport(_ref) {
-  let projectKey = _ref.projectKey,
-    containerKey = _ref.containerKey,
-    resourceType = _ref.resourceType,
-    file = _ref.file,
-    abortSignal = _ref.abortSignal,
-    onSuccess = _ref.onSuccess,
-    onProgress = _ref.onProgress,
-    onError = _ref.onError;
-  const uri = getFileUploadURL(projectKey, resourceType, containerKey);
-  const formData = new FormData();
-  formData.append('file', file, file.name);
-  return fetchUsingXhr({
-    url: uri,
-    payload: formData,
-    config: {
-      abortSignal,
-      proxy: constants.MC_API_PROXY_TARGETS.IMPORT,
-      method: 'POST',
-      headers: {
-        'Content-Type': null
-      }
-    },
-    onProgress,
-    onSuccess,
-    onError
-  });
-}
-
-function ownKeys$g(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$g(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$g(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-function createImportContainerForFileUpload(importContainerDraft, projectKey, asyncDispatch) {
-  return asyncDispatch(sdk.actions.post({
-    mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.IMPORT,
-    uri: getCreateImportContainerURL(projectKey),
-    headers: {
-      accept: 'application/json',
-      'Content-Type': 'application/json'
-    },
-    payload: _JSON$stringify__default["default"](_objectSpread$g({
-      retentionPolicy: {
-        strategy: 'ttl',
-        config: {
-          timeToLive: '54h' // 2 days and 6 hours
-        }
-      }
-    }, importContainerDraft))
-  }));
-}
-function deleteImportContainer(projectKey, containerKey, asyncDispatch) {
-  return asyncDispatch(sdk.actions.del({
-    mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.IMPORT,
-    uri: getDeleteImportContainerURL(projectKey, containerKey),
-    headers: {
-      accept: 'application/json'
-    }
-  }));
-}
-
-async function processUploadedFile(_ref) {
-  let projectKey = _ref.projectKey,
-    containerKey = _ref.containerKey,
-    resourceType = _ref.resourceType,
-    asyncDispatch = _ref.asyncDispatch;
-  const uri = getProccessFileURL(projectKey, resourceType, containerKey);
-  const response = await asyncDispatch(sdk.actions.post({
-    mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.IMPORT,
-    uri: uri,
-    headers: {
-      accept: 'application/json',
-      'Content-Type': 'application/json'
-    },
-    payload: {}
-  }));
-  assertProcessFileResponse(response);
-  return response;
-}
-function assertProcessFileResponse(maybeProcessFileResponse) {
-  const requiredFields = ['message'];
-  if (hasRequiredFields(maybeProcessFileResponse, requiredFields)) return;
-  throw new Error('Invalid response');
-}
-
-function ownKeys$f(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$f(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$f(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const ImportResourcesContext = /*#__PURE__*/React__default["default"].createContext();
-const ImportResourcesProvider = props => {
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
-      projectKey: context.project?.key
-    })),
-    projectKey = _useApplicationContex.projectKey;
-  const asyncDispatch = sdk.useAsyncDispatch();
-  const _React$useReducer = React__default["default"].useReducer(reducer, _objectSpread$f(_objectSpread$f({}, initialState), {}, {
-      resourceType: props.resourceTypes[0]
-    })),
-    _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
-    state = _React$useReducer2[0],
-    dispatch = _React$useReducer2[1];
-  const setCurrentStep = currentStep => dispatch({
-    type: 'setCurrentStep',
-    currentStep
-  });
-  const setUploadFileResponse = uploadFileResponse => dispatch({
-    type: 'setUploadFileResponse',
-    uploadFileResponse: uploadFileResponse
-  });
-  const setResourceType = resourceType => dispatch({
-    type: 'setResourceType',
-    resourceType: resourceType
-  });
-  const setContainerKey = containerKey => dispatch({
-    type: 'setContainerKey',
-    containerKey
-  });
-  const cancelImport = () => dispatch({
-    type: 'cancelImport'
-  });
-  const uploadNewFile = () => dispatch({
-    type: 'uploadNewFile'
-  });
-  const setDroppedFile = droppedFile => dispatch({
-    type: 'setDroppedFile',
-    droppedFile: droppedFile
-  });
-  const setAbortController = abortController => dispatch({
-    type: 'setAbortController',
-    abortController: abortController
-  });
-  const setFileUploadErrors = fileUploadErrors => dispatch({
-    type: 'setFileUploadErrors',
-    fileUploadErrors: fileUploadErrors
-  });
-  const setProgress = progress => dispatch({
-    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;
-    if (state.abortController) state.abortController.abort();
-    if (typeof props.onClose === 'function') props.onClose();
-    // Removes the associated import container when the import is closed
-    if (shouldDeleteImportContainer && projectKey && state.containerKey) deleteImportContainer(projectKey, state.containerKey, asyncDispatch);
-  };
-  const handleStartImportSuccess = () => {
-    if (typeof props.onStartImportSuccess === 'function') props.onStartImportSuccess();
-  };
-  return jsxRuntime.jsx(ImportResourcesContext.Provider, {
-    value: {
-      state,
-      resourceTypes: props.resourceTypes,
-      onClose: handleClose,
-      onStartImportSuccess: handleStartImportSuccess,
-      actions: {
-        setCurrentStep,
-        cancelImport,
-        uploadNewFile,
-        setUploadFileResponse,
-        setResourceType,
-        setDroppedFile,
-        setContainerKey,
-        setAbortController,
-        setFileUploadErrors,
-        setProgress,
-        setUploadSettings
-      }
-    },
-    children: props.children
-  });
-};
-
-const getBorderColor = state => {
-  const borderColors = {
-    default: '#909dbc',
-    error: '#e60050',
-    active: uiKit.customProperties.colorPrimary
-  };
-  return borderColors[state] || borderColors.default;
-};
-const getDashedBorder = function () {
-  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
-  const color = getBorderColor(state);
-  const svgContent = `
-    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
-      <rect width="100%" height="100%" fill="none" stroke="${color}" stroke-width="2px" stroke-dasharray="6,6" stroke-dashoffset="0" stroke-linecap="square"/>
-    </svg>
-  `;
-  return `data:image/svg+xml,${encodeURIComponent(svgContent)}`;
-};
-const base = /*#__PURE__*/react.css("border-radius:", uiKit.customProperties.borderRadius6, ";min-height:136px;display:flex;justify-content:center;align-items:center;" + ("" ), "" );
-const disabled = /*#__PURE__*/react.css("" , "" );
-const readyForDrop = /*#__PURE__*/react.css("background-image:url(\"", getDashedBorder(), "\");background-color:", uiKit.customProperties.colorSurface, ";" + ("" ), "" );
-const activeDrag = /*#__PURE__*/react.css("background-image:url(\"", getDashedBorder('active'), "\");background-color:", uiKit.customProperties.colorPrimary95, ";padding:", uiKit.customProperties.spacing50, " 100px;" + ("" ), "" );
-const fileDropped = /*#__PURE__*/react.css("background-image:url(\"", getDashedBorder(), "\");background-color:", uiKit.customProperties.colorSurface, ";padding:", uiKit.customProperties.spacing50, " 100px;" + ("" ), "" );
-const styles = {
-  base,
-  readyForDrop,
-  fileDropped,
-  disabled,
-  activeDrag
-};
-
-const DropWrapper = /*#__PURE__*/_styled__default["default"]("div", {
-  target: "ef0z5en0"
-} )(styles.base, " ", props => {
-  if (props.dropAreaState === 'disabled') {
-    return styles.disabled;
-  }
-  if (props.dropAreaState === 'ready-for-drop') {
-    return styles.readyForDrop;
-  }
-  if (props.dropAreaState === 'active-drag') {
-    return styles.activeDrag;
-  }
-  if (props.dropAreaState === 'file-dropped') {
-    return styles.fileDropped;
-  }
-  return getDefaultDropWrapperStyles(props.dropAreaState);
-}, ";" + ("" ));
-function getDefaultDropWrapperStyles(_dropAreaState) {
-  return /*#__PURE__*/react.css("" , "" );
-}
-
-var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-94cea372.cjs.prod.js'); }));
-
-var DisabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./disabled-drop-area-d8a66b62.cjs.prod.js'); }));
-
-var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-b6fe0252.cjs.prod.js'); }));
-
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-0e55c4a0.cjs.prod.js'); }));
-
-function getDropArea(_ref) {
-  let dropAreaState = _ref.dropAreaState,
-    resourceType = _ref.resourceType,
-    isFileDropped = _ref.isFileDropped;
-  if (dropAreaState === 'file-dropped') {
-    return jsxRuntime.jsx(FileDropped, {});
-  }
-  if (dropAreaState === 'disabled' || !resourceType) {
-    return jsxRuntime.jsx(DisabledDropArea, {});
-  }
-  if (dropAreaState === 'ready-for-drop') {
-    return jsxRuntime.jsx(EnabledDropArea, {});
-  }
-  if (dropAreaState === 'active-drag') {
-    return jsxRuntime.jsx(ActiveDragDropArea, {
-      isFileDropped: isFileDropped
-    });
-  }
-  return fallbackDropArea();
-}
-function fallbackDropArea(_invalidDropAreaState) {
-  return jsxRuntime.jsx(DisabledDropArea, {});
-}
-function getDropAreaState(flags) {
-  if (flags.isDragActive) {
-    return 'active-drag';
-  }
-  if (flags.hasResourceType) {
-    return 'disabled';
-  }
-  if (flags.isReady) {
-    return 'file-dropped';
-  }
-  return 'ready-for-drop';
-}
-
-var messages$8 = reactIntl.defineMessages({
-  dragAndDropCSV: {
-    id: 'ImportResourcesModal.dragAndDropCSV',
-    description: 'The message telling the user to drag and drop CSV file in the file drop area',
-    defaultMessage: 'Drag and drop CSV'
-  },
-  or: {
-    id: 'ImportResourcesModal.or',
-    description: 'The word "or" in the drag and drop message',
-    defaultMessage: 'or'
-  },
-  browseButton: {
-    id: 'ImportResourcesModal.browseFile',
-    defaultMessage: 'Browse file'
-  },
-  uploadFile: {
-    id: 'ImportResourcesModal.uploadFile',
-    description: 'Label for a button on the file upload page, shown on active drop area state',
-    defaultMessage: 'Upload file'
-  },
-  chooseFile: {
-    id: 'ImportResourcesModal.chooseFile',
-    description: 'Label for a button on the file upload page, shown on ready to upload state',
-    defaultMessage: 'Choose file'
-  },
-  fileUploadFailed: {
-    id: 'ImportResourcesModal.fileUploadFailed',
-    description: 'A title on the file upload page, shown on file upload error state',
-    defaultMessage: 'File upload failed'
-  },
-  fileFormatNotSupported: {
-    id: 'ImportResourcesModal.fileFormatNotSupported',
-    description: 'Error message displayed when a user drags and drops a non-CSV file',
-    defaultMessage: 'Invalid file format: The file is not in CSV format and cannot be processed.'
-  },
-  tooManyFilesError: {
-    id: 'ImportResourcesModal.tooManyFilesError',
-    description: 'Error message displayed when a user drags and drops multiple files at once',
-    defaultMessage: 'Multiple files detected: You can only drag and drop one file at a time.'
-  },
-  genericError: {
-    id: 'ImportResourcesModal.genericError',
-    description: 'Default error message for unexpected file upload issues (for unhandled cases)',
-    defaultMessage: 'Error occurred: Please try uploading the file again or contact our support team for assistance.'
-  },
-  dataType: {
-    id: 'ImportResourcesModal.dataType',
-    description: 'Label for the data type selection dropdown',
-    defaultMessage: 'Data type'
-  },
-  instructions: {
-    id: 'ImportResourcesModal.instructions',
-    description: 'Label for the instructions section',
-    defaultMessage: 'Instructions'
-  }
-});
-
-function useImportResourcesContext() {
-  const context = React.useContext(ImportResourcesContext);
-  if (!context) {
-    throw new MissingImportResourceProviderError();
-  }
-  return context;
-}
-
-var messages$7 = reactIntl.defineMessages({
-  fileSizeExceededTitle: {
-    id: 'ImportResourcesModal.sizeExceededTitle',
-    defaultMessage: 'File size exceeded'
-  },
-  fileSizeExceededDescription: {
-    id: 'ImportResourcesModal.sizeExceededDescription',
-    description: 'Error description when the file size exceeds the allowable limit',
-    defaultMessage: 'The file exceeds the maximum allowed size of {fileSizeLimit} MB'
-  },
-  rowLimitExceededTitle: {
-    id: 'ImportResourcesModal.rowLimitExceededTitle',
-    defaultMessage: 'Row limit exceeded'
-  },
-  rowLimitExceededDescription: {
-    id: 'ImportResourcesModal.rowLimitExceededDescription',
-    description: 'Error description when the file contains more rows than the allowable maximum',
-    defaultMessage: 'The file contains more than the allowable maximum of {rowLimit} rows'
-  },
-  wrongSeparatorTitle: {
-    id: 'ImportResourcesModal.wrongSeparatorTitle',
-    defaultMessage: 'Wrong separator'
-  },
-  wrongSeparatorDescription: {
-    id: 'ImportResourcesModal.wrongSeparatorDescription',
-    description: 'Message within the drop area when a CSV file uses an unexpected separator',
-    defaultMessage: 'The file is using an unsupported separator. Please use one of the allowed separators: {delimiterList}.'
-  },
-  dropAreaNotEnoughRowsTitle: {
-    id: 'ImportResourcesModal.dropAreaNotEnoughRowsTitle',
-    description: 'Error title shown when the uploaded CSV file does not contain a header and at least one row of data',
-    defaultMessage: 'Invalid CSV file'
-  },
-  dropAreaNotEnoughRowsDescription: {
-    id: 'ImportResourcesModal.dropAreaNotEnoughRowsDescription',
-    description: 'Error description shown when the uploaded CSV file does not contain a header and at least one row of data',
-    defaultMessage: 'Make sure the file contains a header and at least one row of data'
-  },
-  unexpectedError: {
-    id: 'ImportResourcesModal.unexpectedError',
-    description: 'Generic notification message when file upload fails',
-    defaultMessage: 'An unexpected error occurred during the file upload. Please try again, or contact support if this error occurs again.'
-  },
-  missingRequiredField: {
-    id: 'ImportResourcesModal.missingRequiredField',
-    description: 'Error message displayed when a required field is missing',
-    defaultMessage: 'Missing required field'
-  },
-  missingKeyError: {
-    id: 'ImportResourcesModal.missingKeyError',
-    description: 'Error message displayed when the uploaded file is missing the key field',
-    defaultMessage: "The 'key' field is missing or incomplete in some rows. Please ensure every row has a 'key' value."
-  },
-  missingRequiredKeys: {
-    id: 'ImportResourcesModal.missingRequiredKeys',
-    description: 'Error message displayed when the uploaded file is missing required keys',
-    defaultMessage: 'Make sure the file contains required keys for the elements including {fieldNames}'
-  }
-});
-
-function ownKeys$e(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$e(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$e(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const useUpload = () => {
-  const intl = reactIntl.useIntl();
-  const projectKey = applicationShellConnectors.useApplicationContext(context => context.project?.key);
-  const _useImportResourcesCo = useImportResourcesContext(),
-    state = _useImportResourcesCo.state,
-    actions = _useImportResourcesCo.actions;
-  const asyncDispatch = sdk.useAsyncDispatch();
-  const showNotification = actionsGlobal.useShowNotification();
-  React__default["default"].useEffect(() => {
-    return () => {
-      if (state.abortController) state.abortController.abort();
-    };
-  }, [state.abortController]);
-  const isFileValid = async file => {
-    const errors = [];
-    const isDelimiterValid = await validateDelimiter(file);
-    if (!isDelimiterValid) errors.push({
-      title: intl.formatMessage(messages$7.wrongSeparatorTitle),
-      description: intl.formatMessage(messages$7.wrongSeparatorDescription, {
-        delimiterList: formatAllowedDelimitersForMessageDisplay(intl)
-      })
-    });
-    const rowCount = await getRowCount(file);
-    if (rowCount < 1) errors.push({
-      title: intl.formatMessage(messages$7.dropAreaNotEnoughRowsTitle),
-      description: intl.formatMessage(messages$7.dropAreaNotEnoughRowsDescription)
-    });
-    if (state.resourceType && file.size > toBytes(FILE_SIZE_LIMITS_MB[state.resourceType])) errors.push({
-      title: intl.formatMessage(messages$7.fileSizeExceededTitle),
-      description: intl.formatMessage(messages$7.fileSizeExceededDescription, {
-        fileSizeLimit: intl.formatNumber(FILE_SIZE_LIMITS_MB[state.resourceType])
-      })
-    });
-    if (state.resourceType && rowCount > ROW_LIMITS[state.resourceType]) errors.push({
-      title: intl.formatMessage(messages$7.rowLimitExceededTitle),
-      description: intl.formatMessage(messages$7.rowLimitExceededDescription, {
-        rowLimit: intl.formatNumber(ROW_LIMITS[state.resourceType])
-      })
-    });
-    if (errors.length > 0) {
-      actions.setFileUploadErrors(errors);
-      actions.setCurrentStep(CurrentStep$1.UploadResult);
-      return false;
-    }
-    return true;
-  };
-  const handleUploadError = error => {
-    if (isAbortError(error)) {
-      actions.cancelImport();
-      return;
-    }
-    if (error instanceof HttpError) {
-      if (error.errorData?.code === 'MISSING_KEY_ERROR') {
-        actions.setFileUploadErrors([{
-          title: intl.formatMessage(messages$7.missingRequiredField),
-          description: intl.formatMessage(messages$7.missingKeyError)
-        }]);
-        actions.setCurrentStep(CurrentStep$1.UploadResult);
-      } else if (error.errorData?.code === 'MissingCsvFieldIdentifier') {
-        const MissingCsvFieldIdentifierError = error.errorData;
-        const fieldNames = formatKeys(MissingCsvFieldIdentifierError.rowValue);
-        actions.setFileUploadErrors([{
-          title: intl.formatMessage(messages$7.missingRequiredField),
-          description: intl.formatMessage(messages$7.missingRequiredKeys, {
-            fieldNames
-          })
-        }]);
-        actions.setCurrentStep(CurrentStep$1.UploadResult);
-      } else if (error.errorData?.invalid > 0) {
-        actions.setUploadFileResponse(error.errorData);
-        actions.setCurrentStep(CurrentStep$1.UploadResult);
-      } else {
-        actions.cancelImport();
-        showNotification({
-          kind: 'error',
-          domain: constants.DOMAINS.PAGE,
-          text: intl.formatMessage(messages$7.unexpectedError)
-        });
-      }
-    } else {
-      actions.cancelImport();
-      showNotification({
-        kind: 'error',
-        domain: constants.DOMAINS.PAGE,
-        text: isError(error) ? error.toString() : String(error)
-      });
-      sentry.reportErrorToSentry(new Error('Upload File Error: An unexpected issue occurred while uploading the file'), {
-        extra: {
-          error,
-          projectKey,
-          containerKey: state.containerKey,
-          resourceType: state.resourceType,
-          fileSizeInBytes: state.droppedFile?.size
-        }
-      });
-    }
-  };
-  const handleUploadAndValidation = async () => {
-    if (!projectKey || !state.droppedFile || !state.resourceType) return;
-    const canUpload = await isFileValid(state.droppedFile);
-    if (!canUpload) return;
-    actions.setCurrentStep(CurrentStep$1.Uploading);
-    const containerKey = encodeFileNameWithTimestampToContainerKey(state.droppedFile.name);
-    actions.setContainerKey(containerKey);
-    try {
-      const shouldApplyPublishSettings = state.resourceType === 'product';
-      await createImportContainerForFileUpload({
-        key: containerKey,
-        resourceType: state.resourceType,
-        tags: [TAG_KEY_SOURCE_FILE_UPLOAD],
-        settings: _objectSpread$e({
-          format: 'CSV',
-          decimalSeparator: state.settings?.decimalSeparator
-        }, shouldApplyPublishSettings ? {
-          resourceType: state.resourceType === 'product' ? 'product-draft' : state.resourceType,
-          options: {
-            publishAllChanges: state.settings?.publish ?? false
-          }
-        } : {})
-      }, projectKey, asyncDispatch);
-      const newAbortController = uploadFileForImport({
-        projectKey,
-        containerKey,
-        resourceType: state.resourceType,
-        file: state.droppedFile,
-        onSuccess: fileUploadResponse => {
-          actions.setUploadFileResponse(fileUploadResponse);
-          actions.setCurrentStep(CurrentStep$1.UploadResult);
-        },
-        onProgress: progress => {
-          actions.setProgress(progress);
-        },
-        onError: error => {
-          deleteImportContainer(projectKey, containerKey, asyncDispatch);
-          handleUploadError(error);
-        }
-      });
-      actions.setAbortController(newAbortController);
-    } catch (error) {
-      deleteImportContainer(projectKey, containerKey, asyncDispatch);
-      handleUploadError(error);
-      actions.setCurrentStep(CurrentStep$1.UploadResult);
-    }
-  };
-  return {
-    handleUploadAndValidation
-  };
-};
-
-const useImportPermission = () => {
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
-      actionRights: applicationContext.actionRights?.products
-    })),
-    actionRights = _useApplicationContex.actionRights;
-  const canManageProducts = permissions.useIsAuthorized({
-    demandedPermissions: [PERMISSIONS.ManageProducts]
-  });
-  const canManageCustomers = permissions.useIsAuthorized({
-    demandedPermissions: [PERMISSIONS.ManageCustomers]
-  });
-  const canManageOrders = permissions.useIsAuthorized({
-    demandedPermissions: [PERMISSIONS.ManageOrders]
-  });
-  const canManageKeyValueDocuments = permissions.useIsAuthorized({
-    demandedPermissions: [PERMISSIONS.ManageKeyValueDocuments]
-  });
-  const canMAnageCategories = permissions.useIsAuthorized({
-    demandedPermissions: [PERMISSIONS.ManageCategories]
-  });
-  const canManageDiscountCodes = permissions.useIsAuthorized({
-    demandedPermissions: [PERMISSIONS.ManageDiscountCodes]
-  });
-  const canManageBusinessUnits = permissions.useIsAuthorized({
-    demandedPermissions: [PERMISSIONS.ManageBusinessUnits]
-  });
-  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]);
-  const canManageCustomObjects = React.useMemo(() => {
-    return canManageProducts || canManageCustomers || canManageOrders || canManageKeyValueDocuments;
-  }, [canManageCustomers, canManageOrders, canManageProducts, canManageKeyValueDocuments]);
-  return {
-    canImportProducts,
-    canImportCategories: canMAnageCategories,
-    canImportDiscountCodes: canManageDiscountCodes,
-    canImportBusinessUnits: canManageBusinessUnits,
-    canImportInventories: canManageProducts,
-    canImportProductTypes: canManageProducts,
-    canImportCustomObjects: canManageCustomObjects
-  };
-};
-
-function ownKeys$d(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$d(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$d(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const FileDropArea = () => {
-  const intl = reactIntl.useIntl();
-  const _useImportResourcesCo = useImportResourcesContext(),
-    state = _useImportResourcesCo.state,
-    actions = _useImportResourcesCo.actions;
-  const isResourceTypeSelected = Boolean(state.resourceType);
-  const showNotification = actionsGlobal.useShowNotification();
-  const onDrop = React__default["default"].useCallback(_ref => {
-    let _ref2 = _slicedToArray(_ref, 1),
-      file = _ref2[0];
-    if (!file) return;
-    assertResourceType(state.resourceType);
-    actions.setDroppedFile(file);
-  }, [state.resourceType]);
-  const _useDropzone = reactDropzone.useDropzone({
-      onDrop,
-      multiple: false,
-      disabled: !isResourceTypeSelected,
-      accept: {
-        'text/csv': ['.csv']
-      },
-      onDropRejected: _ref3 => {
-        var _context, _context2;
-        let _ref4 = _slicedToArray(_ref3, 1),
-          rejectedFile = _ref4[0];
-        if (_someInstanceProperty__default["default"](_context = rejectedFile.errors).call(_context, error => error.code === 'too-many-files')) {
-          showNotification({
-            kind: 'error',
-            domain: constants.DOMAINS.PAGE,
-            text: intl.formatMessage(messages$8.tooManyFilesError)
-          });
-          return;
-        }
-        if (_someInstanceProperty__default["default"](_context2 = rejectedFile.errors).call(_context2, error => error.code === 'file-invalid-type')) {
-          showNotification({
-            kind: 'error',
-            domain: constants.DOMAINS.PAGE,
-            text: intl.formatMessage(messages$8.fileFormatNotSupported)
-          });
-        } else {
-          showNotification({
-            kind: 'error',
-            domain: constants.DOMAINS.PAGE,
-            text: intl.formatMessage(messages$8.genericError)
-          });
-        }
-      }
-    }),
-    getRootProps = _useDropzone.getRootProps,
-    getInputProps = _useDropzone.getInputProps,
-    isDragActive = _useDropzone.isDragActive;
-  const dropAreaState = React__default["default"].useMemo(() => getDropAreaState({
-    isReady: Boolean(state.droppedFile),
-    hasResourceType: !state.resourceType,
-    isDragActive
-  }), [state.resourceType, state.droppedFile, isDragActive]);
-  const dropArea = getDropArea({
-    dropAreaState,
-    resourceType: 'category',
-    isFileDropped: Boolean(state.droppedFile)
-  });
-  return jsxRuntime.jsxs(DropWrapper, _objectSpread$d(_objectSpread$d({
-    role: "presentation"
-  }, getRootProps()), {}, {
-    dropAreaState: dropAreaState,
-    children: [jsxRuntime.jsx("input", _objectSpread$d({
-      "data-testid": "file-input"
-    }, getInputProps())), jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
-      children: dropArea
-    })]
-  }));
-};
-
-var messages$6 = reactIntl.defineMessages({
-  separatorTitle: {
-    id: 'ImportResourcesModal.uploadSeparator.separatorTitle',
-    description: 'Title for the separator selection',
-    defaultMessage: 'Separator'
-  },
-  decimalsSeparatorDescription: {
-    id: 'ImportResourcesModal.uploadSeparator.decimalsSeparatorDescription',
-    description: 'Description for the decimals separator selection',
-    defaultMessage: 'Select the decimals separator that match your CSV file. The column separator is automatically detected.'
-  },
-  decimalSeparatorPoint: {
-    id: 'ImportResourcesModal.uploadSeparator.decimalSeparatorPoint',
-    description: 'Label for point decimal separator option',
-    defaultMessage: 'point (.)'
-  },
-  decimalSeparatorComma: {
-    id: 'ImportResourcesModal.uploadSeparator.decimalSeparatorComma',
-    description: 'Label for comma decimal separator option',
-    defaultMessage: 'comma (,)'
-  },
-  decimals: {
-    id: 'ImportResourcesModal.uploadSeparator.decimals',
-    description: 'Label for decimal separator select',
-    defaultMessage: 'Decimals'
-  }
-});
-
-function ownKeys$c(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$c(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$c(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const DECIMAL_DELIMITER_OPTIONS = [{
-  label: messages$6.decimalSeparatorPoint,
-  value: DELIMITERS.POINT
-}, {
-  label: messages$6.decimalSeparatorComma,
-  value: DELIMITERS.COMMA
-}];
-const decimalSeparatorOptions = _mapInstanceProperty__default["default"](DECIMAL_DELIMITER_OPTIONS).call(DECIMAL_DELIMITER_OPTIONS, option => _objectSpread$c(_objectSpread$c({}, option), {}, {
-  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$c({}, option.label))
-}));
-var _ref$1 = {
-  name: "lt3z56",
-  styles: "width:calc(50% - 16px)"
-} ;
-const UploadSeparator = () => {
-  const intl = reactIntl.useIntl();
-  const _useImportResourcesCo = useImportResourcesContext(),
-    state = _useImportResourcesCo.state,
-    actions = _useImportResourcesCo.actions;
-  return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-    scale: "m",
-    children: [jsxRuntime.jsxs("div", {
-      children: [jsxRuntime.jsx(uiKit.Text.Subheadline, {
-        as: "h4",
-        intlMessage: messages$6.separatorTitle
-      }), jsxRuntime.jsx(uiKit.Text.Caption, {
-        tone: "tertiary",
-        intlMessage: messages$6.decimalsSeparatorDescription
-      })]
-    }), jsxRuntime.jsx("div", {
-      css: _ref$1,
-      children: jsxRuntime.jsx(uiKit.SelectField, {
-        title: intl.formatMessage(messages$6.decimals),
-        isSearchable: false,
-        options: decimalSeparatorOptions,
-        value: state.settings?.decimalSeparator,
-        onChange: e => {
-          actions.setUploadSettings({
-            decimalSeparator: e.target.value
-          });
-        }
-      })
-    })]
-  });
-};
-
-var messages$5 = reactIntl.defineMessages({
-  publishProducts: {
-    id: 'ImportResourcesModal.settings.publishProducts',
-    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, {
-    "data-tracking-target": 'product_import-publish_checkbox',
-    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;
-};
-
-const Upload = () => {
-  const _useImportResourcesCo = useImportResourcesContext(),
-    state = _useImportResourcesCo.state,
-    onClose = _useImportResourcesCo.onClose,
-    resourceTypes = _useImportResourcesCo.resourceTypes;
-  const intl = reactIntl.useIntl();
-  const _useUpload = useUpload(),
-    handleUploadAndValidation = _useUpload.handleUploadAndValidation;
-  const isMultipleResourceTypes = resourceTypes.length > 1;
-  return jsxRuntime.jsx(applicationComponents.FormDialog, {
-    size: 16,
-    isOpen: true,
-    title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
-    labelPrimary: intl.formatMessage(sharedMessages.uploadButton),
-    onPrimaryButtonClick: handleUploadAndValidation,
-    isPrimaryButtonDisabled: !Boolean(state.droppedFile),
-    onSecondaryButtonClick: () => onClose({
-      shouldDeleteImportContainer: true
-    }),
-    onClose: () => onClose({
-      shouldDeleteImportContainer: true
-    }),
-    dataAttributesPrimaryButton: {
-      'data-tracking-target': `${state.resourceType}_import-upload_and_preview_button`
-    },
-    children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
-      children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-        scale: "l",
-        children: [isMultipleResourceTypes ? jsxRuntime.jsxs(uiKit.Grid, {
-          gridRowGap: uiKit.designTokens.spacingL,
-          gridTemplateColumns: `calc(${uiKit.designTokens.constraint3} + ${uiKit.designTokens.spacingL}) auto`,
-          children: [jsxRuntime.jsx(uiKit.Grid.Item, {
-            children: jsxRuntime.jsx(uiKit.Text.Body, {
-              isBold: true,
-              intlMessage: messages$8.dataType
-            })
-          }), jsxRuntime.jsx(uiKit.Grid.Item, {
-            children: jsxRuntime.jsx(ResourceTypeSelection, {})
-          }), jsxRuntime.jsx(uiKit.Grid.Item, {
-            children: jsxRuntime.jsx(uiKit.Text.Body, {
-              isBold: true,
-              intlMessage: messages$8.instructions
-            })
-          }), jsxRuntime.jsx(uiKit.Grid.Item, {
-            children: jsxRuntime.jsx(Instructions, {})
-          })]
-        }) : jsxRuntime.jsx(jsxRuntime.Fragment, {
-          children: jsxRuntime.jsx(Instructions, {})
-        }), jsxRuntime.jsx(InfoBox, {}), jsxRuntime.jsx(UploadSeparator, {}), jsxRuntime.jsx(fullstory.Masking.Mask, {
-          children: jsxRuntime.jsx(FileDropArea, {})
-        }), jsxRuntime.jsx(UploadSettings, {})]
-      })
-    })
-  });
-};
-
-var messages$4 = reactIntl.defineMessages({
-  row: {
-    id: 'ImportResourcesModal.row',
-    description: 'In Upload file error modal - "Row" column',
-    defaultMessage: 'Row'
-  },
-  errorType: {
-    id: 'ImportResourcesModal.errorType',
-    description: 'In Upload file error modal - "Error type" column',
-    defaultMessage: 'Error type'
-  },
-  details: {
-    id: 'ImportResourcesModal.details',
-    description: 'In Upload file error modal - "Details" column',
-    defaultMessage: 'Details'
-  },
-  uploadErrorDescription: {
-    id: 'ImportResourcesModal.uploadErrorDescription',
-    description: 'Title when errors detected while uploading file',
-    defaultMessage: 'There {errorsCount, plural, one {is <b>{errorsCount}</b> error} other {are <b>{errorsCount}</b> errors}} detected while uploading the file <b>{fileName}</b>.'
-  },
-  supportedValuesDocumentation: {
-    id: 'ImportResourcesModal.supportedValuesDocumentation',
-    description: 'Link to the documentation for supported values',
-    defaultMessage: '<documentationLink>View the documentation</documentationLink> for supported values.'
-  },
-  uploadNewFile: {
-    id: 'ImportResourcesModal.uploadNewFile',
-    description: 'Upload new file button',
-    defaultMessage: 'Upload new file'
-  }
-});
-
-function ownKeys$a(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$a(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$a(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$a(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const getColumns$1 = () => [{
-  key: 'errorType',
-  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, messages$4.errorType)),
-  width: 'max-content'
-}, {
-  key: 'details',
-  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, messages$4.details))
-}];
-const UploadErrorTable = props => {
-  var _context;
-  const pagination = uiKit.usePaginationState({
-    perPage: 10
-  });
-  const startIndex = (pagination.page.value - 1) * pagination.perPage.value;
-  const endIndex = startIndex + pagination.perPage.value;
-  const currentPageRows = _sliceInstanceProperty__default["default"](_context = props.rows).call(_context, startIndex, endIndex);
-  const shouldShowPagination = props.rows.length > pagination.perPage.value;
-  return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-    scale: "l",
-    children: [jsxRuntime.jsx(uiKit.DataTable, {
-      verticalCellAlignment: "center",
-      isCondensed: true,
-      rows: currentPageRows,
-      columns: getColumns$1(),
-      itemRenderer: itemRenderer$1
-    }), shouldShowPagination && jsxRuntime.jsx(uiKit.PageNavigator, {
-      onPageChange: pagination.page.onChange,
-      page: pagination.page.value,
-      totalPages: Math.ceil(props.rows.length / pagination.perPage.value)
-    })]
-  });
-};
-function itemRenderer$1(item, column) {
-  switch (column.key) {
-    case 'errorType':
-      return jsxRuntime.jsx(uiKit.Stamp, {
-        isCondensed: true,
-        label: item.title,
-        tone: "critical"
-      });
-    case 'details':
-      return jsxRuntime.jsx(uiKit.Text.Body, {
-        children: item.description
-      });
-    default:
-      throw new UnexpectedColumnError(column.key);
-  }
-}
-
-function ownKeys$9(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$9(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$9(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$9(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const UploadErrorsModal = () => {
-  const intl = reactIntl.useIntl();
-  const _useImportResourcesCo = useImportResourcesContext(),
-    state = _useImportResourcesCo.state,
-    actions = _useImportResourcesCo.actions,
-    onClose = _useImportResourcesCo.onClose;
-  const errorsCount = state.fileUploadErrors.length;
-  return jsxRuntime.jsx(applicationComponents.InfoDialog, {
-    size: 16,
-    isOpen: true,
-    title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
-    onClose: () => onClose(),
-    children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
-      children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-        scale: "l",
-        children: [jsxRuntime.jsx(fullstory.Masking.Mask, {
-          children: jsxRuntime.jsx(uiKit.Text.Body, {
-            intlMessage: _objectSpread$9(_objectSpread$9({}, messages$4.uploadErrorDescription), {}, {
-              values: {
-                fileName: state.droppedFile?.name,
-                errorsCount: intl.formatNumber(errorsCount),
-                b: getBold$3
-              }
-            })
-          })
-        }), jsxRuntime.jsx(UploadErrorTable, {
-          rows: mapFileUploadErrorsToUploadFileErrorRows(state.fileUploadErrors)
-        }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-          scale: "m",
-          justifyContent: "flex-end",
-          children: [jsxRuntime.jsx(uiKit.SecondaryButton, {
-            label: intl.formatMessage(sharedMessages.close),
-            onClick: () => onClose()
-          }), jsxRuntime.jsx(uiKit.PrimaryButton, {
-            iconLeft: jsxRuntime.jsx(uiKit.ImportIcon, {}),
-            label: intl.formatMessage(messages$4.uploadNewFile),
-            onClick: () => actions.uploadNewFile()
-          })]
-        })]
-      })
-    })
-  });
-};
-function getBold$3(msg) {
-  return jsxRuntime.jsx(uiKit.Text.Body, {
-    as: "span",
-    isBold: true,
-    children: msg
-  }, crypto.randomUUID());
-}
-
-function ownKeys$8(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$8(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$8(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$8(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const getColumns = () => [{
-  key: 'row',
-  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$4.row)),
-  width: 'max-content'
-}, {
-  key: 'errorType',
-  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$4.errorType)),
-  width: 'max-content'
-}, {
-  key: 'details',
-  label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$4.details))
-}];
-const UploadRowErrorTable = props => {
-  var _context;
-  const pagination = uiKit.usePaginationState({
-    perPage: 10
-  });
-  const startIndex = (pagination.page.value - 1) * pagination.perPage.value;
-  const endIndex = startIndex + pagination.perPage.value;
-  const currentPageRows = _sliceInstanceProperty__default["default"](_context = props.rows).call(_context, startIndex, endIndex);
-  const shouldShowPagination = props.rows.length > pagination.perPage.value;
-  return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-    scale: "l",
-    children: [jsxRuntime.jsx(uiKit.DataTable, {
-      verticalCellAlignment: "center",
-      isCondensed: true,
-      rows: currentPageRows,
-      columns: getColumns(),
-      itemRenderer: itemRenderer
-    }), shouldShowPagination && jsxRuntime.jsx(uiKit.PageNavigator, {
-      onPageChange: pagination.page.onChange,
-      page: pagination.page.value,
-      totalPages: Math.ceil(props.rows.length / pagination.perPage.value)
-    })]
-  });
-};
-function itemRenderer(item, column) {
-  switch (column.key) {
-    case 'row':
-      return item.row;
-    case 'errorType':
-      return jsxRuntime.jsx(uiKit.Stamp, {
-        isCondensed: true,
-        label: formatErrorCode(item.code),
-        tone: "critical"
-      });
-    case 'details':
-      return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-        scale: "xs",
-        children: [jsxRuntime.jsx(uiKit.Text.Body, {
-          tone: "information",
-          children: item.field
-        }), jsxRuntime.jsx(uiKit.Text.Body, {
-          children: extractErrorDescriptionFromValidationMessage(item.validationMessage)
-        })]
-      });
-    default:
-      throw new UnexpectedColumnError(column.key);
-  }
-}
-
-function ownKeys$7(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$7(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$7(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$7(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const UploadRowErrorsModal = () => {
-  const intl = reactIntl.useIntl();
-  const _useImportResourcesCo = useImportResourcesContext(),
-    state = _useImportResourcesCo.state,
-    actions = _useImportResourcesCo.actions,
-    onClose = _useImportResourcesCo.onClose;
-  const errorsCount = getFileUploadErrorsCount(state.uploadFileResponse?.results);
-  const documentationLink = RESOURCE_TYPE_DOCUMENTATION_LINKS[state.resourceType];
-  return jsxRuntime.jsx(applicationComponents.InfoDialog, {
-    size: 16,
-    isOpen: true,
-    title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
-    onClose: onClose,
-    children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
-      children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-        scale: "l",
-        children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-          scale: "xs",
-          children: [jsxRuntime.jsx(fullstory.Masking.Mask, {
-            children: jsxRuntime.jsx(uiKit.Text.Body, {
-              intlMessage: _objectSpread$7(_objectSpread$7({}, messages$4.uploadErrorDescription), {}, {
-                values: {
-                  fileName: state.droppedFile?.name,
-                  errorsCount: intl.formatNumber(errorsCount),
-                  b: getBold$2
-                }
-              })
-            })
-          }), jsxRuntime.jsx(uiKit.Text.Body, {
-            intlMessage: _objectSpread$7(_objectSpread$7({}, messages$4.supportedValuesDocumentation), {}, {
-              values: {
-                documentationLink: msg => jsxRuntime.jsx(uiKit.Link, {
-                  tone: "secondary",
-                  isExternal: true,
-                  to: documentationLink,
-                  children: msg
-                }, "documentationLink")
-              }
-            })
-          })]
-        }), jsxRuntime.jsx(UploadRowErrorTable, {
-          rows: mapUploadFileErrorsResponseToUploadFileErrorRows(state.uploadFileResponse?.results)
-        }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-          scale: "m",
-          justifyContent: "flex-end",
-          children: [jsxRuntime.jsx(uiKit.SecondaryButton, {
-            label: intl.formatMessage(sharedMessages.close),
-            onClick: () => onClose()
-          }), jsxRuntime.jsx(uiKit.PrimaryButton, {
-            iconLeft: jsxRuntime.jsx(uiKit.ImportIcon, {}),
-            label: intl.formatMessage(messages$4.uploadNewFile),
-            onClick: () => actions.uploadNewFile()
-          })]
-        })]
-      })
-    })
-  });
-};
-function getBold$2(msg) {
-  return jsxRuntime.jsx(uiKit.Text.Body, {
-    as: "span",
-    isBold: true,
-    children: msg
-  }, crypto.randomUUID());
-}
-
-var messages$3 = reactIntl.defineMessages({
-  startImportButton: {
-    id: 'ImportResourcesModal.startImportButton',
-    description: 'Label for the modal Start import button',
-    defaultMessage: 'Start import'
-  },
-  importNotificationSuccessMessage: {
-    id: 'ImportResourcesModal.successMessage',
-    description: 'Notification success message',
-    defaultMessage: '<b>Your import has started.</b><newline></newline> <logsLink>Go to Import logs</logsLink> to view the progress.'
-  },
-  importNotificationPrepareMessage: {
-    id: 'ImportResourcesModal.prepareMessage',
-    description: 'Notification for preparing import',
-    defaultMessage: '<b>Prepare import</b><newline></newline>Once preparation is complete, you can track the import progress <logsLink>in the Import logs</logsLink>.'
-  },
-  previewOfYourImport: {
-    id: 'ImportResourcesModal.previewOfYourImport',
-    description: 'Label for modal path',
-    defaultMessage: "Here's a preview of your import"
-  },
-  itemsToBeImported: {
-    id: 'ImportResourcesModal.itemsToBeImported',
-    description: 'This message indicates the number of items that are ready to be imported into the project.',
-    defaultMessage: '{itemCount, plural, one {<b>1</b> {resourceType} to be imported{publish, select, true { and published} other {}}} other {<b>{itemCount}</b> {resourceTypePlural} to be imported{publish, select, true { and published} other {}}}}'
-  },
-  columnsToBeImported: {
-    id: 'ImportResourcesModal.columnsToBeImported',
-    description: 'This message indicates the number of columns that are ready to be imported into the system.',
-    defaultMessage: '<b>{columnCount}</b> columns to be imported'
-  },
-  columnsToBeIgnored: {
-    id: 'ImportResourcesModal.columnsToBeIgnored',
-    description: "This message indicates the number of columns that will be deliberately skipped during the import because they can't be imported",
-    defaultMessage: "We will intentionally ignore <b>{columnCount}</b> columns as they can't be imported"
-  },
-  showMore: {
-    id: 'ImportResourcesModal.showMore',
-    description: 'A button label for expanding the import preview to show more details.',
-    defaultMessage: 'Show more'
-  },
-  showLess: {
-    id: 'ImportResourcesModal.showLess',
-    description: 'A button label for collapsing the import preview to show fewer details.',
-    defaultMessage: 'Show less'
-  },
-  continue: {
-    id: 'ImportResourcesModal.continue',
-    description: 'Confirmation dialog continue button',
-    defaultMessage: 'Continue'
-  },
-  confirmationBodyText: {
-    id: 'ImportResourcesModal.confirmationBodyText',
-    description: 'Confirmation dialog text',
-    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',
-    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.'
-  },
-  confirmationBodyQuestion: {
-    id: 'ImportResourcesModal.confirmationBodyQuestion',
-    description: 'Confirmation question',
-    defaultMessage: 'Proceed with the import?'
-  }
-});
-
-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 _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"
-} )({
-  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;
-  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",
-        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))
-      })
-    })]
-  });
-};
-
-function ownKeys$5(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$5(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$5(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$5(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-function UploadPreviewModal() {
-  const _useImportResourcesCo = useImportResourcesContext(),
-    state = _useImportResourcesCo.state;
-  const intl = reactIntl.useIntl();
-  const _useImportResourcesCo2 = useImportResourcesContext(),
-    actions = _useImportResourcesCo2.actions,
-    onClose = _useImportResourcesCo2.onClose;
-  if (!state.resourceType || !state.uploadFileResponse) return null;
-  const resourceTypeMessage = resourceTypeToMessage(state.resourceType);
-  const resourceType = intl.formatMessage(resourceTypeMessage).toLowerCase();
-  const resourceTypePluralMessage = resourceTypeToPluralMessage(state.resourceType);
-  const resourceTypePlural = intl.formatMessage(resourceTypePluralMessage).toLowerCase();
-  const ignoredColumns = state.uploadFileResponse.ignoredColumns;
-  const validatedColumns = getValidatedColumns(state.uploadFileResponse.columns, ignoredColumns);
-  return jsxRuntime.jsx(applicationComponents.FormDialog, {
-    size: 16,
-    isOpen: true,
-    title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
-    labelPrimary: intl.formatMessage(messages$3.continue),
-    onSecondaryButtonClick: () => onClose({
-      shouldDeleteImportContainer: true
-    }),
-    onPrimaryButtonClick: () => {
-      actions.setCurrentStep(CurrentStep$1.ImportConfirmationModal);
-    },
-    onClose: () => onClose({
-      shouldDeleteImportContainer: true
-    }),
-    children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
-      children: jsxRuntime.jsx(applicationComponents.PageContentNarrow, {
-        children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
-          scale: "xxxl",
-          children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
-            scale: "xl",
-            children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-              scale: "m",
-              children: [jsxRuntime.jsx("div", {}), jsxRuntime.jsx(uiKit.Text.Body, {
-                intlMessage: messages$3.previewOfYourImport
-              }), jsxRuntime.jsx(uiKit.Card, {
-                insetScale: "xl",
-                children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-                  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.itemsToBeImported), {}, {
-                          values: {
-                            resourceType,
-                            resourceTypePlural,
-                            itemCount: intl.formatNumber(state.uploadFileResponse.itemsCount),
-                            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
-                  })]
-                })
-              }), ignoredColumns.length > 0 && jsxRuntime.jsx(uiKit.Card, {
-                insetScale: "xl",
-                children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-                  scale: "s",
-                  children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-                    alignItems: "center",
-                    children: [jsxRuntime.jsx(uiKit.EyeCrossedIcon, {
-                      color: "neutral60"
-                    }), jsxRuntime.jsx(uiKit.Text.Body, {
-                      intlMessage: _objectSpread$5(_objectSpread$5({}, messages$3.columnsToBeIgnored), {}, {
-                        values: {
-                          columnCount: intl.formatNumber(ignoredColumns.length),
-                          b: getBold$1
-                        }
-                      })
-                    })]
-                  }), jsxRuntime.jsx(ColumnList, {
-                    columns: ignoredColumns
-                  })]
-                })
-              })]
-            })
-          })
-        })
-      })
-    })
-  });
-}
-function getBold$1(msg) {
-  return jsxRuntime.jsx(uiKit.Text.Body, {
-    as: "span",
-    isBold: true,
-    children: msg
-  }, crypto.randomUUID());
-}
-
-function ownKeys$4(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$4(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$4(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$4(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const getNewLine = () => jsxRuntime.jsx("br", {}, "break");
-const getImportLogsLink = (msg, projectKey) => jsxRuntime.jsx(uiKit.Link, {
-  to: `/${projectKey}/operations/import/logs`,
-  children: msg
-}, "link");
-var _ref2 = {
-  name: "1vs9i7r",
-  styles: "width:360px"
-} ;
-const ImportRunningTextNotification = props => jsxRuntime.jsx("div", {
-  css: _ref2,
-  children: jsxRuntime.jsx(uiKit.Text.Body, {
-    intlMessage: _objectSpread$4(_objectSpread$4({}, messages$3.importNotificationSuccessMessage), {}, {
-      values: {
-        newline: getNewLine,
-        logsLink: msg => getImportLogsLink(msg, props.projectKey),
-        b: getBold
-      }
-    })
-  })
-});
-var _ref = {
-  name: "1vs9i7r",
-  styles: "width:360px"
-} ;
-const ImportPreparingTextNotification = props => jsxRuntime.jsx("div", {
-  css: _ref,
-  children: jsxRuntime.jsx(uiKit.Text.Body, {
-    intlMessage: _objectSpread$4(_objectSpread$4({}, messages$3.importNotificationPrepareMessage), {}, {
-      values: {
-        newline: getNewLine,
-        logsLink: msg => getImportLogsLink(msg, props.projectKey),
-        b: getBold
-      }
-    })
-  })
-});
-const ImportConfirmationModal = () => {
-  const intl = reactIntl.useIntl();
-  const _useImportResourcesCo = useImportResourcesContext(),
-    state = _useImportResourcesCo.state,
-    onStartImportSuccess = _useImportResourcesCo.onStartImportSuccess,
-    onClose = _useImportResourcesCo.onClose;
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
-      projectKey: context.project?.key,
-      projectName: context.project?.name
-    })),
-    projectKey = _useApplicationContex.projectKey,
-    projectName = _useApplicationContex.projectName;
-  const asyncDispatch = sdk.useAsyncDispatch();
-  const showNotification = actionsGlobal.useShowNotification();
-  return jsxRuntime.jsx(applicationComponents.ConfirmationDialog, {
-    title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
-    labelPrimary: intl.formatMessage(messages$3.startImportButton),
-    isOpen: true,
-    onClose: () => onClose({
-      shouldDeleteImportContainer: true
-    }),
-    onCancel: () => onClose({
-      shouldDeleteImportContainer: true
-    }),
-    dataAttributesPrimaryButton: {
-      'data-test-id': 'confirmation-dialog-confirm'
-    },
-    dataAttributesSecondaryButton: {
-      'data-test-id': 'confirmation-dialog-cancel',
-      'data-tracking-target': `${state.resourceType}_import-start_import_button`
-    },
-    onConfirm: async () => {
-      try {
-        const canConfirm = projectKey && state.containerKey && state.droppedFile?.name && state.resourceType;
-        if (!canConfirm) return;
-        onClose();
-        showNotification({
-          kind: 'info',
-          domain: constants.DOMAINS.SIDE,
-          // @ts-ignore
-          text: jsxRuntime.jsx(ImportPreparingTextNotification, {
-            projectKey: projectKey
-          })
-        }, {
-          dismissAfter: 5000
-        });
-        await processUploadedFile({
-          projectKey,
-          containerKey: state.containerKey,
-          resourceType: state.resourceType,
-          asyncDispatch
-        });
-        onStartImportSuccess();
-        showNotification({
-          kind: 'info',
-          domain: constants.DOMAINS.SIDE,
-          // @ts-ignore
-          text: jsxRuntime.jsx(ImportRunningTextNotification, {
-            projectKey: projectKey
-          })
-        }, {
-          dismissAfter: 5000
-        });
-      } catch (error) {
-        onClose({
-          shouldDeleteImportContainer: true
-        });
-        showNotification({
-          kind: 'error',
-          domain: constants.DOMAINS.PAGE,
-          text: isError(error) ? error.toString() : String(error)
-        });
-      }
-    },
-    size: 16,
-    children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
-      children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-        scale: "xl",
-        children: [jsxRuntime.jsxs("div", {
-          children: [jsxRuntime.jsx(uiKit.Text.Body, {
-            intlMessage: _objectSpread$4(_objectSpread$4({}, messages$3.confirmationBodyText), {}, {
-              values: {
-                projectName: projectName,
-                count: intl.formatNumber(state?.uploadFileResponse?.rowsCount || 0),
-                bold: getBold
-              }
-            })
-          }), jsxRuntime.jsx(uiKit.Text.Body, {
-            intlMessage: messages$3.confirmationBodyNote
-          })]
-        }), jsxRuntime.jsx(uiKit.Text.Body, {
-          intlMessage: messages$3.confirmationBodyQuestion
-        })]
-      })
-    })
-  });
-};
-function getBold(msg) {
-  return jsxRuntime.jsx(uiKit.Text.Body, {
-    as: "span",
-    isBold: true,
-    children: msg
-  }, crypto.randomUUID());
-}
-
-const UploadResult = () => {
-  const _useImportResourcesCo = useImportResourcesContext(),
-    state = _useImportResourcesCo.state;
-  if (state.fileUploadErrors.length > 0) return jsxRuntime.jsx(UploadErrorsModal, {});
-  if (state.uploadFileResponse?.invalid > 0) return jsxRuntime.jsx(UploadRowErrorsModal, {});
-  return jsxRuntime.jsx(UploadPreviewModal, {});
-};
-
-const Uploading = () => {
-  const intl = reactIntl.useIntl();
-  const _useImportResourcesCo = useImportResourcesContext(),
-    state = _useImportResourcesCo.state,
-    actions = _useImportResourcesCo.actions,
-    onClose = _useImportResourcesCo.onClose;
-  if (state.droppedFile?.name) return jsxRuntime.jsx(applicationComponents.InfoDialog, {
-    size: 16,
-    isOpen: true,
-    title: intl.formatMessage(sharedMessages[`modalTitle.${state.resourceType}`]),
-    onClose: () => onClose({
-      shouldDeleteImportContainer: true
-    }),
-    children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-      scale: "m",
-      children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-        alignItems: "center",
-        justifyContent: "space-between",
-        children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-          alignItems: "center",
-          children: [jsxRuntime.jsx(FileIcon, {}), jsxRuntime.jsx(uiKit.Spacings.Inline, {
-            children: jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
-              max: 10,
-              children: jsxRuntime.jsx(uiKit.Text.Body, {
-                truncate: true,
-                isBold: true,
-                children: state.droppedFile.name
-              })
-            })
-          }), jsxRuntime.jsxs(uiKit.Text.Body, {
-            tone: "secondary",
-            children: ["(", intl.formatNumber(convertFileSizeToKB(state.droppedFile.size)), ' ', "KB)"]
-          })]
-        }), jsxRuntime.jsx(uiKit.SecondaryButton, {
-          tone: "secondary",
-          size: "medium",
-          label: intl.formatMessage(sharedMessages.cancel),
-          onClick: () => {
-            actions.setCurrentStep(CurrentStep$1.Upload);
-            state.abortController.abort();
-          }
-        })]
-      }), jsxRuntime.jsx(uiKit.ProgressBar, {
-        barWidth: "scale",
-        height: "10",
-        progress: state.progress
-      }), jsxRuntime.jsx("div", {})]
-    })
-  });
-  return null;
-};
-
-const CurrentStep = () => {
-  const _useImportResourcesCo = useImportResourcesContext(),
-    state = _useImportResourcesCo.state;
-  const steps = {
-    upload: jsxRuntime.jsx(Upload, {}),
-    uploading: jsxRuntime.jsx(Uploading, {}),
-    'upload-result': jsxRuntime.jsx(UploadResult, {}),
-    'import-confirmation-modal': jsxRuntime.jsx(ImportConfirmationModal, {})
-  };
-  return steps[state.currentStep] || null;
-};
-
-var messages$2 = reactIntl.defineMessages({
-  products: {
-    id: 'ImportResourcesModal.radio.products',
-    description: 'Label for the products radio button',
-    defaultMessage: 'Products (including variants, assets, prices and images)'
-  },
-  inventories: {
-    id: 'ImportResourcesModal.radio.inventories',
-    description: 'Label for the inventories radio button',
-    defaultMessage: 'Inventories'
-  },
-  categories: {
-    id: 'ImportResourcesModal.radio.categories',
-    description: 'Label for the categories radio button',
-    defaultMessage: 'Categories'
-  }
-});
-
-const resourceTypeToDisplayName = resourceType => {
-  switch (resourceType) {
-    case IMPORTABLE_RESOURCES.PRODUCT:
-      return messages$2.products;
-    case IMPORTABLE_RESOURCES.INVENTORY:
-      return messages$2.inventories;
-    case IMPORTABLE_RESOURCES.CATEGORY:
-      return messages$2.categories;
-    default:
-      throw new Error(`Unknown resource type: ${resourceType}`);
-  }
-};
-const ResourceTypeSelection = () => {
-  const _useImportResourcesCo = useImportResourcesContext(),
-    state = _useImportResourcesCo.state,
-    actions = _useImportResourcesCo.actions,
-    resourceTypes = _useImportResourcesCo.resourceTypes;
-  return jsxRuntime.jsx(uiKit.RadioInput.Group, {
-    value: state.resourceType,
-    onChange: e => {
-      actions.setResourceType(e.target.value);
-    },
-    direction: "stack",
-    directionProps: {
-      scale: 's'
-    },
-    children: _mapInstanceProperty__default["default"](resourceTypes).call(resourceTypes, resourceType => jsxRuntime.jsx(uiKit.RadioInput.Option, {
-      value: resourceType,
-      children: jsxRuntime.jsx(uiKit.Text.Body, {
-        intlMessage: resourceTypeToDisplayName(resourceType)
-      })
-    }, resourceType))
-  });
-};
-
-var messages$1 = reactIntl.defineMessages({
-  fileUploadInstructions: {
-    id: 'ImportResourcesModal.fileUploadInstructions',
-    description: 'Label for the modal category description',
-    defaultMessage: 'Maximum file size is {fileSize} MB with a limit of {rowLimit} rows. Download <csvTemplateLink>the CSV template</csvTemplateLink> or refer to <documentationLink>the documentation</documentationLink>.'
-  }
-});
-
-function ownKeys$3(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$3(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$3(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$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const Instructions = () => {
-  const intl = reactIntl.useIntl();
-  const _useImportResourcesCo = useImportResourcesContext(),
-    state = _useImportResourcesCo.state;
-  const templateLink = RESOURCE_TYPE_TEMPLATE_DOWNLOAD_LINKS[state.resourceType];
-  const documentationLink = RESOURCE_TYPE_DOCUMENTATION_LINKS[state.resourceType];
-  return jsxRuntime.jsx(uiKit.Text.Body, {
-    intlMessage: _objectSpread$3(_objectSpread$3({}, messages$1.fileUploadInstructions), {}, {
-      values: {
-        fileSize: intl.formatNumber(FILE_SIZE_LIMITS_MB[state.resourceType]),
-        rowLimit: intl.formatNumber(ROW_LIMITS[state.resourceType]),
-        csvTemplateLink: msg => jsxRuntime.jsx(uiKit.Link, {
-          tone: "secondary",
-          isExternal: true,
-          to: templateLink,
-          children: msg
-        }, "csvTemplateLink"),
-        documentationLink: msg => jsxRuntime.jsx(uiKit.Link, {
-          tone: "secondary",
-          isExternal: true,
-          to: documentationLink,
-          children: msg
-        }, "documentationLink")
-      }
-    })
-  });
-};
-
-var messages = reactIntl.defineMessages({
-  prerequisitesOfImportingData: {
-    id: 'ImportResourcesModal.infoBox.prerequisitesOfImportingData',
-    description: 'A message to guide users to check the prerequisites of importing data',
-    defaultMessage: 'Prerequisites of importing data'
-  },
-  keysForEveryResource: {
-    id: 'ImportResourcesModal.infoBox.keysForEveryResource',
-    description: 'A message to guide users to provide keys for every resource they import',
-    defaultMessage: 'You must provide keys for every resource you import, including embedded resources such as Prices and Assets. Please consult with your admins to assign keys through <link>the HTTP API</link>.'
-  }
-});
-
-function ownKeys$2(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$2(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$2(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$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const InfoBox = () => {
-  const _useImportResourcesCo = useImportResourcesContext(),
-    state = _useImportResourcesCo.state;
-  if (!state.resourceType) return null;
-  return jsxRuntime.jsx(uiKit.ContentNotification, {
-    type: "info",
-    children: jsxRuntime.jsx(uiKit.Spacings.Inset, {
-      scale: "xs",
-      children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-        scale: "xs",
-        children: [jsxRuntime.jsx(uiKit.Text.Subheadline, {
-          as: "h4",
-          intlMessage: messages.prerequisitesOfImportingData
-        }), jsxRuntime.jsx(uiKit.Text.Body, {
-          intlMessage: _objectSpread$2(_objectSpread$2({}, messages.keysForEveryResource), {}, {
-            values: {
-              link: msg => jsxRuntime.jsx(uiKit.Link, {
-                tone: "secondary",
-                isExternal: true,
-                to: CT_API_DOCS_URL,
-                children: msg
-              }, "link")
-            }
-          })
-        })]
-      })
-    })
-  });
-};
-
-function ownKeys$1(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$1(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$1(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$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const FileIcon = props => jsxRuntime.jsxs("svg", _objectSpread$1(_objectSpread$1({
-  width: "32",
-  height: "32",
-  viewBox: "0 0 32 32",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, props), {}, {
-  children: [jsxRuntime.jsx("mask", {
-    id: "mask0_17_6643",
-    style: {
-      maskType: 'alpha'
-    },
-    maskUnits: "userSpaceOnUse",
-    x: "0",
-    y: "0",
-    width: "32",
-    height: "32",
-    children: jsxRuntime.jsx("rect", {
-      width: "32",
-      height: "32",
-      fill: "#D9D9D9"
-    })
-  }), jsxRuntime.jsx("g", {
-    mask: "url(#mask0_17_6643)",
-    children: jsxRuntime.jsx("path", {
-      d: "M14.6667 25.3333H17.3333V19.7667L19.4667 21.9L21.3333 20L16 14.6667L10.6667 20L12.5667 21.8667L14.6667 19.7667V25.3333ZM8 29.3333C7.26667 29.3333 6.63889 29.0722 6.11667 28.55C5.59444 28.0278 5.33333 27.4 5.33333 26.6667V5.33332C5.33333 4.59999 5.59444 3.97221 6.11667 3.44999C6.63889 2.92777 7.26667 2.66666 8 2.66666H18.6667L26.6667 10.6667V26.6667C26.6667 27.4 26.4056 28.0278 25.8833 28.55C25.3611 29.0722 24.7333 29.3333 24 29.3333H8ZM17.3333 12H24L17.3333 5.33332V12Z",
-      fill: "#B1ACFF"
-    })
-  })]
-}));
-
-const getChunkImport = locale => {
-  const intlLocale = i18n.mapLocaleToIntlLocale(locale);
-  switch (intlLocale) {
-    case 'de':
-      return Promise.resolve().then(function () { return require('./de-3cd0305d.cjs.prod.js'); });
-    case 'es':
-      return Promise.resolve().then(function () { return require('./es-030fcde4.cjs.prod.js'); });
-    case 'fr-FR':
-      return Promise.resolve().then(function () { return require('./fr-FR-c66b401e.cjs.prod.js'); });
-    case 'ja':
-      return Promise.resolve().then(function () { return require('./ja-37632763.cjs.prod.js'); });
-    case 'pt-BR':
-      return Promise.resolve().then(function () { return require('./pt-BR-36893abd.cjs.prod.js'); });
-    default:
-      return Promise.resolve().then(function () { return require('./en-7d070d59.cjs.prod.js'); });
-  }
-};
-const loadMessages = async locale => {
-  try {
-    const chunkImport = await getChunkImport(locale);
-    return i18n.parseChunkImport(chunkImport);
-  } catch (error) {
-    // eslint-disable-next-line no-console
-    console.warn(`Something went wrong while loading the import-resources-modal messages for ${locale}`, error);
-    sentry.reportErrorToSentry(new Error(`Something went wrong while loading the import-resources-modal messages for ${locale}`), {
-      extra: error
-    });
-    return {};
-  }
-};
-
-const useAsyncIntlMessages = (locale, loader) => {
-  const _useState = React.useState({
-      isLoading: true,
-      messages: undefined,
-      error: undefined
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  React.useEffect(() => {
-    let _isUnmounting = false;
-    async function load() {
-      try {
-        if (!_isUnmounting) {
-          const messages = await loader(locale);
-          setState({
-            isLoading: false,
-            messages
-          });
-        }
-      } catch (error) {
-        setState({
-          isLoading: false,
-          error
-        });
-      }
-    }
-    if (locale) load();
-    return () => {
-      _isUnmounting = true;
-    };
-  }, [locale, loader]);
-  return state;
-};
-
-function ownKeys(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) { 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(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(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const ImportResourcesModal = props => {
-  var _context;
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
-      locale: context.user && context.user.locale
-    })),
-    locale = _useApplicationContex.locale;
-  const messages = useAsyncIntlMessages(locale, loadMessages);
-  if (!props.isOpen || messages.isLoading) return null;
-  if (!props.resourceTypes?.length) {
-    console.error('No resource types provided for import resources modal');
-    return null;
-  }
-  if (!_everyInstanceProperty__default["default"](_context = props.resourceTypes).call(_context, isResourceType)) {
-    console.error('Invalid resource types provided for import resources modal');
-    return null;
-  }
-  return jsxRuntime.jsx(reactIntl.IntlProvider, {
-    locale: locale,
-    messages: messages.messages,
-    children: jsxRuntime.jsx(ImportResourcesProvider, _objectSpread(_objectSpread({}, props), {}, {
-      children: jsxRuntime.jsx(CurrentStep, {})
-    }))
-  });
-};
-ImportResourcesModal.displayName = 'ImportResourcesModal';
-
-exports.EnabledDropArea = EnabledDropArea;
-exports.FileDropped = FileDropped;
-exports.FileIcon = FileIcon;
-exports.ImportResourcesModal = ImportResourcesModal;
-exports.messages = messages$8;
-exports.useImportPermission = useImportPermission;
-exports.useImportResourcesContext = useImportResourcesContext;