@commercetools-frontend-extensions/export-resources-modal 1.3.1 → 1.3.3

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

@@ -26,22 +26,21 @@ 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 _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 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 designSystem = require('@commercetools-uikit/design-system');
-var react$1 = require('@emotion/react');
+var PropTypes = require('prop-types');
+var react$1 = require('react');
+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 actionsGlobal = require('@commercetools-frontend/actions-global');
 var constants = require('@commercetools-frontend/constants');
+var actionsGlobal = require('@commercetools-frontend/actions-global');
+var formik = require('formik');
+var moment = require('moment');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -58,31 +57,34 @@ var _flatInstanceProperty__default = /*#__PURE__*/_interopDefault(_flatInstanceP
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
 var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var moment__default = /*#__PURE__*/_interopDefault(moment);
 var omitEmpty__default = /*#__PURE__*/_interopDefault(omitEmpty);
-var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
+var moment__default = /*#__PURE__*/_interopDefault(moment);
 
-const EXPORTABLE_RESOURCES = {
-  CATEGORY: 'category',
-  PRODUCT: 'product',
-  DISCOUNT_CODE: 'discountCode'
+const EXPORT_OPERATION_STATES = {
+  PROCESSING: 'processing',
+  COMPLETED: 'completed',
+  FAILED: 'failed'
 };
+
 const EXPORT_SELECTION_TYPES = {
   ALL_RESOURCES: 'allResources',
   ONLY_MATCHING: 'onlyMatching',
   ONLY_SELECTED: 'onlySelected'
 };
+
+const EXPORTABLE_RESOURCES = {
+  CATEGORY: 'category',
+  PRODUCT: 'product',
+  DISCOUNT_CODE: 'discountCode'
+};
+
 const OUTPUT_FORMATS = {
   JSON: 'json',
   CSV: 'csv'
 };
-const EXPORT_OPERATION_STATES = {
-  PROCESSING: 'processing',
-  COMPLETED: 'completed',
-  FAILED: 'failed'
-};
 
 function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -178,6 +180,14 @@ function isFilledArray(maybeArray) {
   return _Array$isArray__default["default"](maybeArray) && maybeArray.length;
 }
 
+/*
+ * 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.
+ * - 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) {
   var _context;
   const operation = resourceTypeToOperationName(exportSettings.resourceType);
@@ -213,6 +223,21 @@ function buildGraphQuery(exportSettings) {
       throw new UnexpectedSelectionTypeError(exportSettings.exportSelectionType);
   }
 }
+
+/*
+ * 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
+ *
+ * Fields that don't vary by language 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.
+ *
+ * More details can be found in the related PR: https://github.com/commercetools/commercetools-exporter/pull/103
+ */
+
 function buildFields(_ref) {
   var _context2;
   let fields = _ref.fields,
@@ -220,7 +245,7 @@ function buildFields(_ref) {
   return _flatInstanceProperty__default["default"](_context2 = _mapInstanceProperty__default["default"](fields).call(fields, field => {
     if (field.isLocalized) return _mapInstanceProperty__default["default"](languages).call(languages, language => {
       var _context3, _context4, _context5;
-      const alias = replaceSpecialCharsWithUnderscore(_concatInstanceProperty__default["default"](_context3 = "".concat(field.key, "_")).call(_context3, language));
+      const alias = replaceSpecialCharsWithUnderscore(_concatInstanceProperty__default["default"](_context3 = "".concat(field.key, "_____")).call(_context3, language));
       return _concatInstanceProperty__default["default"](_context4 = _concatInstanceProperty__default["default"](_context5 = "".concat(alias, ": ")).call(_context5, field.key, "(locale: \"")).call(_context4, language, "\")");
     });else {
       if (isFilledArray(field.fields)) {
@@ -236,6 +261,22 @@ function buildFields(_ref) {
   })).call(_context2);
 }
 
+function validate(values) {
+  const errors = {
+    fileName: {},
+    languages: {}
+  };
+  if (uiKit.TextInput.isEmpty(values.fileName)) {
+    errors.fileName.missing = true;
+  } else if (!/^[a-zA-Z0-9-_]+$/.test(values.fileName)) {
+    errors.fileName.invalidInput = true;
+  }
+  if (values.languages.length < 1) {
+    errors.languages.missing = true;
+  }
+  return omitEmpty__default["default"](errors);
+}
+
 var messages = reactIntl.defineMessages({
   modalTitle: {
     id: 'ExportResourcesModal.modalTitle',
@@ -350,7 +391,7 @@ var messages = reactIntl.defineMessages({
   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.'
+    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',
@@ -389,122 +430,36 @@ var messages = reactIntl.defineMessages({
   }
 });
 
-const ExportResourcesContext = /*#__PURE__*/react.createContext();
-
-var ExportResourcesModalShape = 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,
-  // TODO: Circular reference
-  fields: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
-    key: PropTypes__default["default"].string.isRequired,
-    label: PropTypes__default["default"].string,
-    isLocalized: PropTypes__default["default"].bool,
-    fields: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
-      key: PropTypes__default["default"].string.isRequired,
-      label: PropTypes__default["default"].string,
-      isLocalized: 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
-}).isRequired;
-
-function validate(values) {
-  const errors = {
-    fileName: {},
-    languages: {}
-  };
-  if (uiKit.TextInput.isEmpty(values.fileName)) {
-    errors.fileName.missing = true;
-  } else if (!/^[a-zA-Z0-9-_]+$/.test(values.fileName)) {
-    errors.fileName.invalidInput = true;
-  }
-  if (values.languages.length < 1) {
-    errors.languages.missing = true;
-  }
-  return omitEmpty__default["default"](errors);
-}
-
-function ownKeys$b(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$b(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$b(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$b(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-const ExportResourcesContextProvider = props => {
-  var _context;
-  const todayFormatted = moment__default["default"]().format('DD-MM-YY_HH-mm');
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
-      language: applicationContext.dataLocale
-    })),
-    language = _useApplicationContex.language;
-  const 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],
-      fields: props.fields,
-      appliedSearchTerms: props.appliedSearchTerms,
-      appliedFilters: props.appliedFilters,
-      exportSelectionType: props.exportSelectionType,
-      isAllLanguagesChecked: false
-    },
-    validate
-  });
-  const _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,
-      setExportOperationStarted
-    },
-    children: props.children
+function getBold(msg) {
+  return jsxRuntime.jsx(uiKit.Text.Body, {
+    as: "span",
+    isBold: true,
+    children: msg
   });
-};
-ExportResourcesContextProvider.displayName = 'ExportResourcesContextProvider';
-ExportResourcesContextProvider.propTypes = process.env.NODE_ENV !== "production" ? _objectSpread$b(_objectSpread$b({}, ExportResourcesModalShape), {}, {
-  children: PropTypes__default["default"].node
-}) : {};
+}
 
-function useExportResourcesContext() {
-  const context = react.useContext(ExportResourcesContext);
-  if (!context) {
-    throw new MissingExportResourceProviderError();
-  }
-  return context;
+function getNewLine() {
+  return jsxRuntime.jsx("br", {});
 }
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const smallTopPadding = /*#__PURE__*/react$1.css("padding-top:", designSystem.customProperties.spacingXs, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:smallTopPadding;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJMkIiLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nXG5cbmNvbnN0IHNtYWxsVG9wUGFkZGluZyA9IGNzc2BcbiAgcGFkZGluZy10b3A6ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9O1xuYFxuXG5jb25zdCB0YWdMaXN0Q29udGFpbmVyID0gKHsgaXNOZXdUaGVtZSB9KSA9PiBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwYWRkaW5nOiAwICR7aXNOZXdUaGVtZSA/IDAgOiBjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdMfTtcbiAgJiA+IGRpdiB7XG4gICAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfSAwO1xuICB9XG5gXG5cbmNvbnN0IHRhZ0xpc3RJdGVtID0gY3NzYFxuICBtYXJnaW46IDAgJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYc30gJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYc30gMDtcbiAgZGlzcGxheTogZmxleDtcbiAgbWluLXdpZHRoOiAwO1xuYFxuXG5jb25zdCBkaXZpZGVyID0gY3NzYFxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAwO1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JOZXV0cmFsNjB9O1xuYFxuXG5jb25zdCBub3RCb2xkID0gY3NzYFxuICBmb250LXdlaWdodDogbm9ybWFsO1xuYFxuXG5jb25zdCBzdWNjZXNzTWVzc2FnZSA9IGNzc2BcbiAgbWFyZ2luLWJvdHRvbTogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdMfTtcbmBcblxuY29uc3Qgc3R5bGVzID0ge1xuICB0YWdMaXN0SXRlbSxcbiAgdGFnTGlzdENvbnRhaW5lcixcbiAgc21hbGxUb3BQYWRkaW5nLFxuICBkaXZpZGVyLFxuICBub3RCb2xkLFxuICBzdWNjZXNzTWVzc2FnZSxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG4iXX0= */");
+const smallTopPadding = /*#__PURE__*/react.css("padding-top:", designSystem.customProperties.spacingXs, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:smallTopPadding;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJMkIiLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nXG5cbmNvbnN0IHNtYWxsVG9wUGFkZGluZyA9IGNzc2BcbiAgcGFkZGluZy10b3A6ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9O1xuYFxuXG5jb25zdCB0YWdMaXN0Q29udGFpbmVyID0gKHsgaXNOZXdUaGVtZSB9KSA9PiBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwYWRkaW5nOiAwICR7aXNOZXdUaGVtZSA/IDAgOiBjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdMfTtcbiAgJiA+IGRpdiB7XG4gICAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfSAwO1xuICB9XG5gXG5cbmNvbnN0IHRhZ0xpc3RJdGVtID0gY3NzYFxuICBtYXJnaW46IDAgJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYc30gJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYc30gMDtcbiAgZGlzcGxheTogZmxleDtcbiAgbWluLXdpZHRoOiAwO1xuYFxuXG5jb25zdCBkaXZpZGVyID0gY3NzYFxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAwO1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JOZXV0cmFsNjB9O1xuYFxuXG5jb25zdCBub3RCb2xkID0gY3NzYFxuICBmb250LXdlaWdodDogbm9ybWFsO1xuYFxuXG5jb25zdCBzdWNjZXNzTWVzc2FnZSA9IGNzc2BcbiAgbWFyZ2luLWJvdHRvbTogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdMfTtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgdGFnTGlzdEl0ZW0sXG4gIHRhZ0xpc3RDb250YWluZXIsXG4gIHNtYWxsVG9wUGFkZGluZyxcbiAgZGl2aWRlcixcbiAgbm90Qm9sZCxcbiAgc3VjY2Vzc01lc3NhZ2UsXG59XG4iXX0= */");
 const tagListContainer = _ref => {
   let isNewTheme = _ref.isNewTheme;
-  return /*#__PURE__*/react$1.css("width:100%;display:flex;flex-wrap:wrap;display:inline-flex;padding:0 ", isNewTheme ? 0 : designSystem.customProperties.spacingL, ";&>div{margin:0 ", designSystem.customProperties.spacingS, " ", designSystem.customProperties.spacingS, " 0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tagListContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRZ0QiLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nXG5cbmNvbnN0IHNtYWxsVG9wUGFkZGluZyA9IGNzc2BcbiAgcGFkZGluZy10b3A6ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9O1xuYFxuXG5jb25zdCB0YWdMaXN0Q29udGFpbmVyID0gKHsgaXNOZXdUaGVtZSB9KSA9PiBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwYWRkaW5nOiAwICR7aXNOZXdUaGVtZSA/IDAgOiBjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdMfTtcbiAgJiA+IGRpdiB7XG4gICAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfSAwO1xuICB9XG5gXG5cbmNvbnN0IHRhZ0xpc3RJdGVtID0gY3NzYFxuICBtYXJnaW46IDAgJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYc30gJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYc30gMDtcbiAgZGlzcGxheTogZmxleDtcbiAgbWluLXdpZHRoOiAwO1xuYFxuXG5jb25zdCBkaXZpZGVyID0gY3NzYFxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAwO1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JOZXV0cmFsNjB9O1xuYFxuXG5jb25zdCBub3RCb2xkID0gY3NzYFxuICBmb250LXdlaWdodDogbm9ybWFsO1xuYFxuXG5jb25zdCBzdWNjZXNzTWVzc2FnZSA9IGNzc2BcbiAgbWFyZ2luLWJvdHRvbTogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdMfTtcbmBcblxuY29uc3Qgc3R5bGVzID0ge1xuICB0YWdMaXN0SXRlbSxcbiAgdGFnTGlzdENvbnRhaW5lcixcbiAgc21hbGxUb3BQYWRkaW5nLFxuICBkaXZpZGVyLFxuICBub3RCb2xkLFxuICBzdWNjZXNzTWVzc2FnZSxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG4iXX0= */");
+  return /*#__PURE__*/react.css("width:100%;display:flex;flex-wrap:wrap;display:inline-flex;padding:0 ", isNewTheme ? 0 : designSystem.customProperties.spacingL, ";&>div{margin:0 ", designSystem.customProperties.spacingS, " ", designSystem.customProperties.spacingS, " 0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tagListContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRZ0QiLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nXG5cbmNvbnN0IHNtYWxsVG9wUGFkZGluZyA9IGNzc2BcbiAgcGFkZGluZy10b3A6ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9O1xuYFxuXG5jb25zdCB0YWdMaXN0Q29udGFpbmVyID0gKHsgaXNOZXdUaGVtZSB9KSA9PiBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwYWRkaW5nOiAwICR7aXNOZXdUaGVtZSA/IDAgOiBjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdMfTtcbiAgJiA+IGRpdiB7XG4gICAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfSAwO1xuICB9XG5gXG5cbmNvbnN0IHRhZ0xpc3RJdGVtID0gY3NzYFxuICBtYXJnaW46IDAgJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYc30gJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYc30gMDtcbiAgZGlzcGxheTogZmxleDtcbiAgbWluLXdpZHRoOiAwO1xuYFxuXG5jb25zdCBkaXZpZGVyID0gY3NzYFxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAwO1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JOZXV0cmFsNjB9O1xuYFxuXG5jb25zdCBub3RCb2xkID0gY3NzYFxuICBmb250LXdlaWdodDogbm9ybWFsO1xuYFxuXG5jb25zdCBzdWNjZXNzTWVzc2FnZSA9IGNzc2BcbiAgbWFyZ2luLWJvdHRvbTogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdMfTtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgdGFnTGlzdEl0ZW0sXG4gIHRhZ0xpc3RDb250YWluZXIsXG4gIHNtYWxsVG9wUGFkZGluZyxcbiAgZGl2aWRlcixcbiAgbm90Qm9sZCxcbiAgc3VjY2Vzc01lc3NhZ2UsXG59XG4iXX0= */");
 };
-const tagListItem = /*#__PURE__*/react$1.css("margin:0 ", designSystem.customProperties.spacingXs, " ", designSystem.customProperties.spacingXs, " 0;display:flex;min-width:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:tagListItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQnVCIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRPRE86IEByZWRlc2lnbiBjbGVhbnVwXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJ1xuXG5jb25zdCBzbWFsbFRvcFBhZGRpbmcgPSBjc3NgXG4gIHBhZGRpbmctdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfTtcbmBcblxuY29uc3QgdGFnTGlzdENvbnRhaW5lciA9ICh7IGlzTmV3VGhlbWUgfSkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogMCAke2lzTmV3VGhlbWUgPyAwIDogY3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG4gICYgPiBkaXYge1xuICAgIG1hcmdpbjogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gMDtcbiAgfVxuYFxuXG5jb25zdCB0YWdMaXN0SXRlbSA9IGNzc2BcbiAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMDtcbmBcblxuY29uc3QgZGl2aWRlciA9IGNzc2BcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDYwfTtcbmBcblxuY29uc3Qgbm90Qm9sZCA9IGNzc2BcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbmBcblxuY29uc3Qgc3VjY2Vzc01lc3NhZ2UgPSBjc3NgXG4gIG1hcmdpbi1ib3R0b206ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG5gXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgdGFnTGlzdEl0ZW0sXG4gIHRhZ0xpc3RDb250YWluZXIsXG4gIHNtYWxsVG9wUGFkZGluZyxcbiAgZGl2aWRlcixcbiAgbm90Qm9sZCxcbiAgc3VjY2Vzc01lc3NhZ2UsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuIl19 */");
-const divider = /*#__PURE__*/react$1.css("box-sizing:border-box;width:100%;margin:0;border:0;border-top:1px solid ", designSystem.customProperties.colorNeutral60, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:divider;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Qm1CIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRPRE86IEByZWRlc2lnbiBjbGVhbnVwXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJ1xuXG5jb25zdCBzbWFsbFRvcFBhZGRpbmcgPSBjc3NgXG4gIHBhZGRpbmctdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfTtcbmBcblxuY29uc3QgdGFnTGlzdENvbnRhaW5lciA9ICh7IGlzTmV3VGhlbWUgfSkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogMCAke2lzTmV3VGhlbWUgPyAwIDogY3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG4gICYgPiBkaXYge1xuICAgIG1hcmdpbjogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gMDtcbiAgfVxuYFxuXG5jb25zdCB0YWdMaXN0SXRlbSA9IGNzc2BcbiAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMDtcbmBcblxuY29uc3QgZGl2aWRlciA9IGNzc2BcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDYwfTtcbmBcblxuY29uc3Qgbm90Qm9sZCA9IGNzc2BcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbmBcblxuY29uc3Qgc3VjY2Vzc01lc3NhZ2UgPSBjc3NgXG4gIG1hcmdpbi1ib3R0b206ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG5gXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgdGFnTGlzdEl0ZW0sXG4gIHRhZ0xpc3RDb250YWluZXIsXG4gIHNtYWxsVG9wUGFkZGluZyxcbiAgZGl2aWRlcixcbiAgbm90Qm9sZCxcbiAgc3VjY2Vzc01lc3NhZ2UsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuIl19 */");
+const tagListItem = /*#__PURE__*/react.css("margin:0 ", designSystem.customProperties.spacingXs, " ", designSystem.customProperties.spacingXs, " 0;display:flex;min-width:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:tagListItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQnVCIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRPRE86IEByZWRlc2lnbiBjbGVhbnVwXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJ1xuXG5jb25zdCBzbWFsbFRvcFBhZGRpbmcgPSBjc3NgXG4gIHBhZGRpbmctdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfTtcbmBcblxuY29uc3QgdGFnTGlzdENvbnRhaW5lciA9ICh7IGlzTmV3VGhlbWUgfSkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogMCAke2lzTmV3VGhlbWUgPyAwIDogY3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG4gICYgPiBkaXYge1xuICAgIG1hcmdpbjogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gMDtcbiAgfVxuYFxuXG5jb25zdCB0YWdMaXN0SXRlbSA9IGNzc2BcbiAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMDtcbmBcblxuY29uc3QgZGl2aWRlciA9IGNzc2BcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDYwfTtcbmBcblxuY29uc3Qgbm90Qm9sZCA9IGNzc2BcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbmBcblxuY29uc3Qgc3VjY2Vzc01lc3NhZ2UgPSBjc3NgXG4gIG1hcmdpbi1ib3R0b206ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG5gXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIHRhZ0xpc3RJdGVtLFxuICB0YWdMaXN0Q29udGFpbmVyLFxuICBzbWFsbFRvcFBhZGRpbmcsXG4gIGRpdmlkZXIsXG4gIG5vdEJvbGQsXG4gIHN1Y2Nlc3NNZXNzYWdlLFxufVxuIl19 */");
+const divider = /*#__PURE__*/react.css("box-sizing:border-box;width:100%;margin:0;border:0;border-top:1px solid ", designSystem.customProperties.colorNeutral60, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:divider;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Qm1CIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRPRE86IEByZWRlc2lnbiBjbGVhbnVwXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJ1xuXG5jb25zdCBzbWFsbFRvcFBhZGRpbmcgPSBjc3NgXG4gIHBhZGRpbmctdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfTtcbmBcblxuY29uc3QgdGFnTGlzdENvbnRhaW5lciA9ICh7IGlzTmV3VGhlbWUgfSkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogMCAke2lzTmV3VGhlbWUgPyAwIDogY3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG4gICYgPiBkaXYge1xuICAgIG1hcmdpbjogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gMDtcbiAgfVxuYFxuXG5jb25zdCB0YWdMaXN0SXRlbSA9IGNzc2BcbiAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMDtcbmBcblxuY29uc3QgZGl2aWRlciA9IGNzc2BcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDYwfTtcbmBcblxuY29uc3Qgbm90Qm9sZCA9IGNzc2BcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbmBcblxuY29uc3Qgc3VjY2Vzc01lc3NhZ2UgPSBjc3NgXG4gIG1hcmdpbi1ib3R0b206ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG5gXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIHRhZ0xpc3RJdGVtLFxuICB0YWdMaXN0Q29udGFpbmVyLFxuICBzbWFsbFRvcFBhZGRpbmcsXG4gIGRpdmlkZXIsXG4gIG5vdEJvbGQsXG4gIHN1Y2Nlc3NNZXNzYWdlLFxufVxuIl19 */");
 const notBold = process.env.NODE_ENV === "production" ? {
   name: "lugakg",
   styles: "font-weight:normal"
 } : {
   name: "w02aau-notBold",
   styles: "font-weight:normal;label:notBold;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ21CIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRPRE86IEByZWRlc2lnbiBjbGVhbnVwXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJ1xuXG5jb25zdCBzbWFsbFRvcFBhZGRpbmcgPSBjc3NgXG4gIHBhZGRpbmctdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfTtcbmBcblxuY29uc3QgdGFnTGlzdENvbnRhaW5lciA9ICh7IGlzTmV3VGhlbWUgfSkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogMCAke2lzTmV3VGhlbWUgPyAwIDogY3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG4gICYgPiBkaXYge1xuICAgIG1hcmdpbjogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gMDtcbiAgfVxuYFxuXG5jb25zdCB0YWdMaXN0SXRlbSA9IGNzc2BcbiAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMDtcbmBcblxuY29uc3QgZGl2aWRlciA9IGNzc2BcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDYwfTtcbmBcblxuY29uc3Qgbm90Qm9sZCA9IGNzc2BcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbmBcblxuY29uc3Qgc3VjY2Vzc01lc3NhZ2UgPSBjc3NgXG4gIG1hcmdpbi1ib3R0b206ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG5gXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgdGFnTGlzdEl0ZW0sXG4gIHRhZ0xpc3RDb250YWluZXIsXG4gIHNtYWxsVG9wUGFkZGluZyxcbiAgZGl2aWRlcixcbiAgbm90Qm9sZCxcbiAgc3VjY2Vzc01lc3NhZ2UsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ21CIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRPRE86IEByZWRlc2lnbiBjbGVhbnVwXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJ1xuXG5jb25zdCBzbWFsbFRvcFBhZGRpbmcgPSBjc3NgXG4gIHBhZGRpbmctdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfTtcbmBcblxuY29uc3QgdGFnTGlzdENvbnRhaW5lciA9ICh7IGlzTmV3VGhlbWUgfSkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogMCAke2lzTmV3VGhlbWUgPyAwIDogY3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG4gICYgPiBkaXYge1xuICAgIG1hcmdpbjogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gMDtcbiAgfVxuYFxuXG5jb25zdCB0YWdMaXN0SXRlbSA9IGNzc2BcbiAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMDtcbmBcblxuY29uc3QgZGl2aWRlciA9IGNzc2BcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDYwfTtcbmBcblxuY29uc3Qgbm90Qm9sZCA9IGNzc2BcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbmBcblxuY29uc3Qgc3VjY2Vzc01lc3NhZ2UgPSBjc3NgXG4gIG1hcmdpbi1ib3R0b206ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG5gXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIHRhZ0xpc3RJdGVtLFxuICB0YWdMaXN0Q29udGFpbmVyLFxuICBzbWFsbFRvcFBhZGRpbmcsXG4gIGRpdmlkZXIsXG4gIG5vdEJvbGQsXG4gIHN1Y2Nlc3NNZXNzYWdlLFxufVxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-const successMessage = /*#__PURE__*/react$1.css("margin-bottom:", designSystem.customProperties.spacingL, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:successMessage;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQzBCIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRPRE86IEByZWRlc2lnbiBjbGVhbnVwXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJ1xuXG5jb25zdCBzbWFsbFRvcFBhZGRpbmcgPSBjc3NgXG4gIHBhZGRpbmctdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfTtcbmBcblxuY29uc3QgdGFnTGlzdENvbnRhaW5lciA9ICh7IGlzTmV3VGhlbWUgfSkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogMCAke2lzTmV3VGhlbWUgPyAwIDogY3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG4gICYgPiBkaXYge1xuICAgIG1hcmdpbjogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gMDtcbiAgfVxuYFxuXG5jb25zdCB0YWdMaXN0SXRlbSA9IGNzc2BcbiAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMDtcbmBcblxuY29uc3QgZGl2aWRlciA9IGNzc2BcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDYwfTtcbmBcblxuY29uc3Qgbm90Qm9sZCA9IGNzc2BcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbmBcblxuY29uc3Qgc3VjY2Vzc01lc3NhZ2UgPSBjc3NgXG4gIG1hcmdpbi1ib3R0b206ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG5gXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgdGFnTGlzdEl0ZW0sXG4gIHRhZ0xpc3RDb250YWluZXIsXG4gIHNtYWxsVG9wUGFkZGluZyxcbiAgZGl2aWRlcixcbiAgbm90Qm9sZCxcbiAgc3VjY2Vzc01lc3NhZ2UsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuIl19 */");
+const successMessage = /*#__PURE__*/react.css("margin-bottom:", designSystem.customProperties.spacingL, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:successMessage;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQzBCIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRPRE86IEByZWRlc2lnbiBjbGVhbnVwXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJ1xuXG5jb25zdCBzbWFsbFRvcFBhZGRpbmcgPSBjc3NgXG4gIHBhZGRpbmctdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfTtcbmBcblxuY29uc3QgdGFnTGlzdENvbnRhaW5lciA9ICh7IGlzTmV3VGhlbWUgfSkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogMCAke2lzTmV3VGhlbWUgPyAwIDogY3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG4gICYgPiBkaXYge1xuICAgIG1hcmdpbjogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gMDtcbiAgfVxuYFxuXG5jb25zdCB0YWdMaXN0SXRlbSA9IGNzc2BcbiAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMDtcbmBcblxuY29uc3QgZGl2aWRlciA9IGNzc2BcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDYwfTtcbmBcblxuY29uc3Qgbm90Qm9sZCA9IGNzc2BcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbmBcblxuY29uc3Qgc3VjY2Vzc01lc3NhZ2UgPSBjc3NgXG4gIG1hcmdpbi1ib3R0b206ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG5gXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIHRhZ0xpc3RJdGVtLFxuICB0YWdMaXN0Q29udGFpbmVyLFxuICBzbWFsbFRvcFBhZGRpbmcsXG4gIGRpdmlkZXIsXG4gIG5vdEJvbGQsXG4gIHN1Y2Nlc3NNZXNzYWdlLFxufVxuIl19 */");
 const styles = {
   tagListItem,
   tagListContainer,
@@ -514,176 +469,53 @@ const styles = {
   successMessage
 };
 
+function TagList(props) {
+  const _useTheme = designSystem.useTheme(),
+    isNewTheme = _useTheme.isNewTheme;
+  return jsxRuntime.jsx("div", {
+    css: styles.tagListContainer({
+      isNewTheme
+    }),
+    "data-testid": props['data-testid'],
+    children: _mapInstanceProperty__default["default"](react$1.Children).call(react$1.Children, props.children, tag => jsxRuntime.jsx("div", {
+      css: styles.tagListItem,
+      children: tag
+    }))
+  });
+}
+TagList.displayName = 'TagList';
+TagList.propTypes = process.env.NODE_ENV !== "production" ? {
+  children: PropTypes__default["default"].node.isRequired,
+  'data-testid': PropTypes__default["default"].string
+} : {};
+
 function ownKeys$a(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$a(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$a(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-function ExportSelectionRadioButtons() {
+function AppliedFilters(_ref) {
+  let filters = _ref.filters,
+    onFilterRemove = _ref.onFilterRemove;
   const _useTheme = designSystem.useTheme(),
     isNewTheme = _useTheme.isNewTheme;
-  const intl = reactIntl.useIntl();
-  const _useExportResourcesCo = useExportResourcesContext(),
-    formik = _useExportResourcesCo.formik,
-    resourceType = _useExportResourcesCo.resourceType,
-    allResourcesCount = _useExportResourcesCo.allResourcesCount,
-    matchingResourcesCount = _useExportResourcesCo.matchingResourcesCount,
-    selectedResourceIds = _useExportResourcesCo.selectedResourceIds;
-  const resourceTypePlural = resourceTypeToPlural({
-    resourceType: resourceType
-  });
-  return jsxRuntime.jsx(uiKit.Spacings.Inline, {
-    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(uiKit.Text.Body, {
-          isBold: !isNewTheme,
-          intlMessage: _objectSpread$a(_objectSpread$a({}, messages.exportAllResources), {}, {
-            values: {
-              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(uiKit.Text.Body, {
-          isBold: !isNewTheme,
-          intlMessage: _objectSpread$a(_objectSpread$a({}, messages.exportOnlyMatchingResources), {}, {
-            values: {
-              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(uiKit.Text.Body, {
-          isBold: !isNewTheme,
-          intlMessage: _objectSpread$a(_objectSpread$a({}, messages.exportOnlySelectedResources), {}, {
-            values: {
-              resourceType: resourceTypePlural,
-              count: selectedResourceIds.length
-            }
-          })
+  if (isNewTheme) return jsxRuntime.jsx(uiKit.CollapsiblePanel, {
+    condensed: true,
+    isDefaultClosed: !Boolean(filters.length),
+    header: jsxRuntime.jsx(uiKit.Text.Body, {
+      intlMessage: _objectSpread$a(_objectSpread$a({}, messages.appliedFiltersMessage), {}, {
+        values: {
+          filtersCount: filters.length
+        }
+      })
+    }),
+    children: jsxRuntime.jsx(TagList, {
+      children: _mapInstanceProperty__default["default"](filters).call(filters, filter => jsxRuntime.jsx("div", {
+        "data-testid": "test-filter-".concat(filter),
+        children: jsxRuntime.jsx(uiKit.Tag, {
+          onRemove: () => {
+            onFilterRemove(filter);
+          },
+          children: filter
         })
-      })]
-    })
-  });
-}
-
-function getBold(msg) {
-  return jsxRuntime.jsx(uiKit.Text.Body, {
-    as: "span",
-    isBold: true,
-    children: msg
-  });
-}
-
-function ownKeys$9(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$9(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$9(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-function ExportTextMessage() {
-  const _useExportResourcesCo = useExportResourcesContext(),
-    resourceType = _useExportResourcesCo.resourceType,
-    allResourcesCount = _useExportResourcesCo.allResourcesCount,
-    selectedResourceIds = _useExportResourcesCo.selectedResourceIds,
-    matchingResourcesCount = _useExportResourcesCo.matchingResourcesCount,
-    formik = _useExportResourcesCo.formik;
-  const resourceTypePlural = resourceTypeToPlural({
-    resourceType: resourceType
-  });
-  switch (_valuesInstanceProperty__default["default"](formik).exportSelectionType) {
-    case EXPORT_SELECTION_TYPES.ALL_RESOURCES:
-      return jsxRuntime.jsx(uiKit.Text.Body, {
-        intlMessage: _objectSpread$9(_objectSpread$9({}, messages.exportAllMessage), {}, {
-          values: {
-            count: allResourcesCount,
-            resourceType: resourceTypePlural,
-            b: getBold
-          }
-        })
-      });
-    case EXPORT_SELECTION_TYPES.ONLY_MATCHING:
-      return jsxRuntime.jsx(uiKit.Text.Body, {
-        intlMessage: _objectSpread$9(_objectSpread$9({}, messages.exportMatchingMessage), {}, {
-          values: {
-            count: matchingResourcesCount,
-            resourceType: resourceTypePlural,
-            b: getBold
-          }
-        })
-      });
-    case EXPORT_SELECTION_TYPES.ONLY_SELECTED:
-      return jsxRuntime.jsx(uiKit.Text.Body, {
-        intlMessage: _objectSpread$9(_objectSpread$9({}, messages.exportSelectedMessage), {}, {
-          values: {
-            count: selectedResourceIds.length,
-            resourceType: resourceTypePlural,
-            b: getBold
-          }
-        })
-      });
-    default:
-      throw new UnexpectedSelectionTypeError(_valuesInstanceProperty__default["default"](formik).exportSelectionType);
-  }
-}
-
-function TagList(props) {
-  const _useTheme = designSystem.useTheme(),
-    isNewTheme = _useTheme.isNewTheme;
-  return jsxRuntime.jsx("div", {
-    css: styles.tagListContainer({
-      isNewTheme
-    }),
-    "data-testid": props['data-testid'],
-    children: _mapInstanceProperty__default["default"](react.Children).call(react.Children, props.children, tag => jsxRuntime.jsx("div", {
-      css: styles.tagListItem,
-      children: tag
-    }))
-  });
-}
-TagList.displayName = 'TagList';
-TagList.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: PropTypes__default["default"].node.isRequired,
-  'data-testid': PropTypes__default["default"].string
-} : {};
-
-function ownKeys$8(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$8(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$8(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-function AppliedFilters(_ref) {
-  let filters = _ref.filters,
-    onFilterRemove = _ref.onFilterRemove;
-  const _useTheme = designSystem.useTheme(),
-    isNewTheme = _useTheme.isNewTheme;
-  if (isNewTheme) return jsxRuntime.jsx(uiKit.CollapsiblePanel, {
-    condensed: true,
-    isDefaultClosed: !Boolean(filters.length),
-    header: jsxRuntime.jsx(uiKit.Text.Body, {
-      intlMessage: _objectSpread$8(_objectSpread$8({}, messages.appliedFiltersMessage), {}, {
-        values: {
-          filtersCount: filters.length
-        }
-      })
-    }),
-    children: jsxRuntime.jsx(TagList, {
-      children: _mapInstanceProperty__default["default"](filters).call(filters, filter => jsxRuntime.jsx("div", {
-        "data-testid": "test-filter-".concat(filter),
-        children: jsxRuntime.jsx(uiKit.Tag, {
-          onRemove: () => {
-            onFilterRemove(filter);
-          },
-          children: filter
-        })
-      }, filter))
+      }, filter))
     })
   });
   return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -697,7 +529,7 @@ function AppliedFilters(_ref) {
         color: "neutral60"
       }), jsxRuntime.jsx(uiKit.Text.Body, {
         isBold: true,
-        intlMessage: _objectSpread$8(_objectSpread$8({}, messages.appliedFiltersMessage), {}, {
+        intlMessage: _objectSpread$a(_objectSpread$a({}, messages.appliedFiltersMessage), {}, {
           values: {
             filtersCount: filters.length
           }
@@ -721,35 +553,14 @@ AppliedFilters.propTypes = process.env.NODE_ENV !== "production" ? {
   onFilterRemove: PropTypes__default["default"].func.isRequired
 } : {};
 
-// TODO: @redesign cleanup
-function ExportBasedOnMyViewsSelectField() {
-  const _useTheme = designSystem.useTheme(),
-    themedValue = _useTheme.themedValue;
-  return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-    scale: "m",
-    alignItems: "center",
-    children: [jsxRuntime.jsx(uiKit.Text.Body, {
-      intlMessage: messages.exportBasedOnMyViewsMessage
-    }), jsxRuntime.jsx(uiKit.Text.Body, {
-      intlMessage: messages.myViews
-    }), jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
-      max: themedValue(4, 7),
-      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; }
+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; }
 const IconPlaceholder = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
-  target: "e1nl5t3e0"
+  target: "e1oion860"
 } : {
-  target: "e1nl5t3e0",
+  target: "e1oion860",
   label: "IconPlaceholder"
-})("width:", uiKit.customProperties.spacingM, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcGxpZWQtc2VhcmNoLXRlcm1zLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFha0MiLCJmaWxlIjoiYXBwbGllZC1zZWFyY2gtdGVybXMuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSdcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcydcbmltcG9ydCB7XG4gIEFuZ2xlUmlnaHRJY29uLFxuICBDb2xsYXBzaWJsZVBhbmVsLFxuICBjdXN0b21Qcm9wZXJ0aWVzLFxuICBTcGFjaW5ncyxcbiAgVGV4dCxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi9tZXNzYWdlcydcblxuY29uc3QgSWNvblBsYWNlaG9sZGVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTX07XG5gXG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEFwcGxpZWRTZWFyY2hUZXJtcyh7IGFwcGxpZWRTZWFyY2hUZXJtcyB9KSB7XG4gIGNvbnN0IHsgaXNOZXdUaGVtZSB9ID0gdXNlVGhlbWUoKVxuXG4gIGlmIChpc05ld1RoZW1lKVxuICAgIHJldHVybiAoXG4gICAgICA8Q29sbGFwc2libGVQYW5lbFxuICAgICAgICBjb25kZW5zZWRcbiAgICAgICAgaXNEZWZhdWx0Q2xvc2VkPXshQm9vbGVhbihhcHBsaWVkU2VhcmNoVGVybXMubGVuZ3RoKX1cbiAgICAgICAgaGVhZGVyPXtcbiAgICAgICAgICA8VGV4dC5Cb2R5XG4gICAgICAgICAgICBpbnRsTWVzc2FnZT17e1xuICAgICAgICAgICAgICAuLi5tZXNzYWdlcy5hcHBsaWVkU2VhcmNoVGVybXNNZXNzYWdlLFxuICAgICAgICAgICAgICB2YWx1ZXM6IHtcbiAgICAgICAgICAgICAgICBzZWFyY2hUZXJtc0NvdW50OiBhcHBsaWVkU2VhcmNoVGVybXMubGVuZ3RoLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICB9XG4gICAgICA+XG4gICAgICAgIDxUZXh0LkJvZHk+e2FwcGxpZWRTZWFyY2hUZXJtcy5qb2luKCcsICcpfTwvVGV4dC5Cb2R5PlxuICAgICAgPC9Db2xsYXBzaWJsZVBhbmVsPlxuICAgIClcbiAgcmV0dXJuIChcbiAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJzXCI+XG4gICAgICA8U3BhY2luZ3MuSW5saW5lIHNjYWxlPVwic1wiIGFsaWduSXRlbXM9XCJmbGV4LXN0YXJ0XCI+XG4gICAgICAgIDxBbmdsZVJpZ2h0SWNvblxuICAgICAgICAgIGRhdGEtdGVzdGlkPVwidGVzdC1hcnJvd1JpZ2h0XCJcbiAgICAgICAgICBzaXplPVwibWVkaXVtXCJcbiAgICAgICAgICBjb2xvcj1cIm5ldXRyYWw2MFwiXG4gICAgICAgIC8+XG4gICAgICAgIDxUZXh0LkJvZHlcbiAgICAgICAgICBpc0JvbGRcbiAgICAgICAgICBpbnRsTWVzc2FnZT17e1xuICAgICAgICAgICAgLi4ubWVzc2FnZXMuYXBwbGllZFNlYXJjaFRlcm1zTWVzc2FnZSxcbiAgICAgICAgICAgIHZhbHVlczoge1xuICAgICAgICAgICAgICBzZWFyY2hUZXJtc0NvdW50OiBhcHBsaWVkU2VhcmNoVGVybXMubGVuZ3RoLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgICA8U3BhY2luZ3MuSW5saW5lIHNjYWxlPVwic1wiIGFsaWduSXRlbXM9XCJmbGV4LXN0YXJ0XCI+XG4gICAgICAgIDxJY29uUGxhY2Vob2xkZXIgLz5cbiAgICAgICAgPFRleHQuQm9keT57YXBwbGllZFNlYXJjaFRlcm1zLmpvaW4oJywgJyl9PC9UZXh0LkJvZHk+XG4gICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICApXG59XG5BcHBsaWVkU2VhcmNoVGVybXMucHJvcFR5cGVzID0ge1xuICBhcHBsaWVkU2VhcmNoVGVybXM6IFByb3BUeXBlcy5hcnJheS5pc1JlcXVpcmVkLFxufVxuIl19 */"));
+})("width:", uiKit.customProperties.spacingM, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcGxpZWQtc2VhcmNoLXRlcm1zLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFha0MiLCJmaWxlIjoiYXBwbGllZC1zZWFyY2gtdGVybXMuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSdcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcydcbmltcG9ydCB7XG4gIEFuZ2xlUmlnaHRJY29uLFxuICBDb2xsYXBzaWJsZVBhbmVsLFxuICBjdXN0b21Qcm9wZXJ0aWVzLFxuICBTcGFjaW5ncyxcbiAgVGV4dCxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi4vbWVzc2FnZXMnXG5cbmNvbnN0IEljb25QbGFjZWhvbGRlciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ019O1xuYFxuXG5leHBvcnQgZnVuY3Rpb24gQXBwbGllZFNlYXJjaFRlcm1zKHsgYXBwbGllZFNlYXJjaFRlcm1zIH0pIHtcbiAgY29uc3QgeyBpc05ld1RoZW1lIH0gPSB1c2VUaGVtZSgpXG5cbiAgaWYgKGlzTmV3VGhlbWUpXG4gICAgcmV0dXJuIChcbiAgICAgIDxDb2xsYXBzaWJsZVBhbmVsXG4gICAgICAgIGNvbmRlbnNlZFxuICAgICAgICBpc0RlZmF1bHRDbG9zZWQ9eyFCb29sZWFuKGFwcGxpZWRTZWFyY2hUZXJtcy5sZW5ndGgpfVxuICAgICAgICBoZWFkZXI9e1xuICAgICAgICAgIDxUZXh0LkJvZHlcbiAgICAgICAgICAgIGludGxNZXNzYWdlPXt7XG4gICAgICAgICAgICAgIC4uLm1lc3NhZ2VzLmFwcGxpZWRTZWFyY2hUZXJtc01lc3NhZ2UsXG4gICAgICAgICAgICAgIHZhbHVlczoge1xuICAgICAgICAgICAgICAgIHNlYXJjaFRlcm1zQ291bnQ6IGFwcGxpZWRTZWFyY2hUZXJtcy5sZW5ndGgsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9fVxuICAgICAgICAgIC8+XG4gICAgICAgIH1cbiAgICAgID5cbiAgICAgICAgPFRleHQuQm9keT57YXBwbGllZFNlYXJjaFRlcm1zLmpvaW4oJywgJyl9PC9UZXh0LkJvZHk+XG4gICAgICA8L0NvbGxhcHNpYmxlUGFuZWw+XG4gICAgKVxuICByZXR1cm4gKFxuICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInNcIj5cbiAgICAgIDxTcGFjaW5ncy5JbmxpbmUgc2NhbGU9XCJzXCIgYWxpZ25JdGVtcz1cImZsZXgtc3RhcnRcIj5cbiAgICAgICAgPEFuZ2xlUmlnaHRJY29uXG4gICAgICAgICAgZGF0YS10ZXN0aWQ9XCJ0ZXN0LWFycm93UmlnaHRcIlxuICAgICAgICAgIHNpemU9XCJtZWRpdW1cIlxuICAgICAgICAgIGNvbG9yPVwibmV1dHJhbDYwXCJcbiAgICAgICAgLz5cbiAgICAgICAgPFRleHQuQm9keVxuICAgICAgICAgIGlzQm9sZFxuICAgICAgICAgIGludGxNZXNzYWdlPXt7XG4gICAgICAgICAgICAuLi5tZXNzYWdlcy5hcHBsaWVkU2VhcmNoVGVybXNNZXNzYWdlLFxuICAgICAgICAgICAgdmFsdWVzOiB7XG4gICAgICAgICAgICAgIHNlYXJjaFRlcm1zQ291bnQ6IGFwcGxpZWRTZWFyY2hUZXJtcy5sZW5ndGgsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgIDxTcGFjaW5ncy5JbmxpbmUgc2NhbGU9XCJzXCIgYWxpZ25JdGVtcz1cImZsZXgtc3RhcnRcIj5cbiAgICAgICAgPEljb25QbGFjZWhvbGRlciAvPlxuICAgICAgICA8VGV4dC5Cb2R5PnthcHBsaWVkU2VhcmNoVGVybXMuam9pbignLCAnKX08L1RleHQuQm9keT5cbiAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gIClcbn1cbkFwcGxpZWRTZWFyY2hUZXJtcy5wcm9wVHlwZXMgPSB7XG4gIGFwcGxpZWRTZWFyY2hUZXJtczogUHJvcFR5cGVzLmFycmF5LmlzUmVxdWlyZWQsXG59XG4iXX0= */"));
 function AppliedSearchTerms(_ref) {
   let appliedSearchTerms = _ref.appliedSearchTerms;
   const _useTheme = designSystem.useTheme(),
@@ -758,7 +569,7 @@ function AppliedSearchTerms(_ref) {
     condensed: true,
     isDefaultClosed: !Boolean(appliedSearchTerms.length),
     header: jsxRuntime.jsx(uiKit.Text.Body, {
-      intlMessage: _objectSpread$7(_objectSpread$7({}, messages.appliedSearchTermsMessage), {}, {
+      intlMessage: _objectSpread$9(_objectSpread$9({}, messages.appliedSearchTermsMessage), {}, {
         values: {
           searchTermsCount: appliedSearchTerms.length
         }
@@ -779,7 +590,7 @@ function AppliedSearchTerms(_ref) {
         color: "neutral60"
       }), jsxRuntime.jsx(uiKit.Text.Body, {
         isBold: true,
-        intlMessage: _objectSpread$7(_objectSpread$7({}, messages.appliedSearchTermsMessage), {}, {
+        intlMessage: _objectSpread$9(_objectSpread$9({}, messages.appliedSearchTermsMessage), {}, {
           values: {
             searchTermsCount: appliedSearchTerms.length
           }
@@ -798,6 +609,189 @@ AppliedSearchTerms.propTypes = process.env.NODE_ENV !== "production" ? {
   appliedSearchTerms: PropTypes__default["default"].array.isRequired
 } : {};
 
+// TODO: @redesign cleanup
+function ExportBasedOnMyViewsSelectField() {
+  const _useTheme = designSystem.useTheme(),
+    themedValue = _useTheme.themedValue;
+  return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+    scale: "m",
+    alignItems: "center",
+    children: [jsxRuntime.jsx(uiKit.Text.Body, {
+      intlMessage: messages.exportBasedOnMyViewsMessage
+    }), jsxRuntime.jsx(uiKit.Text.Body, {
+      intlMessage: messages.myViews
+    }), jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
+      max: themedValue(4, 7),
+      children: jsxRuntime.jsx(uiKit.SelectInput, {
+        isDisabled: true,
+        placeholder: "Default"
+      })
+    })]
+  });
+}
+
+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 renderFileNameError(key) {
+  switch (key) {
+    case 'missing':
+      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages.missingFileNameError));
+    case 'invalidInput':
+      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages.invalidFileNameError));
+    default:
+      return null;
+  }
+}
+function renderLanguageError(key) {
+  switch (key) {
+    case 'missing':
+      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages.missingLanguageError));
+    default:
+      return null;
+  }
+}
+
+function useExportResourcesContext() {
+  const context = react$1.useContext(ExportResourcesContext);
+  if (!context) {
+    throw new MissingExportResourceProviderError();
+  }
+  return context;
+}
+
+async function createExportOperation(_ref) {
+  let projectKey = _ref.projectKey,
+    graphQuery = _ref.graphQuery,
+    asyncDispatchFn = _ref.asyncDispatchFn;
+  const uri = "/proxy/export/".concat(projectKey, "/export-operations");
+  const response = await asyncDispatchFn(sdk.actions.post({
+    // FIXME: EXPORT is undefined
+    mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.EXPORT,
+    uri: uri,
+    headers: {
+      accept: 'application/json'
+    },
+    payload: {
+      query: graphQuery
+    }
+  }));
+  return response;
+}
+
+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; }
+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 {
+        const response = await createExportOperation({
+          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$7(_objectSpread$7({}, messages.confirmationBodyPlan), {}, {
+          values: {
+            resourceType: resourceTypePlural,
+            projectName: projectName,
+            count: countInConfirmationMessage(),
+            bold: getBold
+          }
+        })
+      }), jsxRuntime.jsx(uiKit.Text.Body, {
+        intlMessage: messages.confirmationBodyQuestion
+      })]
+    })
+  });
+}
+ExportConfirmationModal.propTypes = process.env.NODE_ENV !== "production" ? {
+  isOpen: PropTypes__default["default"].bool.isRequired,
+  resourceType: PropTypes__default["default"].string.isRequired,
+  closeModal: PropTypes__default["default"].func.isRequired,
+  onCloseParentModal: PropTypes__default["default"].func.isRequired
+} : {};
+
 function ownKeys$6(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$6(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$6(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 function normalizeFields(fields) {
@@ -859,28 +853,143 @@ function ExportFields(_ref2) {
         isBold: true,
         intlMessage: _objectSpread$6(_objectSpread$6({}, messages.columnsMessage), {}, {
           values: {
-            columnsCount: fields.length
+            columnsCount: fields.length
+          }
+        })
+      })]
+    }), jsxRuntime.jsx(FieldsRenderer, {
+      fields: fields
+    })]
+  });
+}
+ExportFields.propTypes = process.env.NODE_ENV !== "production" ? {
+  // TODO: Circular reference
+  fields: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+    key: PropTypes__default["default"].string.isRequired,
+    label: PropTypes__default["default"].string,
+    isLocalized: PropTypes__default["default"].bool,
+    fields: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+      key: PropTypes__default["default"].string.isRequired,
+      label: PropTypes__default["default"].string,
+      isLocalized: PropTypes__default["default"].bool
+    }))
+  })).isRequired
+} : {};
+
+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; }
+function ExportSelectionRadioButtons() {
+  const _useTheme = designSystem.useTheme(),
+    isNewTheme = _useTheme.isNewTheme;
+  const intl = reactIntl.useIntl();
+  const _useExportResourcesCo = useExportResourcesContext(),
+    formik = _useExportResourcesCo.formik,
+    resourceType = _useExportResourcesCo.resourceType,
+    allResourcesCount = _useExportResourcesCo.allResourcesCount,
+    matchingResourcesCount = _useExportResourcesCo.matchingResourcesCount,
+    selectedResourceIds = _useExportResourcesCo.selectedResourceIds;
+  const resourceTypePlural = resourceTypeToPlural({
+    resourceType: resourceType
+  });
+  return jsxRuntime.jsx(uiKit.Spacings.Inline, {
+    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(uiKit.Text.Body, {
+          isBold: !isNewTheme,
+          intlMessage: _objectSpread$5(_objectSpread$5({}, messages.exportAllResources), {}, {
+            values: {
+              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(uiKit.Text.Body, {
+          isBold: !isNewTheme,
+          intlMessage: _objectSpread$5(_objectSpread$5({}, messages.exportOnlyMatchingResources), {}, {
+            values: {
+              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(uiKit.Text.Body, {
+          isBold: !isNewTheme,
+          intlMessage: _objectSpread$5(_objectSpread$5({}, messages.exportOnlySelectedResources), {}, {
+            values: {
+              resourceType: resourceTypePlural,
+              count: selectedResourceIds.length
+            }
+          })
+        })
+      })]
+    })
+  });
+}
+
+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 ExportTextMessage() {
+  const _useExportResourcesCo = useExportResourcesContext(),
+    resourceType = _useExportResourcesCo.resourceType,
+    allResourcesCount = _useExportResourcesCo.allResourcesCount,
+    selectedResourceIds = _useExportResourcesCo.selectedResourceIds,
+    matchingResourcesCount = _useExportResourcesCo.matchingResourcesCount,
+    formik = _useExportResourcesCo.formik;
+  const resourceTypePlural = resourceTypeToPlural({
+    resourceType: resourceType
+  });
+  switch (_valuesInstanceProperty__default["default"](formik).exportSelectionType) {
+    case EXPORT_SELECTION_TYPES.ALL_RESOURCES:
+      return jsxRuntime.jsx(uiKit.Text.Body, {
+        intlMessage: _objectSpread$4(_objectSpread$4({}, messages.exportAllMessage), {}, {
+          values: {
+            count: allResourcesCount,
+            resourceType: resourceTypePlural,
+            b: getBold
+          }
+        })
+      });
+    case EXPORT_SELECTION_TYPES.ONLY_MATCHING:
+      return jsxRuntime.jsx(uiKit.Text.Body, {
+        intlMessage: _objectSpread$4(_objectSpread$4({}, messages.exportMatchingMessage), {}, {
+          values: {
+            count: matchingResourcesCount,
+            resourceType: resourceTypePlural,
+            b: getBold
           }
         })
-      })]
-    }), jsxRuntime.jsx(FieldsRenderer, {
-      fields: fields
-    })]
-  });
+      });
+    case EXPORT_SELECTION_TYPES.ONLY_SELECTED:
+      return jsxRuntime.jsx(uiKit.Text.Body, {
+        intlMessage: _objectSpread$4(_objectSpread$4({}, messages.exportSelectedMessage), {}, {
+          values: {
+            count: selectedResourceIds.length,
+            resourceType: resourceTypePlural,
+            b: getBold
+          }
+        })
+      });
+    default:
+      throw new UnexpectedSelectionTypeError(_valuesInstanceProperty__default["default"](formik).exportSelectionType);
+  }
 }
-ExportFields.propTypes = process.env.NODE_ENV !== "production" ? {
-  // TODO: Circular reference
-  fields: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
-    key: PropTypes__default["default"].string.isRequired,
-    label: PropTypes__default["default"].string,
-    isLocalized: PropTypes__default["default"].bool,
-    fields: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
-      key: PropTypes__default["default"].string.isRequired,
-      label: PropTypes__default["default"].string,
-      isLocalized: PropTypes__default["default"].bool
-    }))
-  })).isRequired
-} : {};
 
 const ExportSelection = () => {
   const _useTheme = designSystem.useTheme(),
@@ -944,8 +1053,8 @@ const ExportSelection = () => {
   });
 };
 
-function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$5(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$5(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+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; }
 const ExportProperties = props => {
   const _useTheme = designSystem.useTheme(),
     isNewTheme = _useTheme.isNewTheme;
@@ -962,7 +1071,7 @@ const ExportProperties = props => {
   return jsxRuntime.jsx(uiKit.CollapsiblePanel, {
     header: jsxRuntime.jsx(uiKit.Text.Body, {
       isBold: true,
-      intlMessage: _objectSpread$5({}, messages.propertiesPanelLabel)
+      intlMessage: _objectSpread$3({}, messages.propertiesPanelLabel)
     }),
     children: props.renderProperties()
   });
@@ -971,29 +1080,8 @@ ExportProperties.propTypes = process.env.NODE_ENV !== "production" ? {
   renderProperties: PropTypes__default["default"].func
 } : {};
 
-function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$4(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-function renderFileNameError(key) {
-  switch (key) {
-    case 'missing':
-      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages.missingFileNameError));
-    case 'invalidInput':
-      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages.invalidFileNameError));
-    default:
-      return null;
-  }
-}
-function renderLanguageError(key) {
-  switch (key) {
-    case 'missing':
-      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages.missingLanguageError));
-    default:
-      return null;
-  }
-}
-
-function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 const outputFormatOptions = [{
   value: OUTPUT_FORMATS.JSON,
   label: 'JSON'
@@ -1027,12 +1115,12 @@ function ExportFileSettings(props) {
     children: [jsxRuntime.jsx(applicationComponents.PageContentNarrow, {
       children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
         scale: "xl",
-        children: [jsxRuntime.jsx(uiKit.SelectField, _objectSpread$3(_objectSpread$3({
+        children: [jsxRuntime.jsx(uiKit.SelectField, _objectSpread$2(_objectSpread$2({
           isDisabled: true
         }, formik.getFieldProps('outputFormat')), {}, {
           title: intl.formatMessage(messages.outputFormat),
           options: outputFormatOptions
-        })), jsxRuntime.jsx(uiKit.TextField, _objectSpread$3(_objectSpread$3({
+        })), jsxRuntime.jsx(uiKit.TextField, _objectSpread$2(_objectSpread$2({
           title: intl.formatMessage(messages.fileName)
         }, formik.getFieldProps('fileName')), {}, {
           touched: formik.touched.fileName,
@@ -1040,7 +1128,7 @@ function ExportFileSettings(props) {
           renderError: renderFileNameError
         })), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
           scale: "xs",
-          children: [jsxRuntime.jsx(uiKit.SelectField, _objectSpread$3(_objectSpread$3({
+          children: [jsxRuntime.jsx(uiKit.SelectField, _objectSpread$2(_objectSpread$2({
             id: "languages",
             title: intl.formatMessage(messages.localLanguage),
             options: mapLanguagesToOptions(languages),
@@ -1077,13 +1165,13 @@ function ExportFileSettings(props) {
     scale: "l",
     children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
       scale: "l",
-      children: [jsxRuntime.jsx(uiKit.SelectField, _objectSpread$3(_objectSpread$3({
+      children: [jsxRuntime.jsx(uiKit.SelectField, _objectSpread$2(_objectSpread$2({
         isDisabled: true
       }, formik.getFieldProps('outputFormat')), {}, {
         title: intl.formatMessage(messages.outputFormat),
         options: outputFormatOptions,
         horizontalConstraint: 7
-      })), jsxRuntime.jsx(uiKit.TextField, _objectSpread$3(_objectSpread$3({
+      })), jsxRuntime.jsx(uiKit.TextField, _objectSpread$2(_objectSpread$2({
         title: intl.formatMessage(messages.fileName)
       }, formik.getFieldProps('fileName')), {}, {
         touched: formik.touched.fileName,
@@ -1092,7 +1180,7 @@ function ExportFileSettings(props) {
         horizontalConstraint: 7
       }))]
     }), jsxRuntime.jsx(uiKit.Spacings.Inline, {
-      children: jsxRuntime.jsx(uiKit.SelectField, _objectSpread$3(_objectSpread$3({
+      children: jsxRuntime.jsx(uiKit.SelectField, _objectSpread$2(_objectSpread$2({
         id: "languages",
         title: jsxRuntime.jsxs(uiKit.Spacings.Inline, {
           scale: "s",
@@ -1134,161 +1222,73 @@ ExportFileSettings.propTypes = process.env.NODE_ENV !== "production" ? {
   renderProperties: PropTypes__default["default"].func
 } : {};
 
-async function createExportOperation(_ref) {
-  let projectKey = _ref.projectKey,
-    graphQuery = _ref.graphQuery,
-    asyncDispatchFn = _ref.asyncDispatchFn;
-  const uri = "/proxy/export/".concat(projectKey, "/export-operations");
-  const response = await asyncDispatchFn(sdk.actions.post({
-    // FIXME: EXPORT is undefined
-    mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.EXPORT,
-    uri: uri,
-    headers: {
-      accept: 'application/json'
-    },
-    payload: {
-      query: graphQuery
-    }
-  }));
-  return response;
-}
+const ExportResourcesContext = /*#__PURE__*/react$1.createContext();
 
-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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-function ExportConfirmationModal(props) {
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => {
-      var _applicationContext$p, _applicationContext$p2;
-      return {
-        projectName: (_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.name,
-        projectKey: (_applicationContext$p2 = applicationContext.project) === null || _applicationContext$p2 === void 0 ? void 0 : _applicationContext$p2.key
-      };
-    }),
-    projectName = _useApplicationContex.projectName,
-    projectKey = _useApplicationContex.projectKey;
-  const _useExportResourcesCo = useExportResourcesContext(),
-    formik = _useExportResourcesCo.formik,
-    allResourcesCount = _useExportResourcesCo.allResourcesCount,
-    matchingResourcesCount = _useExportResourcesCo.matchingResourcesCount,
-    selectedResourceIds = _useExportResourcesCo.selectedResourceIds,
-    resourceType = _useExportResourcesCo.resourceType,
-    setExportOperationStarted = _useExportResourcesCo.setExportOperationStarted;
-  const intl = reactIntl.useIntl();
-  const asyncDispatch = sdk.useAsyncDispatch();
-  const resourceTypePlural = resourceTypeToPlural({
-    resourceType: props.resourceType
-  });
-  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 () => {
-      setExportOperationStarted(false);
-      const graphQuery = buildGraphQuery({
-        resourceType: resourceType,
-        selectedResourceIds: selectedResourceIds,
-        fields: _valuesInstanceProperty__default["default"](formik).fields,
-        exportSelectionType: _valuesInstanceProperty__default["default"](formik).exportSelectionType,
-        languages: _valuesInstanceProperty__default["default"](formik).languages
-      });
-      props.closeModal();
-      try {
-        const response = await createExportOperation({
-          projectKey,
-          graphQuery,
-          asyncDispatchFn: asyncDispatch
-        });
-        switch (response.state) {
-          case EXPORT_OPERATION_STATES.PROCESSING:
-          case EXPORT_OPERATION_STATES.COMPLETED:
-            setExportOperationStarted(true);
-            break;
-          default:
-            throw new UnexpectedExportOperationStateError(response.state);
-        }
-      } catch (errors) {
-        actionsGlobal.showApiErrorNotification({
-          errors
-        });
-      }
-    },
-    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
-      })]
-    })
-  });
-}
-ExportConfirmationModal.propTypes = process.env.NODE_ENV !== "production" ? {
-  isOpen: PropTypes__default["default"].bool.isRequired,
+const ExportResourcesModalShape = PropTypes__default["default"].shape({
   resourceType: PropTypes__default["default"].string.isRequired,
-  closeModal: PropTypes__default["default"].func.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,
+  // TODO: Circular reference
+  fields: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+    key: PropTypes__default["default"].string.isRequired,
+    label: PropTypes__default["default"].string,
+    isLocalized: PropTypes__default["default"].bool,
+    fields: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+      key: PropTypes__default["default"].string.isRequired,
+      label: PropTypes__default["default"].string,
+      isLocalized: 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
+}).isRequired;
 
 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; }
-const getExportLogsLink = (projectKey, msg) => jsxRuntime.jsx(uiKit.Link, {
-  to: "/".concat(projectKey, "/operations/export/logs"),
-  children: msg
-});
-function ExportOperationSuccessMessage(_ref) {
-  let isShown = _ref.isShown;
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => {
-      var _applicationContext$p;
-      return {
-        projectKey: (_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.key
-      };
-    }),
-    projectKey = _useApplicationContex.projectKey;
-  if (!isShown) return null;
-  return jsxRuntime.jsx("div", {
-    css: styles.successMessage,
-    "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: msg => getExportLogsLink(projectKey, msg)
-          }
-        })
-      })
-    })
+function _objectSpread$1(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$1(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$1(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+const ExportResourcesContextProvider = props => {
+  var _context;
+  const todayFormatted = moment__default["default"]().format('DD-MM-YY_HH-mm');
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
+      language: applicationContext.dataLocale
+    })),
+    language = _useApplicationContex.language;
+  const 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],
+      fields: props.fields,
+      appliedSearchTerms: props.appliedSearchTerms,
+      appliedFilters: props.appliedFilters,
+      exportSelectionType: props.exportSelectionType,
+      isAllLanguagesChecked: false
+    },
+    validate
   });
-}
-ExportOperationSuccessMessage.propTypes = process.env.NODE_ENV !== "production" ? {
-  isShown: PropTypes__default["default"].bool.isRequired
-} : {};
+  return jsxRuntime.jsx(ExportResourcesContext.Provider, {
+    value: {
+      formik: formik$1,
+      resourceType: props.resourceType,
+      allResourcesCount: props.allResourcesCount,
+      matchingResourcesCount: props.matchingResourcesCount,
+      selectedResourceIds: props.selectedResourceIds
+    },
+    children: props.children
+  });
+};
+ExportResourcesContextProvider.displayName = 'ExportResourcesContextProvider';
+ExportResourcesContextProvider.propTypes = process.env.NODE_ENV !== "production" ? _objectSpread$1(_objectSpread$1({}, ExportResourcesModalShape), {}, {
+  children: PropTypes__default["default"].node
+}) : {};
 
 const _excluded = ["renderProperties"];
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -1304,8 +1304,7 @@ const ExportResourcesModal = _ref => {
   return jsxRuntime.jsx(ExportResourcesContextProvider, _objectSpread(_objectSpread({}, props), {}, {
     children: jsxRuntime.jsx(ExportResourcesContext.Consumer, {
       children: _ref2 => {
-        let formik = _ref2.formik,
-          exportOperationStarted = _ref2.exportOperationStarted;
+        let formik = _ref2.formik;
         return jsxRuntime.jsxs(applicationComponents.FormModalPage, {
           title: intl.formatMessage(messages.modalTitle, {
             resourceType: resourceTypePlural
@@ -1322,14 +1321,13 @@ const ExportResourcesModal = _ref => {
             resourceType: props.resourceType
           }),
           onPrimaryButtonClick: confirmationModal.openModal,
-          children: [jsxRuntime.jsx(ExportOperationSuccessMessage, {
-            isShown: exportOperationStarted
-          }), jsxRuntime.jsx(ExportFileSettings, {
+          children: [jsxRuntime.jsx(ExportFileSettings, {
             renderProperties: renderProperties
           }), jsxRuntime.jsx(ExportConfirmationModal, {
             resourceType: props.resourceType,
             isOpen: confirmationModal.isModalOpen,
-            closeModal: confirmationModal.closeModal
+            closeModal: confirmationModal.closeModal,
+            onCloseParentModal: props.closeModal
           })]
         });
       }