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

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

@@ -0,0 +1,1019 @@
+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 React, { useContext, createContext } from 'react';
+import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
+import { InfoDialog } 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 _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 '@commercetools-uikit/design-system';
+import { useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
+import moment from 'moment';
+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',
+  COMPLETED: 'completed',
+  FAILED: 'failed'
+};
+
+const EXPORT_TYPES = {
+  ALL: 'all',
+  FILTERED: 'filtered',
+  SELECTED: 'selected'
+};
+
+const EXPORTABLE_RESOURCES = {
+  CATEGORY: 'category',
+  PRODUCT: 'product',
+  DISCOUNT_CODE: 'discountCode'
+};
+
+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 UnexpectedExportTypeError = /*#__PURE__*/function (_Error) {
+  _inherits(UnexpectedExportTypeError, _Error);
+  var _super = _createSuper$3(UnexpectedExportTypeError);
+  function UnexpectedExportTypeError(exportType) {
+    var _this;
+    _classCallCheck(this, UnexpectedExportTypeError);
+    _this = _super.call(this, "Unexpected export type: ".concat(exportType));
+    _this.name = 'UnexpectedExportTypeError';
+    return _this;
+  }
+  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); }; }
+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; } }
+let 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 ExportResourcesProvider');
+    _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; } }
+let 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; } }
+let UnexpectedResourceTypeError = /*#__PURE__*/function (_Error) {
+  _inherits(UnexpectedResourceTypeError, _Error);
+  var _super = _createSuper(UnexpectedResourceTypeError);
+  function UnexpectedResourceTypeError(resourceType) {
+    var _this;
+    _classCallCheck(this, UnexpectedResourceTypeError);
+    _this = _super.call(this, "Unexpected resource type: ".concat(resourceType));
+    _this.name = 'UnexpectedResourceTypeError';
+    return _this;
+  }
+  return _createClass(UnexpectedResourceTypeError);
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+
+const _excluded$1 = ["name"];
+function ownKeys$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,
+    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 mapLocalesToOptions(locales) {
+  return _mapInstanceProperty(locales).call(locales, locale => ({
+    value: locale,
+    label: locale
+  }));
+}
+function replaceSpecialCharsWithUnderscore(string) {
+  return string.replace(/[^a-zA-Z0-9]/g, '_');
+}
+function isFilledArray(maybeArray) {
+  return _Array$isArray(maybeArray) && maybeArray.length;
+}
+function appendCsvOrJsonExtensionIfAbsent(fileName, fileFormat) {
+  var _context;
+  const extensionRegex = /\.(csv|json)$/i;
+  if (!extensionRegex.test(fileName)) return _concatInstanceProperty(_context = "".concat(fileName, ".")).call(_context, fileFormat);
+  return fileName;
+}
+function flattenNestedFields(fields) {
+  const result = (fields === null || fields === void 0 ? void 0 : _mapInstanceProperty(fields).call(fields, field => {
+    if (isFilledArray(field.fields)) {
+      var _context2;
+      return _mapInstanceProperty(_context2 = flattenNestedFields(field.fields)).call(_context2, nestedField => {
+        var _context3;
+        return _objectSpread$6(_objectSpread$6({}, nestedField), {}, {
+          name: _concatInstanceProperty(_context3 = "".concat(field.name, ".")).call(_context3, nestedField.name)
+        });
+      });
+    }
+    return field;
+  })) || [];
+  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, selected, or filtered) it constructs different types of queries:
+ * - For 'all', it generates a query that fetches all fields and locales specified in the export settings.
+ * - For 'selected', it creates a query that fetches only the fields and locales of the selected resources. The ids of the selected resources are included in the query.
+ * - The 'filtered' case is a placeholder for future development where a query will be constructed based on certain filtering criteria using the `where` parameter.
+ */
+function buildGraphQuery(exportSettings) {
+  var _context;
+  const operation = resourceTypeToOperationName(exportSettings.resourceType);
+  switch (exportSettings.exportType) {
+    case EXPORT_TYPES.ALL:
+      return query({
+        operation,
+        fields: [{
+          results: buildFields({
+            fields: exportSettings.fields,
+            locales: exportSettings.locales
+          })
+        }],
+        variables: {}
+      });
+    case EXPORT_TYPES.SELECTED:
+      return query({
+        operation,
+        fields: [{
+          results: buildFields({
+            fields: exportSettings.fields,
+            locales: exportSettings.locales
+          })
+        }],
+        variables: {
+          where: "id in (".concat(_mapInstanceProperty(_context = exportSettings.selectedResourceIds).call(_context, id => "\"".concat(id, "\"")).join(', '), ")")
+        }
+      });
+    case EXPORT_TYPES.FILTERED:
+      // TODO: gql query for exporting filtered resources.
+      throw new UnexpectedExportTypeError(exportSettings.exportType);
+    default:
+      throw new UnexpectedExportTypeError(exportSettings.exportType);
+  }
+}
+
+/*
+ * This function builds the necessary field structure for our GraphQL queries, tt is specifically designed to handle different types of fields
+ *
+ * For fields whose values change depending on the locale aka localised fields, a unique request format is used
+ * This format combines the field and the locale, separated by '______'. This approach is adopted as our system disallows the use of hyphens `-` in these situations
+ *
+ * Fields that don't vary by locale but contain additional subfields (known as 'nested fields') are also addressed
+ * In these cases the function is used recursively on these subfields to generate the appropriate request.
+ *
+ * Overall, this function enables us to accurately request different types of data, including those varying by locale or containing subfields.
+ *
+ * More details can be found in the related PR: https://github.com/commercetools/commercetools-exporter/pull/103
+ */
+
+function buildFields(_ref) {
+  var _context2;
+  let fields = _ref.fields,
+    locales = _ref.locales;
+  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.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.name]: buildFields({
+            fields: field.fields,
+            locales
+          })
+        };
+      }
+      return field.name;
+    }
+  })).call(_context2);
+}
+
+function validate(_ref) {
+  let values = _valuesInstanceProperty(_ref),
+    step = _ref.step;
+  const errors = {
+    fileName: {},
+    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)) {
+    errors.fileName.invalidInput = true;
+  }
+  if (values.locales.length < 1) {
+    errors.locales.missing = true;
+  }
+  //
+
+  // Only validate these fields on the 2nd step
+  if (step === 2) {
+    var _context;
+    const checkedFields = _filterInstanceProperty(_context = values.fields).call(_context, field => field.isChecked);
+    if (checkedFields.length < 2) {
+      errors.fields.missing = true;
+    }
+  }
+  return omitEmpty(errors);
+}
+
+const categoryColumnExtension = columns => {
+  const extendedColumns = [...columns];
+  const parentKeyIndex = _findIndexInstanceProperty(columns).call(columns, column => column === 'parent.key');
+  if (parentKeyIndex !== -1) {
+    _spliceInstanceProperty(extendedColumns).call(extendedColumns, parentKeyIndex + 1, 0, 'parent.typeId');
+  }
+  return extendedColumns;
+};
+const defaultColumnExtension = columns => columns;
+const columnExtensionByResourceType = {
+  default: defaultColumnExtension,
+  category: categoryColumnExtension
+};
+
+const extendColumns = (columns, resourceType) => {
+  const extensionFunction = columnExtensionByResourceType[resourceType] || columnExtensionByResourceType.default;
+  return extensionFunction(columns);
+};
+
+var messages = defineMessages({
+  modalTitle: {
+    id: 'ExportResourcesModal.modalTitle',
+    description: 'Label for the modal title',
+    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'
+  },
+  locale: {
+    id: 'ExportResourcesModal.locale',
+    description: 'Locale',
+    defaultMessage: 'Locale'
+  },
+  exportSelection: {
+    id: 'ExportResourcesModal.exportSelection',
+    description: 'Export selection',
+    defaultMessage: 'Export selection'
+  },
+  exportAllResources: {
+    id: 'ExportResourcesModal.exportAllResources',
+    description: 'Export All selection',
+    defaultMessage: 'Export all {resourceType} ({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}'
+  },
+  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'
+  },
+  exportOperationSuccessMessage: {
+    id: 'ExportResourcesModal.exportOperationSuccessMessage',
+    description: 'Success message',
+    defaultMessage: '<b>Your export has started.</b> <newline></newline><logsLink>Go to Export logs</logsLink> to view the progress and download the file.'
+  },
+  nothingApplied: {
+    id: 'ExportResourcesModal.nothingApplied',
+    description: 'Shown when there is no filter applied',
+    defaultMessage: 'nothing applied'
+  },
+  selectAllLocales: {
+    id: 'ExportResourcesModal.selectAllLocales',
+    description: 'label for "Select all locales" checkbox',
+    defaultMessage: 'Select all locales'
+  },
+  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'
+  },
+  missingLocaleError: {
+    id: 'ExportResourcesModal.missingLocaleError',
+    description: 'Error when no locale is selected',
+    defaultMessage: 'Please select at least one locale'
+  },
+  myViews: {
+    id: 'ExportResourcesModal.myViews',
+    description: 'Label for "My Views" Select Field',
+    defaultMessage: 'My Views'
+  },
+  selectColumnsToExport: {
+    id: 'ExportResourcesModal.selectColumnsToExport',
+    defaultMessage: 'Select columns to export'
+  },
+  back: {
+    id: 'ExportResourcesModal.back',
+    description: 'Label for "Back" button',
+    defaultMessage: 'Back'
+  },
+  startExport: {
+    id: 'ExportResourcesModal.startExport',
+    description: 'Label for "Start export" button',
+    defaultMessage: 'Start export'
+  },
+  continue: {
+    id: 'ExportResourcesModal.continue',
+    description: 'Label for "Continue" button',
+    defaultMessage: 'Continue'
+  },
+  columnDefinitions: {
+    id: 'ExportResourcesModal.columnDefinitions',
+    description: 'Label for "Column Definitions" link',
+    defaultMessage: 'Column definitions'
+  },
+  allGeneralFields: {
+    id: 'ExportResourcesModal.allGeneralFields',
+    description: 'Label for "All general fields" checkbox',
+    defaultMessage: 'All general fields'
+  }
+});
+
+function getBold(msg) {
+  return jsx(Text.Body, {
+    as: "span",
+    isBold: true,
+    children: msg
+  });
+}
+
+function getNewLine() {
+  return jsx("br", {});
+}
+
+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$5({}, messages.missingFileNameError));
+    case 'invalidInput':
+      return jsx(FormattedMessage, _objectSpread$5({}, messages.invalidFileNameError));
+    default:
+      return null;
+  }
+}
+function renderLocaleError(key) {
+  switch (key) {
+    case 'missing':
+      return jsx(FormattedMessage, _objectSpread$5({}, messages.missingLocaleError));
+    default:
+      return null;
+  }
+}
+
+function useExportResourcesContext() {
+  const context = useContext(ExportResourcesContext);
+  if (!context) {
+    throw new MissingExportResourceProviderError();
+  }
+  return context;
+}
+
+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 _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;
+  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
+    });
+  });
+  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,
+    fileFormat = _ref.fileFormat,
+    columns = _ref.columns,
+    locales = _ref.locales,
+    projectKey = _ref.projectKey,
+    graphQuery = _ref.graphQuery,
+    asyncDispatchFn = _ref.asyncDispatchFn;
+  const uri = "/proxy/export/".concat(projectKey, "/export-operations");
+  const response = await asyncDispatchFn(actions.post({
+    // FIXME: EXPORT is undefined
+    mcApiProxyTarget: MC_API_PROXY_TARGETS.EXPORT,
+    uri: uri,
+    headers: {
+      accept: 'application/json'
+    },
+    payload: {
+      fileName,
+      fileFormat,
+      columns,
+      locales,
+      query: graphQuery
+    }
+  }));
+  return response;
+}
+
+const useStartExportOperation = props => {
+  const intl = useIntl();
+  const asyncDispatch = useAsyncDispatch();
+  const showNotification = useShowNotification();
+  const _useApplicationContex = useApplicationContext(applicationContext => {
+      var _applicationContext$p;
+      return {
+        locale: applicationContext.dataLocale,
+        projectKey: (_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.key
+      };
+    }),
+    projectKey = _useApplicationContex.projectKey;
+  const startExportOperation = async values => {
+    const graphQuery = buildGraphQuery({
+      resourceType: props.resourceType,
+      exportType: props.exportType,
+      selectedResourceIds: props.selectedResourceIds,
+      fields: unflattenNestedFields(getSelectedFields(values.fields)),
+      locales: values.locales
+    });
+    try {
+      const response = await createExportOperation({
+        fileName: appendCsvOrJsonExtensionIfAbsent(values.fileName, values.outputFormat),
+        fileFormat: values.outputFormat,
+        locales: values.locales,
+        columns: extendColumns(getFieldNames(getSelectedFields(values.fields)), props.resourceType),
+        projectKey,
+        graphQuery,
+        asyncDispatchFn: asyncDispatch
+      });
+      switch (response.state) {
+        case EXPORT_OPERATION_STATES.PROCESSING:
+        case EXPORT_OPERATION_STATES.COMPLETED:
+          showNotification({
+            kind: 'info',
+            domain: DOMAINS.SIDE,
+            text: intl.formatMessage(messages.exportOperationSuccessMessage, {
+              newline: getNewLine,
+              logsLink: msg => getExportLogsLink(projectKey, msg),
+              b: getBold
+            })
+          }, {
+            dismissAfter: 5000
+          });
+          if (typeof props.onExportSuccess === 'function') props.onExportSuccess();
+          break;
+        default:
+          throw new UnexpectedExportOperationStateError(response.state);
+      }
+    } catch (errors) {
+      // TODO: custom error messages for each error type
+      showApiErrorNotification({
+        errors
+      });
+    } finally {
+      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({
+  isOpen: PropTypes.bool,
+  resourceType: PropTypes.string.isRequired,
+  outputFormat: PropTypes.string,
+  onClose: PropTypes.func,
+  onExportSuccess: 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,
+    validate: values => validate({
+      values,
+      step: currentStep
+    }),
+    onSubmit
+  });
+  React.useEffect(() => {
+    formik.validateForm();
+  }, [currentStep]);
+  return jsx(ExportResourcesContext.Provider, {
+    value: {
+      currentStep,
+      setCurrentStep,
+      formik,
+      resourceType: props.resourceType,
+      exportType: props.exportType,
+      totalResourcesCount: props.totalResourcesCount,
+      selectedResourceIds: props.selectedResourceIds
+    },
+    children: props.children
+  });
+};
+ExportResourcesProvider.displayName = 'ExportResourcesProvider';
+ExportResourcesProvider.propTypes = process.env.NODE_ENV !== "production" ? _objectSpread$1(_objectSpread$1({}, ExportResourcesModalShape), {}, {
+  children: PropTypes.node
+}) : {};
+
+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 = props => {
+  const intl = useIntl();
+  const resourceTypePlural = resourceTypeToPlural({
+    resourceType: props.resourceType
+  });
+  return jsx(ExportResourcesProvider, _objectSpread(_objectSpread({}, props), {}, {
+    children: jsx(InfoDialog, {
+      isOpen: props.isOpen,
+      title: intl.formatMessage(messages.modalTitle, {
+        resourceType: resourceTypePlural
+      }),
+      onClose: props.onClose,
+      size: 16,
+      children: jsx(CurrentStep, {})
+    })
+  }));
+};
+ExportResourcesModal.displayName = 'ExportResourcesModal';
+ExportResourcesModal.propTypes = process.env.NODE_ENV !== "production" ? ExportResourcesModalShape : {};
+ExportResourcesModal.defaultProps = {
+  isOpen: false,
+  selectedResourceIds: [],
+  exportType: EXPORT_TYPES.ALL,
+  outputFormat: OUTPUT_FORMATS.CSV
+};
+
+export { EXPORTABLE_RESOURCES, EXPORT_TYPES, ExportResourcesModal as default };