@commercetools-frontend-extensions/export-resources-modal 0.0.0-canary-20240507102123

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

@@ -0,0 +1,1241 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var uiKit = require('@commercetools-frontend/ui-kit');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+require('@commercetools-uikit/design-system');
+var reactIntl = require('react-intl');
+var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
+var applicationComponents = require('@commercetools-frontend/application-components');
+var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
+var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
+var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
+var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
+var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
+var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
+var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+var _wrapNativeSuper = require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
+var React = require('react');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+var moment = require('moment');
+var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
+var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
+var omitEmpty = require('omit-empty-es');
+var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
+var _flatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/flat');
+var _Set = require('@babel/runtime-corejs3/core-js-stable/set');
+var _sortInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/sort');
+require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
+var sdk = require('@commercetools-frontend/sdk');
+var actionsGlobal = require('@commercetools-frontend/actions-global');
+var constants = require('@commercetools-frontend/constants');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _styled = require('@emotion/styled/base');
+var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
+var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
+var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
+var throttle = require('lodash/throttle');
+var react = require('@emotion/react');
+var get = require('lodash/get');
+require('prop-types');
+var formik = require('formik');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
+var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
+var React__default = /*#__PURE__*/_interopDefault(React);
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
+var moment__default = /*#__PURE__*/_interopDefault(moment);
+var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
+var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
+var omitEmpty__default = /*#__PURE__*/_interopDefault(omitEmpty);
+var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
+var _flatInstanceProperty__default = /*#__PURE__*/_interopDefault(_flatInstanceProperty);
+var _Set__default = /*#__PURE__*/_interopDefault(_Set);
+var _sortInstanceProperty__default = /*#__PURE__*/_interopDefault(_sortInstanceProperty);
+var _indexOfInstanceProperty__default = /*#__PURE__*/_interopDefault(_indexOfInstanceProperty);
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var _everyInstanceProperty__default = /*#__PURE__*/_interopDefault(_everyInstanceProperty);
+var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
+var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
+var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
+var throttle__default = /*#__PURE__*/_interopDefault(throttle);
+var get__default = /*#__PURE__*/_interopDefault(get);
+
+function getBold(msg) {
+  return jsxRuntime.jsx(uiKit.Text.Body, {
+    as: "span",
+    isBold: true,
+    children: msg
+  });
+}
+
+function getNewLine() {
+  return jsxRuntime.jsx("br", {});
+}
+
+var messages = reactIntl.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.'
+  },
+  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'
+  },
+  selectFieldsToExport: {
+    id: 'ExportResourcesModal.selectFieldsToExport',
+    defaultMessage: 'Select fields 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'
+  },
+  fieldDefinitions: {
+    id: 'ExportResourcesModal.fieldDefinitions',
+    description: 'Label for "Field definitions" link',
+    defaultMessage: 'Field definitions'
+  },
+  allGeneralFields: {
+    id: 'ExportResourcesModal.allGeneralFields',
+    description: 'Label for "All general fields" checkbox',
+    defaultMessage: 'All general fields'
+  },
+  allCustomFields: {
+    id: 'ExportResourcesModal.allCustomFields',
+    description: 'Label for "All custom fields" checkbox',
+    defaultMessage: 'All custom fields'
+  },
+  customTypeKeyAndTypeId: {
+    id: 'ExportResourcesModal.customTypeKeyAndTypeId',
+    description: 'Label for "Custom type key and typeId" checkbox',
+    defaultMessage: 'Custom type key and typeId'
+  },
+  unexpectedError: {
+    id: 'ExportResourcesModal.unexpectedError',
+    description: 'Generic notification message when starting export process fails',
+    defaultMessage: 'An error occurred while starting the export process. Please try again or contact support if the problem persists.'
+  },
+  searchForFields: {
+    id: 'ExportResourcesModal.searchForFields',
+    description: 'Placeholder for "Search for fields" search input',
+    defaultMessage: 'Search for fields'
+  },
+  thereAreNoResults: {
+    id: 'ExportResourcesModal.thereAreNoResults',
+    description: 'No search results message',
+    defaultMessage: 'There are no results that match your search.'
+  },
+  suggestions: {
+    id: 'ExportResourcesModal.suggestions',
+    description: 'In Export fields selection - Suggestions message',
+    defaultMessage: 'Suggestions:'
+  },
+  checkTheSpelling: {
+    id: 'ExportResourcesModal.checkTheSpelling',
+    description: 'In Export fields selection - Check the spelling message',
+    defaultMessage: 'Check the spelling.'
+  },
+  searchByEnteringTheExactFieldName: {
+    id: 'ExportResourcesModal.searchByEnteringTheExactFieldName',
+    description: 'In Export fields selection - Search by entering the exact field name message',
+    defaultMessage: 'Try searching by entering the exact field name.'
+  }
+});
+
+function ownKeys$6(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$6(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function renderFileNameError(key) {
+  switch (key) {
+    case 'missing':
+      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$6({}, messages.missingFileNameError));
+    case 'invalidInput':
+      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$6({}, messages.invalidFileNameError));
+    default:
+      return null;
+  }
+}
+function renderLocaleError(key) {
+  switch (key) {
+    case 'missing':
+      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$6({}, messages.missingLocaleError));
+    default:
+      return null;
+  }
+}
+
+const Z_INDEX_DROPDOWN = 30000;
+
+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 FIELD_DEFINITIONS_URLS = {
+  category: 'https://docs.commercetools.com/merchant-center/import-categories#supported-headers-and-values'
+};
+
+function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct$4() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$4 = function () { return !!t; })(); }
+let UnexpectedExportTypeError = /*#__PURE__*/function (_Error) {
+  _inherits(UnexpectedExportTypeError, _Error);
+  var _super = _createSuper$4(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$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct$3() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$3 = function () { return !!t; })(); }
+let MissingExportResourceProviderError = /*#__PURE__*/function (_Error) {
+  _inherits(MissingExportResourceProviderError, _Error);
+  var _super = _createSuper$3(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$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function () { return !!t; })(); }
+let UnexpectedExportOperationStateError = /*#__PURE__*/function (_Error) {
+  _inherits(UnexpectedExportOperationStateError, _Error);
+  var _super = _createSuper$2(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$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function () { return !!t; })(); }
+let UnexpectedResourceTypeError = /*#__PURE__*/function (_Error) {
+  _inherits(UnexpectedResourceTypeError, _Error);
+  var _super = _createSuper$1(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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
+let InvalidResponseError = /*#__PURE__*/function (_Error) {
+  _inherits(InvalidResponseError, _Error);
+  var _super = _createSuper(InvalidResponseError);
+  function InvalidResponseError(message) {
+    var _this;
+    _classCallCheck(this, InvalidResponseError);
+    _this = _super.call(this, message);
+    _this.name = 'InvalidResponseError';
+    return _this;
+  }
+  return _createClass(InvalidResponseError);
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+
+function useExportResourcesContext() {
+  const context = React.useContext(ExportResourcesContext);
+  if (!context) {
+    throw new MissingExportResourceProviderError();
+  }
+  return context;
+}
+
+function checkAtLeastOneFieldChecked$1(fields) {
+  return _someInstanceProperty__default["default"](fields).call(fields, field => {
+    if (field.fields) {
+      return field.isChecked || checkAtLeastOneFieldChecked$1(field.fields);
+    }
+    return field.isChecked;
+  });
+}
+function validate(_ref) {
+  let values = _valuesInstanceProperty__default["default"](_ref),
+    step = _ref.step;
+  const fileName = values.fileName,
+    locales = values.locales,
+    groups = values.groups;
+  const errors = {
+    fileName: {},
+    locales: {},
+    fields: {}
+  };
+  if (uiKit.TextInput.isEmpty(fileName)) {
+    // @ts-ignore
+    errors.fileName.missing = true;
+  } else if (!/^[a-zA-Z0-9-_.]+$/.test(fileName)) {
+    // @ts-ignore
+    errors.fileName.invalidInput = true;
+  }
+  if (locales.length < 1) {
+    // @ts-ignore
+    errors.locales.missing = true;
+  }
+  if (step === 2) {
+    const allFields = _reduceInstanceProperty__default["default"](groups).call(groups, (acc, group) => _concatInstanceProperty__default["default"](acc).call(acc, group.fields), []);
+    const checkedFieldsCount = _filterInstanceProperty__default["default"](allFields).call(allFields, field => {
+      if (field.fields) return checkAtLeastOneFieldChecked$1(field.fields);
+      return !field.isRequired && !field.isReadOnly && field.isChecked;
+    }).length;
+    if (checkedFieldsCount < 1) {
+      // @ts-ignore
+      errors.fields.missing = true;
+    }
+  }
+  return omitEmpty__default["default"](errors);
+}
+
+function ownKeys$5(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys$5(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$5(Object(t))).call(_context6, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function resourceTypeToDisplayName(_ref) {
+  let resourceType = _ref.resourceType,
+    _ref$isUpperCase = _ref.isUpperCase,
+    isUpperCase = _ref$isUpperCase === void 0 ? false : _ref$isUpperCase,
+    _ref$isPlural = _ref.isPlural,
+    isPlural = _ref$isPlural === void 0 ? false : _ref$isPlural;
+  let displayName;
+  switch (resourceType) {
+    case EXPORTABLE_RESOURCES.CATEGORY:
+      displayName = isPlural ? 'Categories' : 'Category';
+      break;
+    case EXPORTABLE_RESOURCES.PRODUCT:
+      displayName = isPlural ? 'Products' : 'Product';
+      break;
+    case EXPORTABLE_RESOURCES.DISCOUNT_CODE:
+      displayName = isPlural ? 'Discount codes' : 'Discount code';
+      break;
+    default:
+      throw UnexpectedResourceTypeError(resourceType);
+  }
+  return isUpperCase ? displayName : displayName.toLowerCase();
+}
+function mapLocalesToOptions(locales) {
+  return _mapInstanceProperty__default["default"](locales).call(locales, locale => ({
+    value: locale,
+    label: locale
+  }));
+}
+function isFilledArray(maybeArray) {
+  return _Array$isArray__default["default"](maybeArray) && maybeArray.length;
+}
+function appendCsvOrJsonExtensionIfAbsent(fileName, fileFormat) {
+  var _context;
+  const extensionRegex = /\.(csv|json)$/i;
+  if (!extensionRegex.test(fileName)) return _concatInstanceProperty__default["default"](_context = "".concat(fileName, ".")).call(_context, fileFormat);
+  return fileName;
+}
+function flattenNestedFields(fields) {
+  const result = (fields === null || fields === void 0 ? void 0 : _mapInstanceProperty__default["default"](fields).call(fields, field => {
+    if (isFilledArray(field.fields)) {
+      var _context2;
+      return _mapInstanceProperty__default["default"](_context2 = flattenNestedFields(field.fields)).call(_context2, nestedField => {
+        var _context3;
+        return _objectSpread$5(_objectSpread$5({}, nestedField), {}, {
+          name: _concatInstanceProperty__default["default"](_context3 = "".concat(field.name, ".")).call(_context3, nestedField.name)
+        });
+      });
+    }
+    return field;
+  })) || [];
+  return _flatInstanceProperty__default["default"](result).call(result);
+}
+function checkRequiredFields(fields) {
+  return _mapInstanceProperty__default["default"](fields).call(fields, field => field.isRequired ? _objectSpread$5(_objectSpread$5({}, field), {}, {
+    isChecked: true
+  }) : field);
+}
+function getExportLogsLink(projectKey, msg) {
+  return jsxRuntime.jsx(uiKit.Link, {
+    to: "/".concat(projectKey, "/operations/export/logs"),
+    children: msg
+  });
+}
+function setInitialCheckedStateForCustomFields(customFields) {
+  return _mapInstanceProperty__default["default"](customFields).call(customFields, customType => {
+    var _context4;
+    return _objectSpread$5(_objectSpread$5({}, customType), {}, {
+      fields: _mapInstanceProperty__default["default"](_context4 = customType.fields).call(_context4, field => _objectSpread$5(_objectSpread$5({}, field), {}, {
+        isChecked: false
+      }))
+    });
+  });
+}
+const extractFieldNamesAndAdditionalFieldExtensions = fields => {
+  const result = _reduceInstanceProperty__default["default"](fields).call(fields, (acc, field) => {
+    if (field.additionalFieldExtensions) {
+      return [...acc, ...field.additionalFieldExtensions, field.name];
+    }
+    return [...acc, field.name];
+  }, []);
+  return [...new _Set__default["default"](result)];
+};
+function sortFieldsByFieldOrder(_ref2) {
+  let fields = _ref2.fields,
+    fieldOrder = _ref2.fieldOrder;
+  if (isFilledArray(fieldOrder)) {
+    return _sortInstanceProperty__default["default"](fields).call(fields, (a, b) => {
+      let orderA = _indexOfInstanceProperty__default["default"](fieldOrder).call(fieldOrder, a) !== -1 ? _indexOfInstanceProperty__default["default"](fieldOrder).call(fieldOrder, a) : _indexOfInstanceProperty__default["default"](fieldOrder).call(fieldOrder, a.split('.')[0]);
+      let orderB = _indexOfInstanceProperty__default["default"](fieldOrder).call(fieldOrder, b) !== -1 ? _indexOfInstanceProperty__default["default"](fieldOrder).call(fieldOrder, b) : _indexOfInstanceProperty__default["default"](fieldOrder).call(fieldOrder, b.split('.')[0]);
+
+      // If a field is not 'custom',then consider it as '*'
+      orderA = orderA === -1 ? _indexOfInstanceProperty__default["default"](fieldOrder).call(fieldOrder, '*') : orderA;
+      orderB = orderB === -1 ? _indexOfInstanceProperty__default["default"](fieldOrder).call(fieldOrder, '*') : orderB;
+      return orderA - orderB;
+    });
+  }
+  return fields;
+}
+
+// TODO: remove this function when filters are passed directly from parent views
+// This function is temporary and will be removed in the future
+// Later, filters will be passed directly from parent views (category, product...) instead of being built within the Export resources modal
+// The `selectedResourceIds` prop will also be removed
+function tmpBuildFilters(selectedResourceIds) {
+  if (!selectedResourceIds || (selectedResourceIds === null || selectedResourceIds === void 0 ? void 0 : selectedResourceIds.length) === 0) return undefined;
+  const formattedIds = _mapInstanceProperty__default["default"](selectedResourceIds).call(selectedResourceIds, id => "\"".concat(id, "\"")).join(', ');
+  return ["id in (".concat(formattedIds, ")")];
+}
+
+function ownKeys$4(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const updateFieldGroupsWithIsCheckedValue = groups => {
+  const updateFields = (fields, parentChecked) => {
+    return _mapInstanceProperty__default["default"](fields).call(fields, field => {
+      var _field$isRequired;
+      let isChecked = ((_field$isRequired = field.isRequired) !== null && _field$isRequired !== void 0 ? _field$isRequired : !field.isReadOnly && field.isSelectedByDefault) || parentChecked;
+      if (field.fields) {
+        const updatedFields = updateFields(field.fields, isChecked);
+        isChecked = false;
+        field.fields = updatedFields;
+      }
+      return _objectSpread$4(_objectSpread$4({}, field), {}, {
+        isChecked
+      });
+    });
+  };
+  return _mapInstanceProperty__default["default"](groups).call(groups, group => {
+    const updatedFields = updateFields(group.fields, false);
+    return _objectSpread$4(_objectSpread$4({}, group), {}, {
+      fields: updatedFields
+    });
+  });
+};
+const updateFieldGroupWithAdditionalFieldExtensions = groups => {
+  function updateAdditionalFieldExtensions(fields, additionalFieldExtensions) {
+    return _mapInstanceProperty__default["default"](fields).call(fields, field => {
+      const updatedAdditionalFieldExtensions = [...additionalFieldExtensions, ...(field.additionalFieldExtensions || [])];
+      if (field.fields) {
+        field.fields = updateAdditionalFieldExtensions(field.fields, updatedAdditionalFieldExtensions);
+      }
+      return _objectSpread$4(_objectSpread$4({}, field), {}, {
+        additionalFieldExtensions: updatedAdditionalFieldExtensions
+      });
+    });
+  }
+  return _mapInstanceProperty__default["default"](groups).call(groups, group => {
+    return _objectSpread$4(_objectSpread$4({}, group), {}, {
+      fields: updateAdditionalFieldExtensions(group.fields, group.additionalFieldExtensions || [])
+    });
+  });
+};
+
+const _excluded = ["isSelectedByDefault"];
+function ownKeys$3(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$3(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$3(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const useInitialValues = props => {
+  var _context;
+  const todayFormatted = moment__default["default"]().format('DD-MM-YY_HH-mm');
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
+      locale: applicationContext.dataLocale
+    })),
+    locale = _useApplicationContex.locale;
+  const fields = _mapInstanceProperty__default["default"](_context = flattenNestedFields(props.fields)).call(_context, _ref => {
+    let isSelectedByDefault = _ref.isSelectedByDefault,
+      field = _objectWithoutProperties(_ref, _excluded);
+    return _objectSpread$3(_objectSpread$3({}, field), {}, {
+      isChecked: isSelectedByDefault !== null && isSelectedByDefault !== void 0 ? isSelectedByDefault : true
+    });
+  });
+  const groups = updateFieldGroupsWithIsCheckedValue(props.fieldGroups);
+  return React__default["default"].useMemo(() => {
+    var _context2;
+    return {
+      outputFormat: props.outputFormat,
+      fileName: _concatInstanceProperty__default["default"](_context2 = "".concat(resourceTypeToDisplayName({
+        resourceType: props.resourceType,
+        isUpperCase: true,
+        isPlural: true
+      }), "_Export_")).call(_context2, todayFormatted),
+      locales: [locale],
+      fields: checkRequiredFields(fields),
+      customFields: setInitialCheckedStateForCustomFields(props.customFields),
+      groups: updateFieldGroupWithAdditionalFieldExtensions(groups)
+    };
+  }, [props, locale, todayFormatted, fields, groups]);
+};
+
+async function createExportOperation(_ref) {
+  let projectKey = _ref.projectKey,
+    resourceType = _ref.resourceType,
+    fileName = _ref.fileName,
+    fileFormat = _ref.fileFormat,
+    fields = _ref.fields,
+    locales = _ref.locales,
+    filters = _ref.filters,
+    asyncDispatchFn = _ref.asyncDispatchFn;
+  const uri = "/proxy/export/".concat(projectKey, "/export-operations");
+  const response = await asyncDispatchFn(sdk.actions.post({
+    // FIXME: EXPORT is undefined
+    mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.EXPORT,
+    uri: uri,
+    headers: {
+      accept: 'application/json'
+    },
+    payload: {
+      resourceType,
+      fileName,
+      fileFormat,
+      fields,
+      locales,
+      filters
+    }
+  }));
+  if (!response.state) throw new InvalidResponseError('Invalid response');
+  return response;
+}
+
+const useStartExportOperation = props => {
+  const intl = reactIntl.useIntl();
+  const asyncDispatch = sdk.useAsyncDispatch();
+  const showNotification = actionsGlobal.useShowNotification();
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => {
+      var _applicationContext$p;
+      return {
+        locale: applicationContext.dataLocale,
+        projectKey: (_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.key
+      };
+    }),
+    projectKey = _useApplicationContex.projectKey;
+  const extractFieldsFromGroups = groups => {
+    let selectedGeneralFields = [];
+    const getSelectedFields = fields => {
+      return _filterInstanceProperty__default["default"](fields).call(fields, field => {
+        var _field$isChecked;
+        if (field.fields) {
+          return getSelectedFields(field.fields);
+        }
+        if (field.isChecked) selectedGeneralFields.push(field);
+        return (_field$isChecked = field.isChecked) !== null && _field$isChecked !== void 0 ? _field$isChecked : false;
+      });
+    };
+    _forEachInstanceProperty__default["default"](groups).call(groups, group => {
+      getSelectedFields(group.fields);
+    });
+    return sortFieldsByFieldOrder({
+      fields: extractFieldNamesAndAdditionalFieldExtensions(selectedGeneralFields),
+      fieldOrder: props.fieldOrder
+    });
+  };
+  const startExportOperation = async values => {
+    try {
+      const fields = extractFieldsFromGroups(values.groups);
+      const filters = tmpBuildFilters(props.selectedResourceIds);
+      const response = await createExportOperation({
+        projectKey,
+        resourceType: props.resourceType,
+        fileName: appendCsvOrJsonExtensionIfAbsent(values.fileName, values.outputFormat),
+        fileFormat: values.outputFormat,
+        locales: values.locales,
+        fields,
+        filters,
+        asyncDispatchFn: asyncDispatch
+      });
+      switch (response.state) {
+        case EXPORT_OPERATION_STATES.PROCESSING:
+        case EXPORT_OPERATION_STATES.COMPLETED:
+          showNotification({
+            kind: 'info',
+            domain: constants.DOMAINS.SIDE,
+            // @ts-ignore
+            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 (error) {
+      // TODO: custom error messages for each error type
+      showNotification({
+        text: intl.formatMessage(messages.unexpectedError),
+        kind: 'error',
+        domain: constants.DOMAINS.PAGE
+      });
+    } finally {
+      if (typeof props.onClose === 'function') props.onClose();
+    }
+  };
+  return {
+    startExportOperation
+  };
+};
+
+function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ExportTextMessage() {
+  const intl = reactIntl.useIntl();
+  const _useExportResourcesCo = useExportResourcesContext(),
+    resourceType = _useExportResourcesCo.resourceType,
+    totalResourcesCount = _useExportResourcesCo.totalResourcesCount,
+    selectedResourceIds = _useExportResourcesCo.selectedResourceIds,
+    exportType = _useExportResourcesCo.exportType;
+  const resourceTypePlural = resourceTypeToDisplayName({
+    resourceType: resourceType,
+    isPlural: true
+  });
+  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 jsxRuntime.jsx(uiKit.Text.Body, {
+    "data-testid": "export-description",
+    intlMessage: _objectSpread$2(_objectSpread$2({}, message), {}, {
+      values: {
+        count: intl.formatNumber(count),
+        resourceType: resourceTypePlural,
+        b: getBold
+      }
+    })
+  });
+}
+
+const ExportFileSettingsStep = () => {
+  const intl = reactIntl.useIntl();
+  const _useExportResourcesCo = useExportResourcesContext(),
+    formik = _useExportResourcesCo.formik,
+    resourceType = _useExportResourcesCo.resourceType,
+    onClose = _useExportResourcesCo.onClose;
+  const resourceTypePlural = resourceTypeToDisplayName({
+    resourceType: resourceType,
+    isPlural: true
+  });
+  const _useApplicationContex = applicationShellConnectors.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__default["default"](formik).locales.length === locales.length;
+  return jsxRuntime.jsx(applicationComponents.FormDialog, {
+    isOpen: true,
+    title: intl.formatMessage(messages.modalTitle, {
+      resourceType: resourceTypePlural
+    }),
+    labelPrimary: intl.formatMessage(messages.continue),
+    onPrimaryButtonClick: formik.submitForm,
+    isPrimaryButtonDisabled: !formik.isValid,
+    onSecondaryButtonClick: onClose,
+    onClose: onClose,
+    size: 16,
+    children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+      scale: "xxxl",
+      children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+        scale: "l",
+        children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+          alignItems: "center",
+          children: [jsxRuntime.jsx(uiKit.ExportIcon, {
+            size: "medium",
+            color: "neutral60"
+          }), jsxRuntime.jsx(ExportTextMessage, {})]
+        }), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+          scale: "m",
+          children: [jsxRuntime.jsx(uiKit.SelectField, {
+            name: "outputFormat",
+            onChange: formik.handleChange,
+            onBlur: formik.handleBlur,
+            value: _valuesInstanceProperty__default["default"](formik).outputFormat,
+            title: intl.formatMessage(messages.outputFormat),
+            options: OUTPUT_FORMAT_OPTIONS
+          }), jsxRuntime.jsx(uiKit.TextField, {
+            name: "fileName",
+            onChange: formik.handleChange,
+            onBlur: formik.handleBlur,
+            value: _valuesInstanceProperty__default["default"](formik).fileName,
+            title: intl.formatMessage(messages.fileName),
+            touched: formik.touched.fileName,
+            errors: formik.errors.fileName,
+            renderError: renderFileNameError
+          }), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+            scale: "xs",
+            children: [jsxRuntime.jsx(uiKit.SelectField, {
+              id: "locales",
+              name: "locales",
+              value: _valuesInstanceProperty__default["default"](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,
+              menuPortalTarget: document.body,
+              menuPortalZIndex: Z_INDEX_DROPDOWN
+            }), jsxRuntime.jsx(uiKit.CheckboxInput, {
+              isChecked: areAllLocalesChecked,
+              onChange: e => {
+                if (e.target.checked) formik.setFieldValue('locales', locales);else formik.setFieldValue('locales', [locale]);
+              },
+              children: intl.formatMessage(messages.selectAllLocales)
+            })]
+          })]
+        })]
+      }), jsxRuntime.jsx("div", {})]
+    })
+  });
+};
+
+var _ref = {
+  name: "ti75j2",
+  styles: "margin:0"
+} ;
+const NoSearchResults = () => {
+  return jsxRuntime.jsxs(uiKit.Card, {
+    insetScale: "xl",
+    children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+      scale: "s",
+      children: [jsxRuntime.jsx(uiKit.Text.Body, {
+        fontWeight: "medium",
+        intlMessage: messages.thereAreNoResults
+      }), jsxRuntime.jsx(uiKit.Text.Body, {
+        intlMessage: messages.suggestions
+      })]
+    }), jsxRuntime.jsxs("ul", {
+      css: _ref,
+      children: [jsxRuntime.jsx("li", {
+        children: jsxRuntime.jsx(uiKit.Text.Body, {
+          intlMessage: messages.checkTheSpelling
+        })
+      }), jsxRuntime.jsx("li", {
+        children: jsxRuntime.jsx(uiKit.Text.Body, {
+          intlMessage: messages.searchByEnteringTheExactFieldName
+        })
+      })]
+    })]
+  });
+};
+
+function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context7, _context8; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context7 = ownKeys$1(Object(t), !0)).call(_context7, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context8 = ownKeys$1(Object(t))).call(_context8, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const StyledGroupCard = /*#__PURE__*/_styled__default["default"](uiKit.Card, {
+  target: "e3xiyhb1"
+} )("border-right:", uiKit.designTokens.borderWidth1, " solid ", uiKit.designTokens.colorNeutral90, ";background-color:", uiKit.designTokens.colorNeutral98, ";height:100%;border-radius:0;", props => props.showTopBorder && /*#__PURE__*/react.css("border-top:", uiKit.designTokens.borderWidth1, " solid ", uiKit.designTokens.colorNeutral90, ";" + ("" ), "" ), ";" + ("" ));
+const StyledFieldsCard = /*#__PURE__*/_styled__default["default"](uiKit.Card, {
+  target: "e3xiyhb0"
+} )("border-radius:0;", props => props.showTopBorder && /*#__PURE__*/react.css("border-top:", uiKit.designTokens.borderWidth1, " solid ", uiKit.designTokens.colorNeutral90, ";" + ("" ), "" ), ";" + ("" ));
+const FieldSections = _ref => {
+  let fields = _ref.fields,
+    parentKeys = _ref.parentKeys,
+    formik = _ref.formik,
+    isAnySiblingChecked = _ref.isAnySiblingChecked;
+  return jsxRuntime.jsx(uiKit.Spacings.Stack, {
+    scale: "s",
+    children: fields === null || fields === void 0 ? void 0 : _mapInstanceProperty__default["default"](fields).call(fields, (field, index) => {
+      var _context, _field$fields3;
+      const isAtleastOneChildChecked = () => {
+        function checkAtLeastOneFieldChecked(fields) {
+          return fields === null || fields === void 0 ? void 0 : _someInstanceProperty__default["default"](fields).call(fields, field => {
+            if (field.fields) {
+              return field.isChecked || checkAtLeastOneFieldChecked(field.fields);
+            }
+            return field.isChecked;
+          });
+        }
+        return checkAtLeastOneFieldChecked(field.fields);
+      };
+      const isAnyOfTheChildFieldsChecked = isAtleastOneChildChecked();
+      if (field.isHidden) return null;
+      return jsxRuntime.jsxs(React__default["default"].Fragment, {
+        children: [jsxRuntime.jsxs(uiKit.CheckboxInput, {
+          isChecked: field.isReadOnly ? isAnySiblingChecked : isAnyOfTheChildFieldsChecked || field.isChecked,
+          isReadOnly: field.isReadOnly || field.isRequired,
+          onChange: e => {
+            var _context2, _field$fields2;
+            const path = _concatInstanceProperty__default["default"](_context2 = "".concat(parentKeys.join('.'), ".fields[")).call(_context2, index, "]");
+            // Update all child fields
+            const updateAllChildFieldsChecked = (path, checked) => {
+              const item = get__default["default"](_valuesInstanceProperty__default["default"](formik), path);
+              if (item && item.fields) {
+                var _context3;
+                _forEachInstanceProperty__default["default"](_context3 = item.fields).call(_context3, (field, i) => {
+                  var _context4, _field$fields;
+                  const fieldPath = _concatInstanceProperty__default["default"](_context4 = "".concat(path, ".fields[")).call(_context4, i, "]");
+                  if (!((_field$fields = field.fields) !== null && _field$fields !== void 0 && _field$fields.length)) {
+                    formik.setFieldValue("".concat(fieldPath, ".isChecked"), checked,
+                    // pass `false` to avoid revalidating the form with intermediate values
+                    false);
+                  }
+                  updateAllChildFieldsChecked(fieldPath, checked);
+                });
+              }
+            };
+            if (!((_field$fields2 = field.fields) !== null && _field$fields2 !== void 0 && _field$fields2.length)) {
+              formik.setFieldValue("".concat(path, ".isChecked"), e.target.checked,
+              // pass `false` to avoid revalidating the form with intermediate values
+              false);
+            }
+            updateAllChildFieldsChecked(path, e.target.checked);
+          },
+          children: [field.label, " ", field.isRequired && '*']
+        }), field.fields && ((_field$fields3 = field.fields) === null || _field$fields3 === void 0 ? void 0 : _field$fields3.length) > 0 && jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+          scale: "l",
+          children: [jsxRuntime.jsx("div", {}), jsxRuntime.jsx(FieldSections, {
+            fields: field.fields,
+            formik: formik,
+            parentKeys: [...parentKeys, "fields[".concat(index, "]")],
+            isAnySiblingChecked: isAnySiblingChecked
+          })]
+        })]
+      }, _concatInstanceProperty__default["default"](_context = "".concat(field.name, "-")).call(_context, index));
+    })
+  });
+};
+function checkAllFieldsSelected(fields) {
+  return _everyInstanceProperty__default["default"](fields).call(fields, field => {
+    if (field.fields) {
+      return checkAllFieldsSelected(field.fields);
+    }
+    return field.isChecked || field.isRequired || field.isReadOnly;
+  });
+}
+function checkAtLeastOneFieldChecked(fields) {
+  return _someInstanceProperty__default["default"](fields).call(fields, field => {
+    if (field.fields) {
+      return field.isChecked || checkAtLeastOneFieldChecked(field.fields);
+    }
+    return field.isChecked;
+  });
+}
+const FieldGroupSection = _ref2 => {
+  let group = _ref2.group,
+    index = _ref2.index,
+    formik = _ref2.formik;
+  const allAllFieldsSelected = React__default["default"].useMemo(() => checkAllFieldsSelected(group.fields), [group.fields]);
+  const isAtleastOneFieldChecked = React__default["default"].useMemo(() => checkAtLeastOneFieldChecked(group.fields), [group.fields]);
+  const parentKey = "groups[".concat(index, "]");
+  const handleChangeAllFields = e => {
+    const item = get__default["default"](_valuesInstanceProperty__default["default"](formik), parentKey);
+    function updateAllFields(fields, checked) {
+      return _mapInstanceProperty__default["default"](fields).call(fields, field => {
+        if (field.fields) {
+          return _objectSpread$1(_objectSpread$1({}, field), {}, {
+            fields: updateAllFields(field.fields, checked)
+          });
+        }
+        if (field.isReadOnly || field.isRequired) return field;
+        return _objectSpread$1(_objectSpread$1({}, field), {}, {
+          isChecked: checked
+        });
+      });
+    }
+    formik.setFieldValue(parentKey, _objectSpread$1(_objectSpread$1({}, item), {}, {
+      fields: updateAllFields(item.fields, e.target.checked)
+    }));
+  };
+  if (group.isHidden) return null;
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx(uiKit.Grid.Item, {
+      children: jsxRuntime.jsx(StyledGroupCard, {
+        type: "flat",
+        insetScale: "l",
+        showTopBorder: true,
+        children: jsxRuntime.jsx(uiKit.CheckboxInput, {
+          isIndeterminate: !allAllFieldsSelected && isAtleastOneFieldChecked,
+          isChecked: allAllFieldsSelected,
+          onChange: handleChangeAllFields,
+          children: group.groupLabel
+        })
+      })
+    }), jsxRuntime.jsx(uiKit.Grid.Item, {
+      children: jsxRuntime.jsx(StyledFieldsCard, {
+        type: "flat",
+        insetScale: "l",
+        showTopBorder: true,
+        children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
+          scale: "s",
+          children: jsxRuntime.jsx(FieldSections, {
+            fields: group.fields,
+            formik: formik,
+            parentKeys: [parentKey],
+            isAnySiblingChecked: isAtleastOneFieldChecked
+          })
+        })
+      })
+    })]
+  });
+};
+const ExportFieldsSelectionStep = () => {
+  const intl = reactIntl.useIntl();
+  const _React$useState = React__default["default"].useState(''),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    fieldSearchTerm = _React$useState2[0],
+    setFieldSearchTerm = _React$useState2[1];
+  const _useExportResourcesCo = useExportResourcesContext(),
+    formik = _useExportResourcesCo.formik,
+    setCurrentStep = _useExportResourcesCo.setCurrentStep,
+    resourceType = _useExportResourcesCo.resourceType,
+    onClose = _useExportResourcesCo.onClose;
+  const resourceTypePlural = resourceTypeToDisplayName({
+    resourceType: resourceType,
+    isPlural: true
+  });
+  React__default["default"].useEffect(() => {
+    formik.validateForm();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [_valuesInstanceProperty__default["default"](formik).groups]);
+  // adds `isHidden` property to each field based on search term
+  const filteredGroups = React__default["default"].useMemo(() => {
+    var _fieldSearchTerm$trim, _context6;
+    const updateFields = (fields, parentMatches) => {
+      return _mapInstanceProperty__default["default"](fields).call(fields, field => {
+        var _context5;
+        const matches = _includesInstanceProperty__default["default"](_context5 = field.label.toLowerCase()).call(_context5, fieldSearchTerm.toLowerCase());
+        let isHidden = !matches && !parentMatches;
+        if (field.fields) {
+          const updatedFields = updateFields(field.fields, matches);
+          isHidden = isHidden && _everyInstanceProperty__default["default"](updatedFields).call(updatedFields, f => f.isHidden);
+          field = _objectSpread$1(_objectSpread$1({}, field), {}, {
+            fields: updatedFields
+          });
+        }
+        return _objectSpread$1(_objectSpread$1({}, field), {}, {
+          isHidden
+        });
+      });
+    };
+    if (!(fieldSearchTerm !== null && fieldSearchTerm !== void 0 && (_fieldSearchTerm$trim = _trimInstanceProperty__default["default"](fieldSearchTerm).call(fieldSearchTerm)) !== null && _fieldSearchTerm$trim !== void 0 && _fieldSearchTerm$trim.length)) return _valuesInstanceProperty__default["default"](formik).groups;
+    return _mapInstanceProperty__default["default"](_context6 = _valuesInstanceProperty__default["default"](formik).groups).call(_context6, group => {
+      const updatedFields = updateFields(group.fields, false);
+      const isHidden = _everyInstanceProperty__default["default"](updatedFields).call(updatedFields, field => field.isHidden);
+      return _objectSpread$1(_objectSpread$1({}, group), {}, {
+        fields: updatedFields,
+        isHidden
+      });
+    });
+  }, [_valuesInstanceProperty__default["default"](formik).groups, fieldSearchTerm]);
+  const onSearchChange = React__default["default"].useCallback(event => {
+    setFieldSearchTerm(event.target.value);
+  }, [setFieldSearchTerm]);
+  const hasResults = Boolean(_findInstanceProperty__default["default"](filteredGroups).call(filteredGroups, group => !group.isHidden));
+  const onSearchChangeThrottled = React__default["default"].useMemo(() => throttle__default["default"](onSearchChange, 300), [onSearchChange]);
+  const onSearchReset = () => {
+    setFieldSearchTerm('');
+  };
+  return jsxRuntime.jsx(applicationComponents.FormDialog, {
+    isOpen: true,
+    title: intl.formatMessage(messages.modalTitle, {
+      resourceType: resourceTypePlural
+    }),
+    labelPrimary: intl.formatMessage(messages.startExport),
+    onPrimaryButtonClick: formik.submitForm,
+    isPrimaryButtonDisabled: !formik.isValid,
+    labelSecondary: intl.formatMessage(messages.back),
+    onSecondaryButtonClick: () => setCurrentStep(1),
+    onClose: onClose,
+    size: 16,
+    children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
+      scale: "xl",
+      children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+        scale: "m",
+        children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+          justifyContent: "space-between",
+          children: [jsxRuntime.jsx(uiKit.Text.Body, {
+            intlMessage: messages.selectFieldsToExport
+          }), jsxRuntime.jsx(uiKit.Link, {
+            isExternal: true,
+            tone: "secondary",
+            intlMessage: messages.fieldDefinitions,
+            to: FIELD_DEFINITIONS_URLS[resourceType]
+          })]
+        }), jsxRuntime.jsx(uiKit.SearchTextInput, {
+          placeholder: intl.formatMessage(messages.searchForFields),
+          value: fieldSearchTerm,
+          onChange: onSearchChangeThrottled,
+          onReset: onSearchReset
+          // TODO: `SearchTextInput` props to be improved. The `onSubmit` callback shouldn't be mandatory
+          ,
+          onSubmit: () => {}
+        }), hasResults ? jsxRuntime.jsx(uiKit.Card, {
+          insetScale: "none",
+          children: jsxRuntime.jsx(uiKit.Grid, {
+            gridAutoFlow: "row",
+            gridTemplateColumns: "".concat(uiKit.designTokens.constraint5, " auto"),
+            children: _mapInstanceProperty__default["default"](filteredGroups).call(filteredGroups, (group, index) => jsxRuntime.jsx(FieldGroupSection, {
+              group: group,
+              index: index,
+              formik: formik
+            }, group.groupLabel))
+          })
+        }) : jsxRuntime.jsx(NoSearchResults, {})]
+      })
+    })
+  });
+};
+
+const ExportResourcesContext = /*#__PURE__*/React.createContext();
+
+const ExportResourcesProvider = props => {
+  const initialValues = useInitialValues(props);
+  const _useStartExportOperat = useStartExportOperation(props),
+    startExportOperation = _useStartExportOperat.startExportOperation;
+  const _React$useState = React__default["default"].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$1 = formik.useFormik({
+    initialValues,
+    validate: values => validate({
+      values,
+      step: currentStep
+    }),
+    onSubmit
+  });
+  React__default["default"].useEffect(() => {
+    formik$1.validateForm();
+  }, [currentStep]);
+  return jsxRuntime.jsx(ExportResourcesContext.Provider, {
+    value: {
+      formik: formik$1,
+      currentStep,
+      setCurrentStep,
+      onClose: props.onClose,
+      resourceType: props.resourceType,
+      exportType: props.exportType,
+      totalResourcesCount: props.totalResourcesCount,
+      selectedResourceIds: props.selectedResourceIds
+    },
+    children: props.children
+  });
+};
+
+const CurrentStep = () => {
+  const _useExportResourcesCo = useExportResourcesContext(),
+    currentStep = _useExportResourcesCo.currentStep;
+  const steps = {
+    1: jsxRuntime.jsx(ExportFileSettingsStep, {}),
+    2: jsxRuntime.jsx(ExportFieldsSelectionStep, {})
+  };
+  return steps[currentStep] || null;
+};
+
+function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const ExportResourcesModal = props => {
+  if (!props.isOpen) return null;
+  return jsxRuntime.jsx(ExportResourcesProvider, _objectSpread(_objectSpread({}, props), {}, {
+    children: jsxRuntime.jsx(CurrentStep, {})
+  }));
+};
+ExportResourcesModal.displayName = 'ExportResourcesModal';
+ExportResourcesModal.defaultProps = {
+  isOpen: false,
+  selectedResourceIds: [],
+  exportType: EXPORT_TYPES.ALL,
+  outputFormat: OUTPUT_FORMATS.CSV,
+  customFields: [],
+  fieldGroups: []
+};
+
+exports.EXPORTABLE_RESOURCES = EXPORTABLE_RESOURCES;
+exports.EXPORT_TYPES = EXPORT_TYPES;
+exports["default"] = ExportResourcesModal;