@commercetools-frontend-extensions/export-resources-modal 5.1.4 → 5.2.0

package/dist/{index-9cb88a69.cjs.prod.js → index-47c5bc92.cjs.prod.js}

@@ -19,7 +19,6 @@ 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');
@@ -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,7 +76,6 @@ 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 React__default = /*#__PURE__*/_interopDefault(React);
 var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
@@ -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',
@@ -678,6 +678,10 @@ const renderQueryPredicateError = key => {
   }
 };
 
+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';
+
 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) {
@@ -847,9 +851,6 @@ const OUTPUT_FORMAT_OPTIONS = [{
   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,
@@ -1576,7 +1577,7 @@ const useStartExportOperation = props => {
         fileName: appendCsvOrJsonExtensionIfAbsent(values.fileName, values.outputFormat),
         fileFormat: values.outputFormat,
         locales,
-        fillRows: values.fillRows,
+        fillRows: values.outputFormat === 'csv' && values.fillRows,
         fields,
         where,
         filters
@@ -1807,43 +1808,32 @@ 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, {
+  return 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.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))
-    })
+      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 +1912,6 @@ function ExportScopeSection() {
 }
 
 const ExportFileSettingsStep = () => {
-  var _context;
   const intl = reactIntl.useIntl();
   const _useExportResourcesMo = useExportResourcesModalContext(),
     formik = _useExportResourcesMo.formik,
@@ -1937,9 +1926,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 +1948,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,16 +1974,17 @@ 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.jsx(ExportPreferenceSection, {})]
               })
-            }), 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, {})
-              })]
             })]
           })
         })
@@ -3193,11 +3172,11 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/react.css("" , "" );
 }
 
-var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-a4f63d4c.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-6571c6f1.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
 
-var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-78a2526c.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-a86820f8.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
 
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-d0430070.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-7de84e37.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,
@@ -3278,17 +3257,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-1903dccf.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-de" */'./de-172c3905.cjs.prod.js'); });
     case 'es':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-es" */'./es-7959f578.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-es" */'./es-b0a9fb31.cjs.prod.js'); });
     case 'fr-FR':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-0a721f97.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-8146efa8.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-89644b77.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-c725734e.cjs.prod.js'); });
     default:
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-en" */'./en-34f04489.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-en" */'./en-951cd344.cjs.prod.js'); });
   }
 };
 const loadMessages = async locale => {

package/dist/{index-e8859363.cjs.dev.js → index-7cbf648f.cjs.dev.js}

@@ -19,7 +19,6 @@ 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');
@@ -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,7 +76,6 @@ 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 React__default = /*#__PURE__*/_interopDefault(React);
 var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
@@ -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',
@@ -678,6 +678,10 @@ const renderQueryPredicateError = key => {
   }
 };
 
+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';
+
 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) {
@@ -847,9 +851,6 @@ const OUTPUT_FORMAT_OPTIONS = [{
   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,
@@ -1576,7 +1577,7 @@ const useStartExportOperation = props => {
         fileName: appendCsvOrJsonExtensionIfAbsent(values.fileName, values.outputFormat),
         fileFormat: values.outputFormat,
         locales,
-        fillRows: values.fillRows,
+        fillRows: values.outputFormat === 'csv' && values.fillRows,
         fields,
         where,
         filters
@@ -1807,43 +1808,32 @@ 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, {
+  return 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.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))
-    })
+      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 +1912,6 @@ function ExportScopeSection() {
 }
 
 const ExportFileSettingsStep = () => {
-  var _context;
   const intl = reactIntl.useIntl();
   const _useExportResourcesMo = useExportResourcesModalContext(),
     formik = _useExportResourcesMo.formik,
@@ -1937,9 +1926,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 +1948,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,16 +1974,17 @@ 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.jsx(ExportPreferenceSection, {})]
               })
-            }), 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, {})
-              })]
             })]
           })
         })
@@ -3229,11 +3208,11 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/react.css(process.env.NODE_ENV === "production" ? "" : ";label:getDefaultDropWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBEcm9wem9uZVJvb3RQcm9wcyB9IGZyb20gJ3JlYWN0LWRyb3B6b25lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2RlZmF1bHQnKSB7XG4gICAgICByZXR1cm4gc3R5bGVzLnJlYWR5Rm9yRHJvcFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2FjdGl2ZS1kcmFnJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5hY3RpdmVEcmFnXG4gICAgfVxuICAgIGlmIChwcm9wcy5kcm9wQXJlYVN0YXRlID09PSAnZmlsZS1kcm9wcGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5maWxlRHJvcHBlZFxuICAgIH1cbiAgICByZXR1cm4gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKHByb3BzLmRyb3BBcmVhU3RhdGUpXG4gIH19XG5gXG5mdW5jdGlvbiBnZXREZWZhdWx0RHJvcFdyYXBwZXJTdHlsZXMoX2Ryb3BBcmVhU3RhdGU6IG5ldmVyKSB7XG4gIHJldHVybiBjc3NgYFxufVxuIl19 */");
 }
 
-var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-8f777e8c.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-42bf7adf.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
 
-var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-6b5571a5.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-f0ede72d.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
 
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-5a67b071.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-2c4b364b.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,
@@ -3314,17 +3293,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-b820e753.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-de" */'./de-c18aeb38.cjs.dev.js'); });
     case 'es':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-es" */'./es-01c31bc7.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-es" */'./es-38a3a3ae.cjs.dev.js'); });
     case 'fr-FR':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-d641720a.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-97c22617.cjs.dev.js'); });
     case 'ja':
       return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-ja" */'./ja-9bd5f452.cjs.dev.js'); });
     case 'pt-BR':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-442e5bba.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-c42a98aa.cjs.dev.js'); });
     default:
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-en" */'./en-39d60fa2.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-en" */'./en-68174953.cjs.dev.js'); });
   }
 };
 const loadMessages = async locale => {