@commercetools-frontend-extensions/import-resources-modal 0.0.0-canary-20240619085132 → 0.0.0-canary-20240626134256

package/dist/{index-206edb9b.esm.js → index-041dc905.esm.js}

@@ -14,7 +14,6 @@ import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import React, { useContext, lazy, useState, useEffect } from 'react';
 import { actions, useAsyncDispatch } from '@commercetools-frontend/sdk';
 import { MC_API_PROXY_TARGETS, DOMAINS } from '@commercetools-frontend/constants';
-import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import { plural } from 'pluralize';
 import _Promise from '@babel/runtime-corejs3/core-js-stable/promise';
 import _Array$isArray from '@babel/runtime-corejs3/core-js-stable/array/is-array';
@@ -25,7 +24,6 @@ import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/ins
 import Papa from 'papaparse';
 import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
-import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
 import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 import 'querystring';
 import 'ramda';
@@ -33,15 +31,16 @@ import { createHttpClientOptions, buildApiUrl } from '@commercetools-frontend/ap
 import _Reflect$construct from '@babel/runtime-corejs3/core-js-stable/reflect/construct';
 import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
 import _classCallCheck from '@babel/runtime-corejs3/helpers/esm/classCallCheck';
-import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
 import _possibleConstructorReturn from '@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn';
 import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
+import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
 import _wrapNativeSuper from '@babel/runtime-corejs3/helpers/esm/wrapNativeSuper';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import { FormDialog, PageContentNarrow, ConfirmationDialog, InfoDialog } from '@commercetools-frontend/application-components';
 import { customProperties, Constraints, Spacings, Grid, designTokens, Text, Link, Card, CheckBoldIcon, EyeCrossedIcon, usePaginationState, PageNavigator, Stamp, SecondaryButton, PrimaryButton, ImportIcon, ProgressBar, RadioInput } from '@commercetools-frontend/ui-kit';
 import { useShowNotification } from '@commercetools-frontend/actions-global';
 import { reportErrorToSentry } from '@commercetools-frontend/sentry';
+import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
 import { useDropzone } from 'react-dropzone';
 import _styled from '@emotion/styled/base';
 import { css } from '@emotion/react';
@@ -59,7 +58,7 @@ function isResourceType(maybeResourceType) {
 }
 function assertResourceType(maybeResourceType) {
   if (isResourceType(maybeResourceType)) return;
-  throw new Error("Invalid value: ".concat(maybeResourceType));
+  throw new Error(`Invalid value: ${maybeResourceType}`);
 }
 function isError(maybeError) {
   if (maybeError instanceof Error) return true;
@@ -74,7 +73,6 @@ function hasRequiredFields(maybeValidObject, requiredFields) {
   return typeof maybeValidObject === 'object' && maybeValidObject !== null && _everyInstanceProperty(requiredFields).call(requiredFields, property => hasOwnProperty(maybeValidObject, property));
 }
 
-var _context;
 const DEFAULT_DELIMITER = ',';
 const INITIAL_COLUMN_DISPLAY_COUNT = 8;
 const IMPORT_TAG_KEYS = {
@@ -83,7 +81,7 @@ const IMPORT_TAG_KEYS = {
 const IMPORT_TAG_VALUES = {
   fileUpload: 'file-upload'
 };
-const TAG_KEY_SOURCE_FILE_UPLOAD = _concatInstanceProperty(_context = "".concat(IMPORT_TAG_KEYS.source, ":")).call(_context, IMPORT_TAG_VALUES.fileUpload);
+const TAG_KEY_SOURCE_FILE_UPLOAD = `${IMPORT_TAG_KEYS.source}:${IMPORT_TAG_VALUES.fileUpload}`;
 
 const FILE_SIZE_LIMITS_MB = {
   category: 10,
@@ -91,9 +89,9 @@ const FILE_SIZE_LIMITS_MB = {
   product: 35
 };
 const ROW_LIMITS = {
-  category: 5000,
-  inventory: 4000,
-  product: 70000
+  category: 5_000,
+  inventory: 4_000,
+  product: 70_000
 };
 const RESOURCE_TYPE_TEMPLATE_DOWNLOAD_LINKS = {
   category: 'https://docs.commercetools.com/merchant-center/downloads/category_import_template.csv',
@@ -221,76 +219,67 @@ const encodeFileNameWithTimestampToContainerKey = fileName => {
 };
 
 function getCreateImportContainerURL(projectKey) {
-  return "/".concat(projectKey, "/import-containers");
+  return `/${projectKey}/import-containers`;
 }
 function getDeleteImportContainerURL(projectKey, containerKey) {
-  var _context6;
-  return _concatInstanceProperty(_context6 = "/".concat(projectKey, "/import-containers/")).call(_context6, containerKey);
+  return `/${projectKey}/import-containers/${containerKey}`;
 }
 function getFileUploadURL(projectKey, resourceType, containerKey) {
-  var _context8, _context9;
-  return _concatInstanceProperty(_context8 = _concatInstanceProperty(_context9 = "/".concat(projectKey, "/")).call(_context9, plural(resourceType), "/import-containers/")).call(_context8, containerKey, "/file-upload");
+  return `/${projectKey}/${plural(resourceType)}/import-containers/${containerKey}/file-upload`;
 }
 function getProccessFileURL(projectKey, resourceType, containerKey) {
-  var _context10, _context11;
-  return _concatInstanceProperty(_context10 = _concatInstanceProperty(_context11 = "/".concat(projectKey, "/")).call(_context11, plural(resourceType), "/import-containers/")).call(_context10, containerKey, "/process-file");
+  return `/${projectKey}/${plural(resourceType)}/import-containers/${containerKey}/process-file`;
 }
 
-function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _callSuper$3(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$3() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$3() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$3 = function () { return !!t; })(); }
 let UnexpectedResourceTypeError = /*#__PURE__*/function (_Error) {
-  _inherits(UnexpectedResourceTypeError, _Error);
-  var _super = _createSuper$3(UnexpectedResourceTypeError);
   function UnexpectedResourceTypeError(resourceType) {
     var _this;
     _classCallCheck(this, UnexpectedResourceTypeError);
-    _this = _super.call(this, "Unexpected resource type \"".concat(resourceType, "\""));
+    _this = _callSuper$3(this, UnexpectedResourceTypeError, [`Unexpected resource type "${resourceType}"`]);
     _this.name = 'UnexpectedResourceTypeError';
     return _this;
   }
+  _inherits(UnexpectedResourceTypeError, _Error);
   return _createClass(UnexpectedResourceTypeError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
-function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _callSuper$2(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$2() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function () { return !!t; })(); }
 let MissingImportResourceProviderError = /*#__PURE__*/function (_Error) {
-  _inherits(MissingImportResourceProviderError, _Error);
-  var _super = _createSuper$2(MissingImportResourceProviderError);
   function MissingImportResourceProviderError() {
     var _this;
     _classCallCheck(this, MissingImportResourceProviderError);
-    _this = _super.call(this, 'useImportResourcesContext must be used within ImportResourcesProvider');
+    _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 _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _callSuper$1(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$1() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function () { return !!t; })(); }
 let UnexpectedColumnError = /*#__PURE__*/function (_Error) {
-  _inherits(UnexpectedColumnError, _Error);
-  var _super = _createSuper$1(UnexpectedColumnError);
   function UnexpectedColumnError(columnName) {
     var _this;
     _classCallCheck(this, UnexpectedColumnError);
-    _this = _super.call(this, "Unexpected column \"".concat(columnName, "\""));
+    _this = _callSuper$1(this, UnexpectedColumnError, [`Unexpected column "${columnName}"`]);
     _this.name = 'UnexpectedColumnError';
     return _this;
   }
+  _inherits(UnexpectedColumnError, _Error);
   return _createClass(UnexpectedColumnError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
 let HttpError = /*#__PURE__*/function (_Error) {
-  _inherits(HttpError, _Error);
-  var _super = _createSuper(HttpError);
   function HttpError(statusCode, statusText, errorData) {
-    var _context;
     var _this;
     _classCallCheck(this, HttpError);
-    _this = _super.call(this, _concatInstanceProperty(_context = "HTTP Error! Status code: ".concat(statusCode, ", message: \"")).call(_context, statusText ? statusText : '', "\""));
+    _this = _callSuper(this, HttpError, [`HTTP Error! Status code: ${statusCode}, message: "${statusText ? statusText : ''}"`]);
     _this.statusCode = void 0;
     _this.errorData = void 0;
     _this.name = 'HttpError';
@@ -298,14 +287,14 @@ let HttpError = /*#__PURE__*/function (_Error) {
     _this.errorData = errorData;
     return _this;
   }
+  _inherits(HttpError, _Error);
   return _createClass(HttpError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
 function ownKeys$e(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys$e(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys$e(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$e(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$e(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const addProxyPrefixToUrl = (uri, proxy) => {
-  var _context;
-  return proxy ? _concatInstanceProperty(_context = "/proxy/".concat(proxy)).call(_context, uri) : uri;
+  return proxy ? `/proxy/${proxy}${uri}` : uri;
 };
 const fetchUsingXhr = _ref2 => {
   let url = _ref2.url,
@@ -317,15 +306,15 @@ const fetchUsingXhr = _ref2 => {
   const options = createHttpClientOptions({
     headers: _objectSpread$e({
       'Content-Type': 'application/json'
-    }, config === null || config === void 0 ? void 0 : config.headers)
+    }, config?.headers)
   });
   const xhr = new XMLHttpRequest();
-  xhr.open(config === null || config === void 0 ? void 0 : config.method, buildApiUrl(addProxyPrefixToUrl(url, config === null || config === void 0 ? void 0 : config.proxy)), true);
+  xhr.open(config?.method, buildApiUrl(addProxyPrefixToUrl(url, config?.proxy)), true);
   // Include cookies in the request
   xhr.withCredentials = true;
   if (options.headers) {
-    var _context2;
-    _forEachInstanceProperty(_context2 = _Object$keys(options.headers)).call(_context2, key => {
+    var _context;
+    _forEachInstanceProperty(_context = _Object$keys(options.headers)).call(_context, key => {
       xhr.setRequestHeader(key, options.headers[key]);
     });
   }
@@ -494,7 +483,7 @@ function reducer(state, action) {
   throw new Error(getUnknownActionError(action));
 }
 function getUnknownActionError(actionType) {
-  return "Unkown type: ".concat(actionType);
+  return `Unkown type: ${actionType}`;
 }
 const initialState = {
   currentStep: 1,
@@ -511,12 +500,9 @@ function ownKeys$b(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySy
 function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$b(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$b(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const ImportResourcesContext = /*#__PURE__*/React.createContext();
 const ImportResourcesProvider = props => {
-  const _useApplicationContex = useApplicationContext(context => {
-      var _context$project;
-      return {
-        projectKey: (_context$project = context.project) === null || _context$project === void 0 ? void 0 : _context$project.key
-      };
-    }),
+  const _useApplicationContex = useApplicationContext(context => ({
+      projectKey: context.project?.key
+    })),
     projectKey = _useApplicationContex.projectKey;
   const asyncDispatch = useAsyncDispatch();
   const _React$useReducer = React.useReducer(reducer, _objectSpread$b(_objectSpread$b({}, initialState), {}, {
@@ -647,15 +633,17 @@ var messages$5 = defineMessages({
     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.'
+  },
+  missingKeyError: {
+    id: 'operations.import.upload.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."
   }
 });
 
 const useUpload = () => {
   const intl = useIntl();
-  const projectKey = useApplicationContext(context => {
-    var _context$project;
-    return (_context$project = context.project) === null || _context$project === void 0 ? void 0 : _context$project.key;
-  });
+  const projectKey = useApplicationContext(context => context.project?.key);
   const _useImportResourcesCo = useImportResourcesContext(),
     state = _useImportResourcesCo.state,
     actions = _useImportResourcesCo.actions;
@@ -705,15 +693,14 @@ const useUpload = () => {
       return;
     }
     if (error instanceof HttpError) {
-      var _error$errorData, _error$errorData2;
-      if (((_error$errorData = error.errorData) === null || _error$errorData === void 0 ? void 0 : _error$errorData.code) === 'MISSING_KEY_ERROR') {
+      if (error.errorData?.code === 'MISSING_KEY_ERROR') {
         actions.cancelImport();
         showNotification({
           kind: 'error',
           domain: DOMAINS.PAGE,
-          text: error.errorData.message
+          text: intl.formatMessage(messages$5.unexpectedError)
         });
-      } else if (((_error$errorData2 = error.errorData) === null || _error$errorData2 === void 0 ? void 0 : _error$errorData2.invalid) > 0) {
+      } else if (error.errorData?.invalid > 0) {
         actions.setUploadFileResponse(error.errorData);
       } else {
         actions.cancelImport();
@@ -724,7 +711,6 @@ const useUpload = () => {
         });
       }
     } else {
-      var _state$droppedFile;
       actions.cancelImport();
       showNotification({
         kind: 'error',
@@ -737,7 +723,7 @@ const useUpload = () => {
           projectKey,
           containerKey: state.containerKey,
           resourceType: state.resourceType,
-          fileSizeInBytes: (_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.size
+          fileSizeInBytes: state.droppedFile?.size
         }
       });
     }
@@ -818,8 +804,12 @@ const getBorderColor = state => {
 const getDashedBorder = function () {
   let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
   const color = getBorderColor(state);
-  const svgContent = "\n    <svg width=\"100%\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\">\n      <rect width=\"100%\" height=\"100%\" fill=\"none\" stroke=\"".concat(color, "\" stroke-width=\"2px\" stroke-dasharray=\"6,6\" stroke-dashoffset=\"0\" stroke-linecap=\"square\"/>\n    </svg>\n  ");
-  return "data:image/svg+xml,".concat(encodeURIComponent(svgContent));
+  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__*/css("border-radius:", customProperties.borderRadius6, ";min-height:136px;display:flex;justify-content:center;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:base;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QmdCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3VpLWtpdCdcblxudHlwZSBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnIHwgJ2Vycm9yJyB8ICdhY3RpdmUnXG5cbmNvbnN0IGdldEJvcmRlckNvbG9yID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlKSA9PiB7XG4gIGNvbnN0IGJvcmRlckNvbG9ycyA9IHtcbiAgICBkZWZhdWx0OiAnIzkwOWRiYycsXG4gICAgZXJyb3I6ICcjZTYwMDUwJyxcbiAgICBhY3RpdmU6IGN1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5LFxuICB9XG5cbiAgcmV0dXJuIGJvcmRlckNvbG9yc1tzdGF0ZV0gfHwgYm9yZGVyQ29sb3JzLmRlZmF1bHRcbn1cblxuY29uc3QgZ2V0RGFzaGVkQm9yZGVyID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnKSA9PiB7XG4gIGNvbnN0IGNvbG9yID0gZ2V0Qm9yZGVyQ29sb3Ioc3RhdGUpXG4gIGNvbnN0IHN2Z0NvbnRlbnQgPSBgXG4gICAgPHN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgPHJlY3Qgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiJHtjb2xvcn1cIiBzdHJva2Utd2lkdGg9XCIycHhcIiBzdHJva2UtZGFzaGFycmF5PVwiNiw2XCIgc3Ryb2tlLWRhc2hvZmZzZXQ9XCIwXCIgc3Ryb2tlLWxpbmVjYXA9XCJzcXVhcmVcIi8+XG4gICAgPC9zdmc+XG4gIGBcbiAgcmV0dXJuIGBkYXRhOmltYWdlL3N2Zyt4bWwsJHtlbmNvZGVVUklDb21wb25lbnQoc3ZnQ29udGVudCl9YFxufVxuXG5jb25zdCBiYXNlID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiAke2N1c3RvbVByb3BlcnRpZXMuYm9yZGVyUmFkaXVzNn07XG4gIG1pbi1oZWlnaHQ6IDEzNnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbmNvbnN0IGRpc2FibGVkID0gY3NzYGBcbmNvbnN0IHJlYWR5Rm9yRHJvcCA9IGNzc2BcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFxcXCIke2dldERhc2hlZEJvcmRlcigpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbmBcbmNvbnN0IGFjdGl2ZURyYWcgPSBjc3NgXG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcXFwiJHtnZXREYXNoZWRCb3JkZXIoJ2FjdGl2ZScpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5OTV9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcbmNvbnN0IGZpbGVEcm9wcGVkID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXFxcIiR7Z2V0RGFzaGVkQm9yZGVyKCl9XFxcIik7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYmFzZSxcbiAgcmVhZHlGb3JEcm9wLFxuICBmaWxlRHJvcHBlZCxcbiAgZGlzYWJsZWQsXG4gIGFjdGl2ZURyYWcsXG59XG4iXX0= */");
 const disabled = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:disabled;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ29CIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3VpLWtpdCdcblxudHlwZSBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnIHwgJ2Vycm9yJyB8ICdhY3RpdmUnXG5cbmNvbnN0IGdldEJvcmRlckNvbG9yID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlKSA9PiB7XG4gIGNvbnN0IGJvcmRlckNvbG9ycyA9IHtcbiAgICBkZWZhdWx0OiAnIzkwOWRiYycsXG4gICAgZXJyb3I6ICcjZTYwMDUwJyxcbiAgICBhY3RpdmU6IGN1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5LFxuICB9XG5cbiAgcmV0dXJuIGJvcmRlckNvbG9yc1tzdGF0ZV0gfHwgYm9yZGVyQ29sb3JzLmRlZmF1bHRcbn1cblxuY29uc3QgZ2V0RGFzaGVkQm9yZGVyID0gKHN0YXRlOiBEcm9wQXJlYVN0YXRlID0gJ2RlZmF1bHQnKSA9PiB7XG4gIGNvbnN0IGNvbG9yID0gZ2V0Qm9yZGVyQ29sb3Ioc3RhdGUpXG4gIGNvbnN0IHN2Z0NvbnRlbnQgPSBgXG4gICAgPHN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgPHJlY3Qgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiJHtjb2xvcn1cIiBzdHJva2Utd2lkdGg9XCIycHhcIiBzdHJva2UtZGFzaGFycmF5PVwiNiw2XCIgc3Ryb2tlLWRhc2hvZmZzZXQ9XCIwXCIgc3Ryb2tlLWxpbmVjYXA9XCJzcXVhcmVcIi8+XG4gICAgPC9zdmc+XG4gIGBcbiAgcmV0dXJuIGBkYXRhOmltYWdlL3N2Zyt4bWwsJHtlbmNvZGVVUklDb21wb25lbnQoc3ZnQ29udGVudCl9YFxufVxuXG5jb25zdCBiYXNlID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiAke2N1c3RvbVByb3BlcnRpZXMuYm9yZGVyUmFkaXVzNn07XG4gIG1pbi1oZWlnaHQ6IDEzNnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbmNvbnN0IGRpc2FibGVkID0gY3NzYGBcbmNvbnN0IHJlYWR5Rm9yRHJvcCA9IGNzc2BcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFxcXCIke2dldERhc2hlZEJvcmRlcigpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbmBcbmNvbnN0IGFjdGl2ZURyYWcgPSBjc3NgXG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcXFwiJHtnZXREYXNoZWRCb3JkZXIoJ2FjdGl2ZScpfVxcXCIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5OTV9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcbmNvbnN0IGZpbGVEcm9wcGVkID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXFxcIiR7Z2V0RGFzaGVkQm9yZGVyKCl9XFxcIik7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZzUwfSAxMDBweDtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYmFzZSxcbiAgcmVhZHlGb3JEcm9wLFxuICBmaWxlRHJvcHBlZCxcbiAgZGlzYWJsZWQsXG4gIGFjdGl2ZURyYWcsXG59XG4iXX0= */");
@@ -858,13 +848,13 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:getDefaultDropWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cGUgRHJvcHpvbmVSb290UHJvcHMgfSBmcm9tICdyZWFjdC1kcm9wem9uZSdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2Rpc2FibGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5kaXNhYmxlZFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ3JlYWR5LWZvci1kcm9wJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5yZWFkeUZvckRyb3BcbiAgICB9XG4gICAgaWYgKHByb3BzLmRyb3BBcmVhU3RhdGUgPT09ICdhY3RpdmUtZHJhZycpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuYWN0aXZlRHJhZ1xuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2ZpbGUtZHJvcHBlZCcpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuZmlsZURyb3BwZWRcbiAgICB9XG4gICAgcmV0dXJuIGdldERlZmF1bHREcm9wV3JhcHBlclN0eWxlcyhwcm9wcy5kcm9wQXJlYVN0YXRlKVxuICB9fVxuYFxuZnVuY3Rpb24gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKF9kcm9wQXJlYVN0YXRlOiBuZXZlcikge1xuICByZXR1cm4gY3NzYGBcbn1cbiJdfQ== */");
 }
 
-var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-411713e9.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
+var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-a783f50a.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
 
 var DisabledDropArea = /*#__PURE__*/lazy(() => import('./disabled-drop-area-2c088477.esm.js' /* webpackChunkName: "disabled-drop-area" */));
 
-var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-45d0624e.esm.js' /* webpackChunkName: "enabled-drop-area" */));
+var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-832cb9fd.esm.js' /* webpackChunkName: "enabled-drop-area" */));
 
-var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-f586d767.esm.js' /* webpackChunkName: "filed-dropped-area" */));
+var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-6f4eea4a.esm.js' /* webpackChunkName: "filed-dropped-area" */));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,
@@ -1058,7 +1048,6 @@ var sharedMessages = defineMessages({
 });
 
 const Upload = () => {
-  var _context;
   const _useImportResourcesCo = useImportResourcesContext(),
     state = _useImportResourcesCo.state,
     onClose = _useImportResourcesCo.onClose,
@@ -1090,7 +1079,7 @@ const Upload = () => {
       scale: "l",
       children: [isMultipleResourceTypes ? jsxs(Grid, {
         gridRowGap: designTokens.spacingL,
-        gridTemplateColumns: _concatInstanceProperty(_context = "calc(".concat(designTokens.constraint3, " + ")).call(_context, designTokens.spacingL, ") auto"),
+        gridTemplateColumns: `calc(${designTokens.constraint3} + ${designTokens.spacingL}) auto`,
         children: [jsx(Grid.Item, {
           children: jsx(Text.Body, {
             isBold: true,
@@ -1335,23 +1324,19 @@ function ownKeys$7(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySy
 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(_context = ownKeys$7(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$7(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const getNewLine = () => jsx("br", {});
 const getImportLogsLink = (msg, projectKey) => jsx(Link, {
-  to: "/".concat(projectKey, "/operations/import/logs"),
+  to: `/${projectKey}/operations/import/logs`,
   children: msg
 });
 const ImportConfirmationModal = () => {
-  var _state$uploadFileResp;
   const intl = useIntl();
   const _useImportResourcesCo = useImportResourcesContext(),
     state = _useImportResourcesCo.state,
     onStartImportSuccess = _useImportResourcesCo.onStartImportSuccess,
     onClose = _useImportResourcesCo.onClose;
-  const _useApplicationContex = useApplicationContext(context => {
-      var _context$project, _context$project2;
-      return {
-        projectKey: (_context$project = context.project) === null || _context$project === void 0 ? void 0 : _context$project.key,
-        projectName: (_context$project2 = context.project) === null || _context$project2 === void 0 ? void 0 : _context$project2.name
-      };
-    }),
+  const _useApplicationContex = useApplicationContext(context => ({
+      projectKey: context.project?.key,
+      projectName: context.project?.name
+    })),
     projectKey = _useApplicationContex.projectKey,
     projectName = _useApplicationContex.projectName;
   const asyncDispatch = useAsyncDispatch();
@@ -1388,8 +1373,7 @@ const ImportConfirmationModal = () => {
     },
     onConfirm: async () => {
       try {
-        var _state$droppedFile;
-        const canConfirm = projectKey && state.containerKey && ((_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.name) && state.resourceType;
+        const canConfirm = projectKey && state.containerKey && state.droppedFile?.name && state.resourceType;
         if (!canConfirm) return;
         onClose();
         await processUploadedFile({
@@ -1426,7 +1410,7 @@ const ImportConfirmationModal = () => {
           intlMessage: _objectSpread$7(_objectSpread$7({}, messages$3.confirmationBodyText), {}, {
             values: {
               projectName: projectName,
-              count: intl.formatNumber((state === null || state === void 0 || (_state$uploadFileResp = state.uploadFileResponse) === null || _state$uploadFileResp === void 0 ? void 0 : _state$uploadFileResp.rowsCount) || 0),
+              count: intl.formatNumber(state?.uploadFileResponse?.rowsCount || 0),
               bold: getBold$2
             }
           })
@@ -1534,7 +1518,6 @@ function itemRenderer$1(item, column) {
 function ownKeys$5(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const UploadClientSideErrorsModal = () => {
-  var _state$droppedFile;
   const intl = useIntl();
   const _useImportResourcesCo = useImportResourcesContext(),
     state = _useImportResourcesCo.state,
@@ -1556,7 +1539,7 @@ const UploadClientSideErrorsModal = () => {
       children: [jsx(Text.Body, {
         intlMessage: _objectSpread$5(_objectSpread$5({}, messages$2.uploadingError), {}, {
           values: {
-            fileName: (_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.name,
+            fileName: state.droppedFile?.name,
             errorsCount: intl.formatNumber(errorsCount),
             b: getBold$1
           }
@@ -1652,13 +1635,12 @@ function itemRenderer(item, column) {
 function ownKeys$3(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const UploadServerSideErrorsModal = () => {
-  var _state$uploadFileResp, _state$droppedFile, _state$uploadFileResp2;
   const intl = useIntl();
   const _useImportResourcesCo = useImportResourcesContext(),
     state = _useImportResourcesCo.state,
     actions = _useImportResourcesCo.actions,
     onClose = _useImportResourcesCo.onClose;
-  const errorsCount = getFileUploadErrorsCount((_state$uploadFileResp = state.uploadFileResponse) === null || _state$uploadFileResp === void 0 ? void 0 : _state$uploadFileResp.results);
+  const errorsCount = getFileUploadErrorsCount(state.uploadFileResponse?.results);
   const documentationLink = RESOURCE_TYPE_DOCUMENTATION_LINKS[state.resourceType];
   return jsx(InfoDialog, {
     size: 16,
@@ -1677,7 +1659,7 @@ const UploadServerSideErrorsModal = () => {
         children: [jsx(Text.Body, {
           intlMessage: _objectSpread$3(_objectSpread$3({}, messages$2.uploadingError), {}, {
             values: {
-              fileName: (_state$droppedFile = state.droppedFile) === null || _state$droppedFile === void 0 ? void 0 : _state$droppedFile.name,
+              fileName: state.droppedFile?.name,
               errorsCount: intl.formatNumber(errorsCount),
               b: getBold
             }
@@ -1695,7 +1677,7 @@ const UploadServerSideErrorsModal = () => {
           })
         })]
       }), jsx(UploadServerSideErrorTable, {
-        rows: mapUploadFileErrorsResponseToUploadFileErrorRows((_state$uploadFileResp2 = state.uploadFileResponse) === null || _state$uploadFileResp2 === void 0 ? void 0 : _state$uploadFileResp2.results)
+        rows: mapUploadFileErrorsResponseToUploadFileErrorRows(state.uploadFileResponse?.results)
       }), jsxs(Spacings.Inline, {
         scale: "m",
         justifyContent: "flex-end",
@@ -1720,11 +1702,10 @@ function getBold(msg) {
 }
 
 const UploadResult = () => {
-  var _state$uploadFileResp;
   const _useImportResourcesCo = useImportResourcesContext(),
     state = _useImportResourcesCo.state;
   if (state.fileUploadClientSideErrors.length > 0) return jsx(UploadClientSideErrorsModal, {});
-  if (((_state$uploadFileResp = state.uploadFileResponse) === null || _state$uploadFileResp === void 0 ? void 0 : _state$uploadFileResp.invalid) > 0) return jsx(UploadServerSideErrorsModal, {});
+  if (state.uploadFileResponse?.invalid > 0) return jsx(UploadServerSideErrorsModal, {});
   return jsx(UploadPreviewModal, {});
 };
 
@@ -1762,7 +1743,6 @@ FileIcon.defaultProps = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 const Uploading = () => {
-  var _state$droppedFile;
   const intl = useIntl();
   const _useImportResourcesCo = useImportResourcesContext(),
     state = _useImportResourcesCo.state,
@@ -1772,7 +1752,7 @@ const Uploading = () => {
     resourceType: state.resourceType,
     isPlural: true
   });
-  if ((_state$droppedFile = state.droppedFile) !== null && _state$droppedFile !== void 0 && _state$droppedFile.name) return jsx(InfoDialog, {
+  if (state.droppedFile?.name) return jsx(InfoDialog, {
     size: 16,
     isOpen: true,
     title: intl.formatMessage(sharedMessages.modalTitle, {
@@ -1859,7 +1839,7 @@ const resourceTypeToDisplayName = resourceType => {
     case 'category':
       return messages$1.categories;
     default:
-      throw new Error("Unknown resource type: ".concat(resourceType));
+      throw new Error(`Unknown resource type: ${resourceType}`);
   }
 };
 const ResourceTypeSelection = () => {
@@ -1948,8 +1928,8 @@ const loadMessages = async locale => {
     return parseChunkImport(chunkImport);
   } catch (error) {
     // eslint-disable-next-line no-console
-    console.warn("Something went wrong while loading the import-resources-modal messages for ".concat(locale), error);
-    reportErrorToSentry(new Error("Something went wrong while loading the import-resources-modal messages for ".concat(locale)), {
+    console.warn(`Something went wrong while loading the import-resources-modal messages for ${locale}`, error);
+    reportErrorToSentry(new Error(`Something went wrong while loading the import-resources-modal messages for ${locale}`), {
       extra: error
     });
     return {};
@@ -1994,14 +1974,14 @@ const useAsyncIntlMessages = (locale, loader) => {
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const ImportResourcesModal = props => {
-  var _props$resourceTypes, _context;
+  var _context;
   const _useApplicationContex = 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 = props.resourceTypes) !== null && _props$resourceTypes !== void 0 && _props$resourceTypes.length)) {
+  if (!props.resourceTypes?.length) {
     console.error('No resource types provided for import resources modal');
     return null;
   }