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

package/dist/{index-969519bd.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';
@@ -581,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.'
   }
 });
 
@@ -604,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; })(); }
@@ -748,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 = {
@@ -825,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));
 };
@@ -938,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";
@@ -958,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), []);
@@ -1002,140 +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)) {
-    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);
-}
-
 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) => {
@@ -1360,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 => ({
@@ -1392,6 +1455,7 @@ const useInitialValues = props => {
       fileName: `${resourceTypeToFileName(props.resourceType, userLocale)}`,
       locales: [locale],
       groups: updateFieldGroupWithAdditionalFieldExtensions(groups),
+      queryPredicate: '',
       // Preferences
       fillRows: false,
       importedCsvTemplateFile: null
@@ -1403,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);
@@ -1448,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');
@@ -1474,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;
@@ -1487,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') {
@@ -1503,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',
@@ -1641,7 +1685,7 @@ const useConvertFieldDefinitionsForExport = () => {
   };
 };
 
-const useValidateImportedHeaders = () => {
+const useValidateExportOperation = () => {
   const intl = useIntl();
   const asyncDispatch = useAsyncDispatch();
   const showNotification = useShowNotification();
@@ -1649,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) {
@@ -1663,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',
@@ -1694,7 +1759,7 @@ const useValidateImportedHeaders = () => {
     }
   };
   return {
-    validateHeaders
+    validateExport
   };
 };
 
@@ -1742,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,
@@ -1749,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);
@@ -1792,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
+    })]
   });
 }
 
@@ -2640,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),
@@ -2670,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,
@@ -2722,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,
@@ -3073,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-d0b34d8c.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-3ac1d564.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-997435fa.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,