@commercetools-frontend-extensions/export-resources-modal 2.0.0 → 3.0.0

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

@@ -11,7 +11,7 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var React = require('react');
 var reactIntl = require('react-intl');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
@@ -25,24 +25,28 @@ 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 _wrapNativeSuper = require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
-var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
-var PropTypes = require('prop-types');
-var formik = require('formik');
-var moment = require('moment');
-var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
-var react = require('react');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
+var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
+var _Object$assign = require('@babel/runtime-corejs3/core-js-stable/object/assign');
 var uiKit = require('@commercetools-frontend/ui-kit');
-var omitEmpty = require('omit-empty-es');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
-var react$1 = require('@emotion/react');
-var designSystem = require('@commercetools-uikit/design-system');
-var _styled = require('@emotion/styled/base');
-var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
-var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+var omitEmpty = require('omit-empty-es');
+var _findIndexInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find-index');
+var _spliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/splice');
+require('@commercetools-uikit/design-system');
+var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
+var moment = require('moment');
 var sdk = require('@commercetools-frontend/sdk');
 var actionsGlobal = require('@commercetools-frontend/actions-global');
 var constants = require('@commercetools-frontend/constants');
+var _styled = require('@emotion/styled/base');
+var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
+var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
+var PropTypes = require('prop-types');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var formik = require('formik');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -54,197 +58,358 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var React__default = /*#__PURE__*/_interopDefault(React);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var _flatInstanceProperty__default = /*#__PURE__*/_interopDefault(_flatInstanceProperty);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var moment__default = /*#__PURE__*/_interopDefault(moment);
-var omitEmpty__default = /*#__PURE__*/_interopDefault(omitEmpty);
+var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
+var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
+var _Object$assign__default = /*#__PURE__*/_interopDefault(_Object$assign);
 var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
+var omitEmpty__default = /*#__PURE__*/_interopDefault(omitEmpty);
+var _findIndexInstanceProperty__default = /*#__PURE__*/_interopDefault(_findIndexInstanceProperty);
+var _spliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_spliceInstanceProperty);
+var moment__default = /*#__PURE__*/_interopDefault(moment);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
-var _regeneratorRuntime__default = /*#__PURE__*/_interopDefault(_regeneratorRuntime);
+var _everyInstanceProperty__default = /*#__PURE__*/_interopDefault(_everyInstanceProperty);
+var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 
-var EXPORTABLE_RESOURCES = {
-  CATEGORY: 'category',
-  PRODUCT: 'product'
-};
-var EXPORT_SELECTION_TYPES = {
-  ALL_RESOURCES: 'allResources',
-  ONLY_MATCHING: 'onlyMatching',
-  ONLY_SELECTED: 'onlySelected'
-};
-var OUTPUT_FORMATS = {
-  JSON: 'json',
-  CSV: 'csv'
-};
-var EXPORT_OPERATION_STATES = {
+const EXPORT_OPERATION_STATES = {
   PROCESSING: 'processing',
   COMPLETED: 'completed',
   FAILED: 'failed'
 };
 
-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); }; }
+const EXPORT_TYPES = {
+  ALL: 'all',
+  FILTERED: 'filtered',
+  SELECTED: 'selected'
+};
 
-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; } }
+const EXPORTABLE_RESOURCES = {
+  CATEGORY: 'category',
+  PRODUCT: 'product',
+  DISCOUNT_CODE: 'discountCode'
+};
 
-var UnexpectedSelectionTypeError = /*#__PURE__*/function (_Error) {
-  _inherits(UnexpectedSelectionTypeError, _Error);
+const OUTPUT_FORMATS = {
+  JSON: 'json',
+  CSV: 'csv'
+};
+const OUTPUT_FORMAT_OPTIONS = [{
+  value: OUTPUT_FORMATS.CSV,
+  label: 'CSV'
+}, {
+  value: OUTPUT_FORMATS.JSON,
+  label: 'JSON'
+}];
 
-  var _super = _createSuper$2(UnexpectedSelectionTypeError);
+const COLUMN_DEFINITIONS_URLS = {
+  category: 'https://docs-proxy-sarm-product-import-csv.commercetools.vercel.app/merchant-center/import-categories#supported-headers-and-values'
+};
 
-  function UnexpectedSelectionTypeError(exportSelectionType) {
+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; } }
+let UnexpectedExportTypeError = /*#__PURE__*/function (_Error) {
+  _inherits(UnexpectedExportTypeError, _Error);
+  var _super = _createSuper$3(UnexpectedExportTypeError);
+  function UnexpectedExportTypeError(exportType) {
     var _this;
-
-    _classCallCheck(this, UnexpectedSelectionTypeError);
-
-    _this = _super.call(this, "Unexpected column: ".concat(exportSelectionType));
-    _this.name = 'UnexpectedSelectionTypeError';
+    _classCallCheck(this, UnexpectedExportTypeError);
+    _this = _super.call(this, "Unexpected export type: ".concat(exportType));
+    _this.name = 'UnexpectedExportTypeError';
     return _this;
   }
-
-  return _createClass(UnexpectedSelectionTypeError);
+  return _createClass(UnexpectedExportTypeError);
 }( /*#__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 MissingExportResourceProviderError = /*#__PURE__*/function (_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; } }
+let MissingExportResourceProviderError = /*#__PURE__*/function (_Error) {
   _inherits(MissingExportResourceProviderError, _Error);
-
-  var _super = _createSuper$1(MissingExportResourceProviderError);
-
+  var _super = _createSuper$2(MissingExportResourceProviderError);
   function MissingExportResourceProviderError() {
     var _this;
-
     _classCallCheck(this, MissingExportResourceProviderError);
-
-    _this = _super.call(this, 'useExportResourcesContext must be used within ExportResourcesContextProvider');
+    _this = _super.call(this, 'useExportResourcesContext must be used within ExportResourcesProvider');
     _this.name = 'MissingExportResourceProviderError';
     return _this;
   }
-
   return _createClass(MissingExportResourceProviderError);
 }( /*#__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 UnexpectedExportOperationStateError = /*#__PURE__*/function (_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; } }
+let UnexpectedExportOperationStateError = /*#__PURE__*/function (_Error) {
   _inherits(UnexpectedExportOperationStateError, _Error);
-
-  var _super = _createSuper(UnexpectedExportOperationStateError);
-
+  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 resourceTypeToPlural(_ref) {
-  var resourceType = _ref.resourceType,
-      _ref$isUpperCase = _ref.isUpperCase,
-      isUpperCase = _ref$isUpperCase === void 0 ? false : _ref$isUpperCase;
+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; } }
+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));
 
+const _excluded$1 = ["name"];
+function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys$5(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys$5(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function resourceTypeToPlural(_ref) {
+  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);
+  }
+}
+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:
-      // eslint-disable-next-line no-console
-      console.warn("Unexpected resource type: \"".concat(resourceType, "\""));
-      return resourceType;
+      throw UnexpectedResourceTypeError(resourceType);
   }
 }
+function mapLocalesToOptions(locales) {
+  return _mapInstanceProperty__default["default"](locales).call(locales, locale => ({
+    value: locale,
+    label: locale
+  }));
+}
 function replaceSpecialCharsWithUnderscore(string) {
   return string.replace(/[^a-zA-Z0-9]/g, '_');
 }
-
-function buildGraphQuery(exportSettings) {
+function isFilledArray(maybeArray) {
+  return _Array$isArray__default["default"](maybeArray) && maybeArray.length;
+}
+function appendCsvOrJsonExtensionIfAbsent(fileName, fileFormat) {
   var _context;
-
-  var resourceType = resourceTypeToPlural({
-    resourceType: exportSettings.resourceType
+  const extensionRegex = /\.(csv|json)$/i;
+  if (!extensionRegex.test(fileName)) return _concatInstanceProperty__default["default"](_context = "".concat(fileName, ".")).call(_context, fileFormat);
+  return fileName;
+}
+function flattenNestedFields(fields) {
+  const result = (fields === null || fields === void 0 ? void 0 : _mapInstanceProperty__default["default"](fields).call(fields, field => {
+    if (isFilledArray(field.fields)) {
+      var _context2;
+      return _mapInstanceProperty__default["default"](_context2 = flattenNestedFields(field.fields)).call(_context2, nestedField => {
+        var _context3;
+        return _objectSpread$5(_objectSpread$5({}, nestedField), {}, {
+          name: _concatInstanceProperty__default["default"](_context3 = "".concat(field.name, ".")).call(_context3, nestedField.name)
+        });
+      });
+    }
+    return field;
+  })) || [];
+  return _flatInstanceProperty__default["default"](result).call(result);
+}
+function unflattenNestedFields(flattenedFields) {
+  const reconstructed = [];
+  _forEachInstanceProperty__default["default"](flattenedFields).call(flattenedFields, field => {
+    const fieldNames = field.name.split('.');
+    let currentLevel = reconstructed;
+    _forEachInstanceProperty__default["default"](fieldNames).call(fieldNames, (name, index) => {
+      let existingField = _findInstanceProperty__default["default"](currentLevel).call(currentLevel, f => f.name === name);
+      if (!existingField) {
+        existingField = {
+          name,
+          fields: []
+        };
+        currentLevel.push(existingField);
+      }
+      if (index === fieldNames.length - 1) {
+        field.name;
+          const otherProps = _objectWithoutProperties(field, _excluded$1);
+        _Object$assign__default["default"](existingField, otherProps);
+      } else {
+        currentLevel = existingField.fields;
+      }
+    });
   });
+  return reconstructed;
+}
+function getSelectedFields(fields) {
+  return _filterInstanceProperty__default["default"](fields).call(fields, field => field.isChecked);
+}
+function getFieldNames(fields) {
+  return _mapInstanceProperty__default["default"](fields).call(fields, field => field.name);
+}
+function checkRequiredFields(fields) {
+  return _mapInstanceProperty__default["default"](fields).call(fields, field => field.isRequired ? _objectSpread$5(_objectSpread$5({}, field), {}, {
+    isChecked: true
+  }) : field);
+}
+const getExportLogsLink = (projectKey, msg) => jsxRuntime.jsx(uiKit.Link, {
+  to: "/".concat(projectKey, "/operations/export/logs"),
+  children: msg
+});
 
-  switch (exportSettings.exportSelectionType) {
-    case EXPORT_SELECTION_TYPES.ALL_RESOURCES:
+/*
+ * This function is responsible for constructing the GraphQL query based on the export settings
+ *
+ * Depending on the type of export selection (all, selected, or filtered) it constructs different types of queries:
+ * - For 'all', it generates a query that fetches all fields and locales specified in the export settings.
+ * - For 'selected', it creates a query that fetches only the fields and locales of the selected resources. The ids of the selected resources are included in the query.
+ * - The 'filtered' case is a placeholder for future development where a query will be constructed based on certain filtering criteria using the `where` parameter.
+ */
+function buildGraphQuery(exportSettings) {
+  var _context;
+  const operation = resourceTypeToOperationName(exportSettings.resourceType);
+  switch (exportSettings.exportType) {
+    case EXPORT_TYPES.ALL:
       return gqlQueryBuilder.query({
-        operation: resourceType,
+        operation,
         fields: [{
-          results: buildColumns(exportSettings.columns, exportSettings.languages)
+          results: buildFields({
+            fields: exportSettings.fields,
+            locales: exportSettings.locales
+          })
         }],
         variables: {}
       });
-
-    case EXPORT_SELECTION_TYPES.ONLY_SELECTED:
+    case EXPORT_TYPES.SELECTED:
       return gqlQueryBuilder.query({
-        operation: resourceType,
+        operation,
         fields: [{
-          results: buildColumns(exportSettings.columns, exportSettings.languages)
+          results: buildFields({
+            fields: exportSettings.fields,
+            locales: exportSettings.locales
+          })
         }],
         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:
+    case EXPORT_TYPES.FILTERED:
       // TODO: gql query for exporting filtered resources.
-      throw new UnexpectedSelectionTypeError(exportSettings.exportSelectionType);
-
+      throw new UnexpectedExportTypeError(exportSettings.exportType);
     default:
-      throw new UnexpectedSelectionTypeError(exportSettings.exportSelectionType);
+      throw new UnexpectedExportTypeError(exportSettings.exportType);
   }
 }
 
-function buildColumns(columns, languages) {
+/*
+ * This function builds the necessary field structure for our GraphQL queries, tt is specifically designed to handle different types of fields
+ *
+ * For fields whose values change depending on the locale aka localised fields, a unique request format is used
+ * This format combines the field and the locale, separated by '______'. This approach is adopted as our system disallows the use of hyphens `-` in these situations
+ *
+ * Fields that don't vary by locale but contain additional subfields (known as 'nested fields') are also addressed
+ * In these cases the function is used recursively on these subfields to generate the appropriate request.
+ *
+ * Overall, this function enables us to accurately request different types of data, including those varying by locale or containing subfields.
+ *
+ * More details can be found in the related PR: https://github.com/commercetools/commercetools-exporter/pull/103
+ */
+
+function buildFields(_ref) {
   var _context2;
-
-  return _flatInstanceProperty__default["default"](_context2 = _mapInstanceProperty__default["default"](columns).call(columns, function (column) {
-    if (column.isLocalised) return _mapInstanceProperty__default["default"](languages).call(languages, function (language) {
+  let fields = _ref.fields,
+    locales = _ref.locales;
+  return _flatInstanceProperty__default["default"](_context2 = _mapInstanceProperty__default["default"](fields).call(fields, field => {
+    if (field.isLocalized) return _mapInstanceProperty__default["default"](locales).call(locales, locale => {
       var _context3, _context4, _context5;
-
-      var alias = replaceSpecialCharsWithUnderscore(_concatInstanceProperty__default["default"](_context3 = "".concat(column.key, "_")).call(_context3, language));
-      return _concatInstanceProperty__default["default"](_context4 = _concatInstanceProperty__default["default"](_context5 = "".concat(alias, ": ")).call(_context5, column.key, "(locale: \"")).call(_context4, language, "\")");
-    });else return column.key;
+      const alias = replaceSpecialCharsWithUnderscore(_concatInstanceProperty__default["default"](_context3 = "".concat(field.name, "______")).call(_context3, locale));
+      return _concatInstanceProperty__default["default"](_context4 = _concatInstanceProperty__default["default"](_context5 = "".concat(alias, ": ")).call(_context5, field.name, "(locale: \"")).call(_context4, locale, "\")");
+    });else {
+      if (isFilledArray(field.fields)) {
+        return {
+          [field.name]: buildFields({
+            fields: field.fields,
+            locales
+          })
+        };
+      }
+      return field.name;
+    }
   })).call(_context2);
 }
 
+function validate(_ref) {
+  let values = _valuesInstanceProperty__default["default"](_ref),
+    step = _ref.step;
+  const errors = {
+    fileName: {},
+    locales: {},
+    fields: {}
+  };
+  // Always validate these fields (first and second steps)
+  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.locales.length < 1) {
+    errors.locales.missing = true;
+  }
+  //
+
+  // Only validate these fields on the 2nd step
+  if (step === 2) {
+    var _context;
+    const checkedFields = _filterInstanceProperty__default["default"](_context = values.fields).call(_context, field => field.isChecked);
+    if (checkedFields.length < 2) {
+      errors.fields.missing = true;
+    }
+  }
+  return omitEmpty__default["default"](errors);
+}
+
+const categoryColumnExtension = columns => {
+  const extendedColumns = [...columns];
+  const parentKeyIndex = _findIndexInstanceProperty__default["default"](columns).call(columns, column => column === 'parent.key');
+  if (parentKeyIndex !== -1) {
+    _spliceInstanceProperty__default["default"](extendedColumns).call(extendedColumns, parentKeyIndex + 1, 0, 'parent.typeId');
+  }
+  return extendedColumns;
+};
+const defaultColumnExtension = columns => columns;
+const columnExtensionByResourceType = {
+  default: defaultColumnExtension,
+  category: categoryColumnExtension
+};
+
+const extendColumns = (columns, resourceType) => {
+  const extensionFunction = columnExtensionByResourceType[resourceType] || columnExtensionByResourceType.default;
+  return extensionFunction(columns);
+};
+
 var messages = reactIntl.defineMessages({
   modalTitle: {
     id: 'ExportResourcesModal.modalTitle',
     description: 'Label for the modal title',
     defaultMessage: 'Export {resourceType}'
   },
-  modalSubTitle: {
-    id: 'ExportResourcesModal.modalSubTitle',
-    description: 'Label for the modal subtitle',
-    defaultMessage: 'Define export settings'
-  },
-  topBarPreviousPathLabel: {
-    id: 'ExportResourcesModal.topBarPreviousPathLabel',
-    description: 'Label for the topBar previous label',
-    defaultMessage: 'To {resourceType} List'
-  },
-  exportButton: {
-    id: 'ExportResourcesModal.exportButton',
-    description: 'Export primary button',
-    defaultMessage: 'Export {resourceType}'
-  },
   outputFormat: {
     id: 'ExportResourcesModal.outputFormat',
     description: 'File format like (csv, xls, ...etc)',
@@ -255,10 +420,10 @@ var messages = reactIntl.defineMessages({
     description: 'exported file name',
     defaultMessage: 'File name'
   },
-  localLanguage: {
-    id: 'ExportResourcesModal.localLanguage',
-    description: 'Local language',
-    defaultMessage: 'Local language'
+  locale: {
+    id: 'ExportResourcesModal.locale',
+    description: 'Locale',
+    defaultMessage: 'Locale'
   },
   exportSelection: {
     id: 'ExportResourcesModal.exportSelection',
@@ -270,11 +435,6 @@ var messages = reactIntl.defineMessages({
     description: 'Export All selection',
     defaultMessage: 'Export all {resourceType} ({count})'
   },
-  exportOnlyMatchingResources: {
-    id: 'ExportResourcesModal.exportOnlyMatchingResources',
-    description: 'Export resources only matching search/filter',
-    defaultMessage: 'Export list matching search/filter ({count})'
-  },
   exportOnlySelectedResources: {
     id: 'ExportResourcesModal.exportOnlySelectedResources',
     description: 'Export only selected resources',
@@ -297,63 +457,33 @@ var messages = reactIntl.defineMessages({
   },
   columnsMessage: {
     id: 'ExportResourcesModal.columnsMessage',
-    description: 'Exported columns based on table settings',
-    defaultMessage: '<b>Exported columns based on table settings:</b> {columnsCount}'
-  },
-  appliedSearchTermsMessage: {
-    id: 'ExportResourcesModal.appliedSearchTermsMessage',
-    description: 'Applied Search Term(s)',
-    defaultMessage: '<b>Applied search term(s):</b> {searchTermsCount}'
-  },
-  appliedFiltersMessage: {
-    id: 'ExportResourcesModal.appliedFiltersMessage',
-    description: 'Applied Filter(s)',
-    defaultMessage: '<b>Applied Filter(s):</b> {filtersCount}'
+    description: 'Exported columns and attributes based on table settings',
+    defaultMessage: 'Exported columns/attributes based on table settings: {columnsCount}'
   },
   exportBasedOnMyViewsMessage: {
     id: 'ExportResourcesModal.exportBasedOnMyViewsMessage',
     description: 'Select Export setttings based on my views',
-    defaultMessage: 'Select export settings based on <b>My views:</b>'
+    defaultMessage: 'Select export settings based on:'
   },
   propertiesPanelLabel: {
     id: 'ExportResourcesModal.propertiesPanelLabel',
     description: 'properties panel label',
     defaultMessage: 'Properties'
   },
-  confirmationTitle: {
-    id: 'ExportResourcesModal.confirmationTitle',
-    description: 'Title for the confirmation dialog',
-    defaultMessage: 'Export {resourceType} data'
-  },
-  confirmationBodyPlan: {
-    id: 'ExportResourcesModal.confirmationBodyPlan',
-    description: 'Confirmation dialog action plan',
-    defaultMessage: 'You are about to export <bold>{count}</bold> {resourceType} from the project: <bold>{projectName}</bold>.'
-  },
-  confirmationBodyQuestion: {
-    id: 'ExportResourcesModal.confirmationBodyQuestion',
-    description: 'Confirmation question',
-    defaultMessage: 'Are you sure you want to continue?'
-  },
   exportOperationSuccessMessage: {
     id: 'ExportResourcesModal.exportOperationSuccessMessage',
     description: 'Success message',
-    defaultMessage: 'Your export has started. Go to <logsLink>Export logs</logsLink> to view the progress of your export and download it.'
-  },
-  exportConfirmationLabel: {
-    id: 'ExportResourcesModal.exportConfirmationLabel',
-    description: 'Label for the export button in confirmation dialog',
-    defaultMessage: 'Export {resourceType}'
+    defaultMessage: '<b>Your export has started.</b> <newline></newline><logsLink>Go to Export logs</logsLink> to view the progress and download the file.'
   },
   nothingApplied: {
     id: 'ExportResourcesModal.nothingApplied',
     description: 'Shown when there is no filter applied',
     defaultMessage: 'nothing applied'
   },
-  all: {
-    id: 'ExportResourcesModal.all',
-    description: 'label for "All languages" checkbox',
-    defaultMessage: 'All'
+  selectAllLocales: {
+    id: 'ExportResourcesModal.selectAllLocales',
+    description: 'label for "Select all locales" checkbox',
+    defaultMessage: 'Select all locales'
   },
   missingFileNameError: {
     id: 'ExportResourcesModal.missingFileNameError',
@@ -365,187 +495,47 @@ var messages = reactIntl.defineMessages({
     description: 'Error when file name field is not valid',
     defaultMessage: 'File name may only contain alphanumeric characters, hyphens and underscores'
   },
-  missingLanguageError: {
-    id: 'ExportResourcesModal.missingLanguageError',
-    description: 'Error when no local language is selected',
-    defaultMessage: 'Please select at least one local language'
+  missingLocaleError: {
+    id: 'ExportResourcesModal.missingLocaleError',
+    description: 'Error when no locale is selected',
+    defaultMessage: 'Please select at least one locale'
+  },
+  myViews: {
+    id: 'ExportResourcesModal.myViews',
+    description: 'Label for "My Views" Select Field',
+    defaultMessage: 'My Views'
+  },
+  selectColumnsToExport: {
+    id: 'ExportResourcesModal.selectColumnsToExport',
+    defaultMessage: 'Select columns to export'
+  },
+  back: {
+    id: 'ExportResourcesModal.back',
+    description: 'Label for "Back" button',
+    defaultMessage: 'Back'
+  },
+  startExport: {
+    id: 'ExportResourcesModal.startExport',
+    description: 'Label for "Start export" button',
+    defaultMessage: 'Start export'
+  },
+  continue: {
+    id: 'ExportResourcesModal.continue',
+    description: 'Label for "Continue" button',
+    defaultMessage: 'Continue'
+  },
+  columnDefinitions: {
+    id: 'ExportResourcesModal.columnDefinitions',
+    description: 'Label for "Column Definitions" link',
+    defaultMessage: 'Column definitions'
+  },
+  allGeneralFields: {
+    id: 'ExportResourcesModal.allGeneralFields',
+    description: 'Label for "All general fields" checkbox',
+    defaultMessage: 'All general fields'
   }
 });
 
-var ExportResourcesContext = /*#__PURE__*/react.createContext();
-
-PropTypes__default["default"].shape({
-  resourceType: PropTypes__default["default"].string.isRequired,
-  outputFormat: PropTypes__default["default"].string,
-  isOpen: PropTypes__default["default"].bool.isRequired,
-  closeModal: PropTypes__default["default"].func.isRequired,
-  allResourcesCount: PropTypes__default["default"].number.isRequired,
-  matchingResourcesCount: PropTypes__default["default"].number,
-  selectedResourceIds: PropTypes__default["default"].array,
-  columns: PropTypes__default["default"].arrayOf({
-    key: PropTypes__default["default"].string.isRequired,
-    isLocalised: PropTypes__default["default"].bool
-  }).isRequired,
-  exportSelectionType: PropTypes__default["default"].string,
-  appliedSearchTerms: PropTypes__default["default"].array,
-  appliedFilters: PropTypes__default["default"].array,
-  renderProperties: PropTypes__default["default"].func
-});
-
-function validate(values) {
-  var 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) {
-  var _context;
-
-  var todayFormatted = moment__default["default"]().format('DD-MM-YY_HH-mm');
-
-  var _useApplicationContex = applicationShellConnectors.useApplicationContext(function (applicationContext) {
-    return {
-      language: applicationContext.dataLocale
-    };
-  }),
-      language = _useApplicationContex.language;
-
-  var formik$1 = formik.useFormik({
-    initialValues: {
-      outputFormat: props.outputFormat,
-      fileName: _concatInstanceProperty__default["default"](_context = "".concat(resourceTypeToPlural({
-        resourceType: props.resourceType,
-        isUpperCase: true
-      }), "_Export_")).call(_context, todayFormatted),
-      languages: [language],
-      columns: props.columns,
-      appliedSearchTerms: props.appliedSearchTerms,
-      appliedFilters: props.appliedFilters,
-      exportSelectionType: props.exportSelectionType,
-      isAllLanguagesChecked: false
-    },
-    validate: validate
-  });
-
-  var _useState = react.useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      exportOperationStarted = _useState2[0],
-      setExportOperationStarted = _useState2[1];
-
-  return jsxRuntime.jsx(ExportResourcesContext.Provider, {
-    value: {
-      formik: formik$1,
-      resourceType: props.resourceType,
-      allResourcesCount: props.allResourcesCount,
-      matchingResourcesCount: props.matchingResourcesCount,
-      selectedResourceIds: props.selectedResourceIds,
-      exportOperationStarted: exportOperationStarted,
-      setExportOperationStarted: setExportOperationStarted
-    },
-    children: props.children
-  });
-};
-
-ExportResourcesContextProvider.displayName = 'ExportResourcesContextProvider';
-ExportResourcesContextProvider.propTypes = {};
-
-function useExportResourcesContext() {
-  var context = react.useContext(ExportResourcesContext);
-
-  if (!context) {
-    throw new MissingExportResourceProviderError();
-  }
-
-  return context;
-}
-
-var smallTopPadding = /*#__PURE__*/react$1.css("padding-top:", designSystem.customProperties.spacingXs, ";" + ("" ), "" );
-var tagListContainer = /*#__PURE__*/react$1.css("width:100%;display:flex;flex-wrap:wrap;display:inline-flex;padding: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 = {
-  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
-};
-
-function ExportSelectionRadioButtons() {
-  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({
-    resourceType: resourceType
-  });
-  return jsxRuntime.jsx(uiKit.Spacings.Inline, {
-    scale: "xl",
-    children: jsxRuntime.jsxs(uiKit.RadioInput.Group, {
-      name: "exportSelectionType",
-      value: _valuesInstanceProperty__default["default"](formik).exportSelectionType,
-      direction: "inline",
-      directionProps: {
-        scale: 'xl'
-      },
-      onChange: formik.handleChange,
-      children: [jsxRuntime.jsx(uiKit.RadioInput.Option, {
-        value: EXPORT_SELECTION_TYPES.ALL_RESOURCES,
-        "data-testid": 'test-all-resources',
-        children: jsxRuntime.jsx("b", {
-          children: intl.formatMessage(messages.exportAllResources, {
-            resourceType: resourceTypePlural,
-            count: allResourcesCount
-          })
-        })
-      }), jsxRuntime.jsx(uiKit.RadioInput.Option, {
-        value: EXPORT_SELECTION_TYPES.ONLY_MATCHING,
-        "data-testid": 'test-only-matching',
-        isDisabled: !Boolean(matchingResourcesCount),
-        children: jsxRuntime.jsx("b", {
-          children: intl.formatMessage(messages.exportOnlyMatchingResources, {
-            count: matchingResourcesCount || intl.formatMessage(messages.nothingApplied)
-          })
-        })
-      }), jsxRuntime.jsx(uiKit.RadioInput.Option, {
-        value: EXPORT_SELECTION_TYPES.ONLY_SELECTED,
-        "data-testid": 'test-only-selected',
-        isDisabled: !Boolean(selectedResourceIds.length),
-        children: jsxRuntime.jsx("b", {
-          children: intl.formatMessage(messages.exportOnlySelectedResources, {
-            resourceType: resourceTypePlural,
-            count: selectedResourceIds.length
-          })
-        })
-      })]
-    })
-  });
-}
-
 function getBold(msg) {
   return jsxRuntime.jsx(uiKit.Text.Body, {
     as: "span",
@@ -554,663 +544,473 @@ function getBold(msg) {
   });
 }
 
-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 ExportTextMessage() {
-  var _useExportResourcesCo = useExportResourcesContext(),
-      resourceType = _useExportResourcesCo.resourceType,
-      allResourcesCount = _useExportResourcesCo.allResourcesCount,
-      selectedResourceIds = _useExportResourcesCo.selectedResourceIds,
-      matchingResourcesCount = _useExportResourcesCo.matchingResourcesCount,
-      formik = _useExportResourcesCo.formik;
-
-  var resourceTypePlural = resourceTypeToPlural({
-    resourceType: resourceType
-  });
-
-  switch (_valuesInstanceProperty__default["default"](formik).exportSelectionType) {
-    case EXPORT_SELECTION_TYPES.ALL_RESOURCES:
-      return jsxRuntime.jsx(uiKit.Text.Body, {
-        intlMessage: _objectSpread$a(_objectSpread$a({}, messages.exportAllMessage), {}, {
-          values: {
-            count: allResourcesCount,
-            resourceType: resourceTypePlural,
-            b: getBold
-          }
-        })
-      });
-
-    case EXPORT_SELECTION_TYPES.ONLY_MATCHING:
-      return jsxRuntime.jsx(uiKit.Text.Body, {
-        intlMessage: _objectSpread$a(_objectSpread$a({}, messages.exportMatchingMessage), {}, {
-          values: {
-            count: matchingResourcesCount,
-            resourceType: resourceTypePlural,
-            b: getBold
-          }
-        })
-      });
-
-    case EXPORT_SELECTION_TYPES.ONLY_SELECTED:
-      return jsxRuntime.jsx(uiKit.Text.Body, {
-        intlMessage: _objectSpread$a(_objectSpread$a({}, messages.exportSelectedMessage), {}, {
-          values: {
-            count: selectedResourceIds.length,
-            resourceType: resourceTypePlural,
-            b: getBold
-          }
-        })
-      });
-
-    default:
-      throw new UnexpectedSelectionTypeError(_valuesInstanceProperty__default["default"](formik).exportSelectionType);
-  }
-}
-
-function TagList(props) {
-  return jsxRuntime.jsx("div", {
-    css: styles.tagListContainer,
-    "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
-      });
-    })
-  });
+function getNewLine() {
+  return jsxRuntime.jsx("br", {});
 }
-TagList.displayName = 'TagList';
-TagList.propTypes = {};
 
-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 AppliedFilters(_ref) {
-  var filters = _ref.filters,
-      onFilterRemove = _ref.onFilterRemove;
-  return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-    scale: "s",
-    children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-      scale: "s",
-      alignItems: "flex-start",
-      children: [jsxRuntime.jsx(uiKit.AngleRightIcon, {
-        "data-testid": "test-arrowRight",
-        size: "medium",
-        color: "neutral60"
-      }), jsxRuntime.jsx(uiKit.Text.Body, {
-        intlMessage: _objectSpread$9(_objectSpread$9({}, messages.appliedFiltersMessage), {}, {
-          values: {
-            filtersCount: filters.length,
-            b: getBold
-          }
-        })
-      })]
-    }), 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);
-      })
-    })]
-  });
-}
-AppliedFilters.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 ExportBasedOnMyViewsSelectField() {
-  return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-    scale: "m",
-    alignItems: "center",
-    children: [jsxRuntime.jsx(uiKit.Text.Body, {
-      intlMessage: _objectSpread$8(_objectSpread$8({}, messages.exportBasedOnMyViewsMessage), {}, {
-        values: {
-          b: getBold
-        }
-      })
-    }), jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
-      max: 4,
-      children: jsxRuntime.jsx(uiKit.SelectInput, {
-        isDisabled: true,
-        placeholder: "Default"
-      })
-    })]
-  });
-}
-
-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 = _styled__default["default"]("div", {
-  target: "e1nl5t3e0"
-} )("width:", uiKit.customProperties.spacingM, ";" + ("" ));
-
-function AppliedSearchTerms(_ref) {
-  var appliedSearchTerms = _ref.appliedSearchTerms;
-  return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-    scale: "s",
-    children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-      scale: "s",
-      alignItems: "flex-start",
-      children: [jsxRuntime.jsx(uiKit.AngleRightIcon, {
-        "data-testid": "test-arrowRight",
-        size: "medium",
-        color: "neutral60"
-      }), jsxRuntime.jsx(uiKit.Text.Body, {
-        intlMessage: _objectSpread$7(_objectSpread$7({}, messages.appliedSearchTermsMessage), {}, {
-          values: {
-            searchTermsCount: appliedSearchTerms.length,
-            b: getBold
-          }
-        })
-      })]
-    }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-      scale: "s",
-      alignItems: "flex-start",
-      children: [jsxRuntime.jsx(IconPlaceholder, {}), jsxRuntime.jsx(uiKit.Text.Body, {
-        children: appliedSearchTerms.join(', ')
-      })]
-    })]
-  });
-}
-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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$6(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$6(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-function Columns(_ref) {
-  var columns = _ref.columns;
-  return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-    scale: "s",
-    children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-      scale: "s",
-      alignItems: "flex-start",
-      children: [jsxRuntime.jsx(uiKit.AngleRightIcon, {
-        "data-testid": "test-arrowRight",
-        size: "medium",
-        color: "neutral60"
-      }), jsxRuntime.jsx(uiKit.Text.Body, {
-        intlMessage: _objectSpread$6(_objectSpread$6({}, messages.columnsMessage), {}, {
-          values: {
-            columnsCount: columns.length,
-            b: getBold
-          }
-        })
-      })]
-    }), jsxRuntime.jsx(TagList, {
-      children: _mapInstanceProperty__default["default"](columns).call(columns, function (column) {
-        return jsxRuntime.jsx("div", {
-          "data-testid": "test-column-".concat(column.exportLabel),
-          children: jsxRuntime.jsx(uiKit.Tag, {
-            children: column.key
-          })
-        }, column.exportLabel);
-      })
-    })]
-  });
-}
-Columns.propTypes = {};
-
-var ExportSelection = function ExportSelection() {
-  var _useExportResourcesCo = useExportResourcesContext(),
-      formik = _useExportResourcesCo.formik;
-
-  var onAppliedFilterRemove = function onAppliedFilterRemove(filter) {
-    var _context;
-
-    formik.setFieldValue('appliedFilters', _filterInstanceProperty__default["default"](_context = _valuesInstanceProperty__default["default"](formik).appliedFilters).call(_context, function (appliedFilter) {
-      return appliedFilter !== filter;
-    }));
-  };
-
-  return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-    scale: "s",
-    children: [jsxRuntime.jsx(uiKit.Text.Body, {
-      isBold: true,
-      intlMessage: messages.exportSelection
-    }), jsxRuntime.jsxs(uiKit.Card, {
-      theme: "dark",
-      type: "raised",
-      insetScale: "none",
-      children: [jsxRuntime.jsx(uiKit.Spacings.Inset, {
-        scale: "m",
-        children: jsxRuntime.jsx(ExportSelectionRadioButtons, {})
-      }), jsxRuntime.jsx("div", {
-        css: styles.divider
-      }), jsxRuntime.jsx(uiKit.Spacings.Inset, {
-        scale: "m",
-        children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-          scale: "l",
-          children: [jsxRuntime.jsx(ExportTextMessage, {}), _valuesInstanceProperty__default["default"](formik).exportSelectionType === EXPORT_SELECTION_TYPES.ONLY_MATCHING && jsxRuntime.jsxs(jsxRuntime.Fragment, {
-            children: [jsxRuntime.jsx(ExportBasedOnMyViewsSelectField, {}), jsxRuntime.jsx(AppliedSearchTerms, {
-              appliedSearchTerms: _valuesInstanceProperty__default["default"](formik).appliedSearchTerms
-            }), jsxRuntime.jsx(AppliedFilters, {
-              filters: _valuesInstanceProperty__default["default"](formik).appliedFilters,
-              onFilterRemove: onAppliedFilterRemove
-            })]
-          }), _valuesInstanceProperty__default["default"](formik).columns.length > 0 && jsxRuntime.jsx(Columns, {
-            columns: _valuesInstanceProperty__default["default"](formik).columns
-          })]
-        })
-      })]
-    })]
-  });
-};
-
-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 ExportPropertiesPanel = function ExportPropertiesPanel(props) {
-  if (typeof props.renderProperties !== 'function') return null;
-  return jsxRuntime.jsx(uiKit.CollapsiblePanel, {
-    header: jsxRuntime.jsx(uiKit.Text.Body, {
-      isBold: true,
-      intlMessage: _objectSpread$5({}, messages.propertiesPanelLabel)
-    }),
-    children: props.renderProperties()
-  });
-};
-ExportPropertiesPanel.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 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 _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; }
 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;
   }
 }
-function renderLanguageError(key) {
+function renderLocaleError(key) {
   switch (key) {
     case 'missing':
-      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages.missingLanguageError));
-
+      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages.missingLocaleError));
     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 = [{
-  value: OUTPUT_FORMATS.JSON,
-  label: 'JSON'
-}, {
-  value: OUTPUT_FORMATS.CSV,
-  label: 'CSV'
-}];
+function useExportResourcesContext() {
+  const context = React.useContext(ExportResourcesContext);
+  if (!context) {
+    throw new MissingExportResourceProviderError();
+  }
+  return context;
+}
 
-function mapLanguagesToOptions(languages) {
-  return _mapInstanceProperty__default["default"](languages).call(languages, function (language) {
+const _excluded = ["isSelectedByDefault"];
+function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$3(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$3(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const useInitialValues = props => {
+  var _context;
+  const todayFormatted = moment__default["default"]().format('DD-MM-YY_HH-mm');
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
+      locale: applicationContext.dataLocale
+    })),
+    locale = _useApplicationContex.locale;
+  const fields = _mapInstanceProperty__default["default"](_context = flattenNestedFields(props.fields)).call(_context, _ref => {
+    let isSelectedByDefault = _ref.isSelectedByDefault,
+      field = _objectWithoutProperties(_ref, _excluded);
+    return _objectSpread$3(_objectSpread$3({}, field), {}, {
+      isChecked: isSelectedByDefault !== null && isSelectedByDefault !== void 0 ? isSelectedByDefault : true
+    });
+  });
+  return React__default["default"].useMemo(() => {
+    var _context2;
     return {
-      value: language,
-      label: language
+      outputFormat: props.outputFormat,
+      fileName: _concatInstanceProperty__default["default"](_context2 = "".concat(resourceTypeToPlural({
+        resourceType: props.resourceType,
+        isUpperCase: true
+      }), "_Export_")).call(_context2, todayFormatted),
+      locales: [locale],
+      fields: checkRequiredFields(fields)
     };
-  });
-}
+  }, [props, locale, todayFormatted, fields]);
+};
 
-function ExportFileSettings(props) {
-  var intl = reactIntl.useIntl();
+async function createExportOperation(_ref) {
+  let fileName = _ref.fileName,
+    fileFormat = _ref.fileFormat,
+    columns = _ref.columns,
+    locales = _ref.locales,
+    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: {
+      fileName,
+      fileFormat,
+      columns,
+      locales,
+      query: graphQuery
+    }
+  }));
+  return response;
+}
 
-  var _useExportResourcesCo = useExportResourcesContext(),
-      formik = _useExportResourcesCo.formik;
+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
+      };
+    }),
+    projectKey = _useApplicationContex.projectKey;
+  const startExportOperation = async values => {
+    const graphQuery = buildGraphQuery({
+      resourceType: props.resourceType,
+      exportType: props.exportType,
+      selectedResourceIds: props.selectedResourceIds,
+      fields: unflattenNestedFields(getSelectedFields(values.fields)),
+      locales: values.locales
+    });
+    try {
+      const response = await createExportOperation({
+        fileName: appendCsvOrJsonExtensionIfAbsent(values.fileName, values.outputFormat),
+        fileFormat: values.outputFormat,
+        locales: values.locales,
+        columns: extendColumns(getFieldNames(getSelectedFields(values.fields)), props.resourceType),
+        projectKey,
+        graphQuery,
+        asyncDispatchFn: asyncDispatch
+      });
+      switch (response.state) {
+        case EXPORT_OPERATION_STATES.PROCESSING:
+        case EXPORT_OPERATION_STATES.COMPLETED:
+          showNotification({
+            kind: 'info',
+            domain: constants.DOMAINS.SIDE,
+            text: intl.formatMessage(messages.exportOperationSuccessMessage, {
+              newline: getNewLine,
+              logsLink: msg => getExportLogsLink(projectKey, msg),
+              b: getBold
+            })
+          }, {
+            dismissAfter: 5000
+          });
+          break;
+        default:
+          throw new UnexpectedExportOperationStateError(response.state);
+      }
+    } catch (errors) {
+      // TODO: custom error messages for each error type
+      actionsGlobal.showApiErrorNotification({
+        errors
+      });
+    } finally {
+      if (typeof props.onClose === 'function') props.onClose();
+    }
+  };
+  return {
+    startExportOperation
+  };
+};
 
-  var _useApplicationContex = applicationShellConnectors.useApplicationContext(function (applicationContext) {
-    return {
-      language: applicationContext.dataLocale,
-      languages: applicationContext.project.languages
-    };
-  }),
-      languages = _useApplicationContex.languages,
-      language = _useApplicationContex.language;
+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 _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(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$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ExportTextMessage() {
+  const _useExportResourcesCo = useExportResourcesContext(),
+    resourceType = _useExportResourcesCo.resourceType,
+    totalResourcesCount = _useExportResourcesCo.totalResourcesCount,
+    selectedResourceIds = _useExportResourcesCo.selectedResourceIds,
+    exportType = _useExportResourcesCo.exportType;
+  const resourceTypePlural = resourceTypeToPlural({
+    resourceType: resourceType
+  });
+  let message;
+  let count;
+  switch (exportType) {
+    case EXPORT_TYPES.ALL:
+      message = messages.exportAllMessage;
+      count = totalResourcesCount;
+      break;
+    case EXPORT_TYPES.SELECTED:
+      message = messages.exportSelectedMessage;
+      count = selectedResourceIds.length;
+      break;
+    default:
+      throw new UnexpectedExportTypeError(exportType);
+  }
+  return jsxRuntime.jsx(uiKit.Text.Body, {
+    "data-testid": "export-description",
+    intlMessage: _objectSpread$2(_objectSpread$2({}, message), {}, {
+      values: {
+        count: count,
+        resourceType: resourceTypePlural,
+        b: getBold
+      }
+    })
+  });
+}
 
+const ExportFileSettingsStep = () => {
+  const intl = reactIntl.useIntl();
+  const _useExportResourcesCo = useExportResourcesContext(),
+    formik = _useExportResourcesCo.formik;
+  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) || []
+      };
+    }),
+    locales = _useApplicationContex.locales,
+    locale = _useApplicationContex.locale;
+  const areAllLocalesChecked = _valuesInstanceProperty__default["default"](formik).locales.length === locales.length;
   return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-    scale: "l",
-    children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+    scale: "xxxl",
+    children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
       scale: "l",
-      children: [jsxRuntime.jsx(uiKit.SelectField, _objectSpread$3(_objectSpread$3({
-        isDisabled: true
-      }, formik.getFieldProps('outputFormat')), {}, {
-        title: intl.formatMessage(messages.outputFormat),
-        options: outputFormatOptions,
-        horizontalConstraint: 7
-      })), jsxRuntime.jsx(uiKit.TextField, _objectSpread$3(_objectSpread$3({
-        title: intl.formatMessage(messages.fileName)
-      }, formik.getFieldProps('fileName')), {}, {
-        touched: formik.touched.fileName,
-        errors: formik.errors.fileName,
-        renderError: renderFileNameError,
-        horizontalConstraint: 7
-      }))]
-    }), jsxRuntime.jsx(uiKit.Spacings.Inline, {
-      children: jsxRuntime.jsx(uiKit.SelectField, _objectSpread$3(_objectSpread$3({
-        id: "languages",
-        title: jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-          scale: "s",
-          children: [jsxRuntime.jsx("label", {
-            htmlFor: "languages",
-            children: intl.formatMessage(messages.localLanguage)
+      children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+        alignItems: "center",
+        children: [jsxRuntime.jsx(uiKit.ExportIcon, {
+          size: "medium",
+          color: "neutral60"
+        }), jsxRuntime.jsx(ExportTextMessage, {})]
+      }), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+        scale: "m",
+        children: [jsxRuntime.jsx(uiKit.SelectField, {
+          name: "outputFormat",
+          onChange: formik.handleChange,
+          onBlur: formik.handleBlur,
+          value: _valuesInstanceProperty__default["default"](formik).outputFormat,
+          title: intl.formatMessage(messages.outputFormat),
+          options: OUTPUT_FORMAT_OPTIONS
+        }), jsxRuntime.jsx(uiKit.TextField, {
+          name: "fileName",
+          onChange: formik.handleChange,
+          onBlur: formik.handleBlur,
+          value: _valuesInstanceProperty__default["default"](formik).fileName,
+          title: intl.formatMessage(messages.fileName),
+          touched: formik.touched.fileName,
+          errors: formik.errors.fileName,
+          renderError: renderFileNameError
+        }), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+          scale: "xs",
+          children: [jsxRuntime.jsx(uiKit.SelectField, {
+            id: "locales",
+            name: "locales",
+            value: _valuesInstanceProperty__default["default"](formik).locales,
+            title: intl.formatMessage(messages.locale),
+            options: mapLocalesToOptions(locales),
+            isMulti: true,
+            onChange: formik.handleChange,
+            onBlur: formik.handleBlur,
+            touched: formik.touched.locales,
+            errors: formik.errors.locales,
+            renderError: renderLocaleError
           }), jsxRuntime.jsx(uiKit.CheckboxInput, {
-            name: "isAllLanguagesChecked",
-            isChecked: _valuesInstanceProperty__default["default"](formik).isAllLanguagesChecked,
-            onChange: function onChange(e) {
-              if (e.target.checked) formik.setFieldValue('languages', languages);else formik.setFieldValue('languages', [language]);
-              formik.handleChange(e);
+            isChecked: areAllLocalesChecked,
+            onChange: e => {
+              if (e.target.checked) formik.setFieldValue('locales', locales);else formik.setFieldValue('locales', [locale]);
             },
-            children: jsxRuntime.jsx("div", {
-              css: styles.notBold,
-              children: intl.formatMessage(messages.all)
-            })
+            children: intl.formatMessage(messages.selectAllLocales)
           })]
-        }),
-        options: mapLanguagesToOptions(languages),
-        isMulti: true
-      }, formik.getFieldProps('languages')), {}, {
-        onChange: function onChange(e) {
-          formik.handleChange(e);
-          formik.setFieldValue('isAllLanguagesChecked', false);
-        },
-        touched: formik.touched.languages,
-        errors: formik.errors.languages,
-        renderError: renderLanguageError,
-        horizontalConstraint: 7
-      }))
-    }), jsxRuntime.jsx(ExportSelection, {}), jsxRuntime.jsx(ExportPropertiesPanel, {
-      renderProperties: props.renderProperties
+        })]
+      })]
+    }), jsxRuntime.jsx(uiKit.Spacings.Inline, {
+      justifyContent: "flex-end",
+      children: jsxRuntime.jsx(uiKit.PrimaryButton, {
+        label: intl.formatMessage(messages.continue),
+        onClick: formik.submitForm,
+        isDisabled: !formik.isValid
+      })
     })]
   });
-}
-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'
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys$1(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys$1(Object(t))).call(_context7, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const StyledCard = /*#__PURE__*/_styled__default["default"](uiKit.Card, {
+  target: "e1ocu3bb2"
+} )({
+  name: "1jtoq3b",
+  styles: "border-radius:4px 0px 0px 4px;&>div{height:490px;overflow-y:auto;}"
+} );
+const StyledCardLeft = /*#__PURE__*/_styled__default["default"](StyledCard, {
+  target: "e1ocu3bb1"
+} )({
+  name: "65buvr",
+  styles: "background-color:#f9f9fb"
+} );
+const StyledCardRight = /*#__PURE__*/_styled__default["default"](StyledCard, {
+  target: "e1ocu3bb0"
+} )({
+  name: "1oktwfs",
+  styles: "border-radius:0px 4px 4px 0px;border-left:0"
+} );
+const ExportFieldsSelectionStep = () => {
+  var _context, _context2, _context4;
+  const intl = reactIntl.useIntl();
+  const _useExportResourcesCo = useExportResourcesContext(),
+    formik = _useExportResourcesCo.formik,
+    setCurrentStep = _useExportResourcesCo.setCurrentStep,
+    resourceType = _useExportResourcesCo.resourceType;
+  const areAllFieldsChecked = _everyInstanceProperty__default["default"](_context = _valuesInstanceProperty__default["default"](formik).fields).call(_context, field => field.isChecked);
+  const isAtLeastOneFieldChecked = _someInstanceProperty__default["default"](_context2 = _valuesInstanceProperty__default["default"](formik).fields).call(_context2, field => field.isChecked);
+  return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+    scale: "xl",
+    children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+      scale: "m",
+      children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+        justifyContent: "space-between",
+        children: [jsxRuntime.jsx(uiKit.Text.Body, {
+          intlMessage: messages.selectColumnsToExport
+        }), jsxRuntime.jsx(uiKit.Link, {
+          isExternal: true,
+          tone: "secondary",
+          intlMessage: messages.columnDefinitions,
+          to: COLUMN_DEFINITIONS_URLS[resourceType]
+        })]
+      }), jsxRuntime.jsxs(uiKit.Grid, {
+        gridAutoFlow: "column",
+        gridTemplateColumns: "".concat(uiKit.customProperties.constraint5, " auto"),
+        children: [jsxRuntime.jsx(uiKit.Grid.Item, {
+          children: jsxRuntime.jsx(StyledCardLeft, {
+            insetScale: "l",
+            children: jsxRuntime.jsx(uiKit.CheckboxInput, {
+              isIndeterminate: !areAllFieldsChecked && isAtLeastOneFieldChecked,
+              isChecked: areAllFieldsChecked,
+              onChange: e => {
+                var _context3;
+                formik.setFieldValue('fields', _mapInstanceProperty__default["default"](_context3 = _valuesInstanceProperty__default["default"](formik).fields).call(_context3, field => _objectSpread$1(_objectSpread$1({}, field), {}, {
+                  isChecked: field.isRequired ? true : e.target.checked
+                })));
               },
-              payload: {
-                query: graphQuery
-              }
-            }));
-
-          case 4:
-            response = _context.sent;
-            return _context.abrupt("return", response);
-
-          case 6:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-  return _createExportOperation.apply(this, arguments);
-}
-
-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 ExportConfirmationModal(props) {
-  var _useApplicationContex = applicationShellConnectors.useApplicationContext(function (applicationContext) {
-    return {
-      projectName: applicationContext.project.name,
-      projectKey: applicationContext.project.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({
-    resourceType: props.resourceType
+              children: jsxRuntime.jsx(uiKit.Text.Body, {
+                intlMessage: messages.allGeneralFields
+              })
+            })
+          })
+        }), jsxRuntime.jsx(uiKit.Grid.Item, {
+          children: jsxRuntime.jsx(StyledCardRight, {
+            insetScale: "l",
+            children: _mapInstanceProperty__default["default"](_context4 = _valuesInstanceProperty__default["default"](formik).fields).call(_context4, field => jsxRuntime.jsx(uiKit.CheckboxInput, {
+              isReadOnly: field.isRequired,
+              isChecked: field.isChecked,
+              onChange: e => {
+                var _context5;
+                formik.setFieldValue('fields', _mapInstanceProperty__default["default"](_context5 = _valuesInstanceProperty__default["default"](formik).fields).call(_context5, _field => field.name === _field.name ? _objectSpread$1(_objectSpread$1({}, _field), {}, {
+                  isChecked: e.target.checked
+                }) : _field));
+              },
+              children: jsxRuntime.jsxs(uiKit.Text.Body, {
+                children: [field.label, " ", field.isRequired && '*']
+              })
+            }, field.name))
+          })
+        })]
+      })]
+    }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+      scale: "m",
+      justifyContent: "flex-end",
+      children: [jsxRuntime.jsx(uiKit.SecondaryButton, {
+        label: intl.formatMessage(messages.back),
+        onClick: () => setCurrentStep(1)
+      }), jsxRuntime.jsx(uiKit.PrimaryButton, {
+        label: intl.formatMessage(messages.startExport),
+        onClick: formik.submitForm,
+        isDisabled: !formik.isValid
+      })]
+    })]
   });
+};
 
-  var countInConfirmationMessage = function 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;
+const ExportResourcesContext = /*#__PURE__*/React.createContext();
 
-      default:
-        throw new UnexpectedSelectionTypeError(_valuesInstanceProperty__default["default"](formik).exportSelectionType);
+PropTypes__default["default"].shape({
+  resourceType: PropTypes__default["default"].string.isRequired,
+  outputFormat: PropTypes__default["default"].string,
+  onClose: PropTypes__default["default"].func,
+  totalResourcesCount: PropTypes__default["default"].number.isRequired,
+  selectedResourceIds: PropTypes__default["default"].array,
+  // TODO: Circular reference
+  fields: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+    name: PropTypes__default["default"].string.isRequired,
+    label: PropTypes__default["default"].string,
+    isLocalized: PropTypes__default["default"].bool,
+    fields: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+      name: PropTypes__default["default"].string.isRequired,
+      label: PropTypes__default["default"].string,
+      isLocalized: PropTypes__default["default"].bool,
+      isSelectedByDefault: PropTypes__default["default"].bool,
+      isRequired: PropTypes__default["default"].bool
+    }))
+  })).isRequired,
+  exportType: PropTypes__default["default"].string,
+  renderProperties: PropTypes__default["default"].func
+}).isRequired;
+
+const ExportResourcesProvider = props => {
+  const _useStartExportOperat = useStartExportOperation(props),
+    startExportOperation = _useStartExportOperat.startExportOperation;
+  const initialValues = useInitialValues(props);
+  const _React$useState = React__default["default"].useState(1),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    currentStep = _React$useState2[0],
+    setCurrentStep = _React$useState2[1];
+  const onSubmit = async values => {
+    if (currentStep === 1) {
+      setCurrentStep(2);
+    } else {
+      startExportOperation(values);
     }
   };
-
-  return jsxRuntime.jsx(applicationComponents.ConfirmationDialog, {
-    dataAttributesPrimaryButton: {
-      'data-testid': 'confirm-export-button'
-    },
-    title: intl.formatMessage(messages.confirmationTitle, {
-      resourceType: resourceTypePlural
-    }),
-    labelPrimary: intl.formatMessage(messages.exportConfirmationLabel, {
-      resourceType: resourceTypePlural
+  const formik$1 = formik.useFormik({
+    initialValues,
+    validate: values => validate({
+      values,
+      step: currentStep
     }),
-    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,
-                columns: _valuesInstanceProperty__default["default"](formik).columns,
-                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:
-              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();
-          }
-        }
-      }, _callee, null, [[3, 15]]);
-    })),
-    children: jsxRuntime.jsxs("div", {
-      children: [jsxRuntime.jsx(uiKit.Text.Body, {
-        intlMessage: _objectSpread$2(_objectSpread$2({}, messages.confirmationBodyPlan), {}, {
-          values: {
-            resourceType: resourceTypePlural,
-            projectName: projectName,
-            count: countInConfirmationMessage(),
-            bold: getBold
-          }
-        })
-      }), jsxRuntime.jsx(uiKit.Text.Body, {
-        intlMessage: messages.confirmationBodyQuestion
-      })]
-    })
+    onSubmit
   });
-}
-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
+  React__default["default"].useEffect(() => {
+    formik$1.validateForm();
+  }, [currentStep]);
+  return jsxRuntime.jsx(ExportResourcesContext.Provider, {
+    value: {
+      currentStep,
+      setCurrentStep,
+      formik: formik$1,
+      resourceType: props.resourceType,
+      exportType: props.exportType,
+      totalResourcesCount: props.totalResourcesCount,
+      selectedResourceIds: props.selectedResourceIds
+    },
+    children: props.children
   });
 };
+ExportResourcesProvider.displayName = 'ExportResourcesProvider';
+ExportResourcesProvider.propTypes = {};
+
+const CurrentStep = () => {
+  const _useExportResourcesCo = useExportResourcesContext(),
+    currentStep = _useExportResourcesCo.currentStep;
+  const steps = {
+    1: jsxRuntime.jsx(ExportFileSettingsStep, {}),
+    2: jsxRuntime.jsx(ExportFieldsSelectionStep, {})
+  };
+  return steps[currentStep] || null;
+};
 
-function ExportOperationSuccessMessage(_ref) {
-  var isShown = _ref.isShown;
-
-  var _useApplicationContex = applicationShellConnectors.useApplicationContext(function (applicationContext) {
-    return {
-      projectKey: applicationContext.project.key
-    };
-  }),
-      projectKey = _useApplicationContex.projectKey;
-
-  if (!isShown) return null;
-  return jsxRuntime.jsx("div", {
-    css: styles.successMessage,
-    "data-testid": "export-started-message",
-    children: jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
-      max: 16,
-      children: jsxRuntime.jsx(uiKit.ContentNotification, {
-        type: "success",
-        intlMessage: _objectSpread$1(_objectSpread$1({}, messages.exportOperationSuccessMessage), {}, {
-          values: {
-            logsLink: function logsLink(msg) {
-              return getExportLogsLink(projectKey, msg);
-            }
-          }
-        })
-      })
-    })
-  });
-}
-ExportOperationSuccessMessage.propTypes = {};
-
-var _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({
+function ownKeys(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(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(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(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const ExportResourcesModal = props => {
+  const intl = reactIntl.useIntl();
+  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;
-        return jsxRuntime.jsxs(applicationComponents.FormModalPage, {
-          title: intl.formatMessage(messages.modalTitle, {
-            resourceType: resourceTypePlural
-          }),
-          isOpen: props.isOpen,
-          onClose: props.closeModal,
-          onSecondaryButtonClick: props.closeModal,
-          isPrimaryButtonDisabled: !formik.isValid,
-          labelPrimaryButton: intl.formatMessage(messages.exportButton, {
-            resourceType: resourceTypePlural
-          }),
-          subtitle: intl.formatMessage(messages.modalSubTitle),
-          topBarPreviousPathLabel: intl.formatMessage(messages.topBarPreviousPathLabel, {
-            resourceType: props.resourceType
-          }),
-          onPrimaryButtonClick: confirmationModal.openModal,
-          children: [jsxRuntime.jsx(ExportOperationSuccessMessage, {
-            isShown: exportOperationStarted
-          }), jsxRuntime.jsx(ExportFileSettings, {
-            renderProperties: renderProperties
-          }), jsxRuntime.jsx(ExportConfirmationModal, {
-            resourceType: props.resourceType,
-            isOpen: confirmationModal.isModalOpen,
-            closeModal: confirmationModal.closeModal
-          })]
-        });
-      }
+  return jsxRuntime.jsx(ExportResourcesProvider, _objectSpread(_objectSpread({}, props), {}, {
+    children: jsxRuntime.jsx(applicationComponents.InfoDialog, {
+      isOpen: true,
+      title: intl.formatMessage(messages.modalTitle, {
+        resourceType: resourceTypePlural
+      }),
+      onClose: props.onClose,
+      size: 16,
+      children: jsxRuntime.jsx(CurrentStep, {})
     })
   }));
 };
-
 ExportResourcesModal.displayName = 'ExportResourcesModal';
 ExportResourcesModal.propTypes = {};
 ExportResourcesModal.defaultProps = {
   selectedResourceIds: [],
-  appliedSearchTerms: [],
-  appliedFilters: [],
-  matchingResourcesCount: 0,
-  exportSelectionType: EXPORT_SELECTION_TYPES.ALL_RESOURCES,
-  outputFormat: OUTPUT_FORMATS.JSON
+  exportType: EXPORT_TYPES.ALL,
+  outputFormat: OUTPUT_FORMATS.CSV
 };
 
-exports.EXPORT_SELECTION_TYPES = EXPORT_SELECTION_TYPES;
+exports.EXPORTABLE_RESOURCES = EXPORTABLE_RESOURCES;
+exports.EXPORT_TYPES = EXPORT_TYPES;
 exports["default"] = ExportResourcesModal;