@commercetools-frontend-extensions/import-resources-modal 1.7.6 → 1.8.1

package/dist/{index-98c1d115.cjs.dev.js → index-a2c55a09.cjs.dev.js}

@@ -27,15 +27,15 @@ 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 _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 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');
-var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
 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');
@@ -67,15 +67,15 @@ 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 _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
 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 _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 
 const EnabledResourceType = {
@@ -297,7 +297,7 @@ const fetchUsingXhr = _ref2 => {
   return xhr;
 };
 
-const DEFAULT_DELIMITER = ',';
+const ALLOWED_DELIMITERS = [',', ';', '|', '\t'];
 const INITIAL_COLUMN_DISPLAY_COUNT = 8;
 const IMPORT_TAG_KEYS = {
   source: 'source'
@@ -387,41 +387,270 @@ const DEFAULT_SHORT_LIVED_FLAGS = {};
 const DEFAULT_LONG_LIVED_FLAGS = {};
 _objectSpread$g(_objectSpread$g({}, 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.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'
+  },
+  unknownResourceType: {
+    id: 'ImportResourcesModal.unknown-resource-type',
+    description: 'Label for the unknown resource type',
+    defaultMessage: 'Unknown resource type'
+  }
+  //
+});
+
 function ownKeys$f(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$f(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$f(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-/**
- * This function checks if the provided `expectedDelimiter` is used consistently in the first 10 lines of a CSV file.
- * Returns a Promise that resolves to an object containing a boolean `isValid` property and the detected delimiter `delimiter`.
- *
- * @param {File} file - The CSV file to check.
- * @param {string} [expectedDelimiter=DEFAULT_DELIMITER] - The expected delimiter to check for in the file.
- * @returns {Promise<DelimiterCheck>} A Promise that resolves to a DelimiterCheck object.
- */
-const checkDelimiter = function (file) {
-  let expectedDelimiter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DELIMITER;
+function _objectSpread$f(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$f(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$f(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_DELIMITERS = ['%', '.', ' '];
+const DELIMITERS_TO_GUESS = [...ALLOWED_DELIMITERS, ...NON_ALLOWED_DELIMITERS];
+const validateDelimiter = file => {
   return new _Promise__default["default"](resolve => {
-    let lineCount = 0;
-    let correctDelimiterCount = 0;
-    let detectedDelimiter = null;
     Papa__default["default"].parse(file, {
-      step: (results, parser) => {
-        lineCount++;
-        if (detectedDelimiter === null) {
-          detectedDelimiter = results.meta.delimiter;
-        }
-        if (results.meta.delimiter === expectedDelimiter) {
-          correctDelimiterCount++;
+      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;
         }
-        if (lineCount >= 10) {
-          parser.abort();
+        const detectedDelimiter = result.meta.delimiter;
+        let isValid = false;
+        if (detectedDelimiter !== null && _includesInstanceProperty__default["default"](ALLOWED_DELIMITERS).call(ALLOWED_DELIMITERS, detectedDelimiter)) {
+          var _context;
+          const isUndetectableDelimiter = _someInstanceProperty__default["default"](_context = result.errors).call(_context, error => error.code === 'UndetectableDelimiter');
+          if (!isUndetectableDelimiter) {
+            isValid = true;
+          }
         }
-      },
-      complete: () => {
-        const isValid = correctDelimiterCount === lineCount;
-        resolve({
-          isValid,
-          delimiter: detectedDelimiter
-        });
+        resolve(isValid);
       }
     });
   });
@@ -430,8 +659,8 @@ const mapUploadFileErrorsResponseToUploadFileErrorRows = uploadFileErrorsRespons
   if (!uploadFileErrorsResponse || !_Array$isArray__default["default"](uploadFileErrorsResponse)) return [];
   let idCounter = 1;
   return _flatMapInstanceProperty__default["default"](uploadFileErrorsResponse).call(uploadFileErrorsResponse, rowErrorsResponse => {
-    var _context;
-    return _mapInstanceProperty__default["default"](_context = rowErrorsResponse.errors).call(_context, rowError => ({
+    var _context2;
+    return _mapInstanceProperty__default["default"](_context2 = rowErrorsResponse.errors).call(_context2, rowError => ({
       // DataTable component requires unique `id` field
       id: String(idCounter++),
       row: rowErrorsResponse.row,
@@ -481,6 +710,35 @@ const toBytes = megabytes => megabytes * 1024 * 1024;
 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"](ALLOWED_DELIMITERS).call(ALLOWED_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;
@@ -509,6 +767,57 @@ function formatErrorCode(code) {
     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'],
+    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']
+  };
+  const message = resourceTypePluralMap[resourceType];
+  if (!message) {
+    return sharedMessages.unknownResourceType;
+  }
+  return message;
+}
 
 const encodeFileNameWithTimestampToContainerKey = fileName => {
   return btoa(_JSON$stringify__default["default"]({
@@ -753,13 +1062,13 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/react.css(process.env.NODE_ENV === "production" ? "" : ";label:getDefaultDropWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBEcm9wem9uZVJvb3RQcm9wcyB9IGZyb20gJ3JlYWN0LWRyb3B6b25lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2Rpc2FibGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5kaXNhYmxlZFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ3JlYWR5LWZvci1kcm9wJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5yZWFkeUZvckRyb3BcbiAgICB9XG4gICAgaWYgKHByb3BzLmRyb3BBcmVhU3RhdGUgPT09ICdhY3RpdmUtZHJhZycpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuYWN0aXZlRHJhZ1xuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2ZpbGUtZHJvcHBlZCcpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuZmlsZURyb3BwZWRcbiAgICB9XG4gICAgcmV0dXJuIGdldERlZmF1bHREcm9wV3JhcHBlclN0eWxlcyhwcm9wcy5kcm9wQXJlYVN0YXRlKVxuICB9fVxuYFxuZnVuY3Rpb24gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKF9kcm9wQXJlYVN0YXRlOiBuZXZlcikge1xuICByZXR1cm4gY3NzYGBcbn1cbiJdfQ== */");
 }
 
-var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-a4fd91f7.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-b84dd578.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
 
-var DisabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./disabled-drop-area-c092ebd0.cjs.dev.js' /* webpackChunkName: "disabled-drop-area" */); }));
+var DisabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./disabled-drop-area-48c8a29e.cjs.dev.js' /* webpackChunkName: "disabled-drop-area" */); }));
 
-var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-2e91435a.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-5c4ea376.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
 
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-88c05907.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-2d51d63b.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,
@@ -881,14 +1190,14 @@ var messages$6 = reactIntl.defineMessages({
     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'
   },
-  dropAreaWrongDelimiterTitle: {
-    id: 'ImportResourcesModal.wrongDelimiterTitle',
-    defaultMessage: 'Wrong delimiter'
+  wrongSeparatorTitle: {
+    id: 'ImportResourcesModal.wrongSeparatorTitle',
+    defaultMessage: 'Wrong separator'
   },
-  dropAreaWrongDelimiterDescription: {
-    id: 'ImportResourcesModal.wrongDelimiterDescription',
+  wrongSeparatorDescription: {
+    id: 'ImportResourcesModal.wrongSeparatorDescription',
     description: 'Message within the drop area when a CSV file uses an unexpected delimiter',
-    defaultMessage: 'The file is using an incorrect delimiter. Please use comma (,) instead.'
+    defaultMessage: 'The file is using an unsupported separator. Please use one of the allowed delimiters: {delimiterList}.'
   },
   dropAreaNotEnoughRowsTitle: {
     id: 'ImportResourcesModal.dropAreaNotEnoughRowsTitle',
@@ -939,10 +1248,12 @@ const useUpload = () => {
   }, [state.abortController]);
   const isFileValid = async file => {
     const errors = [];
-    const delimiterCheck = await checkDelimiter(file);
-    if (!delimiterCheck.isValid) errors.push({
-      title: intl.formatMessage(messages$6.dropAreaWrongDelimiterTitle),
-      description: intl.formatMessage(messages$6.dropAreaWrongDelimiterDescription)
+    const isDelimiterValid = await validateDelimiter(file);
+    if (!isDelimiterValid) errors.push({
+      title: intl.formatMessage(messages$6.wrongSeparatorTitle),
+      description: intl.formatMessage(messages$6.wrongSeparatorDescription, {
+        delimiterList: formatAllowedDelimitersForMessageDisplay(intl)
+      })
     });
     const rowCount = await getRowCount(file);
     if (rowCount < 1) errors.push({
@@ -1212,59 +1523,6 @@ const UploadSettings = () => {
   return null;
 };
 
-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.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'
-  }
-});
-
 const Upload = () => {
   const _useImportResourcesCo = useImportResourcesContext(),
     state = _useImportResourcesCo.state,
@@ -1610,10 +1868,10 @@ var messages$3 = reactIntl.defineMessages({
     description: 'Label for modal path',
     defaultMessage: "Here's a preview of your import"
   },
-  rowsToBeImported: {
-    id: 'ImportResourcesModal.rowsToBeImported',
-    description: 'This message indicates the number of rows that are ready to be imported into the system.',
-    defaultMessage: '{rowCount, plural, one {<b>1</b> row to be imported} other {<b>{rowCount}</b> rows to be imported}}{publish, select, true { and published} other {}}'
+  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',
@@ -1722,6 +1980,10 @@ function UploadPreviewModal() {
     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, {
@@ -1759,9 +2021,11 @@ function UploadPreviewModal() {
                       children: [jsxRuntime.jsx(uiKit.CheckBoldIcon, {
                         color: "success"
                       }), jsxRuntime.jsx(uiKit.Text.Body, {
-                        intlMessage: _objectSpread$5(_objectSpread$5({}, messages$3.rowsToBeImported), {}, {
+                        intlMessage: _objectSpread$5(_objectSpread$5({}, messages$3.itemsToBeImported), {}, {
                           values: {
-                            rowCount: intl.formatNumber(state.uploadFileResponse.rowsCount),
+                            resourceType,
+                            resourceTypePlural,
+                            itemCount: intl.formatNumber(state.uploadFileResponse.itemsCount),
                             publish: state.resourceType === 'product' && state.settings?.publish,
                             b: getBold$1
                           }