@commercetools-frontend-extensions/export-resources-modal 4.4.5 → 4.4.6

package/dist/commercetools-frontend-extensions-export-resources-modal.cjs.prod.js

@@ -16,42 +16,41 @@ var applicationShellConnectors = require('@commercetools-frontend/application-sh
 var uiKit = require('@commercetools-frontend/ui-kit');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
-var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var fullstory = require('@commercetools-frontend/fullstory');
 var React = require('react');
 var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
 var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
 var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
-var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
 var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
 var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
 var _wrapNativeSuper = require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
-var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
+var experimentalComponents = require('@commercetools-frontend/experimental-components');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var omitEmpty = require('omit-empty-es');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 var _Set = require('@babel/runtime-corejs3/core-js-stable/set');
 var _sortInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/sort');
 var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
-var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
 var moment = require('moment');
+var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
 var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
-var experimentalComponents = require('@commercetools-frontend/experimental-components');
-var sdk = require('@commercetools-frontend/sdk');
 var actionsGlobal = require('@commercetools-frontend/actions-global');
 var constants = require('@commercetools-frontend/constants');
+var sdk = require('@commercetools-frontend/sdk');
 var _styled = require('@emotion/styled/base');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var throttle = require('lodash/throttle');
 var react = require('@emotion/react');
 var get = require('lodash/get');
 var formik = require('formik');
-var sentry = require('@commercetools-frontend/sentry');
 var i18n = require('@commercetools-frontend/i18n');
+var sentry = require('@commercetools-frontend/sentry');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -64,19 +63,18 @@ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_O
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
-var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var React__default = /*#__PURE__*/_interopDefault(React);
 var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
 var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
-var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var omitEmpty__default = /*#__PURE__*/_interopDefault(omitEmpty);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
 var _Set__default = /*#__PURE__*/_interopDefault(_Set);
 var _sortInstanceProperty__default = /*#__PURE__*/_interopDefault(_sortInstanceProperty);
 var _indexOfInstanceProperty__default = /*#__PURE__*/_interopDefault(_indexOfInstanceProperty);
-var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
 var moment__default = /*#__PURE__*/_interopDefault(moment);
+var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
 var _everyInstanceProperty__default = /*#__PURE__*/_interopDefault(_everyInstanceProperty);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
@@ -324,63 +322,115 @@ function renderLocaleError(key) {
   }
 }
 
-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__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+const Z_INDEX_DROPDOWN = 30000;
+const OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION = 'OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION';
+const OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP = 'OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP';
+
+const EXPORT_OPERATION_STATES = {
+  PROCESSING: 'processing',
+  COMPLETED: 'completed',
+  FAILED: 'failed',
+  QUEUED: 'queued'
+};
+
+const EXPORT_TYPES = {
+  ALL: 'all',
+  FILTERED: 'filtered',
+  SELECTED: 'selected'
+};
+
+const EXPORTABLE_RESOURCES = {
+  CATEGORY: 'category',
+  PRODUCT: 'product',
+  DISCOUNT_CODE: 'discount-code',
+  INVENTORY_ENTRY: 'inventory-entry'
+};
+
+const OUTPUT_FORMATS = {
+  JSON: 'json',
+  CSV: 'csv'
+};
+const OUTPUT_FORMAT_OPTIONS = [{
+  value: OUTPUT_FORMATS.CSV,
+  label: 'CSV'
+}, {
+  value: OUTPUT_FORMATS.JSON,
+  label: 'JSON'
+}];
+
+const resourceTypeMessages = {
+  [EXPORTABLE_RESOURCES.CATEGORY]: {
+    exportScopeAll: messages.exportScopeAllCategories,
+    exportScopeSelected: messages.exportScopeSelectedCategories
+  },
+  [EXPORTABLE_RESOURCES.PRODUCT]: {
+    exportScopeAll: messages.exportScopeAllProducts,
+    exportScopeSelected: messages.exportScopeSelectedProducts
+  },
+  [EXPORTABLE_RESOURCES.INVENTORY_ENTRY]: {
+    exportScopeAll: messages.exportScopeAllInventories,
+    exportScopeSelected: messages.exportScopeSelectedInventories
+  },
+  [EXPORTABLE_RESOURCES.DISCOUNT_CODE]: {
+    exportScopeAll: messages.exportScopeAllDiscountCodes,
+    exportScopeSelected: messages.exportScopeSelectedDiscountCodes,
+    exportScopeFiltered: messages.exportScopeFilteredDiscountCodes
+  }
+};
+
+function _callSuper$3(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$3() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$3() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$3 = function () { return !!t; })(); }
 let MissingExportResourceProviderError = /*#__PURE__*/function (_Error) {
-  _inherits(MissingExportResourceProviderError, _Error);
-  var _super = _createSuper$3(MissingExportResourceProviderError);
   function MissingExportResourceProviderError() {
     var _this;
     _classCallCheck(this, MissingExportResourceProviderError);
-    _this = _super.call(this, 'useExportResourcesContext must be used within ExportResourcesProvider');
+    _this = _callSuper$3(this, MissingExportResourceProviderError, ['useExportResourcesContext must be used within ExportResourcesProvider']);
     _this.name = 'MissingExportResourceProviderError';
     return _this;
   }
+  _inherits(MissingExportResourceProviderError, _Error);
   return _createClass(MissingExportResourceProviderError);
 }( /*#__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__default["default"](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__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function () { return !!t; })(); }
 let UnexpectedExportOperationStateError = /*#__PURE__*/function (_Error) {
-  _inherits(UnexpectedExportOperationStateError, _Error);
-  var _super = _createSuper$2(UnexpectedExportOperationStateError);
   function UnexpectedExportOperationStateError(state) {
     var _this;
     _classCallCheck(this, UnexpectedExportOperationStateError);
-    _this = _super.call(this, "Unexpected export operation state \"".concat(state, "\""));
+    _this = _callSuper$2(this, UnexpectedExportOperationStateError, [`Unexpected export operation state "${state}"`]);
     _this.name = 'UnexpectedExportOperationStateError';
     return _this;
   }
+  _inherits(UnexpectedExportOperationStateError, _Error);
   return _createClass(UnexpectedExportOperationStateError);
 }( /*#__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__default["default"](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__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function () { return !!t; })(); }
 let UnexpectedResourceTypeError = /*#__PURE__*/function (_Error) {
-  _inherits(UnexpectedResourceTypeError, _Error);
-  var _super = _createSuper$1(UnexpectedResourceTypeError);
   function UnexpectedResourceTypeError(resourceType) {
     var _this;
     _classCallCheck(this, UnexpectedResourceTypeError);
-    _this = _super.call(this, "Unexpected resource type \"".concat(resourceType, "\""));
+    _this = _callSuper$1(this, UnexpectedResourceTypeError, [`Unexpected resource type "${resourceType}"`]);
     _this.name = 'UnexpectedResourceTypeError';
     return _this;
   }
+  _inherits(UnexpectedResourceTypeError, _Error);
   return _createClass(UnexpectedResourceTypeError);
 }( /*#__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__default["default"](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__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
 let InvalidResponseError = /*#__PURE__*/function (_Error) {
-  _inherits(InvalidResponseError, _Error);
-  var _super = _createSuper(InvalidResponseError);
   function InvalidResponseError(message) {
     var _this;
     _classCallCheck(this, InvalidResponseError);
-    _this = _super.call(this, message);
+    _this = _callSuper(this, InvalidResponseError, [message]);
     _this.name = 'InvalidResponseError';
     return _this;
   }
+  _inherits(InvalidResponseError, _Error);
   return _createClass(InvalidResponseError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
@@ -393,7 +443,7 @@ function useExportResourcesContext() {
 }
 
 function checkAtLeastOneFieldChecked(fields) {
-  return fields === null || fields === void 0 ? void 0 : _someInstanceProperty__default["default"](fields).call(fields, field => {
+  return fields?.some(field => {
     if (field.fields) {
       return field.isChecked || checkAtLeastOneFieldChecked(field.fields);
     }
@@ -436,64 +486,7 @@ function validate(_ref) {
   return omitEmpty__default["default"](errors);
 }
 
-const Z_INDEX_DROPDOWN = 30000;
-const OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION = 'OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION';
-const OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP = 'OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP';
-
-const EXPORT_OPERATION_STATES = {
-  PROCESSING: 'processing',
-  COMPLETED: 'completed',
-  FAILED: 'failed',
-  QUEUED: 'queued'
-};
-
-const EXPORT_TYPES = {
-  ALL: 'all',
-  FILTERED: 'filtered',
-  SELECTED: 'selected'
-};
-
-const EXPORTABLE_RESOURCES = {
-  CATEGORY: 'category',
-  PRODUCT: 'product',
-  DISCOUNT_CODE: 'discount-code',
-  INVENTORY_ENTRY: 'inventory-entry'
-};
-
-const OUTPUT_FORMATS = {
-  JSON: 'json',
-  CSV: 'csv'
-};
-const OUTPUT_FORMAT_OPTIONS = [{
-  value: OUTPUT_FORMATS.CSV,
-  label: 'CSV'
-}, {
-  value: OUTPUT_FORMATS.JSON,
-  label: 'JSON'
-}];
-
-const resourceTypeMessages = {
-  [EXPORTABLE_RESOURCES.CATEGORY]: {
-    exportScopeAll: messages.exportScopeAllCategories,
-    exportScopeSelected: messages.exportScopeSelectedCategories
-  },
-  [EXPORTABLE_RESOURCES.PRODUCT]: {
-    exportScopeAll: messages.exportScopeAllProducts,
-    exportScopeSelected: messages.exportScopeSelectedProducts
-  },
-  [EXPORTABLE_RESOURCES.INVENTORY_ENTRY]: {
-    exportScopeAll: messages.exportScopeAllInventories,
-    exportScopeSelected: messages.exportScopeSelectedInventories
-  },
-  [EXPORTABLE_RESOURCES.DISCOUNT_CODE]: {
-    exportScopeAll: messages.exportScopeAllDiscountCodes,
-    exportScopeSelected: messages.exportScopeSelectedDiscountCodes,
-    exportScopeFiltered: messages.exportScopeFilteredDiscountCodes
-  }
-};
-
 function resourceTypeToFileName(resourceType) {
-  var _context;
   const todayFormatted = moment__default["default"]().format('DD-MM-YY_HH-mm');
   const resourceTypeMap = {
     [EXPORTABLE_RESOURCES.CATEGORY]: 'Categories',
@@ -505,7 +498,7 @@ function resourceTypeToFileName(resourceType) {
   if (!displayName) {
     throw new UnexpectedResourceTypeError(resourceType);
   }
-  return _concatInstanceProperty__default["default"](_context = "".concat(displayName, "_Export_")).call(_context, todayFormatted);
+  return `${displayName}_Export_${todayFormatted}`;
 }
 function mapLocalesToOptions(locales) {
   return _mapInstanceProperty__default["default"](locales).call(locales, locale => ({
@@ -517,14 +510,13 @@ function isFilledArray(maybeArray) {
   return _Array$isArray__default["default"](maybeArray) && maybeArray.length;
 }
 function appendCsvOrJsonExtensionIfAbsent(fileName, fileFormat) {
-  var _context2;
   const extensionRegex = /\.(csv|json)$/i;
-  if (!extensionRegex.test(fileName)) return _concatInstanceProperty__default["default"](_context2 = "".concat(fileName, ".")).call(_context2, fileFormat);
+  if (!extensionRegex.test(fileName)) return `${fileName}.${fileFormat}`;
   return fileName;
 }
 function getExportLogsLink(projectKey, msg) {
   return jsxRuntime.jsx(uiKit.Link, {
-    to: "/".concat(projectKey, "/operations/export/logs"),
+    to: `/${projectKey}/operations/export/logs`,
     children: msg
   });
 }
@@ -554,30 +546,28 @@ function sortFieldsByFieldOrder(_ref) {
   return fields;
 }
 function buildSelectedExportFilters(selectedResourceIds) {
-  if (!selectedResourceIds || (selectedResourceIds === null || selectedResourceIds === void 0 ? void 0 : selectedResourceIds.length) === 0) return undefined;
-  const formattedIds = _mapInstanceProperty__default["default"](selectedResourceIds).call(selectedResourceIds, id => "\"".concat(id, "\"")).join(', ');
-  return "id in (".concat(formattedIds, ")");
+  if (!selectedResourceIds || selectedResourceIds?.length === 0) return undefined;
+  const formattedIds = _mapInstanceProperty__default["default"](selectedResourceIds).call(selectedResourceIds, id => `"${id}"`).join(', ');
+  return `id in (${formattedIds})`;
 }
 function areFiltersApplied(filters) {
-  var _filters$where;
   if (!filters) {
     return false;
   }
-  return filters.where !== undefined && ((_filters$where = filters.where) === null || _filters$where === void 0 ? void 0 : _trimInstanceProperty__default["default"](_filters$where).call(_filters$where)) !== '';
+  return filters.where !== undefined && filters.where?.trim() !== '';
 }
 function getInitialExportType(args) {
-  var _args$selectedResourc, _args$filters;
-  if ((_args$selectedResourc = args.selectedResourceIds) !== null && _args$selectedResourc !== void 0 && _args$selectedResourc.length) {
+  if (args.selectedResourceIds?.length) {
     return EXPORT_TYPES.SELECTED;
   }
-  if ((_args$filters = args.filters) !== null && _args$filters !== void 0 && _args$filters.total && areFiltersApplied(args.filters)) {
+  if (args.filters?.total && areFiltersApplied(args.filters)) {
     return EXPORT_TYPES.FILTERED;
   }
   return EXPORT_TYPES.ALL;
 }
 
 function ownKeys$6(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys$6(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$6(Object(t))).call(_context6, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$6(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const updateFieldGroupsWithIsCheckedValue = (groups, cachedSelectedGroups) => {
   const updateFields = (fields, parentChecked, fieldName) => {
     return _mapInstanceProperty__default["default"](fields).call(fields, field => {
@@ -585,10 +575,8 @@ const updateFieldGroupsWithIsCheckedValue = (groups, cachedSelectedGroups) => {
       if (field.isRequired) {
         isChecked = true;
       } else {
-        var _context;
-        if (cachedSelectedGroups[_concatInstanceProperty__default["default"](_context = "".concat(fieldName, ".")).call(_context, field.name)] !== undefined) {
-          var _context2;
-          isChecked = cachedSelectedGroups[_concatInstanceProperty__default["default"](_context2 = "".concat(fieldName, ".")).call(_context2, field.name)];
+        if (cachedSelectedGroups[`${fieldName}.${field.name}`] !== undefined) {
+          isChecked = cachedSelectedGroups[`${fieldName}.${field.name}`];
         } else if (!field.isReadOnly && field.isSelectedByDefault) {
           isChecked = true;
         } else if (parentChecked) {
@@ -596,8 +584,7 @@ const updateFieldGroupsWithIsCheckedValue = (groups, cachedSelectedGroups) => {
         }
       }
       if (field.fields) {
-        var _context3;
-        const updatedFields = updateFields(field.fields, isChecked, _concatInstanceProperty__default["default"](_context3 = "".concat(fieldName, ".")).call(_context3, field.name));
+        const updatedFields = updateFields(field.fields, isChecked, `${fieldName}.${field.name}`);
         isChecked = false;
         field.fields = updatedFields;
       }
@@ -648,8 +635,7 @@ const updateFieldGroupsWithIsExpandedValue = (groups, cachedExpandedGroups) => {
     return _mapInstanceProperty__default["default"](fields).call(fields, field => {
       let isExpanded = null;
       if (field.isExpandable) {
-        var _ref, _cachedExpandedGroups, _context4;
-        isExpanded = (_ref = (_cachedExpandedGroups = cachedExpandedGroups[_concatInstanceProperty__default["default"](_context4 = "".concat(groupName, ".")).call(_context4, field.name)]) !== null && _cachedExpandedGroups !== void 0 ? _cachedExpandedGroups : field.isExpanded) !== null && _ref !== void 0 ? _ref : false;
+        isExpanded = cachedExpandedGroups[`${groupName}.${field.name}`] ?? field.isExpanded ?? false;
       }
       if (field.fields) {
         field.fields = updateFields(field.fields, groupName);
@@ -663,10 +649,9 @@ const updateFieldGroupsWithIsExpandedValue = (groups, cachedExpandedGroups) => {
     });
   }
   return _mapInstanceProperty__default["default"](groups).call(groups, group => {
-    var _ref2, _cachedExpandedGroups2;
     const updatedFields = updateFields(group.fields, group.groupName);
     return _objectSpread$6(_objectSpread$6({}, group), {}, {
-      isExpanded: (_ref2 = (_cachedExpandedGroups2 = cachedExpandedGroups[group.groupName]) !== null && _cachedExpandedGroups2 !== void 0 ? _cachedExpandedGroups2 : group.isExpanded) !== null && _ref2 !== void 0 ? _ref2 : false,
+      isExpanded: cachedExpandedGroups[group.groupName] ?? group.isExpanded ?? false,
       fields: updatedFields
     });
   });
@@ -676,7 +661,7 @@ const isRequiredGroupChecked = function () {
   let dependentGroupNames = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   let formik = arguments.length > 1 ? arguments[1] : undefined;
   let result = false;
-  if (dependentGroupNames !== null && dependentGroupNames !== void 0 && dependentGroupNames.length) {
+  if (dependentGroupNames?.length) {
     _someInstanceProperty__default["default"](dependentGroupNames).call(dependentGroupNames, dependentGroupName => {
       var _context;
       const dependentGroup = _findInstanceProperty__default["default"](_context = _valuesInstanceProperty__default["default"](formik).groups).call(_context, group => group.groupName === dependentGroupName);
@@ -698,23 +683,20 @@ const checkAllFieldsSelected = fields => {
 };
 
 const useInitialValues = props => {
-  var _context, _context2, _context3;
+  var _context;
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
       locale: applicationContext.dataLocale
     })),
     locale = _useApplicationContex.locale;
-  const _useApplicationContex2 = applicationShellConnectors.useApplicationContext(context => {
-      var _context$project;
-      return {
-        projectKey: (_context$project = context.project) === null || _context$project === void 0 ? void 0 : _context$project.key
-      };
-    }),
+  const _useApplicationContex2 = applicationShellConnectors.useApplicationContext(context => ({
+      projectKey: context.project?.key
+    })),
     projectKey = _useApplicationContex2.projectKey;
-  const _useStorage = experimentalComponents.useStorage(_concatInstanceProperty__default["default"](_context = "".concat(projectKey, "/")).call(_context, OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION), {}),
+  const _useStorage = experimentalComponents.useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION}`, {}),
     _useStorage2 = _slicedToArray(_useStorage, 1),
     cachedSelectedGroups = _useStorage2[0];
-  const _useStorage3 = experimentalComponents.useStorage(_concatInstanceProperty__default["default"](_context2 = "".concat(projectKey, "/")).call(_context2, OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP), {
-      [props.resourceType]: _reduceInstanceProperty__default["default"](_context3 = props.fieldGroups).call(_context3, (acc, group) => {
+  const _useStorage3 = experimentalComponents.useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP}`, {
+      [props.resourceType]: _reduceInstanceProperty__default["default"](_context = props.fieldGroups).call(_context, (acc, group) => {
         acc[group.groupName] = group.isExpanded;
         return acc;
       }, {})
@@ -726,7 +708,7 @@ const useInitialValues = props => {
     groups = updateFieldGroupsWithIsExpandedValue(groups, cachedExpandedGroups[props.resourceType] || {});
     return {
       outputFormat: props.outputFormat,
-      fileName: "".concat(resourceTypeToFileName(props.resourceType)),
+      fileName: `${resourceTypeToFileName(props.resourceType)}`,
       locales: [locale],
       groups: updateFieldGroupWithAdditionalFieldExtensions(groups)
     };
@@ -742,7 +724,7 @@ async function createExportOperation(_ref) {
     locales = _ref.locales,
     filters = _ref.filters,
     asyncDispatchFn = _ref.asyncDispatchFn;
-  const uri = "/".concat(projectKey, "/export-operations");
+  const uri = `/${projectKey}/export-operations`;
   const response = await asyncDispatchFn(sdk.actions.post({
     mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.EXPORT,
     uri: uri,
@@ -766,24 +748,20 @@ const useStartExportOperation = props => {
   const intl = reactIntl.useIntl();
   const asyncDispatch = sdk.useAsyncDispatch();
   const showNotification = actionsGlobal.useShowNotification();
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => {
-      var _applicationContext$p;
-      return {
-        locale: applicationContext.dataLocale,
-        projectKey: (_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.key
-      };
-    }),
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
+      locale: applicationContext.dataLocale,
+      projectKey: applicationContext.project?.key
+    })),
     projectKey = _useApplicationContex.projectKey;
   const extractFieldsFromGroups = groups => {
     let selectedGeneralFields = [];
     const getSelectedFields = fields => {
       return _filterInstanceProperty__default["default"](fields).call(fields, field => {
-        var _field$isChecked;
         if (field.fields) {
           return getSelectedFields(field.fields);
         }
         if (field.isChecked) selectedGeneralFields.push(field);
-        return (_field$isChecked = field.isChecked) !== null && _field$isChecked !== void 0 ? _field$isChecked : false;
+        return field.isChecked ?? false;
       });
     };
     _forEachInstanceProperty__default["default"](groups).call(groups, group => {
@@ -896,10 +874,10 @@ function ExportScopeSection() {
         })
       }), jsxRuntime.jsx(uiKit.RadioInput.Option, {
         value: EXPORT_TYPES.SELECTED,
-        isDisabled: !(selectedResourceIds !== null && selectedResourceIds !== void 0 && selectedResourceIds.length),
+        isDisabled: !selectedResourceIds?.length,
         children: jsxRuntime.jsx(uiKit.Text.Body, {
-          tone: !(selectedResourceIds !== null && selectedResourceIds !== void 0 && selectedResourceIds.length) ? 'tertiary' : undefined,
-          intlMessage: selectedResourceIds !== null && selectedResourceIds !== void 0 && selectedResourceIds.length ? _objectSpread$5(_objectSpread$5({}, resourceTypeMessages[resourceType].exportScopeSelected), {}, {
+          tone: !selectedResourceIds?.length ? 'tertiary' : undefined,
+          intlMessage: selectedResourceIds?.length ? _objectSpread$5(_objectSpread$5({}, resourceTypeMessages[resourceType].exportScopeSelected), {}, {
             values: {
               total: intl.formatNumber(selectedResourceIds.length)
             }
@@ -911,25 +889,21 @@ function ExportScopeSection() {
 }
 
 const ExportFileSettingsStep = () => {
-  var _context;
   const intl = reactIntl.useIntl();
   const _useExportResourcesCo = useExportResourcesContext(),
     formik = _useExportResourcesCo.formik,
     resourceType = _useExportResourcesCo.resourceType,
     onClose = _useExportResourcesCo.onClose;
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => {
-      var _applicationContext$p;
-      return {
-        locale: applicationContext.dataLocale,
-        locales: ((_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.languages) || []
-      };
-    }),
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
+      locale: applicationContext.dataLocale,
+      locales: applicationContext.project?.languages || []
+    })),
     locales = _useApplicationContex.locales,
     locale = _useApplicationContex.locale;
   const areAllLocalesChecked = _valuesInstanceProperty__default["default"](formik).locales.length === locales.length;
   return jsxRuntime.jsx(applicationComponents.FormDialog, {
     isOpen: true,
-    title: intl.formatMessage(messages["modalTitle.".concat(resourceType)]),
+    title: intl.formatMessage(messages[`modalTitle.${resourceType}`]),
     labelPrimary: intl.formatMessage(messages.continue),
     onPrimaryButtonClick: formik.submitForm,
     isPrimaryButtonDisabled: !formik.isValid,
@@ -943,7 +917,7 @@ const ExportFileSettingsStep = () => {
           scale: "l",
           children: jsxRuntime.jsxs(uiKit.Grid, {
             gridRowGap: uiKit.designTokens.spacingL,
-            gridTemplateColumns: _concatInstanceProperty__default["default"](_context = "calc(".concat(uiKit.designTokens.constraint3, " + ")).call(_context, uiKit.designTokens.spacingL, ") auto"),
+            gridTemplateColumns: `calc(${uiKit.designTokens.constraint3} + ${uiKit.designTokens.spacingL}) auto`,
             children: [jsxRuntime.jsx(uiKit.Grid.Item, {
               children: jsxRuntime.jsx(uiKit.Text.Body, {
                 intlMessage: messages.exportScope
@@ -1008,54 +982,20 @@ const ExportFileSettingsStep = () => {
   });
 };
 
-var _ref$1 = {
-  name: "ti75j2",
-  styles: "margin:0"
-} ;
-const NoSearchResults = () => {
-  return jsxRuntime.jsxs(uiKit.Card, {
-    insetScale: "xl",
-    children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-      scale: "s",
-      children: [jsxRuntime.jsx(uiKit.Text.Body, {
-        fontWeight: "medium",
-        intlMessage: messages.thereAreNoResults
-      }), jsxRuntime.jsx(uiKit.Text.Body, {
-        intlMessage: messages.suggestions
-      })]
-    }), jsxRuntime.jsxs("ul", {
-      css: _ref$1,
-      children: [jsxRuntime.jsx("li", {
-        children: jsxRuntime.jsx(uiKit.Text.Body, {
-          intlMessage: messages.checkTheSpelling
-        })
-      }), jsxRuntime.jsx("li", {
-        children: jsxRuntime.jsx(uiKit.Text.Body, {
-          intlMessage: messages.searchByEnteringTheExactFieldName
-        })
-      })]
-    })]
-  });
-};
-
 function ownKeys$4(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(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$4(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const exportFieldSelectionContextDefaultValues = {
   updateExpandedGroups: (_name, _value) => {}
 };
 const ExportFieldSelectionContext = /*#__PURE__*/React.createContext(exportFieldSelectionContextDefaultValues);
 const ExportFieldSelectionProvider = _ref => {
-  var _context;
   let resourceType = _ref.resourceType,
     children = _ref.children;
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => {
-      var _context$project;
-      return {
-        projectKey: (_context$project = context.project) === null || _context$project === void 0 ? void 0 : _context$project.key
-      };
-    }),
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
+      projectKey: context.project?.key
+    })),
     projectKey = _useApplicationContex.projectKey;
-  const _useStorage = experimentalComponents.useStorage(_concatInstanceProperty__default["default"](_context = "".concat(projectKey, "/")).call(_context, OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP), {}),
+  const _useStorage = experimentalComponents.useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP}`, {}),
     _useStorage2 = _slicedToArray(_useStorage, 2),
     cachedExpandedGroups = _useStorage2[0],
     setCachedExpandedGroups = _useStorage2[1];
@@ -1093,20 +1033,18 @@ const calculateTotalSelectedFields = (group, formik) => {
   // check `isReadOnly` fields
   function countReadOnlyDependentFields(fields) {
     _forEachInstanceProperty__default["default"](fields).call(fields, field => {
-      var _field$dependentGroup;
       if (field.fields) {
         countReadOnlyDependentFields(field.fields);
-      } else if ((_field$dependentGroup = field.dependentGroupNames) !== null && _field$dependentGroup !== void 0 && _field$dependentGroup.length && isRequiredGroupChecked(field.dependentGroupNames, formik)) {
+      } else if (field.dependentGroupNames?.length && isRequiredGroupChecked(field.dependentGroupNames, formik)) {
         result += 1;
       }
     });
   }
   function countReadOnlyFields(fields) {
     _forEachInstanceProperty__default["default"](fields).call(fields, field => {
-      var _field$dependentGroup2;
       if (field.fields) {
         countReadOnlyFields(field.fields);
-      } else if (field.isReadOnly && !((_field$dependentGroup2 = field.dependentGroupNames) !== null && _field$dependentGroup2 !== void 0 && _field$dependentGroup2.length)) {
+      } else if (field.isReadOnly && !field.dependentGroupNames?.length) {
         result += 1;
       }
     });
@@ -1163,7 +1101,7 @@ const CollapsibleFieldWrapper = _ref => {
         registerContentNode
       });
     }
-  }, "".concat(isForceExpanded));
+  }, `${isForceExpanded}`);
   return children({
     isOpen: true,
     toggle: () => {},
@@ -1181,8 +1119,7 @@ const FieldSection = _ref3 => {
     updateExpandedGroups = _useExportFieldSelect.updateExpandedGroups;
   return jsxRuntime.jsx(uiKit.Spacings.Stack, {
     scale: "s",
-    children: fields === null || fields === void 0 ? void 0 : _mapInstanceProperty__default["default"](fields).call(fields, (field, index) => {
-      var _context;
+    children: fields?.map((field, index) => {
       const isAnyOfTheChildFieldsChecked = checkAtLeastOneFieldChecked(field.fields);
       const allAllFieldsSelected = checkAllFieldsSelected(field.fields || []);
       const checkIsChecked = () => {
@@ -1202,7 +1139,6 @@ const FieldSection = _ref3 => {
         isForceExpanded: isForceExpanded,
         field: field,
         children: _ref4 => {
-          var _context2, _field$fields3;
           let isOpen = _ref4.isOpen,
             toggle = _ref4.toggle,
             registerContentNode = _ref4.registerContentNode;
@@ -1212,12 +1148,11 @@ const FieldSection = _ref3 => {
                 size: "20",
                 style: {
                   position: 'absolute',
-                  left: "calc(-1 * ".concat(uiKit.designTokens.spacingXl, ")")
+                  left: `calc(-1 * ${uiKit.designTokens.spacingXl})`
                 },
                 onClick: () => {
                   if (!isForceExpanded) {
-                    var _context3;
-                    updateExpandedGroups(_concatInstanceProperty__default["default"](_context3 = "".concat(groupName, ".")).call(_context3, field.name), !isOpen);
+                    updateExpandedGroups(`${groupName}.${field.name}`, !isOpen);
                   }
                   toggle();
                 },
@@ -1231,18 +1166,16 @@ const FieldSection = _ref3 => {
                   isChecked: checkIsChecked(),
                   isReadOnly: field.isReadOnly || field.isRequired,
                   onChange: e => {
-                    var _context4, _field$fields2;
-                    const path = _concatInstanceProperty__default["default"](_context4 = "".concat(parentKeys.join('.'), ".fields[")).call(_context4, index, "]");
+                    const path = `${parentKeys.join('.')}.fields[${index}]`;
                     // Update all child fields
                     const updateAllChildFieldsChecked = (path, checked) => {
                       const item = get__default["default"](_valuesInstanceProperty__default["default"](formik), path);
                       if (item && item.fields) {
-                        var _context5;
-                        _forEachInstanceProperty__default["default"](_context5 = item.fields).call(_context5, (field, i) => {
-                          var _context6, _field$fields;
-                          const fieldPath = _concatInstanceProperty__default["default"](_context6 = "".concat(path, ".fields[")).call(_context6, i, "]");
-                          if (!((_field$fields = field.fields) !== null && _field$fields !== void 0 && _field$fields.length)) {
-                            formik.setFieldValue("".concat(fieldPath, ".isChecked"), checked,
+                        var _context;
+                        _forEachInstanceProperty__default["default"](_context = item.fields).call(_context, (field, i) => {
+                          const fieldPath = `${path}.fields[${i}]`;
+                          if (!field.fields?.length) {
+                            formik.setFieldValue(`${fieldPath}.isChecked`, checked,
                             // pass `false` to avoid revalidating the form with intermediate values
                             false);
                           }
@@ -1250,8 +1183,8 @@ const FieldSection = _ref3 => {
                         });
                       }
                     };
-                    if (!((_field$fields2 = field.fields) !== null && _field$fields2 !== void 0 && _field$fields2.length)) {
-                      formik.setFieldValue("".concat(path, ".isChecked"), e.target.checked,
+                    if (!field.fields?.length) {
+                      formik.setFieldValue(`${path}.isChecked`, e.target.checked,
                       // pass `false` to avoid revalidating the form with intermediate values
                       false);
                     }
@@ -1260,7 +1193,7 @@ const FieldSection = _ref3 => {
                   children: [field.label, (field.isReadOnly || field.isRequired) && ' *']
                 })
               })]
-            }), field.fields && ((_field$fields3 = field.fields) === null || _field$fields3 === void 0 ? void 0 : _field$fields3.length) > 0 && jsxRuntime.jsx(StyledExpandableContent, {
+            }), field.fields && field.fields?.length > 0 && jsxRuntime.jsx(StyledExpandableContent, {
               ref: registerContentNode,
               isOpen: isOpen,
               children: jsxRuntime.jsxs(uiKit.Spacings.Inline, {
@@ -1268,16 +1201,16 @@ const FieldSection = _ref3 => {
                 children: [jsxRuntime.jsx("div", {}), jsxRuntime.jsx(FieldSection, {
                   fields: field.fields,
                   formik: formik,
-                  parentKeys: [...parentKeys, "fields[".concat(index, "]")],
+                  parentKeys: [...parentKeys, `fields[${index}]`],
                   isAnySiblingChecked: isAnySiblingChecked,
                   isForceExpanded: isForceExpanded,
                   groupName: groupName
                 })]
               })
             })]
-          }, _concatInstanceProperty__default["default"](_context2 = "".concat(field.name, "-")).call(_context2, index));
+          }, `${field.name}-${index}`);
         }
-      }, _concatInstanceProperty__default["default"](_context = "".concat(field.name, ".")).call(_context, isForceExpanded));
+      }, `${field.name}.${isForceExpanded}`);
     })
   });
 };
@@ -1290,13 +1223,13 @@ const StyledGroupCard = /*#__PURE__*/_styled__default["default"](uiKit.Card, {
 const StyledFieldsCard = /*#__PURE__*/_styled__default["default"](uiKit.Card, {
   target: "e1igkh7t1"
 } )("border-radius:0;", props => props.showTopBorder && /*#__PURE__*/react.css("border-top:", uiKit.designTokens.borderWidth1, " solid ", uiKit.designTokens.colorNeutral90, ";" + ("" ), "" ), ";" + ("" ));
-var _ref = {
+var _ref$1 = {
   name: "2ce4ng",
   styles: "overflow:hidden;height:0;margin-top:0!important"
 } ;
 const StyledExpandableContent = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e1igkh7t0"
-} )(props => !props.isOpen && _ref, " ", props => !props.isOpen && props.showTopBorder && /*#__PURE__*/react.css("border-top:", uiKit.designTokens.borderWidth1, " solid ", uiKit.designTokens.colorNeutral90, ";" + ("" ), "" ), ";" + ("" ));
+} )(props => !props.isOpen && _ref$1, " ", props => !props.isOpen && props.showTopBorder && /*#__PURE__*/react.css("border-top:", uiKit.designTokens.borderWidth1, " solid ", uiKit.designTokens.colorNeutral90, ";" + ("" ), "" ), ";" + ("" ));
 const FieldGroupSection = _ref2 => {
   let group = _ref2.group,
     index = _ref2.index,
@@ -1306,7 +1239,7 @@ const FieldGroupSection = _ref2 => {
   const isAtleastOneFieldChecked = React.useMemo(() => checkAtLeastOneFieldChecked(group.fields), [group.fields]);
   const _useExportFieldSelect = useExportFieldSelectionContext(),
     updateExpandedGroups = _useExportFieldSelect.updateExpandedGroups;
-  const parentKey = "groups[".concat(index, "]");
+  const parentKey = `groups[${index}]`;
   const handleChangeAllFields = e => {
     const item = get__default["default"](_valuesInstanceProperty__default["default"](formik), parentKey);
     function updateAllFields(fields, checked) {
@@ -1389,11 +1322,41 @@ const FieldGroupSection = _ref2 => {
         })]
       });
     }
-  }, "".concat(isForceExpanded));
+  }, `${isForceExpanded}`);
+};
+
+var _ref = {
+  name: "ti75j2",
+  styles: "margin:0"
+} ;
+const NoSearchResults = () => {
+  return jsxRuntime.jsxs(uiKit.Card, {
+    insetScale: "xl",
+    children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+      scale: "s",
+      children: [jsxRuntime.jsx(uiKit.Text.Body, {
+        fontWeight: "medium",
+        intlMessage: messages.thereAreNoResults
+      }), jsxRuntime.jsx(uiKit.Text.Body, {
+        intlMessage: messages.suggestions
+      })]
+    }), jsxRuntime.jsxs("ul", {
+      css: _ref,
+      children: [jsxRuntime.jsx("li", {
+        children: jsxRuntime.jsx(uiKit.Text.Body, {
+          intlMessage: messages.checkTheSpelling
+        })
+      }), jsxRuntime.jsx("li", {
+        children: jsxRuntime.jsx(uiKit.Text.Body, {
+          intlMessage: messages.searchByEnteringTheExactFieldName
+        })
+      })]
+    })]
+  });
 };
 
 function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context9, _context10; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context9 = ownKeys$2(Object(t), !0)).call(_context9, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context10 = ownKeys$2(Object(t))).call(_context10, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys$2(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$2(Object(t))).call(_context6, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const StyledGridCard = /*#__PURE__*/_styled__default["default"](uiKit.Card, {
   target: "e5mvpn60"
 } )({
@@ -1401,20 +1364,16 @@ const StyledGridCard = /*#__PURE__*/_styled__default["default"](uiKit.Card, {
   styles: "max-height:50vh;overflow:auto"
 } );
 const ExportFieldsSelectionStep = () => {
-  var _context, _context7, _context8;
   const intl = reactIntl.useIntl();
   const _React$useState = React__default["default"].useState(''),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     fieldSearchTerm = _React$useState2[0],
     setFieldSearchTerm = _React$useState2[1];
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => {
-      var _context$project;
-      return {
-        projectKey: (_context$project = context.project) === null || _context$project === void 0 ? void 0 : _context$project.key
-      };
-    }),
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
+      projectKey: context.project?.key
+    })),
     projectKey = _useApplicationContex.projectKey;
-  const _useStorage = experimentalComponents.useStorage(_concatInstanceProperty__default["default"](_context = "".concat(projectKey, "/")).call(_context, OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION), {}),
+  const _useStorage = experimentalComponents.useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION}`, {}),
     _useStorage2 = _slicedToArray(_useStorage, 2);
     _useStorage2[0];
     const setCachedSelectedGroups = _useStorage2[1];
@@ -1424,19 +1383,18 @@ const ExportFieldsSelectionStep = () => {
     resourceType = _useExportResourcesCo.resourceType,
     onClose = _useExportResourcesCo.onClose;
   React__default["default"].useEffect(() => {
-    var _context4;
+    var _context2;
     formik.validateForm();
     const selectedFields = {};
     function getSelectedFields(field, groupName) {
-      var _context2;
-      const fieldName = field.name ? _concatInstanceProperty__default["default"](_context2 = "".concat(groupName, ".")).call(_context2, field.name) : groupName;
+      const fieldName = field.name ? `${groupName}.${field.name}` : groupName;
       if (field.fields) {
-        var _context3;
-        return _forEachInstanceProperty__default["default"](_context3 = field.fields).call(_context3, f => getSelectedFields(f, fieldName));
+        var _context;
+        return _forEachInstanceProperty__default["default"](_context = field.fields).call(_context, f => getSelectedFields(f, fieldName));
       }
       selectedFields[fieldName] = field.isChecked;
     }
-    _forEachInstanceProperty__default["default"](_context4 = _valuesInstanceProperty__default["default"](formik).groups).call(_context4, group => getSelectedFields(group, group.groupLabel));
+    _forEachInstanceProperty__default["default"](_context2 = _valuesInstanceProperty__default["default"](formik).groups).call(_context2, group => getSelectedFields(group, group.groupLabel));
     setCachedSelectedGroups({
       [resourceType]: selectedFields
     });
@@ -1444,11 +1402,11 @@ const ExportFieldsSelectionStep = () => {
   }, [_valuesInstanceProperty__default["default"](formik).groups]);
   // adds `isHidden` property to each field based on search term
   const filteredGroups = React__default["default"].useMemo(() => {
-    var _fieldSearchTerm$trim, _context6;
+    var _context4;
     const updateFields = (fields, parentMatches) => {
       return _mapInstanceProperty__default["default"](fields).call(fields, field => {
-        var _context5;
-        const matches = _includesInstanceProperty__default["default"](_context5 = field.label.toLowerCase()).call(_context5, fieldSearchTerm.toLowerCase());
+        var _context3;
+        const matches = _includesInstanceProperty__default["default"](_context3 = field.label.toLowerCase()).call(_context3, fieldSearchTerm.toLowerCase());
         let isHidden = !matches && !parentMatches;
         if (field.fields) {
           const updatedFields = updateFields(field.fields, matches);
@@ -1462,8 +1420,8 @@ const ExportFieldsSelectionStep = () => {
         });
       });
     };
-    if (!(fieldSearchTerm !== null && fieldSearchTerm !== void 0 && (_fieldSearchTerm$trim = _trimInstanceProperty__default["default"](fieldSearchTerm).call(fieldSearchTerm)) !== null && _fieldSearchTerm$trim !== void 0 && _fieldSearchTerm$trim.length)) return _valuesInstanceProperty__default["default"](formik).groups;
-    return _mapInstanceProperty__default["default"](_context6 = _valuesInstanceProperty__default["default"](formik).groups).call(_context6, group => {
+    if (!fieldSearchTerm?.trim()?.length) return _valuesInstanceProperty__default["default"](formik).groups;
+    return _mapInstanceProperty__default["default"](_context4 = _valuesInstanceProperty__default["default"](formik).groups).call(_context4, group => {
       const updatedFields = updateFields(group.fields, false);
       const isHidden = _everyInstanceProperty__default["default"](updatedFields).call(updatedFields, field => field.isHidden);
       return _objectSpread$2(_objectSpread$2({}, group), {}, {
@@ -1507,16 +1465,13 @@ const ExportFieldsSelectionStep = () => {
             insetScale: "none",
             children: jsxRuntime.jsx(uiKit.Grid, {
               gridAutoFlow: "row",
-              gridTemplateColumns: _concatInstanceProperty__default["default"](_context7 = _concatInstanceProperty__default["default"](_context8 = "calc(".concat(uiKit.designTokens.spacingL, " + ")).call(_context8, uiKit.designTokens.constraint5, " + ")).call(_context7, uiKit.designTokens.spacingL, ") auto"),
-              children: _mapInstanceProperty__default["default"](filteredGroups).call(filteredGroups, (group, index) => {
-                var _fieldSearchTerm$trim2;
-                return jsxRuntime.jsx(FieldGroupSection, {
-                  group: group,
-                  index: index,
-                  formik: formik,
-                  isForceExpanded: (fieldSearchTerm === null || fieldSearchTerm === void 0 || (_fieldSearchTerm$trim2 = _trimInstanceProperty__default["default"](fieldSearchTerm).call(fieldSearchTerm)) === null || _fieldSearchTerm$trim2 === void 0 ? void 0 : _fieldSearchTerm$trim2.length) > 0
-                }, group.groupLabel);
-              })
+              gridTemplateColumns: `calc(${uiKit.designTokens.spacingL} + ${uiKit.designTokens.constraint5} + ${uiKit.designTokens.spacingL}) auto`,
+              children: _mapInstanceProperty__default["default"](filteredGroups).call(filteredGroups, (group, index) => jsxRuntime.jsx(FieldGroupSection, {
+                group: group,
+                index: index,
+                formik: formik,
+                isForceExpanded: fieldSearchTerm?.trim()?.length > 0
+              }, group.groupLabel))
             })
           }) : jsxRuntime.jsx(NoSearchResults, {})]
         })
@@ -1617,8 +1572,8 @@ const loadMessages = async locale => {
     return i18n.parseChunkImport(chunkImport);
   } catch (error) {
     // eslint-disable-next-line no-console
-    console.warn("Something went wrong while loading the export-resources-modal messages for ".concat(locale), error);
-    sentry.reportErrorToSentry(new Error("Something went wrong while loading the export-resources-modal messages for ".concat(locale)), {
+    console.warn(`Something went wrong while loading the export-resources-modal messages for ${locale}`, error);
+    sentry.reportErrorToSentry(new Error(`Something went wrong while loading the export-resources-modal messages for ${locale}`), {
       extra: error
     });
     return {};