@commercetools-frontend-extensions/export-resources-modal 5.0.3 → 5.1.0

package/dist/{index-f05f7a63.esm.js → index-f7e098bb.esm.js}

@@ -15,7 +15,7 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/obje
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
 import { defineMessages, FormattedMessage, useIntl, IntlProvider } from 'react-intl';
 import { useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
-import { Text, TextInput, Link, CheckboxInput, Spacings, RadioInput, AngleRightIcon, Grid, designTokens, SelectField, TextField, FieldLabel, Constraints, Tooltip, SupportIcon, Stamp, IconButton, AngleDownIcon, CollapsibleMotion, Card, SearchTextInput, TagList, FlatButton, AngleUpIcon, CheckBoldIcon, DataTable } from '@commercetools-frontend/ui-kit';
+import { Text, Link, TextInput, CheckboxInput, RadioInput, TextField, AngleRightIcon, Spacings, Grid, designTokens, SelectField, FieldLabel, Constraints, Tooltip, SupportIcon, Stamp, IconButton, AngleDownIcon, CollapsibleMotion, Card, SearchTextInput, TagList, FlatButton, AngleUpIcon, CheckBoldIcon, DataTable } from '@commercetools-frontend/ui-kit';
 import { jsx, Fragment, jsxs } from '@emotion/react/jsx-runtime';
 import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
 import _valuesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/values';
@@ -41,6 +41,7 @@ import _Set from '@babel/runtime-corejs3/core-js-stable/set';
 import _sortInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/sort';
 import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/index-of';
 import _trimInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/trim';
+import _bindInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/bind';
 import _Promise from '@babel/runtime-corejs3/core-js-stable/promise';
 import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
 import _Object$values from '@babel/runtime-corejs3/core-js-stable/object/values';
@@ -580,6 +581,26 @@ var messages = defineMessages({
     id: 'ExportResourcesModal.uploadErrorsDetected',
     description: 'Message shown when errors are detected during file upload',
     defaultMessage: 'There are <b>{total}</b> errors detected while uploading the file <b>{fileName}</b>. Use <templateLink>our template</templateLink> to review the right formatting and supported values, try exporting using our field selection first or visit <documentationLink>our documentation</documentationLink> for further information.'
+  },
+  queryPredicate: {
+    id: 'ExportResourcesModal.queryPredicate',
+    description: 'Label for query predicate option',
+    defaultMessage: 'Query predicate'
+  },
+  invalidQueryPredicate: {
+    id: 'ExportResourcesModal.invalidQueryPredicate',
+    description: 'Error when query predicate field is not valid',
+    defaultMessage: 'There is an error with the query predicate. Make sure the syntax is correct.'
+  },
+  missingQueryPredicateError: {
+    id: 'ExportResourcesModal.missingQueryPredicateError',
+    description: 'Error when query predicate field is missing',
+    defaultMessage: 'Please enter a query predicate'
+  },
+  noResourcesToExport: {
+    id: 'ExportResourcesModal.noResourcesToExport',
+    description: 'Error message when there are no resources to export',
+    defaultMessage: 'No resources match your query predicate. Please check your query predicate and try again.'
   }
 });
 
@@ -603,6 +624,16 @@ function renderLocaleError(key) {
       return null;
   }
 }
+const renderQueryPredicateError = key => {
+  switch (key) {
+    case 'missing':
+      return jsx(FormattedMessage, _objectSpread$h({}, messages.missingQueryPredicateError));
+    case 'invalidInput':
+      return jsx(FormattedMessage, _objectSpread$h({}, messages.invalidQueryPredicate));
+    default:
+      return null;
+  }
+};
 
 function _callSuper$3(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$3() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$3() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$3 = function () { return !!t; })(); }
@@ -747,7 +778,8 @@ const EXPORT_OPERATION_STATES = {
 const EXPORT_TYPES = {
   ALL: 'all',
   FILTERED: 'filtered',
-  SELECTED: 'selected'
+  SELECTED: 'selected',
+  QUERY_PREDICATE: 'query-predicate'
 };
 
 const EXPORTABLE_RESOURCES = {
@@ -824,6 +856,140 @@ const DEFAULT_SHORT_LIVED_FLAGS = {};
 const DEFAULT_LONG_LIVED_FLAGS = {};
 _objectSpread$f(_objectSpread$f({}, DEFAULT_SHORT_LIVED_FLAGS), DEFAULT_LONG_LIVED_FLAGS);
 
+function resourceTypeToFileName(resourceType, locale) {
+  var _context;
+  const date = new Date();
+  const dateFormatter = new Intl.DateTimeFormat(locale, {
+    year: '2-digit',
+    month: '2-digit',
+    day: '2-digit',
+    hour: '2-digit',
+    minute: '2-digit',
+    hour12: false
+  });
+  const parts = dateFormatter.formatToParts(date);
+  const dateParts = _reduceInstanceProperty(parts).call(parts, (acc, part) => {
+    if (part.type !== 'literal') {
+      acc[part.type] = part.value;
+    }
+    return acc;
+  }, {});
+  const orderedDateParts = _mapInstanceProperty(_context = _filterInstanceProperty(parts).call(parts, part => part.type === 'day' || part.type === 'month' || part.type === 'year')).call(_context, part => dateParts[part.type]).join('-');
+  const formattedDate = `${orderedDateParts}_${dateParts.hour}-${dateParts.minute}`;
+  const resourceTypeMap = {
+    [EXPORTABLE_RESOURCES.CATEGORY]: 'Categories',
+    [EXPORTABLE_RESOURCES.PRODUCT]: 'Products',
+    [EXPORTABLE_RESOURCES.PRODUCT_TYPE]: 'Product_Types',
+    [EXPORTABLE_RESOURCES.DISCOUNT_CODE]: 'Discount_Codes',
+    [EXPORTABLE_RESOURCES.INVENTORY_ENTRY]: 'Inventories',
+    [EXPORTABLE_RESOURCES.CUSTOMER]: 'Customers',
+    [EXPORTABLE_RESOURCES.ORDER]: 'Orders'
+  };
+  const displayName = resourceTypeMap[resourceType];
+  if (!displayName) {
+    throw new UnexpectedResourceTypeError(resourceType);
+  }
+  return `${displayName}_Export_${formattedDate}`;
+}
+function mapLocalesToOptions(locales) {
+  return _mapInstanceProperty(locales).call(locales, locale => ({
+    value: locale,
+    label: locale
+  }));
+}
+function isFilledArray(maybeArray) {
+  return _Array$isArray(maybeArray) && maybeArray.length > 0;
+}
+function appendCsvOrJsonExtensionIfAbsent(fileName, fileFormat) {
+  const extensionRegex = /\.(csv|json)$/i;
+  if (!extensionRegex.test(fileName)) return `${fileName}.${fileFormat}`;
+  return fileName;
+}
+function getExportLogsLink(projectKey, msg) {
+  return jsx(Link, {
+    to: `/${projectKey}/operations/export/logs`,
+    children: msg
+  }, "link");
+}
+const extractFieldNamesAndAdditionalFieldExtensions = fields => {
+  const result = _reduceInstanceProperty(fields).call(fields, (acc, field) => {
+    if (field.extendedFieldNames) {
+      return [...acc, field.name, ...field.extendedFieldNames];
+    }
+    return [...acc, field.name];
+  }, []);
+  return [...new _Set(result)];
+};
+function sortFieldsByFieldOrder(_ref) {
+  let fieldNames = _ref.fieldNames,
+    fieldOrder = _ref.fieldOrder;
+  if (isFilledArray(fieldOrder)) {
+    return _sortInstanceProperty(fieldNames).call(fieldNames, (a, b) => {
+      let orderA = _indexOfInstanceProperty(fieldOrder).call(fieldOrder, a) !== -1 ? _indexOfInstanceProperty(fieldOrder).call(fieldOrder, a) : _indexOfInstanceProperty(fieldOrder).call(fieldOrder, a.split('.')[0]);
+      let orderB = _indexOfInstanceProperty(fieldOrder).call(fieldOrder, b) !== -1 ? _indexOfInstanceProperty(fieldOrder).call(fieldOrder, b) : _indexOfInstanceProperty(fieldOrder).call(fieldOrder, b.split('.')[0]);
+
+      // If a field is not 'custom',then consider it as '*'
+      orderA = orderA === -1 ? _indexOfInstanceProperty(fieldOrder).call(fieldOrder, '*') : orderA;
+      orderB = orderB === -1 ? _indexOfInstanceProperty(fieldOrder).call(fieldOrder, '*') : orderB;
+      return orderA - orderB;
+    });
+  }
+  return fieldNames;
+}
+function buildSelectedExportFilters(selectedResourceIds) {
+  if (!selectedResourceIds || selectedResourceIds?.length === 0) return undefined;
+  const formattedIds = _mapInstanceProperty(selectedResourceIds).call(selectedResourceIds, id => `"${id}"`).join(', ');
+  return `id in (${formattedIds})`;
+}
+function isQueryFilter(filters) {
+  if (!filters) return false;
+  return 'query' in filters;
+}
+function isSearchFilter(filters) {
+  if (!filters) return false;
+  return 'filters' in filters || 'fullText' in filters;
+}
+function isPredicateFilter(filters) {
+  if (!filters) return false;
+  return 'where' in filters;
+}
+function validateFilters(filtersObject) {
+  if (filtersObject.where && filtersObject.filters) {
+    return false;
+  }
+  return Boolean(isQueryFilter(filtersObject.filters) || isSearchFilter(filtersObject.filters) || isPredicateFilter(filtersObject));
+}
+function areFiltersApplied(filtersObject) {
+  var _context2;
+  if (!filtersObject) {
+    return false;
+  }
+  if (filtersObject.where && _trimInstanceProperty(_context2 = filtersObject.where).call(_context2) !== '') {
+    return true;
+  }
+  if (isQueryFilter(filtersObject.filters)) {
+    return Boolean(filtersObject.filters.query);
+  }
+  if (isSearchFilter(filtersObject.filters)) {
+    var _context3, _context4;
+    const _filters = filtersObject.filters;
+    return Boolean(_filters.filters?.length || ((_context3 = _filters.fullText?.text) == null ? void 0 : _bindInstanceProperty(_context4 = Function.call).call(_context4, _trimInstanceProperty(_context3), _context3))?.());
+  }
+  return false;
+}
+function getInitialExportType(args) {
+  if (args.selectedResourceIds?.length) {
+    return EXPORT_TYPES.SELECTED;
+  }
+  if (args.filters?.total && areFiltersApplied(args.filters)) {
+    return EXPORT_TYPES.FILTERED;
+  }
+  return EXPORT_TYPES.ALL;
+}
+function removeEmptyGroups(groups) {
+  return _filterInstanceProperty(groups).call(groups, group => group.fields && group.fields.length > 0);
+}
+
 const isAnyFieldChecked = fields => {
   return _someInstanceProperty(fields).call(fields, field => field.isChecked || field.fields && isAnyFieldChecked(field.fields));
 };
@@ -937,6 +1103,25 @@ const getSelectedFieldLabels = group => {
   findSelectedFieldLabels(group.fields);
   return selectedLabels;
 };
+const extractFieldNamesFromGroups = (groups, fieldOrder) => {
+  let checkedFields = [];
+  const getCheckedFields = fields => {
+    return _filterInstanceProperty(fields).call(fields, field => {
+      if (field.fields) {
+        return getCheckedFields(field.fields);
+      }
+      if (field.isChecked) checkedFields.push(field);
+      return field.isChecked ?? false;
+    });
+  };
+  _forEachInstanceProperty(groups).call(groups, group => {
+    getCheckedFields(group.fields);
+  });
+  return sortFieldsByFieldOrder({
+    fieldNames: extractFieldNamesAndAdditionalFieldExtensions(checkedFields),
+    fieldOrder
+  });
+};
 
 let Step = /*#__PURE__*/function (Step) {
   Step["FileSettings"] = "file-settings";
@@ -957,21 +1142,27 @@ function validate(_ref) {
   let values = _valuesInstanceProperty(_ref),
     step = _ref.step,
     fieldSelectionMode = _ref.fieldSelectionMode,
-    importedHeaders = _ref.importedHeaders;
+    importedHeaders = _ref.importedHeaders,
+    exportType = _ref.exportType;
   const fileName = values.fileName,
+    queryPredicate = values.queryPredicate,
     locales = values.locales,
     groups = values.groups;
   const errors = {
     fileName: {},
     locales: {},
     fields: {},
-    importedCsvTemplateFile: {}
+    importedCsvTemplateFile: {},
+    queryPredicate: {}
   };
   if (TextInput.isEmpty(fileName)) {
     errors.fileName.missing = true;
   } else if (!/^[a-zA-Z0-9-_.]+$/.test(fileName)) {
     errors.fileName.invalidInput = true;
   }
+  if (exportType === 'query-predicate' && TextInput.isEmpty(queryPredicate)) {
+    errors.queryPredicate.missing = true;
+  }
   if (step === Step.FieldsSelection) {
     if (fieldSelectionMode === 'selected-fields') {
       const allFields = _reduceInstanceProperty(groups).call(groups, (acc, group) => _concatInstanceProperty(acc).call(acc, group.fields), []);
@@ -1001,139 +1192,6 @@ function isFieldNameValid(header) {
   return /^[a-zA-Z0-9._-]+$/.test(processedHeader);
 }
 
-function resourceTypeToFileName(resourceType, locale) {
-  var _context;
-  const date = new Date();
-  const dateFormatter = new Intl.DateTimeFormat(locale, {
-    year: '2-digit',
-    month: '2-digit',
-    day: '2-digit',
-    hour: '2-digit',
-    minute: '2-digit',
-    hour12: false
-  });
-  const parts = dateFormatter.formatToParts(date);
-  const dateParts = _reduceInstanceProperty(parts).call(parts, (acc, part) => {
-    if (part.type !== 'literal') {
-      acc[part.type] = part.value;
-    }
-    return acc;
-  }, {});
-  const orderedDateParts = _mapInstanceProperty(_context = _filterInstanceProperty(parts).call(parts, part => part.type === 'day' || part.type === 'month' || part.type === 'year')).call(_context, part => dateParts[part.type]).join('-');
-  const formattedDate = `${orderedDateParts}_${dateParts.hour}-${dateParts.minute}`;
-  const resourceTypeMap = {
-    [EXPORTABLE_RESOURCES.CATEGORY]: 'Categories',
-    [EXPORTABLE_RESOURCES.PRODUCT]: 'Products',
-    [EXPORTABLE_RESOURCES.PRODUCT_TYPE]: 'Product_Types',
-    [EXPORTABLE_RESOURCES.DISCOUNT_CODE]: 'Discount_Codes',
-    [EXPORTABLE_RESOURCES.INVENTORY_ENTRY]: 'Inventories',
-    [EXPORTABLE_RESOURCES.CUSTOMER]: 'Customers',
-    [EXPORTABLE_RESOURCES.ORDER]: 'Orders'
-  };
-  const displayName = resourceTypeMap[resourceType];
-  if (!displayName) {
-    throw new UnexpectedResourceTypeError(resourceType);
-  }
-  return `${displayName}_Export_${formattedDate}`;
-}
-function mapLocalesToOptions(locales) {
-  return _mapInstanceProperty(locales).call(locales, locale => ({
-    value: locale,
-    label: locale
-  }));
-}
-function isFilledArray(maybeArray) {
-  return _Array$isArray(maybeArray) && maybeArray.length > 0;
-}
-function appendCsvOrJsonExtensionIfAbsent(fileName, fileFormat) {
-  const extensionRegex = /\.(csv|json)$/i;
-  if (!extensionRegex.test(fileName)) return `${fileName}.${fileFormat}`;
-  return fileName;
-}
-function getExportLogsLink(projectKey, msg) {
-  return jsx(Link, {
-    to: `/${projectKey}/operations/export/logs`,
-    children: msg
-  }, "link");
-}
-const extractFieldNamesAndAdditionalFieldExtensions = fields => {
-  const result = _reduceInstanceProperty(fields).call(fields, (acc, field) => {
-    if (field.extendedFieldNames) {
-      return [...acc, field.name, ...field.extendedFieldNames];
-    }
-    return [...acc, field.name];
-  }, []);
-  return [...new _Set(result)];
-};
-function sortFieldsByFieldOrder(_ref) {
-  let fieldNames = _ref.fieldNames,
-    fieldOrder = _ref.fieldOrder;
-  if (isFilledArray(fieldOrder)) {
-    return _sortInstanceProperty(fieldNames).call(fieldNames, (a, b) => {
-      let orderA = _indexOfInstanceProperty(fieldOrder).call(fieldOrder, a) !== -1 ? _indexOfInstanceProperty(fieldOrder).call(fieldOrder, a) : _indexOfInstanceProperty(fieldOrder).call(fieldOrder, a.split('.')[0]);
-      let orderB = _indexOfInstanceProperty(fieldOrder).call(fieldOrder, b) !== -1 ? _indexOfInstanceProperty(fieldOrder).call(fieldOrder, b) : _indexOfInstanceProperty(fieldOrder).call(fieldOrder, b.split('.')[0]);
-
-      // If a field is not 'custom',then consider it as '*'
-      orderA = orderA === -1 ? _indexOfInstanceProperty(fieldOrder).call(fieldOrder, '*') : orderA;
-      orderB = orderB === -1 ? _indexOfInstanceProperty(fieldOrder).call(fieldOrder, '*') : orderB;
-      return orderA - orderB;
-    });
-  }
-  return fieldNames;
-}
-function buildSelectedExportFilters(selectedResourceIds) {
-  if (!selectedResourceIds || selectedResourceIds?.length === 0) return undefined;
-  const formattedIds = _mapInstanceProperty(selectedResourceIds).call(selectedResourceIds, id => `"${id}"`).join(', ');
-  return `id in (${formattedIds})`;
-}
-function isQueryFilter(filters) {
-  if (!filters) return false;
-  return 'query' in filters;
-}
-function isSearchFilter(filters) {
-  if (!filters) return false;
-  return 'filters' in filters || 'fullText' in filters;
-}
-function isPredicateFilter(filters) {
-  if (!filters) return false;
-  return 'where' in filters;
-}
-function validateFilters(filtersObject) {
-  if (filtersObject.where && filtersObject.filters) {
-    return false;
-  }
-  return Boolean(isQueryFilter(filtersObject.filters) || isSearchFilter(filtersObject.filters) || isPredicateFilter(filtersObject));
-}
-function areFiltersApplied(filtersObject) {
-  var _context2;
-  if (!filtersObject) {
-    return false;
-  }
-  if (filtersObject.where && _trimInstanceProperty(_context2 = filtersObject.where).call(_context2) !== '') {
-    return true;
-  }
-  if (isQueryFilter(filtersObject.filters)) {
-    return Boolean(filtersObject.filters.query);
-  }
-  if (isSearchFilter(filtersObject.filters)) {
-    const _filters = filtersObject.filters;
-    return Boolean(_filters.filters?.length || _filters.fullText?.text?.trim());
-  }
-  return false;
-}
-function getInitialExportType(args) {
-  if (args.selectedResourceIds?.length) {
-    return EXPORT_TYPES.SELECTED;
-  }
-  if (args.filters?.total && areFiltersApplied(args.filters)) {
-    return EXPORT_TYPES.FILTERED;
-  }
-  return EXPORT_TYPES.ALL;
-}
-function removeEmptyGroups(groups) {
-  return _filterInstanceProperty(groups).call(groups, group => group.fields && group.fields.length > 0);
-}
-
 function ownKeys$e(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(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$e(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$e(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const updateFieldGroupsWithIsCheckedValue = (groups, cachedSelectedGroups) => {
@@ -1358,6 +1416,13 @@ function groupFieldValidationErrors(errors, intl) {
   });
 }
 
+function isExportApiSuccessResponse(response) {
+  return 'id' in response && 'state' in response && 'resourceType' in response && 'resourceCount' in response;
+}
+function isExportApiErrorResponse(error) {
+  return Boolean(error && typeof error === 'object' && 'body' in error && error.body && typeof error.body === 'object' && ('validationErrors' in error.body || 'errors' in error.body) && 'message' in error.body && 'statusCode' in error.body && 'error' in error.body);
+}
+
 const useInitialValues = props => {
   var _context;
   const _useApplicationContex = useApplicationContext(applicationContext => ({
@@ -1390,6 +1455,7 @@ const useInitialValues = props => {
       fileName: `${resourceTypeToFileName(props.resourceType, userLocale)}`,
       locales: [locale],
       groups: updateFieldGroupWithAdditionalFieldExtensions(groups),
+      queryPredicate: '',
       // Preferences
       fillRows: false,
       importedCsvTemplateFile: null
@@ -1401,37 +1467,30 @@ const _excluded$3 = ["projectKey"];
 function ownKeys$c(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$c(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$c(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$c(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 async function makeExportRequest(params, asyncDispatchFn) {
-  try {
-    const projectKey = params.projectKey,
-      requestData = _objectWithoutProperties(params, _excluded$3);
-    const uri = `/${projectKey}/export-operations`;
-    const requestAction = actions.post({
-      mcApiProxyTarget: MC_API_PROXY_TARGETS.EXPORT,
-      uri,
-      headers: {
-        accept: 'application/json'
-      },
-      payload: requestData
-    });
-    const response = await asyncDispatchFn(requestAction);
-    if (!response || typeof response !== 'object') {
-      throw new InvalidResponseError();
-    }
-    if (!('state' in response)) {
-      throw new InvalidResponseError('Response missing state field');
-    }
-    return response;
-  } catch (responseError) {
-    if (responseError && typeof responseError === 'object' && 'body' in responseError && responseError.body && typeof responseError.body === 'object' && 'validationErrors' in responseError.body) {
-      throw responseError.body;
-    }
-    throw responseError;
+  const projectKey = params.projectKey,
+    requestData = _objectWithoutProperties(params, _excluded$3);
+  const uri = `/${projectKey}/export-operations`;
+  const requestAction = actions.post({
+    mcApiProxyTarget: MC_API_PROXY_TARGETS.EXPORT,
+    uri,
+    headers: {
+      accept: 'application/json'
+    },
+    payload: requestData
+  });
+  const response = await asyncDispatchFn(requestAction);
+  if (!response || typeof response !== 'object') {
+    throw new InvalidResponseError();
+  }
+  if (!('state' in response)) {
+    throw new InvalidResponseError('Response missing state field');
   }
+  return response;
 }
 function createExportOperation(params, asyncDispatchFn) {
   return makeExportRequest(params, asyncDispatchFn);
 }
-function validateImportedHeaders(params, asyncDispatchFn) {
+function validateExportOperation(params, asyncDispatchFn) {
   return makeExportRequest(_objectSpread$c(_objectSpread$c({}, params), {}, {
     dryRun: true
   }), asyncDispatchFn);
@@ -1446,25 +1505,6 @@ const useStartExportOperation = props => {
       projectKey: applicationContext.project?.key
     })),
     projectKey = _useApplicationContex.projectKey;
-  const extractFieldNamesFromGroups = groups => {
-    let checkedFields = [];
-    const getCheckedFields = fields => {
-      return _filterInstanceProperty(fields).call(fields, field => {
-        if (field.fields) {
-          return getCheckedFields(field.fields);
-        }
-        if (field.isChecked) checkedFields.push(field);
-        return field.isChecked ?? false;
-      });
-    };
-    _forEachInstanceProperty(groups).call(groups, group => {
-      getCheckedFields(group.fields);
-    });
-    return sortFieldsByFieldOrder({
-      fieldNames: extractFieldNamesAndAdditionalFieldExtensions(checkedFields),
-      fieldOrder: props.fieldOrder
-    });
-  };
   const startExportOperation = async (values, exportType, fieldSelectionMode, localeOption, importedHeaders) => {
     try {
       if (!projectKey) throw new Error('Project key is missing');
@@ -1472,7 +1512,7 @@ const useStartExportOperation = props => {
       if (fieldSelectionMode === 'imported-csv-template' && values.importedCsvTemplateFile) {
         fields = importedHeaders;
       } else {
-        fields = extractFieldNamesFromGroups(values.groups);
+        fields = extractFieldNamesFromGroups(values.groups, props.fieldOrder);
       }
       let where = undefined;
       let filters = undefined;
@@ -1485,6 +1525,9 @@ const useStartExportOperation = props => {
         } else if (isSearchFilter(props.filters.filters)) {
           filters = props.filters.filters;
         }
+      } else if (exportType === EXPORT_TYPES.QUERY_PREDICATE) {
+        var _context;
+        where = _trimInstanceProperty(_context = values.queryPredicate).call(_context);
       }
       let locales = undefined;
       if (localeOption !== 'onlyLocalesFoundInCsvFile') {
@@ -1501,29 +1544,32 @@ const useStartExportOperation = props => {
         where,
         filters
       }, asyncDispatch);
-      switch (response.state) {
-        case EXPORT_OPERATION_STATES.QUEUED:
-        case EXPORT_OPERATION_STATES.PROCESSING:
-        case EXPORT_OPERATION_STATES.COMPLETED:
-          showNotification({
-            kind: 'info',
-            domain: 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);
+      if (isExportApiSuccessResponse(response)) {
+        switch (response.state) {
+          case EXPORT_OPERATION_STATES.QUEUED:
+          case EXPORT_OPERATION_STATES.PROCESSING:
+          case EXPORT_OPERATION_STATES.COMPLETED:
+            showNotification({
+              kind: 'info',
+              domain: 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);
+        }
+      } else {
+        throw new Error(response.message || 'Unknown error occurred during export operation');
       }
     } catch (error) {
-      // TODO: custom error messages for each error type
       showNotification({
         text: intl.formatMessage(messages.unexpectedError),
         kind: 'error',
@@ -1540,7 +1586,7 @@ const useStartExportOperation = props => {
 
 const _excluded$2 = ["fields"];
 function ownKeys$b(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$b(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$b(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$b(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context6 = ownKeys$b(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context7 = ownKeys$b(Object(t))).call(_context7, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const getFieldFullName = _ref => {
   var _context;
   let fieldPrefix = _ref.fieldPrefix,
@@ -1550,6 +1596,7 @@ const getFieldFullName = _ref => {
 const localizeTypeDefinitionLabels = function () {
   let fieldDefinitions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   return _mapInstanceProperty(fieldDefinitions).call(fieldDefinitions, _ref2 => {
+    var _context2, _context3;
     let fields = _ref2.fields,
       fieldsType = _objectWithoutProperties(_ref2, _excluded$2);
     const isFieldTypeLabelLocalized = _Array$isArray(fieldsType.label);
@@ -1559,7 +1606,7 @@ const localizeTypeDefinitionLabels = function () {
         from: 'label',
         to: 'label'
       }]).label : fieldsType.label,
-      fields: fields?.map(field => {
+      fields: ((_context2 = fields) == null ? void 0 : _bindInstanceProperty(_context3 = Function.call).call(_context3, _mapInstanceProperty(_context2), _context2))?.(field => {
         const isFieldLabelLocalized = _Array$isArray(field.label);
         if (!isFieldLabelLocalized) {
           return field;
@@ -1597,6 +1644,7 @@ const useConvertFieldDefinitionsForExport = () => {
     if (!fieldDefinitions) return [];
     const localizedTypeDefinitions = localizeTypeDefinitionLabels(fieldDefinitions);
     const results = _mapInstanceProperty(localizedTypeDefinitions).call(localizedTypeDefinitions, transformedType => {
+      var _context4, _context5;
       const isTypeLabelLocalized = typeof transformedType.label !== 'string';
       return {
         isExpandable: true,
@@ -1610,7 +1658,7 @@ const useConvertFieldDefinitionsForExport = () => {
           fallbackOrder: languages,
           fallback: transformedType.name
         }) : transformedType.label,
-        fields: sortByField(transformedType.fields?.map(fieldDefinition => {
+        fields: sortByField(((_context4 = transformedType.fields) == null ? void 0 : _bindInstanceProperty(_context5 = Function.call).call(_context5, _mapInstanceProperty(_context4), _context4))?.(fieldDefinition => {
           const isFieldLabelLocalized = typeof fieldDefinition.label !== 'string';
           return {
             name: getFieldFullName({
@@ -1637,7 +1685,7 @@ const useConvertFieldDefinitionsForExport = () => {
   };
 };
 
-const useValidateImportedHeaders = () => {
+const useValidateExportOperation = () => {
   const intl = useIntl();
   const asyncDispatch = useAsyncDispatch();
   const showNotification = useShowNotification();
@@ -1645,9 +1693,9 @@ const useValidateImportedHeaders = () => {
       projectKey: context.project?.key
     })),
     projectKey = _useApplicationContex.projectKey;
-  const validateHeaders = async params => {
+  const validateExport = async params => {
     try {
-      var _context;
+      var _context, _context2, _context3;
       if (!projectKey) return;
       const invalidFields = _filterInstanceProperty(_context = params.fields).call(_context, field => !isFieldNameValid(field));
       if (invalidFields.length > 0) {
@@ -1659,25 +1707,46 @@ const useValidateImportedHeaders = () => {
           }))
         };
       }
-      await validateImportedHeaders({
+      const response = await validateExportOperation({
         projectKey,
         resourceType: params.resourceType,
         fileName: params.fileName,
         fileFormat: params.outputFormat,
         fields: params.fields,
-        locales: params.locales
+        locales: params.locales,
+        where: ((_context2 = params.queryPredicate) == null ? void 0 : _bindInstanceProperty(_context3 = Function.call).call(_context3, _trimInstanceProperty(_context2), _context2))?.() || undefined
       }, asyncDispatch);
-      return {
-        success: true,
-        validationErrors: []
-      };
-    } catch (error) {
-      if (typeof error === 'object' && error && 'validationErrors' in error && _Array$isArray(error.validationErrors)) {
+      if (isExportApiSuccessResponse(response) && response.resourceCount === 0) {
         return {
           success: false,
-          validationErrors: error.validationErrors
+          noResourcesToExport: true
         };
       }
+      return {
+        success: true
+      };
+    } catch (error) {
+      if (isExportApiErrorResponse(error)) {
+        if (error.body.errors?.length) {
+          var _context4;
+          const whereError = _findInstanceProperty(_context4 = error.body.errors).call(_context4, error => {
+            var _context5;
+            return error.message && _includesInstanceProperty(_context5 = error.message).call(_context5, 'Malformed parameter: where');
+          });
+          if (whereError) {
+            return {
+              success: false,
+              invalidQueryPredicate: true
+            };
+          }
+        }
+        if (error.body.validationErrors?.length) {
+          return {
+            success: false,
+            validationErrors: error.body.validationErrors
+          };
+        }
+      }
       showNotification({
         text: intl.formatMessage(messages.unexpectedError),
         kind: 'error',
@@ -1690,7 +1759,7 @@ const useValidateImportedHeaders = () => {
     }
   };
   return {
-    validateHeaders
+    validateExport
   };
 };
 
@@ -1738,6 +1807,7 @@ function ownKeys$9(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySy
 function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$9(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$9(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 function ExportScopeSection() {
   const _useExportResourcesMo = useExportResourcesModalContext(),
+    formik = _useExportResourcesMo.formik,
     exportType = _useExportResourcesMo.exportType,
     totalResourcesCount = _useExportResourcesMo.totalResourcesCount,
     filters = _useExportResourcesMo.filters,
@@ -1745,10 +1815,11 @@ function ExportScopeSection() {
     selectedResourceIds = _useExportResourcesMo.selectedResourceIds,
     setExportType = _useExportResourcesMo.setExportType,
     resourceType = _useExportResourcesMo.resourceType,
-    hideExportSelectedResourcesOption = _useExportResourcesMo.hideExportSelectedResourcesOption;
-  return jsx(Spacings.Stack, {
-    scale: "m",
-    children: jsxs(RadioInput.Group, {
+    hideExportSelectedResourcesOption = _useExportResourcesMo.hideExportSelectedResourcesOption,
+    showQueryPredicateOption = _useExportResourcesMo.showQueryPredicateOption;
+  const shouldShowQueryPredicateField = exportType === EXPORT_TYPES.QUERY_PREDICATE;
+  return jsxs(Fragment, {
+    children: [jsxs(RadioInput.Group, {
       value: exportType,
       onChange: e => {
         setExportType(e.target.value);
@@ -1788,8 +1859,23 @@ function ExportScopeSection() {
             }
           }) : messages.exportScopeSelectedWithoutCount
         })
+      }), showQueryPredicateOption && jsx(RadioInput.Option, {
+        value: EXPORT_TYPES.QUERY_PREDICATE,
+        children: jsx(Text.Body, {
+          intlMessage: messages.queryPredicate
+        })
       })]
-    })
+    }), shouldShowQueryPredicateField && jsx(TextField, {
+      name: "queryPredicate",
+      "data-testid": "query-predicate-field",
+      title: "",
+      onChange: formik.handleChange,
+      onBlur: formik.handleBlur,
+      value: _valuesInstanceProperty(formik).queryPredicate,
+      touched: formik.touched.queryPredicate,
+      errors: mapFormikErrors(formik.errors.queryPredicate),
+      renderError: renderQueryPredicateError
+    })]
   });
 }
 
@@ -2085,6 +2171,7 @@ const CollapsibleFieldWrapper = _ref => {
   });
 };
 const FieldSection = _ref3 => {
+  var _context, _context2, _context7, _context8;
   let fields = _ref3.fields,
     parentKeys = _ref3.parentKeys,
     formik = _ref3.formik,
@@ -2094,9 +2181,12 @@ const FieldSection = _ref3 => {
     maxVisibleChildren = _ref3.maxVisibleChildren;
   const _useExportFieldSelect = useExportFieldSelectionContext(),
     updateExpandedGroups = _useExportFieldSelect.updateExpandedGroups;
-  const visibleFields = isSearchActive || !maxVisibleChildren ? fields : fields?.slice(0, maxVisibleChildren);
+  const visibleFields = isSearchActive || !maxVisibleChildren ? fields : ((_context = fields) == null ? void 0 : _bindInstanceProperty(_context2 = Function.call).call(_context2, _sliceInstanceProperty(_context), _context))?.(0, maxVisibleChildren);
   const hasMoreFields = maxVisibleChildren && !isSearchActive && fields && fields.length > maxVisibleChildren;
-  const visibleIndex = field => fields?.filter(f => !f.isHidden).indexOf(field) || -1;
+  const visibleIndex = field => {
+    var _context3, _context4, _context5, _context6;
+    return ((_context3 = ((_context4 = fields) == null ? void 0 : _bindInstanceProperty(_context5 = Function.call).call(_context5, _filterInstanceProperty(_context4), _context4))?.(f => !f.isHidden)) == null ? void 0 : _bindInstanceProperty(_context6 = Function.call).call(_context6, _indexOfInstanceProperty(_context3), _context3))?.(field) || -1;
+  };
   const shouldDisplayField = field => {
     if (field.isHidden) return false;
     if (!maxVisibleChildren) return true;
@@ -2107,7 +2197,7 @@ const FieldSection = _ref3 => {
   };
   return jsxs(Spacings.Stack, {
     scale: "s",
-    children: [visibleFields?.map((field, index) => {
+    children: [((_context7 = visibleFields) == null ? void 0 : _bindInstanceProperty(_context8 = Function.call).call(_context8, _mapInstanceProperty(_context7), _context7))?.((field, index) => {
       const isChildrenCountDisplayed = shouldDisplayChildrenCount(field);
       const hasDependents = Boolean(field.dependentGroupNames?.length || field.dependentFieldNames?.length);
       const isAnyOfTheChildFieldsChecked = isAnyFieldChecked(field.fields || []);
@@ -2155,8 +2245,8 @@ const FieldSection = _ref3 => {
                     const updateAllChildFieldsChecked = (path, checked) => {
                       const item = get(_valuesInstanceProperty(formik), path);
                       if (item && item.fields) {
-                        var _context;
-                        _forEachInstanceProperty(_context = item.fields).call(_context, (field, i) => {
+                        var _context9;
+                        _forEachInstanceProperty(_context9 = item.fields).call(_context9, (field, i) => {
                           const fieldPath = `${path}.fields[${i}]`;
                           if (!field.fields?.length) {
                             formik.setFieldValue(`${fieldPath}.isChecked`, checked || field.isRequired,
@@ -2392,7 +2482,7 @@ const NoSearchResults = () => {
 };
 
 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 _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context5 = ownKeys$5(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context6 = ownKeys$5(Object(t))).call(_context6, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context7, _context8; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context7 = ownKeys$5(Object(t), !0)).call(_context7, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context8 = ownKeys$5(Object(t))).call(_context8, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const totalSpacing = 56 +
 // MC header
 32 * 2 + (
@@ -2437,6 +2527,7 @@ const StyledGridCard = /*#__PURE__*/_styled(Card, process.env.NODE_ENV === "prod
   label: "StyledGridCard"
 })("max-height:calc(100vh - ", totalSpacing, "px);overflow:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlbGVjdGVkLWZpZWxkcy1mb3JtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Q21DIiwiZmlsZSI6InNlbGVjdGVkLWZpZWxkcy1mb3JtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJ1xuaW1wb3J0IHsgdXNlQXBwbGljYXRpb25Db250ZXh0IH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXBwbGljYXRpb24tc2hlbGwtY29ubmVjdG9ycydcbmltcG9ydCB7XG4gIENhcmQsXG4gIEdyaWQsXG4gIFNwYWNpbmdzLFxuICBTZWFyY2hUZXh0SW5wdXQsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgZGVib3VuY2UgZnJvbSAnbG9kYXNoL2RlYm91bmNlJ1xuaW1wb3J0IEV4cG9ydEZpZWxkU2VsZWN0aW9uUHJvdmlkZXIgZnJvbSAnLi9leHBvcnQtZmllbGQtc2VsZWN0aW9uLXByb3ZpZGVyJ1xuaW1wb3J0IHsgRmllbGRHcm91cFNlY3Rpb24gfSBmcm9tICcuL2ZpZWxkLWdyb3VwLXNlY3Rpb24nXG5pbXBvcnQgeyBPUEVSQVRJT05TX0VYUE9SVF9SRVNPVVJDRVNfTU9EQUxfU0VMRUNUSU9OIH0gZnJvbSAnLi4vLi4vQGNvbnN0YW50cydcbmltcG9ydCB7IHVzZUV4cG9ydFJlc291cmNlc01vZGFsQ29udGV4dCwgdXNlU3RvcmFnZSB9IGZyb20gJy4uLy4uL0Bob29rcydcbmltcG9ydCB7IHR5cGUgRm9ybUZpZWxkLCB0eXBlIEZvcm1Hcm91cCB9IGZyb20gJy4uLy4uL0B0eXBlcydcbmltcG9ydCB7IHVwZGF0ZUZpZWxkRGVwZW5kZW5jaWVzU3RhdHVzIH0gZnJvbSAnLi4vLi4vQHV0aWxzJ1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4uLy4uL21lc3NhZ2VzJ1xuaW1wb3J0IHsgTm9TZWFyY2hSZXN1bHRzIH0gZnJvbSAnLi4vbm8tc2VhcmNoLXJlc3VsdHMnXG5cbmNvbnN0IHRvdGFsU3BhY2luZyA9XG4gIDU2ICsgLy8gTUMgaGVhZGVyXG4gIDMyICogMiArIC8vIG91dGVyIG1vZGFsIHNwYWNpbmdcbiAgKDMyICsgNDApICsgLy8gZm9vdGVyIChkaWFsb2cgYnV0dG9ucyArIG1hcmdpbilcbiAgNDAgKyAvLyBzZWFyY2ggaW5wdXRcbiAgMjQgKyAvLyBzZWFyY2ggaW5wdXQgcGFkZGluZ1xuICAyNCArIC8vIG1vZGFsIGhlYWRlclxuICAxNiArIC8vIG1vZGFsIGhlYWRlciBtYXJnaW5cbiAgOCArIC8vIHNwYWNpbmcgYmV0d2VlbiBzZWFyY2ggaW5wdXQgYW5kIGdyaWQgY2FyZFxuICAoMTYgKiAyICsgOCAqIDIpICsgLy8gbW9kYWwgcGFkZGluZ3NcbiAgMjYgKyAvLyBcIlNlbGVjdCBmaWVsZHMgZnJvbSBhIGxpbWl0ZWQgbGlzdFwiIHJhZGlvIGJ1dHRvbiBoZWlnaHRcbiAgMjYgKyAvLyBcIlNlbGVjdCBmaWVsZHMgZnJvbSBhbiBpbXBvcnRlZCBDU1YgdGVtcGxhdGVcIiByYWRpbyBidXR0b24gaGVpZ2h0XG4gIDQ4ICsgLy8gSW5zZXQgcGFkZGluZ3MgKHRvcCArIGJvdHRvbSlcbiAgMSArIC8vIDFzdCBEaXZpZGVyIGhlaWdodFxuICAxICsgLy8gMm5kIERpdmlkZXIgaGVpZ2h0XG4gIDggK1xuICA4ICsgLy8gRGl2aWRlciBtYXJnaW5zXG4gIDg2ICsgLy8gbG9jYWxlIHNlbGVjdG9yXG4gIDMyICsgLy8gbG9jYWxlcyBzZWxlY3RvciBtYXJnaW5cbiAgNCAvLyBib3JkZXJzXG5cbmNvbnN0IE1JTl9TRUFSQ0hfTEVOR1RIID0gM1xuXG5jb25zdCBTdHlsZWRHcmlkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgbWF4LWhlaWdodDogY2FsYygxMDB2aCAtICR7dG90YWxTcGFjaW5nfXB4KTtcbiAgb3ZlcmZsb3c6IGF1dG87XG5gXG5cbmV4cG9ydCBjb25zdCBTZWxlY3RlZEZpZWxkc0Zvcm0gPSAoKSA9PiB7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKClcbiAgY29uc3QgW2ZpZWxkU2VhcmNoVGVybSwgc2V0RmllbGRTZWFyY2hUZXJtXSA9IFJlYWN0LnVzZVN0YXRlKCcnKVxuICBjb25zdCB7IHByb2plY3RLZXkgfSA9IHVzZUFwcGxpY2F0aW9uQ29udGV4dCgoY29udGV4dCkgPT4gKHtcbiAgICBwcm9qZWN0S2V5OiBjb250ZXh0LnByb2plY3Q/LmtleSxcbiAgfSkpXG4gIGNvbnN0IFtfLCBzZXRDYWNoZWRTZWxlY3RlZEdyb3Vwc10gPSB1c2VTdG9yYWdlKFxuICAgIGAke3Byb2plY3RLZXl9LyR7T1BFUkFUSU9OU19FWFBPUlRfUkVTT1VSQ0VTX01PREFMX1NFTEVDVElPTn1gLFxuICAgIHt9XG4gIClcbiAgY29uc3QgeyBmb3JtaWssIHJlc291cmNlVHlwZSB9ID0gdXNlRXhwb3J0UmVzb3VyY2VzTW9kYWxDb250ZXh0KClcblxuICBjb25zdCBpc1NlYXJjaEFjdGl2ZSA9IGZpZWxkU2VhcmNoVGVybT8udHJpbSgpPy5sZW5ndGggPj0gTUlOX1NFQVJDSF9MRU5HVEhcblxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgIHVwZGF0ZUZpZWxkRGVwZW5kZW5jaWVzU3RhdHVzKGZvcm1paylcbiAgICBjb25zdCBjaGVja2VkRmllbGRzID0ge31cbiAgICBmdW5jdGlvbiBnZXRDaGVja2VkRmllbGRzKGZpZWxkOiBGb3JtRmllbGQsIGdyb3VwTmFtZTogc3RyaW5nKSB7XG4gICAgICBjb25zdCBmaWVsZE5hbWUgPSBmaWVsZC5uYW1lID8gYCR7Z3JvdXBOYW1lfS4ke2ZpZWxkLm5hbWV9YCA6IGdyb3VwTmFtZVxuICAgICAgaWYgKGZpZWxkLmZpZWxkcykge1xuICAgICAgICByZXR1cm4gZmllbGQuZmllbGRzLmZvckVhY2goKGYpID0+IGdldENoZWNrZWRGaWVsZHMoZiwgZmllbGROYW1lKSlcbiAgICAgIH1cblxuICAgICAgY2hlY2tlZEZpZWxkc1tmaWVsZE5hbWVdID0gZmllbGQuaXNDaGVja2VkXG4gICAgfVxuICAgIGZvcm1pay52YWx1ZXMuZ3JvdXBzLmZvckVhY2goKGdyb3VwOiBGb3JtR3JvdXApID0+IHtcbiAgICAgIGdyb3VwLmZpZWxkcy5mb3JFYWNoKChmaWVsZDogRm9ybUZpZWxkKSA9PiB7XG4gICAgICAgIGdldENoZWNrZWRGaWVsZHMoZmllbGQsIGdyb3VwLmdyb3VwTmFtZSlcbiAgICAgIH0pXG4gICAgfSlcblxuICAgIHNldENhY2hlZFNlbGVjdGVkR3JvdXBzKHtcbiAgICAgIFtyZXNvdXJjZVR5cGVdOiBjaGVja2VkRmllbGRzLFxuICAgIH0pXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbZm9ybWlrLnZhbHVlcy5ncm91cHNdKVxuICAvLyBhZGRzIGBpc0hpZGRlbmAgcHJvcGVydHkgdG8gZWFjaCBmaWVsZCBiYXNlZCBvbiBzZWFyY2ggdGVybVxuICBjb25zdCBmaWx0ZXJlZEdyb3VwcyA9IFJlYWN0LnVzZU1lbW88Rm9ybUdyb3VwW10+KCgpID0+IHtcbiAgICBjb25zdCB1cGRhdGVGaWVsZHMgPSAoXG4gICAgICBmaWVsZHM6IEZvcm1GaWVsZFtdLFxuICAgICAgcGFyZW50TWF0Y2hlczogYm9vbGVhblxuICAgICk6IEZvcm1GaWVsZFtdID0+IHtcbiAgICAgIHJldHVybiBmaWVsZHMubWFwKChmaWVsZCkgPT4ge1xuICAgICAgICBjb25zdCBtYXRjaGVzID0gZmllbGQubGFiZWxcbiAgICAgICAgICAudG9Mb3dlckNhc2UoKVxuICAgICAgICAgIC5pbmNsdWRlcyhmaWVsZFNlYXJjaFRlcm0udG9Mb3dlckNhc2UoKSlcbiAgICAgICAgbGV0IGlzSGlkZGVuID0gIW1hdGNoZXMgJiYgIXBhcmVudE1hdGNoZXNcbiAgICAgICAgaWYgKGZpZWxkLmZpZWxkcykge1xuICAgICAgICAgIGNvbnN0IHVwZGF0ZWRGaWVsZHMgPSB1cGRhdGVGaWVsZHMoZmllbGQuZmllbGRzLCBtYXRjaGVzKVxuICAgICAgICAgIGlzSGlkZGVuID0gaXNIaWRkZW4gJiYgdXBkYXRlZEZpZWxkcy5ldmVyeSgoZikgPT4gZi5pc0hpZGRlbilcbiAgICAgICAgICBmaWVsZCA9IHtcbiAgICAgICAgICAgIC4uLmZpZWxkLFxuICAgICAgICAgICAgZmllbGRzOiB1cGRhdGVkRmllbGRzLFxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICByZXR1cm4geyAuLi5maWVsZCwgaXNIaWRkZW4gfVxuICAgICAgfSlcbiAgICB9XG5cbiAgICBpZiAoIWlzU2VhcmNoQWN0aXZlKSByZXR1cm4gZm9ybWlrLnZhbHVlcy5ncm91cHNcblxuICAgIGNvbnN0IHVwZGF0ZUdyb3VwcyA9IChncm91cHM6IEZvcm1Hcm91cFtdKTogRm9ybUdyb3VwW10gPT4ge1xuICAgICAgcmV0dXJuIGdyb3Vwcy5tYXAoKGdyb3VwKSA9PiB7XG4gICAgICAgIGNvbnN0IHVwZGF0ZWRGaWVsZHMgPSB1cGRhdGVGaWVsZHMoZ3JvdXAuZmllbGRzLCBmYWxzZSlcbiAgICAgICAgY29uc3QgaXNIaWRkZW4gPSB1cGRhdGVkRmllbGRzLmV2ZXJ5KChmaWVsZCkgPT4gZmllbGQuaXNIaWRkZW4pXG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgLi4uZ3JvdXAsXG4gICAgICAgICAgZmllbGRzOiB1cGRhdGVkRmllbGRzLFxuICAgICAgICAgIGlzSGlkZGVuLFxuICAgICAgICB9XG4gICAgICB9KVxuICAgIH1cbiAgICByZXR1cm4gdXBkYXRlR3JvdXBzKGZvcm1pay52YWx1ZXMuZ3JvdXBzKVxuICB9LCBbZm9ybWlrLnZhbHVlcy5ncm91cHMsIGZpZWxkU2VhcmNoVGVybSwgaXNTZWFyY2hBY3RpdmVdKVxuXG4gIGNvbnN0IG9uU2VhcmNoQ2hhbmdlID0gUmVhY3QudXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50KSA9PiB7XG4gICAgICBzZXRGaWVsZFNlYXJjaFRlcm0oZXZlbnQudGFyZ2V0LnZhbHVlKVxuICAgIH0sXG4gICAgW3NldEZpZWxkU2VhcmNoVGVybV1cbiAgKVxuXG4gIGNvbnN0IGhhc1Jlc3VsdHMgPSBCb29sZWFuKGZpbHRlcmVkR3JvdXBzLmZpbmQoKGdyb3VwKSA9PiAhZ3JvdXAuaXNIaWRkZW4pKVxuXG4gIGNvbnN0IG9uU2VhcmNoQ2hhbmdlRGVib3VuY2VkID0gUmVhY3QudXNlTWVtbyhcbiAgICAoKSA9PiBkZWJvdW5jZShvblNlYXJjaENoYW5nZSwgNTAwKSxcbiAgICBbb25TZWFyY2hDaGFuZ2VdXG4gIClcblxuICBjb25zdCBvblNlYXJjaFJlc2V0ID0gKCkgPT4ge1xuICAgIHNldEZpZWxkU2VhcmNoVGVybSgnJylcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPEV4cG9ydEZpZWxkU2VsZWN0aW9uUHJvdmlkZXIgcmVzb3VyY2VUeXBlPXtyZXNvdXJjZVR5cGV9PlxuICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwic1wiPlxuICAgICAgICA8U2VhcmNoVGV4dElucHV0XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5zZWFyY2hGb3JGaWVsZHMpfVxuICAgICAgICAgIHZhbHVlPXtmaWVsZFNlYXJjaFRlcm19XG4gICAgICAgICAgb25DaGFuZ2U9e29uU2VhcmNoQ2hhbmdlRGVib3VuY2VkfVxuICAgICAgICAgIG9uUmVzZXQ9e29uU2VhcmNoUmVzZXR9XG4gICAgICAgICAgLy8gVE9ETzogYFNlYXJjaFRleHRJbnB1dGAgcHJvcHMgdG8gYmUgaW1wcm92ZWQuIFRoZSBgb25TdWJtaXRgIGNhbGxiYWNrIHNob3VsZG4ndCBiZSBtYW5kYXRvcnlcbiAgICAgICAgICBvblN1Ym1pdD17KCkgPT4ge319XG4gICAgICAgICAgaWQ9XCJleHBvcnQtZmllbGRzLXNlYXJjaFwiXG4gICAgICAgIC8+XG4gICAgICAgIHtoYXNSZXN1bHRzID8gKFxuICAgICAgICAgIDxTdHlsZWRHcmlkQ2FyZCBpbnNldFNjYWxlPVwibm9uZVwiPlxuICAgICAgICAgICAgPEdyaWRcbiAgICAgICAgICAgICAgZ3JpZEF1dG9GbG93PVwicm93XCJcbiAgICAgICAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17YGNhbGMoJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9ICsgJHtkZXNpZ25Ub2tlbnMuY29uc3RyYWludDV9ICsgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZ0x9KSBhdXRvYH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2ZpbHRlcmVkR3JvdXBzLm1hcCgoZ3JvdXAsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgICAgPEZpZWxkR3JvdXBTZWN0aW9uXG4gICAgICAgICAgICAgICAgICBrZXk9e2dyb3VwLmdyb3VwTmFtZX1cbiAgICAgICAgICAgICAgICAgIGdyb3VwPXtncm91cH1cbiAgICAgICAgICAgICAgICAgIGluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgICAgIGZvcm1paz17Zm9ybWlrfVxuICAgICAgICAgICAgICAgICAgaXNTZWFyY2hBY3RpdmU9e2lzU2VhcmNoQWN0aXZlfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgIDwvU3R5bGVkR3JpZENhcmQ+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPE5vU2VhcmNoUmVzdWx0cyAvPlxuICAgICAgICApfVxuICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICA8L0V4cG9ydEZpZWxkU2VsZWN0aW9uUHJvdmlkZXI+XG4gIClcbn1cbiJdfQ== */"));
 const SelectedFieldsForm = () => {
+  var _context, _context2;
   const intl = useIntl();
   const _React$useState = React.useState(''),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -2453,22 +2544,22 @@ const SelectedFieldsForm = () => {
   const _useExportResourcesMo = useExportResourcesModalContext(),
     formik = _useExportResourcesMo.formik,
     resourceType = _useExportResourcesMo.resourceType;
-  const isSearchActive = fieldSearchTerm?.trim()?.length >= MIN_SEARCH_LENGTH;
+  const isSearchActive = ((_context = fieldSearchTerm) == null ? void 0 : _bindInstanceProperty(_context2 = Function.call).call(_context2, _trimInstanceProperty(_context), _context))?.()?.length >= MIN_SEARCH_LENGTH;
   React.useEffect(() => {
-    var _context2;
+    var _context4;
     updateFieldDependenciesStatus(formik);
     const checkedFields = {};
     function getCheckedFields(field, groupName) {
       const fieldName = field.name ? `${groupName}.${field.name}` : groupName;
       if (field.fields) {
-        var _context;
-        return _forEachInstanceProperty(_context = field.fields).call(_context, f => getCheckedFields(f, fieldName));
+        var _context3;
+        return _forEachInstanceProperty(_context3 = field.fields).call(_context3, f => getCheckedFields(f, fieldName));
       }
       checkedFields[fieldName] = field.isChecked;
     }
-    _forEachInstanceProperty(_context2 = _valuesInstanceProperty(formik).groups).call(_context2, group => {
-      var _context3;
-      _forEachInstanceProperty(_context3 = group.fields).call(_context3, field => {
+    _forEachInstanceProperty(_context4 = _valuesInstanceProperty(formik).groups).call(_context4, group => {
+      var _context5;
+      _forEachInstanceProperty(_context5 = group.fields).call(_context5, field => {
         getCheckedFields(field, group.groupName);
       });
     });
@@ -2481,8 +2572,8 @@ const SelectedFieldsForm = () => {
   const filteredGroups = React.useMemo(() => {
     const updateFields = (fields, parentMatches) => {
       return _mapInstanceProperty(fields).call(fields, field => {
-        var _context4;
-        const matches = _includesInstanceProperty(_context4 = field.label.toLowerCase()).call(_context4, fieldSearchTerm.toLowerCase());
+        var _context6;
+        const matches = _includesInstanceProperty(_context6 = field.label.toLowerCase()).call(_context6, fieldSearchTerm.toLowerCase());
         let isHidden = !matches && !parentMatches;
         if (field.fields) {
           const updatedFields = updateFields(field.fields, matches);
@@ -2631,6 +2722,8 @@ const _excluded$1 = ["children"];
 const ExportResourcesProvider = _ref => {
   let children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded$1);
+  const intl = useIntl();
+  const showNotification = useShowNotification();
   const initialValues = useInitialValues(props);
   const _React$useState = React.useState(Step.FileSettings),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -2661,47 +2754,70 @@ const ExportResourcesProvider = _ref => {
     setValidationErrors = _React$useState12[1];
   const _useStartExportOperat = useStartExportOperation(props),
     startExportOperation = _useStartExportOperat.startExportOperation;
-  const _useValidateImportedH = useValidateImportedHeaders(),
-    validateHeaders = _useValidateImportedH.validateHeaders;
-  const onSubmit = async values => {
-    if (currentStep === Step.FileSettings) {
-      setCurrentStep(Step.FieldsSelection);
-    } else if (currentStep === Step.FieldsSelection) {
-      if (fieldSelectionMode !== 'imported-csv-template') {
-        setCurrentStep(Step.ConfirmExport);
-        return;
-      }
-      const isUsingImportedCsvLocales = localeOption === 'onlyLocalesFoundInCsvFile';
-      const validationResult = await validateHeaders({
-        fileName: values.fileName,
-        outputFormat: values.outputFormat,
-        resourceType: props.resourceType,
-        fields: importedHeaders,
-        locales: isUsingImportedCsvLocales ? undefined : values.locales
-      });
-      if (validationResult?.success) {
-        setCurrentStep(Step.ConfirmExport);
-      } else {
-        setValidationErrors(validationResult?.validationErrors);
-        setCurrentStep(Step.ValidationErrors);
-      }
-    } else {
-      startExportOperation(values, exportType, fieldSelectionMode, localeOption, importedHeaders);
-    }
-  };
+  const _useValidateExportOpe = useValidateExportOperation(),
+    validateExport = _useValidateExportOpe.validateExport;
   const formik = useFormik({
     initialValues,
     validate: values => validate({
       values,
       step: currentStep,
       fieldSelectionMode,
-      importedHeaders
+      importedHeaders,
+      exportType
     }),
-    onSubmit
+    onSubmit: async values => {
+      if (currentStep === Step.FileSettings) {
+        if (exportType === EXPORT_TYPES.QUERY_PREDICATE) {
+          const validationResult = await validateExport({
+            fileName: values.fileName,
+            outputFormat: values.outputFormat,
+            resourceType: props.resourceType,
+            fields: extractFieldNamesFromGroups(values.groups, props.fieldOrder),
+            locales: values.locales,
+            queryPredicate: values.queryPredicate
+          });
+          if (validationResult?.invalidQueryPredicate) {
+            formik.setFieldError('queryPredicate', 'invalidInput');
+            return;
+          }
+          if (validationResult?.noResourcesToExport) {
+            showNotification({
+              text: intl.formatMessage(messages.noResourcesToExport),
+              kind: 'error',
+              domain: DOMAINS.PAGE
+            });
+            return;
+          }
+        }
+        setCurrentStep(Step.FieldsSelection);
+      } else if (currentStep === Step.FieldsSelection) {
+        if (fieldSelectionMode !== 'imported-csv-template') {
+          setCurrentStep(Step.ConfirmExport);
+          return;
+        }
+        const isUsingImportedCsvLocales = localeOption === 'onlyLocalesFoundInCsvFile';
+        const validationResult = await validateExport({
+          fileName: values.fileName,
+          outputFormat: values.outputFormat,
+          resourceType: props.resourceType,
+          fields: importedHeaders,
+          locales: isUsingImportedCsvLocales ? undefined : values.locales,
+          queryPredicate: values.queryPredicate
+        });
+        if (validationResult?.success) {
+          setCurrentStep(Step.ConfirmExport);
+        } else {
+          setValidationErrors(validationResult?.validationErrors);
+          setCurrentStep(Step.ValidationErrors);
+        }
+      } else {
+        startExportOperation(values, exportType, fieldSelectionMode, localeOption, importedHeaders);
+      }
+    }
   });
   React.useEffect(() => {
     formik.validateForm();
-  }, [currentStep, fieldSelectionMode, importedHeaders]);
+  }, [currentStep, fieldSelectionMode, importedHeaders, exportType]);
   return jsx(ExportResourcesContext.Provider, {
     value: {
       formik,
@@ -2713,6 +2829,7 @@ const ExportResourcesProvider = _ref => {
       totalResourcesCount: props.totalResourcesCount,
       selectedResourceIds: props.selectedResourceIds,
       hideExportSelectedResourcesOption: props.hideExportSelectedResourcesOption,
+      showQueryPredicateOption: props.showQueryPredicateOption,
       filters: props.filters,
       hasFilters: areFiltersApplied(props.filters),
       setExportType,
@@ -3064,11 +3181,11 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:getDefaultDropWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBEcm9wem9uZVJvb3RQcm9wcyB9IGZyb20gJ3JlYWN0LWRyb3B6b25lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2RlZmF1bHQnKSB7XG4gICAgICByZXR1cm4gc3R5bGVzLnJlYWR5Rm9yRHJvcFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2FjdGl2ZS1kcmFnJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5hY3RpdmVEcmFnXG4gICAgfVxuICAgIGlmIChwcm9wcy5kcm9wQXJlYVN0YXRlID09PSAnZmlsZS1kcm9wcGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5maWxlRHJvcHBlZFxuICAgIH1cbiAgICByZXR1cm4gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKHByb3BzLmRyb3BBcmVhU3RhdGUpXG4gIH19XG5gXG5mdW5jdGlvbiBnZXREZWZhdWx0RHJvcFdyYXBwZXJTdHlsZXMoX2Ryb3BBcmVhU3RhdGU6IG5ldmVyKSB7XG4gIHJldHVybiBjc3NgYFxufVxuIl19 */");
 }
 
-var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-ab9704b7.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
+var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-69b691d5.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
 
-var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-cd527058.esm.js' /* webpackChunkName: "enabled-drop-area" */));
+var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-48a953a6.esm.js' /* webpackChunkName: "enabled-drop-area" */));
 
-var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-d44a1e01.esm.js' /* webpackChunkName: "filed-dropped-area" */));
+var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-c8a5f539.esm.js' /* webpackChunkName: "filed-dropped-area" */));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,