@commercetools-frontend-extensions/export-resources-modal 5.1.5 → 5.3.0

package/dist/{index-6fc91e18.cjs.prod.js → index-e73d846c.cjs.prod.js}

@@ -19,10 +19,10 @@ 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 _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var fullstory = require('@commercetools-frontend/fullstory');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var React = require('react');
 var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
 var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
@@ -37,7 +37,6 @@ 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');
@@ -46,6 +45,7 @@ var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/insta
 var _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
 var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
+var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
 var actionsGlobal = require('@commercetools-frontend/actions-global');
 var constants = require('@commercetools-frontend/constants');
@@ -76,8 +76,8 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 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 _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
 var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var React__default = /*#__PURE__*/_interopDefault(React);
 var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
 var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
@@ -86,7 +86,6 @@ 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);
@@ -95,6 +94,7 @@ var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceP
 var _bindInstanceProperty__default = /*#__PURE__*/_interopDefault(_bindInstanceProperty);
 var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
 var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
+var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
 var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
 var sortBy__default = /*#__PURE__*/_interopDefault(sortBy);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
@@ -278,10 +278,10 @@ var messages = reactIntl.defineMessages({
     description: 'In Export fields selection - Search by entering the exact field name message',
     defaultMessage: 'Try searching by entering the exact field name.'
   },
-  exportScope: {
-    id: 'ExportResourcesModal.exportScope',
-    description: 'Label for Export Scope',
-    defaultMessage: 'Scope'
+  scope: {
+    id: 'ExportResourcesModal.scope',
+    description: 'Label for "Scope:"',
+    defaultMessage: 'Scope:'
   },
   exportScopeAllCategories: {
     id: 'ExportResourcesModal.exportScopeAllCategories',
@@ -398,30 +398,30 @@ var messages = reactIntl.defineMessages({
     description: 'Label for Export Filtered without count',
     defaultMessage: 'Export filtered'
   },
-  exportSettings: {
-    id: 'ExportResourcesModal.exportSettings',
-    description: 'Label for Export Settings',
-    defaultMessage: 'Settings'
+  saveAs: {
+    id: 'ExportResourcesModal.saveAs',
+    description: 'Label for "Save as:"',
+    defaultMessage: 'Save as:'
   },
   selected: {
     id: 'ExportResourcesModal.selected',
     description: 'Label for total Selected',
     defaultMessage: '{total} selected'
   },
-  exportPreferences: {
-    id: 'ExportResourcesModal.exportPreferences',
-    description: 'Label for preferences',
-    defaultMessage: 'Preferences'
+  fillRows: {
+    id: 'ExportResourcesModal.fillRows',
+    description: 'A checkbox label for filling rows with complete data',
+    defaultMessage: 'Fill all rows with complete data'
   },
-  fillRowsForOrderExport: {
-    id: 'ExportResourcesModal.fillRowsForOrderExport',
-    description: 'A checkbox label for filling rows for order export',
-    defaultMessage: 'Include Order number, id, and states in every row'
+  moreInformation: {
+    id: 'ExportResourcesModal.moreInformation',
+    description: 'A label for more information',
+    defaultMessage: 'For more information, refer to the {documentationLink}'
   },
-  fillRowsForProductExport: {
-    id: 'ExportResourcesModal.fillRowsForProductExport',
-    description: 'A checkbox label for filling rows for product export',
-    defaultMessage: 'Include Product- and Variant-level information in every row'
+  documentation: {
+    id: 'ExportResourcesModal.documentation',
+    description: 'A label for Documentation link',
+    defaultMessage: 'Documentation'
   },
   loadMoreFields: {
     id: 'ExportResourcesModal.loadMoreFields',
@@ -642,6 +642,61 @@ var messages = reactIntl.defineMessages({
     id: 'ExportResourcesModal.noResourcesToExportForQueryPredicate',
     description: 'Error message when there are no resources to export for given query predicate',
     defaultMessage: 'No resources match your query predicate. Please check your query predicate and try again.'
+  },
+  separators: {
+    id: 'ExportResourcesModal.separators',
+    description: 'Label for separators',
+    defaultMessage: 'Separators'
+  },
+  separatorsDescription: {
+    id: 'ExportResourcesModal.separatorsDescription',
+    description: 'Description for column separators',
+    defaultMessage: 'Configure how columns are separated in the exported file'
+  },
+  columns: {
+    id: 'ExportResourcesModal.columns',
+    description: 'Label for column separator select',
+    defaultMessage: 'Columns:'
+  },
+  decimal: {
+    id: 'ExportResourcesModal.decimal',
+    description: 'Label for decimal separator select',
+    defaultMessage: 'Decimals:'
+  },
+  columnSeparatorComma: {
+    id: 'ExportResourcesModal.columnSeparatorComma',
+    description: 'Label for comma column separator option',
+    defaultMessage: 'comma (,)'
+  },
+  columnSeparatorSemicolon: {
+    id: 'ExportResourcesModal.columnSeparatorSemicolon',
+    description: 'Label for semicolon column separator option',
+    defaultMessage: 'semicolon (;)'
+  },
+  decimalSeparatorPoint: {
+    id: 'ExportResourcesModal.decimalSeparatorPoint',
+    description: 'Label for point decimal separator option',
+    defaultMessage: 'point (.)'
+  },
+  decimalSeparatorComma: {
+    id: 'ExportResourcesModal.decimalSeparatorComma',
+    description: 'Label for comma decimal separator option',
+    defaultMessage: 'comma (,)'
+  },
+  columnSeparatorTab: {
+    id: 'ExportResourcesModal.columnSeparatorTab',
+    description: 'Label for tab column separator option',
+    defaultMessage: 'tab (\\t)'
+  },
+  columnSeparatorPipe: {
+    id: 'ExportResourcesModal.columnSeparatorPipe',
+    description: 'Label for pipe column separator option',
+    defaultMessage: 'pipe (|)'
+  },
+  csvSettings: {
+    id: 'ExportResourcesModal.csvSettings',
+    description: 'Label for CSV settings section',
+    defaultMessage: 'CSV settings:'
   }
 });
 
@@ -678,6 +733,128 @@ const renderQueryPredicateError = key => {
   }
 };
 
+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 TOTAL_STEPS = 3;
+
+const DELIMITERS$1 = {
+  COMMA: ',',
+  SEMICOLON: ';',
+  POINT: '.',
+  TAB: '\t',
+  PIPE: '|'
+};
+const COLUMN_DELIMITER_OPTIONS = [{
+  label: messages.columnSeparatorComma,
+  value: DELIMITERS$1.COMMA
+}, {
+  label: messages.columnSeparatorSemicolon,
+  value: DELIMITERS$1.SEMICOLON
+}, {
+  label: messages.columnSeparatorTab,
+  value: DELIMITERS$1.TAB
+}, {
+  label: messages.columnSeparatorPipe,
+  value: DELIMITERS$1.PIPE
+}];
+const DECIMAL_DELIMITER_OPTIONS = [{
+  label: messages.decimalSeparatorPoint,
+  value: DELIMITERS$1.POINT
+}, {
+  label: messages.decimalSeparatorComma,
+  value: DELIMITERS$1.COMMA
+}];
+
+const EXPORT_OPERATION_STATES = {
+  PROCESSING: 'processing',
+  COMPLETED: 'completed',
+  FAILED: 'failed',
+  QUEUED: 'queued'
+};
+
+const EXPORT_TYPES = {
+  ALL: 'all',
+  FILTERED: 'filtered',
+  SELECTED: 'selected',
+  QUERY_PREDICATE: 'query-predicate'
+};
+
+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 EXPORT_DATA_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data';
+const CSV_TEMPLATES_LINK = 'https://docs.commercetools.com/merchant-center/import-data#download-a-template';
+const CSV_STRUCTURE_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data#structure-of-exported-csv-files';
+
+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 FIELD_SELECTION_MODES = {
+  SELECTED_FIELDS: 'selected-fields',
+  IMPORTED_CSV_TEMPLATE: 'imported-csv-template'
+};
+
+function ownKeys$g(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$g(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$g(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$g(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const DEFAULT_SHORT_LIVED_FLAGS = {};
+const DEFAULT_LONG_LIVED_FLAGS = {};
+_objectSpread$g(_objectSpread$g({}, DEFAULT_SHORT_LIVED_FLAGS), DEFAULT_LONG_LIVED_FLAGS);
+
 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) {
@@ -743,8 +920,8 @@ function useExportResourcesModalContext() {
   return context;
 }
 
-function ownKeys$g(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$g(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$g(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$g(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$f(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$f(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$f(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$f(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const defaultOptions = {
   storageType: 'local',
   segregateByUser: true
@@ -762,7 +939,7 @@ const getStorage = storageType => storageType === 'session' ? sessionStorage : l
 const isNil = value => typeof value === 'undefined' || value === null;
 const useStorage = (storageKey, initialStorageValue, options) => {
   var _context;
-  const mergedOptions = _objectSpread$g(_objectSpread$g({}, defaultOptions), options);
+  const mergedOptions = _objectSpread$f(_objectSpread$f({}, defaultOptions), options);
   const userId = applicationShellConnectors.useApplicationContext(context => context.user?.id);
   const scopedStorageKey = _filterInstanceProperty__default["default"](_context = [mergedOptions.segregateByUser && userId, storageKey]).call(_context, Boolean).join('/');
   const readFromStorage = React.useCallback(() => {
@@ -806,99 +983,6 @@ const useStorage = (storageKey, initialStorageValue, options) => {
   return [actualStorageValue, writeToStorage, readFromStorage];
 };
 
-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 TOTAL_STEPS = 3;
-
-const EXPORT_OPERATION_STATES = {
-  PROCESSING: 'processing',
-  COMPLETED: 'completed',
-  FAILED: 'failed',
-  QUEUED: 'queued'
-};
-
-const EXPORT_TYPES = {
-  ALL: 'all',
-  FILTERED: 'filtered',
-  SELECTED: 'selected',
-  QUERY_PREDICATE: 'query-predicate'
-};
-
-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 EXPORT_DATA_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data';
-const CSV_TEMPLATES_LINK = 'https://docs.commercetools.com/merchant-center/import-data#download-a-template';
-
-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 FIELD_SELECTION_MODES = {
-  SELECTED_FIELDS: 'selected-fields',
-  IMPORTED_CSV_TEMPLATE: 'imported-csv-template'
-};
-
-function ownKeys$f(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$f(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$f(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$f(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const DEFAULT_SHORT_LIVED_FLAGS = {};
-const DEFAULT_LONG_LIVED_FLAGS = {};
-_objectSpread$f(_objectSpread$f({}, DEFAULT_SHORT_LIVED_FLAGS), DEFAULT_LONG_LIVED_FLAGS);
-
 function resourceTypeToFileName(resourceType, locale) {
   var _context;
   const date = new Date();
@@ -1488,13 +1572,14 @@ const useInitialValues = props => {
     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),
       queryPredicate: '',
-      // Preferences
       fillRows: false,
+      outputFormat: props.outputFormat,
+      columnSeparator: DELIMITERS$1.COMMA,
+      decimalSeparator: DELIMITERS$1.POINT,
       importedCsvTemplateFile: null
     };
   }, [props.fieldGroups, props.resourceType, props.outputFormat, cachedSelectedGroups, cachedExpandedGroups, locale, userLocale]);
@@ -1570,13 +1655,18 @@ const useStartExportOperation = props => {
       if (localeOption !== 'onlyLocalesFoundInCsvFile') {
         locales = values.locales;
       }
+      const isCsv = values.outputFormat === 'csv';
       const response = await createExportOperation({
         projectKey,
         resourceType: props.resourceType,
         fileName: appendCsvOrJsonExtensionIfAbsent(values.fileName, values.outputFormat),
         fileFormat: values.outputFormat,
         locales,
-        fillRows: values.fillRows,
+        fillRows: isCsv && values.fillRows,
+        separator: isCsv ? {
+          columns: values.columnSeparator,
+          decimal: values.decimalSeparator
+        } : undefined,
         fields,
         where,
         filters
@@ -1807,43 +1897,85 @@ const useValidateExportOperation = () => {
 
 function ownKeys$a(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$a(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$a(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$a(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const OrderPreferences = () => {
+const ExportPreferenceSection = () => {
   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$a({}, 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$a({}, messages.fillRowsForProductExport))
-    })
+  const columnSeparatorOptions = _mapInstanceProperty__default["default"](COLUMN_DELIMITER_OPTIONS).call(COLUMN_DELIMITER_OPTIONS, option => _objectSpread$a(_objectSpread$a({}, option), {}, {
+    label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, option.label))
+  }));
+  const decimalSeparatorOptions = _mapInstanceProperty__default["default"](DECIMAL_DELIMITER_OPTIONS).call(DECIMAL_DELIMITER_OPTIONS, option => _objectSpread$a(_objectSpread$a({}, option), {}, {
+    label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, option.label))
+  }));
+  return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+    scale: "m",
+    children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+      scale: "s",
+      children: [jsxRuntime.jsxs("div", {
+        children: [jsxRuntime.jsx(uiKit.Text.Body, {
+          intlMessage: messages.separators
+        }), jsxRuntime.jsx(uiKit.Text.Caption, {
+          intlMessage: messages.separatorsDescription
+        })]
+      }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+        scale: "s",
+        children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+          scale: "xs",
+          alignItems: "center",
+          children: [jsxRuntime.jsx(uiKit.Text.Body, {
+            intlMessage: messages.columns
+          }), jsxRuntime.jsx(uiKit.SelectInput, {
+            horizontalConstraint: 4,
+            isSearchable: false,
+            options: columnSeparatorOptions,
+            value: _valuesInstanceProperty__default["default"](formik).columnSeparator,
+            onChange: e => {
+              formik.setFieldValue('columnSeparator', e.target.value);
+            },
+            menuPortalTarget: document.body,
+            menuPortalZIndex: Z_INDEX_DROPDOWN
+          })]
+        }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+          scale: "s",
+          alignItems: "center",
+          children: [jsxRuntime.jsx(uiKit.Text.Body, {
+            intlMessage: messages.decimal
+          }), jsxRuntime.jsx(uiKit.SelectInput, {
+            isSearchable: false,
+            options: decimalSeparatorOptions,
+            value: _valuesInstanceProperty__default["default"](formik).decimalSeparator,
+            onChange: e => {
+              formik.setFieldValue('decimalSeparator', e.target.value);
+            },
+            menuPortalTarget: document.body,
+            horizontalConstraint: 4,
+            menuPortalZIndex: Z_INDEX_DROPDOWN
+          })]
+        })]
+      })]
+    }), jsxRuntime.jsxs("div", {
+      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$a({}, messages.fillRows))
+      }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+        scale: "xl",
+        children: [jsxRuntime.jsx("div", {}), jsxRuntime.jsx(uiKit.Text.Caption, {
+          intlMessage: _objectSpread$a(_objectSpread$a({}, messages.moreInformation), {}, {
+            values: {
+              documentationLink: jsxRuntime.jsx(uiKit.Link, {
+                intlMessage: messages.documentation,
+                isExternal: true,
+                to: CSV_STRUCTURE_DOCUMENTATION_LINK
+              }, "documentation-link")
+            }
+          })
+        })]
+      })]
+    })]
   });
 };
-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$9(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$9(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$9(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$9(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -1922,7 +2054,6 @@ function ExportScopeSection() {
 }
 
 const ExportFileSettingsStep = () => {
-  var _context;
   const intl = reactIntl.useIntl();
   const _useExportResourcesMo = useExportResourcesModalContext(),
     formik = _useExportResourcesMo.formik,
@@ -1937,9 +2068,7 @@ const ExportFileSettingsStep = () => {
       setLocaleOption(LocaleOption.Selected);
     }
   };
-
-  // 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';
+  const shouldShowPreferences = _valuesInstanceProperty__default["default"](formik).outputFormat === 'csv';
   return jsxRuntime.jsx(applicationComponents.FormDialog, {
     isOpen: true,
     title: `${intl.formatMessage(messages.stepCount, {
@@ -1961,31 +2090,22 @@ const ExportFileSettingsStep = () => {
         children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
           scale: "l",
           children: jsxRuntime.jsxs(uiKit.Grid, {
-            gridRowGap: uiKit.designTokens.spacingL,
+            gridRowGap: uiKit.designTokens.spacingM,
             gridTemplateColumns: `calc(${uiKit.designTokens.constraint3} + ${uiKit.designTokens.spacingL}) auto`,
             children: [jsxRuntime.jsx(uiKit.Grid.Item, {
               children: jsxRuntime.jsx(uiKit.Text.Body, {
-                intlMessage: messages.exportScope
+                intlMessage: messages.scope
               })
             }), jsxRuntime.jsx(uiKit.Grid.Item, {
               children: jsxRuntime.jsx(ExportScopeSection, {})
             }), jsxRuntime.jsx(uiKit.Grid.Item, {
               children: jsxRuntime.jsx(uiKit.Text.Body, {
-                intlMessage: messages.exportSettings
+                intlMessage: messages.saveAs
               })
             }), jsxRuntime.jsx(uiKit.Grid.Item, {
               children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-                scale: "m",
-                children: [jsxRuntime.jsx(uiKit.SelectField, {
-                  name: "outputFormat",
-                  onChange: handleOutputFormatChange,
-                  onBlur: formik.handleBlur,
-                  value: _valuesInstanceProperty__default["default"](formik).outputFormat,
-                  title: intl.formatMessage(messages.outputFormat),
-                  options: OUTPUT_FORMAT_OPTIONS,
-                  menuPortalTarget: document.body,
-                  menuPortalZIndex: Z_INDEX_DROPDOWN
-                }), jsxRuntime.jsx(fullstory.Masking.Mask, {
+                scale: "s",
+                children: [jsxRuntime.jsx(fullstory.Masking.Mask, {
                   children: jsxRuntime.jsx(uiKit.TextField, {
                     name: "fileName",
                     onChange: formik.handleChange,
@@ -1996,12 +2116,21 @@ const ExportFileSettingsStep = () => {
                     errors: mapFormikErrors(formik.errors.fileName),
                     renderError: renderFileNameError
                   })
+                }), jsxRuntime.jsx(uiKit.SelectField, {
+                  name: "outputFormat",
+                  onChange: handleOutputFormatChange,
+                  onBlur: formik.handleBlur,
+                  value: _valuesInstanceProperty__default["default"](formik).outputFormat,
+                  title: intl.formatMessage(messages.outputFormat),
+                  options: OUTPUT_FORMAT_OPTIONS,
+                  menuPortalTarget: document.body,
+                  menuPortalZIndex: Z_INDEX_DROPDOWN
                 })]
               })
             }), shouldShowPreferences && jsxRuntime.jsxs(jsxRuntime.Fragment, {
               children: [jsxRuntime.jsx(uiKit.Grid.Item, {
                 children: jsxRuntime.jsx(uiKit.Text.Body, {
-                  intlMessage: messages.exportPreferences
+                  intlMessage: messages.csvSettings
                 })
               }), jsxRuntime.jsx(uiKit.Grid.Item, {
                 children: jsxRuntime.jsx(ExportPreferenceSection, {})
@@ -3193,11 +3322,11 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/react.css("" , "" );
 }
 
-var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-02be53e3.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-e9bf7129.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
 
-var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-288842af.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-3161efde.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
 
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-c19096f2.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-85fb3d1d.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,
@@ -3278,17 +3407,17 @@ 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-172c3905.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-de" */'./de-850971a3.cjs.prod.js'); });
     case 'es':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-es" */'./es-b0a9fb31.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-es" */'./es-e73368be.cjs.prod.js'); });
     case 'fr-FR':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-8146efa8.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-0eab30ec.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-c725734e.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-ced88ff5.cjs.prod.js'); });
     default:
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-en" */'./en-951cd344.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-en" */'./en-89430bcb.cjs.prod.js'); });
   }
 };
 const loadMessages = async locale => {