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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/{active-drag-drop-area-d6b75271.esm.js → active-drag-drop-area-0c0e312e.esm.js} +2 -2
  2. package/dist/{active-drag-drop-area-95a76828.cjs.dev.js → active-drag-drop-area-42bf7adf.cjs.dev.js} +2 -2
  3. package/dist/{active-drag-drop-area-02be53e3.cjs.prod.js → active-drag-drop-area-6571c6f1.cjs.prod.js} +2 -2
  4. package/dist/commercetools-frontend-extensions-export-resources-modal.cjs.dev.js +2 -2
  5. package/dist/commercetools-frontend-extensions-export-resources-modal.cjs.prod.js +2 -2
  6. package/dist/commercetools-frontend-extensions-export-resources-modal.esm.js +2 -2
  7. package/dist/declarations/src/@constants/urls.d.ts +1 -0
  8. package/dist/{enabled-drop-area-d3bbcefb.esm.js → enabled-drop-area-07845761.esm.js} +2 -2
  9. package/dist/{enabled-drop-area-288842af.cjs.prod.js → enabled-drop-area-a86820f8.cjs.prod.js} +2 -2
  10. package/dist/{enabled-drop-area-febabd16.cjs.dev.js → enabled-drop-area-f0ede72d.cjs.dev.js} +2 -2
  11. package/dist/{file-dropped-area-eb9f32ff.esm.js → file-dropped-area-016972ea.esm.js} +1 -1
  12. package/dist/{file-dropped-area-9fe104b9.cjs.dev.js → file-dropped-area-2c4b364b.cjs.dev.js} +1 -1
  13. package/dist/{file-dropped-area-c19096f2.cjs.prod.js → file-dropped-area-7de84e37.cjs.prod.js} +1 -1
  14. package/dist/{index-6fc91e18.cjs.prod.js → index-47c5bc92.cjs.prod.js} +64 -85
  15. package/dist/{index-fba0d105.cjs.dev.js → index-7cbf648f.cjs.dev.js} +64 -85
  16. package/dist/{index-4b561bdd.esm.js → index-b6f8d138.esm.js} +65 -86
  17. package/package.json +1 -1
@@ -1,4 +1,4 @@
1
- import { F as FileDropped, E as EnabledDropArea } from './index-4b561bdd.esm.js';
1
+ import { F as FileDropped, E as EnabledDropArea } from './index-b6f8d138.esm.js';
2
2
  import { jsx } from '@emotion/react/jsx-runtime';
3
3
  import '@babel/runtime-corejs3/helpers/defineProperty';
4
4
  import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
@@ -18,7 +18,6 @@ import '@babel/runtime-corejs3/core-js-stable/object/define-property';
18
18
  import 'react-intl';
19
19
  import '@commercetools-frontend/application-shell-connectors';
20
20
  import '@commercetools-frontend/ui-kit';
21
- import '@babel/runtime-corejs3/core-js-stable/instance/includes';
22
21
  import '@babel/runtime-corejs3/core-js-stable/instance/values';
23
22
  import '@commercetools-frontend/application-components';
24
23
  import '@commercetools-frontend/fullstory';
@@ -45,6 +44,7 @@ import '@babel/runtime-corejs3/core-js-stable/instance/trim';
45
44
  import '@babel/runtime-corejs3/core-js-stable/instance/bind';
46
45
  import '@babel/runtime-corejs3/core-js-stable/promise';
47
46
  import '@babel/runtime-corejs3/core-js-stable/instance/slice';
47
+ import '@babel/runtime-corejs3/core-js-stable/instance/includes';
48
48
  import '@babel/runtime-corejs3/core-js-stable/object/values';
49
49
  import '@commercetools-frontend/actions-global';
50
50
  import '@commercetools-frontend/constants';
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-fba0d105.cjs.dev.js');
3
+ var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-7cbf648f.cjs.dev.js');
4
4
  var jsxRuntime = require('@emotion/react/jsx-runtime');
5
5
  require('@babel/runtime-corejs3/helpers/defineProperty');
6
6
  require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
@@ -20,7 +20,6 @@ require('@babel/runtime-corejs3/core-js-stable/object/define-property');
20
20
  require('react-intl');
21
21
  require('@commercetools-frontend/application-shell-connectors');
22
22
  require('@commercetools-frontend/ui-kit');
23
- require('@babel/runtime-corejs3/core-js-stable/instance/includes');
24
23
  require('@babel/runtime-corejs3/core-js-stable/instance/values');
25
24
  require('@commercetools-frontend/application-components');
26
25
  require('@commercetools-frontend/fullstory');
@@ -47,6 +46,7 @@ require('@babel/runtime-corejs3/core-js-stable/instance/trim');
47
46
  require('@babel/runtime-corejs3/core-js-stable/instance/bind');
48
47
  require('@babel/runtime-corejs3/core-js-stable/promise');
49
48
  require('@babel/runtime-corejs3/core-js-stable/instance/slice');
49
+ require('@babel/runtime-corejs3/core-js-stable/instance/includes');
50
50
  require('@babel/runtime-corejs3/core-js-stable/object/values');
51
51
  require('@commercetools-frontend/actions-global');
52
52
  require('@commercetools-frontend/constants');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-6fc91e18.cjs.prod.js');
3
+ var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-47c5bc92.cjs.prod.js');
4
4
  var jsxRuntime = require('@emotion/react/jsx-runtime');
5
5
  require('@babel/runtime-corejs3/helpers/defineProperty');
6
6
  require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
@@ -20,7 +20,6 @@ require('@babel/runtime-corejs3/core-js-stable/object/define-property');
20
20
  require('react-intl');
21
21
  require('@commercetools-frontend/application-shell-connectors');
22
22
  require('@commercetools-frontend/ui-kit');
23
- require('@babel/runtime-corejs3/core-js-stable/instance/includes');
24
23
  require('@babel/runtime-corejs3/core-js-stable/instance/values');
25
24
  require('@commercetools-frontend/application-components');
26
25
  require('@commercetools-frontend/fullstory');
@@ -47,6 +46,7 @@ require('@babel/runtime-corejs3/core-js-stable/instance/trim');
47
46
  require('@babel/runtime-corejs3/core-js-stable/instance/bind');
48
47
  require('@babel/runtime-corejs3/core-js-stable/promise');
49
48
  require('@babel/runtime-corejs3/core-js-stable/instance/slice');
49
+ require('@babel/runtime-corejs3/core-js-stable/instance/includes');
50
50
  require('@babel/runtime-corejs3/core-js-stable/object/values');
51
51
  require('@commercetools-frontend/actions-global');
52
52
  require('@commercetools-frontend/constants');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-fba0d105.cjs.dev.js');
5
+ var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-7cbf648f.cjs.dev.js');
6
6
  require('react');
7
7
  require('@commercetools-frontend/ui-kit');
8
8
  require('@emotion/react/jsx-runtime');
@@ -16,7 +16,6 @@ require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
16
16
  require('@babel/runtime-corejs3/core-js-stable/object/define-property');
17
17
  require('@babel/runtime-corejs3/helpers/defineProperty');
18
18
  require('react-intl');
19
- require('@babel/runtime-corejs3/core-js-stable/instance/includes');
20
19
  require('@babel/runtime-corejs3/core-js-stable/instance/values');
21
20
  require('@commercetools-frontend/application-components');
22
21
  require('@commercetools-frontend/fullstory');
@@ -42,6 +41,7 @@ require('@babel/runtime-corejs3/helpers/inherits');
42
41
  require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
43
42
  require('@babel/runtime-corejs3/core-js-stable/promise');
44
43
  require('@babel/runtime-corejs3/core-js-stable/instance/slice');
44
+ require('@babel/runtime-corejs3/core-js-stable/instance/includes');
45
45
  require('@babel/runtime-corejs3/core-js-stable/object/values');
46
46
  require('@commercetools-frontend/application-shell-connectors');
47
47
  require('@babel/runtime-corejs3/helpers/slicedToArray');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-6fc91e18.cjs.prod.js');
5
+ var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-47c5bc92.cjs.prod.js');
6
6
  require('react');
7
7
  require('@commercetools-frontend/ui-kit');
8
8
  require('@emotion/react/jsx-runtime');
@@ -16,7 +16,6 @@ require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
16
16
  require('@babel/runtime-corejs3/core-js-stable/object/define-property');
17
17
  require('@babel/runtime-corejs3/helpers/defineProperty');
18
18
  require('react-intl');
19
- require('@babel/runtime-corejs3/core-js-stable/instance/includes');
20
19
  require('@babel/runtime-corejs3/core-js-stable/instance/values');
21
20
  require('@commercetools-frontend/application-components');
22
21
  require('@commercetools-frontend/fullstory');
@@ -42,6 +41,7 @@ require('@babel/runtime-corejs3/helpers/inherits');
42
41
  require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
43
42
  require('@babel/runtime-corejs3/core-js-stable/promise');
44
43
  require('@babel/runtime-corejs3/core-js-stable/instance/slice');
44
+ require('@babel/runtime-corejs3/core-js-stable/instance/includes');
45
45
  require('@babel/runtime-corejs3/core-js-stable/object/values');
46
46
  require('@commercetools-frontend/application-shell-connectors');
47
47
  require('@babel/runtime-corejs3/helpers/slicedToArray');
@@ -1,4 +1,4 @@
1
- export { c as EXPORTABLE_RESOURCES, b as EXPORT_TYPES, L as LocaleOption, S as Step, a as default, d as useConvertFieldDefinitionsForExport } from './index-4b561bdd.esm.js';
1
+ export { c as EXPORTABLE_RESOURCES, b as EXPORT_TYPES, L as LocaleOption, S as Step, a as default, d as useConvertFieldDefinitionsForExport } from './index-b6f8d138.esm.js';
2
2
  import 'react';
3
3
  import '@commercetools-frontend/ui-kit';
4
4
  import '@emotion/react/jsx-runtime';
@@ -12,7 +12,6 @@ import '@babel/runtime-corejs3/core-js-stable/object/define-properties';
12
12
  import '@babel/runtime-corejs3/core-js-stable/object/define-property';
13
13
  import '@babel/runtime-corejs3/helpers/defineProperty';
14
14
  import 'react-intl';
15
- import '@babel/runtime-corejs3/core-js-stable/instance/includes';
16
15
  import '@babel/runtime-corejs3/core-js-stable/instance/values';
17
16
  import '@commercetools-frontend/application-components';
18
17
  import '@commercetools-frontend/fullstory';
@@ -38,6 +37,7 @@ import '@babel/runtime-corejs3/helpers/inherits';
38
37
  import '@babel/runtime-corejs3/helpers/wrapNativeSuper';
39
38
  import '@babel/runtime-corejs3/core-js-stable/promise';
40
39
  import '@babel/runtime-corejs3/core-js-stable/instance/slice';
40
+ import '@babel/runtime-corejs3/core-js-stable/instance/includes';
41
41
  import '@babel/runtime-corejs3/core-js-stable/object/values';
42
42
  import '@commercetools-frontend/application-shell-connectors';
43
43
  import '@babel/runtime-corejs3/helpers/slicedToArray';
@@ -1,2 +1,3 @@
1
1
  export declare const EXPORT_DATA_DOCUMENTATION_LINK = "https://docs.commercetools.com/merchant-center/export-data";
2
2
  export declare const CSV_TEMPLATES_LINK = "https://docs.commercetools.com/merchant-center/import-data#download-a-template";
3
+ export declare const CSV_STRUCTURE_DOCUMENTATION_LINK = "https://docs.commercetools.com/merchant-center/export-data#structure-of-exported-csv-files";
@@ -10,7 +10,7 @@ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object
10
10
  import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
11
11
  import 'react';
12
12
  import { jsxs, jsx } from '@emotion/react/jsx-runtime';
13
- import { m as messages } from './index-4b561bdd.esm.js';
13
+ import { m as messages } from './index-b6f8d138.esm.js';
14
14
  import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
15
15
  import '@babel/runtime-corejs3/helpers/slicedToArray';
16
16
  import '@babel/runtime-corejs3/core-js-stable/object/entries';
@@ -19,7 +19,6 @@ import '@babel/runtime-corejs3/core-js-stable/instance/ends-with';
19
19
  import '@babel/runtime-corejs3/core-js-stable/json/stringify';
20
20
  import 'react-intl';
21
21
  import '@commercetools-frontend/application-shell-connectors';
22
- import '@babel/runtime-corejs3/core-js-stable/instance/includes';
23
22
  import '@babel/runtime-corejs3/core-js-stable/instance/values';
24
23
  import '@commercetools-frontend/application-components';
25
24
  import '@commercetools-frontend/fullstory';
@@ -45,6 +44,7 @@ import '@babel/runtime-corejs3/core-js-stable/instance/trim';
45
44
  import '@babel/runtime-corejs3/core-js-stable/instance/bind';
46
45
  import '@babel/runtime-corejs3/core-js-stable/promise';
47
46
  import '@babel/runtime-corejs3/core-js-stable/instance/slice';
47
+ import '@babel/runtime-corejs3/core-js-stable/instance/includes';
48
48
  import '@babel/runtime-corejs3/core-js-stable/object/values';
49
49
  import '@commercetools-frontend/actions-global';
50
50
  import '@commercetools-frontend/constants';
@@ -12,7 +12,7 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
12
12
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
13
13
  require('react');
14
14
  var jsxRuntime = require('@emotion/react/jsx-runtime');
15
- var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-6fc91e18.cjs.prod.js');
15
+ var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-47c5bc92.cjs.prod.js');
16
16
  require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
17
17
  require('@babel/runtime-corejs3/helpers/slicedToArray');
18
18
  require('@babel/runtime-corejs3/core-js-stable/object/entries');
@@ -21,7 +21,6 @@ require('@babel/runtime-corejs3/core-js-stable/instance/ends-with');
21
21
  require('@babel/runtime-corejs3/core-js-stable/json/stringify');
22
22
  require('react-intl');
23
23
  require('@commercetools-frontend/application-shell-connectors');
24
- require('@babel/runtime-corejs3/core-js-stable/instance/includes');
25
24
  require('@babel/runtime-corejs3/core-js-stable/instance/values');
26
25
  require('@commercetools-frontend/application-components');
27
26
  require('@commercetools-frontend/fullstory');
@@ -47,6 +46,7 @@ require('@babel/runtime-corejs3/core-js-stable/instance/trim');
47
46
  require('@babel/runtime-corejs3/core-js-stable/instance/bind');
48
47
  require('@babel/runtime-corejs3/core-js-stable/promise');
49
48
  require('@babel/runtime-corejs3/core-js-stable/instance/slice');
49
+ require('@babel/runtime-corejs3/core-js-stable/instance/includes');
50
50
  require('@babel/runtime-corejs3/core-js-stable/object/values');
51
51
  require('@commercetools-frontend/actions-global');
52
52
  require('@commercetools-frontend/constants');
@@ -12,7 +12,7 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
12
12
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
13
13
  require('react');
14
14
  var jsxRuntime = require('@emotion/react/jsx-runtime');
15
- var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-fba0d105.cjs.dev.js');
15
+ var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-7cbf648f.cjs.dev.js');
16
16
  require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
17
17
  require('@babel/runtime-corejs3/helpers/slicedToArray');
18
18
  require('@babel/runtime-corejs3/core-js-stable/object/entries');
@@ -21,7 +21,6 @@ require('@babel/runtime-corejs3/core-js-stable/instance/ends-with');
21
21
  require('@babel/runtime-corejs3/core-js-stable/json/stringify');
22
22
  require('react-intl');
23
23
  require('@commercetools-frontend/application-shell-connectors');
24
- require('@babel/runtime-corejs3/core-js-stable/instance/includes');
25
24
  require('@babel/runtime-corejs3/core-js-stable/instance/values');
26
25
  require('@commercetools-frontend/application-components');
27
26
  require('@commercetools-frontend/fullstory');
@@ -47,6 +46,7 @@ require('@babel/runtime-corejs3/core-js-stable/instance/trim');
47
46
  require('@babel/runtime-corejs3/core-js-stable/instance/bind');
48
47
  require('@babel/runtime-corejs3/core-js-stable/promise');
49
48
  require('@babel/runtime-corejs3/core-js-stable/instance/slice');
49
+ require('@babel/runtime-corejs3/core-js-stable/instance/includes');
50
50
  require('@babel/runtime-corejs3/core-js-stable/object/values');
51
51
  require('@commercetools-frontend/actions-global');
52
52
  require('@commercetools-frontend/constants');
@@ -1,7 +1,7 @@
1
1
  import _valuesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/values';
2
2
  import { useIntl } from 'react-intl';
3
3
  import { Spacings, PaperclipIcon, Constraints, Text, SecondaryButton } from '@commercetools-frontend/ui-kit';
4
- import { u as useExportResourcesModalContext, m as messages } from './index-4b561bdd.esm.js';
4
+ import { u as useExportResourcesModalContext, m as messages } from './index-b6f8d138.esm.js';
5
5
  import '@babel/runtime-corejs3/helpers/slicedToArray';
6
6
  import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
7
7
  import 'react';
@@ -3,7 +3,7 @@
3
3
  var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
4
4
  var reactIntl = require('react-intl');
5
5
  var uiKit = require('@commercetools-frontend/ui-kit');
6
- var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-fba0d105.cjs.dev.js');
6
+ var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-7cbf648f.cjs.dev.js');
7
7
  require('@babel/runtime-corejs3/helpers/slicedToArray');
8
8
  require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
9
9
  require('react');
@@ -3,7 +3,7 @@
3
3
  var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
4
4
  var reactIntl = require('react-intl');
5
5
  var uiKit = require('@commercetools-frontend/ui-kit');
6
- var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-6fc91e18.cjs.prod.js');
6
+ var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-47c5bc92.cjs.prod.js');
7
7
  require('@babel/runtime-corejs3/helpers/slicedToArray');
8
8
  require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
9
9
  require('react');
@@ -19,7 +19,6 @@ var reactIntl = require('react-intl');
19
19
  var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
20
20
  var uiKit = require('@commercetools-frontend/ui-kit');
21
21
  var jsxRuntime = require('@emotion/react/jsx-runtime');
22
- var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
23
22
  var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
24
23
  var applicationComponents = require('@commercetools-frontend/application-components');
25
24
  var fullstory = require('@commercetools-frontend/fullstory');
@@ -46,6 +45,7 @@ var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/insta
46
45
  var _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
47
46
  var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
48
47
  var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
48
+ var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
49
49
  var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
50
50
  var actionsGlobal = require('@commercetools-frontend/actions-global');
51
51
  var constants = require('@commercetools-frontend/constants');
@@ -76,7 +76,6 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
76
76
  var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
77
77
  var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
78
78
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
79
- var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
80
79
  var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
81
80
  var React__default = /*#__PURE__*/_interopDefault(React);
82
81
  var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
@@ -95,6 +94,7 @@ var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceP
95
94
  var _bindInstanceProperty__default = /*#__PURE__*/_interopDefault(_bindInstanceProperty);
96
95
  var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
97
96
  var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
97
+ var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
98
98
  var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
99
99
  var sortBy__default = /*#__PURE__*/_interopDefault(sortBy);
100
100
  var _styled__default = /*#__PURE__*/_interopDefault(_styled);
@@ -278,10 +278,10 @@ var messages = reactIntl.defineMessages({
278
278
  description: 'In Export fields selection - Search by entering the exact field name message',
279
279
  defaultMessage: 'Try searching by entering the exact field name.'
280
280
  },
281
- exportScope: {
282
- id: 'ExportResourcesModal.exportScope',
283
- description: 'Label for Export Scope',
284
- defaultMessage: 'Scope'
281
+ scope: {
282
+ id: 'ExportResourcesModal.scope',
283
+ description: 'Label for "Scope:"',
284
+ defaultMessage: 'Scope:'
285
285
  },
286
286
  exportScopeAllCategories: {
287
287
  id: 'ExportResourcesModal.exportScopeAllCategories',
@@ -398,30 +398,30 @@ var messages = reactIntl.defineMessages({
398
398
  description: 'Label for Export Filtered without count',
399
399
  defaultMessage: 'Export filtered'
400
400
  },
401
- exportSettings: {
402
- id: 'ExportResourcesModal.exportSettings',
403
- description: 'Label for Export Settings',
404
- defaultMessage: 'Settings'
401
+ saveAs: {
402
+ id: 'ExportResourcesModal.saveAs',
403
+ description: 'Label for "Save as:"',
404
+ defaultMessage: 'Save as:'
405
405
  },
406
406
  selected: {
407
407
  id: 'ExportResourcesModal.selected',
408
408
  description: 'Label for total Selected',
409
409
  defaultMessage: '{total} selected'
410
410
  },
411
- exportPreferences: {
412
- id: 'ExportResourcesModal.exportPreferences',
413
- description: 'Label for preferences',
414
- defaultMessage: 'Preferences'
411
+ fillRows: {
412
+ id: 'ExportResourcesModal.fillRows',
413
+ description: 'A checkbox label for filling rows with complete data',
414
+ defaultMessage: 'Fill all rows with complete data'
415
415
  },
416
- fillRowsForOrderExport: {
417
- id: 'ExportResourcesModal.fillRowsForOrderExport',
418
- description: 'A checkbox label for filling rows for order export',
419
- defaultMessage: 'Include Order number, id, and states in every row'
416
+ moreInformation: {
417
+ id: 'ExportResourcesModal.moreInformation',
418
+ description: 'A label for more information',
419
+ defaultMessage: 'For more information, refer to the {documentationLink}'
420
420
  },
421
- fillRowsForProductExport: {
422
- id: 'ExportResourcesModal.fillRowsForProductExport',
423
- description: 'A checkbox label for filling rows for product export',
424
- defaultMessage: 'Include Product- and Variant-level information in every row'
421
+ documentation: {
422
+ id: 'ExportResourcesModal.documentation',
423
+ description: 'A label for Documentation link',
424
+ defaultMessage: 'Documentation'
425
425
  },
426
426
  loadMoreFields: {
427
427
  id: 'ExportResourcesModal.loadMoreFields',
@@ -678,6 +678,10 @@ const renderQueryPredicateError = key => {
678
678
  }
679
679
  };
680
680
 
681
+ const EXPORT_DATA_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data';
682
+ const CSV_TEMPLATES_LINK = 'https://docs.commercetools.com/merchant-center/import-data#download-a-template';
683
+ const CSV_STRUCTURE_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data#structure-of-exported-csv-files';
684
+
681
685
  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)); }
682
686
  function _isNativeReflectConstruct$3() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$3 = function () { return !!t; })(); }
683
687
  let MissingExportResourceProviderError = /*#__PURE__*/function (_Error) {
@@ -847,9 +851,6 @@ const OUTPUT_FORMAT_OPTIONS = [{
847
851
  label: 'JSON'
848
852
  }];
849
853
 
850
- const EXPORT_DATA_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data';
851
- const CSV_TEMPLATES_LINK = 'https://docs.commercetools.com/merchant-center/import-data#download-a-template';
852
-
853
854
  const resourceTypeMessages = {
854
855
  [EXPORTABLE_RESOURCES.CATEGORY]: {
855
856
  exportScopeAll: messages.exportScopeAllCategories,
@@ -1576,7 +1577,7 @@ const useStartExportOperation = props => {
1576
1577
  fileName: appendCsvOrJsonExtensionIfAbsent(values.fileName, values.outputFormat),
1577
1578
  fileFormat: values.outputFormat,
1578
1579
  locales,
1579
- fillRows: values.fillRows,
1580
+ fillRows: values.outputFormat === 'csv' && values.fillRows,
1580
1581
  fields,
1581
1582
  where,
1582
1583
  filters
@@ -1807,43 +1808,32 @@ const useValidateExportOperation = () => {
1807
1808
 
1808
1809
  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; }
1809
1810
  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; }
1810
- const OrderPreferences = () => {
1811
+ const ExportPreferenceSection = () => {
1811
1812
  const _useExportResourcesMo = useExportResourcesModalContext(),
1812
1813
  formik = _useExportResourcesMo.formik;
1813
- return jsxRuntime.jsx(jsxRuntime.Fragment, {
1814
- children: jsxRuntime.jsx(uiKit.CheckboxInput, {
1814
+ return jsxRuntime.jsxs("div", {
1815
+ children: [jsxRuntime.jsx(uiKit.CheckboxInput, {
1815
1816
  isChecked: _valuesInstanceProperty__default["default"](formik).fillRows,
1816
1817
  onChange: e => {
1817
1818
  formik.setFieldValue('fillRows', e.target.checked);
1818
1819
  },
1819
- children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, messages.fillRowsForOrderExport))
1820
- })
1821
- });
1822
- };
1823
- const ProductPreferences = () => {
1824
- const _useExportResourcesMo2 = useExportResourcesModalContext(),
1825
- formik = _useExportResourcesMo2.formik;
1826
- return jsxRuntime.jsx(jsxRuntime.Fragment, {
1827
- children: jsxRuntime.jsx(uiKit.CheckboxInput, {
1828
- isChecked: _valuesInstanceProperty__default["default"](formik).fillRows,
1829
- onChange: e => {
1830
- formik.setFieldValue('fillRows', e.target.checked);
1831
- },
1832
- children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, messages.fillRowsForProductExport))
1833
- })
1820
+ children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, messages.fillRows))
1821
+ }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
1822
+ scale: "xl",
1823
+ children: [jsxRuntime.jsx("div", {}), jsxRuntime.jsx(uiKit.Text.Caption, {
1824
+ intlMessage: _objectSpread$a(_objectSpread$a({}, messages.moreInformation), {}, {
1825
+ values: {
1826
+ documentationLink: jsxRuntime.jsx(uiKit.Link, {
1827
+ intlMessage: messages.documentation,
1828
+ isExternal: true,
1829
+ to: CSV_STRUCTURE_DOCUMENTATION_LINK
1830
+ }, "documentation-link")
1831
+ }
1832
+ })
1833
+ })]
1834
+ })]
1834
1835
  });
1835
1836
  };
1836
- const ExportPreferenceSection = () => {
1837
- const _useExportResourcesMo3 = useExportResourcesModalContext(),
1838
- resourceType = _useExportResourcesMo3.resourceType;
1839
- if (resourceType === 'order') {
1840
- return jsxRuntime.jsx(OrderPreferences, {});
1841
- }
1842
- if (resourceType === 'product') {
1843
- return jsxRuntime.jsx(ProductPreferences, {});
1844
- }
1845
- return null;
1846
- };
1847
1837
 
1848
1838
  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; }
1849
1839
  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() {
1922
1912
  }
1923
1913
 
1924
1914
  const ExportFileSettingsStep = () => {
1925
- var _context;
1926
1915
  const intl = reactIntl.useIntl();
1927
1916
  const _useExportResourcesMo = useExportResourcesModalContext(),
1928
1917
  formik = _useExportResourcesMo.formik,
@@ -1937,9 +1926,7 @@ const ExportFileSettingsStep = () => {
1937
1926
  setLocaleOption(LocaleOption.Selected);
1938
1927
  }
1939
1928
  };
1940
-
1941
- // TODO: make this dynamic based on the resource type & output format (more scalable)
1942
- const shouldShowPreferences = _includesInstanceProperty__default["default"](_context = ['order', 'product']).call(_context, resourceType) && _valuesInstanceProperty__default["default"](formik).outputFormat === 'csv';
1929
+ const shouldShowPreferences = _valuesInstanceProperty__default["default"](formik).outputFormat === 'csv';
1943
1930
  return jsxRuntime.jsx(applicationComponents.FormDialog, {
1944
1931
  isOpen: true,
1945
1932
  title: `${intl.formatMessage(messages.stepCount, {
@@ -1961,31 +1948,22 @@ const ExportFileSettingsStep = () => {
1961
1948
  children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
1962
1949
  scale: "l",
1963
1950
  children: jsxRuntime.jsxs(uiKit.Grid, {
1964
- gridRowGap: uiKit.designTokens.spacingL,
1951
+ gridRowGap: uiKit.designTokens.spacingM,
1965
1952
  gridTemplateColumns: `calc(${uiKit.designTokens.constraint3} + ${uiKit.designTokens.spacingL}) auto`,
1966
1953
  children: [jsxRuntime.jsx(uiKit.Grid.Item, {
1967
1954
  children: jsxRuntime.jsx(uiKit.Text.Body, {
1968
- intlMessage: messages.exportScope
1955
+ intlMessage: messages.scope
1969
1956
  })
1970
1957
  }), jsxRuntime.jsx(uiKit.Grid.Item, {
1971
1958
  children: jsxRuntime.jsx(ExportScopeSection, {})
1972
1959
  }), jsxRuntime.jsx(uiKit.Grid.Item, {
1973
1960
  children: jsxRuntime.jsx(uiKit.Text.Body, {
1974
- intlMessage: messages.exportSettings
1961
+ intlMessage: messages.saveAs
1975
1962
  })
1976
1963
  }), jsxRuntime.jsx(uiKit.Grid.Item, {
1977
1964
  children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
1978
- scale: "m",
1979
- children: [jsxRuntime.jsx(uiKit.SelectField, {
1980
- name: "outputFormat",
1981
- onChange: handleOutputFormatChange,
1982
- onBlur: formik.handleBlur,
1983
- value: _valuesInstanceProperty__default["default"](formik).outputFormat,
1984
- title: intl.formatMessage(messages.outputFormat),
1985
- options: OUTPUT_FORMAT_OPTIONS,
1986
- menuPortalTarget: document.body,
1987
- menuPortalZIndex: Z_INDEX_DROPDOWN
1988
- }), jsxRuntime.jsx(fullstory.Masking.Mask, {
1965
+ scale: "s",
1966
+ children: [jsxRuntime.jsx(fullstory.Masking.Mask, {
1989
1967
  children: jsxRuntime.jsx(uiKit.TextField, {
1990
1968
  name: "fileName",
1991
1969
  onChange: formik.handleChange,
@@ -1996,16 +1974,17 @@ const ExportFileSettingsStep = () => {
1996
1974
  errors: mapFormikErrors(formik.errors.fileName),
1997
1975
  renderError: renderFileNameError
1998
1976
  })
1999
- })]
1977
+ }), jsxRuntime.jsx(uiKit.SelectField, {
1978
+ name: "outputFormat",
1979
+ onChange: handleOutputFormatChange,
1980
+ onBlur: formik.handleBlur,
1981
+ value: _valuesInstanceProperty__default["default"](formik).outputFormat,
1982
+ title: intl.formatMessage(messages.outputFormat),
1983
+ options: OUTPUT_FORMAT_OPTIONS,
1984
+ menuPortalTarget: document.body,
1985
+ menuPortalZIndex: Z_INDEX_DROPDOWN
1986
+ }), shouldShowPreferences && jsxRuntime.jsx(ExportPreferenceSection, {})]
2000
1987
  })
2001
- }), shouldShowPreferences && jsxRuntime.jsxs(jsxRuntime.Fragment, {
2002
- children: [jsxRuntime.jsx(uiKit.Grid.Item, {
2003
- children: jsxRuntime.jsx(uiKit.Text.Body, {
2004
- intlMessage: messages.exportPreferences
2005
- })
2006
- }), jsxRuntime.jsx(uiKit.Grid.Item, {
2007
- children: jsxRuntime.jsx(ExportPreferenceSection, {})
2008
- })]
2009
1988
  })]
2010
1989
  })
2011
1990
  })
@@ -3193,11 +3172,11 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
3193
3172
  return /*#__PURE__*/react.css("" , "" );
3194
3173
  }
3195
3174
 
3196
- var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-02be53e3.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
3175
+ var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-6571c6f1.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
3197
3176
 
3198
- var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-288842af.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
3177
+ var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-a86820f8.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
3199
3178
 
3200
- var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-c19096f2.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
3179
+ var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-7de84e37.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
3201
3180
 
3202
3181
  function getDropArea(_ref) {
3203
3182
  let dropAreaState = _ref.dropAreaState,
@@ -19,7 +19,6 @@ var reactIntl = require('react-intl');
19
19
  var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
20
20
  var uiKit = require('@commercetools-frontend/ui-kit');
21
21
  var jsxRuntime = require('@emotion/react/jsx-runtime');
22
- var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
23
22
  var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
24
23
  var applicationComponents = require('@commercetools-frontend/application-components');
25
24
  var fullstory = require('@commercetools-frontend/fullstory');
@@ -46,6 +45,7 @@ var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/insta
46
45
  var _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
47
46
  var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
48
47
  var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
48
+ var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
49
49
  var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
50
50
  var actionsGlobal = require('@commercetools-frontend/actions-global');
51
51
  var constants = require('@commercetools-frontend/constants');
@@ -76,7 +76,6 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
76
76
  var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
77
77
  var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
78
78
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
79
- var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
80
79
  var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
81
80
  var React__default = /*#__PURE__*/_interopDefault(React);
82
81
  var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
@@ -95,6 +94,7 @@ var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceP
95
94
  var _bindInstanceProperty__default = /*#__PURE__*/_interopDefault(_bindInstanceProperty);
96
95
  var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
97
96
  var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
97
+ var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
98
98
  var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
99
99
  var sortBy__default = /*#__PURE__*/_interopDefault(sortBy);
100
100
  var _styled__default = /*#__PURE__*/_interopDefault(_styled);
@@ -278,10 +278,10 @@ var messages = reactIntl.defineMessages({
278
278
  description: 'In Export fields selection - Search by entering the exact field name message',
279
279
  defaultMessage: 'Try searching by entering the exact field name.'
280
280
  },
281
- exportScope: {
282
- id: 'ExportResourcesModal.exportScope',
283
- description: 'Label for Export Scope',
284
- defaultMessage: 'Scope'
281
+ scope: {
282
+ id: 'ExportResourcesModal.scope',
283
+ description: 'Label for "Scope:"',
284
+ defaultMessage: 'Scope:'
285
285
  },
286
286
  exportScopeAllCategories: {
287
287
  id: 'ExportResourcesModal.exportScopeAllCategories',
@@ -398,30 +398,30 @@ var messages = reactIntl.defineMessages({
398
398
  description: 'Label for Export Filtered without count',
399
399
  defaultMessage: 'Export filtered'
400
400
  },
401
- exportSettings: {
402
- id: 'ExportResourcesModal.exportSettings',
403
- description: 'Label for Export Settings',
404
- defaultMessage: 'Settings'
401
+ saveAs: {
402
+ id: 'ExportResourcesModal.saveAs',
403
+ description: 'Label for "Save as:"',
404
+ defaultMessage: 'Save as:'
405
405
  },
406
406
  selected: {
407
407
  id: 'ExportResourcesModal.selected',
408
408
  description: 'Label for total Selected',
409
409
  defaultMessage: '{total} selected'
410
410
  },
411
- exportPreferences: {
412
- id: 'ExportResourcesModal.exportPreferences',
413
- description: 'Label for preferences',
414
- defaultMessage: 'Preferences'
411
+ fillRows: {
412
+ id: 'ExportResourcesModal.fillRows',
413
+ description: 'A checkbox label for filling rows with complete data',
414
+ defaultMessage: 'Fill all rows with complete data'
415
415
  },
416
- fillRowsForOrderExport: {
417
- id: 'ExportResourcesModal.fillRowsForOrderExport',
418
- description: 'A checkbox label for filling rows for order export',
419
- defaultMessage: 'Include Order number, id, and states in every row'
416
+ moreInformation: {
417
+ id: 'ExportResourcesModal.moreInformation',
418
+ description: 'A label for more information',
419
+ defaultMessage: 'For more information, refer to the {documentationLink}'
420
420
  },
421
- fillRowsForProductExport: {
422
- id: 'ExportResourcesModal.fillRowsForProductExport',
423
- description: 'A checkbox label for filling rows for product export',
424
- defaultMessage: 'Include Product- and Variant-level information in every row'
421
+ documentation: {
422
+ id: 'ExportResourcesModal.documentation',
423
+ description: 'A label for Documentation link',
424
+ defaultMessage: 'Documentation'
425
425
  },
426
426
  loadMoreFields: {
427
427
  id: 'ExportResourcesModal.loadMoreFields',
@@ -678,6 +678,10 @@ const renderQueryPredicateError = key => {
678
678
  }
679
679
  };
680
680
 
681
+ const EXPORT_DATA_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data';
682
+ const CSV_TEMPLATES_LINK = 'https://docs.commercetools.com/merchant-center/import-data#download-a-template';
683
+ const CSV_STRUCTURE_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data#structure-of-exported-csv-files';
684
+
681
685
  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)); }
682
686
  function _isNativeReflectConstruct$3() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$3 = function () { return !!t; })(); }
683
687
  let MissingExportResourceProviderError = /*#__PURE__*/function (_Error) {
@@ -847,9 +851,6 @@ const OUTPUT_FORMAT_OPTIONS = [{
847
851
  label: 'JSON'
848
852
  }];
849
853
 
850
- const EXPORT_DATA_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data';
851
- const CSV_TEMPLATES_LINK = 'https://docs.commercetools.com/merchant-center/import-data#download-a-template';
852
-
853
854
  const resourceTypeMessages = {
854
855
  [EXPORTABLE_RESOURCES.CATEGORY]: {
855
856
  exportScopeAll: messages.exportScopeAllCategories,
@@ -1576,7 +1577,7 @@ const useStartExportOperation = props => {
1576
1577
  fileName: appendCsvOrJsonExtensionIfAbsent(values.fileName, values.outputFormat),
1577
1578
  fileFormat: values.outputFormat,
1578
1579
  locales,
1579
- fillRows: values.fillRows,
1580
+ fillRows: values.outputFormat === 'csv' && values.fillRows,
1580
1581
  fields,
1581
1582
  where,
1582
1583
  filters
@@ -1807,43 +1808,32 @@ const useValidateExportOperation = () => {
1807
1808
 
1808
1809
  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; }
1809
1810
  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; }
1810
- const OrderPreferences = () => {
1811
+ const ExportPreferenceSection = () => {
1811
1812
  const _useExportResourcesMo = useExportResourcesModalContext(),
1812
1813
  formik = _useExportResourcesMo.formik;
1813
- return jsxRuntime.jsx(jsxRuntime.Fragment, {
1814
- children: jsxRuntime.jsx(uiKit.CheckboxInput, {
1814
+ return jsxRuntime.jsxs("div", {
1815
+ children: [jsxRuntime.jsx(uiKit.CheckboxInput, {
1815
1816
  isChecked: _valuesInstanceProperty__default["default"](formik).fillRows,
1816
1817
  onChange: e => {
1817
1818
  formik.setFieldValue('fillRows', e.target.checked);
1818
1819
  },
1819
- children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, messages.fillRowsForOrderExport))
1820
- })
1821
- });
1822
- };
1823
- const ProductPreferences = () => {
1824
- const _useExportResourcesMo2 = useExportResourcesModalContext(),
1825
- formik = _useExportResourcesMo2.formik;
1826
- return jsxRuntime.jsx(jsxRuntime.Fragment, {
1827
- children: jsxRuntime.jsx(uiKit.CheckboxInput, {
1828
- isChecked: _valuesInstanceProperty__default["default"](formik).fillRows,
1829
- onChange: e => {
1830
- formik.setFieldValue('fillRows', e.target.checked);
1831
- },
1832
- children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, messages.fillRowsForProductExport))
1833
- })
1820
+ children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, messages.fillRows))
1821
+ }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
1822
+ scale: "xl",
1823
+ children: [jsxRuntime.jsx("div", {}), jsxRuntime.jsx(uiKit.Text.Caption, {
1824
+ intlMessage: _objectSpread$a(_objectSpread$a({}, messages.moreInformation), {}, {
1825
+ values: {
1826
+ documentationLink: jsxRuntime.jsx(uiKit.Link, {
1827
+ intlMessage: messages.documentation,
1828
+ isExternal: true,
1829
+ to: CSV_STRUCTURE_DOCUMENTATION_LINK
1830
+ }, "documentation-link")
1831
+ }
1832
+ })
1833
+ })]
1834
+ })]
1834
1835
  });
1835
1836
  };
1836
- const ExportPreferenceSection = () => {
1837
- const _useExportResourcesMo3 = useExportResourcesModalContext(),
1838
- resourceType = _useExportResourcesMo3.resourceType;
1839
- if (resourceType === 'order') {
1840
- return jsxRuntime.jsx(OrderPreferences, {});
1841
- }
1842
- if (resourceType === 'product') {
1843
- return jsxRuntime.jsx(ProductPreferences, {});
1844
- }
1845
- return null;
1846
- };
1847
1837
 
1848
1838
  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; }
1849
1839
  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() {
1922
1912
  }
1923
1913
 
1924
1914
  const ExportFileSettingsStep = () => {
1925
- var _context;
1926
1915
  const intl = reactIntl.useIntl();
1927
1916
  const _useExportResourcesMo = useExportResourcesModalContext(),
1928
1917
  formik = _useExportResourcesMo.formik,
@@ -1937,9 +1926,7 @@ const ExportFileSettingsStep = () => {
1937
1926
  setLocaleOption(LocaleOption.Selected);
1938
1927
  }
1939
1928
  };
1940
-
1941
- // TODO: make this dynamic based on the resource type & output format (more scalable)
1942
- const shouldShowPreferences = _includesInstanceProperty__default["default"](_context = ['order', 'product']).call(_context, resourceType) && _valuesInstanceProperty__default["default"](formik).outputFormat === 'csv';
1929
+ const shouldShowPreferences = _valuesInstanceProperty__default["default"](formik).outputFormat === 'csv';
1943
1930
  return jsxRuntime.jsx(applicationComponents.FormDialog, {
1944
1931
  isOpen: true,
1945
1932
  title: `${intl.formatMessage(messages.stepCount, {
@@ -1961,31 +1948,22 @@ const ExportFileSettingsStep = () => {
1961
1948
  children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
1962
1949
  scale: "l",
1963
1950
  children: jsxRuntime.jsxs(uiKit.Grid, {
1964
- gridRowGap: uiKit.designTokens.spacingL,
1951
+ gridRowGap: uiKit.designTokens.spacingM,
1965
1952
  gridTemplateColumns: `calc(${uiKit.designTokens.constraint3} + ${uiKit.designTokens.spacingL}) auto`,
1966
1953
  children: [jsxRuntime.jsx(uiKit.Grid.Item, {
1967
1954
  children: jsxRuntime.jsx(uiKit.Text.Body, {
1968
- intlMessage: messages.exportScope
1955
+ intlMessage: messages.scope
1969
1956
  })
1970
1957
  }), jsxRuntime.jsx(uiKit.Grid.Item, {
1971
1958
  children: jsxRuntime.jsx(ExportScopeSection, {})
1972
1959
  }), jsxRuntime.jsx(uiKit.Grid.Item, {
1973
1960
  children: jsxRuntime.jsx(uiKit.Text.Body, {
1974
- intlMessage: messages.exportSettings
1961
+ intlMessage: messages.saveAs
1975
1962
  })
1976
1963
  }), jsxRuntime.jsx(uiKit.Grid.Item, {
1977
1964
  children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
1978
- scale: "m",
1979
- children: [jsxRuntime.jsx(uiKit.SelectField, {
1980
- name: "outputFormat",
1981
- onChange: handleOutputFormatChange,
1982
- onBlur: formik.handleBlur,
1983
- value: _valuesInstanceProperty__default["default"](formik).outputFormat,
1984
- title: intl.formatMessage(messages.outputFormat),
1985
- options: OUTPUT_FORMAT_OPTIONS,
1986
- menuPortalTarget: document.body,
1987
- menuPortalZIndex: Z_INDEX_DROPDOWN
1988
- }), jsxRuntime.jsx(fullstory.Masking.Mask, {
1965
+ scale: "s",
1966
+ children: [jsxRuntime.jsx(fullstory.Masking.Mask, {
1989
1967
  children: jsxRuntime.jsx(uiKit.TextField, {
1990
1968
  name: "fileName",
1991
1969
  onChange: formik.handleChange,
@@ -1996,16 +1974,17 @@ const ExportFileSettingsStep = () => {
1996
1974
  errors: mapFormikErrors(formik.errors.fileName),
1997
1975
  renderError: renderFileNameError
1998
1976
  })
1999
- })]
1977
+ }), jsxRuntime.jsx(uiKit.SelectField, {
1978
+ name: "outputFormat",
1979
+ onChange: handleOutputFormatChange,
1980
+ onBlur: formik.handleBlur,
1981
+ value: _valuesInstanceProperty__default["default"](formik).outputFormat,
1982
+ title: intl.formatMessage(messages.outputFormat),
1983
+ options: OUTPUT_FORMAT_OPTIONS,
1984
+ menuPortalTarget: document.body,
1985
+ menuPortalZIndex: Z_INDEX_DROPDOWN
1986
+ }), shouldShowPreferences && jsxRuntime.jsx(ExportPreferenceSection, {})]
2000
1987
  })
2001
- }), shouldShowPreferences && jsxRuntime.jsxs(jsxRuntime.Fragment, {
2002
- children: [jsxRuntime.jsx(uiKit.Grid.Item, {
2003
- children: jsxRuntime.jsx(uiKit.Text.Body, {
2004
- intlMessage: messages.exportPreferences
2005
- })
2006
- }), jsxRuntime.jsx(uiKit.Grid.Item, {
2007
- children: jsxRuntime.jsx(ExportPreferenceSection, {})
2008
- })]
2009
1988
  })]
2010
1989
  })
2011
1990
  })
@@ -3229,11 +3208,11 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
3229
3208
  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 */");
3230
3209
  }
3231
3210
 
3232
- var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-95a76828.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
3211
+ var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-42bf7adf.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
3233
3212
 
3234
- var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-febabd16.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
3213
+ var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-f0ede72d.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
3235
3214
 
3236
- var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-9fe104b9.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
3215
+ var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-2c4b364b.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
3237
3216
 
3238
3217
  function getDropArea(_ref) {
3239
3218
  let dropAreaState = _ref.dropAreaState,
@@ -15,9 +15,8 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/obje
15
15
  import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
16
16
  import { defineMessages, FormattedMessage, useIntl, IntlProvider } from 'react-intl';
17
17
  import { useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
18
- import { Text, TextInput, CheckboxInput, RadioInput, TextField, AngleRightIcon, Spacings, Grid, designTokens, SelectField, FieldLabel, Constraints, Tooltip, SupportIcon, Link, Stamp, IconButton, AngleDownIcon, CollapsibleMotion, Card, SearchTextInput, TagList, FlatButton, AngleUpIcon, CheckBoldIcon, DataTable } from '@commercetools-frontend/ui-kit';
19
- import { jsx, Fragment, jsxs } from '@emotion/react/jsx-runtime';
20
- import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
18
+ import { Text, TextInput, CheckboxInput, Spacings, Link, RadioInput, TextField, AngleRightIcon, Grid, designTokens, SelectField, FieldLabel, Constraints, Tooltip, SupportIcon, Stamp, IconButton, AngleDownIcon, CollapsibleMotion, Card, SearchTextInput, TagList, FlatButton, AngleUpIcon, CheckBoldIcon, DataTable } from '@commercetools-frontend/ui-kit';
19
+ import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
21
20
  import _valuesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/values';
22
21
  import { FormDialog } from '@commercetools-frontend/application-components';
23
22
  import { Masking } from '@commercetools-frontend/fullstory';
@@ -44,6 +43,7 @@ import _trimInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instanc
44
43
  import _bindInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/bind';
45
44
  import _Promise from '@babel/runtime-corejs3/core-js-stable/promise';
46
45
  import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
46
+ import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
47
47
  import _Object$values from '@babel/runtime-corejs3/core-js-stable/object/values';
48
48
  import { useShowNotification } from '@commercetools-frontend/actions-global';
49
49
  import { MC_API_PROXY_TARGETS, DOMAINS } from '@commercetools-frontend/constants';
@@ -237,10 +237,10 @@ var messages = defineMessages({
237
237
  description: 'In Export fields selection - Search by entering the exact field name message',
238
238
  defaultMessage: 'Try searching by entering the exact field name.'
239
239
  },
240
- exportScope: {
241
- id: 'ExportResourcesModal.exportScope',
242
- description: 'Label for Export Scope',
243
- defaultMessage: 'Scope'
240
+ scope: {
241
+ id: 'ExportResourcesModal.scope',
242
+ description: 'Label for "Scope:"',
243
+ defaultMessage: 'Scope:'
244
244
  },
245
245
  exportScopeAllCategories: {
246
246
  id: 'ExportResourcesModal.exportScopeAllCategories',
@@ -357,30 +357,30 @@ var messages = defineMessages({
357
357
  description: 'Label for Export Filtered without count',
358
358
  defaultMessage: 'Export filtered'
359
359
  },
360
- exportSettings: {
361
- id: 'ExportResourcesModal.exportSettings',
362
- description: 'Label for Export Settings',
363
- defaultMessage: 'Settings'
360
+ saveAs: {
361
+ id: 'ExportResourcesModal.saveAs',
362
+ description: 'Label for "Save as:"',
363
+ defaultMessage: 'Save as:'
364
364
  },
365
365
  selected: {
366
366
  id: 'ExportResourcesModal.selected',
367
367
  description: 'Label for total Selected',
368
368
  defaultMessage: '{total} selected'
369
369
  },
370
- exportPreferences: {
371
- id: 'ExportResourcesModal.exportPreferences',
372
- description: 'Label for preferences',
373
- defaultMessage: 'Preferences'
370
+ fillRows: {
371
+ id: 'ExportResourcesModal.fillRows',
372
+ description: 'A checkbox label for filling rows with complete data',
373
+ defaultMessage: 'Fill all rows with complete data'
374
374
  },
375
- fillRowsForOrderExport: {
376
- id: 'ExportResourcesModal.fillRowsForOrderExport',
377
- description: 'A checkbox label for filling rows for order export',
378
- defaultMessage: 'Include Order number, id, and states in every row'
375
+ moreInformation: {
376
+ id: 'ExportResourcesModal.moreInformation',
377
+ description: 'A label for more information',
378
+ defaultMessage: 'For more information, refer to the {documentationLink}'
379
379
  },
380
- fillRowsForProductExport: {
381
- id: 'ExportResourcesModal.fillRowsForProductExport',
382
- description: 'A checkbox label for filling rows for product export',
383
- defaultMessage: 'Include Product- and Variant-level information in every row'
380
+ documentation: {
381
+ id: 'ExportResourcesModal.documentation',
382
+ description: 'A label for Documentation link',
383
+ defaultMessage: 'Documentation'
384
384
  },
385
385
  loadMoreFields: {
386
386
  id: 'ExportResourcesModal.loadMoreFields',
@@ -637,6 +637,10 @@ const renderQueryPredicateError = key => {
637
637
  }
638
638
  };
639
639
 
640
+ const EXPORT_DATA_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data';
641
+ const CSV_TEMPLATES_LINK = 'https://docs.commercetools.com/merchant-center/import-data#download-a-template';
642
+ const CSV_STRUCTURE_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data#structure-of-exported-csv-files';
643
+
640
644
  function _callSuper$3(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$3() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
641
645
  function _isNativeReflectConstruct$3() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$3 = function () { return !!t; })(); }
642
646
  let MissingExportResourceProviderError = /*#__PURE__*/function (_Error) {
@@ -806,9 +810,6 @@ const OUTPUT_FORMAT_OPTIONS = [{
806
810
  label: 'JSON'
807
811
  }];
808
812
 
809
- const EXPORT_DATA_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data';
810
- const CSV_TEMPLATES_LINK = 'https://docs.commercetools.com/merchant-center/import-data#download-a-template';
811
-
812
813
  const resourceTypeMessages = {
813
814
  [EXPORTABLE_RESOURCES.CATEGORY]: {
814
815
  exportScopeAll: messages.exportScopeAllCategories,
@@ -1535,7 +1536,7 @@ const useStartExportOperation = props => {
1535
1536
  fileName: appendCsvOrJsonExtensionIfAbsent(values.fileName, values.outputFormat),
1536
1537
  fileFormat: values.outputFormat,
1537
1538
  locales,
1538
- fillRows: values.fillRows,
1539
+ fillRows: values.outputFormat === 'csv' && values.fillRows,
1539
1540
  fields,
1540
1541
  where,
1541
1542
  filters
@@ -1766,43 +1767,32 @@ const useValidateExportOperation = () => {
1766
1767
 
1767
1768
  function ownKeys$a(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1768
1769
  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(_context = ownKeys$a(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$a(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
1769
- const OrderPreferences = () => {
1770
+ const ExportPreferenceSection = () => {
1770
1771
  const _useExportResourcesMo = useExportResourcesModalContext(),
1771
1772
  formik = _useExportResourcesMo.formik;
1772
- return jsx(Fragment, {
1773
- children: jsx(CheckboxInput, {
1774
- isChecked: _valuesInstanceProperty(formik).fillRows,
1775
- onChange: e => {
1776
- formik.setFieldValue('fillRows', e.target.checked);
1777
- },
1778
- children: jsx(FormattedMessage, _objectSpread$a({}, messages.fillRowsForOrderExport))
1779
- })
1780
- });
1781
- };
1782
- const ProductPreferences = () => {
1783
- const _useExportResourcesMo2 = useExportResourcesModalContext(),
1784
- formik = _useExportResourcesMo2.formik;
1785
- return jsx(Fragment, {
1786
- children: jsx(CheckboxInput, {
1773
+ return jsxs("div", {
1774
+ children: [jsx(CheckboxInput, {
1787
1775
  isChecked: _valuesInstanceProperty(formik).fillRows,
1788
1776
  onChange: e => {
1789
1777
  formik.setFieldValue('fillRows', e.target.checked);
1790
1778
  },
1791
- children: jsx(FormattedMessage, _objectSpread$a({}, messages.fillRowsForProductExport))
1792
- })
1779
+ children: jsx(FormattedMessage, _objectSpread$a({}, messages.fillRows))
1780
+ }), jsxs(Spacings.Inline, {
1781
+ scale: "xl",
1782
+ children: [jsx("div", {}), jsx(Text.Caption, {
1783
+ intlMessage: _objectSpread$a(_objectSpread$a({}, messages.moreInformation), {}, {
1784
+ values: {
1785
+ documentationLink: jsx(Link, {
1786
+ intlMessage: messages.documentation,
1787
+ isExternal: true,
1788
+ to: CSV_STRUCTURE_DOCUMENTATION_LINK
1789
+ }, "documentation-link")
1790
+ }
1791
+ })
1792
+ })]
1793
+ })]
1793
1794
  });
1794
1795
  };
1795
- const ExportPreferenceSection = () => {
1796
- const _useExportResourcesMo3 = useExportResourcesModalContext(),
1797
- resourceType = _useExportResourcesMo3.resourceType;
1798
- if (resourceType === 'order') {
1799
- return jsx(OrderPreferences, {});
1800
- }
1801
- if (resourceType === 'product') {
1802
- return jsx(ProductPreferences, {});
1803
- }
1804
- return null;
1805
- };
1806
1796
 
1807
1797
  function ownKeys$9(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1808
1798
  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(_context = ownKeys$9(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$9(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -1881,7 +1871,6 @@ function ExportScopeSection() {
1881
1871
  }
1882
1872
 
1883
1873
  const ExportFileSettingsStep = () => {
1884
- var _context;
1885
1874
  const intl = useIntl();
1886
1875
  const _useExportResourcesMo = useExportResourcesModalContext(),
1887
1876
  formik = _useExportResourcesMo.formik,
@@ -1896,9 +1885,7 @@ const ExportFileSettingsStep = () => {
1896
1885
  setLocaleOption(LocaleOption.Selected);
1897
1886
  }
1898
1887
  };
1899
-
1900
- // TODO: make this dynamic based on the resource type & output format (more scalable)
1901
- const shouldShowPreferences = _includesInstanceProperty(_context = ['order', 'product']).call(_context, resourceType) && _valuesInstanceProperty(formik).outputFormat === 'csv';
1888
+ const shouldShowPreferences = _valuesInstanceProperty(formik).outputFormat === 'csv';
1902
1889
  return jsx(FormDialog, {
1903
1890
  isOpen: true,
1904
1891
  title: `${intl.formatMessage(messages.stepCount, {
@@ -1920,31 +1907,22 @@ const ExportFileSettingsStep = () => {
1920
1907
  children: jsx(Spacings.Stack, {
1921
1908
  scale: "l",
1922
1909
  children: jsxs(Grid, {
1923
- gridRowGap: designTokens.spacingL,
1910
+ gridRowGap: designTokens.spacingM,
1924
1911
  gridTemplateColumns: `calc(${designTokens.constraint3} + ${designTokens.spacingL}) auto`,
1925
1912
  children: [jsx(Grid.Item, {
1926
1913
  children: jsx(Text.Body, {
1927
- intlMessage: messages.exportScope
1914
+ intlMessage: messages.scope
1928
1915
  })
1929
1916
  }), jsx(Grid.Item, {
1930
1917
  children: jsx(ExportScopeSection, {})
1931
1918
  }), jsx(Grid.Item, {
1932
1919
  children: jsx(Text.Body, {
1933
- intlMessage: messages.exportSettings
1920
+ intlMessage: messages.saveAs
1934
1921
  })
1935
1922
  }), jsx(Grid.Item, {
1936
1923
  children: jsxs(Spacings.Stack, {
1937
- scale: "m",
1938
- children: [jsx(SelectField, {
1939
- name: "outputFormat",
1940
- onChange: handleOutputFormatChange,
1941
- onBlur: formik.handleBlur,
1942
- value: _valuesInstanceProperty(formik).outputFormat,
1943
- title: intl.formatMessage(messages.outputFormat),
1944
- options: OUTPUT_FORMAT_OPTIONS,
1945
- menuPortalTarget: document.body,
1946
- menuPortalZIndex: Z_INDEX_DROPDOWN
1947
- }), jsx(Masking.Mask, {
1924
+ scale: "s",
1925
+ children: [jsx(Masking.Mask, {
1948
1926
  children: jsx(TextField, {
1949
1927
  name: "fileName",
1950
1928
  onChange: formik.handleChange,
@@ -1955,16 +1933,17 @@ const ExportFileSettingsStep = () => {
1955
1933
  errors: mapFormikErrors(formik.errors.fileName),
1956
1934
  renderError: renderFileNameError
1957
1935
  })
1958
- })]
1936
+ }), jsx(SelectField, {
1937
+ name: "outputFormat",
1938
+ onChange: handleOutputFormatChange,
1939
+ onBlur: formik.handleBlur,
1940
+ value: _valuesInstanceProperty(formik).outputFormat,
1941
+ title: intl.formatMessage(messages.outputFormat),
1942
+ options: OUTPUT_FORMAT_OPTIONS,
1943
+ menuPortalTarget: document.body,
1944
+ menuPortalZIndex: Z_INDEX_DROPDOWN
1945
+ }), shouldShowPreferences && jsx(ExportPreferenceSection, {})]
1959
1946
  })
1960
- }), shouldShowPreferences && jsxs(Fragment, {
1961
- children: [jsx(Grid.Item, {
1962
- children: jsx(Text.Body, {
1963
- intlMessage: messages.exportPreferences
1964
- })
1965
- }), jsx(Grid.Item, {
1966
- children: jsx(ExportPreferenceSection, {})
1967
- })]
1968
1947
  })]
1969
1948
  })
1970
1949
  })
@@ -3188,11 +3167,11 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
3188
3167
  return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:getDefaultDropWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBEcm9wem9uZVJvb3RQcm9wcyB9IGZyb20gJ3JlYWN0LWRyb3B6b25lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2RlZmF1bHQnKSB7XG4gICAgICByZXR1cm4gc3R5bGVzLnJlYWR5Rm9yRHJvcFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2FjdGl2ZS1kcmFnJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5hY3RpdmVEcmFnXG4gICAgfVxuICAgIGlmIChwcm9wcy5kcm9wQXJlYVN0YXRlID09PSAnZmlsZS1kcm9wcGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5maWxlRHJvcHBlZFxuICAgIH1cbiAgICByZXR1cm4gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKHByb3BzLmRyb3BBcmVhU3RhdGUpXG4gIH19XG5gXG5mdW5jdGlvbiBnZXREZWZhdWx0RHJvcFdyYXBwZXJTdHlsZXMoX2Ryb3BBcmVhU3RhdGU6IG5ldmVyKSB7XG4gIHJldHVybiBjc3NgYFxufVxuIl19 */");
3189
3168
  }
3190
3169
 
3191
- var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-d6b75271.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
3170
+ var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-0c0e312e.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
3192
3171
 
3193
- var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-d3bbcefb.esm.js' /* webpackChunkName: "enabled-drop-area" */));
3172
+ var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-07845761.esm.js' /* webpackChunkName: "enabled-drop-area" */));
3194
3173
 
3195
- var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-eb9f32ff.esm.js' /* webpackChunkName: "filed-dropped-area" */));
3174
+ var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-016972ea.esm.js' /* webpackChunkName: "filed-dropped-area" */));
3196
3175
 
3197
3176
  function getDropArea(_ref) {
3198
3177
  let dropAreaState = _ref.dropAreaState,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-frontend-extensions/export-resources-modal",
3
3
  "description": "Shared export modal for exporting resources",
4
- "version": "5.1.5",
4
+ "version": "5.2.0",
5
5
  "license": "BSD-3-Clause",
6
6
  "publishConfig": {
7
7
  "access": "public"