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

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

@@ -7,10 +7,9 @@ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-st
 import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
+import React, { useContext, createContext } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { InfoDialog } from '@commercetools-frontend/application-components';
-import { TextInput, Text, CollapsiblePanel, Tag, Spacings, AngleRightIcon, customProperties as customProperties$1, Constraints, SelectInput, RadioInput, Card, SelectField, TextField, CheckboxInput, Link, ExportIcon, SecondaryButton, PrimaryButton } from '@commercetools-frontend/ui-kit';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
 import _flatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/flat';
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
@@ -22,23 +21,28 @@ import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
 import _possibleConstructorReturn from '@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn';
 import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
 import _wrapNativeSuper from '@babel/runtime-corejs3/helpers/esm/wrapNativeSuper';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
 import _Array$isArray from '@babel/runtime-corejs3/core-js-stable/array/is-array';
+import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
+import _Object$assign from '@babel/runtime-corejs3/core-js-stable/object/assign';
+import { Link, TextInput, Text, Spacings, ExportIcon, SelectField, TextField, CheckboxInput, PrimaryButton, Card, Grid, customProperties, SecondaryButton } from '@commercetools-frontend/ui-kit';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import _valuesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/values';
 import omitEmpty from 'omit-empty-es';
 import _findIndexInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find-index';
 import _spliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/splice';
-import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
-import { customProperties, useTheme } from '@commercetools-uikit/design-system';
-import PropTypes from 'prop-types';
-import { Children, useContext, createContext } from 'react';
-import { css } from '@emotion/react';
-import _styled from '@emotion/styled/base';
-import _valuesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/values';
+import '@commercetools-uikit/design-system';
 import { useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
-import { useFormik } from 'formik';
 import moment from 'moment';
-import { useShowNotification, showApiErrorNotification } from '@commercetools-frontend/actions-global';
 import { actions, useAsyncDispatch } from '@commercetools-frontend/sdk';
+import { useShowNotification, showApiErrorNotification } from '@commercetools-frontend/actions-global';
 import { MC_API_PROXY_TARGETS, DOMAINS } from '@commercetools-frontend/constants';
+import _styled from '@emotion/styled/base';
+import _everyInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/every';
+import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
+import PropTypes from 'prop-types';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import { useFormik } from 'formik';
 
 const EXPORT_OPERATION_STATES = {
   PROCESSING: 'processing',
@@ -46,10 +50,10 @@ const EXPORT_OPERATION_STATES = {
   FAILED: 'failed'
 };
 
-const EXPORT_SELECTION_TYPES = {
-  ALL_RESOURCES: 'allResources',
-  ONLY_MATCHING: 'onlyMatching',
-  ONLY_SELECTED: 'onlySelected'
+const EXPORT_TYPES = {
+  ALL: 'all',
+  FILTERED: 'filtered',
+  SELECTED: 'selected'
 };
 
 const EXPORTABLE_RESOURCES = {
@@ -62,20 +66,31 @@ const OUTPUT_FORMATS = {
   JSON: 'json',
   CSV: 'csv'
 };
+const OUTPUT_FORMAT_OPTIONS = [{
+  value: OUTPUT_FORMATS.CSV,
+  label: 'CSV'
+}, {
+  value: OUTPUT_FORMATS.JSON,
+  label: 'JSON'
+}];
+
+const COLUMN_DEFINITIONS_URLS = {
+  category: 'https://docs-proxy-sarm-product-import-csv.commercetools.vercel.app/merchant-center/import-categories#supported-headers-and-values'
+};
 
 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(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-let UnexpectedSelectionTypeError = /*#__PURE__*/function (_Error) {
-  _inherits(UnexpectedSelectionTypeError, _Error);
-  var _super = _createSuper$3(UnexpectedSelectionTypeError);
-  function UnexpectedSelectionTypeError(exportSelectionType) {
+let UnexpectedExportTypeError = /*#__PURE__*/function (_Error) {
+  _inherits(UnexpectedExportTypeError, _Error);
+  var _super = _createSuper$3(UnexpectedExportTypeError);
+  function UnexpectedExportTypeError(exportType) {
     var _this;
-    _classCallCheck(this, UnexpectedSelectionTypeError);
-    _this = _super.call(this, "Unexpected column: ".concat(exportSelectionType));
-    _this.name = 'UnexpectedSelectionTypeError';
+    _classCallCheck(this, UnexpectedExportTypeError);
+    _this = _super.call(this, "Unexpected export type: ".concat(exportType));
+    _this.name = 'UnexpectedExportTypeError';
     return _this;
   }
-  return _createClass(UnexpectedSelectionTypeError);
+  return _createClass(UnexpectedExportTypeError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
 function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -86,7 +101,7 @@ let MissingExportResourceProviderError = /*#__PURE__*/function (_Error) {
   function MissingExportResourceProviderError() {
     var _this;
     _classCallCheck(this, MissingExportResourceProviderError);
-    _this = _super.call(this, 'useExportResourcesContext must be used within ExportResourcesContextProvider');
+    _this = _super.call(this, 'useExportResourcesContext must be used within ExportResourcesProvider');
     _this.name = 'MissingExportResourceProviderError';
     return _this;
   }
@@ -123,8 +138,9 @@ let UnexpectedResourceTypeError = /*#__PURE__*/function (_Error) {
   return _createClass(UnexpectedResourceTypeError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
-function ownKeys$a(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context4 = ownKeys$a(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context5 = ownKeys$a(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const _excluded$1 = ["name"];
+function ownKeys$6(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context4 = ownKeys$6(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context5 = ownKeys$6(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 function resourceTypeToPlural(_ref) {
   let resourceType = _ref.resourceType,
     _ref$isUpperCase = _ref.isUpperCase,
@@ -152,6 +168,12 @@ function resourceTypeToOperationName(resourceType) {
       throw UnexpectedResourceTypeError(resourceType);
   }
 }
+function mapLocalesToOptions(locales) {
+  return _mapInstanceProperty(locales).call(locales, locale => ({
+    value: locale,
+    label: locale
+  }));
+}
 function replaceSpecialCharsWithUnderscore(string) {
   return string.replace(/[^a-zA-Z0-9]/g, '_');
 }
@@ -170,8 +192,8 @@ function flattenNestedFields(fields) {
       var _context2;
       return _mapInstanceProperty(_context2 = flattenNestedFields(field.fields)).call(_context2, nestedField => {
         var _context3;
-        return _objectSpread$a(_objectSpread$a({}, nestedField), {}, {
-          key: _concatInstanceProperty(_context3 = "".concat(field.key, ".")).call(_context3, nestedField.key)
+        return _objectSpread$6(_objectSpread$6({}, nestedField), {}, {
+          name: _concatInstanceProperty(_context3 = "".concat(field.name, ".")).call(_context3, nestedField.name)
         });
       });
     }
@@ -179,20 +201,60 @@ function flattenNestedFields(fields) {
   })) || [];
   return _flatInstanceProperty(result).call(result);
 }
+function unflattenNestedFields(flattenedFields) {
+  const reconstructed = [];
+  _forEachInstanceProperty(flattenedFields).call(flattenedFields, field => {
+    const fieldNames = field.name.split('.');
+    let currentLevel = reconstructed;
+    _forEachInstanceProperty(fieldNames).call(fieldNames, (name, index) => {
+      let existingField = _findInstanceProperty(currentLevel).call(currentLevel, f => f.name === name);
+      if (!existingField) {
+        existingField = {
+          name,
+          fields: []
+        };
+        currentLevel.push(existingField);
+      }
+      if (index === fieldNames.length - 1) {
+        field.name;
+          const otherProps = _objectWithoutProperties(field, _excluded$1);
+        _Object$assign(existingField, otherProps);
+      } else {
+        currentLevel = existingField.fields;
+      }
+    });
+  });
+  return reconstructed;
+}
+function getSelectedFields(fields) {
+  return _filterInstanceProperty(fields).call(fields, field => field.isChecked);
+}
+function getFieldNames(fields) {
+  return _mapInstanceProperty(fields).call(fields, field => field.name);
+}
+function checkRequiredFields(fields) {
+  return _mapInstanceProperty(fields).call(fields, field => field.isRequired ? _objectSpread$6(_objectSpread$6({}, field), {}, {
+    isChecked: true
+  }) : field);
+}
+const getExportLogsLink = (projectKey, msg) => jsx(Link, {
+  to: "/".concat(projectKey, "/operations/export/logs"),
+  children: msg
+});
 
 /*
  * 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 locales specified in the export settings.
- * - For 'only selected', it creates a query that fetches only the fields and locales of the selected resources. The ids of the selected resources are included in the query.
- * - The 'only matching' case is a placeholder for future development where a query will be constructed based on certain filtering criteria using the `where` parameter.
+ * Depending on the type of export selection (all, selected, or filtered) it constructs different types of queries:
+ * - For 'all', it generates a query that fetches all fields and locales specified in the export settings.
+ * - For 'selected', it creates a query that fetches only the fields and locales of the selected resources. The ids of the selected resources are included in the query.
+ * - The 'filtered' case is a placeholder for future development where a query will be constructed based on certain filtering criteria using the `where` parameter.
  */
 function buildGraphQuery(exportSettings) {
   var _context;
   const operation = resourceTypeToOperationName(exportSettings.resourceType);
-  switch (exportSettings.exportSelectionType) {
-    case EXPORT_SELECTION_TYPES.ALL_RESOURCES:
+  switch (exportSettings.exportType) {
+    case EXPORT_TYPES.ALL:
       return query({
         operation,
         fields: [{
@@ -203,7 +265,7 @@ function buildGraphQuery(exportSettings) {
         }],
         variables: {}
       });
-    case EXPORT_SELECTION_TYPES.ONLY_SELECTED:
+    case EXPORT_TYPES.SELECTED:
       return query({
         operation,
         fields: [{
@@ -216,11 +278,11 @@ function buildGraphQuery(exportSettings) {
           where: "id in (".concat(_mapInstanceProperty(_context = exportSettings.selectedResourceIds).call(_context, id => "\"".concat(id, "\"")).join(', '), ")")
         }
       });
-    case EXPORT_SELECTION_TYPES.ONLY_MATCHING:
+    case EXPORT_TYPES.FILTERED:
       // TODO: gql query for exporting filtered resources.
-      throw new UnexpectedSelectionTypeError(exportSettings.exportSelectionType);
+      throw new UnexpectedExportTypeError(exportSettings.exportType);
     default:
-      throw new UnexpectedSelectionTypeError(exportSettings.exportSelectionType);
+      throw new UnexpectedExportTypeError(exportSettings.exportType);
   }
 }
 
@@ -245,27 +307,31 @@ function buildFields(_ref) {
   return _flatInstanceProperty(_context2 = _mapInstanceProperty(fields).call(fields, field => {
     if (field.isLocalized) return _mapInstanceProperty(locales).call(locales, locale => {
       var _context3, _context4, _context5;
-      const alias = replaceSpecialCharsWithUnderscore(_concatInstanceProperty(_context3 = "".concat(field.key, "______")).call(_context3, locale));
-      return _concatInstanceProperty(_context4 = _concatInstanceProperty(_context5 = "".concat(alias, ": ")).call(_context5, field.key, "(locale: \"")).call(_context4, locale, "\")");
+      const alias = replaceSpecialCharsWithUnderscore(_concatInstanceProperty(_context3 = "".concat(field.name, "______")).call(_context3, locale));
+      return _concatInstanceProperty(_context4 = _concatInstanceProperty(_context5 = "".concat(alias, ": ")).call(_context5, field.name, "(locale: \"")).call(_context4, locale, "\")");
     });else {
       if (isFilledArray(field.fields)) {
         return {
-          [field.key]: buildFields({
+          [field.name]: buildFields({
             fields: field.fields,
             locales
           })
         };
       }
-      return field.key;
+      return field.name;
     }
   })).call(_context2);
 }
 
-function validate(values) {
+function validate(_ref) {
+  let values = _valuesInstanceProperty(_ref),
+    step = _ref.step;
   const errors = {
     fileName: {},
-    locales: {}
+    locales: {},
+    fields: {}
   };
+  // Always validate these fields (first and second steps)
   if (TextInput.isEmpty(values.fileName)) {
     errors.fileName.missing = true;
   } else if (!/^[a-zA-Z0-9-_.]+$/.test(values.fileName)) {
@@ -274,6 +340,16 @@ function validate(values) {
   if (values.locales.length < 1) {
     errors.locales.missing = true;
   }
+  //
+
+  // Only validate these fields on the 2nd step
+  if (step === 2) {
+    var _context;
+    const checkedFields = _filterInstanceProperty(_context = values.fields).call(_context, field => field.isChecked);
+    if (checkedFields.length < 2) {
+      errors.fields.missing = true;
+    }
+  }
   return omitEmpty(errors);
 }
 
@@ -327,11 +403,6 @@ var messages = defineMessages({
     description: 'Export All selection',
     defaultMessage: 'Export all {resourceType} ({count})'
   },
-  exportOnlyMatchingResources: {
-    id: 'ExportResourcesModal.exportOnlyMatchingResources',
-    description: 'Export resources only matching search/filter',
-    defaultMessage: 'Export list matching search/filter ({count})'
-  },
   exportOnlySelectedResources: {
     id: 'ExportResourcesModal.exportOnlySelectedResources',
     description: 'Export only selected resources',
@@ -357,16 +428,6 @@ var messages = defineMessages({
     description: 'Exported columns and attributes based on table settings',
     defaultMessage: 'Exported columns/attributes based on table settings: {columnsCount}'
   },
-  appliedSearchTermsMessage: {
-    id: 'ExportResourcesModal.appliedSearchTermsMessage',
-    description: 'Applied Search Term(s)',
-    defaultMessage: 'Applied search term(s): {searchTermsCount}'
-  },
-  appliedFiltersMessage: {
-    id: 'ExportResourcesModal.appliedFiltersMessage',
-    description: 'Applied Filter(s)',
-    defaultMessage: 'Applied Filter(s): {filtersCount}'
-  },
   exportBasedOnMyViewsMessage: {
     id: 'ExportResourcesModal.exportBasedOnMyViewsMessage',
     description: 'Select Export setttings based on my views',
@@ -412,15 +473,34 @@ var messages = defineMessages({
     description: 'Label for "My Views" Select Field',
     defaultMessage: 'My Views'
   },
-  cancel: {
-    id: 'ExportResourcesModal.cancel',
-    description: 'Label for "Cancel" button',
-    defaultMessage: 'Cancel'
+  selectColumnsToExport: {
+    id: 'ExportResourcesModal.selectColumnsToExport',
+    defaultMessage: 'Select columns to export'
+  },
+  back: {
+    id: 'ExportResourcesModal.back',
+    description: 'Label for "Back" button',
+    defaultMessage: 'Back'
   },
   startExport: {
     id: 'ExportResourcesModal.startExport',
-    description: 'Label for "Start Export" button',
-    defaultMessage: 'Start Export'
+    description: 'Label for "Start export" button',
+    defaultMessage: 'Start export'
+  },
+  continue: {
+    id: 'ExportResourcesModal.continue',
+    description: 'Label for "Continue" button',
+    defaultMessage: 'Continue'
+  },
+  columnDefinitions: {
+    id: 'ExportResourcesModal.columnDefinitions',
+    description: 'Label for "Column Definitions" link',
+    defaultMessage: 'Column definitions'
+  },
+  allGeneralFields: {
+    id: 'ExportResourcesModal.allGeneralFields',
+    description: 'Label for "All general fields" checkbox',
+    defaultMessage: 'All general fields'
   }
 });
 
@@ -436,202 +516,14 @@ function getNewLine() {
   return 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__*/css("padding-top:", 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__*/css("width:100%;display:flex;flex-wrap:wrap;display:inline-flex;padding:0 ", isNewTheme ? 0 : customProperties.spacingL, ";&>div{margin:0 ", customProperties.spacingS, " ", 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__*/css("margin:0 ", customProperties.spacingXs, " ", 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__*/css("box-sizing:border-box;width:100%;margin:0;border:0;border-top:1px solid ", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ21CIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRPRE86IEByZWRlc2lnbiBjbGVhbnVwXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJ1xuXG5jb25zdCBzbWFsbFRvcFBhZGRpbmcgPSBjc3NgXG4gIHBhZGRpbmctdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfTtcbmBcblxuY29uc3QgdGFnTGlzdENvbnRhaW5lciA9ICh7IGlzTmV3VGhlbWUgfSkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogMCAke2lzTmV3VGhlbWUgPyAwIDogY3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG4gICYgPiBkaXYge1xuICAgIG1hcmdpbjogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gMDtcbiAgfVxuYFxuXG5jb25zdCB0YWdMaXN0SXRlbSA9IGNzc2BcbiAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMDtcbmBcblxuY29uc3QgZGl2aWRlciA9IGNzc2BcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDYwfTtcbmBcblxuY29uc3Qgbm90Qm9sZCA9IGNzc2BcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbmBcblxuY29uc3Qgc3VjY2Vzc01lc3NhZ2UgPSBjc3NgXG4gIG1hcmdpbi1ib3R0b206ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG5gXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIHRhZ0xpc3RJdGVtLFxuICB0YWdMaXN0Q29udGFpbmVyLFxuICBzbWFsbFRvcFBhZGRpbmcsXG4gIGRpdmlkZXIsXG4gIG5vdEJvbGQsXG4gIHN1Y2Nlc3NNZXNzYWdlLFxufVxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const successMessage = /*#__PURE__*/css("margin-bottom:", 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,
-  smallTopPadding,
-  divider,
-  notBold,
-  successMessage
-};
-
-function TagList(props) {
-  const _useTheme = useTheme(),
-    isNewTheme = _useTheme.isNewTheme;
-  return jsx("div", {
-    css: styles.tagListContainer({
-      isNewTheme
-    }),
-    "data-testid": props['data-testid'],
-    children: _mapInstanceProperty(Children).call(Children, props.children, tag => jsx("div", {
-      css: styles.tagListItem,
-      children: tag
-    }))
-  });
-}
-TagList.displayName = 'TagList';
-TagList.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: PropTypes.node.isRequired,
-  'data-testid': PropTypes.string
-} : {};
-
-function ownKeys$9(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$9(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$9(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-function AppliedFilters(_ref) {
-  let filters = _ref.filters,
-    onFilterRemove = _ref.onFilterRemove;
-  const _useTheme = useTheme(),
-    isNewTheme = _useTheme.isNewTheme;
-  if (isNewTheme) return jsx(CollapsiblePanel, {
-    condensed: true,
-    isDefaultClosed: !Boolean(filters.length),
-    header: jsx(Text.Body, {
-      intlMessage: _objectSpread$9(_objectSpread$9({}, messages.appliedFiltersMessage), {}, {
-        values: {
-          filtersCount: filters.length
-        }
-      })
-    }),
-    children: jsx(TagList, {
-      children: _mapInstanceProperty(filters).call(filters, filter => jsx("div", {
-        "data-testid": "test-filter-".concat(filter),
-        children: jsx(Tag, {
-          onRemove: () => {
-            onFilterRemove(filter);
-          },
-          children: filter
-        })
-      }, filter))
-    })
-  });
-  return jsxs(Spacings.Stack, {
-    scale: "s",
-    children: [jsxs(Spacings.Inline, {
-      scale: "s",
-      alignItems: "flex-start",
-      children: [jsx(AngleRightIcon, {
-        "data-testid": "test-arrowRight",
-        size: "medium",
-        color: "neutral60"
-      }), jsx(Text.Body, {
-        isBold: true,
-        intlMessage: _objectSpread$9(_objectSpread$9({}, messages.appliedFiltersMessage), {}, {
-          values: {
-            filtersCount: filters.length
-          }
-        })
-      })]
-    }), jsx(TagList, {
-      children: _mapInstanceProperty(filters).call(filters, filter => jsx("div", {
-        "data-testid": "test-filter-".concat(filter),
-        children: jsx(Tag, {
-          onRemove: () => {
-            onFilterRemove(filter);
-          },
-          children: filter
-        })
-      }, filter))
-    })]
-  });
-}
-AppliedFilters.propTypes = process.env.NODE_ENV !== "production" ? {
-  filters: PropTypes.array.isRequired,
-  onFilterRemove: PropTypes.func.isRequired
-} : {};
-
-function ownKeys$8(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$8(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$8(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-const IconPlaceholder = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1oion860"
-} : {
-  target: "e1oion860",
-  label: "IconPlaceholder"
-})("width:", customProperties$1.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 = useTheme(),
-    isNewTheme = _useTheme.isNewTheme;
-  if (isNewTheme) return jsx(CollapsiblePanel, {
-    condensed: true,
-    isDefaultClosed: !Boolean(appliedSearchTerms.length),
-    header: jsx(Text.Body, {
-      intlMessage: _objectSpread$8(_objectSpread$8({}, messages.appliedSearchTermsMessage), {}, {
-        values: {
-          searchTermsCount: appliedSearchTerms.length
-        }
-      })
-    }),
-    children: jsx(Text.Body, {
-      children: appliedSearchTerms.join(', ')
-    })
-  });
-  return jsxs(Spacings.Stack, {
-    scale: "s",
-    children: [jsxs(Spacings.Inline, {
-      scale: "s",
-      alignItems: "flex-start",
-      children: [jsx(AngleRightIcon, {
-        "data-testid": "test-arrowRight",
-        size: "medium",
-        color: "neutral60"
-      }), jsx(Text.Body, {
-        isBold: true,
-        intlMessage: _objectSpread$8(_objectSpread$8({}, messages.appliedSearchTermsMessage), {}, {
-          values: {
-            searchTermsCount: appliedSearchTerms.length
-          }
-        })
-      })]
-    }), jsxs(Spacings.Inline, {
-      scale: "s",
-      alignItems: "flex-start",
-      children: [jsx(IconPlaceholder, {}), jsx(Text.Body, {
-        children: appliedSearchTerms.join(', ')
-      })]
-    })]
-  });
-}
-AppliedSearchTerms.propTypes = process.env.NODE_ENV !== "production" ? {
-  appliedSearchTerms: PropTypes.array.isRequired
-} : {};
-
-// TODO: @redesign cleanup
-function ExportBasedOnMyViewsSelectField() {
-  const _useTheme = useTheme(),
-    themedValue = _useTheme.themedValue;
-  return jsxs(Spacings.Inline, {
-    scale: "m",
-    alignItems: "center",
-    children: [jsx(Text.Body, {
-      intlMessage: messages.exportBasedOnMyViewsMessage
-    }), jsx(Text.Body, {
-      intlMessage: messages.myViews
-    }), jsx(Constraints.Horizontal, {
-      max: themedValue(4, 7),
-      children: jsx(SelectInput, {
-        isDisabled: true,
-        placeholder: "Default"
-      })
-    })]
-  });
-}
-
-function ownKeys$7(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$7(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$7(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$5(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 function renderFileNameError(key) {
   switch (key) {
     case 'missing':
-      return jsx(FormattedMessage, _objectSpread$7({}, messages.missingFileNameError));
+      return jsx(FormattedMessage, _objectSpread$5({}, messages.missingFileNameError));
     case 'invalidInput':
-      return jsx(FormattedMessage, _objectSpread$7({}, messages.invalidFileNameError));
+      return jsx(FormattedMessage, _objectSpread$5({}, messages.invalidFileNameError));
     default:
       return null;
   }
@@ -639,81 +531,12 @@ function renderFileNameError(key) {
 function renderLocaleError(key) {
   switch (key) {
     case 'missing':
-      return jsx(FormattedMessage, _objectSpread$7({}, messages.missingLocaleError));
+      return jsx(FormattedMessage, _objectSpread$5({}, messages.missingLocaleError));
     default:
       return null;
   }
 }
 
-function ownKeys$6(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$6(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$6(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-function FieldsRenderer(_ref) {
-  let fields = _ref.fields;
-  const allFields = flattenNestedFields(fields);
-  return jsx(TagList, {
-    children: _mapInstanceProperty(allFields).call(allFields, field => jsx("div", {
-      "data-testid": "test-field-".concat(field.key),
-      children: jsx(Tag, {
-        children: field.label || field.key
-      })
-    }, field.key))
-  });
-}
-FieldsRenderer.propTypes = process.env.NODE_ENV !== "production" ? ExportFields.propTypes : {};
-function ExportFields(_ref2) {
-  let fields = _ref2.fields;
-  const _useTheme = useTheme(),
-    isNewTheme = _useTheme.isNewTheme;
-  if (isNewTheme) return jsx(CollapsiblePanel, {
-    condensed: true,
-    isDefaultClosed: !Boolean(fields.length),
-    header: jsx(Text.Body, {
-      intlMessage: _objectSpread$6(_objectSpread$6({}, messages.columnsMessage), {}, {
-        values: {
-          columnsCount: fields.length
-        }
-      })
-    }),
-    children: jsx(FieldsRenderer, {
-      fields: fields
-    })
-  });
-  return jsxs(Spacings.Stack, {
-    scale: "s",
-    children: [jsxs(Spacings.Inline, {
-      scale: "s",
-      alignItems: "flex-start",
-      children: [jsx(AngleRightIcon, {
-        "data-testid": "test-arrowRight",
-        size: "medium",
-        color: "neutral60"
-      }), jsx(Text.Body, {
-        isBold: true,
-        intlMessage: _objectSpread$6(_objectSpread$6({}, messages.columnsMessage), {}, {
-          values: {
-            columnsCount: fields.length
-          }
-        })
-      })]
-    }), jsx(FieldsRenderer, {
-      fields: fields
-    })]
-  });
-}
-ExportFields.propTypes = process.env.NODE_ENV !== "production" ? {
-  // TODO: Circular reference
-  fields: PropTypes.arrayOf(PropTypes.shape({
-    key: PropTypes.string.isRequired,
-    label: PropTypes.string,
-    isLocalized: PropTypes.bool,
-    fields: PropTypes.arrayOf(PropTypes.shape({
-      key: PropTypes.string.isRequired,
-      label: PropTypes.string,
-      isLocalized: PropTypes.bool
-    }))
-  })).isRequired
-} : {};
-
 function useExportResourcesContext() {
   const context = useContext(ExportResourcesContext);
   if (!context) {
@@ -722,287 +545,36 @@ function useExportResourcesContext() {
   return context;
 }
 
-function ownKeys$5(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-function ExportSelectionRadioButtons() {
-  const _useTheme = useTheme(),
-    isNewTheme = _useTheme.isNewTheme;
-  const intl = useIntl();
-  const _useExportResourcesCo = useExportResourcesContext(),
-    formik = _useExportResourcesCo.formik,
-    resourceType = _useExportResourcesCo.resourceType,
-    allResourcesCount = _useExportResourcesCo.allResourcesCount,
-    matchingResourcesCount = _useExportResourcesCo.matchingResourcesCount,
-    selectedResourceIds = _useExportResourcesCo.selectedResourceIds,
-    exportSelectionType = _useExportResourcesCo.exportSelectionType;
-  const resourceTypePlural = resourceTypeToPlural({
-    resourceType: resourceType
-  });
-  return jsx(Spacings.Inline, {
-    scale: "xl",
-    children: jsxs(RadioInput.Group, {
-      name: "exportSelectionType",
-      value: exportSelectionType,
-      direction: "inline",
-      directionProps: {
-        scale: 'xl'
-      },
-      onChange: formik.handleChange,
-      children: [jsx(RadioInput.Option, {
-        value: EXPORT_SELECTION_TYPES.ALL_RESOURCES,
-        "data-testid": 'test-all-resources',
-        children: jsx(Text.Body, {
-          isBold: !isNewTheme,
-          intlMessage: _objectSpread$5(_objectSpread$5({}, messages.exportAllResources), {}, {
-            values: {
-              resourceType: resourceTypePlural,
-              count: allResourcesCount
-            }
-          })
-        })
-      }), jsx(RadioInput.Option, {
-        value: EXPORT_SELECTION_TYPES.ONLY_MATCHING,
-        "data-testid": 'test-only-matching',
-        isDisabled: !Boolean(matchingResourcesCount),
-        children: jsx(Text.Body, {
-          isBold: !isNewTheme,
-          intlMessage: _objectSpread$5(_objectSpread$5({}, messages.exportOnlyMatchingResources), {}, {
-            values: {
-              count: matchingResourcesCount || intl.formatMessage(messages.nothingApplied)
-            }
-          })
-        })
-      }), jsx(RadioInput.Option, {
-        value: EXPORT_SELECTION_TYPES.ONLY_SELECTED,
-        "data-testid": 'test-only-selected',
-        isDisabled: !Boolean(selectedResourceIds.length),
-        children: jsx(Text.Body, {
-          isBold: !isNewTheme,
-          intlMessage: _objectSpread$5(_objectSpread$5({}, messages.exportOnlySelectedResources), {}, {
-            values: {
-              resourceType: resourceTypePlural,
-              count: selectedResourceIds.length
-            }
-          })
-        })
-      })]
-    })
-  });
-}
-
+const _excluded = ["isSelectedByDefault"];
 function ownKeys$4(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-function ExportTextMessage() {
-  const _useExportResourcesCo = useExportResourcesContext(),
-    resourceType = _useExportResourcesCo.resourceType,
-    allResourcesCount = _useExportResourcesCo.allResourcesCount,
-    selectedResourceIds = _useExportResourcesCo.selectedResourceIds,
-    matchingResourcesCount = _useExportResourcesCo.matchingResourcesCount,
-    exportSelectionType = _useExportResourcesCo.exportSelectionType;
-  const resourceTypePlural = resourceTypeToPlural({
-    resourceType: resourceType
-  });
-  switch (exportSelectionType) {
-    case EXPORT_SELECTION_TYPES.ALL_RESOURCES:
-      return jsx(Text.Body, {
-        intlMessage: _objectSpread$4(_objectSpread$4({}, messages.exportAllMessage), {}, {
-          values: {
-            count: allResourcesCount,
-            resourceType: resourceTypePlural,
-            b: getBold
-          }
-        })
-      });
-    case EXPORT_SELECTION_TYPES.ONLY_MATCHING:
-      return jsx(Text.Body, {
-        intlMessage: _objectSpread$4(_objectSpread$4({}, messages.exportMatchingMessage), {}, {
-          values: {
-            count: matchingResourcesCount,
-            resourceType: resourceTypePlural,
-            b: getBold
-          }
-        })
-      });
-    case EXPORT_SELECTION_TYPES.ONLY_SELECTED:
-      return jsx(Text.Body, {
-        intlMessage: _objectSpread$4(_objectSpread$4({}, messages.exportSelectedMessage), {}, {
-          values: {
-            count: selectedResourceIds.length,
-            resourceType: resourceTypePlural,
-            b: getBold
-          }
-        })
-      });
-    default:
-      throw new UnexpectedSelectionTypeError(exportSelectionType);
-  }
-}
-
-const ExportSelection = () => {
-  const _useTheme = useTheme(),
-    isNewTheme = _useTheme.isNewTheme;
-  const _useExportResourcesCo = useExportResourcesContext(),
-    formik = _useExportResourcesCo.formik,
-    exportSelectionType = _useExportResourcesCo.exportSelectionType;
-  const onAppliedFilterRemove = filter => {
-    var _context;
-    formik.setFieldValue('appliedFilters', _filterInstanceProperty(_context = _valuesInstanceProperty(formik).appliedFilters).call(_context, appliedFilter => appliedFilter !== filter));
-  };
-  if (isNewTheme) return jsxs(Spacings.Stack, {
-    scale: "xl",
-    children: [jsxs(Spacings.Stack, {
-      scale: "l",
-      children: [jsx(Text.Headline, {
-        as: "h2",
-        intlMessage: messages.exportSelection
-      }), jsx(ExportSelectionRadioButtons, {}), jsx(ExportTextMessage, {})]
-    }), exportSelectionType === EXPORT_SELECTION_TYPES.ONLY_MATCHING && jsxs(Fragment, {
-      children: [jsx(ExportBasedOnMyViewsSelectField, {}), jsx(AppliedSearchTerms, {
-        appliedSearchTerms: _valuesInstanceProperty(formik).appliedSearchTerms
-      }), jsx(AppliedFilters, {
-        filters: _valuesInstanceProperty(formik).appliedFilters,
-        onFilterRemove: onAppliedFilterRemove
-      })]
-    }), _valuesInstanceProperty(formik).fields.length > 0 && jsx(ExportFields, {
-      fields: _valuesInstanceProperty(formik).fields
-    })]
-  });
-  return jsxs(Spacings.Stack, {
-    scale: "s",
-    children: [jsx(Text.Body, {
-      isBold: true,
-      intlMessage: messages.exportSelection
-    }), jsxs(Card, {
-      theme: "dark",
-      type: "raised",
-      insetScale: "none",
-      children: [jsx(Spacings.Inset, {
-        scale: "m",
-        children: jsx(ExportSelectionRadioButtons, {})
-      }), jsx("div", {
-        css: styles.divider
-      }), jsx(Spacings.Inset, {
-        scale: "m",
-        children: jsxs(Spacings.Stack, {
-          scale: "l",
-          children: [jsx(ExportTextMessage, {}), exportSelectionType === EXPORT_SELECTION_TYPES.ONLY_MATCHING && jsxs(Fragment, {
-            children: [jsx(ExportBasedOnMyViewsSelectField, {}), jsx(AppliedSearchTerms, {
-              appliedSearchTerms: _valuesInstanceProperty(formik).appliedSearchTerms
-            }), jsx(AppliedFilters, {
-              filters: _valuesInstanceProperty(formik).appliedFilters,
-              onFilterRemove: onAppliedFilterRemove
-            })]
-          }), _valuesInstanceProperty(formik).fields.length > 0 && jsx(ExportFields, {
-            fields: _valuesInstanceProperty(formik).fields
-          })]
-        })
-      })]
-    })]
-  });
-};
-
-function ownKeys$3(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-const ExportProperties = props => {
-  const _useTheme = useTheme(),
-    isNewTheme = _useTheme.isNewTheme;
-  if (typeof props.renderProperties !== 'function') return null;
-  if (isNewTheme) return jsxs(Spacings.Stack, {
-    scale: "m",
-    children: [jsx(Text.Headline, {
-      as: "h2",
-      intlMessage: messages.propertiesPanelLabel
-    }), jsx("div", {
-      children: props.renderProperties()
-    })]
-  });
-  return jsx(CollapsiblePanel, {
-    header: jsx(Text.Body, {
-      isBold: true,
-      intlMessage: _objectSpread$3({}, messages.propertiesPanelLabel)
-    }),
-    children: props.renderProperties()
-  });
-};
-ExportProperties.propTypes = process.env.NODE_ENV !== "production" ? {
-  renderProperties: PropTypes.func
-} : {};
-
-function ownKeys$2(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-const outputFormatOptions = [{
-  value: OUTPUT_FORMATS.CSV,
-  label: 'CSV'
-}, {
-  value: OUTPUT_FORMATS.JSON,
-  label: 'JSON'
-}];
-function mapLocalesToOptions(locales) {
-  return _mapInstanceProperty(locales).call(locales, locale => ({
-    value: locale,
-    label: locale
-  }));
-}
-function ExportFileSettings(props) {
-  const intl = useIntl();
-  const _useExportResourcesCo = useExportResourcesContext(),
-    formik = _useExportResourcesCo.formik;
-  const _useApplicationContex = useApplicationContext(applicationContext => {
-      var _applicationContext$p;
-      return {
-        locale: applicationContext.dataLocale,
-        locales: ((_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.languages) || []
-      };
-    }),
-    locales = _useApplicationContex.locales,
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys$4(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys$4(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const useInitialValues = props => {
+  var _context;
+  const todayFormatted = moment().format('DD-MM-YY_HH-mm');
+  const _useApplicationContex = useApplicationContext(applicationContext => ({
+      locale: applicationContext.dataLocale
+    })),
     locale = _useApplicationContex.locale;
-  return jsxs(Spacings.Stack, {
-    scale: "m",
-    children: [jsx(SelectField, _objectSpread$2(_objectSpread$2({}, formik.getFieldProps('outputFormat')), {}, {
-      title: intl.formatMessage(messages.outputFormat),
-      options: outputFormatOptions
-    })), jsx(TextField, _objectSpread$2(_objectSpread$2({
-      title: intl.formatMessage(messages.fileName)
-    }, formik.getFieldProps('fileName')), {}, {
-      touched: formik.touched.fileName,
-      errors: formik.errors.fileName,
-      renderError: renderFileNameError
-    })), jsxs(Spacings.Stack, {
-      scale: "xs",
-      children: [jsx(SelectField, _objectSpread$2(_objectSpread$2({
-        id: "locales",
-        title: intl.formatMessage(messages.locale),
-        options: mapLocalesToOptions(locales),
-        isMulti: true
-      }, formik.getFieldProps('locales')), {}, {
-        onChange: e => {
-          formik.handleChange(e);
-          formik.setFieldValue('isAllLocalesChecked', false);
-        },
-        touched: formik.touched.locales,
-        errors: formik.errors.locales,
-        renderError: renderLocaleError
-      })), jsx(CheckboxInput, {
-        name: "isAllLocalesChecked",
-        isChecked: _valuesInstanceProperty(formik).isAllLocalesChecked,
-        onChange: e => {
-          if (e.target.checked) formik.setFieldValue('locales', locales);else formik.setFieldValue('locales', [locale]);
-          formik.handleChange(e);
-        },
-        children: intl.formatMessage(messages.selectAllLocales)
-      })]
-    }), props.showExportSelection && jsx(ExportSelection, {}), jsx(ExportProperties, {
-      renderProperties: props.renderProperties
-    })]
+  const fields = _mapInstanceProperty(_context = flattenNestedFields(props.fields)).call(_context, _ref => {
+    let isSelectedByDefault = _ref.isSelectedByDefault,
+      field = _objectWithoutProperties(_ref, _excluded);
+    return _objectSpread$4(_objectSpread$4({}, field), {}, {
+      isChecked: isSelectedByDefault !== null && isSelectedByDefault !== void 0 ? isSelectedByDefault : true
+    });
   });
-}
-ExportFileSettings.displayName = 'ExportFileSettings';
-ExportFileSettings.propTypes = process.env.NODE_ENV !== "production" ? {
-  showExportSelection: PropTypes.bool,
-  renderProperties: PropTypes.func
-} : {};
-
-const ExportResourcesContext = /*#__PURE__*/createContext();
+  return React.useMemo(() => {
+    var _context2;
+    return {
+      outputFormat: props.outputFormat,
+      fileName: _concatInstanceProperty(_context2 = "".concat(resourceTypeToPlural({
+        resourceType: props.resourceType,
+        isUpperCase: true
+      }), "_Export_")).call(_context2, todayFormatted),
+      locales: [locale],
+      fields: checkRequiredFields(fields)
+    };
+  }, [props, locale, todayFormatted, fields]);
+};
 
 async function createExportOperation(_ref) {
   let fileName = _ref.fileName,
@@ -1031,37 +603,8 @@ async function createExportOperation(_ref) {
   return response;
 }
 
-const ExportResourcesModalShape = PropTypes.shape({
-  resourceType: PropTypes.string.isRequired,
-  outputFormat: PropTypes.string,
-  closeModal: PropTypes.func.isRequired,
-  allResourcesCount: PropTypes.number.isRequired,
-  matchingResourcesCount: PropTypes.number,
-  selectedResourceIds: PropTypes.array,
-  showExportSelection: PropTypes.bool,
-  // TODO: Circular reference
-  fields: PropTypes.arrayOf(PropTypes.shape({
-    key: PropTypes.string.isRequired,
-    label: PropTypes.string,
-    isLocalized: PropTypes.bool,
-    fields: PropTypes.arrayOf(PropTypes.shape({
-      key: PropTypes.string.isRequired,
-      label: PropTypes.string,
-      isLocalized: PropTypes.bool
-    }))
-  })).isRequired,
-  exportSelectionType: PropTypes.string,
-  appliedSearchTerms: PropTypes.array,
-  appliedFilters: PropTypes.array,
-  renderProperties: PropTypes.func
-}).isRequired;
-
-function ownKeys$1(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys$1(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys$1(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-const ExportResourcesContextProvider = props => {
-  var _context2;
+const useStartExportOperation = props => {
   const intl = useIntl();
-  const todayFormatted = moment().format('DD-MM-YY_HH-mm');
   const asyncDispatch = useAsyncDispatch();
   const showNotification = useShowNotification();
   const _useApplicationContex = useApplicationContext(applicationContext => {
@@ -1071,23 +614,21 @@ const ExportResourcesContextProvider = props => {
         projectKey: (_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.key
       };
     }),
-    projectKey = _useApplicationContex.projectKey,
-    locale = _useApplicationContex.locale;
-  const onSubmit = async values => {
+    projectKey = _useApplicationContex.projectKey;
+  const startExportOperation = async values => {
     const graphQuery = buildGraphQuery({
       resourceType: props.resourceType,
-      exportSelectionType: props.exportSelectionType,
+      exportType: props.exportType,
       selectedResourceIds: props.selectedResourceIds,
-      fields: values.fields,
+      fields: unflattenNestedFields(getSelectedFields(values.fields)),
       locales: values.locales
     });
     try {
-      var _context;
       const response = await createExportOperation({
         fileName: appendCsvOrJsonExtensionIfAbsent(values.fileName, values.outputFormat),
         fileFormat: values.outputFormat,
         locales: values.locales,
-        columns: extendColumns(_mapInstanceProperty(_context = flattenNestedFields(values.fields)).call(_context, field => field.key), props.resourceType),
+        columns: extendColumns(getFieldNames(getSelectedFields(values.fields)), props.resourceType),
         projectKey,
         graphQuery,
         asyncDispatchFn: asyncDispatch
@@ -1116,95 +657,350 @@ const ExportResourcesContextProvider = props => {
         errors
       });
     } finally {
-      props.closeModal();
+      if (typeof props.onClose === 'function') props.onClose();
+    }
+  };
+  return {
+    startExportOperation
+  };
+};
+
+function ownKeys$3(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ExportTextMessage() {
+  const _useExportResourcesCo = useExportResourcesContext(),
+    resourceType = _useExportResourcesCo.resourceType,
+    totalResourcesCount = _useExportResourcesCo.totalResourcesCount,
+    selectedResourceIds = _useExportResourcesCo.selectedResourceIds,
+    exportType = _useExportResourcesCo.exportType;
+  const resourceTypePlural = resourceTypeToPlural({
+    resourceType: resourceType
+  });
+  let message;
+  let count;
+  switch (exportType) {
+    case EXPORT_TYPES.ALL:
+      message = messages.exportAllMessage;
+      count = totalResourcesCount;
+      break;
+    case EXPORT_TYPES.SELECTED:
+      message = messages.exportSelectedMessage;
+      count = selectedResourceIds.length;
+      break;
+    default:
+      throw new UnexpectedExportTypeError(exportType);
+  }
+  return jsx(Text.Body, {
+    "data-testid": "export-description",
+    intlMessage: _objectSpread$3(_objectSpread$3({}, message), {}, {
+      values: {
+        count: count,
+        resourceType: resourceTypePlural,
+        b: getBold
+      }
+    })
+  });
+}
+
+const ExportFileSettingsStep = () => {
+  const intl = useIntl();
+  const _useExportResourcesCo = useExportResourcesContext(),
+    formik = _useExportResourcesCo.formik;
+  const _useApplicationContex = useApplicationContext(applicationContext => {
+      var _applicationContext$p;
+      return {
+        locale: applicationContext.dataLocale,
+        locales: ((_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.languages) || []
+      };
+    }),
+    locales = _useApplicationContex.locales,
+    locale = _useApplicationContex.locale;
+  const areAllLocalesChecked = _valuesInstanceProperty(formik).locales.length === locales.length;
+  return jsxs(Spacings.Stack, {
+    scale: "xxxl",
+    children: [jsxs(Spacings.Stack, {
+      scale: "l",
+      children: [jsxs(Spacings.Inline, {
+        alignItems: "center",
+        children: [jsx(ExportIcon, {
+          size: "medium",
+          color: "neutral60"
+        }), jsx(ExportTextMessage, {})]
+      }), jsxs(Spacings.Stack, {
+        scale: "m",
+        children: [jsx(SelectField, {
+          name: "outputFormat",
+          onChange: formik.handleChange,
+          onBlur: formik.handleBlur,
+          value: _valuesInstanceProperty(formik).outputFormat,
+          title: intl.formatMessage(messages.outputFormat),
+          options: OUTPUT_FORMAT_OPTIONS
+        }), jsx(TextField, {
+          name: "fileName",
+          onChange: formik.handleChange,
+          onBlur: formik.handleBlur,
+          value: _valuesInstanceProperty(formik).fileName,
+          title: intl.formatMessage(messages.fileName),
+          touched: formik.touched.fileName,
+          errors: formik.errors.fileName,
+          renderError: renderFileNameError
+        }), jsxs(Spacings.Stack, {
+          scale: "xs",
+          children: [jsx(SelectField, {
+            id: "locales",
+            name: "locales",
+            value: _valuesInstanceProperty(formik).locales,
+            title: intl.formatMessage(messages.locale),
+            options: mapLocalesToOptions(locales),
+            isMulti: true,
+            onChange: formik.handleChange,
+            onBlur: formik.handleBlur,
+            touched: formik.touched.locales,
+            errors: formik.errors.locales,
+            renderError: renderLocaleError
+          }), jsx(CheckboxInput, {
+            isChecked: areAllLocalesChecked,
+            onChange: e => {
+              if (e.target.checked) formik.setFieldValue('locales', locales);else formik.setFieldValue('locales', [locale]);
+            },
+            children: intl.formatMessage(messages.selectAllLocales)
+          })]
+        })]
+      })]
+    }), jsx(Spacings.Inline, {
+      justifyContent: "flex-end",
+      children: jsx(PrimaryButton, {
+        label: intl.formatMessage(messages.continue),
+        onClick: formik.submitForm,
+        isDisabled: !formik.isValid
+      })
+    })]
+  });
+};
+
+function ownKeys$2(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context6 = ownKeys$2(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context7 = ownKeys$2(Object(t))).call(_context7, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 StyledCard = /*#__PURE__*/_styled(Card, process.env.NODE_ENV === "production" ? {
+  target: "e1ocu3bb2"
+} : {
+  target: "e1ocu3bb2",
+  label: "StyledCard"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1jtoq3b",
+  styles: "border-radius:4px 0px 0px 4px;&>div{height:490px;overflow-y:auto;}"
+} : {
+  name: "1jtoq3b",
+  styles: "border-radius:4px 0px 0px 4px;&>div{height:490px;overflow-y:auto;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImV4cG9ydC1maWVsZHMtc2VsZWN0aW9uLXN0ZXAuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CK0IiLCJmaWxlIjoiZXhwb3J0LWZpZWxkcy1zZWxlY3Rpb24tc3RlcC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHtcbiAgQ2FyZCxcbiAgQ2hlY2tib3hJbnB1dCxcbiAgR3JpZCxcbiAgTGluayxcbiAgUHJpbWFyeUJ1dHRvbixcbiAgU2Vjb25kYXJ5QnV0dG9uLFxuICBTcGFjaW5ncyxcbiAgVGV4dCxcbiAgY3VzdG9tUHJvcGVydGllcyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0J1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4uL21lc3NhZ2VzJ1xuaW1wb3J0IHsgdXNlRXhwb3J0UmVzb3VyY2VzQ29udGV4dCB9IGZyb20gJy4uL0Bob29rcydcbmltcG9ydCB7IENPTFVNTl9ERUZJTklUSU9OU19VUkxTIH0gZnJvbSAnLi4vQGNvbnN0YW50cydcblxuLy8gVE9ETzogUmVtb3ZlIHRoZXNlIHN0eWxlZCBjb21wb25lbnRzIGFzIGl0J3Mgbm90IGEgcmVjb21tZW5kZWQgcHJhY3RpY2UgdG8gdXNlIHRoZW0uIFdlIHNob3VsZCBhbGlnbiB3aXRoIE1DIFVJIEtpdC9wYXR0ZXJucyBpbiB0ZXJtcyBvZiBzdHlsaW5nICh0byBiZSBkaXNjdXNzZWQgd2l0aCB0aGUgVUkvVVgpLlxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgYm9yZGVyLXJhZGl1czogNHB4IDBweCAwcHggNHB4O1xuICAmID4gZGl2IHtcbiAgICBoZWlnaHQ6IDQ5MHB4O1xuICAgIG92ZXJmbG93LXk6IGF1dG87XG4gIH1cbmBcbmNvbnN0IFN0eWxlZENhcmRMZWZ0ID0gc3R5bGVkKFN0eWxlZENhcmQpYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjlmOWZiO1xuYFxuY29uc3QgU3R5bGVkQ2FyZFJpZ2h0ID0gc3R5bGVkKFN0eWxlZENhcmQpYFxuICBib3JkZXItcmFkaXVzOiAwcHggNHB4IDRweCAwcHg7XG4gIGJvcmRlci1sZWZ0OiAwO1xuYFxuXG5leHBvcnQgY29uc3QgRXhwb3J0RmllbGRzU2VsZWN0aW9uU3RlcCA9ICgpID0+IHtcbiAgY29uc3QgaW50bCA9IHVzZUludGwoKVxuICBjb25zdCB7IGZvcm1paywgc2V0Q3VycmVudFN0ZXAsIHJlc291cmNlVHlwZSB9ID0gdXNlRXhwb3J0UmVzb3VyY2VzQ29udGV4dCgpXG4gIGNvbnN0IGFyZUFsbEZpZWxkc0NoZWNrZWQgPSBmb3JtaWsudmFsdWVzLmZpZWxkcy5ldmVyeShcbiAgICAoZmllbGQpID0+IGZpZWxkLmlzQ2hlY2tlZFxuICApXG4gIGNvbnN0IGlzQXRMZWFzdE9uZUZpZWxkQ2hlY2tlZCA9IGZvcm1pay52YWx1ZXMuZmllbGRzLnNvbWUoXG4gICAgKGZpZWxkKSA9PiBmaWVsZC5pc0NoZWNrZWRcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwieGxcIj5cbiAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cIm1cIj5cbiAgICAgICAgPFNwYWNpbmdzLklubGluZSBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIj5cbiAgICAgICAgICA8VGV4dC5Cb2R5IGludGxNZXNzYWdlPXttZXNzYWdlcy5zZWxlY3RDb2x1bW5zVG9FeHBvcnR9IC8+XG4gICAgICAgICAgPExpbmtcbiAgICAgICAgICAgIGlzRXh0ZXJuYWxcbiAgICAgICAgICAgIHRvbmU9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgaW50bE1lc3NhZ2U9e21lc3NhZ2VzLmNvbHVtbkRlZmluaXRpb25zfVxuICAgICAgICAgICAgdG89e0NPTFVNTl9ERUZJTklUSU9OU19VUkxTW3Jlc291cmNlVHlwZV19XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgICAgIDxHcmlkXG4gICAgICAgICAgZ3JpZEF1dG9GbG93PVwiY29sdW1uXCJcbiAgICAgICAgICBncmlkVGVtcGxhdGVDb2x1bW5zPXtgJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbnN0cmFpbnQ1fSBhdXRvYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxHcmlkLkl0ZW0+XG4gICAgICAgICAgICA8U3R5bGVkQ2FyZExlZnQgaW5zZXRTY2FsZT1cImxcIj5cbiAgICAgICAgICAgICAgPENoZWNrYm94SW5wdXRcbiAgICAgICAgICAgICAgICBpc0luZGV0ZXJtaW5hdGU9e1xuICAgICAgICAgICAgICAgICAgIWFyZUFsbEZpZWxkc0NoZWNrZWQgJiYgaXNBdExlYXN0T25lRmllbGRDaGVja2VkXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGlzQ2hlY2tlZD17YXJlQWxsRmllbGRzQ2hlY2tlZH1cbiAgICAgICAgICAgICAgICBvbkNoYW5nZT17KGUpID0+IHtcbiAgICAgICAgICAgICAgICAgIGZvcm1pay5zZXRGaWVsZFZhbHVlKFxuICAgICAgICAgICAgICAgICAgICAnZmllbGRzJyxcbiAgICAgICAgICAgICAgICAgICAgZm9ybWlrLnZhbHVlcy5maWVsZHMubWFwKChmaWVsZCkgPT4gKHtcbiAgICAgICAgICAgICAgICAgICAgICAuLi5maWVsZCxcbiAgICAgICAgICAgICAgICAgICAgICBpc0NoZWNrZWQ6IGZpZWxkLmlzUmVxdWlyZWQgPyB0cnVlIDogZS50YXJnZXQuY2hlY2tlZCxcbiAgICAgICAgICAgICAgICAgICAgfSkpXG4gICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxUZXh0LkJvZHkgaW50bE1lc3NhZ2U9e21lc3NhZ2VzLmFsbEdlbmVyYWxGaWVsZHN9IC8+XG4gICAgICAgICAgICAgIDwvQ2hlY2tib3hJbnB1dD5cbiAgICAgICAgICAgIDwvU3R5bGVkQ2FyZExlZnQ+XG4gICAgICAgICAgPC9HcmlkLkl0ZW0+XG4gICAgICAgICAgPEdyaWQuSXRlbT5cbiAgICAgICAgICAgIDxTdHlsZWRDYXJkUmlnaHQgaW5zZXRTY2FsZT1cImxcIj5cbiAgICAgICAgICAgICAge2Zvcm1pay52YWx1ZXMuZmllbGRzLm1hcCgoZmllbGQpID0+IChcbiAgICAgICAgICAgICAgICA8Q2hlY2tib3hJbnB1dFxuICAgICAgICAgICAgICAgICAga2V5PXtmaWVsZC5uYW1lfVxuICAgICAgICAgICAgICAgICAgaXNSZWFkT25seT17ZmllbGQuaXNSZXF1aXJlZH1cbiAgICAgICAgICAgICAgICAgIGlzQ2hlY2tlZD17ZmllbGQuaXNDaGVja2VkfVxuICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9eyhlKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGZvcm1pay5zZXRGaWVsZFZhbHVlKFxuICAgICAgICAgICAgICAgICAgICAgICdmaWVsZHMnLFxuICAgICAgICAgICAgICAgICAgICAgIGZvcm1pay52YWx1ZXMuZmllbGRzLm1hcCgoX2ZpZWxkKSA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgZmllbGQubmFtZSA9PT0gX2ZpZWxkLm5hbWVcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPyB7IC4uLl9maWVsZCwgaXNDaGVja2VkOiBlLnRhcmdldC5jaGVja2VkIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgOiBfZmllbGRcbiAgICAgICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgPFRleHQuQm9keT5cbiAgICAgICAgICAgICAgICAgICAge2ZpZWxkLmxhYmVsfSB7ZmllbGQuaXNSZXF1aXJlZCAmJiAnKid9XG4gICAgICAgICAgICAgICAgICA8L1RleHQuQm9keT5cbiAgICAgICAgICAgICAgICA8L0NoZWNrYm94SW5wdXQ+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9TdHlsZWRDYXJkUmlnaHQ+XG4gICAgICAgICAgPC9HcmlkLkl0ZW0+XG4gICAgICAgIDwvR3JpZD5cbiAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICA8U3BhY2luZ3MuSW5saW5lIHNjYWxlPVwibVwiIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIj5cbiAgICAgICAgPFNlY29uZGFyeUJ1dHRvblxuICAgICAgICAgIGxhYmVsPXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuYmFjayl9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0Q3VycmVudFN0ZXAoMSl9XG4gICAgICAgIC8+XG4gICAgICAgIDxQcmltYXJ5QnV0dG9uXG4gICAgICAgICAgbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5zdGFydEV4cG9ydCl9XG4gICAgICAgICAgb25DbGljaz17Zm9ybWlrLnN1Ym1pdEZvcm19XG4gICAgICAgICAgaXNEaXNhYmxlZD17IWZvcm1pay5pc1ZhbGlkfVxuICAgICAgICAvPlxuICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledCardLeft = /*#__PURE__*/_styled(StyledCard, process.env.NODE_ENV === "production" ? {
+  target: "e1ocu3bb1"
+} : {
+  target: "e1ocu3bb1",
+  label: "StyledCardLeft"
+})(process.env.NODE_ENV === "production" ? {
+  name: "65buvr",
+  styles: "background-color:#f9f9fb"
+} : {
+  name: "65buvr",
+  styles: "background-color:#f9f9fb",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImV4cG9ydC1maWVsZHMtc2VsZWN0aW9uLXN0ZXAuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCeUMiLCJmaWxlIjoiZXhwb3J0LWZpZWxkcy1zZWxlY3Rpb24tc3RlcC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHtcbiAgQ2FyZCxcbiAgQ2hlY2tib3hJbnB1dCxcbiAgR3JpZCxcbiAgTGluayxcbiAgUHJpbWFyeUJ1dHRvbixcbiAgU2Vjb25kYXJ5QnV0dG9uLFxuICBTcGFjaW5ncyxcbiAgVGV4dCxcbiAgY3VzdG9tUHJvcGVydGllcyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0J1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4uL21lc3NhZ2VzJ1xuaW1wb3J0IHsgdXNlRXhwb3J0UmVzb3VyY2VzQ29udGV4dCB9IGZyb20gJy4uL0Bob29rcydcbmltcG9ydCB7IENPTFVNTl9ERUZJTklUSU9OU19VUkxTIH0gZnJvbSAnLi4vQGNvbnN0YW50cydcblxuLy8gVE9ETzogUmVtb3ZlIHRoZXNlIHN0eWxlZCBjb21wb25lbnRzIGFzIGl0J3Mgbm90IGEgcmVjb21tZW5kZWQgcHJhY3RpY2UgdG8gdXNlIHRoZW0uIFdlIHNob3VsZCBhbGlnbiB3aXRoIE1DIFVJIEtpdC9wYXR0ZXJucyBpbiB0ZXJtcyBvZiBzdHlsaW5nICh0byBiZSBkaXNjdXNzZWQgd2l0aCB0aGUgVUkvVVgpLlxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgYm9yZGVyLXJhZGl1czogNHB4IDBweCAwcHggNHB4O1xuICAmID4gZGl2IHtcbiAgICBoZWlnaHQ6IDQ5MHB4O1xuICAgIG92ZXJmbG93LXk6IGF1dG87XG4gIH1cbmBcbmNvbnN0IFN0eWxlZENhcmRMZWZ0ID0gc3R5bGVkKFN0eWxlZENhcmQpYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjlmOWZiO1xuYFxuY29uc3QgU3R5bGVkQ2FyZFJpZ2h0ID0gc3R5bGVkKFN0eWxlZENhcmQpYFxuICBib3JkZXItcmFkaXVzOiAwcHggNHB4IDRweCAwcHg7XG4gIGJvcmRlci1sZWZ0OiAwO1xuYFxuXG5leHBvcnQgY29uc3QgRXhwb3J0RmllbGRzU2VsZWN0aW9uU3RlcCA9ICgpID0+IHtcbiAgY29uc3QgaW50bCA9IHVzZUludGwoKVxuICBjb25zdCB7IGZvcm1paywgc2V0Q3VycmVudFN0ZXAsIHJlc291cmNlVHlwZSB9ID0gdXNlRXhwb3J0UmVzb3VyY2VzQ29udGV4dCgpXG4gIGNvbnN0IGFyZUFsbEZpZWxkc0NoZWNrZWQgPSBmb3JtaWsudmFsdWVzLmZpZWxkcy5ldmVyeShcbiAgICAoZmllbGQpID0+IGZpZWxkLmlzQ2hlY2tlZFxuICApXG4gIGNvbnN0IGlzQXRMZWFzdE9uZUZpZWxkQ2hlY2tlZCA9IGZvcm1pay52YWx1ZXMuZmllbGRzLnNvbWUoXG4gICAgKGZpZWxkKSA9PiBmaWVsZC5pc0NoZWNrZWRcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwieGxcIj5cbiAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cIm1cIj5cbiAgICAgICAgPFNwYWNpbmdzLklubGluZSBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIj5cbiAgICAgICAgICA8VGV4dC5Cb2R5IGludGxNZXNzYWdlPXttZXNzYWdlcy5zZWxlY3RDb2x1bW5zVG9FeHBvcnR9IC8+XG4gICAgICAgICAgPExpbmtcbiAgICAgICAgICAgIGlzRXh0ZXJuYWxcbiAgICAgICAgICAgIHRvbmU9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgaW50bE1lc3NhZ2U9e21lc3NhZ2VzLmNvbHVtbkRlZmluaXRpb25zfVxuICAgICAgICAgICAgdG89e0NPTFVNTl9ERUZJTklUSU9OU19VUkxTW3Jlc291cmNlVHlwZV19XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgICAgIDxHcmlkXG4gICAgICAgICAgZ3JpZEF1dG9GbG93PVwiY29sdW1uXCJcbiAgICAgICAgICBncmlkVGVtcGxhdGVDb2x1bW5zPXtgJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbnN0cmFpbnQ1fSBhdXRvYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxHcmlkLkl0ZW0+XG4gICAgICAgICAgICA8U3R5bGVkQ2FyZExlZnQgaW5zZXRTY2FsZT1cImxcIj5cbiAgICAgICAgICAgICAgPENoZWNrYm94SW5wdXRcbiAgICAgICAgICAgICAgICBpc0luZGV0ZXJtaW5hdGU9e1xuICAgICAgICAgICAgICAgICAgIWFyZUFsbEZpZWxkc0NoZWNrZWQgJiYgaXNBdExlYXN0T25lRmllbGRDaGVja2VkXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGlzQ2hlY2tlZD17YXJlQWxsRmllbGRzQ2hlY2tlZH1cbiAgICAgICAgICAgICAgICBvbkNoYW5nZT17KGUpID0+IHtcbiAgICAgICAgICAgICAgICAgIGZvcm1pay5zZXRGaWVsZFZhbHVlKFxuICAgICAgICAgICAgICAgICAgICAnZmllbGRzJyxcbiAgICAgICAgICAgICAgICAgICAgZm9ybWlrLnZhbHVlcy5maWVsZHMubWFwKChmaWVsZCkgPT4gKHtcbiAgICAgICAgICAgICAgICAgICAgICAuLi5maWVsZCxcbiAgICAgICAgICAgICAgICAgICAgICBpc0NoZWNrZWQ6IGZpZWxkLmlzUmVxdWlyZWQgPyB0cnVlIDogZS50YXJnZXQuY2hlY2tlZCxcbiAgICAgICAgICAgICAgICAgICAgfSkpXG4gICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxUZXh0LkJvZHkgaW50bE1lc3NhZ2U9e21lc3NhZ2VzLmFsbEdlbmVyYWxGaWVsZHN9IC8+XG4gICAgICAgICAgICAgIDwvQ2hlY2tib3hJbnB1dD5cbiAgICAgICAgICAgIDwvU3R5bGVkQ2FyZExlZnQ+XG4gICAgICAgICAgPC9HcmlkLkl0ZW0+XG4gICAgICAgICAgPEdyaWQuSXRlbT5cbiAgICAgICAgICAgIDxTdHlsZWRDYXJkUmlnaHQgaW5zZXRTY2FsZT1cImxcIj5cbiAgICAgICAgICAgICAge2Zvcm1pay52YWx1ZXMuZmllbGRzLm1hcCgoZmllbGQpID0+IChcbiAgICAgICAgICAgICAgICA8Q2hlY2tib3hJbnB1dFxuICAgICAgICAgICAgICAgICAga2V5PXtmaWVsZC5uYW1lfVxuICAgICAgICAgICAgICAgICAgaXNSZWFkT25seT17ZmllbGQuaXNSZXF1aXJlZH1cbiAgICAgICAgICAgICAgICAgIGlzQ2hlY2tlZD17ZmllbGQuaXNDaGVja2VkfVxuICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9eyhlKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGZvcm1pay5zZXRGaWVsZFZhbHVlKFxuICAgICAgICAgICAgICAgICAgICAgICdmaWVsZHMnLFxuICAgICAgICAgICAgICAgICAgICAgIGZvcm1pay52YWx1ZXMuZmllbGRzLm1hcCgoX2ZpZWxkKSA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgZmllbGQubmFtZSA9PT0gX2ZpZWxkLm5hbWVcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPyB7IC4uLl9maWVsZCwgaXNDaGVja2VkOiBlLnRhcmdldC5jaGVja2VkIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgOiBfZmllbGRcbiAgICAgICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgPFRleHQuQm9keT5cbiAgICAgICAgICAgICAgICAgICAge2ZpZWxkLmxhYmVsfSB7ZmllbGQuaXNSZXF1aXJlZCAmJiAnKid9XG4gICAgICAgICAgICAgICAgICA8L1RleHQuQm9keT5cbiAgICAgICAgICAgICAgICA8L0NoZWNrYm94SW5wdXQ+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9TdHlsZWRDYXJkUmlnaHQ+XG4gICAgICAgICAgPC9HcmlkLkl0ZW0+XG4gICAgICAgIDwvR3JpZD5cbiAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICA8U3BhY2luZ3MuSW5saW5lIHNjYWxlPVwibVwiIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIj5cbiAgICAgICAgPFNlY29uZGFyeUJ1dHRvblxuICAgICAgICAgIGxhYmVsPXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuYmFjayl9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0Q3VycmVudFN0ZXAoMSl9XG4gICAgICAgIC8+XG4gICAgICAgIDxQcmltYXJ5QnV0dG9uXG4gICAgICAgICAgbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5zdGFydEV4cG9ydCl9XG4gICAgICAgICAgb25DbGljaz17Zm9ybWlrLnN1Ym1pdEZvcm19XG4gICAgICAgICAgaXNEaXNhYmxlZD17IWZvcm1pay5pc1ZhbGlkfVxuICAgICAgICAvPlxuICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledCardRight = /*#__PURE__*/_styled(StyledCard, process.env.NODE_ENV === "production" ? {
+  target: "e1ocu3bb0"
+} : {
+  target: "e1ocu3bb0",
+  label: "StyledCardRight"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1oktwfs",
+  styles: "border-radius:0px 4px 4px 0px;border-left:0"
+} : {
+  name: "1oktwfs",
+  styles: "border-radius:0px 4px 4px 0px;border-left:0",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImV4cG9ydC1maWVsZHMtc2VsZWN0aW9uLXN0ZXAuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCMEMiLCJmaWxlIjoiZXhwb3J0LWZpZWxkcy1zZWxlY3Rpb24tc3RlcC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHtcbiAgQ2FyZCxcbiAgQ2hlY2tib3hJbnB1dCxcbiAgR3JpZCxcbiAgTGluayxcbiAgUHJpbWFyeUJ1dHRvbixcbiAgU2Vjb25kYXJ5QnV0dG9uLFxuICBTcGFjaW5ncyxcbiAgVGV4dCxcbiAgY3VzdG9tUHJvcGVydGllcyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0J1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4uL21lc3NhZ2VzJ1xuaW1wb3J0IHsgdXNlRXhwb3J0UmVzb3VyY2VzQ29udGV4dCB9IGZyb20gJy4uL0Bob29rcydcbmltcG9ydCB7IENPTFVNTl9ERUZJTklUSU9OU19VUkxTIH0gZnJvbSAnLi4vQGNvbnN0YW50cydcblxuLy8gVE9ETzogUmVtb3ZlIHRoZXNlIHN0eWxlZCBjb21wb25lbnRzIGFzIGl0J3Mgbm90IGEgcmVjb21tZW5kZWQgcHJhY3RpY2UgdG8gdXNlIHRoZW0uIFdlIHNob3VsZCBhbGlnbiB3aXRoIE1DIFVJIEtpdC9wYXR0ZXJucyBpbiB0ZXJtcyBvZiBzdHlsaW5nICh0byBiZSBkaXNjdXNzZWQgd2l0aCB0aGUgVUkvVVgpLlxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgYm9yZGVyLXJhZGl1czogNHB4IDBweCAwcHggNHB4O1xuICAmID4gZGl2IHtcbiAgICBoZWlnaHQ6IDQ5MHB4O1xuICAgIG92ZXJmbG93LXk6IGF1dG87XG4gIH1cbmBcbmNvbnN0IFN0eWxlZENhcmRMZWZ0ID0gc3R5bGVkKFN0eWxlZENhcmQpYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjlmOWZiO1xuYFxuY29uc3QgU3R5bGVkQ2FyZFJpZ2h0ID0gc3R5bGVkKFN0eWxlZENhcmQpYFxuICBib3JkZXItcmFkaXVzOiAwcHggNHB4IDRweCAwcHg7XG4gIGJvcmRlci1sZWZ0OiAwO1xuYFxuXG5leHBvcnQgY29uc3QgRXhwb3J0RmllbGRzU2VsZWN0aW9uU3RlcCA9ICgpID0+IHtcbiAgY29uc3QgaW50bCA9IHVzZUludGwoKVxuICBjb25zdCB7IGZvcm1paywgc2V0Q3VycmVudFN0ZXAsIHJlc291cmNlVHlwZSB9ID0gdXNlRXhwb3J0UmVzb3VyY2VzQ29udGV4dCgpXG4gIGNvbnN0IGFyZUFsbEZpZWxkc0NoZWNrZWQgPSBmb3JtaWsudmFsdWVzLmZpZWxkcy5ldmVyeShcbiAgICAoZmllbGQpID0+IGZpZWxkLmlzQ2hlY2tlZFxuICApXG4gIGNvbnN0IGlzQXRMZWFzdE9uZUZpZWxkQ2hlY2tlZCA9IGZvcm1pay52YWx1ZXMuZmllbGRzLnNvbWUoXG4gICAgKGZpZWxkKSA9PiBmaWVsZC5pc0NoZWNrZWRcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwieGxcIj5cbiAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cIm1cIj5cbiAgICAgICAgPFNwYWNpbmdzLklubGluZSBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIj5cbiAgICAgICAgICA8VGV4dC5Cb2R5IGludGxNZXNzYWdlPXttZXNzYWdlcy5zZWxlY3RDb2x1bW5zVG9FeHBvcnR9IC8+XG4gICAgICAgICAgPExpbmtcbiAgICAgICAgICAgIGlzRXh0ZXJuYWxcbiAgICAgICAgICAgIHRvbmU9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgaW50bE1lc3NhZ2U9e21lc3NhZ2VzLmNvbHVtbkRlZmluaXRpb25zfVxuICAgICAgICAgICAgdG89e0NPTFVNTl9ERUZJTklUSU9OU19VUkxTW3Jlc291cmNlVHlwZV19XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgICAgIDxHcmlkXG4gICAgICAgICAgZ3JpZEF1dG9GbG93PVwiY29sdW1uXCJcbiAgICAgICAgICBncmlkVGVtcGxhdGVDb2x1bW5zPXtgJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbnN0cmFpbnQ1fSBhdXRvYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxHcmlkLkl0ZW0+XG4gICAgICAgICAgICA8U3R5bGVkQ2FyZExlZnQgaW5zZXRTY2FsZT1cImxcIj5cbiAgICAgICAgICAgICAgPENoZWNrYm94SW5wdXRcbiAgICAgICAgICAgICAgICBpc0luZGV0ZXJtaW5hdGU9e1xuICAgICAgICAgICAgICAgICAgIWFyZUFsbEZpZWxkc0NoZWNrZWQgJiYgaXNBdExlYXN0T25lRmllbGRDaGVja2VkXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGlzQ2hlY2tlZD17YXJlQWxsRmllbGRzQ2hlY2tlZH1cbiAgICAgICAgICAgICAgICBvbkNoYW5nZT17KGUpID0+IHtcbiAgICAgICAgICAgICAgICAgIGZvcm1pay5zZXRGaWVsZFZhbHVlKFxuICAgICAgICAgICAgICAgICAgICAnZmllbGRzJyxcbiAgICAgICAgICAgICAgICAgICAgZm9ybWlrLnZhbHVlcy5maWVsZHMubWFwKChmaWVsZCkgPT4gKHtcbiAgICAgICAgICAgICAgICAgICAgICAuLi5maWVsZCxcbiAgICAgICAgICAgICAgICAgICAgICBpc0NoZWNrZWQ6IGZpZWxkLmlzUmVxdWlyZWQgPyB0cnVlIDogZS50YXJnZXQuY2hlY2tlZCxcbiAgICAgICAgICAgICAgICAgICAgfSkpXG4gICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxUZXh0LkJvZHkgaW50bE1lc3NhZ2U9e21lc3NhZ2VzLmFsbEdlbmVyYWxGaWVsZHN9IC8+XG4gICAgICAgICAgICAgIDwvQ2hlY2tib3hJbnB1dD5cbiAgICAgICAgICAgIDwvU3R5bGVkQ2FyZExlZnQ+XG4gICAgICAgICAgPC9HcmlkLkl0ZW0+XG4gICAgICAgICAgPEdyaWQuSXRlbT5cbiAgICAgICAgICAgIDxTdHlsZWRDYXJkUmlnaHQgaW5zZXRTY2FsZT1cImxcIj5cbiAgICAgICAgICAgICAge2Zvcm1pay52YWx1ZXMuZmllbGRzLm1hcCgoZmllbGQpID0+IChcbiAgICAgICAgICAgICAgICA8Q2hlY2tib3hJbnB1dFxuICAgICAgICAgICAgICAgICAga2V5PXtmaWVsZC5uYW1lfVxuICAgICAgICAgICAgICAgICAgaXNSZWFkT25seT17ZmllbGQuaXNSZXF1aXJlZH1cbiAgICAgICAgICAgICAgICAgIGlzQ2hlY2tlZD17ZmllbGQuaXNDaGVja2VkfVxuICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9eyhlKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGZvcm1pay5zZXRGaWVsZFZhbHVlKFxuICAgICAgICAgICAgICAgICAgICAgICdmaWVsZHMnLFxuICAgICAgICAgICAgICAgICAgICAgIGZvcm1pay52YWx1ZXMuZmllbGRzLm1hcCgoX2ZpZWxkKSA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgZmllbGQubmFtZSA9PT0gX2ZpZWxkLm5hbWVcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPyB7IC4uLl9maWVsZCwgaXNDaGVja2VkOiBlLnRhcmdldC5jaGVja2VkIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgOiBfZmllbGRcbiAgICAgICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgPFRleHQuQm9keT5cbiAgICAgICAgICAgICAgICAgICAge2ZpZWxkLmxhYmVsfSB7ZmllbGQuaXNSZXF1aXJlZCAmJiAnKid9XG4gICAgICAgICAgICAgICAgICA8L1RleHQuQm9keT5cbiAgICAgICAgICAgICAgICA8L0NoZWNrYm94SW5wdXQ+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9TdHlsZWRDYXJkUmlnaHQ+XG4gICAgICAgICAgPC9HcmlkLkl0ZW0+XG4gICAgICAgIDwvR3JpZD5cbiAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICA8U3BhY2luZ3MuSW5saW5lIHNjYWxlPVwibVwiIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIj5cbiAgICAgICAgPFNlY29uZGFyeUJ1dHRvblxuICAgICAgICAgIGxhYmVsPXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuYmFjayl9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0Q3VycmVudFN0ZXAoMSl9XG4gICAgICAgIC8+XG4gICAgICAgIDxQcmltYXJ5QnV0dG9uXG4gICAgICAgICAgbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5zdGFydEV4cG9ydCl9XG4gICAgICAgICAgb25DbGljaz17Zm9ybWlrLnN1Ym1pdEZvcm19XG4gICAgICAgICAgaXNEaXNhYmxlZD17IWZvcm1pay5pc1ZhbGlkfVxuICAgICAgICAvPlxuICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const ExportFieldsSelectionStep = () => {
+  var _context, _context2, _context4;
+  const intl = useIntl();
+  const _useExportResourcesCo = useExportResourcesContext(),
+    formik = _useExportResourcesCo.formik,
+    setCurrentStep = _useExportResourcesCo.setCurrentStep,
+    resourceType = _useExportResourcesCo.resourceType;
+  const areAllFieldsChecked = _everyInstanceProperty(_context = _valuesInstanceProperty(formik).fields).call(_context, field => field.isChecked);
+  const isAtLeastOneFieldChecked = _someInstanceProperty(_context2 = _valuesInstanceProperty(formik).fields).call(_context2, field => field.isChecked);
+  return jsxs(Spacings.Stack, {
+    scale: "xl",
+    children: [jsxs(Spacings.Stack, {
+      scale: "m",
+      children: [jsxs(Spacings.Inline, {
+        justifyContent: "space-between",
+        children: [jsx(Text.Body, {
+          intlMessage: messages.selectColumnsToExport
+        }), jsx(Link, {
+          isExternal: true,
+          tone: "secondary",
+          intlMessage: messages.columnDefinitions,
+          to: COLUMN_DEFINITIONS_URLS[resourceType]
+        })]
+      }), jsxs(Grid, {
+        gridAutoFlow: "column",
+        gridTemplateColumns: "".concat(customProperties.constraint5, " auto"),
+        children: [jsx(Grid.Item, {
+          children: jsx(StyledCardLeft, {
+            insetScale: "l",
+            children: jsx(CheckboxInput, {
+              isIndeterminate: !areAllFieldsChecked && isAtLeastOneFieldChecked,
+              isChecked: areAllFieldsChecked,
+              onChange: e => {
+                var _context3;
+                formik.setFieldValue('fields', _mapInstanceProperty(_context3 = _valuesInstanceProperty(formik).fields).call(_context3, field => _objectSpread$2(_objectSpread$2({}, field), {}, {
+                  isChecked: field.isRequired ? true : e.target.checked
+                })));
+              },
+              children: jsx(Text.Body, {
+                intlMessage: messages.allGeneralFields
+              })
+            })
+          })
+        }), jsx(Grid.Item, {
+          children: jsx(StyledCardRight, {
+            insetScale: "l",
+            children: _mapInstanceProperty(_context4 = _valuesInstanceProperty(formik).fields).call(_context4, field => jsx(CheckboxInput, {
+              isReadOnly: field.isRequired,
+              isChecked: field.isChecked,
+              onChange: e => {
+                var _context5;
+                formik.setFieldValue('fields', _mapInstanceProperty(_context5 = _valuesInstanceProperty(formik).fields).call(_context5, _field => field.name === _field.name ? _objectSpread$2(_objectSpread$2({}, _field), {}, {
+                  isChecked: e.target.checked
+                }) : _field));
+              },
+              children: jsxs(Text.Body, {
+                children: [field.label, " ", field.isRequired && '*']
+              })
+            }, field.name))
+          })
+        })]
+      })]
+    }), jsxs(Spacings.Inline, {
+      scale: "m",
+      justifyContent: "flex-end",
+      children: [jsx(SecondaryButton, {
+        label: intl.formatMessage(messages.back),
+        onClick: () => setCurrentStep(1)
+      }), jsx(PrimaryButton, {
+        label: intl.formatMessage(messages.startExport),
+        onClick: formik.submitForm,
+        isDisabled: !formik.isValid
+      })]
+    })]
+  });
+};
+
+process.env.NODE_ENV !== "production" ? {
+  renderProperties: PropTypes.func
+} : {};
+
+const ExportResourcesContext = /*#__PURE__*/createContext();
+
+const ExportResourcesModalShape = PropTypes.shape({
+  resourceType: PropTypes.string.isRequired,
+  outputFormat: PropTypes.string,
+  onClose: PropTypes.func,
+  totalResourcesCount: PropTypes.number.isRequired,
+  selectedResourceIds: PropTypes.array,
+  // TODO: Circular reference
+  fields: PropTypes.arrayOf(PropTypes.shape({
+    name: PropTypes.string.isRequired,
+    label: PropTypes.string,
+    isLocalized: PropTypes.bool,
+    fields: PropTypes.arrayOf(PropTypes.shape({
+      name: PropTypes.string.isRequired,
+      label: PropTypes.string,
+      isLocalized: PropTypes.bool,
+      isSelectedByDefault: PropTypes.bool,
+      isRequired: PropTypes.bool
+    }))
+  })).isRequired,
+  exportType: PropTypes.string,
+  renderProperties: PropTypes.func
+}).isRequired;
+
+function ownKeys$1(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const ExportResourcesProvider = props => {
+  const _useStartExportOperat = useStartExportOperation(props),
+    startExportOperation = _useStartExportOperat.startExportOperation;
+  const initialValues = useInitialValues(props);
+  const _React$useState = React.useState(1),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    currentStep = _React$useState2[0],
+    setCurrentStep = _React$useState2[1];
+  const onSubmit = async values => {
+    if (currentStep === 1) {
+      setCurrentStep(2);
+    } else {
+      startExportOperation(values);
     }
   };
   const formik = useFormik({
-    initialValues: {
-      outputFormat: props.outputFormat,
-      fileName: _concatInstanceProperty(_context2 = "".concat(resourceTypeToPlural({
-        resourceType: props.resourceType,
-        isUpperCase: true
-      }), "_Export_")).call(_context2, todayFormatted),
-      locales: [locale],
-      fields: props.fields,
-      appliedSearchTerms: props.appliedSearchTerms,
-      appliedFilters: props.appliedFilters,
-      isAllLocalesChecked: false
-    },
-    validate,
+    initialValues,
+    validate: values => validate({
+      values,
+      step: currentStep
+    }),
     onSubmit
   });
+  React.useEffect(() => {
+    formik.validateForm();
+  }, [currentStep]);
   return jsx(ExportResourcesContext.Provider, {
     value: {
+      currentStep,
+      setCurrentStep,
       formik,
       resourceType: props.resourceType,
-      exportSelectionType: props.exportSelectionType,
-      allResourcesCount: props.allResourcesCount,
-      matchingResourcesCount: props.matchingResourcesCount,
+      exportType: props.exportType,
+      totalResourcesCount: props.totalResourcesCount,
       selectedResourceIds: props.selectedResourceIds
     },
     children: props.children
   });
 };
-ExportResourcesContextProvider.displayName = 'ExportResourcesContextProvider';
-ExportResourcesContextProvider.propTypes = process.env.NODE_ENV !== "production" ? _objectSpread$1(_objectSpread$1({}, ExportResourcesModalShape), {}, {
+ExportResourcesProvider.displayName = 'ExportResourcesProvider';
+ExportResourcesProvider.propTypes = process.env.NODE_ENV !== "production" ? _objectSpread$1(_objectSpread$1({}, ExportResourcesModalShape), {}, {
   children: PropTypes.node
 }) : {};
-const getExportLogsLink = (projectKey, msg) => jsx(Link, {
-  to: "/".concat(projectKey, "/operations/export/logs"),
-  children: msg
-});
 
-const _excluded = ["renderProperties", "showExportSelection"];
+const CurrentStep = () => {
+  const _useExportResourcesCo = useExportResourcesContext(),
+    currentStep = _useExportResourcesCo.currentStep;
+  const steps = {
+    1: jsx(ExportFileSettingsStep, {}),
+    2: jsx(ExportFieldsSelectionStep, {})
+  };
+  return steps[currentStep] || null;
+};
+
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-const ExportResourcesModal = _ref => {
-  let renderProperties = _ref.renderProperties,
-    showExportSelection = _ref.showExportSelection,
-    props = _objectWithoutProperties(_ref, _excluded);
+const ExportResourcesModal = props => {
   const intl = useIntl();
   const resourceTypePlural = resourceTypeToPlural({
     resourceType: props.resourceType
   });
-  return jsx(ExportResourcesContextProvider, _objectSpread(_objectSpread({}, props), {}, {
-    children: jsx(ExportResourcesContext.Consumer, {
-      children: _ref2 => {
-        let formik = _ref2.formik;
-        return jsx(InfoDialog, {
-          isOpen: true,
-          title: intl.formatMessage(messages.modalTitle, {
-            resourceType: resourceTypePlural
-          }),
-          onClose: props.closeModal,
-          children: jsxs(Spacings.Stack, {
-            scale: "xxxl",
-            children: [jsxs(Spacings.Stack, {
-              scale: "l",
-              children: [jsxs(Spacings.Inline, {
-                alignItems: "center",
-                children: [jsx(ExportIcon, {
-                  size: "medium",
-                  color: "neutral60"
-                }), jsx(ExportTextMessage, {})]
-              }), jsx(ExportFileSettings, {
-                renderProperties: renderProperties,
-                showExportSelection: showExportSelection
-              })]
-            }), jsxs(Spacings.Inline, {
-              justifyContent: "flex-end",
-              scale: "m",
-              children: [jsx(SecondaryButton, {
-                label: intl.formatMessage(messages.cancel),
-                onClick: props.closeModal
-              }), jsx(PrimaryButton, {
-                label: intl.formatMessage(messages.startExport),
-                onClick: formik.submitForm
-              })]
-            })]
-          })
-        });
-      }
+  return jsx(ExportResourcesProvider, _objectSpread(_objectSpread({}, props), {}, {
+    children: jsx(InfoDialog, {
+      isOpen: true,
+      title: intl.formatMessage(messages.modalTitle, {
+        resourceType: resourceTypePlural
+      }),
+      onClose: props.onClose,
+      size: 16,
+      children: jsx(CurrentStep, {})
     })
   }));
 };
@@ -1212,12 +1008,8 @@ ExportResourcesModal.displayName = 'ExportResourcesModal';
 ExportResourcesModal.propTypes = process.env.NODE_ENV !== "production" ? ExportResourcesModalShape : {};
 ExportResourcesModal.defaultProps = {
   selectedResourceIds: [],
-  appliedSearchTerms: [],
-  appliedFilters: [],
-  matchingResourcesCount: 0,
-  exportSelectionType: EXPORT_SELECTION_TYPES.ALL_RESOURCES,
-  outputFormat: OUTPUT_FORMATS.CSV,
-  showExportSelection: false
+  exportType: EXPORT_TYPES.ALL,
+  outputFormat: OUTPUT_FORMATS.CSV
 };
 
-export { EXPORTABLE_RESOURCES, EXPORT_SELECTION_TYPES, ExportResourcesModal as default };
+export { EXPORTABLE_RESOURCES, EXPORT_TYPES, ExportResourcesModal as default };