@commercetools-frontend-extensions/export-resources-modal 0.0.0-bw-test-preview-deploy-20250115163227

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

@@ -0,0 +1,2050 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
+var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+var _endsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/ends-with');
+var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var reactIntl = require('react-intl');
+var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
+var uiKit = require('@commercetools-frontend/ui-kit');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
+var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+var applicationComponents = require('@commercetools-frontend/application-components');
+var fullstory = require('@commercetools-frontend/fullstory');
+var React = require('react');
+var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
+var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
+var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
+var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
+var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
+var _wrapNativeSuper = require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
+var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
+var experimentalComponents = require('@commercetools-frontend/experimental-components');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+var omitEmpty = require('omit-empty-es');
+var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
+var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
+var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
+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');
+var l10n = require('@commercetools-frontend/l10n');
+var sortBy = require('lodash/sortBy');
+var _styled = require('@emotion/styled/base');
+var throttle = require('lodash/throttle');
+var react = require('@emotion/react');
+var get = require('lodash/get');
+var formik = require('formik');
+var i18n = require('@commercetools-frontend/i18n');
+var sentry = require('@commercetools-frontend/sentry');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
+var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsWithInstanceProperty);
+var _endsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_endsWithInstanceProperty);
+var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
+var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
+var React__default = /*#__PURE__*/_interopDefault(React);
+var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
+var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
+var omitEmpty__default = /*#__PURE__*/_interopDefault(omitEmpty);
+var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
+var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
+var _everyInstanceProperty__default = /*#__PURE__*/_interopDefault(_everyInstanceProperty);
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+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);
+var get__default = /*#__PURE__*/_interopDefault(get);
+
+function getBold(msg) {
+  return jsxRuntime.jsx(uiKit.Text.Body, {
+    as: "span",
+    isBold: true,
+    children: msg
+  });
+}
+
+function getNewLine() {
+  return jsxRuntime.jsx("br", {});
+}
+
+var messages = reactIntl.defineMessages({
+  'modalTitle.category': {
+    id: "ExportResourcesModal.modalTitle.category",
+    defaultMessage: "Export categories"
+  },
+  'modalTitle.product': {
+    id: "ExportResourcesModal.modalTitle.product",
+    defaultMessage: "Export products"
+  },
+  'modalTitle.inventory-entry': {
+    id: "ExportResourcesModal.modalTitle.inventoryEntry",
+    defaultMessage: "Export inventories"
+  },
+  'modalTitle.discount-code': {
+    id: "ExportResourcesModal.modalTitle.discountCode",
+    defaultMessage: "Export discount codes"
+  },
+  'modalTitle.customer': {
+    id: "ExportResourcesModal.modalTitle.customer",
+    defaultMessage: "Export customers"
+  },
+  'modalTitle.order': {
+    id: "ExportResourcesModal.modalTitle.order",
+    defaultMessage: "Export orders"
+  },
+  'modalTitle.product-type': {
+    id: "ExportResourcesModal.modalTitle.productType",
+    defaultMessage: "Export product types"
+  },
+  outputFormat: {
+    id: "ExportResourcesModal.outputFormat",
+    defaultMessage: "File format"
+  },
+  fileName: {
+    id: "ExportResourcesModal.fileName",
+    defaultMessage: "File name"
+  },
+  locale: {
+    id: "ExportResourcesModal.locale",
+    defaultMessage: "Locale"
+  },
+  exportBasedOnMyViewsMessage: {
+    id: "ExportResourcesModal.exportBasedOnMyViewsMessage",
+    defaultMessage: "Select export settings based on:"
+  },
+  propertiesPanelLabel: {
+    id: "ExportResourcesModal.propertiesPanelLabel",
+    defaultMessage: "Properties"
+  },
+  exportOperationSuccessMessage: {
+    id: "ExportResourcesModal.exportOperationSuccessMessage",
+    defaultMessage: "<b>Your export has started.</b> <newline></newline><logsLink>Go to Export logs</logsLink> to view the progress and download the file."
+  },
+  nothingApplied: {
+    id: "ExportResourcesModal.nothingApplied",
+    defaultMessage: "nothing applied"
+  },
+  includeAllLocales: {
+    id: "ExportResourcesModal.includeAllLocales",
+    defaultMessage: "Include all locales"
+  },
+  missingFileNameError: {
+    id: "ExportResourcesModal.missingFileNameError",
+    defaultMessage: "Please enter a file name"
+  },
+  invalidFileNameError: {
+    id: "ExportResourcesModal.invalidFileNameError",
+    defaultMessage: "File name may only contain alphanumeric characters, hyphens and underscores"
+  },
+  missingLocaleError: {
+    id: "ExportResourcesModal.missingLocaleError",
+    defaultMessage: "Please select at least one locale"
+  },
+  myViews: {
+    id: "ExportResourcesModal.myViews",
+    defaultMessage: "My Views"
+  },
+  selectFieldsToExport: {
+    id: "ExportResourcesModal.selectFieldsToExport",
+    defaultMessage: "Select fields to export"
+  },
+  back: {
+    id: "ExportResourcesModal.back",
+    defaultMessage: "Back"
+  },
+  startExport: {
+    id: "ExportResourcesModal.startExport",
+    defaultMessage: "Start export"
+  },
+  continue: {
+    id: "ExportResourcesModal.continue",
+    defaultMessage: "Continue"
+  },
+  fieldDefinitions: {
+    id: "ExportResourcesModal.fieldDefinitions",
+    defaultMessage: "Field definitions"
+  },
+  unexpectedError: {
+    id: "ExportResourcesModal.unexpectedError",
+    defaultMessage: "An error occurred while starting the export process. Please try again or contact support if the problem persists."
+  },
+  searchForFields: {
+    id: "ExportResourcesModal.searchForFields",
+    defaultMessage: "Search for fields"
+  },
+  thereAreNoResults: {
+    id: "ExportResourcesModal.thereAreNoResults",
+    defaultMessage: "There are no results that match your search."
+  },
+  suggestions: {
+    id: "ExportResourcesModal.suggestions",
+    defaultMessage: "Suggestions:"
+  },
+  checkTheSpelling: {
+    id: "ExportResourcesModal.checkTheSpelling",
+    defaultMessage: "Check the spelling."
+  },
+  searchByEnteringTheExactFieldName: {
+    id: "ExportResourcesModal.searchByEnteringTheExactFieldName",
+    defaultMessage: "Try searching by entering the exact field name."
+  },
+  exportScope: {
+    id: "ExportResourcesModal.exportScope",
+    defaultMessage: "Scope"
+  },
+  exportScopeAllCategories: {
+    id: "ExportResourcesModal.exportScopeAllCategories",
+    defaultMessage: "Export all: {total, plural, one {# category} other {# categories}}"
+  },
+  exportScopeSelectedCategories: {
+    id: "ExportResourcesModal.exportScopeSelectedCategories",
+    defaultMessage: "Export selected: {total, plural, one {# category} other {# categories}}"
+  },
+  exportScopeFilteredCategories: {
+    id: "ExportResourcesModal.exportScopeFilteredCategories",
+    defaultMessage: "Export filtered: {total, plural, one {# category} other {# categories}}"
+  },
+  exportScopeAllProducts: {
+    id: "ExportResourcesModal.exportScopeAllProducts",
+    defaultMessage: "Export all: {total, plural, one {# product} other {# products}}"
+  },
+  exportScopeSelectedProducts: {
+    id: "ExportResourcesModal.exportScopeSelectedProducts",
+    defaultMessage: "Export selected: {total, plural, one {# product} other {# products}}"
+  },
+  exportScopeFilteredProducts: {
+    id: "ExportResourcesModal.exportScopeFilteredProducts",
+    defaultMessage: "Export filtered: {total, plural, one {# product} other {# products}}"
+  },
+  exportScopeAllProductTypes: {
+    id: "ExportResourcesModal.exportScopeAllProductTypes",
+    defaultMessage: "Export all: {total, plural, one {# product type} other {# product types}}"
+  },
+  exportScopeSelectedProductTypes: {
+    id: "ExportResourcesModal.exportScopeSelectedProductTypes",
+    defaultMessage: "Export selected: {total, plural, one {# product type} other {# product types}}"
+  },
+  exportScopeFilteredProductTypes: {
+    id: "ExportResourcesModal.exportScopeFilteredProductTypes",
+    defaultMessage: "Export filtered: {total, plural, one {# product type} other {# product types}}"
+  },
+  exportInventoriesForAllProducts: {
+    id: "ExportResourcesModal.exportInventoriesForAllProducts",
+    defaultMessage: "Export inventories for all {total, plural, one {# product} other {# products}}"
+  },
+  exportInventoriesForSelectedProducts: {
+    id: "ExportResourcesModal.exportInventoriesForSelectedProducts",
+    defaultMessage: "Export inventories for the {total, plural, one {# selected product} other {# selected products}}"
+  },
+  exportInventoriesForFilteredProducts: {
+    id: "ExportResourcesModal.exportInventoriesForFilteredProducts",
+    defaultMessage: "Export inventories for the {total, plural, one {# filtered product} other {# filtered products}}"
+  },
+  exportScopeAllDiscountCodes: {
+    id: "ExportResourcesModal.exportScopeAllDiscountCodes",
+    defaultMessage: "Export all: {total, plural, one {# discount code} other {# discount codes}}"
+  },
+  exportScopeSelectedDiscountCodes: {
+    id: "ExportResourcesModal.exportScopeSelectedDiscountCodes",
+    defaultMessage: "Export selected: {total, plural, one {# discount code} other {# discount codes}}"
+  },
+  exportScopeFilteredDiscountCodes: {
+    id: "ExportResourcesModal.exportScopeFilteredDiscountCodes",
+    defaultMessage: "Export filtered: {total, plural, one {# discount code} other {# discount codes}}"
+  },
+  exportScopeAllOrders: {
+    id: "ExportResourcesModal.exportScopeAllOrders",
+    defaultMessage: "Export all: {total, plural, one {# order} other {# orders}}"
+  },
+  exportScopeSelectedOrders: {
+    id: "ExportResourcesModal.exportScopeSelectedOrders",
+    defaultMessage: "Export selected: {total, plural, one {# order} other {# orders}}"
+  },
+  exportScopeFilteredOrders: {
+    id: "ExportResourcesModal.exportScopeFilteredOrders",
+    defaultMessage: "Export filtered: {total, plural, one {# order} other {# orders}}"
+  },
+  exportScopeAllCustomers: {
+    id: "ExportResourcesModal.exportScopeAllCustomers",
+    defaultMessage: "Export all: {total, plural, one {# customer} other {# customers}}"
+  },
+  exportScopeSelectedCustomers: {
+    id: "ExportResourcesModal.exportScopeSelectedCustomers",
+    defaultMessage: "Export selected: {total, plural, one {# customer} other {# customers}}"
+  },
+  exportScopeFilteredCustomers: {
+    id: "ExportResourcesModal.exportScopeFilteredCustomers",
+    defaultMessage: "Export filtered: {total, plural, one {# customer} other {# customers}}"
+  },
+  exportScopeSelectedWithoutCount: {
+    id: "ExportResourcesModal.exportScopeSelectedWithoutCount",
+    defaultMessage: "Export selected"
+  },
+  exportScopeFilteredWithoutCount: {
+    id: "ExportResourcesModal.exportScopeFilteredWithoutCount",
+    defaultMessage: "Export filtered"
+  },
+  exportSettings: {
+    id: "ExportResourcesModal.exportSettings",
+    defaultMessage: "Settings"
+  },
+  selected: {
+    id: "ExportResourcesModal.selected",
+    defaultMessage: "{total} selected"
+  },
+  // Preferences
+  exportPreferences: {
+    id: "ExportResourcesModal.exportPreferences",
+    defaultMessage: "Preferences"
+  },
+  fillRowsForOrderExport: {
+    id: "ExportResourcesModal.fillRowsForOrderExport",
+    defaultMessage: "Include Order number, id, and states in every row"
+  },
+  fillRowsForProductExport: {
+    id: "ExportResourcesModal.fillRowsForProductExport",
+    defaultMessage: "Include Product- and Variant-level information in every row"
+  }
+});
+
+function ownKeys$8(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$8(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$8(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function renderFileNameError(key) {
+  switch (key) {
+    case 'missing':
+      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages.missingFileNameError));
+    case 'invalidInput':
+      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages.invalidFileNameError));
+    default:
+      return null;
+  }
+}
+function renderLocaleError(key) {
+  switch (key) {
+    case 'missing':
+      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages.missingLocaleError));
+    default:
+      return null;
+  }
+}
+
+function _callSuper$3(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$3() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct$3() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$3 = function () { return !!t; })(); }
+let MissingExportResourceProviderError = /*#__PURE__*/function (_Error) {
+  function MissingExportResourceProviderError() {
+    var _this;
+    _classCallCheck(this, MissingExportResourceProviderError);
+    _this = _callSuper$3(this, MissingExportResourceProviderError, ['useExportResourcesModalContext must be used within ExportResourcesProvider']);
+    _this.name = 'MissingExportResourceProviderError';
+    return _this;
+  }
+  _inherits(MissingExportResourceProviderError, _Error);
+  return _createClass(MissingExportResourceProviderError);
+}(/*#__PURE__*/_wrapNativeSuper(Error));
+
+function _callSuper$2(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$2() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function () { return !!t; })(); }
+let UnexpectedExportOperationStateError = /*#__PURE__*/function (_Error) {
+  function UnexpectedExportOperationStateError(state) {
+    var _this;
+    _classCallCheck(this, UnexpectedExportOperationStateError);
+    _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 _callSuper$1(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$1() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function () { return !!t; })(); }
+let UnexpectedResourceTypeError = /*#__PURE__*/function (_Error) {
+  function UnexpectedResourceTypeError(resourceType) {
+    var _this;
+    _classCallCheck(this, UnexpectedResourceTypeError);
+    _this = _callSuper$1(this, UnexpectedResourceTypeError, [`Unexpected resource type "${resourceType}"`]);
+    _this.name = 'UnexpectedResourceTypeError';
+    return _this;
+  }
+  _inherits(UnexpectedResourceTypeError, _Error);
+  return _createClass(UnexpectedResourceTypeError);
+}(/*#__PURE__*/_wrapNativeSuper(Error));
+
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
+let InvalidResponseError = /*#__PURE__*/function (_Error) {
+  function InvalidResponseError() {
+    var _this;
+    _classCallCheck(this, InvalidResponseError);
+    _this = _callSuper(this, InvalidResponseError, ['Invalid response']);
+    _this.name = 'InvalidResponseError';
+    return _this;
+  }
+  _inherits(InvalidResponseError, _Error);
+  return _createClass(InvalidResponseError);
+}(/*#__PURE__*/_wrapNativeSuper(Error));
+
+function useExportResourcesModalContext() {
+  const context = React.useContext(ExportResourcesContext);
+  if (!context) {
+    throw new MissingExportResourceProviderError();
+  }
+  return context;
+}
+
+const Z_INDEX_DROPDOWN = 30000;
+const OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION = 'OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION';
+const OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP = 'OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP';
+
+const EXPORT_OPERATION_STATES = {
+  PROCESSING: 'processing',
+  COMPLETED: 'completed',
+  FAILED: 'failed',
+  QUEUED: 'queued'
+};
+
+const EXPORT_TYPES = {
+  ALL: 'all',
+  FILTERED: 'filtered',
+  SELECTED: 'selected'
+};
+
+const EXPORTABLE_RESOURCES = {
+  CATEGORY: 'category',
+  PRODUCT: 'product',
+  PRODUCT_TYPE: 'product-type',
+  DISCOUNT_CODE: 'discount-code',
+  INVENTORY_ENTRY: 'inventory-entry',
+  ORDER: 'order',
+  CUSTOMER: 'customer'
+};
+
+const OUTPUT_FORMATS = {
+  JSON: 'json',
+  CSV: 'csv'
+};
+const OUTPUT_FORMAT_OPTIONS = [{
+  value: OUTPUT_FORMATS.CSV,
+  label: 'CSV'
+}, {
+  value: OUTPUT_FORMATS.JSON,
+  label: 'JSON'
+}];
+
+const resourceTypeMessages = {
+  [EXPORTABLE_RESOURCES.CATEGORY]: {
+    exportScopeAll: messages.exportScopeAllCategories,
+    exportScopeSelected: messages.exportScopeSelectedCategories,
+    exportScopeFiltered: messages.exportScopeFilteredCategories
+  },
+  [EXPORTABLE_RESOURCES.PRODUCT]: {
+    exportScopeAll: messages.exportScopeAllProducts,
+    exportScopeSelected: messages.exportScopeSelectedProducts,
+    exportScopeFiltered: messages.exportScopeFilteredProducts
+  },
+  [EXPORTABLE_RESOURCES.PRODUCT_TYPE]: {
+    exportScopeAll: messages.exportScopeAllProductTypes,
+    exportScopeSelected: messages.exportScopeSelectedProductTypes,
+    exportScopeFiltered: messages.exportScopeFilteredProductTypes
+  },
+  [EXPORTABLE_RESOURCES.INVENTORY_ENTRY]: {
+    exportScopeAll: messages.exportInventoriesForAllProducts,
+    exportScopeSelected: messages.exportInventoriesForSelectedProducts,
+    exportScopeFiltered: messages.exportInventoriesForFilteredProducts
+  },
+  [EXPORTABLE_RESOURCES.DISCOUNT_CODE]: {
+    exportScopeAll: messages.exportScopeAllDiscountCodes,
+    exportScopeSelected: messages.exportScopeSelectedDiscountCodes,
+    exportScopeFiltered: messages.exportScopeFilteredDiscountCodes
+  },
+  [EXPORTABLE_RESOURCES.ORDER]: {
+    exportScopeAll: messages.exportScopeAllOrders,
+    exportScopeSelected: messages.exportScopeSelectedOrders,
+    exportScopeFiltered: messages.exportScopeFilteredOrders
+  },
+  [EXPORTABLE_RESOURCES.CUSTOMER]: {
+    exportScopeAll: messages.exportScopeAllCustomers,
+    exportScopeSelected: messages.exportScopeSelectedCustomers,
+    exportScopeFiltered: messages.exportScopeFilteredCustomers
+  }
+};
+
+const isAnyFieldChecked = fields => {
+  return _someInstanceProperty__default["default"](fields).call(fields, field => field.isChecked || field.fields && isAnyFieldChecked(field.fields));
+};
+const hasDependentFields = field => {
+  var _context;
+  return Boolean(field?.dependentGroupNames && field.dependentGroupNames.length > 0 || field?.dependentFieldNames && field.dependentFieldNames.length > 0 || field?.fields && _someInstanceProperty__default["default"](_context = field.fields).call(_context, nestedField => hasDependentFields(nestedField)));
+};
+const isFieldOrNestedFieldChecked = (field, fieldName) => {
+  if (field.name === fieldName && field.isChecked) {
+    return true;
+  }
+  if (field.fields) {
+    var _context2;
+    return _someInstanceProperty__default["default"](_context2 = field.fields).call(_context2, nestedField => {
+      return nestedField.isChecked || isFieldOrNestedFieldChecked(nestedField, fieldName);
+    });
+  }
+  return false;
+};
+const getIndependentFields = group => {
+  const independentFields = [];
+  const findIndependentFields = fields => {
+    _forEachInstanceProperty__default["default"](fields).call(fields, field => {
+      if (!field.dependentGroupNames?.length && !field.dependentFieldNames?.length) {
+        independentFields.push(field);
+      }
+      if (field.fields) {
+        findIndependentFields(field.fields);
+      }
+    });
+  };
+  findIndependentFields(group.fields);
+  return independentFields;
+};
+const checkDependentFields = (independentFields, dependentFieldNames) => {
+  return _someInstanceProperty__default["default"](dependentFieldNames).call(dependentFieldNames, fieldName => _someInstanceProperty__default["default"](independentFields).call(independentFields, field => {
+    if (field.name === fieldName) {
+      if (field.fields) {
+        var _context3;
+        return _someInstanceProperty__default["default"](_context3 = field.fields).call(_context3, nestedField => isFieldOrNestedFieldChecked(nestedField, fieldName));
+      }
+      if (isFieldOrNestedFieldChecked(field, fieldName)) {
+        return true;
+      }
+    }
+    return false;
+  }));
+};
+
+/**
+ * Checks if any dependent fields are checked within the field groups
+ *
+ * This function iterates over the provided dependent group names and checks if any fields within those groups
+ * are checked. It considers both independent fields and their nested fields within
+ * the specified dependent field names
+ *
+ * @param groups - The array of field groups
+ * @param dependentGroupNames - The names of the groups to check for dependencies
+ * @param dependentFieldNames - The names of the fields to check within the groups
+ * @returns True if any dependent fields are checked otherwise false
+ */
+const isAnyDependentChecked = function (groups) {
+  let dependentGroupNames = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  let dependentFieldNames = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  return _someInstanceProperty__default["default"](dependentGroupNames).call(dependentGroupNames, groupName => {
+    const group = _findInstanceProperty__default["default"](groups).call(groups, g => g.groupName === groupName);
+    if (group) {
+      const independentFields = getIndependentFields(group);
+      const isADependentFieldChecked = isAnyFieldChecked(independentFields);
+      const isFieldDependentChecked = checkDependentFields(independentFields, dependentFieldNames);
+      if (dependentFieldNames.length > 0) {
+        return isADependentFieldChecked && isFieldDependentChecked;
+      }
+      return isADependentFieldChecked || isFieldDependentChecked;
+    }
+    return false;
+  });
+};
+const areAllFieldsChecked = fields => {
+  return _everyInstanceProperty__default["default"](fields).call(fields, field => field.fields ? areAllFieldsChecked(field.fields) : field.isChecked || field.isRequired || hasDependentFields(field));
+};
+const getTotalCheckedFields = group => {
+  const countCheckedFields = fields => {
+    return _reduceInstanceProperty__default["default"](fields).call(fields, (total, field) => {
+      if (field.fields) {
+        return total + countCheckedFields(field.fields);
+      }
+      return total + (field.isChecked ? 1 : 0);
+    }, 0);
+  };
+  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;
+  const fileName = values.fileName,
+    locales = values.locales,
+    groups = values.groups;
+  const errors = {
+    fileName: {},
+    locales: {},
+    fields: {}
+  };
+  if (uiKit.TextInput.isEmpty(fileName)) {
+    errors.fileName.missing = true;
+  } else if (!/^[a-zA-Z0-9-_.]+$/.test(fileName)) {
+    errors.fileName.invalidInput = true;
+  }
+  if (locales.length < 1) {
+    errors.locales.missing = true;
+  }
+  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);
+      return field.isChecked;
+    }).length;
+    if (checkedFieldsCount < 1) {
+      errors.fields.missing = true;
+    }
+  }
+  return omitEmpty__default["default"](errors);
+}
+
+function resourceTypeToFileName(resourceType, locale) {
+  var _context;
+  const date = new Date();
+  const dateFormatter = new Intl.DateTimeFormat(locale, {
+    year: '2-digit',
+    month: '2-digit',
+    day: '2-digit',
+    hour: '2-digit',
+    minute: '2-digit',
+    hour12: false
+  });
+  const parts = dateFormatter.formatToParts(date);
+  const dateParts = _reduceInstanceProperty__default["default"](parts).call(parts, (acc, part) => {
+    if (part.type !== 'literal') {
+      acc[part.type] = part.value;
+    }
+    return acc;
+  }, {});
+  const orderedDateParts = _mapInstanceProperty__default["default"](_context = _filterInstanceProperty__default["default"](parts).call(parts, part => part.type === 'day' || part.type === 'month' || part.type === 'year')).call(_context, part => dateParts[part.type]).join('-');
+  const formattedDate = `${orderedDateParts}_${dateParts.hour}-${dateParts.minute}`;
+  const resourceTypeMap = {
+    [EXPORTABLE_RESOURCES.CATEGORY]: 'Categories',
+    [EXPORTABLE_RESOURCES.PRODUCT]: 'Products',
+    [EXPORTABLE_RESOURCES.PRODUCT_TYPE]: 'Product_Types',
+    [EXPORTABLE_RESOURCES.DISCOUNT_CODE]: 'Discount_Codes',
+    [EXPORTABLE_RESOURCES.INVENTORY_ENTRY]: 'Inventories',
+    [EXPORTABLE_RESOURCES.CUSTOMER]: 'Customers',
+    [EXPORTABLE_RESOURCES.ORDER]: 'Orders'
+  };
+  const displayName = resourceTypeMap[resourceType];
+  if (!displayName) {
+    throw new UnexpectedResourceTypeError(resourceType);
+  }
+  return `${displayName}_Export_${formattedDate}`;
+}
+function mapLocalesToOptions(locales) {
+  return _mapInstanceProperty__default["default"](locales).call(locales, locale => ({
+    value: locale,
+    label: locale
+  }));
+}
+function isFilledArray(maybeArray) {
+  return _Array$isArray__default["default"](maybeArray) && maybeArray.length > 0;
+}
+function appendCsvOrJsonExtensionIfAbsent(fileName, fileFormat) {
+  const extensionRegex = /\.(csv|json)$/i;
+  if (!extensionRegex.test(fileName)) return `${fileName}.${fileFormat}`;
+  return fileName;
+}
+function getExportLogsLink(projectKey, msg) {
+  return jsxRuntime.jsx(uiKit.Link, {
+    to: `/${projectKey}/operations/export/logs`,
+    children: msg
+  });
+}
+const extractFieldNamesAndAdditionalFieldExtensions = fields => {
+  const result = _reduceInstanceProperty__default["default"](fields).call(fields, (acc, field) => {
+    if (field.extendedFieldNames) {
+      return [...acc, field.name, ...field.extendedFieldNames];
+    }
+    return [...acc, field.name];
+  }, []);
+  return [...new _Set__default["default"](result)];
+};
+function sortFieldsByFieldOrder(_ref) {
+  let fieldNames = _ref.fieldNames,
+    fieldOrder = _ref.fieldOrder;
+  if (isFilledArray(fieldOrder)) {
+    return _sortInstanceProperty__default["default"](fieldNames).call(fieldNames, (a, b) => {
+      let orderA = _indexOfInstanceProperty__default["default"](fieldOrder).call(fieldOrder, a) !== -1 ? _indexOfInstanceProperty__default["default"](fieldOrder).call(fieldOrder, a) : _indexOfInstanceProperty__default["default"](fieldOrder).call(fieldOrder, a.split('.')[0]);
+      let orderB = _indexOfInstanceProperty__default["default"](fieldOrder).call(fieldOrder, b) !== -1 ? _indexOfInstanceProperty__default["default"](fieldOrder).call(fieldOrder, b) : _indexOfInstanceProperty__default["default"](fieldOrder).call(fieldOrder, b.split('.')[0]);
+
+      // If a field is not 'custom',then consider it as '*'
+      orderA = orderA === -1 ? _indexOfInstanceProperty__default["default"](fieldOrder).call(fieldOrder, '*') : orderA;
+      orderB = orderB === -1 ? _indexOfInstanceProperty__default["default"](fieldOrder).call(fieldOrder, '*') : orderB;
+      return orderA - orderB;
+    });
+  }
+  return fieldNames;
+}
+function buildSelectedExportFilters(selectedResourceIds) {
+  if (!selectedResourceIds || selectedResourceIds?.length === 0) return undefined;
+  const formattedIds = _mapInstanceProperty__default["default"](selectedResourceIds).call(selectedResourceIds, id => `"${id}"`).join(', ');
+  return `id in (${formattedIds})`;
+}
+function isQueryFilter(filters) {
+  if (!filters) return false;
+  return 'query' in filters;
+}
+function isSearchFilter(filters) {
+  if (!filters) return false;
+  return 'filters' in filters || 'fullText' in filters;
+}
+function isPredicateFilter(filters) {
+  if (!filters) return false;
+  return 'where' in filters;
+}
+function validateFilters(filtersObject) {
+  if (filtersObject.where && filtersObject.filters) {
+    return false;
+  }
+  return Boolean(isQueryFilter(filtersObject.filters) || isSearchFilter(filtersObject.filters) || isPredicateFilter(filtersObject));
+}
+function areFiltersApplied(filtersObject) {
+  var _context2;
+  if (!filtersObject) {
+    return false;
+  }
+  if (filtersObject.where && _trimInstanceProperty__default["default"](_context2 = filtersObject.where).call(_context2) !== '') {
+    return true;
+  }
+  if (isQueryFilter(filtersObject.filters)) {
+    return Boolean(filtersObject.filters.query);
+  }
+  if (isSearchFilter(filtersObject.filters)) {
+    const _filters = filtersObject.filters;
+    return Boolean(_filters.filters?.length || _filters.fullText?.text?.trim());
+  }
+  return false;
+}
+function getInitialExportType(args) {
+  if (args.selectedResourceIds?.length) {
+    return EXPORT_TYPES.SELECTED;
+  }
+  if (args.filters?.total && areFiltersApplied(args.filters)) {
+    return EXPORT_TYPES.FILTERED;
+  }
+  return EXPORT_TYPES.ALL;
+}
+function removeEmptyGroups(groups) {
+  return _filterInstanceProperty__default["default"](groups).call(groups, group => group.fields && group.fields.length > 0);
+}
+
+function ownKeys$7(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$7(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$7(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const updateFieldGroupsWithIsCheckedValue = (groups, cachedSelectedGroups) => {
+  const updateFields = (fields, isParentChecked, parentFieldPath) => {
+    return _mapInstanceProperty__default["default"](fields).call(fields, field => {
+      let isChecked = false;
+      if (field.isRequired) {
+        isChecked = true;
+      } else {
+        if (cachedSelectedGroups[`${parentFieldPath}.${field.name}`] !== undefined) {
+          isChecked = cachedSelectedGroups[`${parentFieldPath}.${field.name}`];
+        } else if (!hasDependentFields(field) && field.isSelectedByDefault) {
+          isChecked = true;
+        } else if (isParentChecked) {
+          isChecked = true;
+        }
+      }
+      let updatedFields = field.fields;
+      if (field.fields) {
+        updatedFields = updateFields(field.fields, isChecked, `${parentFieldPath}.${field.name}`);
+        isChecked = false;
+      }
+      return _objectSpread$7(_objectSpread$7({}, field), {}, {
+        isChecked,
+        fields: updatedFields
+      });
+    });
+  };
+  return _mapInstanceProperty__default["default"](groups).call(groups, group => {
+    const updatedFields = updateFields(group.fields, false, group.groupName);
+    return _objectSpread$7(_objectSpread$7({}, group), {}, {
+      fields: updatedFields
+    });
+  });
+};
+const updateFieldGroupWithAdditionalFieldExtensions = groups => {
+  function updateAdditionalFieldExtensions(fields, extendedFieldNames) {
+    return _mapInstanceProperty__default["default"](fields).call(fields, field => {
+      const updatedAdditionalFieldExtensions = [...extendedFieldNames, ...(field.extendedFieldNames || [])];
+      if (field.fields) {
+        field.fields = updateAdditionalFieldExtensions(field.fields, updatedAdditionalFieldExtensions);
+      }
+      return _objectSpread$7(_objectSpread$7({}, field), {}, {
+        extendedFieldNames: updatedAdditionalFieldExtensions
+      });
+    });
+  }
+  function combineDependentGroupNames(fields) {
+    return _reduceInstanceProperty__default["default"](fields).call(fields, (acc, field) => {
+      if (field.dependentGroupNames) {
+        acc = [...acc, ...field.dependentGroupNames];
+      }
+      if (field.fields) {
+        acc = [...acc, ...combineDependentGroupNames(field.fields)];
+      }
+      return acc;
+    }, []);
+  }
+  return _mapInstanceProperty__default["default"](groups).call(groups, group => {
+    return _objectSpread$7(_objectSpread$7({}, group), {}, {
+      dependentGroupNames: combineDependentGroupNames(group.fields),
+      fields: updateAdditionalFieldExtensions(group.fields, [])
+    });
+  });
+};
+const updateFieldGroupsWithIsExpandedValue = (groups, cachedExpandedGroups) => {
+  function updateFields(fields, groupName) {
+    return _mapInstanceProperty__default["default"](fields).call(fields, field => {
+      let isExpanded = null;
+      if (field.isExpandable) {
+        isExpanded = cachedExpandedGroups[`${groupName}.${field.name}`] ?? field.isExpanded ?? false;
+      }
+      if (field.fields) {
+        field.fields = updateFields(field.fields, groupName);
+      }
+      if (isExpanded !== null) {
+        return _objectSpread$7(_objectSpread$7({}, field), {}, {
+          isExpanded
+        });
+      }
+      return field;
+    });
+  }
+  return _mapInstanceProperty__default["default"](groups).call(groups, group => {
+    const updatedFields = updateFields(group.fields, group.groupName);
+    return _objectSpread$7(_objectSpread$7({}, group), {}, {
+      isExpanded: cachedExpandedGroups[group.groupName] ?? group.isExpanded ?? false,
+      fields: updatedFields
+    });
+  });
+};
+const mapFormikErrors = error => {
+  if (typeof error === 'string') {
+    return {
+      [error]: true
+    };
+  }
+  if (_Array$isArray__default["default"](error)) {
+    return _reduceInstanceProperty__default["default"](error).call(error, (errorAggregator, currentError) => _objectSpread$7(_objectSpread$7({}, errorAggregator), {}, {
+      [currentError]: true
+    }), {});
+  }
+  if (!error) return {};
+  return error;
+};
+const updateFieldDependenciesStatus = formik => {
+  var _context;
+  const updateFields = (fields, path) => {
+    _forEachInstanceProperty__default["default"](fields).call(fields, (field, index) => {
+      const currentPath = `${path}.fields[${index}]`;
+      if (hasDependentFields(field)) {
+        formik.setFieldValue(`${currentPath}.isChecked`, isAnyDependentChecked(_valuesInstanceProperty__default["default"](formik).groups, field.dependentGroupNames, field.dependentFieldNames), false);
+      }
+      if (field.fields) {
+        updateFields(field.fields, currentPath);
+      }
+    });
+  };
+  _forEachInstanceProperty__default["default"](_context = _valuesInstanceProperty__default["default"](formik).groups).call(_context, (group, index) => {
+    updateFields(group.fields, `groups[${index}]`);
+  });
+};
+
+const useInitialValues = props => {
+  var _context;
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
+      locale: applicationContext.dataLocale,
+      userLocale: applicationContext.user?.locale
+    })),
+    locale = _useApplicationContex.locale,
+    userLocale = _useApplicationContex.userLocale;
+  const _useApplicationContex2 = applicationShellConnectors.useApplicationContext(context => ({
+      projectKey: context.project?.key
+    })),
+    projectKey = _useApplicationContex2.projectKey;
+  const _useStorage = experimentalComponents.useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION}`, {}),
+    _useStorage2 = _slicedToArray(_useStorage, 1),
+    cachedSelectedGroups = _useStorage2[0];
+  const _useStorage3 = experimentalComponents.useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP}`, {
+      [props.resourceType]: _reduceInstanceProperty__default["default"](_context = props.fieldGroups).call(_context, (acc, group) => {
+        acc[group.groupName] = group.isExpanded;
+        return acc;
+      }, {})
+    }),
+    _useStorage4 = _slicedToArray(_useStorage3, 1),
+    cachedExpandedGroups = _useStorage4[0];
+  return React__default["default"].useMemo(() => {
+    let groups = removeEmptyGroups(props.fieldGroups);
+    groups = updateFieldGroupsWithIsCheckedValue(groups, cachedSelectedGroups[props.resourceType] || {});
+    groups = updateFieldGroupsWithIsExpandedValue(groups, cachedExpandedGroups[props.resourceType] || {});
+    return {
+      outputFormat: props.outputFormat,
+      fileName: `${resourceTypeToFileName(props.resourceType, userLocale)}`,
+      locales: [locale],
+      groups: updateFieldGroupWithAdditionalFieldExtensions(groups),
+      // Preferences
+      fillRows: false
+    };
+  }, [props.fieldGroups, props.resourceType, props.outputFormat, cachedSelectedGroups, cachedExpandedGroups, locale, userLocale]);
+};
+
+async function createExportOperation(_ref, asyncDispatchFn) {
+  let projectKey = _ref.projectKey,
+    resourceType = _ref.resourceType,
+    fileName = _ref.fileName,
+    fileFormat = _ref.fileFormat,
+    fields = _ref.fields,
+    locales = _ref.locales,
+    filters = _ref.filters,
+    where = _ref.where,
+    fillRows = _ref.fillRows;
+  const uri = `/${projectKey}/export-operations`;
+  const response = await asyncDispatchFn(sdk.actions.post({
+    mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.EXPORT,
+    uri: uri,
+    headers: {
+      accept: 'application/json'
+    },
+    payload: {
+      resourceType,
+      fileName,
+      fileFormat,
+      fields,
+      locales,
+      fillRows,
+      // Query predicate
+      where,
+      // Search API filters or Category API filters
+      filters
+    }
+  }));
+  if (!response || typeof response !== 'object' || !('state' in response)) {
+    throw new InvalidResponseError();
+  }
+  return response;
+}
+
+const useStartExportOperation = props => {
+  const intl = reactIntl.useIntl();
+  const asyncDispatch = sdk.useAsyncDispatch();
+  const showNotification = actionsGlobal.useShowNotification();
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
+      locale: applicationContext.dataLocale,
+      projectKey: applicationContext.project?.key
+    })),
+    projectKey = _useApplicationContex.projectKey;
+  const extractFieldNamesFromGroups = groups => {
+    let checkedFields = [];
+    const getCheckedFields = fields => {
+      return _filterInstanceProperty__default["default"](fields).call(fields, field => {
+        if (field.fields) {
+          return getCheckedFields(field.fields);
+        }
+        if (field.isChecked) checkedFields.push(field);
+        return field.isChecked ?? false;
+      });
+    };
+    _forEachInstanceProperty__default["default"](groups).call(groups, group => {
+      getCheckedFields(group.fields);
+    });
+    return sortFieldsByFieldOrder({
+      fieldNames: extractFieldNamesAndAdditionalFieldExtensions(checkedFields),
+      fieldOrder: props.fieldOrder
+    });
+  };
+  const startExportOperation = async (values, exportType) => {
+    try {
+      if (!projectKey) throw new Error('Project key is missing');
+      const fields = extractFieldNamesFromGroups(values.groups);
+      let where = undefined;
+      let filters = undefined;
+      if (exportType === EXPORT_TYPES.SELECTED && props.selectedResourceIds?.length) {
+        where = buildSelectedExportFilters(props.selectedResourceIds);
+      } else if (exportType === EXPORT_TYPES.FILTERED && props.filters) {
+        where = props.filters.where;
+        if (isQueryFilter(props.filters.filters)) {
+          filters = props.filters.filters;
+        } else if (isSearchFilter(props.filters.filters)) {
+          filters = props.filters.filters;
+        }
+      }
+      const response = await createExportOperation({
+        projectKey,
+        resourceType: props.resourceType,
+        fileName: appendCsvOrJsonExtensionIfAbsent(values.fileName, values.outputFormat),
+        fileFormat: values.outputFormat,
+        locales: values.locales,
+        fillRows: values.fillRows,
+        fields,
+        where,
+        filters
+      }, asyncDispatch);
+      switch (response.state) {
+        case EXPORT_OPERATION_STATES.QUEUED:
+        case EXPORT_OPERATION_STATES.PROCESSING:
+        case EXPORT_OPERATION_STATES.COMPLETED:
+          showNotification({
+            kind: 'info',
+            domain: constants.DOMAINS.SIDE,
+            // @ts-ignore
+            text: intl.formatMessage(messages.exportOperationSuccessMessage, {
+              newline: getNewLine,
+              logsLink: msg => getExportLogsLink(projectKey, msg),
+              b: getBold
+            })
+          }, {
+            dismissAfter: 5000
+          });
+          if (typeof props.onExportSuccess === 'function') props.onExportSuccess();
+          break;
+        default:
+          throw new UnexpectedExportOperationStateError(response.state);
+      }
+    } catch (error) {
+      // TODO: custom error messages for each error type
+      showNotification({
+        text: intl.formatMessage(messages.unexpectedError),
+        kind: 'error',
+        domain: constants.DOMAINS.PAGE
+      });
+    } finally {
+      if (typeof props.onClose === 'function') props.onClose();
+    }
+  };
+  return {
+    startExportOperation
+  };
+};
+
+const _excluded$2 = ["fields"];
+function ownKeys$6(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$6(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const getFieldFullName = _ref => {
+  var _context;
+  let fieldPrefix = _ref.fieldPrefix,
+    fieldName = _ref.fieldName;
+  return _filterInstanceProperty__default["default"](_context = [fieldPrefix, fieldName]).call(_context, Boolean).join('.');
+};
+const localizeTypeDefinitionLabels = function () {
+  let fieldDefinitions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return _mapInstanceProperty__default["default"](fieldDefinitions).call(fieldDefinitions, _ref2 => {
+    let fields = _ref2.fields,
+      fieldsType = _objectWithoutProperties(_ref2, _excluded$2);
+    const isFieldTypeLabelLocalized = _Array$isArray__default["default"](fieldsType.label);
+    return {
+      name: fieldsType.name,
+      label: isFieldTypeLabelLocalized ? l10n.applyTransformedLocalizedFields(fieldsType, [{
+        from: 'label',
+        to: 'label'
+      }]).label : fieldsType.label,
+      fields: fields?.map(field => {
+        const isFieldLabelLocalized = _Array$isArray__default["default"](field.label);
+        if (!isFieldLabelLocalized) {
+          return field;
+        }
+        return _objectSpread$6({}, l10n.applyTransformedLocalizedFields(field, [{
+          from: 'label',
+          to: 'label'
+        }]));
+      }) || []
+    };
+  });
+};
+const useConvertFieldDefinitionsForExport = () => {
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
+      language: applicationContext.dataLocale,
+      languages: applicationContext.project?.languages
+    })),
+    language = _useApplicationContex.language,
+    languages = _useApplicationContex.languages;
+  const sortByField = (fields, fieldName) => {
+    if (!fields) return [];
+    if (fieldName) {
+      return sortBy__default["default"](fields, field => {
+        return field[fieldName]?.toLowerCase();
+      });
+    }
+    return fields;
+  };
+  const convertFieldDefinitionsForExport = _ref3 => {
+    let fieldDefinitions = _ref3.fieldDefinitions,
+      fieldPrefix = _ref3.fieldPrefix,
+      _ref3$expandAll = _ref3.expandAll,
+      expandAll = _ref3$expandAll === void 0 ? false : _ref3$expandAll,
+      sortField = _ref3.sortField;
+    if (!fieldDefinitions) return [];
+    const localizedTypeDefinitions = localizeTypeDefinitionLabels(fieldDefinitions);
+    const results = _mapInstanceProperty__default["default"](localizedTypeDefinitions).call(localizedTypeDefinitions, transformedType => {
+      const isTypeLabelLocalized = typeof transformedType.label !== 'string';
+      return {
+        isExpandable: true,
+        isExpanded: expandAll,
+        name: transformedType.name,
+        label: isTypeLabelLocalized ? l10n.formatLocalizedString({
+          label: transformedType.label
+        }, {
+          key: 'label',
+          locale: language,
+          fallbackOrder: languages,
+          fallback: transformedType.name
+        }) : transformedType.label,
+        fields: sortByField(transformedType.fields?.map(fieldDefinition => {
+          const isFieldLabelLocalized = typeof fieldDefinition.label !== 'string';
+          return {
+            name: getFieldFullName({
+              fieldPrefix: fieldPrefix,
+              fieldName: fieldDefinition.name
+            }),
+            label: isFieldLabelLocalized ? l10n.formatLocalizedString({
+              label: fieldDefinition.label
+            }, {
+              key: 'label',
+              locale: language,
+              fallbackOrder: languages,
+              fallback: fieldDefinition.name
+            }) : fieldDefinition.label,
+            extendedFieldNames: fieldDefinition.extendedFieldNames
+          };
+        }), sortField)
+      };
+    });
+    return sortByField(results, sortField);
+  };
+  return {
+    convertFieldDefinitionsForExport
+  };
+};
+
+function ownKeys$5(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const OrderPreferences = () => {
+  const _useExportResourcesMo = useExportResourcesModalContext(),
+    formik = _useExportResourcesMo.formik;
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: jsxRuntime.jsx(uiKit.CheckboxInput, {
+      isChecked: _valuesInstanceProperty__default["default"](formik).fillRows,
+      onChange: e => {
+        formik.setFieldValue('fillRows', e.target.checked);
+      },
+      children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$5({}, messages.fillRowsForOrderExport))
+    })
+  });
+};
+const ProductPreferences = () => {
+  const _useExportResourcesMo2 = useExportResourcesModalContext(),
+    formik = _useExportResourcesMo2.formik;
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: jsxRuntime.jsx(uiKit.CheckboxInput, {
+      isChecked: _valuesInstanceProperty__default["default"](formik).fillRows,
+      onChange: e => {
+        formik.setFieldValue('fillRows', e.target.checked);
+      },
+      children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$5({}, messages.fillRowsForProductExport))
+    })
+  });
+};
+const ExportPreferenceSection = () => {
+  const _useExportResourcesMo3 = useExportResourcesModalContext(),
+    resourceType = _useExportResourcesMo3.resourceType;
+  if (resourceType === 'order') {
+    return jsxRuntime.jsx(OrderPreferences, {});
+  }
+  if (resourceType === 'product') {
+    return jsxRuntime.jsx(ProductPreferences, {});
+  }
+  return null;
+};
+
+function ownKeys$4(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ExportScopeSection() {
+  const intl = reactIntl.useIntl();
+  const _useExportResourcesMo = useExportResourcesModalContext(),
+    exportType = _useExportResourcesMo.exportType,
+    totalResourcesCount = _useExportResourcesMo.totalResourcesCount,
+    filters = _useExportResourcesMo.filters,
+    hasFilters = _useExportResourcesMo.hasFilters,
+    selectedResourceIds = _useExportResourcesMo.selectedResourceIds,
+    setExportType = _useExportResourcesMo.setExportType,
+    resourceType = _useExportResourcesMo.resourceType,
+    hideExportSelectedResourcesOption = _useExportResourcesMo.hideExportSelectedResourcesOption;
+  return jsxRuntime.jsx(uiKit.Spacings.Stack, {
+    scale: "m",
+    children: jsxRuntime.jsxs(uiKit.RadioInput.Group, {
+      value: exportType,
+      onChange: e => {
+        setExportType(e.target.value);
+      },
+      direction: "stack",
+      directionProps: {
+        scale: 's'
+      },
+      children: [jsxRuntime.jsx(uiKit.RadioInput.Option, {
+        value: EXPORT_TYPES.ALL,
+        children: jsxRuntime.jsx(uiKit.Text.Body, {
+          intlMessage: _objectSpread$4(_objectSpread$4({}, resourceTypeMessages[resourceType].exportScopeAll), {}, {
+            values: {
+              total: intl.formatNumber(totalResourcesCount)
+            }
+          })
+        })
+      }), filters && jsxRuntime.jsx(uiKit.RadioInput.Option, {
+        value: EXPORT_TYPES.FILTERED,
+        isDisabled: !filters.total || !hasFilters,
+        children: jsxRuntime.jsx(uiKit.Text.Body, {
+          tone: !filters.total || !hasFilters ? 'tertiary' : undefined,
+          intlMessage: filters.total ? _objectSpread$4(_objectSpread$4({}, resourceTypeMessages[resourceType].exportScopeFiltered), {}, {
+            values: {
+              total: intl.formatNumber(filters.total)
+            }
+          }) : messages.exportScopeFilteredWithoutCount
+        })
+      }), !hideExportSelectedResourcesOption && jsxRuntime.jsx(uiKit.RadioInput.Option, {
+        value: EXPORT_TYPES.SELECTED,
+        isDisabled: !selectedResourceIds?.length,
+        children: jsxRuntime.jsx(uiKit.Text.Body, {
+          tone: !selectedResourceIds?.length ? 'tertiary' : undefined,
+          intlMessage: selectedResourceIds?.length ? _objectSpread$4(_objectSpread$4({}, resourceTypeMessages[resourceType].exportScopeSelected), {}, {
+            values: {
+              total: intl.formatNumber(selectedResourceIds.length)
+            }
+          }) : messages.exportScopeSelectedWithoutCount
+        })
+      })]
+    })
+  });
+}
+
+const ExportFileSettingsStep = () => {
+  var _context;
+  const intl = reactIntl.useIntl();
+  const _useExportResourcesMo = useExportResourcesModalContext(),
+    formik = _useExportResourcesMo.formik,
+    resourceType = _useExportResourcesMo.resourceType,
+    onClose = _useExportResourcesMo.onClose;
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
+      locale: applicationContext.dataLocale,
+      locales: applicationContext.project?.languages || []
+    })),
+    locales = _useApplicationContex.locales,
+    locale = _useApplicationContex.locale;
+  const areAllLocalesChecked = _valuesInstanceProperty__default["default"](formik).locales.length === locales.length;
+  // TODO: make this dynamic based on the resource type & output format (more scalable)
+  const shouldShowPreferences = _includesInstanceProperty__default["default"](_context = ['order', 'product']).call(_context, resourceType) && _valuesInstanceProperty__default["default"](formik).outputFormat === 'csv';
+  return jsxRuntime.jsx(applicationComponents.FormDialog, {
+    isOpen: true,
+    title: intl.formatMessage(messages[`modalTitle.${resourceType}`]),
+    labelPrimary: intl.formatMessage(messages.continue),
+    onPrimaryButtonClick: formik.submitForm,
+    isPrimaryButtonDisabled: !formik.isValid,
+    onSecondaryButtonClick: onClose,
+    onClose: onClose,
+    size: 16,
+    children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
+      children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
+        scale: "xxxl",
+        children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
+          scale: "l",
+          children: jsxRuntime.jsxs(uiKit.Grid, {
+            gridRowGap: uiKit.designTokens.spacingL,
+            gridTemplateColumns: `calc(${uiKit.designTokens.constraint3} + ${uiKit.designTokens.spacingL}) auto`,
+            children: [jsxRuntime.jsx(uiKit.Grid.Item, {
+              children: jsxRuntime.jsx(uiKit.Text.Body, {
+                intlMessage: messages.exportScope
+              })
+            }), jsxRuntime.jsx(uiKit.Grid.Item, {
+              children: jsxRuntime.jsx(ExportScopeSection, {})
+            }), jsxRuntime.jsx(uiKit.Grid.Item, {
+              children: jsxRuntime.jsx(uiKit.Text.Body, {
+                intlMessage: messages.exportSettings
+              })
+            }), jsxRuntime.jsx(uiKit.Grid.Item, {
+              children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+                scale: "m",
+                children: [jsxRuntime.jsx(uiKit.SelectField, {
+                  name: "outputFormat",
+                  onChange: formik.handleChange,
+                  onBlur: formik.handleBlur,
+                  value: _valuesInstanceProperty__default["default"](formik).outputFormat,
+                  title: intl.formatMessage(messages.outputFormat),
+                  options: OUTPUT_FORMAT_OPTIONS
+                }), jsxRuntime.jsx(fullstory.Masking.Mask, {
+                  children: jsxRuntime.jsx(uiKit.TextField, {
+                    name: "fileName",
+                    onChange: formik.handleChange,
+                    onBlur: formik.handleBlur,
+                    value: _valuesInstanceProperty__default["default"](formik).fileName,
+                    title: intl.formatMessage(messages.fileName),
+                    touched: formik.touched.fileName,
+                    errors: mapFormikErrors(formik.errors.fileName),
+                    renderError: renderFileNameError
+                  })
+                }), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+                  scale: "xs",
+                  children: [jsxRuntime.jsx(uiKit.SelectField, {
+                    id: "locales",
+                    name: "locales",
+                    value: _valuesInstanceProperty__default["default"](formik).locales,
+                    title: intl.formatMessage(messages.locale),
+                    options: mapLocalesToOptions(locales),
+                    isMulti: true,
+                    onChange: formik.handleChange,
+                    onBlur: formik.handleBlur,
+                    touched: formik.touched.locales,
+                    errors: mapFormikErrors(formik.errors.locales),
+                    renderError: renderLocaleError,
+                    menuPortalTarget: document.body,
+                    menuPortalZIndex: Z_INDEX_DROPDOWN
+                  }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+                    scale: "s",
+                    alignItems: "center",
+                    children: [jsxRuntime.jsx(uiKit.ToggleInput, {
+                      "data-testid": "include-all-locales-toggle-input",
+                      size: "small",
+                      isChecked: areAllLocalesChecked,
+                      onChange: e => {
+                        if (e.target.checked) formik.setFieldValue('locales', locales);else formik.setFieldValue('locales', [locale]);
+                      }
+                    }), jsxRuntime.jsx(uiKit.Text.Body, {
+                      intlMessage: messages.includeAllLocales
+                    })]
+                  })]
+                })]
+              })
+            }), shouldShowPreferences && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+              children: [jsxRuntime.jsx(uiKit.Grid.Item, {
+                children: jsxRuntime.jsx(uiKit.Text.Body, {
+                  intlMessage: messages.exportPreferences
+                })
+              }), jsxRuntime.jsx(uiKit.Grid.Item, {
+                children: jsxRuntime.jsx(ExportPreferenceSection, {})
+              })]
+            })]
+          })
+        })
+      })
+    })
+  });
+};
+
+function ownKeys$3(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const exportFieldSelectionContextDefaultValues = {
+  updateExpandedGroups: (_name, _value) => {}
+};
+const ExportFieldSelectionContext = /*#__PURE__*/React.createContext(exportFieldSelectionContextDefaultValues);
+const ExportFieldSelectionProvider = _ref => {
+  let resourceType = _ref.resourceType,
+    children = _ref.children;
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
+      projectKey: context.project?.key
+    })),
+    projectKey = _useApplicationContex.projectKey;
+  const _useStorage = experimentalComponents.useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_EXPANDED_GROUP}`, {}),
+    _useStorage2 = _slicedToArray(_useStorage, 2),
+    cachedExpandedGroups = _useStorage2[0],
+    setCachedExpandedGroups = _useStorage2[1];
+  const updateExpandedGroups = React.useCallback((name, value) => {
+    setCachedExpandedGroups({
+      [resourceType]: _objectSpread$3(_objectSpread$3({}, cachedExpandedGroups[resourceType] || {}), {}, {
+        [name]: value
+      })
+    });
+  }, [cachedExpandedGroups, resourceType, setCachedExpandedGroups]);
+  return jsxRuntime.jsx(ExportFieldSelectionContext.Provider, {
+    value: {
+      updateExpandedGroups
+    },
+    children: children
+  });
+};
+const useExportFieldSelectionContext = () => {
+  return React.useContext(ExportFieldSelectionContext);
+};
+
+const ExportFieldSelectionStamp = _ref => {
+  let group = _ref.group;
+  const _useIntl = reactIntl.useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  return jsxRuntime.jsx(uiKit.Card, {
+    type: "flat",
+    insetScale: "m",
+    children: jsxRuntime.jsx(uiKit.Spacings.Inline, {
+      justifyContent: "flex-end",
+      children: jsxRuntime.jsx(uiKit.Stamp, {
+        tone: "secondary",
+        isCondensed: true,
+        label: formatMessage(messages.selected, {
+          total: getTotalCheckedFields(group)
+        })
+      })
+    })
+  });
+};
+
+const FieldWrapper = /*#__PURE__*/_styled__default["default"]("div", {
+  target: "e1judmlm0"
+} )({
+  name: "9iujih",
+  styles: "position:relative;display:flex;align-items:center"
+} );
+const CollapsibleFieldWrapper = _ref => {
+  let isForceExpanded = _ref.isForceExpanded,
+    field = _ref.field,
+    children = _ref.children;
+  if (field.isExpandable) return jsxRuntime.jsx(uiKit.CollapsibleMotion, {
+    isDefaultClosed: isForceExpanded ? false : !field.isExpanded,
+    children: _ref2 => {
+      let isOpen = _ref2.isOpen,
+        toggle = _ref2.toggle,
+        registerContentNode = _ref2.registerContentNode;
+      return children({
+        isOpen,
+        toggle,
+        registerContentNode
+      });
+    }
+  }, `${isForceExpanded}`);
+  return children({
+    isOpen: true,
+    toggle: () => {},
+    registerContentNode: () => {}
+  });
+};
+const FieldSection = _ref3 => {
+  let fields = _ref3.fields,
+    parentKeys = _ref3.parentKeys,
+    formik = _ref3.formik,
+    isAnySiblingChecked = _ref3.isAnySiblingChecked,
+    isForceExpanded = _ref3.isForceExpanded,
+    groupName = _ref3.groupName;
+  const _useExportFieldSelect = useExportFieldSelectionContext(),
+    updateExpandedGroups = _useExportFieldSelect.updateExpandedGroups;
+  return jsxRuntime.jsx(uiKit.Spacings.Stack, {
+    scale: "s",
+    children: fields?.map((field, index) => {
+      const hasDependents = Boolean(field.dependentGroupNames?.length || field.dependentFieldNames?.length);
+      const isAnyOfTheChildFieldsChecked = isAnyFieldChecked(field.fields || []);
+      const allFieldsChecked = areAllFieldsChecked(field.fields || []);
+      const getIsChecked = () => {
+        const isParent = Boolean(field.fields && field.fields?.length > 0);
+        if (isParent) return areAllFieldsChecked(field.fields);
+        return field.isChecked;
+      };
+      if (field.isHidden) return null;
+      return jsxRuntime.jsx(CollapsibleFieldWrapper, {
+        isForceExpanded: isForceExpanded,
+        field: field,
+        children: _ref4 => {
+          let isOpen = _ref4.isOpen,
+            toggle = _ref4.toggle,
+            registerContentNode = _ref4.registerContentNode;
+          return jsxRuntime.jsxs(React.Fragment, {
+            children: [jsxRuntime.jsxs(FieldWrapper, {
+              children: [field.isExpandable && jsxRuntime.jsx(uiKit.IconButton, {
+                size: "20",
+                style: {
+                  position: 'absolute',
+                  left: `calc(-1 * ${uiKit.designTokens.spacingXl})`
+                },
+                onClick: () => {
+                  if (!isForceExpanded) {
+                    updateExpandedGroups(`${groupName}.${field.name}`, !isOpen);
+                  }
+                  toggle();
+                },
+                icon: isOpen ? jsxRuntime.jsx(uiKit.AngleDownIcon, {}) : jsxRuntime.jsx(uiKit.AngleRightIcon, {}),
+                label: ""
+              }), jsxRuntime.jsx(uiKit.Spacings.Inline, {
+                scale: "s",
+                alignItems: "center",
+                children: jsxRuntime.jsxs(uiKit.CheckboxInput, {
+                  isIndeterminate: field.isExpandable && !allFieldsChecked && isAnyOfTheChildFieldsChecked,
+                  isChecked: getIsChecked(),
+                  isReadOnly: hasDependents || field.isRequired,
+                  onChange: e => {
+                    const path = `${parentKeys.join('.')}.fields[${index}]`;
+                    const checked = e.target.checked;
+                    // Update all child fields
+                    const updateAllChildFieldsChecked = (path, checked) => {
+                      const item = get__default["default"](_valuesInstanceProperty__default["default"](formik), path);
+                      if (item && item.fields) {
+                        var _context;
+                        _forEachInstanceProperty__default["default"](_context = item.fields).call(_context, (field, i) => {
+                          const fieldPath = `${path}.fields[${i}]`;
+                          if (!field.fields?.length) {
+                            formik.setFieldValue(`${fieldPath}.isChecked`, checked || field.isRequired,
+                            // pass `false` to avoid revalidating the form with intermediate values
+                            false);
+                          }
+                          updateAllChildFieldsChecked(fieldPath, checked);
+                        });
+                      }
+                    };
+                    if (!field.fields?.length) {
+                      formik.setFieldValue(`${path}.isChecked`, checked || field.isRequired,
+                      // pass `false` to avoid revalidating the form with intermediate values
+                      false);
+                    }
+                    updateAllChildFieldsChecked(path, checked);
+                  },
+                  children: [field.label, (hasDependents || field.isRequired) && ' *']
+                })
+              })]
+            }), field.fields && field.fields?.length > 0 && jsxRuntime.jsx(StyledExpandableContent, {
+              ref: registerContentNode,
+              isOpen: isOpen,
+              children: jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+                scale: "xl",
+                children: [jsxRuntime.jsx("div", {}), jsxRuntime.jsx(FieldSection, {
+                  fields: field.fields,
+                  formik: formik,
+                  parentKeys: [...parentKeys, `fields[${index}]`],
+                  isAnySiblingChecked: isAnySiblingChecked,
+                  isForceExpanded: isForceExpanded,
+                  groupName: groupName
+                })]
+              })
+            })]
+          }, `${field.name}-${index}`);
+        }
+      }, `${field.name}.${isForceExpanded}`);
+    })
+  });
+};
+
+function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const StyledGroupCard = /*#__PURE__*/_styled__default["default"](uiKit.Card, {
+  target: "e1igkh7t2"
+} )("height:100%;border-radius:0;", props => props.showTopBorder && /*#__PURE__*/react.css("border-top:", uiKit.designTokens.borderWidth1, " solid ", uiKit.designTokens.colorNeutral90, ";" + ("" ), "" ), ";" + ("" ));
+const StyledFieldsCard = /*#__PURE__*/_styled__default["default"](uiKit.Card, {
+  target: "e1igkh7t1"
+} )("border-radius:0;", props => props.showTopBorder && /*#__PURE__*/react.css("border-top:", uiKit.designTokens.borderWidth1, " solid ", uiKit.designTokens.colorNeutral90, ";" + ("" ), "" ), ";" + ("" ));
+var _ref$1 = {
+  name: "2ce4ng",
+  styles: "overflow:hidden;height:0;margin-top:0!important"
+} ;
+const StyledExpandableContent = /*#__PURE__*/_styled__default["default"]("div", {
+  target: "e1igkh7t0"
+} )(props => !props.isOpen && _ref$1, " ", props => !props.isOpen && props.showTopBorder && /*#__PURE__*/react.css("border-top:", uiKit.designTokens.borderWidth1, " solid ", uiKit.designTokens.colorNeutral90, ";" + ("" ), "" ), ";" + ("" ));
+const FieldGroupSection = _ref2 => {
+  let group = _ref2.group,
+    index = _ref2.index,
+    formik = _ref2.formik,
+    isForceExpanded = _ref2.isForceExpanded;
+  const allFieldsChecked = React.useMemo(() => areAllFieldsChecked(group.fields), [group.fields]);
+  const isAnyFieldInGroupChecked = React.useMemo(() => isAnyFieldChecked(group.fields), [group.fields]);
+  const _useExportFieldSelect = useExportFieldSelectionContext(),
+    updateExpandedGroups = _useExportFieldSelect.updateExpandedGroups;
+  const parentKey = `groups[${index}]`;
+  const handleChangeAllFields = e => {
+    const item = get__default["default"](_valuesInstanceProperty__default["default"](formik), parentKey);
+    function updateAllFields(fields, checked) {
+      return _mapInstanceProperty__default["default"](fields).call(fields, field => {
+        if (field.fields) {
+          return _objectSpread$2(_objectSpread$2({}, field), {}, {
+            fields: updateAllFields(field.fields, checked)
+          });
+        }
+        if (field.isRequired) return field;
+        return _objectSpread$2(_objectSpread$2({}, field), {}, {
+          isChecked: checked
+        });
+      });
+    }
+    formik.setFieldValue(parentKey, _objectSpread$2(_objectSpread$2({}, item), {}, {
+      fields: updateAllFields(item.fields, e.target.checked)
+    }));
+  };
+  if (group.isHidden) return null;
+  return jsxRuntime.jsx(uiKit.CollapsibleMotion, {
+    isDefaultClosed: isForceExpanded ? false : !group.isExpanded,
+    children: _ref3 => {
+      let isOpen = _ref3.isOpen,
+        toggle = _ref3.toggle,
+        registerContentNode = _ref3.registerContentNode;
+      return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [jsxRuntime.jsx(uiKit.Grid.Item, {
+          children: jsxRuntime.jsx(StyledGroupCard, {
+            type: "flat",
+            insetScale: "m",
+            showTopBorder: index > 0,
+            children: jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+              scale: "s",
+              alignItems: "center",
+              children: [jsxRuntime.jsx(uiKit.IconButton, {
+                size: "20",
+                onClick: () => {
+                  if (!isForceExpanded) {
+                    updateExpandedGroups(group.groupName, !isOpen);
+                  }
+                  toggle();
+                },
+                icon: isOpen ? jsxRuntime.jsx(uiKit.AngleDownIcon, {}) : jsxRuntime.jsx(uiKit.AngleRightIcon, {}),
+                label: ""
+              }), jsxRuntime.jsx(uiKit.CheckboxInput, {
+                isIndeterminate: !allFieldsChecked && isAnyFieldInGroupChecked,
+                isChecked: allFieldsChecked,
+                onChange: handleChangeAllFields,
+                children: group.groupLabel
+              })]
+            })
+          })
+        }), jsxRuntime.jsx(uiKit.Grid.Item, {
+          children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
+            children: [jsxRuntime.jsx(StyledExpandableContent, {
+              ref: registerContentNode,
+              isOpen: isOpen,
+              showTopBorder: index > 0,
+              children: jsxRuntime.jsx(StyledFieldsCard, {
+                type: "flat",
+                insetScale: "m",
+                showTopBorder: true,
+                children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
+                  scale: "s",
+                  children: jsxRuntime.jsx(FieldSection, {
+                    fields: group.fields,
+                    formik: formik,
+                    parentKeys: [parentKey],
+                    isAnySiblingChecked: isAnyFieldInGroupChecked,
+                    groupName: group.groupName,
+                    isForceExpanded: isForceExpanded
+                  })
+                })
+              })
+            }), !isOpen && jsxRuntime.jsx(ExportFieldSelectionStamp, {
+              group: group
+            })]
+          })
+        })]
+      });
+    }
+  }, `${isForceExpanded}`);
+};
+
+var _ref = {
+  name: "ti75j2",
+  styles: "margin:0"
+} ;
+const NoSearchResults = () => {
+  return jsxRuntime.jsxs(uiKit.Card, {
+    insetScale: "xl",
+    children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+      scale: "s",
+      children: [jsxRuntime.jsx(uiKit.Text.Body, {
+        fontWeight: "medium",
+        intlMessage: messages.thereAreNoResults
+      }), jsxRuntime.jsx(uiKit.Text.Body, {
+        intlMessage: messages.suggestions
+      })]
+    }), jsxRuntime.jsxs("ul", {
+      css: _ref,
+      children: [jsxRuntime.jsx("li", {
+        children: jsxRuntime.jsx(uiKit.Text.Body, {
+          intlMessage: messages.checkTheSpelling
+        })
+      }), jsxRuntime.jsx("li", {
+        children: jsxRuntime.jsx(uiKit.Text.Body, {
+          intlMessage: messages.searchByEnteringTheExactFieldName
+        })
+      })]
+    })]
+  });
+};
+
+function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys$1(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$1(Object(t))).call(_context6, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const totalSpacing = 32 * 2 + (
+// outer modal spacing
+32 + 40) +
+// footer (dialog buttons + margin)
+40 +
+// search input
+24 +
+// search input padding
+24 +
+// modal header
+16 +
+// modal header margin
+16 + (
+// spacing between search input and grid card
+16 * 2 + 8 * 2) +
+// modal padding
+56 +
+// MC header
+4; // borders
+
+const StyledGridCard = /*#__PURE__*/_styled__default["default"](uiKit.Card, {
+  target: "e5mvpn60"
+} )("max-height:calc(100vh - ", totalSpacing, "px);overflow:auto;" + ("" ));
+const ExportFieldsSelectionStep = () => {
+  const intl = reactIntl.useIntl();
+  const _React$useState = React__default["default"].useState(''),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    fieldSearchTerm = _React$useState2[0],
+    setFieldSearchTerm = _React$useState2[1];
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
+      projectKey: context.project?.key
+    })),
+    projectKey = _useApplicationContex.projectKey;
+  const _useStorage = experimentalComponents.useStorage(`${projectKey}/${OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION}`, {}),
+    _useStorage2 = _slicedToArray(_useStorage, 2);
+    _useStorage2[0];
+    const setCachedSelectedGroups = _useStorage2[1];
+  const _useExportResourcesMo = useExportResourcesModalContext(),
+    formik = _useExportResourcesMo.formik,
+    setCurrentStep = _useExportResourcesMo.setCurrentStep,
+    resourceType = _useExportResourcesMo.resourceType,
+    onClose = _useExportResourcesMo.onClose;
+  React__default["default"].useEffect(() => {
+    var _context2;
+    formik.validateForm();
+    updateFieldDependenciesStatus(formik);
+    const checkedFields = {};
+    function getCheckedFields(field, groupName) {
+      const fieldName = field.name ? `${groupName}.${field.name}` : groupName;
+      if (field.fields) {
+        var _context;
+        return _forEachInstanceProperty__default["default"](_context = field.fields).call(_context, f => getCheckedFields(f, fieldName));
+      }
+      checkedFields[fieldName] = field.isChecked;
+    }
+    _forEachInstanceProperty__default["default"](_context2 = _valuesInstanceProperty__default["default"](formik).groups).call(_context2, group => {
+      var _context3;
+      _forEachInstanceProperty__default["default"](_context3 = group.fields).call(_context3, field => {
+        getCheckedFields(field, group.groupName);
+      });
+    });
+    setCachedSelectedGroups({
+      [resourceType]: checkedFields
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [_valuesInstanceProperty__default["default"](formik).groups]);
+  // adds `isHidden` property to each field based on search term
+  const filteredGroups = React__default["default"].useMemo(() => {
+    const updateFields = (fields, parentMatches) => {
+      return _mapInstanceProperty__default["default"](fields).call(fields, field => {
+        var _context4;
+        const matches = _includesInstanceProperty__default["default"](_context4 = field.label.toLowerCase()).call(_context4, fieldSearchTerm.toLowerCase());
+        let isHidden = !matches && !parentMatches;
+        if (field.fields) {
+          const updatedFields = updateFields(field.fields, matches);
+          isHidden = isHidden && _everyInstanceProperty__default["default"](updatedFields).call(updatedFields, f => f.isHidden);
+          field = _objectSpread$1(_objectSpread$1({}, field), {}, {
+            fields: updatedFields
+          });
+        }
+        return _objectSpread$1(_objectSpread$1({}, field), {}, {
+          isHidden
+        });
+      });
+    };
+    if (!fieldSearchTerm?.trim()?.length) return _valuesInstanceProperty__default["default"](formik).groups;
+    const updateGroups = groups => {
+      return _mapInstanceProperty__default["default"](groups).call(groups, group => {
+        const updatedFields = updateFields(group.fields, false);
+        const isHidden = _everyInstanceProperty__default["default"](updatedFields).call(updatedFields, field => field.isHidden);
+        return _objectSpread$1(_objectSpread$1({}, group), {}, {
+          fields: updatedFields,
+          isHidden
+        });
+      });
+    };
+    return updateGroups(_valuesInstanceProperty__default["default"](formik).groups);
+  }, [_valuesInstanceProperty__default["default"](formik).groups, fieldSearchTerm]);
+  const onSearchChange = React__default["default"].useCallback(event => {
+    setFieldSearchTerm(event.target.value);
+  }, [setFieldSearchTerm]);
+  const hasResults = Boolean(_findInstanceProperty__default["default"](filteredGroups).call(filteredGroups, group => !group.isHidden));
+  const onSearchChangeThrottled = React__default["default"].useMemo(() => throttle__default["default"](onSearchChange, 300), [onSearchChange]);
+  const onSearchReset = () => {
+    setFieldSearchTerm('');
+  };
+  return jsxRuntime.jsx(applicationComponents.FormDialog, {
+    isOpen: true,
+    title: intl.formatMessage(messages.selectFieldsToExport),
+    labelPrimary: intl.formatMessage(messages.startExport),
+    onPrimaryButtonClick: formik.submitForm,
+    isPrimaryButtonDisabled: !formik.isValid,
+    labelSecondary: intl.formatMessage(messages.back),
+    onSecondaryButtonClick: () => setCurrentStep(Step.FileSettings),
+    onClose: onClose,
+    size: 16,
+    dataAttributesPrimaryButton: {
+      'data-tracking-target': `${resourceType}_export-start_export_button`
+    },
+    children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
+      children: jsxRuntime.jsx(ExportFieldSelectionProvider, {
+        resourceType: resourceType,
+        children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+          scale: "m",
+          children: [jsxRuntime.jsx(uiKit.SearchTextInput, {
+            placeholder: intl.formatMessage(messages.searchForFields),
+            value: fieldSearchTerm,
+            onChange: onSearchChangeThrottled,
+            onReset: onSearchReset
+            // TODO: `SearchTextInput` props to be improved. The `onSubmit` callback shouldn't be mandatory
+            ,
+            onSubmit: () => {},
+            id: "export-fields-search"
+          }), hasResults ? jsxRuntime.jsx(StyledGridCard, {
+            insetScale: "none",
+            children: jsxRuntime.jsx(uiKit.Grid, {
+              gridAutoFlow: "row",
+              gridTemplateColumns: `calc(${uiKit.designTokens.spacingL} + ${uiKit.designTokens.constraint5} + ${uiKit.designTokens.spacingL}) auto`,
+              children: _mapInstanceProperty__default["default"](filteredGroups).call(filteredGroups, (group, index) => jsxRuntime.jsx(FieldGroupSection, {
+                group: group,
+                index: index,
+                formik: formik,
+                isForceExpanded: fieldSearchTerm?.trim()?.length > 0
+              }, group.groupName))
+            })
+          }) : jsxRuntime.jsx(NoSearchResults, {})]
+        })
+      })
+    })
+  });
+};
+
+const ExportResourcesContext = /*#__PURE__*/React.createContext();
+
+const _excluded$1 = ["children"];
+const ExportResourcesProvider = _ref => {
+  let children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded$1);
+  const initialValues = useInitialValues(props);
+  const _React$useState = React__default["default"].useState(Step.FileSettings),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    currentStep = _React$useState2[0],
+    setCurrentStep = _React$useState2[1];
+  const _React$useState3 = React__default["default"].useState(() => getInitialExportType({
+      selectedResourceIds: props.selectedResourceIds,
+      filters: props.filters
+    })),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    exportType = _React$useState4[0],
+    setExportType = _React$useState4[1];
+  const _useStartExportOperat = useStartExportOperation(props),
+    startExportOperation = _useStartExportOperat.startExportOperation;
+  const onSubmit = async values => {
+    if (currentStep === Step.FileSettings) {
+      setCurrentStep(Step.FieldsSelection);
+    } else {
+      startExportOperation(values, exportType);
+    }
+  };
+  const formik$1 = formik.useFormik({
+    initialValues,
+    validate: values => validate({
+      values,
+      step: currentStep
+    }),
+    onSubmit
+  });
+  React__default["default"].useEffect(() => {
+    formik$1.validateForm();
+  }, [currentStep]);
+  return jsxRuntime.jsx(ExportResourcesContext.Provider, {
+    value: {
+      formik: formik$1,
+      currentStep,
+      setCurrentStep,
+      onClose: props.onClose,
+      resourceType: props.resourceType,
+      exportType: exportType,
+      totalResourcesCount: props.totalResourcesCount,
+      selectedResourceIds: props.selectedResourceIds,
+      hideExportSelectedResourcesOption: props.hideExportSelectedResourcesOption,
+      filters: props.filters,
+      hasFilters: areFiltersApplied(props.filters),
+      setExportType
+    },
+    children: children
+  });
+};
+
+const CurrentStep = () => {
+  const _useExportResourcesMo = useExportResourcesModalContext(),
+    currentStep = _useExportResourcesMo.currentStep;
+  const steps = {
+    'file-settings': jsxRuntime.jsx(ExportFileSettingsStep, {}),
+    'fields-selection': jsxRuntime.jsx(ExportFieldsSelectionStep, {})
+  };
+  return steps[currentStep] || null;
+};
+
+const getChunkImport = locale => {
+  const intlLocale = i18n.mapLocaleToIntlLocale(locale);
+  switch (intlLocale) {
+    case 'de':
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-de" */'./de-3d4cf3d0.cjs.prod.js'); });
+    case 'es':
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-es" */'./es-6360d546.cjs.prod.js'); });
+    case 'fr-FR':
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-ff7ec057.cjs.prod.js'); });
+    case 'ja':
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-ja" */'./ja-37632763.cjs.prod.js'); });
+    case 'pt-BR':
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-d9b0a36d.cjs.prod.js'); });
+    default:
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-en" */'./en-fc0085cc.cjs.prod.js'); });
+  }
+};
+const loadMessages = async locale => {
+  try {
+    const chunkImport = await getChunkImport(locale);
+    return i18n.parseChunkImport(chunkImport);
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.warn(`Something went wrong while loading the export-resources-modal messages for ${locale}`, error);
+    sentry.reportErrorToSentry(new Error(`Something went wrong while loading the export-resources-modal messages for ${locale}`), {
+      extra: error
+    });
+    return {};
+  }
+};
+
+const useAsyncIntlMessages = (locale, loader) => {
+  const _useState = React.useState({
+      isLoading: true,
+      messages: undefined,
+      error: undefined
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  React.useEffect(() => {
+    let _isUnmounting = false;
+    async function load() {
+      try {
+        if (!_isUnmounting) {
+          const messages = await loader(locale);
+          setState({
+            isLoading: false,
+            messages
+          });
+        }
+      } catch (error) {
+        setState({
+          isLoading: false,
+          error
+        });
+      }
+    }
+    if (locale) load();
+    return () => {
+      _isUnmounting = true;
+    };
+  }, [locale, loader]);
+  return state;
+};
+
+const _excluded = ["isOpen", "selectedResourceIds", "outputFormat", "fieldGroups", "fieldOrder"];
+function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function invalidateLaunchDarklyCachedFeatureFlag(flagName) {
+  for (let _ref of _Object$entries__default["default"](localStorage)) {
+    var _ref2 = _slicedToArray(_ref, 1);
+    let key = _ref2[0];
+    // This is the pattern that the LaunchDarkly adapter uses to store the flags
+    if (_startsWithInstanceProperty__default["default"](key).call(key, '@flopflip/launchdarkly-adapter/') && _endsWithInstanceProperty__default["default"](key).call(key, '/flags')) {
+      try {
+        const flags = JSON.parse(localStorage.getItem(key) || '{}');
+        if (flags[flagName] !== undefined) {
+          delete flags[flagName];
+          localStorage.setItem(key, _JSON$stringify__default["default"](flags));
+        }
+      } catch (error) {}
+    }
+  }
+}
+invalidateLaunchDarklyCachedFeatureFlag('enableOperationsExport');
+const ExportResourcesModal = _ref3 => {
+  let _ref3$isOpen = _ref3.isOpen,
+    isOpen = _ref3$isOpen === void 0 ? false : _ref3$isOpen,
+    _ref3$selectedResourc = _ref3.selectedResourceIds,
+    selectedResourceIds = _ref3$selectedResourc === void 0 ? [] : _ref3$selectedResourc,
+    _ref3$outputFormat = _ref3.outputFormat,
+    outputFormat = _ref3$outputFormat === void 0 ? OUTPUT_FORMATS.CSV : _ref3$outputFormat,
+    _ref3$fieldGroups = _ref3.fieldGroups,
+    fieldGroups = _ref3$fieldGroups === void 0 ? [] : _ref3$fieldGroups,
+    _ref3$fieldOrder = _ref3.fieldOrder,
+    fieldOrder = _ref3$fieldOrder === void 0 ? [] : _ref3$fieldOrder,
+    props = _objectWithoutProperties(_ref3, _excluded);
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => ({
+      locale: context.user && context.user.locale
+    })),
+    locale = _useApplicationContex.locale;
+  const messages = useAsyncIntlMessages(locale, loadMessages);
+  if (!isOpen || messages.isLoading) return null;
+  if (props.filters && !validateFilters(props.filters)) {
+    console.error('Invalid filters prop:', props.filters, 'Filters must contain one of these values: `filters` or `where`');
+    return null;
+  }
+  return jsxRuntime.jsx(reactIntl.IntlProvider, {
+    locale: locale,
+    messages: messages.messages,
+    children: jsxRuntime.jsx(ExportResourcesProvider, _objectSpread(_objectSpread({
+      fieldGroups: fieldGroups,
+      fieldOrder: fieldOrder,
+      isOpen: isOpen,
+      outputFormat: outputFormat,
+      selectedResourceIds: selectedResourceIds
+    }, props), {}, {
+      children: jsxRuntime.jsx(CurrentStep, {})
+    }))
+  });
+};
+ExportResourcesModal.displayName = 'ExportResourcesModal';
+
+exports.EXPORTABLE_RESOURCES = EXPORTABLE_RESOURCES;
+exports.EXPORT_TYPES = EXPORT_TYPES;
+exports.Step = Step;
+exports["default"] = ExportResourcesModal;
+exports.useConvertFieldDefinitionsForExport = useConvertFieldDefinitionsForExport;