npm - @commercetools-frontend-extensions/export-resources-modal - Versions diffs - 4.7.2 → 4.8.1 - Mend

@commercetools-frontend-extensions/export-resources-modal 4.7.2 → 4.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/README.md CHANGED Viewed

@@ -129,7 +129,13 @@ import ExportResourcesModal from '@commercetools-frontend-extensions/export-reso
     outputFormat="csv"
     resourceType="category"
     filters={{
-      queryPredicate: 'key = "category-key"',
+      {
+        filters: [ 'key = "category-key"'],
+        fullText: {
+          text: 'category-text',
+          locale: 'en'
+        }
+      },
       total: 20
     }}
     totalResourcesCount={143}
@@ -326,7 +332,7 @@ import ExportResourcesModal from '@commercetools-frontend-extensions/export-reso
 | `onExportSuccess`                            | `function`                                              |                                                      |         | Callback function that is called when the export operation is successful                                                                                                                                                                                                                                                                                                                                              |
 | `onClose`                                    | `function`                                              |                                                      |         | Callback function invoked when the modal is requested to close (on overlay click, close button click or `ESC` press). This function is also called after an export operation regardless of its success or failure                                                                                                                                                                                                     |
 | `resourceType`                               | `string`                                                |                          ✅                          |         | The type of the resource, example: `category`, `product`...
-| `filters`                               | `Filters`                                                |                                                    |         | Filters can be set as simple string for [query predicates](https://docs.commercetools.com/api/predicates/query) or as a `search query` object for Search API filters, such as the [Product Search API](https://docs.commercetools.com/api/projects/product-search).
+| `filters`                               | `Filters`                                                |                                                    |         | Filters can be set as filters object with a `query` property or array of strings. It can also be set as a simple string for the `where` property. Lastly, another option is to set Filters as `fulltext` object with `text` and locale` string properties.
 | `totalResourcesCount`                        | `number`                                                |                          ✅                          |         | The count of all resources of identified `resourceType`                                                                                                                                                                                                                                                                                                                                                               |
 | `selectedResourceIds`                        | `array`                                                 |                                                      |         | Array of Ids of the selected resources                                                                                                                                                                                                                                                                                                                                                                                |
 | `fieldGroups`                                | `array`                                                 |                          ✅                          |         | Array of the grouped `fields` to export.                                                                                                                                                                                                                                                                                                                                                                              |

package/dist/commercetools-frontend-extensions-export-resources-modal.cjs.dev.js CHANGED Viewed

@@ -44,6 +44,7 @@ var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-arr
 var _Set = require('@babel/runtime-corejs3/core-js-stable/set');
 var _sortInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/sort');
 var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
+var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
 var actionsGlobal = require('@commercetools-frontend/actions-global');
 var constants = require('@commercetools-frontend/constants');
 var sdk = require('@commercetools-frontend/sdk');
@@ -87,6 +88,7 @@ var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
 var _Set__default = /*#__PURE__*/_interopDefault(_Set);
 var _sortInstanceProperty__default = /*#__PURE__*/_interopDefault(_sortInstanceProperty);
 var _indexOfInstanceProperty__default = /*#__PURE__*/_interopDefault(_indexOfInstanceProperty);
+var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
 var sortBy__default = /*#__PURE__*/_interopDefault(sortBy);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var throttle__default = /*#__PURE__*/_interopDefault(throttle);
@@ -262,107 +264,107 @@ var messages = reactIntl.defineMessages({
   exportScopeAllCategories: {
     id: 'ExportResourcesModal.exportScopeAllCategories',
     description: 'Label for Export All categories',
-    defaultMessage: 'Export all: {total} categories'
+    defaultMessage: 'Export all: {total, plural, one {# category} other {# categories}}'
   },
   exportScopeSelectedCategories: {
     id: 'ExportResourcesModal.exportScopeSelectedCategories',
     description: 'Label for Export Selected categories',
-    defaultMessage: 'Export selected: {total} categories'
+    defaultMessage: 'Export selected: {total, plural, one {# category} other {# categories}}'
   },
   exportScopeFilteredCategories: {
     id: 'ExportResourcesModal.exportScopeFilteredCategories',
     description: 'Label for Export Filtered categories',
-    defaultMessage: 'Export filtered: {total} categories'
+    defaultMessage: 'Export filtered: {total, plural, one {# category} other {# categories}}'
   },
   exportScopeAllProducts: {
     id: 'ExportResourcesModal.exportScopeAllProducts',
     description: 'Label for Export All products',
-    defaultMessage: 'Export all: {total} products'
+    defaultMessage: 'Export all: {total, plural, one {# product} other {# products}}'
   },
   exportScopeSelectedProducts: {
     id: 'ExportResourcesModal.exportScopeSelectedProducts',
     description: 'Label for Export Selected products',
-    defaultMessage: 'Export selected: {total} products'
+    defaultMessage: 'Export selected: {total, plural, one {# product} other {# products}}'
   },
   exportScopeFilteredProducts: {
     id: 'ExportResourcesModal.exportScopeFilteredProducts',
     description: 'Label for Export Filtered products',
-    defaultMessage: 'Export filtered: {total} products'
+    defaultMessage: 'Export filtered: {total, plural, one {# product} other {# products}}'
   },
   exportScopeAllProductTypes: {
     id: 'ExportResourcesModal.exportScopeAllProductTypes',
     description: 'Label for Export All product types',
-    defaultMessage: 'Export all: {total} product types'
+    defaultMessage: 'Export all: {total, plural, one {# product type} other {# product types}}'
   },
   exportScopeSelectedProductTypes: {
     id: 'ExportResourcesModal.exportScopeSelectedProductTypes',
     description: 'Label for Export Selected product types',
-    defaultMessage: 'Export selected: {total} product types'
+    defaultMessage: 'Export selected: {total, plural, one {# product type} other {# product types}}'
   },
   exportScopeFilteredProductTypes: {
     id: 'ExportResourcesModal.exportScopeFilteredProductTypes',
     description: 'Label for Export Filtered product types',
-    defaultMessage: 'Export filtered: {total} product types'
+    defaultMessage: 'Export filtered: {total, plural, one {# product type} other {# product types}}'
   },
   exportInventoriesForAllProducts: {
     id: 'ExportResourcesModal.exportInventoriesForAllProducts',
     description: 'Label for Export All inventories',
-    defaultMessage: 'Export inventories for all {total} products'
+    defaultMessage: 'Export inventories for all {total, plural, one {# product} other {# products}}'
   },
   exportInventoriesForSelectedProducts: {
     id: 'ExportResourcesModal.exportInventoriesForSelectedProducts',
     description: 'Label for Export Selected inventories',
-    defaultMessage: 'Export inventories for the {total} selected products'
+    defaultMessage: 'Export inventories for the {total, plural, one {# selected product} other {# selected products}}'
   },
   exportInventoriesForFilteredProducts: {
     id: 'ExportResourcesModal.exportInventoriesForFilteredProducts',
     description: 'Label for Export Filtered inventories',
-    defaultMessage: 'Export inventories for the {total} filtered products'
+    defaultMessage: 'Export inventories for the {total, plural, one {# filtered product} other {# filtered products}}'
   },
   exportScopeAllDiscountCodes: {
     id: 'ExportResourcesModal.exportScopeAllDiscountCodes',
     description: 'Label for Export All discount codes',
-    defaultMessage: 'Export all: {total} discount codes'
+    defaultMessage: 'Export all: {total, plural, one {# discount code} other {# discount codes}}'
   },
   exportScopeSelectedDiscountCodes: {
     id: 'ExportResourcesModal.exportScopeSelectedDiscountCodes',
     description: 'Label for Export Selected discount codes',
-    defaultMessage: 'Export selected: {total} discount codes'
+    defaultMessage: 'Export selected: {total, plural, one {# discount code} other {# discount codes}}'
   },
   exportScopeFilteredDiscountCodes: {
     id: 'ExportResourcesModal.exportScopeFilteredDiscountCodes',
     description: 'Label for Export Filtered discount codes',
-    defaultMessage: 'Export filtered: {total} discount codes'
+    defaultMessage: 'Export filtered: {total, plural, one {# discount code} other {# discount codes}}'
   },
   exportScopeAllOrders: {
     id: 'ExportResourcesModal.exportScopeAllOrders',
     description: 'Label for Export All orders',
-    defaultMessage: 'Export all: {total} orders'
+    defaultMessage: 'Export all: {total, plural, one {# order} other {# orders}}'
   },
   exportScopeSelectedOrders: {
     id: 'ExportResourcesModal.exportScopeSelectedOrders',
     description: 'Label for Export Selected orders',
-    defaultMessage: 'Export selected: {total} orders'
+    defaultMessage: 'Export selected: {total, plural, one {# order} other {# orders}}'
   },
   exportScopeFilteredOrders: {
     id: 'ExportResourcesModal.exportScopeFilteredOrders',
     description: 'Label for Export Filtered orders',
-    defaultMessage: 'Export filtered: {total} orders'
+    defaultMessage: 'Export filtered: {total, plural, one {# order} other {# orders}}'
   },
   exportScopeAllCustomers: {
     id: 'ExportResourcesModal.exportScopeAllCustomers',
     description: 'Label for Export All customers',
-    defaultMessage: 'Export all: {total} customers'
+    defaultMessage: 'Export all: {total, plural, one {# customer} other {# customers}}'
   },
   exportScopeSelectedCustomers: {
     id: 'ExportResourcesModal.exportScopeSelectedCustomers',
     description: 'Label for Export Selected customers',
-    defaultMessage: 'Export selected: {total} customers'
+    defaultMessage: 'Export selected: {total, plural, one {# customer} other {# customers}}'
   },
   exportScopeFilteredCustomers: {
     id: 'ExportResourcesModal.exportScopeFilteredCustomers',
     description: 'Label for Export Filtered customers',
-    defaultMessage: 'Export filtered: {total} customers'
+    defaultMessage: 'Export filtered: {total, plural, one {# customer} other {# customers}}'
   },
   exportScopeSelectedWithoutCount: {
     id: 'ExportResourcesModal.exportScopeSelectedWithoutCount',
@@ -652,6 +654,12 @@ const getTotalCheckedFields = group => {
   return countCheckedFields(group.fields);
 };
+let Step = /*#__PURE__*/function (Step) {
+  Step["FileSettings"] = "file-settings";
+  Step["FieldsSelection"] = "fields-selection";
+  return Step;
+}({});
 function validate(_ref) {
   let values = _valuesInstanceProperty__default["default"](_ref),
     step = _ref.step;
@@ -671,7 +679,7 @@ function validate(_ref) {
   if (locales.length < 1) {
     errors.locales.missing = true;
   }
-  if (step === 2) {
+  if (step === Step.FieldsSelection) {
     const allFields = _reduceInstanceProperty__default["default"](groups).call(groups, (acc, group) => _concatInstanceProperty__default["default"](acc).call(acc, group.fields), []);
     const checkedFieldsCount = _filterInstanceProperty__default["default"](allFields).call(allFields, field => {
       if (field.fields) return isAnyFieldChecked(field.fields);
@@ -769,21 +777,45 @@ function buildSelectedExportFilters(selectedResourceIds) {
   const formattedIds = _mapInstanceProperty__default["default"](selectedResourceIds).call(selectedResourceIds, id => `"${id}"`).join(', ');
   return `id in (${formattedIds})`;
 }
-function validateFilters(filters) {
-  const hasQueryPredicate = 'queryPredicate' in filters;
-  const hasSearchQuery = 'searchQuery' in filters;
-  // Ensure only one of `queryPredicate` or `searchQuery` is applied but not both or none
-  const validFilterState = hasQueryPredicate && !hasSearchQuery || !hasQueryPredicate && hasSearchQuery;
-  return validFilterState;
+function isQueryFilter(filters) {
+  return filters?.query !== undefined;
+}
+function isSearchFilter(filters) {
+  return filters?.filters?.length || filters?.fullText !== undefined;
 }
-function areFiltersApplied(filters) {
-  if (!filters) {
+function validateFilters(filtersObject) {
+  var _context2;
+  if (filtersObject.where && filtersObject.filters) {
     return false;
   }
-  const hasQueryPredicate = (filters.queryPredicate?.trim() ?? '') !== '';
-  const hasSearchQuery = _Object$keys__default["default"](filters.searchQuery ?? {}).length > 0;
-  return hasQueryPredicate || hasSearchQuery;
+  if (isQueryFilter(filtersObject.filters)) {
+    return Boolean(filtersObject.filters?.query);
+  }
+  if (isSearchFilter(filtersObject.filters)) {
+    const searchFilters = filtersObject.filters;
+    return Boolean(searchFilters.filters?.length || searchFilters.fullText?.text?.trim());
+  }
+  if (filtersObject.where && _trimInstanceProperty__default["default"](_context2 = filtersObject.where).call(_context2) !== '') {
+    return true;
+  }
+  return false;
+}
+function areFiltersApplied(filtersObject) {
+  var _context3;
+  if (!filtersObject) {
+    return false;
+  }
+  if (filtersObject.where && _trimInstanceProperty__default["default"](_context3 = filtersObject.where).call(_context3) !== '') {
+    return true;
+  }
+  if (filtersObject.filters && 'query' in filtersObject.filters) {
+    return Boolean(filtersObject.filters.query);
+  }
+  if (filtersObject.filters && ('filters' in filtersObject.filters || 'fullText' in filtersObject.filters)) {
+    const _filters = filtersObject.filters;
+    return Boolean(_filters.filters?.length || _filters.fullText?.text?.trim());
+  }
+  return false;
 }
 function getInitialExportType(args) {
   if (args.selectedResourceIds?.length) {
@@ -985,7 +1017,7 @@ async function createExportOperation(_ref, asyncDispatchFn) {
       fillRows,
       // Query predicate
       where,
-      // Search API filters
+      // Search API filters or Category API filters
       filters
     }
   }));
@@ -1031,14 +1063,15 @@ const useStartExportOperation = props => {
       let filters = undefined;
       if (exportType === EXPORT_TYPES.SELECTED && props.selectedResourceIds?.length) {
         where = buildSelectedExportFilters(props.selectedResourceIds);
-      } else if (exportType === EXPORT_TYPES.FILTERED) {
-        if (props.filters?.queryPredicate) {
-          where = props.filters.queryPredicate;
-        }
-        if (props.filters?.searchQuery) {
+      } else if (exportType === EXPORT_TYPES.FILTERED && props.filters) {
+        where = props.filters.where;
+        if (isQueryFilter(props.filters.filters)) {
+          const _filters = props.filters.filters;
           filters = {
-            query: props.filters.searchQuery
+            query: _filters.query
           };
+        } else if (isSearchFilter(props.filters.filters)) {
+          filters = props.filters.filters;
         }
       }
       const response = await createExportOperation({
@@ -1767,7 +1800,7 @@ const StyledGridCard = /*#__PURE__*/_styled__default["default"](uiKit.Card, proc
 } : {
   target: "e5mvpn60",
   label: "StyledGridCard"
-})("max-height:calc(100vh - ", totalSpacing, "px);overflow:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImV4cG9ydC1maWVsZHMtc2VsZWN0aW9uLXN0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDbUMiLCJmaWxlIjoiZXhwb3J0LWZpZWxkcy1zZWxlY3Rpb24tc3RlcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCdcbmltcG9ydCB7IEZvcm1EaWFsb2cgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hcHBsaWNhdGlvbi1jb21wb25lbnRzJ1xuaW1wb3J0IHsgdXNlQXBwbGljYXRpb25Db250ZXh0IH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXBwbGljYXRpb24tc2hlbGwtY29ubmVjdG9ycydcbmltcG9ydCB7IHVzZVN0b3JhZ2UgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9leHBlcmltZW50YWwtY29tcG9uZW50cydcbmltcG9ydCB7IE1hc2tpbmcgYXMgRnVsbFN0b3J5TWFza2luZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2Z1bGxzdG9yeSdcbmltcG9ydCB7XG4gIENhcmQsXG4gIEdyaWQsXG4gIFNwYWNpbmdzLFxuICBTZWFyY2hUZXh0SW5wdXQsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdGhyb3R0bGUgZnJvbSAnbG9kYXNoL3Rocm90dGxlJ1xuaW1wb3J0IEV4cG9ydEZpZWxkU2VsZWN0aW9uUHJvdmlkZXIgZnJvbSAnLi9leHBvcnQtZmllbGQtc2VsZWN0aW9uLXByb3ZpZGVyJ1xuaW1wb3J0IHsgRmllbGRHcm91cFNlY3Rpb24gfSBmcm9tICcuL2ZpZWxkLWdyb3VwLXNlY3Rpb24nXG5pbXBvcnQgeyBPUEVSQVRJT05TX0VYUE9SVF9SRVNPVVJDRVNfTU9EQUxfU0VMRUNUSU9OIH0gZnJvbSAnLi4vLi4vQGNvbnN0YW50cydcbmltcG9ydCB7IHVzZUV4cG9ydFJlc291cmNlc01vZGFsQ29udGV4dCB9IGZyb20gJy4uLy4uL0Bob29rcydcbmltcG9ydCB0eXBlIHtcbiAgRmlsdGVyZWRGaWVsZCxcbiAgRmlsdGVyZWRHcm91cCxcbiAgRm9ybUZpZWxkLFxuICBGb3JtR3JvdXAsXG59IGZyb20gJy4uLy4uL0B0eXBlcydcbmltcG9ydCB7IHVwZGF0ZUZpZWxkRGVwZW5kZW5jaWVzU3RhdHVzIH0gZnJvbSAnLi4vLi4vQHV0aWxzJ1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4uLy4uL21lc3NhZ2VzJ1xuaW1wb3J0IHsgTm9TZWFyY2hSZXN1bHRzIH0gZnJvbSAnLi4vbm8tc2VhcmNoLXJlc3VsdHMnXG5cbmNvbnN0IHRvdGFsU3BhY2luZyA9XG4gIDMyICogMiArIC8vIG91dGVyIG1vZGFsIHNwYWNpbmdcbiAgKDMyICsgNDApICsgLy8gZm9vdGVyIChkaWFsb2cgYnV0dG9ucyArIG1hcmdpbilcbiAgNDAgKyAvLyBzZWFyY2ggaW5wdXRcbiAgMjQgKyAvLyBzZWFyY2ggaW5wdXQgcGFkZGluZ1xuICAyNCArIC8vIG1vZGFsIGhlYWRlclxuICAxNiArIC8vIG1vZGFsIGhlYWRlciBtYXJnaW5cbiAgMTYgKyAvLyBzcGFjaW5nIGJldHdlZW4gc2VhcmNoIGlucHV0IGFuZCBncmlkIGNhcmRcbiAgKDE2ICogMiArIDggKiAyKSArIC8vIG1vZGFsIHBhZGRpbmdcbiAgNTYgKyAvLyBNQyBoZWFkZXJcbiAgNCAvLyBib3JkZXJzXG5cbmNvbnN0IFN0eWxlZEdyaWRDYXJkID0gc3R5bGVkKENhcmQpYFxuICBtYXgtaGVpZ2h0OiBjYWxjKDEwMHZoIC0gJHt0b3RhbFNwYWNpbmd9cHgpO1xuICBvdmVyZmxvdzogYXV0bztcbmBcblxuZXhwb3J0IGNvbnN0IEV4cG9ydEZpZWxkc1NlbGVjdGlvblN0ZXAgPSAoKSA9PiB7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKClcbiAgY29uc3QgW2ZpZWxkU2VhcmNoVGVybSwgc2V0RmllbGRTZWFyY2hUZXJtXSA9IFJlYWN0LnVzZVN0YXRlKCcnKVxuICBjb25zdCB7IHByb2plY3RLZXkgfSA9IHVzZUFwcGxpY2F0aW9uQ29udGV4dCgoY29udGV4dCkgPT4gKHtcbiAgICBwcm9qZWN0S2V5OiBjb250ZXh0LnByb2plY3Q/LmtleSxcbiAgfSkpXG4gIGNvbnN0IFtfLCBzZXRDYWNoZWRTZWxlY3RlZEdyb3Vwc10gPSB1c2VTdG9yYWdlKFxuICAgIGAke3Byb2plY3RLZXl9LyR7T1BFUkFUSU9OU19FWFBPUlRfUkVTT1VSQ0VTX01PREFMX1NFTEVDVElPTn1gLFxuICAgIHt9XG4gIClcbiAgY29uc3QgeyBmb3JtaWssIHNldEN1cnJlbnRTdGVwLCByZXNvdXJjZVR5cGUsIG9uQ2xvc2UgfSA9XG4gICAgdXNlRXhwb3J0UmVzb3VyY2VzTW9kYWxDb250ZXh0KClcblxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgIGZvcm1pay52YWxpZGF0ZUZvcm0oKVxuICAgIHVwZGF0ZUZpZWxkRGVwZW5kZW5jaWVzU3RhdHVzKGZvcm1paylcbiAgICBjb25zdCBjaGVja2VkRmllbGRzID0ge31cbiAgICBmdW5jdGlvbiBnZXRDaGVja2VkRmllbGRzKGZpZWxkOiBGb3JtRmllbGQsIGdyb3VwTmFtZTogc3RyaW5nKSB7XG4gICAgICBjb25zdCBmaWVsZE5hbWUgPSBmaWVsZC5uYW1lID8gYCR7Z3JvdXBOYW1lfS4ke2ZpZWxkLm5hbWV9YCA6IGdyb3VwTmFtZVxuICAgICAgaWYgKGZpZWxkLmZpZWxkcykge1xuICAgICAgICByZXR1cm4gZmllbGQuZmllbGRzLmZvckVhY2goKGYpID0+IGdldENoZWNrZWRGaWVsZHMoZiwgZmllbGROYW1lKSlcbiAgICAgIH1cblxuICAgICAgY2hlY2tlZEZpZWxkc1tmaWVsZE5hbWVdID0gZmllbGQuaXNDaGVja2VkXG4gICAgfVxuICAgIGZvcm1pay52YWx1ZXMuZ3JvdXBzLmZvckVhY2goKGdyb3VwOiBGb3JtR3JvdXApID0+IHtcbiAgICAgIGdyb3VwLmZpZWxkcy5mb3JFYWNoKChmaWVsZDogRm9ybUZpZWxkKSA9PiB7XG4gICAgICAgIGdldENoZWNrZWRGaWVsZHMoZmllbGQsIGdyb3VwLmdyb3VwTmFtZSlcbiAgICAgIH0pXG4gICAgfSlcblxuICAgIHNldENhY2hlZFNlbGVjdGVkR3JvdXBzKHtcbiAgICAgIFtyZXNvdXJjZVR5cGVdOiBjaGVja2VkRmllbGRzLFxuICAgIH0pXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbZm9ybWlrLnZhbHVlcy5ncm91cHNdKVxuICAvLyBhZGRzIGBpc0hpZGRlbmAgcHJvcGVydHkgdG8gZWFjaCBmaWVsZCBiYXNlZCBvbiBzZWFyY2ggdGVybVxuICBjb25zdCBmaWx0ZXJlZEdyb3VwcyA9IFJlYWN0LnVzZU1lbW88RmlsdGVyZWRHcm91cFtdPigoKSA9PiB7XG4gICAgY29uc3QgdXBkYXRlRmllbGRzID0gKFxuICAgICAgZmllbGRzOiBGb3JtRmllbGRbXSxcbiAgICAgIHBhcmVudE1hdGNoZXM6IGJvb2xlYW5cbiAgICApOiBGaWx0ZXJlZEZpZWxkW10gPT4ge1xuICAgICAgcmV0dXJuIGZpZWxkcy5tYXAoKGZpZWxkKSA9PiB7XG4gICAgICAgIGNvbnN0IG1hdGNoZXMgPSBmaWVsZC5sYWJlbFxuICAgICAgICAgIC50b0xvd2VyQ2FzZSgpXG4gICAgICAgICAgLmluY2x1ZGVzKGZpZWxkU2VhcmNoVGVybS50b0xvd2VyQ2FzZSgpKVxuICAgICAgICBsZXQgaXNIaWRkZW4gPSAhbWF0Y2hlcyAmJiAhcGFyZW50TWF0Y2hlc1xuICAgICAgICBpZiAoZmllbGQuZmllbGRzKSB7XG4gICAgICAgICAgY29uc3QgdXBkYXRlZEZpZWxkcyA9IHVwZGF0ZUZpZWxkcyhmaWVsZC5maWVsZHMsIG1hdGNoZXMpXG4gICAgICAgICAgaXNIaWRkZW4gPSBpc0hpZGRlbiAmJiB1cGRhdGVkRmllbGRzLmV2ZXJ5KChmKSA9PiBmLmlzSGlkZGVuKVxuICAgICAgICAgIGZpZWxkID0ge1xuICAgICAgICAgICAgLi4uZmllbGQsXG4gICAgICAgICAgICBmaWVsZHM6IHVwZGF0ZWRGaWVsZHMsXG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHJldHVybiB7IC4uLmZpZWxkLCBpc0hpZGRlbiB9XG4gICAgICB9KVxuICAgIH1cblxuICAgIGlmICghZmllbGRTZWFyY2hUZXJtPy50cmltKCk/Lmxlbmd0aCkgcmV0dXJuIGZvcm1pay52YWx1ZXMuZ3JvdXBzXG5cbiAgICBjb25zdCB1cGRhdGVHcm91cHMgPSAoZ3JvdXBzOiBGb3JtR3JvdXBbXSk6IEZpbHRlcmVkR3JvdXBbXSA9PiB7XG4gICAgICByZXR1cm4gZ3JvdXBzLm1hcCgoZ3JvdXApID0+IHtcbiAgICAgICAgY29uc3QgdXBkYXRlZEZpZWxkcyA9IHVwZGF0ZUZpZWxkcyhncm91cC5maWVsZHMsIGZhbHNlKVxuICAgICAgICBjb25zdCBpc0hpZGRlbiA9IHVwZGF0ZWRGaWVsZHMuZXZlcnkoKGZpZWxkKSA9PiBmaWVsZC5pc0hpZGRlbilcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAuLi5ncm91cCxcbiAgICAgICAgICBmaWVsZHM6IHVwZGF0ZWRGaWVsZHMsXG4gICAgICAgICAgaXNIaWRkZW4sXG4gICAgICAgIH1cbiAgICAgIH0pXG4gICAgfVxuICAgIHJldHVybiB1cGRhdGVHcm91cHMoZm9ybWlrLnZhbHVlcy5ncm91cHMpXG4gIH0sIFtmb3JtaWsudmFsdWVzLmdyb3VwcywgZmllbGRTZWFyY2hUZXJtXSlcblxuICBjb25zdCBvblNlYXJjaENoYW5nZSA9IFJlYWN0LnVzZUNhbGxiYWNrKFxuICAgIChldmVudCkgPT4ge1xuICAgICAgc2V0RmllbGRTZWFyY2hUZXJtKGV2ZW50LnRhcmdldC52YWx1ZSlcbiAgICB9LFxuICAgIFtzZXRGaWVsZFNlYXJjaFRlcm1dXG4gIClcblxuICBjb25zdCBoYXNSZXN1bHRzID0gQm9vbGVhbihmaWx0ZXJlZEdyb3Vwcy5maW5kKChncm91cCkgPT4gIWdyb3VwLmlzSGlkZGVuKSlcblxuICBjb25zdCBvblNlYXJjaENoYW5nZVRocm90dGxlZCA9IFJlYWN0LnVzZU1lbW8oXG4gICAgKCkgPT4gdGhyb3R0bGUob25TZWFyY2hDaGFuZ2UsIDMwMCksXG4gICAgW29uU2VhcmNoQ2hhbmdlXVxuICApXG5cbiAgY29uc3Qgb25TZWFyY2hSZXNldCA9ICgpID0+IHtcbiAgICBzZXRGaWVsZFNlYXJjaFRlcm0oJycpXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxGb3JtRGlhbG9nXG4gICAgICBpc09wZW5cbiAgICAgIHRpdGxlPXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuc2VsZWN0RmllbGRzVG9FeHBvcnQpfVxuICAgICAgbGFiZWxQcmltYXJ5PXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuc3RhcnRFeHBvcnQpfVxuICAgICAgb25QcmltYXJ5QnV0dG9uQ2xpY2s9e2Zvcm1pay5zdWJtaXRGb3JtfVxuICAgICAgaXNQcmltYXJ5QnV0dG9uRGlzYWJsZWQ9eyFmb3JtaWsuaXNWYWxpZH1cbiAgICAgIGxhYmVsU2Vjb25kYXJ5PXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuYmFjayl9XG4gICAgICBvblNlY29uZGFyeUJ1dHRvbkNsaWNrPXsoKSA9PiBzZXRDdXJyZW50U3RlcCgxKX1cbiAgICAgIG9uQ2xvc2U9e29uQ2xvc2V9XG4gICAgICBzaXplPXsxNn1cbiAgICA+XG4gICAgICA8RnVsbFN0b3J5TWFza2luZy5Vbm1hc2s+XG4gICAgICAgIDxFeHBvcnRGaWVsZFNlbGVjdGlvblByb3ZpZGVyIHJlc291cmNlVHlwZT17cmVzb3VyY2VUeXBlfT5cbiAgICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJtXCI+XG4gICAgICAgICAgICA8U2VhcmNoVGV4dElucHV0XG4gICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuc2VhcmNoRm9yRmllbGRzKX1cbiAgICAgICAgICAgICAgdmFsdWU9e2ZpZWxkU2VhcmNoVGVybX1cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e29uU2VhcmNoQ2hhbmdlVGhyb3R0bGVkfVxuICAgICAgICAgICAgICBvblJlc2V0PXtvblNlYXJjaFJlc2V0fVxuICAgICAgICAgICAgICAvLyBUT0RPOiBgU2VhcmNoVGV4dElucHV0YCBwcm9wcyB0byBiZSBpbXByb3ZlZC4gVGhlIGBvblN1Ym1pdGAgY2FsbGJhY2sgc2hvdWxkbid0IGJlIG1hbmRhdG9yeVxuICAgICAgICAgICAgICBvblN1Ym1pdD17KCkgPT4ge319XG4gICAgICAgICAgICAgIGlkPVwiZXhwb3J0LWZpZWxkcy1zZWFyY2hcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHtoYXNSZXN1bHRzID8gKFxuICAgICAgICAgICAgICA8U3R5bGVkR3JpZENhcmQgaW5zZXRTY2FsZT1cIm5vbmVcIj5cbiAgICAgICAgICAgICAgICA8R3JpZFxuICAgICAgICAgICAgICAgICAgZ3JpZEF1dG9GbG93PVwicm93XCJcbiAgICAgICAgICAgICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM9e2BjYWxjKCR7ZGVzaWduVG9rZW5zLnNwYWNpbmdMfSArICR7ZGVzaWduVG9rZW5zLmNvbnN0cmFpbnQ1fSArICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdMfSkgYXV0b2B9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge2ZpbHRlcmVkR3JvdXBzLm1hcCgoZ3JvdXAsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxGaWVsZEdyb3VwU2VjdGlvblxuICAgICAgICAgICAgICAgICAgICAgIGtleT17Z3JvdXAuZ3JvdXBOYW1lfVxuICAgICAgICAgICAgICAgICAgICAgIGdyb3VwPXtncm91cH1cbiAgICAgICAgICAgICAgICAgICAgICBpbmRleD17aW5kZXh9XG4gICAgICAgICAgICAgICAgICAgICAgZm9ybWlrPXtmb3JtaWt9XG4gICAgICAgICAgICAgICAgICAgICAgaXNGb3JjZUV4cGFuZGVkPXtmaWVsZFNlYXJjaFRlcm0/LnRyaW0oKT8ubGVuZ3RoID4gMH1cbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICAgIDwvR3JpZD5cbiAgICAgICAgICAgICAgPC9TdHlsZWRHcmlkQ2FyZD5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxOb1NlYXJjaFJlc3VsdHMgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgPC9FeHBvcnRGaWVsZFNlbGVjdGlvblByb3ZpZGVyPlxuICAgICAgPC9GdWxsU3RvcnlNYXNraW5nLlVubWFzaz5cbiAgICA8L0Zvcm1EaWFsb2c+XG4gIClcbn1cbiJdfQ== */"));
+})("max-height:calc(100vh - ", totalSpacing, "px);overflow:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImV4cG9ydC1maWVsZHMtc2VsZWN0aW9uLXN0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDbUMiLCJmaWxlIjoiZXhwb3J0LWZpZWxkcy1zZWxlY3Rpb24tc3RlcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCdcbmltcG9ydCB7IEZvcm1EaWFsb2cgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hcHBsaWNhdGlvbi1jb21wb25lbnRzJ1xuaW1wb3J0IHsgdXNlQXBwbGljYXRpb25Db250ZXh0IH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXBwbGljYXRpb24tc2hlbGwtY29ubmVjdG9ycydcbmltcG9ydCB7IHVzZVN0b3JhZ2UgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9leHBlcmltZW50YWwtY29tcG9uZW50cydcbmltcG9ydCB7IE1hc2tpbmcgYXMgRnVsbFN0b3J5TWFza2luZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2Z1bGxzdG9yeSdcbmltcG9ydCB7XG4gIENhcmQsXG4gIEdyaWQsXG4gIFNwYWNpbmdzLFxuICBTZWFyY2hUZXh0SW5wdXQsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdGhyb3R0bGUgZnJvbSAnbG9kYXNoL3Rocm90dGxlJ1xuaW1wb3J0IEV4cG9ydEZpZWxkU2VsZWN0aW9uUHJvdmlkZXIgZnJvbSAnLi9leHBvcnQtZmllbGQtc2VsZWN0aW9uLXByb3ZpZGVyJ1xuaW1wb3J0IHsgRmllbGRHcm91cFNlY3Rpb24gfSBmcm9tICcuL2ZpZWxkLWdyb3VwLXNlY3Rpb24nXG5pbXBvcnQgeyBPUEVSQVRJT05TX0VYUE9SVF9SRVNPVVJDRVNfTU9EQUxfU0VMRUNUSU9OIH0gZnJvbSAnLi4vLi4vQGNvbnN0YW50cydcbmltcG9ydCB7IHVzZUV4cG9ydFJlc291cmNlc01vZGFsQ29udGV4dCB9IGZyb20gJy4uLy4uL0Bob29rcydcbmltcG9ydCB7XG4gIHR5cGUgRmlsdGVyZWRGaWVsZCxcbiAgdHlwZSBGaWx0ZXJlZEdyb3VwLFxuICB0eXBlIEZvcm1GaWVsZCxcbiAgdHlwZSBGb3JtR3JvdXAsXG4gIFN0ZXAsXG59IGZyb20gJy4uLy4uL0B0eXBlcydcbmltcG9ydCB7IHVwZGF0ZUZpZWxkRGVwZW5kZW5jaWVzU3RhdHVzIH0gZnJvbSAnLi4vLi4vQHV0aWxzJ1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4uLy4uL21lc3NhZ2VzJ1xuaW1wb3J0IHsgTm9TZWFyY2hSZXN1bHRzIH0gZnJvbSAnLi4vbm8tc2VhcmNoLXJlc3VsdHMnXG5cbmNvbnN0IHRvdGFsU3BhY2luZyA9XG4gIDMyICogMiArIC8vIG91dGVyIG1vZGFsIHNwYWNpbmdcbiAgKDMyICsgNDApICsgLy8gZm9vdGVyIChkaWFsb2cgYnV0dG9ucyArIG1hcmdpbilcbiAgNDAgKyAvLyBzZWFyY2ggaW5wdXRcbiAgMjQgKyAvLyBzZWFyY2ggaW5wdXQgcGFkZGluZ1xuICAyNCArIC8vIG1vZGFsIGhlYWRlclxuICAxNiArIC8vIG1vZGFsIGhlYWRlciBtYXJnaW5cbiAgMTYgKyAvLyBzcGFjaW5nIGJldHdlZW4gc2VhcmNoIGlucHV0IGFuZCBncmlkIGNhcmRcbiAgKDE2ICogMiArIDggKiAyKSArIC8vIG1vZGFsIHBhZGRpbmdcbiAgNTYgKyAvLyBNQyBoZWFkZXJcbiAgNCAvLyBib3JkZXJzXG5cbmNvbnN0IFN0eWxlZEdyaWRDYXJkID0gc3R5bGVkKENhcmQpYFxuICBtYXgtaGVpZ2h0OiBjYWxjKDEwMHZoIC0gJHt0b3RhbFNwYWNpbmd9cHgpO1xuICBvdmVyZmxvdzogYXV0bztcbmBcblxuZXhwb3J0IGNvbnN0IEV4cG9ydEZpZWxkc1NlbGVjdGlvblN0ZXAgPSAoKSA9PiB7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKClcbiAgY29uc3QgW2ZpZWxkU2VhcmNoVGVybSwgc2V0RmllbGRTZWFyY2hUZXJtXSA9IFJlYWN0LnVzZVN0YXRlKCcnKVxuICBjb25zdCB7IHByb2plY3RLZXkgfSA9IHVzZUFwcGxpY2F0aW9uQ29udGV4dCgoY29udGV4dCkgPT4gKHtcbiAgICBwcm9qZWN0S2V5OiBjb250ZXh0LnByb2plY3Q/LmtleSxcbiAgfSkpXG4gIGNvbnN0IFtfLCBzZXRDYWNoZWRTZWxlY3RlZEdyb3Vwc10gPSB1c2VTdG9yYWdlKFxuICAgIGAke3Byb2plY3RLZXl9LyR7T1BFUkFUSU9OU19FWFBPUlRfUkVTT1VSQ0VTX01PREFMX1NFTEVDVElPTn1gLFxuICAgIHt9XG4gIClcbiAgY29uc3QgeyBmb3JtaWssIHNldEN1cnJlbnRTdGVwLCByZXNvdXJjZVR5cGUsIG9uQ2xvc2UgfSA9XG4gICAgdXNlRXhwb3J0UmVzb3VyY2VzTW9kYWxDb250ZXh0KClcblxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgIGZvcm1pay52YWxpZGF0ZUZvcm0oKVxuICAgIHVwZGF0ZUZpZWxkRGVwZW5kZW5jaWVzU3RhdHVzKGZvcm1paylcbiAgICBjb25zdCBjaGVja2VkRmllbGRzID0ge31cbiAgICBmdW5jdGlvbiBnZXRDaGVja2VkRmllbGRzKGZpZWxkOiBGb3JtRmllbGQsIGdyb3VwTmFtZTogc3RyaW5nKSB7XG4gICAgICBjb25zdCBmaWVsZE5hbWUgPSBmaWVsZC5uYW1lID8gYCR7Z3JvdXBOYW1lfS4ke2ZpZWxkLm5hbWV9YCA6IGdyb3VwTmFtZVxuICAgICAgaWYgKGZpZWxkLmZpZWxkcykge1xuICAgICAgICByZXR1cm4gZmllbGQuZmllbGRzLmZvckVhY2goKGYpID0+IGdldENoZWNrZWRGaWVsZHMoZiwgZmllbGROYW1lKSlcbiAgICAgIH1cblxuICAgICAgY2hlY2tlZEZpZWxkc1tmaWVsZE5hbWVdID0gZmllbGQuaXNDaGVja2VkXG4gICAgfVxuICAgIGZvcm1pay52YWx1ZXMuZ3JvdXBzLmZvckVhY2goKGdyb3VwOiBGb3JtR3JvdXApID0+IHtcbiAgICAgIGdyb3VwLmZpZWxkcy5mb3JFYWNoKChmaWVsZDogRm9ybUZpZWxkKSA9PiB7XG4gICAgICAgIGdldENoZWNrZWRGaWVsZHMoZmllbGQsIGdyb3VwLmdyb3VwTmFtZSlcbiAgICAgIH0pXG4gICAgfSlcblxuICAgIHNldENhY2hlZFNlbGVjdGVkR3JvdXBzKHtcbiAgICAgIFtyZXNvdXJjZVR5cGVdOiBjaGVja2VkRmllbGRzLFxuICAgIH0pXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbZm9ybWlrLnZhbHVlcy5ncm91cHNdKVxuICAvLyBhZGRzIGBpc0hpZGRlbmAgcHJvcGVydHkgdG8gZWFjaCBmaWVsZCBiYXNlZCBvbiBzZWFyY2ggdGVybVxuICBjb25zdCBmaWx0ZXJlZEdyb3VwcyA9IFJlYWN0LnVzZU1lbW88RmlsdGVyZWRHcm91cFtdPigoKSA9PiB7XG4gICAgY29uc3QgdXBkYXRlRmllbGRzID0gKFxuICAgICAgZmllbGRzOiBGb3JtRmllbGRbXSxcbiAgICAgIHBhcmVudE1hdGNoZXM6IGJvb2xlYW5cbiAgICApOiBGaWx0ZXJlZEZpZWxkW10gPT4ge1xuICAgICAgcmV0dXJuIGZpZWxkcy5tYXAoKGZpZWxkKSA9PiB7XG4gICAgICAgIGNvbnN0IG1hdGNoZXMgPSBmaWVsZC5sYWJlbFxuICAgICAgICAgIC50b0xvd2VyQ2FzZSgpXG4gICAgICAgICAgLmluY2x1ZGVzKGZpZWxkU2VhcmNoVGVybS50b0xvd2VyQ2FzZSgpKVxuICAgICAgICBsZXQgaXNIaWRkZW4gPSAhbWF0Y2hlcyAmJiAhcGFyZW50TWF0Y2hlc1xuICAgICAgICBpZiAoZmllbGQuZmllbGRzKSB7XG4gICAgICAgICAgY29uc3QgdXBkYXRlZEZpZWxkcyA9IHVwZGF0ZUZpZWxkcyhmaWVsZC5maWVsZHMsIG1hdGNoZXMpXG4gICAgICAgICAgaXNIaWRkZW4gPSBpc0hpZGRlbiAmJiB1cGRhdGVkRmllbGRzLmV2ZXJ5KChmKSA9PiBmLmlzSGlkZGVuKVxuICAgICAgICAgIGZpZWxkID0ge1xuICAgICAgICAgICAgLi4uZmllbGQsXG4gICAgICAgICAgICBmaWVsZHM6IHVwZGF0ZWRGaWVsZHMsXG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHJldHVybiB7IC4uLmZpZWxkLCBpc0hpZGRlbiB9XG4gICAgICB9KVxuICAgIH1cblxuICAgIGlmICghZmllbGRTZWFyY2hUZXJtPy50cmltKCk/Lmxlbmd0aCkgcmV0dXJuIGZvcm1pay52YWx1ZXMuZ3JvdXBzXG5cbiAgICBjb25zdCB1cGRhdGVHcm91cHMgPSAoZ3JvdXBzOiBGb3JtR3JvdXBbXSk6IEZpbHRlcmVkR3JvdXBbXSA9PiB7XG4gICAgICByZXR1cm4gZ3JvdXBzLm1hcCgoZ3JvdXApID0+IHtcbiAgICAgICAgY29uc3QgdXBkYXRlZEZpZWxkcyA9IHVwZGF0ZUZpZWxkcyhncm91cC5maWVsZHMsIGZhbHNlKVxuICAgICAgICBjb25zdCBpc0hpZGRlbiA9IHVwZGF0ZWRGaWVsZHMuZXZlcnkoKGZpZWxkKSA9PiBmaWVsZC5pc0hpZGRlbilcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAuLi5ncm91cCxcbiAgICAgICAgICBmaWVsZHM6IHVwZGF0ZWRGaWVsZHMsXG4gICAgICAgICAgaXNIaWRkZW4sXG4gICAgICAgIH1cbiAgICAgIH0pXG4gICAgfVxuICAgIHJldHVybiB1cGRhdGVHcm91cHMoZm9ybWlrLnZhbHVlcy5ncm91cHMpXG4gIH0sIFtmb3JtaWsudmFsdWVzLmdyb3VwcywgZmllbGRTZWFyY2hUZXJtXSlcblxuICBjb25zdCBvblNlYXJjaENoYW5nZSA9IFJlYWN0LnVzZUNhbGxiYWNrKFxuICAgIChldmVudCkgPT4ge1xuICAgICAgc2V0RmllbGRTZWFyY2hUZXJtKGV2ZW50LnRhcmdldC52YWx1ZSlcbiAgICB9LFxuICAgIFtzZXRGaWVsZFNlYXJjaFRlcm1dXG4gIClcblxuICBjb25zdCBoYXNSZXN1bHRzID0gQm9vbGVhbihmaWx0ZXJlZEdyb3Vwcy5maW5kKChncm91cCkgPT4gIWdyb3VwLmlzSGlkZGVuKSlcblxuICBjb25zdCBvblNlYXJjaENoYW5nZVRocm90dGxlZCA9IFJlYWN0LnVzZU1lbW8oXG4gICAgKCkgPT4gdGhyb3R0bGUob25TZWFyY2hDaGFuZ2UsIDMwMCksXG4gICAgW29uU2VhcmNoQ2hhbmdlXVxuICApXG5cbiAgY29uc3Qgb25TZWFyY2hSZXNldCA9ICgpID0+IHtcbiAgICBzZXRGaWVsZFNlYXJjaFRlcm0oJycpXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxGb3JtRGlhbG9nXG4gICAgICBpc09wZW5cbiAgICAgIHRpdGxlPXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuc2VsZWN0RmllbGRzVG9FeHBvcnQpfVxuICAgICAgbGFiZWxQcmltYXJ5PXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuc3RhcnRFeHBvcnQpfVxuICAgICAgb25QcmltYXJ5QnV0dG9uQ2xpY2s9e2Zvcm1pay5zdWJtaXRGb3JtfVxuICAgICAgaXNQcmltYXJ5QnV0dG9uRGlzYWJsZWQ9eyFmb3JtaWsuaXNWYWxpZH1cbiAgICAgIGxhYmVsU2Vjb25kYXJ5PXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuYmFjayl9XG4gICAgICBvblNlY29uZGFyeUJ1dHRvbkNsaWNrPXsoKSA9PiBzZXRDdXJyZW50U3RlcChTdGVwLkZpbGVTZXR0aW5ncyl9XG4gICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgc2l6ZT17MTZ9XG4gICAgPlxuICAgICAgPEZ1bGxTdG9yeU1hc2tpbmcuVW5tYXNrPlxuICAgICAgICA8RXhwb3J0RmllbGRTZWxlY3Rpb25Qcm92aWRlciByZXNvdXJjZVR5cGU9e3Jlc291cmNlVHlwZX0+XG4gICAgICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwibVwiPlxuICAgICAgICAgICAgPFNlYXJjaFRleHRJbnB1dFxuICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLnNlYXJjaEZvckZpZWxkcyl9XG4gICAgICAgICAgICAgIHZhbHVlPXtmaWVsZFNlYXJjaFRlcm19XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvblNlYXJjaENoYW5nZVRocm90dGxlZH1cbiAgICAgICAgICAgICAgb25SZXNldD17b25TZWFyY2hSZXNldH1cbiAgICAgICAgICAgICAgLy8gVE9ETzogYFNlYXJjaFRleHRJbnB1dGAgcHJvcHMgdG8gYmUgaW1wcm92ZWQuIFRoZSBgb25TdWJtaXRgIGNhbGxiYWNrIHNob3VsZG4ndCBiZSBtYW5kYXRvcnlcbiAgICAgICAgICAgICAgb25TdWJtaXQ9eygpID0+IHt9fVxuICAgICAgICAgICAgICBpZD1cImV4cG9ydC1maWVsZHMtc2VhcmNoXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB7aGFzUmVzdWx0cyA/IChcbiAgICAgICAgICAgICAgPFN0eWxlZEdyaWRDYXJkIGluc2V0U2NhbGU9XCJub25lXCI+XG4gICAgICAgICAgICAgICAgPEdyaWRcbiAgICAgICAgICAgICAgICAgIGdyaWRBdXRvRmxvdz1cInJvd1wiXG4gICAgICAgICAgICAgICAgICBncmlkVGVtcGxhdGVDb2x1bW5zPXtgY2FsYygke2Rlc2lnblRva2Vucy5zcGFjaW5nTH0gKyAke2Rlc2lnblRva2Vucy5jb25zdHJhaW50NX0gKyAke2Rlc2lnblRva2Vucy5zcGFjaW5nTH0pIGF1dG9gfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtmaWx0ZXJlZEdyb3Vwcy5tYXAoKGdyb3VwLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICAgICAgICA8RmllbGRHcm91cFNlY3Rpb25cbiAgICAgICAgICAgICAgICAgICAgICBrZXk9e2dyb3VwLmdyb3VwTmFtZX1cbiAgICAgICAgICAgICAgICAgICAgICBncm91cD17Z3JvdXB9XG4gICAgICAgICAgICAgICAgICAgICAgaW5kZXg9e2luZGV4fVxuICAgICAgICAgICAgICAgICAgICAgIGZvcm1paz17Zm9ybWlrfVxuICAgICAgICAgICAgICAgICAgICAgIGlzRm9yY2VFeHBhbmRlZD17ZmllbGRTZWFyY2hUZXJtPy50cmltKCk/Lmxlbmd0aCA+IDB9XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgICAgIDwvU3R5bGVkR3JpZENhcmQ+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICA8Tm9TZWFyY2hSZXN1bHRzIC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICAgIDwvRXhwb3J0RmllbGRTZWxlY3Rpb25Qcm92aWRlcj5cbiAgICAgIDwvRnVsbFN0b3J5TWFza2luZy5Vbm1hc2s+XG4gICAgPC9Gb3JtRGlhbG9nPlxuICApXG59XG4iXX0= */"));
 const ExportFieldsSelectionStep = () => {
   const intl = reactIntl.useIntl();
   const _React$useState = React__default["default"].useState(''),
@@ -1858,7 +1891,7 @@ const ExportFieldsSelectionStep = () => {
     onPrimaryButtonClick: formik.submitForm,
     isPrimaryButtonDisabled: !formik.isValid,
     labelSecondary: intl.formatMessage(messages.back),
-    onSecondaryButtonClick: () => setCurrentStep(1),
+    onSecondaryButtonClick: () => setCurrentStep(Step.FileSettings),
     onClose: onClose,
     size: 16,
     children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
@@ -1901,7 +1934,7 @@ const ExportResourcesProvider = _ref => {
   let children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   const initialValues = useInitialValues(props);
-  const _React$useState = React__default["default"].useState(1),
+  const _React$useState = React__default["default"].useState(Step.FileSettings),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     currentStep = _React$useState2[0],
     setCurrentStep = _React$useState2[1];
@@ -1915,8 +1948,8 @@ const ExportResourcesProvider = _ref => {
   const _useStartExportOperat = useStartExportOperation(props),
     startExportOperation = _useStartExportOperat.startExportOperation;
   const onSubmit = async values => {
-    if (currentStep === 1) {
-      setCurrentStep(2);
+    if (currentStep === Step.FileSettings) {
+      setCurrentStep(Step.FieldsSelection);
     } else {
       startExportOperation(values, exportType);
     }
@@ -1955,8 +1988,8 @@ const CurrentStep = () => {
   const _useExportResourcesMo = useExportResourcesModalContext(),
     currentStep = _useExportResourcesMo.currentStep;
   const steps = {
-    1: jsxRuntime.jsx(ExportFileSettingsStep, {}),
-    2: jsxRuntime.jsx(ExportFieldsSelectionStep, {})
+    'file-settings': jsxRuntime.jsx(ExportFileSettingsStep, {}),
+    'fields-selection': jsxRuntime.jsx(ExportFieldsSelectionStep, {})
   };
   return steps[currentStep] || null;
 };
@@ -2056,7 +2089,7 @@ const ExportResourcesModal = props => {
   const messages = useAsyncIntlMessages(locale, loadMessages);
   if (!props.isOpen || messages.isLoading) return null;
   if (props.filters && !validateFilters(props.filters)) {
-    console.error('Invalid filters prop:', props.filters, 'Filters must contain either `queryPredicate` or `searchQuery`, but not both, and it cannot be empty');
+    console.error('Invalid filters prop:', props.filters, 'Filters must contain one of these values: `filters` or `where`');
     return null;
   }
   return jsxRuntime.jsx(reactIntl.IntlProvider, {
@@ -2078,5 +2111,6 @@ ExportResourcesModal.defaultProps = {
 exports.EXPORTABLE_RESOURCES = EXPORTABLE_RESOURCES;
 exports.EXPORT_TYPES = EXPORT_TYPES;
+exports.Step = Step;
 exports["default"] = ExportResourcesModal;
 exports.useConvertFieldDefinitionsForExport = useConvertFieldDefinitionsForExport;

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

@@ -44,6 +44,7 @@ var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-arr
 var _Set = require('@babel/runtime-corejs3/core-js-stable/set');
 var _sortInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/sort');
 var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
+var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
 var actionsGlobal = require('@commercetools-frontend/actions-global');
 var constants = require('@commercetools-frontend/constants');
 var sdk = require('@commercetools-frontend/sdk');
@@ -87,6 +88,7 @@ var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
 var _Set__default = /*#__PURE__*/_interopDefault(_Set);
 var _sortInstanceProperty__default = /*#__PURE__*/_interopDefault(_sortInstanceProperty);
 var _indexOfInstanceProperty__default = /*#__PURE__*/_interopDefault(_indexOfInstanceProperty);
+var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
 var sortBy__default = /*#__PURE__*/_interopDefault(sortBy);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var throttle__default = /*#__PURE__*/_interopDefault(throttle);
@@ -262,107 +264,107 @@ var messages = reactIntl.defineMessages({
   exportScopeAllCategories: {
     id: 'ExportResourcesModal.exportScopeAllCategories',
     description: 'Label for Export All categories',
-    defaultMessage: 'Export all: {total} categories'
+    defaultMessage: 'Export all: {total, plural, one {# category} other {# categories}}'
   },
   exportScopeSelectedCategories: {
     id: 'ExportResourcesModal.exportScopeSelectedCategories',
     description: 'Label for Export Selected categories',
-    defaultMessage: 'Export selected: {total} categories'
+    defaultMessage: 'Export selected: {total, plural, one {# category} other {# categories}}'
   },
   exportScopeFilteredCategories: {
     id: 'ExportResourcesModal.exportScopeFilteredCategories',
     description: 'Label for Export Filtered categories',
-    defaultMessage: 'Export filtered: {total} categories'
+    defaultMessage: 'Export filtered: {total, plural, one {# category} other {# categories}}'
   },
   exportScopeAllProducts: {
     id: 'ExportResourcesModal.exportScopeAllProducts',
     description: 'Label for Export All products',
-    defaultMessage: 'Export all: {total} products'
+    defaultMessage: 'Export all: {total, plural, one {# product} other {# products}}'
   },
   exportScopeSelectedProducts: {
     id: 'ExportResourcesModal.exportScopeSelectedProducts',
     description: 'Label for Export Selected products',
-    defaultMessage: 'Export selected: {total} products'
+    defaultMessage: 'Export selected: {total, plural, one {# product} other {# products}}'
   },
   exportScopeFilteredProducts: {
     id: 'ExportResourcesModal.exportScopeFilteredProducts',
     description: 'Label for Export Filtered products',
-    defaultMessage: 'Export filtered: {total} products'
+    defaultMessage: 'Export filtered: {total, plural, one {# product} other {# products}}'
   },
   exportScopeAllProductTypes: {
     id: 'ExportResourcesModal.exportScopeAllProductTypes',
     description: 'Label for Export All product types',
-    defaultMessage: 'Export all: {total} product types'
+    defaultMessage: 'Export all: {total, plural, one {# product type} other {# product types}}'
   },
   exportScopeSelectedProductTypes: {
     id: 'ExportResourcesModal.exportScopeSelectedProductTypes',
     description: 'Label for Export Selected product types',
-    defaultMessage: 'Export selected: {total} product types'
+    defaultMessage: 'Export selected: {total, plural, one {# product type} other {# product types}}'
   },
   exportScopeFilteredProductTypes: {
     id: 'ExportResourcesModal.exportScopeFilteredProductTypes',
     description: 'Label for Export Filtered product types',
-    defaultMessage: 'Export filtered: {total} product types'
+    defaultMessage: 'Export filtered: {total, plural, one {# product type} other {# product types}}'
   },
   exportInventoriesForAllProducts: {
     id: 'ExportResourcesModal.exportInventoriesForAllProducts',
     description: 'Label for Export All inventories',
-    defaultMessage: 'Export inventories for all {total} products'
+    defaultMessage: 'Export inventories for all {total, plural, one {# product} other {# products}}'
   },
   exportInventoriesForSelectedProducts: {
     id: 'ExportResourcesModal.exportInventoriesForSelectedProducts',
     description: 'Label for Export Selected inventories',
-    defaultMessage: 'Export inventories for the {total} selected products'
+    defaultMessage: 'Export inventories for the {total, plural, one {# selected product} other {# selected products}}'
   },
   exportInventoriesForFilteredProducts: {
     id: 'ExportResourcesModal.exportInventoriesForFilteredProducts',
     description: 'Label for Export Filtered inventories',
-    defaultMessage: 'Export inventories for the {total} filtered products'
+    defaultMessage: 'Export inventories for the {total, plural, one {# filtered product} other {# filtered products}}'
   },
   exportScopeAllDiscountCodes: {
     id: 'ExportResourcesModal.exportScopeAllDiscountCodes',
     description: 'Label for Export All discount codes',
-    defaultMessage: 'Export all: {total} discount codes'
+    defaultMessage: 'Export all: {total, plural, one {# discount code} other {# discount codes}}'
   },
   exportScopeSelectedDiscountCodes: {
     id: 'ExportResourcesModal.exportScopeSelectedDiscountCodes',
     description: 'Label for Export Selected discount codes',
-    defaultMessage: 'Export selected: {total} discount codes'
+    defaultMessage: 'Export selected: {total, plural, one {# discount code} other {# discount codes}}'
   },
   exportScopeFilteredDiscountCodes: {
     id: 'ExportResourcesModal.exportScopeFilteredDiscountCodes',
     description: 'Label for Export Filtered discount codes',
-    defaultMessage: 'Export filtered: {total} discount codes'
+    defaultMessage: 'Export filtered: {total, plural, one {# discount code} other {# discount codes}}'
   },
   exportScopeAllOrders: {
     id: 'ExportResourcesModal.exportScopeAllOrders',
     description: 'Label for Export All orders',
-    defaultMessage: 'Export all: {total} orders'
+    defaultMessage: 'Export all: {total, plural, one {# order} other {# orders}}'
   },
   exportScopeSelectedOrders: {
     id: 'ExportResourcesModal.exportScopeSelectedOrders',
     description: 'Label for Export Selected orders',
-    defaultMessage: 'Export selected: {total} orders'
+    defaultMessage: 'Export selected: {total, plural, one {# order} other {# orders}}'
   },
   exportScopeFilteredOrders: {
     id: 'ExportResourcesModal.exportScopeFilteredOrders',
     description: 'Label for Export Filtered orders',
-    defaultMessage: 'Export filtered: {total} orders'
+    defaultMessage: 'Export filtered: {total, plural, one {# order} other {# orders}}'
   },
   exportScopeAllCustomers: {
     id: 'ExportResourcesModal.exportScopeAllCustomers',
     description: 'Label for Export All customers',
-    defaultMessage: 'Export all: {total} customers'
+    defaultMessage: 'Export all: {total, plural, one {# customer} other {# customers}}'
   },
   exportScopeSelectedCustomers: {
     id: 'ExportResourcesModal.exportScopeSelectedCustomers',
     description: 'Label for Export Selected customers',
-    defaultMessage: 'Export selected: {total} customers'
+    defaultMessage: 'Export selected: {total, plural, one {# customer} other {# customers}}'
   },
   exportScopeFilteredCustomers: {
     id: 'ExportResourcesModal.exportScopeFilteredCustomers',
     description: 'Label for Export Filtered customers',
-    defaultMessage: 'Export filtered: {total} customers'
+    defaultMessage: 'Export filtered: {total, plural, one {# customer} other {# customers}}'
   },
   exportScopeSelectedWithoutCount: {
     id: 'ExportResourcesModal.exportScopeSelectedWithoutCount',
@@ -652,6 +654,12 @@ const getTotalCheckedFields = group => {
   return countCheckedFields(group.fields);
 };
+let Step = /*#__PURE__*/function (Step) {
+  Step["FileSettings"] = "file-settings";
+  Step["FieldsSelection"] = "fields-selection";
+  return Step;
+}({});
 function validate(_ref) {
   let values = _valuesInstanceProperty__default["default"](_ref),
     step = _ref.step;
@@ -671,7 +679,7 @@ function validate(_ref) {
   if (locales.length < 1) {
     errors.locales.missing = true;
   }
-  if (step === 2) {
+  if (step === Step.FieldsSelection) {
     const allFields = _reduceInstanceProperty__default["default"](groups).call(groups, (acc, group) => _concatInstanceProperty__default["default"](acc).call(acc, group.fields), []);
     const checkedFieldsCount = _filterInstanceProperty__default["default"](allFields).call(allFields, field => {
       if (field.fields) return isAnyFieldChecked(field.fields);
@@ -769,21 +777,45 @@ function buildSelectedExportFilters(selectedResourceIds) {
   const formattedIds = _mapInstanceProperty__default["default"](selectedResourceIds).call(selectedResourceIds, id => `"${id}"`).join(', ');
   return `id in (${formattedIds})`;
 }
-function validateFilters(filters) {
-  const hasQueryPredicate = 'queryPredicate' in filters;
-  const hasSearchQuery = 'searchQuery' in filters;
-  // Ensure only one of `queryPredicate` or `searchQuery` is applied but not both or none
-  const validFilterState = hasQueryPredicate && !hasSearchQuery || !hasQueryPredicate && hasSearchQuery;
-  return validFilterState;
+function isQueryFilter(filters) {
+  return filters?.query !== undefined;
+}
+function isSearchFilter(filters) {
+  return filters?.filters?.length || filters?.fullText !== undefined;
 }
-function areFiltersApplied(filters) {
-  if (!filters) {
+function validateFilters(filtersObject) {
+  var _context2;
+  if (filtersObject.where && filtersObject.filters) {
     return false;
   }
-  const hasQueryPredicate = (filters.queryPredicate?.trim() ?? '') !== '';
-  const hasSearchQuery = _Object$keys__default["default"](filters.searchQuery ?? {}).length > 0;
-  return hasQueryPredicate || hasSearchQuery;
+  if (isQueryFilter(filtersObject.filters)) {
+    return Boolean(filtersObject.filters?.query);
+  }
+  if (isSearchFilter(filtersObject.filters)) {
+    const searchFilters = filtersObject.filters;
+    return Boolean(searchFilters.filters?.length || searchFilters.fullText?.text?.trim());
+  }
+  if (filtersObject.where && _trimInstanceProperty__default["default"](_context2 = filtersObject.where).call(_context2) !== '') {
+    return true;
+  }
+  return false;
+}
+function areFiltersApplied(filtersObject) {
+  var _context3;
+  if (!filtersObject) {
+    return false;
+  }
+  if (filtersObject.where && _trimInstanceProperty__default["default"](_context3 = filtersObject.where).call(_context3) !== '') {
+    return true;
+  }
+  if (filtersObject.filters && 'query' in filtersObject.filters) {
+    return Boolean(filtersObject.filters.query);
+  }
+  if (filtersObject.filters && ('filters' in filtersObject.filters || 'fullText' in filtersObject.filters)) {
+    const _filters = filtersObject.filters;
+    return Boolean(_filters.filters?.length || _filters.fullText?.text?.trim());
+  }
+  return false;
 }
 function getInitialExportType(args) {
   if (args.selectedResourceIds?.length) {
@@ -985,7 +1017,7 @@ async function createExportOperation(_ref, asyncDispatchFn) {
       fillRows,
       // Query predicate
       where,
-      // Search API filters
+      // Search API filters or Category API filters
       filters
     }
   }));
@@ -1031,14 +1063,15 @@ const useStartExportOperation = props => {
       let filters = undefined;
       if (exportType === EXPORT_TYPES.SELECTED && props.selectedResourceIds?.length) {
         where = buildSelectedExportFilters(props.selectedResourceIds);
-      } else if (exportType === EXPORT_TYPES.FILTERED) {
-        if (props.filters?.queryPredicate) {
-          where = props.filters.queryPredicate;
-        }
-        if (props.filters?.searchQuery) {
+      } else if (exportType === EXPORT_TYPES.FILTERED && props.filters) {
+        where = props.filters.where;
+        if (isQueryFilter(props.filters.filters)) {
+          const _filters = props.filters.filters;
           filters = {
-            query: props.filters.searchQuery
+            query: _filters.query
           };
+        } else if (isSearchFilter(props.filters.filters)) {
+          filters = props.filters.filters;
         }
       }
       const response = await createExportOperation({
@@ -1825,7 +1858,7 @@ const ExportFieldsSelectionStep = () => {
     onPrimaryButtonClick: formik.submitForm,
     isPrimaryButtonDisabled: !formik.isValid,
     labelSecondary: intl.formatMessage(messages.back),
-    onSecondaryButtonClick: () => setCurrentStep(1),
+    onSecondaryButtonClick: () => setCurrentStep(Step.FileSettings),
     onClose: onClose,
     size: 16,
     children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
@@ -1868,7 +1901,7 @@ const ExportResourcesProvider = _ref => {
   let children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   const initialValues = useInitialValues(props);
-  const _React$useState = React__default["default"].useState(1),
+  const _React$useState = React__default["default"].useState(Step.FileSettings),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     currentStep = _React$useState2[0],
     setCurrentStep = _React$useState2[1];
@@ -1882,8 +1915,8 @@ const ExportResourcesProvider = _ref => {
   const _useStartExportOperat = useStartExportOperation(props),
     startExportOperation = _useStartExportOperat.startExportOperation;
   const onSubmit = async values => {
-    if (currentStep === 1) {
-      setCurrentStep(2);
+    if (currentStep === Step.FileSettings) {
+      setCurrentStep(Step.FieldsSelection);
     } else {
       startExportOperation(values, exportType);
     }
@@ -1922,8 +1955,8 @@ const CurrentStep = () => {
   const _useExportResourcesMo = useExportResourcesModalContext(),
     currentStep = _useExportResourcesMo.currentStep;
   const steps = {
-    1: jsxRuntime.jsx(ExportFileSettingsStep, {}),
-    2: jsxRuntime.jsx(ExportFieldsSelectionStep, {})
+    'file-settings': jsxRuntime.jsx(ExportFileSettingsStep, {}),
+    'fields-selection': jsxRuntime.jsx(ExportFieldsSelectionStep, {})
   };
   return steps[currentStep] || null;
 };
@@ -2023,7 +2056,7 @@ const ExportResourcesModal = props => {
   const messages = useAsyncIntlMessages(locale, loadMessages);
   if (!props.isOpen || messages.isLoading) return null;
   if (props.filters && !validateFilters(props.filters)) {
-    console.error('Invalid filters prop:', props.filters, 'Filters must contain either `queryPredicate` or `searchQuery`, but not both, and it cannot be empty');
+    console.error('Invalid filters prop:', props.filters, 'Filters must contain one of these values: `filters` or `where`');
     return null;
   }
   return jsxRuntime.jsx(reactIntl.IntlProvider, {
@@ -2045,5 +2078,6 @@ ExportResourcesModal.defaultProps = {
 exports.EXPORTABLE_RESOURCES = EXPORTABLE_RESOURCES;
 exports.EXPORT_TYPES = EXPORT_TYPES;
+exports.Step = Step;
 exports["default"] = ExportResourcesModal;
 exports.useConvertFieldDefinitionsForExport = useConvertFieldDefinitionsForExport;

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

@@ -40,6 +40,7 @@ import _Array$isArray from '@babel/runtime-corejs3/core-js-stable/array/is-array
 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 { useShowNotification } from '@commercetools-frontend/actions-global';
 import { MC_API_PROXY_TARGETS, DOMAINS } from '@commercetools-frontend/constants';
 import { actions, useAsyncDispatch } from '@commercetools-frontend/sdk';
@@ -224,107 +225,107 @@ var messages = defineMessages({
   exportScopeAllCategories: {
     id: 'ExportResourcesModal.exportScopeAllCategories',
     description: 'Label for Export All categories',
-    defaultMessage: 'Export all: {total} categories'
+    defaultMessage: 'Export all: {total, plural, one {# category} other {# categories}}'
   },
   exportScopeSelectedCategories: {
     id: 'ExportResourcesModal.exportScopeSelectedCategories',
     description: 'Label for Export Selected categories',
-    defaultMessage: 'Export selected: {total} categories'
+    defaultMessage: 'Export selected: {total, plural, one {# category} other {# categories}}'
   },
   exportScopeFilteredCategories: {
     id: 'ExportResourcesModal.exportScopeFilteredCategories',
     description: 'Label for Export Filtered categories',
-    defaultMessage: 'Export filtered: {total} categories'
+    defaultMessage: 'Export filtered: {total, plural, one {# category} other {# categories}}'
   },
   exportScopeAllProducts: {
     id: 'ExportResourcesModal.exportScopeAllProducts',
     description: 'Label for Export All products',
-    defaultMessage: 'Export all: {total} products'
+    defaultMessage: 'Export all: {total, plural, one {# product} other {# products}}'
   },
   exportScopeSelectedProducts: {
     id: 'ExportResourcesModal.exportScopeSelectedProducts',
     description: 'Label for Export Selected products',
-    defaultMessage: 'Export selected: {total} products'
+    defaultMessage: 'Export selected: {total, plural, one {# product} other {# products}}'
   },
   exportScopeFilteredProducts: {
     id: 'ExportResourcesModal.exportScopeFilteredProducts',
     description: 'Label for Export Filtered products',
-    defaultMessage: 'Export filtered: {total} products'
+    defaultMessage: 'Export filtered: {total, plural, one {# product} other {# products}}'
   },
   exportScopeAllProductTypes: {
     id: 'ExportResourcesModal.exportScopeAllProductTypes',
     description: 'Label for Export All product types',
-    defaultMessage: 'Export all: {total} product types'
+    defaultMessage: 'Export all: {total, plural, one {# product type} other {# product types}}'
   },
   exportScopeSelectedProductTypes: {
     id: 'ExportResourcesModal.exportScopeSelectedProductTypes',
     description: 'Label for Export Selected product types',
-    defaultMessage: 'Export selected: {total} product types'
+    defaultMessage: 'Export selected: {total, plural, one {# product type} other {# product types}}'
   },
   exportScopeFilteredProductTypes: {
     id: 'ExportResourcesModal.exportScopeFilteredProductTypes',
     description: 'Label for Export Filtered product types',
-    defaultMessage: 'Export filtered: {total} product types'
+    defaultMessage: 'Export filtered: {total, plural, one {# product type} other {# product types}}'
   },
   exportInventoriesForAllProducts: {
     id: 'ExportResourcesModal.exportInventoriesForAllProducts',
     description: 'Label for Export All inventories',
-    defaultMessage: 'Export inventories for all {total} products'
+    defaultMessage: 'Export inventories for all {total, plural, one {# product} other {# products}}'
   },
   exportInventoriesForSelectedProducts: {
     id: 'ExportResourcesModal.exportInventoriesForSelectedProducts',
     description: 'Label for Export Selected inventories',
-    defaultMessage: 'Export inventories for the {total} selected products'
+    defaultMessage: 'Export inventories for the {total, plural, one {# selected product} other {# selected products}}'
   },
   exportInventoriesForFilteredProducts: {
     id: 'ExportResourcesModal.exportInventoriesForFilteredProducts',
     description: 'Label for Export Filtered inventories',
-    defaultMessage: 'Export inventories for the {total} filtered products'
+    defaultMessage: 'Export inventories for the {total, plural, one {# filtered product} other {# filtered products}}'
   },
   exportScopeAllDiscountCodes: {
     id: 'ExportResourcesModal.exportScopeAllDiscountCodes',
     description: 'Label for Export All discount codes',
-    defaultMessage: 'Export all: {total} discount codes'
+    defaultMessage: 'Export all: {total, plural, one {# discount code} other {# discount codes}}'
   },
   exportScopeSelectedDiscountCodes: {
     id: 'ExportResourcesModal.exportScopeSelectedDiscountCodes',
     description: 'Label for Export Selected discount codes',
-    defaultMessage: 'Export selected: {total} discount codes'
+    defaultMessage: 'Export selected: {total, plural, one {# discount code} other {# discount codes}}'
   },
   exportScopeFilteredDiscountCodes: {
     id: 'ExportResourcesModal.exportScopeFilteredDiscountCodes',
     description: 'Label for Export Filtered discount codes',
-    defaultMessage: 'Export filtered: {total} discount codes'
+    defaultMessage: 'Export filtered: {total, plural, one {# discount code} other {# discount codes}}'
   },
   exportScopeAllOrders: {
     id: 'ExportResourcesModal.exportScopeAllOrders',
     description: 'Label for Export All orders',
-    defaultMessage: 'Export all: {total} orders'
+    defaultMessage: 'Export all: {total, plural, one {# order} other {# orders}}'
   },
   exportScopeSelectedOrders: {
     id: 'ExportResourcesModal.exportScopeSelectedOrders',
     description: 'Label for Export Selected orders',
-    defaultMessage: 'Export selected: {total} orders'
+    defaultMessage: 'Export selected: {total, plural, one {# order} other {# orders}}'
   },
   exportScopeFilteredOrders: {
     id: 'ExportResourcesModal.exportScopeFilteredOrders',
     description: 'Label for Export Filtered orders',
-    defaultMessage: 'Export filtered: {total} orders'
+    defaultMessage: 'Export filtered: {total, plural, one {# order} other {# orders}}'
   },
   exportScopeAllCustomers: {
     id: 'ExportResourcesModal.exportScopeAllCustomers',
     description: 'Label for Export All customers',
-    defaultMessage: 'Export all: {total} customers'
+    defaultMessage: 'Export all: {total, plural, one {# customer} other {# customers}}'
   },
   exportScopeSelectedCustomers: {
     id: 'ExportResourcesModal.exportScopeSelectedCustomers',
     description: 'Label for Export Selected customers',
-    defaultMessage: 'Export selected: {total} customers'
+    defaultMessage: 'Export selected: {total, plural, one {# customer} other {# customers}}'
   },
   exportScopeFilteredCustomers: {
     id: 'ExportResourcesModal.exportScopeFilteredCustomers',
     description: 'Label for Export Filtered customers',
-    defaultMessage: 'Export filtered: {total} customers'
+    defaultMessage: 'Export filtered: {total, plural, one {# customer} other {# customers}}'
   },
   exportScopeSelectedWithoutCount: {
     id: 'ExportResourcesModal.exportScopeSelectedWithoutCount',
@@ -614,6 +615,12 @@ const getTotalCheckedFields = group => {
   return countCheckedFields(group.fields);
 };
+let Step = /*#__PURE__*/function (Step) {
+  Step["FileSettings"] = "file-settings";
+  Step["FieldsSelection"] = "fields-selection";
+  return Step;
+}({});
 function validate(_ref) {
   let values = _valuesInstanceProperty(_ref),
     step = _ref.step;
@@ -633,7 +640,7 @@ function validate(_ref) {
   if (locales.length < 1) {
     errors.locales.missing = true;
   }
-  if (step === 2) {
+  if (step === Step.FieldsSelection) {
     const allFields = _reduceInstanceProperty(groups).call(groups, (acc, group) => _concatInstanceProperty(acc).call(acc, group.fields), []);
     const checkedFieldsCount = _filterInstanceProperty(allFields).call(allFields, field => {
       if (field.fields) return isAnyFieldChecked(field.fields);
@@ -731,21 +738,45 @@ function buildSelectedExportFilters(selectedResourceIds) {
   const formattedIds = _mapInstanceProperty(selectedResourceIds).call(selectedResourceIds, id => `"${id}"`).join(', ');
   return `id in (${formattedIds})`;
 }
-function validateFilters(filters) {
-  const hasQueryPredicate = 'queryPredicate' in filters;
-  const hasSearchQuery = 'searchQuery' in filters;
-  // Ensure only one of `queryPredicate` or `searchQuery` is applied but not both or none
-  const validFilterState = hasQueryPredicate && !hasSearchQuery || !hasQueryPredicate && hasSearchQuery;
-  return validFilterState;
+function isQueryFilter(filters) {
+  return filters?.query !== undefined;
+}
+function isSearchFilter(filters) {
+  return filters?.filters?.length || filters?.fullText !== undefined;
 }
-function areFiltersApplied(filters) {
-  if (!filters) {
+function validateFilters(filtersObject) {
+  var _context2;
+  if (filtersObject.where && filtersObject.filters) {
     return false;
   }
-  const hasQueryPredicate = (filters.queryPredicate?.trim() ?? '') !== '';
-  const hasSearchQuery = _Object$keys(filters.searchQuery ?? {}).length > 0;
-  return hasQueryPredicate || hasSearchQuery;
+  if (isQueryFilter(filtersObject.filters)) {
+    return Boolean(filtersObject.filters?.query);
+  }
+  if (isSearchFilter(filtersObject.filters)) {
+    const searchFilters = filtersObject.filters;
+    return Boolean(searchFilters.filters?.length || searchFilters.fullText?.text?.trim());
+  }
+  if (filtersObject.where && _trimInstanceProperty(_context2 = filtersObject.where).call(_context2) !== '') {
+    return true;
+  }
+  return false;
+}
+function areFiltersApplied(filtersObject) {
+  var _context3;
+  if (!filtersObject) {
+    return false;
+  }
+  if (filtersObject.where && _trimInstanceProperty(_context3 = filtersObject.where).call(_context3) !== '') {
+    return true;
+  }
+  if (filtersObject.filters && 'query' in filtersObject.filters) {
+    return Boolean(filtersObject.filters.query);
+  }
+  if (filtersObject.filters && ('filters' in filtersObject.filters || 'fullText' in filtersObject.filters)) {
+    const _filters = filtersObject.filters;
+    return Boolean(_filters.filters?.length || _filters.fullText?.text?.trim());
+  }
+  return false;
 }
 function getInitialExportType(args) {
   if (args.selectedResourceIds?.length) {
@@ -947,7 +978,7 @@ async function createExportOperation(_ref, asyncDispatchFn) {
       fillRows,
       // Query predicate
       where,
-      // Search API filters
+      // Search API filters or Category API filters
       filters
     }
   }));
@@ -993,14 +1024,15 @@ const useStartExportOperation = props => {
       let filters = undefined;
       if (exportType === EXPORT_TYPES.SELECTED && props.selectedResourceIds?.length) {
         where = buildSelectedExportFilters(props.selectedResourceIds);
-      } else if (exportType === EXPORT_TYPES.FILTERED) {
-        if (props.filters?.queryPredicate) {
-          where = props.filters.queryPredicate;
-        }
-        if (props.filters?.searchQuery) {
+      } else if (exportType === EXPORT_TYPES.FILTERED && props.filters) {
+        where = props.filters.where;
+        if (isQueryFilter(props.filters.filters)) {
+          const _filters = props.filters.filters;
           filters = {
-            query: props.filters.searchQuery
+            query: _filters.query
           };
+        } else if (isSearchFilter(props.filters.filters)) {
+          filters = props.filters.filters;
         }
       }
       const response = await createExportOperation({
@@ -1729,7 +1761,7 @@ const StyledGridCard = /*#__PURE__*/_styled(Card, process.env.NODE_ENV === "prod
 } : {
   target: "e5mvpn60",
   label: "StyledGridCard"
-})("max-height:calc(100vh - ", totalSpacing, "px);overflow:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImV4cG9ydC1maWVsZHMtc2VsZWN0aW9uLXN0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDbUMiLCJmaWxlIjoiZXhwb3J0LWZpZWxkcy1zZWxlY3Rpb24tc3RlcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCdcbmltcG9ydCB7IEZvcm1EaWFsb2cgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hcHBsaWNhdGlvbi1jb21wb25lbnRzJ1xuaW1wb3J0IHsgdXNlQXBwbGljYXRpb25Db250ZXh0IH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXBwbGljYXRpb24tc2hlbGwtY29ubmVjdG9ycydcbmltcG9ydCB7IHVzZVN0b3JhZ2UgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9leHBlcmltZW50YWwtY29tcG9uZW50cydcbmltcG9ydCB7IE1hc2tpbmcgYXMgRnVsbFN0b3J5TWFza2luZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2Z1bGxzdG9yeSdcbmltcG9ydCB7XG4gIENhcmQsXG4gIEdyaWQsXG4gIFNwYWNpbmdzLFxuICBTZWFyY2hUZXh0SW5wdXQsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdGhyb3R0bGUgZnJvbSAnbG9kYXNoL3Rocm90dGxlJ1xuaW1wb3J0IEV4cG9ydEZpZWxkU2VsZWN0aW9uUHJvdmlkZXIgZnJvbSAnLi9leHBvcnQtZmllbGQtc2VsZWN0aW9uLXByb3ZpZGVyJ1xuaW1wb3J0IHsgRmllbGRHcm91cFNlY3Rpb24gfSBmcm9tICcuL2ZpZWxkLWdyb3VwLXNlY3Rpb24nXG5pbXBvcnQgeyBPUEVSQVRJT05TX0VYUE9SVF9SRVNPVVJDRVNfTU9EQUxfU0VMRUNUSU9OIH0gZnJvbSAnLi4vLi4vQGNvbnN0YW50cydcbmltcG9ydCB7IHVzZUV4cG9ydFJlc291cmNlc01vZGFsQ29udGV4dCB9IGZyb20gJy4uLy4uL0Bob29rcydcbmltcG9ydCB0eXBlIHtcbiAgRmlsdGVyZWRGaWVsZCxcbiAgRmlsdGVyZWRHcm91cCxcbiAgRm9ybUZpZWxkLFxuICBGb3JtR3JvdXAsXG59IGZyb20gJy4uLy4uL0B0eXBlcydcbmltcG9ydCB7IHVwZGF0ZUZpZWxkRGVwZW5kZW5jaWVzU3RhdHVzIH0gZnJvbSAnLi4vLi4vQHV0aWxzJ1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4uLy4uL21lc3NhZ2VzJ1xuaW1wb3J0IHsgTm9TZWFyY2hSZXN1bHRzIH0gZnJvbSAnLi4vbm8tc2VhcmNoLXJlc3VsdHMnXG5cbmNvbnN0IHRvdGFsU3BhY2luZyA9XG4gIDMyICogMiArIC8vIG91dGVyIG1vZGFsIHNwYWNpbmdcbiAgKDMyICsgNDApICsgLy8gZm9vdGVyIChkaWFsb2cgYnV0dG9ucyArIG1hcmdpbilcbiAgNDAgKyAvLyBzZWFyY2ggaW5wdXRcbiAgMjQgKyAvLyBzZWFyY2ggaW5wdXQgcGFkZGluZ1xuICAyNCArIC8vIG1vZGFsIGhlYWRlclxuICAxNiArIC8vIG1vZGFsIGhlYWRlciBtYXJnaW5cbiAgMTYgKyAvLyBzcGFjaW5nIGJldHdlZW4gc2VhcmNoIGlucHV0IGFuZCBncmlkIGNhcmRcbiAgKDE2ICogMiArIDggKiAyKSArIC8vIG1vZGFsIHBhZGRpbmdcbiAgNTYgKyAvLyBNQyBoZWFkZXJcbiAgNCAvLyBib3JkZXJzXG5cbmNvbnN0IFN0eWxlZEdyaWRDYXJkID0gc3R5bGVkKENhcmQpYFxuICBtYXgtaGVpZ2h0OiBjYWxjKDEwMHZoIC0gJHt0b3RhbFNwYWNpbmd9cHgpO1xuICBvdmVyZmxvdzogYXV0bztcbmBcblxuZXhwb3J0IGNvbnN0IEV4cG9ydEZpZWxkc1NlbGVjdGlvblN0ZXAgPSAoKSA9PiB7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKClcbiAgY29uc3QgW2ZpZWxkU2VhcmNoVGVybSwgc2V0RmllbGRTZWFyY2hUZXJtXSA9IFJlYWN0LnVzZVN0YXRlKCcnKVxuICBjb25zdCB7IHByb2plY3RLZXkgfSA9IHVzZUFwcGxpY2F0aW9uQ29udGV4dCgoY29udGV4dCkgPT4gKHtcbiAgICBwcm9qZWN0S2V5OiBjb250ZXh0LnByb2plY3Q/LmtleSxcbiAgfSkpXG4gIGNvbnN0IFtfLCBzZXRDYWNoZWRTZWxlY3RlZEdyb3Vwc10gPSB1c2VTdG9yYWdlKFxuICAgIGAke3Byb2plY3RLZXl9LyR7T1BFUkFUSU9OU19FWFBPUlRfUkVTT1VSQ0VTX01PREFMX1NFTEVDVElPTn1gLFxuICAgIHt9XG4gIClcbiAgY29uc3QgeyBmb3JtaWssIHNldEN1cnJlbnRTdGVwLCByZXNvdXJjZVR5cGUsIG9uQ2xvc2UgfSA9XG4gICAgdXNlRXhwb3J0UmVzb3VyY2VzTW9kYWxDb250ZXh0KClcblxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgIGZvcm1pay52YWxpZGF0ZUZvcm0oKVxuICAgIHVwZGF0ZUZpZWxkRGVwZW5kZW5jaWVzU3RhdHVzKGZvcm1paylcbiAgICBjb25zdCBjaGVja2VkRmllbGRzID0ge31cbiAgICBmdW5jdGlvbiBnZXRDaGVja2VkRmllbGRzKGZpZWxkOiBGb3JtRmllbGQsIGdyb3VwTmFtZTogc3RyaW5nKSB7XG4gICAgICBjb25zdCBmaWVsZE5hbWUgPSBmaWVsZC5uYW1lID8gYCR7Z3JvdXBOYW1lfS4ke2ZpZWxkLm5hbWV9YCA6IGdyb3VwTmFtZVxuICAgICAgaWYgKGZpZWxkLmZpZWxkcykge1xuICAgICAgICByZXR1cm4gZmllbGQuZmllbGRzLmZvckVhY2goKGYpID0+IGdldENoZWNrZWRGaWVsZHMoZiwgZmllbGROYW1lKSlcbiAgICAgIH1cblxuICAgICAgY2hlY2tlZEZpZWxkc1tmaWVsZE5hbWVdID0gZmllbGQuaXNDaGVja2VkXG4gICAgfVxuICAgIGZvcm1pay52YWx1ZXMuZ3JvdXBzLmZvckVhY2goKGdyb3VwOiBGb3JtR3JvdXApID0+IHtcbiAgICAgIGdyb3VwLmZpZWxkcy5mb3JFYWNoKChmaWVsZDogRm9ybUZpZWxkKSA9PiB7XG4gICAgICAgIGdldENoZWNrZWRGaWVsZHMoZmllbGQsIGdyb3VwLmdyb3VwTmFtZSlcbiAgICAgIH0pXG4gICAgfSlcblxuICAgIHNldENhY2hlZFNlbGVjdGVkR3JvdXBzKHtcbiAgICAgIFtyZXNvdXJjZVR5cGVdOiBjaGVja2VkRmllbGRzLFxuICAgIH0pXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbZm9ybWlrLnZhbHVlcy5ncm91cHNdKVxuICAvLyBhZGRzIGBpc0hpZGRlbmAgcHJvcGVydHkgdG8gZWFjaCBmaWVsZCBiYXNlZCBvbiBzZWFyY2ggdGVybVxuICBjb25zdCBmaWx0ZXJlZEdyb3VwcyA9IFJlYWN0LnVzZU1lbW88RmlsdGVyZWRHcm91cFtdPigoKSA9PiB7XG4gICAgY29uc3QgdXBkYXRlRmllbGRzID0gKFxuICAgICAgZmllbGRzOiBGb3JtRmllbGRbXSxcbiAgICAgIHBhcmVudE1hdGNoZXM6IGJvb2xlYW5cbiAgICApOiBGaWx0ZXJlZEZpZWxkW10gPT4ge1xuICAgICAgcmV0dXJuIGZpZWxkcy5tYXAoKGZpZWxkKSA9PiB7XG4gICAgICAgIGNvbnN0IG1hdGNoZXMgPSBmaWVsZC5sYWJlbFxuICAgICAgICAgIC50b0xvd2VyQ2FzZSgpXG4gICAgICAgICAgLmluY2x1ZGVzKGZpZWxkU2VhcmNoVGVybS50b0xvd2VyQ2FzZSgpKVxuICAgICAgICBsZXQgaXNIaWRkZW4gPSAhbWF0Y2hlcyAmJiAhcGFyZW50TWF0Y2hlc1xuICAgICAgICBpZiAoZmllbGQuZmllbGRzKSB7XG4gICAgICAgICAgY29uc3QgdXBkYXRlZEZpZWxkcyA9IHVwZGF0ZUZpZWxkcyhmaWVsZC5maWVsZHMsIG1hdGNoZXMpXG4gICAgICAgICAgaXNIaWRkZW4gPSBpc0hpZGRlbiAmJiB1cGRhdGVkRmllbGRzLmV2ZXJ5KChmKSA9PiBmLmlzSGlkZGVuKVxuICAgICAgICAgIGZpZWxkID0ge1xuICAgICAgICAgICAgLi4uZmllbGQsXG4gICAgICAgICAgICBmaWVsZHM6IHVwZGF0ZWRGaWVsZHMsXG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHJldHVybiB7IC4uLmZpZWxkLCBpc0hpZGRlbiB9XG4gICAgICB9KVxuICAgIH1cblxuICAgIGlmICghZmllbGRTZWFyY2hUZXJtPy50cmltKCk/Lmxlbmd0aCkgcmV0dXJuIGZvcm1pay52YWx1ZXMuZ3JvdXBzXG5cbiAgICBjb25zdCB1cGRhdGVHcm91cHMgPSAoZ3JvdXBzOiBGb3JtR3JvdXBbXSk6IEZpbHRlcmVkR3JvdXBbXSA9PiB7XG4gICAgICByZXR1cm4gZ3JvdXBzLm1hcCgoZ3JvdXApID0+IHtcbiAgICAgICAgY29uc3QgdXBkYXRlZEZpZWxkcyA9IHVwZGF0ZUZpZWxkcyhncm91cC5maWVsZHMsIGZhbHNlKVxuICAgICAgICBjb25zdCBpc0hpZGRlbiA9IHVwZGF0ZWRGaWVsZHMuZXZlcnkoKGZpZWxkKSA9PiBmaWVsZC5pc0hpZGRlbilcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAuLi5ncm91cCxcbiAgICAgICAgICBmaWVsZHM6IHVwZGF0ZWRGaWVsZHMsXG4gICAgICAgICAgaXNIaWRkZW4sXG4gICAgICAgIH1cbiAgICAgIH0pXG4gICAgfVxuICAgIHJldHVybiB1cGRhdGVHcm91cHMoZm9ybWlrLnZhbHVlcy5ncm91cHMpXG4gIH0sIFtmb3JtaWsudmFsdWVzLmdyb3VwcywgZmllbGRTZWFyY2hUZXJtXSlcblxuICBjb25zdCBvblNlYXJjaENoYW5nZSA9IFJlYWN0LnVzZUNhbGxiYWNrKFxuICAgIChldmVudCkgPT4ge1xuICAgICAgc2V0RmllbGRTZWFyY2hUZXJtKGV2ZW50LnRhcmdldC52YWx1ZSlcbiAgICB9LFxuICAgIFtzZXRGaWVsZFNlYXJjaFRlcm1dXG4gIClcblxuICBjb25zdCBoYXNSZXN1bHRzID0gQm9vbGVhbihmaWx0ZXJlZEdyb3Vwcy5maW5kKChncm91cCkgPT4gIWdyb3VwLmlzSGlkZGVuKSlcblxuICBjb25zdCBvblNlYXJjaENoYW5nZVRocm90dGxlZCA9IFJlYWN0LnVzZU1lbW8oXG4gICAgKCkgPT4gdGhyb3R0bGUob25TZWFyY2hDaGFuZ2UsIDMwMCksXG4gICAgW29uU2VhcmNoQ2hhbmdlXVxuICApXG5cbiAgY29uc3Qgb25TZWFyY2hSZXNldCA9ICgpID0+IHtcbiAgICBzZXRGaWVsZFNlYXJjaFRlcm0oJycpXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxGb3JtRGlhbG9nXG4gICAgICBpc09wZW5cbiAgICAgIHRpdGxlPXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuc2VsZWN0RmllbGRzVG9FeHBvcnQpfVxuICAgICAgbGFiZWxQcmltYXJ5PXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuc3RhcnRFeHBvcnQpfVxuICAgICAgb25QcmltYXJ5QnV0dG9uQ2xpY2s9e2Zvcm1pay5zdWJtaXRGb3JtfVxuICAgICAgaXNQcmltYXJ5QnV0dG9uRGlzYWJsZWQ9eyFmb3JtaWsuaXNWYWxpZH1cbiAgICAgIGxhYmVsU2Vjb25kYXJ5PXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuYmFjayl9XG4gICAgICBvblNlY29uZGFyeUJ1dHRvbkNsaWNrPXsoKSA9PiBzZXRDdXJyZW50U3RlcCgxKX1cbiAgICAgIG9uQ2xvc2U9e29uQ2xvc2V9XG4gICAgICBzaXplPXsxNn1cbiAgICA+XG4gICAgICA8RnVsbFN0b3J5TWFza2luZy5Vbm1hc2s+XG4gICAgICAgIDxFeHBvcnRGaWVsZFNlbGVjdGlvblByb3ZpZGVyIHJlc291cmNlVHlwZT17cmVzb3VyY2VUeXBlfT5cbiAgICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJtXCI+XG4gICAgICAgICAgICA8U2VhcmNoVGV4dElucHV0XG4gICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuc2VhcmNoRm9yRmllbGRzKX1cbiAgICAgICAgICAgICAgdmFsdWU9e2ZpZWxkU2VhcmNoVGVybX1cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e29uU2VhcmNoQ2hhbmdlVGhyb3R0bGVkfVxuICAgICAgICAgICAgICBvblJlc2V0PXtvblNlYXJjaFJlc2V0fVxuICAgICAgICAgICAgICAvLyBUT0RPOiBgU2VhcmNoVGV4dElucHV0YCBwcm9wcyB0byBiZSBpbXByb3ZlZC4gVGhlIGBvblN1Ym1pdGAgY2FsbGJhY2sgc2hvdWxkbid0IGJlIG1hbmRhdG9yeVxuICAgICAgICAgICAgICBvblN1Ym1pdD17KCkgPT4ge319XG4gICAgICAgICAgICAgIGlkPVwiZXhwb3J0LWZpZWxkcy1zZWFyY2hcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHtoYXNSZXN1bHRzID8gKFxuICAgICAgICAgICAgICA8U3R5bGVkR3JpZENhcmQgaW5zZXRTY2FsZT1cIm5vbmVcIj5cbiAgICAgICAgICAgICAgICA8R3JpZFxuICAgICAgICAgICAgICAgICAgZ3JpZEF1dG9GbG93PVwicm93XCJcbiAgICAgICAgICAgICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM9e2BjYWxjKCR7ZGVzaWduVG9rZW5zLnNwYWNpbmdMfSArICR7ZGVzaWduVG9rZW5zLmNvbnN0cmFpbnQ1fSArICR7ZGVzaWduVG9rZW5zLnNwYWNpbmdMfSkgYXV0b2B9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge2ZpbHRlcmVkR3JvdXBzLm1hcCgoZ3JvdXAsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxGaWVsZEdyb3VwU2VjdGlvblxuICAgICAgICAgICAgICAgICAgICAgIGtleT17Z3JvdXAuZ3JvdXBOYW1lfVxuICAgICAgICAgICAgICAgICAgICAgIGdyb3VwPXtncm91cH1cbiAgICAgICAgICAgICAgICAgICAgICBpbmRleD17aW5kZXh9XG4gICAgICAgICAgICAgICAgICAgICAgZm9ybWlrPXtmb3JtaWt9XG4gICAgICAgICAgICAgICAgICAgICAgaXNGb3JjZUV4cGFuZGVkPXtmaWVsZFNlYXJjaFRlcm0/LnRyaW0oKT8ubGVuZ3RoID4gMH1cbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICAgIDwvR3JpZD5cbiAgICAgICAgICAgICAgPC9TdHlsZWRHcmlkQ2FyZD5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxOb1NlYXJjaFJlc3VsdHMgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgPC9FeHBvcnRGaWVsZFNlbGVjdGlvblByb3ZpZGVyPlxuICAgICAgPC9GdWxsU3RvcnlNYXNraW5nLlVubWFzaz5cbiAgICA8L0Zvcm1EaWFsb2c+XG4gIClcbn1cbiJdfQ== */"));
+})("max-height:calc(100vh - ", totalSpacing, "px);overflow:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImV4cG9ydC1maWVsZHMtc2VsZWN0aW9uLXN0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDbUMiLCJmaWxlIjoiZXhwb3J0LWZpZWxkcy1zZWxlY3Rpb24tc3RlcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCdcbmltcG9ydCB7IEZvcm1EaWFsb2cgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hcHBsaWNhdGlvbi1jb21wb25lbnRzJ1xuaW1wb3J0IHsgdXNlQXBwbGljYXRpb25Db250ZXh0IH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXBwbGljYXRpb24tc2hlbGwtY29ubmVjdG9ycydcbmltcG9ydCB7IHVzZVN0b3JhZ2UgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9leHBlcmltZW50YWwtY29tcG9uZW50cydcbmltcG9ydCB7IE1hc2tpbmcgYXMgRnVsbFN0b3J5TWFza2luZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2Z1bGxzdG9yeSdcbmltcG9ydCB7XG4gIENhcmQsXG4gIEdyaWQsXG4gIFNwYWNpbmdzLFxuICBTZWFyY2hUZXh0SW5wdXQsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdGhyb3R0bGUgZnJvbSAnbG9kYXNoL3Rocm90dGxlJ1xuaW1wb3J0IEV4cG9ydEZpZWxkU2VsZWN0aW9uUHJvdmlkZXIgZnJvbSAnLi9leHBvcnQtZmllbGQtc2VsZWN0aW9uLXByb3ZpZGVyJ1xuaW1wb3J0IHsgRmllbGRHcm91cFNlY3Rpb24gfSBmcm9tICcuL2ZpZWxkLWdyb3VwLXNlY3Rpb24nXG5pbXBvcnQgeyBPUEVSQVRJT05TX0VYUE9SVF9SRVNPVVJDRVNfTU9EQUxfU0VMRUNUSU9OIH0gZnJvbSAnLi4vLi4vQGNvbnN0YW50cydcbmltcG9ydCB7IHVzZUV4cG9ydFJlc291cmNlc01vZGFsQ29udGV4dCB9IGZyb20gJy4uLy4uL0Bob29rcydcbmltcG9ydCB7XG4gIHR5cGUgRmlsdGVyZWRGaWVsZCxcbiAgdHlwZSBGaWx0ZXJlZEdyb3VwLFxuICB0eXBlIEZvcm1GaWVsZCxcbiAgdHlwZSBGb3JtR3JvdXAsXG4gIFN0ZXAsXG59IGZyb20gJy4uLy4uL0B0eXBlcydcbmltcG9ydCB7IHVwZGF0ZUZpZWxkRGVwZW5kZW5jaWVzU3RhdHVzIH0gZnJvbSAnLi4vLi4vQHV0aWxzJ1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4uLy4uL21lc3NhZ2VzJ1xuaW1wb3J0IHsgTm9TZWFyY2hSZXN1bHRzIH0gZnJvbSAnLi4vbm8tc2VhcmNoLXJlc3VsdHMnXG5cbmNvbnN0IHRvdGFsU3BhY2luZyA9XG4gIDMyICogMiArIC8vIG91dGVyIG1vZGFsIHNwYWNpbmdcbiAgKDMyICsgNDApICsgLy8gZm9vdGVyIChkaWFsb2cgYnV0dG9ucyArIG1hcmdpbilcbiAgNDAgKyAvLyBzZWFyY2ggaW5wdXRcbiAgMjQgKyAvLyBzZWFyY2ggaW5wdXQgcGFkZGluZ1xuICAyNCArIC8vIG1vZGFsIGhlYWRlclxuICAxNiArIC8vIG1vZGFsIGhlYWRlciBtYXJnaW5cbiAgMTYgKyAvLyBzcGFjaW5nIGJldHdlZW4gc2VhcmNoIGlucHV0IGFuZCBncmlkIGNhcmRcbiAgKDE2ICogMiArIDggKiAyKSArIC8vIG1vZGFsIHBhZGRpbmdcbiAgNTYgKyAvLyBNQyBoZWFkZXJcbiAgNCAvLyBib3JkZXJzXG5cbmNvbnN0IFN0eWxlZEdyaWRDYXJkID0gc3R5bGVkKENhcmQpYFxuICBtYXgtaGVpZ2h0OiBjYWxjKDEwMHZoIC0gJHt0b3RhbFNwYWNpbmd9cHgpO1xuICBvdmVyZmxvdzogYXV0bztcbmBcblxuZXhwb3J0IGNvbnN0IEV4cG9ydEZpZWxkc1NlbGVjdGlvblN0ZXAgPSAoKSA9PiB7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKClcbiAgY29uc3QgW2ZpZWxkU2VhcmNoVGVybSwgc2V0RmllbGRTZWFyY2hUZXJtXSA9IFJlYWN0LnVzZVN0YXRlKCcnKVxuICBjb25zdCB7IHByb2plY3RLZXkgfSA9IHVzZUFwcGxpY2F0aW9uQ29udGV4dCgoY29udGV4dCkgPT4gKHtcbiAgICBwcm9qZWN0S2V5OiBjb250ZXh0LnByb2plY3Q/LmtleSxcbiAgfSkpXG4gIGNvbnN0IFtfLCBzZXRDYWNoZWRTZWxlY3RlZEdyb3Vwc10gPSB1c2VTdG9yYWdlKFxuICAgIGAke3Byb2plY3RLZXl9LyR7T1BFUkFUSU9OU19FWFBPUlRfUkVTT1VSQ0VTX01PREFMX1NFTEVDVElPTn1gLFxuICAgIHt9XG4gIClcbiAgY29uc3QgeyBmb3JtaWssIHNldEN1cnJlbnRTdGVwLCByZXNvdXJjZVR5cGUsIG9uQ2xvc2UgfSA9XG4gICAgdXNlRXhwb3J0UmVzb3VyY2VzTW9kYWxDb250ZXh0KClcblxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgIGZvcm1pay52YWxpZGF0ZUZvcm0oKVxuICAgIHVwZGF0ZUZpZWxkRGVwZW5kZW5jaWVzU3RhdHVzKGZvcm1paylcbiAgICBjb25zdCBjaGVja2VkRmllbGRzID0ge31cbiAgICBmdW5jdGlvbiBnZXRDaGVja2VkRmllbGRzKGZpZWxkOiBGb3JtRmllbGQsIGdyb3VwTmFtZTogc3RyaW5nKSB7XG4gICAgICBjb25zdCBmaWVsZE5hbWUgPSBmaWVsZC5uYW1lID8gYCR7Z3JvdXBOYW1lfS4ke2ZpZWxkLm5hbWV9YCA6IGdyb3VwTmFtZVxuICAgICAgaWYgKGZpZWxkLmZpZWxkcykge1xuICAgICAgICByZXR1cm4gZmllbGQuZmllbGRzLmZvckVhY2goKGYpID0+IGdldENoZWNrZWRGaWVsZHMoZiwgZmllbGROYW1lKSlcbiAgICAgIH1cblxuICAgICAgY2hlY2tlZEZpZWxkc1tmaWVsZE5hbWVdID0gZmllbGQuaXNDaGVja2VkXG4gICAgfVxuICAgIGZvcm1pay52YWx1ZXMuZ3JvdXBzLmZvckVhY2goKGdyb3VwOiBGb3JtR3JvdXApID0+IHtcbiAgICAgIGdyb3VwLmZpZWxkcy5mb3JFYWNoKChmaWVsZDogRm9ybUZpZWxkKSA9PiB7XG4gICAgICAgIGdldENoZWNrZWRGaWVsZHMoZmllbGQsIGdyb3VwLmdyb3VwTmFtZSlcbiAgICAgIH0pXG4gICAgfSlcblxuICAgIHNldENhY2hlZFNlbGVjdGVkR3JvdXBzKHtcbiAgICAgIFtyZXNvdXJjZVR5cGVdOiBjaGVja2VkRmllbGRzLFxuICAgIH0pXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbZm9ybWlrLnZhbHVlcy5ncm91cHNdKVxuICAvLyBhZGRzIGBpc0hpZGRlbmAgcHJvcGVydHkgdG8gZWFjaCBmaWVsZCBiYXNlZCBvbiBzZWFyY2ggdGVybVxuICBjb25zdCBmaWx0ZXJlZEdyb3VwcyA9IFJlYWN0LnVzZU1lbW88RmlsdGVyZWRHcm91cFtdPigoKSA9PiB7XG4gICAgY29uc3QgdXBkYXRlRmllbGRzID0gKFxuICAgICAgZmllbGRzOiBGb3JtRmllbGRbXSxcbiAgICAgIHBhcmVudE1hdGNoZXM6IGJvb2xlYW5cbiAgICApOiBGaWx0ZXJlZEZpZWxkW10gPT4ge1xuICAgICAgcmV0dXJuIGZpZWxkcy5tYXAoKGZpZWxkKSA9PiB7XG4gICAgICAgIGNvbnN0IG1hdGNoZXMgPSBmaWVsZC5sYWJlbFxuICAgICAgICAgIC50b0xvd2VyQ2FzZSgpXG4gICAgICAgICAgLmluY2x1ZGVzKGZpZWxkU2VhcmNoVGVybS50b0xvd2VyQ2FzZSgpKVxuICAgICAgICBsZXQgaXNIaWRkZW4gPSAhbWF0Y2hlcyAmJiAhcGFyZW50TWF0Y2hlc1xuICAgICAgICBpZiAoZmllbGQuZmllbGRzKSB7XG4gICAgICAgICAgY29uc3QgdXBkYXRlZEZpZWxkcyA9IHVwZGF0ZUZpZWxkcyhmaWVsZC5maWVsZHMsIG1hdGNoZXMpXG4gICAgICAgICAgaXNIaWRkZW4gPSBpc0hpZGRlbiAmJiB1cGRhdGVkRmllbGRzLmV2ZXJ5KChmKSA9PiBmLmlzSGlkZGVuKVxuICAgICAgICAgIGZpZWxkID0ge1xuICAgICAgICAgICAgLi4uZmllbGQsXG4gICAgICAgICAgICBmaWVsZHM6IHVwZGF0ZWRGaWVsZHMsXG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHJldHVybiB7IC4uLmZpZWxkLCBpc0hpZGRlbiB9XG4gICAgICB9KVxuICAgIH1cblxuICAgIGlmICghZmllbGRTZWFyY2hUZXJtPy50cmltKCk/Lmxlbmd0aCkgcmV0dXJuIGZvcm1pay52YWx1ZXMuZ3JvdXBzXG5cbiAgICBjb25zdCB1cGRhdGVHcm91cHMgPSAoZ3JvdXBzOiBGb3JtR3JvdXBbXSk6IEZpbHRlcmVkR3JvdXBbXSA9PiB7XG4gICAgICByZXR1cm4gZ3JvdXBzLm1hcCgoZ3JvdXApID0+IHtcbiAgICAgICAgY29uc3QgdXBkYXRlZEZpZWxkcyA9IHVwZGF0ZUZpZWxkcyhncm91cC5maWVsZHMsIGZhbHNlKVxuICAgICAgICBjb25zdCBpc0hpZGRlbiA9IHVwZGF0ZWRGaWVsZHMuZXZlcnkoKGZpZWxkKSA9PiBmaWVsZC5pc0hpZGRlbilcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAuLi5ncm91cCxcbiAgICAgICAgICBmaWVsZHM6IHVwZGF0ZWRGaWVsZHMsXG4gICAgICAgICAgaXNIaWRkZW4sXG4gICAgICAgIH1cbiAgICAgIH0pXG4gICAgfVxuICAgIHJldHVybiB1cGRhdGVHcm91cHMoZm9ybWlrLnZhbHVlcy5ncm91cHMpXG4gIH0sIFtmb3JtaWsudmFsdWVzLmdyb3VwcywgZmllbGRTZWFyY2hUZXJtXSlcblxuICBjb25zdCBvblNlYXJjaENoYW5nZSA9IFJlYWN0LnVzZUNhbGxiYWNrKFxuICAgIChldmVudCkgPT4ge1xuICAgICAgc2V0RmllbGRTZWFyY2hUZXJtKGV2ZW50LnRhcmdldC52YWx1ZSlcbiAgICB9LFxuICAgIFtzZXRGaWVsZFNlYXJjaFRlcm1dXG4gIClcblxuICBjb25zdCBoYXNSZXN1bHRzID0gQm9vbGVhbihmaWx0ZXJlZEdyb3Vwcy5maW5kKChncm91cCkgPT4gIWdyb3VwLmlzSGlkZGVuKSlcblxuICBjb25zdCBvblNlYXJjaENoYW5nZVRocm90dGxlZCA9IFJlYWN0LnVzZU1lbW8oXG4gICAgKCkgPT4gdGhyb3R0bGUob25TZWFyY2hDaGFuZ2UsIDMwMCksXG4gICAgW29uU2VhcmNoQ2hhbmdlXVxuICApXG5cbiAgY29uc3Qgb25TZWFyY2hSZXNldCA9ICgpID0+IHtcbiAgICBzZXRGaWVsZFNlYXJjaFRlcm0oJycpXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxGb3JtRGlhbG9nXG4gICAgICBpc09wZW5cbiAgICAgIHRpdGxlPXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuc2VsZWN0RmllbGRzVG9FeHBvcnQpfVxuICAgICAgbGFiZWxQcmltYXJ5PXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuc3RhcnRFeHBvcnQpfVxuICAgICAgb25QcmltYXJ5QnV0dG9uQ2xpY2s9e2Zvcm1pay5zdWJtaXRGb3JtfVxuICAgICAgaXNQcmltYXJ5QnV0dG9uRGlzYWJsZWQ9eyFmb3JtaWsuaXNWYWxpZH1cbiAgICAgIGxhYmVsU2Vjb25kYXJ5PXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuYmFjayl9XG4gICAgICBvblNlY29uZGFyeUJ1dHRvbkNsaWNrPXsoKSA9PiBzZXRDdXJyZW50U3RlcChTdGVwLkZpbGVTZXR0aW5ncyl9XG4gICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgc2l6ZT17MTZ9XG4gICAgPlxuICAgICAgPEZ1bGxTdG9yeU1hc2tpbmcuVW5tYXNrPlxuICAgICAgICA8RXhwb3J0RmllbGRTZWxlY3Rpb25Qcm92aWRlciByZXNvdXJjZVR5cGU9e3Jlc291cmNlVHlwZX0+XG4gICAgICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwibVwiPlxuICAgICAgICAgICAgPFNlYXJjaFRleHRJbnB1dFxuICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLnNlYXJjaEZvckZpZWxkcyl9XG4gICAgICAgICAgICAgIHZhbHVlPXtmaWVsZFNlYXJjaFRlcm19XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvblNlYXJjaENoYW5nZVRocm90dGxlZH1cbiAgICAgICAgICAgICAgb25SZXNldD17b25TZWFyY2hSZXNldH1cbiAgICAgICAgICAgICAgLy8gVE9ETzogYFNlYXJjaFRleHRJbnB1dGAgcHJvcHMgdG8gYmUgaW1wcm92ZWQuIFRoZSBgb25TdWJtaXRgIGNhbGxiYWNrIHNob3VsZG4ndCBiZSBtYW5kYXRvcnlcbiAgICAgICAgICAgICAgb25TdWJtaXQ9eygpID0+IHt9fVxuICAgICAgICAgICAgICBpZD1cImV4cG9ydC1maWVsZHMtc2VhcmNoXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB7aGFzUmVzdWx0cyA/IChcbiAgICAgICAgICAgICAgPFN0eWxlZEdyaWRDYXJkIGluc2V0U2NhbGU9XCJub25lXCI+XG4gICAgICAgICAgICAgICAgPEdyaWRcbiAgICAgICAgICAgICAgICAgIGdyaWRBdXRvRmxvdz1cInJvd1wiXG4gICAgICAgICAgICAgICAgICBncmlkVGVtcGxhdGVDb2x1bW5zPXtgY2FsYygke2Rlc2lnblRva2Vucy5zcGFjaW5nTH0gKyAke2Rlc2lnblRva2Vucy5jb25zdHJhaW50NX0gKyAke2Rlc2lnblRva2Vucy5zcGFjaW5nTH0pIGF1dG9gfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtmaWx0ZXJlZEdyb3Vwcy5tYXAoKGdyb3VwLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICAgICAgICA8RmllbGRHcm91cFNlY3Rpb25cbiAgICAgICAgICAgICAgICAgICAgICBrZXk9e2dyb3VwLmdyb3VwTmFtZX1cbiAgICAgICAgICAgICAgICAgICAgICBncm91cD17Z3JvdXB9XG4gICAgICAgICAgICAgICAgICAgICAgaW5kZXg9e2luZGV4fVxuICAgICAgICAgICAgICAgICAgICAgIGZvcm1paz17Zm9ybWlrfVxuICAgICAgICAgICAgICAgICAgICAgIGlzRm9yY2VFeHBhbmRlZD17ZmllbGRTZWFyY2hUZXJtPy50cmltKCk/Lmxlbmd0aCA+IDB9XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgICAgIDwvU3R5bGVkR3JpZENhcmQ+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICA8Tm9TZWFyY2hSZXN1bHRzIC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICAgIDwvRXhwb3J0RmllbGRTZWxlY3Rpb25Qcm92aWRlcj5cbiAgICAgIDwvRnVsbFN0b3J5TWFza2luZy5Vbm1hc2s+XG4gICAgPC9Gb3JtRGlhbG9nPlxuICApXG59XG4iXX0= */"));
 const ExportFieldsSelectionStep = () => {
   const intl = useIntl();
   const _React$useState = React.useState(''),
@@ -1820,7 +1852,7 @@ const ExportFieldsSelectionStep = () => {
     onPrimaryButtonClick: formik.submitForm,
     isPrimaryButtonDisabled: !formik.isValid,
     labelSecondary: intl.formatMessage(messages.back),
-    onSecondaryButtonClick: () => setCurrentStep(1),
+    onSecondaryButtonClick: () => setCurrentStep(Step.FileSettings),
     onClose: onClose,
     size: 16,
     children: jsx(Masking.Unmask, {
@@ -1863,7 +1895,7 @@ const ExportResourcesProvider = _ref => {
   let children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   const initialValues = useInitialValues(props);
-  const _React$useState = React.useState(1),
+  const _React$useState = React.useState(Step.FileSettings),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     currentStep = _React$useState2[0],
     setCurrentStep = _React$useState2[1];
@@ -1877,8 +1909,8 @@ const ExportResourcesProvider = _ref => {
   const _useStartExportOperat = useStartExportOperation(props),
     startExportOperation = _useStartExportOperat.startExportOperation;
   const onSubmit = async values => {
-    if (currentStep === 1) {
-      setCurrentStep(2);
+    if (currentStep === Step.FileSettings) {
+      setCurrentStep(Step.FieldsSelection);
     } else {
       startExportOperation(values, exportType);
     }
@@ -1917,8 +1949,8 @@ const CurrentStep = () => {
   const _useExportResourcesMo = useExportResourcesModalContext(),
     currentStep = _useExportResourcesMo.currentStep;
   const steps = {
-    1: jsx(ExportFileSettingsStep, {}),
-    2: jsx(ExportFieldsSelectionStep, {})
+    'file-settings': jsx(ExportFileSettingsStep, {}),
+    'fields-selection': jsx(ExportFieldsSelectionStep, {})
   };
   return steps[currentStep] || null;
 };
@@ -2018,7 +2050,7 @@ const ExportResourcesModal = props => {
   const messages = useAsyncIntlMessages(locale, loadMessages);
   if (!props.isOpen || messages.isLoading) return null;
   if (props.filters && !validateFilters(props.filters)) {
-    console.error('Invalid filters prop:', props.filters, 'Filters must contain either `queryPredicate` or `searchQuery`, but not both, and it cannot be empty');
+    console.error('Invalid filters prop:', props.filters, 'Filters must contain one of these values: `filters` or `where`');
     return null;
   }
   return jsx(IntlProvider, {
@@ -2038,4 +2070,4 @@ ExportResourcesModal.defaultProps = {
   fieldOrder: []
 };
-export { EXPORTABLE_RESOURCES, EXPORT_TYPES, ExportResourcesModal as default, useConvertFieldDefinitionsForExport };
+export { EXPORTABLE_RESOURCES, EXPORT_TYPES, Step, ExportResourcesModal as default, useConvertFieldDefinitionsForExport };

package/dist/declarations/src/@types/export-api.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import type { QueryFilter, SearchFilter } from "./export-resources-modal-types.js";
 export interface ExportApiRequest {
     projectKey: string;
     resourceType: string;
@@ -5,11 +6,13 @@ export interface ExportApiRequest {
     fileFormat: string;
     fields: string[];
     locales: string[];
-    filters?: {
-        query: Record<string, unknown>;
-    };
+    filters?: QueryFilter | SearchFilter;
     where?: string;
     fillRows?: boolean;
+    fullText?: {
+        text: string;
+        locale: string;
+    };
 }
 export interface ExportApiResponse {
     id: string;

package/dist/declarations/src/@types/export-resources-modal-context.d.ts CHANGED Viewed

@@ -2,10 +2,14 @@ import type { FormikProps } from 'formik';
 import type { ExportType, Filters } from "./export-resources-modal-types.js";
 import type { FormValues } from "./form.js";
 import type { ResourceType } from "./resource-type.js";
+export declare enum Step {
+    FileSettings = "file-settings",
+    FieldsSelection = "fields-selection"
+}
 export interface ExportResourcesModalContext {
     formik: FormikProps<FormValues>;
-    currentStep: number;
-    setCurrentStep: React.Dispatch<React.SetStateAction<number>>;
+    currentStep: Step;
+    setCurrentStep: React.Dispatch<React.SetStateAction<Step>>;
     onClose: () => void;
     resourceType: ResourceType;
     exportType: ExportType;

package/dist/declarations/src/@types/export-resources-modal-types.d.ts CHANGED Viewed

@@ -32,8 +32,18 @@ export interface ExportResourcesModalProps {
     onExportSuccess?: () => void;
 }
 export type ExportType = keyof typeof EXPORT_TYPES;
+export type QueryFilter = {
+    query: Record<string, unknown>;
+};
+export type SearchFilter = {
+    filters?: string[];
+    fullText?: {
+        text: string;
+        locale: string;
+    };
+};
 export type Filters = {
-    queryPredicate?: string;
-    searchQuery?: Record<string, unknown>;
+    filters?: QueryFilter | SearchFilter;
+    where?: string;
     total: number;
 };

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-frontend-extensions/export-resources-modal",
   "description": "Shared export modal for exporting resources",
-  "version": "4.7.2",
+  "version": "4.8.1",
   "license": "BSD-3-Clause",
   "publishConfig": {
     "access": "public"