@commercetools-frontend-extensions/export-resources-modal 1.4.0 → 1.5.0

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

@@ -14,6 +14,7 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var reactIntl = require('react-intl');
 var applicationComponents = require('@commercetools-frontend/application-components');
+var uiKit = require('@commercetools-frontend/ui-kit');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var _flatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/flat');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
@@ -26,7 +27,6 @@ var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibl
 var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
 var _wrapNativeSuper = require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
 var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
-var uiKit = require('@commercetools-frontend/ui-kit');
 var omitEmpty = require('omit-empty-es');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 var designSystem = require('@commercetools-uikit/design-system');
@@ -36,11 +36,11 @@ var react = require('@emotion/react');
 var _styled = require('@emotion/styled/base');
 var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
-var sdk = require('@commercetools-frontend/sdk');
-var constants = require('@commercetools-frontend/constants');
-var actionsGlobal = require('@commercetools-frontend/actions-global');
 var formik = require('formik');
 var moment = require('moment');
+var actionsGlobal = require('@commercetools-frontend/actions-global');
+var sdk = require('@commercetools-frontend/sdk');
+var constants = require('@commercetools-frontend/constants');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -146,8 +146,8 @@ let UnexpectedResourceTypeError = /*#__PURE__*/function (_Error) {
   return _createClass(UnexpectedResourceTypeError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
-function ownKeys$a(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$a(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$a(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$a(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$9(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$9(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$9(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$9(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,
@@ -193,7 +193,7 @@ function flattenNestedFields(fields) {
       var _context2;
       return _mapInstanceProperty__default["default"](_context2 = flattenNestedFields(field.fields)).call(_context2, nestedField => {
         var _context3;
-        return _objectSpread$a(_objectSpread$a({}, nestedField), {}, {
+        return _objectSpread$9(_objectSpread$9({}, nestedField), {}, {
           key: _concatInstanceProperty__default["default"](_context3 = "".concat(field.key, ".")).call(_context3, nestedField.key)
         });
       });
@@ -207,8 +207,8 @@ function flattenNestedFields(fields) {
  * This function is responsible for constructing the GraphQL query based on the export settings
  *
  * Depending on the type of export selection (all resources, only selected, or only matching/filtered) it constructs different types of queries:
- * - For 'all resources', it generates a query that fetches all fields and languages specified in the export settings.
- * - For 'only selected', it creates a query that fetches only the fields and languages of the selected resources. The ids of the selected resources are included in the query.
+ * - For 'all resources', it generates a query that fetches all fields and locales specified in the export settings.
+ * - For 'only 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 'only matching' 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) {
@@ -221,7 +221,7 @@ function buildGraphQuery(exportSettings) {
         fields: [{
           results: buildFields({
             fields: exportSettings.fields,
-            languages: exportSettings.languages
+            locales: exportSettings.locales
           })
         }],
         variables: {}
@@ -232,7 +232,7 @@ function buildGraphQuery(exportSettings) {
         fields: [{
           results: buildFields({
             fields: exportSettings.fields,
-            languages: exportSettings.languages
+            locales: exportSettings.locales
           })
         }],
         variables: {
@@ -250,13 +250,13 @@ function buildGraphQuery(exportSettings) {
 /*
  * 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 language aka localised fields, a unique request format is used
- * This format combines the field and the language, separated by '______'. This approach is adopted as our system disallows the use of hyphens `-` in these situations
+ * 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 language but contain additional subfields (known as 'nested fields') are also addressed
+ * 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 language or containing subfields.
+ * 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
  */
@@ -264,18 +264,18 @@ function buildGraphQuery(exportSettings) {
 function buildFields(_ref) {
   var _context2;
   let fields = _ref.fields,
-    languages = _ref.languages;
+    locales = _ref.locales;
   return _flatInstanceProperty__default["default"](_context2 = _mapInstanceProperty__default["default"](fields).call(fields, field => {
-    if (field.isLocalized) return _mapInstanceProperty__default["default"](languages).call(languages, language => {
+    if (field.isLocalized) return _mapInstanceProperty__default["default"](locales).call(locales, locale => {
       var _context3, _context4, _context5;
-      const alias = replaceSpecialCharsWithUnderscore(_concatInstanceProperty__default["default"](_context3 = "".concat(field.key, "______")).call(_context3, language));
-      return _concatInstanceProperty__default["default"](_context4 = _concatInstanceProperty__default["default"](_context5 = "".concat(alias, ": ")).call(_context5, field.key, "(locale: \"")).call(_context4, language, "\")");
+      const alias = replaceSpecialCharsWithUnderscore(_concatInstanceProperty__default["default"](_context3 = "".concat(field.key, "______")).call(_context3, locale));
+      return _concatInstanceProperty__default["default"](_context4 = _concatInstanceProperty__default["default"](_context5 = "".concat(alias, ": ")).call(_context5, field.key, "(locale: \"")).call(_context4, locale, "\")");
     });else {
       if (isFilledArray(field.fields)) {
         return {
           [field.key]: buildFields({
             fields: field.fields,
-            languages
+            locales
           })
         };
       }
@@ -287,15 +287,15 @@ function buildFields(_ref) {
 function validate(values) {
   const errors = {
     fileName: {},
-    languages: {}
+    locales: {}
   };
   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;
+  if (values.locales.length < 1) {
+    errors.locales.missing = true;
   }
   return omitEmpty__default["default"](errors);
 }
@@ -306,21 +306,6 @@ var messages = reactIntl.defineMessages({
     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)',
@@ -331,10 +316,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',
@@ -396,40 +381,20 @@ var messages = reactIntl.defineMessages({
     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: '<b>Your export has started.</b> <newline></newline><logsLink>Go to Export logs</logsLink> to view the progress and download the file.'
   },
-  exportConfirmationLabel: {
-    id: 'ExportResourcesModal.exportConfirmationLabel',
-    description: 'Label for the export button in confirmation dialog',
-    defaultMessage: 'Export {resourceType}'
-  },
   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',
@@ -441,15 +406,25 @@ 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'
+  },
+  cancel: {
+    id: 'ExportResourcesModal.cancel',
+    description: 'Label for "Cancel" button',
+    defaultMessage: 'Cancel'
+  },
+  startExport: {
+    id: 'ExportResourcesModal.startExport',
+    description: 'Label for "Start Export" button',
+    defaultMessage: 'Start Export'
   }
 });
 
@@ -503,8 +478,8 @@ function TagList(props) {
 TagList.displayName = 'TagList';
 TagList.propTypes = {};
 
-function ownKeys$9(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$9(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$9(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$9(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$8(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$8(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$8(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$8(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function AppliedFilters(_ref) {
   let filters = _ref.filters,
     onFilterRemove = _ref.onFilterRemove;
@@ -514,7 +489,7 @@ function AppliedFilters(_ref) {
     condensed: true,
     isDefaultClosed: !Boolean(filters.length),
     header: jsxRuntime.jsx(uiKit.Text.Body, {
-      intlMessage: _objectSpread$9(_objectSpread$9({}, messages.appliedFiltersMessage), {}, {
+      intlMessage: _objectSpread$8(_objectSpread$8({}, messages.appliedFiltersMessage), {}, {
         values: {
           filtersCount: filters.length
         }
@@ -543,7 +518,7 @@ function AppliedFilters(_ref) {
         color: "neutral60"
       }), jsxRuntime.jsx(uiKit.Text.Body, {
         isBold: true,
-        intlMessage: _objectSpread$9(_objectSpread$9({}, messages.appliedFiltersMessage), {}, {
+        intlMessage: _objectSpread$8(_objectSpread$8({}, messages.appliedFiltersMessage), {}, {
           values: {
             filtersCount: filters.length
           }
@@ -564,8 +539,8 @@ function AppliedFilters(_ref) {
 }
 AppliedFilters.propTypes = {};
 
-function ownKeys$8(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$8(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$8(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$8(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$7(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$7(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$7(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$7(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const IconPlaceholder = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e1oion860"
 } )("width:", uiKit.customProperties.spacingM, ";" + ("" ));
@@ -577,7 +552,7 @@ function AppliedSearchTerms(_ref) {
     condensed: true,
     isDefaultClosed: !Boolean(appliedSearchTerms.length),
     header: jsxRuntime.jsx(uiKit.Text.Body, {
-      intlMessage: _objectSpread$8(_objectSpread$8({}, messages.appliedSearchTermsMessage), {}, {
+      intlMessage: _objectSpread$7(_objectSpread$7({}, messages.appliedSearchTermsMessage), {}, {
         values: {
           searchTermsCount: appliedSearchTerms.length
         }
@@ -598,7 +573,7 @@ function AppliedSearchTerms(_ref) {
         color: "neutral60"
       }), jsxRuntime.jsx(uiKit.Text.Body, {
         isBold: true,
-        intlMessage: _objectSpread$8(_objectSpread$8({}, messages.appliedSearchTermsMessage), {}, {
+        intlMessage: _objectSpread$7(_objectSpread$7({}, messages.appliedSearchTermsMessage), {}, {
           values: {
             searchTermsCount: appliedSearchTerms.length
           }
@@ -636,174 +611,27 @@ function ExportBasedOnMyViewsSelectField() {
   });
 }
 
-function ownKeys$7(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$7(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$7(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$7(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$6(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$6(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function renderFileNameError(key) {
   switch (key) {
     case 'missing':
-      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$7({}, messages.missingFileNameError));
+      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$6({}, messages.missingFileNameError));
     case 'invalidInput':
-      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$7({}, messages.invalidFileNameError));
+      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$6({}, messages.invalidFileNameError));
     default:
       return null;
   }
 }
-function renderLanguageError(key) {
+function renderLocaleError(key) {
   switch (key) {
     case 'missing':
-      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$7({}, messages.missingLanguageError));
+      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$6({}, messages.missingLocaleError));
     default:
       return null;
   }
 }
 
-function useExportResourcesContext() {
-  const context = react$1.useContext(ExportResourcesContext);
-  if (!context) {
-    throw new MissingExportResourceProviderError();
-  }
-  return context;
-}
-
-async function createExportOperation(_ref) {
-  let fileName = _ref.fileName,
-    fileFormat = _ref.fileFormat,
-    columns = _ref.columns,
-    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,
-      query: graphQuery
-    }
-  }));
-  return response;
-}
-
-function ownKeys$6(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$6(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const getExportLogsLink = (projectKey, msg) => jsxRuntime.jsx(uiKit.Link, {
-  to: "/".concat(projectKey, "/operations/export/logs"),
-  children: msg
-});
-function ExportConfirmationModal(props) {
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => {
-      var _applicationContext$p, _applicationContext$p2;
-      return {
-        projectName: (_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.name,
-        projectKey: (_applicationContext$p2 = applicationContext.project) === null || _applicationContext$p2 === void 0 ? void 0 : _applicationContext$p2.key
-      };
-    }),
-    projectName = _useApplicationContex.projectName,
-    projectKey = _useApplicationContex.projectKey;
-  const _useExportResourcesCo = useExportResourcesContext(),
-    formik = _useExportResourcesCo.formik,
-    allResourcesCount = _useExportResourcesCo.allResourcesCount,
-    matchingResourcesCount = _useExportResourcesCo.matchingResourcesCount,
-    selectedResourceIds = _useExportResourcesCo.selectedResourceIds,
-    resourceType = _useExportResourcesCo.resourceType;
-  const showNotification = actionsGlobal.useShowNotification();
-  const intl = reactIntl.useIntl();
-  const asyncDispatch = sdk.useAsyncDispatch();
-  const resourceTypePlural = resourceTypeToPlural({
-    resourceType: props.resourceType
-  });
-  const countInConfirmationMessage = () => {
-    switch (_valuesInstanceProperty__default["default"](formik).exportSelectionType) {
-      case EXPORT_SELECTION_TYPES.ALL_RESOURCES:
-        return allResourcesCount;
-      case EXPORT_SELECTION_TYPES.ONLY_MATCHING:
-        return matchingResourcesCount;
-      case EXPORT_SELECTION_TYPES.ONLY_SELECTED:
-        return selectedResourceIds.length;
-      default:
-        throw new UnexpectedSelectionTypeError(_valuesInstanceProperty__default["default"](formik).exportSelectionType);
-    }
-  };
-  return jsxRuntime.jsx(applicationComponents.ConfirmationDialog, {
-    dataAttributesPrimaryButton: {
-      'data-testid': 'confirm-export-button'
-    },
-    title: intl.formatMessage(messages.confirmationTitle, {
-      resourceType: resourceTypePlural
-    }),
-    labelPrimary: intl.formatMessage(messages.exportConfirmationLabel, {
-      resourceType: resourceTypePlural
-    }),
-    isOpen: props.isOpen,
-    onClose: props.closeModal,
-    onCancel: props.closeModal,
-    onConfirm: async () => {
-      const graphQuery = buildGraphQuery({
-        resourceType: resourceType,
-        selectedResourceIds: selectedResourceIds,
-        fields: _valuesInstanceProperty__default["default"](formik).fields,
-        exportSelectionType: _valuesInstanceProperty__default["default"](formik).exportSelectionType,
-        languages: _valuesInstanceProperty__default["default"](formik).languages
-      });
-      props.closeModal();
-      try {
-        var _context;
-        const response = await createExportOperation({
-          fileName: appendCsvOrJsonExtensionIfAbsent(_valuesInstanceProperty__default["default"](formik).fileName, _valuesInstanceProperty__default["default"](formik).outputFormat),
-          fileFormat: _valuesInstanceProperty__default["default"](formik).outputFormat,
-          locales: _valuesInstanceProperty__default["default"](formik).languages,
-          columns: _mapInstanceProperty__default["default"](_context = flattenNestedFields(_valuesInstanceProperty__default["default"](formik).fields)).call(_context, field => field.key),
-          projectKey,
-          graphQuery,
-          asyncDispatchFn: asyncDispatch
-        });
-        switch (response.state) {
-          case EXPORT_OPERATION_STATES.PROCESSING:
-          case EXPORT_OPERATION_STATES.COMPLETED:
-            showNotification({
-              kind: 'success',
-              domain: constants.DOMAINS.SIDE,
-              text: intl.formatMessage(messages.exportOperationSuccessMessage, {
-                newline: getNewLine,
-                logsLink: msg => getExportLogsLink(projectKey, msg),
-                b: getBold
-              })
-            });
-            props.onCloseParentModal();
-            break;
-          default:
-            throw new UnexpectedExportOperationStateError(response.state);
-        }
-      } catch (errors) {
-        actionsGlobal.showApiErrorNotification({
-          errors
-        });
-      }
-    },
-    children: jsxRuntime.jsxs("div", {
-      children: [jsxRuntime.jsx(uiKit.Text.Body, {
-        intlMessage: _objectSpread$6(_objectSpread$6({}, messages.confirmationBodyPlan), {}, {
-          values: {
-            resourceType: resourceTypePlural,
-            projectName: projectName,
-            count: countInConfirmationMessage(),
-            bold: getBold
-          }
-        })
-      }), jsxRuntime.jsx(uiKit.Text.Body, {
-        intlMessage: messages.confirmationBodyQuestion
-      })]
-    })
-  });
-}
-ExportConfirmationModal.propTypes = {};
-
 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 _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$5(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$5(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function FieldsRenderer(_ref) {
@@ -861,6 +689,14 @@ function ExportFields(_ref2) {
 }
 ExportFields.propTypes = {};
 
+function useExportResourcesContext() {
+  const context = react$1.useContext(ExportResourcesContext);
+  if (!context) {
+    throw new MissingExportResourceProviderError();
+  }
+  return context;
+}
+
 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 ExportSelectionRadioButtons() {
@@ -872,7 +708,8 @@ function ExportSelectionRadioButtons() {
     resourceType = _useExportResourcesCo.resourceType,
     allResourcesCount = _useExportResourcesCo.allResourcesCount,
     matchingResourcesCount = _useExportResourcesCo.matchingResourcesCount,
-    selectedResourceIds = _useExportResourcesCo.selectedResourceIds;
+    selectedResourceIds = _useExportResourcesCo.selectedResourceIds,
+    exportSelectionType = _useExportResourcesCo.exportSelectionType;
   const resourceTypePlural = resourceTypeToPlural({
     resourceType: resourceType
   });
@@ -880,7 +717,7 @@ function ExportSelectionRadioButtons() {
     scale: "xl",
     children: jsxRuntime.jsxs(uiKit.RadioInput.Group, {
       name: "exportSelectionType",
-      value: _valuesInstanceProperty__default["default"](formik).exportSelectionType,
+      value: exportSelectionType,
       direction: "inline",
       directionProps: {
         scale: 'xl'
@@ -936,11 +773,11 @@ function ExportTextMessage() {
     allResourcesCount = _useExportResourcesCo.allResourcesCount,
     selectedResourceIds = _useExportResourcesCo.selectedResourceIds,
     matchingResourcesCount = _useExportResourcesCo.matchingResourcesCount,
-    formik = _useExportResourcesCo.formik;
+    exportSelectionType = _useExportResourcesCo.exportSelectionType;
   const resourceTypePlural = resourceTypeToPlural({
     resourceType: resourceType
   });
-  switch (_valuesInstanceProperty__default["default"](formik).exportSelectionType) {
+  switch (exportSelectionType) {
     case EXPORT_SELECTION_TYPES.ALL_RESOURCES:
       return jsxRuntime.jsx(uiKit.Text.Body, {
         intlMessage: _objectSpread$3(_objectSpread$3({}, messages.exportAllMessage), {}, {
@@ -972,7 +809,7 @@ function ExportTextMessage() {
         })
       });
     default:
-      throw new UnexpectedSelectionTypeError(_valuesInstanceProperty__default["default"](formik).exportSelectionType);
+      throw new UnexpectedSelectionTypeError(exportSelectionType);
   }
 }
 
@@ -980,7 +817,8 @@ const ExportSelection = () => {
   const _useTheme = designSystem.useTheme(),
     isNewTheme = _useTheme.isNewTheme;
   const _useExportResourcesCo = useExportResourcesContext(),
-    formik = _useExportResourcesCo.formik;
+    formik = _useExportResourcesCo.formik,
+    exportSelectionType = _useExportResourcesCo.exportSelectionType;
   const onAppliedFilterRemove = filter => {
     var _context;
     formik.setFieldValue('appliedFilters', _filterInstanceProperty__default["default"](_context = _valuesInstanceProperty__default["default"](formik).appliedFilters).call(_context, appliedFilter => appliedFilter !== filter));
@@ -993,7 +831,7 @@ const ExportSelection = () => {
         as: "h2",
         intlMessage: messages.exportSelection
       }), jsxRuntime.jsx(ExportSelectionRadioButtons, {}), jsxRuntime.jsx(ExportTextMessage, {})]
-    }), _valuesInstanceProperty__default["default"](formik).exportSelectionType === EXPORT_SELECTION_TYPES.ONLY_MATCHING && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    }), 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, {
@@ -1022,7 +860,7 @@ const ExportSelection = () => {
         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(ExportTextMessage, {}), 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, {
@@ -1066,132 +904,67 @@ ExportProperties.propTypes = {};
 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 _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(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$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const outputFormatOptions = [{
-  value: OUTPUT_FORMATS.JSON,
-  label: 'JSON'
-}, {
   value: OUTPUT_FORMATS.CSV,
   label: 'CSV'
+}, {
+  value: OUTPUT_FORMATS.JSON,
+  label: 'JSON'
 }];
-function mapLanguagesToOptions(languages) {
-  return _mapInstanceProperty__default["default"](languages).call(languages, language => ({
-    value: language,
-    label: language
+function mapLocalesToOptions(locales) {
+  return _mapInstanceProperty__default["default"](locales).call(locales, locale => ({
+    value: locale,
+    label: locale
   }));
 }
 function ExportFileSettings(props) {
-  const _useTheme = designSystem.useTheme(),
-    isNewTheme = _useTheme.isNewTheme;
   const intl = reactIntl.useIntl();
   const _useExportResourcesCo = useExportResourcesContext(),
     formik = _useExportResourcesCo.formik;
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => {
       var _applicationContext$p;
       return {
-        language: applicationContext.dataLocale,
-        languages: ((_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.languages) || []
+        locale: applicationContext.dataLocale,
+        locales: ((_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.languages) || []
       };
     }),
-    languages = _useApplicationContex.languages,
-    language = _useApplicationContex.language;
-  if (isNewTheme) return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-    scale: "xxxl",
-    children: [jsxRuntime.jsx(applicationComponents.PageContentNarrow, {
-      children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-        scale: "xl",
-        children: [jsxRuntime.jsx(uiKit.SelectField, _objectSpread$1(_objectSpread$1({}, formik.getFieldProps('outputFormat')), {}, {
-          title: intl.formatMessage(messages.outputFormat),
-          options: outputFormatOptions
-        })), jsxRuntime.jsx(uiKit.TextField, _objectSpread$1(_objectSpread$1({
-          title: intl.formatMessage(messages.fileName)
-        }, formik.getFieldProps('fileName')), {}, {
-          touched: formik.touched.fileName,
-          errors: formik.errors.fileName,
-          renderError: renderFileNameError
-        })), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-          scale: "xs",
-          children: [jsxRuntime.jsx(uiKit.SelectField, _objectSpread$1(_objectSpread$1({
-            id: "languages",
-            title: intl.formatMessage(messages.localLanguage),
-            options: mapLanguagesToOptions(languages),
-            isMulti: true
-          }, formik.getFieldProps('languages')), {}, {
-            onChange: e => {
-              formik.handleChange(e);
-              formik.setFieldValue('isAllLanguagesChecked', false);
-            },
-            touched: formik.touched.languages,
-            errors: formik.errors.languages,
-            renderError: renderLanguageError
-          })), jsxRuntime.jsx(uiKit.CheckboxInput, {
-            name: "isAllLanguagesChecked",
-            isChecked: _valuesInstanceProperty__default["default"](formik).isAllLanguagesChecked,
-            onChange: e => {
-              if (e.target.checked) formik.setFieldValue('languages', languages);else formik.setFieldValue('languages', [language]);
-              formik.handleChange(e);
-            },
-            children: intl.formatMessage(messages.all)
-          })]
-        })]
-      })
-    }), jsxRuntime.jsx(applicationComponents.PageContentWide, {
-      children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-        scale: "xxxl",
-        children: [jsxRuntime.jsx(ExportSelection, {}), jsxRuntime.jsx(ExportProperties, {
-          renderProperties: props.renderProperties
-        })]
-      })
-    })]
-  });
+    locales = _useApplicationContex.locales,
+    locale = _useApplicationContex.locale;
   return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-    scale: "l",
-    children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-      scale: "l",
-      children: [jsxRuntime.jsx(uiKit.SelectField, _objectSpread$1(_objectSpread$1({}, formik.getFieldProps('outputFormat')), {}, {
-        title: intl.formatMessage(messages.outputFormat),
-        options: outputFormatOptions,
-        horizontalConstraint: 7
-      })), jsxRuntime.jsx(uiKit.TextField, _objectSpread$1(_objectSpread$1({
-        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$1(_objectSpread$1({
-        id: "languages",
-        title: jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-          scale: "s",
-          children: [jsxRuntime.jsx("label", {
-            htmlFor: "languages",
-            children: intl.formatMessage(messages.localLanguage)
-          }), jsxRuntime.jsx(uiKit.CheckboxInput, {
-            name: "isAllLanguagesChecked",
-            isChecked: _valuesInstanceProperty__default["default"](formik).isAllLanguagesChecked,
-            onChange: e => {
-              if (e.target.checked) formik.setFieldValue('languages', languages);else formik.setFieldValue('languages', [language]);
-              formik.handleChange(e);
-            },
-            children: jsxRuntime.jsx("div", {
-              css: styles.notBold,
-              children: intl.formatMessage(messages.all)
-            })
-          })]
-        }),
-        options: mapLanguagesToOptions(languages),
+    scale: "m",
+    children: [jsxRuntime.jsx(uiKit.SelectField, _objectSpread$1(_objectSpread$1({}, formik.getFieldProps('outputFormat')), {}, {
+      title: intl.formatMessage(messages.outputFormat),
+      options: outputFormatOptions
+    })), jsxRuntime.jsx(uiKit.TextField, _objectSpread$1(_objectSpread$1({
+      title: intl.formatMessage(messages.fileName)
+    }, formik.getFieldProps('fileName')), {}, {
+      touched: formik.touched.fileName,
+      errors: formik.errors.fileName,
+      renderError: renderFileNameError
+    })), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+      scale: "xs",
+      children: [jsxRuntime.jsx(uiKit.SelectField, _objectSpread$1(_objectSpread$1({
+        id: "locales",
+        title: intl.formatMessage(messages.locale),
+        options: mapLocalesToOptions(locales),
         isMulti: true
-      }, formik.getFieldProps('languages')), {}, {
+      }, formik.getFieldProps('locales')), {}, {
+        onChange: e => {
+          formik.handleChange(e);
+          formik.setFieldValue('isAllLocalesChecked', false);
+        },
+        touched: formik.touched.locales,
+        errors: formik.errors.locales,
+        renderError: renderLocaleError
+      })), jsxRuntime.jsx(uiKit.CheckboxInput, {
+        name: "isAllLocalesChecked",
+        isChecked: _valuesInstanceProperty__default["default"](formik).isAllLocalesChecked,
         onChange: e => {
+          if (e.target.checked) formik.setFieldValue('locales', locales);else formik.setFieldValue('locales', [locale]);
           formik.handleChange(e);
-          formik.setFieldValue('isAllLanguagesChecked', false);
         },
-        touched: formik.touched.languages,
-        errors: formik.errors.languages,
-        renderError: renderLanguageError,
-        horizontalConstraint: 7
-      }))
-    }), jsxRuntime.jsx(ExportSelection, {}), jsxRuntime.jsx(ExportProperties, {
+        children: intl.formatMessage(messages.selectAllLocales)
+      })]
+    }), props.showExportSelection && jsxRuntime.jsx(ExportSelection, {}), jsxRuntime.jsx(ExportProperties, {
       renderProperties: props.renderProperties
     })]
   });
@@ -1201,6 +974,33 @@ ExportFileSettings.propTypes = {};
 
 const ExportResourcesContext = /*#__PURE__*/react$1.createContext();
 
+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;
+}
+
 PropTypes__default["default"].shape({
   resourceType: PropTypes__default["default"].string.isRequired,
   outputFormat: PropTypes__default["default"].string,
@@ -1208,6 +1008,7 @@ PropTypes__default["default"].shape({
   allResourcesCount: PropTypes__default["default"].number.isRequired,
   matchingResourcesCount: PropTypes__default["default"].number,
   selectedResourceIds: PropTypes__default["default"].array,
+  showExportSelection: PropTypes__default["default"].bool,
   // TODO: Circular reference
   fields: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
     key: PropTypes__default["default"].string.isRequired,
@@ -1226,32 +1027,83 @@ PropTypes__default["default"].shape({
 }).isRequired;
 
 const ExportResourcesContextProvider = props => {
-  var _context;
+  var _context2;
+  const intl = reactIntl.useIntl();
   const todayFormatted = moment__default["default"]().format('DD-MM-YY_HH-mm');
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
-      language: applicationContext.dataLocale
-    })),
-    language = _useApplicationContex.language;
+  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,
+    locale = _useApplicationContex.locale;
+  const onSubmit = async values => {
+    const graphQuery = buildGraphQuery({
+      resourceType: props.resourceType,
+      exportSelectionType: props.exportSelectionType,
+      selectedResourceIds: props.selectedResourceIds,
+      fields: values.fields,
+      locales: values.locales
+    });
+    try {
+      var _context;
+      const response = await createExportOperation({
+        fileName: appendCsvOrJsonExtensionIfAbsent(values.fileName, values.outputFormat),
+        fileFormat: values.outputFormat,
+        locales: values.locales,
+        columns: _mapInstanceProperty__default["default"](_context = flattenNestedFields(values.fields)).call(_context, field => field.key),
+        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
+            })
+          });
+          break;
+        default:
+          throw new UnexpectedExportOperationStateError(response.state);
+      }
+    } catch (errors) {
+      // TODO: custom error messages for each error type
+      actionsGlobal.showApiErrorNotification({
+        errors
+      });
+    }
+  };
   const formik$1 = formik.useFormik({
     initialValues: {
       outputFormat: props.outputFormat,
-      fileName: _concatInstanceProperty__default["default"](_context = "".concat(resourceTypeToPlural({
+      fileName: _concatInstanceProperty__default["default"](_context2 = "".concat(resourceTypeToPlural({
         resourceType: props.resourceType,
         isUpperCase: true
-      }), "_Export_")).call(_context, todayFormatted),
-      languages: [language],
+      }), "_Export_")).call(_context2, todayFormatted),
+      locales: [locale],
       fields: props.fields,
       appliedSearchTerms: props.appliedSearchTerms,
       appliedFilters: props.appliedFilters,
-      exportSelectionType: props.exportSelectionType,
-      isAllLanguagesChecked: false
+      isAllLocalesChecked: false
     },
-    validate
+    validate,
+    onSubmit
   });
   return jsxRuntime.jsx(ExportResourcesContext.Provider, {
     value: {
       formik: formik$1,
       resourceType: props.resourceType,
+      exportSelectionType: props.exportSelectionType,
       allResourcesCount: props.allResourcesCount,
       matchingResourcesCount: props.matchingResourcesCount,
       selectedResourceIds: props.selectedResourceIds
@@ -1261,15 +1113,19 @@ const ExportResourcesContextProvider = props => {
 };
 ExportResourcesContextProvider.displayName = 'ExportResourcesContextProvider';
 ExportResourcesContextProvider.propTypes = {};
+const getExportLogsLink = (projectKey, msg) => jsxRuntime.jsx(uiKit.Link, {
+  to: "/".concat(projectKey, "/operations/export/logs"),
+  children: msg
+});
 
-const _excluded = ["renderProperties"];
+const _excluded = ["renderProperties", "showExportSelection"];
 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 = _ref => {
   let renderProperties = _ref.renderProperties,
+    showExportSelection = _ref.showExportSelection,
     props = _objectWithoutProperties(_ref, _excluded);
   const intl = reactIntl.useIntl();
-  const confirmationModal = applicationComponents.useModalState();
   const resourceTypePlural = resourceTypeToPlural({
     resourceType: props.resourceType
   });
@@ -1277,30 +1133,38 @@ const ExportResourcesModal = _ref => {
     children: jsxRuntime.jsx(ExportResourcesContext.Consumer, {
       children: _ref2 => {
         let formik = _ref2.formik;
-        return jsxRuntime.jsxs(applicationComponents.FormModalPage, {
+        return jsxRuntime.jsx(applicationComponents.InfoDialog, {
           isOpen: true,
           title: intl.formatMessage(messages.modalTitle, {
             resourceType: resourceTypePlural
           }),
           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(ExportFileSettings, {
-            renderProperties: renderProperties
-          }), jsxRuntime.jsx(ExportConfirmationModal, {
-            resourceType: props.resourceType,
-            isOpen: confirmationModal.isModalOpen,
-            closeModal: confirmationModal.closeModal,
-            onCloseParentModal: props.closeModal
-          })]
+          children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+            scale: "xxxl",
+            children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+              scale: "l",
+              children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+                alignItems: "center",
+                children: [jsxRuntime.jsx(uiKit.ExportIcon, {
+                  size: "medium",
+                  color: "neutral60"
+                }), jsxRuntime.jsx(ExportTextMessage, {})]
+              }), jsxRuntime.jsx(ExportFileSettings, {
+                renderProperties: renderProperties,
+                showExportSelection: showExportSelection
+              })]
+            }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+              justifyContent: "flex-end",
+              scale: "m",
+              children: [jsxRuntime.jsx(uiKit.SecondaryButton, {
+                label: intl.formatMessage(messages.cancel),
+                onClick: props.closeModal
+              }), jsxRuntime.jsx(uiKit.PrimaryButton, {
+                label: intl.formatMessage(messages.startExport),
+                onClick: formik.submitForm
+              })]
+            })]
+          })
         });
       }
     })
@@ -1314,7 +1178,8 @@ ExportResourcesModal.defaultProps = {
   appliedFilters: [],
   matchingResourcesCount: 0,
   exportSelectionType: EXPORT_SELECTION_TYPES.ALL_RESOURCES,
-  outputFormat: OUTPUT_FORMATS.CSV
+  outputFormat: OUTPUT_FORMATS.CSV,
+  showExportSelection: false
 };
 
 exports.EXPORTABLE_RESOURCES = EXPORTABLE_RESOURCES;