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

package/dist/{index-98c1d115.cjs.dev.js → index-7e118bb3.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,113 @@ 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'
+  }
+});
+
 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 +502,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 +553,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;
@@ -753,13 +854,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-b645657a.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-9a4072d5.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-5d1a684a.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-1c5c2843.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,
@@ -881,14 +982,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 +1040,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 +1315,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,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-frontend-extensions/import-resources-modal",
   "description": "Shared import modal for importing resources",
-  "version": "1.7.6",
+  "version": "1.8.0",
   "license": "BSD-3-Clause",
   "publishConfig": {
     "access": "public"
@@ -15,8 +15,8 @@
     "README.md"
   ],
   "dependencies": {
-    "@babel/runtime": "7.27.1",
-    "@babel/runtime-corejs3": "7.27.1",
+    "@babel/runtime": "7.27.4",
+    "@babel/runtime-corejs3": "7.27.4",
     "@commercetools/importapi-sdk": "5.20.0",
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.0",
@@ -27,32 +27,33 @@
     "lodash.truncate": "4.4.2",
     "moment": "2.30.1",
     "omit-empty-es": "^1.1.3",
-    "papaparse": "5.5.2",
+    "papaparse": "5.5.3",
     "pluralize": "8.0.0",
     "prop-types": "15.8.1",
     "ramda": "^0.30.0",
     "react-dropzone": "14.3.8"
   },
   "devDependencies": {
-    "@commercetools-frontend/actions-global": "fec-156-react19",
-    "@commercetools-frontend/application-components": "fec-156-react19",
-    "@commercetools-frontend/application-shell": "fec-156-react19",
-    "@commercetools-frontend/application-shell-connectors": "fec-156-react19",
-    "@commercetools-frontend/constants": "fec-156-react19",
-    "@commercetools-frontend/fullstory": "react-19-migration",
-    "@commercetools-frontend/i18n": "fec-156-react19",
-    "@commercetools-frontend/jest-preset-mc-app": "fec-156-react19",
-    "@commercetools-frontend/permissions": "fec-156-react19",
-    "@commercetools-frontend/sdk": "fec-156-react19",
-    "@commercetools-frontend/sentry": "fec-156-react19",
-    "@commercetools-frontend/ui-kit": "fec-155-react-19",
-    "@commercetools-uikit/data-table": "fec-155-react-19",
-    "@commercetools-uikit/design-system": "fec-155-react-19",
-    "@commercetools-uikit/icons": "fec-155-react-19",
-    "@commercetools-uikit/select-field": "fec-155-react-19",
+    "@commercetools-frontend/actions-global": "24.0.0",
+    "@commercetools-frontend/application-components": "24.0.0",
+    "@commercetools-frontend/application-shell": "24.0.0",
+    "@commercetools-frontend/application-shell-connectors": "24.0.0",
+    "@commercetools-frontend/constants": "24.0.0",
+    "@commercetools-frontend/fullstory": "4.0.0",
+    "@commercetools-frontend/i18n": "24.0.0",
+    "@commercetools-frontend/jest-preset-mc-app": "24.0.0",
+    "@commercetools-frontend/permissions": "24.0.0",
+    "@commercetools-frontend/sdk": "24.0.0",
+    "@commercetools-frontend/sentry": "24.0.0",
+    "@commercetools-frontend/ui-kit": "20.0.0",
+    "@commercetools-uikit/data-table": "20.0.0",
+    "@commercetools-uikit/design-system": "20.0.0",
+    "@commercetools-uikit/icons": "20.0.0",
+    "@commercetools-uikit/select-field": "20.0.0",
     "@preconstruct/cli": "2.8.12",
     "@types/jest": "29.5.14",
     "@types/lodash.truncate": "^4.4.7",
+    "@types/papaparse": "5.3.16",
     "@types/testing-library__jest-dom": "^5.14.5",
     "msw": "1.3.5",
     "react": "19.0.0",
@@ -62,20 +63,20 @@
     "rimraf": "6.0.1"
   },
   "peerDependencies": {
-    "@commercetools-frontend/actions-global": "23.x || 24.x || fec-156-react19",
-    "@commercetools-frontend/application-components": "23.x || 24.x || fec-156-react19",
-    "@commercetools-frontend/application-shell": "23.x || 24.x || fec-156-react19",
-    "@commercetools-frontend/application-shell-connectors": "23.x || 24.x || fec-156-react19",
-    "@commercetools-frontend/constants": "23.x || 24.x || fec-156-react19",
-    "@commercetools-frontend/fullstory": "2.x || 3.x || 4.x || react-19-migration",
-    "@commercetools-frontend/i18n": "23.x || 24.x || fec-156-react19",
-    "@commercetools-frontend/jest-preset-mc-app": "23.x || 24.x || fec-156-react19",
-    "@commercetools-frontend/permissions": "23.x || 24.x || fec-156-react19",
-    "@commercetools-frontend/sdk": "23.x || 24.x || fec-156-react19",
-    "@commercetools-frontend/sentry": "23.x || 24.x || fec-156-react19",
-    "@commercetools-frontend/ui-kit": "19.x || 20.x || fec-155-react-19",
-    "@commercetools-uikit/design-system": "19.x || 20.x || fec-155-react-19",
-    "@commercetools-uikit/icons": "19.x || 20.x || fec-155-react-19",
+    "@commercetools-frontend/actions-global": "23.x || 24.x",
+    "@commercetools-frontend/application-components": "23.x || 24.x",
+    "@commercetools-frontend/application-shell": "23.x || 24.x",
+    "@commercetools-frontend/application-shell-connectors": "23.x || 24.x",
+    "@commercetools-frontend/constants": "23.x || 24.x",
+    "@commercetools-frontend/fullstory": "2.x || 3.x || 4.x",
+    "@commercetools-frontend/i18n": "23.x || 24.x",
+    "@commercetools-frontend/jest-preset-mc-app": "23.x || 24.x",
+    "@commercetools-frontend/permissions": "23.x || 24.x",
+    "@commercetools-frontend/sdk": "23.x || 24.x",
+    "@commercetools-frontend/sentry": "23.x || 24.x",
+    "@commercetools-frontend/ui-kit": "19.x || 20.x",
+    "@commercetools-uikit/design-system": "19.x || 20.x",
+    "@commercetools-uikit/icons": "19.x || 20.x",
     "react": "17.x || 19.x",
     "react-intl": "6.x || 7.x",
     "react-redux": "7.x",