@commercetools-frontend-extensions/export-resources-modal 4.1.0 → 4.1.2

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

@@ -12,20 +12,20 @@ import { useApplicationContext } from '@commercetools-frontend/application-shell
 import { Text, TextInput, Link, Spacings, RadioInput, Grid, designTokens, SelectField, TextField, CheckboxInput, Card, SearchTextInput } from '@commercetools-frontend/ui-kit';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import _valuesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/values';
-import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import { FormDialog } from '@commercetools-frontend/application-components';
 import React, { useContext, createContext, useState, useEffect } from 'react';
 import _Reflect$construct from '@babel/runtime-corejs3/core-js-stable/reflect/construct';
 import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
 import _classCallCheck from '@babel/runtime-corejs3/helpers/esm/classCallCheck';
-import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
 import _possibleConstructorReturn from '@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn';
 import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
+import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
 import _wrapNativeSuper from '@babel/runtime-corejs3/helpers/esm/wrapNativeSuper';
 import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import moment from 'moment';
 import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
 import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/reduce';
+import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import omitEmpty from 'omit-empty-es';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
 import _Array$isArray from '@babel/runtime-corejs3/core-js-stable/array/is-array';
@@ -39,7 +39,6 @@ import { MC_API_PROXY_TARGETS, DOMAINS } from '@commercetools-frontend/constants
 import _styled from '@emotion/styled/base';
 import _everyInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/every';
 import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
-import _trimInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/trim';
 import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
 import throttle from 'lodash/throttle';
 import { css } from '@emotion/react';
@@ -224,7 +223,12 @@ var messages = defineMessages({
   exportScopeSelected: {
     id: 'ExportResourcesModal.exportScopeSelected',
     description: 'Label for Export Selected',
-    defaultMessage: 'Export selected{total, select, 0 {} other {: {total} categories}}'
+    defaultMessage: 'Export selected: {total} categories'
+  },
+  exportScopeSelectedWithoutCount: {
+    id: 'ExportResourcesModal.exportScopeSelectedWithoutCount',
+    description: 'Label for Export Selected without count',
+    defaultMessage: 'Export selected'
   },
   exportSettings: {
     id: 'ExportResourcesModal.exportSettings',
@@ -254,63 +258,59 @@ function renderLocaleError(key) {
   }
 }
 
-function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _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; })(); }
 let MissingExportResourceProviderError = /*#__PURE__*/function (_Error) {
-  _inherits(MissingExportResourceProviderError, _Error);
-  var _super = _createSuper$3(MissingExportResourceProviderError);
   function MissingExportResourceProviderError() {
     var _this;
     _classCallCheck(this, MissingExportResourceProviderError);
-    _this = _super.call(this, 'useExportResourcesContext must be used within ExportResourcesProvider');
+    _this = _callSuper$3(this, MissingExportResourceProviderError, ['useExportResourcesContext must be used within ExportResourcesProvider']);
     _this.name = 'MissingExportResourceProviderError';
     return _this;
   }
+  _inherits(MissingExportResourceProviderError, _Error);
   return _createClass(MissingExportResourceProviderError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
-function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _callSuper$2(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$2() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function () { return !!t; })(); }
 let UnexpectedExportOperationStateError = /*#__PURE__*/function (_Error) {
-  _inherits(UnexpectedExportOperationStateError, _Error);
-  var _super = _createSuper$2(UnexpectedExportOperationStateError);
   function UnexpectedExportOperationStateError(state) {
     var _this;
     _classCallCheck(this, UnexpectedExportOperationStateError);
-    _this = _super.call(this, "Unexpected export operation state \"".concat(state, "\""));
+    _this = _callSuper$2(this, UnexpectedExportOperationStateError, [`Unexpected export operation state "${state}"`]);
     _this.name = 'UnexpectedExportOperationStateError';
     return _this;
   }
+  _inherits(UnexpectedExportOperationStateError, _Error);
   return _createClass(UnexpectedExportOperationStateError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
-function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _callSuper$1(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$1() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function () { return !!t; })(); }
 let UnexpectedResourceTypeError = /*#__PURE__*/function (_Error) {
-  _inherits(UnexpectedResourceTypeError, _Error);
-  var _super = _createSuper$1(UnexpectedResourceTypeError);
   function UnexpectedResourceTypeError(resourceType) {
     var _this;
     _classCallCheck(this, UnexpectedResourceTypeError);
-    _this = _super.call(this, "Unexpected resource type \"".concat(resourceType, "\""));
+    _this = _callSuper$1(this, UnexpectedResourceTypeError, [`Unexpected resource type "${resourceType}"`]);
     _this.name = 'UnexpectedResourceTypeError';
     return _this;
   }
+  _inherits(UnexpectedResourceTypeError, _Error);
   return _createClass(UnexpectedResourceTypeError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
 let InvalidResponseError = /*#__PURE__*/function (_Error) {
-  _inherits(InvalidResponseError, _Error);
-  var _super = _createSuper(InvalidResponseError);
   function InvalidResponseError(message) {
     var _this;
     _classCallCheck(this, InvalidResponseError);
-    _this = _super.call(this, message);
+    _this = _callSuper(this, InvalidResponseError, [message]);
     _this.name = 'InvalidResponseError';
     return _this;
   }
+  _inherits(InvalidResponseError, _Error);
   return _createClass(InvalidResponseError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
@@ -435,14 +435,13 @@ function isFilledArray(maybeArray) {
   return _Array$isArray(maybeArray) && maybeArray.length;
 }
 function appendCsvOrJsonExtensionIfAbsent(fileName, fileFormat) {
-  var _context;
   const extensionRegex = /\.(csv|json)$/i;
-  if (!extensionRegex.test(fileName)) return _concatInstanceProperty(_context = "".concat(fileName, ".")).call(_context, fileFormat);
+  if (!extensionRegex.test(fileName)) return `${fileName}.${fileFormat}`;
   return fileName;
 }
 function getExportLogsLink(projectKey, msg) {
   return jsx(Link, {
-    to: "/".concat(projectKey, "/operations/export/logs"),
+    to: `/${projectKey}/operations/export/logs`,
     children: msg
   });
 }
@@ -477,13 +476,13 @@ function sortFieldsByFieldOrder(_ref2) {
 // Later, filters will be passed directly from parent views (category, product...) instead of being built within the Export resources modal
 // The `selectedResourceIds` prop will also be removed
 function tmpBuildFilters(selectedResourceIds) {
-  if (!selectedResourceIds || (selectedResourceIds === null || selectedResourceIds === void 0 ? void 0 : selectedResourceIds.length) === 0) return undefined;
-  const formattedIds = _mapInstanceProperty(selectedResourceIds).call(selectedResourceIds, id => "\"".concat(id, "\"")).join(', ');
-  return ["id in (".concat(formattedIds, ")")];
+  if (!selectedResourceIds || selectedResourceIds?.length === 0) return undefined;
+  const formattedIds = _mapInstanceProperty(selectedResourceIds).call(selectedResourceIds, id => `"${id}"`).join(', ');
+  return [`id in (${formattedIds})`];
 }
 
 function ownKeys$4(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context4 = ownKeys$4(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context5 = ownKeys$4(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const updateFieldGroupsWithIsCheckedValue = (groups, cachedSelectedGroups) => {
   const updateFields = (fields, parentChecked, fieldName) => {
     return _mapInstanceProperty(fields).call(fields, field => {
@@ -491,10 +490,8 @@ const updateFieldGroupsWithIsCheckedValue = (groups, cachedSelectedGroups) => {
       if (field.isRequired) {
         isChecked = true;
       } else {
-        var _context;
-        if (cachedSelectedGroups[_concatInstanceProperty(_context = "".concat(fieldName, ".")).call(_context, field.name)] !== undefined) {
-          var _context2;
-          isChecked = cachedSelectedGroups[_concatInstanceProperty(_context2 = "".concat(fieldName, ".")).call(_context2, field.name)];
+        if (cachedSelectedGroups[`${fieldName}.${field.name}`] !== undefined) {
+          isChecked = cachedSelectedGroups[`${fieldName}.${field.name}`];
         } else if (!field.isReadOnly && field.isSelectedByDefault) {
           isChecked = true;
         } else if (parentChecked) {
@@ -502,8 +499,7 @@ const updateFieldGroupsWithIsCheckedValue = (groups, cachedSelectedGroups) => {
         }
       }
       if (field.fields) {
-        var _context3;
-        const updatedFields = updateFields(field.fields, isChecked, _concatInstanceProperty(_context3 = "".concat(fieldName, ".")).call(_context3, field.name));
+        const updatedFields = updateFields(field.fields, isChecked, `${fieldName}.${field.name}`);
         isChecked = false;
         field.fields = updatedFields;
       }
@@ -539,32 +535,27 @@ const updateFieldGroupWithAdditionalFieldExtensions = groups => {
 };
 
 const useInitialValues = props => {
-  var _context;
   const todayFormatted = moment().format('DD-MM-YY_HH-mm');
   const _useApplicationContex = useApplicationContext(applicationContext => ({
       locale: applicationContext.dataLocale
     })),
     locale = _useApplicationContex.locale;
-  const _useApplicationContex2 = useApplicationContext(context => {
-      var _context$project;
-      return {
-        projectKey: (_context$project = context.project) === null || _context$project === void 0 ? void 0 : _context$project.key
-      };
-    }),
+  const _useApplicationContex2 = useApplicationContext(context => ({
+      projectKey: context.project?.key
+    })),
     projectKey = _useApplicationContex2.projectKey;
-  const _useStorage = useStorage(_concatInstanceProperty(_context = "".concat(projectKey, "/")).call(_context, OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION), {}),
+  const _useStorage = useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION}`, {}),
     _useStorage2 = _slicedToArray(_useStorage, 1),
     cachedSelectedGroups = _useStorage2[0];
   return React.useMemo(() => {
-    var _context2;
     const groups = updateFieldGroupsWithIsCheckedValue(props.fieldGroups, cachedSelectedGroups[props.resourceType] || {});
     return {
       outputFormat: props.outputFormat,
-      fileName: _concatInstanceProperty(_context2 = "".concat(resourceTypeToDisplayName({
+      fileName: `${resourceTypeToDisplayName({
         resourceType: props.resourceType,
         isUpperCase: true,
         isPlural: true
-      }), "_Export_")).call(_context2, todayFormatted),
+      })}_Export_${todayFormatted}`,
       locales: [locale],
       groups: updateFieldGroupWithAdditionalFieldExtensions(groups)
     };
@@ -580,7 +571,7 @@ async function createExportOperation(_ref) {
     locales = _ref.locales,
     filters = _ref.filters,
     asyncDispatchFn = _ref.asyncDispatchFn;
-  const uri = "/".concat(projectKey, "/export-operations");
+  const uri = `/${projectKey}/export-operations`;
   const response = await asyncDispatchFn(actions.post({
     mcApiProxyTarget: MC_API_PROXY_TARGETS.EXPORT,
     uri: uri,
@@ -604,24 +595,20 @@ const useStartExportOperation = props => {
   const intl = useIntl();
   const asyncDispatch = useAsyncDispatch();
   const showNotification = useShowNotification();
-  const _useApplicationContex = useApplicationContext(applicationContext => {
-      var _applicationContext$p;
-      return {
-        locale: applicationContext.dataLocale,
-        projectKey: (_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.key
-      };
-    }),
+  const _useApplicationContex = useApplicationContext(applicationContext => ({
+      locale: applicationContext.dataLocale,
+      projectKey: applicationContext.project?.key
+    })),
     projectKey = _useApplicationContex.projectKey;
   const extractFieldsFromGroups = groups => {
     let selectedGeneralFields = [];
     const getSelectedFields = fields => {
       return _filterInstanceProperty(fields).call(fields, field => {
-        var _field$isChecked;
         if (field.fields) {
           return getSelectedFields(field.fields);
         }
         if (field.isChecked) selectedGeneralFields.push(field);
-        return (_field$isChecked = field.isChecked) !== null && _field$isChecked !== void 0 ? _field$isChecked : false;
+        return field.isChecked ?? false;
       });
     };
     _forEachInstanceProperty(groups).call(groups, group => {
@@ -685,7 +672,6 @@ const useStartExportOperation = props => {
 function ownKeys$3(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 function ExportScopeSection() {
-  var _originalSelectedReso;
   const _useExportResourcesCo = useExportResourcesContext(),
     exportType = _useExportResourcesCo.exportType,
     totalResourcesCount = _useExportResourcesCo.totalResourcesCount,
@@ -713,14 +699,14 @@ function ExportScopeSection() {
         })
       }), jsx(RadioInput.Option, {
         value: EXPORT_TYPES.SELECTED,
-        isDisabled: !(originalSelectedResourceIds !== null && originalSelectedResourceIds !== void 0 && originalSelectedResourceIds.length),
+        isDisabled: !originalSelectedResourceIds?.length,
         children: jsx(Text.Body, {
-          tone: !(originalSelectedResourceIds !== null && originalSelectedResourceIds !== void 0 && originalSelectedResourceIds.length) ? 'tertiary' : undefined,
-          intlMessage: _objectSpread$3(_objectSpread$3({}, messages.exportScopeSelected), {}, {
+          tone: !originalSelectedResourceIds?.length ? 'tertiary' : undefined,
+          intlMessage: originalSelectedResourceIds?.length ? _objectSpread$3(_objectSpread$3({}, messages.exportScopeSelected), {}, {
             values: {
-              total: new Intl.NumberFormat().format((_originalSelectedReso = originalSelectedResourceIds === null || originalSelectedResourceIds === void 0 ? void 0 : originalSelectedResourceIds.length) !== null && _originalSelectedReso !== void 0 ? _originalSelectedReso : 0)
+              total: new Intl.NumberFormat().format(originalSelectedResourceIds?.length ?? 0)
             }
-          })
+          }) : messages.exportScopeSelectedWithoutCount
         })
       })]
     })
@@ -728,7 +714,6 @@ function ExportScopeSection() {
 }
 
 const ExportFileSettingsStep = () => {
-  var _context;
   const intl = useIntl();
   const _useExportResourcesCo = useExportResourcesContext(),
     formik = _useExportResourcesCo.formik,
@@ -738,13 +723,10 @@ const ExportFileSettingsStep = () => {
     resourceType: resourceType,
     isPlural: true
   });
-  const _useApplicationContex = useApplicationContext(applicationContext => {
-      var _applicationContext$p;
-      return {
-        locale: applicationContext.dataLocale,
-        locales: ((_applicationContext$p = applicationContext.project) === null || _applicationContext$p === void 0 ? void 0 : _applicationContext$p.languages) || []
-      };
-    }),
+  const _useApplicationContex = useApplicationContext(applicationContext => ({
+      locale: applicationContext.dataLocale,
+      locales: applicationContext.project?.languages || []
+    })),
     locales = _useApplicationContex.locales,
     locale = _useApplicationContex.locale;
   const areAllLocalesChecked = _valuesInstanceProperty(formik).locales.length === locales.length;
@@ -765,7 +747,7 @@ const ExportFileSettingsStep = () => {
         scale: "l",
         children: jsxs(Grid, {
           gridRowGap: designTokens.spacingL,
-          gridTemplateColumns: _concatInstanceProperty(_context = "calc(".concat(designTokens.constraint3, " + ")).call(_context, designTokens.spacingL, ") auto"),
+          gridTemplateColumns: `calc(${designTokens.constraint3} + ${designTokens.spacingL}) auto`,
           children: [jsx(Grid.Item, {
             children: jsx(Text.Body, {
               intlMessage: messages.exportScope
@@ -864,7 +846,7 @@ const NoSearchResults = () => {
 };
 
 function ownKeys$2(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context11, _context12; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context11 = ownKeys$2(Object(t), !0)).call(_context11, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context12 = ownKeys$2(Object(t))).call(_context12, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context6 = ownKeys$2(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context7 = ownKeys$2(Object(t))).call(_context7, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const StyledGridCard = /*#__PURE__*/_styled(Card, process.env.NODE_ENV === "production" ? {
   target: "e3xiyhb2"
@@ -899,11 +881,10 @@ const FieldSections = _ref => {
     isAnySiblingChecked = _ref.isAnySiblingChecked;
   return jsx(Spacings.Stack, {
     scale: "s",
-    children: fields === null || fields === void 0 ? void 0 : _mapInstanceProperty(fields).call(fields, (field, index) => {
-      var _context, _field$fields3;
+    children: fields?.map((field, index) => {
       const isAtleastOneChildChecked = () => {
         function checkAtLeastOneFieldChecked(fields) {
-          return fields === null || fields === void 0 ? void 0 : _someInstanceProperty(fields).call(fields, field => {
+          return fields?.some(field => {
             if (field.fields) {
               return field.isChecked || checkAtLeastOneFieldChecked(field.fields);
             }
@@ -919,18 +900,16 @@ const FieldSections = _ref => {
           isChecked: field.isReadOnly ? isAnySiblingChecked : isAnyOfTheChildFieldsChecked || field.isChecked,
           isReadOnly: field.isReadOnly || field.isRequired,
           onChange: e => {
-            var _context2, _field$fields2;
-            const path = _concatInstanceProperty(_context2 = "".concat(parentKeys.join('.'), ".fields[")).call(_context2, index, "]");
+            const path = `${parentKeys.join('.')}.fields[${index}]`;
             // Update all child fields
             const updateAllChildFieldsChecked = (path, checked) => {
               const item = get(_valuesInstanceProperty(formik), path);
               if (item && item.fields) {
-                var _context3;
-                _forEachInstanceProperty(_context3 = item.fields).call(_context3, (field, i) => {
-                  var _context4, _field$fields;
-                  const fieldPath = _concatInstanceProperty(_context4 = "".concat(path, ".fields[")).call(_context4, i, "]");
-                  if (!((_field$fields = field.fields) !== null && _field$fields !== void 0 && _field$fields.length)) {
-                    formik.setFieldValue("".concat(fieldPath, ".isChecked"), checked,
+                var _context;
+                _forEachInstanceProperty(_context = item.fields).call(_context, (field, i) => {
+                  const fieldPath = `${path}.fields[${i}]`;
+                  if (!field.fields?.length) {
+                    formik.setFieldValue(`${fieldPath}.isChecked`, checked,
                     // pass `false` to avoid revalidating the form with intermediate values
                     false);
                   }
@@ -938,24 +917,24 @@ const FieldSections = _ref => {
                 });
               }
             };
-            if (!((_field$fields2 = field.fields) !== null && _field$fields2 !== void 0 && _field$fields2.length)) {
-              formik.setFieldValue("".concat(path, ".isChecked"), e.target.checked,
+            if (!field.fields?.length) {
+              formik.setFieldValue(`${path}.isChecked`, e.target.checked,
               // pass `false` to avoid revalidating the form with intermediate values
               false);
             }
             updateAllChildFieldsChecked(path, e.target.checked);
           },
           children: [field.label, " ", field.isRequired && '*']
-        }), field.fields && ((_field$fields3 = field.fields) === null || _field$fields3 === void 0 ? void 0 : _field$fields3.length) > 0 && jsxs(Spacings.Inline, {
+        }), field.fields && field.fields?.length > 0 && jsxs(Spacings.Inline, {
           scale: "l",
           children: [jsx("div", {}), jsx(FieldSections, {
             fields: field.fields,
             formik: formik,
-            parentKeys: [...parentKeys, "fields[".concat(index, "]")],
+            parentKeys: [...parentKeys, `fields[${index}]`],
             isAnySiblingChecked: isAnySiblingChecked
           })]
         })]
-      }, _concatInstanceProperty(_context = "".concat(field.name, "-")).call(_context, index));
+      }, `${field.name}-${index}`);
     })
   });
 };
@@ -981,7 +960,7 @@ const FieldGroupSection = _ref2 => {
     formik = _ref2.formik;
   const allAllFieldsSelected = React.useMemo(() => checkAllFieldsSelected(group.fields), [group.fields]);
   const isAtleastOneFieldChecked = React.useMemo(() => checkAtLeastOneFieldChecked(group.fields), [group.fields]);
-  const parentKey = "groups[".concat(index, "]");
+  const parentKey = `groups[${index}]`;
   const handleChangeAllFields = e => {
     const item = get(_valuesInstanceProperty(formik), parentKey);
     function updateAllFields(fields, checked) {
@@ -1034,20 +1013,16 @@ const FieldGroupSection = _ref2 => {
   });
 };
 const ExportFieldsSelectionStep = () => {
-  var _context5;
   const intl = useIntl();
   const _React$useState = React.useState(''),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     fieldSearchTerm = _React$useState2[0],
     setFieldSearchTerm = _React$useState2[1];
-  const _useApplicationContex = useApplicationContext(context => {
-      var _context$project;
-      return {
-        projectKey: (_context$project = context.project) === null || _context$project === void 0 ? void 0 : _context$project.key
-      };
-    }),
+  const _useApplicationContex = useApplicationContext(context => ({
+      projectKey: context.project?.key
+    })),
     projectKey = _useApplicationContex.projectKey;
-  const _useStorage = useStorage(_concatInstanceProperty(_context5 = "".concat(projectKey, "/")).call(_context5, OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION), {}),
+  const _useStorage = useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION}`, {}),
     _useStorage2 = _slicedToArray(_useStorage, 2);
     _useStorage2[0];
     const setCachedSelectedGroups = _useStorage2[1];
@@ -1061,19 +1036,18 @@ const ExportFieldsSelectionStep = () => {
     isPlural: true
   });
   React.useEffect(() => {
-    var _context8;
+    var _context3;
     formik.validateForm();
     const selectedFields = {};
     function getSelectedFields(field, groupName) {
-      var _context6;
-      const fieldName = field.name ? _concatInstanceProperty(_context6 = "".concat(groupName, ".")).call(_context6, field.name) : groupName;
+      const fieldName = field.name ? `${groupName}.${field.name}` : groupName;
       if (field.fields) {
-        var _context7;
-        return _forEachInstanceProperty(_context7 = field.fields).call(_context7, f => getSelectedFields(f, fieldName));
+        var _context2;
+        return _forEachInstanceProperty(_context2 = field.fields).call(_context2, f => getSelectedFields(f, fieldName));
       }
       selectedFields[fieldName] = field.isChecked;
     }
-    _forEachInstanceProperty(_context8 = _valuesInstanceProperty(formik).groups).call(_context8, group => getSelectedFields(group, group.groupLabel));
+    _forEachInstanceProperty(_context3 = _valuesInstanceProperty(formik).groups).call(_context3, group => getSelectedFields(group, group.groupLabel));
     setCachedSelectedGroups({
       [resourceType]: selectedFields
     });
@@ -1081,11 +1055,11 @@ const ExportFieldsSelectionStep = () => {
   }, [_valuesInstanceProperty(formik).groups]);
   // adds `isHidden` property to each field based on search term
   const filteredGroups = React.useMemo(() => {
-    var _fieldSearchTerm$trim, _context10;
+    var _context5;
     const updateFields = (fields, parentMatches) => {
       return _mapInstanceProperty(fields).call(fields, field => {
-        var _context9;
-        const matches = _includesInstanceProperty(_context9 = field.label.toLowerCase()).call(_context9, fieldSearchTerm.toLowerCase());
+        var _context4;
+        const matches = _includesInstanceProperty(_context4 = field.label.toLowerCase()).call(_context4, fieldSearchTerm.toLowerCase());
         let isHidden = !matches && !parentMatches;
         if (field.fields) {
           const updatedFields = updateFields(field.fields, matches);
@@ -1099,8 +1073,8 @@ const ExportFieldsSelectionStep = () => {
         });
       });
     };
-    if (!(fieldSearchTerm !== null && fieldSearchTerm !== void 0 && (_fieldSearchTerm$trim = _trimInstanceProperty(fieldSearchTerm).call(fieldSearchTerm)) !== null && _fieldSearchTerm$trim !== void 0 && _fieldSearchTerm$trim.length)) return _valuesInstanceProperty(formik).groups;
-    return _mapInstanceProperty(_context10 = _valuesInstanceProperty(formik).groups).call(_context10, group => {
+    if (!fieldSearchTerm?.trim()?.length) return _valuesInstanceProperty(formik).groups;
+    return _mapInstanceProperty(_context5 = _valuesInstanceProperty(formik).groups).call(_context5, group => {
       const updatedFields = updateFields(group.fields, false);
       const isHidden = _everyInstanceProperty(updatedFields).call(updatedFields, field => field.isHidden);
       return _objectSpread$2(_objectSpread$2({}, group), {}, {
@@ -1155,7 +1129,7 @@ const ExportFieldsSelectionStep = () => {
           insetScale: "none",
           children: jsx(Grid, {
             gridAutoFlow: "row",
-            gridTemplateColumns: "".concat(designTokens.constraint5, " auto"),
+            gridTemplateColumns: `${designTokens.constraint5} auto`,
             children: _mapInstanceProperty(filteredGroups).call(filteredGroups, (group, index) => jsx(FieldGroupSection, {
               group: group,
               index: index,
@@ -1177,14 +1151,13 @@ const ExportResourcesContext = /*#__PURE__*/createContext();
 function ownKeys$1(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const ExportResourcesProvider = props => {
-  var _props$selectedResour;
   const initialValues = useInitialValues(props);
   const _React$useState = React.useState(1),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     currentStep = _React$useState2[0],
     setCurrentStep = _React$useState2[1];
   const _React$useState3 = React.useState({
-      exportType: (_props$selectedResour = props.selectedResourceIds) !== null && _props$selectedResour !== void 0 && _props$selectedResour.length ? EXPORT_TYPES.SELECTED : EXPORT_TYPES.ALL,
+      exportType: props.selectedResourceIds?.length ? EXPORT_TYPES.SELECTED : EXPORT_TYPES.ALL,
       selectedResourceIds: props.selectedResourceIds
     }),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
@@ -1254,19 +1227,19 @@ const getChunkImport = locale => {
   const intlLocale = mapLocaleToIntlLocale(locale);
   switch (intlLocale) {
     case 'de':
-      return import( /* webpackChunkName: "export-resources-modal-i18n-de" */'./de-2053e30c.esm.js');
+      return import( /* webpackChunkName: "export-resources-modal-i18n-de" */'./de-39735288.esm.js');
     case 'es':
-      return import( /* webpackChunkName: "export-resources-modal-i18n-es" */'./es-6f6ac776.esm.js');
+      return import( /* webpackChunkName: "export-resources-modal-i18n-es" */'./es-9dd22c84.esm.js');
     case 'fr-FR':
-      return import( /* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-65460b2c.esm.js');
+      return import( /* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-2f22db42.esm.js');
     case 'zh-CN':
-      return import( /* webpackChunkName: "export-resources-modal-i18n-zh-CN" */'./zh-CN-db13f016.esm.js');
+      return import( /* webpackChunkName: "export-resources-modal-i18n-zh-CN" */'./zh-CN-35db5160.esm.js');
     case 'ja':
       return import( /* webpackChunkName: "export-resources-modal-i18n-ja" */'./ja-73c088a7.esm.js');
     case 'pt-BR':
-      return import( /* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-50312992.esm.js');
+      return import( /* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-62408d52.esm.js');
     default:
-      return import( /* webpackChunkName: "export-resources-modal-i18n-en" */'./en-1f28eeaa.esm.js');
+      return import( /* webpackChunkName: "export-resources-modal-i18n-en" */'./en-e9679129.esm.js');
   }
 };
 const loadMessages = async locale => {
@@ -1275,8 +1248,8 @@ const loadMessages = async locale => {
     return parseChunkImport(chunkImport);
   } catch (error) {
     // eslint-disable-next-line no-console
-    console.warn("Something went wrong while loading the export-resources-modal messages for ".concat(locale), error);
-    reportErrorToSentry(new Error("Something went wrong while loading the export-resources-modal messages for ".concat(locale)), {
+    console.warn(`Something went wrong while loading the export-resources-modal messages for ${locale}`, error);
+    reportErrorToSentry(new Error(`Something went wrong while loading the export-resources-modal messages for ${locale}`), {
       extra: error
     });
     return {};

package/dist/{de-2053e30c.esm.js → de-39735288.esm.js}

@@ -35,6 +35,18 @@ var de = {
 		developer_comment: "Success message",
 		string: "<b>Der Export hat begonnen.</b> <newline></newline><logsLink>Gehen Sie zu Exportprotokolle</logsLink>, um den Fortschritt zu überprüfen und die Datei herunterzuladen."
 	},
+	"ExportResourcesModal.exportScope": {
+		developer_comment: "Label for Export Scope",
+		string: "Scope"
+	},
+	"ExportResourcesModal.exportScopeAll": {
+		developer_comment: "Label for Export All",
+		string: "Export all: {total} categories"
+	},
+	"ExportResourcesModal.exportScopeSelected": {
+		developer_comment: "Label for Export Selected",
+		string: "Export selected{total, select, 0 {} other {: {total} categories}}"
+	},
 	"ExportResourcesModal.exportSelectedMessage": {
 		developer_comment: "resources are selected and will be exported",
 		string: "<b>{count}</b> {resourceType} werden ausgewählt und exportiert."
@@ -43,6 +55,10 @@ var de = {
 		developer_comment: "Export selection",
 		string: "Auswahl exportieren"
 	},
+	"ExportResourcesModal.exportSettings": {
+		developer_comment: "Label for Export Settings",
+		string: "Settings"
+	},
 	"ExportResourcesModal.fieldDefinitions": {
 		developer_comment: "Label for \"Field definitions\" link",
 		string: "Felddefinitionen"

package/dist/{de-061f704f.cjs.prod.js → de-d2b26aa9.cjs.dev.js}

@@ -37,6 +37,18 @@ var de = {
 		developer_comment: "Success message",
 		string: "<b>Der Export hat begonnen.</b> <newline></newline><logsLink>Gehen Sie zu Exportprotokolle</logsLink>, um den Fortschritt zu überprüfen und die Datei herunterzuladen."
 	},
+	"ExportResourcesModal.exportScope": {
+		developer_comment: "Label for Export Scope",
+		string: "Scope"
+	},
+	"ExportResourcesModal.exportScopeAll": {
+		developer_comment: "Label for Export All",
+		string: "Export all: {total} categories"
+	},
+	"ExportResourcesModal.exportScopeSelected": {
+		developer_comment: "Label for Export Selected",
+		string: "Export selected{total, select, 0 {} other {: {total} categories}}"
+	},
 	"ExportResourcesModal.exportSelectedMessage": {
 		developer_comment: "resources are selected and will be exported",
 		string: "<b>{count}</b> {resourceType} werden ausgewählt und exportiert."
@@ -45,6 +57,10 @@ var de = {
 		developer_comment: "Export selection",
 		string: "Auswahl exportieren"
 	},
+	"ExportResourcesModal.exportSettings": {
+		developer_comment: "Label for Export Settings",
+		string: "Settings"
+	},
 	"ExportResourcesModal.fieldDefinitions": {
 		developer_comment: "Label for \"Field definitions\" link",
 		string: "Felddefinitionen"