@commercetools-frontend-extensions/export-resources-modal 1.2.2 → 1.3.0

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

@@ -39,8 +39,6 @@ var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/ins
 var designSystem = require('@commercetools-uikit/design-system');
 var react$1 = require('@emotion/react');
 var _styled = require('@emotion/styled/base');
-var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
-var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
 var sdk = require('@commercetools-frontend/sdk');
 var actionsGlobal = require('@commercetools-frontend/actions-global');
 var constants = require('@commercetools-frontend/constants');
@@ -65,131 +63,98 @@ var moment__default = /*#__PURE__*/_interopDefault(moment);
 var omitEmpty__default = /*#__PURE__*/_interopDefault(omitEmpty);
 var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
-var _regeneratorRuntime__default = /*#__PURE__*/_interopDefault(_regeneratorRuntime);
 
-var EXPORTABLE_RESOURCES = {
+const EXPORTABLE_RESOURCES = {
   CATEGORY: 'category',
   PRODUCT: 'product',
   DISCOUNT_CODE: 'discountCode'
 };
-var EXPORT_SELECTION_TYPES = {
+const EXPORT_SELECTION_TYPES = {
   ALL_RESOURCES: 'allResources',
   ONLY_MATCHING: 'onlyMatching',
   ONLY_SELECTED: 'onlySelected'
 };
-var OUTPUT_FORMATS = {
+const OUTPUT_FORMATS = {
   JSON: 'json',
   CSV: 'csv'
 };
-var EXPORT_OPERATION_STATES = {
+const EXPORT_OPERATION_STATES = {
   PROCESSING: 'processing',
   COMPLETED: 'completed',
   FAILED: 'failed'
 };
 
 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); }; }
-
 function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var UnexpectedSelectionTypeError = /*#__PURE__*/function (_Error) {
+let UnexpectedSelectionTypeError = /*#__PURE__*/function (_Error) {
   _inherits(UnexpectedSelectionTypeError, _Error);
-
   var _super = _createSuper$3(UnexpectedSelectionTypeError);
-
   function UnexpectedSelectionTypeError(exportSelectionType) {
     var _this;
-
     _classCallCheck(this, UnexpectedSelectionTypeError);
-
     _this = _super.call(this, "Unexpected column: ".concat(exportSelectionType));
     _this.name = 'UnexpectedSelectionTypeError';
     return _this;
   }
-
   return _createClass(UnexpectedSelectionTypeError);
 }( /*#__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 _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var MissingExportResourceProviderError = /*#__PURE__*/function (_Error) {
+let MissingExportResourceProviderError = /*#__PURE__*/function (_Error) {
   _inherits(MissingExportResourceProviderError, _Error);
-
   var _super = _createSuper$2(MissingExportResourceProviderError);
-
   function MissingExportResourceProviderError() {
     var _this;
-
     _classCallCheck(this, MissingExportResourceProviderError);
-
     _this = _super.call(this, 'useExportResourcesContext must be used within ExportResourcesContextProvider');
     _this.name = 'MissingExportResourceProviderError';
     return _this;
   }
-
   return _createClass(MissingExportResourceProviderError);
 }( /*#__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 _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var UnexpectedExportOperationStateError = /*#__PURE__*/function (_Error) {
+let UnexpectedExportOperationStateError = /*#__PURE__*/function (_Error) {
   _inherits(UnexpectedExportOperationStateError, _Error);
-
   var _super = _createSuper$1(UnexpectedExportOperationStateError);
-
   function UnexpectedExportOperationStateError(state) {
     var _this;
-
     _classCallCheck(this, UnexpectedExportOperationStateError);
-
     _this = _super.call(this, "Unexpected export operation state \"".concat(state, "\""));
     _this.name = 'UnexpectedExportOperationStateError';
     return _this;
   }
-
   return _createClass(UnexpectedExportOperationStateError);
 }( /*#__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 _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var UnexpectedResourceTypeError = /*#__PURE__*/function (_Error) {
+let UnexpectedResourceTypeError = /*#__PURE__*/function (_Error) {
   _inherits(UnexpectedResourceTypeError, _Error);
-
   var _super = _createSuper(UnexpectedResourceTypeError);
-
   function UnexpectedResourceTypeError(resourceType) {
     var _this;
-
     _classCallCheck(this, UnexpectedResourceTypeError);
-
     _this = _super.call(this, "Unexpected resource type: ".concat(resourceType));
     _this.name = 'UnexpectedResourceTypeError';
     return _this;
   }
-
   return _createClass(UnexpectedResourceTypeError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
 function resourceTypeToPlural(_ref) {
-  var resourceType = _ref.resourceType,
-      _ref$isUpperCase = _ref.isUpperCase,
-      isUpperCase = _ref$isUpperCase === void 0 ? false : _ref$isUpperCase;
-
+  let resourceType = _ref.resourceType,
+    _ref$isUpperCase = _ref.isUpperCase,
+    isUpperCase = _ref$isUpperCase === void 0 ? false : _ref$isUpperCase;
   switch (resourceType) {
     case EXPORTABLE_RESOURCES.CATEGORY:
       return isUpperCase ? 'Categories' : 'categories';
-
     case EXPORTABLE_RESOURCES.PRODUCT:
       return isUpperCase ? 'Products' : 'products';
-
     case EXPORTABLE_RESOURCES.DISCOUNT_CODE:
       return isUpperCase ? 'Discount codes' : 'discount codes';
-
     default:
       throw UnexpectedResourceTypeError(resourceType);
   }
@@ -198,13 +163,10 @@ function resourceTypeToOperationName(resourceType) {
   switch (resourceType) {
     case EXPORTABLE_RESOURCES.CATEGORY:
       return 'categories';
-
     case EXPORTABLE_RESOURCES.PRODUCT:
       return 'products';
-
     case EXPORTABLE_RESOURCES.DISCOUNT_CODE:
       return 'discountCodes';
-
     default:
       throw UnexpectedResourceTypeError(resourceType);
   }
@@ -218,13 +180,11 @@ function isFilledArray(maybeArray) {
 
 function buildGraphQuery(exportSettings) {
   var _context;
-
-  var operation = resourceTypeToOperationName(exportSettings.resourceType);
-
+  const operation = resourceTypeToOperationName(exportSettings.resourceType);
   switch (exportSettings.exportSelectionType) {
     case EXPORT_SELECTION_TYPES.ALL_RESOURCES:
       return gqlQueryBuilder.query({
-        operation: operation,
+        operation,
         fields: [{
           results: buildFields({
             fields: exportSettings.fields,
@@ -233,10 +193,9 @@ function buildGraphQuery(exportSettings) {
         }],
         variables: {}
       });
-
     case EXPORT_SELECTION_TYPES.ONLY_SELECTED:
       return gqlQueryBuilder.query({
-        operation: operation,
+        operation,
         fields: [{
           results: buildFields({
             fields: exportSettings.fields,
@@ -244,40 +203,34 @@ function buildGraphQuery(exportSettings) {
           })
         }],
         variables: {
-          where: "id in (".concat(_mapInstanceProperty__default["default"](_context = exportSettings.selectedResourceIds).call(_context, function (id) {
-            return "\\\"".concat(id, "\\\"");
-          }).join(', '), ")")
+          where: "id in (".concat(_mapInstanceProperty__default["default"](_context = exportSettings.selectedResourceIds).call(_context, id => "\\\"".concat(id, "\\\"")).join(', '), ")")
         }
       });
-
     case EXPORT_SELECTION_TYPES.ONLY_MATCHING:
       // TODO: gql query for exporting filtered resources.
       throw new UnexpectedSelectionTypeError(exportSettings.exportSelectionType);
-
     default:
       throw new UnexpectedSelectionTypeError(exportSettings.exportSelectionType);
   }
 }
-
 function buildFields(_ref) {
   var _context2;
-
-  var fields = _ref.fields,
-      languages = _ref.languages;
-  return _flatInstanceProperty__default["default"](_context2 = _mapInstanceProperty__default["default"](fields).call(fields, function (field) {
-    if (field.isLocalized) return _mapInstanceProperty__default["default"](languages).call(languages, function (language) {
+  let fields = _ref.fields,
+    languages = _ref.languages;
+  return _flatInstanceProperty__default["default"](_context2 = _mapInstanceProperty__default["default"](fields).call(fields, field => {
+    if (field.isLocalized) return _mapInstanceProperty__default["default"](languages).call(languages, language => {
       var _context3, _context4, _context5;
-
-      var alias = replaceSpecialCharsWithUnderscore(_concatInstanceProperty__default["default"](_context3 = "".concat(field.key, "_")).call(_context3, language));
+      const alias = replaceSpecialCharsWithUnderscore(_concatInstanceProperty__default["default"](_context3 = "".concat(field.key, "_")).call(_context3, language));
       return _concatInstanceProperty__default["default"](_context4 = _concatInstanceProperty__default["default"](_context5 = "".concat(alias, ": ")).call(_context5, field.key, "(locale: \"")).call(_context4, language, "\")");
     });else {
       if (isFilledArray(field.fields)) {
-        return _defineProperty({}, field.key, buildFields({
-          fields: field.fields,
-          languages: languages
-        }));
+        return {
+          [field.key]: buildFields({
+            fields: field.fields,
+            languages
+          })
+        };
       }
-
       return field.key;
     }
   })).call(_context2);
@@ -436,7 +389,7 @@ var messages = reactIntl.defineMessages({
   }
 });
 
-var ExportResourcesContext = /*#__PURE__*/react.createContext();
+const ExportResourcesContext = /*#__PURE__*/react.createContext();
 
 PropTypes__default["default"].shape({
   resourceType: PropTypes__default["default"].string.isRequired,
@@ -464,37 +417,29 @@ PropTypes__default["default"].shape({
 }).isRequired;
 
 function validate(values) {
-  var errors = {
+  const errors = {
     fileName: {},
     languages: {}
   };
-
   if (uiKit.TextInput.isEmpty(values.fileName)) {
     errors.fileName.missing = true;
   } else if (!/^[a-zA-Z0-9-_]+$/.test(values.fileName)) {
     errors.fileName.invalidInput = true;
   }
-
   if (values.languages.length < 1) {
     errors.languages.missing = true;
   }
-
   return omitEmpty__default["default"](errors);
 }
 
-var ExportResourcesContextProvider = function ExportResourcesContextProvider(props) {
+const ExportResourcesContextProvider = props => {
   var _context;
-
-  var todayFormatted = moment__default["default"]().format('DD-MM-YY_HH-mm');
-
-  var _useApplicationContex = applicationShellConnectors.useApplicationContext(function (applicationContext) {
-    return {
+  const todayFormatted = moment__default["default"]().format('DD-MM-YY_HH-mm');
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
       language: applicationContext.dataLocale
-    };
-  }),
-      language = _useApplicationContex.language;
-
-  var formik$1 = formik.useFormik({
+    })),
+    language = _useApplicationContex.language;
+  const formik$1 = formik.useFormik({
     initialValues: {
       outputFormat: props.outputFormat,
       fileName: _concatInstanceProperty__default["default"](_context = "".concat(resourceTypeToPlural({
@@ -508,14 +453,12 @@ var ExportResourcesContextProvider = function ExportResourcesContextProvider(pro
       exportSelectionType: props.exportSelectionType,
       isAllLanguagesChecked: false
     },
-    validate: validate
+    validate
   });
-
-  var _useState = react.useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      exportOperationStarted = _useState2[0],
-      setExportOperationStarted = _useState2[1];
-
+  const _useState = react.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    exportOperationStarted = _useState2[0],
+    setExportOperationStarted = _useState2[1];
   return jsxRuntime.jsx(ExportResourcesContext.Provider, {
     value: {
       formik: formik$1,
@@ -523,66 +466,57 @@ var ExportResourcesContextProvider = function ExportResourcesContextProvider(pro
       allResourcesCount: props.allResourcesCount,
       matchingResourcesCount: props.matchingResourcesCount,
       selectedResourceIds: props.selectedResourceIds,
-      exportOperationStarted: exportOperationStarted,
-      setExportOperationStarted: setExportOperationStarted
+      exportOperationStarted,
+      setExportOperationStarted
     },
     children: props.children
   });
 };
-
 ExportResourcesContextProvider.displayName = 'ExportResourcesContextProvider';
 ExportResourcesContextProvider.propTypes = {};
 
 function useExportResourcesContext() {
-  var context = react.useContext(ExportResourcesContext);
-
+  const context = react.useContext(ExportResourcesContext);
   if (!context) {
     throw new MissingExportResourceProviderError();
   }
-
   return context;
 }
 
-var smallTopPadding = /*#__PURE__*/react$1.css("padding-top:", designSystem.customProperties.spacingXs, ";" + ("" ), "" );
-
-var tagListContainer = function tagListContainer(_ref) {
-  var isNewTheme = _ref.isNewTheme;
+const smallTopPadding = /*#__PURE__*/react$1.css("padding-top:", designSystem.customProperties.spacingXs, ";" + ("" ), "" );
+const tagListContainer = _ref => {
+  let isNewTheme = _ref.isNewTheme;
   return /*#__PURE__*/react$1.css("width:100%;display:flex;flex-wrap:wrap;display:inline-flex;padding:0 ", isNewTheme ? 0 : designSystem.customProperties.spacingL, ";&>div{margin:0 ", designSystem.customProperties.spacingS, " ", designSystem.customProperties.spacingS, " 0;}" + ("" ), "" );
 };
-
-var tagListItem = /*#__PURE__*/react$1.css("margin:0 ", designSystem.customProperties.spacingXs, " ", designSystem.customProperties.spacingXs, " 0;display:flex;min-width:0;" + ("" ), "" );
-var divider = /*#__PURE__*/react$1.css("box-sizing:border-box;width:100%;margin:0;border:0;border-top:1px solid ", designSystem.customProperties.colorNeutral60, ";" + ("" ), "" );
-var notBold = {
+const tagListItem = /*#__PURE__*/react$1.css("margin:0 ", designSystem.customProperties.spacingXs, " ", designSystem.customProperties.spacingXs, " 0;display:flex;min-width:0;" + ("" ), "" );
+const divider = /*#__PURE__*/react$1.css("box-sizing:border-box;width:100%;margin:0;border:0;border-top:1px solid ", designSystem.customProperties.colorNeutral60, ";" + ("" ), "" );
+const notBold = {
   name: "lugakg",
   styles: "font-weight:normal"
 } ;
-var successMessage = /*#__PURE__*/react$1.css("margin-bottom:", designSystem.customProperties.spacingL, ";" + ("" ), "" );
-var styles = {
-  tagListItem: tagListItem,
-  tagListContainer: tagListContainer,
-  smallTopPadding: smallTopPadding,
-  divider: divider,
-  notBold: notBold,
-  successMessage: successMessage
+const successMessage = /*#__PURE__*/react$1.css("margin-bottom:", designSystem.customProperties.spacingL, ";" + ("" ), "" );
+const styles = {
+  tagListItem,
+  tagListContainer,
+  smallTopPadding,
+  divider,
+  notBold,
+  successMessage
 };
 
 function ownKeys$a(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$a(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$a(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 function ExportSelectionRadioButtons() {
-  var _useTheme = designSystem.useTheme(),
-      isNewTheme = _useTheme.isNewTheme;
-
-  var intl = reactIntl.useIntl();
-
-  var _useExportResourcesCo = useExportResourcesContext(),
-      formik = _useExportResourcesCo.formik,
-      resourceType = _useExportResourcesCo.resourceType,
-      allResourcesCount = _useExportResourcesCo.allResourcesCount,
-      matchingResourcesCount = _useExportResourcesCo.matchingResourcesCount,
-      selectedResourceIds = _useExportResourcesCo.selectedResourceIds;
-
-  var resourceTypePlural = resourceTypeToPlural({
+  const _useTheme = designSystem.useTheme(),
+    isNewTheme = _useTheme.isNewTheme;
+  const intl = reactIntl.useIntl();
+  const _useExportResourcesCo = useExportResourcesContext(),
+    formik = _useExportResourcesCo.formik,
+    resourceType = _useExportResourcesCo.resourceType,
+    allResourcesCount = _useExportResourcesCo.allResourcesCount,
+    matchingResourcesCount = _useExportResourcesCo.matchingResourcesCount,
+    selectedResourceIds = _useExportResourcesCo.selectedResourceIds;
+  const resourceTypePlural = resourceTypeToPlural({
     resourceType: resourceType
   });
   return jsxRuntime.jsx(uiKit.Spacings.Inline, {
@@ -646,20 +580,17 @@ function getBold(msg) {
 }
 
 function ownKeys$9(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$9(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$9(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 function ExportTextMessage() {
-  var _useExportResourcesCo = useExportResourcesContext(),
-      resourceType = _useExportResourcesCo.resourceType,
-      allResourcesCount = _useExportResourcesCo.allResourcesCount,
-      selectedResourceIds = _useExportResourcesCo.selectedResourceIds,
-      matchingResourcesCount = _useExportResourcesCo.matchingResourcesCount,
-      formik = _useExportResourcesCo.formik;
-
-  var resourceTypePlural = resourceTypeToPlural({
+  const _useExportResourcesCo = useExportResourcesContext(),
+    resourceType = _useExportResourcesCo.resourceType,
+    allResourcesCount = _useExportResourcesCo.allResourcesCount,
+    selectedResourceIds = _useExportResourcesCo.selectedResourceIds,
+    matchingResourcesCount = _useExportResourcesCo.matchingResourcesCount,
+    formik = _useExportResourcesCo.formik;
+  const resourceTypePlural = resourceTypeToPlural({
     resourceType: resourceType
   });
-
   switch (_valuesInstanceProperty__default["default"](formik).exportSelectionType) {
     case EXPORT_SELECTION_TYPES.ALL_RESOURCES:
       return jsxRuntime.jsx(uiKit.Text.Body, {
@@ -671,7 +602,6 @@ function ExportTextMessage() {
           }
         })
       });
-
     case EXPORT_SELECTION_TYPES.ONLY_MATCHING:
       return jsxRuntime.jsx(uiKit.Text.Body, {
         intlMessage: _objectSpread$9(_objectSpread$9({}, messages.exportMatchingMessage), {}, {
@@ -682,7 +612,6 @@ function ExportTextMessage() {
           }
         })
       });
-
     case EXPORT_SELECTION_TYPES.ONLY_SELECTED:
       return jsxRuntime.jsx(uiKit.Text.Body, {
         intlMessage: _objectSpread$9(_objectSpread$9({}, messages.exportSelectedMessage), {}, {
@@ -693,42 +622,35 @@ function ExportTextMessage() {
           }
         })
       });
-
     default:
       throw new UnexpectedSelectionTypeError(_valuesInstanceProperty__default["default"](formik).exportSelectionType);
   }
 }
 
 function TagList(props) {
-  var _useTheme = designSystem.useTheme(),
-      isNewTheme = _useTheme.isNewTheme;
-
+  const _useTheme = designSystem.useTheme(),
+    isNewTheme = _useTheme.isNewTheme;
   return jsxRuntime.jsx("div", {
     css: styles.tagListContainer({
-      isNewTheme: isNewTheme
+      isNewTheme
     }),
     "data-testid": props['data-testid'],
-    children: _mapInstanceProperty__default["default"](react.Children).call(react.Children, props.children, function (tag) {
-      return jsxRuntime.jsx("div", {
-        css: styles.tagListItem,
-        children: tag
-      });
-    })
+    children: _mapInstanceProperty__default["default"](react.Children).call(react.Children, props.children, tag => jsxRuntime.jsx("div", {
+      css: styles.tagListItem,
+      children: tag
+    }))
   });
 }
 TagList.displayName = 'TagList';
 TagList.propTypes = {};
 
 function ownKeys$8(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$8(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$8(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 function AppliedFilters(_ref) {
-  var filters = _ref.filters,
-      onFilterRemove = _ref.onFilterRemove;
-
-  var _useTheme = designSystem.useTheme(),
-      isNewTheme = _useTheme.isNewTheme;
-
+  let filters = _ref.filters,
+    onFilterRemove = _ref.onFilterRemove;
+  const _useTheme = designSystem.useTheme(),
+    isNewTheme = _useTheme.isNewTheme;
   if (isNewTheme) return jsxRuntime.jsx(uiKit.CollapsiblePanel, {
     condensed: true,
     isDefaultClosed: !Boolean(filters.length),
@@ -740,17 +662,15 @@ function AppliedFilters(_ref) {
       })
     }),
     children: jsxRuntime.jsx(TagList, {
-      children: _mapInstanceProperty__default["default"](filters).call(filters, function (filter) {
-        return jsxRuntime.jsx("div", {
-          "data-testid": "test-filter-".concat(filter),
-          children: jsxRuntime.jsx(uiKit.Tag, {
-            onRemove: function onRemove() {
-              onFilterRemove(filter);
-            },
-            children: filter
-          })
-        }, filter);
-      })
+      children: _mapInstanceProperty__default["default"](filters).call(filters, filter => jsxRuntime.jsx("div", {
+        "data-testid": "test-filter-".concat(filter),
+        children: jsxRuntime.jsx(uiKit.Tag, {
+          onRemove: () => {
+            onFilterRemove(filter);
+          },
+          children: filter
+        })
+      }, filter))
     })
   });
   return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -771,17 +691,15 @@ function AppliedFilters(_ref) {
         })
       })]
     }), jsxRuntime.jsx(TagList, {
-      children: _mapInstanceProperty__default["default"](filters).call(filters, function (filter) {
-        return jsxRuntime.jsx("div", {
-          "data-testid": "test-filter-".concat(filter),
-          children: jsxRuntime.jsx(uiKit.Tag, {
-            onRemove: function onRemove() {
-              onFilterRemove(filter);
-            },
-            children: filter
-          })
-        }, filter);
-      })
+      children: _mapInstanceProperty__default["default"](filters).call(filters, filter => jsxRuntime.jsx("div", {
+        "data-testid": "test-filter-".concat(filter),
+        children: jsxRuntime.jsx(uiKit.Tag, {
+          onRemove: () => {
+            onFilterRemove(filter);
+          },
+          children: filter
+        })
+      }, filter))
     })]
   });
 }
@@ -789,9 +707,8 @@ AppliedFilters.propTypes = {};
 
 // TODO: @redesign cleanup
 function ExportBasedOnMyViewsSelectField() {
-  var _useTheme = designSystem.useTheme(),
-      themedValue = _useTheme.themedValue;
-
+  const _useTheme = designSystem.useTheme(),
+    themedValue = _useTheme.themedValue;
   return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
     scale: "m",
     alignItems: "center",
@@ -810,19 +727,14 @@ function ExportBasedOnMyViewsSelectField() {
 }
 
 function ownKeys$7(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$7(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$7(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-
-var IconPlaceholder = /*#__PURE__*/_styled__default["default"]("div", {
+const IconPlaceholder = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e1nl5t3e0"
 } )("width:", uiKit.customProperties.spacingM, ";" + ("" ));
-
 function AppliedSearchTerms(_ref) {
-  var appliedSearchTerms = _ref.appliedSearchTerms;
-
-  var _useTheme = designSystem.useTheme(),
-      isNewTheme = _useTheme.isNewTheme;
-
+  let appliedSearchTerms = _ref.appliedSearchTerms;
+  const _useTheme = designSystem.useTheme(),
+    isNewTheme = _useTheme.isNewTheme;
   if (isNewTheme) return jsxRuntime.jsx(uiKit.CollapsiblePanel, {
     condensed: true,
     isDefaultClosed: !Boolean(appliedSearchTerms.length),
@@ -866,51 +778,39 @@ function AppliedSearchTerms(_ref) {
 AppliedSearchTerms.propTypes = {};
 
 function ownKeys$6(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$6(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$6(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-
 function normalizeFields(fields) {
-  var result = _mapInstanceProperty__default["default"](fields).call(fields, function (field) {
+  const result = _mapInstanceProperty__default["default"](fields).call(fields, field => {
     if (isFilledArray(field.fields)) {
       var _context;
-
-      return _mapInstanceProperty__default["default"](_context = normalizeFields(field.fields)).call(_context, function (nestedField) {
+      return _mapInstanceProperty__default["default"](_context = normalizeFields(field.fields)).call(_context, nestedField => {
         var _context2;
-
         return _objectSpread$6(_objectSpread$6({}, nestedField), {}, {
           key: _concatInstanceProperty__default["default"](_context2 = "".concat(field.key, ".")).call(_context2, nestedField.key)
         });
       });
     }
-
     return field;
   });
-
   return _flatInstanceProperty__default["default"](result).call(result);
 }
-
 function FieldsRenderer(_ref) {
-  var fields = _ref.fields;
-  var allFields = normalizeFields(fields);
+  let fields = _ref.fields;
+  const allFields = normalizeFields(fields);
   return jsxRuntime.jsx(TagList, {
-    children: _mapInstanceProperty__default["default"](allFields).call(allFields, function (field) {
-      return jsxRuntime.jsx("div", {
-        "data-testid": "test-field-".concat(field.key),
-        children: jsxRuntime.jsx(uiKit.Tag, {
-          children: field.label || field.key
-        })
-      }, field.key);
-    })
+    children: _mapInstanceProperty__default["default"](allFields).call(allFields, field => jsxRuntime.jsx("div", {
+      "data-testid": "test-field-".concat(field.key),
+      children: jsxRuntime.jsx(uiKit.Tag, {
+        children: field.label || field.key
+      })
+    }, field.key))
   });
 }
-
 FieldsRenderer.propTypes = {};
 function ExportFields(_ref2) {
-  var fields = _ref2.fields;
-
-  var _useTheme = designSystem.useTheme(),
-      isNewTheme = _useTheme.isNewTheme;
-
+  let fields = _ref2.fields;
+  const _useTheme = designSystem.useTheme(),
+    isNewTheme = _useTheme.isNewTheme;
   if (isNewTheme) return jsxRuntime.jsx(uiKit.CollapsiblePanel, {
     condensed: true,
     isDefaultClosed: !Boolean(fields.length),
@@ -949,21 +849,15 @@ function ExportFields(_ref2) {
 }
 ExportFields.propTypes = {};
 
-var ExportSelection = function ExportSelection() {
-  var _useTheme = designSystem.useTheme(),
-      isNewTheme = _useTheme.isNewTheme;
-
-  var _useExportResourcesCo = useExportResourcesContext(),
-      formik = _useExportResourcesCo.formik;
-
-  var onAppliedFilterRemove = function onAppliedFilterRemove(filter) {
+const ExportSelection = () => {
+  const _useTheme = designSystem.useTheme(),
+    isNewTheme = _useTheme.isNewTheme;
+  const _useExportResourcesCo = useExportResourcesContext(),
+    formik = _useExportResourcesCo.formik;
+  const onAppliedFilterRemove = filter => {
     var _context;
-
-    formik.setFieldValue('appliedFilters', _filterInstanceProperty__default["default"](_context = _valuesInstanceProperty__default["default"](formik).appliedFilters).call(_context, function (appliedFilter) {
-      return appliedFilter !== filter;
-    }));
+    formik.setFieldValue('appliedFilters', _filterInstanceProperty__default["default"](_context = _valuesInstanceProperty__default["default"](formik).appliedFilters).call(_context, appliedFilter => appliedFilter !== filter));
   };
-
   if (isNewTheme) return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
     scale: "xl",
     children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -1018,12 +912,10 @@ var ExportSelection = function ExportSelection() {
 };
 
 function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$5(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$5(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-var ExportProperties = function ExportProperties(props) {
-  var _useTheme = designSystem.useTheme(),
-      isNewTheme = _useTheme.isNewTheme;
-
+const ExportProperties = props => {
+  const _useTheme = designSystem.useTheme(),
+    isNewTheme = _useTheme.isNewTheme;
   if (typeof props.renderProperties !== 'function') return null;
   if (isNewTheme) return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
     scale: "m",
@@ -1045,16 +937,13 @@ var ExportProperties = function ExportProperties(props) {
 ExportProperties.propTypes = {};
 
 function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$4(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 function renderFileNameError(key) {
   switch (key) {
     case 'missing':
       return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages.missingFileNameError));
-
     case 'invalidInput':
       return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages.invalidFileNameError));
-
     default:
       return null;
   }
@@ -1063,52 +952,41 @@ function renderLanguageError(key) {
   switch (key) {
     case 'missing':
       return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages.missingLanguageError));
-
     default:
       return null;
   }
 }
 
 function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-var outputFormatOptions = [{
+const outputFormatOptions = [{
   value: OUTPUT_FORMATS.JSON,
   label: 'JSON'
 }, {
   value: OUTPUT_FORMATS.CSV,
   label: 'CSV'
 }];
-
 function mapLanguagesToOptions(languages) {
-  return _mapInstanceProperty__default["default"](languages).call(languages, function (language) {
-    return {
-      value: language,
-      label: language
-    };
-  });
+  return _mapInstanceProperty__default["default"](languages).call(languages, language => ({
+    value: language,
+    label: language
+  }));
 }
-
 function ExportFileSettings(props) {
-  var _useTheme = designSystem.useTheme(),
-      isNewTheme = _useTheme.isNewTheme;
-
-  var intl = reactIntl.useIntl();
-
-  var _useExportResourcesCo = useExportResourcesContext(),
-      formik = _useExportResourcesCo.formik;
-
-  var _useApplicationContex = applicationShellConnectors.useApplicationContext(function (applicationContext) {
-    var _applicationContext$p;
-
-    return {
-      language: applicationContext.dataLocale,
-      languages: ((_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.languages) || []
-    };
-  }),
-      languages = _useApplicationContex.languages,
-      language = _useApplicationContex.language;
-
+  const _useTheme = designSystem.useTheme(),
+    isNewTheme = _useTheme.isNewTheme;
+  const intl = reactIntl.useIntl();
+  const _useExportResourcesCo = useExportResourcesContext(),
+    formik = _useExportResourcesCo.formik;
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => {
+      var _applicationContext$p;
+      return {
+        language: applicationContext.dataLocale,
+        languages: ((_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.languages) || []
+      };
+    }),
+    languages = _useApplicationContex.languages,
+    language = _useApplicationContex.language;
   if (isNewTheme) return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
     scale: "xxxl",
     children: [jsxRuntime.jsx(applicationComponents.PageContentNarrow, {
@@ -1133,7 +1011,7 @@ function ExportFileSettings(props) {
             options: mapLanguagesToOptions(languages),
             isMulti: true
           }, formik.getFieldProps('languages')), {}, {
-            onChange: function onChange(e) {
+            onChange: e => {
               formik.handleChange(e);
               formik.setFieldValue('isAllLanguagesChecked', false);
             },
@@ -1143,7 +1021,7 @@ function ExportFileSettings(props) {
           })), jsxRuntime.jsx(uiKit.CheckboxInput, {
             name: "isAllLanguagesChecked",
             isChecked: _valuesInstanceProperty__default["default"](formik).isAllLanguagesChecked,
-            onChange: function onChange(e) {
+            onChange: e => {
               if (e.target.checked) formik.setFieldValue('languages', languages);else formik.setFieldValue('languages', [language]);
               formik.handleChange(e);
             },
@@ -1189,7 +1067,7 @@ function ExportFileSettings(props) {
           }), jsxRuntime.jsx(uiKit.CheckboxInput, {
             name: "isAllLanguagesChecked",
             isChecked: _valuesInstanceProperty__default["default"](formik).isAllLanguagesChecked,
-            onChange: function onChange(e) {
+            onChange: e => {
               if (e.target.checked) formik.setFieldValue('languages', languages);else formik.setFieldValue('languages', [language]);
               formik.handleChange(e);
             },
@@ -1202,7 +1080,7 @@ function ExportFileSettings(props) {
         options: mapLanguagesToOptions(languages),
         isMulti: true
       }, formik.getFieldProps('languages')), {}, {
-        onChange: function onChange(e) {
+        onChange: e => {
           formik.handleChange(e);
           formik.setFieldValue('isAllLanguagesChecked', false);
         },
@@ -1219,89 +1097,61 @@ function ExportFileSettings(props) {
 ExportFileSettings.displayName = 'ExportFileSettings';
 ExportFileSettings.propTypes = {};
 
-function createExportOperation(_x) {
-  return _createExportOperation.apply(this, arguments);
-}
-
-function _createExportOperation() {
-  _createExportOperation = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(_ref) {
-    var projectKey, graphQuery, asyncDispatchFn, uri, response;
-    return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          projectKey = _ref.projectKey, graphQuery = _ref.graphQuery, asyncDispatchFn = _ref.asyncDispatchFn;
-          uri = "/proxy/export/".concat(projectKey, "/export-operations");
-          _context.next = 4;
-          return asyncDispatchFn(sdk.actions.post({
-            // FIXME: EXPORT is undefined
-            mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.EXPORT,
-            uri: uri,
-            headers: {
-              accept: 'application/json'
-            },
-            payload: {
-              query: graphQuery
-            }
-          }));
-
-        case 4:
-          response = _context.sent;
-          return _context.abrupt("return", response);
-
-        case 6:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
+async function createExportOperation(_ref) {
+  let projectKey = _ref.projectKey,
+    graphQuery = _ref.graphQuery,
+    asyncDispatchFn = _ref.asyncDispatchFn;
+  const uri = "/proxy/export/".concat(projectKey, "/export-operations");
+  const response = await asyncDispatchFn(sdk.actions.post({
+    // FIXME: EXPORT is undefined
+    mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.EXPORT,
+    uri: uri,
+    headers: {
+      accept: 'application/json'
+    },
+    payload: {
+      query: graphQuery
+    }
   }));
-  return _createExportOperation.apply(this, arguments);
+  return response;
 }
 
 function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$2(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 function ExportConfirmationModal(props) {
-  var _useApplicationContex = applicationShellConnectors.useApplicationContext(function (applicationContext) {
-    var _applicationContext$p, _applicationContext$p2;
-
-    return {
-      projectName: (_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.name,
-      projectKey: (_applicationContext$p2 = applicationContext.project) === null || _applicationContext$p2 === void 0 ? void 0 : _applicationContext$p2.key
-    };
-  }),
-      projectName = _useApplicationContex.projectName,
-      projectKey = _useApplicationContex.projectKey;
-
-  var _useExportResourcesCo = useExportResourcesContext(),
-      formik = _useExportResourcesCo.formik,
-      allResourcesCount = _useExportResourcesCo.allResourcesCount,
-      matchingResourcesCount = _useExportResourcesCo.matchingResourcesCount,
-      selectedResourceIds = _useExportResourcesCo.selectedResourceIds,
-      resourceType = _useExportResourcesCo.resourceType,
-      setExportOperationStarted = _useExportResourcesCo.setExportOperationStarted;
-
-  var intl = reactIntl.useIntl();
-  var asyncDispatch = sdk.useAsyncDispatch();
-  var resourceTypePlural = resourceTypeToPlural({
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => {
+      var _applicationContext$p, _applicationContext$p2;
+      return {
+        projectName: (_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.name,
+        projectKey: (_applicationContext$p2 = applicationContext.project) === null || _applicationContext$p2 === void 0 ? void 0 : _applicationContext$p2.key
+      };
+    }),
+    projectName = _useApplicationContex.projectName,
+    projectKey = _useApplicationContex.projectKey;
+  const _useExportResourcesCo = useExportResourcesContext(),
+    formik = _useExportResourcesCo.formik,
+    allResourcesCount = _useExportResourcesCo.allResourcesCount,
+    matchingResourcesCount = _useExportResourcesCo.matchingResourcesCount,
+    selectedResourceIds = _useExportResourcesCo.selectedResourceIds,
+    resourceType = _useExportResourcesCo.resourceType,
+    setExportOperationStarted = _useExportResourcesCo.setExportOperationStarted;
+  const intl = reactIntl.useIntl();
+  const asyncDispatch = sdk.useAsyncDispatch();
+  const resourceTypePlural = resourceTypeToPlural({
     resourceType: props.resourceType
   });
-
-  var countInConfirmationMessage = function countInConfirmationMessage() {
+  const countInConfirmationMessage = () => {
     switch (_valuesInstanceProperty__default["default"](formik).exportSelectionType) {
       case EXPORT_SELECTION_TYPES.ALL_RESOURCES:
         return allResourcesCount;
-
       case EXPORT_SELECTION_TYPES.ONLY_MATCHING:
         return matchingResourcesCount;
-
       case EXPORT_SELECTION_TYPES.ONLY_SELECTED:
         return selectedResourceIds.length;
-
       default:
         throw new UnexpectedSelectionTypeError(_valuesInstanceProperty__default["default"](formik).exportSelectionType);
     }
   };
-
   return jsxRuntime.jsx(applicationComponents.ConfirmationDialog, {
     dataAttributesPrimaryButton: {
       'data-testid': 'confirm-export-button'
@@ -1315,58 +1165,36 @@ function ExportConfirmationModal(props) {
     isOpen: props.isOpen,
     onClose: props.closeModal,
     onCancel: props.closeModal,
-    onConfirm: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
-      var graphQuery, response;
-      return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            setExportOperationStarted(false);
-            graphQuery = buildGraphQuery({
-              resourceType: resourceType,
-              selectedResourceIds: selectedResourceIds,
-              fields: _valuesInstanceProperty__default["default"](formik).fields,
-              exportSelectionType: _valuesInstanceProperty__default["default"](formik).exportSelectionType,
-              languages: _valuesInstanceProperty__default["default"](formik).languages
-            });
-            props.closeModal();
-            _context.prev = 3;
-            _context.next = 6;
-            return createExportOperation({
-              projectKey: projectKey,
-              graphQuery: graphQuery,
-              asyncDispatchFn: asyncDispatch
-            });
-
-          case 6:
-            response = _context.sent;
-            _context.t0 = response.state;
-            _context.next = _context.t0 === EXPORT_OPERATION_STATES.PROCESSING ? 10 : _context.t0 === EXPORT_OPERATION_STATES.COMPLETED ? 10 : 12;
-            break;
-
-          case 10:
+    onConfirm: async () => {
+      setExportOperationStarted(false);
+      const graphQuery = buildGraphQuery({
+        resourceType: resourceType,
+        selectedResourceIds: selectedResourceIds,
+        fields: _valuesInstanceProperty__default["default"](formik).fields,
+        exportSelectionType: _valuesInstanceProperty__default["default"](formik).exportSelectionType,
+        languages: _valuesInstanceProperty__default["default"](formik).languages
+      });
+      props.closeModal();
+      try {
+        const response = await createExportOperation({
+          projectKey,
+          graphQuery,
+          asyncDispatchFn: asyncDispatch
+        });
+        switch (response.state) {
+          case EXPORT_OPERATION_STATES.PROCESSING:
+          case EXPORT_OPERATION_STATES.COMPLETED:
             setExportOperationStarted(true);
-            return _context.abrupt("break", 13);
-
-          case 12:
-            throw new UnexpectedExportOperationStateError(response.state);
-
-          case 13:
-            _context.next = 18;
             break;
-
-          case 15:
-            _context.prev = 15;
-            _context.t1 = _context["catch"](3);
-            actionsGlobal.showApiErrorNotification({
-              errors: _context.t1
-            });
-
-          case 18:
-          case "end":
-            return _context.stop();
+          default:
+            throw new UnexpectedExportOperationStateError(response.state);
         }
-      }, _callee, null, [[3, 15]]);
-    })),
+      } catch (errors) {
+        actionsGlobal.showApiErrorNotification({
+          errors
+        });
+      }
+    },
     children: jsxRuntime.jsxs("div", {
       children: [jsxRuntime.jsx(uiKit.Text.Body, {
         intlMessage: _objectSpread$2(_objectSpread$2({}, messages.confirmationBodyPlan), {}, {
@@ -1386,28 +1214,20 @@ function ExportConfirmationModal(props) {
 ExportConfirmationModal.propTypes = {};
 
 function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-
-var getExportLogsLink = function getExportLogsLink(projectKey, msg) {
-  return jsxRuntime.jsx(uiKit.Link, {
-    to: "/".concat(projectKey, "/operations/export/logs"),
-    children: msg
-  });
-};
-
+const getExportLogsLink = (projectKey, msg) => jsxRuntime.jsx(uiKit.Link, {
+  to: "/".concat(projectKey, "/operations/export/logs"),
+  children: msg
+});
 function ExportOperationSuccessMessage(_ref) {
-  var isShown = _ref.isShown;
-
-  var _useApplicationContex = applicationShellConnectors.useApplicationContext(function (applicationContext) {
-    var _applicationContext$p;
-
-    return {
-      projectKey: (_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.key
-    };
-  }),
-      projectKey = _useApplicationContex.projectKey;
-
+  let isShown = _ref.isShown;
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => {
+      var _applicationContext$p;
+      return {
+        projectKey: (_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.key
+      };
+    }),
+    projectKey = _useApplicationContex.projectKey;
   if (!isShown) return null;
   return jsxRuntime.jsx("div", {
     css: styles.successMessage,
@@ -1418,9 +1238,7 @@ function ExportOperationSuccessMessage(_ref) {
         type: "success",
         intlMessage: _objectSpread$1(_objectSpread$1({}, messages.exportOperationSuccessMessage), {}, {
           values: {
-            logsLink: function logsLink(msg) {
-              return getExportLogsLink(projectKey, msg);
-            }
+            logsLink: msg => getExportLogsLink(projectKey, msg)
           }
         })
       })
@@ -1429,26 +1247,22 @@ function ExportOperationSuccessMessage(_ref) {
 }
 ExportOperationSuccessMessage.propTypes = {};
 
-var _excluded = ["renderProperties"];
-
+const _excluded = ["renderProperties"];
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-
-var ExportResourcesModal = function ExportResourcesModal(_ref) {
-  var renderProperties = _ref.renderProperties,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var intl = reactIntl.useIntl();
-  var confirmationModal = applicationComponents.useModalState();
-  var resourceTypePlural = resourceTypeToPlural({
+const ExportResourcesModal = _ref => {
+  let renderProperties = _ref.renderProperties,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const intl = reactIntl.useIntl();
+  const confirmationModal = applicationComponents.useModalState();
+  const resourceTypePlural = resourceTypeToPlural({
     resourceType: props.resourceType
   });
   return jsxRuntime.jsx(ExportResourcesContextProvider, _objectSpread(_objectSpread({}, props), {}, {
     children: jsxRuntime.jsx(ExportResourcesContext.Consumer, {
-      children: function children(_ref2) {
-        var formik = _ref2.formik,
-            exportOperationStarted = _ref2.exportOperationStarted;
+      children: _ref2 => {
+        let formik = _ref2.formik,
+          exportOperationStarted = _ref2.exportOperationStarted;
         return jsxRuntime.jsxs(applicationComponents.FormModalPage, {
           title: intl.formatMessage(messages.modalTitle, {
             resourceType: resourceTypePlural
@@ -1479,7 +1293,6 @@ var ExportResourcesModal = function ExportResourcesModal(_ref) {
     })
   }));
 };
-
 ExportResourcesModal.displayName = 'ExportResourcesModal';
 ExportResourcesModal.propTypes = {};
 ExportResourcesModal.defaultProps = {