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

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

@@ -0,0 +1,1513 @@
+import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+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 { defineMessages, useIntl, FormattedMessage } from 'react-intl';
+import { PageContentNarrow, PageContentWide, ConfirmationDialog, useModalState, FormModalPage } from '@commercetools-frontend/application-components';
+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';
+import { query } from 'gql-query-builder';
+import _Reflect$construct from '@babel/runtime-corejs3/core-js-stable/reflect/construct';
+import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
+import _classCallCheck from '@babel/runtime-corejs3/helpers/esm/classCallCheck';
+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 _Array$isArray from '@babel/runtime-corejs3/core-js-stable/array/is-array';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import PropTypes from 'prop-types';
+import { useFormik } from 'formik';
+import moment from 'moment';
+import { useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
+import { createContext, useState, useContext, Children } from 'react';
+import { TextInput, Spacings, RadioInput, Text, CollapsiblePanel, Tag, AngleRightIcon, Constraints, SelectInput, customProperties as customProperties$1, Card, SelectField, TextField, CheckboxInput, ContentNotification, Link } from '@commercetools-frontend/ui-kit';
+import omitEmpty from 'omit-empty-es';
+import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
+import _valuesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/values';
+import { customProperties, useTheme } from '@commercetools-uikit/design-system';
+import { css } from '@emotion/react';
+import _styled from '@emotion/styled/base';
+import _asyncToGenerator from '@babel/runtime-corejs3/helpers/esm/asyncToGenerator';
+import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
+import { actions, useAsyncDispatch } from '@commercetools-frontend/sdk';
+import { showApiErrorNotification } from '@commercetools-frontend/actions-global';
+import { MC_API_PROXY_TARGETS } from '@commercetools-frontend/constants';
+
+var EXPORTABLE_RESOURCES = {
+  CATEGORY: 'category',
+  PRODUCT: 'product',
+  DISCOUNT_CODE: 'discountCode'
+};
+var EXPORT_SELECTION_TYPES = {
+  ALL_RESOURCES: 'allResources',
+  ONLY_MATCHING: 'onlyMatching',
+  ONLY_SELECTED: 'onlySelected'
+};
+var OUTPUT_FORMATS = {
+  JSON: 'json',
+  CSV: 'csv'
+};
+var EXPORT_OPERATION_STATES = {
+  PROCESSING: 'processing',
+  COMPLETED: 'completed',
+  FAILED: 'failed'
+};
+
+function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(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; } }
+
+var UnexpectedSelectionTypeError = /*#__PURE__*/function (_Error) {
+  _inherits(UnexpectedSelectionTypeError, _Error);
+
+  var _super = _createSuper$3(UnexpectedSelectionTypeError);
+
+  function UnexpectedSelectionTypeError(exportSelectionType) {
+    var _this;
+
+    _classCallCheck(this, UnexpectedSelectionTypeError);
+
+    _this = _super.call(this, "Unexpected column: ".concat(exportSelectionType));
+    _this.name = 'UnexpectedSelectionTypeError';
+    return _this;
+  }
+
+  return _createClass(UnexpectedSelectionTypeError);
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+
+function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$2() { 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; } }
+
+var MissingExportResourceProviderError = /*#__PURE__*/function (_Error) {
+  _inherits(MissingExportResourceProviderError, _Error);
+
+  var _super = _createSuper$2(MissingExportResourceProviderError);
+
+  function MissingExportResourceProviderError() {
+    var _this;
+
+    _classCallCheck(this, MissingExportResourceProviderError);
+
+    _this = _super.call(this, 'useExportResourcesContext must be used within ExportResourcesContextProvider');
+    _this.name = 'MissingExportResourceProviderError';
+    return _this;
+  }
+
+  return _createClass(MissingExportResourceProviderError);
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+
+function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct$1() { 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; } }
+
+var UnexpectedExportOperationStateError = /*#__PURE__*/function (_Error) {
+  _inherits(UnexpectedExportOperationStateError, _Error);
+
+  var _super = _createSuper$1(UnexpectedExportOperationStateError);
+
+  function UnexpectedExportOperationStateError(state) {
+    var _this;
+
+    _classCallCheck(this, UnexpectedExportOperationStateError);
+
+    _this = _super.call(this, "Unexpected export operation state \"".concat(state, "\""));
+    _this.name = 'UnexpectedExportOperationStateError';
+    return _this;
+  }
+
+  return _createClass(UnexpectedExportOperationStateError);
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { 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; } }
+
+var UnexpectedResourceTypeError = /*#__PURE__*/function (_Error) {
+  _inherits(UnexpectedResourceTypeError, _Error);
+
+  var _super = _createSuper(UnexpectedResourceTypeError);
+
+  function UnexpectedResourceTypeError(resourceType) {
+    var _this;
+
+    _classCallCheck(this, UnexpectedResourceTypeError);
+
+    _this = _super.call(this, "Unexpected resource type: ".concat(resourceType));
+    _this.name = 'UnexpectedResourceTypeError';
+    return _this;
+  }
+
+  return _createClass(UnexpectedResourceTypeError);
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+
+function resourceTypeToPlural(_ref) {
+  var resourceType = _ref.resourceType,
+      _ref$isUpperCase = _ref.isUpperCase,
+      isUpperCase = _ref$isUpperCase === void 0 ? false : _ref$isUpperCase;
+
+  switch (resourceType) {
+    case EXPORTABLE_RESOURCES.CATEGORY:
+      return isUpperCase ? 'Categories' : 'categories';
+
+    case EXPORTABLE_RESOURCES.PRODUCT:
+      return isUpperCase ? 'Products' : 'products';
+
+    case EXPORTABLE_RESOURCES.DISCOUNT_CODE:
+      return isUpperCase ? 'Discount codes' : 'discount codes';
+
+    default:
+      throw UnexpectedResourceTypeError(resourceType);
+  }
+}
+function resourceTypeToOperationName(resourceType) {
+  switch (resourceType) {
+    case EXPORTABLE_RESOURCES.CATEGORY:
+      return 'categories';
+
+    case EXPORTABLE_RESOURCES.PRODUCT:
+      return 'products';
+
+    case EXPORTABLE_RESOURCES.DISCOUNT_CODE:
+      return 'discountCodes';
+
+    default:
+      throw UnexpectedResourceTypeError(resourceType);
+  }
+}
+function replaceSpecialCharsWithUnderscore(string) {
+  return string.replace(/[^a-zA-Z0-9]/g, '_');
+}
+function isFilledArray(maybeArray) {
+  return _Array$isArray(maybeArray) && maybeArray.length;
+}
+
+function buildGraphQuery(exportSettings) {
+  var _context;
+
+  var operation = resourceTypeToOperationName(exportSettings.resourceType);
+
+  switch (exportSettings.exportSelectionType) {
+    case EXPORT_SELECTION_TYPES.ALL_RESOURCES:
+      return query({
+        operation: operation,
+        fields: [{
+          results: buildFields({
+            fields: exportSettings.fields,
+            languages: exportSettings.languages
+          })
+        }],
+        variables: {}
+      });
+
+    case EXPORT_SELECTION_TYPES.ONLY_SELECTED:
+      return query({
+        operation: operation,
+        fields: [{
+          results: buildFields({
+            fields: exportSettings.fields,
+            languages: exportSettings.languages
+          })
+        }],
+        variables: {
+          where: "id in (".concat(_mapInstanceProperty(_context = exportSettings.selectedResourceIds).call(_context, function (id) {
+            return "\\\"".concat(id, "\\\"");
+          }).join(', '), ")")
+        }
+      });
+
+    case EXPORT_SELECTION_TYPES.ONLY_MATCHING:
+      // TODO: gql query for exporting filtered resources.
+      throw new UnexpectedSelectionTypeError(exportSettings.exportSelectionType);
+
+    default:
+      throw new UnexpectedSelectionTypeError(exportSettings.exportSelectionType);
+  }
+}
+
+function buildFields(_ref) {
+  var _context2;
+
+  var fields = _ref.fields,
+      languages = _ref.languages;
+  return _flatInstanceProperty(_context2 = _mapInstanceProperty(fields).call(fields, function (field) {
+    if (field.isLocalized) return _mapInstanceProperty(languages).call(languages, function (language) {
+      var _context3, _context4, _context5;
+
+      var alias = replaceSpecialCharsWithUnderscore(_concatInstanceProperty(_context3 = "".concat(field.key, "_")).call(_context3, language));
+      return _concatInstanceProperty(_context4 = _concatInstanceProperty(_context5 = "".concat(alias, ": ")).call(_context5, field.key, "(locale: \"")).call(_context4, language, "\")");
+    });else {
+      if (isFilledArray(field.fields)) {
+        return _defineProperty({}, field.key, buildFields({
+          fields: field.fields,
+          languages: languages
+        }));
+      }
+
+      return field.key;
+    }
+  })).call(_context2);
+}
+
+var messages = defineMessages({
+  modalTitle: {
+    id: 'ExportResourcesModal.modalTitle',
+    description: 'Label for the modal title',
+    defaultMessage: 'Export {resourceType}'
+  },
+  modalSubTitle: {
+    id: 'ExportResourcesModal.modalSubTitle',
+    description: 'Label for the modal subtitle',
+    defaultMessage: 'Define export settings'
+  },
+  topBarPreviousPathLabel: {
+    id: 'ExportResourcesModal.topBarPreviousPathLabel',
+    description: 'Label for the topBar previous label',
+    defaultMessage: 'To {resourceType} List'
+  },
+  exportButton: {
+    id: 'ExportResourcesModal.exportButton',
+    description: 'Export primary button',
+    defaultMessage: 'Export {resourceType}'
+  },
+  outputFormat: {
+    id: 'ExportResourcesModal.outputFormat',
+    description: 'File format like (csv, xls, ...etc)',
+    defaultMessage: 'File format'
+  },
+  fileName: {
+    id: 'ExportResourcesModal.fileName',
+    description: 'exported file name',
+    defaultMessage: 'File name'
+  },
+  localLanguage: {
+    id: 'ExportResourcesModal.localLanguage',
+    description: 'Local language',
+    defaultMessage: 'Local language'
+  },
+  exportSelection: {
+    id: 'ExportResourcesModal.exportSelection',
+    description: 'Export selection',
+    defaultMessage: 'Export selection'
+  },
+  exportAllResources: {
+    id: 'ExportResourcesModal.exportAllResources',
+    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',
+    defaultMessage: 'Export selected {resourceType} ({count})'
+  },
+  exportAllMessage: {
+    id: 'ExportResourcesModal.exportAllMessage',
+    description: 'All resources will be exported',
+    defaultMessage: 'All <b>{count}</b> {resourceType} will be exported.'
+  },
+  exportMatchingMessage: {
+    id: 'ExportResourcesModal.exportMatchingMessage',
+    description: 'resources will be exported',
+    defaultMessage: '<b>{count}</b> {resourceType} will be exported.'
+  },
+  exportSelectedMessage: {
+    id: 'ExportResourcesModal.exportSelectedMessage',
+    description: 'resources are selected and will be exported',
+    defaultMessage: '<b>{count}</b> {resourceType} are selected and will be exported.'
+  },
+  columnsMessage: {
+    id: 'ExportResourcesModal.columnsMessage',
+    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',
+    defaultMessage: 'Select export settings based on:'
+  },
+  propertiesPanelLabel: {
+    id: 'ExportResourcesModal.propertiesPanelLabel',
+    description: 'properties panel label',
+    defaultMessage: 'Properties'
+  },
+  confirmationTitle: {
+    id: 'ExportResourcesModal.confirmationTitle',
+    description: 'Title for the confirmation dialog',
+    defaultMessage: 'Export {resourceType} data'
+  },
+  confirmationBodyPlan: {
+    id: 'ExportResourcesModal.confirmationBodyPlan',
+    description: 'Confirmation dialog action plan',
+    defaultMessage: 'You are about to export <bold>{count}</bold> {resourceType} from the project: <bold>{projectName}</bold>.'
+  },
+  confirmationBodyQuestion: {
+    id: 'ExportResourcesModal.confirmationBodyQuestion',
+    description: 'Confirmation question',
+    defaultMessage: 'Are you sure you want to continue?'
+  },
+  exportOperationSuccessMessage: {
+    id: 'ExportResourcesModal.exportOperationSuccessMessage',
+    description: 'Success message',
+    defaultMessage: 'Your export has started. Go to <logsLink>Export logs</logsLink> to view the progress of your export and download it.'
+  },
+  exportConfirmationLabel: {
+    id: 'ExportResourcesModal.exportConfirmationLabel',
+    description: 'Label for the export button in confirmation dialog',
+    defaultMessage: 'Export {resourceType}'
+  },
+  nothingApplied: {
+    id: 'ExportResourcesModal.nothingApplied',
+    description: 'Shown when there is no filter applied',
+    defaultMessage: 'nothing applied'
+  },
+  all: {
+    id: 'ExportResourcesModal.all',
+    description: 'label for "All languages" checkbox',
+    defaultMessage: 'All'
+  },
+  missingFileNameError: {
+    id: 'ExportResourcesModal.missingFileNameError',
+    description: 'Error when file name field is missing',
+    defaultMessage: 'Please enter a file name'
+  },
+  invalidFileNameError: {
+    id: 'ExportResourcesModal.invalidFileNameError',
+    description: 'Error when file name field is not valid',
+    defaultMessage: 'File name may only contain alphanumeric characters, hyphens and underscores'
+  },
+  missingLanguageError: {
+    id: 'ExportResourcesModal.missingLanguageError',
+    description: 'Error when no local language is selected',
+    defaultMessage: 'Please select at least one local language'
+  },
+  myViews: {
+    id: 'ExportResourcesModal.myViews',
+    description: 'Label for "My Views" Select Field',
+    defaultMessage: 'My Views'
+  }
+});
+
+var ExportResourcesContext = /*#__PURE__*/createContext();
+
+var ExportResourcesModalShape = PropTypes.shape({
+  resourceType: PropTypes.string.isRequired,
+  outputFormat: PropTypes.string,
+  isOpen: PropTypes.bool.isRequired,
+  closeModal: PropTypes.func.isRequired,
+  allResourcesCount: PropTypes.number.isRequired,
+  matchingResourcesCount: PropTypes.number,
+  selectedResourceIds: PropTypes.array,
+  // 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 validate(values) {
+  var errors = {
+    fileName: {},
+    languages: {}
+  };
+
+  if (TextInput.isEmpty(values.fileName)) {
+    errors.fileName.missing = true;
+  } else if (!/^[a-zA-Z0-9-_]+$/.test(values.fileName)) {
+    errors.fileName.invalidInput = true;
+  }
+
+  if (values.languages.length < 1) {
+    errors.languages.missing = true;
+  }
+
+  return omitEmpty(errors);
+}
+
+function ownKeys$b(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys$b(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys$b(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var ExportResourcesContextProvider = function ExportResourcesContextProvider(props) {
+  var _context;
+
+  var todayFormatted = moment().format('DD-MM-YY_HH-mm');
+
+  var _useApplicationContex = useApplicationContext(function (applicationContext) {
+    return {
+      language: applicationContext.dataLocale
+    };
+  }),
+      language = _useApplicationContex.language;
+
+  var formik = useFormik({
+    initialValues: {
+      outputFormat: props.outputFormat,
+      fileName: _concatInstanceProperty(_context = "".concat(resourceTypeToPlural({
+        resourceType: props.resourceType,
+        isUpperCase: true
+      }), "_Export_")).call(_context, todayFormatted),
+      languages: [language],
+      fields: props.fields,
+      appliedSearchTerms: props.appliedSearchTerms,
+      appliedFilters: props.appliedFilters,
+      exportSelectionType: props.exportSelectionType,
+      isAllLanguagesChecked: false
+    },
+    validate: validate
+  });
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      exportOperationStarted = _useState2[0],
+      setExportOperationStarted = _useState2[1];
+
+  return jsx(ExportResourcesContext.Provider, {
+    value: {
+      formik: formik,
+      resourceType: props.resourceType,
+      allResourcesCount: props.allResourcesCount,
+      matchingResourcesCount: props.matchingResourcesCount,
+      selectedResourceIds: props.selectedResourceIds,
+      exportOperationStarted: exportOperationStarted,
+      setExportOperationStarted: setExportOperationStarted
+    },
+    children: props.children
+  });
+};
+
+ExportResourcesContextProvider.displayName = 'ExportResourcesContextProvider';
+ExportResourcesContextProvider.propTypes = process.env.NODE_ENV !== "production" ? _objectSpread$b(_objectSpread$b({}, ExportResourcesModalShape), {}, {
+  children: PropTypes.node
+}) : {};
+
+function useExportResourcesContext() {
+  var context = useContext(ExportResourcesContext);
+
+  if (!context) {
+    throw new MissingExportResourceProviderError();
+  }
+
+  return context;
+}
+
+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)."; }
+var 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+IGRpdiB7XG4gICAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfSAwO1xuICB9XG5gXG5cbmNvbnN0IHRhZ0xpc3RJdGVtID0gY3NzYFxuICBtYXJnaW46IDAgJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYc30gJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYc30gMDtcbiAgZGlzcGxheTogZmxleDtcbiAgbWluLXdpZHRoOiAwO1xuYFxuXG5jb25zdCBkaXZpZGVyID0gY3NzYFxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAwO1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JOZXV0cmFsNjB9O1xuYFxuXG5jb25zdCBub3RCb2xkID0gY3NzYFxuICBmb250LXdlaWdodDogbm9ybWFsO1xuYFxuXG5jb25zdCBzdWNjZXNzTWVzc2FnZSA9IGNzc2BcbiAgbWFyZ2luLWJvdHRvbTogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdMfTtcbmBcblxuY29uc3Qgc3R5bGVzID0ge1xuICB0YWdMaXN0SXRlbSxcbiAgdGFnTGlzdENvbnRhaW5lcixcbiAgc21hbGxUb3BQYWRkaW5nLFxuICBkaXZpZGVyLFxuICBub3RCb2xkLFxuICBzdWNjZXNzTWVzc2FnZSxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG4iXX0= */");
+
+var tagListContainer = function tagListContainer(_ref) {
+  var 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+IGRpdiB7XG4gICAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfSAwO1xuICB9XG5gXG5cbmNvbnN0IHRhZ0xpc3RJdGVtID0gY3NzYFxuICBtYXJnaW46IDAgJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYc30gJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYc30gMDtcbiAgZGlzcGxheTogZmxleDtcbiAgbWluLXdpZHRoOiAwO1xuYFxuXG5jb25zdCBkaXZpZGVyID0gY3NzYFxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAwO1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JOZXV0cmFsNjB9O1xuYFxuXG5jb25zdCBub3RCb2xkID0gY3NzYFxuICBmb250LXdlaWdodDogbm9ybWFsO1xuYFxuXG5jb25zdCBzdWNjZXNzTWVzc2FnZSA9IGNzc2BcbiAgbWFyZ2luLWJvdHRvbTogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdMfTtcbmBcblxuY29uc3Qgc3R5bGVzID0ge1xuICB0YWdMaXN0SXRlbSxcbiAgdGFnTGlzdENvbnRhaW5lcixcbiAgc21hbGxUb3BQYWRkaW5nLFxuICBkaXZpZGVyLFxuICBub3RCb2xkLFxuICBzdWNjZXNzTWVzc2FnZSxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG4iXX0= */");
+};
+
+var 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQnVCIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRPRE86IEByZWRlc2lnbiBjbGVhbnVwXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJ1xuXG5jb25zdCBzbWFsbFRvcFBhZGRpbmcgPSBjc3NgXG4gIHBhZGRpbmctdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfTtcbmBcblxuY29uc3QgdGFnTGlzdENvbnRhaW5lciA9ICh7IGlzTmV3VGhlbWUgfSkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogMCAke2lzTmV3VGhlbWUgPyAwIDogY3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG4gICYgPiBkaXYge1xuICAgIG1hcmdpbjogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gMDtcbiAgfVxuYFxuXG5jb25zdCB0YWdMaXN0SXRlbSA9IGNzc2BcbiAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMDtcbmBcblxuY29uc3QgZGl2aWRlciA9IGNzc2BcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDYwfTtcbmBcblxuY29uc3Qgbm90Qm9sZCA9IGNzc2BcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbmBcblxuY29uc3Qgc3VjY2Vzc01lc3NhZ2UgPSBjc3NgXG4gIG1hcmdpbi1ib3R0b206ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG5gXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgdGFnTGlzdEl0ZW0sXG4gIHRhZ0xpc3RDb250YWluZXIsXG4gIHNtYWxsVG9wUGFkZGluZyxcbiAgZGl2aWRlcixcbiAgbm90Qm9sZCxcbiAgc3VjY2Vzc01lc3NhZ2UsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuIl19 */");
+var 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Qm1CIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRPRE86IEByZWRlc2lnbiBjbGVhbnVwXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJ1xuXG5jb25zdCBzbWFsbFRvcFBhZGRpbmcgPSBjc3NgXG4gIHBhZGRpbmctdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfTtcbmBcblxuY29uc3QgdGFnTGlzdENvbnRhaW5lciA9ICh7IGlzTmV3VGhlbWUgfSkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogMCAke2lzTmV3VGhlbWUgPyAwIDogY3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG4gICYgPiBkaXYge1xuICAgIG1hcmdpbjogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gMDtcbiAgfVxuYFxuXG5jb25zdCB0YWdMaXN0SXRlbSA9IGNzc2BcbiAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMDtcbmBcblxuY29uc3QgZGl2aWRlciA9IGNzc2BcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDYwfTtcbmBcblxuY29uc3Qgbm90Qm9sZCA9IGNzc2BcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbmBcblxuY29uc3Qgc3VjY2Vzc01lc3NhZ2UgPSBjc3NgXG4gIG1hcmdpbi1ib3R0b206ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG5gXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgdGFnTGlzdEl0ZW0sXG4gIHRhZ0xpc3RDb250YWluZXIsXG4gIHNtYWxsVG9wUGFkZGluZyxcbiAgZGl2aWRlcixcbiAgbm90Qm9sZCxcbiAgc3VjY2Vzc01lc3NhZ2UsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuIl19 */");
+var notBold = process.env.NODE_ENV === "production" ? {
+  name: "lugakg",
+  styles: "font-weight:normal"
+} : {
+  name: "w02aau-notBold",
+  styles: "font-weight:normal;label:notBold;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ21CIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRPRE86IEByZWRlc2lnbiBjbGVhbnVwXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJ1xuXG5jb25zdCBzbWFsbFRvcFBhZGRpbmcgPSBjc3NgXG4gIHBhZGRpbmctdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfTtcbmBcblxuY29uc3QgdGFnTGlzdENvbnRhaW5lciA9ICh7IGlzTmV3VGhlbWUgfSkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogMCAke2lzTmV3VGhlbWUgPyAwIDogY3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG4gICYgPiBkaXYge1xuICAgIG1hcmdpbjogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gMDtcbiAgfVxuYFxuXG5jb25zdCB0YWdMaXN0SXRlbSA9IGNzc2BcbiAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMDtcbmBcblxuY29uc3QgZGl2aWRlciA9IGNzc2BcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDYwfTtcbmBcblxuY29uc3Qgbm90Qm9sZCA9IGNzc2BcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbmBcblxuY29uc3Qgc3VjY2Vzc01lc3NhZ2UgPSBjc3NgXG4gIG1hcmdpbi1ib3R0b206ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG5gXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgdGFnTGlzdEl0ZW0sXG4gIHRhZ0xpc3RDb250YWluZXIsXG4gIHNtYWxsVG9wUGFkZGluZyxcbiAgZGl2aWRlcixcbiAgbm90Qm9sZCxcbiAgc3VjY2Vzc01lc3NhZ2UsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQzBCIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRPRE86IEByZWRlc2lnbiBjbGVhbnVwXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJ1xuXG5jb25zdCBzbWFsbFRvcFBhZGRpbmcgPSBjc3NgXG4gIHBhZGRpbmctdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfTtcbmBcblxuY29uc3QgdGFnTGlzdENvbnRhaW5lciA9ICh7IGlzTmV3VGhlbWUgfSkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogMCAke2lzTmV3VGhlbWUgPyAwIDogY3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG4gICYgPiBkaXYge1xuICAgIG1hcmdpbjogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gMDtcbiAgfVxuYFxuXG5jb25zdCB0YWdMaXN0SXRlbSA9IGNzc2BcbiAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMDtcbmBcblxuY29uc3QgZGl2aWRlciA9IGNzc2BcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDYwfTtcbmBcblxuY29uc3Qgbm90Qm9sZCA9IGNzc2BcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbmBcblxuY29uc3Qgc3VjY2Vzc01lc3NhZ2UgPSBjc3NgXG4gIG1hcmdpbi1ib3R0b206ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG5gXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgdGFnTGlzdEl0ZW0sXG4gIHRhZ0xpc3RDb250YWluZXIsXG4gIHNtYWxsVG9wUGFkZGluZyxcbiAgZGl2aWRlcixcbiAgbm90Qm9sZCxcbiAgc3VjY2Vzc01lc3NhZ2UsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuIl19 */");
+var styles = {
+  tagListItem: tagListItem,
+  tagListContainer: tagListContainer,
+  smallTopPadding: smallTopPadding,
+  divider: divider,
+  notBold: notBold,
+  successMessage: successMessage
+};
+
+function ownKeys$a(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$a(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$a(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ExportSelectionRadioButtons() {
+  var _useTheme = useTheme(),
+      isNewTheme = _useTheme.isNewTheme;
+
+  var intl = useIntl();
+
+  var _useExportResourcesCo = useExportResourcesContext(),
+      formik = _useExportResourcesCo.formik,
+      resourceType = _useExportResourcesCo.resourceType,
+      allResourcesCount = _useExportResourcesCo.allResourcesCount,
+      matchingResourcesCount = _useExportResourcesCo.matchingResourcesCount,
+      selectedResourceIds = _useExportResourcesCo.selectedResourceIds;
+
+  var resourceTypePlural = resourceTypeToPlural({
+    resourceType: resourceType
+  });
+  return jsx(Spacings.Inline, {
+    scale: "xl",
+    children: jsxs(RadioInput.Group, {
+      name: "exportSelectionType",
+      value: _valuesInstanceProperty(formik).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$a(_objectSpread$a({}, 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$a(_objectSpread$a({}, 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$a(_objectSpread$a({}, messages.exportOnlySelectedResources), {}, {
+            values: {
+              resourceType: resourceTypePlural,
+              count: selectedResourceIds.length
+            }
+          })
+        })
+      })]
+    })
+  });
+}
+
+function getBold(msg) {
+  return jsx(Text.Body, {
+    as: "span",
+    isBold: true,
+    children: msg
+  });
+}
+
+function ownKeys$9(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$9(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$9(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ExportTextMessage() {
+  var _useExportResourcesCo = useExportResourcesContext(),
+      resourceType = _useExportResourcesCo.resourceType,
+      allResourcesCount = _useExportResourcesCo.allResourcesCount,
+      selectedResourceIds = _useExportResourcesCo.selectedResourceIds,
+      matchingResourcesCount = _useExportResourcesCo.matchingResourcesCount,
+      formik = _useExportResourcesCo.formik;
+
+  var resourceTypePlural = resourceTypeToPlural({
+    resourceType: resourceType
+  });
+
+  switch (_valuesInstanceProperty(formik).exportSelectionType) {
+    case EXPORT_SELECTION_TYPES.ALL_RESOURCES:
+      return jsx(Text.Body, {
+        intlMessage: _objectSpread$9(_objectSpread$9({}, messages.exportAllMessage), {}, {
+          values: {
+            count: allResourcesCount,
+            resourceType: resourceTypePlural,
+            b: getBold
+          }
+        })
+      });
+
+    case EXPORT_SELECTION_TYPES.ONLY_MATCHING:
+      return jsx(Text.Body, {
+        intlMessage: _objectSpread$9(_objectSpread$9({}, messages.exportMatchingMessage), {}, {
+          values: {
+            count: matchingResourcesCount,
+            resourceType: resourceTypePlural,
+            b: getBold
+          }
+        })
+      });
+
+    case EXPORT_SELECTION_TYPES.ONLY_SELECTED:
+      return jsx(Text.Body, {
+        intlMessage: _objectSpread$9(_objectSpread$9({}, messages.exportSelectedMessage), {}, {
+          values: {
+            count: selectedResourceIds.length,
+            resourceType: resourceTypePlural,
+            b: getBold
+          }
+        })
+      });
+
+    default:
+      throw new UnexpectedSelectionTypeError(_valuesInstanceProperty(formik).exportSelectionType);
+  }
+}
+
+function TagList(props) {
+  var _useTheme = useTheme(),
+      isNewTheme = _useTheme.isNewTheme;
+
+  return jsx("div", {
+    css: styles.tagListContainer({
+      isNewTheme: isNewTheme
+    }),
+    "data-testid": props['data-testid'],
+    children: _mapInstanceProperty(Children).call(Children, props.children, function (tag) {
+      return 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$8(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$8(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$8(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function AppliedFilters(_ref) {
+  var filters = _ref.filters,
+      onFilterRemove = _ref.onFilterRemove;
+
+  var _useTheme = useTheme(),
+      isNewTheme = _useTheme.isNewTheme;
+
+  if (isNewTheme) return jsx(CollapsiblePanel, {
+    condensed: true,
+    isDefaultClosed: !Boolean(filters.length),
+    header: jsx(Text.Body, {
+      intlMessage: _objectSpread$8(_objectSpread$8({}, messages.appliedFiltersMessage), {}, {
+        values: {
+          filtersCount: filters.length
+        }
+      })
+    }),
+    children: jsx(TagList, {
+      children: _mapInstanceProperty(filters).call(filters, function (filter) {
+        return jsx("div", {
+          "data-testid": "test-filter-".concat(filter),
+          children: jsx(Tag, {
+            onRemove: function 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$8(_objectSpread$8({}, messages.appliedFiltersMessage), {}, {
+          values: {
+            filtersCount: filters.length
+          }
+        })
+      })]
+    }), jsx(TagList, {
+      children: _mapInstanceProperty(filters).call(filters, function (filter) {
+        return jsx("div", {
+          "data-testid": "test-filter-".concat(filter),
+          children: jsx(Tag, {
+            onRemove: function onRemove() {
+              onFilterRemove(filter);
+            },
+            children: filter
+          })
+        }, filter);
+      })
+    })]
+  });
+}
+AppliedFilters.propTypes = process.env.NODE_ENV !== "production" ? {
+  filters: PropTypes.array.isRequired,
+  onFilterRemove: PropTypes.func.isRequired
+} : {};
+
+// TODO: @redesign cleanup
+function ExportBasedOnMyViewsSelectField() {
+  var _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(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$7(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$7(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var IconPlaceholder = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1nl5t3e0"
+} : {
+  target: "e1nl5t3e0",
+  label: "IconPlaceholder"
+})("width:", customProperties$1.spacingM, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcGxpZWQtc2VhcmNoLXRlcm1zLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFha0MiLCJmaWxlIjoiYXBwbGllZC1zZWFyY2gtdGVybXMuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSdcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcydcbmltcG9ydCB7XG4gIEFuZ2xlUmlnaHRJY29uLFxuICBDb2xsYXBzaWJsZVBhbmVsLFxuICBjdXN0b21Qcm9wZXJ0aWVzLFxuICBTcGFjaW5ncyxcbiAgVGV4dCxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi9tZXNzYWdlcydcblxuY29uc3QgSWNvblBsYWNlaG9sZGVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTX07XG5gXG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEFwcGxpZWRTZWFyY2hUZXJtcyh7IGFwcGxpZWRTZWFyY2hUZXJtcyB9KSB7XG4gIGNvbnN0IHsgaXNOZXdUaGVtZSB9ID0gdXNlVGhlbWUoKVxuXG4gIGlmIChpc05ld1RoZW1lKVxuICAgIHJldHVybiAoXG4gICAgICA8Q29sbGFwc2libGVQYW5lbFxuICAgICAgICBjb25kZW5zZWRcbiAgICAgICAgaXNEZWZhdWx0Q2xvc2VkPXshQm9vbGVhbihhcHBsaWVkU2VhcmNoVGVybXMubGVuZ3RoKX1cbiAgICAgICAgaGVhZGVyPXtcbiAgICAgICAgICA8VGV4dC5Cb2R5XG4gICAgICAgICAgICBpbnRsTWVzc2FnZT17e1xuICAgICAgICAgICAgICAuLi5tZXNzYWdlcy5hcHBsaWVkU2VhcmNoVGVybXNNZXNzYWdlLFxuICAgICAgICAgICAgICB2YWx1ZXM6IHtcbiAgICAgICAgICAgICAgICBzZWFyY2hUZXJtc0NvdW50OiBhcHBsaWVkU2VhcmNoVGVybXMubGVuZ3RoLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICB9XG4gICAgICA+XG4gICAgICAgIDxUZXh0LkJvZHk+e2FwcGxpZWRTZWFyY2hUZXJtcy5qb2luKCcsICcpfTwvVGV4dC5Cb2R5PlxuICAgICAgPC9Db2xsYXBzaWJsZVBhbmVsPlxuICAgIClcbiAgcmV0dXJuIChcbiAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJzXCI+XG4gICAgICA8U3BhY2luZ3MuSW5saW5lIHNjYWxlPVwic1wiIGFsaWduSXRlbXM9XCJmbGV4LXN0YXJ0XCI+XG4gICAgICAgIDxBbmdsZVJpZ2h0SWNvblxuICAgICAgICAgIGRhdGEtdGVzdGlkPVwidGVzdC1hcnJvd1JpZ2h0XCJcbiAgICAgICAgICBzaXplPVwibWVkaXVtXCJcbiAgICAgICAgICBjb2xvcj1cIm5ldXRyYWw2MFwiXG4gICAgICAgIC8+XG4gICAgICAgIDxUZXh0LkJvZHlcbiAgICAgICAgICBpc0JvbGRcbiAgICAgICAgICBpbnRsTWVzc2FnZT17e1xuICAgICAgICAgICAgLi4ubWVzc2FnZXMuYXBwbGllZFNlYXJjaFRlcm1zTWVzc2FnZSxcbiAgICAgICAgICAgIHZhbHVlczoge1xuICAgICAgICAgICAgICBzZWFyY2hUZXJtc0NvdW50OiBhcHBsaWVkU2VhcmNoVGVybXMubGVuZ3RoLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgICA8U3BhY2luZ3MuSW5saW5lIHNjYWxlPVwic1wiIGFsaWduSXRlbXM9XCJmbGV4LXN0YXJ0XCI+XG4gICAgICAgIDxJY29uUGxhY2Vob2xkZXIgLz5cbiAgICAgICAgPFRleHQuQm9keT57YXBwbGllZFNlYXJjaFRlcm1zLmpvaW4oJywgJyl9PC9UZXh0LkJvZHk+XG4gICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICApXG59XG5BcHBsaWVkU2VhcmNoVGVybXMucHJvcFR5cGVzID0ge1xuICBhcHBsaWVkU2VhcmNoVGVybXM6IFByb3BUeXBlcy5hcnJheS5pc1JlcXVpcmVkLFxufVxuIl19 */"));
+
+function AppliedSearchTerms(_ref) {
+  var appliedSearchTerms = _ref.appliedSearchTerms;
+
+  var _useTheme = useTheme(),
+      isNewTheme = _useTheme.isNewTheme;
+
+  if (isNewTheme) return jsx(CollapsiblePanel, {
+    condensed: true,
+    isDefaultClosed: !Boolean(appliedSearchTerms.length),
+    header: jsx(Text.Body, {
+      intlMessage: _objectSpread$7(_objectSpread$7({}, 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$7(_objectSpread$7({}, 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
+} : {};
+
+function ownKeys$6(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys$6(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys$6(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function normalizeFields(fields) {
+  var result = _mapInstanceProperty(fields).call(fields, function (field) {
+    if (isFilledArray(field.fields)) {
+      var _context;
+
+      return _mapInstanceProperty(_context = normalizeFields(field.fields)).call(_context, function (nestedField) {
+        var _context2;
+
+        return _objectSpread$6(_objectSpread$6({}, nestedField), {}, {
+          key: _concatInstanceProperty(_context2 = "".concat(field.key, ".")).call(_context2, nestedField.key)
+        });
+      });
+    }
+
+    return field;
+  });
+
+  return _flatInstanceProperty(result).call(result);
+}
+
+function FieldsRenderer(_ref) {
+  var fields = _ref.fields;
+  var allFields = normalizeFields(fields);
+  return jsx(TagList, {
+    children: _mapInstanceProperty(allFields).call(allFields, function (field) {
+      return 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) {
+  var fields = _ref2.fields;
+
+  var _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
+} : {};
+
+var ExportSelection = function ExportSelection() {
+  var _useTheme = useTheme(),
+      isNewTheme = _useTheme.isNewTheme;
+
+  var _useExportResourcesCo = useExportResourcesContext(),
+      formik = _useExportResourcesCo.formik;
+
+  var onAppliedFilterRemove = function onAppliedFilterRemove(filter) {
+    var _context;
+
+    formik.setFieldValue('appliedFilters', _filterInstanceProperty(_context = _valuesInstanceProperty(formik).appliedFilters).call(_context, function (appliedFilter) {
+      return 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, {})]
+    }), _valuesInstanceProperty(formik).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, {}), _valuesInstanceProperty(formik).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$5(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$5(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$5(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var ExportProperties = function ExportProperties(props) {
+  var _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$5({}, messages.propertiesPanelLabel)
+    }),
+    children: props.renderProperties()
+  });
+};
+ExportProperties.propTypes = process.env.NODE_ENV !== "production" ? {
+  renderProperties: PropTypes.func
+} : {};
+
+function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$4(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$4(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function renderFileNameError(key) {
+  switch (key) {
+    case 'missing':
+      return jsx(FormattedMessage, _objectSpread$4({}, messages.missingFileNameError));
+
+    case 'invalidInput':
+      return jsx(FormattedMessage, _objectSpread$4({}, messages.invalidFileNameError));
+
+    default:
+      return null;
+  }
+}
+function renderLanguageError(key) {
+  switch (key) {
+    case 'missing':
+      return jsx(FormattedMessage, _objectSpread$4({}, messages.missingLanguageError));
+
+    default:
+      return null;
+  }
+}
+
+function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$3(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var outputFormatOptions = [{
+  value: OUTPUT_FORMATS.JSON,
+  label: 'JSON'
+}, {
+  value: OUTPUT_FORMATS.CSV,
+  label: 'CSV'
+}];
+
+function mapLanguagesToOptions(languages) {
+  return _mapInstanceProperty(languages).call(languages, function (language) {
+    return {
+      value: language,
+      label: language
+    };
+  });
+}
+
+function ExportFileSettings(props) {
+  var _useTheme = useTheme(),
+      isNewTheme = _useTheme.isNewTheme;
+
+  var intl = useIntl();
+
+  var _useExportResourcesCo = useExportResourcesContext(),
+      formik = _useExportResourcesCo.formik;
+
+  var _useApplicationContex = useApplicationContext(function (applicationContext) {
+    var _applicationContext$p;
+
+    return {
+      language: applicationContext.dataLocale,
+      languages: ((_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.languages) || []
+    };
+  }),
+      languages = _useApplicationContex.languages,
+      language = _useApplicationContex.language;
+
+  if (isNewTheme) return jsxs(Spacings.Stack, {
+    scale: "xxxl",
+    children: [jsx(PageContentNarrow, {
+      children: jsxs(Spacings.Stack, {
+        scale: "xl",
+        children: [jsx(SelectField, _objectSpread$3(_objectSpread$3({
+          isDisabled: true
+        }, formik.getFieldProps('outputFormat')), {}, {
+          title: intl.formatMessage(messages.outputFormat),
+          options: outputFormatOptions
+        })), jsx(TextField, _objectSpread$3(_objectSpread$3({
+          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$3(_objectSpread$3({
+            id: "languages",
+            title: intl.formatMessage(messages.localLanguage),
+            options: mapLanguagesToOptions(languages),
+            isMulti: true
+          }, formik.getFieldProps('languages')), {}, {
+            onChange: function onChange(e) {
+              formik.handleChange(e);
+              formik.setFieldValue('isAllLanguagesChecked', false);
+            },
+            touched: formik.touched.languages,
+            errors: formik.errors.languages,
+            renderError: renderLanguageError
+          })), jsx(CheckboxInput, {
+            name: "isAllLanguagesChecked",
+            isChecked: _valuesInstanceProperty(formik).isAllLanguagesChecked,
+            onChange: function onChange(e) {
+              if (e.target.checked) formik.setFieldValue('languages', languages);else formik.setFieldValue('languages', [language]);
+              formik.handleChange(e);
+            },
+            children: intl.formatMessage(messages.all)
+          })]
+        })]
+      })
+    }), jsx(PageContentWide, {
+      children: jsxs(Spacings.Stack, {
+        scale: "xxxl",
+        children: [jsx(ExportSelection, {}), jsx(ExportProperties, {
+          renderProperties: props.renderProperties
+        })]
+      })
+    })]
+  });
+  return jsxs(Spacings.Stack, {
+    scale: "l",
+    children: [jsxs(Spacings.Inline, {
+      scale: "l",
+      children: [jsx(SelectField, _objectSpread$3(_objectSpread$3({
+        isDisabled: true
+      }, formik.getFieldProps('outputFormat')), {}, {
+        title: intl.formatMessage(messages.outputFormat),
+        options: outputFormatOptions,
+        horizontalConstraint: 7
+      })), jsx(TextField, _objectSpread$3(_objectSpread$3({
+        title: intl.formatMessage(messages.fileName)
+      }, formik.getFieldProps('fileName')), {}, {
+        touched: formik.touched.fileName,
+        errors: formik.errors.fileName,
+        renderError: renderFileNameError,
+        horizontalConstraint: 7
+      }))]
+    }), jsx(Spacings.Inline, {
+      children: jsx(SelectField, _objectSpread$3(_objectSpread$3({
+        id: "languages",
+        title: jsxs(Spacings.Inline, {
+          scale: "s",
+          children: [jsx("label", {
+            htmlFor: "languages",
+            children: intl.formatMessage(messages.localLanguage)
+          }), jsx(CheckboxInput, {
+            name: "isAllLanguagesChecked",
+            isChecked: _valuesInstanceProperty(formik).isAllLanguagesChecked,
+            onChange: function onChange(e) {
+              if (e.target.checked) formik.setFieldValue('languages', languages);else formik.setFieldValue('languages', [language]);
+              formik.handleChange(e);
+            },
+            children: jsx("div", {
+              css: styles.notBold,
+              children: intl.formatMessage(messages.all)
+            })
+          })]
+        }),
+        options: mapLanguagesToOptions(languages),
+        isMulti: true
+      }, formik.getFieldProps('languages')), {}, {
+        onChange: function onChange(e) {
+          formik.handleChange(e);
+          formik.setFieldValue('isAllLanguagesChecked', false);
+        },
+        touched: formik.touched.languages,
+        errors: formik.errors.languages,
+        renderError: renderLanguageError,
+        horizontalConstraint: 7
+      }))
+    }), jsx(ExportSelection, {}), jsx(ExportProperties, {
+      renderProperties: props.renderProperties
+    })]
+  });
+}
+ExportFileSettings.displayName = 'ExportFileSettings';
+ExportFileSettings.propTypes = process.env.NODE_ENV !== "production" ? {
+  renderProperties: PropTypes.func
+} : {};
+
+function createExportOperation(_x) {
+  return _createExportOperation.apply(this, arguments);
+}
+
+function _createExportOperation() {
+  _createExportOperation = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
+    var projectKey, graphQuery, asyncDispatchFn, uri, response;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          projectKey = _ref.projectKey, graphQuery = _ref.graphQuery, asyncDispatchFn = _ref.asyncDispatchFn;
+          uri = "/proxy/export/".concat(projectKey, "/export-operations");
+          _context.next = 4;
+          return asyncDispatchFn(actions.post({
+            // FIXME: EXPORT is undefined
+            mcApiProxyTarget: MC_API_PROXY_TARGETS.EXPORT,
+            uri: uri,
+            headers: {
+              accept: 'application/json'
+            },
+            payload: {
+              query: graphQuery
+            }
+          }));
+
+        case 4:
+          response = _context.sent;
+          return _context.abrupt("return", response);
+
+        case 6:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _createExportOperation.apply(this, arguments);
+}
+
+function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys$2(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys$2(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ExportConfirmationModal(props) {
+  var _useApplicationContex = useApplicationContext(function (applicationContext) {
+    var _applicationContext$p, _applicationContext$p2;
+
+    return {
+      projectName: (_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.name,
+      projectKey: (_applicationContext$p2 = applicationContext.project) === null || _applicationContext$p2 === void 0 ? void 0 : _applicationContext$p2.key
+    };
+  }),
+      projectName = _useApplicationContex.projectName,
+      projectKey = _useApplicationContex.projectKey;
+
+  var _useExportResourcesCo = useExportResourcesContext(),
+      formik = _useExportResourcesCo.formik,
+      allResourcesCount = _useExportResourcesCo.allResourcesCount,
+      matchingResourcesCount = _useExportResourcesCo.matchingResourcesCount,
+      selectedResourceIds = _useExportResourcesCo.selectedResourceIds,
+      resourceType = _useExportResourcesCo.resourceType,
+      setExportOperationStarted = _useExportResourcesCo.setExportOperationStarted;
+
+  var intl = useIntl();
+  var asyncDispatch = useAsyncDispatch();
+  var resourceTypePlural = resourceTypeToPlural({
+    resourceType: props.resourceType
+  });
+
+  var countInConfirmationMessage = function countInConfirmationMessage() {
+    switch (_valuesInstanceProperty(formik).exportSelectionType) {
+      case EXPORT_SELECTION_TYPES.ALL_RESOURCES:
+        return allResourcesCount;
+
+      case EXPORT_SELECTION_TYPES.ONLY_MATCHING:
+        return matchingResourcesCount;
+
+      case EXPORT_SELECTION_TYPES.ONLY_SELECTED:
+        return selectedResourceIds.length;
+
+      default:
+        throw new UnexpectedSelectionTypeError(_valuesInstanceProperty(formik).exportSelectionType);
+    }
+  };
+
+  return jsx(ConfirmationDialog, {
+    dataAttributesPrimaryButton: {
+      'data-testid': 'confirm-export-button'
+    },
+    title: intl.formatMessage(messages.confirmationTitle, {
+      resourceType: resourceTypePlural
+    }),
+    labelPrimary: intl.formatMessage(messages.exportConfirmationLabel, {
+      resourceType: resourceTypePlural
+    }),
+    isOpen: props.isOpen,
+    onClose: props.closeModal,
+    onCancel: props.closeModal,
+    onConfirm: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var graphQuery, response;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setExportOperationStarted(false);
+            graphQuery = buildGraphQuery({
+              resourceType: resourceType,
+              selectedResourceIds: selectedResourceIds,
+              fields: _valuesInstanceProperty(formik).fields,
+              exportSelectionType: _valuesInstanceProperty(formik).exportSelectionType,
+              languages: _valuesInstanceProperty(formik).languages
+            });
+            props.closeModal();
+            _context.prev = 3;
+            _context.next = 6;
+            return createExportOperation({
+              projectKey: projectKey,
+              graphQuery: graphQuery,
+              asyncDispatchFn: asyncDispatch
+            });
+
+          case 6:
+            response = _context.sent;
+            _context.t0 = response.state;
+            _context.next = _context.t0 === EXPORT_OPERATION_STATES.PROCESSING ? 10 : _context.t0 === EXPORT_OPERATION_STATES.COMPLETED ? 10 : 12;
+            break;
+
+          case 10:
+            setExportOperationStarted(true);
+            return _context.abrupt("break", 13);
+
+          case 12:
+            throw new UnexpectedExportOperationStateError(response.state);
+
+          case 13:
+            _context.next = 18;
+            break;
+
+          case 15:
+            _context.prev = 15;
+            _context.t1 = _context["catch"](3);
+            showApiErrorNotification({
+              errors: _context.t1
+            });
+
+          case 18:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[3, 15]]);
+    })),
+    children: jsxs("div", {
+      children: [jsx(Text.Body, {
+        intlMessage: _objectSpread$2(_objectSpread$2({}, messages.confirmationBodyPlan), {}, {
+          values: {
+            resourceType: resourceTypePlural,
+            projectName: projectName,
+            count: countInConfirmationMessage(),
+            bold: getBold
+          }
+        })
+      }), jsx(Text.Body, {
+        intlMessage: messages.confirmationBodyQuestion
+      })]
+    })
+  });
+}
+ExportConfirmationModal.propTypes = process.env.NODE_ENV !== "production" ? {
+  isOpen: PropTypes.bool.isRequired,
+  resourceType: PropTypes.string.isRequired,
+  closeModal: PropTypes.func.isRequired
+} : {};
+
+function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var getExportLogsLink = function getExportLogsLink(projectKey, msg) {
+  return jsx(Link, {
+    to: "/".concat(projectKey, "/operations/export/logs"),
+    children: msg
+  });
+};
+
+function ExportOperationSuccessMessage(_ref) {
+  var isShown = _ref.isShown;
+
+  var _useApplicationContex = useApplicationContext(function (applicationContext) {
+    var _applicationContext$p;
+
+    return {
+      projectKey: (_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.key
+    };
+  }),
+      projectKey = _useApplicationContex.projectKey;
+
+  if (!isShown) return null;
+  return jsx("div", {
+    css: styles.successMessage,
+    "data-testid": "export-started-message",
+    children: jsx(Constraints.Horizontal, {
+      max: 16,
+      children: jsx(ContentNotification, {
+        type: "success",
+        intlMessage: _objectSpread$1(_objectSpread$1({}, messages.exportOperationSuccessMessage), {}, {
+          values: {
+            logsLink: function logsLink(msg) {
+              return getExportLogsLink(projectKey, msg);
+            }
+          }
+        })
+      })
+    })
+  });
+}
+ExportOperationSuccessMessage.propTypes = process.env.NODE_ENV !== "production" ? {
+  isShown: PropTypes.bool.isRequired
+} : {};
+
+var _excluded = ["renderProperties"];
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var ExportResourcesModal = function ExportResourcesModal(_ref) {
+  var renderProperties = _ref.renderProperties,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var intl = useIntl();
+  var confirmationModal = useModalState();
+  var resourceTypePlural = resourceTypeToPlural({
+    resourceType: props.resourceType
+  });
+  return jsx(ExportResourcesContextProvider, _objectSpread(_objectSpread({}, props), {}, {
+    children: jsx(ExportResourcesContext.Consumer, {
+      children: function children(_ref2) {
+        var formik = _ref2.formik,
+            exportOperationStarted = _ref2.exportOperationStarted;
+        return jsxs(FormModalPage, {
+          title: intl.formatMessage(messages.modalTitle, {
+            resourceType: resourceTypePlural
+          }),
+          isOpen: props.isOpen,
+          onClose: props.closeModal,
+          onSecondaryButtonClick: props.closeModal,
+          isPrimaryButtonDisabled: !formik.isValid,
+          labelPrimaryButton: intl.formatMessage(messages.exportButton, {
+            resourceType: resourceTypePlural
+          }),
+          subtitle: intl.formatMessage(messages.modalSubTitle),
+          topBarPreviousPathLabel: intl.formatMessage(messages.topBarPreviousPathLabel, {
+            resourceType: props.resourceType
+          }),
+          onPrimaryButtonClick: confirmationModal.openModal,
+          children: [jsx(ExportOperationSuccessMessage, {
+            isShown: exportOperationStarted
+          }), jsx(ExportFileSettings, {
+            renderProperties: renderProperties
+          }), jsx(ExportConfirmationModal, {
+            resourceType: props.resourceType,
+            isOpen: confirmationModal.isModalOpen,
+            closeModal: confirmationModal.closeModal
+          })]
+        });
+      }
+    })
+  }));
+};
+
+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.JSON
+};
+
+export { EXPORTABLE_RESOURCES, EXPORT_SELECTION_TYPES, ExportResourcesModal as default };